diff --git a/.cliff-jumperrc.json b/.cliff-jumperrc.json
deleted file mode 100644
index 42936275..00000000
--- a/.cliff-jumperrc.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/favware/cliff-jumper/main/assets/cliff-jumper.schema.json",
-  "name": "editor",
-  "org": "nanoforge-dev",
-  "packagePath": ".",
-  "tagTemplate": "{{new-version}}",
-  "identifierBase": false
-}
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 00000000..51a4595b
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,8 @@
+**/node_modules
+**/dist
+**/.svelte-kit
+**/.turbo
+**/coverage
+.git
+.idea
+.env
diff --git a/.env.example b/.env.example
index 296d687c..c1506f18 100644
--- a/.env.example
+++ b/.env.example
@@ -1,26 +1,34 @@
-# Set to production
+# production | development
 NODE_ENV=development
 
-# OFFLINE or ONLINE, change editor mode beetween local execution and online execution
+# OFFLINE: local projects on disk (binds to 127.0.0.1). ONLINE: hosted, projects synced with git gateways.
 PUBLIC_MODE=OFFLINE
 
-# Urls
-PUBLIC_PM_URL=https://projects.nanoforge.eu
-PUBLIC_DOCS_URL=https://docs.nanoforge.eu
-PUBLIC_LANDING_URL=https://nanoforge.eu
-
-# Api params (required if PUBLIC_MODE=ONLINE)
-API_URL=http://localhost:3000
-API_KEY=test
+# Server. In OFFLINE mode HOST must be a loopback address (no sign-in, project code runs),
+# unless ALLOW_REMOTE_OFFLINE=1 and something else restricts who can connect.
+# HOST=127.0.0.1
+# ALLOW_REMOTE_OFFLINE=
+PORT=3000
 
-# Fs root dir read/write projects (leave empty to select current directory) (if you use relative path, it will be <cwd>/<FS_ROOT>)
+# Projects must live under this directory (default: current directory)
 FS_ROOT=
-# Archive root dir read/write archive (leave empty to select current directory) (if you use relative path, it will be <cwd>/<ARCHIVE_ROOT>)
-# Shouldn't be in FS_ROOT to avoid name conflicts
-ARCHIVE_ROOT=
+# Editor data (recent projects, installed plugins). Default: ~/.nanoforge/editor
+DATA_DIR=
 
-# Leaving this empty will generate a new unique random session secret at start
+# NanoForge API (API_KEY required when PUBLIC_MODE=ONLINE)
+API_URL=https://api.nanoforge.eu
+API_KEY=
+# Where ONLINE users sign in (the website sets the auth cookies)
+PUBLIC_PM_URL=https://projects.nanoforge.eu
+
+# Leave empty to generate a random secret at start (sessions are lost on restart)
 SESSION_SECRET=
 
-# Change if your nf cli executable isn't in the path
-NF_CLI_PATH=nf
+# Change if the binaries are not in the PATH (nf: the project's own node_modules/.bin is tried first)
+NF_CLI_PATH=
+GIT_PATH=
+
+# Comma separated list of local plugin folders under development (their dist/ is served, hot reloaded)
+DEV_PLUGINS=
+# Extra origins allowed to call the server (reverse proxies)
+ALLOWED_ORIGINS=
diff --git a/.github/ISSUE_TEMPLATE/01-command_bug_report.yml b/.github/ISSUE_TEMPLATE/01-command_bug_report.yml
deleted file mode 100644
index f75ac748..00000000
--- a/.github/ISSUE_TEMPLATE/01-command_bug_report.yml
+++ /dev/null
@@ -1,66 +0,0 @@
-name: Bug report
-description: Report an issue with Nanoforge Editor.
-labels: [bug]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for filing an issue! If you are here to ask a question, don't hesitate to open a discussion instead: https://github.com/NanoForge-dev/editor/discussions.
-
-        This issue form is for Nanoforge Editor.
-    validations:
-      required: true
-  - type: textarea
-    id: description
-    attributes:
-      label: Issue description
-      description: Describe the issue in as much detail as possible.
-      placeholder: |
-        Steps to reproduce with below code sample:
-        1. Do thing
-        2. Observe behavior
-        3. See error logs below
-    validations:
-      required: true
-  - type: textarea
-    id: code_sample
-    attributes:
-      label: Code sample
-      description: |
-        Your code sample should be:
-        1. Minimal - Use as little code as possible that still produces the same problem (and is understandable)
-        2. Complete - Provide all parts someone else needs to reproduce your problem
-        3. Reproducible - Test the code you're about to provide to make sure it reproduces the problem
-
-        This will be automatically formatted into code, so no need for backticks.
-      render: typescript
-  - type: textarea
-    id: versions
-    attributes:
-      label: Versions
-      description: List necessary versions here. This includes your package version, runtime version, operating system etc.
-      placeholder: |
-        - @nanoforge-dev/editor 1.0.0 (`npm ls @nanoforge-dev/editor`)
-        - Node.js 25.x.x (`node --version`)
-        - TypeScript 5.9.3 (`npm ls typescript` if you use it)
-        - macOS Ventura 13.3.1
-    validations:
-      required: true
-  - type: dropdown
-    id: priority
-    attributes:
-      label: Issue priority
-      description: Please be realistic. If you need to elaborate on your reasoning, please use the issue description field above.
-      options:
-        - Low (slightly annoying)
-        - Medium (should be fixed soon)
-        - High (immediate attention needed)
-    validations:
-      required: true
-  - type: input
-    id: dev_release
-    attributes:
-      label: I have tested this issue on a development release
-      placeholder: d23280c (commit hash)
-      description: |
-        The issue might already be fixed in a development main. This is not required, but helps us greatly.
diff --git a/.github/ISSUE_TEMPLATE/01-packages_bug_report.yml b/.github/ISSUE_TEMPLATE/01-packages_bug_report.yml
new file mode 100644
index 00000000..4dc72529
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/01-packages_bug_report.yml
@@ -0,0 +1,99 @@
+name: Bug report
+description: Report an issue with Nanoforge Editor.
+labels: [bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for filing an issue! If you are here to ask a question, don't hesitate to open a discussion instead: https://github.com/NanoForge-dev/Editor/discussions.
+
+        This issue form is for Nanoforge Editor.
+  - type: dropdown
+    id: package
+    attributes:
+      label: Which package is this bug report for?
+      options:
+        - editor
+        - code
+        - history
+        - kernel
+        - layout
+        - meta
+        - project
+        - protocol
+        - registry
+        - rpc
+        - runtime
+        - sdk
+        - server-core
+        - settings
+        - ui
+        - code-editor
+        - command-palette
+        - console
+        - ecs
+        - file-manager
+        - git
+        - history-panel
+        - inspectors
+        - packages
+        - scene
+        - settings-ui
+        - viewport
+        - other
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Issue description
+      description: Describe the issue in as much detail as possible.
+      placeholder: |
+        Steps to reproduce with below code sample:
+        1. Do thing
+        2. Observe behavior
+        3. See error logs below
+    validations:
+      required: true
+  - type: textarea
+    id: code_sample
+    attributes:
+      label: Code sample
+      description: |
+        Your code sample should be:
+        1. Minimal - Use as little code as possible that still produces the same problem (and is understandable)
+        2. Complete - Provide all parts someone else needs to reproduce your problem
+        3. Reproducible - Test the code you're about to provide to make sure it reproduces the problem
+
+        This will be automatically formatted into code, so no need for backticks.
+      render: typescript
+  - type: textarea
+    id: versions
+    attributes:
+      label: Versions
+      description: List necessary versions here. This includes your package version, runtime version, operating system etc.
+      placeholder: |
+        - @nanoforge-dev/editor 1.0.0 (`npm ls @nanoforge-dev/editor`)
+        - Node.js 26 (`node --version`)
+        - TypeScript 5.9.3 (`npm ls typescript` if you use it)
+        - macOS Ventura 13.3.1
+    validations:
+      required: true
+  - type: dropdown
+    id: priority
+    attributes:
+      label: Issue priority
+      description: Please be realistic. If you need to elaborate on your reasoning, please use the issue description field above.
+      options:
+        - Low (slightly annoying)
+        - Medium (should be fixed soon)
+        - High (immediate attention needed)
+    validations:
+      required: true
+  - type: input
+    id: dev_release
+    attributes:
+      label: I have tested this issue on a development release
+      placeholder: d23280c (commit hash)
+      description: |
+        The issue might already be fixed in a development main. This is not required, but helps us greatly.
diff --git a/.github/ISSUE_TEMPLATE/02-feature_request.yml b/.github/ISSUE_TEMPLATE/02-feature_request.yml
deleted file mode 100644
index bea2ce33..00000000
--- a/.github/ISSUE_TEMPLATE/02-feature_request.yml
+++ /dev/null
@@ -1,33 +0,0 @@
-name: Feature request
-description: Request a new feature
-labels: [enhancement]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for submitting an idea !
-  - type: textarea
-    id: description
-    attributes:
-      label: Feature
-      description: A clear and concise description of what the problem is, or what feature you want to be implemented.
-      placeholder: I'm always frustrated when..., A good addition would be...
-    validations:
-      required: true
-  - type: textarea
-    id: solution
-    attributes:
-      label: Ideal solution or implementation
-      description: A clear and concise description of what you want to happen.
-    validations:
-      required: true
-  - type: textarea
-    id: alternatives
-    attributes:
-      label: Alternative solutions or implementations
-      description: A clear and concise description of any alternative solutions or features you have considered.
-  - type: textarea
-    id: additional_context
-    attributes:
-      label: Other context
-      description: Any other context, screenshots, or file uploads that help us understand your feature request.
diff --git a/.github/ISSUE_TEMPLATE/02-tooling_bug_report.yml b/.github/ISSUE_TEMPLATE/02-tooling_bug_report.yml
new file mode 100644
index 00000000..9b7dbbc1
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/02-tooling_bug_report.yml
@@ -0,0 +1,56 @@
+name: Bug report on tooling
+description: Report an issue with Nanoforge Editor tooling.
+labels: [bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for filing an issue! If you are here to ask a question, don't hesitate to open a discussion instead: https://github.com/NanoForge-dev/Editor/discussions.
+
+        This issue form is for Nanoforge Editor tooling.
+  - type: dropdown
+    id: package
+    attributes:
+      label: Which tooling is this bug report for?
+      options:
+        - example-plugin
+        - vite-plugin
+        - other
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Issue description
+      description: Describe the issue in as much detail as possible.
+      placeholder: |
+        Steps to reproduce with below code sample:
+        1. Do thing
+        2. Build your plugin
+        3. Observe behavior
+        4. See error logs below
+    validations:
+      required: true
+  - type: textarea
+    id: versions
+    attributes:
+      label: Versions
+      description: List necessary versions here. This includes your package version, runtime version, operating system etc.
+      placeholder: |
+        - @nanoforge-dev/editor-vite-plugin 1.0.0 (`npm ls @nanoforge-dev/editor-vite-plugin`)
+        - Node.js 26 (`node --version`)
+        - TypeScript 6.0.3 (`npm ls typescript` if you use it)
+        - macOS Ventura 13.3.1
+    validations:
+      required: true
+  - type: dropdown
+    id: priority
+    attributes:
+      label: Issue priority
+      description: Please be realistic. If you need to elaborate on your reasoning, please use the issue description field above.
+      options:
+        - Low (slightly annoying)
+        - Medium (should be fixed soon)
+        - High (immediate attention needed)
+    validations:
+      required: true
diff --git a/.github/ISSUE_TEMPLATE/03-feature_request.yml b/.github/ISSUE_TEMPLATE/03-feature_request.yml
new file mode 100644
index 00000000..3a5aed83
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/03-feature_request.yml
@@ -0,0 +1,70 @@
+name: Feature request
+description: Request a new feature
+labels: [enhancement]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for submitting an idea !
+  - type: dropdown
+    id: application_or_package
+    attributes:
+      label: Which package or tooling is this feature request for?
+      options:
+        - editor
+        - code
+        - history
+        - kernel
+        - layout
+        - meta
+        - project
+        - protocol
+        - registry
+        - rpc
+        - runtime
+        - sdk
+        - server-core
+        - settings
+        - ui
+        - code-editor
+        - command-palette
+        - console
+        - ecs
+        - file-manager
+        - git
+        - history-panel
+        - inspectors
+        - packages
+        - scene
+        - settings-ui
+        - viewport
+        - example-plugin
+        - vite-plugin
+        - other
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Feature
+      description: A clear and concise description of what the problem is, or what feature you want to be implemented.
+      placeholder: I'm always frustrated when..., A good addition would be...
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Ideal solution or implementation
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Alternative solutions or implementations
+      description: A clear and concise description of any alternative solutions or features you have considered.
+  - type: textarea
+    id: additional_context
+    attributes:
+      label: Other context
+      description: Any other context, screenshots, or file uploads that help us understand your feature request.
diff --git a/.github/ISSUE_TEMPLATE/03-documentation_issue.yml b/.github/ISSUE_TEMPLATE/04-documentation_issue.yml
similarity index 100%
rename from .github/ISSUE_TEMPLATE/03-documentation_issue.yml
rename to .github/ISSUE_TEMPLATE/04-documentation_issue.yml
diff --git a/.github/actions/prepare/action.yml b/.github/actions/prepare/action.yml
index 442c2e92..96f90b1b 100644
--- a/.github/actions/prepare/action.yml
+++ b/.github/actions/prepare/action.yml
@@ -17,10 +17,16 @@ runs:
       name: Install Node.js
       uses: actions/setup-node@v6
       with:
-        node-version: 25
+        node-version: 26
         package-manager-cache: false
         registry-url: https://registry.npmjs.org
 
+    # The editor server build and the game runtime (tests included) run on Bun.
+    - name: Install Bun
+      uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2.2.0
+      with:
+        bun-version: 1.3.14
+
     - if: inputs.pnpm-install == 'true'
       name: Install dependencies
       uses: ./.github/actions/pnpm-install
diff --git a/.github/issue-labeler.yml b/.github/issue-labeler.yml
index e69de29b..c315c747 100644
--- a/.github/issue-labeler.yml
+++ b/.github/issue-labeler.yml
@@ -0,0 +1,86 @@
+apps:editor:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\neditor\\n"
+
+packages:code:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\ncode\\n"
+
+packages:history:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nhistory\\n"
+
+packages:kernel:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nkernel\\n"
+
+packages:layout:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nlayout\\n"
+
+packages:meta:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nmeta\\n"
+
+packages:project:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nproject\\n"
+
+packages:protocol:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nprotocol\\n"
+
+packages:registry:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nregistry\\n"
+
+packages:rpc:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nrpc\\n"
+
+packages:runtime:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nruntime\\n"
+
+packages:sdk:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nsdk\\n"
+
+packages:server-core:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nserver-core\\n"
+
+packages:settings:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nsettings\\n"
+
+packages:ui:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nui\\n"
+
+plugins:code-editor:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\ncode-editor\\n"
+
+plugins:command-palette:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\ncommand-palette\\n"
+
+plugins:console:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nconsole\\n"
+
+plugins:ecs:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\necs\\n"
+
+plugins:file-manager:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nfile-manager\\n"
+
+plugins:git:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\ngit\\n"
+
+plugins:history-panel:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nhistory-panel\\n"
+
+plugins:inspectors:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\ninspectors\\n"
+
+plugins:packages:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\npackages\\n"
+
+plugins:scene:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nscene\\n"
+
+plugins:settings-ui:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nsettings-ui\\n"
+
+plugins:viewport:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nviewport\\n"
+
+tooling:example-plugin:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nexample-plugin\\n"
+
+tooling:vite-plugin:
+  - "### Which (package|tooling|package or tooling) is this (bug report|feature request) for\\?\\n\\nvite-plugin\\n"
diff --git a/.github/labeler.yml b/.github/labeler.yml
index 539fefc4..929ca27f 100644
--- a/.github/labeler.yml
+++ b/.github/labeler.yml
@@ -3,3 +3,177 @@ documentation:
       - any-glob-to-any-file:
           - docs/*
           - docs/**/*
+
+apps:editor:
+  - changed-files:
+      - any-glob-to-any-file:
+          - apps/editor/*
+          - apps/editor/**/*
+
+packages:code:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/code/*
+          - packages/code/**/*
+
+packages:history:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/history/*
+          - packages/history/**/*
+
+packages:kernel:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/kernel/*
+          - packages/kernel/**/*
+
+packages:layout:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/layout/*
+          - packages/layout/**/*
+
+packages:meta:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/meta/*
+          - packages/meta/**/*
+
+packages:project:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/project/*
+          - packages/project/**/*
+
+packages:protocol:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/protocol/*
+          - packages/protocol/**/*
+
+packages:registry:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/registry/*
+          - packages/registry/**/*
+
+packages:rpc:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/rpc/*
+          - packages/rpc/**/*
+
+packages:runtime:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/runtime/*
+          - packages/runtime/**/*
+
+packages:sdk:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/sdk/*
+          - packages/sdk/**/*
+
+packages:server-core:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/server-core/*
+          - packages/server-core/**/*
+
+packages:settings:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/settings/*
+          - packages/settings/**/*
+
+packages:ui:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/ui/*
+          - packages/ui/**/*
+
+plugins:code-editor:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/code-editor/*
+          - plugins/code-editor/**/*
+
+plugins:command-palette:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/command-palette/*
+          - plugins/command-palette/**/*
+
+plugins:console:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/console/*
+          - plugins/console/**/*
+
+plugins:ecs:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/ecs/*
+          - plugins/ecs/**/*
+
+plugins:file-manager:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/file-manager/*
+          - plugins/file-manager/**/*
+
+plugins:git:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/git/*
+          - plugins/git/**/*
+
+plugins:history-panel:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/history-panel/*
+          - plugins/history-panel/**/*
+
+plugins:inspectors:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/inspectors/*
+          - plugins/inspectors/**/*
+
+plugins:packages:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/packages/*
+          - plugins/packages/**/*
+
+plugins:scene:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/scene/*
+          - plugins/scene/**/*
+
+plugins:settings-ui:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/settings-ui/*
+          - plugins/settings-ui/**/*
+
+plugins:viewport:
+  - changed-files:
+      - any-glob-to-any-file:
+          - plugins/viewport/*
+          - plugins/viewport/**/*
+
+tooling:example-plugin:
+  - changed-files:
+      - any-glob-to-any-file:
+          - tooling/example-plugin/*
+          - tooling/example-plugin/**/*
+
+tooling:vite-plugin:
+  - changed-files:
+      - any-glob-to-any-file:
+          - tooling/vite-plugin/*
+          - tooling/vite-plugin/**/*
diff --git a/.github/labels.yml b/.github/labels.yml
index d771bce7..d22ddaa6 100644
--- a/.github/labels.yml
+++ b/.github/labels.yml
@@ -1,3 +1,7 @@
+- name: 'apps:editor'
+  description: 'Related to Editor app'
+  color: '5319e7'
+
 - name: 'blocked'
   description: 'This is blocked'
   color: 'e92f1d'
@@ -42,6 +46,110 @@
   description: "This doesn't seem right"
   color: 'e4e669'
 
+- name: 'packages:code'
+  description: 'Related to Code package'
+  color: 'aaa3dc'
+
+- name: 'packages:history'
+  description: 'Related to History package'
+  color: 'aaa3dc'
+
+- name: 'packages:kernel'
+  description: 'Related to Kernel package'
+  color: 'aaa3dc'
+
+- name: 'packages:layout'
+  description: 'Related to Layout package'
+  color: 'aaa3dc'
+
+- name: 'packages:meta'
+  description: 'Related to Meta package'
+  color: 'aaa3dc'
+
+- name: 'packages:project'
+  description: 'Related to Project package'
+  color: 'aaa3dc'
+
+- name: 'packages:protocol'
+  description: 'Related to Protocol package'
+  color: 'aaa3dc'
+
+- name: 'packages:registry'
+  description: 'Related to Registry package'
+  color: 'aaa3dc'
+
+- name: 'packages:rpc'
+  description: 'Related to RPC package'
+  color: 'aaa3dc'
+
+- name: 'packages:runtime'
+  description: 'Related to Runtime package'
+  color: 'aaa3dc'
+
+- name: 'packages:sdk'
+  description: 'Related to SDK package'
+  color: 'aaa3dc'
+
+- name: 'packages:server-core'
+  description: 'Related to Server core package'
+  color: 'aaa3dc'
+
+- name: 'packages:settings'
+  description: 'Related to Settings package'
+  color: 'aaa3dc'
+
+- name: 'packages:ui'
+  description: 'Related to UI package'
+  color: 'aaa3dc'
+
+- name: 'plugins:code-editor'
+  description: 'Related to Code editor plugin'
+  color: '1c3f78'
+
+- name: 'plugins:command-palette'
+  description: 'Related to Command palette plugin'
+  color: '1c3f78'
+
+- name: 'plugins:console'
+  description: 'Related to Console plugin'
+  color: '1c3f78'
+
+- name: 'plugins:ecs'
+  description: 'Related to ECS plugin'
+  color: '1c3f78'
+
+- name: 'plugins:file-manager'
+  description: 'Related to File manager plugin'
+  color: '1c3f78'
+
+- name: 'plugins:git'
+  description: 'Related to Git plugin'
+  color: '1c3f78'
+
+- name: 'plugins:history-panel'
+  description: 'Related to History panel plugin'
+  color: '1c3f78'
+
+- name: 'plugins:inspectors'
+  description: 'Related to Inspectors plugin'
+  color: '1c3f78'
+
+- name: 'plugins:packages'
+  description: 'Related to Packages plugin'
+  color: '1c3f78'
+
+- name: 'plugins:scene'
+  description: 'Related to Scene plugin'
+  color: '1c3f78'
+
+- name: 'plugins:settings-ui'
+  description: 'Related to Settings ui plugin'
+  color: '1c3f78'
+
+- name: 'plugins:viewport'
+  description: 'Related to Viewport plugin'
+  color: '1c3f78'
+
 - name: 'question'
   description: 'Further information is requested'
   color: 'd876e3'
@@ -54,6 +162,14 @@
   description: 'Adding missing tests or correcting existing tests'
   color: '7f8f92'
 
+- name: 'tooling:example-plugin'
+  description: 'Related to Example plugin tooling'
+  color: '606bdf'
+
+- name: 'tooling:vite-plugin'
+  description: 'Related to Vite plugin tooling'
+  color: '606bdf'
+
 - name: 'wontfix'
   description: 'This will not be worked on'
   color: 'ffffff'
diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
new file mode 100644
index 00000000..de9b7c2c
--- /dev/null
+++ b/.github/workflows/e2e.yml
@@ -0,0 +1,69 @@
+name: E2E
+
+on:
+  schedule:
+    - cron: '0 3 * * *'
+  pull_request:
+    branches:
+      - main
+    paths:
+      - 'apps/**'
+      - 'packages/**'
+      - 'plugins/**'
+      - 'tooling/**'
+      - 'examples/**'
+      - 'pnpm-lock.yaml'
+      - 'pnpm-workspace.yaml'
+      - 'turbo.json'
+      - '.github/workflows/e2e.yml'
+      - '.github/actions/**'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v7
+
+      - name: Prepare
+        uses: ./.github/actions/prepare
+
+      # The tests that play a game (runtime, inspectors, scene…) need a built engine with the
+      # editor library; without NANOFORGE_ENGINE they are skipped.
+      - name: Checkout engine
+        uses: actions/checkout@v7
+        with:
+          repository: NanoForge-dev/Engine
+          ref: main
+          path: engine
+
+      - name: Install emsdk
+        uses: ./engine/.github/actions/emsdk-install
+
+      - name: Install engine dependencies
+        uses: ./.github/actions/pnpm-install
+        with:
+          path: engine
+
+      - name: Build engine
+        run: pnpm run build
+        working-directory: engine
+
+      - name: Install browsers
+        run: pnpm --filter @nanoforge-dev/editor exec playwright install --with-deps chromium
+
+      - name: Run end-to-end tests
+        run: pnpm --filter @nanoforge-dev/editor test:e2e
+        env:
+          NANOFORGE_ENGINE: ${{ github.workspace }}/engine
+
+      - name: Upload traces
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-traces
+          path: apps/editor/test-results
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index aa53bb07..21eba6ee 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -9,6 +9,9 @@ on:
       - main
   workflow_dispatch:
 
+permissions:
+  contents: read
+
 env:
   PUBLIC_MODE: ${{ vars.PUBLIC_MODE }}
   PUBLIC_PM_URL: ${{ vars.PUBLIC_PM_URL }}
@@ -28,5 +31,11 @@ jobs:
       - name: Run linter
         run: pnpm lint
 
+      - name: Run type checks
+        run: pnpm typecheck
+
+      - name: Install browsers for component tests
+        run: pnpm --filter @nanoforge-dev/editor-ui exec playwright install --with-deps chromium
+
       - name: Run tests
         run: pnpm test:unit
diff --git a/.gitignore b/.gitignore
index f984847d..aad4424e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -231,3 +231,25 @@ dist
 test-results/
 
 public/assets/fonts/
+
+### Turborepo
+.turbo
+
+# Spike fixture copy (phase 1.1)
+apps/editor/static/__spike/
+
+# Temporary fixture copies of tests
+packages/server-core/test/.tmp-*
+
+# e2e workspace and reports
+apps/editor/e2e/.workspace/
+apps/editor/e2e/.workspace-*/
+apps/editor/test-results/
+apps/editor/playwright-report/
+
+# SvelteKit client build (bundled into dist/ by the build script)
+apps/editor/build/
+
+# The example editor's data (pnpm example)
+examples/.data/
+examples/node_modules
diff --git a/.husky/pre-push b/.husky/pre-push
index 64e3d4e1..d5cc1185 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -1,3 +1,3 @@
 pnpm lint
-pnpm build
+pnpm typecheck
 pnpm test:unit
diff --git a/.nvmrc b/.nvmrc
index a682cfb9..4aa0e0a7 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v25
+v26
diff --git a/.prettierignore b/.prettierignore
index 9976d76a..bae5a534 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,21 +1,26 @@
 .idea/
 .vscode/
+.turbo/
 
-.svelte-kit/
-dist/
+**/.svelte-kit/
+**/dist/
+**/build/
 node_modules/
 
 pnpm-lock.yaml
 pnpm-workspace.yaml
 
-CHANGELOG.md
+apps/
+packages/
+plugins/
+tooling/
 
-coverage/
-test-results/
+**/CHANGELOG.md
 
-project.inlang/cache/
-project.inlang/.gitignore
-project.inlang/.meta.json
-project.inlang/README.md
+**/coverage/
+**/test-results/
 
-src/lib/paraglide/
+**/test/fixtures/
+
+# Written by the editor in a project it opens (the example).
+**/.nanoforge/
diff --git a/CHANGELOG-v2.md b/CHANGELOG-v2.md
new file mode 100644
index 00000000..4fecedf7
--- /dev/null
+++ b/CHANGELOG-v2.md
@@ -0,0 +1,126 @@
+# NanoForge Editor 1.0.0
+
+`@nanoforge-dev/editor@1.0.0` and `@nanoforge-dev/editor-sdk@1.0.0`.
+
+The editor was rewritten from scratch. It keeps what the previous editor did (edit a NanoForge game in the browser, hosted or with `nf editor`) on a new base: everything visible is a plugin, the game's code is the only source of truth, and every change can be undone.
+
+This file describes the release. Nothing is published yet: the package versions, the tag and the publication are the release steps still to do.
+
+## What changes for you
+
+### The game is its code
+
+- The editor no longer keeps a save file of the scene (`.nanoforge/*.save.json`). Entities, components and systems are read from the app's `main.ts`, and written back to it when you change them in the panels.
+- Code the editor cannot model (loops, helpers, conditions) is left untouched and shown read-only, with a link to its lines.
+- Editing the code by hand and editing in the panels are the same thing: each follows the other.
+
+### A workbench you arrange
+
+- Four screens (Project, Scene, Script, Game) and panels in five docks. Drag tabs between docks, float them, close them, save layouts by name.
+- A command palette (`Ctrl+Shift+P`) that also opens files (`Ctrl+P`), goes to a line (`Ctrl+G`) and to a symbol (`Ctrl+Shift+O`).
+- Keyboard shortcuts you can change, with chords, conflict warnings, and the presets _VS Code_ and _Godot_.
+- Light and dark themes.
+
+### Undo everywhere
+
+- Each area has its own history: each file, the Files panel, the layout, plugins. `Ctrl+Z` acts on what has focus.
+- A History panel lists the steps, shows what each one changed, and jumps to any of them.
+- File moves, renames and deletions can be undone. So can changes made from the panels to your code.
+
+### Files
+
+- A tree and a grid with image thumbnails; create from templates, rename, move, copy, duplicate, import by drop, download a folder as a `.zip`.
+- `.nfignore` hides files from the whole editor.
+
+### Code editor
+
+- Monaco with the project's and the engine's types, go to definition into engine packages, rename, and errors for every file of the project in a Problems panel.
+- Tabs and a split view. Unsaved changes survive a reload.
+- Formatting with the project's own Prettier; save on delay or on focus loss; format and organize imports on save.
+- A banner when a file with unsaved changes was modified on disk, with a side-by-side comparison.
+
+### Entities, components and systems
+
+- A Hierarchy and an Inspector per app (client, server), and a 2D Scene screen where entities are selected and dragged.
+- A Components panel listing what an app can use: its own, shared libraries, installed packages. Create components and systems from templates.
+- **Shared libraries**: code used by both the client and the server, imported by package name; move a component into one with its imports rewritten.
+- The **Project screen** manages the project: add, rename and remove client apps, server apps and shared libraries, and choose which apps use each library.
+- The author of a component chooses how it shows in the inspector (groups, presets such as vectors and colors, labels, hidden parameters) with documentation tags, or with the Component panel beside the code.
+- Systems of an app listed in run order, reordered by drag.
+
+### Play
+
+- Play, pause, step, restart and stop, for the client, the server or both; a second client in another window.
+- A Game screen with resolutions and device presets, zoom, a stats overlay, mute, screenshots, and a pop-out window.
+- **Live mode**: while the game runs, the Hierarchy and the Inspector show the running world. Change values, add components, spawn entities, switch systems off; _Apply to code_ writes what you want to keep. Move entities by dragging them in the Scene screen, or over the running game with **Move entities** in the Game screen.
+- A Console for the game, builds and the editor: logged objects expand, file paths are links, and game lines show where they were logged, through source maps.
+- A Profiler (tick time, time per library and per system), a Network panel (packets, decoded payloads, throughput) and a World panel (the running entities, with a search).
+
+### Git
+
+- A VCS menu, a Commit panel (changes, unversioned files, rollback, amend, stash) and a Git panel (branches, commits, changed files), after IntelliJ's.
+- Push with a preview of the commits, update, fetch, branches; file status marks in the Files panel; the branch in the status bar.
+- Local editors only.
+
+### Settings
+
+- One dialog with search. Each setting can be saved to your account, this machine, the project (committed) or the project for you only.
+- Import and export; the project's settings as a JSON file with completion.
+- Account settings sync between devices once the API offers it (see below).
+
+### Plugins and packages
+
+- **Plugins** extend the editor. Install them from _Settings › Plugins_, for yourself or for a project.
+- **Packages** bring components, systems and assets to a game. Install them from _File › Packages…_; they go to `nf_modules`, with a list and a lock file in the project.
+- Both read a registry that the API does not provide yet: until then the marketplace says it is not available (a folder can stand in for it).
+
+### Scenes
+
+For games built on the engine's scene module (`@nanoforge-dev/scene`, engine branch `feat/scene`), a new built-in plugin:
+
+- the **Scenes** panel: the scene tree by parent, new, rename, move by drag and drop, set as initial, delete; selecting a scene makes the Hierarchy, Inspector, Systems and Scene screen edit its `setup`, with its parents' entities and systems read-only;
+- the **Vars** panel: the scene vars declared in `scene-vars.ts`, their uses and the scenes that make them; add, rename (every key follows), edit, remove, declare a key used in code;
+- while playing: the loaded scenes, _Load scene_ (with its params) and _Unload scene_, live var values, and the live entities grouped by scene.
+
+The `examples/breakout` project is a game made of scenes (`pnpm example breakout`).
+
+## For plugin authors
+
+- The ECS plugin's `ecs.sources` extension point: what its widgets edit for an app (a file and the function holding the spawns), and read-only locations shown with it.
+- `DocumentService.save(uri)`, and `PromptOptions.optional`.
+
+- `@nanoforge-dev/editor-sdk` is the only package a plugin imports: services, commands, settings, history, code analysis, the runtime, and the editor's own components and theme.
+- `nf create plugin --name @scope/name` writes a working plugin; `DEV_PLUGINS` loads it in the editor with hot reload.
+- Extension points for panels, screens, menus, shortcuts, the status bar and toolbar, settings pages, themes, file templates, file actions, document editors, code generation targets, scene editors, game overlays, and inspector fields.
+- A plugin can run code in the code worker (analyzers, transformers, item owners) and in the editor's server.
+- The guide is in `docs/docs/plugins`, and a reference plugin in `examples/counter-plugin`.
+
+## Breaking changes
+
+- **Projects saved by the previous editor** as `.nanoforge/*.save.json` are not read. Their entities must be in `main.ts`. No importer is provided.
+- **The previous editor's plugins and settings** do not carry over.
+- **Engine**: play controls, stats, live mode and the inspectors need NanoForge engine 2.0 or later, and the game registers its editor library (`app.use(new EditorLibrary())`, from `@nanoforge-dev/editor-lib`). The editor offers to add it. A game without it still plays, without them.
+- **`nf editor <path>`** opens a project directly; without a path it lists recent projects.
+- **Hosted editors** never build or run project code, and do not install plugins or packages.
+
+## Operating a hosted editor
+
+- `API_FEATURES` lists what the API offers (`settings`, `registry`). It is empty by default: account settings then stay on the editor's disk, and no registry is called.
+- A hosted editor needs a persistent data volume (settings, and per-user project settings).
+- What the editor asks of the API is in `docs/api`, with contract tests the API team can run.
+
+## Performance
+
+- The editor's page script went from 7 MB to 65 KB: the TypeScript compiler now loads only in the code worker.
+- The code worker is ready about half a second after it is first needed on the pong-network example.
+- Plugins load when first used; the code editor (Monaco) only when a file is opened.
+
+Measurements and how to reproduce them: `docs/performance.md`.
+
+## Known limits
+
+- The registry of plugins and packages, account settings sync, and the list of plugins following you between machines wait for the API (`docs/api`).
+- Dragging entities inside the Game screen is not built (drag them in the Scene screen).
+- The Git graph is a straight line per branch; no rebase, tags, cherry-pick or staging of part of a file.
+- No debugger or breakpoints.
+- The SDK and the plugin build tool are not on npm yet: plugin projects link them from the editor repository.
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 00000000..e98e5790
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,285 @@
+# NanoForge Editor v2 — notes for agents
+
+The NanoForge editor, rewritten from scratch. The full plan, with status per phase, is `docs/rewrite-plan.md`. Specs per plugin are in `docs/specs/`, design decisions in `docs/adr/`. Read the plan section of the phase you work on before touching code.
+
+## Working rules
+
+- **Where to work.**
+  - This is the worktree `G-EIP-600/editor-v2`. Its branch changes with the work (`git branch --show-current`): start a branch of your own for new work rather than committing on the user's.
+  - Never commit on the user's own branches or checkouts (`G-EIP-600/editor`, `engine`, `loader`, `cli`): use a worktree.
+  - Never push or publish. That is the user's call.
+- **Phases.**
+  - The user advances phases explicitly ("move to phase N"). Don't start the next phase on your own.
+  - Plugins (phases 9–11) always start with a **requirements session**: ask the user, write `docs/specs/<plugin>.md`, then build.
+  - When a phase item is done, mark it ✅ in `docs/rewrite-plan.md` with a short summary of what was built.
+- **Open questions** (see "Open design questions" below):
+  - the `nf_modules` dependency model (install, imports, collisions: see ADR 0003's open questions).
+
+  Ask the user before building anything that depends on them.
+
+- **Repository standards follow the engine** (`../engine`, `origin/main`):
+  - `package.json` fields in the engine's order (`$schema`, `name`, `version`, `description`, `keywords`, `homepage`, `bugs`, `license`, `contributors`, `files`, `main`, `module`, `types`, `exports`, `type`, `directories`, `repository`, `funding`, `scripts`, `dependencies`, `peerDependencies`, `devDependencies`, `packageManager`, `engines`, `private`, `publishConfig`, `lint-staged`), dependencies sorted, Node 26 and pnpm 12;
+  - every workspace has the engine's `README.md` (badges, About, Links, Contributing, Help), `LICENSE` and `.prettierignore`; published ones (`apps/editor`, `packages/sdk`, `tooling/vite-plugin`) also `CHANGELOG.md`, `cliff.toml` and `.cliff-jumperrc.json`;
+  - each workspace has a `<group>:<name>` label (`.github/labels.yml`, `labeler.yml`, `issue-labeler.yml`) and a choice in the issue forms. A new workspace gets all of them;
+  - the editor keeps single quotes (its Prettier override of the engine config).
+- **Commits.**
+  - Conventional commits, with the package or plugin name as scope: `feat(settings-ui): …`, `fix(ui): …`.
+  - Commitlint rejects sentence case, and a subject starting with an acronym such as "JSON" counts as sentence case: write "json".
+  - End the message with the `Co-Authored-By` line.
+  - Split work into logical commits: core/SDK changes first, then the plugin.
+  - Husky runs Prettier and ESLint on staged files.
+- **Shell.**
+  - `cp` is aliased interactive: use `command cp -f`.
+  - Never `pkill -f` (it matches and kills its own shell): kill by PID.
+  - zsh doesn't word-split `$var`: use `${=var}` in loops.
+  - The shell cwd resets after each command: `cd` inside each command.
+- **Ports.**
+  - 5174 is the user's own dev server: don't touch it. Use `EDITOR_API_PORT` for another dev server.
+  - The e2e tests use port 4790.
+
+## Commands
+
+```sh
+pnpm install
+pnpm turbo build --filter=@nanoforge-dev/editor...   # editor + every package and plugin it bundles
+pnpm lint          # prettier --check . + eslint in every package
+pnpm typecheck
+CHROME=/usr/bin/google-chrome-stable pnpm test       # unit + Vitest browser tests (packages/ui needs CHROME)
+pnpm dev           # editor + built-in plugins in watch mode (hot reload)
+
+# E2E: against the production build. Build first, and rebuild after every change.
+cd apps/editor
+CHROME=/usr/bin/google-chrome-stable \
+NANOFORGE_ENGINE=/home/exelo/workspace/epitech/G6/G-EIP-600/engine \
+NANOFORGE_CLI=/home/exelo/workspace/epitech/G6/G-EIP-600/cli \
+npx playwright test [spec…] --reporter=line
+```
+
+- **Run e2e with `E2E_WORKSPACE=.workspace-agent`** (`.workspace` or `.workspace-<name>`: anything else is refused, since the folder is wiped). The default `e2e/.workspace` is wiped at each run, and the user's dev server (`FS_ROOT=apps/editor`) may have its projects open. Specs take their paths from `e2e/workspace.ts`.
+- Without `NANOFORGE_ENGINE`, the tests that play the game (runtime, the viewport's "while playing", some code-editor tests) are **skipped**, not failed. Check the skipped count.
+- `NANOFORGE_CLI` (a built CLI checkout) is linked into the played game as its own CLI. Without it, the console test skips its source-map check (the game's published CLI writes no source maps).
+- Contract tests (`test/contract` in `server-core` and `registry`) run in `pnpm test` against the stand-ins, and against a real API with `CONTRACT_*` variables (`docs/api/README.md`). Never run them against a real API yourself.
+- `ANALYZE=1 npx vite build` (in `apps/editor`) prints the bundle analysis; `BENCH=1 npx playwright test` runs the startup measurements of `e2e/*.bench.ts` instead of the tests (`docs/performance.md`).
+- `E2E_EXTRA_PLUGINS=<built plugin folder>` adds a dev plugin to the e2e editor.
+- Unit tests fail on an unexpected `console.error` (`vitest.setup.ts`): a test that expects one spies on it (`vi.spyOn(console, 'error').mockImplementation(() => {})`).
+- SDK public API snapshot: after adding SDK exports, run `cd packages/sdk && npx vitest run -u`, and check that the diff shows only what you added.
+- E2E specs import `test` and `expect` from `./test` (`e2e/test.ts`), not from `@playwright/test`: its fixture fails a test when a page throws an uncaught error. Known noise goes in its `IGNORED` list.
+- E2E specs open projects with `openProject(page, path)` (`e2e/helpers.ts`): `/load?path=` asks before opening a folder that is not an exact recent path (a relative path always asks), and the helper answers **Trust and open**. Server and runtime unit tests open projects with `openTrustedProject` (`@nanoforge-dev/editor-server-core/testing`): a fresh data folder trusts nothing.
+- The editor server answers only to loopback host names and `ALLOWED_HOSTS` (DNS rebinding guard): a dev server reached by another name needs it.
+- To debug a failed e2e test, read `test-results/<test>/error-context.md`. For a screenshot, unzip `trace.zip` and open the last frame in `screencast/`.
+- The CLI repo needs `pnpm --filter @nanoforge-dev/config build` before `pnpm build`.
+
+## Architecture in one screen
+
+- **Monorepo:** pnpm + turbo. The app is a SvelteKit static SPA plus a Bun server, in Svelte 5 with runes only. Schemas use zod v4.
+- `apps/editor`:
+  - the shell (routes `/`, `/load?path=|gatewayId=`, `/project/[id]`, `/play`);
+  - the server (`scripts/build-server.ts` bundles `dist/`, including `dist/plugins`);
+  - the e2e tests.
+- **`packages/*`** are source-only (`exports` → `src/index.ts`). Only `sdk` is really built.
+  - `kernel`: DI (`createToken`, `Container`), `Disposable`, `Emitter`, `ObservableValue`, extension points, commands, context keys / `when`, plugin and package manifest schemas, resolver, `PluginHost` (`PluginHostToken`; `update()` swaps the plugin set when a project opens or closes).
+  - `sdk`: **the only package plugins import**: `@nanoforge-dev/editor-sdk`, plus `@nanoforge-dev/editor-sdk/ui`.
+  - `settings`: scopes default < account < machine < project < projectLocal; `AccountSyncStore` (`AccountSyncToken`).
+  - `history`: per-context stacks, `goTo`, serialization, IndexedDB persistence of `file:*` contexts.
+  - `layout`: a pure layout model and its operations.
+  - `ui`: the kit (bits-ui), theme tokens, workbench renderer, extension points.
+  - `code`: code worker, `DocumentService`, `JSON_SCHEMAS`.
+  - `runtime`: build, client runner, server runner.
+  - `protocol`: the engine bridge protocol, and the RPC contracts between the editor and its server.
+  - `rpc`, `project`, `server-core` (fs, `.nfignore`, `nf_modules` read-only, plugin sources and package suggestions, git, cli, registry contract).
+  - `registry` (`@nanoforge-dev/registry`, **not** an `editor-*` package): registry client, folder registry, installer, the project's packages list and lock. It is meant to move to the CLI repository: ESLint keeps `@nanoforge-dev/editor-*` imports out of it. Its HTTP side follows the npm registry's routes (`src/wire/`, contract in `docs/api/registry.md`). Protocol imports only its `/types` (zod schemas, no Node code).
+- **`plugins/*`** are the built-in plugins, each with a `nanoforge.manifest.json` of `type: "plugin"`:
+  - `code-editor` (Monaco)
+  - `file-manager`
+  - `viewport` (Game and Scene screens)
+  - `history-panel`
+  - `settings-ui`
+  - `ecs`
+  - `console` (Console and Problems panels)
+  - `command-palette` (the palette, and the Keyboard shortcuts page of Settings)
+  - `inspectors` (Profiler, Network and World panels)
+  - `git` (the VCS menu, the Commit and Git panels after IntelliJ's, status bar branch, file status marks)
+  - `packages` (the Packages dialog, _File › Packages…_; the plugin marketplace is in `settings-ui`)
+  - `scene` (the Scenes and Vars panels, for apps with `@nanoforge-dev/scene`; spec `docs/specs/scene.md`). It plugs into the ECS widgets through `ecs.sources`: they edit the selected scene's `setup` instead of `main`
+- **`tooling/`**:
+  - `vite-plugin`: builds plugins;
+  - `example-plugin`: `@acme/hello`, the dev plugin loaded by the e2e tests.
+- **`examples/breakout`**: a client-only game made of scenes (`@nanoforge-dev/scene`, engine `modules/scene`), the default of `pnpm example` (`scripts/example.mjs`): it links the engine libraries from `NANOFORGE_ENGINE` (default `../engine`, shared with the e2e setup through `engineRoot`) and starts the built editor on port 4800 with `FS_ROOT=examples`. Its entities and systems all belong to scenes (`GameScene`), so the Scene screen and Hierarchy show none: use Play and the World panel.
+- **`examples/counter-plugin`**: a standalone plugin, outside the workspace, as `nf create plugin` writes it (the CLI command is in `../cli`).
+- **`docs/docs`**: the user documentation and the plugin authoring guide (Mintlify pages, copied to the docs site).
+
+### Manifests: packages and plugins (ADR 0003)
+
+Everything in our registry has a `nanoforge.manifest.json` and a name `@scope/name`. There are two types, and they never mix: a package never holds a plugin.
+
+- **`type: "package"`** (schema: `PackageManifestSchema` in kernel; full draft in `docs/drafts/item-schema.ts`):
+  - installed in `<project>/nf_modules/@scope/name`, read-only;
+  - `contents`: what it holds, any folder layout: `{ kind, path, export?, … }`, kinds core (`asset`, `type`…) or plugin-owned (`@nanoforge/ecs:component`). Code files it points to are item sources (components, systems…), documented with TSDoc; `items` (source files) is the older form, still read;
+  - `include`: sub-manifests, folders (their manifest) or `.json` files, that **only describe contents** (no name, version, dependencies nor suggested plugins). Walk them with `readPackageContents` (`@nanoforge-dev/registry/types`), never scan folders. Includes stay inside the package (no `..`), 4 levels and 100 sub-manifests max;
+  - `suggestedPlugins`: `["@scope/name"]` or `{ "@scope/name": "^1.0.0" }`. When a project opens, the editor names the missing ones in a notification (`plugins.suggestions`);
+  - `libDependencies` (engine libs), `dependencies` (other packages), `npmDependencies`.
+- **`type: "plugin"`** (schema: `PluginManifestSchema`, JSON schema `packages/kernel/schemas/plugin.schema.json`, regenerate with `pnpm --filter @nanoforge-dev/editor-kernel generate:schema`). Plugin sources, later ones shadowing earlier ones with the same name:
+
+  | Source      | Where                                                                     | Loaded                     |
+  | ----------- | ------------------------------------------------------------------------- | -------------------------- |
+  | `bundled`   | `apps/editor/dist/plugins/@scope/name` (built-in plugins)                 | always                     |
+  | `installed` | `~/.nanoforge/editor/plugins/@scope/name`                                 | in every project           |
+  | `project`   | `<project>/.nanoforge/plugins/@scope/name`, URL `/plugins/project/<id>/…` | while that project is open |
+  | `dev`       | local folders (`<path>/dist`), hot reloaded                               | always                     |
+
+  A project plugin's server entry only runs in a local editor, never in a hosted one.
+
+- **Items** (components, systems…) never have a lib-specific type. Lib data goes in owner objects keyed by the owner plugin's name: `"@nanoforge/ecs": { "type": "component" }`. Only that plugin parses it. Core formats (manifest, item, element) must stay lib-agnostic.
+- **Shared libraries** (ADR 0004): `libs/<name>` workspace members of `type: "lib"` (no manifest, never published) hold components and systems shared by client and server; side is per item. Apps import them by package name (`@pong-network/shared/components/player`) through the root `tsconfig.json` `paths`; installed packages the same way. An app **uses** a library when its `nanoforge.config` `libs` lists it (paths relative to the app, the CLI's field; `AppModel.libraries`). Every change also writes the app's `package.json` dependency; when they disagree `libs` wins and the project shows a warning. A library nobody mentions goes to every app. `libs` are never engine libraries (those come from `package.json`), and is only offered the items of the libraries it uses. The Project screen manages apps and libraries through `packages/project/src/workspace/` (add, rename, remove, "Used by"; one undo step each, history context `project`). In the UI say **Shared library**, **Installed package** and **Engine library**, never a bare "lib".
+- **Meta** of items is generated by the editor into `.nanoforge/editor/cache/meta/`, never published, never written next to sources. (Planned for phase 10.3.)
+- The CLI (`nf install`, `nf publish`) still uses `scope/name` and the old types: ignore it until the user asks.
+- The registry's contract is the API's (`../api/docs/registry.md`, summed up in `docs/api/registry.md`): npm's packument with `dist.tarball`, versions with `contents`/`kinds`/`manifests`, multipart publish.
+
+### Plugin mechanics (ADR 0001)
+
+- **Build.** Plugins are built with `tooling/vite-plugin`: `base: './'`, and shared modules (the Svelte runtime and the SDK) are rewritten to `globalThis.__nanoforge_editor_shared__.require(...)`. Plugins **must be in runes mode**.
+- **CSS.** CSS is extracted to `<name>.css` (`build.lib.cssFileName`). Load it in `activate()` with `context.resolveAsset(...)` + `StyleServiceToken.inject(context.name, css)`.
+- **Settings keys** from the manifest are prefixed with the plugin name, e.g. `@nanoforge/viewport.maximizeOnPlay`.
+- **Adding a built-in plugin:**
+  1. copy the layout of an existing plugin (`package.json` with `build`/`dev`/`lint`/`typecheck`, `vite.config.ts`, `svelte.config.js`, `tsconfig.json`, manifest, `README.md`, `LICENSE`, `.prettierignore`);
+  2. add it as a devDependency of `apps/editor` (it is then bundled and run as a dev plugin);
+  3. its name is accepted as a commit scope automatically.
+- **Plugins only import the SDK** (ESLint enforces it). If a plugin needs something from core, export it from the SDK: add a token in the owning package, provide it in `apps/editor/src/lib/editor/create-editor.ts`, re-export it, and update the snapshot.
+- **Dialogs from a plugin:** mount a Svelte component with `mount`/`unmount` from a command (see `plugins/settings-ui/src/index.ts`).
+
+### Folder trust (local editors)
+
+- A local project's code runs only in a **trusted folder** (`TrustStore`, `DATA_DIR/trusted-folders.json`, by real path; seeded with the recent projects when first created). Trusted: `nanoforge.config.ts` is executed, project plugins load and their server entries run, builds, games, dependency installs, the project's Prettier and its git hooks run.
+- An untrusted folder opens in **restricted mode**: the config is read statically (as in a hosted editor), project plugins stay out, Play explains why, git runs with the hosted hardening, formatting uses the bundled Prettier. A sticky notification and `project.trust` offer **Trust this folder** (`projects.trust`, then the project reopens).
+- Server gates go through `ProjectRegistry.assertTrusted(project, what)`; `OpenProject.trusted` and `ClientProject.trusted` carry the state. A new code path that runs project code needs the gate.
+- `plugins.list` never runs anything: the client calls `plugins.runProjectServers` with the project plugins that loaded.
+- The editor shell is served with `frame-ancestors 'self'` / `X-Frame-Options: SAMEORIGIN`, so another site cannot frame it and get a click on **Trust and open**.
+
+### Engine bridge (protocol v1)
+
+- **The game registers it** (engine 2.0 and later): `app.use(new EditorLibrary())` from `@nanoforge-dev/editor-lib` (engine `modules/editor`). The engine's own examples don't: the e2e `game` copy and `pnpm example` link the library from `NANOFORGE_ENGINE` and add it (`scripts/engine-bridge.mjs`). A game without it plays with no bridge, and the editor offers **Add the editor library** (`addEditorLibrary` in `packages/project/src/workspace/editor-library.ts`).
+- **The hello comes in the game's first tick**, after its `main` returned: the runtime waits for it a little (`helloTimeoutMs`, 1.5 s) before calling a game bridgeless, and re-checks on a late hello. The runtime tests' fake game (`server-core/test/fixtures/runtime/bridge-game.js`) greets the same way.
+- **The engine sends `ecs-world` only when the world changed**: `RuntimeService.lastWorlds()` keeps the last one per game, for views that start listening while the game is paused.
+- **Handshake:** `hello` → `welcome`, with features `frameStats`, `logs` (`{ values: true }` adds the logged values and the call site to `log` events), `networkTrace`, `ecsWorld` and `viewport` (the client's `ViewportState`: how game units map to its container, for drawing over the game).
+- **Messages:**
+  - commands: `pause`, `resume`, `step`, `stop`, `mute`;
+  - event: `state`.
+- **Events plugins read** (`RuntimeService.onEvent`), each sent only when its feature is asked for with `useFeatures`: `frame-stats`, `ecs-world`, `ecs-system-stats` (`ecsSystemStats`), `network-trace` and `network-stats` (`networkTrace`, with `maxBytes` for payload bytes), `viewport`. A new feature also goes in `mergeFeatures`, or it is silently dropped. Ask while a view is on screen (`WidgetInstance.visible`: a tab shown once stays mounted while hidden), not from activation: `mergeFeatures` takes the most demanding request.
+- The engine's `EditorBridge` (`modules/editor/src/internal/editor-bridge.ts`) buffers the game's console output until `welcome`. The runtime service checks compatibility (legacy, older or newer engine).
+- **Logs:** everything shown in the Console goes through `LoggerService`. The source name gives the group: `game:client`, `game:server`, `build:<app>`, `cli:<command>`, a plugin's name, anything else is the editor. Logged values use the `LogValue` tree, made by kernel `serializeLogValue` only: the client runner hands it to the game (`RunOptions.editor.serializeLogValue`), and the engine calls it when a line is logged. The engine has no serializer of its own.
+- **Moving entities in the Game screen** (ECS plugin, `GameMoveOverlay.svelte`): the _Move entities_ tool (`ecs.moveInGame`) draws the scene shapes of the client's live entities over the game with the `viewport` mapping, and a drag is a live edit (`live.setField`), like the Scene's. graphics-2d's old drag (`DrawableCircle2D`… emitting `move-component`) was removed from the engine (`11f4c98`, breaking).
+- **Engine, loader and CLI:** the editor bridge (engine #445), the scene module (engine #447), the loader's editor IPC (loader #113) and `nf editor [path] --port` / `nf create plugin` (CLI #241, #242) are merged in their `main`. Use built checkouts of `../engine` and `../cli`.
+
+## Conventions that matter
+
+- **Source layout (ADR 0006, after the engine and the CLI):**
+  - `src/` holds `index.ts` and kebab-case feature folders, each with its own `index.ts` in packages (none in plugins);
+  - files are named after their main export, with kind suffixes (`.type.ts`, `.enum.ts`, `.exception.ts`, `.const.ts`), and `<variant>.<kind>.ts` for implementations (`memory.scope-store.ts`);
+  - tests go in `test/` mirroring `src/`, as `*.spec.ts`, with shared helpers in `test/fixtures/`;
+  - Svelte files are kebab-case when an `index.ts` re-exports them, PascalCase otherwise;
+  - split a file past about 300 lines (a Svelte file's `<style>` not counted); state a split component held stays owned above any `{#if}` its parts sit under;
+  - dialogs are opened by an `open-<name>-dialog.ts` next to them; a code worker entry is `src/worker/index.ts`.
+
+- **Comments:** no `//` or `<!-- -->` comments in the code (ESLint `nanoforge/no-line-comments`), only `/** */` doc comments and tool directives (`eslint-disable`, `svelte-ignore`, `@ts-expect-error`, `prettier-ignore`). An empty `catch {}` is allowed (ESLint `allowEmptyCatch`).
+- **UI text:** sentence case, plain verbs, and a button says what it does. Accessible names are how the e2e tests find things (`getByRole`), so give every control a label.
+- **Svelte 5:**
+  - Props read once (dialogs mounted once) need `// svelte-ignore state_referenced_locally`.
+  - Wrap reads inside effects that also write state in `untrack` (to avoid "effect update depth exceeded").
+  - Plain values that change outside Svelte are made reactive with a `revision` counter bumped by subscriptions, read with `void revision` in `$derived.by`.
+  - Lint wants `SvelteSet`/`SvelteMap` for mutable collections. For a throwaway copy, disable `svelte/prefer-svelte-reactivity` on that line.
+- **Docks (IntelliJ tool windows):** six slots (`bottom` is the bottom row's left part, `bottomRight` its right part). Their panels are icons in the left and right stripes (`ToolStripe.svelte`), and a docked stack shows only the active panel's header. Clicking the icon of a shown panel **hides its slot**: in e2e, use `showPanel`/`panelTab` (`e2e/helpers.ts`), never a bare click on a panel's tab. Floats keep a tab strip. A dock's icon shows before its plugin activates: built-in widget icons live in the kit (`icons.ts`).
+- **Kit z-order:** dock 10 < float 100 < dialog 2000 < menu 2500 < toast 3000. Menus, selects and tooltips must open above dialogs.
+- **Menus:** checked menu entries are plain `menuitem`s with a check icon (no `menuitemcheckbox` role).
+- **Actions and shortcuts:**
+  - An _action_ is a command with its arguments (`actionId`). The palette and the keymap page list `listActions`: titled commands, plus menu entries that give arguments.
+  - A command that needs arguments sets `palette: false` (in `commands.register` or in the manifest), or it shows in the palette and does nothing.
+  - Write default shortcuts with `Mod` (Ctrl, or Cmd on macOS). The keymap is layered: `KEYBINDINGS`, the preset, the account's `keymap.overrides`, this machine's. Edit lists with `setShortcut`, never by hand.
+  - The kit's `Select` trigger is a `button` named by its label (not a `combobox`): `getByRole('button', { name: 'Preset' })`.
+
+## Pitfalls already paid for
+
+- **Monaco:**
+  - Reuse existing models (`modelFor`), or you get "Cannot add model".
+  - Use TS `moduleResolution` Bundler (100) so `@nanoforge-dev/*` types resolve.
+  - Only `editor.focus()` when focus is free (body or inside the editor group), or a tab restored after a reload closes the menu the user just opened.
+- **Splitters / pointer drags:** call `preventDefault()` on pointerdown. Otherwise Chrome fires `pointercancel` after the first move whenever the page has a selection.
+- **Git:**
+  - Every git command runs with `GIT_CEILING_DIRECTORIES` set to the parent of the project folder, and a project is a repository only if it has its own `.git`. The e2e project lives inside this repository: without that, a test would stage or commit the editor's own files.
+  - The e2e git test creates its repository, a bare remote and a second clone under `e2e/.workspace`, and removes them before and after.
+  - No default shortcut for an action that publishes (`Push`): shortcuts are caught before Monaco, and `Ctrl+Shift+K` is its "delete line".
+  - A renamed file is two paths (`path` and `from`): commit and roll back both, or half of the rename stays staged.
+  - Don't bind a single-stroke default that starts a chord (`Mod+K`): it hides `Mod+K S` and every user chord starting with it. `Commit…` has no default shortcut for that reason.
+  - The editor writes `.nanoforge/editor/.gitignore` in a project: it shows as an untracked file. Assert on a specific file, not on a count of changes.
+  - In a repository, tree rows of the Files panel end with a mark (`scratch •`): `expandFolders` (exact names) does not find them.
+- **Stores updated in place and Svelte:** a `$derived` that returns the same object or array does not update what reads it. A store that plain code mutates (the inspectors' recorder) must hand views new arrays or a copy per revision.
+- **A test that fails while the game plays** leaves the game server running, and the next test's server then exits at once. Stop the game in an `afterEach` (see `e2e/inspectors.spec.ts`), and read the first failure, not the cascade.
+- **Overlays you mount yourself** (the palette): move the focus out of the overlay before removing it from the page. Removing the focused element leaves Chrome sending no key events to the page until the next click.
+- **Dialogs:** the kit dialog is a flex column with `max-height: 70vh`, and its body scrolls. Size big dialog content to `calc(70vh - 120px)`.
+- **Account scope in tests:**
+  - Account settings are kept by the editor server across e2e tests (the data dir outlives browser contexts), and are pushed with a 500 ms debounce. A test that ends right after writing loses the push, and the next test sees stale values.
+  - In tests, write to _This machine_ (per browser context), or restore the value and wait for "Account synced".
+  - The Project scope writes `e2e/.workspace/pong/.nanoforge/editor/settings.json`: clean it up.
+- **E2E state leaks:**
+  - Tests share `e2e/.workspace` (a pong copy prepared by `e2e/prepare-workspace.mjs`) and the saved layout. Start with `resetLayout(page)`, and use `expandFolders` (both in `e2e/helpers.ts`).
+  - If a test passes alone but fails in the full run, bisect by running pairs of specs.
+  - A test that writes `.nanoforge/plugins` or `nf_modules` in the pong copy must remove them (`afterEach`, see `e2e/project-plugins.spec.ts`).
+  - The e2e server reads its registry from `<workspace>/.registry` (`REGISTRY_DIR`, written by `prepare-workspace.mjs`). A test that publishes a version there, installs a user plugin (`.data/plugins`) or a package (`nanoforge.packages*.json`, `tsconfig.json` paths) puts everything back (see `e2e/marketplace.spec.ts`).
+  - `nanoforge.manifest.json` is a build input of turbo (it was not until 2026-10-01: a manifest-only change kept the old bundle).
+  - After changing a plugin manifest, rebuild it: `tooling/example-plugin` is not rebuilt by the editor build filter (`pnpm --filter @nanoforge-dev/editor-example-plugin build`).
+- **Installing folders and the file watcher:** a folder that appears through a rename is missed by the server's watcher (its content never reaches the client's file list, so the catalog does not see a new package). `installItem` writes files in place, the manifest last.
+- **API features:** nothing of the NanoForge API beyond sign-in and projects is called unless listed in `API_FEATURES` (`settings`, `registry`). The real API (`../api`, read-only for us) has a registry (`../api/docs/registry.md`, the source of truth: align `docs/api/registry.md` and `packages/registry` with it) and no settings yet.
+- **Account plugin list:** `plugins.account` is an account setting, and a local editor's account document lives on its own machine (no sign-in): the list does not travel between machines yet. Don't describe it as cross-machine.
+- **Account plugin list in e2e:** installing a plugin _for me_ writes `plugins.account` in the account settings, which outlive tests. A test that installs one uninstalls it through the page (see `e2e/marketplace.spec.ts`), or the next tests get a sticky "not installed here" notification.
+- **The compiler stays in the worker** (ESLint enforces it): main-thread code must not import `@nanoforge-dev/editor-code/engine` or the main entry of `@nanoforge-dev/editor-meta` for values (use `@nanoforge-dev/editor-meta/pure`). One such import puts ts-morph and TypeScript (7 MB) in the page chunk; `ANALYZE=1` shows the chain.
+- **Scenes:**
+  - The ECS finds a component by its class name: a component named like a class the bundle already has (graphics-2d's `Sprite`) is renamed by the bundler (`Sprite2`) and no longer matches its `name` field. Scene ids come from `SceneLibrary`'s `scenes` keys for the same reason.
+  - A scene's `static parent` is read when its module is evaluated: the parent's module must not import its children (breakout's `run.ts` imports no scene).
+  - Edits to a file open in the code editor change the open document, saved later: a multi-file operation saves what it changed (`DocumentService.save`), and never writes a file behind an open document (the document then can't be saved).
+  - E2E: `scene.spec.ts` runs on a breakout copy (`e2e/<workspace>/breakout`), made only when `NANOFORGE_ENGINE` has a built `modules/scene`. It snapshots and restores the client's sources.
+- **Docs follow the code:** `docs/docs` (user docs, plugin guide) cite labels, shortcuts and APIs. After changing one, grep the docs for it.
+- **Diagnostics of several apps:** each app with its own `node_modules` gets its engine types (asked per app, not once per package) and its own TypeScript program for diagnostics (`CodeEngine._checked`). One program for client and server made the client's type augmentations (`ctx.network`) apply to the server: false errors in Problems. Analyzers and transformers still use the single `project`.
+- **Manual passes find what e2e does not** (2026-10-02, by driving Chrome through screenshots): binary files opened as text, a tab lost on rename, tabs cut off in a dock, `nf new` waiting on a prompt. Their regressions are in `e2e/manual-pass.spec.ts`.
+  - `nf new` asks for everything it is not given, and the server has no terminal: pass every option (`--package-manager`, `--strict`…).
+  - The focus context keys are set in a microtask after `focusin`/`focusout`, never during it: focus moves while Svelte renders, and subscribers that set component state would throw `state_unsafe_mutation`.
+  - In `matchesGlob`, `**/` is folders only. As `.*` it made the dotfile pattern match every file with an extension.
+  - A game server's stderr is a warning unless it reads like an error; blank output lines are dropped.
+- **Inspector on documented components:** the ⓘ tooltips need a bits-ui `Tooltip.Provider`; the kit's `Tooltip` brings its own, because plugin widgets are mounted outside of any provider. The scene places an entity by a component named like a position, not by the first one with `x` and `y` (a `Velocity` has them too).
+- **Formatting:** each workspace runs its own Prettier (`lint`, `format`, its `lint-staged`) with its own `.prettierignore`; the root one skips `apps/`, `packages/`, `plugins/` and `tooling/`. A folder Prettier must not touch (test fixtures: golden tests compare their text) goes in that workspace's `.prettierignore`.
+- **Doc comments:** TypeScript counts a comment right after `(` or `,` as that token's trailing comment. Read param docs with `leadingDocComments` (editor-meta), not ts-morph's `getLeadingCommentRanges`.
+- **Worker mirror:** it follows document changes asynchronously. `CodeService.analyze`/`transform` mirror the file's current text first; code that talks to the engine directly must too.
+- **Saved layout and widget state in e2e:** they outlive a test (server-side, saved after 500 ms). A test that changes tabs or expands folders resets them at the end and waits before the page closes (see `e2e/ecs.spec.ts`).
+- **Plugin activation order changes timing:** adding an `onStartup` plugin delays the others, which exposed focus races. Test the full suite after adding one.
+- **Workspace changes (Project screen):**
+  - The project is discovered again as soon as a `nanoforge.config.ts` or a `package.json` name changes, before the rest of an operation is written. Write what makes the change visible **last** (the workspace `packages`, the library's own name), and in e2e poll the files that follow a card.
+  - A screen with no focusable content loses the undo target when its background is clicked: the Project screen's root has `tabindex="-1"`.
+  - The e2e `pong` project has no `node_modules` (type errors, failing builds): never assert "No problems" there. `game` is the playable copy.
+- **Runtime:**
+  - Legacy engines without the bridge need the runner to send `{type:'started'}` after `main()`.
+  - In Bun, use the global `process` for IPC (a namespace import breaks it).
+  - The server worker exits on `disconnect`.
+- **CLI:** `nf` delegates to the CLI installed in the project (`<cwd>/node_modules/@nanoforge-dev/cli/dist`), so `NF_CLI_PATH` does not change which build code runs for such a project.
+- **Console filters and `e2e`:** the Console's group, source and level filters are widget state (saved server-side). A test that changes them puts them back and waits 900 ms.
+- **File manager:**
+  - Fast repeated commands race: they run through a serialized queue.
+  - After a drag and drop, focus goes back to the tree (`refocus`), so Ctrl+Z reaches the Files history rather than the layout.
+
+## Status (2026-10-02)
+
+| Phase | Status                                                                                                                                                                                                                       |
+| ----- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 0–7   | Done                                                                                                                                                                                                                         |
+| 8     | Done, except the ECS/graphics-2d engine hooks (8.2/8.4), moved to after the ECS requirements session. 8.7 became "open a project directly": `nf editor <path>` and `/load`                                                   |
+| 9     | Done: all five built-in plugins. Then: `@scope/name`, `plugin`/`package` split, project plugins, suggested plugins; last full e2e run 35/35                                                                                  |
+| 10    | Done: meta extractor and catalog, ECS plugin (hierarchy, inspector, param layout, Component panel, browser, systems, shared libraries, live mode, 2D scene), except dragging inside the Game screen; last full e2e run 44/44 |
+| 11    | Done: console + problems, command palette + keyboard shortcuts, inspectors, git (after IntelliJ's windows, VCS menu), marketplace (plugins in Settings, Packages dialog, on a folder registry); last full e2e run 60/60      |
+| 12    | Done: `docs/api/` hand-off (registry after npm's routes, settings sync, account plugin list as a settings key), contract tests (stand-ins and `CONTRACT_*` targets), `API_FEATURES` flags; last full e2e run 60/60           |
+| 13    | Done: plugin guide and `nf create plugin`, user docs, performance pass (compiler out of the page bundle), `CHANGELOG-v2.md`. Not released: versions unchanged, nothing tagged or published                                   |
+| 14    | Planned: hosted editor parity (sandboxed runtime, dependencies, networked games, push from a hosted editor). Until then the runtime stays off in ONLINE                                                                      |
+
+### Open design questions (ask the user)
+
+1. **Items (decided, ADR 0003).** See "Manifests: packages and plugins" above. Still open there: engine libs shipping items, inspector value hints, headless meta generation (imports, collisions, the packages list and sub-packages were settled by ADR 0004 and 0005).
+2. **`nf_modules` / install (decided, ADR 0005).** The editor server installs packages read-only into `nf_modules/@scope/name`, side by side, one version each, from `nanoforge.packages.json` and its lock; plugins go to `~/.nanoforge/editor/plugins` or `<project>/.nanoforge/plugins`. To change a package, the user copies it into their own components.
+   - The editor treats `nf_modules` as read-only (server, file manager, code editor): installing is the only way to change it.
+   - Discovery goes through a catalog with providers (project packages and apps, `nf_modules`), never folder scans.
+   - Still open: the real registry (contract handed off in `docs/api/registry.md`; the editor runs on a folder with `REGISTRY_DIR`, and calls the API's only with `API_FEATURES=registry`), whether engine libs stay on npm, moving `packages/registry` to the CLI and aligning `nf install` with it. Don't touch the CLI's install code until the user asks.
diff --git a/Dockerfile b/Dockerfile
index 1cdf3f58..9abc81cb 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,20 +1,16 @@
-FROM node:25-slim AS base
+FROM node:26-slim AS base
 
 ENV PNPM_HOME="/pnpm"
 ENV CI="true"
 ENV PATH="$PNPM_HOME:$PATH"
 
-RUN npm install -g pnpm
-
-COPY pnpm-workspace.yaml /app/pnpm-workspace.yaml
-COPY pnpm-lock.yaml /app/pnpm-lock.yaml
-COPY package.json /app/package.json
+RUN npm install -g pnpm@12.0.0 bun@1.3.14
 
 WORKDIR /app
 
 FROM base AS prod
 
-ARG PUBLIC_MODE
+ARG PUBLIC_MODE=ONLINE
 ARG PUBLIC_PM_URL
 ARG PUBLIC_DOCS_URL
 ARG PUBLIC_LANDING_URL
@@ -24,23 +20,38 @@ ENV PUBLIC_PM_URL=${PUBLIC_PM_URL}
 ENV PUBLIC_DOCS_URL=${PUBLIC_DOCS_URL}
 ENV PUBLIC_LANDING_URL=${PUBLIC_LANDING_URL}
 
-RUN pnpm install --frozen-lockfile
 COPY . /app
-RUN pnpm run build
+RUN pnpm install --frozen-lockfile
+RUN pnpm turbo run build --filter=@nanoforge-dev/editor...
 
-FROM oven/bun:1.3 AS final
+FROM oven/bun:1.3.14 AS final
 
 ARG FS_ROOT
 ARG ARCHIVE_ROOT
+ARG PUBLIC_MODE=ONLINE
+ARG PUBLIC_PM_URL
+
+# The server reads its mode at runtime (packages/server-core/src/env/load-env.ts)
+ENV PUBLIC_MODE=${PUBLIC_MODE}
+ENV PUBLIC_PM_URL=${PUBLIC_PM_URL}
+ENV FS_ROOT=${FS_ROOT}
 
 WORKDIR /app
-COPY --from=prod /app/dist /app/dist
+COPY --from=prod /app/apps/editor/dist /app/dist
+
+RUN apt-get update && apt-get install -y --no-install-recommends git && rm -rf /var/lib/apt/lists/*
+
+# Runtime dependencies kept out of the server bundle (dist/package.json)
+RUN cd /app/dist && bun install --production --ignore-scripts
 
-RUN mkdir /app/${FS_ROOT} /app/${ARCHIVE_ROOT}
+# Global tools go where the unprivileged user can run them
+ENV BUN_INSTALL_GLOBAL_DIR=/usr/local/share/bun-global
+ENV BUN_INSTALL_BIN=/usr/local/bin
+RUN bun install -g @nanoforge-dev/cli@2.3.1
 
-RUN apt update
-RUN apt install git -y
+RUN mkdir -p /app/${FS_ROOT} /app/${ARCHIVE_ROOT} && chown -R bun:bun /app/${FS_ROOT} /app/${ARCHIVE_ROOT}
 
-RUN bun install -g @nanoforge-dev/cli
+USER bun
 
+ENV HOST=0.0.0.0
 CMD [ "bun", "run", "./dist/index.js" ]
diff --git a/README.md b/README.md
index 0b52c1a4..7fd3f10c 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,8 @@
         <a href="https://www.npmjs.com/package/@nanoforge-dev/editor"><img src="https://img.shields.io/npm/v/@nanoforge-dev/editor.svg?maxAge=3600" alt="npm version" /></a>
         <a href="https://www.npmjs.com/package/@nanoforge-dev/editor"><img src="https://img.shields.io/npm/dt/@nanoforge-dev/editor.svg?maxAge=3600" alt="npm downloads" /></a>
         <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
-        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/push-docs.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/push-docs.yml/badge.svg" alt="Documentation status" /></a>
-        <a href="https://github.com/NanoForge-dev/Editor/commits/main/apps/client"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=apps%2Fclient" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/e2e.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/e2e.yml/badge.svg" alt="E2E status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff" alt="Last commit" /></a>
         <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
     </p>
 </div>
@@ -18,6 +18,36 @@
 
 This repository contains the Editor of NanoForge. Check [releases][github-releases] to see versions of the Editor. Nanoforge is a powerful game engine for web browser.
 
+## Repository layout
+
+The editor is a pnpm + turbo monorepo. The rewrite plan is [`docs/rewrite-plan.md`](docs/rewrite-plan.md), design decisions are in [`docs/adr`](docs/adr), plugin specs in [`docs/specs`](docs/specs), and the user documentation and plugin guide in [`docs/docs`](docs/docs).
+
+| Path          | Content                                                                                                                                                           |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `apps/editor` | The SvelteKit shell and Bun server published as `@nanoforge-dev/editor`                                                                                           |
+| `packages/*`  | Core editor packages (`kernel`, `sdk`, `rpc`, `protocol`, `history`, `settings`, `layout`, `ui`, `project`, `code`, `meta`, `runtime`, `server-core`, `registry`) |
+| `plugins/*`   | Built-in editor plugins (`nanoforge.manifest.json`, type `plugin`)                                                                                                |
+| `tooling/*`   | Plugin build tooling (`vite-plugin`) and the example plugin the e2e tests load                                                                                    |
+| `examples/*`  | A game to try the editor on (`breakout`) and a standalone plugin (`counter-plugin`)                                                                               |
+
+## Develop
+
+Prerequisites:
+
+- Node 26 and pnpm 12 (`corepack enable`);
+- Bun 1.3, which runs the editor server;
+- Google Chrome or Chromium for the browser tests (`CHROME=/path/to/chrome`) and the e2e tests;
+- to play games in the editor: a built checkout of [Engine](https://github.com/NanoForge-dev/Engine) next to this repository (`../engine`, or set `NANOFORGE_ENGINE`), and optionally a built [CLI](https://github.com/NanoForge-dev/CLI) (`NANOFORGE_CLI`).
+
+```bash
+pnpm install
+pnpm turbo build --filter=@nanoforge-dev/editor...   # the editor and every plugin it bundles
+pnpm example                                         # opens examples/breakout on http://127.0.0.1:4800
+pnpm dev                                             # editor and built-in plugins in watch mode
+```
+
+Checks: `pnpm lint`, `pnpm typecheck`, `CHROME=… pnpm test`. The e2e tests run against the production build: build first, then `cd apps/editor && npx playwright test`.
+
 ## Usage
 
 To use Nanoforge Editor, please refer to the [CLI documentation][cli-source] !
diff --git a/apps/editor/.cliff-jumperrc.json b/apps/editor/.cliff-jumperrc.json
new file mode 100644
index 00000000..8ab96ffd
--- /dev/null
+++ b/apps/editor/.cliff-jumperrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://raw.githubusercontent.com/favware/cliff-jumper/main/assets/cliff-jumper.schema.json",
+  "name": "editor",
+  "org": "nanoforge-dev",
+  "packagePath": "apps/editor",
+  "tagTemplate": "{{new-version}}",
+  "identifierBase": false
+}
diff --git a/apps/editor/.prettierignore b/apps/editor/.prettierignore
new file mode 100644
index 00000000..a0bae11d
--- /dev/null
+++ b/apps/editor/.prettierignore
@@ -0,0 +1,21 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
+
+.svelte-kit/
+build/
+test-results/
+e2e/.workspace*/
+.nanoforge/
+.data/
diff --git a/CHANGELOG.md b/apps/editor/CHANGELOG.md
similarity index 100%
rename from CHANGELOG.md
rename to apps/editor/CHANGELOG.md
diff --git a/apps/editor/LICENSE b/apps/editor/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/apps/editor/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/apps/editor/README.md b/apps/editor/README.md
new file mode 100644
index 00000000..9623f08e
--- /dev/null
+++ b/apps/editor/README.md
@@ -0,0 +1,52 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor"><img src="https://img.shields.io/npm/v/@nanoforge-dev/editor.svg?maxAge=3600" alt="npm version" /></a>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor"><img src="https://img.shields.io/npm/dt/@nanoforge-dev/editor.svg?maxAge=3600" alt="npm downloads" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/apps/editor"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=apps%2Feditor" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor` is part of the NanoForge Editor.
+
+The NanoForge editor application: a SvelteKit shell served by a Bun server. It is launched with `nf editor`.
+
+## Installation
+
+**Node.js 26 or newer is required.**
+
+```sh
+npm install @nanoforge-dev/editor
+yarn add @nanoforge-dev/editor
+pnpm add @nanoforge-dev/editor
+bun add @nanoforge-dev/editor
+```
+
+## Links
+
+- [GitHub][source]
+- [npm][npm]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/apps/editor
+[npm]: https://www.npmjs.com/package/@nanoforge-dev/editor
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/cliff.toml b/apps/editor/cliff.toml
similarity index 100%
rename from cliff.toml
rename to apps/editor/cliff.toml
diff --git a/apps/editor/e2e/code-editor.spec.ts b/apps/editor/e2e/code-editor.spec.ts
new file mode 100644
index 00000000..cfe0b098
--- /dev/null
+++ b/apps/editor/e2e/code-editor.spec.ts
@@ -0,0 +1,201 @@
+import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME } from './workspace';
+
+const SCRATCH = 'apps/client/src/scratch';
+
+test.skip(!existsSync(join(GAME, 'package.json')), 'needs a built engine (NANOFORGE_ENGINE)');
+
+const onDisk = (name: string) => readFileSync(join(GAME, SCRATCH, `${name}.ts`), 'utf8');
+/** Visible text of the editor (Monaco renders spaces as no-break spaces). */
+const editorText = (page: Page) =>
+  page
+    .locator('.monaco-editor .view-lines')
+    .first()
+    .innerText()
+    .then((text) => text.replace(/\u00a0/g, ' '));
+
+const openScratch = async (page: Page, name: string) => {
+  await openProject(page, 'game');
+  await page.waitForURL(/\/project\//);
+  for (const folder of ['apps', 'client', 'src', 'scratch']) {
+    await page.getByRole('treeitem', { name: folder, exact: true }).click();
+    await page.keyboard.press('ArrowRight');
+  }
+  await page.getByRole('treeitem', { name: `${name}.ts`, exact: true }).dblclick();
+  await expect(page.getByRole('tab', { name: 'Script' })).toHaveAttribute('aria-selected', 'true');
+  await expect.poll(() => editorText(page), { timeout: 30_000 }).toContain('NanoforgeFactory');
+  await page.locator('.monaco-editor .view-lines').first().click();
+};
+
+const typeAtEnd = async (page: Page, text: string) => {
+  await page.keyboard.press('Control+End');
+  await page.keyboard.type(text);
+};
+
+test('edits, marks, saves and restores unsaved changes', async ({ page }) => {
+  test.setTimeout(90_000);
+  await openScratch(page, 'edit');
+  const dirty = page.getByRole('tab', { name: /edit\.ts/ }).getByLabel('Unsaved changes');
+
+  await typeAtEnd(page, "\nexport const broken: number = 'x';");
+  await expect(dirty).toBeVisible();
+  await expect(page.locator('.squiggly-error').first()).toBeVisible({ timeout: 20_000 });
+
+  await page.keyboard.press('Control+s');
+  await expect(dirty).toBeHidden();
+  expect(onDisk('edit')).toContain("export const broken: number = 'x';");
+
+  await typeAtEnd(page, '\n// kept across reloads');
+  await page.waitForTimeout(1000);
+  await page.reload();
+  await page.getByRole('tab', { name: 'Script' }).click();
+  await expect.poll(() => editorText(page), { timeout: 30_000 }).toContain('kept across reloads');
+  await expect(dirty).toBeVisible();
+  expect(onDisk('edit')).not.toContain('kept across reloads');
+});
+
+test('asks before closing a tab with unsaved changes from the keyboard', async ({ page }) => {
+  await openScratch(page, 'close');
+  const tab = page.getByRole('tab', { name: /close\.ts/ });
+  await typeAtEnd(page, '\nexport const unsaved = 1;');
+  await expect(tab.getByLabel('Unsaved changes')).toBeVisible();
+
+  await page.keyboard.press('Alt+w');
+  const dialog = page.getByRole('dialog', { name: 'Save changes to close.ts?' });
+  await expect(dialog).toBeVisible();
+  await dialog.getByRole('button', { name: 'Cancel' }).click();
+  await expect(tab).toBeVisible();
+  await expect(tab.getByLabel('Unsaved changes')).toBeVisible();
+
+  await page.locator('.monaco-editor .view-lines').first().click();
+  await page.keyboard.press('Alt+w');
+  await page
+    .getByRole('dialog', { name: 'Save changes to close.ts?' })
+    .getByRole('button', {
+      name: "Don't save",
+    })
+    .click();
+  await expect(tab).toBeHidden();
+  expect(onDisk('close')).not.toContain('unsaved');
+});
+
+test('goes to the definition of an engine API, read-only', async ({ page }) => {
+  await openScratch(page, 'definition');
+  await page.keyboard.press('Control+Home');
+  for (let i = 0; i < 12; i++) await page.keyboard.press('ArrowRight');
+  await page.keyboard.press('Control+k');
+  await page.keyboard.press('Control+i');
+  await expect(page.locator('.monaco-hover').first()).toContainText('NanoforgeFactory', {
+    timeout: 20_000,
+  });
+  await page.keyboard.press('Escape');
+  await page.keyboard.press('F12');
+  const library = page.getByRole('tab', { name: /index\.d\.ts/ });
+  await expect(library).toHaveAttribute('aria-selected', 'true', { timeout: 20_000 });
+  await expect.poll(() => editorText(page)).toContain('NanoforgeFactory');
+  await page.keyboard.type('nope');
+  await expect(library.getByLabel('Unsaved changes')).toHaveCount(0);
+});
+
+test("formats with the project's Prettier and organizes imports", async ({ page }) => {
+  await openScratch(page, 'format');
+  await typeAtEnd(page, '\nexport const   spaced   =   { a:1 }');
+  await page.keyboard.press('Shift+Alt+F');
+  await expect
+    .poll(() => editorText(page), { timeout: 20_000 })
+    .toContain('export const spaced = { a: 1 };');
+
+  await page.keyboard.press('Control+Home');
+  await page.keyboard.type('import { Library } from "@nanoforge-dev/common";\n');
+  await page.keyboard.press('Shift+Alt+O');
+  await expect.poll(() => editorText(page), { timeout: 20_000 }).not.toContain('Library');
+  await expect.poll(() => editorText(page)).toContain('NanoforgeFactory');
+});
+
+test('splits the editor to show two files side by side', async ({ page }) => {
+  await openScratch(page, 'format');
+  await page.keyboard.press('Control+Backslash');
+  const groups = page.getByRole('region', { name: /Editor group/ });
+  await expect(groups).toHaveCount(2);
+  await page
+    .getByRole('region', { name: 'Editor group 2' })
+    .getByRole('button', { name: 'Close format.ts' })
+    .click();
+  await expect(groups).toHaveCount(1);
+});
+
+test('asks what to do when a file changes on disk during unsaved edits', async ({ page }) => {
+  await openScratch(page, 'conflict');
+  await typeAtEnd(page, '\n// mine');
+  await page.waitForTimeout(500);
+  writeFileSync(join(GAME, SCRATCH, 'conflict.ts'), `${onDisk('conflict')}// theirs\n`);
+
+  const banner = page.getByRole('alert').filter({ hasText: 'changed on disk' });
+  await expect(banner).toBeVisible({ timeout: 15_000 });
+  await banner.getByRole('button', { name: 'Compare' }).click();
+  await expect(page.locator('.monaco-diff-editor')).toBeVisible();
+  await banner.getByRole('button', { name: 'Keep mine' }).click();
+  await expect(banner).toBeHidden();
+
+  await page.locator('.monaco-editor .view-lines').first().click();
+  await page.keyboard.press('Control+s');
+  await expect.poll(() => onDisk('conflict')).toContain('// mine');
+  expect(onDisk('conflict')).not.toContain('// theirs');
+});
+
+test('autosaves after a delay when the setting is on', async ({ page }) => {
+  const settings = join(GAME, '.nanoforge/editor/settings.json');
+  mkdirSync(join(GAME, '.nanoforge/editor'), { recursive: true });
+  writeFileSync(
+    settings,
+    JSON.stringify({
+      '@nanoforge/code-editor.autoSave.afterDelay': true,
+      '@nanoforge/code-editor.autoSave.delayMs': 300,
+    }),
+  );
+  try {
+    await openScratch(page, 'autosave');
+    await typeAtEnd(page, '\n// saved by itself');
+    await expect.poll(() => onDisk('autosave'), { timeout: 10_000 }).toContain('saved by itself');
+  } finally {
+    rmSync(settings, { force: true });
+  }
+});
+
+test('saves on focus loss, formatting on save', async ({ page }) => {
+  const settings = join(GAME, '.nanoforge/editor/settings.json');
+  mkdirSync(join(GAME, '.nanoforge/editor'), { recursive: true });
+  writeFileSync(
+    settings,
+    JSON.stringify({
+      '@nanoforge/code-editor.autoSave.onFocusLoss': true,
+      '@nanoforge/code-editor.onSave.format': true,
+    }),
+  );
+  try {
+    await openScratch(page, 'focus');
+    await typeAtEnd(page, '\nexport const   later   =   2');
+    await page.getByRole('treeitem', { name: 'focus.ts', exact: true }).click();
+    await expect
+      .poll(() => onDisk('focus'), { timeout: 10_000 })
+      .toContain('export const later = 2;');
+
+    await page.locator('.monaco-editor .view-lines').first().click();
+    await typeAtEnd(page, '\nexport const both = 3;');
+    await page.evaluate(() => {
+      window.dispatchEvent(new Event('blur'));
+      window.dispatchEvent(new Event('blur'));
+    });
+    await page.keyboard.press('Control+s');
+    await expect
+      .poll(() => onDisk('focus'), { timeout: 10_000 })
+      .toContain('export const both = 3;');
+    await expect(page.getByText(/changed on disk/i)).toHaveCount(0);
+  } finally {
+    rmSync(settings, { force: true });
+  }
+});
diff --git a/apps/editor/e2e/command-palette.spec.ts b/apps/editor/e2e/command-palette.spec.ts
new file mode 100644
index 00000000..6b92ed6c
--- /dev/null
+++ b/apps/editor/e2e/command-palette.spec.ts
@@ -0,0 +1,210 @@
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG } from './workspace';
+
+const MAIN = 'apps/client/src/main.ts';
+
+const box = (page: Page) => page.getByRole('combobox', { name: 'Command palette' });
+const results = (page: Page) => page.getByRole('listbox', { name: 'Results' });
+const settings = (page: Page) => page.getByRole('dialog', { name: 'Settings' });
+const shortcut = (page: Page, action: string) =>
+  settings(page)
+    .getByRole('list', { name: 'Keyboard shortcuts' })
+    .getByRole('listitem', { name: action, exact: true });
+const cursorLine = (page: Page) => page.locator('.monaco-editor .active-line-number');
+
+const open = async (page: Page) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await resetLayout(page);
+};
+
+const openKeymap = async (page: Page) => {
+  await page.getByRole('button', { name: 'File', exact: true }).click();
+  await page.getByRole('menuitem', { name: 'Keyboard shortcuts…' }).click();
+  await expect(settings(page).getByRole('list', { name: 'Keyboard shortcuts' })).toBeVisible();
+  await settings(page).getByRole('button', { name: 'Save changes to' }).click();
+  await page.getByRole('option', { name: 'This machine' }).click();
+};
+
+const find = async (page: Page, text: string) =>
+  settings(page).getByRole('textbox', { name: 'Search shortcuts' }).fill(text);
+
+/** Records a shortcut in the recorder dialog, which is open. */
+const record = async (page: Page, ...keys: string[]) => {
+  const recorder = page.getByRole('textbox', { name: 'Shortcut', exact: true });
+  await expect(recorder).toBeFocused();
+  for (const key of keys) await page.keyboard.press(key);
+};
+
+test('palette: runs commands, recent ones first, from where the focus was', async ({ page }) => {
+  await open(page);
+  await page.locator('[data-nf-part="screen"]').click();
+
+  await page.keyboard.press('Control+Shift+p');
+  await expect(box(page)).toBeFocused();
+  await expect(box(page)).toHaveValue('>');
+  await box(page).pressSequentially('open panel');
+  await expect(results(page).getByRole('option', { name: /^View: Open panel/ })).toHaveCount(0);
+  await box(page).fill('>rst lay');
+  await expect(results(page).getByRole('option').first()).toHaveText(/View: Reset layout/);
+  await page.keyboard.press('Enter');
+  await expect(box(page)).toHaveCount(0);
+  await expect(page.getByText('Layout reset to default').last()).toBeVisible();
+
+  await page.keyboard.press('Control+Shift+p');
+  await expect(results(page).getByRole('option').first()).toHaveText(/View: Reset layout/);
+  await box(page).fill('>panels problems');
+  await expect(results(page).getByRole('option').first()).toHaveText(/View › Panels: Problems/);
+  await page.keyboard.press('ArrowDown');
+  await page.keyboard.press('ArrowUp');
+  await page.keyboard.press('Enter');
+  await expect(page.getByRole('tab', { name: 'Problems' })).toHaveAttribute(
+    'aria-selected',
+    'true',
+  );
+
+  await showPanel(page, 'History');
+  await page.getByRole('textbox', { name: 'Search changes' }).click();
+  await page.keyboard.press('Control+Shift+p');
+  await box(page).fill('>close panel');
+  await results(page)
+    .getByRole('option', { name: /View: Close panel/ })
+    .click();
+  await expect(page.getByRole('tab', { name: 'History' })).toHaveCount(0);
+
+  await page.keyboard.press('Control+Shift+p');
+  await page.keyboard.press('Escape');
+  await expect(box(page)).toHaveCount(0);
+  await resetLayout(page);
+  await page.waitForTimeout(900);
+});
+
+test('palette: opens a file by a fuzzy name, goes to a line and to a symbol', async ({ page }) => {
+  await open(page);
+  await page.locator('[data-nf-part="screen"]').click();
+
+  await page.keyboard.press('Control+p');
+  await expect(box(page)).toHaveValue('');
+  await box(page).fill('clnt main');
+  await expect(results(page).getByRole('option').first()).toHaveText(MAIN);
+  await page.keyboard.press('Enter');
+  await expect(page.getByRole('tab', { name: 'main.ts' })).toBeVisible();
+  await expect(
+    page.locator('.monaco-editor textarea, .monaco-editor .native-edit-context').first(),
+  ).toBeFocused();
+
+  await page.keyboard.press('Control+g');
+  await expect(box(page)).toHaveValue(':');
+  await box(page).pressSequentially('7:3');
+  await expect(results(page).getByRole('option')).toHaveText(/Go to line 7, column 3/);
+  await page.keyboard.press('Enter');
+  await expect(cursorLine(page)).toHaveText('7');
+
+  const text = readFileSync(join(PONG, MAIN), 'utf8');
+  const mainLine = text.split('\n').findIndex((line) => line.includes('export const main')) + 1;
+  await page.keyboard.press('Control+Shift+o');
+  await expect(box(page)).toHaveValue('@');
+  await expect(results(page).getByRole('option').first()).toBeVisible();
+  await box(page).pressSequentially('main');
+  await expect(results(page).getByRole('option').first()).toHaveText(
+    new RegExp(`^main.*line ${mainLine}$`),
+  );
+  await page.keyboard.press('Enter');
+  await expect(cursorLine(page)).toHaveText(String(mainLine));
+
+  await page.getByRole('tab', { name: 'main.ts' }).click({ button: 'middle' });
+  await page.waitForTimeout(900);
+});
+
+test('keymap: chords, conflicts, conditions, removals, presets, kept on this machine', async ({
+  page,
+}) => {
+  await open(page);
+  await openKeymap(page);
+
+  await find(page, 'reset layout');
+  const reset = shortcut(page, 'View: Reset layout');
+  await reset.getByRole('button', { name: 'Add shortcut' }).click();
+  await record(page, 'Control+k', 'Control+l');
+  await expect(page.getByRole('textbox', { name: 'Shortcut', exact: true })).toHaveText(
+    'Ctrl+K Ctrl+L',
+  );
+  await page.getByRole('button', { name: 'Save shortcut' }).click();
+  await expect(reset).toContainText('Ctrl+K Ctrl+L');
+  await expect(reset).toContainText('You');
+
+  await reset.getByRole('button', { name: 'Edit shortcut Ctrl+K Ctrl+L' }).click();
+  await page.getByRole('textbox', { name: 'Condition' }).fill('((');
+  await expect(page.getByRole('alert').filter({ hasText: "can't be read" })).toBeVisible();
+  await expect(page.getByRole('button', { name: 'Save shortcut' })).toBeDisabled();
+  await page.getByRole('textbox', { name: 'Condition' }).fill('!runtime.active');
+  await page.getByRole('button', { name: 'Save shortcut' }).click();
+  await expect(reset).toContainText('when !runtime.active');
+
+  await find(page, '');
+  await find(page, 'toggle light');
+  const theme = shortcut(page, 'View: Toggle light/dark theme');
+  await theme.getByRole('button', { name: 'Add shortcut' }).click();
+  await record(page, 'F6');
+  await expect(page.getByRole('alert').filter({ hasText: 'Already used by' })).toContainText(
+    'Focus next part',
+  );
+  await page.getByRole('button', { name: 'Keep both' }).click();
+  await expect(theme).toContainText('Conflict');
+  await find(page, '');
+  await settings(page).getByRole('checkbox', { name: 'Conflicts' }).check();
+  await expect(
+    settings(page).getByRole('list', { name: 'Keyboard shortcuts' }).getByRole('listitem'),
+  ).toHaveCount(2);
+  await theme.getByRole('button', { name: 'Edit shortcut F6' }).click();
+  await page.getByRole('button', { name: 'Replace' }).click();
+  await expect(
+    settings(page).getByRole('list', { name: 'Keyboard shortcuts' }).getByRole('listitem'),
+  ).toHaveCount(0);
+  await settings(page).getByRole('checkbox', { name: 'Conflicts' }).uncheck();
+  await find(page, 'focus next part');
+  const next = shortcut(page, 'View: Focus next part');
+  await expect(next.locator('kbd')).toHaveCount(0);
+  await next.getByRole('button', { name: 'Reset' }).click();
+  await expect(next.locator('kbd')).toHaveText('F6');
+  await find(page, 'toggle light');
+  await theme.getByRole('button', { name: 'Remove shortcut F6' }).click();
+  await expect(theme.locator('kbd')).toHaveCount(0);
+
+  await find(page, 'focus previous');
+  const previous = shortcut(page, 'View: Focus previous part');
+  await previous.getByRole('button', { name: 'Remove shortcut Shift+F6' }).click();
+  await expect(previous.locator('kbd')).toHaveCount(0);
+
+  await settings(page).getByRole('button', { name: 'Preset' }).click();
+  await expect(page.getByRole('option', { name: 'Hello keys' })).toBeVisible();
+  await expect(page.getByRole('option', { name: 'VS Code' })).toBeVisible();
+  await page.getByRole('option', { name: 'Godot' }).click();
+  await find(page, 'run: stop');
+  await expect(shortcut(page, 'Run: Stop')).toContainText('F8');
+  await expect(shortcut(page, 'Run: Stop')).toContainText('Godot');
+
+  await settings(page).getByRole('button', { name: 'OK' }).click();
+  await expect(settings(page)).toHaveCount(0);
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+k');
+  await page.keyboard.press('Control+l');
+  await expect(page.getByText('Layout reset to default').last()).toBeVisible();
+
+  await page.reload();
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await openKeymap(page);
+  await expect(settings(page).getByRole('button', { name: 'Preset' })).toContainText('Godot');
+  await settings(page).getByRole('checkbox', { name: 'Changed' }).check();
+  await expect(
+    settings(page).getByRole('list', { name: 'Keyboard shortcuts' }).getByRole('listitem'),
+  ).toHaveCount(2);
+  await expect(reset).toContainText('Ctrl+K Ctrl+L');
+  await expect(previous.locator('kbd')).toHaveCount(0);
+  await settings(page).getByRole('button', { name: 'Cancel' }).click();
+});
diff --git a/apps/editor/e2e/console.spec.ts b/apps/editor/e2e/console.spec.ts
new file mode 100644
index 00000000..8b501403
--- /dev/null
+++ b/apps/editor/e2e/console.spec.ts
@@ -0,0 +1,227 @@
+import { existsSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME, PONG } from './workspace';
+
+const BROKEN = join(PONG, 'scratch/broken.ts');
+
+const log = (page: Page) => page.getByRole('log', { name: 'Console' });
+const lines = (page: Page, source: string) => log(page).locator(`[data-source="${source}"]`);
+const chip = (page: Page, group: string) =>
+  page
+    .getByRole('group', { name: 'Source groups' })
+    .getByRole('button', { name: new RegExp(`^${group}`) });
+const level = (page: Page, name: string) =>
+  page.getByRole('group', { name: 'Levels' }).getByRole('button', { name });
+
+const open = async (page: Page, project = 'pong') => {
+  await openProject(page, project);
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await resetLayout(page);
+};
+
+const logHello = async (page: Page) => {
+  await page.getByRole('button', { name: 'Help', exact: true }).click();
+  await page.getByRole('menuitem', { name: 'Log hello' }).click();
+};
+
+test.afterEach(() => rmSync(BROKEN, { force: true }));
+
+test('console: groups, levels, search, repeats, values and file links', async ({ page }) => {
+  await open(page);
+  await expect(page.getByRole('tab', { name: 'Console' })).toHaveAttribute('aria-selected', 'true');
+  const hello = lines(page, '@acme/hello');
+
+  await logHello(page);
+  await expect(hello).toHaveCount(0);
+  await expect(chip(page, 'Plugins')).toContainText('hidden warnings or errors');
+  await chip(page, 'Plugins').click();
+  await expect(chip(page, 'Plugins')).toHaveAttribute('aria-pressed', 'true');
+  await expect(hello.filter({ hasText: 'Hello state' })).toHaveCount(1);
+  await expect(hello.filter({ hasText: 'Careful with greetings' })).toHaveCount(1);
+  await expect(hello.filter({ hasText: 'A quiet detail' })).toHaveCount(0);
+  await level(page, 'Debug').click();
+  await expect(hello.filter({ hasText: 'A quiet detail' })).toHaveCount(1);
+  await level(page, 'Debug').click();
+
+  const tick = hello.filter({ hasText: 'tick' });
+  await expect(tick).toHaveCount(1);
+  await expect(tick).toContainText(/Repeated\s*3\s*times/);
+
+  const state = hello.filter({ hasText: 'Hello state' });
+  await expect(state).toContainText('{ greetings: 0, nested: { deep: true, list: [1, 2] } }');
+  await state.getByRole('button', { name: 'Expand value' }).click();
+  await state.getByRole('button', { name: 'Expand nested' }).click();
+  await expect(state.getByRole('button', { name: 'Expand list' })).toBeVisible();
+  await expect(state).toContainText('deep: true');
+  await state.getByRole('button', { name: 'Collapse value' }).click();
+  await expect(state.getByRole('button', { name: 'Expand list' })).toHaveCount(0);
+
+  await level(page, 'Info').click();
+  await expect(hello).toHaveCount(1);
+  await expect(hello).toContainText('Careful with greetings');
+  await level(page, 'Info').click();
+  await page.getByLabel('Search console').fill('STATE');
+  await expect(hello).toHaveCount(1);
+  await expect(hello).toContainText('Hello state');
+  await page.getByLabel('Search console').fill('');
+
+  await page.getByRole('button', { name: 'Sources' }).click();
+  await page.getByRole('menuitem', { name: 'Plugins' }).click();
+  await page.getByRole('menuitem', { name: '@acme/hello' }).click();
+  await expect(hello).toHaveCount(0);
+  await page.getByRole('button', { name: 'Sources' }).click();
+  await page.getByRole('menuitem', { name: 'Show every source' }).click();
+  await expect(hello.filter({ hasText: 'Hello state' })).toHaveCount(1);
+
+  await hello.getByRole('button', { name: 'apps/client/src/main.ts:3:1' }).click();
+  await expect(page.getByRole('tab', { name: 'main.ts' })).toBeVisible();
+  await expect(page.locator('.monaco-editor .active-line-number')).toHaveText('3');
+
+  await page.getByRole('button', { name: 'Clear console' }).click();
+  await expect(log(page).locator('[data-line]')).toHaveCount(0);
+  await expect(page.getByText('Nothing logged yet')).toBeVisible();
+  await chip(page, 'Plugins').click();
+  await expect(chip(page, 'Plugins')).toHaveAttribute('aria-pressed', 'false');
+  await page.getByRole('tab', { name: 'main.ts' }).click({ button: 'middle' });
+  await page.waitForTimeout(900);
+});
+
+test('problems: a file that is not open, grouped by file, opens at its position', async ({
+  page,
+}) => {
+  writeFileSync(BROKEN, 'export const fine = 1;\nexport const count: number = "three";\n');
+  await open(page);
+
+  const status = page.getByRole('button', { name: /\d+ errors?/ });
+  await expect(status).toBeVisible({ timeout: 30_000 });
+  await status.click();
+  await expect(page.getByRole('tab', { name: 'Problems' })).toHaveAttribute(
+    'aria-selected',
+    'true',
+  );
+
+  const file = page
+    .getByRole('list', { name: 'Problems' })
+    .getByRole('listitem', { name: 'scratch/broken.ts' });
+  const problem = file.getByRole('button', { name: /is not assignable to type 'number'/ });
+  await expect(problem).toContainText('typescript 2322');
+  await expect(problem).toContainText('2:14');
+  await expect(file.getByRole('button', { name: /scratch\/broken\.ts/ })).toContainText('1 error');
+
+  await file.getByRole('button', { name: /scratch\/broken\.ts/ }).click();
+  await expect(problem).toHaveCount(0);
+  await file.getByRole('button', { name: /scratch\/broken\.ts/ }).click();
+
+  await page.getByLabel('Search problems').fill("assignable to type 'number'");
+  await expect(page.getByRole('list', { name: 'Problems' }).getByRole('listitem')).toHaveCount(1);
+  await page
+    .getByRole('group', { name: 'Severities' })
+    .getByRole('button', { name: 'Errors' })
+    .click();
+  await expect(page.getByText('No problems match the filters')).toBeVisible();
+  await page
+    .getByRole('group', { name: 'Severities' })
+    .getByRole('button', { name: 'Errors' })
+    .click();
+  await page.getByLabel('Search problems').fill('');
+
+  await problem.click();
+  await expect(page.getByRole('tab', { name: 'broken.ts' })).toBeVisible();
+  await expect(page.locator('.monaco-editor .active-line-number')).toHaveText('2');
+
+  await page.getByRole('tab', { name: 'broken.ts' }).click({ button: 'middle' });
+  rmSync(BROKEN);
+  await expect(file).toHaveCount(0, { timeout: 15_000 });
+  await page.waitForTimeout(900);
+});
+
+test.describe('with the engine', () => {
+  const MAIN = join(GAME, 'apps/client/src/main.ts');
+  test.skip(!existsSync(join(GAME, 'package.json')), 'needs a built engine (NANOFORGE_ENGINE)');
+
+  test('problems: a build error is listed with its file and position, until the app builds again', async ({
+    page,
+  }) => {
+    test.setTimeout(120_000);
+    const original = readFileSync(MAIN, 'utf8');
+    const errorLine = original.split('\n').length;
+    try {
+      await open(page, 'game');
+      await showPanel(page, 'Problems');
+      writeFileSync(MAIN, `${original}const = ;\n`);
+      const file = page
+        .getByRole('list', { name: 'Problems' })
+        .getByRole('listitem', { name: 'apps/client/src/main.ts' });
+      const build = file.getByRole('button').filter({ hasText: /\bbuild\b/ });
+      await expect(build.first()).toBeVisible({ timeout: 30_000 });
+      await expect(build.first()).toContainText(new RegExp(`${errorLine}:\\d+$`));
+      await showPanel(page, 'Console');
+      await expect(
+        log(page)
+          .locator('[data-group="build"]')
+          .getByRole('button', { name: new RegExp(`main\\.ts:${errorLine}:\\d+`) })
+          .first(),
+      ).toBeVisible();
+
+      writeFileSync(MAIN, original);
+      await showPanel(page, 'Problems');
+      await expect(build).toHaveCount(0, { timeout: 30_000 });
+      await showPanel(page, 'Console');
+      await page.waitForTimeout(900);
+    } finally {
+      writeFileSync(MAIN, original);
+    }
+  });
+
+  test('game output: values of the client expand, and lines link to where they were logged', async ({
+    page,
+  }) => {
+    test.setTimeout(120_000);
+    const original = readFileSync(MAIN, 'utf8');
+    const ready = 'console.log("pong client ready");';
+    expect(original).toContain(ready);
+    writeFileSync(
+      MAIN,
+      original.replace(ready, `${ready}\n  console.warn("score", { left: 1, right: [2, 3] });`),
+    );
+    const loggedAt = original.slice(0, original.indexOf(ready)).split('\n').length + 1;
+    const run = page.getByRole('toolbar', { name: 'Run' });
+    try {
+      await open(page, 'game');
+      await run.getByRole('button', { name: 'Play' }).click();
+      await expect(run.getByRole('button', { name: 'Pause' })).toBeVisible({ timeout: 30_000 });
+
+      const score = lines(page, 'game:client').filter({ hasText: 'score' });
+      await expect(score).toHaveCount(1);
+      await expect(score).toHaveClass(/warn/);
+      await score.getByRole('button', { name: 'Expand value' }).click();
+      await expect(score).toContainText('left: 1');
+      await score.getByRole('button', { name: 'Expand right' }).click();
+      await expect(score).toContainText('1: 3');
+      await expect(lines(page, 'game:server').first()).toBeVisible();
+
+      if (process.env.NANOFORGE_CLI) {
+        const where = score.getByRole('button', { name: `main.ts:${loggedAt}` });
+        await expect(where).toBeVisible();
+        await run.getByRole('button', { name: 'Stop' }).click();
+        await expect(run.getByRole('button', { name: 'Play' })).toBeVisible({ timeout: 15_000 });
+        await where.click();
+        await expect(page.getByRole('tab', { name: 'main.ts' })).toBeVisible();
+        await expect(page.locator('.monaco-editor .active-line-number')).toHaveText(
+          String(loggedAt),
+        );
+        await page.getByRole('tab', { name: 'main.ts' }).click({ button: 'middle' });
+      } else {
+        await run.getByRole('button', { name: 'Stop' }).click();
+        await expect(run.getByRole('button', { name: 'Play' })).toBeVisible({ timeout: 15_000 });
+      }
+      await page.waitForTimeout(900);
+    } finally {
+      writeFileSync(MAIN, original);
+    }
+  });
+});
diff --git a/apps/editor/e2e/ecs-live.spec.ts b/apps/editor/e2e/ecs-live.spec.ts
new file mode 100644
index 00000000..93b97033
--- /dev/null
+++ b/apps/editor/e2e/ecs-live.spec.ts
@@ -0,0 +1,176 @@
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME } from './workspace';
+
+const MAIN = join(GAME, 'apps/client/src/main.ts');
+
+test.skip(!existsSync(join(GAME, 'package.json')), 'needs a built engine (NANOFORGE_ENGINE)');
+
+const toolbar = (page: Page, name: string) =>
+  page.getByRole('toolbar', { name: 'Run' }).getByRole('button', { name, exact: false });
+const liveEntity = (page: Page, name: string) =>
+  page
+    .getByRole('tree', { name: 'Live entities' })
+    .getByRole('treeitem', { name: new RegExp(`^${name}\\b`) });
+
+test('shows the live world, edits it, applies it to the code and pauses a system', async ({
+  page,
+}) => {
+  test.setTimeout(120_000);
+  const original = readFileSync(MAIN, 'utf8');
+  try {
+    await openProject(page, 'game');
+    await page.waitForURL(/\/project\//);
+    await resetLayout(page);
+    await showPanel(page, 'Hierarchy');
+    await expect(page.getByRole('tree', { name: 'Entities' })).toBeVisible();
+
+    await toolbar(page, 'Play').click();
+    await expect(toolbar(page, 'Pause')).toBeVisible({ timeout: 30_000 });
+    await expect(liveEntity(page, 'terrainLine')).toBeVisible({ timeout: 15_000 });
+    await expect(liveEntity(page, 'paddle2')).toBeVisible();
+    await liveEntity(page, 'terrainLine').click();
+
+    await showPanel(page, 'Inspector');
+    const position = page.getByRole('region', { name: 'Position' });
+    const x = position.getByRole('textbox', { name: 'x', exact: true });
+    await expect(x).toHaveValue('955');
+    await x.fill('900');
+    await x.press('Enter');
+    await expect(liveEntity(page, 'terrainLine')).toContainText('changed');
+    await expect(x).toHaveValue('900');
+    expect(readFileSync(MAIN, 'utf8')).toContain('new Position(955, 0)');
+    await page.getByRole('button', { name: 'Apply to code' }).click();
+    await expect
+      .poll(() => readFileSync(MAIN, 'utf8'))
+      .toContain('registry.addComponent(terrainLine, new Position(900, 0));');
+
+    const applied = readFileSync(MAIN, 'utf8');
+    await page
+      .getByRole('tablist', { name: 'Main screens' })
+      .getByRole('tab', { name: 'Scene', exact: true })
+      .click();
+    const line = page
+      .getByRole('application', { name: '2D scene' })
+      .getByRole('button', { name: 'terrainLine (rect)' });
+    const box = (await line.boundingBox())!;
+    await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2);
+    await page.mouse.down();
+    await page.mouse.move(box.x + box.width / 2 + 40, box.y + box.height / 2, { steps: 5 });
+    await page.mouse.up();
+    await showPanel(page, 'Hierarchy');
+    await expect(liveEntity(page, 'terrainLine')).toContainText('changed');
+    expect(readFileSync(MAIN, 'utf8')).toBe(applied);
+
+    await showPanel(page, 'Systems');
+    const move = page.getByRole('switch', { name: 'Run move' });
+    await expect(move).toBeChecked();
+    await move.click();
+    await expect(move).not.toBeChecked();
+
+    await showPanel(page, 'Hierarchy');
+    await page.getByRole('button', { name: 'Running game' }).click();
+    await page.getByRole('option', { name: 'Server (running)' }).click();
+    await expect(
+      page.getByRole('tree', { name: 'Live entities' }).getByRole('treeitem').first(),
+    ).toBeVisible();
+
+    await toolbar(page, 'Stop').click();
+    await expect(page.getByRole('tree', { name: 'Entities' })).toBeVisible();
+  } finally {
+    writeFileSync(MAIN, original);
+    await resetLayout(page).catch(() => undefined);
+    await page.waitForTimeout(1500);
+  }
+});
+
+test('moves an entity by dragging it in the Game screen, and applies it to the code', async ({
+  page,
+}) => {
+  test.setTimeout(120_000);
+  const original = readFileSync(MAIN, 'utf8');
+  try {
+    await openProject(page, 'game');
+    await page.waitForURL(/\/project\//);
+    await resetLayout(page);
+    await toolbar(page, 'Play').click();
+    await expect(toolbar(page, 'Pause')).toBeVisible({ timeout: 30_000 });
+    await showPanel(page, 'Hierarchy');
+    await expect(liveEntity(page, 'terrainLine')).toBeVisible({ timeout: 15_000 });
+    await toolbar(page, 'Pause').click();
+    await expect(toolbar(page, 'Resume')).toBeVisible();
+
+    const move = page.getByRole('button', { name: 'Move entities' });
+    await expect(page.getByRole('application', { name: 'Move entities in the game' })).toHaveCount(
+      0,
+    );
+    await move.click();
+    const overlay = page.getByRole('application', { name: 'Move entities in the game' });
+    const line = overlay.getByRole('button', { name: 'Move terrainLine' });
+    await expect(line).toBeVisible({ timeout: 10_000 });
+    const frame = (await page.getByRole('application', { name: 'Running game' }).boundingBox())!;
+    const box = (await line.boundingBox())!;
+    expect(Math.abs(box.x + box.width / 2 - (frame.x + frame.width / 2))).toBeLessThan(4);
+
+    const scale = frame.width / 1920;
+    const grab = { x: box.x + box.width / 2, y: box.y + box.height * 0.2 };
+    await page.mouse.move(grab.x, grab.y);
+    await page.mouse.down();
+    await page.mouse.move(grab.x - 100 * scale, grab.y, { steps: 5 });
+    await page.mouse.up();
+    await expect(liveEntity(page, 'terrainLine')).toContainText('changed');
+    await showPanel(page, 'Inspector');
+    const x = page
+      .getByRole('region', { name: 'Position' })
+      .getByRole('textbox', { name: 'x', exact: true });
+    await expect.poll(async () => Number(await x.inputValue())).toBeLessThan(870);
+    expect(Number(await x.inputValue())).toBeGreaterThan(840);
+    expect(readFileSync(MAIN, 'utf8')).toBe(original);
+    await page.getByRole('button', { name: 'Apply to code' }).click();
+    await expect.poll(() => readFileSync(MAIN, 'utf8')).toMatch(/new Position\(8[4-6]\d, 0\)/);
+
+    await move.click();
+    await expect(overlay).toHaveCount(0);
+    await toolbar(page, 'Stop').click();
+    await expect(toolbar(page, 'Play')).toBeVisible({ timeout: 15_000 });
+  } finally {
+    writeFileSync(MAIN, original);
+    await toolbar(page, 'Stop')
+      .click({ timeout: 2000 })
+      .catch(() => undefined);
+    await resetLayout(page).catch(() => undefined);
+    await page.waitForTimeout(1500);
+  }
+});
+
+test('edits an engine enum param with a select (types from the engine packages)', async ({
+  page,
+}) => {
+  const original = readFileSync(MAIN, 'utf8');
+  try {
+    await openProject(page, 'game');
+    await page.waitForURL(/\/project\//);
+    await resetLayout(page);
+    await showPanel(page, 'Hierarchy');
+    await page
+      .getByRole('tree', { name: 'Entities' })
+      .getByRole('treeitem', { name: /^me\b/ })
+      .click();
+    await showPanel(page, 'Inspector');
+    const controller = page.getByRole('region', { name: 'Controller' });
+    const up = controller.getByRole('button', { name: 'up', exact: true });
+    await expect(up).toContainText('ArrowUp', { timeout: 15_000 });
+    await up.click();
+    await page.getByRole('option', { name: 'KeyW', exact: true }).click();
+    await expect
+      .poll(() => readFileSync(MAIN, 'utf8'))
+      .toContain('new Controller(InputEnum.KeyW, InputEnum.ArrowDown)');
+  } finally {
+    writeFileSync(MAIN, original);
+    await resetLayout(page).catch(() => undefined);
+    await page.waitForTimeout(1500);
+  }
+});
diff --git a/apps/editor/e2e/ecs.spec.ts b/apps/editor/e2e/ecs.spec.ts
new file mode 100644
index 00000000..95d4316d
--- /dev/null
+++ b/apps/editor/e2e/ecs.spec.ts
@@ -0,0 +1,344 @@
+import { existsSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { expandFolders, openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG } from './workspace';
+
+const MAIN = join(PONG, 'apps/client/src/main.ts');
+let original: string;
+
+const entities = (page: Page) => page.getByRole('tree', { name: 'Entities' });
+const entity = (page: Page, name: string) =>
+  entities(page).getByRole('treeitem', { name: new RegExp(`^${name}\\b`) });
+const main = () => readFileSync(MAIN, 'utf8');
+
+test.beforeEach(async ({ page }) => {
+  original = readFileSync(MAIN, 'utf8');
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await resetLayout(page);
+  await showPanel(page, 'Hierarchy');
+});
+
+test.afterEach(async ({ page }) => {
+  writeFileSync(MAIN, original);
+  await resetLayout(page);
+  await page.waitForTimeout(1500);
+});
+
+test('lists the entities of main.ts and edits a component param', async ({ page }) => {
+  await expect(entity(page, 'ball')).toBeVisible();
+  await expect(entity(page, 'paddle2')).toBeVisible();
+  const name = entity(page, 'paddle2').getByText('paddle2', { exact: true });
+  expect(await name.evaluate((label) => label.scrollWidth <= label.clientWidth)).toBe(true);
+  await entity(page, 'ball').click();
+
+  await showPanel(page, 'Inspector');
+  const inspector = page.getByRole('region', { name: 'Position' });
+  await expect(inspector).toBeVisible();
+  const x = inspector.getByRole('textbox', { name: 'x', exact: true });
+  await x.fill('42');
+  await x.press('Enter');
+  await expect.poll(main).toContain('registry.addComponent(ball, new Position(42, 0));');
+
+  await showPanel(page, 'Hierarchy');
+  await entity(page, 'ball').click();
+  await page.keyboard.press('Control+z');
+  await expect.poll(main).toContain('registry.addComponent(ball, new Position(0, 0));');
+});
+
+test('adds, renames and removes an entity', async ({ page }) => {
+  await page.getByRole('button', { name: 'Add entity' }).click();
+  await expect.poll(main).toContain('const entity = registry.spawnEntity();');
+  await expect(entity(page, 'entity')).toBeVisible();
+
+  await entity(page, 'entity').click();
+  await page.keyboard.press('F2');
+  await page.keyboard.type('score');
+  await page.keyboard.press('Enter');
+  await expect.poll(main).toContain('const score = registry.spawnEntity();');
+
+  await entity(page, 'score').click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'Rename' }).click();
+  const field = entities(page).getByRole('textbox');
+  await expect(field).toBeFocused();
+  await field.fill('points');
+  await field.press('Enter');
+  await expect.poll(main).toContain('const points = registry.spawnEntity();');
+
+  await entity(page, 'points').click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'Remove' }).click();
+  await expect.poll(main).not.toContain('const points');
+});
+
+test('edits the layout of a component from its code page', async ({ page }) => {
+  const COMPONENTS = join(PONG, 'apps/client/src/components/components.ts');
+  const before = readFileSync(COMPONENTS, 'utf8');
+  try {
+    await showPanel(page, 'Files');
+    await expandFolders(page, 'apps', 'client', 'src', 'components');
+    await page.getByRole('treeitem', { name: 'components.ts', exact: true }).dblclick();
+    const panel = page.getByRole('complementary', { name: 'Component panel' });
+    await expect(panel).toBeVisible();
+    await panel.getByRole('button', { name: 'Component to edit' }).click();
+    await page.getByRole('option', { name: 'Position' }).click();
+
+    await panel.getByRole('button', { name: 'New group' }).click();
+    await expect(panel.getByRole('group', { name: 'Group Group 1' })).toBeVisible();
+    for (const param of ['x', 'y']) {
+      await panel.getByRole('button', { name: `Group of ${param}` }).click();
+      await page.getByRole('option', { name: 'Group 1' }).click();
+      await expect(panel.getByRole('button', { name: `Group of ${param}` })).toContainText(
+        'Group 1',
+      );
+      await panel.getByRole('button', { name: `Preset of ${param}` }).click();
+      await page.getByRole('option', { name: 'vector' }).click();
+      await expect(panel.getByRole('button', { name: `Preset of ${param}` })).toContainText(
+        'vector',
+      );
+    }
+    await panel.getByRole('button', { name: 'Preset of y' }).focus();
+    await page.keyboard.press('Control+z');
+    await expect(panel.getByRole('button', { name: 'Preset of y' })).toContainText('None');
+    await page.keyboard.press('Control+y');
+    await expect(panel.getByRole('button', { name: 'Preset of y' })).toContainText('vector');
+
+    await expect(
+      panel
+        .getByRole('region', { name: 'Preview' })
+        .getByRole('group', { name: 'Group 1', exact: true }),
+    ).toBeVisible();
+
+    await page.locator('.monaco-editor .view-lines').first().click();
+    await page.keyboard.press('Control+s');
+    await expect
+      .poll(() => readFileSync(COMPONENTS, 'utf8'))
+      .toContain('@group Group 1\n */\nexport class Position');
+    const text = readFileSync(COMPONENTS, 'utf8');
+    expect(text).toContain('/** @group Group 1 @preset vector.x */');
+    expect(text).toContain('/** @group Group 1 @preset vector.y */');
+  } finally {
+    writeFileSync(COMPONENTS, before);
+    await showPanel(page, 'Files');
+    const apps = page
+      .getByRole('tree', { name: 'Project files' })
+      .getByRole('treeitem', { name: 'apps', exact: true });
+    await apps.click();
+    await page.keyboard.press('ArrowLeft');
+    await expect(apps).toHaveAttribute('aria-expanded', 'false');
+  }
+});
+
+test('creates a shared library, uses its component and moves an app component into it', async ({
+  page,
+}) => {
+  const files = [
+    'nanoforge.config.ts',
+    'tsconfig.json',
+    'apps/client/package.json',
+    'apps/server/package.json',
+    'apps/client/nanoforge.config.ts',
+    'apps/server/nanoforge.config.ts',
+  ].map((name) => join(PONG, name));
+  const saved = files.map((file) => readFileSync(file, 'utf8'));
+  const libs = join(PONG, 'libs');
+  const health = join(PONG, 'apps/client/src/components/health.ts');
+  const components = page.getByRole('region', { name: 'Components', exact: true });
+  const prompt = async (label: string, value: string, confirm: string) => {
+    const field = page.getByRole('dialog').getByRole('textbox', { name: label });
+    await field.fill(value);
+    await page.getByRole('dialog').getByRole('button', { name: confirm }).click();
+  };
+  try {
+    await showPanel(page, 'Components');
+    await components.getByRole('button', { name: 'New' }).click();
+    await page.getByRole('menuitem', { name: 'New shared library…' }).click();
+    await prompt('Folder in libs/', 'shared', 'Next');
+    await prompt('Package name (how apps import it)', '@pong-network/shared', 'Create');
+    await expect.poll(() => readFileSync(files[1]!, 'utf8')).toContain('"@pong-network/shared/*"');
+    await expect
+      .poll(() => readFileSync(files[0]!, 'utf8'))
+      .toContain('packages: ["apps/*", "libs/*"]');
+    for (const index of [2, 3])
+      await expect
+        .poll(() => readFileSync(files[index]!, 'utf8'))
+        .toContain('"@pong-network/shared": "workspace:*"');
+
+    await components.getByRole('button', { name: 'New' }).click();
+    await page.getByRole('menuitem', { name: /New component in shared library/ }).click();
+    await prompt('Name', 'Player', 'Create');
+    await expect
+      .poll(() => readFileSync(join(libs, 'shared/src/components/player.ts'), 'utf8'))
+      .toContain('@side shared');
+
+    await showPanel(page, 'Hierarchy');
+    await entity(page, 'ball').click();
+    await showPanel(page, 'Components');
+    await components.getByRole('button', { name: 'C Player', exact: true }).click();
+    await components.getByRole('button', { name: 'Add to ball' }).click();
+    await expect
+      .poll(main)
+      .toContain('import { Player } from "@pong-network/shared/components/player";');
+    expect(main()).toContain('registry.addComponent(ball, new Player());');
+
+    await components.getByRole('button', { name: 'New' }).click();
+    await page.getByRole('menuitem', { name: /New component in app/ }).click();
+    await prompt('Name', 'Health', 'Create');
+    await expect.poll(() => readFileSync(health, 'utf8')).toContain('export class Health');
+    await showPanel(page, 'Components');
+    await components.getByRole('button', { name: 'C Health', exact: true }).click();
+    await components.getByRole('button', { name: 'Move to shared library' }).click();
+    await page.getByRole('menuitem', { name: /Move to shared library/ }).click();
+    await expect.poll(() => existsSync(join(libs, 'shared/src/components/health.ts'))).toBe(true);
+    expect(existsSync(health)).toBe(false);
+
+    const bad = join(libs, 'shared/src/components/bad.ts');
+    writeFileSync(
+      bad,
+      'import { layer } from "../../../../apps/client/src/main";\nexport const x = layer;\n',
+    );
+    await expect(
+      components.getByRole('alert').filter({ hasText: "a shared library can't import an app" }),
+    ).toBeVisible();
+    rmSync(bad);
+    await expect(
+      components.getByRole('alert').filter({ hasText: "can't import an app" }),
+    ).toHaveCount(0);
+
+    await components.getByRole('button', { name: 'New' }).click();
+    await page.getByRole('menuitem', { name: /New component in shared library/ }).click();
+    await prompt('Name', 'Position', 'Create');
+    await expect(
+      components.getByRole('alert').filter({ hasText: 'named “Position”' }),
+    ).toBeVisible();
+
+    await components.getByRole('button', { name: 'C Player', exact: true }).click();
+    await page.keyboard.press('Control+z');
+    await expect.poll(() => existsSync(health)).toBe(true);
+    expect(existsSync(join(libs, 'shared/src/components/health.ts'))).toBe(false);
+
+    rmSync(join(libs, 'shared/src/components/position.ts'), { force: true });
+    rmSync(join(libs, 'shared/src/components/player.ts'), { force: true });
+    await page.keyboard.press('Control+z');
+    await expect.poll(() => existsSync(join(libs, 'shared'))).toBe(false);
+    expect(readFileSync(files[1]!, 'utf8')).toBe(saved[1]);
+    expect(readFileSync(files[0]!, 'utf8')).toBe(saved[0]);
+    expect(readFileSync(files[2]!, 'utf8')).toBe(saved[2]);
+    expect(readFileSync(files[4]!, 'utf8')).toBe(saved[4]);
+  } finally {
+    files.forEach((file, index) => writeFileSync(file, saved[index]!));
+    rmSync(libs, { recursive: true, force: true });
+    rmSync(health, { force: true });
+  }
+});
+
+test('drags an entity in the 2D scene: its position is written to main.ts', async ({ page }) => {
+  await page.getByRole('tab', { name: 'Scene', exact: true }).click();
+  const scene = page.getByRole('application', { name: '2D scene' });
+  await expect(scene).toBeVisible();
+  const line = scene.getByRole('button', { name: 'terrainLine (rect)' });
+  const box = (await line.boundingBox())!;
+  await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2);
+  await page.mouse.down();
+  await page.mouse.move(box.x + box.width / 2 - 40, box.y + box.height / 2 + 20, { steps: 5 });
+  await page.mouse.up();
+  await expect
+    .poll(main)
+    .not.toContain('registry.addComponent(terrainLine, new Position(955, 0));');
+  expect(main()).toMatch(/registry\.addComponent\(terrainLine, new Position\(\d+, \d+\)\);/);
+  await expect(line).toHaveAttribute('aria-pressed', 'true');
+
+  await page.keyboard.press('Control+z');
+  await expect.poll(main).toContain('registry.addComponent(terrainLine, new Position(955, 0));');
+
+  const fit = page.getByRole('button', { name: 'Fit', exact: true });
+  await expect(fit).toBeDisabled();
+  await page.mouse.wheel(0, -300);
+  await expect(fit).toBeEnabled();
+  await fit.click();
+  await expect(fit).toBeDisabled();
+  await page.getByRole('tab', { name: 'Project' }).click();
+});
+
+test('opens a component in code at its declaration, shown in the Component panel', async ({
+  page,
+}) => {
+  const components = page.getByRole('region', { name: 'Components', exact: true });
+  await showPanel(page, 'Components');
+  await components.getByRole('button', { name: /^C Position\b/ }).click();
+  await components.getByRole('button', { name: 'Open in code' }).click();
+  const panel = page.getByRole('complementary', { name: 'Component panel' });
+  await expect(panel.getByRole('button', { name: 'Component to edit' })).toContainText('Position');
+  await expect(page.locator('.monaco-editor .current-line').first()).toBeVisible();
+  await expect(page.locator('.monaco-editor .view-lines')).toContainText('export class Position');
+});
+
+test('switches the app, and adds and removes a system', async ({ page }) => {
+  const SERVER = join(PONG, 'apps/server/src/main.ts');
+  const serverBefore = readFileSync(SERVER, 'utf8');
+  try {
+    await expect(entity(page, 'terrain')).toBeVisible();
+    await page.getByRole('button', { name: 'App', exact: true }).click();
+    await page.getByRole('option', { name: 'pong-network-server' }).click();
+    await expect(entity(page, 'ball')).toBeVisible();
+    await expect(entity(page, 'terrain')).toHaveCount(0);
+
+    await showPanel(page, 'Systems');
+    const systems = page.getByRole('tree', { name: 'Systems in run order' });
+    await expect(systems.getByRole('treeitem')).toHaveCount(3);
+    await systems.getByRole('treeitem', { name: /^bounce/ }).click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Remove from app' }).click();
+    await expect
+      .poll(() => readFileSync(SERVER, 'utf8'))
+      .not.toContain('registry.addSystem(bounce);');
+    await page.getByRole('combobox', { name: 'Add system' }).click();
+    await page.keyboard.type('bounce');
+    await page.getByRole('option', { name: /bounce/ }).click();
+    await expect
+      .poll(() => readFileSync(SERVER, 'utf8'))
+      .toContain('registry.addSystem(move);\n  registry.addSystem(bounce);');
+  } finally {
+    writeFileSync(SERVER, serverBefore);
+    await showPanel(page, 'Hierarchy');
+    await page.getByRole('button', { name: 'App', exact: true }).click();
+    await page.getByRole('option', { name: 'pong-network-client' }).click();
+  }
+});
+
+test('shows a hidden param when chosen, and keeps it shown after a reload', async ({ page }) => {
+  const COMPONENTS = join(PONG, 'apps/client/src/components/components.ts');
+  const before = readFileSync(COMPONENTS, 'utf8');
+  const position =
+    'export class Position {\n  name = "Position";\n  x: number;\n  y: number;\n\n  constructor(x: number, y: number)';
+  expect(before).toContain(position);
+  writeFileSync(
+    COMPONENTS,
+    before.replace(
+      position,
+      position.replace('constructor(x: number', 'constructor(/** @hidden */ x: number'),
+    ),
+  );
+  try {
+    await entity(page, 'ball').click();
+    await showPanel(page, 'Inspector');
+    const card = page.getByRole('region', { name: 'Position' });
+    await expect(card.getByRole('button', { name: 'Show hidden (1)' })).toBeVisible();
+    await expect(card.getByRole('textbox', { name: 'x', exact: true })).toHaveCount(0);
+    await card.getByRole('button', { name: 'Show hidden (1)' }).click();
+    await page.getByRole('menuitem', { name: 'x' }).click();
+    await expect(card.getByRole('textbox', { name: 'x', exact: true })).toBeVisible();
+
+    await page.reload();
+    await showPanel(page, 'Hierarchy');
+    await entity(page, 'ball').click();
+    await showPanel(page, 'Inspector');
+    await expect(
+      page
+        .getByRole('region', { name: 'Position' })
+        .getByRole('textbox', { name: 'x', exact: true }),
+    ).toBeVisible();
+  } finally {
+    writeFileSync(COMPONENTS, before);
+  }
+});
diff --git a/apps/editor/e2e/file-manager.spec.ts b/apps/editor/e2e/file-manager.spec.ts
new file mode 100644
index 00000000..ec722832
--- /dev/null
+++ b/apps/editor/e2e/file-manager.spec.ts
@@ -0,0 +1,158 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG } from './workspace';
+
+const files = (page: Page) => page.getByRole('tree', { name: 'Project files' });
+const row = (page: Page, name: string) => files(page).getByRole('treeitem', { name, exact: true });
+
+const open = async (page: Page) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(row(page, 'apps')).toBeVisible();
+};
+
+/** Expands folders from the root (`apps`, `client`, …). */
+const expand = async (page: Page, ...folders: string[]) => {
+  for (const folder of folders) {
+    await row(page, folder).click();
+    await page.keyboard.press('ArrowRight');
+  }
+};
+
+const undo = (page: Page) => page.keyboard.press('Control+z');
+
+test('shows the tree and a grid with thumbnails', async ({ page }) => {
+  await open(page);
+  await expand(page, 'apps', 'client', 'assets');
+  const grid = page.getByRole('listbox', { name: 'Files in apps/client/assets' });
+  const thumbnail = grid.getByRole('option', { name: /logo\.png/ }).locator('img');
+  await expect(thumbnail).toBeVisible();
+  await expect
+    .poll(() => thumbnail.evaluate((image: HTMLImageElement) => image.naturalWidth))
+    .toBe(2);
+});
+
+test('hides .nfignore entries and excluded files, the toggle shows excluded ones', async ({
+  page,
+}) => {
+  await open(page);
+  await expect(row(page, 'secret')).toHaveCount(0);
+  await expect(row(page, '.env')).toBeVisible();
+  const prettierrc = files(page).getByRole('treeitem', { name: /^\.prettierrc/ });
+  await expect(prettierrc).toHaveCount(0);
+
+  await page.getByRole('button', { name: 'Show hidden files' }).click();
+  await expect(prettierrc).toBeVisible();
+  await expect(prettierrc).toContainText('hidden');
+  await expect(row(page, 'secret')).toHaveCount(0);
+  await page.getByRole('button', { name: 'Hide hidden files' }).click();
+});
+
+test('searches files by name', async ({ page }) => {
+  await open(page);
+  await page.getByLabel('Search files').fill('lgpng');
+  await expect(row(page, 'logo.png')).toBeVisible();
+  await expect(row(page, 'scratch')).toHaveCount(0);
+  await page.getByLabel('Search files').fill('');
+  await expect(row(page, 'scratch')).toBeVisible();
+});
+
+test('renames, moves, copies, duplicates and deletes, each undoable', async ({ page }) => {
+  await open(page);
+  await expand(page, 'scratch');
+  const scratch = (name: string) => join(PONG, 'scratch', name);
+
+  await row(page, 'rename-me.txt').click();
+  await page.keyboard.press('F2');
+  await page.keyboard.press('Control+a');
+  await page.keyboard.type('renamed.txt');
+  await page.keyboard.press('Enter');
+  await expect(row(page, 'renamed.txt')).toBeVisible();
+  expect(existsSync(scratch('renamed.txt'))).toBe(true);
+  await undo(page);
+  await expect(row(page, 'rename-me.txt')).toBeVisible();
+
+  await row(page, 'move-me.txt').dragTo(row(page, 'target'));
+  await expect.poll(() => existsSync(scratch('target/move-me.txt'))).toBe(true);
+  await undo(page);
+  await expect.poll(() => existsSync(scratch('move-me.txt'))).toBe(true);
+
+  await row(page, 'copy-me.txt').click();
+  await page.keyboard.press('Control+c');
+  await row(page, 'target').click();
+  await page.keyboard.press('Control+v');
+  await expect.poll(() => existsSync(scratch('target/copy-me.txt'))).toBe(true);
+  await undo(page);
+  await expect.poll(() => existsSync(scratch('target/copy-me.txt'))).toBe(false);
+
+  await row(page, 'copy-me.txt').click();
+  await page.keyboard.press('Control+d');
+  await expect.poll(() => existsSync(scratch('copy-me copy.txt'))).toBe(true);
+  await undo(page);
+  await expect.poll(() => existsSync(scratch('copy-me copy.txt'))).toBe(false);
+
+  await row(page, 'copy-me.txt').click();
+  for (let i = 0; i < 3; i++) await page.keyboard.press('Control+d');
+  await expect.poll(() => existsSync(scratch('copy-me copy copy copy.txt'))).toBe(true);
+  for (let i = 0; i < 3; i++) await undo(page);
+  await expect.poll(() => existsSync(scratch('copy-me copy.txt'))).toBe(false);
+
+  await row(page, 'delete-me.txt').click();
+  await page.keyboard.press('Delete');
+  await expect.poll(() => existsSync(scratch('delete-me.txt'))).toBe(false);
+  await expect(row(page, 'delete-me.txt')).toHaveCount(0);
+  await undo(page);
+  await expect.poll(() => existsSync(scratch('delete-me.txt'))).toBe(true);
+  expect(readFileSync(scratch('delete-me.txt'), 'utf8')).toBe('delete\n');
+});
+
+test('creates from a template and imports dropped files', async ({ page }) => {
+  await open(page);
+  await expand(page, 'scratch');
+  await row(page, 'scratch').click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'New' }).click();
+  await page.getByRole('menuitem', { name: 'Greeting…' }).click();
+  await page.getByRole('dialog').getByRole('textbox').fill('hello.txt');
+  await page.getByRole('dialog').getByRole('button', { name: 'Create' }).click();
+  await expect.poll(() => existsSync(join(PONG, 'scratch/hello.txt'))).toBe(true);
+  expect(readFileSync(join(PONG, 'scratch/hello.txt'), 'utf8')).toBe('Hello from hello.txt!\n');
+
+  const transfer = await page.evaluateHandle(() => {
+    const data = new DataTransfer();
+    data.items.add(new File(['imported'], 'imported.txt', { type: 'text/plain' }));
+    return data;
+  });
+  const target = row(page, 'target');
+  await target.dispatchEvent('dragover', { dataTransfer: transfer });
+  await target.dispatchEvent('drop', { dataTransfer: transfer });
+  await expect.poll(() => existsSync(join(PONG, 'scratch/target/imported.txt'))).toBe(true);
+});
+
+test('shows installed packages read-only', async ({ page }) => {
+  await open(page);
+  const packages = page.getByRole('region', { name: 'Packages' });
+  await expect(packages).toBeVisible();
+  await packages.getByRole('treeitem', { name: 'nf_modules' }).click();
+  await page.keyboard.press('ArrowRight');
+  await packages.getByRole('treeitem', { name: 'physics' }).click();
+  await page.keyboard.press('ArrowRight');
+  await packages.getByRole('treeitem', { name: 'body.ts' }).click({ button: 'right' });
+  await expect(page.getByRole('menuitem', { name: /^Copy Ctrl\+C/ })).toBeVisible();
+  await expect(page.getByRole('menuitem', { name: /^Delete/ })).toHaveCount(0);
+  await expect(page.getByRole('menuitem', { name: /^Cut/ })).toBeDisabled();
+  await page.keyboard.press('Escape');
+  await page.keyboard.press('Delete');
+  await page.waitForTimeout(300);
+  expect(existsSync(join(PONG, 'nf_modules/physics/body.ts'))).toBe(true);
+});
+
+test('downloads a folder as .zip', async ({ page }) => {
+  await open(page);
+  await row(page, 'scratch').click({ button: 'right' });
+  const download = page.waitForEvent('download');
+  await page.getByRole('menuitem', { name: 'Download as .zip' }).click();
+  expect((await download).suggestedFilename()).toBe('scratch.zip');
+});
diff --git a/apps/editor/e2e/git.spec.ts b/apps/editor/e2e/git.spec.ts
new file mode 100644
index 00000000..77259d50
--- /dev/null
+++ b/apps/editor/e2e/git.spec.ts
@@ -0,0 +1,288 @@
+import { execFileSync } from 'node:child_process';
+import { existsSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG, WORKSPACE } from './workspace';
+
+const REMOTE = join(WORKSPACE, 'git-remote.git');
+const OTHER = join(WORKSPACE, 'git-other');
+const FILE = 'scratch/rename-me.txt';
+const OTHER_FILE = 'scratch/move-me.txt';
+const NEW_FILE = 'scratch/brand-new.txt';
+
+const git = (cwd: string, ...args: string[]) =>
+  execFileSync('git', args, {
+    cwd,
+    encoding: 'utf8',
+    stdio: ['ignore', 'pipe', 'pipe'],
+    env: { ...process.env, GIT_CEILING_DIRECTORIES: WORKSPACE },
+  });
+const commitPanel = (page: Page) => page.getByRole('region', { name: 'Commit', exact: true });
+const logPanel = (page: Page) => page.getByRole('region', { name: 'Git', exact: true });
+const group = (page: Page, name: string) =>
+  commitPanel(page).getByRole('region', { name, exact: true });
+const row = (page: Page, list: string, path: string) =>
+  group(page, list).getByRole('option', { name: path, exact: true });
+const vcs = async (page: Page, entry: string) => {
+  await page.getByRole('button', { name: 'VCS', exact: true }).click();
+  await page
+    .getByRole('menuitem', { name: new RegExp(`^${entry.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`) })
+    .click();
+};
+const message = (page: Page) => commitPanel(page).getByRole('textbox', { name: 'Commit message' });
+const commit = async (page: Page, text: string, button = 'Commit') => {
+  await message(page).fill(text);
+  await commitPanel(page).getByRole('button', { name: button, exact: true }).click();
+  await expect(message(page)).toHaveValue('');
+};
+const branchStatus = (page: Page, text: string) =>
+  page.getByRole('contentinfo').getByRole('button', { name: text, exact: true });
+const commits = (page: Page) => logPanel(page).getByRole('table', { name: 'Commits' });
+
+const original = readFileSync(join(PONG, FILE), 'utf8');
+const otherOriginal = readFileSync(join(PONG, OTHER_FILE), 'utf8');
+const cleanup = () => {
+  for (const path of [join(PONG, '.git'), REMOTE, OTHER])
+    rmSync(path, { recursive: true, force: true });
+  writeFileSync(join(PONG, FILE), original);
+  writeFileSync(join(PONG, OTHER_FILE), otherOriginal);
+  rmSync(join(PONG, NEW_FILE), { force: true });
+};
+test.beforeEach(cleanup);
+test.afterEach(async () => {
+  for (let clean = 0, attempt = 0; clean < 2 && attempt < 20; attempt++) {
+    clean = existsSync(join(PONG, '.git')) ? 0 : clean + 1;
+    cleanup();
+    await new Promise((resolve) => setTimeout(resolve, 400));
+  }
+});
+
+test('git: VCS menu, commit panel, log, branches, remote, conflict, amend, stash', async ({
+  page,
+}) => {
+  test.setTimeout(150_000);
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await resetLayout(page);
+  const commitButton = commitPanel(page).getByRole('button', { name: 'Commit', exact: true });
+  const push = async () => {
+    const dialog = page.getByRole('dialog', { name: 'Push commits' });
+    await expect(dialog).toBeVisible();
+    return dialog;
+  };
+
+  await showPanel(page, 'Commit');
+  await expect(commitPanel(page).getByText('This project is not a git repository')).toBeVisible();
+  await vcs(page, 'Initialize repository');
+  await expect(group(page, 'Unversioned Files')).toBeVisible();
+  git(PONG, 'config', 'user.name', 'E2E');
+  git(PONG, 'config', 'user.email', 'e2e@example.com');
+
+  const nested = row(page, 'Unversioned Files', 'apps/client/src/main.ts');
+  await expect(nested).toContainText('main.ts');
+  await expect(nested).toContainText('apps/client/src');
+  await message(page).fill('first commit');
+  await expect(commitButton).toBeDisabled();
+  const includeAll = group(page, 'Unversioned Files').getByRole('checkbox', {
+    name: 'Include all: Unversioned Files',
+  });
+  await nested.getByRole('checkbox').check();
+  expect(await includeAll.evaluate((box: HTMLInputElement) => box.indeterminate)).toBe(true);
+  await includeAll.check();
+  await commit(page, 'first commit');
+  await expect(row(page, 'Unversioned Files', 'package.json')).toHaveCount(0);
+  await expect(branchStatus(page, 'main')).toBeVisible();
+
+  await showPanel(page, 'Git');
+  const first = commits(page).getByRole('row', { name: /first commit/ });
+  await expect(first).toContainText('E2E');
+  await expect(first).toContainText('Today');
+  await first.click();
+  const details = logPanel(page).getByRole('complementary', { name: 'Commit details' });
+  await expect(details.getByRole('heading', { name: 'first commit' })).toBeVisible();
+  await expect(details.getByRole('button', { name: 'package.json', exact: true })).toBeVisible();
+
+  writeFileSync(join(PONG, FILE), 'renamed\n');
+  const changed = row(page, 'Changes', FILE);
+  await expect(changed).toContainText('rename-me.txt');
+  await expect(changed.getByRole('checkbox', { name: `Include ${FILE}` })).toBeChecked();
+  await showPanel(page, 'Files');
+  const files = page.getByRole('tree', { name: 'Project files' });
+  const folder = files.getByRole('treeitem', { name: /^scratch/ });
+  await expect(folder).toContainText('•');
+  await folder.click();
+  await page.keyboard.press('ArrowRight');
+  await expect(files.getByRole('treeitem', { name: /^rename-me\.txt/ })).toContainText('M');
+  await showPanel(page, 'Commit');
+
+  await changed.dblclick();
+  await expect(page.getByLabel('Last commit and the file')).toBeVisible();
+  await expect(
+    page.getByRole('status').filter({ hasText: 'compared with: Last commit' }),
+  ).toBeVisible();
+  await page.getByRole('button', { name: 'Close comparison' }).click();
+  await page.getByRole('tab', { name: 'rename-me.txt' }).click({ button: 'middle' });
+  await page.getByRole('tab', { name: 'Project', exact: true }).click();
+
+  await group(page, 'Changes').getByRole('button', { name: 'Collapse Changes' }).click();
+  await expect(changed).toHaveCount(0);
+  await expect(group(page, 'Changes')).toContainText('1 file');
+  await group(page, 'Changes').getByRole('button', { name: 'Expand Changes' }).click();
+  await expect(changed).toBeVisible();
+
+  await changed.getByRole('checkbox', { name: `Include ${FILE}` }).uncheck();
+  await message(page).fill('nothing');
+  await commitPanel(page)
+    .getByRole('tab', { name: /^Stash/ })
+    .click();
+  await commitPanel(page).getByRole('tab', { name: 'Commit', exact: true }).click();
+  await expect(message(page)).toHaveValue('nothing');
+  await expect(changed.getByRole('checkbox', { name: `Include ${FILE}` })).not.toBeChecked();
+  await expect(commitButton).toBeDisabled();
+  await message(page).fill('');
+  await changed.getByRole('checkbox', { name: `Include ${FILE}` }).check();
+
+  const rollBack = commitPanel(page).getByRole('button', { name: 'Rollback' });
+  await commitPanel(page)
+    .getByRole('group', { name: 'Changed files' })
+    .click({
+      position: { x: 100, y: 200 },
+    });
+  await expect(changed).toHaveAttribute('aria-selected', 'false');
+  await expect(rollBack).toBeDisabled();
+  writeFileSync(join(PONG, OTHER_FILE), 'moved\n');
+  const alsoChanged = row(page, 'Changes', OTHER_FILE);
+  await expect(alsoChanged).toBeVisible();
+  await group(page, 'Changes').getByText('Changes', { exact: true }).click();
+  await expect(changed).toHaveAttribute('aria-selected', 'true');
+  await expect(alsoChanged).toHaveAttribute('aria-selected', 'true');
+  await alsoChanged.click({ modifiers: ['Control'] });
+  await expect(alsoChanged).toHaveAttribute('aria-selected', 'false');
+  await alsoChanged.click({ modifiers: ['Control'] });
+  await rollBack.click();
+  await expect(page.getByRole('heading', { name: 'Rollback the 2 selected files?' })).toBeVisible();
+  await page.getByRole('button', { name: 'Rollback', exact: true }).last().click();
+  await expect(changed).toHaveCount(0);
+  await expect(alsoChanged).toHaveCount(0);
+  expect(readFileSync(join(PONG, FILE), 'utf8')).toBe(original);
+  expect(readFileSync(join(PONG, OTHER_FILE), 'utf8')).toBe(otherOriginal);
+  writeFileSync(join(PONG, FILE), 'again\n');
+  await changed.click();
+  await page.keyboard.press('Space');
+  await expect(changed.getByRole('checkbox')).not.toBeChecked();
+  await page.keyboard.press('Space');
+  await expect(changed.getByRole('checkbox')).toBeChecked();
+  await changed.click({ button: 'right' });
+  await expect(page.getByRole('menuitem', { name: /^Show Diff/ })).toBeVisible();
+  await expect(page.getByRole('menuitem', { name: /^Jump to Source/ })).toBeVisible();
+  await page.getByRole('menuitem', { name: /^Rollback…/ }).click();
+  await expect(page.getByRole('heading', { name: `Rollback ${FILE}?` })).toBeVisible();
+  await page.getByRole('button', { name: 'Rollback', exact: true }).last().click();
+  await expect(changed).toHaveCount(0);
+  writeFileSync(join(PONG, NEW_FILE), 'new\n');
+  await row(page, 'Unversioned Files', NEW_FILE).click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'Add to VCS' }).click();
+  await expect(row(page, 'Changes', NEW_FILE)).toBeVisible();
+  await row(page, 'Changes', NEW_FILE).click();
+  await rollBack.click();
+  await page.getByRole('button', { name: 'Rollback', exact: true }).last().click();
+  await row(page, 'Unversioned Files', NEW_FILE).click();
+  await page.keyboard.press('Delete');
+  await page.getByRole('button', { name: 'Delete', exact: true }).last().click();
+  await expect(row(page, 'Unversioned Files', NEW_FILE)).toHaveCount(0);
+
+  await vcs(page, 'New branch…');
+  await page.getByRole('textbox', { name: 'Branch name' }).fill('feature');
+  await page.getByRole('button', { name: 'Create branch' }).click();
+  await expect(branchStatus(page, 'feature')).toBeVisible();
+  const local = logPanel(page).getByRole('list', { name: 'Local branches' });
+  await local.getByRole('button', { name: 'main', exact: true }).dblclick();
+  await expect(branchStatus(page, 'main')).toBeVisible();
+  await local.getByRole('button', { name: 'feature', exact: true }).click({ button: 'right' });
+  await expect(page.getByRole('menuitem', { name: "New Branch from 'feature'…" })).toBeVisible();
+  await page.getByRole('menuitem', { name: 'Delete', exact: true }).click();
+  await page.getByRole('button', { name: 'Delete', exact: true }).last().click();
+  await expect(local.getByRole('button', { name: 'feature', exact: true })).toHaveCount(0);
+
+  git(WORKSPACE, 'init', '--quiet', '--bare', '-b', 'main', REMOTE);
+  git(PONG, 'remote', 'add', 'origin', REMOTE);
+  const shown = logPanel(page).getByRole('status', { name: 'Branch shown' });
+  await vcs(page, 'Push…');
+  const pushDialog = await push();
+  await expect(pushDialog).toContainText('main → origin/main');
+  await expect(pushDialog.getByRole('list', { name: 'Commits to push' })).toContainText(
+    'first commit',
+  );
+  await pushDialog.getByRole('button', { name: 'Push', exact: true }).click();
+  await expect(shown).toHaveText('Branch: main ↑0 ↓0');
+  git(WORKSPACE, 'clone', '--quiet', REMOTE, OTHER);
+  git(OTHER, 'config', 'user.name', 'Other');
+  git(OTHER, 'config', 'user.email', 'other@example.com');
+  writeFileSync(join(OTHER, FILE), 'theirs\n');
+  git(OTHER, 'commit', '--quiet', '-am', 'their change');
+  git(OTHER, 'push', '--quiet');
+  await logPanel(page).getByRole('button', { name: 'Fetch All Remotes' }).click();
+  await expect(branchStatus(page, 'main ↓1')).toBeVisible();
+  const remote = logPanel(page).getByRole('list', { name: 'Branches of origin' });
+  await remote.getByRole('button', { name: 'main', exact: true }).click();
+  await expect(commits(page).getByRole('row', { name: /their change/ })).toBeVisible();
+  await logPanel(page).getByRole('button', { name: 'User', exact: true }).click();
+  await page.getByRole('option', { name: 'User: E2E' }).click();
+  await expect(commits(page).getByRole('row', { name: /their change/ })).toHaveCount(0);
+  await logPanel(page).getByRole('button', { name: 'User', exact: true }).click();
+  await page.getByRole('option', { name: 'User: All' }).click();
+  await logPanel(page).getByRole('button', { name: 'HEAD (Current Branch)' }).click();
+  await expect(commits(page).getByRole('row', { name: /their change/ })).toHaveCount(0);
+
+  writeFileSync(join(PONG, FILE), 'mine\n');
+  await expect(changed).toBeVisible();
+  await commit(page, 'my change');
+  await expect(branchStatus(page, 'main ↑1 ↓1')).toBeVisible();
+  await vcs(page, 'Update project');
+  await expect(page.getByText('The update stopped on conflicts').last()).toBeVisible();
+  const conflict = row(page, 'Merge Conflicts', FILE);
+  await expect(conflict).toBeVisible();
+  writeFileSync(join(PONG, FILE), 'both\n');
+  await conflict.getByRole('button', { name: 'Mark resolved' }).click();
+  await expect(group(page, 'Merge Conflicts')).toHaveCount(0);
+  await commit(page, 'merge', 'Commit and Push…');
+  const afterMerge = await push();
+  await expect(afterMerge.getByRole('list', { name: 'Commits to push' })).toContainText('merge');
+  await afterMerge.getByRole('button', { name: 'Push', exact: true }).click();
+  await expect(branchStatus(page, 'main')).toBeVisible();
+  await expect(commits(page).getByRole('row').first()).toContainText('merge');
+
+  writeFileSync(join(PONG, FILE), 'both, amended\n');
+  await expect(changed).toBeVisible();
+  await commitPanel(page).getByRole('checkbox', { name: 'Amend' }).check();
+  await expect(message(page)).toHaveValue('merge');
+  await commit(page, 'merge, amended');
+  await expect(commits(page).getByRole('row').first()).toContainText('merge, amended');
+  await expect(changed).toHaveCount(0);
+  await commitPanel(page).getByRole('button', { name: 'Commit Message History' }).click();
+  await page.getByRole('menuitem', { name: 'my change' }).click();
+  await expect(message(page)).toHaveValue('my change');
+  await message(page).fill('');
+
+  writeFileSync(join(PONG, FILE), 'work in progress\n');
+  await expect(changed).toBeVisible();
+  await vcs(page, 'Stash changes…');
+  await page.getByRole('textbox', { name: 'Message (optional)' }).fill('wip');
+  await page.getByRole('button', { name: 'Stash', exact: true }).click();
+  await expect(changed).toHaveCount(0);
+  expect(readFileSync(join(PONG, FILE), 'utf8')).toBe('both, amended\n');
+  await commitPanel(page)
+    .getByRole('tab', { name: /^Stash/ })
+    .click();
+  const stashed = commitPanel(page).getByRole('listitem', { name: 'On main: wip' });
+  await stashed.getByRole('button', { name: 'Pop' }).click();
+  await expect(commitPanel(page).getByText('No stash.')).toBeVisible();
+  expect(readFileSync(join(PONG, FILE), 'utf8')).toBe('work in progress\n');
+
+  await showPanel(page, 'Files');
+  await showPanel(page, 'Console');
+  await page.waitForTimeout(900);
+});
diff --git a/apps/editor/e2e/helpers.ts b/apps/editor/e2e/helpers.ts
new file mode 100644
index 00000000..eb65c961
--- /dev/null
+++ b/apps/editor/e2e/helpers.ts
@@ -0,0 +1,47 @@
+import { type Page, expect } from '@playwright/test';
+
+/** Puts the saved layout of the project back to the default (tests reuse projects). */
+export const resetLayout = async (page: Page): Promise<void> => {
+  await page.getByRole('button', { name: 'View', exact: true }).click();
+  await page.getByRole('menuitem', { name: 'Layouts' }).click();
+  await page.getByRole('menuitem', { name: 'Reset layout' }).click();
+  await expect(page.getByText('Layout reset to default').last()).toBeVisible();
+};
+
+/** Expands folders of the Files tree, from the root (already expanded ones stay open). */
+export const expandFolders = async (page: Page, ...folders: string[]): Promise<void> => {
+  const tree = page.getByRole('tree', { name: 'Project files' });
+  for (const folder of folders) {
+    const row = tree.getByRole('treeitem', { name: folder, exact: true });
+    await row.click();
+    if ((await row.getAttribute('aria-expanded')) !== 'true')
+      await page.keyboard.press('ArrowRight');
+    await expect(row).toHaveAttribute('aria-expanded', 'true');
+  }
+};
+
+/** A dock panel's icon in the tool window stripes. */
+export const panelTab = (page: Page, name: string | RegExp) =>
+  page
+    .getByRole('navigation', { name: /tool windows$/ })
+    .getByRole('tab', { name, exact: typeof name === 'string' });
+
+/**
+ * Shows a dock panel. Its icon is clicked only when the panel is not shown: a click on the
+ * icon of a shown panel hides its dock.
+ */
+export const showPanel = async (page: Page, name: string | RegExp): Promise<void> => {
+  const tab = panelTab(page, name);
+  await expect(tab).toBeVisible();
+  if ((await tab.getAttribute('aria-selected')) !== 'true') await tab.click();
+  await expect(tab).toHaveAttribute('aria-selected', 'true');
+};
+
+/**
+ * Opens a project by its folder, as `nf editor <folder>` does: through `/load`, confirming the
+ * prompt a folder that is not a recent project gets (a relative path always gets it).
+ */
+export const openProject = async (page: Page, path: string): Promise<void> => {
+  await page.goto(`/load?path=${encodeURIComponent(path)}`);
+  await page.getByRole('button', { name: 'Trust and open', exact: true }).click();
+};
diff --git a/apps/editor/e2e/history-panel.spec.ts b/apps/editor/e2e/history-panel.spec.ts
new file mode 100644
index 00000000..aee2dbb4
--- /dev/null
+++ b/apps/editor/e2e/history-panel.spec.ts
@@ -0,0 +1,94 @@
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG } from './workspace';
+
+const panel = (page: Page) => page.getByRole('region', { name: 'History', exact: true });
+const section = (page: Page, label: string) =>
+  page.getByRole('region', { name: `History of ${label}` });
+const files = (page: Page) => page.getByRole('tree', { name: 'Project files' });
+const row = (page: Page, name: string) => files(page).getByRole('treeitem', { name, exact: true });
+
+const open = async (page: Page) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(row(page, 'apps')).toBeVisible();
+};
+
+test('follows the focused history, jumps to steps, searches and clears', async ({ page }) => {
+  await open(page);
+  await row(page, 'history').click();
+  await page.keyboard.press('ArrowRight');
+  await row(page, 'format.ts').click();
+  const filesHistory = section(page, 'Files');
+  for (let i = 1; i <= 3; i++) {
+    await page.keyboard.press('Control+d');
+    await expect(filesHistory.getByRole('button', { name: /^Copy format/ })).toHaveCount(i);
+  }
+  await expect(section(page, 'Layout')).toHaveCount(0);
+
+  const steps = filesHistory.getByRole('button', { name: /^Copy format/ });
+  await steps.first().click();
+  await expect.poll(() => existsSync(join(PONG, 'history/format copy copy.ts'))).toBe(false);
+  expect(existsSync(join(PONG, 'history/format copy.ts'))).toBe(true);
+  await expect(steps.first()).toHaveAttribute('aria-current', 'step');
+  await steps.last().click();
+  await expect.poll(() => existsSync(join(PONG, 'history/format copy copy copy.ts'))).toBe(true);
+
+  await panel(page).getByRole('switch', { name: 'All' }).click();
+  await expect(section(page, 'Layout')).toBeVisible();
+  await panel(page).getByLabel('Search changes').fill('nothing like this');
+  await expect(filesHistory.getByRole('button', { name: /^Copy/ })).toHaveCount(0);
+  await panel(page).getByLabel('Search changes').fill('');
+
+  await filesHistory.getByRole('button', { name: 'Clear the history of Files' }).click();
+  await page.getByRole('dialog').getByRole('button', { name: 'Clear' }).click();
+  await expect(filesHistory.getByRole('button', { name: /^Copy/ })).toHaveCount(0);
+});
+
+test('expands grouped steps', async ({ page }) => {
+  await open(page);
+  await page.getByRole('button', { name: 'Help' }).click();
+  await page.getByRole('menuitem', { name: 'Say hello twice' }).click();
+  await panel(page).getByRole('switch', { name: 'All' }).click();
+  const hello = section(page, 'Hello');
+  await hello.getByRole('button', { name: 'Show 2 steps' }).click();
+  await expect(hello.getByRole('list', { name: 'Steps of Say hello twice' })).toContainText(
+    'Hello again',
+  );
+});
+
+test('previews document edits and keeps them across reloads', async ({ page }) => {
+  await open(page);
+  await row(page, 'history').click();
+  await page.keyboard.press('ArrowRight');
+  await row(page, 'format.ts').dblclick();
+  await expect(page.locator('.monaco-editor .view-lines').first()).toContainText('value', {
+    timeout: 30_000,
+  });
+  await page.locator('.monaco-editor .view-lines').first().click();
+  await page.keyboard.press('Control+End');
+  await page.keyboard.type('export const   spaced   =   2');
+  await page.keyboard.press('Shift+Alt+F');
+
+  const document = section(page, 'format.ts');
+  const step = document.getByRole('button', { name: /^Format with Prettier/ });
+  await expect(step).toBeVisible({ timeout: 20_000 });
+  await step.hover();
+  const preview = document.getByRole('note', { name: 'Change preview' });
+  await expect(preview.getByLabel('Before')).toContainText('export const   spaced   =   2');
+  await expect(preview.getByLabel('After')).toContainText('export const spaced = 2;');
+
+  await page.waitForTimeout(1500);
+  await page.reload();
+  await page.getByRole('tab', { name: 'Script' }).click();
+  await page.getByRole('tab', { name: 'format.ts' }).click();
+  await page.locator('.monaco-editor .view-lines').first().click();
+  await expect(
+    section(page, 'format.ts').getByRole('button', { name: /^Format with Prettier/ }),
+  ).toBeVisible({
+    timeout: 20_000,
+  });
+});
diff --git a/apps/editor/e2e/inspectors.spec.ts b/apps/editor/e2e/inspectors.spec.ts
new file mode 100644
index 00000000..6b871e16
--- /dev/null
+++ b/apps/editor/e2e/inspectors.spec.ts
@@ -0,0 +1,175 @@
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME } from './workspace';
+
+const open = async (page: Page, project: string) => {
+  await openProject(page, project);
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await resetLayout(page);
+};
+const tab = (page: Page, name: string) => page.getByRole('tab', { name });
+const run = (page: Page, name: string) =>
+  page.getByRole('toolbar', { name: 'Run' }).getByRole('button', { name, exact: false });
+const play = async (page: Page) => {
+  await run(page, 'Play').click();
+  await expect(run(page, 'Pause')).toBeVisible({ timeout: 30_000 });
+};
+const stop = async (page: Page) => {
+  await run(page, 'Stop').click();
+  await expect(run(page, 'Play')).toBeVisible({ timeout: 15_000 });
+};
+/** The shown tab is saved with the layout: put Console back. */
+const leave = async (page: Page) => {
+  await showPanel(page, 'Console');
+  await page.waitForTimeout(900);
+};
+
+test.afterEach(async ({ page }) => {
+  const stopButton = run(page, 'Stop');
+  if (await stopButton.isVisible().catch(() => false)) {
+    await stopButton.click();
+    await expect(run(page, 'Play')).toBeVisible({ timeout: 15_000 });
+  }
+});
+
+test('inspectors say so when no game runs', async ({ page }) => {
+  await open(page, 'pong');
+  await expect(tab(page, 'Console')).toHaveAttribute('aria-selected', 'true');
+  await showPanel(page, 'Profiler');
+  await expect(page.getByText('Play the game: tick times, libraries and systems')).toBeVisible();
+  await showPanel(page, 'Network');
+  await expect(page.getByText('No packets yet')).toBeVisible();
+  await showPanel(page, 'World');
+  await expect(page.getByText('Play the game: its entities and their components')).toBeVisible();
+  await leave(page);
+});
+
+test.describe('with the engine', () => {
+  test.skip(!existsSync(join(GAME, 'package.json')), 'needs a built engine (NANOFORGE_ENGINE)');
+
+  test('profiler: tick windows, libraries, systems, and a pinned window', async ({ page }) => {
+    test.setTimeout(120_000);
+    await open(page, 'game');
+    await showPanel(page, 'Profiler');
+    await play(page);
+
+    await expect(page.getByRole('img', { name: 'Tick time' })).toBeVisible();
+    await expect(page.getByRole('img', { name: 'Ticks per second' })).toBeVisible();
+    await expect(page.getByText(/\d+ ticks\/s/)).toBeVisible();
+    await expect(page.getByText(/spikes? over 16\.7 ms/)).toBeVisible();
+    const libraries = page.getByRole('table', { name: 'Libraries' });
+    await expect(libraries.getByRole('rowheader', { name: 'ecs', exact: true })).toBeVisible();
+    const systems = page.getByRole('table', { name: 'Systems' });
+    await expect(systems.getByRole('rowheader').first()).toBeVisible();
+    await expect(systems.getByText("doesn't report system timings")).toHaveCount(0);
+    await expect(systems.getByRole('row').nth(1)).toContainText(/\d ms/);
+
+    await page.getByRole('group', { name: 'Game' }).getByRole('button', { name: 'Server' }).click();
+    await expect(page.getByRole('img', { name: 'Tick time' })).toBeVisible();
+    await page.getByRole('group', { name: 'Game' }).getByRole('button', { name: 'Client' }).click();
+
+    const chart = page.getByRole('slider', { name: 'Tick time: pick a window' });
+    await expect
+      .poll(async () => Number(await chart.getAttribute('aria-valuemax')), { timeout: 15_000 })
+      .toBeGreaterThan(8);
+    const box = (await chart.boundingBox())!;
+    await page.mouse.click(box.x + box.width - 3, box.y + box.height / 2);
+    await expect(page.getByRole('status').filter({ hasText: /Paused, window of/ })).toBeVisible();
+    const pinned = await libraries.locator('caption').textContent();
+    await page.waitForTimeout(800);
+    expect(await libraries.locator('caption').textContent()).toBe(pinned);
+    await page.getByRole('button', { name: 'Resume' }).click();
+    await expect(page.getByRole('button', { name: 'Pause', exact: true }).last()).toBeVisible();
+
+    await stop(page);
+    await expect(page.getByRole('img', { name: 'Tick time' })).toBeVisible();
+    await leave(page);
+  });
+
+  test('network: packets, filters, a decoded payload and its bytes', async ({ page }) => {
+    test.setTimeout(120_000);
+    await open(page, 'game');
+    await showPanel(page, 'Network');
+    await play(page);
+
+    const packets = page.getByRole('table', { name: 'Packets' }).locator('tbody tr');
+    await expect(packets.first()).toBeVisible({ timeout: 15_000 });
+
+    const count = page.getByRole('status').filter({ hasText: /of \d+ packets/ });
+    await showPanel(page, 'Console');
+    await page.waitForTimeout(1500);
+    await showPanel(page, 'Network');
+    const before = await count.textContent();
+    await showPanel(page, 'Console');
+    await page.waitForTimeout(2500);
+    await showPanel(page, 'Network');
+    expect(await count.textContent()).toBe(before);
+    await expect(page.getByRole('img', { name: 'Bytes per second' })).toBeVisible({
+      timeout: 10_000,
+    });
+    await expect(page.getByRole('img', { name: 'Packets per second' })).toBeVisible();
+
+    await page.getByRole('textbox', { name: 'Search payloads' }).fill('assignId');
+    const direction = page.getByRole('group', { name: 'Direction' });
+    await direction.getByRole('button', { name: 'In', exact: true }).click();
+    await page
+      .getByRole('group', { name: 'Transport' })
+      .getByRole('button', { name: 'TCP' })
+      .click();
+    await expect(packets.first()).toContainText('← in');
+    await expect(packets.first()).toContainText('TCP');
+    await packets.first().click();
+    const detail = page.getByRole('complementary', { name: 'Packet detail' });
+    await expect(detail.getByLabel('Packet type')).toHaveText('assignId');
+    await expect(detail.getByText('Decoded (JSON)')).toBeVisible();
+    await expect(detail.getByLabel('Decoded payload')).toContainText('"assigned":');
+    await expect(detail.getByRole('group', { name: 'Payload bytes' })).toContainText(
+      '08 61 73 73 69 67 6e 49 64',
+    );
+    await direction.getByRole('button', { name: 'Out' }).click();
+    await expect(packets).toHaveCount(0);
+    await expect(
+      page.getByRole('status').filter({ hasText: /^\s*0 of \d+ packets/ }),
+    ).toBeVisible();
+
+    await stop(page);
+    await leave(page);
+  });
+
+  test('world: the running entities, narrowed by a query', async ({ page }) => {
+    test.setTimeout(120_000);
+    await open(page, 'game');
+    await showPanel(page, 'World');
+    await play(page);
+
+    const entities = page
+      .getByRole('list', { name: 'Entities of the running world' })
+      .getByRole('listitem');
+    await expect(entities.first()).toBeVisible({ timeout: 15_000 });
+    const all = await entities.count();
+    expect(all).toBeGreaterThan(1);
+    const query = page.getByRole('textbox', { name: 'World query' });
+
+    await query.fill('Controller');
+    await expect.poll(() => entities.count()).toBeLessThan(all);
+    await expect(entities.first()).toContainText('Controller');
+    await expect(page.getByRole('status').filter({ hasText: /\d+ of \d+\s+entit/ })).toBeVisible();
+
+    await query.fill('Position.x > 100000');
+    await expect(page.getByText('No entity matches the query.')).toBeVisible();
+    await query.fill('');
+    const first = entities.first();
+    const id = (await first.getAttribute('aria-label'))!.replace('Entity ', '');
+    await query.fill(`#${id}`);
+    await expect(entities).toHaveCount(1);
+    await first.getByRole('button').first().click();
+    await expect(first.getByRole('button', { expanded: false }).first()).toBeVisible();
+
+    await stop(page);
+    await leave(page);
+  });
+});
diff --git a/apps/editor/e2e/manual-pass.spec.ts b/apps/editor/e2e/manual-pass.spec.ts
new file mode 100644
index 00000000..176d6cbb
--- /dev/null
+++ b/apps/editor/e2e/manual-pass.spec.ts
@@ -0,0 +1,96 @@
+import { existsSync, rmSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { expandFolders, openProject, panelTab, resetLayout, showPanel } from './helpers';
+import { expect, test } from './test';
+import { PONG } from './workspace';
+
+/** Defects found by going through the editor by hand (2026-10-02), kept from coming back. */
+const NOTES = join(PONG, 'scratch/notes.md');
+const TODO = join(PONG, 'scratch/todo.md');
+
+test.beforeEach(async ({ page }) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await resetLayout(page);
+});
+
+test.afterEach(async ({ page }) => {
+  rmSync(NOTES, { force: true });
+  rmSync(TODO, { force: true });
+  await resetLayout(page);
+  await page.waitForTimeout(1500);
+});
+
+test('an image opens in a preview, not as text in the code editor', async ({ page }) => {
+  await expandFolders(page, 'apps', 'client', 'assets');
+  await page
+    .getByRole('tree', { name: 'Project files' })
+    .getByRole('treeitem', { name: 'logo.png' })
+    .dblclick();
+  const dialog = page.getByRole('dialog', { name: 'logo.png' });
+  await expect(dialog.getByRole('img', { name: 'apps/client/assets/logo.png' })).toBeVisible();
+  await expect(dialog.getByText('2 × 2')).toBeVisible();
+  await dialog.getByRole('button', { name: 'Close' }).last().click();
+  await expect(page.getByRole('tab', { name: 'Project' })).toHaveAttribute('aria-selected', 'true');
+});
+
+test('a new file takes the keyboard, and its tab follows a rename then closes on delete', async ({
+  page,
+}) => {
+  const tree = page.getByRole('tree', { name: 'Project files' });
+  const tabs = page.locator('[data-nf-part="screen"]').getByRole('tab');
+  const apps = tree.getByRole('treeitem', { name: 'apps', exact: true });
+  await apps.click();
+  if ((await apps.getAttribute('aria-expanded')) === 'true') await page.keyboard.press('ArrowLeft');
+  await expect(apps).toHaveAttribute('aria-expanded', 'false');
+  await expandFolders(page, 'scratch');
+  await tree.getByRole('treeitem', { name: 'scratch', exact: true }).click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'New' }).click();
+  await page.getByRole('menuitem', { name: 'File…', exact: true }).click();
+  await page.getByRole('dialog').getByRole('textbox').first().fill('notes.md');
+  await page.keyboard.press('Enter');
+  await expect(tabs.filter({ hasText: 'notes.md' })).toBeVisible();
+
+  await expect(
+    page.locator('.monaco-editor textarea, .monaco-editor .native-edit-context').first(),
+  ).toBeFocused();
+  await page.keyboard.type('# Notes');
+  await expect(tabs.filter({ hasText: 'notes.md' }).getByLabel('Unsaved changes')).toBeVisible();
+
+  await tree.getByRole('treeitem', { name: 'notes.md', exact: true }).click();
+  await page.keyboard.press('F2');
+  await page.keyboard.press('Control+a');
+  await page.keyboard.type('todo.md');
+  await page.keyboard.press('Enter');
+  await expect(tabs.filter({ hasText: 'todo.md' }).getByLabel('Unsaved changes')).toBeVisible();
+  await expect(tabs.filter({ hasText: 'notes.md' })).toHaveCount(0);
+  await expect(page.getByText('was deleted on disk')).toHaveCount(0);
+  await expect(page.locator('.monaco-editor .view-lines').first()).toContainText('# Notes');
+
+  await page.locator('.monaco-editor').first().click();
+  await page.keyboard.press('Control+s');
+  await expect.poll(() => existsSync(TODO)).toBe(true);
+  await expect(tabs.filter({ hasText: 'todo.md' }).getByLabel('Unsaved changes')).toHaveCount(0);
+  await tree.getByRole('treeitem', { name: 'todo.md', exact: true }).click();
+  await page.keyboard.press('Delete');
+  await expect(tabs.filter({ hasText: 'todo.md' })).toHaveCount(0);
+});
+
+test('every panel of a dock has its icon in the stripe, even in a narrow window', async ({
+  page,
+}) => {
+  await showPanel(page, 'Commit');
+  await expect(panelTab(page, 'Commit')).toBeInViewport();
+  await expect(page.getByRole('heading', { name: 'Commit', level: 2 })).toBeVisible();
+});
+
+test('the screens do not cover the menus in a narrow window', async ({ page }) => {
+  await page.setViewportSize({ width: 820, height: 600 });
+  const help = await page.getByRole('button', { name: 'Help', exact: true }).boundingBox();
+  const screens = await page.getByRole('tablist', { name: 'Main screens' }).boundingBox();
+  expect(help!.x + help!.width).toBeLessThanOrEqual(screens!.x);
+  await page.getByRole('button', { name: 'Help', exact: true }).click();
+  await expect(page.getByRole('menuitem', { name: 'Documentation' })).toBeVisible();
+  await page.keyboard.press('Escape');
+});
diff --git a/apps/editor/e2e/marketplace.spec.ts b/apps/editor/e2e/marketplace.spec.ts
new file mode 100644
index 00000000..97cf96ce
--- /dev/null
+++ b/apps/editor/e2e/marketplace.spec.ts
@@ -0,0 +1,203 @@
+import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG, REGISTRY, WORKSPACE } from './workspace';
+
+const USER_PLUGINS = join(WORKSPACE, '.data/plugins');
+const TSCONFIG = join(PONG, 'tsconfig.json');
+const LIST = join(PONG, 'nanoforge.packages.json');
+const LOCK = join(PONG, 'nanoforge.packages.lock.json');
+/** Versions the tests publish while they run. */
+const PUBLISHED = [join(REGISTRY, '@acme/badge/1.1.0'), join(REGISTRY, '@acme/shapes/1.1.0')];
+let tsconfig: string;
+
+/** Publishes a version in the folder registry: the files of another version, with its number. */
+const publish = (name: string, from: string, version: string) => {
+  for (const file of [
+    'nanoforge.manifest.json',
+    'index.js',
+    'components/nanoforge.manifest.json',
+    'components/hull.ts',
+  ]) {
+    const source = join(REGISTRY, name, from, file);
+    if (!existsSync(source)) continue;
+    const target = join(REGISTRY, name, version, file);
+    mkdirSync(dirname(target), { recursive: true });
+    writeFileSync(target, readFileSync(source, 'utf8').replace(`"${from}"`, `"${version}"`));
+  }
+};
+
+const cleanUp = () => {
+  for (const folder of [...PUBLISHED, join(USER_PLUGINS, '@acme'), join(PONG, 'nf_modules/@acme')])
+    rmSync(folder, { recursive: true, force: true });
+  rmSync(LIST, { force: true });
+  rmSync(LOCK, { force: true });
+};
+
+const open = async (page: Page) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await resetLayout(page);
+};
+
+const openPlugins = async (page: Page, tab: 'Marketplace' | 'Installed') => {
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+Alt+s');
+  const dialog = page.getByRole('dialog', { name: 'Settings' });
+  await dialog.getByRole('treeitem', { name: 'Plugins' }).click();
+  const plugins = dialog.getByRole('region', { name: 'Plugins' });
+  await plugins.getByRole('tab', { name: tab }).click();
+  return plugins;
+};
+
+const openPackages = async (page: Page) => {
+  await page.getByRole('button', { name: 'File', exact: true }).click();
+  await page.getByRole('menuitem', { name: 'Packages…' }).click();
+  return page.getByRole('dialog', { name: 'Packages' });
+};
+
+test.beforeEach(() => {
+  tsconfig = readFileSync(TSCONFIG, 'utf8');
+  cleanUp();
+});
+
+test.afterEach(() => {
+  cleanUp();
+  writeFileSync(TSCONFIG, tsconfig);
+});
+
+test('installs a plugin from the marketplace, updates it and uninstalls it', async ({ page }) => {
+  await open(page);
+  let plugins = await openPlugins(page, 'Marketplace');
+  await plugins.getByRole('textbox', { name: 'Search plugins' }).fill('badge');
+  const results = plugins.getByRole('list', { name: 'Marketplace plugins' });
+  await expect(results.getByRole('button')).toHaveCount(1);
+  await expect(results.getByText('1.0.0 · Acme · 1.3k downloads')).toBeVisible();
+  const details = plugins.getByLabel('Plugin details');
+  await expect(details.getByText('A plugin of the test registry.')).toBeVisible();
+
+  await plugins.getByRole('textbox', { name: 'Search plugins' }).fill('nothing-like-this');
+  await expect(plugins.getByText('No plugin matches')).toBeVisible();
+  await plugins.getByRole('textbox', { name: 'Search plugins' }).fill('');
+
+  await details.getByRole('button', { name: 'Install @acme/badge' }).click();
+  await page.getByRole('menuitem', { name: 'For me (every project)' }).click();
+  await expect(plugins.getByRole('status')).toContainText('reload the editor to finish');
+  await expect(details.getByText('Installed', { exact: true })).toBeVisible();
+  expect(existsSync(join(USER_PLUGINS, '@acme/badge/index.js'))).toBe(true);
+
+  await plugins.getByRole('button', { name: 'Reload now' }).click();
+  await page.waitForURL(/\/project\//);
+  await expect(page.locator('[data-nf-part="screen"]')).toBeVisible();
+
+  rmSync(join(USER_PLUGINS, '@acme'), { recursive: true });
+  await page.reload();
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByText('A plugin of your account is not installed here')).toBeVisible({
+    timeout: 15_000,
+  });
+  await page.getByRole('button', { name: 'Install', exact: true }).click();
+  await expect(page.getByText('Plugins installed: reload the editor to finish')).toBeVisible();
+  expect(existsSync(join(USER_PLUGINS, '@acme/badge/index.js'))).toBe(true);
+  await page.getByRole('button', { name: 'Reload now' }).click();
+  await page.waitForURL(/\/project\//);
+  await expect(page.locator('[data-nf-part="screen"]')).toBeVisible();
+
+  publish('@acme/badge', '1.0.0', '1.1.0');
+  plugins = await openPlugins(page, 'Installed');
+  await expect(
+    plugins.getByText('@acme/badge · 1.0.0 · installed for me · active', { exact: false }),
+  ).toBeVisible();
+  await plugins.getByRole('button', { name: 'Update Badge to 1.1.0' }).click();
+  await expect(plugins.getByText('1.1.0 installed, reload to finish')).toBeVisible();
+  await plugins.getByRole('button', { name: 'Reload now' }).click();
+  await page.waitForURL(/\/project\//);
+  await expect(page.locator('[data-nf-part="screen"]')).toBeVisible();
+
+  plugins = await openPlugins(page, 'Installed');
+  await expect(plugins.getByText('@acme/badge · 1.1.0 ·', { exact: false })).toBeVisible();
+  await plugins.getByRole('button', { name: 'Uninstall Badge' }).click();
+  await expect(plugins.getByText('removed, reload to finish')).toBeVisible();
+  expect(existsSync(join(USER_PLUGINS, '@acme/badge'))).toBe(false);
+  await plugins.getByRole('tab', { name: 'Marketplace' }).click();
+  await expect(plugins.getByRole('button', { name: 'Install @acme/badge' })).toBeVisible();
+  await plugins.getByRole('button', { name: 'Reload now' }).click();
+  await page.waitForURL(/\/project\//);
+  plugins = await openPlugins(page, 'Installed');
+  await expect(plugins.getByText('@acme/hello', { exact: false })).toBeVisible();
+  await expect(plugins.getByText('@acme/badge', { exact: false })).toHaveCount(0);
+  await page.keyboard.press('Escape');
+});
+
+test('installs a package with its dependency, updates it and uninstalls it', async ({ page }) => {
+  await open(page);
+  let dialog = await openPackages(page);
+  const details = dialog.getByLabel('Package details');
+  const results = dialog.getByRole('list', { name: 'Registry packages' });
+  await dialog.getByRole('textbox', { name: 'Search packages' }).fill('shape components');
+  await expect(results.getByRole('button')).toHaveCount(1);
+  await expect(details.getByRole('list', { name: 'Contents' })).toContainText('1 component');
+  await expect(details.getByRole('list', { name: 'Suggested plugins' })).toContainText(
+    '@nanoforge/ecs',
+  );
+  await dialog.getByRole('textbox', { name: 'Search packages' }).fill('render');
+  await expect(results.getByRole('button')).toHaveCount(1);
+  await expect(details.getByRole('list', { name: 'Dependencies' })).toContainText(
+    '@acme/shapes ^1.0.0',
+  );
+  await details.getByRole('button', { name: 'Install @acme/render' }).click();
+  await expect(dialog.getByRole('tab', { name: 'Installed (2)' })).toBeVisible();
+  await expect(details.getByText('1.0.0 installed')).toBeVisible();
+
+  expect(existsSync(join(PONG, 'nf_modules/@acme/render/nanoforge.manifest.json'))).toBe(true);
+  expect(existsSync(join(PONG, 'nf_modules/@acme/shapes/components/hull.ts'))).toBe(true);
+  expect(JSON.parse(readFileSync(LIST, 'utf8'))).toEqual({
+    packages: { '@acme/render': '^1.0.0' },
+  });
+  expect(readFileSync(TSCONFIG, 'utf8')).toContain(
+    '"@acme/shapes/*": ["./nf_modules/@acme/shapes/*"]',
+  );
+
+  await dialog.getByRole('tab', { name: 'Installed (2)' }).click();
+  const installed = dialog.getByRole('list', { name: 'Installed packages' });
+  await expect(installed.getByText('1.0.0 · asked for as ^1.0.0')).toBeVisible();
+  await expect(installed.getByText('1.0.0 · needed by @acme/render')).toBeVisible();
+  await expect(installed.getByRole('button', { name: 'Uninstall @acme/shapes' })).toBeDisabled();
+  await dialog.getByRole('button', { name: 'Close' }).first().click();
+
+  await showPanel(page, 'Components');
+  const components = page.getByRole('region', { name: 'Components', exact: true });
+  await expect(components.getByRole('button', { name: 'C Hull', exact: true })).toBeVisible();
+
+  publish('@acme/shapes', '1.0.0', '1.1.0');
+  dialog = await openPackages(page);
+  await dialog.getByRole('tab', { name: 'Installed (2)' }).click();
+  await dialog.getByRole('button', { name: 'Update @acme/shapes to 1.1.0' }).click();
+  await expect(
+    dialog.getByRole('list', { name: 'Installed packages' }).getByText('1.1.0 · needed by'),
+  ).toBeVisible();
+  expect(
+    readFileSync(join(PONG, 'nf_modules/@acme/shapes/nanoforge.manifest.json'), 'utf8'),
+  ).toContain('"1.1.0"');
+
+  rmSync(join(PONG, 'nf_modules/@acme'), { recursive: true });
+  await dialog.getByRole('button', { name: 'Close' }).first().click();
+  dialog = await openPackages(page);
+  await expect(dialog.getByText('2 packages of this project are not in nf_modules.')).toBeVisible();
+  await dialog.getByRole('button', { name: 'Restore packages' }).click();
+  await expect(dialog.getByRole('button', { name: 'Restore packages' })).toHaveCount(0);
+  expect(existsSync(join(PONG, 'nf_modules/@acme/shapes/components/hull.ts'))).toBe(true);
+
+  await dialog.getByRole('tab', { name: 'Installed (2)' }).click();
+  await dialog.getByRole('button', { name: 'Uninstall @acme/render' }).click();
+  await expect(dialog.getByText('No packages in this project')).toBeVisible();
+  expect(existsSync(join(PONG, 'nf_modules/@acme'))).toBe(false);
+  expect(readFileSync(TSCONFIG, 'utf8')).not.toContain('@acme');
+  await dialog.getByRole('button', { name: 'Close' }).first().click();
+  await showPanel(page, 'Components');
+  await expect(components.getByRole('button', { name: 'C Hull', exact: true })).toHaveCount(0);
+  await resetLayout(page);
+  await page.waitForTimeout(1500);
+});
diff --git a/apps/editor/e2e/prepare-workspace.mjs b/apps/editor/e2e/prepare-workspace.mjs
new file mode 100644
index 00000000..4a1f4959
--- /dev/null
+++ b/apps/editor/e2e/prepare-workspace.mjs
@@ -0,0 +1,215 @@
+import {
+  cpSync,
+  existsSync,
+  mkdirSync,
+  readFileSync,
+  readdirSync,
+  readlinkSync,
+  realpathSync,
+  rmSync,
+  symlinkSync,
+  writeFileSync,
+} from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+
+import {
+  bridgeOf,
+  engineRoot,
+  linkEditorLibrary,
+  linkEngineModules,
+  linkNodeModules,
+  useEditorLibrary,
+} from '../../../scripts/engine-bridge.mjs';
+
+const name = process.env.E2E_WORKSPACE || '.workspace';
+if (!/^\.workspace(-[\w-]+)?$/.test(name))
+  throw new Error(
+    `E2E_WORKSPACE must be ".workspace" or ".workspace-<name>" (a folder of e2e/ that this run wipes), not "${name}".`,
+  );
+const root = join(import.meta.dirname, name);
+rmSync(root, { recursive: true, force: true });
+cpSync(
+  join(import.meta.dirname, '../../../packages/server-core/test/fixtures/pong-network'),
+  join(root, 'pong'),
+  {
+    recursive: true,
+  },
+);
+
+const fixture = join(root, 'pong');
+const files = {
+  'apps/client/assets/logo.png': Buffer.from(
+    'iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVR4nGNk+M/wn4GBgYGJgYGBAQAh/QL/0xAMSQAAAABJRU5ErkJggg==',
+    'base64',
+  ),
+  'scratch/rename-me.txt': 'rename\n',
+  'history/format.ts': 'export const value = 1;\n',
+  'scratch/move-me.txt': 'move\n',
+  'scratch/copy-me.txt': 'copy\n',
+  'scratch/delete-me.txt': 'delete\n',
+  'scratch/target/.keep': '',
+  'secret/hidden.txt': 'nfignored\n',
+  '.nfignore': 'secret/\n',
+  '.env': 'NANOFORGE_EXAMPLE=1\n',
+  '.prettierrc': '{}\n',
+  'nf_modules/physics/body.ts': 'export const body = 1;\n',
+};
+for (const [path, content] of Object.entries(files)) {
+  mkdirSync(dirname(join(fixture, path)), { recursive: true });
+  writeFileSync(join(fixture, path), content);
+}
+
+const registry = {
+  '@acme/badge/1.0.0/nanoforge.manifest.json': JSON.stringify({
+    type: 'plugin',
+    name: '@acme/badge',
+    version: '1.0.0',
+    displayName: 'Badge',
+    description: 'Adds a badge command.',
+    engines: { editor: '>=0.1.0' },
+    entry: { client: 'index.js' },
+    activation: ['onStartup'],
+    contributes: { commands: [{ id: 'badge.show', title: 'Show badge', category: 'Badge' }] },
+  }),
+  '@acme/badge/1.0.0/index.js':
+    "export const activate = (ctx) => { ctx.registerCommand('badge.show', () => undefined); };\n",
+  '@acme/badge/1.0.0/README.md': 'Badge\n\nA plugin of the test registry.\n',
+  '@acme/badge/registry.json': JSON.stringify({ author: 'Acme', downloads: 1250 }),
+  '@acme/shapes/1.0.0/nanoforge.manifest.json': JSON.stringify({
+    type: 'package',
+    name: '@acme/shapes',
+    version: '1.0.0',
+    description: 'Shape components.',
+    include: ['components'],
+    suggestedPlugins: ['@nanoforge/ecs'],
+  }),
+  '@acme/shapes/1.0.0/components/nanoforge.manifest.json': JSON.stringify({
+    contents: [{ kind: '@nanoforge/ecs:component', path: 'hull.ts', export: 'Hull' }],
+  }),
+  '@acme/shapes/1.0.0/components/hull.ts': [
+    '/**',
+    ' * Hit points of an entity.',
+    ' * @component',
+    ' * @side shared',
+    ' */',
+    'export class Hull {',
+    '  name = "Hull";',
+    '  constructor(public points = 3) {}',
+    '}',
+    '',
+  ].join('\n'),
+  '@acme/render/1.0.0/nanoforge.manifest.json': JSON.stringify({
+    type: 'package',
+    name: '@acme/render',
+    version: '1.0.0',
+    description: 'Draws shapes.',
+    dependencies: { '@acme/shapes': '^1.0.0' },
+  }),
+  '@acme/render/1.0.0/README.md': 'Draws the shapes of @acme/shapes.\n',
+};
+for (const [path, content] of Object.entries(registry)) {
+  mkdirSync(dirname(join(root, '.registry', path)), { recursive: true });
+  writeFileSync(join(root, '.registry', path), content);
+}
+
+/**
+ * Copies a game of the engine repository. Links that point outside of it (node_modules of the
+ * pnpm workspace) become absolute, and so do relative tsconfig `extends`.
+ */
+const copyGame = (source, destination) => {
+  cpSync(source, destination, {
+    recursive: true,
+    verbatimSymlinks: true,
+    filter: (path) => !/\/(\.nanoforge|dist)$/.test(path),
+  });
+  const relink = (dir, sourceDir) => {
+    for (const entry of readdirSync(dir, { withFileTypes: true })) {
+      const path = join(dir, entry.name);
+      const original = join(sourceDir, entry.name);
+      if (entry.isSymbolicLink()) {
+        const target = resolve(dirname(original), readlinkSync(original));
+        if (!target.startsWith(`${source}/`)) {
+          rmSync(path);
+          symlinkSync(realpathSync(original), path);
+        }
+      } else if (entry.isDirectory()) relink(path, original);
+    }
+  };
+  relink(destination, source);
+  for (const file of ['tsconfig.json', 'apps/client/tsconfig.json', 'apps/server/tsconfig.json']) {
+    const path = join(destination, file);
+    if (!existsSync(path)) continue;
+    const text = readFileSync(path, 'utf8').replace(
+      /"extends":\s*"(\.[^"]+)"/,
+      (_, relative) => `"extends": "${resolve(dirname(join(source, file)), relative)}"`,
+    );
+    writeFileSync(path, text);
+  }
+};
+
+const engine = engineRoot(join(import.meta.dirname, '../../..'));
+const pong = join(engine, 'example/pong-network');
+/** Engines without the editor bridge cannot be paused, stepped or stopped. */
+const bridge = bridgeOf(engine);
+if (existsSync(join(pong, 'node_modules/.bin/nf')) && bridge) {
+  const game = join(root, 'game');
+  copyGame(pong, game);
+  symlinkSync(join(engine, 'node_modules'), join(root, 'node_modules'));
+  const cli = process.env.NANOFORGE_CLI && resolve(process.env.NANOFORGE_CLI);
+  if (cli && existsSync(join(cli, 'dist/command.loader.js'))) {
+    const local = join(game, 'node_modules/@nanoforge-dev/cli');
+    rmSync(local, { recursive: true, force: true });
+    symlinkSync(cli, local);
+  }
+  if (bridge === 'library') {
+    for (const app of ['apps/client', 'apps/server']) {
+      linkEditorLibrary(engine, join(game, app));
+      useEditorLibrary(join(game, app, 'src/main.ts'));
+    }
+  }
+  const clientMain = join(game, 'apps/client/src/main.ts');
+  writeFileSync(
+    clientMain,
+    readFileSync(clientMain, 'utf8').replace(
+      'await app.run();',
+      'console.log("pong client ready");\n  await app.run();',
+    ),
+  );
+  const scratch = join(game, 'apps/client/src/scratch');
+  mkdirSync(scratch, { recursive: true });
+  for (const name of ['edit', 'definition', 'format', 'conflict', 'autosave', 'focus', 'close']) {
+    writeFileSync(
+      join(scratch, `${name}.ts`),
+      'import { NanoforgeFactory } from "@nanoforge-dev/core";\n\nexport const factory = NanoforgeFactory;\n',
+    );
+  }
+  writeFileSync(
+    join(game, '.env'),
+    [
+      'NANOFORGE_CLIENT_SERVER_TCP_PORT=4644',
+      'NANOFORGE_CLIENT_SERVER_UDP_PORT=4645',
+      'NANOFORGE_CLIENT_SERVER_ADDRESS=127.0.0.1',
+      'NANOFORGE_SERVER_LISTENING_TCP_PORT=4644',
+      'NANOFORGE_SERVER_LISTENING_UDP_PORT=4645',
+      '',
+    ].join('\n'),
+  );
+  if (existsSync(join(engine, 'modules/scene/dist/index.js'))) {
+    const breakout = join(root, 'breakout');
+    cpSync(join(import.meta.dirname, '../../../examples/breakout'), breakout, {
+      recursive: true,
+      filter: (path) => !/\/(node_modules|dist|\.nanoforge)$/.test(path),
+    });
+    linkNodeModules(join(pong, 'node_modules'), join(breakout, 'node_modules'));
+    const client = join(breakout, 'apps/client');
+    linkNodeModules(join(pong, 'apps/client/node_modules'), join(client, 'node_modules'));
+    linkEditorLibrary(engine, client);
+    linkEngineModules(engine, client, ['scene']);
+  } else {
+    console.warn(`No built scene module at ${engine}: the scene e2e tests are skipped.`);
+  }
+} else {
+  console.warn(
+    `No built engine with the editor bridge at ${engine}: the runtime e2e test is skipped.`,
+  );
+}
diff --git a/apps/editor/e2e/project-plugins.spec.ts b/apps/editor/e2e/project-plugins.spec.ts
new file mode 100644
index 00000000..7fc03eac
--- /dev/null
+++ b/apps/editor/e2e/project-plugins.spec.ts
@@ -0,0 +1,120 @@
+import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout } from './helpers';
+import { expect, test } from './test';
+import { PONG } from './workspace';
+
+const PROJECT_PLUGINS = join(PONG, '.nanoforge/plugins');
+const PACKAGES = join(PONG, 'nf_modules');
+/** Written by the project plugin's server entry: `on` while it runs, `off` once stopped. */
+const SERVER_STATE = join(PONG, '..', 'local-plugin-server.txt');
+const serverState = () => (existsSync(SERVER_STATE) ? readFileSync(SERVER_STATE, 'utf8') : '');
+
+const write = (path: string, content: unknown) => {
+  mkdirSync(join(path, '..'), { recursive: true });
+  writeFileSync(path, typeof content === 'string' ? content : JSON.stringify(content, null, 2));
+};
+
+test.beforeEach(() => {
+  write(join(PROJECT_PLUGINS, '@acme/local/nanoforge.manifest.json'), {
+    type: 'plugin',
+    name: '@acme/local',
+    version: '1.0.0',
+    displayName: 'Local tools',
+    engines: { editor: '*' },
+    entry: { client: 'index.js', server: 'server.js' },
+    contributes: {
+      commands: [{ id: 'acme.local.ping', title: 'Ping from the project plugin' }],
+    },
+  });
+  write(
+    join(PROJECT_PLUGINS, '@acme/local/index.js'),
+    "export const activate = (ctx) => { ctx.registerCommand('acme.local.ping', () => undefined); };\n",
+  );
+  write(
+    join(PROJECT_PLUGINS, '@acme/local/server.js'),
+    `import { writeFileSync } from 'node:fs';
+const state = ${JSON.stringify(SERVER_STATE)};
+export const activate = () => writeFileSync(state, 'on');
+export const deactivate = () => writeFileSync(state, 'off');
+`,
+  );
+  write(join(PACKAGES, '@acme/motion/nanoforge.manifest.json'), {
+    type: 'package',
+    name: '@acme/motion',
+    version: '1.0.0',
+    suggestedPlugins: ['@acme/local', '@acme/gizmos'],
+  });
+});
+
+test.afterEach(() => {
+  rmSync(SERVER_STATE, { force: true });
+  rmSync(PROJECT_PLUGINS, { recursive: true, force: true });
+  rmSync(PACKAGES, { recursive: true, force: true });
+});
+
+test("loads the project's plugins and names the plugins its packages suggest", async ({ page }) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await resetLayout(page);
+
+  await expect(page.getByText('Packages in this project suggest a plugin')).toBeVisible();
+  await expect(page.getByText('@acme/gizmos (for @acme/motion)', { exact: false })).toBeVisible();
+
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+Alt+s');
+  const dialog = page.getByRole('dialog', { name: 'Settings' });
+  await dialog.getByRole('treeitem', { name: 'Plugins' }).click();
+  const plugins = dialog.getByRole('region', { name: 'Plugins' });
+  await expect(
+    plugins.getByText('@acme/local · 1.0.0 · installed for this project', { exact: false }),
+  ).toBeVisible();
+  await page.keyboard.press('Escape');
+});
+
+test("runs a project plugin's server entry while the project is open", async ({ page }) => {
+  const closeProject = async () => {
+    await page.getByRole('button', { name: 'File', exact: true }).click();
+    await page.getByRole('menuitem', { name: 'Close project' }).click();
+    await page.waitForURL((url) => !url.pathname.startsWith('/project/'));
+  };
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await closeProject();
+  await expect.poll(serverState).toBe('off');
+
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect.poll(serverState).toBe('on');
+
+  const toggle = async (name: string) => {
+    await page.locator('[data-nf-part="screen"]').click();
+    await page.keyboard.press('Control+Alt+s');
+    const dialog = page.getByRole('dialog', { name: 'Settings' });
+    await dialog.getByRole('treeitem', { name: 'Plugins' }).click();
+    const plugins = dialog.getByRole('region', { name: 'Plugins' });
+    await plugins.getByRole('switch', { name }).click();
+    await plugins.getByRole('button', { name: 'Apply and reload' }).click();
+    await page.waitForURL(/\/project\//);
+  };
+  await toggle('Disable Local tools');
+  await expect.poll(serverState).toBe('off');
+  await toggle('Enable Local tools');
+  await expect.poll(serverState).toBe('on');
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+Alt+s');
+  const settings = page.getByRole('dialog', { name: 'Settings' });
+  await expect(settings.getByRole('status')).toHaveText('Account synced');
+  await page.keyboard.press('Escape');
+
+  await closeProject();
+  await expect.poll(serverState).toBe('off');
+
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect.poll(serverState).toBe('on');
+  await page.getByRole('link', { name: 'NanoForge' }).click();
+  await page.waitForURL((url) => url.pathname === '/');
+  await expect.poll(serverState).toBe('off');
+});
diff --git a/apps/editor/e2e/project.spec.ts b/apps/editor/e2e/project.spec.ts
new file mode 100644
index 00000000..ee2389da
--- /dev/null
+++ b/apps/editor/e2e/project.spec.ts
@@ -0,0 +1,183 @@
+import { existsSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { expect, test } from './test';
+import { PONG } from './workspace';
+
+const FILES = [
+  'nanoforge.config.ts',
+  'tsconfig.json',
+  'apps/client/package.json',
+  'apps/server/package.json',
+  'apps/client/src/main.ts',
+  '.nanoforge/editor/local.json',
+  'apps/client/nanoforge.config.ts',
+  'apps/server/nanoforge.config.ts',
+].map((name) => join(PONG, name));
+const [CONFIG, TSCONFIG, CLIENT, SERVER, MAIN, , CLIENT_CONFIG, SERVER_CONFIG] =
+  FILES as string[] as [string, string, string, string, string, string, string, string];
+const LIBS = join(PONG, 'libs');
+const SERVER_COPY = join(PONG, 'apps/server-2');
+let saved: (string | undefined)[];
+
+const read = (file: string) => readFileSync(file, 'utf8');
+const dependencies = (file: string) =>
+  (JSON.parse(read(file)) as { dependencies?: Record<string, string> }).dependencies ?? {};
+
+test.beforeEach(async ({ page }) => {
+  saved = FILES.map((file) => (existsSync(file) ? read(file) : undefined));
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await resetLayout(page);
+  await page.getByRole('tab', { name: 'Project', exact: true }).click();
+});
+
+test.afterEach(async ({ page }) => {
+  await page.waitForTimeout(900);
+  FILES.forEach((file, index) => {
+    if (saved[index] === undefined) rmSync(file, { force: true });
+    else writeFileSync(file, saved[index]);
+  });
+  rmSync(LIBS, { recursive: true, force: true });
+  rmSync(SERVER_COPY, { recursive: true, force: true });
+});
+
+test('adds a shared library, chooses the apps that use it, renames and removes it', async ({
+  page,
+}) => {
+  const libraries = page.getByRole('region', { name: 'Shared libraries' });
+  const card = (name: string) => page.getByRole('article', { name, exact: true });
+  const components = page.getByRole('region', { name: 'Components', exact: true });
+
+  await page.getByRole('button', { name: 'Add shared library' }).click();
+  const dialog = page.getByRole('dialog', { name: 'Add shared library' });
+  await expect(dialog.getByRole('textbox', { name: 'Package name' })).toHaveValue(
+    '@pong-network/shared',
+  );
+  await dialog.getByRole('textbox', { name: 'Folder in libs/' }).fill('Not A Folder');
+  await expect(dialog.getByRole('alert').first()).toBeVisible();
+  await expect(dialog.getByRole('button', { name: 'Add library' })).toBeDisabled();
+  await dialog.getByRole('textbox', { name: 'Folder in libs/' }).fill('shared');
+  await dialog.getByRole('button', { name: 'Add library' }).click();
+
+  await expect(card('@pong-network/shared')).toBeVisible();
+  await expect.poll(() => dependencies(SERVER)).toEqual({ '@pong-network/shared': 'workspace:*' });
+  expect(dependencies(CLIENT)).toEqual({ '@pong-network/shared': 'workspace:*' });
+  expect(read(CONFIG)).toContain('packages: ["apps/*", "libs/*"]');
+  expect(read(TSCONFIG)).toContain('"@pong-network/shared/*": ["./libs/shared/src/*"]');
+  for (const config of [CLIENT_CONFIG, SERVER_CONFIG])
+    expect(read(config)).toContain('libs: ["../../libs/shared"],');
+  await expect(card('pong-network-server')).toContainText('Uses @pong-network/shared');
+
+  writeFileSync(SERVER_CONFIG, read(SERVER_CONFIG).replace('["../../libs/shared"]', '[]'));
+  const serverUse = card('@pong-network/shared').getByRole('checkbox', {
+    name: 'pong-network-server',
+  });
+  await expect(serverUse).not.toBeChecked();
+  const mismatch = page.getByText(/depends on @pong-network\/shared, but its libs does not list/);
+  await expect(mismatch).toBeVisible();
+  await serverUse.check();
+  await expect.poll(() => read(SERVER_CONFIG)).toContain('libs: ["../../libs/shared"]');
+  await expect(mismatch).toHaveCount(0);
+  expect(dependencies(SERVER)).toEqual({ '@pong-network/shared': 'workspace:*' });
+
+  await showPanel(page, 'Components');
+  await components.getByRole('button', { name: 'New' }).click();
+  await page.getByRole('menuitem', { name: /New component in shared library/ }).click();
+  await page.getByRole('dialog').getByRole('textbox', { name: 'Name' }).fill('Score');
+  await page.getByRole('dialog').getByRole('button', { name: 'Create' }).click();
+  await expect(components.getByRole('button', { name: 'C Score', exact: true })).toBeVisible();
+  await page.getByRole('tab', { name: 'Project', exact: true }).click();
+  await expect(card('@pong-network/shared')).toContainText('1 component or system');
+
+  await card('@pong-network/shared')
+    .getByRole('checkbox', { name: 'pong-network-client' })
+    .uncheck();
+  await expect.poll(() => dependencies(CLIENT)).toEqual({});
+  await expect.poll(() => read(CLIENT_CONFIG)).toContain('libs: [],');
+  expect(dependencies(SERVER)).toEqual({ '@pong-network/shared': 'workspace:*' });
+  await expect(components.getByRole('button', { name: 'C Score', exact: true })).toHaveCount(0);
+
+  await page.keyboard.press('Control+z');
+  await expect.poll(() => dependencies(CLIENT)).toEqual({ '@pong-network/shared': 'workspace:*' });
+  await expect(components.getByRole('button', { name: 'C Score', exact: true })).toBeVisible();
+
+  writeFileSync(
+    MAIN,
+    `import { Score } from "@pong-network/shared/components/score";\n${read(MAIN)}\nexport const score = new Score();\n`,
+  );
+  await page.getByRole('button', { name: 'Actions of @pong-network/shared' }).click();
+  await page.getByRole('menuitem', { name: 'Rename…' }).click();
+  await page.getByRole('dialog').getByRole('textbox').fill('@pong-network/common');
+  await page.getByRole('dialog').getByRole('button', { name: 'Rename', exact: true }).click();
+  await expect(card('@pong-network/common')).toBeVisible();
+  await expect.poll(() => read(MAIN)).toContain('from "@pong-network/common/components/score"');
+  expect(read(TSCONFIG)).toContain('"@pong-network/common/*": ["./libs/shared/src/*"]');
+  expect(read(TSCONFIG)).not.toContain('@pong-network/shared');
+  expect(dependencies(SERVER)).toEqual({ '@pong-network/common': 'workspace:*' });
+
+  const remove = async () => {
+    await page.getByRole('button', { name: 'Actions of @pong-network/common' }).click();
+    await page.getByRole('menuitem', { name: 'Remove…' }).click();
+    await page.getByRole('dialog').getByRole('button', { name: 'Remove', exact: true }).click();
+  };
+  await remove();
+  await expect(page.getByText('is imported by a file').last()).toBeVisible();
+  expect(existsSync(join(LIBS, 'shared/package.json'))).toBe(true);
+
+  writeFileSync(MAIN, saved[4]!);
+  await page.waitForTimeout(700);
+  await remove();
+  await expect(libraries).toHaveCount(0);
+  await expect.poll(() => existsSync(join(LIBS, 'shared'))).toBe(false);
+  expect(read(TSCONFIG)).not.toContain('@pong-network/common');
+  expect(dependencies(CLIENT)).toEqual({});
+  expect(dependencies(SERVER)).toEqual({});
+});
+
+test('adds a server app as a copy, and the Run menu then chooses which server plays', async ({
+  page,
+}) => {
+  const run = page.getByRole('button', { name: 'Run', exact: true });
+  await run.click();
+  await expect(page.getByRole('menuitem', { name: 'Play client only' })).toBeVisible();
+  await expect(page.getByRole('menuitem', { name: 'Server app' })).toHaveCount(0);
+  await expect(page.getByRole('menuitem', { name: 'Client app' })).toHaveCount(0);
+  await page.keyboard.press('Escape');
+
+  await page.getByRole('button', { name: 'Add app' }).click();
+  await page.getByRole('menuitem', { name: 'Add server app…' }).click();
+  const dialog = page.getByRole('dialog', { name: 'Add server app' });
+  await expect(dialog.getByRole('textbox', { name: 'Folder in apps/' })).toHaveValue('server-2');
+  await expect(dialog.getByRole('textbox', { name: 'Name' })).toHaveValue('pong-network-server-2');
+  await dialog.getByRole('button', { name: 'Start from' }).click();
+  await page.getByRole('option', { name: 'A copy of pong-network-server' }).click();
+  await dialog.getByRole('button', { name: 'Add app' }).click();
+
+  await expect(page.getByRole('article', { name: 'pong-network-server-2' })).toBeVisible();
+  expect(read(join(SERVER_COPY, 'src/main.ts'))).toBe(read(join(PONG, 'apps/server/src/main.ts')));
+  expect((JSON.parse(read(join(SERVER_COPY, 'package.json'))) as { name: string }).name).toBe(
+    'pong-network-server-2',
+  );
+
+  await run.click();
+  await page.getByRole('menuitem', { name: 'Server app' }).click();
+  await page.getByRole('menuitem', { name: 'pong-network-server-2' }).click();
+  await expect
+    .poll(() => (existsSync(FILES[5]!) ? read(FILES[5]!) : ''))
+    .toContain('"runtime.serverApp": "apps/server-2"');
+  await expect(page.getByRole('menuitem', { name: 'Client app' })).toHaveCount(0);
+
+  await page.getByRole('button', { name: 'Actions of pong-network-server-2' }).click();
+  await page.getByRole('menuitem', { name: 'Remove…' }).click();
+  await page.getByRole('dialog').getByRole('button', { name: 'Remove', exact: true }).click();
+  await expect(page.getByRole('article', { name: 'pong-network-server-2' })).toHaveCount(0);
+  await run.click();
+  await expect(page.getByRole('menuitem', { name: 'Play client only' })).toBeVisible();
+  await expect(page.getByRole('menuitem', { name: 'Server app' })).toHaveCount(0);
+  await page.keyboard.press('Escape');
+  await page.getByRole('heading', { name: 'Apps' }).click();
+  await page.keyboard.press('Control+z');
+  await expect(page.getByRole('article', { name: 'pong-network-server-2' })).toBeVisible();
+});
diff --git a/apps/editor/e2e/runtime.spec.ts b/apps/editor/e2e/runtime.spec.ts
new file mode 100644
index 00000000..93d66424
--- /dev/null
+++ b/apps/editor/e2e/runtime.spec.ts
@@ -0,0 +1,107 @@
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME } from './workspace';
+
+test.skip(!existsSync(join(GAME, 'package.json')), 'needs a built engine (NANOFORGE_ENGINE)');
+
+const toolbar = (page: Page, name: string) =>
+  page.getByRole('toolbar', { name: 'Run' }).getByRole('button', { name, exact: false });
+
+test('plays pong-network server and client, pauses, resumes and stops, three times', async ({
+  page,
+}) => {
+  test.setTimeout(120_000);
+  const errors: string[] = [];
+  page.on('pageerror', (error) => errors.push(error.message));
+
+  await page.goto('/');
+  await page.getByLabel('Project folder').fill('game');
+  await page.getByRole('button', { name: 'Open', exact: true }).click();
+  await page.getByRole('button', { name: 'Trust and open', exact: true }).click();
+  await page.waitForURL(/\/project\//);
+  const output = page.getByRole('log', { name: 'Console' });
+  await page.getByRole('button', { name: /^Editor/ }).click();
+
+  for (let run = 1; run <= 3; run++) {
+    await page.getByRole('button', { name: 'Clear console' }).click();
+    await toolbar(page, 'Play').click();
+    await expect(page.getByRole('tab', { name: 'Game' })).toHaveAttribute('aria-selected', 'true');
+    await expect(toolbar(page, 'Pause')).toBeVisible({ timeout: 30_000 });
+
+    const canvas = page.locator('[data-nf-game] canvas').first();
+    await expect(canvas).toBeVisible();
+    const box = (await canvas.boundingBox())!;
+    expect(box.width).toBeGreaterThan(100);
+    await expect(
+      output.locator('[data-source="game:server"]').filter({ hasText: 'Starting server' }),
+    ).toHaveCount(1);
+    await expect(page.locator('[data-nf-game]')).toHaveCount(1);
+    await expect(page.getByText(/client \d+ tps · [\d.]+ ms/)).toBeVisible({ timeout: 5000 });
+    await expect(page.getByText(/server \d+ tps · [\d.]+ ms/)).toBeVisible();
+    await expect(page.getByRole('alert').filter({ hasText: 'engine' })).toHaveCount(0);
+    const client = output.locator('[data-source="game:client"]');
+    await expect(client.filter({ hasText: 'pong client ready' })).toHaveCount(1);
+    await expect(client.filter({ hasText: /plugin|runtime/i })).toHaveCount(0);
+    await expect(output.locator('[data-group="build"]').first()).toBeVisible();
+
+    await toolbar(page, 'Pause').click();
+    await expect(page.getByRole('status').filter({ hasText: 'Paused' })).toBeVisible();
+    await toolbar(page, 'Step one frame').click();
+    await toolbar(page, 'Resume').click();
+    await expect(toolbar(page, 'Pause')).toBeVisible();
+
+    await toolbar(page, 'Stop').click();
+    await expect(toolbar(page, 'Play')).toBeVisible({ timeout: 15_000 });
+    await expect(page.locator('[data-nf-game]')).toHaveCount(0);
+  }
+  await expect(output.getByText('did not stop')).toHaveCount(0);
+  expect(errors).toEqual([]);
+  await page.getByRole('button', { name: /^Editor/ }).click();
+  await page.waitForTimeout(900);
+});
+
+test('offers to add the editor library to a game that does not register it', async ({ page }) => {
+  test.setTimeout(120_000);
+  const files = ['apps/server/src/main.ts', 'apps/server/package.json'].map((file) =>
+    join(GAME, file),
+  );
+  const saved = files.map((file) => readFileSync(file, 'utf8'));
+  writeFileSync(
+    files[0]!,
+    saved[0]!
+      .replace('import { EditorLibrary } from "@nanoforge-dev/editor-lib";\n', '')
+      .replace(/\n[ \t]*app\.use\(new EditorLibrary\(\)\);/, ''),
+  );
+  expect(readFileSync(files[0]!, 'utf8')).not.toContain('EditorLibrary');
+  try {
+    await openProject(page, 'game');
+    await page.waitForURL(/\/project\//);
+    await toolbar(page, 'Play').click();
+    const warning = page
+      .getByRole('region', { name: 'Notifications' })
+      .getByText('The game has no editor bridge');
+    await expect(warning).toBeVisible({ timeout: 30_000 });
+    await expect(toolbar(page, 'Pause')).toHaveCount(0);
+    await page.getByRole('button', { name: 'Add the editor library' }).click();
+    await expect
+      .poll(() => readFileSync(files[0]!, 'utf8'))
+      .toContain('import { EditorLibrary } from "@nanoforge-dev/editor-lib";');
+    expect(readFileSync(files[0]!, 'utf8')).toMatch(
+      /app\.use\(\w+\);\n\s*app\.use\(new EditorLibrary\(\)\);/,
+    );
+    expect(readFileSync(files[1]!, 'utf8')).toContain('"@nanoforge-dev/editor-lib"');
+    await toolbar(page, 'Stop').click();
+    await expect(toolbar(page, 'Play')).toBeVisible({ timeout: 15_000 });
+
+    await toolbar(page, 'Play').click();
+    await expect(toolbar(page, 'Pause')).toBeVisible({ timeout: 30_000 });
+    await expect(page.getByText(/server \d+ tps · [\d.]+ ms/)).toBeVisible({ timeout: 5000 });
+    await toolbar(page, 'Stop').click();
+    await expect(toolbar(page, 'Play')).toBeVisible({ timeout: 15_000 });
+  } finally {
+    files.forEach((file, index) => writeFileSync(file, saved[index]!));
+  }
+});
diff --git a/apps/editor/e2e/scene.spec.ts b/apps/editor/e2e/scene.spec.ts
new file mode 100644
index 00000000..8d40d0c3
--- /dev/null
+++ b/apps/editor/e2e/scene.spec.ts
@@ -0,0 +1,294 @@
+import { existsSync, readFileSync, readdirSync, rmSync, statSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject, resetLayout, showPanel } from './helpers';
+import { type Page, expect, test } from './test';
+import { BREAKOUT } from './workspace';
+
+const hasBreakout = existsSync(join(BREAKOUT, 'package.json'));
+const LEVELS = join(BREAKOUT, 'apps/client/src/scenes/levels.ts');
+const MAIN = join(BREAKOUT, 'apps/client/src/main.ts');
+const SCENES = join(BREAKOUT, 'apps/client/src/scenes');
+const levels = () => readFileSync(LEVELS, 'utf8');
+const main = () => readFileSync(MAIN, 'utf8');
+const sceneFile = (name: string) => () =>
+  existsSync(join(SCENES, name)) ? readFileSync(join(SCENES, name), 'utf8') : undefined;
+const SRC = join(BREAKOUT, 'apps/client/src');
+const VARS = join(SRC, 'scene-vars.ts');
+const vars = () => readFileSync(VARS, 'utf8');
+/** Every file of the client's sources, to put back after each test. */
+const snapshot = (dir = SRC): Map<string, string> =>
+  new Map(
+    readdirSync(dir).flatMap((name) => {
+      const path = join(dir, name);
+      return statSync(path).isDirectory()
+        ? [...snapshot(path)]
+        : [[path, readFileSync(path, 'utf8')] as const];
+    }),
+  );
+let original = new Map<string, string>();
+
+const scenes = (page: Page) => page.getByRole('tree', { name: 'Scenes' });
+const scene = (page: Page, name: string) =>
+  scenes(page).getByRole('treeitem', { name: new RegExp(`^${name}\\b`) });
+const entities = (page: Page) => page.getByRole('tree', { name: 'Entities' });
+const inherited = (page: Page) => page.getByRole('tree', { name: 'Inherited entities' });
+
+test.describe('scenes', () => {
+  test.skip(!hasBreakout, 'needs an engine with the scene module (NANOFORGE_ENGINE)');
+
+  test.beforeEach(async ({ page }) => {
+    original = snapshot();
+    await openProject(page, 'breakout');
+    await page.waitForURL(/\/project\//);
+    await resetLayout(page);
+  });
+
+  test.afterEach(async ({ page }) => {
+    for (const path of snapshot().keys()) if (!original.has(path)) rmSync(path);
+    for (const [path, text] of original) writeFileSync(path, text);
+    await resetLayout(page);
+    await page.waitForTimeout(1500);
+  });
+
+  test('shows the scene tree, and the ECS widgets edit the selected scene', async ({ page }) => {
+    await showPanel(page, 'Scenes');
+    await expect(scene(page, 'Menu')).toBeVisible();
+    await expect(scene(page, 'Run')).toHaveAttribute('aria-expanded', 'true');
+    await expect(scene(page, 'Level2')).toBeVisible();
+    await expect(scene(page, 'Menu')).toContainText('initial');
+
+    await expect(scene(page, 'main.ts')).toHaveAttribute('aria-selected', 'true');
+    await showPanel(page, 'Hierarchy');
+    await page.getByRole('button', { name: 'Add entity' }).click();
+    await expect.poll(main).toContain('const entity = registry.spawnEntity();');
+    await entities(page)
+      .getByRole('treeitem', { name: /^entity\b/ })
+      .click();
+    await page.keyboard.press('Control+z');
+    await expect.poll(main).not.toContain('const entity = registry.spawnEntity();');
+
+    await showPanel(page, 'Scenes');
+    await scene(page, 'Level1').click();
+    await showPanel(page, 'Hierarchy');
+    await expect(entities(page).getByRole('treeitem', { name: /^brick1\b/ })).toBeVisible();
+    await expect(inherited(page).getByRole('treeitem', { name: /^Run\b/ })).toBeVisible();
+    await expect(inherited(page).getByRole('treeitem', { name: /^paddle\b/ })).toBeVisible();
+
+    await page.getByRole('button', { name: 'Add entity' }).click();
+    await expect
+      .poll(levels)
+      .toMatch(/class Level1[\s\S]*const entity = registry\.spawnEntity\(\);[\s\S]*class Level2/);
+    await page.getByRole('textbox', { name: 'Filter entities' }).fill('entity');
+    await entities(page)
+      .getByRole('treeitem', { name: /^entity\b/ })
+      .click();
+    await page.keyboard.press('Control+z');
+    await expect.poll(levels).not.toContain('const entity = registry.spawnEntity();');
+
+    await page.getByRole('textbox', { name: 'Filter entities' }).fill('brick1');
+    await entities(page)
+      .getByRole('treeitem', { name: /^brick1\b/ })
+      .click();
+    await showPanel(page, 'Components');
+    const components = page.getByRole('region', { name: 'Components', exact: true });
+    await components.getByRole('button', { name: /^C Velocity\b/ }).click();
+    await page.getByRole('button', { name: 'Add to brick1' }).click();
+    await expect
+      .poll(levels)
+      .toMatch(
+        /class Level1[\s\S]*registry\.addComponent\(brick1, new Velocity\([^)]*\)\);[\s\S]*class Level2/,
+      );
+    await showPanel(page, 'Inspector');
+    await page
+      .getByRole('region', { name: 'Velocity', exact: true })
+      .getByRole('button')
+      .first()
+      .focus();
+    await page.keyboard.press('Control+z');
+    await expect.poll(levels).not.toMatch(/registry\.addComponent\(brick1, new Velocity/);
+    await showPanel(page, 'Components');
+    await components.getByRole('button', { name: /^S pauseMenu\b/ }).click();
+    await page.getByRole('button', { name: 'Add to scene' }).click();
+    await expect
+      .poll(levels)
+      .toMatch(/class Level1[\s\S]*registry\.addSystem\(pauseMenu\);[\s\S]*class Level2/);
+    expect(levels()).toMatch(
+      /import \{ Pause, pauseMenu \} from "\.\/pause";|import \{ pauseMenu \} from "\.\/pause";/,
+    );
+  });
+
+  test('lists the systems of the scene, with its parents above', async ({ page }) => {
+    await showPanel(page, 'Scenes');
+    await scene(page, 'Level2').click();
+    await showPanel(page, 'Systems');
+    const parents = page.getByRole('list', { name: 'Systems of the parent scenes' });
+    await expect(parents.getByRole('listitem')).toHaveCount(5);
+    await expect(parents.getByRole('listitem').first()).toContainText('drawVisuals');
+    await expect(parents).toContainText('movePaddle');
+    await expect(page.getByRole('tree', { name: 'Systems in run order' })).toContainText(
+      'levelFlow',
+    );
+  });
+
+  test('creates, renames, moves, sets as initial and deletes a scene, with undo', async ({
+    page,
+  }) => {
+    await showPanel(page, 'Scenes');
+    await scene(page, 'Run').click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'New scene under Run…' }).click();
+    const name = page.getByRole('textbox', { name: 'Name' });
+    await name.fill('Bonus');
+    await page.getByRole('button', { name: 'Create' }).click();
+    await expect.poll(sceneFile('bonus.ts')).toContain('export class Bonus extends EcsScene {');
+    expect(sceneFile('bonus.ts')()).toContain('static override parent = Run;');
+    await expect.poll(main).toContain('Pause, GameOver, Victory, Bonus }');
+    await expect(scene(page, 'Bonus')).toBeVisible();
+    await expect(page.getByRole('tab', { name: /^bonus\.ts/ })).toBeVisible();
+    await expect(page.locator('.monaco-editor').first()).toBeVisible();
+
+    await showPanel(page, 'Scenes');
+    await scene(page, 'Bonus').click();
+    await page.keyboard.press('F2');
+    await page.keyboard.press('Control+a');
+    await page.keyboard.type('Extra');
+    await page.keyboard.press('Enter');
+    await expect.poll(sceneFile('extra.ts')).toContain('export class Extra extends EcsScene {');
+    await expect.poll(main).toContain('import { Extra } from "./scenes/extra";');
+    expect(main()).toContain('Victory, Extra }');
+    expect(sceneFile('bonus.ts')()).toBeUndefined();
+
+    await scene(page, 'Pause').dragTo(scene(page, 'Run'));
+    await expect.poll(sceneFile('pause.ts')).toContain('static override parent = Run;');
+    await scenes(page).focus();
+    await page.keyboard.press('Control+z');
+    await expect.poll(sceneFile('pause.ts')).not.toContain('static override parent');
+
+    await scene(page, 'Extra').click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Move to the root' }).click();
+    await expect.poll(sceneFile('extra.ts')).not.toContain('static override parent');
+    await scene(page, 'Extra').click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Set as initial scene' }).click();
+    await expect.poll(main).toContain('initial: Extra,');
+    await expect(scene(page, 'Extra')).toContainText('initial');
+    await scene(page, 'Extra').click();
+    await page.keyboard.press('Control+z');
+    await expect.poll(main).toContain('initial: Menu,');
+    await expect(scene(page, 'Extra')).not.toContainText('initial');
+
+    await scene(page, 'Extra').click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Delete' }).click();
+    await expect.poll(sceneFile('extra.ts')).toBeUndefined();
+    await expect.poll(main).not.toContain('Extra');
+    await scenes(page).focus();
+    await page.keyboard.press('Control+z');
+    await expect.poll(sceneFile('extra.ts')).toContain('export class Extra');
+    await expect.poll(main).toContain('Victory, Extra }');
+  });
+
+  test('declares, renames and removes scene vars, and lists their uses', async ({ page }) => {
+    await showPanel(page, 'Vars');
+    const list = page.getByRole('list', { name: 'Scene vars' });
+    const lives = list.getByRole('listitem', { name: 'lives', exact: true });
+    await expect(lives).toContainText('made by Run');
+    await lives.getByRole('button').first().click();
+    await expect(page.getByRole('list', { name: 'Uses of lives' })).toContainText('lose-ball.ts');
+
+    await page.getByRole('button', { name: 'Add var' }).click();
+    const field = page.getByRole('dialog').getByRole('textbox');
+    await field.fill('combo');
+    await page.getByRole('button', { name: 'Next' }).click();
+    await field.fill('number');
+    await page.getByRole('button', { name: 'Next' }).click();
+    await field.fill('0');
+    await page.getByRole('button', { name: 'Next' }).click();
+    await field.fill('Bricks broken in a row.');
+    await page.getByRole('button', { name: 'Add', exact: true }).click();
+    await expect.poll(vars).toContain('/** Bricks broken in a row. @default 0 */');
+    await expect(list.getByRole('listitem', { name: 'combo', exact: true })).toContainText(
+      'unused',
+    );
+
+    await lives.click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Rename…' }).click();
+    await field.fill('balls');
+    await page.getByRole('button', { name: 'Rename' }).click();
+    await expect.poll(vars).toContain('balls: number;');
+    await expect
+      .poll(() => readFileSync(join(SRC, 'systems/lose-ball.ts'), 'utf8'))
+      .toContain('vars.get("balls")');
+    await expect
+      .poll(() => readFileSync(join(SCENES, 'run.ts'), 'utf8'))
+      .toContain('vars.init("balls", 3)');
+
+    await list.getByRole('listitem', { name: 'balls', exact: true }).click({ button: 'right' });
+    await page.getByRole('menuitem', { name: 'Remove' }).click();
+    await expect.poll(vars).not.toContain('balls');
+    const undeclared = page.getByRole('list', { name: 'Undeclared vars' });
+    await expect(undeclared.getByRole('listitem', { name: 'balls', exact: true })).toBeVisible();
+    await page.getByRole('button', { name: 'Declare balls' }).click();
+    await expect(field).toHaveValue('number');
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByRole('dialog').getByRole('button', { name: 'Declare' }).click();
+    await expect.poll(vars).toContain('balls: number;');
+  });
+
+  test.describe('while playing', () => {
+    const run = (page: Page, name: string) =>
+      page.getByRole('toolbar', { name: 'Run' }).getByRole('button', { name });
+
+    test.afterEach(async ({ page }) => {
+      if (await run(page, 'Stop').isVisible()) {
+        await run(page, 'Stop').click();
+        await expect(run(page, 'Play')).toBeVisible({ timeout: 15_000 });
+      }
+    });
+
+    test('shows the loaded scenes and vars, loads a scene and sets a var', async ({ page }) => {
+      await run(page, 'Play').click();
+      await expect(page.locator('[data-nf-game] canvas').first()).toBeVisible({ timeout: 60_000 });
+
+      await showPanel(page, 'Scenes');
+      await expect(scene(page, 'Menu')).toContainText('current', { timeout: 15_000 });
+
+      await scene(page, 'Level2').click({ button: 'right' });
+      await page.getByRole('menuitem', { name: 'Load scene', exact: true }).click();
+      await expect(scene(page, 'Level2')).toContainText('current', { timeout: 10_000 });
+      await expect(scene(page, 'Run')).toContainText('loaded');
+      await expect(scene(page, 'Menu')).not.toContainText('loaded');
+
+      await showPanel(page, 'Vars');
+      await expect(page.getByLabel('Live value of lives')).toContainText('3');
+      await expect(page.getByLabel('Live value of lives')).toContainText('of Run');
+      await expect(page.getByLabel('Live value of bricksLeft')).toContainText('of Level2');
+      const list = page.getByRole('list', { name: 'Scene vars' });
+      await list.getByRole('listitem', { name: 'lives', exact: true }).click({ button: 'right' });
+      await page.getByRole('menuitem', { name: 'Set live value…' }).click();
+      await page.getByRole('dialog').getByRole('textbox').fill('7');
+      await page.getByRole('button', { name: 'Set', exact: true }).click();
+      await expect(page.getByLabel('Live value of lives')).toContainText('7');
+
+      await showPanel(page, 'Hierarchy');
+      const liveTree = page.getByRole('tree', { name: 'Live entities' });
+      await expect(liveTree.getByRole('treeitem', { name: /^Run\b/ })).toBeVisible();
+      await expect(liveTree.getByRole('treeitem', { name: /^Level2\b/ })).toBeVisible();
+      await expect(liveTree.getByRole('treeitem', { name: /^paddle\b/ })).toBeVisible();
+
+      await liveTree.getByRole('treeitem', { name: /^brick1\b/ }).click();
+      await showPanel(page, 'Inspector');
+      const x = page
+        .getByRole('region', { name: 'Position' })
+        .getByRole('textbox', { name: 'x', exact: true });
+      await x.fill('100');
+      await x.press('Enter');
+      await page.getByRole('button', { name: 'Apply to code' }).click();
+      await expect
+        .poll(levels)
+        .toMatch(
+          /class Level2[\s\S]*registry\.addComponent\(brick1, new Position\(100, \d+\)\);[\s\S]*class Level3/,
+        );
+      expect(levels()).not.toMatch(/class Level1[\s\S]*new Position\(100,[\s\S]*class Level2/);
+    });
+  });
+});
diff --git a/apps/editor/e2e/settings-ui.spec.ts b/apps/editor/e2e/settings-ui.spec.ts
new file mode 100644
index 00000000..94ad8f65
--- /dev/null
+++ b/apps/editor/e2e/settings-ui.spec.ts
@@ -0,0 +1,162 @@
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { PONG } from './workspace';
+
+const PROJECT_SETTINGS = join(PONG, '.nanoforge/editor/settings.json');
+const dialog = (page: Page) => page.getByRole('dialog', { name: 'Settings' });
+const search = (page: Page) => dialog(page).getByRole('textbox', { name: 'Search settings' });
+const setting = (page: Page, key: string) => dialog(page).locator(`[data-key="${key}"]`);
+const projectValue = (key: string): unknown =>
+  existsSync(PROJECT_SETTINGS)
+    ? (JSON.parse(readFileSync(PROJECT_SETTINGS, 'utf8')) as Record<string, unknown>)[key]
+    : undefined;
+
+const MAXIMIZE = '@nanoforge/viewport.maximizeOnPlay';
+
+const open = async (page: Page) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+};
+
+const openSettings = async (page: Page) => {
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+Alt+s');
+  await expect(dialog(page)).toBeVisible();
+};
+
+test('finds a setting, applies or cancels a change', async ({ page }) => {
+  await open(page);
+  await openSettings(page);
+  await search(page).fill('maximize play');
+  await expect(dialog(page).locator('[data-key]')).toHaveCount(1);
+  const toggle = setting(page, MAXIMIZE).getByRole('switch', { name: 'Maximize on play' });
+  await setting(page, MAXIMIZE).getByRole('button', { name: 'Scope of Maximize on play' }).click();
+  await page.getByRole('menuitem', { name: 'This machine' }).click();
+
+  await toggle.click();
+  await expect(toggle).toHaveAttribute('aria-checked', 'true');
+  await dialog(page).getByRole('button', { name: 'Cancel' }).click();
+  await expect(dialog(page)).toHaveCount(0);
+  await openSettings(page);
+  await search(page).fill('maximize play');
+  await expect(toggle).toHaveAttribute('aria-checked', 'false');
+
+  await setting(page, MAXIMIZE).getByRole('button', { name: 'Scope of Maximize on play' }).click();
+  await page.getByRole('menuitem', { name: 'This machine' }).click();
+  await toggle.click();
+  await dialog(page).getByRole('button', { name: 'Apply' }).click();
+  await expect(dialog(page).getByRole('button', { name: 'Apply' })).toBeDisabled();
+  await dialog(page).getByRole('button', { name: 'OK' }).click();
+  await openSettings(page);
+  await search(page).fill('maximize play');
+  await expect(toggle).toHaveAttribute('aria-checked', 'true');
+  await expect(
+    setting(page, MAXIMIZE).getByRole('button', { name: 'Scope of Maximize on play' }),
+  ).toHaveText('This machine');
+});
+
+test('writes a setting to another scope, inspects and resets it', async ({ page }) => {
+  await open(page);
+  await openSettings(page);
+  await dialog(page).getByRole('treeitem', { name: 'Game view' }).click();
+  const row = setting(page, MAXIMIZE);
+  await row.getByRole('button', { name: 'Scope of Maximize on play' }).click();
+  await page.getByRole('menuitem', { name: 'Project', exact: true }).click();
+  await row.getByRole('switch', { name: 'Maximize on play' }).click();
+  await dialog(page).getByRole('button', { name: 'Apply' }).click();
+  await expect.poll(() => projectValue(MAXIMIZE)).toBe(true);
+
+  await row.getByRole('button', { name: 'Values of Maximize on play in each scope' }).click();
+  const values = row.getByRole('table', { name: 'Values of Maximize on play' });
+  await expect(values.getByRole('row', { name: /^Project true/ })).toBeVisible();
+  await expect(values.getByRole('row', { name: /^Default false/ })).toBeVisible();
+
+  await values
+    .getByRole('row', { name: /^Project true/ })
+    .getByRole('button', { name: 'Reset' })
+    .click();
+  await dialog(page).getByRole('button', { name: 'OK' }).click();
+  await expect.poll(() => projectValue(MAXIMIZE)).toBeUndefined();
+});
+
+test('disables a plugin', async ({ page }) => {
+  await open(page);
+  await openSettings(page);
+  await dialog(page).getByRole('treeitem', { name: 'Plugins' }).click();
+  const plugins = dialog(page).getByRole('region', { name: 'Plugins' });
+  await expect(plugins.getByText('@acme/hello', { exact: false })).toBeVisible();
+  const settingsPlugin = plugins
+    .getByRole('listitem')
+    .filter({ hasText: '@nanoforge/settings-ui' });
+  await expect(settingsPlugin.getByText('Required', { exact: true })).toBeVisible();
+  await expect(settingsPlugin.getByRole('switch')).toHaveCount(0);
+  await plugins.getByRole('switch', { name: 'Disable Hello' }).click();
+  await plugins.getByRole('button', { name: 'Apply and reload' }).click();
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await page.getByRole('button', { name: 'Help', exact: true }).click();
+  await expect(page.getByRole('menuitem', { name: 'Say hello twice' })).toHaveCount(0);
+  await page.keyboard.press('Escape');
+
+  await openSettings(page);
+  await dialog(page).getByRole('treeitem', { name: 'Plugins' }).click();
+  await plugins.getByRole('switch', { name: 'Enable Hello' }).click();
+  await plugins.getByRole('button', { name: 'Apply and reload' }).click();
+  await page.getByRole('button', { name: 'Help', exact: true }).click();
+  await expect(page.getByRole('menuitem', { name: 'Say hello twice' })).toBeVisible();
+  await page.keyboard.press('Escape');
+  await openSettings(page);
+  await expect(dialog(page).getByRole('status')).toHaveText('Account synced');
+});
+
+test('exports and imports settings with a preview', async ({ page }, testInfo) => {
+  await open(page);
+  await openSettings(page);
+  await dialog(page).getByRole('treeitem', { name: 'Import & export' }).click();
+
+  const download = page.waitForEvent('download');
+  await dialog(page).getByRole('button', { name: 'Export…' }).click();
+  expect((await download).suggestedFilename()).toBe('nanoforge-settings-machine.json');
+
+  const file = testInfo.outputPath('settings.json');
+  writeFileSync(
+    file,
+    JSON.stringify({ 'history.limit': 42, 'acme.unknown': 1, 'history.mergeWindowMs': -3 }),
+  );
+  const chooser = page.waitForEvent('filechooser');
+  await dialog(page).getByRole('button', { name: 'Import…' }).click();
+  await (await chooser).setFiles(file);
+  const preview = dialog(page).getByRole('region', { name: 'Import preview' });
+  await expect(preview).toContainText('Added: history.limit');
+  await expect(preview).toContainText('Unknown (kept, unused): acme.unknown');
+  await expect(preview).toContainText('Rejected: history.mergeWindowMs');
+  await preview.getByRole('button', { name: 'Import' }).click();
+  await expect(page.getByText('Settings imported into This machine')).toBeVisible();
+
+  await search(page).fill('undo limit');
+  await expect(
+    setting(page, 'history.limit').getByRole('textbox', { name: 'Undo limit' }),
+  ).toHaveValue('42');
+});
+
+test('edits settings.json as JSON with completion', async ({ page }) => {
+  await open(page);
+  await openSettings(page);
+  await dialog(page).getByRole('button', { name: 'Edit as JSON' }).click();
+  await page.getByRole('menuitem', { name: 'Project settings (settings.json)' }).click();
+  await expect(dialog(page)).toHaveCount(0);
+  await expect(page.getByRole('tab', { name: /settings\.json/ })).toBeVisible();
+
+  const editor = page.locator('.monaco-editor').first();
+  await editor.click();
+  await page.keyboard.press('Control+a');
+  await page.keyboard.type('{\n"@nanoforge/viewport.z');
+  await page.keyboard.press('Control+Space');
+  await expect(
+    page.locator('.suggest-widget').getByText('@nanoforge/viewport.zoom', { exact: false }),
+  ).toBeVisible({ timeout: 15_000 });
+  await page.keyboard.press('Escape');
+});
diff --git a/apps/editor/e2e/startup.bench.ts b/apps/editor/e2e/startup.bench.ts
new file mode 100644
index 00000000..a0bd9c46
--- /dev/null
+++ b/apps/editor/e2e/startup.bench.ts
@@ -0,0 +1,104 @@
+import { existsSync } from 'node:fs';
+
+import { openProject, resetLayout } from './helpers';
+import { expect, test } from './test';
+import { GAME } from './workspace';
+
+/**
+ * Measures, not tests: `BENCH=1 npx playwright test` prints the numbers of docs/performance.md.
+ * Nothing here fails on a slow machine, except the cold start budget with `BENCH_STRICT=1`.
+ */
+const RUNS = 5;
+const median = (values: number[]) =>
+  [...values].sort((a, b) => a - b)[Math.floor(values.length / 2)]!;
+
+test('startup of a project: scripts loaded, code worker cold start, components listed', async ({
+  browser,
+}) => {
+  test.setTimeout(300_000);
+  const project = existsSync(GAME) ? 'game' : 'pong';
+  const rows: Record<string, number[]> = {};
+  const add = (name: string, value: number) => (rows[name] ??= []).push(Math.round(value));
+  let scripts: { name: string; kb: number }[] = [];
+
+  for (let run = 0; run < RUNS; run++) {
+    const context = await browser.newContext();
+    const page = await context.newPage();
+    const started = Date.now();
+    await openProject(page, project);
+    await page.waitForURL(/\/project\//);
+    await expect(page.locator('[data-nf-part="screen"]')).toBeVisible();
+    add('workbench shown (ms)', Date.now() - started);
+    if (run === 0) await resetLayout(page);
+
+    await page.getByRole('tab', { name: /^Components\b/ }).click();
+    const components = page.getByRole('region', { name: 'Components', exact: true });
+    await expect(components.getByRole('button', { name: /^C Position\b/ }).first()).toBeVisible({
+      timeout: 60_000,
+    });
+    add('components listed (ms)', Date.now() - started);
+
+    const switchTo = (name: string) =>
+      page.evaluate(async (label) => {
+        const tab = [...document.querySelectorAll<HTMLElement>('[role="tab"]')].find(
+          (element) => element.textContent?.trim() === label,
+        );
+        if (!tab) return -1;
+        const before = performance.now();
+        tab.click();
+        await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
+        return performance.now() - before;
+      }, name);
+    for (const screen of ['Scene', 'Game', 'Project', 'Scene', 'Project']) {
+      const time = await switchTo(screen);
+      if (time >= 0) add('screen switch render (ms)', time);
+    }
+
+    const measures = await page.evaluate(() =>
+      performance.getEntriesByType('measure').map((entry) => [entry.name, entry.duration] as const),
+    );
+    for (const [name, duration] of measures) {
+      if (name === 'nf:code:ready:time') add('code worker ready (ms)', duration);
+      if (name === 'nf:code:mirrored:time') add('code worker cold start (ms)', duration);
+    }
+    scripts = await page.evaluate(() =>
+      (performance.getEntriesByType('resource') as PerformanceResourceTiming[])
+        .filter((entry) => /\.js(\?|$)/.test(entry.name))
+        .map((entry) => ({
+          name: new URL(entry.name).pathname.replace(/^\/_app\/immutable\//, ''),
+          kb: Math.round(entry.decodedBodySize / 1024),
+        })),
+    );
+    await context.close();
+  }
+
+  const plugins = scripts.filter((script) => script.name.startsWith('/plugins/'));
+  const app = scripts.filter((script) => !script.name.startsWith('/plugins/'));
+  const total = (list: typeof scripts) => list.reduce((sum, script) => sum + script.kb, 0);
+  const lines = [
+    `project: ${project}, ${RUNS} runs, median (min-max)`,
+    ...Object.entries(rows).map(
+      ([name, values]) =>
+        `${name.padEnd(30)} ${median(values)} (${Math.min(...values)}-${Math.max(...values)})`,
+    ),
+    `app scripts: ${app.length} files, ${total(app)} KiB`,
+    `plugin scripts: ${plugins.length} files, ${total(plugins)} KiB`,
+    ...scripts
+      .filter((script) => script.kb >= 100)
+      .sort((a, b) => b.kb - a.kb)
+      .map((script) => `  ${String(script.kb).padStart(6)} KiB  ${script.name}`),
+    'plugins loaded at startup: ' +
+      [
+        ...new Set(
+          plugins.map((script) => /@nanoforge\/([^/]+)/.exec(script.name)?.[1] ?? script.name),
+        ),
+      ]
+        .sort()
+        .join(', '),
+  ];
+  console.log(`\n${lines.join('\n')}\n`);
+
+  const coldStart = rows['code worker cold start (ms)'];
+  expect(coldStart?.length).toBe(RUNS);
+  if (process.env.BENCH_STRICT) expect(median(coldStart!)).toBeLessThan(1500);
+});
diff --git a/apps/editor/e2e/test.ts b/apps/editor/e2e/test.ts
new file mode 100644
index 00000000..6855b0d1
--- /dev/null
+++ b/apps/editor/e2e/test.ts
@@ -0,0 +1,29 @@
+import { test as base } from '@playwright/test';
+
+export { type Locator, type Page, expect } from '@playwright/test';
+
+/** Not failures: Monaco rejects the promises of requests it cancels (typing during a completion). */
+const IGNORED = new Set(['Canceled']);
+
+/**
+ * The `test` of every spec: it fails when a page of the test throws an uncaught error
+ * (a Svelte effect loop or a rejected promise doesn't break what the test looks at).
+ */
+export const test = base.extend<{ pageErrors: string[] }>({
+  pageErrors: [
+    async ({ context }, use) => {
+      const errors: string[] = [];
+      if (process.env.E2E_CONSOLE)
+        context.on('console', (message) =>
+          console.log(`[page ${message.type()}] ${message.text()}`),
+        );
+      context.on('weberror', (webError) => {
+        const { message } = webError.error();
+        if (!IGNORED.has(message)) errors.push(message);
+      });
+      await use(errors);
+      base.expect(errors, 'uncaught errors in the page').toEqual([]);
+    },
+    { auto: true },
+  ],
+});
diff --git a/apps/editor/e2e/trust.spec.ts b/apps/editor/e2e/trust.spec.ts
new file mode 100644
index 00000000..3b07eafa
--- /dev/null
+++ b/apps/editor/e2e/trust.spec.ts
@@ -0,0 +1,70 @@
+import { cpSync, mkdirSync, rmSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { expect, test } from './test';
+import { PONG, WORKSPACE } from './workspace';
+
+/** A copy of pong never trusted before, with a plugin of its own. */
+const FOLDER = join(WORKSPACE, 'restricted');
+
+test.beforeAll(() => {
+  rmSync(FOLDER, { recursive: true, force: true });
+  cpSync(PONG, FOLDER, {
+    recursive: true,
+    filter: (source) => !source.includes(`${PONG}/.nanoforge`),
+  });
+  const plugin = join(FOLDER, '.nanoforge/plugins/@acme/restricted');
+  mkdirSync(plugin, { recursive: true });
+  writeFileSync(
+    join(plugin, 'nanoforge.manifest.json'),
+    JSON.stringify({
+      type: 'plugin',
+      name: '@acme/restricted',
+      version: '1.0.0',
+      engines: { editor: '*' },
+      entry: { client: 'index.js' },
+    }),
+  );
+  writeFileSync(join(plugin, 'index.js'), 'export const activate = () => {};\n');
+});
+
+test.afterAll(() => rmSync(FOLDER, { recursive: true, force: true }));
+
+test('opens a folder in restricted mode until it is trusted', async ({ page }) => {
+  await page.goto('/load?path=restricted');
+  await page.getByRole('button', { name: 'Open in restricted mode', exact: true }).click();
+  await page.waitForURL(/\/project\//);
+  const restricted = page.getByText(/^Restricted mode: .* code does not run$/);
+  await expect(restricted).toBeVisible();
+
+  await page
+    .getByRole('toolbar', { name: 'Run' })
+    .getByRole('button', { name: 'Play', exact: false })
+    .click();
+  await expect(page.getByText('Trust this folder to play its games')).toBeVisible();
+
+  const settings = async () => {
+    await page.locator('[data-nf-part="screen"]').click();
+    await page.keyboard.press('Control+Alt+s');
+    const dialog = page.getByRole('dialog', { name: 'Settings' });
+    await dialog.getByRole('treeitem', { name: 'Plugins' }).click();
+    return dialog.getByRole('region', { name: 'Plugins' });
+  };
+  await expect(
+    (await settings()).getByText('@acme/restricted · 1.0.0 · installed for this project', {
+      exact: false,
+    }),
+  ).toHaveCount(0);
+  await page.keyboard.press('Escape');
+
+  await page.getByRole('button', { name: 'Trust this folder' }).first().click();
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await expect(restricted).toHaveCount(0);
+  await expect(
+    (await settings()).getByText('@acme/restricted · 1.0.0 · installed for this project', {
+      exact: false,
+    }),
+  ).toBeVisible();
+  await page.keyboard.press('Escape');
+});
diff --git a/apps/editor/e2e/tsconfig.json b/apps/editor/e2e/tsconfig.json
new file mode 100644
index 00000000..2d343756
--- /dev/null
+++ b/apps/editor/e2e/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": { "types": ["node"] },
+  "include": ["./**/*.ts", "../playwright.config.ts"],
+  "exclude": [".workspace*"]
+}
diff --git a/apps/editor/e2e/viewport.spec.ts b/apps/editor/e2e/viewport.spec.ts
new file mode 100644
index 00000000..dc020f58
--- /dev/null
+++ b/apps/editor/e2e/viewport.spec.ts
@@ -0,0 +1,107 @@
+import { existsSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { openProject } from './helpers';
+import { type Page, expect, test } from './test';
+import { GAME } from './workspace';
+
+const hasGame = existsSync(join(GAME, 'package.json'));
+
+const run = (page: Page, name: string) =>
+  page.getByRole('toolbar', { name: 'Run' }).getByRole('button', { name });
+const view = (page: Page, name: string) =>
+  page.getByRole('toolbar', { name: 'Game view' }).getByRole('button', { name });
+const screenTab = (page: Page, name: string) =>
+  page.getByRole('tablist', { name: 'Main screens' }).getByRole('tab', { name });
+
+const openGame = async (page: Page) => {
+  await openProject(page, 'game');
+  await page.waitForURL(/\/project\//);
+  await screenTab(page, 'Project').click();
+  await expect(screenTab(page, 'Project')).toHaveAttribute('aria-selected', 'true');
+};
+
+const play = async (page: Page) => {
+  await run(page, 'Play').click();
+  await expect(run(page, 'Stop')).toBeVisible();
+  await expect(page.locator('[data-nf-game] canvas').first()).toBeVisible({ timeout: 30_000 });
+};
+
+const stop = async (page: Page) => {
+  await run(page, 'Stop').click();
+  await expect(run(page, 'Play')).toBeVisible({ timeout: 15_000 });
+};
+
+test('shows the scene editor contributed for the project (the ECS 2D scene)', async ({ page }) => {
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await screenTab(page, 'Scene').click();
+  await expect(page.getByRole('application', { name: '2D scene' })).toBeVisible();
+});
+
+test.describe('while playing', () => {
+  test.skip(!hasGame, 'needs a built engine (NANOFORGE_ENGINE)');
+  test.setTimeout(90_000);
+
+  test('switches to the Game screen, focuses the game, and goes back on Stop', async ({ page }) => {
+    await openGame(page);
+    await play(page);
+    await expect(screenTab(page, 'Game')).toHaveAttribute('aria-selected', 'true');
+    await expect(page.getByRole('application', { name: 'Running game' })).toBeFocused();
+    await page.keyboard.press('Escape');
+    await expect(page.getByRole('application', { name: 'Running game' })).not.toBeFocused();
+
+    await run(page, 'Pause').click();
+    await expect(page.locator('.dim')).toBeVisible();
+    await run(page, 'Resume').click();
+    await expect(page.locator('.dim')).toHaveCount(0);
+
+    await stop(page);
+    await expect(screenTab(page, 'Project')).toHaveAttribute('aria-selected', 'true');
+  });
+
+  test('sizes the game, shows stats and saves screenshots', async ({ page }) => {
+    await openGame(page);
+    await screenTab(page, 'Game').click();
+    await view(page, 'Stats').click();
+    await play(page);
+    await page.getByRole('button', { name: 'Resolution' }).click();
+    await page.getByRole('menuitem', { name: /1280 × 720/ }).click();
+    const frame = page.getByRole('application', { name: 'Running game' });
+    await expect.poll(async () => (await frame.boundingBox())?.width).toBe(1280);
+    await page.getByRole('button', { name: 'Zoom out' }).click();
+    await expect.poll(async () => (await frame.boundingBox())?.width).toBe(960);
+
+    await expect(page.getByRole('status', { name: 'Game stats' })).toContainText('tps', {
+      timeout: 10_000,
+    });
+
+    await view(page, 'Screenshot').click();
+    await expect(page.getByText('Screenshot saved')).toBeVisible();
+    expect(readdirSync(join(GAME, 'screenshots')).some((name) => name.endsWith('.png'))).toBe(true);
+    await stop(page);
+  });
+
+  test('maximizes on play when asked to', async ({ page }) => {
+    await openGame(page);
+    await screenTab(page, 'Game').click();
+    await view(page, 'Maximize on play').click();
+    await play(page);
+    await expect(page.locator('[data-nf-part="left"]')).toHaveCount(0);
+    await stop(page);
+    await expect(page.locator('[data-nf-part="left"]')).toHaveCount(1);
+  });
+
+  test('pops the game out to another window and back', async ({ page, context }) => {
+    await openGame(page);
+    await play(page);
+    const opened = context.waitForEvent('page');
+    await view(page, 'Pop out').click();
+    const popup = await opened;
+    await expect(popup.locator('canvas').first()).toBeVisible();
+    await expect(page.getByText('The game runs in another window')).toBeVisible();
+    await page.getByRole('button', { name: 'Bring it back' }).click();
+    await expect(page.locator('[data-nf-game] canvas').first()).toBeVisible();
+    await stop(page);
+  });
+});
diff --git a/apps/editor/e2e/workbench.spec.ts b/apps/editor/e2e/workbench.spec.ts
new file mode 100644
index 00000000..e6494f1c
--- /dev/null
+++ b/apps/editor/e2e/workbench.spec.ts
@@ -0,0 +1,185 @@
+import { expandFolders, openProject, panelTab, resetLayout } from './helpers';
+import { type Locator, type Page, expect, test } from './test';
+
+const openPong = async (page: Page) => {
+  await page.goto('/');
+  await page.getByLabel('Project folder').fill('pong');
+  await page.getByRole('button', { name: 'Open', exact: true }).click();
+  await page.getByRole('button', { name: 'Trust and open', exact: true }).click();
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await resetLayout(page);
+};
+
+/** Drags with real pointer events (the workbench uses pointer based drag and drop). */
+const drag = async (page: Page, from: Locator, to: Locator | { x: number; y: number }) => {
+  const source = (await from.boundingBox())!;
+  await page.mouse.move(source.x + source.width / 2, source.y + source.height / 2);
+  await page.mouse.down();
+  const target =
+    'x' in to
+      ? to
+      : await (async () => {
+          const box = (await to.boundingBox())!;
+          return { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+        })();
+  await page.mouse.move(target.x, target.y, { steps: 12 });
+  await page.mouse.up();
+};
+
+/** The stripe group (one per dock slot) holding a panel's icon. */
+const stackOf = (page: Page, tab: string) =>
+  panelTab(page, tab).locator('xpath=ancestor::*[@data-nf-drop="stack"][1]');
+
+test('opens a project in the workbench', async ({ page }) => {
+  await openPong(page);
+  await expect(page.getByRole('tab', { name: 'Project' })).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('heading', { name: /pong-network-client/ })).toBeVisible();
+  await expect(page.getByRole('treeitem', { name: /apps/ })).toBeVisible();
+});
+
+test('lists recent projects and removes one from the list', async ({ page }) => {
+  await openPong(page);
+  await page.goto('/');
+  const pong = page
+    .getByRole('region', { name: 'Recent' })
+    .getByRole('listitem')
+    .filter({ hasText: /\.workspace[\w-]*\/pong\b/ });
+  await expect(pong).toBeVisible();
+  await pong.getByRole('button', { name: 'Remove pong-network from the recent projects' }).click();
+  await expect(pong).toHaveCount(0);
+});
+
+test('moves, resizes and floats docks, undoes, and restores the layout after reload', async ({
+  page,
+}) => {
+  await openPong(page);
+
+  await drag(page, panelTab(page, 'History'), panelTab(page, 'Console'));
+  await expect(stackOf(page, 'Console')).toHaveAttribute('data-slot', 'bottom');
+  await expect(page.locator('[data-slot="bottom"][data-nf-drop="stack"]').first()).toHaveAttribute(
+    'data-contains',
+    /history/,
+  );
+
+  const column = page.locator('[data-nf-part="left"]');
+  const before = (await column.boundingBox())!.width;
+  const splitter = (await page
+    .getByRole('separator', { name: 'Resize left column' })
+    .boundingBox())!;
+  await page.mouse.move(splitter.x + 2, splitter.y + splitter.height / 2);
+  await page.mouse.down();
+  await page.mouse.move(splitter.x + 82, splitter.y + splitter.height / 2, { steps: 8 });
+  await page.mouse.up();
+  await expect
+    .poll(async () => Math.round((await column.boundingBox())!.width))
+    .toBe(Math.round(before + 80));
+
+  await panelTab(page, 'Console').click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'Float' }).click();
+  await expect(page.getByRole('dialog', { name: 'Floating panel' })).toBeVisible();
+
+  await page.locator('[data-nf-part="screen"]').click();
+  await page.keyboard.press('Control+z');
+  await expect(page.getByRole('dialog', { name: 'Floating panel' })).toHaveCount(0);
+  await expect(page.locator('[data-slot="bottom"][data-nf-drop="stack"]').first()).toHaveAttribute(
+    'data-contains',
+    /console\.console/,
+  );
+
+  await drag(page, panelTab(page, 'Console'), { x: 700, y: 300 });
+  await expect(page.getByRole('dialog', { name: 'Floating panel' })).toBeVisible();
+  /** Layout saves are debounced. */
+  await page.waitForTimeout(900);
+  await page.reload();
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+  await expect(page.getByRole('dialog', { name: 'Floating panel' })).toBeVisible();
+  await expect(page.locator('[data-slot="bottom"][data-nf-drop="stack"]').first()).toHaveAttribute(
+    'data-contains',
+    /history/,
+  );
+  expect(Math.round((await page.locator('[data-nf-part="left"]').boundingBox())!.width)).toBe(
+    Math.round(before + 80),
+  );
+});
+
+test('shows and hides panels from the tool window stripes, and docks one bottom right', async ({
+  page,
+}) => {
+  await openPong(page);
+  const files = panelTab(page, 'Files');
+  const tree = page.getByRole('tree', { name: 'Project files' });
+  await expect(files).toHaveAttribute('aria-selected', 'true');
+  await expect(tree).toBeVisible();
+
+  await files.click();
+  await expect(files).toHaveAttribute('aria-selected', 'false');
+  await expect(tree).toHaveCount(0);
+  await files.click();
+  await expect(tree).toBeVisible();
+
+  await page.getByRole('button', { name: 'Hide Files' }).click();
+  await expect(tree).toHaveCount(0);
+  await page.getByRole('button', { name: 'View', exact: true }).click();
+  await page.getByRole('menuitem', { name: 'Panels' }).click();
+  await page.getByRole('menuitem', { name: 'Files', exact: true }).click();
+  await expect(tree).toBeVisible();
+
+  await panelTab(page, 'Problems').click({ button: 'right' });
+  await page.getByRole('menuitem', { name: 'Move to' }).click();
+  await page.getByRole('menuitem', { name: 'Bottom right' }).click();
+  await expect(
+    page
+      .getByRole('navigation', { name: 'Right tool windows' })
+      .getByRole('tablist', { name: 'Bottom right panels' })
+      .getByRole('tab', { name: 'Problems' }),
+  ).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('region', { name: 'Problems' })).toBeVisible();
+  await expect(page.getByRole('region', { name: 'Console' })).toBeVisible();
+
+  await resetLayout(page);
+  /** Layout saves are debounced. */
+  await page.waitForTimeout(900);
+});
+
+test('runs a local plugin built against the shared runtime', async ({ page }) => {
+  const logs: string[] = [];
+  page.on('console', (message) => logs.push(message.text()));
+  await openPong(page);
+  await page.getByRole('button', { name: 'Help', exact: true }).click();
+  await expect(page.getByRole('menuitem', { name: 'Say hello twice' })).toBeVisible();
+  await page.keyboard.press('Escape');
+  await expect
+    .poll(() =>
+      logs.some((line) => line.includes('Eligible apps: pong-network-client, pong-network-server')),
+    )
+    .toBe(true);
+});
+
+test('checks a file with TypeScript in the code worker', async ({ page }) => {
+  await openPong(page);
+  await expandFolders(page, 'apps', 'client', 'src');
+  await page.getByRole('treeitem', { name: 'main.ts' }).dblclick();
+  await expect(page.locator('.squiggly-error').first()).toBeVisible({ timeout: 30_000 });
+});
+
+test('explains a project that cannot be opened and offers a way out', async ({ page }) => {
+  await page.goto('/project/unknown-project-id');
+  await expect(page.getByRole('heading', { name: 'This project is not open' })).toBeVisible();
+  await page.getByRole('button', { name: 'Back to projects' }).click();
+  await expect(page.getByLabel('Project folder')).toBeVisible();
+});
+
+test('opens a project from a link (nf editor <folder>)', async ({ page }) => {
+  await page.goto('/load?path=pong');
+  await expect(page.getByRole('heading', { name: 'Open pong?' })).toBeVisible();
+  await expect(page).toHaveURL(/\/load\?/);
+  await openProject(page, 'pong');
+  await page.waitForURL(/\/project\//);
+  await expect(page.getByRole('tab', { name: 'Files' })).toBeVisible();
+
+  await openProject(page, 'missing-folder');
+  await expect(page.getByText('No project folder at missing-folder')).toBeVisible();
+  await page.getByRole('button', { name: 'Back to projects' }).click();
+  await expect(page.getByLabel('Project folder')).toBeVisible();
+});
diff --git a/apps/editor/e2e/workspace.ts b/apps/editor/e2e/workspace.ts
new file mode 100644
index 00000000..8342a144
--- /dev/null
+++ b/apps/editor/e2e/workspace.ts
@@ -0,0 +1,13 @@
+import { join } from 'node:path';
+
+/**
+ * Where the e2e projects live: `e2e/.workspace` by default, another folder of `e2e/` with
+ * `E2E_WORKSPACE` (so a run does not wipe a workspace someone has open in a dev editor).
+ */
+export const WORKSPACE = join(import.meta.dirname, process.env.E2E_WORKSPACE || '.workspace');
+export const PONG = join(WORKSPACE, 'pong');
+export const GAME = join(WORKSPACE, 'game');
+/** The breakout example (scenes), when the engine has the scene module. */
+export const BREAKOUT = join(WORKSPACE, 'breakout');
+/** The folder the editor server uses as the registry of plugins and packages. */
+export const REGISTRY = join(WORKSPACE, '.registry');
diff --git a/apps/editor/package.json b/apps/editor/package.json
new file mode 100644
index 00000000..4a19f47a
--- /dev/null
+++ b/apps/editor/package.json
@@ -0,0 +1,112 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor",
+  "version": "0.1.5",
+  "description": "NanoForge Editor",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "apps/editor"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && bun ./scripts/build-server.ts",
+    "preview": "bun ./dist/index.js",
+    "start": "bun ./dist/index.js",
+    "typecheck": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && tsc -p server/tsconfig.json && tsc -p e2e/tsconfig.json",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "changelog": "git cliff --prepend ./CHANGELOG.md -u -c ./cliff.toml -r ../../ --include-path 'apps/editor/*' --include-path 'packages/*' --include-path 'plugins/*'",
+    "release": "cliff-jumper",
+    "test:e2e": "playwright test"
+  },
+  "dependencies": {
+    "chokidar": "catalog:server",
+    "prettier": "catalog:server",
+    "typescript": "catalog:build",
+    "unrun": "catalog:build",
+    "yaml": "catalog:server"
+  },
+  "devDependencies": {
+    "@favware/cliff-jumper": "catalog:ci",
+    "@nanoforge-dev/editor-code": "workspace:*",
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-plugin-code-editor": "workspace:*",
+    "@nanoforge-dev/editor-plugin-command-palette": "workspace:*",
+    "@nanoforge-dev/editor-plugin-console": "workspace:*",
+    "@nanoforge-dev/editor-plugin-ecs": "workspace:*",
+    "@nanoforge-dev/editor-plugin-file-manager": "workspace:*",
+    "@nanoforge-dev/editor-plugin-git": "workspace:*",
+    "@nanoforge-dev/editor-plugin-history-panel": "workspace:*",
+    "@nanoforge-dev/editor-plugin-inspectors": "workspace:*",
+    "@nanoforge-dev/editor-plugin-packages": "workspace:*",
+    "@nanoforge-dev/editor-plugin-scene": "workspace:*",
+    "@nanoforge-dev/editor-plugin-settings-ui": "workspace:*",
+    "@nanoforge-dev/editor-plugin-viewport": "workspace:*",
+    "@nanoforge-dev/editor-project": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/editor-runtime": "workspace:*",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-server-core": "workspace:*",
+    "@nanoforge-dev/editor-settings": "workspace:*",
+    "@nanoforge-dev/editor-ui": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@playwright/test": "catalog:test",
+    "@sveltejs/adapter-static": "catalog:adapter",
+    "@sveltejs/kit": "catalog:core",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "@types/bun": "catalog:core",
+    "playwright": "catalog:test",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "vite": "catalog:core",
+    "vitest": "catalog:test",
+    "zod": "catalog:libs"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/apps/editor/playwright.config.ts b/apps/editor/playwright.config.ts
new file mode 100644
index 00000000..e5c2e9c7
--- /dev/null
+++ b/apps/editor/playwright.config.ts
@@ -0,0 +1,48 @@
+import { defineConfig } from '@playwright/test';
+import { join } from 'node:path';
+
+const PORT = 4790;
+const root = import.meta.dirname;
+/** Folder of `e2e/` holding the test projects (`E2E_WORKSPACE`, see `e2e/workspace.ts`). */
+const WORKSPACE = process.env.E2E_WORKSPACE || '.workspace';
+if (!/^\.workspace(-[\w-]+)?$/.test(WORKSPACE))
+  throw new Error(`E2E_WORKSPACE must be ".workspace" or ".workspace-<name>", not "${WORKSPACE}".`);
+
+/**
+ * End-to-end tests against the production build (`pnpm build` first). Each run starts from a
+ * fresh workspace holding a copy of pong-network, with the example plugin as a dev plugin.
+ * Set CHROME to use an installed Chromium instead of Playwright's, NANOFORGE_ENGINE to play the
+ * pong-network example of another engine checkout (default: ../engine next to the editor).
+ */
+export default defineConfig({
+  testDir: 'e2e',
+  testMatch: process.env.BENCH ? '*.bench.ts' : '*.spec.ts',
+  testIgnore: '**/.workspace*/**',
+  fullyParallel: false,
+  workers: 1,
+  retries: process.env.CI ? 1 : 0,
+  use: {
+    baseURL: `http://127.0.0.1:${PORT}`,
+    viewport: { width: 1440, height: 860 },
+    launchOptions: process.env.CHROME ? { executablePath: process.env.CHROME } : {},
+    trace: 'retain-on-failure',
+  },
+  webServer: {
+    command: 'node e2e/prepare-workspace.mjs && bun ./dist/index.js',
+    url: `http://127.0.0.1:${PORT}/healthz`,
+    reuseExistingServer: false,
+    timeout: 60_000,
+    env: {
+      PORT: String(PORT),
+      FS_ROOT: join(root, 'e2e', WORKSPACE),
+      DATA_DIR: join(root, 'e2e', WORKSPACE, '.data'),
+      E2E_WORKSPACE: WORKSPACE,
+      REGISTRY_DIR: join(root, 'e2e', WORKSPACE, '.registry'),
+      DEV_PLUGINS: [join(root, '../../tooling/example-plugin'), process.env.E2E_EXTRA_PLUGINS]
+        .filter(Boolean)
+        .join(','),
+      ...(process.env.NANOFORGE_ENGINE && { NANOFORGE_ENGINE: process.env.NANOFORGE_ENGINE }),
+      ...(process.env.NANOFORGE_CLI && { NANOFORGE_CLI: process.env.NANOFORGE_CLI }),
+    },
+  },
+});
diff --git a/apps/editor/scripts/build-server.ts b/apps/editor/scripts/build-server.ts
new file mode 100644
index 00000000..fdb7baa8
--- /dev/null
+++ b/apps/editor/scripts/build-server.ts
@@ -0,0 +1,44 @@
+import { cpSync, existsSync, readdirSync, rmSync } from 'node:fs';
+import { join } from 'node:path';
+
+const root = join(import.meta.dir, '..');
+const dist = join(root, 'dist');
+rmSync(dist, { recursive: true, force: true });
+
+const result = await Bun.build({
+  entrypoints: [join(root, 'server/main.ts')],
+  outdir: dist,
+  naming: 'index.js',
+  target: 'bun',
+  sourcemap: 'linked',
+  external: ['typescript', 'unrun', 'rolldown', 'chokidar', 'fsevents', 'prettier', 'yaml'],
+});
+if (!result.success) {
+  for (const log of result.logs) console.error(log);
+  process.exit(1);
+}
+cpSync(join(root, 'build'), join(dist, 'client'), { recursive: true });
+
+const RUNTIME_DEPENDENCIES = ['chokidar', 'prettier', 'typescript', 'unrun', 'yaml'];
+const installed = async (name: string) =>
+  ((await Bun.file(join(root, 'node_modules', name, 'package.json')).json()) as { version: string })
+    .version;
+const dependencies = Object.fromEntries(
+  await Promise.all(RUNTIME_DEPENDENCIES.map(async (name) => [name, await installed(name)])),
+);
+await Bun.write(
+  join(dist, 'package.json'),
+  `${JSON.stringify({ name: 'nanoforge-editor-runtime', private: true, type: 'module', dependencies }, null, 2)}\n`,
+);
+
+const pluginsRoot = join(root, '../../plugins');
+if (existsSync(pluginsRoot)) {
+  for (const plugin of readdirSync(pluginsRoot)) {
+    const built = join(pluginsRoot, plugin, 'dist');
+    const manifest = join(built, 'nanoforge.manifest.json');
+    if (!existsSync(manifest)) continue;
+    const { name } = (await Bun.file(manifest).json()) as { name: string };
+    cpSync(built, join(dist, 'plugins', name), { recursive: true });
+  }
+}
+console.log(`Editor server built in ${dist}`);
diff --git a/apps/editor/server/main.ts b/apps/editor/server/main.ts
new file mode 100644
index 00000000..d45ba57b
--- /dev/null
+++ b/apps/editor/server/main.ts
@@ -0,0 +1,46 @@
+/**
+ * Entry of the editor server (`nf editor` runs `bun dist/index.js`): serves the RPC endpoint,
+ * the WebSocket, plugin files and the built UI.
+ */
+import { join } from 'node:path';
+
+import { type SocketData, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+
+import pkg from '../package.json' with { type: 'json' };
+
+const env = loadEnv();
+const staticDir = process.env.EDITOR_STATIC_DIR ?? join(import.meta.dir, 'client');
+const editor = createEditorServer({
+  env: {
+    ...env,
+    bundledPluginsDir: env.bundledPluginsDir ?? join(import.meta.dir, 'plugins'),
+  },
+  version: pkg.version,
+  ...(process.env.EDITOR_NO_STATIC ? {} : { staticDir }),
+});
+await editor.start();
+
+const server = Bun.serve<SocketData>({
+  hostname: env.host,
+  port: env.port,
+  fetch: (request, bun) =>
+    editor.fetch(request, (upgradeRequest, options) => bun.upgrade(upgradeRequest, options)),
+  websocket: {
+    open: (socket) => editor.websocket.open(socket),
+    message: (socket, message) => editor.websocket.message(socket, message),
+    drain: (socket) => editor.websocket.drain(socket),
+    close: (socket) => editor.websocket.close(socket),
+  },
+});
+
+editor.logs
+  .getLogger('server')
+  .info(`NanoForge editor ${pkg.version} (${env.mode}) on ${server.url.href}`);
+
+const shutdown = () => {
+  editor.dispose();
+  void server.stop();
+  process.exit(0);
+};
+process.on('SIGINT', shutdown);
+process.on('SIGTERM', shutdown);
diff --git a/apps/editor/server/tsconfig.json b/apps/editor/server/tsconfig.json
new file mode 100644
index 00000000..547e03c4
--- /dev/null
+++ b/apps/editor/server/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": { "types": ["bun"], "resolveJsonModule": true },
+  "include": ["./**/*.ts", "../scripts/**/*.ts"]
+}
diff --git a/apps/editor/src/app.d.ts b/apps/editor/src/app.d.ts
new file mode 100644
index 00000000..4aa97eff
--- /dev/null
+++ b/apps/editor/src/app.d.ts
@@ -0,0 +1,9 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+declare global {
+  namespace App {}
+
+  /** Version of the editor, injected at build time. */
+  const __EDITOR_VERSION__: string;
+}
+
+export {};
diff --git a/src/app.html b/apps/editor/src/app.html
similarity index 91%
rename from src/app.html
rename to apps/editor/src/app.html
index 6bf08571..40b3466f 100644
--- a/src/app.html
+++ b/apps/editor/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="%paraglide.lang%">
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
diff --git a/apps/editor/src/lib/code/follow-project-code.ts b/apps/editor/src/lib/code/follow-project-code.ts
new file mode 100644
index 00000000..35bad08e
--- /dev/null
+++ b/apps/editor/src/lib/code/follow-project-code.ts
@@ -0,0 +1,222 @@
+import { z } from 'zod';
+
+import {
+  CatalogService,
+  CatalogServiceToken,
+  CodeService,
+  CodeServiceToken,
+  DOCUMENT_EDITORS,
+  DOCUMENT_EDITS,
+  DiagnosticsService,
+  DiagnosticsServiceToken,
+  DocumentEditorSchema,
+  DocumentService,
+  DocumentServiceToken,
+  createBrowserWorker,
+  editorsFor,
+  isCodeFile,
+  projectFsBackend,
+} from '@nanoforge-dev/editor-code';
+import type { HistoryService } from '@nanoforge-dev/editor-history';
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  type Logger,
+  MutableDisposable,
+  type PluginHost,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectService } from '@nanoforge-dev/editor-project';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import { FILE_ACTIONS, type NotificationService } from '@nanoforge-dev/editor-ui';
+
+import { indexedDbHistoryStore } from '../history/indexed-db-history-store';
+
+export interface CodeServices extends Disposable {
+  /** Reloads a plugin's worker entry (dev plugins rebuilt). */
+  reloadWorkerPlugin(name: string, url: string): void;
+}
+
+/**
+ * Documents, TypeScript services and diagnostics of the open project. They are recreated when
+ * the project changes; the code worker starts on first use.
+ */
+export const followProjectCode = (options: {
+  services: Container;
+  projects: ProjectService;
+  rpc: RpcClient;
+  plugins: PluginHost;
+  notifications: NotificationService;
+  history: HistoryService;
+  logger: Logger;
+}): CodeServices => {
+  const { services, logger } = options;
+  const store = new DisposableStore();
+  const diagnostics = new DiagnosticsService();
+  store.add(services.provide(DiagnosticsServiceToken, diagnostics));
+  const current = store.add(new MutableDisposable<DisposableStore>());
+  let code: CodeService | undefined;
+
+  const workerEntries = () =>
+    options.plugins
+      .getPlugins()
+      .filter((plugin) => plugin.status.kind === 'ok' && plugin.descriptor.manifest.entry.worker)
+      .map((plugin) => ({
+        name: plugin.name,
+        url: new URL(plugin.descriptor.manifest.entry.worker!, plugin.descriptor.baseUrl).href,
+      }));
+
+  store.add({
+    dispose: options.projects.current.subscribe((project) => {
+      code = undefined;
+      current.clear();
+      if (!project) return;
+      const scope = new DisposableStore();
+      const documents = scope.add(
+        new DocumentService(projectFsBackend(project.fs), options.history),
+      );
+      scope.add(
+        options.history.registerDeserializer(DOCUMENT_EDITS, (data, label) =>
+          documents.restoreEditCommand(data, label),
+        ),
+      );
+      scope.add(
+        options.history.persist((id) => id.startsWith('file:'), indexedDbHistoryStore(project.id)),
+      );
+      const service = scope.add(
+        new CodeService({
+          projectId: project.id,
+          fs: project.fs,
+          rpc: options.rpc,
+          documents,
+          diagnostics,
+          createWorker: createBrowserWorker,
+          logger: logger.child('code'),
+        }),
+      );
+      scope.add(services.provide(DocumentServiceToken, documents));
+      scope.add(services.provide(CodeServiceToken, service));
+      const catalog = scope.add(
+        new CatalogService({
+          project,
+          code: service,
+          documents,
+          plugins: options.plugins,
+          logger: logger.child('catalog'),
+        }),
+      );
+      scope.add(services.provide(CatalogServiceToken, catalog));
+      scope.add({ dispose: () => diagnostics.clear('typescript') });
+
+      const loaded = new Map<string, string>();
+      const syncWorkerPlugins = () => {
+        const entries = new Map(workerEntries().map((entry) => [entry.name, entry.url]));
+        for (const [name, url] of loaded) {
+          if (entries.get(name) === url) continue;
+          loaded.delete(name);
+          void service.unloadWorkerPlugin(name);
+        }
+        for (const [name, url] of entries) {
+          if (loaded.has(name)) continue;
+          loaded.set(name, url);
+          void service.loadWorkerPlugin(name, url);
+        }
+      };
+      syncWorkerPlugins();
+      scope.add(options.plugins.onDidChange(syncWorkerPlugins));
+      code = service;
+      current.value = scope;
+    }),
+  });
+
+  const commands = services.get(CoreServices.Commands);
+  const extensions = services.get(CoreServices.Extensions);
+
+  store.add(
+    options.plugins.registerContributionHandler<z.output<typeof DocumentEditorSchema>[]>({
+      key: 'documentEditors',
+      validator: z.array(DocumentEditorSchema),
+      apply: (values, plugin) => {
+        const registered = new DisposableStore();
+        for (const value of values) {
+          registered.add(
+            extensions.contribute(DOCUMENT_EDITORS, value, { owner: plugin.manifest.name }),
+          );
+        }
+        return registered;
+      },
+    }),
+  );
+  store.add(
+    commands.register({
+      id: 'documents.open',
+      title: 'Open file',
+      palette: false,
+      category: 'File',
+      handler: async (_services, path: unknown, open: unknown = {}) => {
+        if (typeof path !== 'string') return;
+        const [editor] = editorsFor(extensions, path);
+        if (!editor) {
+          options.notifications.notify('info', `No editor can open ${path}`, {
+            detail: 'Install a plugin that edits this kind of file.',
+          });
+          return;
+        }
+        if (editor.command) await commands.execute(editor.command, path, open);
+        else await commands.execute('workbench.openWidget', editor.widget);
+      },
+    }),
+  );
+
+  store.add(
+    commands.register({
+      id: 'code.check',
+      title: 'Check file for problems',
+      palette: false,
+      category: 'Code',
+      handler: async (_services, target: unknown) => {
+        const path = Array.isArray(target) ? target[0] : target;
+        if (!code || typeof path !== 'string' || !isCodeFile(path)) return;
+        const problems = await code.refreshDiagnostics([path]);
+        const errors = problems.filter((problem) => problem.severity === 'error').length;
+        options.notifications.notify(
+          errors ? 'warning' : 'success',
+          errors
+            ? `${errors} problem${errors > 1 ? 's' : ''} in ${path}`
+            : `No problems in ${path}`,
+          errors
+            ? {
+                detail: problems
+                  .slice(0, 3)
+                  .map((problem) => problem.message)
+                  .join('\n'),
+              }
+            : {},
+        );
+      },
+    }),
+  );
+  store.add(
+    extensions.contribute(
+      FILE_ACTIONS,
+      {
+        id: 'code.check',
+        title: 'Check file for problems',
+        command: 'code.check',
+        group: 'z-code',
+        when: 'fileSelectionCount == 1 && fileExtname =~ /^\\.[cm]?[jt]sx?$/',
+      },
+      { owner: 'core' },
+    ),
+  );
+
+  return {
+    reloadWorkerPlugin: (name, url) => {
+      const busted = new URL(url);
+      busted.searchParams.set('v', String(Date.now()));
+      void code?.loadWorkerPlugin(name, busted.href);
+    },
+    dispose: () => store.dispose(),
+  };
+};
diff --git a/apps/editor/src/lib/editor/Loading.svelte b/apps/editor/src/lib/editor/Loading.svelte
new file mode 100644
index 00000000..4c8fb7c1
--- /dev/null
+++ b/apps/editor/src/lib/editor/Loading.svelte
@@ -0,0 +1,154 @@
+<script lang="ts">
+  import type { ErrorDescription } from './error-description';
+
+  interface Props {
+    step?: string;
+    /** What is happening during this step, in plain words. */
+    description?: string;
+    progress?: number;
+    error?: ErrorDescription;
+  }
+
+  const { step = '', description, progress = 0, error }: Props = $props();
+  let running = $state<string>();
+
+  const run = async (label: string, action: () => void | Promise<void>) => {
+    running = label;
+    try {
+      await action();
+    } finally {
+      running = undefined;
+    }
+  };
+</script>
+
+<main class="loading" aria-busy={!error}>
+  <p class="brand">NanoForge</p>
+  {#if error}
+    <h1 class="title">{error.title}</h1>
+    {#if error.hint}<p class="hint">{error.hint}</p>{/if}
+    {#if error.actions.length}
+      <div class="actions">
+        {#each error.actions as action (action.label)}
+          <button
+            type="button"
+            class:primary={action.primary}
+            disabled={!!running}
+            onclick={() => run(action.label, action.run)}
+          >
+            {running === action.label ? `${action.label}…` : action.label}
+          </button>
+        {/each}
+      </div>
+    {/if}
+    {#if error.detail}<p class="detail" role="alert">{error.detail}</p>{/if}
+  {:else}
+    <div
+      class="bar"
+      role="progressbar"
+      aria-label={step}
+      aria-valuemin="0"
+      aria-valuemax="100"
+      aria-valuenow={Math.round(progress * 100)}
+    >
+      <span style:width="{Math.max(6, progress * 100)}%"></span>
+    </div>
+    <div class="status" aria-live="polite">
+      <p class="step">{step}</p>
+      {#if description}<p class="description">{description}</p>{/if}
+    </div>
+  {/if}
+</main>
+
+<style>
+  /* Also shown before the theme loads: every token has a fallback. */
+  .loading {
+    display: grid;
+    align-content: center;
+    justify-items: start;
+    gap: var(--nf-space-3, 12px);
+    width: min(420px, calc(100vw - 32px));
+    min-height: 100vh;
+    margin: 0 auto;
+  }
+  .brand {
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .title {
+    margin: var(--nf-space-2, 8px) 0 0;
+    font-size: var(--nf-font-size-lg, 15px);
+    font-weight: 600;
+  }
+  .bar {
+    width: 100%;
+    height: 3px;
+    overflow: hidden;
+    border-radius: 2px;
+    background: var(--nf-color-border, #2a3140);
+  }
+  .bar span {
+    display: block;
+    height: 100%;
+    background: var(--nf-temper, #855bdd);
+    transition: width 240ms ease-out;
+  }
+  .status {
+    display: grid;
+    gap: 2px;
+    min-height: 40px;
+  }
+  .step {
+    margin: 0;
+    font-weight: 500;
+  }
+  .description,
+  .hint {
+    margin: 0;
+    color: var(--nf-color-text-muted, #949cae);
+  }
+  .actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--nf-space-2, 8px);
+  }
+  button {
+    height: 28px;
+    padding: 0 var(--nf-space-3, 12px);
+    border: 1px solid var(--nf-color-border, #2a3140);
+    border-radius: var(--nf-radius-control, 3px);
+    background: var(--nf-color-raised, #222834);
+    color: inherit;
+    font: inherit;
+    font-weight: 500;
+    cursor: pointer;
+  }
+  button:hover:not(:disabled) {
+    border-color: var(--nf-color-border-strong, #3a4356);
+  }
+  button.primary {
+    border-color: transparent;
+    background: var(--nf-color-accent, #855bdd);
+    color: var(--nf-color-on-accent, #ffffff);
+  }
+  button.primary:hover:not(:disabled) {
+    background: var(--nf-color-accent-hover, #9067ea);
+  }
+  button:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+  button:focus-visible {
+    outline: 2px solid var(--nf-color-focus, #6d91ea);
+    outline-offset: 2px;
+  }
+  .detail {
+    margin: var(--nf-space-2, 8px) 0 0;
+    color: var(--nf-color-text-faint, #626a7d);
+    font-family: var(--nf-font-code, ui-monospace, monospace);
+    font-size: var(--nf-font-size-sm, 12px);
+    overflow-wrap: anywhere;
+  }
+</style>
diff --git a/apps/editor/src/lib/editor/create-editor.ts b/apps/editor/src/lib/editor/create-editor.ts
new file mode 100644
index 00000000..52e28dfc
--- /dev/null
+++ b/apps/editor/src/lib/editor/create-editor.ts
@@ -0,0 +1,301 @@
+import { version as svelteVersion } from 'svelte/package.json';
+
+import {
+  HistoryService,
+  HistoryServiceToken,
+  registerHistoryCommands,
+} from '@nanoforge-dev/editor-history';
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  LogLevel,
+  type Logger,
+  type Observable,
+  PluginHost,
+  PluginHostToken,
+  consoleSink,
+  createCoreContainer,
+  switchObservable,
+} from '@nanoforge-dev/editor-kernel';
+import { ProjectService, ProjectServiceToken } from '@nanoforge-dev/editor-project';
+import { PluginsContract, SessionContract, type SessionInfo } from '@nanoforge-dev/editor-protocol';
+import { RpcClient, RpcClientToken } from '@nanoforge-dev/editor-rpc';
+import { RuntimeSettings } from '@nanoforge-dev/editor-runtime';
+import { version as sdkVersion } from '@nanoforge-dev/editor-sdk/package.json';
+import {
+  AccountSyncToken,
+  CoreSettings,
+  REQUIRED_PLUGINS,
+  type SettingsService,
+  followCurrentProject,
+  settingsContributionHandler,
+  setupSettings,
+} from '@nanoforge-dev/editor-settings';
+import {
+  KeybindingServiceToken,
+  LAYOUT_HISTORY_CONTEXT,
+  NotificationServiceToken,
+  PromptServiceToken,
+  type Shell,
+  StyleServiceToken,
+  ThemeServiceToken,
+  setupShell,
+} from '@nanoforge-dev/editor-ui';
+
+import { installSharedModules } from '$lib/plugin/shared-modules';
+import { registerCorePanels } from '$lib/project/register-core-panels';
+
+import { followProjectCode } from '../code/follow-project-code';
+import { followProjectPlugins, toDescriptor } from '../plugin/follow-project-plugins';
+import { followProjectTrust } from '../project/follow-project-trust';
+import { followProjectRuntime } from '../runtime/follow-project-runtime';
+import { WorkspaceActions, WorkspaceActionsToken } from '../workspace/workspace-actions';
+import { registerAppContributions } from './register-app-contributions';
+
+/** How long startup waits for the editor server before saying it does not answer. */
+const STARTUP_TIMEOUT_MS = 20_000;
+
+export interface Editor extends Disposable {
+  readonly services: Container;
+  readonly rpc: RpcClient;
+  readonly plugins: PluginHost;
+  readonly projects: ProjectService;
+  readonly settings: SettingsService;
+  readonly history: HistoryService;
+  readonly shell: Shell;
+  /** Id of the project whose settings scopes are attached. */
+  readonly projectSettings: Observable<string | undefined>;
+  readonly session: SessionInfo;
+  readonly logger: Logger;
+}
+
+/**
+ * Boots the editor in the browser: shared modules for plugins, the kernel container with the
+ * core client services, then the plugin host.
+ */
+export const createEditor = async (
+  onProgress: (step: string, done: number, total: number, description?: string) => void = () =>
+    undefined,
+): Promise<Editor> => {
+  const TOTAL = 4;
+  onProgress(
+    'Connecting to the editor server',
+    0,
+    TOTAL,
+    'Checking your session with the editor server.',
+  );
+  installSharedModules();
+  const store = new DisposableStore();
+  const services = store.add(createCoreContainer());
+  const logs = services.get(CoreServices.Logger);
+  logs.level = LogLevel.Debug;
+  store.add(logs.addSink((entry) => entry.level >= LogLevel.Info && consoleSink(entry)));
+  const logger = logs.getLogger('editor');
+
+  const rpc = store.add(new RpcClient({ baseUrl: location.origin }));
+  const projects = store.add(new ProjectService(rpc));
+  services.provide(RpcClientToken, rpc);
+  services.provide(ProjectServiceToken, projects);
+  services.provide(CoreServices.EngineLibs, {
+    apps: switchObservable(
+      {
+        get: () => projects.current.get()?.apps,
+        subscribe: (run) => projects.current.subscribe((project) => run(project?.apps)),
+      },
+      [],
+    ),
+  });
+
+  const session = await rpc.api(SessionContract).info(null, { timeoutMs: STARTUP_TIMEOUT_MS });
+  onProgress(
+    'Loading settings',
+    1,
+    TOTAL,
+    session.mode === 'ONLINE'
+      ? 'Reading your preferences and syncing your NanoForge account settings.'
+      : 'Reading your editor preferences.',
+  );
+  const settingsSetup = store.add(
+    await setupSettings({
+      services,
+      rpc,
+      mode: session.mode,
+      userId: session.user?.id ?? 'anonymous',
+    }),
+  );
+  store.add(settingsSetup.registry.register(...Object.values(RuntimeSettings)));
+  const projectSettings = store.add(
+    followCurrentProject(settingsSetup, projects.current, (error, project) =>
+      logger.error(
+        `The settings of project ${project.id} could not be read: defaults apply`,
+        error,
+      ),
+    ),
+  );
+  const { settings } = settingsSetup;
+  services.provide(AccountSyncToken, settingsSetup.account);
+
+  const history = store.add(
+    new HistoryService({
+      limit: settings.observe(CoreSettings.historyLimit),
+      mergeWindowMs: settings.observe(CoreSettings.historyMergeWindow),
+      localOrigin: { kind: 'user', id: session.user?.id ?? 'anonymous' },
+    }),
+  );
+  services.provide(HistoryServiceToken, history);
+  store.add(
+    registerHistoryCommands(
+      services.get(CoreServices.Commands),
+      services.get(CoreServices.ContextKeys),
+      history,
+      { fallbackContext: LAYOUT_HISTORY_CONTEXT },
+    ),
+  );
+
+  onProgress('Loading plugins', 2, TOTAL, 'Finding built-in, installed and local plugins.');
+  const listings = await rpc.api(PluginsContract).list(null, { timeoutMs: STARTUP_TIMEOUT_MS });
+  const plugins = store.add(
+    new PluginHost({
+      services,
+      editorVersion: __EDITOR_VERSION__,
+      runtimeVersions: { svelte: svelteVersion, sdk: sdkVersion },
+      disabled: new Set(
+        settings
+          .get(CoreSettings.pluginsDisabled)
+          .filter((name) => !REQUIRED_PLUGINS.includes(name)),
+      ),
+    }),
+  );
+  store.add(
+    plugins.registerContributionHandler(settingsContributionHandler(settingsSetup.registry)),
+  );
+  services.provide(PluginHostToken, plugins);
+
+  const shell = store.add(
+    setupShell({
+      extensions: services.get(CoreServices.Extensions),
+      commands: services.get(CoreServices.Commands),
+      contextKeys: services.get(CoreServices.ContextKeys),
+      settings,
+      logger: logs.getLogger('ui'),
+      plugins,
+    }),
+  );
+  services.provide(NotificationServiceToken, shell.notifications);
+  services.provide(PromptServiceToken, shell.prompts);
+  services.provide(KeybindingServiceToken, shell.keybindings);
+  services.provide(StyleServiceToken, shell.styles);
+  services.provide(ThemeServiceToken, shell.themes);
+  store.add(registerCorePanels(services.get(CoreServices.Extensions)));
+  const code = store.add(
+    followProjectCode({
+      services,
+      projects,
+      rpc,
+      plugins,
+      notifications: shell.notifications,
+      history,
+      logger: logs.getLogger('editor'),
+    }),
+  );
+  store.add(
+    followProjectRuntime({
+      services,
+      projects,
+      rpc,
+      settings,
+      logs,
+      notifications: shell.notifications,
+      enabled: session.mode === 'OFFLINE',
+    }),
+  );
+  const workspace = store.add(
+    new WorkspaceActions({
+      services,
+      projects,
+      rpc,
+      history,
+      notifications: shell.notifications,
+      prompts: shell.prompts,
+      local: session.mode === 'OFFLINE',
+    }),
+  );
+  services.provide(WorkspaceActionsToken, workspace);
+  store.add(registerAppContributions(services, session));
+  store.add(
+    history.onDidInvalidate(({ contextId, reason }) => {
+      if (reason === 'external-change') {
+        shell.notifications.notify(
+          'warning',
+          `Undo history of ${history.get(contextId)?.label ?? contextId} was cleared`,
+          {
+            detail: 'The file changed outside of the editor.',
+          },
+        );
+      }
+    }),
+  );
+
+  onProgress(
+    'Starting plugins',
+    3,
+    TOTAL,
+    listings.length
+      ? `Checking and activating ${listings.length} plugin${listings.length > 1 ? 's' : ''}.`
+      : 'No plugin to activate.',
+  );
+  await plugins.start(listings.flatMap((listing) => toDescriptor(listing, logger) ?? []));
+
+  store.add(
+    followProjectPlugins({
+      rpc,
+      projects,
+      plugins,
+      notifications: shell.notifications,
+      logger,
+      settings,
+      online: session.mode === 'ONLINE',
+    }),
+  );
+  store.add(
+    followProjectTrust({
+      projects,
+      notifications: shell.notifications,
+      commands: services.get(CoreServices.Commands),
+      local: session.mode === 'OFFLINE',
+      reload: () => location.reload(),
+    }),
+  );
+
+  store.add(
+    rpc.subscribe(PluginsContract, 'devChanges', null, ({ name, listing }) => {
+      const descriptor = toDescriptor(listing, logger);
+      if (descriptor?.manifest.entry.worker) {
+        code.reloadWorkerPlugin(
+          name,
+          new URL(descriptor.manifest.entry.worker, descriptor.baseUrl).href,
+        );
+      }
+      if (descriptor)
+        plugins
+          .reload(name, descriptor)
+          .catch((error: unknown) => logger.error(`Reload of ${name} failed`, error));
+    }),
+  );
+
+  return {
+    services,
+    rpc,
+    plugins,
+    projects,
+    settings,
+    history,
+    shell,
+    projectSettings: projectSettings.attached,
+    session,
+    logger,
+    dispose: () => store.dispose(),
+  };
+};
diff --git a/apps/editor/src/lib/editor/editor-context.ts b/apps/editor/src/lib/editor/editor-context.ts
new file mode 100644
index 00000000..63bcd732
--- /dev/null
+++ b/apps/editor/src/lib/editor/editor-context.ts
@@ -0,0 +1,18 @@
+import { getContext, setContext } from 'svelte';
+
+import type { Editor } from './create-editor';
+
+const KEY = Symbol('nanoforge-editor');
+
+/** Filled once the editor booted; the root layout renders pages only after that. */
+export interface EditorRef {
+  current: Editor | undefined;
+}
+
+export const provideEditor = (): EditorRef => setContext<EditorRef>(KEY, { current: undefined });
+
+export const getEditor = (): Editor => {
+  const editor = getContext<EditorRef | undefined>(KEY)?.current;
+  if (!editor) throw new Error('The editor is not initialized');
+  return editor;
+};
diff --git a/apps/editor/src/lib/editor/error-description.ts b/apps/editor/src/lib/editor/error-description.ts
new file mode 100644
index 00000000..c5d7be7c
--- /dev/null
+++ b/apps/editor/src/lib/editor/error-description.ts
@@ -0,0 +1,21 @@
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+export interface ErrorAction {
+  readonly label: string;
+  readonly run: () => void | Promise<void>;
+  readonly primary?: boolean;
+}
+
+export interface ErrorDescription {
+  readonly title: string;
+  readonly hint?: string;
+  /** Technical detail, shown small (the raw message). */
+  readonly detail?: string;
+  readonly actions: readonly ErrorAction[];
+}
+
+export const errorCode = (reason: unknown): string | undefined =>
+  reason instanceof RpcError ? reason.code : (reason as { code?: string } | null)?.code;
+
+export const errorMessage = (reason: unknown): string =>
+  reason instanceof Error ? reason.message : String(reason);
diff --git a/apps/editor/src/lib/editor/register-app-contributions.ts b/apps/editor/src/lib/editor/register-app-contributions.ts
new file mode 100644
index 00000000..8d6a3904
--- /dev/null
+++ b/apps/editor/src/lib/editor/register-app-contributions.ts
@@ -0,0 +1,86 @@
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  derived,
+  switchObservable,
+} from '@nanoforge-dev/editor-kernel';
+import { ProjectServiceToken } from '@nanoforge-dev/editor-project';
+import type { SessionInfo } from '@nanoforge-dev/editor-protocol';
+import { MENU_ITEMS, MenuItemSchema, STATUS_BAR_ITEMS } from '@nanoforge-dev/editor-ui';
+
+import { goto } from '$app/navigation';
+
+const DOCS_URL = 'https://docs.nanoforge.eu';
+
+/** Commands, menus and status bar items of the editor application itself. */
+export const registerAppContributions = (services: Container, session: SessionInfo): Disposable => {
+  const store = new DisposableStore();
+  const commands = services.get(CoreServices.Commands);
+  const extensions = services.get(CoreServices.Extensions);
+  const projects = services.get(ProjectServiceToken);
+
+  store.add(
+    commands.register({
+      id: 'project.close',
+      title: 'Close project',
+      category: 'File',
+      handler: async () => {
+        projects.close();
+        await goto('/');
+      },
+    }),
+  );
+  store.add(
+    commands.register({
+      id: 'help.docs',
+      title: 'Documentation',
+      category: 'Help',
+      handler: () => void window.open(DOCS_URL, '_blank', 'noopener'),
+    }),
+  );
+  for (const item of [
+    { menu: 'file', command: 'project.close', group: 'project' },
+    { menu: 'view', command: 'workbench.focusNextPart', group: 'focus' },
+    { menu: 'help', command: 'help.docs' },
+  ]) {
+    store.add(extensions.contribute(MENU_ITEMS, MenuItemSchema.parse(item), { owner: 'core' }));
+  }
+
+  store.add(
+    extensions.contribute(
+      STATUS_BAR_ITEMS,
+      {
+        id: 'core.project',
+        alignment: 'left',
+        order: 0,
+        text: switchObservable(
+          derived(
+            [projects.current],
+            (project) => project && derived([project.model], (model) => model.name),
+          ),
+          'No project',
+        ),
+        tooltip: 'Close the project',
+        command: 'project.close',
+      },
+      { owner: 'core' },
+    ),
+  );
+  store.add(
+    extensions.contribute(
+      STATUS_BAR_ITEMS,
+      {
+        id: 'core.mode',
+        alignment: 'right',
+        order: 10,
+        text: derived([], () =>
+          session.mode === 'OFFLINE' ? 'Local' : `Online · ${session.user?.name ?? 'signed out'}`,
+        ),
+      },
+      { owner: 'core' },
+    ),
+  );
+  return store;
+};
diff --git a/apps/editor/src/lib/history/indexed-db-history-store.ts b/apps/editor/src/lib/history/indexed-db-history-store.ts
new file mode 100644
index 00000000..53698f5a
--- /dev/null
+++ b/apps/editor/src/lib/history/indexed-db-history-store.ts
@@ -0,0 +1,70 @@
+import type { HistoryStore, PersistedEntry } from '@nanoforge-dev/editor-history';
+
+const DATABASE = 'nanoforge-history';
+const STORE = 'contexts';
+
+const request = <T>(operation: IDBRequest<T>): Promise<T> =>
+  new Promise((resolve, reject) => {
+    operation.onsuccess = () => resolve(operation.result);
+    operation.onerror = () => reject(operation.error);
+  });
+
+let database: Promise<IDBDatabase | undefined> | undefined;
+const open = () =>
+  (database ??= new Promise((resolve) => {
+    if (typeof indexedDB === 'undefined') return resolve(undefined);
+    const opening = indexedDB.open(DATABASE, 1);
+    opening.onupgradeneeded = () => opening.result.createObjectStore(STORE);
+    opening.onsuccess = () => resolve(opening.result);
+    opening.onerror = () => resolve(undefined);
+  }));
+
+/** File histories are dropped after a month without a change, and past the 200 newest. */
+const FILE_HISTORY_MAX_AGE_MS = 30 * 24 * 3600 * 1000;
+const FILE_HISTORY_MAX = 200;
+
+/**
+ * Removes the old `file:*` histories of a project: one is kept per file ever edited, and
+ * nothing else would ever delete them.
+ */
+const pruneFileHistories = async (db: IDBDatabase, projectId: string): Promise<void> => {
+  const prefix = `${projectId}:file:`;
+  const store = db.transaction(STORE, 'readwrite').objectStore(STORE);
+  const range = IDBKeyRange.bound(prefix, `${prefix}\uffff`);
+  const keys = (await request(store.getAllKeys(range))) as string[];
+  const values = (await request(store.getAll(range))) as PersistedEntry[][];
+  const dated = keys
+    .map((key, index) => ({ key, time: Math.max(0, ...(values[index] ?? []).map((e) => e.time)) }))
+    .sort((a, b) => b.time - a.time);
+  const now = Date.now();
+  const stale = dated.filter(
+    (entry, index) => index >= FILE_HISTORY_MAX || now - entry.time > FILE_HISTORY_MAX_AGE_MS,
+  );
+  if (!stale.length) return;
+  const writing = db.transaction(STORE, 'readwrite').objectStore(STORE);
+  await Promise.all(stale.map((entry) => request(writing.delete(entry.key))));
+};
+
+const pruned = new Set<string>();
+
+/** Histories kept in the browser (IndexedDB) per project, across reloads. */
+export const indexedDbHistoryStore = (projectId: string): HistoryStore => ({
+  async load(contextId) {
+    const db = await open();
+    if (!db) return undefined;
+    const store = db.transaction(STORE, 'readonly').objectStore(STORE);
+    return (await request(store.get(`${projectId}:${contextId}`))) as PersistedEntry[] | undefined;
+  },
+  async save(contextId, entries) {
+    const db = await open();
+    if (!db) return;
+    const store = db.transaction(STORE, 'readwrite').objectStore(STORE);
+    const key = `${projectId}:${contextId}`;
+    if (entries.length) await request(store.put(entries, key));
+    else await request(store.delete(key));
+    if (!pruned.has(projectId)) {
+      pruned.add(projectId);
+      await pruneFileHistories(db, projectId).catch(() => pruned.delete(projectId));
+    }
+  },
+});
diff --git a/apps/editor/src/lib/plugin/follow-project-plugins.ts b/apps/editor/src/lib/plugin/follow-project-plugins.ts
new file mode 100644
index 00000000..7a7b12fe
--- /dev/null
+++ b/apps/editor/src/lib/plugin/follow-project-plugins.ts
@@ -0,0 +1,154 @@
+import {
+  type Disposable,
+  type Logger,
+  type PluginDescriptor,
+  type PluginHost,
+  parsePluginManifest,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+import { type ProjectService } from '@nanoforge-dev/editor-project';
+import { type PluginListing, PluginsContract } from '@nanoforge-dev/editor-protocol';
+import { type RpcClient } from '@nanoforge-dev/editor-rpc';
+import { CoreSettings, type SettingsService } from '@nanoforge-dev/editor-settings';
+import type { NotificationService } from '@nanoforge-dev/editor-ui';
+
+export const toDescriptor = (
+  listing: PluginListing,
+  logger: Logger,
+): PluginDescriptor | undefined => {
+  if (listing.error) {
+    logger.warn(`Plugin at ${listing.baseUrl} skipped: ${listing.error}`);
+    return undefined;
+  }
+  try {
+    return {
+      source: listing.source,
+      baseUrl: new URL(listing.baseUrl, location.origin).href,
+      manifest: parsePluginManifest(listing.manifest, listing.baseUrl),
+    };
+  } catch (error) {
+    logger.error(`Invalid plugin manifest at ${listing.baseUrl}`, error);
+    return undefined;
+  }
+};
+
+/**
+ * The open project's own plugins (`.nanoforge/plugins`) join the plugin set while it is open; in
+ * a local editor, the server entries of those that load run while it is open.
+ * Plugins that its packages suggest and that aren't installed are named in a notification, once
+ * per project.
+ *
+ * On a hosted editor (`online`) a project is shared: anyone who can change it can change its
+ * plugins, which would run in the others' editors. They load only for the projects the user
+ * allowed (`plugins.trustedProjects`); otherwise a notification names them and offers to.
+ */
+export const followProjectPlugins = (options: {
+  rpc: RpcClient;
+  projects: ProjectService;
+  plugins: PluginHost;
+  notifications: NotificationService;
+  logger: Logger;
+  settings: SettingsService;
+  online: boolean;
+}): Disposable => {
+  const { rpc, plugins, logger, settings } = options;
+  const api = rpc.api(PluginsContract);
+
+  const suggested = new Set<string>();
+  const offered = new Set<string>();
+  let listedFor: string | undefined;
+  let queue = Promise.resolve();
+
+  const trusted = (project: string) =>
+    options.online
+      ? settings.get(CoreSettings.pluginsTrustedProjects).includes(project)
+      : options.projects.current.get()?.trusted !== false;
+
+  /**
+   * Keeps a hosted project's own plugins out until allowed, and offers to allow them. A local
+   * folder that is not trusted keeps them out too (restricted mode says so).
+   */
+  const allowed = (project: string | undefined, listings: readonly PluginListing[]) => {
+    if (!project || trusted(project)) return listings;
+    if (!options.online) return listings.filter((listing) => listing.source !== 'project');
+    const own = listings.filter((listing) => listing.source === 'project');
+    if (own.length && !offered.has(project)) {
+      offered.add(project);
+      const names = own
+        .map((listing) => (listing.manifest as { name?: string } | null)?.name ?? listing.baseUrl)
+        .join(', ');
+      options.notifications.notify('warning', 'This project has its own plugins', {
+        detail: `${names}. They would run in your editor, and anyone who can change the project can change them.`,
+        actions: [
+          {
+            title: 'Allow its plugins',
+            run: async () => {
+              const list = settings.get(CoreSettings.pluginsTrustedProjects);
+              await settings.set(
+                CoreSettings.pluginsTrustedProjects,
+                [...list, project],
+                'account',
+              );
+              listedFor = undefined;
+              follow(options.projects.current.get()?.id);
+            },
+          },
+        ],
+        timeout: 0,
+      });
+    }
+    return listings.filter((listing) => listing.source !== 'project');
+  };
+
+  const suggest = async (project: string) => {
+    if (suggested.has(project)) return;
+    suggested.add(project);
+    const missing = (await api.suggestions({ project })).filter(
+      (suggestion) => plugins.getPlugin(suggestion.name)?.status.kind !== 'ok',
+    );
+    if (!missing.length) return;
+    const count = missing.length > 1 ? `${missing.length} plugins` : 'a plugin';
+    options.notifications.notify('info', `Packages in this project suggest ${count}`, {
+      detail: `${missing
+        .map(
+          ({ name, suggestedBy }) =>
+            `${name} (for ${suggestedBy.map((entry) => entry.package).join(', ')})`,
+        )
+        .join(
+          ', ',
+        )}. Install a plugin in the project's .nanoforge/plugins, or in your home for every project.`,
+      timeout: 15_000,
+    });
+  };
+
+  /**
+   * Runs the server entries of the project plugins that loaded (allowed, not disabled, not
+   * failed), and stops the others: listing a project never runs its code.
+   */
+  const runServers = (project: string | null) =>
+    api.runProjectServers({
+      project,
+      names: plugins.plugins
+        .get()
+        .filter((plugin) => plugin.descriptor.source === 'project' && plugin.status.kind === 'ok')
+        .map((plugin) => plugin.name),
+    });
+
+  function follow(project: string | undefined) {
+    if (project === listedFor) return;
+    listedFor = project;
+    queue = queue
+      .then(async () => {
+        const listings = await api.list(project ? { project } : null);
+        if (listedFor !== project) return;
+        await plugins.update(
+          allowed(project, listings).flatMap((listing) => toDescriptor(listing, logger) ?? []),
+        );
+        if (!options.online) await runServers(project ?? null);
+        if (project) await suggest(project);
+      })
+      .catch((error: unknown) => logger.error('Could not load the project plugins', error));
+  }
+
+  return toDisposable(options.projects.current.subscribe((project) => follow(project?.id)));
+};
diff --git a/apps/editor/src/lib/plugin/shared-modules.ts b/apps/editor/src/lib/plugin/shared-modules.ts
new file mode 100644
index 00000000..25eed393
--- /dev/null
+++ b/apps/editor/src/lib/plugin/shared-modules.ts
@@ -0,0 +1,52 @@
+import * as svelte from 'svelte';
+import * as svelteAnimate from 'svelte/animate';
+import * as svelteAttachments from 'svelte/attachments';
+import * as svelteEasing from 'svelte/easing';
+import * as svelteEvents from 'svelte/events';
+// eslint-disable-next-line svelte/no-svelte-internal
+import * as svelteInternalClient from 'svelte/internal/client';
+import * as svelteLegacy from 'svelte/legacy';
+import * as svelteMotion from 'svelte/motion';
+import * as svelteReactivity from 'svelte/reactivity';
+import * as svelteReactivityWindow from 'svelte/reactivity/window';
+import * as svelteStore from 'svelte/store';
+import * as svelteTransition from 'svelte/transition';
+
+import { type ModuleNamespace, SharedModuleRegistry } from '@nanoforge-dev/editor-kernel';
+import * as sdk from '@nanoforge-dev/editor-sdk';
+import * as sdkUi from '@nanoforge-dev/editor-sdk/ui';
+
+/**
+ * Modules the editor shares with plugins, keyed by import specifier.
+ * Must list exactly `MAIN_SHARED_MODULES` of `@nanoforge-dev/editor-vite-plugin` (checked by a test).
+ */
+export const SHARED_MODULE_NAMESPACES: Readonly<Record<string, ModuleNamespace>> = {
+  svelte,
+  'svelte/animate': svelteAnimate,
+  'svelte/attachments': svelteAttachments,
+  'svelte/easing': svelteEasing,
+  'svelte/events': svelteEvents,
+  'svelte/internal/client': svelteInternalClient,
+  'svelte/legacy': svelteLegacy,
+  'svelte/motion': svelteMotion,
+  'svelte/reactivity': svelteReactivity,
+  'svelte/reactivity/window': svelteReactivityWindow,
+  'svelte/store': svelteStore,
+  'svelte/transition': svelteTransition,
+  '@nanoforge-dev/editor-sdk': sdk,
+  '@nanoforge-dev/editor-sdk/ui': sdkUi,
+};
+
+let registry: SharedModuleRegistry | undefined;
+
+/** Installs the shared module registry once, in the browser, before any plugin is imported. */
+export const installSharedModules = (): SharedModuleRegistry => {
+  if (registry) return registry;
+  registry = new SharedModuleRegistry();
+  for (const [id, namespace] of Object.entries(SHARED_MODULE_NAMESPACES)) {
+    registry.register(id, namespace);
+  }
+  const uninstall = registry.install();
+  import.meta.hot?.dispose(uninstall);
+  return registry;
+};
diff --git a/apps/editor/src/lib/plugin/svelte-internal.d.ts b/apps/editor/src/lib/plugin/svelte-internal.d.ts
new file mode 100644
index 00000000..f4d5d3b6
--- /dev/null
+++ b/apps/editor/src/lib/plugin/svelte-internal.d.ts
@@ -0,0 +1,2 @@
+// `svelte/internal/client` ships without types; it is only re-exposed to plugins, never used directly.
+declare module 'svelte/internal/client';
diff --git a/apps/editor/src/lib/project/AddAppDialog.svelte b/apps/editor/src/lib/project/AddAppDialog.svelte
new file mode 100644
index 00000000..06fc4bf9
--- /dev/null
+++ b/apps/editor/src/lib/project/AddAppDialog.svelte
@@ -0,0 +1,117 @@
+<script lang="ts">
+  import { validateFolder, validatePackageName } from '@nanoforge-dev/editor-project';
+  import type { AppModel } from '@nanoforge-dev/editor-protocol';
+  import { Button, Dialog, Input, Select } from '@nanoforge-dev/editor-ui';
+
+  interface Props {
+    type: 'client' | 'server';
+    project: string;
+    /** The clients and servers of the project. */
+    apps: readonly AppModel[];
+    exists: (path: string) => boolean;
+    oncreate: (app: {
+      type: 'client' | 'server';
+      folder: string;
+      name: string;
+      from?: AppModel;
+    }) => void;
+    onclose: () => void;
+  }
+
+  const { type, project, apps, exists, oncreate, onclose }: Props = $props();
+  const sameType = $derived(apps.filter((app) => app.type === type));
+  let open = $state(true);
+  // svelte-ignore state_referenced_locally
+  let folder = $state(apps.some((app) => app.root === `apps/${type}`) ? `${type}-2` : type);
+  let typedName = $state<string>();
+  const name = $derived(typedName ?? `${project.replace(/^@[^/]*\//, '')}-${folder}`);
+  /** `''`: an empty app; else the id of the app to copy. */
+  let from = $state('');
+
+  const folderError = $derived(validateFolder({ exists }, 'apps', folder));
+  const nameError = $derived(
+    validatePackageName(name) ??
+      (apps.some((app) => app.name === name)
+        ? `${name} is already the name of an app.`
+        : undefined),
+  );
+  const close = () => {
+    open = false;
+    onclose();
+  };
+</script>
+
+<Dialog bind:open title={`Add ${type} app`} width="min(460px, 92vw)" onclose={close}>
+  <form
+    class="form"
+    onsubmit={(event) => {
+      event.preventDefault();
+      if (folderError || nameError) return;
+      const source = sameType.find((app) => app.id === from);
+      oncreate({ type, folder, name, ...(source && { from: source }) });
+      close();
+    }}
+  >
+    <p class="hint">
+      {type === 'client' ? 'A game the players run.' : 'A game server.'} It is created in
+      <code>apps/{folder}</code>.
+    </p>
+    <label>
+      <span>Folder in apps/</span>
+      <Input bind:value={folder} aria-label="Folder in apps/" invalid={!!folderError} />
+      {#if folderError}<span class="error" role="alert">{folderError}</span>{/if}
+    </label>
+    <label>
+      <span>Name</span>
+      <Input
+        value={name}
+        oninput={(event: Event) => (typedName = (event.currentTarget as HTMLInputElement).value)}
+        aria-label="Name"
+        invalid={!!nameError}
+      />
+      {#if nameError}<span class="error" role="alert">{nameError}</span>{/if}
+    </label>
+    <label>
+      <span>Start from</span>
+      <Select
+        label="Start from"
+        value={from}
+        items={[
+          { value: '', label: 'An empty app' },
+          ...sameType.map((app) => ({ value: app.id, label: `A copy of ${app.name}` })),
+        ]}
+        onchange={(value) => (from = value)}
+      />
+    </label>
+    <div class="buttons">
+      <Button onclick={close}>Cancel</Button>
+      <Button variant="primary" type="submit" disabled={!!folderError || !!nameError}
+        >Add app</Button
+      >
+    </div>
+  </form>
+</Dialog>
+
+<style>
+  .form {
+    display: grid;
+    gap: var(--nf-space-3);
+  }
+  .hint {
+    margin: 0;
+    color: var(--nf-color-text-muted);
+  }
+  label {
+    display: grid;
+    gap: var(--nf-space-1);
+  }
+  .error {
+    color: var(--nf-color-danger);
+    font-size: var(--nf-font-size-sm);
+  }
+  .buttons {
+    display: flex;
+    gap: var(--nf-space-2);
+    justify-content: flex-end;
+  }
+</style>
diff --git a/apps/editor/src/lib/project/AddLibraryDialog.svelte b/apps/editor/src/lib/project/AddLibraryDialog.svelte
new file mode 100644
index 00000000..c89c0900
--- /dev/null
+++ b/apps/editor/src/lib/project/AddLibraryDialog.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+  import { validateFolder, validatePackageName } from '@nanoforge-dev/editor-project';
+  import type { AppModel } from '@nanoforge-dev/editor-protocol';
+  import { Button, Checkbox, Dialog, Input } from '@nanoforge-dev/editor-ui';
+
+  interface Props {
+    /** Name of the project, for the default package name. */
+    project: string;
+    apps: readonly AppModel[];
+    exists: (path: string) => boolean;
+    oncreate: (library: { folder: string; packageName: string; usedBy: AppModel[] }) => void;
+    onclose: () => void;
+  }
+
+  const { project, apps, exists, oncreate, onclose }: Props = $props();
+  let open = $state(true);
+  let folder = $state('shared');
+  /** The package name follows the folder until it is typed. */
+  let typedName = $state<string>();
+  const packageName = $derived(typedName ?? `@${project.replace(/^@|\/.*$/g, '')}/${folder}`);
+  // svelte-ignore state_referenced_locally
+  let users = $state(new Set(apps.map((app) => app.id)));
+
+  const folderError = $derived(validateFolder({ exists }, 'libs', folder));
+  const nameError = $derived(validatePackageName(packageName));
+  const close = () => {
+    open = false;
+    onclose();
+  };
+</script>
+
+<Dialog bind:open title="Add shared library" width="min(460px, 92vw)" onclose={close}>
+  <form
+    class="form"
+    onsubmit={(event) => {
+      event.preventDefault();
+      if (folderError || nameError) return;
+      oncreate({ folder, packageName, usedBy: apps.filter((app) => users.has(app.id)) });
+      close();
+    }}
+  >
+    <p class="hint">
+      Components and systems that several apps share. It is created in <code>libs/{folder}</code>.
+    </p>
+    <label>
+      <span>Folder in libs/</span>
+      <Input bind:value={folder} aria-label="Folder in libs/" invalid={!!folderError} />
+      {#if folderError}<span class="error" role="alert">{folderError}</span>{/if}
+    </label>
+    <label>
+      <span>Package name (how apps import it)</span>
+      <Input
+        value={packageName}
+        oninput={(event: Event) => (typedName = (event.currentTarget as HTMLInputElement).value)}
+        aria-label="Package name"
+        invalid={!!nameError}
+      />
+      {#if nameError}<span class="error" role="alert">{nameError}</span>{/if}
+    </label>
+    {#if apps.length}
+      <fieldset>
+        <legend>Used by</legend>
+        {#each apps as app (app.id)}
+          <Checkbox
+            label={app.name}
+            checked={users.has(app.id)}
+            onchange={(checked) => {
+              // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, not mutated
+              const next = new Set(users);
+              if (checked) next.add(app.id);
+              else next.delete(app.id);
+              users = next;
+            }}
+          />
+        {/each}
+      </fieldset>
+    {/if}
+    <div class="buttons">
+      <Button onclick={close}>Cancel</Button>
+      <Button variant="primary" type="submit" disabled={!!folderError || !!nameError}
+        >Add library</Button
+      >
+    </div>
+  </form>
+</Dialog>
+
+<style>
+  .form {
+    display: grid;
+    gap: var(--nf-space-3);
+  }
+  .hint {
+    margin: 0;
+    color: var(--nf-color-text-muted);
+  }
+  label {
+    display: grid;
+    gap: var(--nf-space-1);
+  }
+  fieldset {
+    display: grid;
+    gap: var(--nf-space-1);
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  legend {
+    padding: 0 0 var(--nf-space-1);
+  }
+  .error {
+    color: var(--nf-color-danger);
+    font-size: var(--nf-font-size-sm);
+  }
+  .buttons {
+    display: flex;
+    gap: var(--nf-space-2);
+    justify-content: flex-end;
+  }
+</style>
diff --git a/apps/editor/src/lib/project/ProjectOverview.svelte b/apps/editor/src/lib/project/ProjectOverview.svelte
new file mode 100644
index 00000000..0df4a811
--- /dev/null
+++ b/apps/editor/src/lib/project/ProjectOverview.svelte
@@ -0,0 +1,346 @@
+<script lang="ts">
+  import { CatalogServiceToken } from '@nanoforge-dev/editor-code';
+  import { ProjectServiceToken, librariesOf, runnableApps } from '@nanoforge-dev/editor-project';
+  import type { AppModel } from '@nanoforge-dev/editor-protocol';
+  import {
+    Button,
+    Checkbox,
+    Dialog,
+    EmptyState,
+    IconButton,
+    Menu,
+    type MenuEntry,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-ui';
+
+  import { PROJECT_HISTORY_CONTEXT, WorkspaceActionsToken } from '../workspace/workspace-actions';
+  import AddAppDialog from './AddAppDialog.svelte';
+  import AddLibraryDialog from './AddLibraryDialog.svelte';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  const current = $derived(instance.services.get(ProjectServiceToken).current);
+  const model = $derived($current?.model);
+  const actions = $derived(instance.services.tryGet(WorkspaceActionsToken));
+  const request = $derived(actions?.request);
+  const hasSteps = $derived(actions?.hasSteps);
+  $effect(() => instance.setHistoryContext($hasSteps ? PROJECT_HISTORY_CONTEXT : undefined));
+  const catalog = $derived(instance.services.tryGet(CatalogServiceToken)?.state);
+
+  const apps = $derived($model ? runnableApps($model) : []);
+  const libraries = $derived($model ? librariesOf($model) : []);
+  /** How many items (components, systems) the catalog found in a library. */
+  const itemsOf = (library: AppModel) =>
+    ($catalog?.items ?? []).filter(
+      (item) => item.source.kind === 'lib' && item.source.name === library.name,
+    ).length;
+  const exists = (path: string) => $current?.fs.entry(path) !== undefined;
+
+  const menu = (app: AppModel): MenuEntry[] => [
+    { kind: 'item', id: 'rename', label: 'Rename…', onSelect: () => void actions?.rename(app) },
+    {
+      kind: 'item',
+      id: 'remove',
+      label: 'Remove…',
+      disabled: app.type !== 'lib' && apps.length <= 1,
+      onSelect: () => actions?.ask({ kind: 'remove', app }),
+    },
+    ...(actions?.canReveal
+      ? [
+          { kind: 'separator' as const },
+          {
+            kind: 'item' as const,
+            id: 'reveal',
+            label: 'Reveal in file manager',
+            onSelect: () => actions.reveal(app),
+          },
+        ]
+      : []),
+  ];
+  const addMenu: MenuEntry[] = [
+    {
+      kind: 'item',
+      id: 'client',
+      label: 'Add client app…',
+      onSelect: () => actions?.ask({ kind: 'app', type: 'client' }),
+    },
+    {
+      kind: 'item',
+      id: 'server',
+      label: 'Add server app…',
+      onSelect: () => actions?.ask({ kind: 'app', type: 'server' }),
+    },
+  ];
+</script>
+
+{#if $model}
+  <div class="overview" tabindex="-1">
+    <h1>{$model.name}</h1>
+    <p class="location">{$model.location}</p>
+
+    {#if $model.diagnostics.length}
+      <section aria-label="Problems">
+        {#each $model.diagnostics as diagnostic, index (index)}
+          <p class="diagnostic {diagnostic.severity}">
+            <code>{diagnostic.path || '.'}</code>
+            {diagnostic.message}
+          </p>
+        {/each}
+      </section>
+    {/if}
+
+    <header class="heading">
+      <h2>Apps</h2>
+      {#if actions}
+        <Menu items={addMenu} align="end">
+          {#snippet trigger({ props })}
+            <Button {...props} size="sm" icon="plus">Add app</Button>
+          {/snippet}
+        </Menu>
+      {/if}
+    </header>
+    <section class="apps" aria-label="Apps">
+      {#each apps as app (app.id)}
+        <article class="app" aria-label={app.name}>
+          <h3>
+            <span class="name">{app.name}</span>
+            <span class="type">{app.type}</span>
+            {#if actions}
+              <Menu items={menu(app)} align="end">
+                {#snippet trigger({ props })}
+                  <IconButton {...props} icon="ellipsis" label={`Actions of ${app.name}`} />
+                {/snippet}
+              </Menu>
+            {/if}
+          </h3>
+          <p class="path">{app.root || '.'}</p>
+          <ul class="libs" aria-label="Engine libraries">
+            {#each Object.entries(app.engineLibs) as [name, version] (name)}
+              <li>
+                {name.replace('@nanoforge-dev/', '')}
+                {#if /^\d/.test(version)}<span>{version}</span>{/if}
+              </li>
+            {:else}
+              <li class="none">No engine library</li>
+            {/each}
+          </ul>
+          {#if app.libraries.length}
+            <p class="uses">Uses {app.libraries.join(', ')}</p>
+          {/if}
+        </article>
+      {/each}
+    </section>
+
+    <header class="heading">
+      <h2>Shared libraries</h2>
+      {#if actions}
+        <Button size="sm" icon="plus" onclick={() => actions.ask({ kind: 'library' })}
+          >Add shared library</Button
+        >
+      {/if}
+    </header>
+    {#if libraries.length}
+      <section class="apps" aria-label="Shared libraries">
+        {#each libraries as library (library.id)}
+          {@const count = itemsOf(library)}
+          <article class="app" aria-label={library.name}>
+            <h3>
+              <span class="name">{library.name}</span>
+              {#if actions}
+                <Menu items={menu(library)} align="end">
+                  {#snippet trigger({ props })}
+                    <IconButton {...props} icon="ellipsis" label={`Actions of ${library.name}`} />
+                  {/snippet}
+                </Menu>
+              {/if}
+            </h3>
+            <p class="path">
+              {library.root} · {count}
+              {count === 1 ? 'component or system' : 'components and systems'}
+            </p>
+            <fieldset>
+              <legend>Used by</legend>
+              {#each apps as app (app.id)}
+                <Checkbox
+                  label={app.name}
+                  checked={app.libraries.includes(library.name)}
+                  disabled={!actions}
+                  onchange={(checked) => void actions?.setUse(app, library, checked)}
+                />
+              {/each}
+            </fieldset>
+            {#if library.unclaimed}
+              <p class="note">
+                No app lists it in the libs of its nanoforge.config yet, so every app gets it.
+                Untick one to choose.
+              </p>
+            {/if}
+          </article>
+        {/each}
+      </section>
+    {:else}
+      <p class="empty">
+        A shared library holds the components and systems that several apps use: a position the
+        client draws and the server computes, for example.
+      </p>
+    {/if}
+  </div>
+  {#if actions && $request?.kind === 'library'}
+    <AddLibraryDialog
+      project={$model.name}
+      {apps}
+      {exists}
+      oncreate={(library) => void actions.addLibrary(library)}
+      onclose={() => actions.ask(undefined)}
+    />
+  {:else if actions && $request?.kind === 'app'}
+    <AddAppDialog
+      type={$request.type}
+      project={$model.name}
+      {apps}
+      {exists}
+      oncreate={(app) => void actions.addApp(app)}
+      onclose={() => actions.ask(undefined)}
+    />
+  {:else if actions && $request?.kind === 'remove'}
+    {@const target = $request.app}
+    <Dialog
+      open
+      title={`Remove ${target.name}?`}
+      width="min(440px, 92vw)"
+      onclose={() => actions.ask(undefined)}
+    >
+      <p class="confirm">
+        The folder <code>{target.root}</code> goes to the editor's trash. Undo (Ctrl+Z on this screen)
+        brings it back.
+      </p>
+      {#snippet footer()}
+        <Button onclick={() => actions.ask(undefined)}>Cancel</Button>
+        <Button
+          variant="danger"
+          onclick={() => {
+            void actions.remove(target);
+            actions.ask(undefined);
+          }}>Remove</Button
+        >
+      {/snippet}
+    </Dialog>
+  {/if}
+{:else}
+  <EmptyState icon="folder-open" title="No project open" />
+{/if}
+
+<style>
+  .overview {
+    outline: none;
+    max-width: 880px;
+    padding: var(--nf-space-5) var(--nf-space-5);
+  }
+  h1 {
+    margin: 0;
+    font-size: var(--nf-font-size-xl);
+    font-weight: 600;
+  }
+  .location {
+    margin: var(--nf-space-1) 0 var(--nf-space-4);
+    color: var(--nf-color-text-muted);
+  }
+  .diagnostic {
+    margin: 0 0 var(--nf-space-1);
+  }
+  .diagnostic.error {
+    color: var(--nf-color-danger);
+  }
+  .diagnostic.warning {
+    color: var(--nf-color-warning);
+  }
+  .apps {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    gap: var(--nf-space-3);
+  }
+  .app {
+    padding: var(--nf-space-3);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-raised);
+  }
+  .heading {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: var(--nf-space-4) 0 var(--nf-space-2);
+  }
+  h2 {
+    margin: 0;
+    font-size: var(--nf-font-size-lg);
+    font-weight: 600;
+  }
+  h3 {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    margin: 0;
+    font-size: var(--nf-font-size-lg);
+    font-weight: 600;
+  }
+  .name {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+  fieldset {
+    display: grid;
+    gap: var(--nf-space-1);
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  legend {
+    padding: 0 0 var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .uses,
+  .note,
+  .empty {
+    margin: var(--nf-space-2) 0 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .empty {
+    max-width: 60ch;
+    margin: 0;
+  }
+  .confirm {
+    margin: 0;
+  }
+  .type {
+    color: var(--nf-color-accent-text);
+    font-size: var(--nf-font-size-sm);
+    font-weight: 500;
+  }
+  .path {
+    margin: 2px 0 var(--nf-space-2);
+    color: var(--nf-color-text-faint);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+  }
+  .libs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--nf-space-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .libs li {
+    padding: 1px 6px;
+    border-radius: 2px;
+    background: var(--nf-color-sunken);
+    font-size: var(--nf-font-size-sm);
+  }
+  .libs span,
+  .none {
+    color: var(--nf-color-text-faint);
+  }
+</style>
diff --git a/apps/editor/src/lib/project/follow-project-trust.ts b/apps/editor/src/lib/project/follow-project-trust.ts
new file mode 100644
index 00000000..d07e49d9
--- /dev/null
+++ b/apps/editor/src/lib/project/follow-project-trust.ts
@@ -0,0 +1,61 @@
+import {
+  type CommandRegistry,
+  type Disposable,
+  DisposableStore,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectService } from '@nanoforge-dev/editor-project';
+import type { NotificationService } from '@nanoforge-dev/editor-ui';
+
+/**
+ * Restricted mode of a local editor: a project whose folder is not trusted opens with its code
+ * off (its config is read without running it; its plugins, builds and games don't run). A sticky
+ * notification says so and offers to trust the folder, as does `project.trust`.
+ */
+export const followProjectTrust = (options: {
+  projects: ProjectService;
+  notifications: NotificationService;
+  commands: CommandRegistry;
+  /** Hosted editors never run project code: there is no folder to trust. */
+  local: boolean;
+  /** Reloads the window, so the project loads again with its code on. */
+  reload: () => void;
+}): Disposable => {
+  const store = new DisposableStore();
+  if (!options.local) return store;
+  let shown: { dismiss(): void } | undefined;
+
+  const trust = async () => {
+    const project = options.projects.current.get();
+    if (!project || project.trusted) return;
+    await options.projects.trust();
+    options.reload();
+  };
+
+  store.add(
+    options.commands.register({
+      id: 'project.trust',
+      title: 'Trust this folder',
+      category: 'Project',
+      handler: trust,
+    }),
+  );
+  store.add({
+    dispose: options.projects.current.subscribe((project) => {
+      shown?.dismiss();
+      shown = undefined;
+      if (!project || project.trusted) return;
+      shown = options.notifications.notify(
+        'warning',
+        `Restricted mode: ${project.model.get().name}'s code does not run`,
+        {
+          detail:
+            'Its nanoforge.config.ts is read without running it, and its plugins, builds and games stay off. Trust the folder if you trust where it comes from.',
+          actions: [{ title: 'Trust this folder', run: trust }],
+          timeout: 0,
+        },
+      );
+    }),
+  });
+  store.add({ dispose: () => shown?.dismiss() });
+  return store;
+};
diff --git a/apps/editor/src/lib/project/register-core-panels.ts b/apps/editor/src/lib/project/register-core-panels.ts
new file mode 100644
index 00000000..fc8e64a6
--- /dev/null
+++ b/apps/editor/src/lib/project/register-core-panels.ts
@@ -0,0 +1,47 @@
+import type { Component } from 'svelte';
+
+import {
+  type Disposable,
+  DisposableStore,
+  type ExtensionRegistry,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  WIDGETS,
+  WIDGET_VIEWS,
+  WidgetDescriptorSchema,
+  type WidgetInstance,
+} from '@nanoforge-dev/editor-ui';
+
+import ProjectOverview from './ProjectOverview.svelte';
+
+const PANELS = [
+  {
+    id: 'core.project',
+    title: 'Project',
+    icon: 'layers',
+    kind: 'screen',
+    order: 100,
+    component: ProjectOverview,
+  },
+] as const;
+
+/**
+ * Panels of the editor itself. Plugins of later phases replace or complement them
+ * (file manager, history panel…).
+ */
+export const registerCorePanels = (extensions: ExtensionRegistry): Disposable => {
+  const store = new DisposableStore();
+  for (const { component, ...descriptor } of PANELS) {
+    store.add(
+      extensions.contribute(WIDGETS, WidgetDescriptorSchema.parse(descriptor), { owner: 'core' }),
+    );
+    store.add(
+      extensions.contribute(
+        WIDGET_VIEWS,
+        { id: descriptor.id, component: component as Component<{ instance: WidgetInstance }> },
+        { owner: 'core' },
+      ),
+    );
+  }
+  return store;
+};
diff --git a/apps/editor/src/lib/runtime/follow-project-runtime.ts b/apps/editor/src/lib/runtime/follow-project-runtime.ts
new file mode 100644
index 00000000..6b23064f
--- /dev/null
+++ b/apps/editor/src/lib/runtime/follow-project-runtime.ts
@@ -0,0 +1,402 @@
+import type { z } from 'zod';
+
+import {
+  type CodeDiagnostic,
+  DiagnosticsServiceToken,
+  DocumentServiceToken,
+} from '@nanoforge-dev/editor-code';
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  type LoggerService,
+  MutableDisposable,
+  derived,
+  observe,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectService } from '@nanoforge-dev/editor-project';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import {
+  type PlayMode,
+  RuntimeService,
+  RuntimeServiceToken,
+  RuntimeSettings,
+  isPlaying,
+} from '@nanoforge-dev/editor-runtime';
+import type { SettingsService } from '@nanoforge-dev/editor-settings';
+import {
+  KEYBINDINGS,
+  MENU_BAR,
+  MENU_ITEMS,
+  MenuItemSchema,
+  type NotificationService,
+  STATUS_BAR_ITEMS,
+  TOOLBAR_ITEMS,
+} from '@nanoforge-dev/editor-ui';
+
+import { WorkspaceActionsToken } from '../workspace/workspace-actions';
+import { LOG_LEVELS, TOOLBAR } from './runtime-toolbar.const';
+
+/**
+ * The game runtime of the open project: play controls (commands, toolbar, Run menu,
+ * shortcuts), context keys (`runtime.state`, `runtime.active`, `runtime.controllable`), game,
+ * build and task output for the console, and build errors as problems.
+ */
+export const followProjectRuntime = (options: {
+  services: Container;
+  projects: ProjectService;
+  rpc: RpcClient;
+  settings: SettingsService;
+  logs: LoggerService;
+  notifications: NotificationService;
+  /** Local editors only: hosted editors never run project code. */
+  enabled: boolean;
+}): Disposable => {
+  const { services, settings, logs } = options;
+  const store = new DisposableStore();
+  const commands = services.get(CoreServices.Commands);
+  const contextKeys = services.get(CoreServices.ContextKeys);
+  const extensions = services.get(CoreServices.Extensions);
+  const current = store.add(new MutableDisposable<DisposableStore>());
+  let runtime: RuntimeService | undefined;
+
+  const setKeys = (state: string, controllable: boolean) => {
+    contextKeys.set('runtime.state', state);
+    contextKeys.set('runtime.active', isPlaying(state as never));
+    contextKeys.set('runtime.controllable', controllable);
+  };
+  setKeys('idle', false);
+
+  if (options.enabled) {
+    store.add({
+      dispose: options.projects.current.subscribe((project) => {
+        runtime = undefined;
+        current.clear();
+        setKeys('idle', false);
+        if (!project?.trusted) return;
+        const scope = new DisposableStore();
+        const service = scope.add(
+          new RuntimeService({
+            projectId: project.id,
+            rpc: options.rpc,
+            apps: () => project.model.get().apps,
+            logger: logs.getLogger('runtime'),
+            playMode: () => settings.get(RuntimeSettings.playMode),
+            selectedApp: (type) =>
+              settings.get(
+                type === 'client' ? RuntimeSettings.clientApp : RuntimeSettings.serverApp,
+              ) || undefined,
+            envOverrides: () => settings.get(RuntimeSettings.env),
+          }),
+        );
+        scope.add(services.provide(RuntimeServiceToken, service));
+        const choices = scope.add(new DisposableStore());
+        const refreshChoices = () => {
+          choices.clear();
+          for (const [type, title] of [
+            ['client', 'Client app'],
+            ['server', 'Server app'],
+          ] as const) {
+            const apps = service.playable(type);
+            if (apps.length < 2) continue;
+            const add = (item: z.input<typeof MenuItemSchema>) =>
+              choices.add(
+                extensions.contribute(MENU_ITEMS, MenuItemSchema.parse(item), { owner: 'core' }),
+              );
+            const current = service.appFor(type);
+            add({ menu: 'run', submenu: `run.${type}`, title, group: 'apps', order: 0 });
+            for (const app of apps) {
+              add({
+                menu: `run.${type}`,
+                command: 'runtime.selectApp',
+                args: [type, app.id],
+                title: app.name,
+                ...(app === current && { icon: 'check' }),
+              });
+            }
+          }
+        };
+        scope.add({ dispose: project.model.subscribe(refreshChoices) });
+        scope.add(observe(settings.observe(RuntimeSettings.clientApp), refreshChoices));
+        scope.add(observe(settings.observe(RuntimeSettings.serverApp), refreshChoices));
+        scope.add({
+          dispose: service.session.subscribe(({ state, controllable }) =>
+            setKeys(state, controllable),
+          ),
+        });
+        scope.add(
+          service.onLog(({ source, app, level, text, values, location }) =>
+            logs.write({
+              level: LOG_LEVELS[level],
+              source:
+                source === 'build'
+                  ? `build:${app}`
+                  : source === 'cli'
+                    ? `cli:${app}`
+                    : `game:${source}`,
+              message: text,
+              args: [],
+              time: Date.now(),
+              ...(values && { values }),
+              ...(location && { location }),
+            }),
+          ),
+        );
+        const diagnostics = services.tryGet(DiagnosticsServiceToken);
+        if (diagnostics) {
+          const reported = new Set<string>();
+          scope.add({
+            dispose: service.builds.subscribe((builds) => {
+              for (const [app, status] of builds) {
+                if (status.state === 'building') continue;
+                const source = `build:${app}`;
+                reported.add(source);
+                diagnostics.clear(source);
+                const files = new Map<string, CodeDiagnostic[]>();
+                for (const diagnostic of status.diagnostics) {
+                  const path = diagnostic.path ?? '';
+                  files.set(path, [
+                    ...(files.get(path) ?? []),
+                    {
+                      path,
+                      start: -1,
+                      length: 0,
+                      ...(diagnostic.line !== undefined && { line: diagnostic.line }),
+                      ...(diagnostic.column !== undefined && { column: diagnostic.column }),
+                      message: diagnostic.message,
+                      severity: diagnostic.severity,
+                      source,
+                    },
+                  ]);
+                }
+                for (const [path, list] of files) diagnostics.set(source, path, list);
+              }
+            }),
+          });
+          scope.add({
+            dispose: () => {
+              for (const source of reported) diagnostics.clear(source);
+            },
+          });
+        }
+        const notified = new Set<string>();
+        scope.add({
+          dispose: service.session.subscribe(({ state, compatibility }) => {
+            if (state !== 'running') return;
+            for (const check of compatibility) {
+              const key = `${check.source}:${check.status}`;
+              if (!check.message || notified.has(key)) continue;
+              notified.add(key);
+              const app =
+                check.status === 'legacy'
+                  ? project.model.get().apps.find((candidate) => candidate.id === check.app)
+                  : undefined;
+              const workspace = services.tryGet(WorkspaceActionsToken);
+              options.notifications.notify(
+                'warning',
+                check.status === 'legacy'
+                  ? 'The game has no editor bridge'
+                  : 'The game engine needs an update',
+                {
+                  detail: check.message,
+                  ...(app &&
+                    workspace && {
+                      actions: [
+                        {
+                          title: 'Add the editor library',
+                          run: () => void workspace.addEditorLibrary(app),
+                        },
+                      ],
+                      timeout: 0,
+                    }),
+                },
+              );
+            }
+          }),
+        });
+        scope.add(
+          extensions.contribute(
+            STATUS_BAR_ITEMS,
+            {
+              id: 'runtime.frameStats',
+              alignment: 'right',
+              order: 0,
+              when: 'runtime.active',
+              tooltip: 'Ticks per second and average tick duration of the running games',
+              text: derived([service.frameStats], (stats) =>
+                [...stats]
+                  .sort(([a], [b]) => a.localeCompare(b))
+                  .map(
+                    ([source, { tps, tick }]) =>
+                      `${source} ${Math.round(tps)} tps · ${tick.avg.toFixed(1)} ms`,
+                  )
+                  .join('   '),
+              ),
+            },
+            { owner: 'core' },
+          ),
+        );
+        runtime = service;
+        current.value = scope;
+      }),
+    });
+  }
+
+  const withRuntime =
+    (run: (runtime: RuntimeService, ...args: unknown[]) => unknown) =>
+    (_services: unknown, ...args: unknown[]) => {
+      if (!runtime) {
+        const project = options.projects.current.get();
+        if (options.enabled && project && !project.trusted) {
+          options.notifications.notify('warning', 'Trust this folder to play its games', {
+            detail:
+              "Playing runs the project's code: a folder opens in restricted mode until you trust it.",
+            actions: [{ title: 'Trust this folder', run: () => commands.execute('project.trust') }],
+          });
+          return;
+        }
+        options.notifications.notify('info', 'Games can only be run from a local editor');
+        return;
+      }
+      return run(runtime, ...args);
+    };
+
+  const play = async (target: RuntimeService, mode?: PlayMode) => {
+    const resolved = mode ?? target.defaultMode();
+    const documents = services.tryGet(DocumentServiceToken);
+    if (documents && settings.get(RuntimeSettings.saveBeforePlay)) {
+      const failed = await documents.saveAll();
+      if (failed.length) {
+        options.notifications.notify('error', `Could not save ${failed[0]!.uri} before playing`, {
+          detail: String(failed[0]!.error),
+        });
+        return;
+      }
+    }
+    await target.play(resolved);
+    const session = target.session.get();
+    if (session.state === 'crashed') {
+      const first = session.diagnostics?.[0];
+      options.notifications.notify('error', session.error ?? 'The game crashed', {
+        ...(first && {
+          detail:
+            `${first.path ?? ''}${first.line ? `:${first.line}` : ''} ${first.message}`.trim(),
+        }),
+      });
+    }
+  };
+
+  store.add(
+    commands.register({
+      id: 'runtime.selectApp',
+      title: 'Choose the app Play starts',
+      category: 'Run',
+      palette: false,
+      handler: async (_services, type: unknown, app: unknown) => {
+        if ((type !== 'client' && type !== 'server') || typeof app !== 'string') return;
+        await settings.set(
+          type === 'client' ? RuntimeSettings.clientApp : RuntimeSettings.serverApp,
+          app,
+          settings.hasStore('projectLocal') ? 'projectLocal' : 'project',
+        );
+      },
+    }),
+  );
+
+  for (const [id, title, handler] of [
+    ['runtime.play', 'Play', withRuntime((target, mode) => play(target, mode as PlayMode))],
+    ['runtime.playClient', 'Play client only', withRuntime((target) => play(target, 'client'))],
+    ['runtime.playServer', 'Play server only', withRuntime((target) => play(target, 'server'))],
+    ['runtime.pause', 'Pause', withRuntime((target) => target.pause())],
+    ['runtime.resume', 'Resume', withRuntime((target) => target.resume())],
+    ['runtime.step', 'Step one frame', withRuntime((target) => target.step())],
+    ['runtime.stop', 'Stop', withRuntime((target) => target.stop())],
+    ['runtime.restart', 'Restart', withRuntime((target) => target.restart())],
+    [
+      'runtime.reload',
+      'Reload editor runtime',
+      withRuntime(async (target) => {
+        await target.stop();
+        location.reload();
+      }),
+    ],
+    [
+      'runtime.openClient',
+      'Open another client',
+      withRuntime(() => {
+        const project = options.projects.current.get();
+        const app = runtime?.appFor('client');
+        if (!project || !app) return;
+        const url = new URL(`/play/${project.id}`, location.origin);
+        url.searchParams.set('app', app.id);
+        const env = settings.get(RuntimeSettings.env);
+        if (Object.keys(env).length)
+          url.hash = new URLSearchParams({ env: JSON.stringify(env) }).toString();
+        window.open(url, '_blank', 'noopener');
+      }),
+    ],
+  ] as const) {
+    store.add(commands.register({ id, title, category: 'Run', handler }));
+  }
+
+  for (const item of TOOLBAR)
+    store.add(extensions.contribute(TOOLBAR_ITEMS, item, { owner: 'core' }));
+  store.add(
+    extensions.contribute(MENU_BAR, { id: 'run', title: 'Run', order: 3 }, { owner: 'core' }),
+  );
+  for (const item of [
+    { menu: 'run', command: 'runtime.play', group: 'play', order: 0, when: '!runtime.active' },
+    {
+      menu: 'run',
+      command: 'runtime.playClient',
+      group: 'play',
+      order: 1,
+      when: '!runtime.active',
+    },
+    {
+      menu: 'run',
+      command: 'runtime.playServer',
+      group: 'play',
+      order: 2,
+      when: '!runtime.active',
+    },
+    {
+      menu: 'run',
+      command: 'runtime.pause',
+      group: 'control',
+      order: 0,
+      when: "runtime.state == 'running' && runtime.controllable",
+    },
+    {
+      menu: 'run',
+      command: 'runtime.resume',
+      group: 'control',
+      order: 1,
+      when: "runtime.state == 'paused'",
+    },
+    {
+      menu: 'run',
+      command: 'runtime.step',
+      group: 'control',
+      order: 2,
+      when: "runtime.state == 'paused'",
+    },
+    { menu: 'run', command: 'runtime.restart', group: 'control', order: 3, when: 'runtime.active' },
+    { menu: 'run', command: 'runtime.stop', group: 'control', order: 4, when: 'runtime.active' },
+    { menu: 'run', command: 'runtime.openClient', group: 'z-clients' },
+    { menu: 'run', command: 'runtime.reload', group: 'z-reload' },
+  ]) {
+    store.add(extensions.contribute(MENU_ITEMS, MenuItemSchema.parse(item), { owner: 'core' }));
+  }
+  for (const binding of [
+    { key: 'F5', command: 'runtime.play', when: '!runtime.active', args: [] },
+    { key: 'F5', command: 'runtime.resume', when: "runtime.state == 'paused'", args: [] },
+    { key: 'Shift+F5', command: 'runtime.stop', when: 'runtime.active', args: [] },
+    { key: 'Mod+Shift+F5', command: 'runtime.restart', when: 'runtime.active', args: [] },
+  ]) {
+    store.add(extensions.contribute(KEYBINDINGS, binding, { owner: 'core' }));
+  }
+
+  return store;
+};
diff --git a/apps/editor/src/lib/runtime/runtime-toolbar.const.ts b/apps/editor/src/lib/runtime/runtime-toolbar.const.ts
new file mode 100644
index 00000000..b6863ae4
--- /dev/null
+++ b/apps/editor/src/lib/runtime/runtime-toolbar.const.ts
@@ -0,0 +1,59 @@
+import { LogLevel } from '@nanoforge-dev/editor-kernel';
+
+export const LOG_LEVELS = {
+  debug: LogLevel.Debug,
+  info: LogLevel.Info,
+  warn: LogLevel.Warn,
+  error: LogLevel.Error,
+} as const;
+
+export const TOOLBAR = [
+  {
+    id: 'runtime.play',
+    icon: 'play',
+    title: 'Play (F5)',
+    command: 'runtime.play',
+    order: 0,
+    when: '!runtime.active',
+  },
+  {
+    id: 'runtime.pause',
+    icon: 'pause',
+    title: 'Pause',
+    command: 'runtime.pause',
+    order: 1,
+    when: "runtime.state == 'running' && runtime.controllable",
+  },
+  {
+    id: 'runtime.resume',
+    icon: 'play',
+    title: 'Resume (F5)',
+    command: 'runtime.resume',
+    order: 1,
+    when: "runtime.state == 'paused'",
+  },
+  {
+    id: 'runtime.step',
+    icon: 'step-forward',
+    title: 'Step one frame',
+    command: 'runtime.step',
+    order: 2,
+    when: "runtime.state == 'paused'",
+  },
+  {
+    id: 'runtime.restart',
+    icon: 'rotate-ccw',
+    title: 'Restart (Ctrl+Shift+F5)',
+    command: 'runtime.restart',
+    order: 3,
+    when: 'runtime.active',
+  },
+  {
+    id: 'runtime.stop',
+    icon: 'square',
+    title: 'Stop (Shift+F5)',
+    command: 'runtime.stop',
+    order: 4,
+    when: 'runtime.active',
+  },
+];
diff --git a/apps/editor/src/lib/workspace/workspace-actions.ts b/apps/editor/src/lib/workspace/workspace-actions.ts
new file mode 100644
index 00000000..cea7e7dd
--- /dev/null
+++ b/apps/editor/src/lib/workspace/workspace-actions.ts
@@ -0,0 +1,376 @@
+import {
+  CodeServiceToken,
+  DocumentServiceToken,
+  RENAME_PACKAGE_TRANSFORMER,
+} from '@nanoforge-dev/editor-code';
+import type { HistoryContext, HistoryService } from '@nanoforge-dev/editor-history';
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  type Observable,
+  ObservableValue,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type ClientProject,
+  EDITOR_LIBRARY,
+  type NewApp,
+  type NewLibrary,
+  type ProjectService,
+  type Undo,
+  WorkspaceError,
+  type WorkspaceIo,
+  addEditorLibrary,
+  createApp,
+  createLibrary,
+  removeApp,
+  removeLibrary,
+  renameApp,
+  renameLibrary,
+  runnableApps,
+  setLibraryUse,
+  validatePackageName,
+  workspaceIo,
+} from '@nanoforge-dev/editor-project';
+import { type AppModel, ProjectsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import type { NotificationService, PromptService } from '@nanoforge-dev/editor-ui';
+
+/** Undo and redo target of the Project screen: changes of the workspace. */
+export const PROJECT_HISTORY_CONTEXT = 'project';
+
+/** A dialog the Project screen is asked to show. */
+export type WorkspaceRequest =
+  | { readonly kind: 'library' }
+  | { readonly kind: 'app'; readonly type: 'client' | 'server' }
+  | { readonly kind: 'remove'; readonly app: AppModel };
+
+export interface WorkspaceActionsOptions {
+  readonly services: Container;
+  readonly projects: ProjectService;
+  readonly rpc: RpcClient;
+  readonly history: HistoryService;
+  readonly notifications: NotificationService;
+  readonly prompts: PromptService;
+  /** Local editors install dependencies; hosted ones never run project tools. */
+  readonly local: boolean;
+}
+
+/**
+ * What the Project screen does to the workspace: add, rename and remove apps and shared
+ * libraries, and choose which apps use a library. Each action is one step of the Project
+ * history; failures are reported, never thrown. The history belongs to the open project: it is
+ * cleared when another project opens, so an undo never reaches the previous one.
+ */
+export class WorkspaceActions implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _request = new ObservableValue<WorkspaceRequest | undefined>(undefined);
+  private readonly _stack: HistoryContext['stack'];
+  private readonly _hasSteps = new ObservableValue(false);
+
+  constructor(private readonly _options: WorkspaceActionsOptions) {
+    const context = this._store.add(
+      _options.history.registerContext({
+        id: PROJECT_HISTORY_CONTEXT,
+        label: 'Project',
+        owner: 'core',
+      }),
+    );
+    this._stack = context.stack;
+    this._store.add(
+      context.stack.onDidChange(({ canUndo, canRedo }) => this._hasSteps.set(canUndo || canRedo)),
+    );
+    let projectId = _options.projects.current.get()?.id;
+    this._store.add({
+      dispose: _options.projects.current.subscribe((project) => {
+        if (project?.id === projectId) return;
+        projectId = project?.id;
+        void this._stack.clear();
+      }),
+    });
+    const commands = _options.services.get(CoreServices.Commands);
+    const open = (request: WorkspaceRequest) => async () => {
+      await commands.execute('workbench.openWidget', 'core.project');
+      this._request.set(request);
+    };
+    for (const [id, title, request] of [
+      ['project.addLibrary', 'Add shared library…', { kind: 'library' }],
+      ['project.addClientApp', 'Add client app…', { kind: 'app', type: 'client' }],
+      ['project.addServerApp', 'Add server app…', { kind: 'app', type: 'server' }],
+    ] as const)
+      this._store.add(
+        commands.register({ id, title, category: 'Project', handler: open(request) }),
+      );
+  }
+
+  /**
+   * Whether the Project history has a step to undo or redo. The screen is the target of undo
+   * only then: with none, `Ctrl+Z` there keeps undoing the layout, as on a screen without history.
+   */
+  get hasSteps(): Observable<boolean> {
+    return this._hasSteps.readonly();
+  }
+
+  /** The dialog asked for (by a command, or a button of the screen). */
+  get request(): Observable<WorkspaceRequest | undefined> {
+    return this._request.readonly();
+  }
+
+  ask(request: WorkspaceRequest | undefined): void {
+    this._request.set(request);
+  }
+
+  get local(): boolean {
+    return this._options.local;
+  }
+
+  /** The apps a new library is used by, and that can use one: the clients and servers. */
+  apps(): AppModel[] {
+    const project = this._project();
+    return project ? runnableApps(project.model.get()) : [];
+  }
+
+  addLibrary(library: NewLibrary): Promise<boolean> {
+    return this._run(`Add shared library ${library.packageName}`, (io) =>
+      createLibrary(io, library),
+    );
+  }
+
+  async addApp(app: NewApp): Promise<boolean> {
+    const added = await this._run(`Add ${app.type} app ${app.name}`, (io, project) =>
+      createApp(io, project.model.get(), app),
+    );
+    if (added && !app.from) this._offerInstall(app.name);
+    return added;
+  }
+
+  /**
+   * Makes an app use a library, or stop. A library no app lists yet is given to them all: the
+   * first choice writes it down for every app that keeps it. All or nothing: a failure undoes
+   * what was already written.
+   */
+  setUse(app: AppModel, library: AppModel, used: boolean): Promise<boolean> {
+    return this._run(
+      `${used ? 'Use' : 'Stop using'} ${library.name} in ${app.name}`,
+      async (io, project) => {
+        const undos: Undo[] = [];
+        const undoAll = async () => {
+          for (const undo of [...undos].reverse()) await undo();
+        };
+        try {
+          if (library.unclaimed && !used) {
+            for (const other of runnableApps(project.model.get()))
+              if (other.id !== app.id) undos.push(await setLibraryUse(io, other, library, true));
+          }
+          undos.push(await setLibraryUse(io, app, library, used));
+        } catch (error) {
+          await undoAll().catch(() => undefined);
+          throw error;
+        }
+        return undoAll;
+      },
+    );
+  }
+
+  /** Asks for the new package name of an app or a library, then renames it. */
+  async rename(app: AppModel): Promise<boolean> {
+    const project = this._project();
+    if (!project) return false;
+    const name = await this._options.prompts.ask({
+      title: `Rename ${app.name}`,
+      label: app.type === 'lib' ? 'Package name (how apps import it)' : 'Name',
+      value: app.name,
+      confirm: 'Rename',
+      validate: (value) =>
+        validatePackageName(value) ??
+        (value !== app.name && project.model.get().apps.some((other) => other.name === value)
+          ? `${value} is already the name of an app or library.`
+          : undefined),
+    });
+    if (!name || name === app.name) return false;
+    if (app.type === 'lib') {
+      const failed = await this._options.services.tryGet(DocumentServiceToken)?.saveAll();
+      if (failed?.length) {
+        this._options.notifications.notify('error', `Could not save ${failed[0]!.uri}`, {
+          detail: 'Save or revert it, then rename the library again.',
+        });
+        return false;
+      }
+    }
+    return this._run(`Rename ${app.name} to ${name}`, (io) =>
+      app.type === 'lib'
+        ? renameLibrary(io, project.model.get(), app, name)
+        : renameApp(io, project.model.get(), app, name),
+    );
+  }
+
+  remove(app: AppModel): Promise<boolean> {
+    return this._run(`Remove ${app.name}`, (io, project) =>
+      app.type === 'lib'
+        ? removeLibrary(io, project.model.get(), app)
+        : removeApp(io, project.model.get(), app),
+    );
+  }
+
+  /**
+   * Registers the engine's editor library in an app (its `package.json` and entry file), so
+   * the editor can pause it and show it live. It takes effect at the next Play.
+   */
+  async addEditorLibrary(app: AppModel): Promise<boolean> {
+    const added = await this._run(`Add the editor library to ${app.name}`, (io) =>
+      addEditorLibrary(io, app),
+    );
+    if (!added) return false;
+    if (EDITOR_LIBRARY in app.engineLibs) {
+      this._options.notifications.notify('info', `${app.name} registers the editor library`, {
+        detail: 'Play again to use it.',
+      });
+    } else
+      this._offerInstall(
+        app.name,
+        'It now depends on @nanoforge-dev/editor-lib: install it, then play again.',
+      );
+    return true;
+  }
+
+  /** Whether the folder of an app can be shown in the machine's file manager. */
+  get canReveal(): boolean {
+    return (
+      this._options.local &&
+      this._options.services.get(CoreServices.Commands).has('fileManager.reveal')
+    );
+  }
+
+  reveal(app: AppModel): void {
+    void this._options.services.get(CoreServices.Commands).execute('fileManager.reveal', app.root);
+  }
+
+  /** Runs the project's package manager; its output goes to the Console. */
+  async install(): Promise<void> {
+    const project = this._project();
+    if (!project) return;
+    const { notifications } = this._options;
+    try {
+      const { manager, ok } = await this._options.rpc
+        .api(ProjectsContract)
+        .install({ id: project.id });
+      if (!manager) {
+        notifications.notify('info', 'Install the dependencies yourself', {
+          detail:
+            "The project has no lockfile, so the editor can't tell which package manager it uses. Run its install command in the project's folder.",
+          timeout: 0,
+        });
+      } else if (ok) notifications.notify('info', `Dependencies installed with ${manager}`);
+      else
+        notifications.notify('error', `${manager} install failed`, {
+          detail: 'Its output is in the Console, under Tasks.',
+        });
+    } catch (error) {
+      notifications.notify('error', 'Could not install the dependencies', {
+        detail: error instanceof Error ? error.message : String(error),
+      });
+    }
+  }
+
+  dispose(): void {
+    this._store.dispose();
+  }
+
+  /**
+   * The project's files for an operation. Searches see the open documents' unsaved edits. With the
+   * code worker, imports are rewritten by reading the code, through the open documents (saved
+   * after each change, as a multi-file operation must).
+   */
+  private _io(project: ClientProject): WorkspaceIo {
+    const plain = workspaceIo(project);
+    const code = this._options.services.tryGet(CodeServiceToken);
+    const documents = this._options.services.tryGet(DocumentServiceToken);
+    if (!documents) return plain;
+    const io: WorkspaceIo = {
+      ...plain,
+      readEdited: async (path) => documents.get(path)?.getText() ?? plain.read(path),
+    };
+    if (!code) return io;
+    const saved = async (path: string) => {
+      if (documents.get(path)) await documents.save(path);
+    };
+    return {
+      ...io,
+      renameImports: async (path, from, to) => {
+        const command = await code.edit(
+          path,
+          RENAME_PACKAGE_TRANSFORMER,
+          { from, to },
+          {
+            label: `Rename ${from}`,
+          },
+        );
+        if (!command) return undefined;
+        await command.do();
+        await saved(path);
+        return {
+          undo: async () => {
+            await command.undo();
+            await saved(path);
+          },
+          isValid: async () => (await command.isValid?.()) ?? true,
+        };
+      },
+    };
+  }
+
+  private _project(): ClientProject | undefined {
+    return this._options.projects.current.get();
+  }
+
+  private _offerInstall(
+    name: string,
+    detail = 'A new app has no node_modules yet: install them before playing it.',
+  ): void {
+    if (!this._options.local) return;
+    this._options.notifications.notify('info', `${name} needs its dependencies`, {
+      detail,
+      actions: [{ title: 'Install dependencies', run: () => this.install() }],
+      timeout: 0,
+    });
+  }
+
+  /** One undoable step of the Project history; a refusal is shown with the files in the way. */
+  private async _run(
+    label: string,
+    operation: (io: WorkspaceIo, project: ClientProject) => Promise<Undo>,
+  ): Promise<boolean> {
+    const project = this._project();
+    if (!project) return false;
+    const io = this._io(project);
+    let undo: Undo | undefined;
+    try {
+      await this._stack.push({
+        label,
+        do: async () => {
+          undo = await operation(io, project);
+          await project.fs.refresh();
+        },
+        undo: async () => {
+          await undo?.();
+          await project.fs.refresh();
+        },
+      });
+      return true;
+    } catch (error) {
+      const paths = error instanceof WorkspaceError ? error.paths : [];
+      this._options.notifications.notify('error', `${label}: not possible`, {
+        detail: `${error instanceof Error ? error.message : String(error)}${
+          paths.length
+            ? ` (${paths.slice(0, 5).join(', ')}${paths.length > 5 ? `, and ${paths.length - 5} more` : ''})`
+            : ''
+        }`,
+      });
+      return false;
+    }
+  }
+}
+
+export const WorkspaceActionsToken = createToken<WorkspaceActions>('editor.workspaceActions');
diff --git a/apps/editor/src/routes/(editor)/+layout.svelte b/apps/editor/src/routes/(editor)/+layout.svelte
new file mode 100644
index 00000000..7dc6e81f
--- /dev/null
+++ b/apps/editor/src/routes/(editor)/+layout.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import Loading from '$lib/editor/Loading.svelte';
+  import { type Editor, createEditor } from '$lib/editor/create-editor';
+  import { provideEditor } from '$lib/editor/editor-context';
+  import { type ErrorDescription, errorCode, errorMessage } from '$lib/editor/error-description';
+
+  const { children }: { children: Snippet } = $props();
+
+  let editor = $state<Editor>();
+  let error = $state<ErrorDescription>();
+  let step = $state('Starting');
+  let progress = $state(0);
+  let description = $state<string>();
+  const context = provideEditor();
+
+  const retry = { label: 'Try again', primary: true, run: () => location.reload() };
+
+  /** Startup failures, with what the user can do about them. */
+  const describeStartupError = (reason: unknown): ErrorDescription =>
+    errorCode(reason) === 'TIMEOUT'
+      ? {
+          title: 'The editor server does not answer',
+          hint: 'It accepted the connection but sent nothing back. Restart it with nf editor, then try again.',
+          detail: errorMessage(reason),
+          actions: [retry],
+        }
+      : errorCode(reason) === 'UNAVAILABLE'
+        ? {
+            title: "Can't reach the editor server",
+            hint: 'Start it with nf editor in your project folder (or check your connection), then try again.',
+            detail: errorMessage(reason),
+            actions: [retry],
+          }
+        : {
+            title: 'The editor failed to start',
+            hint: 'Try again. If it keeps failing, restart the editor server.',
+            detail: errorMessage(reason),
+            actions: [retry],
+          };
+
+  $effect(() => {
+    let disposed = false;
+    createEditor((label, done, total, detail) => {
+      step = label;
+      progress = done / total;
+      description = detail;
+    })
+      .then((created) => {
+        if (disposed) return created.dispose();
+        context.current = created;
+        editor = created;
+      })
+      .catch((reason: unknown) => (error = describeStartupError(reason)));
+    return () => {
+      disposed = true;
+      context.current?.dispose();
+    };
+  });
+</script>
+
+<svelte:head>
+  <title>NanoForge Editor</title>
+</svelte:head>
+
+{#if editor}
+  {@render children()}
+{:else}
+  <Loading {step} {description} {progress} {error} />
+{/if}
diff --git a/apps/editor/src/routes/(editor)/+page.svelte b/apps/editor/src/routes/(editor)/+page.svelte
new file mode 100644
index 00000000..0f4558f7
--- /dev/null
+++ b/apps/editor/src/routes/(editor)/+page.svelte
@@ -0,0 +1,393 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { ProjectsContract, type RecentProject } from '@nanoforge-dev/editor-protocol';
+  import {
+    Button,
+    Checkbox,
+    Dialog,
+    Icon,
+    IconButton,
+    Input,
+    Select,
+    Switch,
+  } from '@nanoforge-dev/editor-ui';
+
+  import { getEditor } from '$lib/editor/editor-context';
+
+  const editor = getEditor();
+  const session = editor.session;
+  const projectsApi = editor.rpc.api(ProjectsContract);
+
+  let recent = $state<RecentProject[]>([]);
+  let gateways = $state<{ gatewayId: string; name: string; description: string }[]>([]);
+  let path = $state('');
+  let error = $state<string>();
+  let busy = $state<string>();
+
+  let creating = $state(false);
+  let draft = $state({
+    name: '',
+    language: 'ts' as 'ts' | 'js',
+    server: true,
+    install: true,
+    packageManager: 'npm' as 'npm' | 'pnpm' | 'yarn' | 'bun',
+  });
+  const nameError = $derived(
+    draft.name && !/^[a-z0-9][a-z0-9-]*$/.test(draft.name)
+      ? 'Use lowercase letters, digits and dashes'
+      : undefined,
+  );
+
+  $effect(() => {
+    if (!session.user) return;
+    const failed = (reason: unknown) => {
+      error = reason instanceof Error ? reason.message : String(reason);
+    };
+    editor.projects
+      .recent()
+      .then((list) => (recent = list))
+      .catch(failed);
+    if (session.mode === 'ONLINE')
+      projectsApi
+        .gateways(null)
+        .then((list) => (gateways = list))
+        .catch(failed);
+  });
+
+  const run = async (label: string, task: () => Promise<string>) => {
+    error = undefined;
+    busy = label;
+    try {
+      await goto(`/project/${await task()}`);
+    } catch (reason) {
+      error = reason instanceof Error ? reason.message : String(reason);
+    } finally {
+      busy = undefined;
+    }
+  };
+
+  const open = (ref: RecentProject['ref']) =>
+    run('Opening project', async () => (await editor.projects.open(ref)).id);
+  /** Takes a project out of the list (its files stay where they are). */
+  const forget = async (project: RecentProject) => {
+    error = undefined;
+    try {
+      await projectsApi.forget({ id: project.id });
+      recent = recent.filter((candidate) => candidate.id !== project.id);
+    } catch (reason) {
+      error = reason instanceof Error ? reason.message : String(reason);
+    }
+  };
+  const create = () =>
+    run('Creating project (nf new)', async () => {
+      creating = false;
+      const { id } = await projectsApi.create(draft);
+      return id;
+    });
+
+  const opened = (date: Date) =>
+    new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(date);
+</script>
+
+<main class="picker">
+  <header>
+    <h1>NanoForge</h1>
+    <p class="who">
+      {#if session.user}{session.user.name}{:else}Not signed in{/if}
+      <span class="mode"
+        >{session.mode === 'OFFLINE' ? 'Local editor' : 'Online editor'} {session.version}</span
+      >
+    </p>
+  </header>
+
+  {#if session.mode === 'ONLINE' && !session.user}
+    <section class="panel">
+      <h2>Sign in to open your projects</h2>
+      <p class="muted">Your projects live on your NanoForge account.</p>
+      <Button
+        variant="primary"
+        onclick={() => session.loginUrl && (location.href = session.loginUrl)}
+        >Sign in on NanoForge</Button
+      >
+    </section>
+  {:else}
+    <section class="actions" aria-label="Open a project">
+      {#if session.mode === 'OFFLINE'}
+        <form
+          class="open"
+          onsubmit={(event) => {
+            event.preventDefault();
+            if (path.trim()) void goto(`/load?path=${encodeURIComponent(path.trim())}`);
+          }}
+        >
+          <Input
+            bind:value={path}
+            placeholder="Project folder, e.g. my-game"
+            aria-label="Project folder"
+          />
+          <Button type="submit" disabled={!path.trim() || !!busy}>Open</Button>
+        </form>
+        <Button variant="primary" icon="plus" disabled={!!busy} onclick={() => (creating = true)}
+          >New project</Button
+        >
+      {/if}
+    </section>
+
+    {#if busy}<p class="status" role="status">{busy}…</p>{/if}
+    {#if error}<p class="error" role="alert">{error}</p>{/if}
+
+    {#if gateways.length}
+      <section aria-labelledby="gateways-title">
+        <h2 id="gateways-title">Your projects</h2>
+        <ul class="list">
+          {#each gateways as project (project.gatewayId)}
+            <li>
+              <button
+                type="button"
+                class="row"
+                onclick={() => open({ gatewayId: project.gatewayId })}
+              >
+                <Icon name="folder" />
+                <span class="name">{project.name}</span>
+                <span class="detail">{project.description}</span>
+              </button>
+            </li>
+          {/each}
+        </ul>
+      </section>
+    {/if}
+
+    <section aria-labelledby="recent-title">
+      <h2 id="recent-title">Recent</h2>
+      {#if recent.length}
+        <ul class="list">
+          {#each recent as project (project.id)}
+            <li class="recent">
+              <button type="button" class="row" onclick={() => open(project.ref)}>
+                <Icon name="folder" />
+                <span class="name">{project.name}</span>
+                <span class="detail location" title={project.location}
+                  ><bdi>{project.location}</bdi></span
+                >
+                <time>{opened(project.openedAt)}</time>
+              </button>
+              <IconButton
+                icon="x"
+                label={`Remove ${project.name} from the recent projects`}
+                onclick={() => void forget(project)}
+              />
+            </li>
+          {/each}
+        </ul>
+      {:else}
+        <p class="muted">Projects you open appear here.</p>
+      {/if}
+    </section>
+  {/if}
+</main>
+
+<Dialog
+  bind:open={creating}
+  title="New project"
+  description="Creates a NanoForge game workspace with nf new."
+>
+  <form
+    class="create"
+    onsubmit={(event) => {
+      event.preventDefault();
+      if (draft.name && !nameError) void create();
+    }}
+  >
+    <label>
+      <span>Name</span>
+      <Input bind:value={draft.name} placeholder="my-game" invalid={!!nameError} />
+    </label>
+    {#if nameError}<p class="error">{nameError}</p>{/if}
+    <label>
+      <span>Language</span>
+      <Select
+        label="Language"
+        value={draft.language}
+        items={[
+          { value: 'ts', label: 'TypeScript' },
+          { value: 'js', label: 'JavaScript' },
+        ]}
+        onchange={(value) => (draft.language = value)}
+      />
+    </label>
+    <label>
+      <span>Package manager</span>
+      <Select
+        label="Package manager"
+        value={draft.packageManager}
+        items={[
+          { value: 'npm', label: 'npm' },
+          { value: 'pnpm', label: 'pnpm' },
+          { value: 'yarn', label: 'yarn' },
+          { value: 'bun', label: 'bun' },
+        ]}
+        onchange={(value) => (draft.packageManager = value)}
+      />
+    </label>
+    <div class="inline">
+      <Switch label="Multiplayer (adds a server app)" bind:checked={draft.server} />
+      <span>Multiplayer (adds a server app)</span>
+    </div>
+    <Checkbox label="Install dependencies" bind:checked={draft.install} />
+    <div class="buttons">
+      <Button onclick={() => (creating = false)}>Cancel</Button>
+      <Button variant="primary" type="submit" disabled={!draft.name || !!nameError}
+        >Create project</Button
+      >
+    </div>
+  </form>
+</Dialog>
+
+<style>
+  .picker {
+    width: min(720px, calc(100vw - 32px));
+    height: 100vh;
+    margin: 0 auto;
+    padding: 12vh 0 var(--nf-space-6);
+    overflow: auto;
+  }
+  header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    margin-bottom: var(--nf-space-5);
+  }
+  h1 {
+    margin: 0;
+    font-size: 26px;
+    font-weight: 600;
+    letter-spacing: -0.015em;
+  }
+  .who {
+    margin: 0;
+    text-align: right;
+  }
+  .mode {
+    display: block;
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+  h2 {
+    margin: var(--nf-space-5) 0 var(--nf-space-2);
+    font-size: var(--nf-font-size-md);
+    font-weight: 600;
+  }
+  .actions {
+    display: flex;
+    gap: var(--nf-space-2);
+  }
+  .open {
+    display: flex;
+    flex: 1;
+    gap: var(--nf-space-2);
+  }
+  .panel {
+    padding: var(--nf-space-4);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-surface);
+  }
+  .panel h2 {
+    margin-top: 0;
+  }
+  .list {
+    margin: 0;
+    padding: 0;
+    border-top: 1px solid var(--nf-color-border);
+    list-style: none;
+  }
+  .row {
+    display: grid;
+    grid-template-columns: auto minmax(0, 12rem) minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--nf-space-3);
+    width: 100%;
+    padding: var(--nf-space-2) var(--nf-space-2);
+    border: 0;
+    border-bottom: 1px solid var(--nf-color-border);
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    text-align: left;
+    cursor: pointer;
+  }
+  .row:hover {
+    background: var(--nf-color-surface);
+    color: var(--nf-color-text);
+  }
+  .name {
+    overflow: hidden;
+    color: var(--nf-color-text);
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .detail {
+    overflow: hidden;
+    font-size: var(--nf-font-size-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .recent {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .recent .row {
+    flex: 1;
+    min-width: 0;
+    border-bottom: 0;
+  }
+  .location {
+    direction: rtl;
+    text-align: left;
+  }
+  time {
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+  .muted,
+  .status {
+    color: var(--nf-color-text-muted);
+  }
+  .error {
+    margin: var(--nf-space-2) 0 0;
+    color: var(--nf-color-danger);
+  }
+  .create {
+    display: grid;
+    gap: var(--nf-space-3);
+  }
+  .create label {
+    display: grid;
+    gap: var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+  }
+  .inline {
+    display: flex;
+    align-items: center;
+    gap: var(--nf-space-2);
+  }
+  .buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--nf-space-2);
+  }
+  @media (max-width: 560px) {
+    .row {
+      grid-template-columns: auto 1fr;
+    }
+    .detail,
+    time {
+      display: none;
+    }
+    .actions,
+    .open {
+      flex-direction: column;
+    }
+  }
+</style>
diff --git a/apps/editor/src/routes/(editor)/load/+page.svelte b/apps/editor/src/routes/(editor)/load/+page.svelte
new file mode 100644
index 00000000..291bb722
--- /dev/null
+++ b/apps/editor/src/routes/(editor)/load/+page.svelte
@@ -0,0 +1,178 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import type { ProjectRef } from '@nanoforge-dev/editor-protocol';
+
+  import Loading from '$lib/editor/Loading.svelte';
+  import { getEditor } from '$lib/editor/editor-context';
+  import {
+    type ErrorAction,
+    type ErrorDescription,
+    errorCode,
+    errorMessage,
+  } from '$lib/editor/error-description';
+
+  /**
+   * Opens a project from a link: `/load?path=<folder>` (local editors, `nf editor <folder>`) or
+   * `/load?gatewayId=<project>` (hosted editors, "Open in editor" on the NanoForge website).
+   *
+   * Opening a trusted local folder runs its code (`nanoforge.config.ts`, plugins, builds), and
+   * any web page can link here: a folder that is not in the recent projects asks first, to trust
+   * it or to open it in restricted mode (its code off). A hosted editor opens projects by their id
+   * only, never by path.
+   */
+  const editor = getEditor();
+  let error = $state<ErrorDescription>();
+  let attempt = $state(0);
+
+  const back: ErrorAction = { label: 'Back to projects', run: () => goto('/') };
+  const retry: ErrorAction = {
+    label: 'Try again',
+    run: () => {
+      error = undefined;
+      attempt++;
+    },
+  };
+
+  const target = (): ProjectRef | undefined => {
+    const path = page.url.searchParams.get('path')?.trim();
+    const gatewayId = page.url.searchParams.get('gatewayId')?.trim();
+    if (gatewayId) return { gatewayId };
+    if (path) return { path };
+    return undefined;
+  };
+
+  /**
+   * Whether a folder was opened here before (the link then needs no confirmation): its real path
+   * only, as recent projects keep it. A relative path always asks.
+   */
+  const known = async (path: string): Promise<boolean> => {
+    const trimmed = path.replace(/(.)\/+$/, '$1');
+    const recent = await editor.projects.recent().catch(() => []);
+    return recent.some((project) => 'path' in project.ref && project.ref.path === trimmed);
+  };
+
+  const describe = (reason: unknown, ref: ProjectRef): ErrorDescription => {
+    const detail = errorMessage(reason);
+    const name = 'path' in ref ? ref.path : 'this project';
+    switch (errorCode(reason)) {
+      case 'NOT_FOUND':
+        return 'path' in ref
+          ? {
+              title: `No project folder at ${name}`,
+              hint: 'Check the path, or pick the project from the project list.',
+              detail,
+              actions: [{ ...back, primary: true }],
+            }
+          : {
+              title: "This project doesn't exist or isn't shared with you",
+              hint: 'Open it from your projects on the NanoForge website.',
+              detail,
+              actions: [{ ...back, primary: true }],
+            };
+      case 'FORBIDDEN':
+        return {
+          title: `Can't open ${name} here`,
+          hint:
+            'path' in ref
+              ? 'The folder is outside of the folder the editor was started in. Run nf editor from a parent folder of the project.'
+              : 'Hosted projects need the online editor.',
+          detail,
+          actions: [{ ...back, primary: true }],
+        };
+      case 'UNAUTHORIZED':
+        return {
+          title: 'Sign in to open this project',
+          hint: 'Sign in on NanoForge, then come back to this page.',
+          detail,
+          actions: [
+            ...(editor.session.loginUrl
+              ? [
+                  {
+                    label: 'Sign in',
+                    primary: true,
+                    run: () => void (location.href = editor.session.loginUrl!),
+                  },
+                ]
+              : []),
+            retry,
+          ],
+        };
+      default:
+        return {
+          title: `${name === 'this project' ? 'The project' : name} could not be opened`,
+          hint: 'Try again, or go back to the project list.',
+          detail,
+          actions: [{ ...retry, primary: true }, back],
+        };
+    }
+  };
+
+  $effect(() => {
+    void attempt;
+    const ref = target();
+    if (!ref) {
+      void goto('/', { replaceState: true });
+      return;
+    }
+    let disposed = false;
+    const open = (trust = false) =>
+      editor.projects
+        .open(ref)
+        .then(async (project) => {
+          if (trust && !project.trusted) await editor.projects.trust();
+          if (!disposed) void goto(`/project/${project.id}`, { replaceState: true });
+        })
+        .catch((reason: unknown) => {
+          if (!disposed) error = describe(reason, ref);
+        });
+    if (!('path' in ref)) void open();
+    else if (editor.session.mode === 'ONLINE') {
+      error = {
+        title: 'Projects open by their id here',
+        hint: 'This editor is hosted: open the project from your projects on the NanoForge website.',
+        actions: [{ ...back, primary: true }],
+      };
+    } else {
+      void known(ref.path).then((trusted) => {
+        if (disposed) return;
+        if (trusted) return void open();
+        error = {
+          title: `Open ${ref.path}?`,
+          hint: 'Trusting a folder lets the editor run its code on this computer: its nanoforge.config.ts, its plugins, its builds and games. Trust it only if you trust where it comes from; otherwise open it in restricted mode, with its code off.',
+          actions: [
+            {
+              label: 'Trust and open',
+              primary: true,
+              run: () => {
+                error = undefined;
+                void open(true);
+              },
+            },
+            {
+              label: 'Open in restricted mode',
+              run: () => {
+                error = undefined;
+                void open();
+              },
+            },
+            back,
+          ],
+        };
+      });
+    }
+    return () => {
+      disposed = true;
+    };
+  });
+</script>
+
+{#if error}
+  <Loading {error} />
+{:else}
+  <Loading
+    step="Opening project"
+    description="Finding the project and reading its configuration."
+    progress={0.1}
+  />
+{/if}
diff --git a/apps/editor/src/routes/(editor)/project/[id]/+page.svelte b/apps/editor/src/routes/(editor)/project/[id]/+page.svelte
new file mode 100644
index 00000000..854f13f6
--- /dev/null
+++ b/apps/editor/src/routes/(editor)/project/[id]/+page.svelte
@@ -0,0 +1,206 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import { onDestroy } from 'svelte';
+  import { CoreServices, type Disposable } from '@nanoforge-dev/editor-kernel';
+  import {
+    LayoutControllerToken,
+    Workbench,
+    type WorkbenchContext,
+    WorkbenchServiceToken,
+    setupWorkbench,
+  } from '@nanoforge-dev/editor-ui';
+
+  import Loading from '$lib/editor/Loading.svelte';
+  import { getEditor } from '$lib/editor/editor-context';
+  import {
+    type ErrorAction,
+    type ErrorDescription,
+    errorCode,
+    errorMessage,
+  } from '$lib/editor/error-description';
+
+  const editor = getEditor();
+  /**
+   * Leaving the project screen (the brand link, Back, another page) closes the project: its
+   * plugins, its runtime and its game stop with it.
+   */
+  onDestroy(() => editor.projects.close());
+  let workbench = $state<WorkbenchContext & Disposable>();
+  let error = $state<ErrorDescription>();
+  let stage = $state({
+    step: 'Opening project',
+    description: 'Connecting to the project on the editor server.',
+    progress: 0.1,
+  });
+  /** Bumped to retry opening the project. */
+  let attempt = $state(0);
+
+  const back: ErrorAction = { label: 'Back to projects', run: () => goto('/') };
+  const retry: ErrorAction = {
+    label: 'Try again',
+    run: () => {
+      error = undefined;
+      attempt++;
+    },
+  };
+
+  /** Why the project could not open, and what the user can do about it. */
+  const describe = async (reason: unknown, id: string): Promise<ErrorDescription> => {
+    const detail = errorMessage(reason);
+    switch (errorCode(reason)) {
+      case 'NOT_FOUND': {
+        const recent = await editor.projects.recent().catch(() => []);
+        const known = recent.find((project) => project.id === id);
+        return known
+          ? {
+              title: `${known.name} is not open anymore`,
+              hint: 'The editor server was probably restarted. Open the project again to continue.',
+              detail,
+              actions: [
+                {
+                  label: `Reopen ${known.name}`,
+                  primary: true,
+                  run: async () => {
+                    const project = await editor.projects.open(known.ref);
+                    if (project.id === id) retry.run();
+                    else await goto(`/project/${project.id}`);
+                  },
+                },
+                back,
+              ],
+            }
+          : {
+              title: 'This project is not open',
+              hint: 'Open it from the project list.',
+              detail,
+              actions: [{ ...back, primary: true }],
+            };
+      }
+      case 'UNAUTHORIZED':
+        return {
+          title: 'Your session expired',
+          hint: 'Sign in again on NanoForge, then come back to this page.',
+          detail,
+          actions: [
+            ...(editor.session.loginUrl
+              ? [
+                  {
+                    label: 'Sign in',
+                    primary: true,
+                    run: () => void (location.href = editor.session.loginUrl!),
+                  },
+                ]
+              : []),
+            retry,
+          ],
+        };
+      case 'UNAVAILABLE':
+        return {
+          title: "Can't reach the editor server",
+          hint: 'Check that the editor server is still running, then try again.',
+          detail,
+          actions: [{ ...retry, primary: true }, back],
+        };
+      default:
+        return {
+          title: 'The project could not be opened',
+          hint: 'Try again, or go back to the project list.',
+          detail,
+          actions: [{ ...retry, primary: true }, back],
+        };
+    }
+  };
+
+  $effect(() => {
+    const id = page.params.id!;
+    void attempt;
+    let disposed = false;
+    let created: (WorkbenchContext & Disposable) | undefined;
+    let provided: Disposable[] = [];
+
+    const start = async () => {
+      await editor.projects.load(id, (current) => {
+        stage =
+          current === 'model'
+            ? {
+                step: 'Reading the project',
+                description: 'Loading the nanoforge.config files and finding the apps.',
+                progress: 0.25,
+              }
+            : {
+                step: 'Loading files',
+                description: 'Listing the project files and updating the local cache.',
+                progress: 0.55,
+              };
+      });
+      stage = {
+        step: 'Restoring your layout',
+        description: "Reading this project's editor settings and panel layout.",
+        progress: 0.85,
+      };
+      await new Promise<void>((resolve) => {
+        const unsubscribe = editor.projectSettings.subscribe((attached) => {
+          if (attached !== id) return;
+          queueMicrotask(() => unsubscribe());
+          resolve();
+        });
+      });
+      if (disposed) return;
+      created = setupWorkbench({
+        shell: editor.shell,
+        services: editor.services,
+        extensions: editor.services.get(CoreServices.Extensions),
+        commands: editor.services.get(CoreServices.Commands),
+        contextKeys: editor.services.get(CoreServices.ContextKeys),
+        settings: editor.settings,
+        history: editor.history,
+        logger: editor.services.get(CoreServices.Logger).getLogger('workbench'),
+        activate: (event) => editor.plugins.activateByEvent(event),
+      });
+      provided = [
+        editor.services.provide(LayoutControllerToken, created.layout),
+        editor.services.provide(WorkbenchServiceToken, created.workbench),
+      ];
+      workbench = created;
+    };
+    start().catch(async (reason: unknown) => {
+      const description = await describe(reason, id);
+      if (!disposed) error = description;
+    });
+    return () => {
+      disposed = true;
+      for (const registration of provided) registration.dispose();
+      created?.dispose();
+      workbench = undefined;
+    };
+  });
+</script>
+
+{#if workbench}
+  <Workbench context={workbench}>
+    {#snippet brand()}
+      <a
+        class="brand"
+        href="/"
+        onclick={(event) => {
+          event.preventDefault();
+          void goto('/');
+        }}>NanoForge</a
+      >
+    {/snippet}
+  </Workbench>
+{:else if error}
+  <Loading {error} />
+{:else}
+  <Loading step={stage.step} description={stage.description} progress={stage.progress} />
+{/if}
+
+<style>
+  .brand {
+    margin-right: var(--nf-space-2);
+    color: var(--nf-color-text);
+    font-weight: 600;
+    text-decoration: none;
+  }
+</style>
diff --git a/apps/editor/src/routes/+layout.svelte b/apps/editor/src/routes/+layout.svelte
new file mode 100644
index 00000000..d487f580
--- /dev/null
+++ b/apps/editor/src/routes/+layout.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import '@nanoforge-dev/editor-ui/fonts.css';
+  import type { Snippet } from 'svelte';
+
+  const { children }: { children: Snippet } = $props();
+</script>
+
+{@render children()}
+
+<style>
+  /* Before the theme loads (loading screen); afterwards the theme variables win. */
+  :global(body) {
+    margin: 0;
+    background: var(--nf-color-bg, #12161d);
+    color: var(--nf-color-text, #d8dde7);
+    font-family: var(--nf-font-ui, 'Instrument Sans', system-ui, sans-serif);
+    font-size: var(--nf-font-size-md, 13px);
+  }
+</style>
diff --git a/apps/editor/src/routes/+layout.ts b/apps/editor/src/routes/+layout.ts
new file mode 100644
index 00000000..83addb7e
--- /dev/null
+++ b/apps/editor/src/routes/+layout.ts
@@ -0,0 +1,2 @@
+export const ssr = false;
+export const prerender = false;
diff --git a/apps/editor/src/routes/play/[id]/+page.svelte b/apps/editor/src/routes/play/[id]/+page.svelte
new file mode 100644
index 00000000..89209774
--- /dev/null
+++ b/apps/editor/src/routes/play/[id]/+page.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import { RuntimeContract } from '@nanoforge-dev/editor-protocol';
+  import { RpcClient } from '@nanoforge-dev/editor-rpc';
+  import { type GameClientModule, GameClientRunner } from '@nanoforge-dev/editor-runtime';
+
+  import { errorMessage } from '$lib/editor/error-description';
+
+  /**
+   * Another client of the game played in the editor (multiplayer tests): the last build of the
+   * app, full page. Environment overrides come in the URL fragment (never sent to the server).
+   */
+  const project = $derived(page.params.id ?? '');
+  const app = $derived(page.url.searchParams.get('app') ?? '');
+  let host = $state<HTMLElement>();
+  let error = $state<string>();
+
+  const overrides = (): Record<string, string> => {
+    try {
+      const encoded = new URLSearchParams(location.hash.slice(1)).get('env');
+      return encoded ? (JSON.parse(encoded) as Record<string, string>) : {};
+    } catch {
+      return {};
+    }
+  };
+
+  $effect(() => {
+    if (!host) return;
+    const rpc = new RpcClient({ baseUrl: location.origin });
+    const runtime = rpc.api(RuntimeContract);
+    const runner = new GameClientRunner({
+      importModule: (url) => import(/* @vite-ignore */ url) as Promise<GameClientModule>,
+      onEvent: () => undefined,
+      onError: (reason) => console.error(reason),
+    });
+    const target = host;
+    Promise.all([
+      runtime.manifest({ project, app }),
+      runtime.env({ project, app, overrides: overrides() }),
+    ])
+      .then(([manifest, env]) =>
+        runner.start({ host: target, manifest, env, origin: location.origin }),
+      )
+      .catch((reason: unknown) => (error = errorMessage(reason)));
+    return () => {
+      void runner.stop(500);
+      rpc.dispose();
+    };
+  });
+</script>
+
+<svelte:head>
+  <title>{app ? `${app.split('/').at(-1)} · ` : ''}NanoForge game</title>
+</svelte:head>
+
+<main bind:this={host}>
+  {#if error}
+    <p class="error" role="alert">
+      Could not start the game: {error}. Build it from the editor (Play), then reload this page.
+    </p>
+  {/if}
+</main>
+
+<style>
+  main {
+    position: fixed;
+    inset: 0;
+    overflow: hidden;
+  }
+  .error {
+    max-width: 560px;
+    margin: 20vh auto 0;
+    padding: 0 16px;
+  }
+</style>
diff --git a/public/favicon.svg b/apps/editor/static/favicon.svg
similarity index 100%
rename from public/favicon.svg
rename to apps/editor/static/favicon.svg
diff --git a/public/robots.txt b/apps/editor/static/robots.txt
similarity index 100%
rename from public/robots.txt
rename to apps/editor/static/robots.txt
diff --git a/apps/editor/svelte.config.js b/apps/editor/svelte.config.js
new file mode 100644
index 00000000..ec36c1c5
--- /dev/null
+++ b/apps/editor/svelte.config.js
@@ -0,0 +1,15 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/**
+ * The UI is a static single page app (served by the editor's Bun server, see server/main.ts):
+ * all server logic lives behind the RPC endpoint, never in SvelteKit.
+ */
+/** @type {import('@sveltejs/kit').Config} */
+export default {
+  preprocess: vitePreprocess(),
+  compilerOptions: { runes: true },
+  kit: {
+    adapter: adapter({ pages: 'build', assets: 'build', fallback: 'index.html', strict: false }),
+  },
+};
diff --git a/apps/editor/test/plugin/shared-modules.spec.ts b/apps/editor/test/plugin/shared-modules.spec.ts
new file mode 100644
index 00000000..ac4b9678
--- /dev/null
+++ b/apps/editor/test/plugin/shared-modules.spec.ts
@@ -0,0 +1,18 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { SHARED_GLOBAL as KERNEL_GLOBAL } from '@nanoforge-dev/editor-kernel';
+import { MAIN_SHARED_MODULES, SHARED_GLOBAL } from '@nanoforge-dev/editor-vite-plugin';
+
+import { SHARED_MODULE_NAMESPACES } from '../../src/lib/plugin/shared-modules';
+
+vi.mock('@nanoforge-dev/editor-sdk/ui', () => ({}));
+
+describe('shared modules', () => {
+  it('provides exactly the modules plugins are built against', () => {
+    expect(Object.keys(SHARED_MODULE_NAMESPACES).sort()).toEqual([...MAIN_SHARED_MODULES].sort());
+  });
+
+  it('uses the global name the plugin build rewrites to', () => {
+    expect(KERNEL_GLOBAL).toBe(SHARED_GLOBAL);
+  });
+});
diff --git a/apps/editor/test/workspace/workspace-actions.spec.ts b/apps/editor/test/workspace/workspace-actions.spec.ts
new file mode 100644
index 00000000..bbcc2f54
--- /dev/null
+++ b/apps/editor/test/workspace/workspace-actions.spec.ts
@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest';
+
+import { HistoryService } from '@nanoforge-dev/editor-history';
+import {
+  CommandRegistry,
+  Container,
+  CoreServices,
+  ObservableValue,
+} from '@nanoforge-dev/editor-kernel';
+
+import { WorkspaceActions } from '../../src/lib/workspace/workspace-actions';
+
+const setup = () => {
+  const services = new Container('test');
+  services.provide(CoreServices.Commands, new CommandRegistry(services));
+  const history = new HistoryService();
+  const current = new ObservableValue<{ id: string } | undefined>({ id: 'pong' });
+  const actions = new WorkspaceActions({
+    services,
+    projects: { current } as never,
+    rpc: {} as never,
+    history,
+    notifications: {} as never,
+    prompts: {} as never,
+    local: true,
+  });
+  return { actions, history, current };
+};
+
+describe('WorkspaceActions', () => {
+  it('starts a new Project history when another project opens', async () => {
+    const { actions, history, current } = setup();
+    const stack = history.get('project')!.stack;
+    await stack.push({ label: 'Add app', do: () => {}, undo: () => {} });
+    expect(stack.state.canUndo).toBe(true);
+
+    current.set({ id: 'pong' });
+    await Promise.resolve();
+    expect(stack.state.canUndo).toBe(true);
+
+    current.set({ id: 'breakout' });
+    await expect.poll(() => stack.state.canUndo).toBe(false);
+    actions.dispose();
+  });
+});
diff --git a/apps/editor/tsconfig.json b/apps/editor/tsconfig.json
new file mode 100644
index 00000000..bff00c5c
--- /dev/null
+++ b/apps/editor/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "moduleResolution": "bundler",
+    "skipLibCheck": true,
+    "types": ["bun"]
+  }
+}
diff --git a/apps/editor/vite.config.ts b/apps/editor/vite.config.ts
new file mode 100644
index 00000000..089254dc
--- /dev/null
+++ b/apps/editor/vite.config.ts
@@ -0,0 +1,93 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { type ChildProcess, spawn } from 'node:child_process';
+import { existsSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { type Plugin, defineConfig, searchForWorkspaceRoot } from 'vite';
+
+import pkg from './package.json' with { type: 'json' };
+
+const API_PORT = Number(process.env.EDITOR_API_PORT ?? 5174);
+
+/** Built-in plugins run as dev plugins in dev: rebuilt by `vite build --watch`, hot reloaded. */
+const PLUGINS_ROOT = join(import.meta.dirname, '../../plugins');
+const builtInPlugins = existsSync(PLUGINS_ROOT)
+  ? readdirSync(PLUGINS_ROOT, { withFileTypes: true })
+      .filter((entry) => entry.isDirectory())
+      .map((entry) => join(PLUGINS_ROOT, entry.name))
+  : [];
+
+/**
+ * Dev only: runs the editor's Bun server (RPC, WebSocket, plugins) next to Vite, which proxies
+ * those routes to it. `bun --watch` restarts it when server code changes.
+ */
+const editorServer = (): Plugin => {
+  let child: ChildProcess | undefined;
+  return {
+    name: 'nanoforge-editor-server',
+    apply: 'serve',
+    configureServer(server) {
+      child = spawn('bun', ['--watch', 'server/main.ts'], {
+        stdio: 'inherit',
+        env: {
+          ...process.env,
+          NODE_ENV: 'development',
+          PORT: String(API_PORT),
+          EDITOR_NO_STATIC: '1',
+          FS_ROOT: process.env.FS_ROOT ?? process.env.INIT_CWD ?? process.cwd(),
+          DEV_PLUGINS: [...builtInPlugins, process.env.DEV_PLUGINS ?? ''].filter(Boolean).join(','),
+        },
+      });
+      server.httpServer?.once('close', () => child?.kill());
+    },
+  };
+};
+
+/**
+ * `ANALYZE=1 pnpm build`: prints, for each big chunk of the client build, its heaviest modules,
+ * and how TypeScript got into a chunk when it did (it belongs to the code worker only).
+ */
+const analyzeBundle = (): Plugin => ({
+  name: 'nanoforge-analyze-bundle',
+  apply: 'build',
+  generateBundle(_options, bundle) {
+    const short = (id: string) =>
+      id.replace(/^.*\/node_modules\/(\.pnpm\/[^/]+\/node_modules\/)?/, '');
+    for (const chunk of Object.values(bundle)) {
+      if (chunk.type !== 'chunk' || chunk.code.length < 200_000) continue;
+      const modules = Object.entries(chunk.modules)
+        .map(([id, module]) => ({ id, size: module.renderedLength }))
+        .sort((a, b) => b.size - a.size);
+      console.log(`\n${chunk.fileName}: ${(chunk.code.length / 1024).toFixed(0)} KiB`);
+      for (const module of modules.slice(0, 6))
+        console.log(`  ${(module.size / 1024).toFixed(0).padStart(6)} KiB  ${short(module.id)}`);
+      const compiler = modules.find(({ id }) => /node_modules\/(typescript|@ts-morph)\//.test(id));
+      if (!compiler || chunk.fileName.includes('worker')) continue;
+      const chain = [compiler.id];
+      for (let id = compiler.id; chain.length < 12;) {
+        const importer = this.getModuleInfo(id)?.importers.find((next) => !chain.includes(next));
+        if (!importer) break;
+        chain.push(importer);
+        id = importer;
+      }
+      console.log(
+        `  TypeScript is in this chunk through:\n    ${chain.map(short).join('\n    <- ')}`,
+      );
+    }
+  },
+});
+
+export default defineConfig({
+  plugins: [sveltekit(), editorServer(), ...(process.env.ANALYZE ? [analyzeBundle()] : [])],
+  define: { __EDITOR_VERSION__: JSON.stringify(pkg.version) },
+  worker: { format: 'es' },
+  server: {
+    fs: { allow: [searchForWorkspaceRoot(process.cwd())] },
+    proxy: {
+      '/rpc/ws': { target: `ws://127.0.0.1:${API_PORT}`, ws: true },
+      '/rpc': { target: `http://127.0.0.1:${API_PORT}` },
+      '/plugins': { target: `http://127.0.0.1:${API_PORT}` },
+      '/runtime': { target: `http://127.0.0.1:${API_PORT}` },
+      '/healthz': { target: `http://127.0.0.1:${API_PORT}` },
+    },
+  },
+});
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
index 50fe89a0..00b811e2 100644
--- a/commitlint.config.cjs
+++ b/commitlint.config.cjs
@@ -1,4 +1,34 @@
+const PACKAGES = [
+  'editor',
+  'kernel',
+  'sdk',
+  'rpc',
+  'history',
+  'settings',
+  'layout',
+  'meta',
+  'ui',
+  'project',
+  'code',
+  'runtime',
+  'server-core',
+  'registry',
+];
+
+const { existsSync, readdirSync } = require('node:fs');
+const { join } = require('node:path');
+
+/** Built-in plugins (`plugins/<name>`) are scopes too. */
+const PLUGINS_DIR = join(__dirname, 'plugins');
+const PLUGINS = existsSync(PLUGINS_DIR) ? readdirSync(PLUGINS_DIR) : [];
+
 module.exports = {
   extends: ['@commitlint/config-conventional'],
-  rules: {},
+  rules: {
+    'scope-enum': [
+      1,
+      'always',
+      [...PACKAGES, ...PLUGINS, 'deps', 'ci', 'release', 'docs', 'tooling', 'specs'],
+    ],
+  },
 };
diff --git a/components.json b/components.json
deleted file mode 100644
index a74b7b46..00000000
--- a/components.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "$schema": "https://shadcn-svelte.com/schema.json",
-  "style": "nova",
-  "aliases": {
-    "lib": "$lib",
-    "components": "$lib/components/ui",
-    "hooks": "$lib/hooks",
-    "utils": "@utils/ui"
-  },
-  "tailwind": {
-    "baseColor": "neutral",
-    "css": "src/app.css"
-  },
-  "typescript": true
-}
diff --git a/docs/adr/0001-plugin-ui-runtime.md b/docs/adr/0001-plugin-ui-runtime.md
new file mode 100644
index 00000000..07e2b57c
--- /dev/null
+++ b/docs/adr/0001-plugin-ui-runtime.md
@@ -0,0 +1,59 @@
+# ADR 0001 — Plugin UI runtime: shared modules through a build-time rewrite
+
+- Status: accepted (phase 1.1 spike, GO)
+- Date: 2026-09-26
+
+## Context
+
+Editor plugins are built separately from the editor (bundled, marketplace or local-dev plugins)
+and render Svelte 5 widgets inside the editor. A compiled Svelte component imports
+`svelte/internal/client`. If a plugin bundled its own copy of the runtime, its widgets would not
+share reactivity, contexts or effect scheduling with the host.
+
+The plan's first idea was an **import map** that points `svelte/*` to the host's copy. It does
+not work reliably: in a SvelteKit/Vite production build, the runtime is inlined into hashed
+chunks with no stable URL. In dev it is served from `.vite/deps` with a version hash. Shims
+re-exporting the runtime would need the exact export names of every module.
+
+## Decision
+
+Plugins are built with `@nanoforge-dev/editor-vite-plugin` (`tooling/vite-plugin`):
+
+- Shared modules (`SHARED_MODULES`: the Svelte client modules and `@nanoforge-dev/editor-sdk`)
+  are externalized.
+- In `renderChunk`, every import of a shared module is rewritten into a lookup:
+  `globalThis.__nanoforge_editor_shared__.require('<specifier>')`. This covers namespace,
+  named, default and dynamic imports. Re-exports are rejected.
+- Side-effect-only modules the host already evaluated (`disclose-version`, `flags/tracing`) are
+  dropped.
+- Modules that would flip global runtime flags (`flags/legacy`, `flags/async`) are a build
+  error, so **plugins must compile in runes mode**.
+
+The host fills a `SharedModuleRegistry` (kernel) with its own module namespaces and installs it
+before importing any plugin (`apps/editor/src/lib/plugin/shared-modules.ts`). Plugin output
+stays plain ESM with relative chunks, and nothing depends on the host's chunk names.
+
+## Verification
+
+_Update (phase 5): the spike route, fixture and check script were replaced by the end-to-end test `apps/editor/e2e/workbench.spec.ts` ("runs a local plugin built against the shared runtime"), which loads `tooling/example-plugin` in the real editor._
+
+`tooling/spike-plugin` (an externally built widget) is rendered by `/__spike` as a child
+component of a host component. `apps/editor/e2e/plugin-runtime.check.mjs` checks all of these,
+in **dev (vite) and prod (bun build)**, and both pass:
+
+- a context set by the host is readable by the plugin (`getContext`);
+- the host's `$state` passed as a prop drives the plugin's `$derived`, and the plugin's mutations
+  are seen by the host;
+- the plugin's local `$state` works;
+- scoped CSS applies;
+- there are no console errors.
+
+## Consequences
+
+- Compiled Svelte output depends on the runtime's internal API. A plugin compiled with a newer
+  Svelte than the host may call internals the host lacks. The build will record the Svelte
+  version in the built manifest, and the plugin host will require
+  `same major && compiled <= host` (phase 1.13).
+- Plugins must be built with the NanoForge vite plugin (`nf create plugin` sets this up).
+- Fallback B from the plan (framework-agnostic `mount(el)` widgets) stays supported for
+  non-Svelte widgets. It is not needed as a fallback.
diff --git a/docs/adr/0002-editor-server.md b/docs/adr/0002-editor-server.md
new file mode 100644
index 00000000..62e6b6b7
--- /dev/null
+++ b/docs/adr/0002-editor-server.md
@@ -0,0 +1,51 @@
+# ADR 0002 — Editor server: Bun RPC server + static SvelteKit UI
+
+- Status: accepted (phase 2)
+- Date: 2026-09-26
+
+## Context
+
+The previous editor ran all server logic through SvelteKit form actions and hooks
+(`svelte-adapter-bun`). The rewrite needs:
+
+- a typed RPC API shared with plugins' server entries;
+- a WebSocket for file changes, model updates and dev plugin reloads;
+- plugin file serving.
+
+`nf editor` must still start one process (`bun dist/index.js`).
+
+## Decision
+
+- **UI**: SvelteKit builds a static single-page app (`@sveltejs/adapter-static`, SPA fallback,
+  `ssr = false`). SvelteKit only handles routing and rendering.
+- **Server**: `apps/editor/server/main.ts` runs `Bun.serve` around `createEditorServer`
+  (`packages/server-core`). The server is transport-agnostic and testable in Node. It serves:
+  - `POST /rpc/<namespace>.<method>`: typed calls, zod-validated, binary-safe JSON;
+  - `GET /rpc/ws`: one multiplexed WebSocket for stream subscriptions;
+  - `GET /plugins/<source>/@<scope>/<name>/<version>/*`: plugin files;
+  - the built UI with an SPA fallback, and `/healthz`.
+- **Dev**: `vite dev` starts the Bun server (`bun --watch`) through a Vite plugin and proxies
+  `/rpc`, `/rpc/ws` and `/plugins` to it.
+- **Contracts**: `packages/protocol` holds the contracts shared by client and server. Plugins
+  implement their own under the namespace `plugin.<name>`.
+
+## Security
+
+- Every RPC call and WebSocket upgrade is checked against the `Origin` header, so a web page on
+  another origin cannot drive a local editor. OFFLINE editors bind to `127.0.0.1` by default.
+- Project paths are jailed to `FS_ROOT`, and file paths to the project root, including through
+  symlinks. Deletes go to `.nanoforge/editor/trash`.
+- **Config loading**:
+  - OFFLINE executes `nanoforge.config.*` with `unrun`, like the CLI does. Everything but Node
+    built-ins is bundled (unrun imports from `<cwd>/node_modules/.unrun`), and
+    `@nanoforge-dev/config` is a virtual module, so fresh clones load.
+  - ONLINE never executes project code: configs are read statically, literal values only.
+- ONLINE sessions reuse the `accessToken`/`refreshToken` cookies set by the NanoForge projects
+  website. The API client refreshes them through `POST /auth/refresh-token`.
+
+## Consequences
+
+- SvelteKit server features (load functions, form actions) are not used.
+- Any server feature is an RPC contract, which plugins can also provide.
+- Hosted (ONLINE) deployments still run `nf` CLI commands on project code, as the previous
+  editor did. They must isolate projects (containers) until a sandbox exists.
diff --git a/docs/adr/0003-component-and-system-docs.md b/docs/adr/0003-component-and-system-docs.md
new file mode 100644
index 00000000..1fd8ac66
--- /dev/null
+++ b/docs/adr/0003-component-and-system-docs.md
@@ -0,0 +1,177 @@
+# ADR 0003 — Items: TSDoc in the source, editor-generated meta, owner-keyed data
+
+- Status: accepted (2026-09-27). The field-level schema is a draft and may change.
+- Schema: `docs/drafts/item-schema.ts` (zod, every value commented)
+- Visual summary: https://claude.ai/artifact/RNu5aEEUCBcPodtAnbtdNJ
+- Example: `engine/example/pong-network/nf_modules/@nanoforge/` and its
+  `.nanoforge/editor/cache/meta/`
+
+## Context
+
+The editor needs to know, for each thing a package provides (today: ECS components and systems):
+its name, what it does, its parameters (types, defaults), which side it runs on, and the data a
+specific lib needs (for ECS: the registry name, the components a system queries, the `ctx` libs it
+uses).
+
+The previous plan read `EDITOR_COMPONENT_MANIFEST` / `EDITOR_SYSTEM_MANIFEST` literals
+(`engine/modules/ecs/src/shared/editor-manifest.type.ts`). They duplicate the code and drift from it.
+
+Dependencies will be packages installed in the read-only `nf_modules/`. The editor must read them
+without scanning folders.
+
+What the real code forces:
+
+- Components are classes with **positional constructors** (`new Velocity(x, y)`) and a
+  `name = "X"` field that the ECS registry keys on.
+- Parameters can be **engine objects** (`Rect`, `Circle` from graphics-2d) or **engine enums**
+  (`InputEnum`), not just primitives.
+- Client and server sets differ: every item has a **side**.
+
+## Decision
+
+### Names
+
+Every name in our registry is `@scope/name`, like a scoped npm package: packages, editor plugins,
+owner keys, and the prefix of plugin settings (`@nanoforge/viewport.zoom`). The editor enforces it
+(`PLUGIN_NAME_PATTERN`). The CLI is not changed yet.
+
+### One shape at every level
+
+The manifest, each item, and each element (a parameter or a field) have three parts:
+
+1. **Core fields**, understood by the editor with no plugin: names, source, description,
+   TypeScript types, `side`.
+2. **`requires`**: the npm libs needed to use it (manifest: `libDependencies`, `npmDependencies`;
+   item: the libs its source imports; element: implied by `ref` / `enumRef`).
+3. **Owner objects**: extra keys named after an editor plugin (`"@nanoforge/ecs": { … }`). Only that
+   plugin parses them. Core fields never contain `/`, so they can't clash with owner keys, and any
+   other unknown key is an error.
+
+Nothing in the core is shaped for one lib. There is no `component` or `system` type: an ECS
+component is an item with `"@nanoforge/ecs": { "type": "component", "name": "Position" }`.
+
+The core never looks inside an owner object. An item whose owner plugin isn't installed stays in
+the catalog as a generic item.
+
+### Manifests
+
+`nanoforge.manifest.json`:
+
+- `type`: `package` or `plugin`. The two are separate: a package never holds a plugin.
+- `contents`: what the package holds, whatever its folder layout: `{ kind, path, export?, name?,
+description?, side?, tags? }` plus owner objects. `kind` is a core kind (`asset`, `type`, `enum`…)
+  or one owned by a plugin (`@nanoforge/ecs:component`); `path` is a file, or a folder ending with
+  `/`. The registry counts them by kind (`kinds`) and lets people search by kind.
+- `items`: source files, relative to the manifest, whose exports can be items. Kept for packages
+  written before `contents`: the code files `contents` points to are item sources too.
+- `include`: sub-manifests (amended 2026-10-11, to the registry's contract): folders (their
+  `nanoforge.manifest.json`) or `.json` files, relative to the manifest listing them. A sub-manifest
+  **only describes contents** (`contents`, `include`, owner objects), its paths relative to its
+  folder: the package's name, version, dependencies and suggested plugins are the root manifest's.
+  The catalog walks `include`, it never scans. An include stays inside the package (no `..`, no
+  absolute path), nesting stops at 4 levels and 100 sub-manifests.
+- `suggestedPlugins`: editor plugins that make the package easier to use, as `["@scope/name"]` or
+  `{ "@scope/name": "^1.0.0" }`.
+- `dependencies` (our registry), `libDependencies`, `npmDependencies`, `publish` as before.
+- Owner objects for package-level data.
+
+**Where things are installed.**
+
+| What     | Where                                          | Loaded                     |
+| -------- | ---------------------------------------------- | -------------------------- |
+| Packages | `<project>/nf_modules/@scope/name` (read-only) | by the catalog             |
+| Plugins  | `~/.nanoforge/editor/plugins/@scope/name`      | in every project           |
+| Plugins  | `<project>/.nanoforge/plugins/@scope/name`     | while that project is open |
+
+A project's plugin shadows the same plugin installed in the home folder (then come dev plugins).
+Its server entry only runs in a local editor: a hosted editor never runs project code on the
+server.
+
+**Suggested plugins.** When a project opens, the editor collects the `suggestedPlugins` of the
+packages in `nf_modules` (their root manifests) and names the ones that aren't installed in a
+notification, once per project. Installing is manual for now.
+
+An editor plugin that owns a key declares it in its manifest, so the editor can suggest it when it
+meets one of its tags:
+
+```json
+"contributes": { "itemOwner": { "schema": 1, "tags": ["component", "system", "query", "uses"] } }
+```
+
+### Docs are TSDoc in the source
+
+The `.ts` file is the only source of truth.
+
+- **Core tags:** the summary, `@remarks`, `@param`, `@example`, `@side client|server|shared`
+  (default `shared`), `@asset [param] [.ext…]`, `@deprecated`, `@internal`.
+- **Core layout tags** (how params look in the inspector, see `docs/specs/ecs.md`, _Param layout_):
+  on the item, `@group <Name> [color=<css>] [hidden] - <description>`; on a param (its inline doc,
+  or a field's doc), `@group <Name>`, `@preset <preset>[.<slot>]`, `@label <text>`, `@color <css>`,
+  `@hidden`. They are core, not owner tags: any owner plugin's inspector can use them.
+- **Owner tags** are declared by the owner plugin and read only by it. `@nanoforge/ecs` declares
+  `@component`, `@system`, and `@query` / `@uses` (overrides when the analyzer can't infer them).
+  Two installed plugins claiming the same tag is an error that names both.
+- **Inferred from code:** types, defaults, optional, string literal unions (`enum`), enum types
+  (`enumRef`), lib classes (`ref`), imports (`requires`). The ECS plugin infers the registry `name`,
+  `query` (each `registry.getZipper([...])`) and `uses` (each `ctx.<lib>`).
+- An owner **claims** members it describes itself, which are then left out of `params` / `fields`:
+  ECS claims a component's `name` field and a system's `(registry, ctx)` parameters.
+
+An export is an item when it's in a code file a package's `contents` points to (or one under a
+folder it points to) or lists in `items`, or, in the project's apps (no manifest), when an owner tag
+is on it.
+
+### Elements
+
+Core types describe TypeScript, not a lib: `string` (`enum`, `enumRef`), `number`, `boolean`,
+`asset` (a project file path, `accept`), `array` (`items`), `object` (`properties`), `ref`
+(`"@nanoforge-dev/graphics-2d#Rect"`), `unknown` (`tsType`, edited as code). The default is
+`default` when it's a JSON value, `defaultCode` (source text) otherwise. A `ref` is edited by the
+plugin that contributes an editor for it; otherwise it's shown as code.
+
+### The editor generates the meta, into its cache only
+
+Owner data can only come from owner plugins, and they run in the editor. So the editor is the
+only producer of metadata:
+
+- **Extraction runs in the code worker**, in its own package (`@nanoforge-dev/editor-meta`) so it
+  can later run without the UI. The core extractor produces the core parts; each owner plugin
+  registers, from its `entry.worker`, its key, tags, claimed members, a zod schema and `extract()`.
+- **The meta lives only in `.nanoforge/editor/cache/meta/`** (git-ignored), one file per source:
+  `modules/@scope/name.json` (`nf_modules`), `packages/@scope/name.json` (the project's own
+  packages), `apps/<app>.json`. It is never published and never written next to the sources.
+  `nf_modules` stays untouched.
+- **Generated at init when missing, regenerated when stale:** when `sourceHash`, `metaVersion`,
+  `generator.version` or the installed owners (added, removed, other `version` or `schema`) differ.
+- **Owner plugin missing:** its tags are kept raw in the item's `unclaimedTags`, with a warning. A
+  regeneration without the plugin doesn't produce its owner object, so the object disappears. It
+  comes back when the plugin is installed (the owners changed, so the meta is regenerated).
+- **`nf publish`** has nothing to do with the meta.
+
+### Catalog
+
+Core owns a generic, reactive **catalog**: items by `ItemRef` (`@nanoforge/motion#Position`, or
+`app:client#Paddle` for an app), from providers (`nf_modules`, project packages, project apps).
+Plugins build views on it: the ECS plugin's component and system registries are the items whose
+`@nanoforge/ecs.type` is `component` or `system`.
+
+## Open questions
+
+1. ~~**Imports into `nf_modules`.**~~ Decided in ADR 0004: by package name, through the root `tsconfig.json` `paths`.
+   **Was:** The example uses relative paths across packages
+   (`../../motion/components/position`). Should there be an alias (`@nf/<scope>/<name>/…`), set up
+   by `nf install` in tsconfig and the build?
+2. ~~**Name collisions.**~~ Decided in ADR 0005: plain names stay, the app's item wins and the editor warns.
+   **Was:** The ECS registry keys on `name`: `@nanoforge/motion#Position` and the
+   app's own `Position` would clash. Namespaced names, or a rule that forbids it?
+3. ~~**Root index.**~~ Decided in ADR 0005: `nanoforge.packages.json` and its lock list the packages; the catalog still reads `nf_modules/@<scope>/<name>/`.
+   **Was:** Should `nf install` write a list of the installed packages (like a lockfile), so
+   the catalog has one entry point, or does the catalog read `nf_modules/@<scope>/<name>/`?
+4. ~~**Sub-manifests.**~~ Decided in ADR 0005: every package is published and installable alone; a bigger one lists the others in `dependencies`.
+   **Was:** Can `@nanoforge/shapes` be installed alone, or only as part of `render-2d`?
+5. **Engine libs' own items.** Do graphics-2d or network ship items the same way?
+6. ~~**Editor hints.**~~ Partly decided: layout tags are core (groups, presets, labels, colors,
+   hidden). Still open: value hints such as `@min`, `@max`, `@step`.
+   **Was:** Tags for the inspector (`@min`, `@max`, `@step`, `@color`): core, or owner
+   tags?
+7. **Headless generation** (later): the `@nanoforge-dev/editor-meta` package run by a command.
diff --git a/docs/adr/0004-shared-libraries.md b/docs/adr/0004-shared-libraries.md
new file mode 100644
index 00000000..ae4d47b3
--- /dev/null
+++ b/docs/adr/0004-shared-libraries.md
@@ -0,0 +1,141 @@
+# ADR 0004 — Shared libraries: components and systems shared by several apps
+
+- Status: accepted (2026-09-27)
+- Related: ADR 0003 (items, packages, plugins), `docs/specs/ecs.md`
+
+## Context
+
+A NanoForge project has several apps (usually `client` and `server`), each with its own
+`src/components` and `src/systems`. A game needs components that both sides use (`Position`,
+`Velocity`, a `Player` with its id). Today they are copied into each app, and the copies drift.
+
+The CLI already knows a workspace member of `type: "lib"` in `nanoforge.config.ts`: a folder with
+`dir.components`, `dir.systems`, `dir.assets`, `dir.scenes` and no entry file. The editor's project
+discovery already lists libs, and the build already skips them (their code is bundled into the apps
+that import it).
+
+The user wants, in the editor, to create components and systems shared between client and server.
+Publishing is out of scope: a lib stays in its project.
+
+## Decision
+
+### A shared library is a lib workspace member
+
+```
+nanoforge.config.ts          { type: "workspace", packages: ["apps/*", "libs/*"] }
+libs/shared/
+  nanoforge.config.ts        { type: "lib", dir: { components: "src/components", … } }  ← the CLI defaults are shared/…
+  package.json               { "name": "@pong-network/shared", "private": true }
+  src/components/player.ts   /** @component  @side shared */
+  src/systems/score.ts       /** @system     @side server */
+```
+
+- No `nanoforge.manifest.json`: a lib isn't published, so it needs no registry identity. Its name
+  is its `package.json` name.
+- Items are found like in an app: the exports of `dir.components` / `dir.systems` that an owner tag
+  claims (`@component`, `@system`).
+- **Side is per item**, not per lib: one lib holds client, server and shared items. An app is offered
+  the items whose `@side` matches it and whose required engine libraries it has.
+- A lib may import engine libraries (`@nanoforge-dev/*`), installed packages (`nf_modules`) and other
+  libs. It never imports an app. The editor reports an import of an app, and a cycle between libs.
+
+### Imports use the package name
+
+Apps import items from a lib, and from an installed package, by package name:
+
+```ts
+import { Position } from '@nanoforge/motion/components/position';
+import { Player } from '@pong-network/shared/components/player';
+```
+
+- The project's root `tsconfig.json` maps them with `paths`:
+  `"@pong-network/shared/*": ["libs/shared/src/*"]` and
+  `"@nanoforge/motion/*": ["nf_modules/@nanoforge/motion/*"]`. The editor writes the lib entry when it
+  creates a lib; package entries come with installing (not built yet).
+- The code worker resolves through the same `paths`, so the editor's diagnostics, completion and the
+  codegen's import edits all agree.
+- Moving an item between a lib and a package never changes the importing code's shape.
+- This answers ADR 0003's open question 1 (imports into `nf_modules`).
+- To check while building: that `nf build` honors `paths`. If it doesn't, fall back to a
+  `workspace:*` dependency plus an install run by the editor.
+
+### Items and catalog
+
+- Item references: `<package name>#<export>`, e.g. `@pong-network/shared#Player`. Apps keep
+  `app:<app>#<export>`.
+- The meta of a lib is cached like a project package's:
+  `.nanoforge/editor/cache/meta/libs/<package name>.json`.
+- The catalog has a `lib` provider next to `app` and `module` (`nf_modules`). Lib items are editable;
+  package items are read-only.
+- ECS name collisions: the ECS plugin warns when two items that the same app can use share a
+  registry `name` (an app's `Position` and a lib's `Position`).
+
+### Words in the UI
+
+"Lib" is already used in the editor for engine libraries (`engineLibs`), so the UI always says which
+kind it means. Code and config keep `lib`, as the CLI does.
+
+| Thing                                        | UI name               | Example                               |
+| -------------------------------------------- | --------------------- | ------------------------------------- |
+| An app (`apps/client`)                       | **App**               | App _client_                          |
+| A lib workspace member (`libs/shared`)       | **Shared library**    | Shared library _shared_               |
+| An installed package (`nf_modules`)          | **Installed package** | Installed package _@nanoforge/motion_ |
+| An npm engine library (`@nanoforge-dev/ecs`) | **Engine library**    | Engine library _ecs_                  |
+
+The component and system browser groups items under those headings: the selected app first, then
+each shared library, then installed packages (with a lock).
+
+### Editor features (phase 10, ECS plugin and core)
+
+- **New shared library** (command, and a button in the browser): asks for a folder name (default
+  `shared`) and the package name (default `@<project>/<folder>`). It creates `libs/<folder>/`
+  (`nanoforge.config.ts`, `package.json`, `src/components`, `src/systems`), adds `libs/*` to the
+  workspace `packages` when missing, and adds the `paths` entry. One undoable step.
+- **New component / New system** ask where: the selected app (default) or a shared library. In a
+  shared library, `@side` defaults to `shared`.
+- **Move to shared library**: moves a component or system from an app into a lib, rewrites every
+  import in the project, one undoable step.
+- **Copy to…** on an installed package's item copies it into an app or a shared library.
+- Adding a lib item to an entity or an app adds the package-name import.
+- While playing, a change in a lib rebuilds every app that imports it (the build orchestrator
+  follows imports).
+
+### Which apps use a library, and managing them (2026-10-03)
+
+- **An app uses a library when its `nanoforge.config` lists it in `libs`**: paths relative to
+  the app, the field the CLI's config defines for this (`libs: ["../../libs/shared"]`).
+  `AppModel.libraries` holds the project's libraries an app uses.
+  - The editor keeps the app's `package.json` in step (`"@pong-network/shared": "workspace:*"`,
+    for package managers): every change writes both. Where they disagree (an edit by hand), `libs`
+    wins and the project shows a warning that says what to add.
+  - A library's config has no `libs`: a library uses another through its `package.json`.
+  - Until 2026-10-03 the editor read `libs` as engine library names, which the CLI never meant.
+    The editor reads engine libraries from `package.json` only.
+- An app is only offered the items of the libraries it uses (`itemFitsApp`). An app that imports a
+  library it does not use is reported, with the fix named.
+- **A library that no app lists is given to every app**, so a project made before this rule keeps
+  working. The Project screen says so; the first tick or untick writes `libs` and the dependencies down.
+- `nf build` (Bun) honors the root `paths`, checked on `examples/pong-game`: the dependency is a
+  declaration, and nothing needs installing for a library to build and play.
+- The **Project screen** manages the workspace: add, rename and remove client apps, server apps and
+  shared libraries, and tick the apps that use each library. Every change is one step of the
+  _Project_ history. The operations are `packages/project/src/workspace/` (in the SDK), which
+  the ECS plugin's _New shared library…_ uses too.
+  - Renaming a library rewrites its `paths` entry, the dependencies on it and every import of it.
+  - Removing a library is refused while a file imports it; the files are named.
+  - A new app is empty (engine libraries at the versions of another app) or a copy of an app of
+    its type. An empty app needs its dependencies installed: the editor offers to run the
+    project's package manager, found from its lockfile (`projects.install`, local editors only).
+  - The last app of a project can't be removed.
+- **Several clients or servers**: Play starts one client and one server. With two or more of a
+  type, the Run menu gets a _Client app_ or _Server app_ submenu (`runtime.clientApp`,
+  `runtime.serverApp`, kept with the project for this machine). With one of each, the menu is
+  unchanged.
+- Not built: two servers of one project running at once, several clients side by side in the
+  editor (a second client opens in its own window), publishing a library as a package.
+
+## Consequences
+
+- Client and server share one definition of each shared component, which network code needs.
+- No publishing: turning a lib into a package later means adding a `nanoforge.manifest.json`.
+- The root `tsconfig.json` becomes something the editor edits (only its `paths` entries).
diff --git a/docs/adr/0005-package-installs.md b/docs/adr/0005-package-installs.md
new file mode 100644
index 00000000..c053163d
--- /dev/null
+++ b/docs/adr/0005-package-installs.md
@@ -0,0 +1,18 @@
+# ADR 0005: installing packages and plugins
+
+Date: 2026-10-01. Status: accepted. It settles the install questions ADR 0003 left open.
+
+## Decisions
+
+1. **Who installs.** The editor server, with a package that has no editor dependency (`@nanoforge-dev/registry`). It is meant to move to the CLI repository, where `nf install` will use it too.
+2. **The project's list.** `nanoforge.packages.json` holds the packages a project asks for, with version ranges. `nanoforge.packages.lock.json` holds what is installed: exact versions, archive hashes, and each package's own dependencies. `nf_modules` can be restored from the lock, so it may be left out of git. The editor does not edit the project's `.gitignore`: that choice is the project's.
+3. **Sub-packages.** Each package is published on its own and can be installed alone. A package that needs others lists them in `dependencies` (`{ "@scope/name": "^1.0.0" }`); they are installed side by side in `nf_modules/@scope/name`, one version each. `include` stays for folders inside one published package.
+4. **Version conflicts.** One version of a package per project. When two ranges have no version in common, the install is refused and names both.
+5. **Name collisions of items.** Plain names stay. The app's own item wins over a package's and the editor warns. Refusing installs on collisions between two packages is left for when the registry knows item names.
+6. **The registry.** Its HTTP contract is in `docs/api/registry.md`, with routes after the npm registry's. Until the backend exists, the editor runs on a registry read from a folder.
+
+## Still open
+
+- Engine libraries: npm, or the registry.
+- Inspector value hints (`@min`, `@max`, `@step`).
+- Headless meta generation.
diff --git a/docs/adr/0006-source-layout.md b/docs/adr/0006-source-layout.md
new file mode 100644
index 00000000..d1a3b5ea
--- /dev/null
+++ b/docs/adr/0006-source-layout.md
@@ -0,0 +1,127 @@
+# ADR 0006 — Source layout and naming
+
+- Status: accepted (2026-10-04), piloted on `packages/settings` and `plugins/git`
+- Related: the engine (`../engine`, `origin/main`) and the CLI (`../cli`, `origin/main`), whose
+  layout this follows
+
+## Context
+
+The editor grew one phase at a time, and each workspace got its own habits:
+
+- tests next to the code (`packages/kernel/src/**/*.test.ts`), or in `test/` with flat names;
+- flat `src/` folders of 15 files (`packages/settings`, `plugins/git`), or feature folders
+  (`packages/server-core`);
+- Svelte components at the root of a plugin's `src/`, or in `widgets/`;
+- files of 500 to 800 lines holding several classes or views.
+
+The engine and the CLI already share one layout: feature folders with an `index.ts`, kebab-case
+files named after what they export, a suffix for each kind of file, and tests in `test/` named
+`.spec.ts`. The editor follows them.
+
+## Decision
+
+### Workspace
+
+```
+<workspace>/
+  src/
+    index.ts                   the entry: a barrel (packages), or definePlugin (plugins)
+    <feature>/
+      index.ts                 re-exports the feature's public files
+      <name>.ts
+      <kinds>/<name>.<kind>.ts a family of files of one kind
+  test/
+    <feature>/<name>.spec.ts   mirrors src/
+    fixtures/
+```
+
+- **Feature folders.** `src/` holds `index.ts` and folders. Each folder is one feature, named in
+  kebab-case and in the singular (`store`, `account-sync`, `definition`), like the engine's
+  `application`, `library-registry`, `exception`.
+- **Barrels.** A folder's `index.ts` re-exports what leaves the folder. A package's `src/index.ts` only
+  re-exports its folders (`export * from './store'`), with no code of its own. Files inside a
+  workspace import each other by path, never through their own package's barrel.
+- **Subpath entries** (`editor-code/engine`, `editor-meta/pure`, `editor-sdk/ui`, registry `/types`)
+  are files at the root of `src/` next to `index.ts`, named after the subpath.
+- **Families.** Implementations of one interface are named `<variant>.<kind>.ts` for a class
+  `<Variant><Kind>`, like the CLI's `build.action.ts` and the engine's `tcp.client.network.ts`:
+  `MemoryScopeStore` → `memory.scope-store.ts`, `IndexedDbKeyValueStore` →
+  `indexed-db.key-value-store.ts`. They stay in their feature folder; a plural sub-folder
+  (`actions/`) only when the family is large and the folder holds other files.
+
+### Files
+
+- **kebab-case**, named after the main export: `SettingsService` → `settings-service.ts`,
+  `createActions` → `create-actions.ts`. One main export per file; small helpers that only it uses
+  stay with it.
+- **Kind suffixes**, after the engine and the CLI:
+
+  | Suffix          | Holds                                                           |
+  | --------------- | --------------------------------------------------------------- |
+  | `.type.ts`      | types and interfaces only, no values                            |
+  | `.enum.ts`      | an enum, or an `as const` list and its union type               |
+  | `.exception.ts` | an `Error` subclass (several go in `exceptions/`)               |
+  | `.abstract.ts`  | an abstract class                                               |
+  | `.factory.ts`   | a function that picks and builds one of several implementations |
+  | `.const.ts`     | constants shared by several files of the feature                |
+  | `.<kind>.ts`    | a member of a family: `.scope-store.ts`, `.contract.ts`…        |
+
+- **Tokens** (`createToken`) live in the file of the class or interface they inject.
+- **Svelte components** are kebab-case when an `index.ts` re-exports them (the kit:
+  `button.svelte`), PascalCase otherwise (a plugin's `CommitView.svelte`). Rune modules are
+  `<name>.svelte.ts`.
+- **Size.** A file that passes about 300 lines (a Svelte file's `<style>` not counted) is split
+  along its responsibilities: a view into child components and pure helpers, a service into the
+  parts it coordinates. A class that is one state machine (`PluginHost`, `RuntimeService`) may stay
+  longer: its types, exceptions and helpers still leave it.
+- **State stays where it lived.** When a component is split, the state its script held stays owned
+  above every `{#if}`, `{#key}` or gate the new children sit under, or it is lost each time they
+  unmount (a commit message lost on a tab switch). Pass it down as props, `$bindable` props or a
+  rune class in a `<name>.svelte.ts` file (`commit-panel-state.svelte.ts`).
+
+### Plugins
+
+```
+plugins/<name>/src/
+  index.ts         definePlugin: activation and registrations only
+  widgets/         the views the manifest's widgets mount (<Name>View.svelte), and their parts
+  dialogs/         a dialog component and the function that mounts it (open-<name>-dialog.ts)
+  session/         what activate() shares with the widgets (<name>-session.ts)
+  <feature>/       the plugin's logic: service, store, model, actions…
+  worker/          code that runs in the code worker; index.ts is the manifest's worker entry
+  icons.ts         the icons the plugin registers
+```
+
+- Plugin folders have no `index.ts`: nothing imports a plugin, so its files import each other by
+  path, and its Svelte components stay PascalCase.
+- A view's parts sit next to it (`widgets/commit/CommitView.svelte`, `ChangesTab.svelte`…); parts
+  shared by several views sit in `widgets/` (`ConfirmDialog.svelte`).
+- A tab or panel whose state must outlive its `{#if}` keeps it in a rune class next to it
+  (`commit-panel-state.svelte.ts`, `packages-dialog-state.svelte.ts`), owned by the view.
+- The manifest's entry files (`index.js`, `worker.js`), the CSS name (`cssFileName`) and the widget
+  ids do not change with the layout.
+
+### Tests
+
+- In `test/`, mirroring `src/` (`src/store/json-file.scope-store.ts` →
+  `test/store/json-file.scope-store.spec.ts`), named `<name>.spec.ts`; one `describe` per unit.
+  Tests import the package's entry (`../../src`) or the file under test. Vitest browser tests are
+  `<name>.svelte.spec.ts`. Helpers shared by several specs go in `test/fixtures/`.
+- Fixtures go in `test/fixtures/`. Snapshots and screenshots follow their spec's name: rename them
+  with it, never regenerate them to make a move pass.
+- E2E specs stay in `apps/editor/e2e/` (already `<name>.spec.ts`).
+
+## Not adopted from the engine
+
+- **Per-workspace `eslint.config.js` and `prettier.config.js`.** The root ESLint config scopes its
+  import boundaries by path (`packages/kernel/**`, `plugins/**`); a package config that re-exports it
+  would match them against the package's own folder and lose them.
+- **`tsconfig.spec.json`.** The editor typechecks tests with the sources (`tsc` or `svelte-check` on
+  one `tsconfig.json`) instead of through Vitest's typecheck.
+
+## Consequences
+
+- Every move keeps the public API: the SDK snapshot test runs without `-u` after each workspace.
+- Documentation that cites paths (CLAUDE.md, `docs/`) follows each move.
+- `examples/counter-plugin` mirrors what `nf create plugin` writes (`../cli-editor`). It changes with
+  the CLI's template, not on its own.
diff --git a/docs/api/README.md b/docs/api/README.md
new file mode 100644
index 00000000..b6278dd2
--- /dev/null
+++ b/docs/api/README.md
@@ -0,0 +1,71 @@
+# NanoForge API: what the editor needs
+
+Hand-off to the API team (rewrite plan, phase 12). One page per contract, the calls the editor already makes, and tests that check an API against all of it.
+
+The editor **server** makes every call: the API key and the user's tokens never reach the browser.
+
+## Contracts
+
+| Contract                                                                            | Status in the API                                                  | Editor without it                                                                                        |
+| ----------------------------------------------------------------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- |
+| [Settings sync](settings-sync.md)                                                   | to build                                                           | hosted editors keep account settings on their own disk, per user                                         |
+| [Registry of plugins and packages](registry.md)                                     | built (registry v2: npm-style, versioned zip archives, `contents`) | the marketplace and the Packages dialog say the registry is not available                                |
+| Account plugin list (in [settings sync](settings-sync.md#keys-the-editor-reserves)) | no endpoint of its own: a key of the settings document             | the list stays on the machine. It also does today for local editors, which do not sign in (see the page) |
+
+Nothing is asked for **per-user project settings** of hosted editors (`local.json` in a local editor): they stay on the hosted editor's disk (`DATA_DIR/settings/project-local/<user>/<project>.json`). A hosted editor therefore needs a **persistent data volume**, shared by its instances if there are several.
+
+## Calls the editor makes today
+
+All with the `Api-Key` header. "Bearer" means `Authorization: Bearer <accessToken>` of the signed-in user.
+
+| Call                              | Auth   | The editor reads                                                                                                                               |
+| --------------------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
+| `GET /users/me`                   | Bearer | `id`, `username`, `email`, `firstName`, `lastName`: who the cookie's access token belongs to (the editor trusts no token it did not ask about) |
+| `POST /auth/refresh-token`        | none   | body `{ refreshToken }` → `{ accessToken, refreshToken, tokenExpiresAt }`; `401` signs the user out                                            |
+| `GET /projects`                   | Bearer | an array of projects: `id`, `code`, `name`, `description`, `gatewayProjectRegistryUrl`, `gatewayProjectRegistryMetadata.dir`                   |
+| `GET /editor/projects/:projectId` | Bearer | the same fields plus `token` (to clone and push the project's git repository)                                                                  |
+
+A `401` on any authenticated call makes the editor refresh the token pair once and retry (one refresh at a time per session: a rotated refresh token is spent by the first).
+
+In the API, `@Get('me')` must be declared before `@Get(':id')` in the users controller, or `GET /users/me` is read as the user of id `me`.
+
+Sign-in itself is not the editor's: the projects website sets the cookies the hosted editor reads.
+
+## Turning features on
+
+The editor does not guess what is deployed. Whoever runs it lists the features in `API_FEATURES` (comma separated); nothing is on by default.
+
+| `API_FEATURES` | Turns on                                                                      |
+| -------------- | ----------------------------------------------------------------------------- |
+| `settings`     | account settings through `GET/PUT /users/me/editor-settings` (hosted editors) |
+| `registry`     | the marketplace and the Packages dialog read the registry at `API_URL`        |
+
+`REGISTRY_URL` points the editor at a registry elsewhere, and `REGISTRY_DIR` at a folder used as one (tests, working offline).
+
+Probing instead was ruled out: the settings contract answers `404` for "no document yet", which an API without the endpoint answers too.
+
+## Contract tests
+
+The same scenarios run against the editor's own stand-ins (in every test run, so they cannot drift from the contract) and against a real API. They only speak HTTP.
+
+```sh
+# The API: authentication, projects, and settings sync when listed in CONTRACT_FEATURES.
+CONTRACT_API_URL=https://api.staging.nanoforge.eu \
+CONTRACT_API_KEY=… \
+CONTRACT_ACCESS_TOKEN=… \
+CONTRACT_FEATURES=settings \
+CONTRACT_PROJECT_ID=… \
+pnpm --filter @nanoforge-dev/editor-server-core test:contract
+
+# The registry (reads only).
+CONTRACT_REGISTRY_URL=https://api.staging.nanoforge.eu \
+CONTRACT_REGISTRY_ITEM=@scope/name \
+pnpm --filter @nanoforge-dev/registry test:contract
+```
+
+- Use a **test account**. The settings scenarios write to its document and put it back as it was.
+- `CONTRACT_PROJECT_ID` (a project of that account) and `CONTRACT_REFRESH_TOKEN` are optional: their scenarios are skipped without them. Refreshing rotates the refresh token, so the value given stops working afterwards.
+- `CONTRACT_REGISTRY_ITEM` is any published item; nothing is published or removed.
+- Scenarios: `packages/server-core/test/contract/api-contract.ts` and `packages/registry/test/contract/registry-contract.ts`.
+
+They have only been run against the stand-ins so far.
diff --git a/docs/api/registry.md b/docs/api/registry.md
new file mode 100644
index 00000000..cada1feb
--- /dev/null
+++ b/docs/api/registry.md
@@ -0,0 +1,170 @@
+# Registry of plugins and packages — NanoForge API contract
+
+Status: **implemented** by the API (registry v2). The full contract, publishing and scopes included, is the API's `docs/registry.md`; this page is what the editor and the CLI rely on. The editor ships a client (`RegistryClient`), a reference implementation of the read routes (`serveRegistry`, over a folder) and contract tests, all in `packages/registry` (`@nanoforge-dev/registry`), a package meant to move to the CLI repository so `nf install` and `nf publish` use the same code.
+
+The routes follow the **npm registry**: one document per item with all its versions (the "packument"), archives under `/-/`, dist-tags, search under `/-/v1/search`. What differs from npm: every item has a `type`, archives are **zip** files stored as published, every version says **what it holds** (`contents`, counted in `kinds`), and `dist` adds a hex **sha256** to npm's hashes.
+
+## Model
+
+- An **item** has a name `@scope/name` (lowercase letters, digits and `-`) and a `type`, fixed by its first publication:
+  - `package`: components, systems, scenes, assets… installed in a project's `nf_modules/@scope/name`;
+  - `plugin`: an editor plugin (its built `dist`), installed in `~/.nanoforge/editor/plugins` or in a project's `.nanoforge/plugins`.
+- An item has **versions** (semver). A version is an archive: a zip with `nanoforge.manifest.json` at its root. A published version never changes, and an unpublished version number is never reused.
+- The scope belongs to a user: their username, or a previous one that held packages.
+
+## The manifest
+
+```jsonc
+{
+  "name": "@acme/kit",
+  "version": "1.2.0",
+  "type": "package",
+  "description": "Components and assets for 2D platformers",
+  "keywords": ["2d"],
+  "dependencies": { "@acme/physics": "^1.0.0" }, // or ["@acme/physics"]
+  "libDependencies": { "@nanoforge-dev/ecs": "^1.0.0" },
+  "engines": { "editor": ">=0.1.0" },
+  "suggestedPlugins": ["@nanoforge/ecs"], // or { "@nanoforge/ecs": "^1.0.0" }
+  "contents": [
+    { "kind": "asset", "path": "assets/sprites/" },
+    { "kind": "type", "path": "src/types.ts", "export": "Direction" },
+  ],
+  "include": ["src/player", "assets/sounds.json"],
+}
+```
+
+- `contents`: what the package holds, whatever its folder layout. `kind` is a core kind (`asset`, `type`, `enum`, `file`…) or one owned by a plugin (`@nanoforge/ecs:component`); `path` is a file, or a folder ending with `/`; `export`, `name`, `description`, `side`, `tags` are optional; any other key is an owner object (`"@scope/name": { … }`).
+- `include`: **sub-manifests**, folders (their `nanoforge.manifest.json`) or `.json` files, relative to the manifest listing them. A sub-manifest only holds `contents`, `include`, `$schema` and owner objects, its paths relative to its own folder. 4 levels and 100 sub-manifests at most.
+- The editor reads both with `readPackageContents` (`@nanoforge-dev/registry/types`): the catalog takes the code files `contents` points to as item sources. `items` (source files, before `contents`) is still read.
+
+## Reading
+
+**No API key and no user**: local editors and the CLI have neither.
+
+### `GET /registry/@scope/name`
+
+The item with every version. The name may come encoded as npm clients send it (`@scope%2Fname`).
+
+```jsonc
+{
+  "_id": "@acme/render",
+  "name": "@acme/render",
+  "type": "package",
+  "description": "Draws shapes.",
+  "author": { "name": "Acme" }, // only when the manifest names one
+  "maintainers": [{ "name": "acme" }],
+  "readme": "# Render\n…",
+  "dist-tags": { "latest": "1.1.0" },
+  "versions": {
+    "1.1.0": {
+      // the manifest, normalized, then:
+      "name": "@acme/render",
+      "version": "1.1.0",
+      "type": "package",
+      "dependencies": { "@acme/shapes": "^1.0.0" },
+      "engines": { "editor": ">=0.1.0" },
+      "suggestedPlugins": { "@nanoforge/ecs": "*" },
+      "contents": [
+        {
+          "kind": "@nanoforge/ecs:component",
+          "path": "src/circle.ts",
+          "manifest": "src/nanoforge.manifest.json",
+          "fileCount": 1,
+          "size": 412,
+        },
+      ],
+      "manifests": ["src/nanoforge.manifest.json"],
+      "kinds": { "@nanoforge/ecs:component": 1 },
+      "dist": {
+        "tarball": "https://api.nanoforge.eu/registry/@acme/render/-/render-1.1.0.zip",
+        "integrity": "sha512-…",
+        "shasum": "<sha1>",
+        "sha256": "9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08",
+        "size": 18230,
+        "unpackedSize": 54000,
+        "fileCount": 42,
+      },
+    },
+  },
+  "time": { "created": "…", "modified": "…", "1.1.0": "2026-10-02T09:00:00.000Z" },
+  "downloads": { "total": 1250 },
+}
+```
+
+- `dist-tags.latest`: the highest stable version, unless a publisher moved it.
+- `versions[v].contents`: every content, the sub-manifests' included, with paths from the archive root and the sub-manifest it comes from (`manifest`). `kinds` counts them. The folder stand-in (`serveRegistry`) serves them too, without the API's `fileCount` and `size`.
+- `versions[v].dist.tarball`: where the archive is, absolute (the client also takes it relative to the registry's base URL). `dist.sha256` is what the editor checks and keeps in the lock.
+- With `Accept: application/vnd.npm.install-v1+json`, versions keep what installing needs (dependencies, engines, suggested plugins, `kinds`, `dist`), without `contents` nor the readme. The client asks for it before a download.
+- Required by the editor: `name`, `type`, `dist-tags.latest`, `versions` with `name`, `version`, `type`, `dist.tarball`, `dist.sha256`. It ignores fields it does not know.
+
+| Status | Meaning                              |
+| ------ | ------------------------------------ |
+| `200`  | the document above                   |
+| `304`  | unchanged since `If-None-Match`      |
+| `404`  | no such item (`{ "error": string }`) |
+
+### `GET /registry/@scope/name/-/name-<version>.zip`
+
+The archive, `application/zip`, exactly as published. `404` when the version does not exist. Counts as a download.
+
+### `GET /registry/-/v1/search?text=&type=&kind=&from=&size=`
+
+- `text`: words searched in names, keywords, descriptions and content names (all must match), with the qualifiers `kind:`, `type:`, `scope:` and `keywords:`; empty lists everything.
+- `type`: `plugin` or `package`; `kind`: only items whose latest version holds it.
+- `from` (default 0) and `size` (default 20, at most 250) page through the results.
+
+```jsonc
+{
+  "objects": [
+    {
+      "package": {
+        "name": "@acme/render",
+        "scope": "acme",
+        "type": "package",
+        "version": "1.1.0",
+        "description": "Draws shapes.",
+        "keywords": [],
+        "date": "2026-10-02T09:00:00.000Z",
+        "publisher": { "username": "acme" },
+        "kinds": { "@nanoforge/ecs:component": 1 },
+        "suggestedPlugins": { "@nanoforge/ecs": "*" },
+      },
+      "downloads": { "total": 1250 },
+      "score": { "final": 3.2 },
+      "searchScore": 3.2,
+    },
+  ],
+  "total": 1,
+  "time": "…",
+}
+```
+
+The editor shows `author.name` when there is one, else `publisher.username`.
+
+## Publishing
+
+Not done by the editor: `nf publish` will. Authentication is a **registry key** (the `/registry-key` endpoints) in `Authorization: Bearer <key>`; its authorizations (`@scope/*` or `@scope/name`) say what it may publish.
+
+`PUT /registry/@scope/name`, `multipart/form-data`: `archive` (the zip, at most 20 MiB) and an optional `tag`. The registry reads name, version and type from the archive's manifest, checks every `contents` path and sub-manifest, computes the hashes, and stores the archive as is.
+
+| Status | Meaning                                       |
+| ------ | --------------------------------------------- |
+| `201`  | published                                     |
+| `400`  | a check on the archive or the manifest failed |
+| `401`  | no key, or an expired one                     |
+| `403`  | the key may not publish this name             |
+| `409`  | the version exists or existed                 |
+| `413`  | the archive is too large                      |
+
+`DELETE /registry/@scope/name/-/name-<version>.zip` unpublishes a version: projects that locked it can no longer restore it.
+
+### Plugins
+
+A plugin's archive is its built `dist` folder: the manifest, the bundles it names in `entry`, its assets. Its manifest carries what the editor checks before loading it, so the registry only stores and returns it:
+
+- `engines.editor`: the editor versions it runs on. The marketplace offers the newest version that fits the running editor.
+- `build`: the versions of the shared modules it was compiled against (the Svelte runtime, the SDK). The editor refuses a plugin built for an incompatible runtime.
+
+## Checking an implementation
+
+`pnpm --filter @nanoforge-dev/registry test:contract` (see [README](README.md#contract-tests)) reads one published item through every read route: the document (`dist.tarball`, `kinds`), the archive and its hash, search with text, type and paging, and the `404`s.
diff --git a/docs/api/settings-sync.md b/docs/api/settings-sync.md
new file mode 100644
index 00000000..f0bcb16e
--- /dev/null
+++ b/docs/api/settings-sync.md
@@ -0,0 +1,81 @@
+# Editor settings sync — NanoForge API contract
+
+Status: **proposed**, to be implemented by `api.nanoforge.eu`. The editor already ships a client
+(`ApiAccountBackend` in `packages/server-core`) and a mock implementing this contract
+(`packages/server-core/test/mocks/nanoforge-api.ts`). Contract tests check an API against this
+page: see [README](README.md#contract-tests).
+
+## Model
+
+Each user has **one editor settings document**:
+
+```json
+{ "revision": "42", "values": { "editor.locale": "fr", "history.limit": 200 } }
+```
+
+- `values` is a flat JSON object: keys are setting ids (`<namespace>.<name>`), values are any
+  JSON. The API does not interpret keys or values; the editor validates them.
+- `revision` is an opaque string, changed on every write. It is `null` before the first save.
+- Limits: at most **2000 keys** and **256 KiB** of serialized `values`. Larger writes get `413`.
+
+## Endpoints
+
+Both endpoints need the usual `Api-Key` header and the user's `Authorization: Bearer
+<accessToken>`. Expired tokens get `401`; the editor then calls `POST /auth/refresh-token` once
+and retries.
+
+### `GET /users/me/editor-settings`
+
+| Status | Body                                                                          |
+| ------ | ----------------------------------------------------------------------------- |
+| `200`  | `{ "revision": string, "values": object }`                                    |
+| `404`  | no document yet; the editor treats it as `{ "revision": null, "values": {} }` |
+
+### `PUT /users/me/editor-settings`
+
+Request body:
+
+```json
+{ "baseRevision": "42", "values": { "...": "..." } }
+```
+
+Replaces the whole document **only if** the stored revision equals `baseRevision` (`null` means
+"no document yet"). The comparison is exact.
+
+| Status | Body                                               | Meaning                                      |
+| ------ | -------------------------------------------------- | -------------------------------------------- |
+| `200`  | `{ "revision": string }`                           | saved, new revision                          |
+| `409`  | `{ "revision": string \| null, "values": object }` | `baseRevision` is outdated: current document |
+| `413`  | `{ "message": string }`                            | limits exceeded                              |
+| `400`  | `{ "message": string }`                            | malformed body (`values` not an object…)     |
+
+The `409` body lets the editor merge without another round trip. It does a per-key
+three-way merge against the last synced base, retries the `PUT` with the new revision, and asks
+the user about keys changed on both sides.
+
+## Editor behavior (for reference)
+
+- Edits apply locally at once and are kept in IndexedDB until the API accepts them (offline
+  queue). Pushes are debounced (500 ms) and retried with backoff while the API is unreachable.
+- Settings declared with `sync: false` never leave the machine.
+- **Offline editors** (`PUBLIC_MODE=OFFLINE`) store the same document in the editor data dir
+  (`~/.nanoforge/editor/settings/accounts/`), with the same revision semantics.
+- Other tabs of the same user are notified through the editor server (`settings.accountChanges`
+  stream) and pull the new revision.
+
+## Keys the editor reserves
+
+The API does not interpret them; they are listed so nobody is surprised by them.
+
+- `plugins.account`: the plugins the user installed "for me" from the marketplace, as `{ "@scope/name": "<range>" }`. This is the **account plugin list**: it needs no endpoint of its own. A local editor that lacks a plugin of the list offers to install it. Local editors have no sign-in and keep the account document on their machine, and hosted editors install no plugins: the list only travels between machines once local editors sign in and sync account settings with the API, which is not built.
+- `plugins.disabled`: names of the plugins the user turned off.
+- `keymap.overrides`, `keymap.preset`: the user's keyboard shortcuts.
+
+## Until the API has it
+
+The editor calls these endpoints only when `settings` is listed in its `API_FEATURES` ([README](README.md#turning-features-on)). Without it, a hosted editor keeps the same document on its own disk, per user, and the Settings dialog says "Saved on this editor".
+
+## Future extensions (not required yet)
+
+- Server push (websocket/SSE) of revision changes across devices. Until then, editors pull on
+  startup, on reconnect and after their own saves.
diff --git a/docs/docs/README.md b/docs/docs/README.md
new file mode 100644
index 00000000..4f8c80ed
--- /dev/null
+++ b/docs/docs/README.md
@@ -0,0 +1,48 @@
+# Editor documentation pages
+
+The pages of the documentation site for the editor (Mintlify `.mdx`). The site itself is the `docs` repository: copy these folders into its `docs/` and add the navigation below to its `docs.json`.
+
+```json
+{
+  "group": "Editor",
+  "pages": [
+    "docs/getting-started/introduction",
+    "docs/getting-started/create-your-first-project",
+    {
+      "group": "Using the editor",
+      "pages": [
+        "docs/editor/overview",
+        "docs/editor/layout",
+        "docs/editor/files",
+        "docs/editor/code-editor",
+        "docs/editor/entities",
+        "docs/editor/components",
+        "docs/editor/systems",
+        "docs/editor/scenes",
+        "docs/editor/play",
+        "docs/editor/settings",
+        "docs/editor/git",
+        "docs/editor/plugins-and-packages"
+      ]
+    },
+    {
+      "group": "Plugins",
+      "pages": [
+        "docs/plugins/overview",
+        "docs/plugins/create-your-first-plugin",
+        "docs/plugins/manifest",
+        "docs/plugins/sdk",
+        "docs/plugins/extension-points",
+        "docs/plugins/widgets-and-styles",
+        "docs/plugins/settings",
+        "docs/plugins/history",
+        "docs/plugins/code-and-codegen",
+        "docs/plugins/engine-libs"
+      ]
+    }
+  ]
+}
+```
+
+- Screenshots are in `images/`, taken on the engine's pong-network example. `create-project.png` and `init-project.png` show the projects website and were kept from the previous documentation.
+- The example the plugin guide walks through is `examples/counter-plugin` in this repository.
diff --git a/docs/docs/editor/code-editor.mdx b/docs/docs/editor/code-editor.mdx
new file mode 100644
index 00000000..40e2a87e
--- /dev/null
+++ b/docs/docs/editor/code-editor.mdx
@@ -0,0 +1,58 @@
+---
+title: 'Code editor'
+icon: 'code'
+description: 'Edit the game code with types, errors and formatting'
+---
+
+The **Script** screen is a code editor with what an IDE has: completion, types of your code and of the engine, errors as you type, go to definition, rename, formatting.
+
+![The code editor](../images/code-editor.png)
+
+## Tabs and split
+
+Each open file is a tab. A tab follows its file when it is renamed or moved, and closes when the file is deleted (unless it has unsaved changes). `Ctrl+\` splits the editor in two groups side by side, each with its own tabs. `Alt+W` or a middle click closes a tab.
+
+## Saving
+
+- `Ctrl+S` saves the file, and `Ctrl+K` then `S` saves them all; a dot on the tab marks unsaved changes.
+- Unsaved changes survive a reload of the page: they are kept until you save or revert.
+- **Play saves every open file first** (the _Save all before Play_ setting).
+
+_Settings › Editor › Code editor_ has the automatic options, under _Saving_ and _Actions on save_:
+
+| Setting                          | Does                                                             |
+| -------------------------------- | ---------------------------------------------------------------- |
+| Save after a delay               | Saves when you stopped typing for a moment.                      |
+| Save when the editor loses focus | Saves when you leave the editor, switch tab or leave the window. |
+| Reformat with Prettier on save   | Reformats at each save.                                          |
+| Organize imports on save         | Sorts and cleans the imports of TypeScript and JavaScript files. |
+
+## Find your way in the code
+
+| To                         | Press                  |
+| -------------------------- | ---------------------- |
+| Go to definition           | `F12`, or `Ctrl`+click |
+| Open a file by name        | `Ctrl+P`               |
+| Go to a line               | `Ctrl+G`               |
+| Go to a symbol of the file | `Ctrl+Shift+O`         |
+| Rename a symbol everywhere | `F2`                   |
+| Format the file            | `Shift+Alt+F`          |
+| Organize imports           | `Shift+Alt+O`          |
+
+Definitions inside engine packages (`@nanoforge-dev/*`) and installed packages open read-only.
+
+## Errors
+
+TypeScript errors are underlined in the code and listed in the **Problems** panel, for every file of the project, open or not. A failed build adds its errors there too.
+
+## Formatting
+
+Formatting uses **the project's own Prettier**, with its configuration and plugins. A hosted editor uses a built-in Prettier with the project's `.prettierrc`.
+
+## When a file changes on disk
+
+A file without unsaved changes reloads silently. A file **with** unsaved changes shows a banner: **Compare** (your version next to the one on disk), **Keep mine**, or **Load disk version**.
+
+## Panels beside the code
+
+When the open file defines a component, a **Component** panel can show next to the code (a toggle in the editor's toolbar): see [Components](components#how-a-component-looks-in-the-inspector).
diff --git a/docs/docs/editor/components.mdx b/docs/docs/editor/components.mdx
index 5ab9860e..ae574830 100644
--- a/docs/docs/editor/components.mdx
+++ b/docs/docs/editor/components.mdx
@@ -1,50 +1,104 @@
 ---
 title: 'Components'
-icon: 'book'
-description: 'Nanoforge Editor components'
+icon: 'blocks'
+description: 'Create components, use them, and choose how they look in the inspector'
 ---
 
-Components define the data and properties of an entity. On their own, they do not contain any logic. Instead, systems use them to determine how entities behave during the game.
+A component is the data of an entity: a position, a speed, a sprite. It holds no logic; [systems](systems) use it.
 
-## Navigate
+A component is a class:
 
-To access your components, navigate to the **Components** tabs in the left panel.
+```ts
+/**
+ * Where an entity is, in viewport pixels.
+ * @component
+ */
+export class Position {
+  name = 'Position';
+  constructor(
+    public x = 0,
+    public y = 0,
+  ) {}
+}
+```
 
-![Components navigation](../components-navigate.png)
+## The Components panel
+
+![The Components panel](../images/ecs-components.png)
+
+The panel lists the components (**C**) and systems (**S**) the selected app can use, grouped by where they come from:
+
+- **App**: the app's own;
+- **Shared library**: code shared by the client and the server;
+- **Installed packages**: read-only, with a lock.
+
+Select one to read its description, its parameters and where it is defined. The search box filters by name.
+
+An item marked _untagged_ was recognized from the code but has no `@component` or `@system` tag: add the tag to make it explicit.
 
 ## Create a component
 
-In the **Components** panel, click **+** and **Create**. Enter a name for your component, and click **Confirm**.
+**New › New component in app**, then a name. The file is created in the app's components folder, with its tags, and opens in the code editor.
+
+## Add it to an entity
 
-![Create component](../system-create.png) ![Create component name](../components-create-name.png)
+Select an entity in the **Hierarchy**, select the component in the panel and click **Add to** the entity; or use **Add component…** in the Inspector. The component and its import are added to `main.ts`.
 
-## Import a component
+## Share between client and server
 
-In this **Components** panel, click **+** and **Import**.
+A **shared library** holds components and systems that both apps use.
 
-![Import component](../images/component-import.png)
+- **New › New shared library…** creates it (a folder in `libs/` and a package name such as `@my-game/shared`).
+- **New › New component in shared library** creates a component there.
+- **Move to shared library** moves an app's component into it and rewrites every import in the project, in one step you can undo.
 
-Choose the components that you need, click **Install** in the top right corner, and click **Apply** when you install all components you want.
+Apps import shared code by package name: `@my-game/shared/components/player`.
 
-![Import components selection](../images/components-import-selection.png)
+A new library is used by every app. The [Project screen](overview#the-project-screen) lists the libraries and chooses which apps use each one: an app is only offered the components and systems of the libraries it uses.
 
-## Edit a component
+## Components from packages
 
-To edit a component, navigate to **Components** tab, right-click the component, and click **Open code**. The component source file opens in the code editor.
-![Access component code](../components-access.png)
+Packages installed from [File › Packages…](plugins-and-packages) bring components you can use as they are. To change one, use **Copy to…**: it copies the component into your app or a shared library.
 
-## Add Component to an entity
+## How a component looks in the inspector
 
-Navigate to **Scenes** tab, and **Entities** subtab. Choose an entity and the component panel will be display on the right panel.
+The author of a component chooses how its parameters show, with tags in the documentation comments. Nothing changes in the game.
 
-![Components entity selection](../images/components-entity.png) ![Components entity panel](../images/components-entity-panel)
+```ts
+/**
+ * Where an entity is, in viewport pixels.
+ *
+ * @component
+ * @group Coords color=#4aa3ff - Position from the top-left corner.
+ */
+export class Position {
+  name = 'Position';
+  constructor(
+    /** Distance from the left edge. @group Coords @preset vector.x */
+    public x = 0,
+    /** Distance from the top edge. @group Coords @preset vector.y */
+    public y = 0,
+    /** Draw order. @label Layer @color orange */
+    public z = 0,
+    /** Draws the path the entity followed. @hidden */
+    public trail = false,
+  ) {}
+}
+```
 
-You can click **Add component** and select the component that you need.
+| Tag                             | Effect                                                                                                               |
+| ------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
+| `@group Name`                   | Puts the parameter in a foldable group. Declare the group in the class comment to give it a color and a description. |
+| `@preset vector.x` / `vector.y` | Shows several parameters as one control. Presets: `vector`, `size`, `color`.                                         |
+| `@label Text`                   | The name shown instead of the parameter's.                                                                           |
+| `@color orange`                 | Colors the name.                                                                                                     |
+| `@hidden`                       | Hidden by default; _Show hidden_ in the inspector reveals it.                                                        |
+| The comment's text              | Shown behind the ⓘ next to the name.                                                                                 |
 
-![Add component to a entity](../components-entity-add.png)
+### Without writing tags
 
-## Change entity components data
+Open the component's file: the **Component** panel beside the code (a toggle in the editor's toolbar, or _Edit layout_ in the inspector's ⋯ menu) has a control for each of these, and a preview. It writes the tags for you.
 
-You can modify the data of a component attach to an entity in the components inspector in the right panel.
+## Two components with the same name
 
-![Change component data](../images/components-data.png)
+The engine finds a component by its `name`. When an app can use two components with the same name (yours and a package's), the panel warns, and the app's own is the one used.
diff --git a/docs/docs/editor/entities.mdx b/docs/docs/editor/entities.mdx
index f0e7b3b1..01d1af9d 100644
--- a/docs/docs/editor/entities.mdx
+++ b/docs/docs/editor/entities.mdx
@@ -1,19 +1,62 @@
 ---
 title: 'Entities'
-icon: 'book'
-description: 'Nanoforge Editor entities'
+icon: 'box'
+description: 'The entities of an app: hierarchy, inspector and the Scene screen'
 ---
 
-Entities are the basic objects of your game. They represent all the elements such as player, background, props, or any object.
+Entities are the objects of your game: the player, the ball, the background. An entity is only a name; **components** give it data, and **systems** make it act.
 
-## Create entity
+In NanoForge, entities are created in the app's `main.ts`: In a game made of [scenes](scenes), each scene creates its own in its `setup`, edited the same way.
 
-To access entities, navigate to **Scenes** tab, and **Entities** subtab. Click to **New entity**. You can organize your entities in folder.
+```ts
+const ball = registry.spawnEntity();
+registry.addComponent(ball, new Position(960, 540));
+```
 
-![New entity](../images/entities-new.png)
+The editor reads that file and shows it as a hierarchy. When you change something in the panels, it edits those lines. When you edit the lines by hand, the panels follow.
 
-## Delete or Rename entity
+![The Scene screen with the hierarchy and the inspector](../images/ecs-scene.png)
 
-To modify an entity, right-click on it and select **Edit**. Enter the new name and confirm the change. You can also select **Delete** to remove the entity.
+## Choose the app
 
-![Rename entity](../images/entities-rename.png)
+A multiplayer game has a client and a server, each with its own entities. The selector at the top of the **Hierarchy** panel chooses which one you edit.
+
+## The hierarchy
+
+Entities are listed under the name of their variable (`ball`, `paddle1`), with their components beside it.
+
+| To                | Do                                                                          |
+| ----------------- | --------------------------------------------------------------------------- |
+| Add an entity     | **Add entity** (the **+** button). Give it a name: it becomes the variable. |
+| Rename            | `F2`, or right-click › Rename. The variable is renamed.                     |
+| Duplicate, remove | Right-click                                                                 |
+| Reorder           | Drag an entity up or down                                                   |
+| Find              | The filter box matches names and components                                 |
+
+Every change is one step of the file's history: `Ctrl+Z` undoes it.
+
+### Entities "from code"
+
+Entities created in a way the editor cannot model (in a loop, in a helper function, under a condition) are listed greyed, with a lock. They cannot be changed from the panels; _Open in code_ jumps to their lines. The editor never rewrites code it does not understand.
+
+## The inspector
+
+Select an entity: the **Inspector** shows its components, with one field per parameter.
+
+- Change a value: only that value changes in the code.
+- **Add component…** lists the components the app can use. The import is added for you.
+- The **⋯** menu of a component removes it, opens its code, or edits how it is laid out.
+
+Fields follow the parameter's type: numbers, text, lists of choices, switches, colors. A value the editor has no field for (an engine object such as `new Rect(…)`) is shown as code, which you can edit.
+
+## The Scene screen
+
+The **Scene** screen draws the entities of the app in 2D: each one at its position, with its rectangle or circle.
+
+- **Click** a shape to select the entity.
+- **Drag** it to move it: its position is written to `main.ts`.
+- Scroll to zoom, drag the background to pan; **Fit** shows everything.
+
+## While the game plays
+
+The hierarchy and the inspector switch to the **running game**: values move as the game runs, and entities created at runtime are listed too. See [Play the game](play#edit-the-running-game).
diff --git a/docs/docs/editor/export.mdx b/docs/docs/editor/export.mdx
deleted file mode 100644
index c3cc73c0..00000000
--- a/docs/docs/editor/export.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: 'Export'
-icon: 'book'
-description: 'Nanoforge Editor export'
----
-
-You can export your project to keep a local copy of your game.
-Open the **File** menu and click **Export**.
-
-![Export button](../images/export.png)
-
-Wait a few seconds for the archive to be generated, then click **Download archive**.
-The download link remains available for 15 minutes.
-
-![Download archive button](../images/download-export.png)
diff --git a/docs/docs/editor/files.mdx b/docs/docs/editor/files.mdx
new file mode 100644
index 00000000..44792cad
--- /dev/null
+++ b/docs/docs/editor/files.mdx
@@ -0,0 +1,46 @@
+---
+title: 'Files'
+icon: 'folder-tree'
+description: 'Browse and organize the project files'
+---
+
+The **Files** panel shows the project's folders as a tree and, below it, the selected folder as a grid with thumbnails of images. The buttons at the top switch between the tree alone and the tree with the grid.
+
+## Open
+
+Double-click a file, or select it and press `Enter`. Code and text files open in the [code editor](code-editor). Images, sounds and videos open in a preview. _Open with_ in the right-click menu lists other editors when plugins provide some.
+
+## Create
+
+The **+** button, or right-click a folder and **New**: a file, a folder, or a template. Plugins add templates: the ECS plugin adds _Component_ and _System_, which create the file with its documentation tags.
+
+## Organize
+
+| To           | Do                                                                |
+| ------------ | ----------------------------------------------------------------- |
+| Rename       | `F2`, or right-click › Rename                                     |
+| Move         | Drag the file onto a folder, or cut and paste                     |
+| Copy         | `Ctrl+C` then `Ctrl+V`; `Ctrl+D` duplicates in place              |
+| Delete       | `Delete`. A folder or several files ask first.                    |
+| Import       | Drop files from your computer onto a folder, or the import button |
+| Download     | Right-click › Download. A folder downloads as a `.zip`.           |
+| Show on disk | Right-click › Reveal in file manager (local editors)              |
+
+Every one of these can be undone with `Ctrl+Z` while the Files panel has focus. A deleted file goes to the editor's trash and comes back on undo.
+
+## Search
+
+The box at the top filters by name. Letters only need to be in order, and the matches stay in their folders.
+
+## Hidden files
+
+- The panel hides `node_modules`, `dist`, and files starting with a dot (except `.env`). The eye button shows them; _Settings › Editor › Files_ changes the list.
+- A `.nfignore` file at the project root (same syntax as `.gitignore`) hides files from the **whole editor**: this panel, the file pickers and the code analysis. Builds and the game still see them.
+
+## Packages
+
+When the project has installed packages, they show in a separate **Packages** section with a lock: they are read-only. To change a component of a package, copy it into your app from the [Components](components) panel. Packages are installed from [File › Packages…](plugins-and-packages).
+
+## Marks
+
+In a Git repository, changed files carry a mark after their name and a color: modified, added, untracked. See [Git](git).
diff --git a/docs/docs/editor/git.mdx b/docs/docs/editor/git.mdx
new file mode 100644
index 00000000..47514e17
--- /dev/null
+++ b/docs/docs/editor/git.mdx
@@ -0,0 +1,63 @@
+---
+title: 'Git'
+icon: 'git-branch'
+description: 'Commit, push, branches and history, from the editor'
+---
+
+In a local editor, the **VCS** menu and two panels work with the project's Git repository, using the `git` installed on your machine and the credentials it already has.
+
+A project that is not a repository yet: _VCS › Initialize repository_.
+
+## Commit
+
+The **Commit** panel on the left lists what changed since the last commit, as files with their folder beside the name:
+
+- **Changes**: files Git knows that you modified, added or deleted;
+- **Unversioned files**: files Git does not know yet.
+
+1. **Check** the files to commit. A group's checkbox checks all its files.
+2. Write a message.
+3. **Commit**, or **Commit and Push…**
+
+**Amend** replaces the last commit instead of adding one.
+
+| To                         | Do                                                                  |
+| -------------------------- | ------------------------------------------------------------------- |
+| See what changed in a file | Double-click it: the diff opens in the code editor.                 |
+| Undo your changes to files | Select them, then **Rollback**. It asks first: it cannot be undone. |
+| Start tracking a new file  | Right-click › Add to VCS                                            |
+| Ignore a file              | Right-click › Add to .gitignore                                     |
+| Put changes aside          | The **Stash** tab: Stash Changes, then Apply, Pop or Drop           |
+
+Checking a file only chooses what is committed. Selecting rows (click, `Ctrl`+click, `Shift`+click, or a click on a group to select all its files) is what Rollback and the other actions act on.
+
+## Update and push
+
+- _VCS › Update project_ pulls the changes of the remote branch.
+- _VCS › Push…_ shows the commits that would be sent, then pushes them.
+- _VCS › Fetch_ reads the remote without changing your files.
+
+The status bar shows the branch and what is ahead and behind (`main ↑1 ↓2`).
+
+## Branches and history
+
+The **Git** panel at the bottom has three parts:
+
+- **Branches**: the current one, local ones, and remote ones. Double-click a branch to check it out. Right-click for _New Branch from…_, _Update_, _Push…_, _Delete_.
+- **Commits** of the selected branch, with a filter by text, author and date.
+- **Changed files** of the selected commit, and its details. Double-click a file to compare.
+
+_VCS › New branch…_ creates a branch from the current commit and switches to it.
+
+## Marks in the Files panel
+
+Changed files are colored and carry a mark in the **Files** panel, and folders that hold changes carry a dot.
+
+## Conflicts
+
+After an update that conflicts, the files show under **Merge Conflicts**. Open one, fix it in the code editor, then **Mark resolved**.
+
+<Note>
+  Git works on the project's own repository only, and in local editors. Hosted projects are saved to
+  their repository by the platform.
+</Note>
diff --git a/docs/docs/editor/layout.mdx b/docs/docs/editor/layout.mdx
new file mode 100644
index 00000000..be132f73
--- /dev/null
+++ b/docs/docs/editor/layout.mdx
@@ -0,0 +1,50 @@
+---
+title: 'Layout'
+icon: 'layout-panel-left'
+description: 'Move, float and close panels, and save layouts'
+---
+
+The editor has six **docks**, as in IntelliJ: left top, left bottom, right top, right bottom, bottom left and bottom right. Their panels are icons in the **stripes** on the edges of the window (hover one for its name):
+
+- the left stripe holds the left top dock, then, under a line, the left bottom dock, and at its foot the bottom left dock;
+- the right stripe holds the right docks the same way, and the bottom right dock at its foot.
+
+The layout is saved with the project and restored when you come back.
+
+## Show and hide panels
+
+- **Click an icon** to show its panel in its dock. Click it again to hide the dock.
+- The panel's header has its title, a **⋮** menu and **Hide** (**−**).
+- _View › Docks_ shows or hides a whole dock, and _View › Panels_ shows a panel that was closed.
+
+## Move a panel
+
+- **Drag its icon** to another group of a stripe, or between the icons of a group to reorder them. You can also drag a panel by its header, onto a stripe or a dock. Zones light up to show where it will land.
+- Drag it **out of the docks** to make a **floating** window. Drag it by its title, resize it by its edges, and drag its tab back to a dock to dock it again.
+- **Right-click an icon** (or the header) for _Hide_, _Close_, _Close others_, _Float_ and _Move to_ (a dock).
+
+## Resize
+
+- Drag the line between two docks, or between a dock and the screen.
+
+## Focus with the keyboard
+
+`F6` moves the focus to the next part of the editor (a dock, the screen), and `Shift+F6` to the previous one.
+
+## Layouts
+
+_View › Layouts_:
+
+- **Save layout** keeps the current arrangement under a name;
+- the saved layouts are listed there: choose one to switch to it;
+- **Reset layout** goes back to the default.
+
+Moving, closing, floating and resizing a panel are steps you can undo: `Ctrl+Z` with the focus on the layout, or in the **History** panel under _Layout_.
+
+## While playing
+
+With _Settings › Editor › Game view › Maximize on play_, the docks and stripes hide while the game plays and come back when it stops.
+
+## Theme
+
+_View › Toggle light/dark theme_, or _Settings › Appearance_ to choose a theme. Plugins can add themes.
diff --git a/docs/docs/editor/overview.mdx b/docs/docs/editor/overview.mdx
new file mode 100644
index 00000000..437f6ec7
--- /dev/null
+++ b/docs/docs/editor/overview.mdx
@@ -0,0 +1,82 @@
+---
+title: 'Find your way around'
+icon: 'compass'
+description: 'Screens, panels, menus and the command palette'
+---
+
+![The editor](../images/editor-overview.png)
+
+## Screens
+
+The center of the editor shows one **screen** at a time, chosen in the top bar.
+
+| Screen      | Shows                                                                                   |
+| ----------- | --------------------------------------------------------------------------------------- |
+| **Project** | The project's apps and shared libraries. See [The Project screen](#the-project-screen). |
+| **Scene**   | The entities of an app, drawn in 2D. Select and drag them. See [Entities](entities).    |
+| **Script**  | The code editor. See [Code editor](code-editor).                                        |
+| **Game**    | The running game. See [Play the game](play).                                            |
+
+## The Project screen
+
+The Project screen lists what the project is made of, and changes it.
+
+- **Apps**: each client and server, with its folder, its engine libraries and the shared libraries it uses. **Add app** creates a client or a server, empty or as a copy of another one. An empty app needs its dependencies: the editor offers to install them.
+- **Shared libraries**: code that several apps use (see [Components](components#share-between-client-and-server)). **Add shared library** creates one. Under **Used by**, tick the apps that use it: the editor writes it in the `libs` of each app's `nanoforge.config.ts` (`libs: ["../../libs/shared"]`) and in its `package.json`. Edit `libs` by hand and the screen follows.
+- The **⋯** menu of a card renames or removes it. Renaming a library rewrites every import of it. A library that code still imports can't be removed: the editor names the files.
+
+Each change is one step you can undo with `Ctrl+Z` while the Project screen has the focus.
+
+## Panels
+
+Around the screen, **panels** sit in five docks: two on the left, two on the right, one at the bottom.
+
+| Panel                    | For                                                                                      |
+| ------------------------ | ---------------------------------------------------------------------------------------- |
+| Files                    | The project's files and folders. See [Files](files).                                     |
+| Hierarchy, Inspector     | Entities and their components. See [Entities](entities).                                 |
+| Components, Systems      | What the app can use and what it runs. See [Components](components), [Systems](systems). |
+| Commit, Git              | Changes, commits and branches. See [Git](git).                                           |
+| History                  | Every change you can undo.                                                               |
+| Console, Problems        | Output of the game and the editor; errors in the code.                                   |
+| Profiler, Network, World | The running game, in detail. See [Play the game](play#inspect-the-running-game).         |
+
+_View › Panels_ lists every panel, and shows one that was closed.
+
+## Menus
+
+- **File**: Packages…, Settings…, Close project.
+- **Edit**: undo and redo.
+- **View**: the command palette, panels, screens, docks, layouts, light or dark theme.
+- **Run**: Play, Pause, Step, Restart, Stop, and the play modes.
+- **VCS**: Git commands.
+- **Help**: documentation.
+
+Plugins add their own entries.
+
+## The command palette
+
+Press `Ctrl+Shift+P` and type what you want to do. Every action of the editor is there, with its shortcut.
+
+![The command palette](../images/command-palette.png)
+
+The same box finds other things, depending on how the text starts:
+
+| Type             | To                              | Shortcut       |
+| ---------------- | ------------------------------- | -------------- |
+| `>` and a name   | run a command                   | `Ctrl+Shift+P` |
+| a name           | open a file of the project      | `Ctrl+P`       |
+| `:12` or `:12:4` | go to a line of the open file   | `Ctrl+G`       |
+| `@` and a name   | go to a symbol of the open file | `Ctrl+Shift+O` |
+
+Letters only need to be in order, not next to each other. The commands you ran last are listed first.
+
+## Undo
+
+`Ctrl+Z` undoes the last change **of what has focus**: the file you edit, the Files panel, the layout. Each has its own history, so undoing a file move does not undo your code.
+
+The **History** panel lists the steps of what you are working on. Click a step to go back to it; the _All_ switch shows every history.
+
+## Problems and the status bar
+
+The status bar shows the count of errors and warnings in the project's code; click it to open **Problems**, where each one opens its file at the right line.
diff --git a/docs/docs/editor/play.mdx b/docs/docs/editor/play.mdx
new file mode 100644
index 00000000..fd5c9eba
--- /dev/null
+++ b/docs/docs/editor/play.mdx
@@ -0,0 +1,102 @@
+---
+title: 'Play the game'
+icon: 'play'
+description: 'Run the game in the editor, watch it, and change it while it runs'
+---
+
+Press **Play** in the top bar, or `F5`. The editor saves your files, builds the game, and runs it in the **Game** screen.
+
+![The game running in the editor](../images/game-playing.png)
+
+| Action             | Shortcut                         |
+| ------------------ | -------------------------------- |
+| Play               | `F5`                             |
+| Pause, then resume | the Pause button, `F5` to resume |
+| Step one frame     | the Step button, while paused    |
+| Restart            | `Ctrl+Shift+F5`                  |
+| Stop               | `Shift+F5`                       |
+
+The game gets the keyboard when it starts. Press `Escape` to give it back to the editor. Stopping returns to the screen you were on.
+
+<Note>
+  The game runs in a **local** editor (`nf editor`). A hosted editor does not build or run project
+  code yet.
+</Note>
+
+## Play modes
+
+A multiplayer game has a client and a server. The **Run** menu chooses what plays:
+
+| Mode                 | Runs                                                                   |
+| -------------------- | ---------------------------------------------------------------------- |
+| **Play**             | The server and a client (or the client alone when there is no server). |
+| **Play client only** | The client, for a game whose server runs elsewhere.                    |
+| **Play server only** | The server, without a game view.                                       |
+
+_Settings › Runtime › Play mode_ sets what `F5` does. While the game plays, the Run menu can open **another client** in a new window, to test two players.
+
+A project can have several clients or several servers. Play starts one of each: the Run menu then shows **Client app** or **Server app**, to choose which one. The choice is kept with the project, on your machine.
+
+## The Game screen
+
+The toolbar above the game:
+
+| Tool           | Does                                                                                                                                      |
+| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
+| **Resolution** | _Fit_ fills the screen. Or a fixed size: 1920×1080, 1280×720, 1024×768, a phone, a tablet (with portrait or landscape), or a custom size. |
+| **Zoom**       | For fixed sizes. _Pixel perfect_ keeps whole zoom steps and sharp pixels.                                                                 |
+| **Stats**      | An overlay: ticks per second, tick time, the slowest libraries, memory.                                                                   |
+| **Mute**       | Mutes the game's sounds and music.                                                                                                        |
+| **Screenshot** | Saves the game as a PNG in the project's `screenshots/` folder and copies it.                                                             |
+| **Pop out**    | Moves the running game to its own browser window. Closing it brings the game back.                                                        |
+
+While paused, the game is dimmed with a _Paused_ badge. The status bar shows the speed of the client and the server.
+
+## The console
+
+The **Console** shows what the game prints, the output of builds, and messages of the editor and its plugins.
+
+- **Chips** at the top show or hide groups: Game, Build, Tasks, Editor, Plugins. A dot on a hidden group means it holds warnings or errors.
+- **Levels**: debug, info, warnings, errors. **Search** filters by text.
+- A logged **object** shows as one line that expands into a tree.
+- A **file path** in a line is a link: it opens the file at that line. Lines of the game show where they were logged (`main.ts:12`).
+- Identical lines in a row are grouped with a count.
+
+## Edit the running game
+
+While the game plays, the **Hierarchy** and the **Inspector** show the live world of the client or the server (the selector at the top of the Hierarchy chooses which).
+
+- Change a value in the Inspector: the **running game** changes at once. The code does not.
+- Add or remove a component, spawn or remove an entity: same.
+- In the **Scene** screen, drag a shape to move the entity in the running game.
+- In the **Game** screen, turn on **Move entities** in its toolbar: the entities are outlined over the game, and you drag them there the same way. While it is on, the pointer goes to the editor, not to the game. In a networked game the server sends the positions of what it owns: pause the game before moving those, then apply.
+- **Apply to code** writes the changes of an entity to `main.ts`. Entities spawned at runtime exist only in the game and cannot be applied.
+- In the **Systems** panel, switch a system off to see the game without it.
+
+Stopping the game drops the changes that were not applied; the editor offers to apply them first. The ECS setting _Apply live edits to code_ writes every live change to code as it happens.
+
+## Inspect the running game
+
+Three panels at the bottom, each with a Client / Server selector.
+
+![The profiler](../images/profiler.png)
+
+- **Profiler**: tick time over the last two minutes, against a budget line (16.7 ms by default); spikes are marked. Below, the time per engine library and **per system**. Click the chart to freeze it on a moment.
+- **Network**: the packets sent and received, with their size, type name and decoded content; filters by direction, transport and text; charts of bytes and packets per second.
+- **World**: every entity of the running game with its components, read-only, with a search: `Position` (has the component), `Position.x > 100`, `#12` (an entity id).
+
+They ask the game for data only while they are shown.
+
+## When something fails
+
+- A **build error** stops Play: the error is in the Console and in **Problems**, with its file and line.
+- A game that **crashes** shows its error in the Console; links in the stack open your source files.
+- A game that does not register the **editor library** still plays, without pause, stats, live editing and the inspectors; the editor says so. Click **Add the editor library** in its message, or add it yourself to the app's `main.ts`, then play again:
+
+  ```ts
+  import { EditorLibrary } from '@nanoforge-dev/editor-lib';
+
+  app.use(new EditorLibrary());
+  ```
+
+  It does nothing when the game is not started by the editor. It needs NanoForge engine 2.0 or later: with an older engine, update the engine packages.
diff --git a/docs/docs/editor/plugins-and-packages.mdx b/docs/docs/editor/plugins-and-packages.mdx
new file mode 100644
index 00000000..a0eab47f
--- /dev/null
+++ b/docs/docs/editor/plugins-and-packages.mdx
@@ -0,0 +1,68 @@
+---
+title: 'Plugins and packages'
+icon: 'plug'
+description: 'Add tools to the editor and ready-made components to your game'
+---
+
+Two different things can be installed:
+
+- a **plugin** adds something to the **editor**: a panel, a tool, a command;
+- a **package** adds something to your **game**: components, systems, assets.
+
+Installing is for local editors.
+
+## Plugins
+
+_File › Settings… › Plugins_.
+
+![The plugin marketplace](../images/plugins-marketplace.png)
+
+### Marketplace
+
+Search, select a plugin to read about it, then **Install**:
+
+- **For me**: in every project you open on this machine;
+- **For this project**: in the project's `.nanoforge/plugins` folder, which can be committed so the whole team has it. On a hosted editor, a project's own plugins load only after you choose **Allow its plugins** for that project: anyone who can change the project can change them.
+
+A plugin starts working after a reload of the editor: the page offers **Reload now**. When a newer version exists, **Update** shows instead of _Installed_.
+
+### Installed
+
+Every plugin of the editor, with its version and where it comes from. The switch turns a plugin off (after a reload). Plugins installed from the marketplace can be **updated** and **uninstalled** here; built-in ones cannot.
+
+### Plugins a project suggests
+
+A package can suggest plugins that make it easier to use. When a project opens with such packages and the plugins are missing, the editor says which.
+
+## Packages
+
+_File › Packages…_
+
+![The Packages dialog](../images/packages.png)
+
+### Browse
+
+Search, select a package to see what it depends on, then **Install**. The package and the packages it needs go to the project's `nf_modules` folder, and their components and systems show in the [Components](components) panel at once.
+
+### Installed
+
+The project's packages, with their version. **Update** moves one to a newer version; **Uninstall** removes it, with the packages only it needed. A package that another one needs cannot be removed first.
+
+### What is written in the project
+
+| File                           | Holds                                                                            |
+| ------------------------------ | -------------------------------------------------------------------------------- |
+| `nanoforge.packages.json`      | The packages the project asks for. Commit it.                                    |
+| `nanoforge.packages.lock.json` | The exact versions installed. Commit it.                                         |
+| `nf_modules/`                  | The packages themselves. Read-only in the editor.                                |
+| `tsconfig.json`                | Import paths, so code imports a package by name: `@acme/shapes/components/hull`. |
+
+`nf_modules` can be left out of Git: on a fresh clone, the Packages dialog sees what is missing and offers **Restore packages**.
+
+### Changing a package's component
+
+Packages are read-only. In the Components panel, **Copy to…** copies a component into your app, where it is yours to edit.
+
+## Writing your own
+
+See [Plugins](../plugins/overview).
diff --git a/docs/docs/editor/scenes.mdx b/docs/docs/editor/scenes.mdx
new file mode 100644
index 00000000..ca8e5842
--- /dev/null
+++ b/docs/docs/editor/scenes.mdx
@@ -0,0 +1,87 @@
+---
+title: 'Scenes'
+icon: 'layers'
+description: 'Split a game into scenes: the scene tree, their entities and systems, and the scene vars'
+---
+
+A game with scenes uses the engine's scene module (`@nanoforge-dev/scene`): a menu, levels, a pause screen… Each scene makes its own entities and systems when it is loaded, and they go away when it is unloaded. The editor's **Scenes** and **Vars** panels show up for any app that depends on `@nanoforge-dev/scene`.
+
+A scene is a class extending `EcsScene` (from `@nanoforge-dev/ecs/scene`). Its `setup` is written like an app's `main.ts`:
+
+```ts
+/**
+ * First level: the bricks.
+ * @scene
+ * @side client
+ * @vars bricksLeft
+ */
+export class Level1 extends EcsScene {
+  static override parent = Run;
+
+  override setup(registry: Registry, ctx: Context) {
+    const wall = registry.spawnEntity();
+    registry.addComponent(wall, new Position(40, 90));
+    registry.addSystem(levelFlow);
+  }
+}
+```
+
+The app's `main.ts` gives `SceneLibrary` the scene to start with, and every scene by id:
+
+```ts
+app.use(new SceneLibrary({ initial: Menu, scenes: { Menu, Run, Level1, Pause } }));
+```
+
+## The scene tree
+
+The **Scenes** panel lists the app's scenes as a tree: a scene sits under its parent (`static parent`). Loading a scene loads its parents first; the initial scene has a flag.
+
+Its first row is **main.ts**, the app itself: what `main` creates is in the game whatever scene is loaded.
+
+| To                   | Do                                                                                                                                          |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
+| Create a scene       | **New scene** (the + button), or _New scene under …_ on a scene. A file is created in the app's scenes folder and opens in the code editor. |
+| Rename               | `F2`, or _Rename_. Every use of the class follows, and its file when it is named after it.                                                  |
+| Change its parent    | Drag it onto another scene, next to one, or _Move to the root_.                                                                             |
+| Start the game on it | _Set as initial scene_.                                                                                                                     |
+| Delete               | _Delete_. Its children lose their parent. Code that still uses the class must be changed.                                                   |
+
+Each of these is one step you can undo (`Ctrl+Z` in the panel).
+
+## Edit a scene
+
+Select a scene in the Scenes panel: the **Hierarchy**, the **Inspector**, the **Systems** panel and the **Scene** screen now edit that scene's `setup`. Select **main.ts** (the default) to edit the app's `main`. Everything in [Entities](entities), [Components](components) and [Systems](systems) works the same way.
+
+The entities and systems of `main.ts` and of the scene's parents are shown too, greyed and read-only: they are in the game whenever this scene is. Right-click one to open it in code, or _Edit this scene_ to switch to it.
+
+A scene whose `setup` comes from a base class, or that spawns entities in a loop, is shown read-only.
+
+## Scene vars
+
+The **Vars** panel lists the vars that scenes and systems share (`ctx.scenes.vars`), as declared in the app's `scene-vars.ts`:
+
+```ts
+declare module '@nanoforge-dev/scene' {
+  interface SceneVars {
+    /** Balls left in the current game. @default 3 */
+    lives: number;
+  }
+}
+```
+
+- Each var shows its type, its default, its description, the scenes that make it (`init`, its possible owners), and its uses: click it to list them, and click a use to open it.
+- **Add var** asks for its name, type, default and description; the file is created with the first var.
+- _Rename_ changes the declaration and every `vars.get("…")`, `vars.set("…")`… of that var. _Change type_, _Change default_ and _Change description_ edit the declaration; _Remove_ removes it.
+- A var used in code but not declared is listed under _Used but not declared_, with **Declare**.
+
+A var belongs to the scene that made it, and goes away when that scene is unloaded, unless it is persistent.
+
+## While the game plays
+
+- **Scenes**: the loaded scenes are marked, and the current one says so. Right-click a scene: _Load scene_ (the editor asks for its params), _Load under the current scene_ for a scene without a parent (a pause menu), _Unload scene_.
+- **Vars**: each var shows its value in the running game and the scene it belongs to. _Set live value…_ changes it in the game. Vars that only the running game has are listed too.
+- **Hierarchy**: the running game's entities are grouped under the scene that spawned them. _Apply to code_ writes a change into that scene's file.
+
+These change the running game only, never the code.
+
+The example project `examples/breakout` (in the editor repository) is a game made of scenes.
diff --git a/docs/docs/editor/settings.mdx b/docs/docs/editor/settings.mdx
new file mode 100644
index 00000000..a077c9f7
--- /dev/null
+++ b/docs/docs/editor/settings.mdx
@@ -0,0 +1,52 @@
+---
+title: 'Settings and shortcuts'
+icon: 'sliders-horizontal'
+description: 'Change the editor settings, where they are saved, and the keyboard shortcuts'
+---
+
+Open the settings with _File › Settings…_ or `Ctrl+Alt+S` (also `Ctrl+,`).
+
+![The Settings dialog](../images/settings.png)
+
+Categories are on the left, their settings on the right. The search box looks through every category. Changes wait until you press **Apply** or **OK**; **Cancel** drops them.
+
+## Where a setting is saved
+
+Each setting has a small menu that chooses where your change goes:
+
+| Scope                 | Saved                                            | Use it for                          |
+| --------------------- | ------------------------------------------------ | ----------------------------------- |
+| **Account**           | With your account                                | Your preferences, wherever you work |
+| **This machine**      | In this browser                                  | What depends on this computer       |
+| **Project**           | In `.nanoforge/editor/settings.json`, committed  | What the whole team should share    |
+| **Project (only me)** | In `.nanoforge/editor/local.json`, not committed | Your preferences for this project   |
+
+When several scopes have a value, the more specific one wins: Project (only me), then Project, This machine, Account. The **inspect** popover of a setting shows its value in each scope and resets one.
+
+_Edit as JSON_ opens the project's settings file in the code editor, with completion.
+
+## Import and export
+
+The _Import & export_ page saves a scope to a `.json` file, and loads one with a preview of what would change.
+
+## Keyboard shortcuts
+
+The _Keyboard shortcuts_ page lists every action with its shortcuts.
+
+![Keyboard shortcuts](../images/keyboard-shortcuts.png)
+
+- **Search** by name or by shortcut (`ctrl+s`). The filters show only what you changed, or conflicts.
+- **Add shortcut** on an action, then press the keys. Press a second combination to make a chord (`Ctrl+K` then `Ctrl+S`).
+- When the shortcut is already used, the dialog names the other action: keep both, replace, or cancel.
+- **Reset** puts an action back to its default.
+- A **preset** changes many shortcuts at once: _NanoForge_ (the defaults), _VS Code_, _Godot_. Your own changes apply on top.
+
+Shortcuts are saved to your account, or to this machine only.
+
+## Plugins
+
+The _Plugins_ page lists the plugins, turns one off, and installs more: see [Plugins and packages](plugins-and-packages).
+
+## Sync
+
+The top of the dialog shows the state of the account sync. After working offline on two devices, a _Sync conflicts_ page lets you choose, for each setting changed on both, which value to keep.
diff --git a/docs/docs/editor/systems.mdx b/docs/docs/editor/systems.mdx
index 66a85e93..bc1d074e 100644
--- a/docs/docs/editor/systems.mdx
+++ b/docs/docs/editor/systems.mdx
@@ -1,48 +1,47 @@
 ---
 title: 'Systems'
-icon: 'book'
-description: 'Nanoforge Editor systems'
+icon: 'cog'
+description: 'Create systems, choose which ones an app runs and in which order'
 ---
 
-Systems contain the logic of your game. They are executed while the game is running and define the behavior of your entities.
+Systems hold the logic of the game. A system is a function the engine calls at every tick, with the entities that have the components it asks for.
 
-## Navigate
+```ts
+/**
+ * Moves entities by their velocity.
+ * @system
+ */
+export const move = (registry: Registry, ctx: Context) => {
+  // …
+};
+```
 
-To access your systems, navigate to the **Systems** tabs in the left panel.
+An app runs the systems its `main.ts` adds, in that order:
 
-![System navigation](../systems-navigate.png)
+```ts
+registry.addSystem(move);
+registry.addSystem(draw);
+```
 
-## Create a system
-
-In the **Systems** panel, click **+** and **Create**. Enter a name for your system, and click **Confirm**.
-
-![Create system](../system-create.png) ![Create system name](../system-create-name.png)
-
-## Import a system
-
-In this **Systems** panel, click **+** and **Import**.
+## The Systems panel
 
-![Import system](../images/system-import.png)
+The **Systems** panel lists the systems the selected app runs, **in run order**, with the components each one reads.
 
-A list of system appear, you can now choose a system, click **Install** in the top right corner, and click **Apply** when you install all systems you want.
+| To               | Do                                                                                                               |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------- |
+| Add a system     | **Add system**, then choose one the app can use. Its import is added.                                            |
+| Change the order | Drag a system up or down: the `addSystem` lines move.                                                            |
+| Remove           | **Remove from app** on its row (_Remove from scene_ while a [scene](scenes) is edited). The system's file stays. |
+| See its code     | _Open in code_                                                                                                   |
 
-![Import system selection](../images/system-import-selection.png)
-
-## Add system to the scene
-
-There are two ways to add a system to a scene.
-
-### 1. Add to the active scene
+## Create a system
 
-In the **Systems** tab, right-click on the system you want and select **Add to active scene**
-![Add system to active scene](../images/system-add-to-scene-1.png)
+In the **Components** panel, **New › New system in app**, then a name. The file is created in the app's systems folder and opens in the code editor. Add it to the app from the Systems panel, or with **Add to app** in the Components panel (**Add to scene** while a [scene](scenes) is edited).
 
-### 2. Pick a system on your scene
+Systems can live in a shared library or come from a package, like [components](components#share-between-client-and-server).
 
-Navigate to **Scenes** tab, and select the **System** subtab. Click **+**, choose a system from the list, and click **Confirm**.
-![Add system to a scene](../images/system-add-to-scene-2.png)
+## While the game plays
 
-## Edit a system
+Each running system has a switch: turn one off to see the game without it. This changes the running game only, and is reset when the game stops.
 
-To edit a system, navigate to **Systems** tab, right-click the system you want edit, and click **Open code**. The system source file opens in the code editor.
-![Access system code](../system-access.png)
+The **Profiler** shows the time each system takes: see [Play the game](play#inspect-the-running-game).
diff --git a/docs/docs/editor/viewport.mdx b/docs/docs/editor/viewport.mdx
deleted file mode 100644
index 8f7ffbf4..00000000
--- a/docs/docs/editor/viewport.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: 'Viewport'
-icon: 'book'
-description: 'Nanoforge Editor viewport'
----
-
-# The Viewport
-
-The viewport is a preview of your game, where you can run it and interact while editing.
-
-## Edit mode
-
-![Viewport toolbar on edit mode](../images/viewport-panel-edit.png)
-
-When the game is not running, the viewport toolbar displays two available buttons: Click **Play** (left) to start the game in the viewport and **Reload** (right) to restart the game with the last changes.
-
-## Play mode
-
-![Viewport toolbar on play mode](../images/viewport-panel-play.png)
-
-When the game is running, the toolbar displays three buttons. Click **Pause** (left) to pause or resume the game, **Stop** (middle) to stop the game and **Reload** (right) to restart the game with the last changes.
diff --git a/docs/docs/getting-started/create-your-first-project.mdx b/docs/docs/getting-started/create-your-first-project.mdx
index 574434de..fc90bc73 100644
--- a/docs/docs/getting-started/create-your-first-project.mdx
+++ b/docs/docs/getting-started/create-your-first-project.mdx
@@ -1,24 +1,48 @@
 ---
 title: 'Create your first project'
 icon: 'book'
-description: 'How to create your first project'
+description: 'Create a project and open it in the editor'
 ---
 
-To create your first game, start by creating a project from the [Project Dashboard](https://projects.nanoforge.eu/dashboard/projects). Click **New project** and fill the project information.
+## Online
+
+Create a project from the [Project Dashboard](https://projects.nanoforge.eu/dashboard/projects). Click **New project** and fill in the project information.
 
 ![Create Project](../images/create-project.png)
 
-If you want to automatically link your project to a github repository, click **Add repositories from github** and select the organization you want to use.
+To link the project to a GitHub repository, click **Add repositories from github** and select the organization to use.
 
-Once your project has been created, click **Open Editor** to launch it in the Nanoforge Editor. This will open the project initialization page, where you choose your programming language and select either a single-player or multiplayer game.
+Once the project is created, click **Open Editor**. The first time, a page asks for the programming language and whether the game is single-player or multiplayer.
 
 ![Init Project](../images/init-project.png)
 
-After the project is initialized, you will be redirected to the editor, which is composed of several panels:
+## On your machine
+
+With the NanoForge CLI:
+
+```sh
+nf new                   # asks for a name, a language, and whether the game has a server
+nf editor my-game        # starts the editor and opens the project in your browser
+```
+
+`nf editor` without a path opens the list of recent projects. The first time a folder is opened, the editor asks whether you trust it. A trusted folder's code runs on your computer: its `nanoforge.config.ts`, its plugins, its builds and games, its Prettier and its Git hooks. **Open in restricted mode** keeps all of that off: you can read and edit the project, and **Trust this folder** (in the notification, or the command palette) turns it on later. Projects you create with **New project** are trusted. A local editor works on the folder itself: what you change in the editor is on your disk at once, and what you change on disk shows in the editor.
+
+A local editor can do what a hosted one cannot: run the game, use Git with your own credentials, and install plugins and packages.
+
+## The editor
+
+![The editor](../images/editor-overview.png)
+
+- **Top**: the menu bar, the four main **screens** (Project, Scene, Script, Game), and the **Play** button.
+- **Left**: **Files**, the **Hierarchy** of entities and the **Commit** panel; below, **Components** and **Systems**.
+- **Right**: **History** and the **Inspector**.
+- **Bottom**: the **Console**, **Problems**, **Git**, and the **Profiler**, **Network** and **World** panels.
+- **Status bar**: the project, the count of problems, the Git branch, and the game's speed while it plays.
+
+Every panel can be moved, floated or closed: see [Layout](../editor/layout).
 
-- **Center**: The **Viewport**, where you can preview and interact with your game while editing.
-- **Left**: The **Project Explorer**, where you can manage your scenes, entities, and systems. You can also switch between the Components, Systems, Assets, and Libraries tabs.
-- **Right**: The **Inspector**, which displays the properties of the selected entity and lets you add, remove, or edit its components.
-- **Bottom**: The **File Explorer**, where you can browse your project files and open them to start coding.
+## Next
 
-![Main Editor](../images/main-editor.png)
+1. Open the **Scene** screen and select an entity in the **Hierarchy**: its components show in the **Inspector**. See [Entities](../editor/entities).
+2. Press **Play** (`F5`). See [Play the game](../editor/play).
+3. Open `apps/client/src/main.ts` from **Files**. See [Code editor](../editor/code-editor).
diff --git a/docs/docs/getting-started/introduction.mdx b/docs/docs/getting-started/introduction.mdx
index ba6b04c3..60b90723 100644
--- a/docs/docs/getting-started/introduction.mdx
+++ b/docs/docs/getting-started/introduction.mdx
@@ -1,19 +1,31 @@
 ---
 title: 'Editor'
 icon: 'book'
-description: 'Nanoforge Editor documentation'
+description: 'NanoForge Editor documentation'
 ---
 
-Nanoforge editor provide a complete online editor for create your game.
+The NanoForge editor is where you build a NanoForge game: its files, its code, its entities, components and systems, and the game itself, running next to them. It runs in the browser, either hosted or on your machine with `nf editor`.
 
-## Start Here
+A NanoForge game is **code**. The editor does not keep a scene file of its own: when you add an entity or change a value, it edits your `main.ts`, and what you write by hand shows in its panels.
+
+![The editor](../images/editor-overview.png)
+
+## Start here
 
 - [Create your first project](create-your-first-project)
+- [Find your way around](../editor/overview)
+
+## Using the editor
+
+- [Layout](../editor/layout): panels, screens, saved layouts
+- [Files](../editor/files)
+- [Code editor](../editor/code-editor)
+- [Entities](../editor/entities), [Components](../editor/components) and [Systems](../editor/systems)
+- [Play the game](../editor/play): play modes, the Game screen, the console, live editing
+- [Settings and shortcuts](../editor/settings)
+- [Git](../editor/git)
+- [Plugins and packages](../editor/plugins-and-packages)
 
-## Editor Documentation
+## Extending the editor
 
-- [Entities](../editor/entities)
-- [Components](../editor/compoents)
-- [Systems](../editor/systems)
-- [Viewport](../editor/viewport)
-- [Export](../editor/export)
+- [Plugins](../plugins/overview): write your own panels, commands and tools
diff --git a/docs/docs/images/code-editor.png b/docs/docs/images/code-editor.png
new file mode 100644
index 00000000..bf431982
Binary files /dev/null and b/docs/docs/images/code-editor.png differ
diff --git a/docs/docs/images/command-palette.png b/docs/docs/images/command-palette.png
new file mode 100644
index 00000000..4ad00595
Binary files /dev/null and b/docs/docs/images/command-palette.png differ
diff --git a/docs/docs/images/components-access.png b/docs/docs/images/components-access.png
deleted file mode 100644
index 1a634b7a..00000000
Binary files a/docs/docs/images/components-access.png and /dev/null differ
diff --git a/docs/docs/images/components-create-name.png b/docs/docs/images/components-create-name.png
deleted file mode 100644
index 9ef5882e..00000000
Binary files a/docs/docs/images/components-create-name.png and /dev/null differ
diff --git a/docs/docs/images/components-create.png b/docs/docs/images/components-create.png
deleted file mode 100644
index fd9918bf..00000000
Binary files a/docs/docs/images/components-create.png and /dev/null differ
diff --git a/docs/docs/images/components-data.png b/docs/docs/images/components-data.png
deleted file mode 100644
index 1378d209..00000000
Binary files a/docs/docs/images/components-data.png and /dev/null differ
diff --git a/docs/docs/images/components-entity-add.png b/docs/docs/images/components-entity-add.png
deleted file mode 100644
index 5c573577..00000000
Binary files a/docs/docs/images/components-entity-add.png and /dev/null differ
diff --git a/docs/docs/images/components-entity-panel.png b/docs/docs/images/components-entity-panel.png
deleted file mode 100644
index c83f1154..00000000
Binary files a/docs/docs/images/components-entity-panel.png and /dev/null differ
diff --git a/docs/docs/images/components-entity.png b/docs/docs/images/components-entity.png
deleted file mode 100644
index 0c456317..00000000
Binary files a/docs/docs/images/components-entity.png and /dev/null differ
diff --git a/docs/docs/images/components-import.png b/docs/docs/images/components-import.png
deleted file mode 100644
index b05d3ec4..00000000
Binary files a/docs/docs/images/components-import.png and /dev/null differ
diff --git a/docs/docs/images/components-navigation.png b/docs/docs/images/components-navigation.png
deleted file mode 100644
index 254cfbb2..00000000
Binary files a/docs/docs/images/components-navigation.png and /dev/null differ
diff --git a/docs/docs/images/download-export.png b/docs/docs/images/download-export.png
deleted file mode 100644
index 274757b0..00000000
Binary files a/docs/docs/images/download-export.png and /dev/null differ
diff --git a/docs/docs/images/ecs-components.png b/docs/docs/images/ecs-components.png
new file mode 100644
index 00000000..0b637cbd
Binary files /dev/null and b/docs/docs/images/ecs-components.png differ
diff --git a/docs/docs/images/ecs-scene.png b/docs/docs/images/ecs-scene.png
new file mode 100644
index 00000000..3892c5f5
Binary files /dev/null and b/docs/docs/images/ecs-scene.png differ
diff --git a/docs/docs/images/editor-overview.png b/docs/docs/images/editor-overview.png
new file mode 100644
index 00000000..c111f33c
Binary files /dev/null and b/docs/docs/images/editor-overview.png differ
diff --git a/docs/docs/images/entities-new.png b/docs/docs/images/entities-new.png
deleted file mode 100644
index a684c6e9..00000000
Binary files a/docs/docs/images/entities-new.png and /dev/null differ
diff --git a/docs/docs/images/entities-rename.png b/docs/docs/images/entities-rename.png
deleted file mode 100644
index c6b6dd5c..00000000
Binary files a/docs/docs/images/entities-rename.png and /dev/null differ
diff --git a/docs/docs/images/export.png b/docs/docs/images/export.png
deleted file mode 100644
index ca84662f..00000000
Binary files a/docs/docs/images/export.png and /dev/null differ
diff --git a/docs/docs/images/game-playing.png b/docs/docs/images/game-playing.png
new file mode 100644
index 00000000..faca79f9
Binary files /dev/null and b/docs/docs/images/game-playing.png differ
diff --git a/docs/docs/images/keyboard-shortcuts.png b/docs/docs/images/keyboard-shortcuts.png
new file mode 100644
index 00000000..a6080ffa
Binary files /dev/null and b/docs/docs/images/keyboard-shortcuts.png differ
diff --git a/docs/docs/images/main-editor.png b/docs/docs/images/main-editor.png
deleted file mode 100644
index b9f98075..00000000
Binary files a/docs/docs/images/main-editor.png and /dev/null differ
diff --git a/docs/docs/images/packages.png b/docs/docs/images/packages.png
new file mode 100644
index 00000000..9e28d528
Binary files /dev/null and b/docs/docs/images/packages.png differ
diff --git a/docs/docs/images/plugins-marketplace.png b/docs/docs/images/plugins-marketplace.png
new file mode 100644
index 00000000..2cc14ca3
Binary files /dev/null and b/docs/docs/images/plugins-marketplace.png differ
diff --git a/docs/docs/images/profiler.png b/docs/docs/images/profiler.png
new file mode 100644
index 00000000..a3bc56c8
Binary files /dev/null and b/docs/docs/images/profiler.png differ
diff --git a/docs/docs/images/settings.png b/docs/docs/images/settings.png
new file mode 100644
index 00000000..52994cb9
Binary files /dev/null and b/docs/docs/images/settings.png differ
diff --git a/docs/docs/images/system-access.png b/docs/docs/images/system-access.png
deleted file mode 100644
index e44c83d7..00000000
Binary files a/docs/docs/images/system-access.png and /dev/null differ
diff --git a/docs/docs/images/system-add-to-scene-1.png b/docs/docs/images/system-add-to-scene-1.png
deleted file mode 100644
index 33ae0812..00000000
Binary files a/docs/docs/images/system-add-to-scene-1.png and /dev/null differ
diff --git a/docs/docs/images/system-add-to-scene-2.png b/docs/docs/images/system-add-to-scene-2.png
deleted file mode 100644
index cdf28899..00000000
Binary files a/docs/docs/images/system-add-to-scene-2.png and /dev/null differ
diff --git a/docs/docs/images/system-create-name.png b/docs/docs/images/system-create-name.png
deleted file mode 100644
index a29cb0fe..00000000
Binary files a/docs/docs/images/system-create-name.png and /dev/null differ
diff --git a/docs/docs/images/system-import-selection.png b/docs/docs/images/system-import-selection.png
deleted file mode 100644
index 24ebe8d4..00000000
Binary files a/docs/docs/images/system-import-selection.png and /dev/null differ
diff --git a/docs/docs/images/system-import.png b/docs/docs/images/system-import.png
deleted file mode 100644
index 2e04d722..00000000
Binary files a/docs/docs/images/system-import.png and /dev/null differ
diff --git a/docs/docs/images/systems-create.png b/docs/docs/images/systems-create.png
deleted file mode 100644
index 669b87c4..00000000
Binary files a/docs/docs/images/systems-create.png and /dev/null differ
diff --git a/docs/docs/images/systems-navigate.png b/docs/docs/images/systems-navigate.png
deleted file mode 100644
index dbab9788..00000000
Binary files a/docs/docs/images/systems-navigate.png and /dev/null differ
diff --git a/docs/docs/images/viewport-panel-edit.png b/docs/docs/images/viewport-panel-edit.png
deleted file mode 100644
index 90a5dbf1..00000000
Binary files a/docs/docs/images/viewport-panel-edit.png and /dev/null differ
diff --git a/docs/docs/images/viewport-panel-play.png b/docs/docs/images/viewport-panel-play.png
deleted file mode 100644
index 91b6bc31..00000000
Binary files a/docs/docs/images/viewport-panel-play.png and /dev/null differ
diff --git a/docs/docs/plugins/code-and-codegen.mdx b/docs/docs/plugins/code-and-codegen.mdx
new file mode 100644
index 00000000..2a6f0123
--- /dev/null
+++ b/docs/docs/plugins/code-and-codegen.mdx
@@ -0,0 +1,137 @@
+---
+title: 'Code and code generation'
+icon: 'braces'
+description: 'Read the game code, change it safely, and describe items such as components and systems'
+---
+
+A NanoForge game is code: there is no scene file beside it. A plugin that shows or edits something of the game reads the code and writes code. The editor gives three tools for that.
+
+| Tool               | Runs in         | Does                                                                  |
+| ------------------ | --------------- | --------------------------------------------------------------------- |
+| **Analyzer**       | the code worker | Reads a file's syntax tree and returns a model (plain data).          |
+| **Transformer**    | the code worker | Changes the syntax tree; the editor turns it into text edits.         |
+| **Codegen target** | the page        | Ties both together for an app: a live model, and undoable operations. |
+
+The code worker holds the project's files in memory, with unsaved edits, and TypeScript. It is the only place where the compiler is loaded.
+
+## A worker entry
+
+Add a second entry to the manifest and to the build.
+
+```json
+"entry": { "client": "index.js", "worker": "worker.js" }
+```
+
+```ts
+// vite.config.ts
+build: { lib: { entry: { index: 'src/index.ts', worker: 'src/worker.ts' }, formats: ['es'] } }
+```
+
+```ts
+// src/worker.ts
+import { defineWorkerPlugin } from '@nanoforge-dev/editor-sdk/worker';
+
+export default defineWorkerPlugin({
+  activate(sdk) {
+    sdk.registerAnalyzer('counter.exports', ({ file }) => file.getExportedDeclarations().size);
+    sdk.registerTransformer('counter.addComment', ({ file, edit }, op) => {
+      edit.insertAt(0, `// ${(op as { text: string }).text}\n`);
+    });
+  },
+});
+```
+
+The context of an analyzer has:
+
+| Member                      | Is                                                                                         |
+| --------------------------- | ------------------------------------------------------------------------------------------ |
+| `path`, `text`              | The file's project path and its current text.                                              |
+| `file`, `project`           | The ts-morph `SourceFile` and `Project`. ts-morph comes from the editor: do not bundle it. |
+| `ref(node)`, `resolve(ref)` | A stable reference of a node, to send to the page and get the node back later.             |
+| `literals`                  | Helpers between literals in code and values (`literalToValue`, `valueToLiteral`…).         |
+
+A transformer also gets `edit`, which records the changes: `replace(node, text)`, `insertBefore`, `insertAfter`, `insertAt(offset, text)`, `remove(node)`, `removeLines(node)`.
+
+## Call them from the page
+
+```ts
+import { CodeServiceToken } from '@nanoforge-dev/editor-sdk';
+
+const code = context.services.get(CodeServiceToken);
+
+const count = await code.analyze<number>('apps/client/src/main.ts', 'counter.exports');
+
+// An undoable command, applied through the document service:
+const command = await code.edit(
+  'apps/client/src/main.ts',
+  'counter.addComment',
+  { text: 'hi' },
+  {
+    label: 'Add a comment',
+  },
+);
+```
+
+`code.edit` returns a `HistoryCommand` (or `undefined` when nothing changes). Push it on the file's history, or group several in a transaction: see [history](./history).
+
+The model an analyzer returns crosses to the page as plain data: no syntax nodes, no functions.
+
+## Codegen targets
+
+A **codegen target** is how one kind of app keeps part of its state in code. The ECS plugin's target reads an app's entry file as a list of entities, components and systems, and writes back operations such as "add a component to this entity".
+
+```ts
+import { CODEGEN_TARGETS, type CodegenTarget } from '@nanoforge-dev/editor-sdk';
+
+const target: CodegenTarget<Model, Op> = {
+  id: 'counter.target',
+  label: 'Counter',
+  priority: 0,
+  appliesTo: (app) => app.type === 'client',
+  load: (app) => modelOf(app), // Observable<Model | undefined>, re-read on change
+  apply: (app, op) => commandFor(app, op), // Promise<HistoryCommand>
+};
+context.subscriptions.add(context.contribute(CODEGEN_TARGETS, target));
+```
+
+- When several targets apply to an app, the highest `priority` wins (`selectTarget`).
+- The Scene screen shows the editor a plugin contributed to `SCENE_EDITORS` for the target in use.
+- To make the ECS widgets (hierarchy, inspector, systems, 2D scene) edit another place than the entry file's `main`, contribute to the ECS plugin's `ecs.sources` instead: a location is a file and a function body (`{ kind: 'method', class: 'Level1', method: 'setup' }`), and the widgets keep working unchanged. The scene plugin edits the selected scene's `setup` this way.
+
+## Item owners
+
+**Items** are exports of the game's code that the editor lists: components, systems, and whatever a plugin describes. The editor extracts for each one its name, documentation, constructor parameters and fields, with their types and defaults, from the code and its TSDoc.
+
+What an item _is_ belongs to a plugin, its **owner**. The ECS plugin owns the `@component` and `@system` tags; the core knows nothing about them.
+
+```json
+"contributes": { "itemOwner": { "schema": 1, "tags": ["widget"] } }
+```
+
+```ts
+// worker entry
+sdk.registerItemOwner({
+  name: '@acme/widgets',
+  version: '0.1.0',
+  schema: 1,
+  tags: ['widget'],
+  extract: ({ tags }) => (tags.widget ? { kind: 'widget' } : undefined),
+});
+```
+
+`extract` returns the plugin's own data about an export, stored under the plugin's name. Read items in the page with the catalog:
+
+```ts
+import { CatalogServiceToken, ownerObjects } from '@nanoforge-dev/editor-sdk';
+
+const catalog = context.services.get(CatalogServiceToken);
+catalog.state.subscribe(({ items }) => {
+  const mine = items.filter((item) => ownerObjects(item.meta)['@acme/widgets']);
+});
+```
+
+Items come from the project's apps, its shared libraries and its installed packages (`nf_modules`, read-only). The catalog keeps a cache in `.nanoforge/editor/cache/meta/` and extracts again only what changed.
+
+## Problems
+
+A plugin reports problems (shown in the Problems panel and in the code editor) through `DiagnosticsServiceToken`, and JSON files get completion and validation from a schema contributed to `JSON_SCHEMAS`.
diff --git a/docs/docs/plugins/create-your-first-plugin.mdx b/docs/docs/plugins/create-your-first-plugin.mdx
new file mode 100644
index 00000000..679dd91d
--- /dev/null
+++ b/docs/docs/plugins/create-your-first-plugin.mdx
@@ -0,0 +1,193 @@
+---
+title: 'Create your first plugin'
+icon: 'rocket'
+description: 'Scaffold a plugin with nf create plugin, run it in the editor and change it'
+---
+
+This page builds **Counter**, a small plugin with a panel, a command, a setting and an action you can undo. The finished plugin is in the editor repository, under `examples/counter-plugin`.
+
+## 1. Create it
+
+```sh
+nf create plugin --name @acme/counter
+```
+
+The name is the plugin's name in the registry: `@scope/name`, in lowercase. The command writes a `counter` folder (`--path` chooses another one); it does not need a NanoForge project around it.
+
+```text
+counter/
+├── nanoforge.manifest.json   what the plugin adds to the editor
+├── package.json
+├── vite.config.ts            builds dist/
+├── svelte.config.js
+├── tsconfig.json
+└── src/
+    ├── index.ts              activate()
+    ├── counter.ts            the plugin's state
+    └── Panel.svelte          the panel
+```
+
+## 2. Run it in the editor
+
+```sh
+cd counter
+pnpm install
+pnpm dev                                   # rebuilds dist/ on every change
+```
+
+In another terminal, start the editor with the plugin as a **dev plugin**:
+
+```sh
+DEV_PLUGINS=/path/to/counter nf editor /path/to/a/project
+```
+
+The Counter panel is in the bottom right dock. _View › Panels › Counter_ shows it again once closed. When you save a source file, the editor reloads the plugin without reloading the page.
+
+<Warning>
+  `@nanoforge-dev/editor-sdk` and `@nanoforge-dev/editor-vite-plugin` are not published on npm yet,
+  so `pnpm install` fails on them. Until they are, point both at a checkout of the editor repository
+  in the plugin's `package.json` (`"link:/path/to/editor/packages/sdk"` and
+  `"link:/path/to/editor/tooling/vite-plugin"`): `examples/README.md` in that repository has the
+  steps.
+</Warning>
+
+## 3. The manifest
+
+`nanoforge.manifest.json` declares what the plugin adds. The editor reads it before running any code.
+
+```json
+{
+  "type": "plugin",
+  "name": "@acme/counter",
+  "version": "0.1.0",
+  "displayName": "Counter",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onWidget:counter.panel", "onCommand:counter.add"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "counter.panel",
+        "title": "Counter",
+        "icon": "plus",
+        "defaultSlot": "rightBottom",
+        "order": 900
+      }
+    ],
+    "commands": [{ "id": "counter.add", "title": "Add to the counter", "category": "Counter" }],
+    "menus": [{ "menu": "edit", "command": "counter.add", "group": "counter" }],
+    "settings": [
+      { "key": "step", "type": "number", "default": 1, "title": "Step", "category": "Counter" }
+    ]
+  }
+}
+```
+
+- `activation`: the plugin's code loads when its panel is first shown or its command first runs.
+- `widgets`: a panel named Counter, docked bottom right by default.
+- `commands` and `menus`: a command, listed in the Edit menu and in the command palette (`Ctrl+Shift+P`).
+- `settings`: a number shown in _Settings › Counter_. Its full key is `@acme/counter.step`.
+
+## 4. The code
+
+`src/index.ts` exports the plugin. `activate` gets a **context**: the editor's services, and `subscriptions`, where you put everything the plugin adds so it is removed with the plugin.
+
+```ts
+import type { Component } from 'svelte';
+
+import { HistoryServiceToken, SettingsServiceToken, definePlugin } from '@nanoforge-dev/editor-sdk';
+import { StyleServiceToken, WIDGET_VIEWS, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+import Panel from './Panel.svelte';
+import { count } from './counter';
+
+/** Undo and redo target of the panel. */
+export const HISTORY = 'counter';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+
+    // Styles are built into counter.css: inject them when the plugin starts.
+    const css = await fetch(context.resolveAsset('counter.css')).then((r) =>
+      r.ok ? r.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+
+    // The view of the widget declared in the manifest.
+    context.subscriptions.add(
+      context.contribute(WIDGET_VIEWS, {
+        id: 'counter.panel',
+        component: Panel as Component<{ instance: WidgetInstance }>,
+      }),
+    );
+
+    // A history of its own, so each addition can be undone.
+    const history = services
+      .get(HistoryServiceToken)
+      .registerContext({ id: HISTORY, label: 'Counter', owner: context.name });
+    context.subscriptions.add(history);
+
+    const settings = services.get(SettingsServiceToken);
+    context.subscriptions.add(
+      context.registerCommand('counter.add', async () => {
+        const step = Number(settings.get('@acme/counter.step')) || 1;
+        await history.stack.push({
+          label: `Add ${step}`,
+          do: () => count.set(count.get() + step),
+          undo: () => count.set(count.get() - step),
+        });
+      }),
+    );
+  },
+});
+```
+
+`src/Panel.svelte` is a Svelte 5 component. It receives the widget **instance**, and uses the editor's own `Button`.
+
+```svelte
+<script lang="ts">
+  import { EditorServices } from '@nanoforge-dev/editor-sdk';
+  import { Button, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { count } from './counter';
+  import { HISTORY } from './index';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  const add = () => instance.services.get(EditorServices.Commands).execute('counter.add');
+
+  // While this panel has focus, Ctrl+Z and Ctrl+Y act on the plugin's history.
+  $effect(() => {
+    instance.setHistoryContext(HISTORY);
+    return () => instance.setHistoryContext(undefined);
+  });
+</script>
+
+<section class="counter" aria-label="Counter">
+  <p role="status">{$count}</p>
+  <Button variant="primary" onclick={() => void add()}>Add</Button>
+</section>
+```
+
+`count` is an `ObservableValue` from the SDK: Svelte reads it as a store (`$count`).
+
+## 5. Try it
+
+- Click **Add** twice, then press `Ctrl+Z` with the panel focused: the counter goes back by one. The step is in the History panel too.
+- Run _Edit › Add to the counter_, or find it in the command palette.
+- Change _Settings › Counter › Step_ to 5 and add again.
+
+## 6. Install it without the dev mode
+
+```sh
+pnpm build
+```
+
+Copy `dist/` to `~/.nanoforge/editor/plugins/@acme/counter` (every project) or to `<project>/.nanoforge/plugins/@acme/counter` (one project, and it can be committed with it). Reload the editor.
+
+## Where to go next
+
+- A shortcut for the command: `contributes.keybindings` in the [manifest](./manifest).
+- A status bar item, a file template, a toolbar button: [extension points](./extension-points).
+- Reading and changing the game's code: [code and code generation](./code-and-codegen).
+- A plugin that only makes sense with an engine library: [engine libraries](./engine-libs).
diff --git a/docs/docs/plugins/engine-libs.mdx b/docs/docs/plugins/engine-libs.mdx
new file mode 100644
index 00000000..87aff1bd
--- /dev/null
+++ b/docs/docs/plugins/engine-libs.mdx
@@ -0,0 +1,97 @@
+---
+title: 'Engine libraries'
+icon: 'cpu'
+description: 'Plugins that depend on an engine library, and talking to the running game'
+---
+
+A NanoForge game is made of apps (a client, a server), and each app uses **engine libraries**: `@nanoforge-dev/ecs`, `@nanoforge-dev/graphics-2d`, `@nanoforge-dev/network`… A plugin for the ECS means nothing in an app without it.
+
+## Say what the plugin needs
+
+```json
+"engineLibs": {
+  "required": { "@nanoforge-dev/ecs": "*" },
+  "optional": { "@nanoforge-dev/graphics-2d": "^1.0.0" }
+}
+```
+
+- `required`: an app must have these libraries (in these version ranges) for the plugin to apply to it.
+- `optional`: libraries the plugin can use when they are there.
+
+The plugin is still loaded in a project where no app has them: it decides what to show.
+
+## Apps the plugin applies to
+
+```ts
+import { observe } from '@nanoforge-dev/editor-sdk';
+
+context.subscriptions.add(
+  observe(context.eligibleApps, (apps) => {
+    // the project's apps that have every required library; changes when the project does
+  }),
+);
+```
+
+Each app has its `id`, `name`, `type` (`client`, `server`, or `lib` for a shared library) and `engineLibs` (name to installed version). `missingEngineLibs(manifest, app)` lists what an app lacks, and `isEligible(manifest, app)` answers yes or no.
+
+### In `when` clauses
+
+| Key                             | True when                                     |
+| ------------------------------- | --------------------------------------------- |
+| `engineLib:<name>`              | the active app has that library               |
+| `plugin.<plugin name>.eligible` | the active app has what that plugin requires  |
+| `activeApp`                     | (a value) the id of the app the user works on |
+
+```json
+{ "id": "ecs.addEntity", "title": "Add entity", "when": "engineLib:@nanoforge-dev/ecs" }
+```
+
+## The running game
+
+`RuntimeServiceToken` is the game the editor plays.
+
+```ts
+import { RuntimeServiceToken, isPlaying } from '@nanoforge-dev/editor-sdk';
+
+const runtime = context.services.get(RuntimeServiceToken);
+runtime.session.subscribe(({ state }) => {
+  if (isPlaying(state)) {
+    /* building, starting, running, paused */
+  }
+});
+```
+
+Commands: `runtime.play`, `runtime.pause`, `runtime.resume`, `runtime.step`, `runtime.restart`, `runtime.stop`. The session also says which apps play, in which mode, and whether the game can be paused (`controllable`). Context keys: `runtime.active`, `runtime.state`, `runtime.controllable`.
+
+### Asking the engine for data
+
+The engine sends nothing unless asked. A plugin asks for **features**, and gets **events** while the game runs.
+
+```ts
+const request = runtime.useFeatures({ frameStats: { intervalMs: 250 } });
+const events = runtime.onEvent(({ source, app, event, args }) => {
+  // source: 'client' or 'server'; app: the app's id
+  if (event === 'frame-stats') {
+    /* args[0]: the stats of that window */
+  }
+});
+// later
+request.dispose();
+events.dispose();
+```
+
+| Feature                                    | Events                           | Carries                                                          |
+| ------------------------------------------ | -------------------------------- | ---------------------------------------------------------------- |
+| `frameStats: { intervalMs }`               | `frame-stats`                    | Tick time and time per library, per window.                      |
+| `logs: { values: true }`                   | lines through `runtime.onLog`    | Console lines with the logged values and where they were logged. |
+| `networkTrace: { maxPerSecond, maxBytes }` | `network-trace`, `network-stats` | Packets, and totals every second.                                |
+| `ecsWorld: { intervalMs }`                 | `ecs-world`                      | Entities and components of the live world.                       |
+| `ecsSystemStats: { intervalMs }`           | `ecs-system-stats`               | Time per ECS system.                                             |
+
+- Requests of every plugin are merged; the most demanding one wins. **Dispose your request when your panel is hidden**: ask in an effect on `instance.visible`, not when the plugin starts.
+- An older engine ignores features it does not know: handle the absence of events.
+- The game only runs in a local editor. A hosted editor never builds or runs project code.
+
+### Game output
+
+Everything the game prints goes to the editor's logger, under the sources `game:client` and `game:server`. A plugin's own `context.logger` lines show under _Plugins_.
diff --git a/docs/docs/plugins/extension-points.mdx b/docs/docs/plugins/extension-points.mdx
new file mode 100644
index 00000000..b50aa863
--- /dev/null
+++ b/docs/docs/plugins/extension-points.mdx
@@ -0,0 +1,84 @@
+---
+title: 'Extension points'
+icon: 'blocks'
+description: 'Every place where a plugin can add something to the editor'
+---
+
+An **extension point** is a typed list the editor reads. A plugin adds a value with `context.contribute(POINT, value)` and keeps the returned disposable in `context.subscriptions`.
+
+```ts
+import { STATUS_BAR_ITEMS } from '@nanoforge-dev/editor-sdk/ui';
+
+context.subscriptions.add(
+  context.contribute(STATUS_BAR_ITEMS, {
+    id: 'counter.total',
+    alignment: 'right',
+    text: derived([count], (value) => `Count: ${value}`),
+    command: 'counter.add',
+  }),
+);
+```
+
+Several points can also be filled from the [manifest](./manifest#contributions), without code: widgets, menus, keybindings, keymap presets, settings, themes and document editors.
+
+## Workbench
+
+From `@nanoforge-dev/editor-sdk/ui`.
+
+| Point              | A value is                                                                                                                  | Manifest key    |
+| ------------------ | --------------------------------------------------------------------------------------------------------------------------- | --------------- |
+| `WIDGETS`          | A panel or a screen: `id`, `title`, `icon`, `kind`, `defaultSlot`, `order`…                                                 | `widgets`       |
+| `WIDGET_VIEWS`     | The view of a widget: `{ id, component }` (a Svelte component) or `{ id, mount(element, instance) }` for another framework. |                 |
+| `MENU_BAR`         | A menu of the menu bar: `{ id, title, order }`.                                                                             |                 |
+| `MENU_ITEMS`       | An entry of a menu, a submenu or a context menu.                                                                            | `menus`         |
+| `KEYBINDINGS`      | A default shortcut: `{ key, command, when, args }`.                                                                         | `keybindings`   |
+| `KEYMAP_PRESETS`   | A named set of shortcuts.                                                                                                   | `keymapPresets` |
+| `TOOLBAR_ITEMS`    | A button of the top bar: `{ id, icon, title, command, when, toggled }`.                                                     |                 |
+| `STATUS_BAR_ITEMS` | An item of the status bar: `{ id, alignment, text, tooltip, command, when }`. `text` is an observable.                      |                 |
+| `SETTINGS_PAGES`   | A page of the Settings dialog with its own editor. It names the settings it edits, which then leave the category list.      |                 |
+| `THEMES`           | A color theme.                                                                                                              | `themes`        |
+
+## Files
+
+| Point              | A value is                                                                                                                                                                                      |
+| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `FILE_TEMPLATES`   | A "New…" entry of the Files panel: `{ id, title, category, defaultName, create({ folder, name }) }` returning the files to write.                                                               |
+| `FILE_ACTIONS`     | An entry of the context menu of files: `{ id, title, command, group, when }`. The command gets the selected paths. `when` sees `fileKind`, `fileExtname`, `fileReadOnly`, `fileSelectionCount`. |
+| `FILE_ICONS`       | The icon of files matching a glob: `{ pattern, icon, priority }`.                                                                                                                               |
+| `FILE_DECORATIONS` | Marks on files (a badge and a tone), as Git does: `{ id, changes, decorate(path, kind) }`.                                                                                                      |
+
+## Code
+
+| Point                     | A value is                                                                                             | From      |
+| ------------------------- | ------------------------------------------------------------------------------------------------------ | --------- |
+| `DOCUMENT_EDITORS`        | Opens files matching a glob with a widget (manifest key `documentEditors`).                            | SDK       |
+| `JSON_SCHEMAS`            | A JSON schema for files matching globs: completion and validation in the code editor.                  | SDK       |
+| `CODEGEN_TARGETS`         | A way to read and change an app's code as a model. See [code and code generation](./code-and-codegen). | SDK       |
+| `CODE_EDITOR_SIDE_PANELS` | A panel beside the code editor for some files: `{ id, title, component, appliesTo(path) }`.            | SDK `/ui` |
+
+## Game and Scene screens
+
+| Point               | A value is                                                                              |
+| ------------------- | --------------------------------------------------------------------------------------- |
+| `VIEWPORT_TOOLS`    | A button of the Game or Scene toolbar: `{ id, screen, icon, title, command, toggled }`. |
+| `VIEWPORT_OVERLAYS` | A component drawn over the running game or the scene (gizmos, debug views).             |
+| `SCENE_EDITORS`     | The content of the Scene screen for a code generation target.                           |
+
+## Points of other plugins
+
+A plugin can define its own points with `defineExtensionPoint<T>(id)`, and others contribute to them by declaring the same id. The ECS plugin has three:
+
+| Id                 | A value is                                                                                                                                                                          |
+| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `ecs.fieldEditors` | The inspector field of a value type, or of one referenced type.                                                                                                                     |
+| `ecs.paramPresets` | A visual preset that merges several constructor parameters into one control.                                                                                                        |
+| `ecs.sources`      | What the ECS widgets edit for an app: a file and the function holding its spawns (`main`, or a method of a class), and read-only locations shown with it. The scene plugin uses it. |
+
+Declare `@nanoforge/ecs` in your manifest's `dependencies` to contribute to them.
+
+## Reading a point
+
+```ts
+const items = context.contributions(FILE_TEMPLATES); // observable of contributions
+items.subscribe((list) => console.log(list.map(({ value }) => value.id)));
+```
diff --git a/docs/docs/plugins/history.mdx b/docs/docs/plugins/history.mdx
new file mode 100644
index 00000000..3ae28b84
--- /dev/null
+++ b/docs/docs/plugins/history.mdx
@@ -0,0 +1,98 @@
+---
+title: 'History'
+icon: 'history'
+description: 'Make what your plugin does undoable'
+---
+
+Undo in the editor is not one global list. Each area has its own **history context**: each file, the layout, the Files panel, and any context a plugin registers. `Ctrl+Z` acts on the context of what has focus, and the History panel shows them all.
+
+## A command
+
+A step is a `HistoryCommand`: a label and two functions.
+
+```ts
+const add = (step: number) => ({
+  label: `Add ${step}`,
+  do: () => count.set(count.get() + step),
+  undo: () => count.set(count.get() - step),
+});
+```
+
+`do` and `undo` may be async. Other fields: `mergeKey` (commands with the same key pushed close together become one step, for a drag or a slider), `preview` (what changed, for the History panel).
+
+## A context of your own
+
+```ts
+import { HistoryServiceToken } from '@nanoforge-dev/editor-sdk';
+
+const history = context.services
+  .get(HistoryServiceToken)
+  .registerContext({ id: 'counter', label: 'Counter', owner: context.name });
+context.subscriptions.add(history);
+
+await history.stack.push(add(1)); // runs do(), then records the step
+await history.stack.undo();
+await history.stack.redo();
+```
+
+`push` **runs** the command: do not apply the change yourself first.
+
+### Several changes, one step
+
+```ts
+await history.stack.transaction('Add twice', async (tx) => {
+  await tx.push(add(1));
+  await tx.push(add(1));
+});
+```
+
+If the function throws, the steps already done are undone. `compositeCommand` builds one command from several when you have them up front.
+
+## Point undo at your context
+
+`Ctrl+Z` needs to know which context your panel uses.
+
+```svelte
+<script lang="ts">
+  const { instance } = $props();
+  $effect(() => {
+    instance.setHistoryContext('counter');
+    return () => instance.setHistoryContext(undefined);
+  });
+</script>
+```
+
+Or, when the panel always uses the same context, `"historyContext": "counter"` on the widget in the manifest.
+
+While a text field has focus, `Ctrl+Z` stays the field's own undo.
+
+## Changing files
+
+Do not write to files directly when the change should be undoable: edit them through the document service. The step then lands in the **file's** history (`file:<path>`), next to what the user typed, and works whether the file is open in the code editor or not.
+
+```ts
+import { DocumentServiceToken } from '@nanoforge-dev/editor-sdk';
+
+const documents = context.services.get(DocumentServiceToken);
+await documents.edit('apps/client/src/main.ts', [{ start: 0, end: 0, text: '// hello\n' }], {
+  label: 'Add a greeting',
+});
+```
+
+An edit is a list of `{ start, end, text }` offsets in the file's current text. A step whose file changed underneath it (the content it produced is gone) is dropped rather than applied to the wrong text.
+
+To change code by its meaning rather than by offsets, see [code and code generation](./code-and-codegen).
+
+## A change across several files
+
+Take the commands instead of pushing them, and group them in a context of your own:
+
+```ts
+const commands = [
+  documents.editCommand('a.ts', editsA, { label: 'Move Health' }),
+  documents.editCommand('b.ts', editsB, { label: 'Move Health' }),
+];
+await history.stack.push(compositeCommand('Move Health', commands));
+```
+
+One undo then reverts both files.
diff --git a/docs/docs/plugins/manifest.mdx b/docs/docs/plugins/manifest.mdx
new file mode 100644
index 00000000..1b93e8e9
--- /dev/null
+++ b/docs/docs/plugins/manifest.mdx
@@ -0,0 +1,190 @@
+---
+title: 'Manifest reference'
+icon: 'file-code'
+description: 'Every field of a plugin nanoforge.manifest.json'
+---
+
+`nanoforge.manifest.json` sits at the root of the plugin's source folder. The build copies it into `dist/` and adds the `build` field. The JSON schema is `packages/kernel/schemas/plugin.schema.json` in the editor repository (`$schema` gives completion in most editors).
+
+## Identity
+
+| Field                                   | Required | Description                                                                 |
+| --------------------------------------- | -------- | --------------------------------------------------------------------------- |
+| `type`                                  | yes      | `"plugin"`.                                                                 |
+| `name`                                  | yes      | `@scope/name`, lowercase letters, digits and `-`. The name in the registry. |
+| `version`                               | yes      | Semver.                                                                     |
+| `displayName`                           |          | The name shown in the editor.                                               |
+| `description`                           |          | One sentence, shown in _Settings › Plugins_ and the marketplace.            |
+| `icon`, `tags`, `license`, `repository` |          | Shown by the registry.                                                      |
+
+## Compatibility
+
+| Field                  | Description                                                                                                                                          |
+| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `engines.editor`       | **Required.** Semver range of editor versions the plugin runs on. Outside it, the plugin is listed as "needs another editor version" and not loaded. |
+| `dependencies`         | Other plugins it needs: `["@scope/name"]` or `{ "@scope/name": "^1.0.0" }`. They activate first. A missing one stops the plugin.                     |
+| `optionalDependencies` | Plugins it uses when they are there.                                                                                                                 |
+| `engineLibs.required`  | Engine libraries an app must have for the plugin to apply to it: `{ "@nanoforge-dev/ecs": "*" }`. See [engine libraries](./engine-libs).             |
+| `engineLibs.optional`  | Engine libraries it can use.                                                                                                                         |
+| `build`                | Written by the build: the versions of Svelte and of the SDK it was compiled against. The editor refuses a plugin built for an incompatible runtime.  |
+
+## Entries
+
+Paths relative to the built folder.
+
+| Field          | Runs in             | Used for                                                                                                |
+| -------------- | ------------------- | ------------------------------------------------------------------------------------------------------- |
+| `entry.client` | the editor's page   | Panels, commands, everything visible.                                                                   |
+| `entry.worker` | the code worker     | Reading and transforming the game's code. See [code and code generation](./code-and-codegen).           |
+| `entry.server` | the editor's server | Code that needs the machine: files outside the project, processes. See [the SDK](./sdk#server-entries). |
+
+## Activation
+
+`activation` lists the events that load the plugin's code. Default: `["onStartup"]`.
+
+| Event                                                                        | Fires when                                                                                           |
+| ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
+| `onStartup`                                                                  | the editor starts                                                                                    |
+| `onWidget:<id>`                                                              | a panel or screen with that id is first shown                                                        |
+| `onCommand:<id>`                                                             | that command runs                                                                                    |
+| `onScreen:<id>`, `onProjectType:<type>`, `onLanguage:<id>`, `onUri:<scheme>` | accepted by the schema, but the editor does not fire them yet. A screen is a widget: use `onWidget`. |
+
+Prefer `onWidget` and `onCommand`: a plugin loaded at startup delays the others.
+
+## Contributions
+
+Everything under `contributes` is applied when the manifest is read, before the plugin's code loads.
+
+### `commands`
+
+```json
+{
+  "id": "counter.add",
+  "title": "Add to the counter",
+  "category": "Counter",
+  "when": "runtime.active",
+  "palette": true
+}
+```
+
+| Field      | Description                                                                            |
+| ---------- | -------------------------------------------------------------------------------------- |
+| `id`       | **Required.** Prefix it with your plugin's short name.                                 |
+| `title`    | **Required.** Sentence case, says what it does. A trailing `…` when it opens a dialog. |
+| `category` | Shown before the title in the palette: `Counter: Add to the counter`.                  |
+| `icon`     | An icon name.                                                                          |
+| `when`     | A [when clause](#when-clauses): the command is offered only while it is true.          |
+| `palette`  | `false` hides it from the command palette (a command that needs arguments).            |
+
+The code registers the handler with `context.registerCommand(id, handler)`.
+
+### `widgets`
+
+Panels (docks) and screens.
+
+| Field            | Default | Description                                                                            |
+| ---------------- | ------- | -------------------------------------------------------------------------------------- |
+| `id`             |         | **Required.**                                                                          |
+| `title`          |         | **Required.** The tab's name.                                                          |
+| `icon`           |         | An icon name (`folder-tree`): a dock shows only the icon in its stripe.                |
+| `kind`           | `dock`  | `dock`: a panel in a dock or a floating window. `screen`: a main screen in the center. |
+| `defaultSlot`    |         | `leftTop`, `leftBottom`, `rightTop`, `rightBottom`, `bottom` or `bottomRight`.         |
+| `order`          | `0`     | Order among the tabs of the slot, or among screens.                                    |
+| `openByDefault`  | `true`  | Whether the default layout shows it.                                                   |
+| `singleton`      | `true`  | One instance at a time.                                                                |
+| `when`           |         | Offered in menus only while true.                                                      |
+| `historyContext` |         | The history that undo and redo act on while the widget has focus.                      |
+
+The code gives the widget its view with the `WIDGET_VIEWS` extension point. See [widgets and styles](./widgets-and-styles).
+
+### `menus`
+
+```json
+{ "menu": "edit", "command": "counter.add", "group": "counter", "order": 0 }
+```
+
+| Field              | Description                                                                                                                                                     |
+| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `menu`             | **Required.** A menu of the menu bar (`file`, `edit`, `view`, `run`, `help`, `vcs`, or one a plugin added with `MENU_BAR`), a submenu id, or a context menu id. |
+| `command`          | The command to run. The entry shows the command's title and shortcut.                                                                                           |
+| `submenu`, `title` | Instead of a command: opens the submenu with that id.                                                                                                           |
+| `group`            | Entries are separated by group (default `main`), then sorted by `order`.                                                                                        |
+| `when`             | Shown only while true.                                                                                                                                          |
+| `args`             | Arguments passed to the command.                                                                                                                                |
+
+### `keybindings`
+
+```json
+{ "key": "Mod+Alt+K", "command": "counter.add", "when": "!textInputFocus" }
+```
+
+- Write `Mod` for Ctrl (Cmd on macOS). Two strokes separated by a space make a chord: `Mod+K Mod+S`.
+- These are **defaults**: users change them in _Settings › Keyboard shortcuts_.
+- Don't bind a single stroke that starts an existing chord, and don't give a default shortcut to an action that publishes or deletes.
+
+### `keymapPresets`
+
+A named set of shortcuts users can choose in _Settings › Keyboard shortcuts_.
+
+```json
+{ "id": "hello", "title": "Hello keys", "bindings": [{ "key": "F9", "command": "hello.twice" }] }
+```
+
+A binding with `"remove": true` cancels a default shortcut.
+
+### `settings`
+
+```json
+{ "key": "step", "type": "number", "default": 1, "title": "Step", "category": "Counter" }
+```
+
+The key is prefixed with the plugin's name: `@acme/counter.step`. See [settings](./settings) for types and scopes.
+
+### `themes`
+
+A color theme: `id`, `label`, `kind` (`dark` or `light`) and `colors`, a value for every color token. See [widgets and styles](./widgets-and-styles#theme-tokens).
+
+### `documentEditors`
+
+Opens files matching a glob with one of your widgets instead of the code editor.
+
+```json
+{
+  "pattern": "**/*.scene.json",
+  "widget": "scenes.editor",
+  "command": "scenes.open",
+  "title": "Scene editor",
+  "priority": 10
+}
+```
+
+### `itemOwner`
+
+For plugins that describe items of the game's code (components, systems…): `schema` (the version of the data it writes) and `tags` (the TSDoc tags it owns). See [code and code generation](./code-and-codegen#item-owners).
+
+## When clauses
+
+A `when` is an expression over **context keys**.
+
+```text
+runtime.active && !textInputFocus
+fileExtname == .ts || fileExtname == .js
+!(fileReadOnly) && fileSelectionCount == 1
+codeEditor.activeFile =~ /\.component\.ts$/
+```
+
+Operators: `!`, `&&`, `||`, `==`, `!=`, `=~` (regular expression), `in`, and parentheses. A bare word on the right of `==` is a string.
+
+| Key                                                             | Value                                                    |
+| --------------------------------------------------------------- | -------------------------------------------------------- |
+| `textInputFocus`                                                | true while a text field has focus                        |
+| `focusedWidget`                                                 | id of the focused widget                                 |
+| `historyContext`                                                | id of the history undo would act on                      |
+| `activeApp`                                                     | id of the app the user works on                          |
+| `engineLib:<name>`                                              | true when the active app has that engine library         |
+| `runtime.active`, `runtime.state`, `runtime.controllable`       | the game is playing, its state, whether it can be paused |
+| `codeEditor.activeFile`                                         | path of the file in the focused code editor              |
+| `git.repository`                                                | the project is a Git repository                          |
+| `fileKind`, `fileExtname`, `fileReadOnly`, `fileSelectionCount` | in file context menus                                    |
+
+A plugin sets its own keys with `context.contextKeys.set(key, value)`.
diff --git a/docs/docs/plugins/overview.mdx b/docs/docs/plugins/overview.mdx
new file mode 100644
index 00000000..4a1477ff
--- /dev/null
+++ b/docs/docs/plugins/overview.mdx
@@ -0,0 +1,64 @@
+---
+title: 'Plugins overview'
+icon: 'plug'
+description: 'What an editor plugin is, where it lives and how the editor loads it'
+---
+
+Almost everything in the NanoForge editor is a plugin: the file manager, the code editor, the Game and Scene screens, the ECS panels, the console, Git. Your own plugins use the same API as these.
+
+A plugin is a folder with:
+
+- `nanoforge.manifest.json`: its name, what it adds to the editor, and when to load it;
+- a **client entry** (`index.js`): code that runs in the editor's page;
+- optionally a **worker entry** (code analysis and code generation) and a **server entry** (code that runs in the editor's server);
+- its styles and assets.
+
+## Where plugins live
+
+The editor looks in four places. When the same plugin is in several, the later one in this table is used.
+
+| Source    | Folder                                             | Loaded                            |
+| --------- | -------------------------------------------------- | --------------------------------- |
+| Built in  | shipped with the editor                            | always                            |
+| Installed | `~/.nanoforge/editor/plugins/@scope/name`          | in every project                  |
+| Project   | `<project>/.nanoforge/plugins/@scope/name`         | while that project is open        |
+| Dev       | the folders listed in `DEV_PLUGINS` (their `dist`) | always, and reloaded when rebuilt |
+
+_Settings › Plugins_ lists every plugin with its source and state, lets you turn one off, and installs plugins from the marketplace.
+
+<Note>A project plugin's server entry only runs in a local editor, never in a hosted one.</Note>
+
+## How a plugin is loaded
+
+1. The editor reads every manifest. Everything a manifest declares in `contributes` (commands, menus, panels, settings, shortcuts) is in place **before any plugin code runs**.
+2. A plugin's code is fetched and `activate` is called when one of its **activation events** happens: a panel of the plugin is shown, one of its commands runs, or at startup.
+3. When the plugin is turned off or replaced, everything it added through `context.subscriptions` is removed.
+
+So a plugin that only shows a panel costs nothing until the panel is opened.
+
+## What a plugin can import
+
+Only the SDK:
+
+- `@nanoforge-dev/editor-sdk`: services, commands, settings, history, code, runtime;
+- `@nanoforge-dev/editor-sdk/ui`: panels, menus, the status bar, and the editor's own components;
+- `@nanoforge-dev/editor-sdk/worker`: types for worker entries.
+
+The editor provides these modules, and Svelte, at run time: they are not bundled into your plugin, so your panels use the editor's own components and theme. Plugins are written in **Svelte 5 with runes**.
+
+## Next
+
+<CardGroup cols={2}>
+  <Card title="Create your first plugin" icon="rocket" href="./create-your-first-plugin">
+    `nf create plugin`, run it in the editor, change it.
+  </Card>
+  <Card title="Manifest reference" icon="file-code" href="./manifest">
+    Every field of `nanoforge.manifest.json`.
+  </Card>
+  <Card title="SDK" icon="code" href="./sdk">
+    The activation context and the editor's services.
+  </Card>
+  <Card title="Extension points" icon="blocks" href="./extension-points">
+    Every place a plugin can add something.
+  </Card>
+</CardGroup>
diff --git a/docs/docs/plugins/sdk.mdx b/docs/docs/plugins/sdk.mdx
new file mode 100644
index 00000000..d22ef6a7
--- /dev/null
+++ b/docs/docs/plugins/sdk.mdx
@@ -0,0 +1,197 @@
+---
+title: 'SDK'
+icon: 'code'
+description: 'The activation context and the services of the editor'
+---
+
+A plugin imports the SDK and nothing else from the editor.
+
+| Module                             | Holds                                                                      |
+| ---------------------------------- | -------------------------------------------------------------------------- |
+| `@nanoforge-dev/editor-sdk`        | The plugin entry, services, observables, settings, history, code, runtime. |
+| `@nanoforge-dev/editor-sdk/ui`     | Extension points of the workbench, UI services, and the component kit.     |
+| `@nanoforge-dev/editor-sdk/worker` | `defineWorkerPlugin` and the types of worker entries.                      |
+
+## The plugin entry
+
+```ts
+import { definePlugin } from '@nanoforge-dev/editor-sdk';
+
+export default definePlugin({
+  activate(context) {
+    // add things to the editor
+  },
+  deactivate() {
+    // optional: the editor already disposes context.subscriptions
+  },
+});
+```
+
+`activate` may be `async`. The editor waits for it before running the command or showing the panel that activated the plugin.
+
+## The context
+
+| Member                                                 | Use                                                                                                   |
+| ------------------------------------------------------ | ----------------------------------------------------------------------------------------------------- |
+| `name`, `manifest`, `source`                           | The plugin's name, its manifest, where it was loaded from.                                            |
+| `subscriptions`                                        | A store of disposables, disposed when the plugin stops. **Add everything you register.**              |
+| `services`                                             | `services.get(Token)` gives a service; `tryGet` gives `undefined` when it is not there.               |
+| `registerCommand(id, handler)`                         | The handler of a command declared in the manifest. Its first argument is the services.                |
+| `executeCommand(id, ...args)`                          | Runs any command (it activates the plugin that owns it).                                              |
+| `contribute(point, value)`                             | Adds a value to an [extension point](./extension-points).                                             |
+| `contributions(point)`                                 | An observable of what an extension point holds.                                                       |
+| `contextKeys`                                          | Sets and reads keys used in `when` clauses.                                                           |
+| `logger`                                               | `debug`, `info`, `warn`, `error`. Lines show in the Console under _Plugins_, with your plugin's name. |
+| `t(key, params)`, `registerMessages(locale, messages)` | Translations of the plugin.                                                                           |
+| `resolveAsset(path)`                                   | URL of a file of the plugin's built folder.                                                           |
+| `eligibleApps`                                         | An observable of the project's apps that have the engine libraries the plugin requires.               |
+| `provide(token, value)`                                | Offers a service to the editor and to other plugins.                                                  |
+| `override(token, decorate)`                            | Wraps a service of the editor.                                                                        |
+| `scope`                                                | A container private to the plugin.                                                                    |
+
+Everything that registers something returns a **disposable**. Pass it to `context.subscriptions.add(...)`.
+
+## Services
+
+```ts
+import { EditorServices, ProjectServiceToken } from '@nanoforge-dev/editor-sdk';
+
+const commands = context.services.get(EditorServices.Commands);
+const project = context.services.get(ProjectServiceToken).current.get();
+```
+
+| Token                                                                               | Service                                                                                                                     |
+| ----------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
+| `EditorServices.Commands`                                                           | The command registry: `execute(id, ...args)`.                                                                               |
+| `EditorServices.ContextKeys`                                                        | Context keys of `when` clauses.                                                                                             |
+| `EditorServices.EventBus`                                                           | Events between plugins.                                                                                                     |
+| `EditorServices.Extensions`                                                         | The extension registry (`getValues(point)`).                                                                                |
+| `EditorServices.Localization`, `EditorServices.Logger`, `EditorServices.EngineLibs` | Translations, loggers, engine libraries of apps.                                                                            |
+| `ProjectServiceToken`                                                               | The open project: `current` (an observable), with its `model` (apps, engine libraries) and its `fs` (files, change events). |
+| `SettingsServiceToken`, `SettingsRegistryToken`                                     | [Settings](./settings).                                                                                                     |
+| `HistoryServiceToken`                                                               | [History](./history): undo and redo.                                                                                        |
+| `DocumentServiceToken`                                                              | Text of files, open or not, and edits that can be undone.                                                                   |
+| `CodeServiceToken`, `CatalogServiceToken`, `DiagnosticsServiceToken`                | [Code](./code-and-codegen): analysis, items, problems.                                                                      |
+| `RuntimeServiceToken`                                                               | The running game: play, pause, stop, and its events. See [engine libraries](./engine-libs).                                 |
+| `RpcClientToken`                                                                    | Calls to the editor's server.                                                                                               |
+| `PluginHostToken`                                                                   | The plugins and their state.                                                                                                |
+| `AccountSyncToken`                                                                  | State of the account settings sync.                                                                                         |
+
+From `@nanoforge-dev/editor-sdk/ui`:
+
+| Token                                            | Service                                                     |
+| ------------------------------------------------ | ----------------------------------------------------------- |
+| `NotificationServiceToken`                       | `notify(severity, message, { detail, actions, timeout })`.  |
+| `PromptServiceToken`                             | `ask(options)`: asks the user for a text in a small dialog. |
+| `StyleServiceToken`                              | Injects the plugin's CSS.                                   |
+| `ThemeServiceToken`                              | The current theme and the list of themes.                   |
+| `WorkbenchServiceToken`, `LayoutControllerToken` | Widgets and the layout.                                     |
+| `KeybindingServiceToken`                         | The resolved shortcuts.                                     |
+
+## Observables
+
+Values that change are `Observable`s: `get()` reads, `subscribe(listener)` listens and returns an unsubscribe function. In Svelte, read one as a store with `$`.
+
+```ts
+import { ObservableValue, derived, observe } from '@nanoforge-dev/editor-sdk';
+
+const count = new ObservableValue(0);
+const label = derived([count], (value) => `${value} clicks`);
+context.subscriptions.add(observe(label, (text) => context.logger.info(text)));
+count.set(1);
+```
+
+`observe` calls the listener at once and on every change, and returns a disposable.
+
+## Disposables and events
+
+- `DisposableStore`: holds disposables and disposes them together. `context.subscriptions` is one.
+- `toDisposable(fn)`: makes a disposable of a function.
+- `Emitter<T>`: an event source. `emitter.event(listener)` subscribes and returns a disposable; `emitter.fire(value)` notifies.
+
+## Calling the editor's server
+
+The server speaks typed **contracts**. The SDK exports those a plugin may need.
+
+```ts
+import {
+  GitContract,
+  RegistryContract,
+  RpcClientToken,
+  SessionContract,
+} from '@nanoforge-dev/editor-sdk';
+
+const rpc = context.services.get(RpcClientToken);
+const session = await rpc.api(SessionContract).info(null); // mode, user, features
+const status = await rpc.api(GitContract).status({ project: project.id });
+```
+
+Errors are `RpcError`s with a `code` (`NOT_FOUND`, `FORBIDDEN`, `UNAVAILABLE`…). A hosted editor refuses with `FORBIDDEN` what only a local editor can do.
+
+## Server entries
+
+A plugin with `entry.server` runs code in the editor's server (Bun), for what a browser cannot do. It implements a **contract** in its own namespace, `plugin.<name>`, which its client entry then calls.
+
+```ts
+// index.ts (client): the contract, and the call
+import { z } from 'zod';
+
+import { RpcClientToken, defineContract } from '@nanoforge-dev/editor-sdk';
+
+export const EchoContract = defineContract('plugin.@acme/echo', {
+  methods: { echo: { input: z.object({ text: z.string() }), output: z.string() } },
+});
+
+const answer = await context.services.get(RpcClientToken).api(EchoContract).echo({ text: 'hi' });
+```
+
+```js
+// server.js: a file of its own, not built with the client entry
+import { z } from 'zod';
+
+// The same contract, written out: the SDK does not exist in the server.
+const EchoContract = {
+  namespace: 'plugin.@acme/echo',
+  methods: { echo: { input: z.object({ text: z.string() }), output: z.string() } },
+  events: {},
+};
+
+export const activate = (context) => {
+  context.implement(EchoContract, {
+    methods: { echo: ({ text }) => `${text} from ${process.platform}` },
+  });
+};
+```
+
+The server context has `name`, `manifest`, `subscriptions`, `logger`, `namespace` and `implement(contract, implementation)`. Inputs and outputs are checked against the contract's schemas.
+
+<Warning>
+  Server entries are less finished than the rest. The plugin build does not handle them: a server
+  entry must **not import the SDK** (those imports only work in the editor's page), and must
+  **bundle what it imports** (`zod` here) or be built apart with a bundler targeting Bun, then
+  shipped in the plugin's folder.
+</Warning>
+
+A server entry runs with the rights of the editor's server. It starts when the plugin is installed and stops when it is uninstalled. A project plugin's server entry never runs in a hosted editor.
+
+## Dialogs
+
+Mount a Svelte component from a command, and unmount it when it closes. The kit's `Dialog` handles focus and the overlay.
+
+```ts
+import { mount, unmount } from 'svelte';
+
+context.registerCommand('counter.about', () => {
+  const target = document.createElement('div');
+  document.body.append(target);
+  const dialog = mount(AboutDialog, {
+    target,
+    props: {
+      onclose: () => {
+        void unmount(dialog);
+        target.remove();
+      },
+    },
+  });
+});
+```
diff --git a/docs/docs/plugins/settings.mdx b/docs/docs/plugins/settings.mdx
new file mode 100644
index 00000000..d399b232
--- /dev/null
+++ b/docs/docs/plugins/settings.mdx
@@ -0,0 +1,127 @@
+---
+title: 'Settings'
+icon: 'sliders-horizontal'
+description: 'Declare settings, read them, and choose where they are saved'
+---
+
+A plugin's settings show in the Settings dialog with the others, are searchable, and are saved in the scope the user chooses.
+
+## Declare in the manifest
+
+```json
+"settings": [
+  {
+    "key": "step",
+    "type": "number",
+    "integer": true,
+    "minimum": 1,
+    "default": 1,
+    "title": "Step",
+    "description": "How much each click adds.",
+    "category": "Counter"
+  }
+]
+```
+
+The key is prefixed with the plugin's name: this one is `@acme/counter.step`.
+
+| Field                  | Description                                                                                |
+| ---------------------- | ------------------------------------------------------------------------------------------ |
+| `key`                  | **Required.** Letters, digits and dots.                                                    |
+| `type`                 | **Required.** See the types below.                                                         |
+| `default`              | **Required.** Must fit the type.                                                           |
+| `title`, `description` | Shown in the dialog. The search looks in both.                                             |
+| `category`             | Where it is listed: `Counter`, or `Editor/Game view` for a sub-category.                   |
+| `order`, `tags`        | Order in the category; extra search words.                                                 |
+| `scopes`               | The scopes it can be saved in. Default: all.                                               |
+| `sync`                 | `false`: never saved to the account.                                                       |
+| `mergeStrategy`        | How scopes combine: `replace` (default), `deep` (objects merged), `union` (arrays joined). |
+| `deprecated`           | A message; the setting leaves the dialog.                                                  |
+| `renamedFrom`          | Former keys, whose saved values are still read.                                            |
+
+### Types
+
+| `type`    | Options                              | Editor                |
+| --------- | ------------------------------------ | --------------------- |
+| `string`  | `enum` (a list), `pattern` (a regex) | a text box, or a list |
+| `number`  | `integer`, `minimum`, `maximum`      | a number box          |
+| `boolean` |                                      | a switch              |
+| `array`   | `items` (a type)                     | edited as JSON        |
+| `record`  | `values` (a type)                    | edited as JSON        |
+
+## Scopes
+
+A setting's value is the one of the highest scope that has it.
+
+| Scope          | Saved                                         | For                              |
+| -------------- | --------------------------------------------- | -------------------------------- |
+| default        | in the definition                             |                                  |
+| `account`      | with the user's account                       | preferences that follow the user |
+| `machine`      | in this browser                               | what depends on the machine      |
+| `project`      | `.nanoforge/editor/settings.json`, committed  | what the whole team shares       |
+| `projectLocal` | `.nanoforge/editor/local.json`, not committed | this user on this project        |
+
+A project file cannot force a setting that does not allow the `project` scope: such values are ignored.
+
+## Read and follow
+
+```ts
+import { SettingsServiceToken, observe } from '@nanoforge-dev/editor-sdk';
+
+const settings = context.services.get(SettingsServiceToken);
+
+const step = settings.get('@acme/counter.step'); // the value now
+context.subscriptions.add(
+  observe(settings.observe('@acme/counter.step'), (value) => {
+    // called now and each time the value changes, whatever scope changed
+  }),
+);
+```
+
+`settings.inspect(key)` gives the value in each scope.
+
+## Write
+
+```ts
+await settings.set('@acme/counter.step', 5, 'machine');
+await settings.reset('@acme/counter.step', 'machine');
+```
+
+Writing validates the value, and fails for a scope the setting does not allow.
+
+## Declare in code
+
+For a setting whose type the manifest vocabulary cannot express, define it with a zod schema and register it:
+
+```ts
+import { z } from 'zod';
+
+import { SettingsRegistryToken, defineSetting } from '@nanoforge-dev/editor-sdk';
+
+const palette = defineSetting({
+  key: '@acme/counter.palette',
+  schema: z.array(z.string().regex(/^#[0-9a-f]{6}$/)).max(8),
+  default: [],
+  title: 'Palette',
+  category: 'Counter',
+  scopes: ['account', 'machine'],
+});
+context.subscriptions.add(context.services.get(SettingsRegistryToken).register(palette));
+```
+
+## A page of your own
+
+When a list of rows is not the right editor (the keyboard shortcuts page, for example), contribute a page to `SETTINGS_PAGES`. The page gets the dialog's pending changes: what it sets is saved when the user presses **Apply** or **OK**, like every other setting.
+
+```ts
+import { SETTINGS_PAGES } from '@nanoforge-dev/editor-sdk/ui';
+
+context.contribute(SETTINGS_PAGES, {
+  id: 'counter',
+  title: 'Counter',
+  settings: ['@acme/counter.palette'], // they leave the category list
+  component: PalettePage, // gets { services, page }
+});
+```
+
+In the page, `page.value(key)` reads a setting with its pending change, `page.set(key, value, scope)` changes it, and `page.revision` is an observable bumped on every change.
diff --git a/docs/docs/plugins/widgets-and-styles.mdx b/docs/docs/plugins/widgets-and-styles.mdx
new file mode 100644
index 00000000..733f4b5b
--- /dev/null
+++ b/docs/docs/plugins/widgets-and-styles.mdx
@@ -0,0 +1,110 @@
+---
+title: 'Widgets and styles'
+icon: 'layout-panel-left'
+description: 'Panels, screens, their state, and how to style them like the editor'
+---
+
+A **widget** is a panel in a dock (or a floating window), or a **screen** in the center. The manifest declares it; the code gives it a view.
+
+## Declare and show
+
+```json
+"widgets": [
+  { "id": "counter.panel", "title": "Counter", "icon": "plus", "defaultSlot": "rightBottom" }
+]
+```
+
+```ts
+import { WIDGET_VIEWS, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+context.subscriptions.add(
+  context.contribute(WIDGET_VIEWS, {
+    id: 'counter.panel',
+    component: Panel as Component<{ instance: WidgetInstance }>,
+  }),
+);
+```
+
+With `"activation": ["onWidget:counter.panel"]`, the plugin loads when the panel is first shown. Users move panels between docks, float them and close them; _View › Panels_ lists them all.
+
+## The widget instance
+
+The component gets `instance`:
+
+| Member                          | Use                                                                                  |
+| ------------------------------- | ------------------------------------------------------------------------------------ |
+| `services`                      | The editor's services.                                                               |
+| `visible`                       | An observable: true while the widget is on screen.                                   |
+| `onShow`, `onHide`              | Events of the same.                                                                  |
+| `getState()`, `setState(state)` | A small JSON state (scroll, filters, expanded nodes) kept across reloads.            |
+| `setHistoryContext(id)`         | Which history `Ctrl+Z` acts on while the widget has focus. See [history](./history). |
+
+<Note>
+  A tab that was shown once stays mounted while hidden. Do expensive work, and ask the running game
+  for data, only while `instance.visible` is true.
+</Note>
+
+## Svelte rules
+
+- Plugins compile in **runes mode** (`$props`, `$state`, `$derived`, `$effect`).
+- A value that changes outside Svelte must be an observable (read with `$`), or state you update from a subscription.
+- A store that hands back the same array or object does not update the view: return a new one.
+
+## The component kit
+
+Use the editor's components so your panel looks and behaves like the rest: `Button`, `IconButton`, `Input`, `NumberInput`, `Checkbox`, `Switch`, `Select`, `Combobox`, `Tabs`, `Tree`, `Menu`, `ContextMenu`, `Dialog`, `Tooltip`, `EmptyState`, `Icon`, `Splitter`, `PropertyGrid`, `ColorPicker`, `Vector2Input`.
+
+```svelte
+<script lang="ts">
+  import { Button, EmptyState, Input } from '@nanoforge-dev/editor-sdk/ui';
+
+  let name = $state('');
+</script>
+
+<Input bind:value={name} placeholder="Name" aria-label="Name" />
+<Button variant="primary" disabled={!name}>Create</Button>
+```
+
+- Give every control an accessible name (`aria-label` when there is no visible label).
+- Write labels in sentence case, with a verb that says what the button does.
+- Icons are Lucide names. A plugin adds its own with `registerIcons({ name: Component })`. A dock panel shows only its icon, in a stripe on the edge of the window, before its plugin activates: until then, an icon the plugin registers shows as a box. Prefer an `onStartup` registration, or an icon the editor already has.
+
+## Styles
+
+Component `<style>` blocks are built into one CSS file (`build.lib.cssFileName` in `vite.config.ts`). Inject it when the plugin starts:
+
+```ts
+const css = await fetch(context.resolveAsset('counter.css')).then((r) => (r.ok ? r.text() : ''));
+context.subscriptions.add(context.services.get(StyleServiceToken).inject(context.name, css));
+```
+
+The editor puts it in a cascade layer of the plugin (`plugins.<name>`), and removes it with the plugin.
+
+### Theme tokens
+
+Use the editor's CSS variables, never fixed colors: your panel then follows the theme.
+
+| Variables                                                          | For                                     |
+| ------------------------------------------------------------------ | --------------------------------------- |
+| `--nf-color-bg`, `-surface`, `-raised`, `-sunken`                  | Backgrounds: app, panels, menus, inputs |
+| `--nf-color-hover`, `-pressed`, `-selection`                       | States                                  |
+| `--nf-color-border`, `-border-strong`                              | Lines                                   |
+| `--nf-color-text`, `-text-muted`, `-text-faint`                    | Text                                    |
+| `--nf-color-accent`, `-accent-hover`, `-on-accent`, `-accent-text` | Primary actions                         |
+| `--nf-color-success`, `-warning`, `-danger`                        | Status                                  |
+| `--nf-space-1` … `--nf-space-4`                                    | Spacing                                 |
+| `--nf-font-size-sm`, `--nf-font-size-lg`                           | Text sizes                              |
+| `--nf-radius-control`, `--nf-radius-float`                         | Corners                                 |
+| `--nf-control-height`                                              | Height of buttons and inputs            |
+
+A plugin adds a theme with `contributes.themes`: an `id`, a `label`, a `kind` (`dark` or `light`) and a color for every token.
+
+## Screens
+
+A widget with `"kind": "screen"` is a main screen, next to Project, Scene, Script and Game. It is declared and given a view the same way.
+
+## Opening a widget from code
+
+```ts
+await context.executeCommand('workbench.openWidget', 'counter.panel');
+```
diff --git a/docs/drafts/item-schema.ts b/docs/drafts/item-schema.ts
new file mode 100644
index 00000000..91639f0b
--- /dev/null
+++ b/docs/drafts/item-schema.ts
@@ -0,0 +1,495 @@
+/**
+ * DRAFT (2026-09-27) of the schema behind ADR 0003. Field-level details may change.
+ *
+ * Every value the editor accepts or writes for items (components, systems, and anything a plugin
+ * describes): the package manifest, the TSDoc in the sources, and the generated meta.
+ *
+ * The same pattern at every level:
+ *  - core fields, understood by the editor with no plugin;
+ *  - `requires`: the npm libs needed to use it;
+ *  - owner objects: one key per owner plugin, named after the plugin in our registry
+ *    (`"@nanoforge/ecs": {...}`). Only that plugin parses it. Core fields never contain a `/`, so an
+ *    owner key can't clash with them.
+ *
+ * Where each part comes from:
+ *  1. `nanoforge.manifest.json`: written by the package author.
+ *  2. TSDoc in the `.ts` sources: written by the author. The only source of truth for the docs.
+ *  3. The meta: generated by the editor into its cache, never published, never written next to the
+ *     sources. Generated at init when missing, regenerated when stale.
+ */
+import { z } from 'zod';
+
+// ─── Shared ──────────────────────────────────────────────────────────────────────────────────
+
+/** A package in our registry: `@scope/name`. Also the name of an owner plugin. */
+export const RegistryName = z.string().regex(/^@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*$/);
+
+/** An npm package: `@scope/name` or `name`. */
+export const NpmName = z.string().regex(/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/);
+
+/** An export of an npm lib: `@nanoforge-dev/graphics-2d#Rect`. */
+export const LibExportRef = z.string().regex(/^[^#\s]+#[A-Za-z_$][\w$]*$/);
+
+/**
+ * An item:
+ *  - `@nanoforge/motion#Position`: in a package (`nf_modules` or the project's own);
+ *  - `app:client#Paddle`: in one of the project's apps (`apps/client`), which has no registry name.
+ */
+export const ItemRef = z.string().regex(/^(@[a-z0-9-]+\/[a-z0-9-]+|app:[\w.-]+)#[A-Za-z_$][\w$]*$/);
+
+/** A path relative to the manifest (or app root), inside it. */
+export const RelativePath = z
+  .string()
+  .min(1)
+  .refine((path) => !path.startsWith('/') && !path.split('/').includes('..'));
+
+/** Where an item runs. A NanoForge app concept (client and server apps), so it's core. */
+export const Side = z.enum(['client', 'server', 'shared']);
+
+/**
+ * Adds owner objects to a core object: any extra key must be a registry name, and its value is an
+ * object only that owner parses. The core keeps it untouched.
+ */
+const withOwners = <Shape extends z.ZodRawShape>(shape: Shape) =>
+  z
+    .object(shape)
+    .catchall(z.record(z.string(), z.unknown()))
+    .superRefine((value, ctx) => {
+      for (const key of Object.keys(value)) {
+        if (key in shape) continue;
+        if (!RegistryName.safeParse(key).success)
+          ctx.addIssue({
+            code: 'custom',
+            path: [key],
+            message: 'unknown field: owner keys are registry names ("@scope/name")',
+          });
+      }
+    });
+
+// ─── 1. Package manifest (nanoforge.manifest.json) ──────────────────────────────────────────
+
+/**
+ * `type: "package"`: holds items and/or includes sub-packages. It replaces the CLI's
+ * `component` / `system` / `bundle` types. A package never holds a plugin: `plugin` keeps its own
+ * schema and is installed apart (`~/.nanoforge/editor/plugins` or `<project>/.nanoforge/plugins`)
+ * (`packages/kernel/src/plugin/manifest.ts`), plus the `contributes.itemOwner` below.
+ */
+export const PackageManifest = withOwners({
+  $schema: z.string().optional(),
+  type: z.literal('package'),
+  name: RegistryName,
+  version: z.string(), // semver
+  description: z.string().optional(),
+  tags: z.array(z.string()).default([]),
+
+  /** Other packages of our registry, by name or with a range. */
+  dependencies: z.union([z.array(RegistryName), z.record(RegistryName, z.string())]).optional(),
+  /** NanoForge engine libs (npm), with a range: `{ "@nanoforge-dev/ecs": "^1.0.0" }`. */
+  libDependencies: z.record(NpmName, z.string()).optional(),
+  /** Other npm dependencies of the sources. */
+  npmDependencies: z.record(NpmName, z.string()).optional(),
+
+  keywords: z.array(z.string()).default([]),
+  /** What the package holds (see `PackageContent`). Code files listed are item sources. */
+  contents: z.array(z.lazy(() => PackageContent)).default([]),
+  /** Source files whose exports are candidates for items (before `contents`). */
+  items: z.array(RelativePath).default([]),
+  /**
+   * Sub-manifests: folders (their `nanoforge.manifest.json`) or `.json` files. They only describe
+   * contents (`SubManifest`). Max 4 levels deep, 100 in all.
+   */
+  include: z.array(RelativePath).default([]),
+  /** Editor plugins that make this package easier to use. The editor names the missing ones. */
+  suggestedPlugins: z.union([z.array(RegistryName), z.record(RegistryName, z.string())]).optional(),
+
+  publish: z.object({ paths: z.object({ package: z.string().optional() }).optional() }).optional(),
+});
+// Owner keys on a manifest: package-level data for that plugin (none in the example).
+
+/**
+ * One thing a package holds: a file, or a folder when `path` ends with `/`. `kind` is a core kind
+ * (`asset`, `type`, `enum`, `file`…) or one owned by a plugin (`@nanoforge/ecs:component`).
+ */
+export const PackageContent = withOwners({
+  kind: z.string().regex(/^(@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*:)?[a-z][a-z0-9-]*$/),
+  path: RelativePath,
+  export: z.string().optional(),
+  name: z.string().optional(),
+  description: z.string().optional(),
+  side: Side.optional(),
+  tags: z.array(z.string()).optional(),
+});
+
+/** A manifest `include` lists: contents only, paths relative to its own folder. */
+export const SubManifest = withOwners({
+  $schema: z.string().optional(),
+  contents: z.array(PackageContent).default([]),
+  include: z.array(RelativePath).default([]),
+});
+
+/** Added to the `plugin` manifest: declares the plugin as an owner. */
+export const ItemOwnerContribution = z.object({
+  /** Version of the owner object's shape. A change regenerates the metas that hold it. */
+  schema: z.number().int().positive(),
+  /** The owner tags it claims (without `@`). Lets the editor say which plugin to install. */
+  tags: z.array(z.string().regex(/^[a-z][A-Za-z0-9]*$/)),
+});
+// e.g. @nanoforge/ecs: "contributes": { "itemOwner": { "schema": 1, "tags": ["component", "system", "query", "uses"] } }
+// Its `entry.worker` registers the `extract` function (see "Extraction" at the end).
+
+// ─── 2. TSDoc in the sources ─────────────────────────────────────────────────────────────────
+
+/**
+ * Where a tag may appear:
+ *  - `item`: the doc comment of an exported class, function or const;
+ *  - `constructor`: the doc comment of a class constructor (or the function itself for `@param`);
+ *  - `field`: the doc comment of a public class field;
+ *  - `param`: the inline doc of one constructor parameter (`/** … *\/ public x = 0`).
+ */
+export type TagPlace = 'item' | 'constructor' | 'field' | 'param';
+
+export type TagSpec = {
+  on: TagPlace[];
+  /** How the text after the tag is read. */
+  syntax: string;
+  /** What it becomes in the meta. */
+  gives: string;
+};
+
+/** Core tags: read by the core extractor, whatever plugins are installed. */
+export const CORE_TAGS = {
+  '(summary)': {
+    on: ['item', 'field'],
+    syntax: 'the text before the first tag',
+    gives: 'description',
+  },
+  '@remarks': { on: ['item'], syntax: 'text', gives: 'appended to description' },
+  '@param': {
+    on: ['constructor'],
+    syntax: '@param <name> - <text>',
+    gives: 'params[name].description',
+  },
+  '@example': {
+    on: ['item'],
+    syntax: 'text or a ```ts fenced block (the fence is stripped)',
+    gives: 'example',
+  },
+  '@side': {
+    on: ['item'],
+    syntax: '@side client | server | shared',
+    gives: 'side (default "shared")',
+  },
+  '@asset': {
+    on: ['constructor', 'field'],
+    syntax: 'constructor: @asset <param> [.ext …]; field: @asset [.ext …]',
+    gives: 'turns a string element into { type: "asset", accept }',
+  },
+  '@deprecated': { on: ['item', 'field'], syntax: 'text', gives: 'deprecated' },
+  '@internal': {
+    on: ['item', 'field'],
+    syntax: 'no text',
+    gives: 'the export or field is left out of the meta',
+  },
+  '(param summary)': {
+    on: ['param'],
+    syntax: 'the inline doc text of the parameter (wins over @param)',
+    gives: 'params[name].description, shown behind an ⓘ',
+  },
+
+  // Layout: how params look in the inspector (docs/specs/ecs.md, "Param layout").
+  '@group (declare)': {
+    on: ['item'],
+    syntax: '@group <Name> [color=<css color>] [hidden] - <description>',
+    gives: 'groups[]: a collapsible section with a colored name and an ⓘ',
+  },
+  '@group (join)': {
+    on: ['param', 'field'],
+    syntax: '@group <Name>',
+    gives: 'layout.group (an undeclared group is created without description)',
+  },
+  '@preset': {
+    on: ['param', 'field'],
+    syntax: '@preset <preset>.<slot> (e.g. vector.x) | @preset <preset> (e.g. color)',
+    gives: 'layout.preset: the group params sharing a preset show as one control',
+  },
+  '@label': { on: ['param', 'field'], syntax: '@label <text>', gives: 'layout.label' },
+  '@color': { on: ['param', 'field'], syntax: '@color <css color>', gives: 'layout.color' },
+  '@hidden': {
+    on: ['param', 'field'],
+    syntax: 'no text',
+    gives: 'layout.hidden: shown only once chosen in the component\'s "Show hidden" menu',
+  },
+} satisfies Record<string, TagSpec>;
+
+/**
+ * Owner tags: declared by an owner plugin (`contributes.itemOwner.tags`). Only that plugin reads
+ * them. Two installed plugins claiming the same tag is an error naming both.
+ *
+ * A tag that no installed plugin claims is kept raw in `unclaimedTags`, and gives a warning. If the
+ * plugin that wrote an owner object is gone when the meta is regenerated, that object isn't
+ * generated: it disappears, and its tags go to `unclaimedTags`.
+ *
+ * Example: the tags @nanoforge/ecs declares.
+ */
+export const ECS_TAGS = {
+  '@component': {
+    on: ['item'],
+    syntax: 'no text, on a class',
+    gives: '"@nanoforge/ecs": { type: "component" }',
+  },
+  '@system': {
+    on: ['item'],
+    syntax: 'no text, on a function',
+    gives: '"@nanoforge/ecs": { type: "system" }',
+  },
+  '@query': {
+    on: ['item'],
+    syntax: '@query <Export> <Export> … (one tag per query); override when not inferable',
+    gives: 'query',
+  },
+  '@uses': {
+    on: ['item'],
+    syntax: '@uses <ctx lib> …; override when not inferable',
+    gives: 'uses',
+  },
+} satisfies Record<string, TagSpec>;
+
+/**
+ * Inferred from the code, not written as tags:
+ *  - core: each parameter's and field's type (TypeScript), default (initializer), optional (`?` or a
+ *    default), `enum` (string literal union), `enumRef` (a param typed with an exported enum), `ref`
+ *    (a param typed with an exported class of an npm lib), `requires` (the npm libs imported);
+ *  - @nanoforge/ecs: `name` (the class's `name = "X"` field), a system's `query` (each
+ *    `registry.getZipper([...])`) and `uses` (each `ctx.<lib>`).
+ *
+ * An export becomes an item when it is in a code file the manifest's `contents` points to (its
+ * sub-manifests' included) or lists in `items`, or, in the
+ * project's apps, when an owner tag is on it. Not `@internal`.
+ */
+
+// ─── 3. Meta (editor cache) ──────────────────────────────────────────────────────────────────
+
+/** A CSS color, as written in the tag (`orange`, `#4aa3ff`, `rgb(…)`). */
+const CssColor = z.string().min(1);
+
+/** How a param or field looks in the inspector. Every field is optional. */
+export const ElementLayout = z.object({
+  /** Name shown instead of the param name. */
+  label: z.string().optional(),
+  /** The group it belongs to (`ItemMeta.groups[].name`). */
+  group: z.string().optional(),
+  /** A visual preset, and the slot it fills: `{ id: "vector", slot: "x" }`, `{ id: "color" }`. */
+  preset: z.object({ id: z.string(), slot: z.string().optional() }).optional(),
+  /** Color of its name. */
+  color: CssColor.optional(),
+  /** Hidden until the user chooses it in the component's "Show hidden" menu. */
+  hidden: z.boolean().optional(),
+});
+export type ElementLayout = z.output<typeof ElementLayout>;
+
+/** A group of params, declared in the item's header (`@group Coords color=… hidden - …`). */
+export const ParamGroup = z.object({
+  name: z.string(),
+  description: z.string().optional(),
+  color: CssColor.optional(),
+  hidden: z.boolean().optional(),
+});
+
+/** Common fields of every element (a parameter, a field, an array item, an object property). */
+const elementBase = {
+  name: z.string(),
+  description: z.string().optional(),
+  optional: z.boolean().optional(), // default false; true when a default exists
+  deprecated: z.string().optional(),
+  layout: ElementLayout.optional(),
+};
+
+/**
+ * A value's type. Core types describe TypeScript, not a lib. Owner objects are allowed on each
+ * element (e.g. inspector hints from a plugin).
+ *
+ * `default`: a JSON value when the initializer is a literal (an enum member gives its value).
+ * `defaultCode`: the initializer's source text when it isn't (`new Rect({ width: 10 })`).
+ */
+export type Element =
+  | ({ type: 'string'; default?: string; enum?: string[]; enumRef?: string } & ElementCommon)
+  | ({ type: 'number'; default?: number } & ElementCommon)
+  | ({ type: 'boolean'; default?: boolean } & ElementCommon)
+  | ({ type: 'asset'; default?: string; accept?: string[] } & ElementCommon)
+  | ({ type: 'array'; items: Element; default?: unknown[] } & ElementCommon)
+  | ({ type: 'object'; properties: Element[]; default?: Record<string, unknown> } & ElementCommon)
+  | ({ type: 'ref'; ref: string } & ElementCommon)
+  | ({ type: 'unknown'; tsType: string } & ElementCommon);
+
+type ElementCommon = {
+  name: string;
+  description?: string;
+  optional?: boolean;
+  deprecated?: string;
+  layout?: ElementLayout;
+  defaultCode?: string;
+  [owner: `${string}/${string}`]: Record<string, unknown>;
+};
+
+export const Element: z.ZodType<Element> = z.lazy(() =>
+  z.union([
+    withOwners({
+      ...elementBase,
+      type: z.literal('string'),
+      default: z.string().optional(),
+      defaultCode: z.string().optional(),
+      /** Allowed values, from a string literal union (`"left" | "right"`). */
+      enum: z.array(z.string()).optional(),
+      /** Values come from an exported enum: `@nanoforge-dev/input#InputEnum`. */
+      enumRef: LibExportRef.optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('number'),
+      default: z.number().optional(),
+      defaultCode: z.string().optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('boolean'),
+      default: z.boolean().optional(),
+      defaultCode: z.string().optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      /** A project asset, stored as its path. A string marked with `@asset`. */
+      type: z.literal('asset'),
+      default: z.string().optional(),
+      defaultCode: z.string().optional(),
+      /** Accepted extensions (`.png`); any file when absent. */
+      accept: z.array(z.string().regex(/^\.[\w.]+$/)).optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('array'),
+      items: Element,
+      default: z.array(z.unknown()).optional(),
+      defaultCode: z.string().optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      /** An inline object type (`{ w: number; h: number }`). */
+      type: z.literal('object'),
+      properties: z.array(Element),
+      default: z.record(z.string(), z.unknown()).optional(),
+      defaultCode: z.string().optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      /** An exported class of an npm lib: `@nanoforge-dev/graphics-2d#Rect`. Edited by the plugin
+       *  that contributes an editor for that ref; shown as code otherwise. */
+      type: z.literal('ref'),
+      ref: LibExportRef,
+      defaultCode: z.string().optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      /** Anything else (unions of objects, generics…): shown and edited as code. */
+      type: z.literal('unknown'),
+      tsType: z.string(),
+      defaultCode: z.string().optional(),
+    }),
+  ]),
+) as z.ZodType<Element>;
+
+export const ItemMeta = withOwners({
+  export: z.string(),
+  /** Relative to the manifest (or the app root). */
+  source: RelativePath,
+  kind: z.enum(['class', 'function', 'const']),
+  side: Side,
+  description: z.string().optional(),
+  example: z.string().optional(),
+  deprecated: z.string().optional(),
+  /** Constructor parameters (class) or parameters (function), in order, minus claimed ones. */
+  params: z.array(Element),
+  /** Public fields not set from the constructor, minus claimed ones. */
+  fields: z.array(Element).default([]),
+  /** Param groups declared in the header, in declaration order, then the undeclared ones used. */
+  groups: z.array(ParamGroup).default([]),
+  /** npm libs the item's source imports (type-only imports included). */
+  requires: z.array(NpmName).default([]),
+  /** Tags no installed owner claimed, kept raw: `{ "component": [""], "query": ["A B"] }`. */
+  unclaimedTags: z.record(z.string(), z.array(z.string())).optional(),
+});
+// Owner keys on an item: e.g. "@nanoforge/ecs": EcsItem (below).
+
+/**
+ * One meta file per source: a package (from `nf_modules` or the project) or an app.
+ * Stored in `.nanoforge/editor/cache/meta/`:
+ *  - `modules/@<scope>/<name>.json` for a package in `nf_modules`
+ *  - `packages/@<scope>/<name>.json` for a package the project owns
+ *  - `apps/<app>.json`              for an app (`apps/<app>`)
+ *
+ * Regenerated when any of these differ from the stored values: `metaVersion`, `generator.version`,
+ * `sourceHash`, or the installed owners (added, removed, other `version` or `schema`).
+ */
+export const MetaFile = z.object({
+  generated: z.literal('Generated by the NanoForge editor. Do not edit.'),
+  metaVersion: z.literal(1),
+  /** The package that holds the extraction logic (split out, runnable without the editor UI). */
+  generator: z.object({ name: z.string(), version: z.string() }),
+  source: z.discriminatedUnion('kind', [
+    z.object({
+      kind: z.literal('module'),
+      name: RegistryName,
+      version: z.string(),
+      path: z.string(),
+    }),
+    z.object({
+      kind: z.literal('package'),
+      name: RegistryName,
+      version: z.string(),
+      path: z.string(),
+    }),
+    z.object({ kind: z.literal('app'), name: z.string(), path: z.string() }),
+  ]),
+  /** sha256 over the manifest and each listed source (path, NUL, bytes, NUL), in `items` order. */
+  sourceHash: z.string().regex(/^sha256-[0-9a-f]{64}$/),
+  /** The owner plugins that ran, and what they wrote with. */
+  owners: z.record(RegistryName, z.object({ version: z.string(), schema: z.number().int() })),
+  items: z.array(ItemMeta),
+});
+
+// ─── Example owner: @nanoforge/ecs ────────────────────────────────────────────────────────────
+// Owned and validated by the plugin, not by core. Shown here to see a full item.
+
+export const EcsItem = z.discriminatedUnion('type', [
+  z.object({
+    type: z.literal('component'),
+    /** The registry key: the class's `name = "X"` field. Claimed, so not in `fields`. */
+    name: z.string(),
+  }),
+  z.object({
+    type: z.literal('system'),
+    /** One list per `registry.getZipper([...])`. The `(registry, ctx)` params are claimed. */
+    query: z.array(z.array(ItemRef)),
+    /** `ctx` libs it uses: app, graphics, input, network… */
+    uses: z.array(z.string()),
+  }),
+]);
+
+// ─── Extraction (for the split package) ──────────────────────────────────────────────────────
+
+/**
+ * What an owner registers in the worker. The core extractor calls `extract` for every candidate
+ * export (with its raw tags and the TypeScript declaration) and stores the result under the owner's
+ * key, after validating it with `schema`.
+ */
+export type ItemOwner = {
+  name: string; // the plugin's registry name = the owner key
+  schema: number;
+  tags: string[];
+  /** Members it claims: left out of `params` / `fields`. */
+  claims?: (declaration: unknown) => { params?: string[]; fields?: string[] };
+  extract: (input: {
+    declaration: unknown; // ts-morph node
+    tags: Record<string, string[]>; // this owner's tags on the item
+  }) => Record<string, unknown> | undefined; // undefined: not an item for this owner
+  validate: z.ZodType;
+};
diff --git a/docs/performance.md b/docs/performance.md
new file mode 100644
index 00000000..e8530337
--- /dev/null
+++ b/docs/performance.md
@@ -0,0 +1,81 @@
+# Performance (phase 13.3)
+
+Measured on 2026-10-02, on the production build, with Chrome on the development machine. Numbers are medians of 5 cold runs (a new browser context each time) on the engine's pong-network example, with the range in brackets.
+
+## How to measure
+
+```sh
+# Bundle analysis: the heaviest modules of each big chunk, and how the TypeScript compiler got
+# into a chunk if it did (it belongs to the code worker only).
+cd apps/editor && ANALYZE=1 npx vite build
+
+# Startup: scripts loaded, code worker cold start, layout renders.
+pnpm turbo build --filter=@nanoforge-dev/editor...
+cd apps/editor && BENCH=1 E2E_WORKSPACE=.workspace-agent CHROME=/usr/bin/google-chrome-stable \
+  NANOFORGE_ENGINE=<engine checkout> npx playwright test --reporter=line
+# BENCH_STRICT=1 fails the run when the code worker's cold start is over 1.5 s.
+
+# The layout model alone.
+pnpm --filter @nanoforge-dev/editor-layout bench
+```
+
+The benchmarks are not part of the test suite: they print numbers and do not fail on a slow machine.
+
+## Bundle
+
+**Fixed: the TypeScript compiler was in the page's own script.** The page chunk of the editor was 6.96 MB because the main thread imported one constant from the code engine and one helper from the meta package, and both modules import ts-morph. The compiler was therefore downloaded and parsed twice: once in the page (unused), once in the code worker.
+
+| Script                                                                            | Before         | After                                      |
+| --------------------------------------------------------------------------------- | -------------- | ------------------------------------------ |
+| Editor page chunk (`nodes/2.*.js`)                                                | 6 955 KiB      | 65 KiB                                     |
+| Scripts of the app loaded at startup (before: from the chunk sizes, not measured) | about 14.4 MiB | 7.4 MiB (6.7 MiB of it is the code worker) |
+| Plugin scripts loaded at startup                                                  | 394 KiB        | 394 KiB                                    |
+
+- The meta package has a compiler-free entry (`@nanoforge-dev/editor-meta/pure`: format, hashes, owner types), and the code package's main entry only exports types and compiler-free values. The engine is reached through `@nanoforge-dev/editor-code/engine` and `/worker`.
+- `ANALYZE=1` prints the import chain if the compiler ever gets back into a page chunk.
+- What remains at startup: the kit and workbench (299 KiB), the kernel and services (156 KiB), and the code worker (6.9 MiB, loaded in the background when something first asks for code analysis).
+
+## Lazy loading of plugins
+
+Each plugin is its own bundle, fetched when one of its activation events fires.
+
+| Loaded when a project opens                                                                                                            | Loaded on demand                                                                                            |
+| -------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| file-manager, viewport, ecs, console, command-palette, git, history-panel, settings-ui (394 KiB together; the largest is ecs, 104 KiB) | code-editor (Monaco, 15 MB on disk, with one chunk per language): on the first Script screen or opened file |
+|                                                                                                                                        | inspectors: when one of its panels is first shown                                                           |
+|                                                                                                                                        | packages: when _File › Packages…_ first runs                                                                |
+
+The plugins loaded at startup are there because they show something at once (a default dock, a status bar item, a menu). Making more of them lazy would save little (under 400 KiB in all) and changes activation order, which has caused focus races before: left as is.
+
+## Code worker cold start
+
+Budget: **under 1.5 s** on pong-network.
+
+| Step                                                        | Time                   |
+| ----------------------------------------------------------- | ---------------------- |
+| Worker created → compiler loaded, first call answered       | 373 ms (366–391)       |
+| Worker created → project's code files mirrored (cold start) | **491 ms (461–543)**   |
+| Page opened → components listed in the Components panel     | 1 512 ms (1 448–2 006) |
+
+The steps are marks in the browser's performance timeline (`nf:code:created`, `nf:code:ready`, `nf:code:mirrored`), so they can be read in DevTools too. The last row includes the page load, the plugins, the worker and the extraction of every component and system.
+
+## Layout
+
+In the page: switching screens (the workbench renders again, the docks stay) takes **21 ms** from the click to the second frame after it (4–49 ms). The workbench is shown 441 ms after the page starts loading (387–642).
+
+The layout model, on 120 docks and 8 screens (a real editor has about 20 widgets):
+
+| Operation                  | Mean    |
+| -------------------------- | ------- |
+| Compose the default layout | 0.05 ms |
+| 200 splitter resizes       | 0.01 ms |
+| 120 tab activations        | 0.03 ms |
+| 120 moves between slots    | 0.10 ms |
+| Serialize and read back    | 0.06 ms |
+
+The model is nowhere near a frame's budget: layout cost is rendering, not computing.
+
+## Not done
+
+- The code worker script is 6.9 MiB (ts-morph and the compiler). Shrinking it means replacing ts-morph with the bare compiler API, a rewrite of the engine.
+- No budget is enforced in CI: the numbers depend on the machine.
diff --git a/docs/rewrite-plan.md b/docs/rewrite-plan.md
new file mode 100644
index 00000000..dac86407
--- /dev/null
+++ b/docs/rewrite-plan.md
@@ -0,0 +1,1113 @@
+# NanoForge Editor — Rewrite Plan
+
+## Context
+
+The current editor (`/editor`) is a single SvelteKit app. Its ECS features are hard-wired, it keeps state in module-level svelte stores, and it saves to `.nanoforge/*.save.json` through SvelteKit form actions. It no longer matches the rest of the ecosystem:
+
+- The **engine** was restructured. A game is now a workspace (`nanoforge.config.ts` `type: workspace`) containing `apps/client` and `apps/server` (types `client`/`server`, plus `lib` for shared code). `core-editor` is gone, replaced by a minimal `@nanoforge-dev/editor-lib` bridge (`RunOptions.editor = { toEditor, fromEditor }`).
+- The **CLI** removed `generate`, so there is no save→code step any more. The **editor must generate code directly**.
+- The **loader** has no editor hooks.
+
+The goal is a from-scratch editor with a real engine-editor architecture:
+
+- a plugin kernel (plugins are nanoforge-style packages that consume and extend a core);
+- a Godot-style customizable layout;
+- IntelliJ-like layered settings (local / project / account, online + offline);
+- per-context undo/redo;
+- default widgets that plugins can extend or replace (code editor, file manager, viewport with Game and Scene modes);
+- client/server-aware editing and running;
+- a set of built-in plugins.
+
+No code from the current repo is kept. Only its tooling conventions carry over (pnpm, ESLint/Prettier configs, commitlint, cliff-jumper, Docker, CI).
+
+### Decisions taken with the user
+
+| Topic               | Decision                                                                                                                                                                                                                           |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Runtime             | Web app plus a local Bun server (SvelteKit, Svelte 5), keeping OFFLINE/ONLINE modes and the `nf editor` launch. Restructured as a pnpm monorepo.                                                                                   |
+| Plugin isolation    | Same JS realm, trusted, dynamically imported ES modules.                                                                                                                                                                           |
+| Plugin format       | Registry manifest `nanoforge.manifest.json` with `type: "plugin"`, the format future nanoforge packages will use. Plugins can require engine libs (`engineLibs`) and are activated per app.                                        |
+| Plugin distribution | Built-in (bundled), user-installed (marketplace), local dev folders with hot reload.                                                                                                                                               |
+| Layout              | Godot style: switchable **main screens** in the center, **dock slots** around them, floating docks.                                                                                                                                |
+| Settings online     | Extend `api.nanoforge.eu` with a settings-sync API. IndexedDB offline cache.                                                                                                                                                       |
+| History             | Per-context stacks, transactional and mergeable commands, configurable limit. Monaco keeps its native text undo.                                                                                                                   |
+| Codegen             | **AST round-trip** (ts-morph). Only recognised nodes are edited; unknown code is preserved and shown as "code-only".                                                                                                               |
+| No scene lib        | The Scene view edits the app's **entry file (`main.ts`) directly**, through the ECS plugin's default codegen target. Core only defines the extension point. A scene plugin overrides both the codegen target and the scene widget. |
+| Server              | Edit server-side ECS (client/server/lib context) and run/debug the server locally.                                                                                                                                                 |
+| Game viewer         | **Same-page import** of the built `main.js` (like today), with the editor-lib bridge.                                                                                                                                              |
+| Cross-repo          | The plan includes changes to engine `editor-lib`, `loader` and `cli`.                                                                                                                                                              |
+| Plugins             | Each built-in plugin gets **its own requirements session with the user before it is implemented**. This plan only fixes their place in the architecture.                                                                           |
+
+---
+
+## Target architecture
+
+### Monorepo layout (pnpm workspaces + turbo, same as the engine repo)
+
+```
+apps/
+  editor/                 SvelteKit shell + Bun server (routes, RPC endpoint, plugin host bootstrap)
+packages/
+  kernel/                 DI, disposables, events, extension points, commands, context keys, plugin manager (framework-agnostic, no Svelte)
+  sdk/                    Public plugin API: definePlugin, tokens, types, re-exports. The ONLY package plugins import.
+  rpc/                    Typed client↔server RPC (HTTP) + WS channels (fs watch, logs, runtime events)
+  history/                Command/transaction engine, per-context stacks
+  settings/               Layered settings engine + storage adapters + schema registry
+  layout/                 Layout model (main screens, dock slots, floats), serialization, ops (no UI)
+  ui/                     Svelte UI kit, theme tokens, style injection, layout renderer, widget host
+  project/                Workspace/app discovery, project FS service (client cache + server), watcher
+  code/                   Code service: TS/ts-morph in a Web Worker, transformer API, item extraction (ADR 0003)
+  runtime/                Build/watch orchestration, same-page client runner, server process manager, logs
+  server-core/            Server-side services (sessions/auth, fs, git, cli wrapper, api client, plugin server-entries)
+plugins/                  Built-in plugins, each a standalone package with nanoforge.manifest.json (type "plugin")
+  code-editor/  file-manager/  viewport/  ecs/  console/  command-palette/  inspectors/  git/  marketplace/  history-panel/  settings-ui/
+tooling/                  shared tsconfig, vite plugin for building plugins (svelte externals, manifest emit)
+```
+
+Dependency rule: `kernel` ← everything else. `sdk` re-exports the public surface of kernel/history/settings/layout/ui/project/code/runtime. Plugins depend only on `sdk` (checked with an ESLint `no-restricted-imports` rule).
+
+### 1. Plugin system (`kernel` + `sdk`)
+
+- **Package format (decided: registry manifest)**: each plugin is a package with a `nanoforge.manifest.json` of `type: "plugin"`, the same format future nanoforge packages will use. It is published and installed through `nf publish` and the marketplace pipeline. The kernel validates it with zod. Shape:
+  ```jsonc
+  { "type": "plugin", "name": "@nanoforge/ecs", "version", "displayName", "description", "tags",
+    "engines": { "editor": "^1.0.0" },
+    "dependencies": { "@nanoforge/viewport": "^1.0.0" }, "optionalDependencies": {...},
+    "engineLibs": { "required": { "@nanoforge-dev/ecs": "^2.0.0" }, "optional": { "@nanoforge-dev/graphics-2d": "^1.0.0" } },
+    entry: { client: "src/index.ts", server?: "src/server.ts", worker?: "src/code.worker.ts" },
+    activation: ["onStartup" | "onScreen:scene" | "onCommand:x" | "onProjectType:client"],
+    contributes: { screens, docks/widgets, commands, keybindings, menus, settings, themes, viewportModes, codegenTargets, ... } }
+  ```
+- **Engine lib requirements** (`engineLibs`): a plugin can require an engine library (e.g. ECS plugin → `@nanoforge-dev/ecs`; a 2D gizmo plugin → `@nanoforge-dev/graphics-2d`).
+  - The project service reports, **per app** (client/server/lib), which engine libs are installed (from the app's `package.json` plus the `libs` config), with their versions.
+  - A plugin is activated **per app context**. If a required lib is missing or its version doesn't match, the plugin stays inactive for that app, its widgets show "requires X", and it offers a quick-fix command: "Install X in apps/client" (through the `nf install -l` wrapper). Afterwards it activates without a reload.
+  - Optional libs set context keys (`engineLib:@nanoforge-dev/graphics-2d`) that plugins use in `when` clauses to light up extra features.
+  - The ECS plugin requires `@nanoforge-dev/ecs`. So with no ECS lib, the Scene screen falls back to the empty state.
+    The build (`tooling/vite-plugin`, `@nanoforge-dev/editor-vite-plugin`) validates `nanoforge.manifest.json` and emits it next to the ESM bundles. The marketplace can read it without executing code.
+  - **Shared runtime (decided, [ADR 0001](adr/0001-plugin-ui-runtime.md)):** `svelte/*` and `@nanoforge-dev/editor-sdk` are externalized, and at build time their imports are rewritten to lookups in the host's `SharedModuleRegistry` (`globalThis.__nanoforge_editor_shared__`). That gives one Svelte runtime and one SDK instance, in dev and prod, with no import map. Plugins must use runes mode, and the host checks the Svelte version they were compiled with.
+- **Kernel primitives**:
+  - `Disposable` / `DisposableStore`: every registration returns one, so plugins unload cleanly.
+  - Typed `ServiceToken<T>` plus DI container with scopes: app → project → plugin.
+  - `provide(token, impl, { priority })` / `override(token, decorate)`: this is how a plugin **extends the core**. Example: the scene plugin overrides `CodegenTarget`.
+  - `defineExtensionPoint<T>(id, schema)` and `contribute(point, value)`: plugins **create objects other plugins use**. Plugins can declare their own extension points; the ECS plugin exposes `ecs.inspectors.fieldEditors`.
+  - Typed event bus; `CommandRegistry` (id, handler, `when` clause); `ContextKeyService` (focus, screen, selection…) for `when` clauses.
+  - `LocalizationService`: per-plugin message bundles and a `locale` setting (en/fr built in).
+- **Plugin manager**:
+  - Discovery from three sources: bundled, installed (`~/.nanoforge/editor/plugins` offline, account list online), local-dev paths.
+  - Semver dependency resolution, topological activation, lazy activation events, enable/disable per scope (enable state is a setting).
+  - `activate(ctx)` / `deactivate()` with a `PluginContext` giving scoped access to services and a logger.
+  - Error isolation: activation errors are caught and reported, dependents are disabled.
+  - Local dev plugins hot-reload on rebuild: dispose, re-import with a cache-busting URL, re-activate.
+- **Server entries**: an optional `entry.server` runs inside the Bun server, trusted, and registers namespaced RPC handlers. Git, runtime and marketplace need this.
+
+### 2. UI, theming and widget style injection (`ui`)
+
+- Theme = a set of CSS custom properties (`--nf-color-*`, `--nf-space-*`, `--nf-radius-*`, fonts) contributed through the `themes` extension point and selected in settings. Light and dark themes ship built in.
+- Widgets are declared as `{ id, title, icon, component | mount(el, ctx), styles?, defaultSlot, singleton, when }`.
+- Each widget's `styles` are injected once per plugin into `@layer plugin.<id>`, scoped under `[data-nf-widget="<id>"]`, and removed when the plugin is disposed. Everything uses theme variables, so re-theming is free.
+- Base component kit on bits-ui, styled by tokens: buttons, trees, property grid, tabs, menus, splitters (paneforge), virtual lists, toasts.
+
+### 3. Layout — Godot-style (`layout` model + `ui` renderer)
+
+- **Main screens** sit in the center and switch from the top bar: `Scene`, `Script`, `Game`, plus any contributed by plugins. Each is a widget contribution with `kind: "screen"`.
+- **Dock slots**: left-top, left-bottom, right-top, right-bottom, bottom, plus floating windows (in-page floating panels; a popout browser window can come later). Each slot is a resizable tab-stack of widgets.
+- **Operations**: add widget (Widgets menu / command palette), move by drag between slots or into a float, resize, hide/show a slot, close/delete a widget instance, maximize, and optional per-screen visibility overrides (e.g. hide the right docks on the Script screen).
+- The layout model is pure data. Every mutation goes through `layout.apply(op)`, so it is undoable in its own `layout` history context and serialisable.
+- Named layouts are saved as settings (any scope) and can be reset to default. Plugins contribute default placements.
+
+### 4. Settings — IntelliJ-like layering (`settings`)
+
+- Scopes, lowest → highest precedence:
+  1. **Default**: from the schema.
+  2. **Account**: synced through the API.
+  3. **Machine**: this browser/install only, IndexedDB.
+  4. **Project**: committed to `.nanoforge/editor/settings.json`.
+  5. **Project-local**: gitignored `.nanoforge/editor/local.json`; server-side in ONLINE mode.
+- Each setting key declares `allowedScopes`, a zod schema and a description (for the UI and search).
+- `settings.get(key)` returns a reactive, merged value. `settings.inspect(key)` returns the value at each scope. `settings.set(key, value, scope)` writes one scope.
+- Storage adapters sit behind one interface:
+  - `IndexedDbStore` (machine + account cache)
+  - `ProjectFileStore` (via the project FS service)
+  - `RemoteAccountStore` (proxied through the editor server, which already holds the API key and refresh-token middleware)
+- Sync:
+  - The account document has a `revision`. Writes go to an offline queue and are flushed with `If-Match`.
+  - On `409`, keys are merged three ways against the last synced base; true conflicts go to a prompt.
+  - Settings marked `sync: false` never leave the machine.
+- Layouts, keymaps, theme, enabled plugins and the history limit are all ordinary settings.
+- Settings UI (a plugin): tree + search, scope switcher, "modified" markers, reset, import/export.
+
+### 5. History (`history`)
+
+- `Command { label, do(), undo(), mergeKey?, merge?(next) }`, which may be async, plus `history.transaction(label, fn)` for grouping (e.g. a gizmo drag = 1 step; consecutive slider changes merge within N ms).
+- **Contexts**:
+  - one stack per document or target: each codegen target file, the layout, settings changes, and plugin-defined contexts;
+  - `HistoryRouter` sends Ctrl+Z/Y to the context of the focused widget;
+  - Monaco keeps its native undo;
+  - the history panel shows every context.
+- **Limit**: the `history.limit` setting (default 100) applies to each stack, and the oldest entries are dropped.
+- **Codegen consistency**: file-backed commands record the file's content hash after `do`. If the file changed outside the editor (hand edit, git pull), that context's stack is invalidated past that point, with a notice. This matches Godot and Unity behaviour.
+
+### 6. Project, FS, RPC and server (`project`, `rpc`, `server-core`, `apps/editor`)
+
+- The server is the source of truth: the disk in OFFLINE mode, the git checkout of the gateway project in ONLINE mode.
+- The client `ProjectFs` service:
+  - read/write/list;
+  - OPFS content cache plus IndexedDB tree cache;
+  - WS watch events from a chokidar/Bun watcher.
+- **Workspace discovery**:
+  - Parse the root `nanoforge.config.ts` with `@nanoforge-dev/config` `parseConfig`/`resolveConfig` on the server, expand `packages` globs and resolve each app (`client`/`server`/`lib`, `dir.*`, `editor.entryFile`, `language`).
+  - Expose the result as `ProjectModel.apps`. This is the basis of the client/server/shared context switch.
+- **Stable project identity**: keyed by resolved path (OFFLINE) or gateway id (ONLINE), separate from the session id. This fixes the current bug where tabs and caches are lost after a session change.
+- **RPC**:
+  - Typed contracts shared between client and server: zod-validated input, an `/rpc/<namespace>.<method>` endpoint, and a single WS for streams.
+  - This replaces the SvelteKit form actions.
+  - Plugins' server entries register their own namespaces.
+- Sessions/auth, the `nf` CLI wrapper, git and the API client are rewritten into `server-core` as services.
+
+### 7. Code service & codegen (`code` in core, ECS logic in the ECS plugin)
+
+- A **Web Worker** runs TypeScript and ts-morph over an in-memory project, kept in sync from `ProjectFs`. It is lazy-loaded. Running on the client makes behaviour identical offline and online, and lets plugins ship `entry.worker` analyzers and transformers without server code.
+- **Core API** (generic, **knows nothing about ECS or scenes**):
+  - `code.analyze(file, analyzerId)` returns a plugin-defined model plus node references.
+  - `code.transform(file, transformerId, op)` edits the AST minimally, keeps formatting, and returns a text edit.
+  - Unknown statements are reported as `codeOnly` ranges for read-only display.
+  - Literal-extraction helpers (read the literal value of an exported const) are provided for plugins.
+- **Edits go through a single `TextDocumentService`**: if the file is open in Monaco, the edit is applied to the Monaco model (so there are no dirty-buffer conflicts, and the editor's own edits don't trigger hash invalidation); otherwise it goes to `ProjectFs`. Either way it is wrapped in an undoable history command.
+- **`codegen.target` extension point** (core defines it; core provides **no** implementation):
+  - The **ECS plugin** provides the default "entry-file" target. It reads and writes entities, components and systems in the app's `editor.entryFile` (`main.ts`): `registry.spawnEntity()`, `addComponent(e, new X({...}))`, `addSystem(fn)`.
+  - **Discovery** (ADR 0003): core owns a generic catalog of items, read from TSDoc in the sources. The code worker generates the meta into the editor cache (`.nanoforge/editor/cache/meta/`) at init when missing and when stale; it is never published. ECS data sits in owner objects (`"@nanoforge/ecs": { "type": "component" }`) that only the ECS plugin parses, and its component and system registries are views over the catalog.
+  - A **scene plugin** overrides the target at higher priority to use `dir.scenes/*.scene.ts`, and replaces the scene widget.
+  - If no provider exists, the viewport's Scene screen shows an empty state.
+- Golden round-trip tests (in the ECS plugin) run on `engine/example/pong-network` and `engine/e2e/game`.
+
+### 8. Runtime (`runtime`)
+
+- **Build**: the server runs `nf build --editor --watch` per app and streams progress and errors to the Problems view and Console.
+- **Client play (same page)**:
+  - Mount a container in the Game screen and `import()` the built `main.js` with a cache-busting version.
+  - Call `main({ container, files, env, editor: { toEditor, fromEditor } })`.
+  - `files` is built from the build output the way the loader does it. `env` gets the same `NANOFORGE_CLIENT_*` prefix stripping as `nf start`.
+  - Stop means sending the `stop` command, awaiting `__clear`, then removing the container.
+  - Risk to note: game globals can leak into the editor page. Mitigation: always a full stop plus remount, and a "Reload editor runtime" command.
+- **Server play**: the editor server starts the built server `main.js` through `loader-server` as a child process, with `NANOFORGE_SERVER_*` env. It is bridged to the editor over IPC → WS (needs the loader change), with logs streamed.
+- **Play modes**: Client only / Server only / Server + client. "Open extra client" opens a new browser tab on `loader-client`, because the same-page runner can only host one client.
+- Pause / resume / stop / step through editor-lib commands.
+
+### 9. Default, overridable features (plugins, requirements sessions pending)
+
+Each is a **built-in plugin** exposing its own extension points, so other plugins can change it. Its exact features are defined with the user before implementation.
+
+- **code-editor**: Monaco `Script` screen; contributes language features, diagnostics from the code worker, and file-type editors.
+- **file-manager**: dock widget; contributes file actions, file icons and create templates (component/system via the manifest conventions).
+- **viewport**: `Game` screen (runtime host) and `Scene` screen with the `viewport.modes` / `scene.editor` extension points. It renders whatever `codegen.target` provider exists (the ECS plugin's entry-file target by default). A scene plugin replaces both. With no provider, the screen shows an empty state.
+- **ecs**: the current features, done better. It owns the entry-file codegen target and manifest discovery. It provides the hierarchy, the inspector (field editors per `Element` type, extensible; `ref` editors come from the plugin for that lib), the component/system browser, the client/server/lib context, and live world inspection during play.
+
+### Feature parity checklist (inputs to the plugin requirements sessions)
+
+From the current editor (`src/lib/components/Widget/*`, `src/lib/client/ecs/*`, `src/routes/*`):
+
+- **Project picker**: recent projects, create project, open (OFFLINE path / ONLINE gateway), complete-setup (`/load`). → Shell (phase 5).
+- **ECS tree** (`ecs-tree`): tabs for scenes (multiple scenes, per-scene system list, entity tree with folders, create/edit/delete entity), components and systems (create package, import package), libraries (install npm/nanoforge libraries), assets (create asset). → ECS plugin (a scene plugin takes over multi-scene).
+- **Entity inspector**: component list, add component (selector dialog), param rows per `Element` type. → ECS plugin.
+- **Content browser**: folder side list, item grid, icons, current dir. → file-manager plugin.
+- **Code editor**: Monaco with project types loaded (`CodeEditor/project-loader.ts`). → code-editor plugin.
+- **Editor game**: same-page run with hot-reload of components and graphics-2d drag-to-move. → runtime + viewport + ECS (drag emits a codegen edit).
+- **Output log** → console plugin. **Marketplace dialog** (search, tabs, details, install) → marketplace plugin.
+- **Menu bar + export dialog** (archive export `/fs/archive`) → shell menus + a "project export" command.
+- **i18n**: Paraglide (en/fr) is set up but holds almost no strings. The new kernel gets a `localization` contribution (per-plugin message bundles, locale setting) so the shell and plugins are translatable from day one.
+- **console/problems, command-palette + keymaps, runtime inspectors (world, profiler, network), git, marketplace, history-panel, settings-ui**.
+
+---
+
+## Implementation plan — step by step
+
+Conventions for every step:
+
+- **Deliverable:** what exists when the step is merged.
+- **Done when:** the check that must pass (tests, demo).
+- Each phase is a sequence of small PRs into `rewrite/v2`, using conventional commits with the scope set to the package name (`feat(kernel): …`).
+- Plugin phases (9–11) always start with a **requirements session with the user**, which produces a short spec in `docs/specs/<plugin>.md` before any code is written.
+
+### Milestones and ordering
+
+| Milestone               | Phases     | Demo                                                              |
+| ----------------------- | ---------- | ----------------------------------------------------------------- |
+| M1 "Boots with plugins" | 0, 1, 2    | Editor opens a project, loads a test plugin, lists apps and files |
+| M2 "Customizable shell" | 3, 4, 5    | Godot layout with docks, persisted layouts/settings, undo/redo    |
+| M3 "Code & runtime"     | 6, 7, 8    | AST edits of files, play client + server from the editor          |
+| M4 "Feature parity"     | 9, 10      | Default plugins + ECS plugin cover the parity checklist           |
+| M5 "1.0"                | 11, 12, 13 | Extra plugins, backend contract, docs, release                    |
+
+What can run in parallel:
+
+- Phases 3 and 4 are independent once phase 1 is done.
+- Phase 8 (other repos) can start right after phase 2.
+- Phase 6 can start after phase 2, in parallel with phase 5.
+
+---
+
+### Phase 0 — Reset & scaffold
+
+0.1 **Branch.** The current branch has an uncommitted `package.json` change, so don't switch branches in place. Instead create a worktree: `git worktree add ../editor-v2 -b rewrite/v2 main`. All rewrite work happens there.
+
+0.2 **Remove the old app.** Delete:
+
+- `src/`, `e2e/`, `.temp/`
+- `messages/`, `project.inlang/`
+- `components.json`, `uno.config.ts`, `svelte.config.js`, `vite.config.ts`
+
+Keep `docs/`, `.github/`, `Dockerfile`, `nanoforge.yaml`, the lint/format/commit configs, `cliff.toml` and `LICENSE`.
+
+0.3 **Root workspace.**
+
+- `package.json` (private; scripts `dev`, `build`, `lint`, `format`, `test`, `test:e2e`, `typecheck`, all run through turbo).
+- `pnpm-workspace.yaml`: `apps/*`, `packages/*`, `plugins/*`, `tooling/*`, keeping the existing catalogs.
+- `turbo.json` pipelines: `build` depends on `^build`; `test` and `lint` have no dependencies.
+
+0.4 **Shared tsconfig** (done at the repo root, `tsconfig.json`, like the engine repo; `tooling/` is kept for the plugin build tooling). Three base configs: `base.json` (strict, `moduleResolution: bundler`, `verbatimModuleSyntax`, target ES2023), `lib.json`, and `svelte.json`.
+
+0.5 **ESLint.** The root `eslint.config.js` builds on `@nanoforge-dev/utils-eslint-config`, plus `eslint-plugin-svelte` and import-boundary rules:
+
+- `packages/kernel` imports no other internal package;
+- `plugins/*` may import only `@nanoforge-dev/editor-sdk`;
+- `packages/*` never import `plugins/*`.
+
+0.6 **Package conventions.**
+
+- Internal packages are **source-only**: `exports` points at `src/index.ts`, and the app bundles them.
+- Only `@nanoforge-dev/editor-sdk` gets a real build (tsdown + `.d.ts`), because external plugins compile against it.
+- Every package has `package.json`, `src/index.ts`, `tsconfig.json` and `README.md`.
+- Naming is `@nanoforge-dev/editor-<name>`.
+
+0.7 **Test setup.** One root Vitest config with three projects:
+
+- `node`: `packages/**/*.test.ts`
+- `browser`: `**/*.svelte.test.ts`, Playwright/Chromium
+- `plugins`
+
+Playwright e2e lives in `apps/editor/e2e`, with fixtures copied from `engine/example/pong-network` into `apps/editor/e2e/fixtures/`.
+
+0.8 **CI and release.**
+
+- `tests.yml`: `pnpm install` → `turbo lint typecheck test`.
+- `release.yml`: release the `apps/editor` package.
+- Dockerfile: `pnpm --filter @nanoforge-dev/editor build`, then run `apps/editor/dist/index.js`.
+- Commitlint: allowed scopes = package names.
+
+0.9 Create empty packages (`kernel`, `sdk`, `rpc`, `history`, `settings`, `layout`, `ui`, `project`, `code`, `runtime`, `server-core`) and `apps/editor` (SvelteKit + `svelte-adapter-bun` hello page).
+
+**Done when:** `pnpm i && pnpm lint && pnpm typecheck && pnpm test && pnpm build` pass on CI, and `docker build` works.
+
+### Phase 1 — Kernel (`packages/kernel`, `packages/sdk`)
+
+1.1 ✅ **Svelte runtime spike (go/no-go): GO.** An externally built widget (`tooling/spike-plugin`) shares the host's Svelte runtime through the build-time shared-module rewrite (`tooling/vite-plugin`). Verified in dev and prod by `apps/editor/e2e/plugin-runtime.check.mjs`. See [ADR 0001](adr/0001-plugin-ui-runtime.md).
+
+1.2 ✅ **Lifecycle.** `Disposable`, `DisposableStore`, `toDisposable`, `combineDisposables`, `MutableDisposable`, plus a leak-tracking helper for tests.
+
+1.3 ✅ **Events.** `Emitter<T>` (`event(listener) → Disposable`, `once`, `fire`, `dispose`), `Event.map`/`filter`/`debounce`, and a typed `EventBus` whose channel map is extended by module augmentation.
+
+1.4 ✅ **Observables.** A minimal framework-agnostic `Observable<T>`/`derived` (subscribe → Disposable). The sdk adapts it to Svelte (`toStore`, `fromObservable` rune helper). The core stays independent of Svelte.
+
+1.5 ✅ **DI.**
+
+- Tokens: `createToken<T>(id)`.
+- `Container` with parent/child scopes (app → project → plugin), `provide(token, value | factory, { priority })`, `override(token, decorator)`, `get` / `tryGet` / `getAll`.
+- Instantiation is lazy, with cycle detection and disposal cascading down to children.
+- Tests cover priority resolution, override chains and scope isolation.
+
+1.6 ✅ **Extension points.**
+
+- `defineExtensionPoint<T>(id, { schema, multiple, sort })` and `ExtensionRegistry.contribute(point, value, owner) → Disposable`.
+- `observe(point) → Observable<T[]>`, sorted by priority then order.
+- Contributions are validated with zod, and errors are attributed to the owning plugin.
+
+1.7 ✅ **Context keys and `when` clauses.**
+
+- `ContextKeyService` with scoped overlays (global → screen → widget).
+- A `when` parser that compiles to predicates. Operators: `&&`, `||`, `!`, `==`, `!=`, `=~`, `in`, parentheses.
+- Unit-tested grammar.
+
+1.8 ✅ **Commands.** `CommandRegistry.register(id, handler, { when, title, category, icon })`, `execute(id, ...args)`, `onDidExecute`, and handler access to services through an accessor.
+
+1.9 ✅ **Localization.** `LocalizationService`: namespaced message bundles (`en` fallback), `t(key, params)` with plural/select-lite, and a locale observable (bound to the `locale` setting in phase 3).
+
+1.10 ✅ **Logger.** `LoggerService` with named, scoped loggers and pluggable sinks (browser console now, the Console plugin later).
+
+1.11 ✅ **Plugin manifest schema.**
+
+- A zod schema for `nanoforge.manifest.json` `type: "plugin"`, with fields: `name`, `version`, `displayName`, `description`, `tags`, `engines.editor`, `dependencies`, `optionalDependencies`, `engineLibs.required|optional`, `entry.client|server|worker`, `activation[]`, and `contributes.*`.
+- Export a JSON Schema (`schemas/plugin.schema.json`) for IDE completion.
+
+1.12 ✅ **Resolver.**
+
+- Builds the dependency graph with `semver` checks.
+- Detects missing or incompatible dependencies, incompatible `engines.editor`, and cycles.
+- Produces an activation order and a status per plugin (`ok`, `missing-dependency`, `incompatible`, `disabled`, `error`).
+
+1.13 ✅ **Plugin host.**
+
+- `PluginSource` interface (`list()`, `resolveUrl(entry)`).
+- Static manifest contributions (commands, menus, settings, widgets, keybindings) are registered **before** activation, so the UI can show them for lazily activated plugins.
+- The activation event dispatcher handles `onStartup`, `onCommand:*`, `onScreen:*`, `onWidget:*` and `onProjectType:*`.
+- `PluginContext` provides `subscriptions`, a scoped DI container, `logger`, `t`, `storage` (per-plugin KV), `eligibleApps` and `manifest`.
+- `activate` and `deactivate` run with timeouts.
+- If a plugin throws, it is marked `error` and its dependents are deactivated.
+
+1.14 ✅ **Engine-lib gating.**
+
+- `EngineLibProvider` interface; its implementation comes in phase 2.
+- Each plugin gets `eligibleApps: Observable<App[]>`, the apps that satisfy `engineLibs.required`.
+- The context keys `plugin.<name>.eligible` (for the current app context) and `engineLib:<pkg>` are set.
+- When a required lib is missing, the plugin gets a `quickFix` contribution: "Install <lib> in <app>".
+- The plugin activates once and gates its features per app.
+
+1.15 ✅ **Loader and dev hot reload.** (`PluginHost.reload` and the `import()` loader are done; the `LocalDevSource` that triggers reloads on rebuild needs the server watcher and is wired in phase 2.12.)
+
+- A plugin module loader: installs the `SharedModuleRegistry`, then `import()`s plugin entries by URL.
+- `LocalDevSource` watches rebuild events → deactivate → re-import with `?v=<hash>` → reactivate. Widget state is preserved through the `getState`/`setState` hooks (phase 5).
+
+1.16 ✅ **SDK.** (Deviation: instead of api-extractor, a snapshot test of the SDK's runtime exports makes API changes visible in PRs. `EventBus` is generic and `EditorEvents` is declared in the SDK so module augmentation works.)
+
+- `definePlugin({ activate, deactivate })`, public re-exports and type helpers.
+- Built with tsdown, with an `api-extractor` report checked in so public-API changes are visible in PRs.
+
+**Done when:** kernel coverage is ≥ 90%, and a fixture set of 3 plugins (A depends on B, C optionally depends on A, D requires a missing engine lib) resolves, activates in order, and unloads with no leaked disposables.
+
+### Phase 2 — Server foundation & RPC ✅
+
+Architecture recorded in [ADR 0002](adr/0002-editor-server.md). Deviations from the steps below:
+
+- The UI is a static SvelteKit SPA served by a plain Bun server (not `svelte-adapter-bun`).
+- Contracts live in a new `packages/protocol`.
+- ONLINE sign-in reuses the NanoForge website cookies (no login form).
+- Configs are executed only offline; online they are read statically.
+
+2.1 ✅ **App skeleton.** `apps/editor` with SvelteKit, `svelte-adapter-bun`, and an env schema validated by zod at startup: `PUBLIC_MODE` (OFFLINE|ONLINE), `FS_ROOT`, `API_URL`, `API_KEY`, `SESSION_SECRET`, `PORT`, `PLUGINS_DIR`.
+
+2.2 ✅ **`packages/rpc`.**
+
+- `defineContract(ns, { methods: { m: { input, output } }, streams: { topic: { params, event } } })`.
+- Server router: `/rpc/:ns.:method`, JSON with a binary-safe envelope, zod validation, `RpcError(code, message, data)`, abort signals.
+- Typed client proxy.
+- Multiplexed WebSocket `/rpc/ws`: subscribe/unsubscribe, server push, heartbeat, reconnect with automatic resubscription, per-topic backpressure (coalescing).
+
+2.3 ✅ **`server-core` container.** Reuses the kernel DI on the server. Registers the `Env`, `Logger` and `Clock` services.
+
+2.4 ✅ **Sessions and auth.**
+
+- A signed-cookie session store.
+- OFFLINE uses an implicit local user; ONLINE logs in through the API (token pair).
+- A refresh-token middleware in the API client.
+- An RPC auth guard, with per-method `public` flags.
+
+2.5 ✅ **API client.** A typed fetch wrapper for `api.nanoforge.eu` (retry, refresh, error mapping). Endpoints are added as later phases need them.
+
+2.6 ✅ **CLI service.**
+
+- Finds the `nf` binary (from the project's `node_modules/.bin`, else a global install).
+- `run(args, { cwd, env, signal }) → { exitCode, stream }`, with output streamed as `cli:<runId>`.
+
+2.7 ✅ **Git service** (ONLINE gateway projects): clone, pull, status, commit and push through the git CLI, serialized per project with a lock.
+
+2.8 ✅ **Project registry.**
+
+- `openProject({ path } | { gatewayId })` returns a `ProjectHandle` with a **stable** `projectId`: a hash of the realpath, or the gateway id.
+- It is separate from the session.
+- Recent projects are stored per user on the server.
+
+2.9 ✅ **Workspace discovery.**
+
+- Load the root `nanoforge.config.ts` with `@nanoforge-dev/config` `parseConfig`/`resolveConfig`, expand the `packages` globs and resolve each app.
+- Build the `ProjectModel { root, apps: App[] }`, where `App = { id, name, type: client|server|lib, root, dirs, entryFile, editorEntryFile, language, outDir, engineLibs: {name, version}[] }`.
+- `engineLibs` come from the app's `package.json` (`@nanoforge-dev/*`, plus the config `libs`).
+- Re-run discovery when a config or `package.json` changes, and push the model over WS.
+
+2.10 ✅ **Server FS service.**
+
+- Root-jailed path resolution (rejects `..` and symlink escapes).
+- `read` (text or binary), `write` (atomic temp + rename), `stat`, `list`, `mkdir`, `rename`, `copy`, `delete` (to the trash dir `.nanoforge/editor/trash`).
+- The watcher (chokidar) ignores `node_modules`, `.git` and out dirs, batches events every 50 ms, and publishes on the `fs:<projectId>` topic.
+
+2.11 ✅ **Client `ProjectFs`.**
+
+- RPC-backed, with an OPFS content cache keyed by `projectId` + path + mtime, and an IndexedDB tree cache.
+- Applies watch events and exposes an `onDidChange` event.
+- Writes go through the server.
+- Exposes `EngineLibProvider` over `ProjectModel`.
+
+2.12 ✅ **Plugin sources on the server.**
+
+- Scan the bundled plugins (`apps/editor/build/plugins`), user-installed plugins (`~/.nanoforge/editor/plugins/<name>@<version>`) and local-dev paths (setting).
+- Serve them at `/plugins/<name>/<version>/*`: immutable cache for installed plugins, no-cache for dev.
+
+2.13 ✅ **Plugin server entries.**
+
+- Import `entry.server` into Bun.
+- `ServerPluginContext`: register the RPC namespace `plugin.<name>`, and access the fs, cli, git and logger services.
+- Disposed when the plugin is disabled.
+
+2.14 ✅ **Client bootstrap.**
+
+- Install the shared module registry and fetch the plugin list.
+- Build the kernel container, register the core client services (rpc, projectFs, project model, logger, i18n), and start `PluginHost`.
+
+**Done when:**
+
+- An integration test opens a copy of pong-network and gets a `ProjectModel` with 2 apps and their engine libs.
+- A file written on disk shows up in client `ProjectFs` within 200 ms.
+- A fixture plugin with a server entry answers a namespaced RPC call.
+
+### Phase 3 — Settings (`packages/settings`) ✅
+
+Implementation notes:
+
+- The account scope goes through the editor server (the API key stays server-side). Online
+  editors use `GET/PUT /users/me/editor-settings` ([contract](api/settings-sync.md)); offline ones
+  store the same revisioned document in the data dir.
+- Values stored in a scope a setting does not allow are ignored (a committed project file cannot
+  force machine-level settings).
+- Hosted editors keep project-local settings server-side per user, outside the shared checkout.
+- Manifest settings (`contributes.settings`) use a small JSON type vocabulary; code uses zod
+  (`defineSetting`).
+- `plugins.devPaths` and `editor.mode` stay server environment variables (`DEV_PLUGINS`,
+  `PUBLIC_MODE`), not settings.
+
+3.1 ✅ **Schema registry.**
+
+- Settings come from `contributes.settings` (static) and `defineSetting(key, { schema, default, scopes, sync, mergeStrategy, category, order, tags, description, deprecated })`.
+- Keys are namespaced (`<plugin>.<key>`).
+- A JSON Schema is derived for the settings UI.
+
+3.2 ✅ **Store interface.** `SettingsStore { scope, load(), write(patch), onDidChange }`, with these implementations:
+
+- `DefaultStore`: from the schemas.
+- `MachineStore`: IndexedDB.
+- `AccountStore`: IndexedDB cache plus remote sync (3.5).
+- `ProjectStore`: `.nanoforge/editor/settings.json` through `ProjectFs`, with stable key order and 2-space JSON.
+- `ProjectLocalStore`: `.nanoforge/editor/local.json`, which also adds a `.gitignore` entry. In ONLINE mode it is stored server-side per user and project.
+
+3.3 ✅ **Resolution engine.**
+
+- Precedence: default < account < machine < project < project-local.
+- `mergeStrategy` is one of `replace` (default), `deep` or `union`.
+- Values are exposed as Observables per key, and are memoised.
+
+3.4 ✅ **Public API.**
+
+- `get(key)`, `observe(key)`, `inspect(key)` (value per scope + effective scope), `set(key, value, scope)`, `reset(key, scope)`, `onDidChange(keys[])`.
+- Writes are validated; writing to a scope the key doesn't allow is rejected.
+- Migrations: `renamedFrom`, and deprecation notices.
+
+3.5 ✅ **Account sync.**
+
+- A document `{ revision, values }`.
+- The offline queue is persisted in IndexedDB and flushed on reconnect with `If-Match`.
+- On 409: fetch, then merge three ways per key against the stored base. True conflicts raise a `settings.conflict` event for the UI to prompt.
+- Exponential backoff, and a `SyncStatus` observable for the status bar.
+- Keys with `sync: false` are filtered out.
+
+3.6 ✅ **Mock API.** A small Bun mock server used in tests, implementing the contract.
+
+3.7 ✅ **Contract doc.** `docs/api/settings-sync.md`:
+
+- `GET/PUT /users/me/editor-settings`, headers, 409 body, limits (size, key count), versioning.
+- Plugin-enable lists and installed marketplace plugins per account.
+
+3.8 ✅ **Import/export.** Export a scope to JSON and import with a preview.
+
+3.9 ✅ **Core settings.** Define `locale`, `appearance.theme`, `history.limit`, `layout.*`, `keymap.*`, `plugins.enabled`, `plugins.devPaths` and `editor.mode`.
+
+**Done when:** unit tests pass for precedence, merge strategies, scope restrictions, migrations, an offline edit followed by reconnect sync, and a 409 conflict with a 3-way merge.
+
+### Phase 4 — History (`packages/history`) ✅
+
+Implementation notes:
+
+- Transactions receive a handle (`tx.push`, `tx.transaction`): commands pushed outside of it wait
+  for the transaction instead of being swallowed into it.
+- File edits are offset-based `TextEdit` operations with computed inverses
+  (`FileHistoryTracker.edit`). They go through `ProjectFs` directly until the phase 6
+  `DocumentService` exists; the tracker waits for its own in-flight writes before treating a
+  change as external.
+- `history.undo`/`history.redo` return false for native undo (text inputs, code editor); the
+  phase 5 keybinding layer lets those keystrokes through.
+
+4.1 ✅ **Stack.**
+
+- `Command { label, do, undo, redo?, mergeKey?, merge?(next), affects? }`, which may be async.
+- `HistoryStack` provides push, undo, redo, `canUndo`/`canRedo`, clear, savepoints (for dirty tracking), and trims to its limit.
+- Every command carries an `origin` (`{ kind: 'user' | 'plugin' | 'remote', id }`) and an optional `sizeBytes`. Stacks are trimmed by count (`history.limit`) **and** by a memory budget, so commands holding large binary snapshots stay bounded.
+- Commands on documents are expressed as serializable operations on the document (not closures over whole-file text) whenever possible, so they can later be transformed against concurrent changes.
+
+4.2 ✅ **Transactions.**
+
+- `transaction(label, fn)`: nestable and async. Commands inside are collected into one composite, and it rolls back in reverse order on error.
+- Commands with the same `mergeKey` are merged within a merge window (setting, default 500 ms).
+
+4.3 ✅ **HistoryService.**
+
+- `registerContext({ id, label, owner })` returns a context with its own stack. The limit is `history.limit`; changing it trims live.
+- Serial execution per context, through an async queue.
+
+4.4 ✅ **Router.**
+
+- The `history.undo` and `history.redo` commands (Ctrl+Z, Ctrl+Shift+Z/Ctrl+Y) resolve the target context from the `historyContext` context key of the focused widget.
+- If focus is in a text input or Monaco, the native undo runs instead.
+- Undo/redo only ever targets commands whose origin is the local user. Changes from other origins are recorded as non-undoable entries that later commands are applied on top of.
+
+4.5 ✅ **File-backed commands.**
+
+- `FileEditCommand(uri, edits)` applies edits through `TextDocumentService` (phase 6) and records the file hash afterwards.
+- `ProjectFs` change events whose hash doesn't match mean the file was changed from outside. The context is invalidated from that point, and a notification is shown.
+
+4.6 ✅ **Change events.** `onDidChange(contextId)` with the entries, labels and current index, for the History panel.
+
+**Done when:** unit tests cover limit trimming, the merge window, nested transaction rollback, async ordering, the router's focus resolution and external-change invalidation.
+
+### Phase 5 — UI & layout (`packages/ui`, `packages/layout`, shell in `apps/editor`) ✅
+
+Implementation notes:
+
+- Design direction: blue-grey steel surfaces, the NanoForge brand violet as accent (same as the
+  landing page and web workspace; lifted in the dark theme for contrast), blue focus/selection,
+  one violet-to-blue gradient (active screen marker, startup progress). Instrument Sans +
+  JetBrains Mono, self-hosted.
+- Splitters are a small custom component (pixel sizes map directly to the layout model) instead
+  of paneforge.
+- Undoable layout steps: open/close/move/float/dock/resize/toggle. Switching tabs or screens
+  and raising a window are navigation, not undo steps. Ctrl+Z falls back to the layout history
+  when the focused panel has no history context.
+- Icons are registered by name (core set + `registerIcons` for plugins) to keep bundles small.
+- Core panels (Project screen, Files, Plugins, History, Output) live in `apps/editor` until the
+  plugins of phases 9–11 replace them.
+- `nf new` project creation and the online project list are RPC methods of `projects`.
+- End-to-end suite: `apps/editor/e2e` (Playwright, production build).
+
+5.1 ✅ **Theme tokens.**
+
+- Token spec in `ui/src/theme/tokens.ts`: semantic colors (bg, surface, border, text, accent, danger, warning, success, selection, focus), spacing, radius, typography, shadow, z-index, motion.
+- Tokens map to CSS custom properties `--nf-*`.
+- Built-in `nanoforge-dark` and `nanoforge-light` themes.
+- `ThemeService` applies the `appearance.theme` setting, and themes can be contributed through an extension point.
+- A UnoCSS preset maps the tokens for plugin authors.
+
+5.2 ✅ **Style injection.**
+
+- `StyleService.inject(owner, css, { widgetId? })` creates a `CSSStyleSheet` added to `document.adoptedStyleSheets`, wrapped in `@layer plugin.<name>`.
+- Widget styles are scoped under `[data-nf-widget="<id>"]`.
+- Removed on dispose. Layer order is `reset < ui < plugins < user-overrides`.
+
+5.3 ✅ **UI kit** (Svelte 5 on bits-ui, token-styled):
+
+- `Button`, `IconButton`, `Input`, `NumberInput` (drag to scrub), `Checkbox`, `Switch`, `Select`, `Combobox`, `ColorPicker`, `Vector2Input`
+- `Tree` (virtualized, keyboard, drag and drop, inline rename), `PropertyGrid`, `Tabs`, `Menu`/`ContextMenu`, `Dialog`, `Toast`, `Tooltip`, `Splitter` (paneforge), `EmptyState`, `Icon` (lucide)
+- A browser test for each interactive component.
+
+5.4 ✅ **Widget host.**
+
+- Descriptor: `{ id, title, icon, kind: "dock" | "screen", component | mount, styles, defaultSlot, order, singleton, when, historyContext? }`.
+- Instance lifecycle hooks: `onShow`/`onHide`, and `getState`/`setState` for persistence and hot reload.
+- An error boundary per widget, with a "reload widget" action.
+- Opening a widget activates its plugin lazily (`onWidget:<id>`).
+
+5.5 ✅ **Layout model** (`packages/layout`, pure TS).
+
+- Types: `Layout { version, screens: ScreenId[], activeScreen, slots: Record<SlotId, { visible, size, stack: TabStack }>, floats: Float[], screenOverrides }`, where `SlotId = leftTop | leftBottom | rightTop | rightBottom | bottom`.
+- Operations: `addWidget`, `moveWidget`, `closeWidget`, `activateTab`, `resizeSlot`, `toggleSlot`, `floatWidget`, `dockFloat`, `moveFloat`, `resizeFloat`, `switchScreen`, `maximize`, `setScreenOverride`.
+- A pure reducer that returns the new layout plus the inverse operation, so each change is undoable.
+- On load, the layout is validated and repaired: widgets from missing plugins become placeholders.
+- Versioned serialization with migrations.
+
+5.6 ✅ **Default layout.** Composed from the widgets' `defaultSlot`/`order` when no layout is saved.
+
+5.7 ✅ **Renderer.**
+
+- A shell grid: top bar (menus + screen switcher + play toolbar slot), a left column (2 slots), the center (active main screen), a right column (2 slots) and the bottom slot. Everything is resizable with paneforge.
+- Tab stacks, and pointer-event drag and drop with a drop-zone overlay (tab strip, slot, float).
+- Floating panels (drag, resize, bring to front).
+- Keyboard focus cycling (F6), and a tab context menu (close, close others, float, move to…).
+
+5.8 ✅ **Layout persistence.**
+
+- Settings `layout.saved` (named layouts) and `layout.active`, scope user or project.
+- Saves are debounced by 500 ms.
+- Commands: save layout as…, switch layout, reset to default.
+- Layout changes go into the `layout` history context.
+
+5.9 ✅ **Shell chrome.**
+
+- The menu bar reads the `menus` extension point (File, Edit, View, Run, Help, plus plugin menus).
+- The status bar reads the `statusBar.items` extension point.
+- A notification center, a View → Widgets submenu that lists every widget, and a screen switcher.
+
+5.10 ✅ **Keybindings.**
+
+- `KeybindingService`: contributions with `when` clauses, chords, platform modifiers, and user overrides in `keymap.overrides`.
+- Conflict detection for the future keymap UI.
+
+5.11 ✅ **Project flow.**
+
+- Route `/` lists recent projects and lets you create one (`nf new`, with the multiplayer option → `--server`) or open one (OFFLINE path picker / ONLINE gateway list).
+- Route `/project/[projectId]` shows the workspace shell.
+- A loading screen shows discovery and plugin activation progress.
+
+**Done when:** browser tests pass for style scoping, layout operations and drag and drop, and the e2e test passes: move and resize a dummy dock, float it, reload, and the layout is restored; Ctrl+Z undoes a layout move.
+
+### Phase 6 — Code service (`packages/code`) ✅
+
+Implementation notes:
+
+- Transformers never print files: they get an `EditBuilder` over node ranges (`replace`,
+  `insertAfter`, `removeLines`…), so edits are minimal and formatting is preserved by construction.
+- The engine is plain TypeScript (`CodeEngine`), served in the worker by `serveEngine`; tests run
+  it behind a `MessageChannel`. ts-morph ships its own TypeScript, independent of the repo's.
+- Type declarations of bare imports come from the server (`code.typeFiles`, node_modules lookup
+  from the importing file).
+- Plugin worker entries receive an owner-bound sdk in `activate(sdk)`; `ts-morph` and
+  `@nanoforge-dev/editor-sdk/worker` are shared modules of the worker.
+- Undo validity uses a fingerprint of the document content; the `FileHistoryTracker` of phase 4
+  stays for callers editing without the DocumentService.
+- Temporary `code.check` command (double click a code file in Files) until the code editor plugin.
+
+6.1 ✅ **Worker.**
+
+- `code.worker.ts` with a typed postMessage RPC (a small internal comlink-style layer).
+- TypeScript and ts-morph are lazy-loaded, over an in-memory FS.
+
+6.2 ✅ **Mirroring.**
+
+- Mirror the `.ts`/`.js` files of every app and lib into the worker, and load `@nanoforge-dev/*` `.d.ts` on demand from the server so symbols resolve.
+- Updates are incremental, from `ProjectFs` events.
+
+6.3 ✅ **Plugin worker entries.** Plugins' `entry.worker` modules are imported into the worker and call `registerAnalyzer(id, fn)` / `registerTransformer(id, fn)`, through a worker-side sdk (`@nanoforge-dev/editor-sdk/worker`).
+
+6.4 ✅ **Main-thread API.**
+
+- `code.analyze(uri, analyzerId, args)` returns a plugin-defined model with node references (stable ids built from path + position + kind).
+- `code.transform(uri, transformerId, op)` returns `TextEdit[]`: the minimal edits, computed per changed node, so formatting elsewhere is preserved.
+
+6.5 ✅ **Literal helpers.**
+
+- `readExportedLiteral(uri, name)`.
+- `valueToLiteral` / `literalToValue`, covering strings, numbers, booleans, null, arrays, objects, negative numbers and template-free strings.
+- Diagnostics for non-literal values.
+
+6.6 ✅ **`DocumentService`** (the single path for every document edit).
+
+- Registry of open documents of three kinds: text, binary, and custom models (a plugin-defined structure serialized to a file).
+- A `documentEditors` extension point maps file patterns to editor widgets ("open with"); Monaco is just the provider for text documents.
+- `applyEdits(uri, edits, { label, origin })` edits the open document if one exists, otherwise writes through `ProjectFs`. It returns a history command.
+- Change events carry the edit origin.
+- Tracks dirty state, save and revert.
+- Storage goes through a `DocumentBackend` interface. The only implementation for now is "file via ProjectFs"; a shared or live-synced backend can be added later without changing editors or history.
+
+6.7 ✅ **`codegen.target` extension point.**
+
+- Interface `CodegenTarget<Model, Op> { id, priority, appliesTo(app), load(app) → Observable<Model>, apply(op) → Command }`, plus `selectTarget(app)`, which picks the highest-priority provider.
+- Core has no provider.
+
+6.8 ✅ **Diagnostics.** `DiagnosticsService` collects TS diagnostics and analyzer or plugin diagnostics per URI and exposes them as observables, for the Problems panel.
+
+**Done when:**
+
+- Unit tests pass with a toy transformer that renames a const: an unchanged parse and print is byte-identical on every file of pong-network, and an edit changes only the expected range.
+- Edits go to the Monaco model when the file is open (tested with a fake provider).
+
+### Phase 7 — Runtime (`packages/runtime`) ✅
+
+Implementation notes:
+
+- **Engine change pulled forward from phase 8.** No game registered `EditorLibrary`, so nothing
+  could pause or stop a game. The engine core now handles the base bridge commands itself
+  (`pause`, `resume`, `step`, `stop`), says `hello` with `EDITOR_PROTOCOL_VERSION` after init, and
+  reports its run state (`running`, `paused`, `stopped`), sending `stopped` after every library
+  was cleared. The change is in the engine branch `feat/core-editor-bridge`, stacked on
+  `feat/add-dynamic-resize`.
+- Builds are one-shot `nf build --editor --directory <app>` runs, triggered by the project
+  watcher while a client is subscribed to `runtime.events`. We don't use `--watch`: it empties
+  the output before each rebuild and only watches the entry's folder. A full pong build takes
+  about 0.7 s.
+- The server runner belongs to the editor: a small Bun script, written to `DATA_DIR/runtime`,
+  starts the game's `main({ files, env, editor })` and bridges it over Node IPC. It runs detached,
+  so `stop` can kill the whole process group after the grace period. It does not use
+  `loader-server --editor-ipc`, so phase 8.6 is no longer needed by the editor.
+- Every client run imports `main.js?v=<hash>&run=<n>`, so module state never leaks between runs.
+  Games render in a stage element owned by `RuntimeService`, which is moved between Game views,
+  so a game keeps running while another screen is shown.
+- The client `files` map holds versioned URLs of `/runtime/<projectId>/<app>/…`, served with
+  immutable caching. The content-addressed OPFS cache and the `FileEntry` hash (7.2) are
+  **deferred** until the source-file cache is built (the dynamic cache in "Future features").
+- The `assetProcessors` extension point (7.1) is **deferred** to the first plugin that needs it
+  (sprite editor, music creator): its contract depends on where converters run.
+- Build diagnostics are shown in Output and in the Game screen. They are not in
+  `DiagnosticsService` yet, which needs offsets; that comes with the Problems panel (11.1).
+- The runtime is local-only: hosted (ONLINE) editors never build or run project code.
+- "Open extra client" opens `/play/<projectId>?app=…`, a full-page client runner in the editor
+  app, instead of spawning `loader-client`. `runtime.env` overrides travel in the URL fragment.
+
+7.1 ✅ **Build orchestrator** (server). An `assetProcessors` extension point (file pattern → converter run before the build) lets plugins turn editor-specific source formats into files the engine loads.
+
+- Runs `nf build --editor` per app on source changes (see the notes: not `--watch`).
+- Parses the output into diagnostics.
+- Publishes status (`idle`, `building`, `ok`, `error`) on the `runtime:<projectId>` topic, and restarts when the config changes.
+
+7.2 ✅ **Output serving.** `/runtime/<projectId>/<appId>/*` serves from `out.dir`, along with a manifest endpoint (file list + **per-file content hash**), following `loader/apps/client/src/manifest.ts`.
+
+- `FileEntry` gets an optional content hash. The server computes it lazily and caches it per path, mtime and size.
+- The client content cache (OPFS) becomes content-addressed (keyed by hash), so the same bytes are stored once and reused across source files, build outputs and reloads.
+
+7.3 ✅ **Env service.**
+
+- Read `.env` and the process env.
+- Split the `NANOFORGE_CLIENT_*` and `NANOFORGE_SERVER_*` variables and strip the prefixes, as `cli/.../start.action.ts` does.
+- Apply overrides from the project-local setting `runtime.env`.
+
+7.4 ✅ **Client runner** (same page).
+
+- State machine: `idle → starting → running ⇄ paused → stopping → idle`, plus `crashed`.
+- Mount the container in the Game screen and build the `files` map (blob URLs cached in OPFS, like the loader).
+- `import(main.js?v=hash)`, then `main({ container, files, env, editor })`, where `editor` holds the bridge emitters compatible with editor-lib's `QueuedEventEmitter`.
+- Errors are captured (window error and unhandledrejection, filtered by the game's origin URL) and sent to the logs.
+- Stop sends `stop` and waits for `__clear` with a timeout, then unmounts. A "Reload editor runtime" command handles leaks.
+
+7.5 ✅ **Server runner.**
+
+- Spawn the editor's own runner script (see the notes) with the server env.
+- Stream stdout and stderr to the logs, and bridge IPC ↔ WS.
+- Supports restart and stop, and kills the whole process tree on exit.
+
+7.6 ✅ **Play controls.**
+
+- Commands `runtime.play`, `pause`, `stop`, `step` and `restart`.
+- `runtime.playMode` setting: client, server, or server + client.
+- "Open extra client" opens a full-page client of the last build in a new browser tab.
+- A contribution slot in the top-bar toolbar.
+
+7.7 ✅ **Plugin API.** `RuntimeService`: `state`, `onEvent(type)`, `send(command)`, typed by the protocol version, with `protocolVersion` negotiation.
+
+**Done when:** e2e runs pong-network with server + client from the editor. It renders, the server logs are streamed, and pause, resume and stop work. Stopping and replaying three times causes no errors.
+
+### Phase 8 — Cross-repo changes (a PR per repo, can start after phase 2) — partly done
+
+Branches (none pushed or published):
+
+- engine `feat/core-editor-bridge` (worktree `../engine-editor-bridge`), stacked on `feat/add-dynamic-resize`;
+- loader `feat/server-editor-ipc` (worktree `../loader-editor`);
+- cli `feat/editor-open-project` (worktree `../cli-editor`).
+
+The ECS and graphics-2d hooks (8.2, 8.4) move to phase 10: they define what the ECS plugin does during play, so they come from its requirements session. The dependency-related CLI work (the `plugin` manifest type, `nf install` target dirs, `nf publish` for plugins, the `nf create plugin` template) waits for the new dependency model (`nf_modules`, see below).
+
+8.1 ✅ **engine / protocol v2.**
+
+- `@nanoforge-dev/common` holds `EDITOR_PROTOCOL_VERSION` and the typed `EditorCommandMap` and `EditorEventMap` (extensible by augmentation).
+- The engine sends `hello` (`protocolVersion`, `libraries`); the editor answers with `welcome` (`protocolVersion`, `features`).
+- `Context.editor` is provided by the application whenever an editor starts the game. `EditorLibrary` is deprecated and does nothing.
+- Docs: `docs/docs/editor/protocol.mdx` in the engine repo.
+
+8.2 ⏭ **engine / `modules/ecs`: editor hooks.** Moved to phase 10.
+
+8.3 ✅ **engine / `packages/core`.**
+
+- `step`.
+- `frame-stats`: sampled, per library, every `intervalMs` the editor asks for.
+- Log forwarding: only console calls whose stack contains a frame of the game bundle, so the editor page's own output is never forwarded. Startup output (up to 200 lines) is kept until the `welcome`.
+
+8.4 ⏭ **engine / `graphics-2d`.** Moved to phase 10 (the old drag code keyed on `__RESERVED_entityId` is untouched).
+
+8.5 ✅ **engine / `network`.** Sampled, rate-limited `network-trace` events for TCP and UDP, on client and server, when the editor asks for them.
+
+8.6 ✅ **loader-server.**
+
+- `--editor-ipc`: the worker bridges `RunOptions.editor` over IPC, and the server relays both ways. The worker exits with the editor.
+- Fixed the discarded `main.js` filter and the file list that accumulated across calls.
+- Tests with `bun test`.
+- Bun pitfall: `import * as process from "node:process"` receives no IPC messages; use the global `process`.
+
+8.7 **cli** (✅ open a project directly; ⏸ the rest waits for the dependency model).
+
+- ✅ `nf editor [path] [--port 5173]`: roots the editor at the working directory (or at the project's parent when the project is outside of it), waits for the editor to answer, then opens `/load?path=<project>`.
+- ✅ The editor's `/load?path=` and `/load?gatewayId=` route: the "Open in editor" button of the project manager (`${NEXT_PUBLIC_EDITOR_BASE_URL}/load?gatewayId=…`) works unchanged.
+- ⏸ The `plugin` manifest type, the `nf create plugin` template, `nf publish` for plugins, the `nf install` target dirs.
+
+8.8 ✅ **Compatibility.**
+
+- The editor answers each `hello` with its features: frame stats for every game, console output for clients only (servers already stream theirs). Plugins add features with `RuntimeService.useFeatures`.
+- Legacy engines (no `hello`) and older or newer protocols get an actionable message: a notification once, and a banner on the Game screen.
+- Frame stats show in the status bar while playing.
+
+**Done when:** each repo's CI passes, and the editor e2e from 7 passes against the published betas. (Local runs pass against the engine worktree. Publishing is up to the maintainers.)
+
+#### Preparing for `nf_modules` (bundled dependencies)
+
+Components, systems, templates, assets and plugins will be bundled, grouped by `nanoforge.manifest.json` files, and installed into `nf_modules/`. The user can use them there but not change them, and copies one into the project to modify it. The editor prepares for this without building it:
+
+- **Read-only paths** (`nf_modules/**`), enforced by the server file system. Documents open read-only and the Files panel shows a lock.
+- ✅ **Plugins and packages are separate.** Packages go in `nf_modules`; plugins go in `~/.nanoforge/editor/plugins` (every project) or `<project>/.nanoforge/plugins` (the `project` source, loaded while the project is open, shadowing the home copy; `PluginHost.update` swaps the plugin set). Packages name the plugins they work best with in `suggestedPlugins`: the editor shows the missing ones in a notification when the project opens (ADR 0003).
+- **Watcher and code worker:** don't watch `nf_modules` contents, since they only change on install. The worker reads its sources only to regenerate a stale meta (ADR 0003).
+- **One module-resolution function** in the code package decides how generated code imports a package's component or system.
+- **Phase 10:** the ECS plugin reads components and systems from the core catalog (ADR 0003: items with owner objects, origin project or package, read-only), filled by providers (project packages and apps, `nf_modules`), never by scanning folders itself. "Copy to my components" is an undoable command that copies the entry into the project and updates imports.
+
+### Phase 9 — Core default plugins (a requirements session for each, first) ✅
+
+Order agreed with the user: code-editor → file-manager → viewport → history-panel → settings-ui.
+
+Shared groundwork, done with the code editor:
+
+- `@nanoforge-dev/editor-sdk/ui`: a shared module with widgets, workbench contributions, UI services and the component kit. The published SDK does not ship its type declarations yet; in-repo plugins use the sources.
+- `documents.open` and manifest `documentEditors` (with the command that opens a file).
+- `DocumentService.saveAll`, the `code.format` RPC and `runtime.saveBeforePlay`.
+- Built-in plugins in `plugins/*` are bundled into the editor build and run as dev plugins (hot reload) under `pnpm dev`.
+
+For each plugin: requirements session → `docs/specs/<plugin>.md` → implementation → browser/e2e tests. The scopes below are baselines to discuss.
+
+9.1 ✅ **settings-ui** (spec: `docs/specs/settings-ui.md`). Replaces the core Plugins panel.
+
+- A modal dialog (_File › Settings…_, `Ctrl+Alt+S` or `Ctrl+,`): a category tree, search, and changes pending until Apply/OK.
+- A scope menu and an inspect table per setting, with a reset per scope.
+- Pages for plugins (enable/disable), import & export with a preview, and sync conflicts; the account sync status sits in the header.
+- _Edit as JSON_ opens `settings.json` / `local.json` with a schema generated from every setting.
+- Core additions: `PluginHostToken`, `AccountSyncToken`, and the `JSON_SCHEMAS` extension point (applied to Monaco by the code editor).
+- Kit fixes found on the way: menus open above dialogs, dialog bodies scroll, splitters no longer stop mid-drag, and a restored code editor no longer takes focus from an open menu.
+
+9.2 ✅ **history-panel** (spec: `docs/specs/history-panel.md`). Replaces the core History panel. It shows the focused history or all of them, lets you jump to any step, has grouped steps, previews of document edits, search and clear. Document histories (`file:*`, edits made through `DocumentService.edit`, e.g. Format and Organize imports) are kept in IndexedDB across reloads. The file manager runs its commands one at a time. Baseline scope before the session: a list of contexts with their entries, click to jump to a state, clear.
+
+9.3 ✅ **code-editor** (spec: `docs/specs/code-editor.md`):
+
+- The `Script` screen with Monaco and tabs.
+- Registers Monaco models with `TextDocumentService`, loads project and `@nanoforge-dev` types, and shows diagnostics.
+- Extension points for file-type editors and Monaco contributions.
+
+9.4 ✅ **file-manager** (spec: `docs/specs/file-manager.md`). Replaces the core Files panel.
+
+- `.nfignore` (optional, gitignore syntax) hides files from the whole editor: listings, watcher and code worker. The `@nanoforge/file-manager.exclude` setting hides files in the file manager only.
+- `nf_modules/` is read-only on the server (the first `nf_modules` preparation hook), shown as a Packages section, and opened read-only by the code editor.
+- Undoable operations: delete goes to the trash and `fs.restore` brings it back.
+- `/files/<project>/<path>` serves thumbnails and downloads, and zips folders.
+- `FILE_TEMPLATES`, `FILE_ACTIONS` and `FILE_ICONS` are in the SDK (`/ui`), so any plugin can contribute them.
+- Baseline scope before the session:
+
+- A dock tree plus a grid view of project files, with create/rename/delete/move and drag and drop.
+- Open files with the editor registered for their type.
+- Extension points for file actions, icons and "new file" templates.
+
+9.5 ✅ **viewport** (spec: `docs/specs/viewport.md`). Replaces the core Game screen.
+
+- The Game screen: resolution presets, zoom and pixel perfect, stats overlay, mute (engine `mute` command), screenshot, pop out. Play switches to it, focuses the game, and Stop goes back; _Maximize on play_ hides the docks; paused is dimmed.
+- The Scene screen hosts `SCENE_EDITORS`; `VIEWPORT_TOOLS` and `VIEWPORT_OVERLAYS` are in the SDK.
+- Play no longer opens a screen from the core. The layout controller has a temporary _hide docks_ state, and the project page provides the layout controller and workbench service to plugins.
+- Baseline scope before the session:
+
+- The `Game` screen hosts the client runner.
+- The `Scene` screen hosts the `scene.editor` contribution selected for the current `codegen.target`, or an empty state.
+- The `viewport.modes` and `viewport.overlays` extension points.
+
+### Phase 10 — ECS plugin (`plugins/ecs`, requirements session first)
+
+10.1 ✅ Requirements session (2026-09-27): `docs/specs/ecs.md`. Hierarchy, inspector, component/system browser, systems (run order, add/remove/reorder, enable/disable live) and live mode (client and server, runtime entities, viewport drag, manual _Apply to code_). Entities are named by their variable; code the editor can't model shows as read-only "from code" rows; an app/world selector picks the app (stopped) or the running instance (playing). Today the scene is `main.ts`; a future scene-manager lib and plugin will provide its own codegen target, so the widgets only go through `codegen.target`. Engine work goes in `../engine-editor-bridge`, rebased on `main`.
+
+10.1b ✅ **Shared libraries** (ADR 0004): `type: "lib"` workspace members in `libs/*` hold components and systems shared by the apps (side per item), imported by package name through the root `tsconfig.json` `paths`. No publishing. The ECS plugin creates libs, creates items in them, and moves app items into them.
+
+10.2 ✅ **Manifest** `requires: @nanoforge-dev/ecs`, and optional `@nanoforge-dev/graphics-2d` to enable 2D gizmos. `plugins/ecs` (`@nanoforge/ecs`): client entry (widgets, codegen target) and worker entry (item owner, analyzer, transformer); `contributes.itemOwner`; activation on its widgets and commands.
+
+10.3 ✅ **Worker analyzer: discovery (ADR 0003).** Built: `packages/meta` (extractor: one-line TSDoc tags, TypeScript types to elements, enums, defaults, layout, owners with inference and claims), `CodeEngine.extractMeta` + root `tsconfig.json` `paths`, `CatalogService` (apps, shared libraries, `nf_modules` with `include`; cache reused while sources and owners are unchanged; waits for declared owners; lazy). The `@nanoforge/ecs` owner infers untagged pong components (`name` field in a components folder) and systems (functions in a systems folder), with queries and `ctx` uses. **Planned:** A new `@nanoforge-dev/editor-meta` package holds the extractor (core tags, TypeScript types, the owner-extension API). The code worker runs it for each provider (`nf_modules` via manifests and `include`, project packages, project apps) and keeps `.nanoforge/editor/cache/meta/` fresh (git-ignored). Core gets the catalog and the `contributes.itemOwner` manifest field. The ECS plugin registers the `@nanoforge/ecs` owner from its `entry.worker` (tags, claimed members, `extract`, schema), and exposes `ComponentRegistry`/`SystemRegistry` per app as views over the catalog, with diagnostics.
+
+10.4 ✅ **Worker analyzer: entry file.** Golden tests on the pong fixture (`plugins/ecs/test`).
+
+- Find the `main` export, the registry variable, the `spawnEntity` bindings, `addComponent(e, new X(...))` (object or positional args, mapped through the manifest's param order) and `addSystem(fn)`.
+- Anything else becomes a `codeOnly` range.
+
+10.5 ✅ **Worker transformers.** Also duplicate and move entities, move components and systems, `setArgs` filling defaults; imports merge into existing ones, by package name through `paths` (`moduleSpecifier`); untouched code stays byte-identical.
+
+- Add or remove an entity (inserted after the last spawn, with a unique variable name).
+- Rename an entity variable.
+- Add or remove a component, set a param (edits only the literal), reorder.
+- Add or remove a system, plus the imports each change needs.
+
+10.6 ✅ **`codegen.target` provider "ecs.entry-file"** (priority 0). Edits go into `main.ts`'s own undo history; the panels point undo at it. Wires the analyzers and transformers to `CodegenTarget`, and each op is undoable through `FileEditCommand`.
+
+10.7 **Widgets:**
+
+- ✅ Hierarchy (entities, filter, drag to reorder, rename, duplicate, remove, read-only "from code" rows, app selector that sets `activeApp`).
+- ✅ Inspector (components and params by `Element` type, enums as selects with their import, refs and non-literals as code), with the `ecs.fieldEditors` extension point.
+- ✅ Systems panel (run order, drag to reorder, add from the catalog, remove, open the source).
+- ✅ **Param layout** (spec: _Param layout_), from core TSDoc tags in the component's source (also `ecs.paramPresets`, and the _Component_ side panel through the code editor's `CODE_EDITOR_SIDE_PANELS`):
+  - groups declared in the component header (`@group <Name> [color=…] [hidden] - <description>`), joined by params with `@group <Name>`: collapsible, with a colored name and an ⓘ for the description;
+  - presets that merge a group's params into one control (`@preset vector.x` + `@preset vector.y` in group _Coords_ = one X/Y row named _Coords_); built in: `vector`, `size`, `color`; more through `ecs.paramPresets`;
+  - per param: `@label` (display name), `@color` (color of its name), `@hidden` (hidden until chosen in the component's _Show hidden_ menu), and its description behind an ⓘ;
+  - the meta carries them as core fields (`Element.layout`, `ItemMeta.groups`), so any owner plugin can use them;
+  - the same settings are editable with controls on the **component's code page**: a _Component_ side panel next to the code (groups with name, description, color, hidden; per param: name, description, color, group, preset and slot, hidden; a live preview). It writes the TSDoc tags through a worker transformer, undoable like typing, and follows hand edits. Needs a `codeEditor.sidePanels` extension point in the code-editor plugin.
+- ✅ Component and system browser (grouped App / Shared library / Installed package, search, details, add to entity or app, open in code, New component or system in the app or a shared library, New shared library, Move to shared library, Copy to…, one undo step each).
+- ✅ An app context switch (client/server).
+
+10.8 ✅ **Live mode** (during play):
+
+- The hierarchy, inspector and systems panels show the world of the running client or server (engine `ecs-world` events, asked for with the `ecsWorld` feature; the ECS library records entities, components and systems in editor mode, and applies `ecs-set-component`, `ecs-add-component`, `ecs-remove-component`, `ecs-spawn-entity`, `ecs-remove-entity`, `ecs-set-system-enabled`).
+- Live entities are linked to their variables by the call site of their `spawnEntity()`, matched to the spawn calls of `main` in the built bundle (the bundler keeps their order; `nf build --editor` makes no source maps). Others are runtime or "from code" entities.
+- Edits change the running game; _Apply to code_ writes them (or the `@nanoforge/ecs.autoApply` setting); stopping with unapplied changes offers to apply them.
+- ✅ **Drag in the Game screen** (2026-10-03): the _Move entities_ tool draws the client's entities over the running game (engine `viewport` feature) and drags them as live edits; graphics-2d's old drag was removed from the engine.
+- ✅ **Scene screen: a 2D view drawn by the editor** from `main.ts` (positions from components with numeric `x`/`y`, graphics-2d `Rect`/`Circle` literals), live positions while playing. Selection follows the hierarchy; dragging writes the position to `main.ts`, or to the running game while playing. An engine "scene mode" was dropped: networked games (pong) wait for their server before drawing a frame.
+
+10.9 ✅ **Tests:** golden round-trips on pong-network and a copy of engine/e2e/game (analyze → model snapshot; op → expected text, untouched code byte-identical), unit tests of the meta extractor, catalog, layout, docs and refactor transformers, bundle mapping under V8 and JSC, and browser tests (hierarchy, inspector, Component panel, shared libraries, 2D scene, live mode with the engine).
+
+### Review fixes (browser review, 2026-10-01; phases 0–10 only) ✅
+
+Found by walking the editor in Chrome, then fixed the same day. Phase 11 work (Console, Problems, palette, keymaps, inspectors, git, marketplace) was left out on purpose.
+
+**Not covered by the review:** playing the game and live mode, file manager operations, dragging docks, a narrow window, ONLINE mode.
+
+R1 ✅ **settings-ui: opening Settings threw `effect_update_depth_exceeded`**, again on each category click and search keystroke. The dialog's effect subscribed to stores that call back at once, and the callback bumped `revision` inside the effect: now in `untrack`.
+
+R2 ✅ **e2e: page errors fail a test.** Specs import `test` from `e2e/test.ts`, whose automatic fixture fails a test on any uncaught error of its pages (`weberror`). Monaco's `Canceled` rejections are ignored. A racy assertion of the shared-library test now polls.
+
+R3 ✅ **ui / ecs: names were cut before the details in tree rows** (`terr…`, `b`, no name for `paddle1`). In the kit `Tree`, the detail now only takes the room the label leaves. The Hierarchy's filter box goes under the app selector in a narrow dock instead of shrinking to nothing.
+
+R4 ✅ **Scene screen: zoom, pan and fit.** Wheel zooms around the pointer (10 % to 1600 %), dragging the background or the middle button pans, _Fit_ shows the whole stage again; the stage has a 5 % margin so entities at `0,0` are whole.
+
+R5 ✅ **Scene screen: undo follows a drag.** A pointer-down in the scene takes the focus, and the scene points undo at `main.ts` like the Hierarchy does. Scene editors now get the Scene screen's widget `instance` (`SceneEditor.component`).
+
+R6 ✅ **ecs: _Open in code_ goes to the item.** `EcsService.openItem` opens the file at the item's `export` line, and the _Component_ side panel shows that component instead of the first one of the file.
+
+R7 ✅ **settings: observers survive the removal of their definition.** When a plugin's settings are unregistered, observers keep their last value instead of throwing `Unknown setting` (and follow again when the plugin comes back).
+
+R8 ✅ **settings: saving `local.json` after a change on disk.** Cause confirmed in the code: after a write conflict, the retry read the file through the `ProjectFs` cache, which is only invalidated when the watcher reports the change, so the three retries used the same old hash. The retry now asks for a fresh read (`ProjectFs.read(path, { fresh: true })`). Not re-checked with two live editors.
+
+R9 ✅ **Server restart handling.** The re-list after a reconnection no longer rejects unhandled when the server lost the project. In dev, a hot update uninstalls the shared module registry before the next copy installs its own.
+
+R10 ✅ **Home: recent projects.** Each entry has a _Remove … from the recent projects_ button (the server's `forget` was never called from the UI). Paths are cut at the start and have a tooltip, so two projects of one name can be told apart. A project outside the server's root still can't be opened from there: by design.
+
+R11 ✅ **dev server: `plugins/.gitkeep` is no longer read as a dev plugin** (`vite.config.ts` only lists folders).
+
+R12 ✅ **Settings: _Theme_ is a list of the installed themes**, and the category tree shows no current category during a search (picking one ends the search). _Language_ stays a text box: there is no list of locales yet.
+
+R13 ✅ **Inspector.** A number field is marked invalid while its text isn't a number (it still goes back to the old value when left). A param shown as code has its full text as a tooltip; a larger editor for it is not built. The description box of the _Component_ side panel has a placeholder.
+
+R14 ✅ **Hierarchy menu: _Rename_** (F2), which starts the same inline rename (`Tree` exports `rename(id)`).
+
+R15 ✅ **Menus show a command's key even when its binding is inactive** (_Undo_ and _Redo_ had none while a text field had the focus): `KeybindingService.keyFor` falls back to the action's first binding.
+
+R16 ✅ **ecs browser: `untagged`** now says what it means in its tooltip. The word stays.
+
+R17 ✅ **Game screen: a crashed game offers _Show the console_** when the console plugin is there.
+
+R18 ❌ **Light theme, dark _New_ button:** not reproduced, dropped. Buttons only use theme tokens; it was probably a transition frozen while the tab was hidden.
+
+### Phase 11 — Extra plugins (a requirements session for each) ✅
+
+11.1 ✅ **console + problems** (`plugins/console`, `@nanoforge/console`; spec `docs/specs/console.md`, requirements session 2026-10-01). Replaces the core Output panel.
+
+- **Console:** every `LoggerService` entry, by source and group (Game, Build, Tasks, Editor, Plugins): group chips with counts, a Sources menu, level toggles, search, repeats merged with a count, logged values as expandable trees, links to project files (paths in the text, stack frames mapped through source maps, and where a game line was logged), copy, clear.
+- **Problems:** `DiagnosticsService` grouped by file, severity and text filters, click to open at the position, whole-project check (`CodeService.checkProject()`, setting `@nanoforge/console.checkWholeProject`), build errors as problems, counts in the status bar.
+- **Core:** `LogValue` and `serializeLogValue` in the kernel, `LogEntry.values`/`location`, `RuntimeService.sourceLocation` (source maps), build output and CLI tasks as runtime logs, `CodeDiagnostic.line`/`column`.
+- **Other repos (unpushed):** engine `logs: { values: true }` (values and call site in log events), CLI `nf build --editor` writes linked source maps.
+- **Not built:** structured values for the game server (its output is process text).
+
+11.2 ✅ **command-palette + keymaps** (`plugins/command-palette`, `@nanoforge/command-palette`; spec `docs/specs/command-palette.md`, requirements session 2026-10-01).
+
+- **Palette:** one box, the first character picks the search: `>` commands (`Ctrl+Shift+P`), nothing for files (`Ctrl+P`), `:` a line (`Ctrl+G`), `@` symbols of the open file (`Ctrl+Shift+O`). Fuzzy search with highlights, recent commands first, menu entries with arguments as actions (_View › Panels: Console_). It lists what was available where it was opened, and gives the focus back before running.
+- **Keyboard shortcuts page** of Settings: every action with its shortcuts and their source, search, _Changed_ and _Conflicts_ filters, a recorder (chords, several shortcuts per action, a condition, conflict warnings with keep both or replace), remove, reset, presets (NanoForge, VS Code, Godot, and plugins' through `contributes.keymapPresets`), saved to the account or this machine.
+- **Core:** keymap layers (defaults, preset, account, machine) with `resolveKeymap`, `setShortcut`, `findConflicts`, `KeybindingService.suspend()`; `listActions`; `CommandMetadata.palette`; the `SETTINGS_PAGES` extension point; `CodeService.symbols`; the `codeEditor.activeFile` context key.
+- **Not built:** palette providers from plugins, symbols across the project.
+
+11.3 ✅ **inspectors** (`plugins/inspectors`, `@nanoforge/inspectors`; spec `docs/specs/inspectors.md`, requirements session 2026-10-01). Three bottom-dock widgets, each asking the engine for its data only while shown, each with a Client / Server selector.
+
+- **Profiler:** tick time chart (average and slowest per 250 ms window, two minutes), budget line and spike markers (`@nanoforge/inspectors.tickBudgetMs`), ticks per second, pause, hover or pin a window, Libraries and Systems tables for that window.
+- **Network:** packet list with direction, transport and text filters, decoded payload (JSON or text) and hex dump, throughput charts from per-second totals, count of packets the engine left out.
+- **World:** read-only tree of the running ECS world with a query (`Position`, `Position.x > 100`, `x > 5`, `#12`, `"text"`).
+- **Core:** `EngineFeatures.ecsSystemStats` and `networkTrace.maxBytes`, merged by `mergeFeatures`; engine event types in the SDK.
+- **Engine (unpushed):** ECS system timings (`ecs-system-stats`), network payload bytes and `network-stats` totals.
+- **Not built:** recording and export, pausing or clearing the packet list, sampling controls. Packets sent before the first tick are not traced (the library wraps its transports on the first tick).
+
+11.4 ✅ **git** (`plugins/git`, `@nanoforge/git`; spec `docs/specs/git.md`, requirements session 2026-10-01). Local editors only; gateway sync waits for the backend contract (phase 12).
+
+- **Interface, after IntelliJ's:** a **VCS** menu (initialize, commit, update project, push, fetch, new branch, stash, log); a **Commit** panel on the left (changes and unversioned files with checkboxes, roll back, show diff, amend, commit and push, a Stash tab); a **Git** panel at the bottom (local and remote branches, the commits of a branch, a commit's details and files). Double-clicking a file opens its diff in the code editor.
+- **Elsewhere:** branch and ahead/behind in the status bar; git status marks in the Files tree and grid.
+- **Core:** `GitContract` and the `GitService` operations (the project folder's own repository only, never one above it); `codeEditor.compare`; the `FILE_DECORATIONS` extension point.
+- **Not built:** hosted projects, a diff of two commits without the working file, a diff for deleted files, staging part of a file, rebase, tags, remotes management, credentials prompts.
+
+11.5 ✅ **marketplace** (spec `docs/specs/marketplace.md`, ADR 0005, requirements session 2026-10-01). Runs on a stand-in registry read from a folder; the real one is phase 12.
+
+- **Registry package** (`packages/registry`, `@nanoforge-dev/registry`, no editor dependency, meant to move to the CLI): the registry contract (`Registry`, `RegistryClient` over HTTP, `DirectoryRegistry` from a folder, `serveRegistry`), `installItem` (hash, manifest and path checks before anything is written, the manifest written last), `ProjectPackages` (`nanoforge.packages.json` and its lock, dependency resolution to one version per package, install, uninstall, update, restore, the root `tsconfig.json` paths).
+- **Server:** `RegistryContract` (search, details, install and uninstall plugins for the user or a project, the project's packages); `REGISTRY_URL` and `REGISTRY_DIR`; a plugin's server entry starts on install and stops on uninstall. Installing is for local editors.
+- **Plugins:** Settings › Plugins has two tabs, **Marketplace** (search, details, install _for me_ or _for this project_, update) and **Installed** (the former list, plus update and uninstall). Changes take effect after a reload.
+- **Packages** (`plugins/packages`, `@nanoforge/packages`): _File › Packages…_, with **Browse** (search, dependencies, install) and **Installed** (update in range or to the latest, uninstall, restore after a fresh clone).
+- **Not built:** the real registry and publishing, refusing installs on item-name collisions between two packages, engine libraries from the registry, the CLI's `nf install` on this format. The editor never edits the project's `.gitignore`.
+
+11.6 ✅ **scene** (`plugins/scene`, `@nanoforge/scene`; spec `docs/specs/scene.md`, requirements session 2026-10-03). For apps using the engine's scene module (`@nanoforge-dev/scene`, engine branch `feat/scene`, worktree `../engine-scene`).
+
+- **Engine:** `EcsScene` (`@nanoforge-dev/ecs/scene`): `setup(registry, ctx)` written like a `main`, on a tracked registry; entities and systems (removed by function) go at unload, components' `destroy()` is called. `SceneLibrary` takes `scenes` (ids that survive bundler renames) and sends the `scenes` bridge event (loaded chain, vars, known ids) with `scenes-load`, `scenes-unload`, `scenes-set-var` commands. Live entities carry their scene.
+- **ECS plugin:** `ecs.sources` (what its widgets edit: a file and a function body), scoped entry analyzer and transformer, the parents' entities, systems and shapes read-only, live entities grouped by scene and applied to their scene's file.
+- **Scenes panel:** the tree by `static parent`; new, rename (references, file, imports), move by drag and drop, set as initial, delete; selecting a scene makes the ECS widgets edit its `setup`. **Vars panel:** `SceneVars` in `scene-vars.ts`, uses, owners; add, rename (every key), edit, remove, declare. **Live:** loaded chain, _Load scene_ with params, _Unload scene_, live var values (editable), grouped live hierarchy.
+- **Core:** `DocumentService.save(uri)`, `PromptOptions.optional`.
+- `examples/breakout` is made of `EcsScene`s (`pnpm example breakout`); `e2e/scene.spec.ts` runs on a copy of it. Last full e2e run 73/73 (with `NANOFORGE_ENGINE=../engine-scene`).
+
+### Phase 12 — Backend contract hand-off ✅
+
+12.1 ✅ **`docs/api/`** (decisions taken with the user, 2026-10-02). The real API already has a registry (single-file components and systems, no versions): the contract describes the one the editor needs, without touching the API.
+
+- `README.md`: the index, the calls the editor already makes (token refresh, projects), how features are turned on, how to run the contract tests.
+- `registry.md`: routes after the npm registry's (one document per item with its versions, archives under `/-/`, search under `/-/v1/search`), read without a key; publishing with registry keys; what plugins carry (`engines.editor`, `build`); what changes from today's registry. `RegistryClient` and `serveRegistry` speak it.
+- `settings-sync.md`: unchanged contract, plus the keys the editor reserves. The **account plugin list** is one of them (`plugins.account`), so it needs no endpoint: a plugin installed _for me_ is added to it, and a local editor that lacks one offers to install it. **Limit:** local editors do not sign in and keep the account document on their machine, so the list does not reach another machine yet (that needs sign-in for local editors: not built, to decide).
+- **Per-user project settings of hosted editors** stay on the editor's disk (no endpoint): a hosted editor needs a persistent data volume.
+
+12.2 ✅ **Contract tests.** One set of HTTP-only scenarios, two targets: the editor's stand-ins in every test run, a real API with `CONTRACT_*` variables (`pnpm --filter … test:contract`).
+
+- API (`packages/server-core/test/contract`): authentication and token refresh, the project endpoints, settings sync (revisions, the 409 body, 400 and 413). They leave the test account's settings as they were.
+- Registry (`packages/registry/test/contract`, read-only): the item document, the archive and its hash, search by text, type and page.
+- Only run against the stand-ins so far.
+
+12.3 ✅ **Feature flags.** `API_FEATURES` (an env list, nothing on by default): `settings`, `registry`.
+
+- Without `settings`, a hosted editor keeps account settings on its own disk, and the Settings dialog says so.
+- Without `registry` (and without `REGISTRY_URL` or `REGISTRY_DIR`), the registry is not called and the marketplace says it is not available. A registry without the search route is read the same way.
+- `SessionInfo.features` tells the client (and plugins, through the SDK's `SessionContract`).
+
+### Phase 13 — Docs & release ✅
+
+13.1 ✅ **Plugin authoring guide** (`docs/docs/plugins/*`, ten pages): overview, a first plugin, manifest reference, SDK, extension points catalog, widgets and styles, settings, history, code and code generation, engine libraries.
+
+- **`nf create plugin`** (CLI worktree `../cli-editor`, unpushed): `nf create plugin --name @scope/name` writes a working plugin (a panel, a command, a setting, an undoable action), outside of any project.
+- **Example plugin**: `examples/counter-plugin`, a standalone folder, exactly what the command writes. Checked live in the e2e editor (`E2E_EXTRA_PLUGINS`): its panel, its command, undo.
+- The SDK and the vite plugin are not on npm: the guide and `examples/README.md` say how to link them meanwhile.
+
+13.2 ✅ **User docs** (`docs/docs/getting-started`, `docs/docs/editor`): introduction, first project, overview, layout, files, code editor, entities, components, systems, play, settings and shortcuts, Git, plugins and packages. New screenshots; the old pages and images are removed. `docs/docs/README.md` has the navigation to add to the docs site.
+
+13.3 ✅ **Performance pass** (`docs/performance.md`).
+
+- **Bundle**: the TypeScript compiler was in the page chunk (6.96 MB). It is now only in the code worker: the chunk is 65 KB. `ANALYZE=1 npx vite build` prints the heaviest modules and the import chain if it comes back.
+- **Lazy plugins**: each plugin is its own bundle, loaded on its activation event; 394 KiB of plugin code at startup, Monaco only when a file opens.
+- **Code worker cold start** on pong-network: 491 ms (budget 1.5 s), from marks in the performance timeline.
+- **Layout**: a benchmark of the model (`pnpm --filter @nanoforge-dev/editor-layout bench`), and screen switches timed in the page (21 ms).
+- `BENCH=1 npx playwright test` runs the startup measurements; they are not part of the tests.
+
+13.4 ✅ Release `@nanoforge-dev/editor@1.0.0` and `@nanoforge-dev/editor-sdk@1.0.0`, with the changelog (do not release it in github or on pnpm, just write a CHANGELOG-v2.md). **Done:** `CHANGELOG-v2.md` at the root. Package versions are unchanged, nothing is tagged or published.
+
+## Existing things to reuse or reference (not copy)
+
+- Tooling configs: `eslint.config.*`, `.prettierrc`, `commitlint`, `.github/workflows/*`, `Dockerfile`, `pnpm-workspace.yaml` catalogs.
+- Engine contracts:
+  - `engine/packages/common/src/context/*` (RunOptions and ClientRunOptions);
+  - `engine/modules/editor/src/*` (the editor-lib bridge);
+  - `engine/modules/ecs/src/shared/editor-manifest.type.ts` (manifest types);
+  - `@nanoforge-dev/config` `parseConfig`/`resolveConfig` (project discovery).
+- Loader behaviour to mirror in the runtime:
+  - how the files map is built and env prefixes are stripped: `loader/apps/website/src/index.ts`, `cli/src/action/actions/start.action.ts`;
+  - server worker: `loader/apps/server/src/worker.ts`.
+- Reference games for tests: `engine/example/pong-network`, `engine/e2e/game`.
+
+## Verification
+
+- **Unit (Vitest, node)**:
+  - kernel: DI, extension points, dependency resolution, activation order, disposal leaves no leaks;
+  - history: merge, transactions, limit, invalidation;
+  - settings: scope precedence, 3-way merge, offline queue;
+  - layout: op/serialize round-trip;
+  - codegen: golden round-trip on pong-network, where an unchanged parse+print must be byte-identical and an edit must produce a minimal diff.
+- **Browser tests (Vitest browser)**: widget style injection and scoping, the layout renderer, drag and drop between slots.
+- **E2E (Playwright)**, open `engine/example/pong-network` with `nf editor`, then:
+  1. Move and resize a dock, reload, and check the layout persists.
+  2. Change a component value in the inspector; `apps/client/src/main.ts` changes minimally; Ctrl+Z restores the file.
+  3. Switch to server context and edit a server entity.
+  4. Play Server + Client: game renders, server logs stream, pause/stop work.
+  5. Install a local-dev plugin that contributes a widget and a setting; it hot-reloads.
+  6. Change a project-scope setting; `.nanoforge/editor/settings.json` is written.
+- CI runs lint + unit + browser tests on each PR; e2e runs nightly and on release branches.
diff --git a/docs/specs/code-editor.md b/docs/specs/code-editor.md
new file mode 100644
index 00000000..5871ec89
--- /dev/null
+++ b/docs/specs/code-editor.md
@@ -0,0 +1,75 @@
+# Code editor plugin (`@nanoforge/code-editor`)
+
+Requirements session: 2026-09-26. Built-in plugin in `plugins/code-editor`, the first of phase 9.
+
+## Goal
+
+Edit a game's code in the editor like in an IDE: Monaco on a `Script` main screen, with the project's types, the engine's types and the diagnostics of the code worker.
+
+## Decisions
+
+| Topic       | Decision                                                                                                                                                                                                                                           |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Editor core | **Monaco** (lazy-loaded with the plugin). Its TypeScript worker is fed the project files and the `.d.ts` of imported packages.                                                                                                                     |
+| Files       | **All text files.** TS/JS get full language support; JSON, Markdown, CSS, YAML, `.env` and other text get syntax highlighting. Binary files go to other document editors.                                                                          |
+| Layout      | **Tabs and split view**: up to two editor groups side by side on the `Script` screen, each with its own tabs.                                                                                                                                      |
+| Saving      | **Explicit save** (`Ctrl+S`, save all), with dirty markers on tabs. Unsaved changes survive a reload: they are kept locally until saved or reverted.                                                                                               |
+| Formatting  | **The project's Prettier**, with its config and plugins, run by the local editor server. Hosted editors never run project code: they use a bundled Prettier and the JSON/YAML config only (`.prettierrc`, `.prettierrc.json`, `.prettierrc.yaml`). |
+| Navigation  | **Go to definition** across project files and into `@nanoforge-dev/*` declarations, which open read-only.                                                                                                                                          |
+| Conflicts   | A file that changes on disk while it has unsaved edits shows a **"Changed on disk" banner** with _Compare_ (side-by-side diff), _Keep mine_ and _Load disk version_. Files without unsaved edits reload silently.                                  |
+
+## Settings (IntelliJ-like)
+
+| Key                                                                | Default             | Scopes           | Meaning                                                                                                     |
+| ------------------------------------------------------------------ | ------------------- | ---------------- | ----------------------------------------------------------------------------------------------------------- |
+| `codeEditor.autoSave.afterDelay`                                   | `false`             | all              | Save when no key was pressed for `autoSave.delayMs`.                                                        |
+| `codeEditor.autoSave.delayMs`                                      | `1000`              | all              | Delay of the above.                                                                                         |
+| `codeEditor.autoSave.onFocusLoss`                                  | `false`             | all              | Save when the editor loses focus, on tab switch or when the window is left (IntelliJ "frame deactivation"). |
+| `codeEditor.onSave.format`                                         | `false`             | all              | Reformat with Prettier on save ("Actions on Save").                                                         |
+| `codeEditor.onSave.organizeImports`                                | `false`             | all              | Organize imports of TS/JS files on save.                                                                    |
+| `runtime.saveBeforePlay`                                           | `true`              | all              | Play saves every open document first.                                                                       |
+| `codeEditor.fontSize`, `codeEditor.minimap`, `codeEditor.wordWrap` | 13, `true`, `false` | account, machine | Display.                                                                                                    |
+
+Autosave and the actions on save apply to every save path (explicit, delayed, focus loss, before Play).
+
+## Extension points
+
+- `codeEditor.sidePanels` (added in phase 10, for the ECS plugin's _Component_ panel): `{ id, title, icon, when, component }`. A collapsible panel beside the editor group, toggled from the editor's toolbar, shown when `when` matches the active file (context key `codeEditor.activeFile`).
+
+## Commands and shortcuts
+
+- `codeEditor.open(path, { line?, column?, group? })`: opens a file in a tab. This is also the command of the plugin's `documentEditors` contribution, so `documents.open` in the core (double click in Files) reaches it.
+- `codeEditor.save` (`Mod+S`), `codeEditor.saveAll` (`Mod+K S`; `Mod+Alt+S` opens Settings, like IntelliJ), `codeEditor.revert`.
+- `codeEditor.format` (`Shift+Alt+F`), `codeEditor.organizeImports` (`Shift+Alt+O`).
+- `codeEditor.splitRight` (`Mod+\`), `codeEditor.closeTab` (`Alt+W`: browsers keep `Ctrl+W` for themselves; middle click also closes a tab).
+- Undo and redo stay Monaco's own while the editor is focused (phase 4 decision). Edits made by other plugins through `DocumentService` go to the open Monaco model.
+
+## Integration with the core
+
+- Each Monaco model is registered as an `OpenDocument` in `DocumentService`: dirty state, save (optimistic concurrency with the file hash), revert.
+- Diagnostics: TS diagnostics come from the code worker (`DiagnosticsService`) and are shown as Monaco markers. Monaco's own TypeScript diagnostics are turned off (the code worker's include syntax errors), so there is a single TypeScript checking the project. Monaco's TypeScript still provides completions, hovers, go to definition and rename, from the project files and the imported packages' declarations (`exports` resolved like the game's build).
+- Core additions:
+  - `documents.open(path)` command, which picks the best `documentEditors` entry and runs its `command`;
+  - a `documentEditors` manifest contribution (declared statically, so opening a file activates the plugin);
+  - `DocumentService.saveAll`;
+  - a `code.format` RPC.
+- Files panel: double click opens the file through `documents.open`, replacing the temporary `code.check`.
+
+## Out of scope (later)
+
+- Debugger and breakpoints (needs the runtime inspector work, phase 11).
+- Git gutter and blame (git plugin, 11.4).
+- Refactorings beyond rename and organize imports; snippets.
+- Real-time collaboration (the `DocumentBackend` seam stays ready for it).
+
+## Done when
+
+- Browser tests:
+  - open a file;
+  - edit, see the dirty marker, save (the file changes on disk);
+  - reload with unsaved edits and get them back;
+  - go to definition into `@nanoforge-dev/core`;
+  - see a TS error as a marker.
+- Format uses the project's Prettier config in pong-network.
+- A disk change during an unsaved edit shows the banner, and _Compare_ opens a diff.
+- Autosave and actions-on-save settings work as described.
diff --git a/docs/specs/command-palette.md b/docs/specs/command-palette.md
new file mode 100644
index 00000000..eac08028
--- /dev/null
+++ b/docs/specs/command-palette.md
@@ -0,0 +1,110 @@
+# Command palette plugin (`@nanoforge/command-palette`)
+
+Requirements session: 2026-10-01. Built-in plugin in `plugins/command-palette`, the second of phase 11. It brings the palette and the **Keyboard shortcuts** page of Settings.
+
+## Palette
+
+One dialog with a search box. The first character picks what it searches:
+
+| Typed          | Searches                 | Shortcut       |
+| -------------- | ------------------------ | -------------- |
+| `>`            | commands                 | `Ctrl+Shift+P` |
+| nothing        | project files, by name   | `Ctrl+P`       |
+| `:12`, `:12:4` | a line of the open file  | `Ctrl+G`       |
+| `@`            | symbols of the open file | `Ctrl+Shift+O` |
+
+- _View › Command palette…_ opens it too. A hint under the box lists the prefixes.
+- **Fuzzy search**: letters in order, not necessarily adjacent. Matches at the start of words rank first, and the matched letters are highlighted.
+- Arrows move, Enter runs, Escape closes. Clicking a row runs it.
+- The palette closes and gives the focus back to where it was **before** running anything, and what it lists is decided from the context at the moment it opened. So _Close panel_ closes the panel you were in, and commands that depend on the focus see the right one.
+
+### Commands
+
+- Every **action** available now:
+  - commands with a title whose `when` clause is true;
+  - menu entries that run a command with arguments (_View: Console_, _View: Game_, a saved layout…), named after their menu entry.
+- Commands that need arguments and have no menu entry are left out (`palette: false` in their metadata).
+- A row shows `Category: Title` and the action's shortcut.
+- **Recent first**: with an empty search, the actions run last from the palette are on top (the last 10, kept in this browser). When searching, a recent action wins a tie.
+- Commands of plugins that are not active yet are listed from their manifest; running one activates the plugin.
+
+### Files
+
+- Project files by path (the same files the Files panel shows; dependency and build folders are left out).
+- With an empty search: the open documents first.
+- Enter opens the file with its editor.
+
+### Go to line, symbols
+
+- `:line` or `:line:column` moves the cursor in the file of the active code editor.
+- `@` lists the symbols of that file (classes, functions, methods, variables…) with their kind and line, from the code worker.
+- With no file open, the palette says so.
+
+## Keyboard shortcuts (Settings page)
+
+A page of the Settings dialog, _Keyboard shortcuts_. Its changes are pending until **Apply** or **OK**, like the rest of the dialog. `settings.open` with the page `keymap`, and the command _Open keyboard shortcuts_, go straight to it.
+
+### The list
+
+- One row per action (the same actions as the palette), with its shortcuts and where each comes from: _Default_, the preset's name, or _You_.
+- **Search** by title, command id or shortcut (`ctrl+s`). Filters: _Changed_ (only what you changed) and _Conflicts_.
+- Per action: **Add shortcut**, **Reset** (back to the defaults and the preset).
+- Per shortcut: **Change**, **Edit condition**, **Remove**.
+
+### Recording a shortcut
+
+- A dialog captures what you press. A second keystroke within the same recording makes a **chord** (`Ctrl+K Ctrl+S`); two strokes at most. While it records, the editor's shortcuts are off, so any key can be captured (except the few a browser keeps for itself, like `Ctrl+W` or `Ctrl+T`).
+- The platform's main modifier is saved as `Mod` (Ctrl, or Cmd on macOS), so a shortcut saved to the account works on both.
+- An action can have **several shortcuts**.
+- **Condition**: an optional `when` clause (`runtime.active`, `!textInputFocus`…), checked as you type.
+- **Conflicts**: the dialog names the other action when the shortcut is already used where the conditions overlap (same condition, or one of them has none), or when it hides or is hidden by a chord (`Ctrl+K` against `Ctrl+K S`). You can keep both, **replace** (the other action loses that shortcut), or cancel. Conflicts involving your changes are marked in the list.
+
+### Presets
+
+- A **preset** is a named set of shortcuts applied on top of the defaults: it adds shortcuts and removes defaults.
+- Built in:
+  - _NanoForge_: the defaults, no change;
+  - _VS Code_: `Ctrl+J` and `` Ctrl+` `` show the console, `Ctrl+Shift+M` shows the problems, `Ctrl+B` toggles the left top dock, `Ctrl+K Ctrl+S` opens the keyboard shortcuts;
+  - _Godot_: `F8` stops the game, `F7` pauses and resumes it, `Ctrl+F1` shows the Scene screen, `Ctrl+F2` the Game screen and `Ctrl+F3` the Script screen.
+- **Plugins add presets** in their manifest (`contributes.keymapPresets`) or through the `KEYMAP_PRESETS` extension point.
+- The page has a preset selector (setting `keymap.preset`). Your own changes apply on top of whichever preset is chosen.
+
+### Where changes are saved
+
+- A selector picks **Account** (the default, when signed in) or **This machine**. It is locked while there are pending shortcut changes: apply them first.
+- Each scope keeps its own list, and both apply in order (`keymap.overrides` merges across scopes, account first): this machine can add shortcuts, remove ones that come from the account, the preset or the defaults, and add back one the account removed.
+- `keymap.overrides` and `keymap.preset` are edited by this page only: they leave the category tree.
+
+## Core additions
+
+- **Keybindings** (`ui`):
+  - layers applied in order: defaults (`KEYBINDINGS`), the preset, the account's overrides, this machine's;
+  - a `remove` entry cancels the shortcut whatever layer below added it, and a later entry can add it back;
+  - `KeybindingService.suspend()` turns dispatch off while a shortcut is recorded;
+  - overrides and preset entries can carry `args` (shortcuts for _View: Game_);
+  - `resolveKeymap` and `findConflicts` as pure functions, so the page previews pending changes;
+  - `KEYMAP_PRESETS` and `contributes.keymapPresets`; the `keymap.preset` setting.
+- **Actions** (`ui`): `listActions` (commands and menu entries with arguments), shared by the palette and the keymap page.
+- **Commands** (`kernel`): `CommandMetadata.palette` (`false` hides a command that needs arguments), also in manifests.
+- **Settings pages** (`ui`, rendered by `settings-ui`): the `SETTINGS_PAGES` extension point. A page gets the dialog's pending changes (read a scope's own value, set it, a revision to follow) and names the settings it edits, which leave the category tree.
+- **Code** (`code`): `CodeService.symbols(path)` (TypeScript's navigation tree).
+- **Code editor**: the context key `codeEditor.activeFile`.
+- **SDK**: exports for the above.
+
+## Not built
+
+- Palette providers from plugins (an extension point for more prefixes).
+- Symbols across the whole project.
+
+## Done when
+
+- Unit tests: fuzzy matching and ranking, keymap layers (preset, overrides, removals, args), conflicts, the recorder's stroke handling, actions from commands and menus, symbols.
+- Browser tests:
+  - `Ctrl+Shift+P` finds and runs a command, and it comes first next time;
+  - a command that depends on the focus (_Close panel_) acts on the panel that had it;
+  - an action from a menu entry with arguments runs (_View: Problems_);
+  - `Ctrl+P` opens a file by a fuzzy name;
+  - `:line` and `@symbol` move the cursor in the open file, with the focus in the code editor;
+  - the keymap page: add a chord to a command and use it, see and resolve a conflict, edit a condition, remove a default, reset;
+  - a preset changes a shortcut, and a plugin's preset is listed;
+  - a change saved to _This machine_ survives a reload.
diff --git a/docs/specs/console.md b/docs/specs/console.md
new file mode 100644
index 00000000..721ac0dd
--- /dev/null
+++ b/docs/specs/console.md
@@ -0,0 +1,97 @@
+# Console plugin (`@nanoforge/console`)
+
+Requirements session: 2026-10-01. Built-in plugin in `plugins/console`, the first of phase 11. It replaces the core's temporary Output panel.
+
+One plugin, two widgets: **Console** and **Problems**. Both open as tabs of the bottom dock, and each can be moved or closed on its own.
+
+## Console
+
+### Sources
+
+Every line has a source, and every source belongs to a group:
+
+| Group   | Sources                                                         | Shown by default |
+| ------- | --------------------------------------------------------------- | ---------------- |
+| Game    | the running client, the running server                          | yes              |
+| Build   | one per app (`nf build --editor` output and its errors)         | yes              |
+| Tasks   | commands the editor server runs in the project (`nf …`)         | yes              |
+| Editor  | the editor's own loggers (`runtime`, `code`, `kernel.plugins`…) | no               |
+| Plugins | one per plugin, named after it                                  | no               |
+
+A hidden group that holds warnings or errors shows a dot on its chip (the tooltip gives the count), so a problem in the editor or a plugin is never invisible.
+
+### Filters
+
+- **Group chips** (Game, Build, Tasks, Editor, Plugins): click to show or hide a group. Each chip shows its line count.
+- **Sources menu**: show or hide a single source inside a group (only the server, only one plugin…).
+- **Levels**: Debug, Info, Warnings, Errors. Debug is off by default.
+- **Search**: text, case-insensitive, matches the message and the source name.
+- Filters are kept with the widget (they survive a reload).
+
+### Lines
+
+- Time, source, message. Warnings and errors are colored.
+- **Repeats are grouped**: identical consecutive lines (same source, level and text) show once with a count.
+- **Expandable values**: logged objects, arrays, maps, sets and errors show as a one-line preview that expands into a tree. Values are snapshots taken when logged, limited in depth and size (the tree says what was cut).
+  - Editor and plugin logs: the logger's arguments.
+  - Game client: the arguments of `console.*` calls, serialized by the engine.
+  - Game server and build output: plain text (they come from the process output).
+- **File links**:
+  - project paths in the text (`apps/client/src/main.ts:12:3`, absolute paths inside the project, TypeScript's `file.ts(12,3)`) open the file at that position;
+  - stack frames in a built game bundle are mapped back to the source file through the bundle's source map, and link to it;
+  - game client lines show **where they were logged** (`main.ts:12`) on the right, linking to that line;
+  - a frame that can't be mapped (no source map, an engine or library file outside the project) stays plain text.
+- The view follows new lines unless you scrolled up; a _Jump to latest_ button brings it back.
+
+### Actions
+
+- **Clear** the console.
+- **Copy** a line, or every shown line (context menu): time, source and the one-line text.
+- The console keeps the last `@nanoforge/console.maxLines` lines (default 2000).
+
+There is no "clear on play": lines stay until cleared.
+
+## Problems
+
+- Lists everything in `DiagnosticsService`: TypeScript, plugin analyzers (ECS…), and build errors.
+- **Grouped by file**, collapsible, each file with its error and warning counts. Problems without a file (a failed build with no location) are grouped under their source.
+- A row shows the severity, the message, the source and code (`typescript 2322`) and `line:column`. Clicking opens the file at that position.
+- Filters: errors, warnings, infos, and a text search over messages and paths.
+- **Whole-project check**: with `@nanoforge/console.checkWholeProject` (default on), every code file of the project is checked, not only the open ones. It runs in the code worker when the project opens and again after files change. With it off, only open files and files checked by hand are listed.
+- **Build errors** of `nf build --editor` are listed with their file and position, per app, and leave when that app builds again without them.
+- **Status bar**: error and warning counts (`2 errors · 1 warning`, or `No problems`); clicking opens Problems.
+
+## Core additions
+
+- **Logger** (`kernel`):
+  - `LogEntry.values` (arguments already serialized, from a game) and `LogEntry.location` (where it was logged);
+  - `LoggerService.write(entry)`;
+  - the `LogValue` tree, `serializeLogValue` (depth, size and cycle limits), `formatLogValue`. The engine bridge writes the same format;
+  - the editor's logger keeps Debug entries (the browser console still gets Info and above).
+- **Runtime**:
+  - `RuntimeLog` gains `values`, `location`, the `debug` level and the `cli` source;
+  - build output lines are forwarded (only parsed errors were);
+  - `RuntimeService.sourceLocation(file, line, column)` maps a position in a built bundle to a project file through its source map (`@jridgewell/trace-mapping`), cached per build.
+- **Server**: CLI runs inside an open project, other than builds, are streamed as `cli` log events (the command line first, then its output).
+- **Diagnostics** (`code`): `CodeDiagnostic.line`/`column` (1-based), filled for TypeScript problems and build errors; build errors go into `DiagnosticsService` as source `build:<app>`; `CodeService.checkProject()` keeps every code file checked until disposed.
+- **SDK**: exports for the above.
+- The core Output panel (`core.output`) is removed.
+
+## Other repositories (unpushed worktrees)
+
+- **Engine** (`../engine-editor-bridge`): the `logs` feature accepts `{ values: true }`. Log events then carry `values` (serialized arguments) and `caller` (the first frame of the game bundle). The text message is always sent, so an older editor still works, and an older engine still sends text to this editor.
+- **CLI** (`../cli-editor`): `nf build --editor` writes linked source maps. With a CLI that doesn't, bundle frames stay plain text.
+  - `nf` runs the CLI installed in the project (`node_modules/@nanoforge-dev/cli`), so a project gets source maps once its own CLI is updated.
+  - E2E: `NANOFORGE_CLI=<cli checkout>` links that CLI into the played game; without it the "where it was logged" check is skipped.
+
+## Done when
+
+- Unit tests: value serialization (limits, cycles, errors), link detection, source-map lookup, repeat grouping, build output to diagnostics, whole-project check.
+- Browser tests:
+  - editor and plugin lines appear under their groups, and the chips, level and search filters narrow them;
+  - identical lines are grouped with a count;
+  - a logged object expands;
+  - a path in a line opens the file at that line;
+  - Problems lists a TypeScript error of a file that is not open, grouped by file, and clicking opens it at the position;
+  - the status bar counts follow, and open Problems;
+  - (with the engine) game output appears under Game, and a logged object expands.
diff --git a/docs/specs/ecs.md b/docs/specs/ecs.md
new file mode 100644
index 00000000..b5d02688
--- /dev/null
+++ b/docs/specs/ecs.md
@@ -0,0 +1,191 @@
+# ECS plugin (`@nanoforge/ecs`)
+
+Requirements session: 2026-09-27. Built-in plugin in `plugins/ecs`, phase 10. It edits the entities, components and systems of each app, and shows the live world while the game runs. Items (components, systems) come from the catalog of ADR 0003.
+
+## Manifest
+
+- `engineLibs.required`: `@nanoforge-dev/ecs`. `engineLibs.optional`: `@nanoforge-dev/graphics-2d` (viewport drag).
+- `contributes.itemOwner`: `{ "schema": 1, "tags": ["component", "system", "query", "uses"] }`. The plugin owns the `@nanoforge/ecs` key on items.
+- `entry.client` (widgets, codegen target) and `entry.worker` (the owner extension, entry-file analyzers and transformers).
+
+## Where the scene is written
+
+- **Today: the app's `main.ts`**, as in pong-network: `registry.spawnEntity()`, `registry.addComponent(e, new X(...))`, `registry.addSystem(fn)` inside `main()`. This is the `codegen.target` provider `ecs.entry-file`.
+- **Scenes** (2026-10-03, `docs/specs/scene.md`): the widgets edit a _location_, a file and the function body holding the spawns (`main`, or a scene's `setup`). The `ecs.sources` extension point gives it for an app (the highest priority that applies), with read-only locations shown with it (the scene's parents). Without a source, it is the app's `main`.
+- Code the editor can't model (loops, helpers, conditions, entities built in other functions) is left untouched. Its entities show as **read-only "from code" rows**: greyed, with a lock, and _Open in code_ jumps to the lines.
+
+## Which classes are components
+
+- A class tagged `@component` (a function tagged `@system`) is one, anywhere.
+- Untagged code is inferred too, so existing games work: an exported class of an app's or shared library's `dir.components` with a literal `name = "X"` field is a component; an exported function of `dir.systems` taking `(registry, ctx)` is a system. The browser marks inferred items with a hint to add the tag.
+- Components used in `main.ts` (`new X(...)`) are resolved through TypeScript even when the catalog doesn't list them: their parameters come from their constructor.
+
+## Scene screen
+
+- The viewport's **Scene** screen shows the app's scene in **2D** (graphics-2d), whether the game is stopped or playing.
+- The view is **drawn by the editor from `main.ts`**: each entity at the position of its component with numeric `x` and `y` params, with its graphics-2d `Rect` and `Circle` shapes written as literals. While playing, positions follow the live world. (A "scene mode" of the engine was dropped: networked games wait for their server before drawing a frame.)
+- **Tools always work**: select a shape (it selects the entity in the hierarchy), and drag it. While stopped, a drag writes the entity's `Position` to code (undoable); while playing, it changes the live world (then _Apply to code_).
+- The Scene screen is the ECS plugin's `SCENE_EDITORS` contribution for its codegen target. A scene-manager plugin can replace it.
+
+## App and world selector
+
+Other editors edit one shared scene and pick a running instance while playing (Unreal's World Outliner has a world selector; Godot's _Remote_ tree and Unity's play-mode hierarchy pick an instance). NanoForge's client and server are separate apps with their own `main.ts`, so:
+
+- The hierarchy header has an **app / world selector**.
+- **While stopped:** it picks the app whose code is edited (`client`, `server`…). It defaults to the active app.
+- **While playing:** it picks the running instance whose live world is shown (the client game, the server game). It defaults to the instance being played.
+- Components and systems offered for an app are the ones it can use: from the app itself, from shared libraries, from installed packages; with a matching `side` and the engine libraries they need.
+
+## Hierarchy
+
+- Entities of the selected app, named by their **variable name** (`const paddle1 = registry.spawnEntity()` shows `paddle1`).
+- Add an entity (a unique variable name, inserted after the last spawn), remove one, rename (renames the variable), duplicate, reorder by drag, filter by name or component.
+- "From code" rows are listed but can't be changed.
+- While playing: **runtime entities** (spawned at runtime, not in code) are listed too, marked as such.
+
+## Inspector
+
+- The components of the selected entity, in `addComponent` order, each with its description from the meta.
+- Add a component (a searchable picker over the catalog, filtered for the app and grouped like the browser), remove one, reorder.
+- One field per constructor parameter, by `Element` type:
+  - `string` (a select when it has `enum` or `enumRef`), `number`, `boolean`, `asset` (an asset picker filtered by `accept`), `array`, `object`;
+  - `ref` (an engine object such as `Rect`): an editor contributed by the plugin for that lib through `ecs.fieldEditors`; otherwise the argument's code, editable as text;
+  - `unknown`: the argument's code, editable as text.
+- An edit changes only that argument's literal. Positional arguments follow the meta's parameter order. Missing trailing arguments show their defaults.
+- While playing: values are live. An edit changes the running game only; **Apply to code** writes the entity's changed values (manual, see Live mode).
+
+### Param layout: groups, presets, names, colors, hidden
+
+The component's author controls how its params look in the inspector, with TSDoc in the component's source (core tags, see ADR 0003). Nothing changes at runtime.
+
+```ts
+/**
+ * Where an entity is, in viewport pixels.
+ *
+ * @component
+ * @group Coords color=#4aa3ff - Position from the top-left corner of the viewport.
+ * @group Debug hidden - Values used while tuning the game.
+ */
+export class Position {
+  name = 'Position';
+
+  constructor(
+    /** Distance from the left edge. @group Coords @preset vector.x */
+    public x = 0,
+    /** Distance from the top edge. @group Coords @preset vector.y */
+    public y = 0,
+    /** Draw order: higher is drawn on top. @label Layer @color orange */
+    public z = 0,
+    /** Draws the path the entity followed. @group Debug @hidden */
+    public trail = false,
+  ) {}
+}
+```
+
+```
+▾ Position                                          ⓘ  ⋯
+  ▾ Coords ⓘ                                    (name in blue)
+      X [ 960 ]   Y [ 540 ]                     (vector preset)
+    Layer ⓘ [ 0 ]                               (name in orange)
+    Show hidden (1) ▾                           → Debug
+```
+
+- **Groups** are declared in the component's header (the class doc): `@group <Name> [color=<css color>] [hidden] - <description>`. A param joins one with `@group <Name>`. A group used by a param but not declared in the header is created with no description. A group is a collapsible section, placed where its first param is, with its name, an ⓘ for its description, and its color.
+- **Presets** combine the params of one group into one visual control. `@preset <preset>.<slot>` puts the param in a slot: two params with `vector.x` and `vector.y` in the group _Coords_ show as one X/Y row under the name _Coords_. `@preset <preset>` alone applies a one-param preset (a color picker). Built-in presets:
+  - `vector` (slots `x`, `y`, `z`, `w`): the fields side by side, 2 to 4 of them;
+  - `size` (slots `width`, `height`): the fields side by side, with a lock to keep the ratio;
+  - `color`: a color picker for a string param; or slots `r`, `g`, `b`, `a` for number params.
+  - Plugins add presets through the `ecs.paramPresets` extension point.
+  - A preset whose slots are incomplete, repeated, or spread over several groups falls back to plain fields, with a warning on the component.
+- **Name**: `@label <text>` replaces the param's name in the inspector (by default, the param name).
+- **Description**: the param's doc text (inline doc, or `@param` in the constructor doc). It's shown behind an ⓘ next to the param's name. The component's and the group's descriptions have their own ⓘ.
+- **Color**: `@color <css color>` colors the param's name; `color=` on a `@group` colors the group's name.
+- **Hidden**: `@hidden` on a param, or `hidden` on a group, hides it by default. The component's _Show hidden (n)_ menu lists what's hidden; choosing one shows it. What's shown stays shown for that component in this project (a local, uncommitted editor state), and _Hide again_ in its ⋯ menu hides it.
+- Params without layout tags show as today, in constructor order.
+
+### Component page: editing the layout without writing tags
+
+Everything above (name, description, color, preset, group, hidden) can also be set with controls, on the component's code page. The tags stay the source of truth: the controls write them.
+
+- When a file that defines a component is open in the code editor, a **Component** side panel shows next to the code (a toggle in the editor's toolbar). _Edit layout_ in the inspector's ⋯ menu and in the browser opens the file with the panel.
+- **Header**: the component's description (the class summary), editable, with its ⓘ preview.
+- **Groups**: the list of groups, and **New group** with name, description, color picker and _Hidden_ toggle. Renaming a group renames every `@group` that joins it; deleting one leaves its params ungrouped.
+- **Params**: one row per constructor param (and public field):
+  - _Name_ (`@label`; empty = the param name);
+  - _Description_ (the param's inline doc);
+  - _Color_ (a color picker, with _None_);
+  - _Group_ (a select of the groups, and _New group…_);
+  - _Preset_ (a select of the presets, then of the preset's free slots: `vector` → `x`, `y`, `z`, `w`);
+  - _Hidden_ (a toggle).
+- **Preview**: the component as the inspector will show it, with its default values, updated as you edit.
+- **Writing**: each change edits only the doc comments of the file (the header's `@group` lines and each param's inline doc), through an ECS worker transformer. It goes into the open document and the file's undo history, like typing. Editing the tags by hand updates the panel.
+- Warnings (an incomplete preset, a tag on nothing) show in the panel and as diagnostics in the code.
+- Components from installed packages open read-only: the panel shows their layout, disabled, with _Copy to…_.
+
+## Components and systems browser
+
+- Grouped under the words of ADR 0004: **App** _client_ (the selected app), each **Shared library**, then **Installed packages** (read-only, with a lock). Search, docs (description, params, example, query, uses), source.
+- **New component** / **New system** ask where: the selected app (default) or a shared library. They create `<app or lib>/src/components/<name>.ts` or `…/src/systems/<name>.ts` from a template with the TSDoc tags (`@component` or `@system`, `@side`; `shared` by default in a shared library). The file opens in the code editor.
+- **New shared library** (ADR 0004): creates `libs/<folder>/` with its `nanoforge.config.ts` (`type: "lib"`) and `package.json`, adds `libs/*` to the workspace and the package-name `paths` entry to the root `tsconfig.json`. One undoable step.
+- _Open in code_, _Add to entity_ (components), _Add to app_ (systems). Using an item adds its import to `main.ts`: relative for the app's own items, by package name for shared libraries and installed packages (`@pong-network/shared/components/player`).
+- **Move to shared library** on an app's item: moves the file into a shared library and rewrites every import in the project, one undoable step.
+- **Copy to…** on an installed package's item: an undoable copy into an app or a shared library, imports updated.
+- The ECS plugin warns when two items that the same app can use share a registry `name`.
+
+## Systems
+
+- The app's systems **in run order** (`addSystem` calls), with their query and uses from the meta.
+- Add from the catalog (with its import), remove, **reorder by drag** (moves the `addSystem` calls).
+- **While playing: enable / disable a system** to debug. It changes the running game only (an engine hook), and is reset on stop.
+
+## Live mode
+
+- Client and server games both have a live world, through the engine bridge. The selector picks which one is shown.
+- The hierarchy and inspector show the live world (snapshots, then diffs at a sampled rate).
+- Edits while playing change the running game only: set a component value, add or remove a component, spawn or remove an entity.
+- **Apply to code** (per entity, and _Apply all_) writes live changes of entities that exist in code. Runtime entities can't be applied. The `@nanoforge/ecs.autoApply` setting applies every live edit to code as it happens (off by default).
+- **Drag in the Scene screen**: while playing, dragging a shape changes its position in the running game, and Apply to code writes it.
+- **Drag in the Game screen** (2026-10-03): the _Move entities_ tool of the Game toolbar outlines the client's entities over the running game (the engine's `viewport` feature maps game units to the frame) and a drag is the same live edit. While it is on, the game gets no pointer events.
+- Stopping the game clears live changes that weren't applied. A notification offers to apply them first when some exist.
+
+## Settings
+
+| Key                         | Default | Meaning                                            |
+| --------------------------- | ------- | -------------------------------------------------- |
+| `@nanoforge/ecs.autoApply`  | `false` | Write every live edit to code as it happens.       |
+| `@nanoforge/ecs.liveRateMs` | `100`   | How often the live world is sampled while playing. |
+
+## Extension points (SDK)
+
+- `ecs.fieldEditors`: `{ type, ref?, component }`, the inspector field for an `Element` type, or for one `ref` (`@nanoforge-dev/graphics-2d#Rect`).
+- `ecs.entityActions`: extra actions on a hierarchy row (`{ id, title, command, when? }`).
+- In the code editor (a new `codeEditor.sidePanels` point, see Core additions): the **Component** panel, shown when the active file defines a component.
+- `ecs.paramPresets`: `{ id, slots?, component }`, a visual control combining the params of a group that use it (`vector`, `size` and `color` are built in).
+
+## Core, SDK and engine additions
+
+- **Core / SDK:**
+  - The `@nanoforge-dev/editor-meta` package (extractor and owner-extension API) and the catalog, with `contributes.itemOwner` in the plugin manifest (ADR 0003, plan 10.3). Catalog providers: apps, shared libraries, installed packages.
+  - Code editor: a `codeEditor.sidePanels` extension point (`{ id, title, icon, when, component }`, a collapsible panel beside the editor group, toggled from the editor toolbar) and a context key with the active file's path, so a plugin can show a panel for some files.
+  - Shared libraries (ADR 0004): the code worker resolves the root `tsconfig.json` `paths`; the project service can create a lib and edit the workspace config and `paths`; the build orchestrator rebuilds the apps that import a changed lib.
+  - The worker-side registration of owner extensions.
+  - A way for the runtime service to forward ECS bridge messages to the plugin (live world, commands).
+- **Engine** (in `../engine-editor-bridge`, **rebased on `main` first**; nothing pushed):
+  - `ecs`: world snapshots and diffs (`world-snapshot`, `world-diff` events, sampled), commands `set-component`, `add-component`, `remove-component`, `spawn-entity`, `remove-entity`, `set-system-enabled`;
+  - the link between a live entity and its code: in editor mode, the ECS library records where each `spawnEntity()` was called (a frame of the built bundle, `file:line:column`). The editor finds that call among the `spawnEntity()` calls of `main` in the bundle (the bundler keeps their order), which gives the variable in `main.ts`; entities spawned elsewhere are runtime entities. Engine only, no CLI change, no source maps (`nf build --editor` makes none);
+  - ~~`graphics-2d`: drag of shapes while the editor asks for it~~: done by the editor instead, over the game, with the engine's `viewport` feature (`@nanoforge-dev/editor-lib`). graphics-2d's old `DrawableCircle2D`… drag was removed (engine `11f4c98`).
+
+## Done when
+
+- Golden round-trips on `engine/example/pong-network` and `engine/e2e/game`: analyze → model snapshot; each op → the expected diff; untouched code stays byte-identical.
+- Browser tests:
+  - the app selector switches the hierarchy between client and server;
+  - add, rename, reorder and remove an entity, then undo;
+  - add a component from the picker (the import is added), edit a number, a string enum and a `ref` as code, remove it;
+  - the Component panel of a component file: create a group with a color, put `x` and `y` in it with the `vector` preset, label and hide a param; the source gets the matching tags, the preview and the inspector update, and one undo reverts one change;
+  - a component with layout tags shows its groups (colored names, ⓘ descriptions), the `vector` preset as one row, labels and colors; a hidden param appears after choosing it in _Show hidden_ and stays shown after a reload;
+  - "from code" rows are read-only and open the code;
+  - create a component from the browser: the file has the TSDoc template and opens;
+  - create a shared library, create a shared component in it, add it to an entity in both the client and the server app (package-name import), then move an app component into the library (imports rewritten), and undo;
+  - add, reorder and remove a system;
+  - while playing (with the engine): the live world shows runtime entities; a live edit changes the game only; Apply to code writes it; disabling a system stops it; a drag moves a shape and applies.
diff --git a/docs/specs/file-manager.md b/docs/specs/file-manager.md
new file mode 100644
index 00000000..ce389244
--- /dev/null
+++ b/docs/specs/file-manager.md
@@ -0,0 +1,73 @@
+# File manager plugin (`@nanoforge/file-manager`)
+
+Requirements session: 2026-09-26/27. Built-in plugin in `plugins/file-manager`, the second of phase 9. It replaces the core's temporary Files panel.
+
+## Goal
+
+Browse and organize a game's files: a folder tree, plus a grid of the selected folder with thumbnails, like Unity's Project window or Godot's FileSystem dock. Every operation is undoable.
+
+## Decisions
+
+| Topic           | Decision                                                                                                                                                                       |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Views           | **Tree + asset grid** in one dock, switchable: tree only, or tree and grid split. The grid shows the selected folder with thumbnails for images, and a play button for sounds. |
+| Open            | Double click or `Enter` opens a file with its document editor (`documents.open`). _Open with…_ lists the other editors registered for the file.                                |
+| Create          | New file and new folder, plus **templates** contributed by plugins (_New component_, _New system_, _New scene_ come with the ECS plugin).                                      |
+| Organize        | Rename (inline), **move, copy, duplicate**, cut/copy/paste and drag and drop between folders. All undoable.                                                                    |
+| Import          | Drop files from the computer onto a folder, or use _Import…_. Works on hosted editors too (upload).                                                                            |
+| Reveal / export | _Reveal in file manager_ (local editors only); download a file, or a folder as `.zip`.                                                                                         |
+| Delete          | Moves to `.nanoforge/editor/trash`, **undoable** (`Ctrl+Z` restores). No confirmation for one file; a confirmation for folders or several files.                               |
+| Search          | A filter box: fuzzy match on names, with the matches shown in their folders.                                                                                                   |
+| Packages        | When `nf_modules/` exists, a separate read-only **Packages** section with a lock. The server refuses writes under `nf_modules/`.                                               |
+
+## Hidden files
+
+- **`.nfignore`** at the project root (gitignore syntax) hides files from the **whole editor**: file manager, pickers, the code worker's TypeScript, and the watcher. It is optional and never created automatically. Builds and the game runtime still see everything.
+- **The `@nanoforge/file-manager.exclude` setting** (gitignore patterns) hides files **in the file manager only**. Default:
+
+  ```
+  node_modules/
+  dist/
+  .turbo/
+  coverage/
+  .*
+  !.env
+  ```
+
+- A _Show hidden files_ toggle shows what `@nanoforge/file-manager.exclude` hides. `.nfignore` entries stay hidden.
+
+## Extension points (in the SDK, `@nanoforge-dev/editor-sdk/ui`)
+
+- `FILE_TEMPLATES`: `{ id, title, icon?, category?, when?, defaultName, create(folder, name) → files }`, shown under _New_.
+- `FILE_ACTIONS`: context menu entries for files and folders, `{ command, title, icon?, group?, when? }`. The `when` clauses see `fileKind`, `fileExtname`, `fileReadOnly` and `fileSelectionCount`.
+- `FILE_ICONS`: `{ pattern, icon }`, most specific pattern first.
+
+## Settings
+
+| Key                                  | Default        | Meaning                          |
+| ------------------------------------ | -------------- | -------------------------------- |
+| `@nanoforge/file-manager.exclude`    | patterns above | Hidden in the file manager.      |
+| `@nanoforge/file-manager.showHidden` | `false`        | Show what `exclude` hides.       |
+| `@nanoforge/file-manager.view`       | `split`        | `tree` or `split` (tree + grid). |
+| `@nanoforge/file-manager.gridSize`   | `96`           | Thumbnail size (px).             |
+
+## Core and server additions
+
+- `fs.delete` returns the trash location, and `fs.restore` brings it back (undo).
+- `fs.reveal` (local only) opens the OS file manager.
+- `GET /files/<project>/<path>` serves a project file (thumbnails, downloads); on a folder with `?download` it serves a `.zip`.
+- `.nfignore` is read by the server: listings and watch events skip it.
+- `nf_modules/**` is read-only for every write.
+
+## Done when
+
+- Browser tests:
+  - tree and grid show `pong-network`, with an image thumbnail;
+  - create from a template;
+  - rename, move by drag and drop, copy/paste, duplicate, then undo each one;
+  - delete, then `Ctrl+Z` restores the file;
+  - import a file by drop;
+  - search filters the tree;
+  - `.nfignore` and `@nanoforge/file-manager.exclude` hide files, and the toggle shows the excluded ones;
+  - `nf_modules` shows read-only, and writing there fails.
+- Download a folder as `.zip`.
diff --git a/docs/specs/git.md b/docs/specs/git.md
new file mode 100644
index 00000000..c294b182
--- /dev/null
+++ b/docs/specs/git.md
@@ -0,0 +1,99 @@
+# Git plugin (`@nanoforge/git`)
+
+Requirements session: 2026-10-01. Built-in plugin in `plugins/git`, the fourth of phase 11. Local editors only: hosted (ONLINE) projects keep the server's commit-and-push, and gateway sync is designed with the backend contract in phase 12. In a hosted editor the panel says git is for local editors.
+
+It uses the `git` installed on the machine, with the credentials git already has (no password prompt in the editor: a push that needs one fails with git's message).
+
+The interface follows IntelliJ's (asked on 2026-10-01, after a first panel with staging lists): a **VCS** menu, a **Commit** panel on the left, a **Git** panel at the bottom.
+
+## VCS menu
+
+In the menu bar, after _Run_:
+
+- _Initialize repository_ (only in a project that is not a repository: no `.git` in the project folder; a repository above it is never used);
+- _Commit…_ (opens the Commit panel with the focus in the message), _Update project_ (a merge pull), _Push…_ (the Push dialog), _Fetch_;
+- _New branch…_ (from the current commit, and switches to it), _Stash changes…_;
+- _Show Git log_, _Refresh the repository state_.
+
+The same commands are in the command palette. _Commit…_ and _Push…_ have no default shortcut: IntelliJ's `Ctrl+K` would hide the editor's chords that start with it, and `Ctrl+Shift+K` deletes a line in the code editor. Bind them in Keyboard shortcuts.
+
+The **status bar** shows the branch and what is ahead and behind (`main ↑1 ↓2`); clicking it opens the Git panel.
+
+## Commit panel
+
+A dock widget on the left, after IntelliJ's Commit tool window (its documentation was the reference), with two tabs: **Commit** and **Stash**.
+
+### Commit tab
+
+- **Toolbar**: Refresh, Rollback, Show Diff, Stash Changes; on the right, Expand All and Collapse All.
+- **The changes tree**: group nodes and, under each, a **flat list of files** (never folders or a tree: every file is a row, new files inside a new folder included).
+  - Groups: **Merge Conflicts** (only while there are some), **Changes** (files git knows that changed), **Unversioned Files** (files git does not know).
+  - A group node: a chevron (folds the group; remembered), a checkbox, the title, and the count (`3 files`). A group draws 500 rows at most and says how many more there are.
+  - A file row: a checkbox, an icon, the file name colored by its status (modified blue, added green, deleted grey, unversioned red-brown, conflict red), then its folder to the right, dimmed.
+- **Checkboxes are for the commit only.** New changes are checked; unversioned files are not. A group's checkbox checks or unchecks all of its files and shows a dash when only some are checked.
+- **Selection is apart from the checkboxes.** Click selects a row (highlighted); `Ctrl`+click adds or removes one; `Shift`+click selects a range; **a click on a group node selects every file of the group**; a click beside the rows clears the selection.
+- **Keyboard**, with the focus in the tree: arrows move the selection (`Shift` extends it), `Ctrl+A` selects all, `Space` checks or unchecks the selected files, `Enter` or `Ctrl+D` shows the diff, `F4` jumps to the source, `Ctrl+Alt+Z` rolls back, `Delete` deletes unversioned files.
+- **Double-click** a file: its diff against the last commit, in the code editor. A deleted file has no diff; an unversioned one just opens.
+- **Right-click**: _Show Diff_, _Jump to Source_, _Rollback…_, and for unversioned files _Add to VCS_ (git tracks it: it moves to Changes), _Delete…_ and _Add to .gitignore_; _Refresh_.
+- **Rollback** (asks first, it can't be undone) acts on the **selected** rows, never on the checked ones: changed and deleted files go back to the last commit, a file added since leaves git but stays on disk, an unversioned file is deleted.
+- **Merge conflicts**: the file opens in the code editor, where it is fixed by hand; _Mark resolved_ tells git it is done.
+- **At the bottom**: **Amend** (the commit replaces the last one, and the message box starts from its message), the **commit message history** (the last ten messages), the message box, **Commit** and **Commit and Push…** (commits, then opens the Push dialog). Only the checked files are committed. `Ctrl+Enter` in the message commits. A merge is committed whole.
+
+There is no staging area in the interface: what is checked is what is committed.
+
+### Stash tab
+
+**Stash Changes** (asks for an optional message; unversioned files are included), and the stashes with **Apply**, **Pop** and **Drop** (asks first).
+
+## Push dialog
+
+_Push…_ and _Commit and Push…_ open it: the branch and where it goes (`main → origin/main`), and the commits the push would send. **Push** sends them (and sets the upstream on a branch's first push); **Cancel** does nothing.
+
+## Git panel
+
+A dock widget at the bottom, after the Log tab of IntelliJ's Git tool window, in three panes:
+
+- **Branches**: a toolbar (New Branch, Update Selected, Delete Branch, Fetch All Remotes, Push), a search box, then **HEAD (Current Branch)**, **Local** and **Remote** (branches under their remote: `origin` › `main`), each foldable.
+  - Click a branch: the commits pane lists its history. Double-click: check it out (a remote's branch becomes a local one tracking it).
+  - Right-click: _Checkout_, _New Branch from 'x'…_, _Update_, _Push…_, _Delete_ (asks first; a branch that is not merged asks a second time).
+- **Commits**: a filter bar (_Text or hash_, the branch shown with its ahead/behind counts, _User_, _Date_), then one row per commit: a graph mark, the subject with the labels pointing at it (the current branch in yellow, local branches in green, remote ones in violet, tags in grey), the author, the date (`Today 14:32`). 50 commits, then _Show more_.
+  - Right-click: _Copy Revision Number_, _New Branch…_ (from that commit).
+- **Changed files** of the selected commit (a flat list, as in the Commit panel), and under it the **commit details**: message, hash, author, date, labels. Double-click a file: the current file compared with its version **before that commit**.
+
+The panels refresh when project files change, when the window gets the focus back, and after each operation.
+
+### Not like IntelliJ
+
+- The graph is a straight line: the log lists one branch at a time, without merge lines.
+- No changelists, shelves, commit checks, signing, cherry-pick, revert, reset, rebase, tags or interactive rebase.
+- The User and Date filters apply to the commits already loaded.
+
+## Files panel
+
+Files are marked with their git status in the tree and the grid: a letter after the name and a color (modified, added or untracked, deleted, conflict). A folder is marked when something inside it changed.
+
+## Core additions
+
+- **Server** (`server-core`): `GitService` gains the operations above (commit of chosen files, amend, rollback, remote branches, a branch's history). Commands that talk to a remote stop after 60 s and never wait on a terminal for a passphrase. Every command runs with the project folder as the only place to look for a repository. A `GitContract` (`protocol`) exposes them, refused in hosted editors.
+- **Code editor**: the command `codeEditor.compare` (a file against a given text, with a label), shown side by side like the disk-conflict comparison.
+- **Files** (`ui`, rendered by the file manager): the `FILE_DECORATIONS` extension point (a badge, a tone and a tooltip per path).
+- **SDK**: exports for the above.
+
+## Not built
+
+- Hosted (ONLINE) projects and gateway sync.
+- A diff of two commits without the working file, a diff for deleted files, staging part of a file, rebase, tags, remotes management, a merge tool.
+- Credentials: the editor never asks for a password or a token.
+
+## Done when
+
+- Server tests on real temporary repositories: status (every kind of change), stage, unstage, discard, commit, branches, log, stash, a conflict from a pull, push and pull with a local bare remote, and a repository above the project is ignored.
+- Browser tests (the e2e project gets its own repository and a local bare remote), through the VCS menu and both panels:
+  - initialize a repository; check unversioned files and commit them;
+  - the commit, its details and its files in the Git panel;
+  - a change is listed, checked, and marked in the Files tree; its diff opens on a double-click; unchecked it stays out of the commit; roll back;
+  - new branch, checkout by double-click, delete from the context menu; the status bar follows;
+  - push, fetch and the history of a remote's branch; ahead and behind counts;
+  - an update that conflicts lists the file; mark resolved, commit and push;
+  - amend;
+  - stash from the menu, pop from the Stash tab.
diff --git a/docs/specs/history-panel.md b/docs/specs/history-panel.md
new file mode 100644
index 00000000..58fdf8c6
--- /dev/null
+++ b/docs/specs/history-panel.md
@@ -0,0 +1,41 @@
+# History panel plugin (`@nanoforge/history-panel`)
+
+Requirements session: 2026-09-27. Built-in plugin in `plugins/history-panel`, the fourth of phase 9. It replaces the core's temporary History panel.
+
+## What it lists
+
+- By default, **the history of what you are working on**: the context of the last focused widget (the layout, the files panel, a document…).
+- An **All** switch shows every context, grouped and collapsible: Layout, Files, each document, plugin contexts.
+- Typing in the code editor stays in Monaco's own undo (phase 4 decision). A document's context lists the changes made through the editor: codegen and plugin operations (the ECS plugin's edits, for example).
+
+## Entries
+
+- **Label**, **time** (relative, e.g. "2 min ago") and **origin**: _you_, a plugin (e.g. codegen), or later a collaborator. Changes of other origins cannot be undone and are shown muted.
+- **Grouped steps**: a transaction (one drag, one codegen operation) is one entry that expands to its steps.
+- **Diff preview**: entries that edit a document show the changed lines, before and after, on hover or focus.
+- The current position is marked. Undone steps (redo) stay listed below it, dimmed.
+
+## Actions
+
+- **Jump to a step**: click an entry to undo or redo up to it.
+- **Clear** a context's history (with a confirmation).
+- **Search** entries by label.
+- **Keep across reloads** for documents: their history (text edits) is stored in the browser per project, and restored when the document's context comes back. The layout and files histories stay session-only.
+
+## Core additions
+
+- `HistoryCommand.preview` (the before/after text of an edit) and `HistoryCommand.serialize()`, plus `HistoryService.registerDeserializer`, for restoring. Composite commands expose their `children`.
+- `HistoryStack.goTo(entryId)` and `restore(entries)`; `HistoryService.goTo` and `clear`.
+- `DocumentService.edit(uri, edits, { label, origin })`: one undoable step in the document's `file:<uri>` context. Its commands carry a preview and are serializable.
+- Persistence of `file:*` contexts in IndexedDB, per project.
+
+## Done when
+
+- Browser tests:
+  - the panel follows the focused context, and _All_ lists every context;
+  - jumping to an older step undoes the steps after it, and clicking a newer step redoes them;
+  - a grouped step expands;
+  - the diff preview shows a document edit;
+  - search filters entries;
+  - clear empties a context;
+  - a document's history survives a reload.
diff --git a/docs/specs/inspectors.md b/docs/specs/inspectors.md
new file mode 100644
index 00000000..8777d249
--- /dev/null
+++ b/docs/specs/inspectors.md
@@ -0,0 +1,77 @@
+# Inspectors plugin (`@nanoforge/inspectors`)
+
+Requirements session: 2026-10-01. Built-in plugin in `plugins/inspectors`, the third of phase 11.
+
+One plugin, three widgets in the bottom dock, after Console and Problems (Console stays the tab shown first): **Profiler**, **Network** and **World**. Each can be moved or closed on its own. The plugin loads when one of them is first shown. They show the running game: with nothing playing, each says so and keeps what the last run recorded.
+
+Every widget has a **Client / Server** selector when both run.
+
+The plugin asks the engine for data only while it is needed: a widget asks for its feature while it is shown, and stops when it is hidden or closed. What was recorded stays until the next run starts.
+
+## Profiler
+
+- **Tick time chart**: the average and the maximum tick duration of each sampling window (250 ms), over the last two minutes.
+- **Budget line**: a horizontal line at `@nanoforge/inspectors.tickBudgetMs` (default 16.7 ms). Windows whose maximum went over it are marked as **spikes**, and the header counts them.
+- **Ticks per second**: the current value, and a small chart under the tick chart.
+- **Pause**: freezes the charts (the game keeps running and samples keep being recorded). Resume jumps back to live.
+- **Inspect a window**: hovering the chart shows that window's numbers; clicking pins it (pausing the view). The tables below then show that window instead of the latest one.
+- **Libraries table**: per engine library, average and maximum time per tick in the window, and its share of the tick.
+- **Systems table**: per ECS system, in run order: average and maximum time per call, and calls in the window. Needs the ECS library with system timings (see _Other repositories_); without it the table says the engine doesn't report them.
+
+## Network
+
+- **Packet list**: time, direction (in/out), transport (TCP/UDP), client (server side), size, and the start of the payload. Newest at the bottom; the view follows unless you scrolled up. The last 2000 packets are kept.
+- **Filters**: direction, transport, and a text search over the decoded payload and the hex bytes.
+- **Packet detail**: selecting a packet shows
+  - **Decoded**: the payload as formatted JSON when it parses, else as text when it is valid UTF-8, else nothing;
+  - **Bytes**: a hex dump with offsets and printable characters.
+  - The editor asks for the first 512 bytes of each packet; the detail says when a packet was longer.
+- **Throughput charts**: bytes per second and packets per second, in and out, over the last two minutes. They come from totals the network library counts for every packet, so they stay right when packets are left out of the list.
+- The engine lists at most 200 packets per second. Over that, the header says how many packets the list is missing.
+
+## World
+
+- A **read-only tree** of the running ECS world: entities, their components, the fields of each component (nested values expand).
+- **Search query**, one or more terms separated by spaces, all of which must match an entity:
+  - `Position`: has a component whose name contains the text;
+  - `Position.x`: has that field;
+  - `Position.x > 100`, `Position.x = 0` (`=`, `!=`, `>`, `>=`, `<`, `<=`): compares the field's value (numbers as numbers, anything else as text);
+  - `x > 100`, `x`: the same without a component name: a field of any component;
+  - `#12`: the entity with that id.
+  - `"some text"` in quotes: plain text, searched in component names, field names and values.
+  - Entities are named by their id (`#12`): the running world has no variable names.
+- The header counts the entities shown and in the world.
+- It updates while the game runs (every 250 ms when something changed), and while paused.
+- To edit the running world, use the ECS plugin's live mode: this panel never changes anything.
+
+## Core additions
+
+- **Protocol**: `EngineFeatures.ecsSystemStats` and `networkTrace.maxBytes`; `mergeFeatures` merges them (the shortest interval, the largest size).
+- **SDK**: types of the engine events the inspectors read (`EngineFrameStats`, `EngineNetworkTrace`, `EngineNetworkStats`, `EngineSystemStats`, `EngineWorld`).
+
+## Other repositories (unpushed worktree)
+
+Engine (`../engine-editor-bridge`):
+
+- **ECS library**: the `ecsSystemStats: { intervalMs }` feature. The library times each system call and sends `ecs-system-stats` (per system: name, average and maximum time per call, calls) every interval.
+- **Network library**:
+  - `networkTrace.maxBytes`: trace events then carry `data`, the payload's first `maxBytes` bytes in hex (2048 at most), next to the 16 bytes of `head`;
+  - `network-stats` events every second while traces are asked for: packets and bytes, in and out, per transport, counted for every packet, and how many packets were left out of the traces.
+
+An older engine ignores these: the Systems table, the packet detail and the throughput charts then say what is missing.
+
+## Not built
+
+- Per-system timings on engines without the ECS library change above.
+- Recording a run and exporting it, pausing or clearing the packet list, sampling controls (not asked for).
+- A flame chart or per-frame capture: the engine reports windows, not single ticks.
+
+## Done when
+
+- Unit tests: sample history (ring, spikes), packet decoding and hex dump, throughput buckets, the world query (terms, comparisons, plain text), feature merging.
+- Engine tests: system timings, trace payload bytes.
+- Browser tests (with the engine):
+  - the Profiler draws tick windows while playing, lists libraries and systems, and pinning a window pauses the view;
+  - the Network panel lists packets, filters them, shows a decoded payload and its bytes;
+  - the World panel lists the entities, and a query narrows them.
+- Without a game running, each panel shows its empty state.
diff --git a/docs/specs/marketplace.md b/docs/specs/marketplace.md
new file mode 100644
index 00000000..747c6c2f
--- /dev/null
+++ b/docs/specs/marketplace.md
@@ -0,0 +1,78 @@
+# Marketplace: plugins and packages
+
+Requirements session: 2026-10-01. The fifth and last item of phase 11. Two separate interfaces, as asked: **plugins** are installed from Settings › Plugins (as in IntelliJ), **packages** from a Packages dialog. Both read the same registry.
+
+## Decisions taken in this session
+
+They settle the install questions ADR 0003 left open (see ADR 0005).
+
+- **The registry is not built yet.** This phase defines its contract and runs on a stand-in: a registry read from a local folder. The contract goes to the API team in phase 12.
+- **The editor server installs**, without the CLI. The code that talks to the registry, installs and keeps the project's list lives in one package with no editor dependency, `@nanoforge-dev/registry` (`packages/registry`), so it can move to the CLI repository and be used by both.
+- **A project lists its packages**: `nanoforge.packages.json` (names and version ranges, written by hand or by the editor) and `nanoforge.packages.lock.json` (the exact versions installed, with their hashes). `nf_modules` can then be left out of git and restored from the lock.
+- **Sub-packages are published too.** Every package is a registry entry and can be installed alone. A bigger package names the ones it needs in `dependencies`, and they are installed next to it in `nf_modules` (not inside it).
+- **Name collisions**: plain names stay. The app's own item wins over a package's, and the editor warns (the ECS plugin's collision warning). Refusing an install because two packages define the same item is **not built**: the registry would have to know item names.
+
+## Registry contract
+
+The contract is [`docs/api/registry.md`](../api/registry.md): routes after the npm registry's (one document per item with its versions, archives under `/-/`, search under `/-/v1/search`), read without a key. Every entry has a `type` (`plugin` or `package`) and a name `@scope/name`.
+
+The stand-in (`DirectoryRegistry`) reads the same data from a folder (`<dir>/@scope/name/<version>/…` holding each version's files, plus an optional `README.md` in a version and `registry.json` with `{ author, downloads }` beside the versions) and is served over the same routes for tests. Version folders added or removed are seen without a restart.
+
+The editor server uses the folder when `REGISTRY_DIR` is set, a registry elsewhere with `REGISTRY_URL`, and the API's once `registry` is listed in `API_FEATURES`. Otherwise, and whenever the registry cannot be reached, both interfaces say it is not available and offer to try again; what is installed keeps working and stays listed.
+
+## Plugins (Settings › Plugins)
+
+The page gets two tabs.
+
+- **Marketplace**: search the registry's plugins. Each result shows its name, description, author and latest version; selecting one shows its readme and versions. **Install** asks where: _For me_ (`~/.nanoforge/editor/plugins`, every project) or _For this project_ (`.nanoforge/plugins`). An installed plugin shows **Installed**, or **Update** when the registry has a newer version that fits this editor.
+- **Installed**: the list there is today (name, version, source, status, enable switch), plus **Uninstall** and **Update** for plugins installed from the marketplace. Built-in and dev plugins can't be uninstalled.
+- **Account list:** a plugin installed _for me_ is added to the account's settings (`plugins.account`), and removed when uninstalled. A local editor that lacks a plugin of that list offers to install it, or to remove it from the account. Local editors have no sign-in and keep the account document on their machine, and hosted editors install no plugins: the list only travels between machines once local editors sign in and sync account settings with the API, which is not built.
+- A plugin installed, updated or removed takes effect after a reload: the page offers _Reload now_, as it does for the enable switch.
+- A version whose `engines.editor` does not fit this editor is not offered.
+- A plugin with a server entry: the entry starts when the plugin is installed and stops when it is uninstalled, without restarting the editor server. As for every project plugin, a project plugin's server entry only runs in a local editor.
+
+## Packages (Packages dialog)
+
+_File › Packages…_, also in the command palette. Two tabs. The dialog belongs to a built-in plugin of its own, `@nanoforge/packages` (`plugins/packages`), loaded when the command first runs.
+
+- **Browse**: search the registry's packages; a result shows its name, description, latest version and what it depends on. **Install** adds it to the project with the range `^<version>`, installs it and its dependencies into `nf_modules`, and adds the import paths (root `tsconfig.json` `paths`, ADR 0004).
+- **Installed**: the project's packages with their installed and latest versions. **Update** (to the newest version in its range, or to the latest), **Uninstall** (refused while another installed package depends on it; dependencies nobody needs any more are removed too).
+- **Restore**: when the lock lists packages that are not in `nf_modules` (a fresh clone), the dialog says so and installs them.
+- `nf_modules` stays read-only in the editor: installing is the only way to change it.
+- **Git:** the editor never edits the project's `.gitignore`. Whether `nf_modules` is committed or ignored (and restored from the lock) is the project's choice.
+- After a change, the catalog is read again, so the items of a new package show in the ECS browser at once.
+
+## The `@nanoforge-dev/registry` package
+
+No editor dependency (zod, semver and a zip reader only).
+
+- `RegistryClient` (HTTP) and `DirectoryRegistry` (a folder), behind one `Registry` interface: `search`, `get`, `download`.
+- `serveRegistry(registry)`: the contract's routes as a `fetch` handler (tests, and the contract tests of phase 12).
+- `installItem`: downloads a version, checks its hash and its manifest (name, version, type), and unpacks it safely (no path outside of the target) into a folder, replacing what was there. Nothing is touched before the archive passed every check, and the manifest is written last, so a folder without one is an install that did not finish.
+- `ProjectPackages`: the project's list and lock, `install`, `uninstall`, `update`, `restore`, `outdated`; dependency resolution (the newest version that fits every range asked for, an error naming both sides when none does; installed versions are kept until asked to update); the `tsconfig.json` paths, added and removed with the file's comments kept. Changes of one project run one after the other.
+- Safety: names are checked before any path is built; an archive with a path outside of its folder, a wrong hash, or a manifest that is not the item asked for is refused before anything is written.
+- ESLint keeps `@nanoforge-dev/editor-*` imports out of it.
+
+## Core additions
+
+- **Server**: a `RegistryContract` (search, details, plugin install/uninstall, package list/install/uninstall/update/restore). Installing is refused in hosted editors.
+- **Settings UI**: the Plugins page's tabs.
+- **SDK**: the contract and its types.
+- **E2E**: `prepare-workspace.mjs` writes a small registry (`.registry` in the e2e workspace: the `@acme/badge` plugin, the `@acme/shapes` and `@acme/render` packages) and the test server gets it as `REGISTRY_DIR`.
+
+## Not built
+
+- The real registry, publishing, accounts' plugin lists (phase 12).
+- Refusing an install on item-name collisions between two packages.
+- Engine libraries (they stay on npm).
+- Aligning the CLI's `nf install` with this format: the package is written so the CLI can use it.
+- A test of the refusal for a signed-in user of a hosted editor (no test signs in; visitors are refused earlier).
+
+## Done when
+
+- Unit tests of the registry package: search and details through HTTP and from a folder, hash check, unsafe archive paths, install and replace, dependency resolution and conflicts, list and lock, uninstall with dependents and orphans, restore, tsconfig paths with comments kept.
+- Server tests: the contract through RPC, on a folder registry.
+- Browser tests (on a folder registry):
+  - find a plugin in the marketplace, install it for me, reload, see it active, uninstall it;
+  - find a package, install it with its dependency, see both in `nf_modules` and in the Installed tab, see its items in the ECS browser, uninstall;
+  - an update shows and applies.
diff --git a/docs/specs/scene.md b/docs/specs/scene.md
new file mode 100644
index 00000000..2dca3105
--- /dev/null
+++ b/docs/specs/scene.md
@@ -0,0 +1,161 @@
+# Scene plugin (`@nanoforge/scene`)
+
+Requirements session: 2026-10-03. Built-in plugin in `plugins/scene`. It edits the scenes of the apps that use the engine's scene module (`@nanoforge-dev/scene`, engine branch `feat/scene`): their tree, their entities and systems (through the ECS plugin's widgets), the scene vars, and the loaded scenes while the game runs.
+
+## Engine side
+
+The scene module stays ECS-agnostic (scenes are `load` / `unload` hooks). What the editor edits is written with an ECS scene base class.
+
+### `EcsScene` (`@nanoforge-dev/ecs/scene`)
+
+An extra entry of the ECS module, with `@nanoforge-dev/scene` as an optional peer dependency.
+
+```ts
+/**
+ * First level: the bricks.
+ *
+ * @scene
+ * @side client
+ * @vars bricksLeft, served
+ */
+export class Level1 extends EcsScene<{ seed: number }> {
+  static override parent = Run;
+
+  override setup(registry: Registry, ctx: Context, { params }: SceneLoadContext<{ seed: number }>) {
+    const wall = registry.spawnEntity();
+    registry.addComponent(wall, new Position(40, 90));
+    registry.addComponent(wall, new Box(1200, 26));
+    registry.addSystem(levelFlow);
+    ctx.scenes.vars.init('served', false);
+  }
+}
+```
+
+- `setup(registry, ctx, scene)` is written like an app's `main` (each scene its own `setup`, spawns written out: a `setup` inherited from a base class, or spawns in a loop, show read-only): `const x = registry.spawnEntity()`, `registry.addComponent(x, new C(...))`, `registry.addSystem(fn)`. The ECS plugin edits it the same way.
+- `registry` is the app's registry, tracked: the entities spawned and the systems added through it are removed when the scene is unloaded (deepest scene first, so its systems are the last ones added). A component with a `destroy()` method gets it called when its entity is removed this way (a component holding a graphics shape destroys it).
+- `teardown(registry, ctx)` (optional) runs before that cleanup.
+- System removal: the ECS keeps, on the JS side, the list of the functions passed to `addSystem`, so a scene removes its systems by function (the registry's own `removeSystem` takes an index).
+- In editor mode, each entity spawned by a scene carries the scene's id in the live world (`EditorWorld` entity `scene`), and its call site is the line of `setup` that spawned it (not the tracked registry's wrapper).
+
+### `SceneLibrary` options
+
+```ts
+app.use(
+  new SceneLibrary({
+    initial: Menu,
+    scenes: { Menu, Run, Level1, Level2, Pause },
+  }),
+);
+```
+
+- `initial`: the scene loaded at the first tick. **Set as initial scene** in the editor writes it.
+- `scenes` (new): every scene class of the app, keyed by its **id**. The keys are the ids everywhere (the bridge's `scenes` event and commands, the live entities' `scene` field): a bundler can rename a class (`Sprite` → `Sprite2`), never the key of `{ Menu }`. A scene missing from the map falls back to its class `.name`. The plugin keeps the map in step when it creates, renames or deletes a scene.
+
+### Editor bridge (scene module, editor-aware like sound/music)
+
+- Feature `scenes` (asked with `useFeatures` while the Scenes or Vars panel is on screen; added to `mergeFeatures`).
+- Event `scenes`, sent when something changed: the loaded chain (`[{ id, params }]`, root first), the vars (`{ key, value, owner?, persistent }`) and the known ids. Values are the JSON view of the live world (`{ $class, …fields }` for class instances), not the console's `LogValue`: editor-lib does not expose the host's serializer to libraries.
+- Commands: `scenes-load` (`name`, `params`, `parent?`), `scenes-unload` (`name`), `scenes-set-var` (`key`, JSON value).
+
+## Which apps
+
+Any app (client or server) whose `package.json` depends on `@nanoforge-dev/scene`. The ECS plugin's app selector picks the app. Other apps keep editing `main.ts`.
+
+## How the plugin plugs into the ECS widgets
+
+The ECS widgets (Hierarchy, Inspector, Systems, the Scene screen, the browser's _Add to entity_ / _Add to app_) edit a **location**: a file and the function body holding the spawns. Today it is always the app's `main`. The ECS plugin gets an extension point, `ecs.sources`:
+
+```ts
+interface EcsSource {
+  id: string;
+  priority: number; // highest wins for an app
+  appliesTo(app: AppModel): boolean;
+  /** What the widgets edit now: `{ path, scope: { class, method: 'setup' } }`, or the app's `main`. */
+  current(app: AppModel): Observable<EcsLocation | undefined>;
+  /** Read-only locations shown under the current one: the parents of the edited scene. */
+  inherited(app: AppModel): Observable<readonly InheritedLocation[]>;
+}
+```
+
+- The ECS entry analyzer and transformer take the scope (`main`, or a class's method); everything else in them is unchanged.
+- The Scenes panel's selection sets the scene plugin's `current`. Its first row is the app's `main.ts`: selected by default (no scene selected), the ECS widgets then edit `main` as in an app without scenes.
+- `main`'s entities and systems are in the game whatever scene is loaded: while a scene is edited, they are the outermost inherited location (read-only, _Edit this scene_ goes back to `main.ts`).
+- **Inherited content**: the entities of the selected scene's parents show in the Hierarchy under their scene's name, greyed and read-only (_Open in code_, _Edit this scene_), and in the Scene screen (dimmed, not draggable). The Systems panel lists the parents' systems above, read-only, in run order.
+- _Add to app_ on a system becomes _Add to scene_ while a scene is edited.
+
+## Scenes panel
+
+A widget (`scene.scenes`, left dock, next to the Hierarchy).
+
+- The scenes of the selected app as a tree, by `static parent`. Scenes without a parent are roots; the initial scene has a mark. A scene in the list whose file is gone, or a scene class missing from `scenes`, shows a warning with a fix.
+- A scene is: an exported class extending `Scene` (or `EcsScene`) in the app's `dir.scenes` (default `src/scenes`), or anywhere with `@scene`. Untagged ones get the "add the tag" hint, like components.
+- Row: name, params (`{ seed: number }`, from the type argument, docs in a tooltip), `@vars`, side.
+- Actions:
+  - **New scene…** (and _New scene under X…_): a name. Writes `<dir.scenes>/<kebab-name>.ts`, an `EcsScene` from a template with the TSDoc tags (a plain `Scene` is written by hand), adds it to `scenes` in `main.ts`, opens it. One undoable step.
+  - **Rename**: the class, its file, its imports, `static parent` references, `scenes` and `initial`.
+  - **Delete**: the file (or the class, when the file holds others) and its entry in `scenes`; children of a deleted scene lose their parent. No confirmation: it is one undo step, and a notification names the children and offers _Undo_. Other code using the class is left as it is. The initial scene can't be deleted.
+  - **Re-parent by drag** (onto another scene, or to the root): writes `static parent` and its import.
+  - **Set as initial scene**: writes `initial` in `main.ts`.
+  - **Open in code**; **Edit** (select: the ECS widgets now edit it).
+- A scene that is not an `EcsScene` (or whose `setup` the editor can't model) is listed, and the ECS widgets show its spawns read-only, like "from code" rows.
+
+## Vars panel
+
+A widget (`scene.vars`, bottom or right dock).
+
+- The vars of the selected app, from `src/scene-vars.ts`:
+
+  ```ts
+  declare module '@nanoforge-dev/scene' {
+    interface SceneVars {
+      /** Points of the current game. @default 0 */
+      score: number;
+    }
+  }
+  ```
+
+- Row: name, type, default (`@default`), description, and **where it is used**: the scenes that `init` it (its possible owners), and the files that `set` / `get` / `has` / `remove` it (string-literal keys of `ctx.scenes.vars.*` calls), each a link. A key used in code but not declared shows a warning with _Declare_; a declared var used nowhere is greyed.
+- **Add var** (name, type, default, description), **rename** (the declaration and every string-literal use), **remove** (the declaration; warns if used), edit the type, default and description. Each is one undoable step on `scene-vars.ts` (and the files using it, for a rename). The file is created on the first var.
+- **While playing**: each var's live value (the `LogValue` tree), its owner scene, and _persistent_; the value is editable (a live edit: `scenes-set-var`). Vars that exist only at runtime are listed too.
+
+## Live mode
+
+- **Scenes panel**: the loaded chain is highlighted (current scene bold), with their params. Context menu: **Load scene** (a form for its params, by type: number, string, boolean, JSON otherwise; and _Load under the current scene_ for a scene without a parent) and **Unload scene** (a loaded one). They act on the running game only.
+- **Hierarchy (ECS), while playing**: the live entities grouped under the loaded scenes (`Run › Level1 › Pause`), then the entities of `main` and the runtime ones. _Apply to code_ writes into the file of the scene that spawned the entity (the engine's `scene` field, and the call site matched among the `spawnEntity()` of that scene's `setup` in the bundle).
+- The selector picks client or server like today.
+
+## Settings
+
+None in the first version.
+
+## As built (2026-10-03)
+
+- Tree operations (new, rename, move, initial, delete) and var changes are steps of one undo context, _Scenes_ (`scene:tree`), the Scenes and Vars panels' history. A step made of several file changes computes each change on the result of the previous one, and saves the files it changed at once (`DocumentService.save`): a file open in the code editor is changed as a document, never written behind it.
+- Rename moves the file only when it is named after the class and holds nothing else; imports are rewritten (the ECS plugin's `ecs.importers` and `ecs.rewrite-imports`) before the file moves.
+- Prompts ask one value at a time (`PromptOptions.optional` for the optional ones: a var's default and description, optional params).
+- The scenes panel follows the ECS plugin's app selector (the `activeApp` context key).
+- Not built yet:
+  - a fix action for "X is not in the scenes of SceneLibrary" (the warning is listed under the tree);
+  - scene rows show the params type, not `@vars` and side, and have no tooltip for the params' docs;
+  - the selected scene is not kept across reloads;
+  - _New scene_ writes an `EcsScene` only.
+- Tested in e2e: the tree, editing a scene (entity, component, system, undo), the parents read-only, new / rename / drag / move to the root / initial / delete with undo, the vars (add, rename, remove, declare), and live mode (loaded chain, _Load scene_, live vars, grouped live entities, _Apply to code_ into the right scene).
+
+## Core, SDK, ECS plugin and engine changes
+
+- **Engine** (`../engine-scene`, `feat/scene`): `EcsScene` and the tracked registry in `@nanoforge-dev/ecs/scene`; by-function system removal; the `scene` field of live entities; `SceneLibrary`'s `scenes` option; the scene module's bridge feature (`scenes` event and commands), editor-lib as an optional peer.
+- **Protocol / runtime** (editor): the `scenes` feature in the protocol types and `mergeFeatures`.
+- **ECS plugin**: the `ecs.sources` extension point; scope in the entry analyzer and transformer; inherited rows in the Hierarchy, Systems and Scene screen; live entities grouped by scene; bundle spawns matched per scene class.
+- **Scene plugin**: the `@nanoforge/scene` item owner (tags `scene`, `vars`), analyzers (the app's scenes, `main.ts`'s `SceneLibrary` options, the vars and their uses) and transformers (scene files, `main.ts`, `scene-vars.ts`, var renames), the two widgets, the `ecs.sources` contribution, live state.
+
+## Done when
+
+- Golden tests: the scene analyzer on the breakout example (tree, params, vars, uses); each transformer's diff (new scene, rename, delete, re-parent, set initial, add/rename/remove var); the ECS entry analyzer and transformer on an `EcsScene.setup` body.
+- Engine unit tests: `EcsScene` cleanup (entities, systems by function, `destroy()`), the bridge feature (event when changed, the three commands).
+- Breakout rewritten with `EcsScene` (and the `scenes` map), each level with its own `setup` and its bricks written out, still playable; an e2e copy of it.
+- Browser tests on that copy:
+  - the Scenes panel shows the tree; selecting `Level1` makes the Hierarchy show its bricks and `Run`'s entities greyed;
+  - add an entity and a component to `Level1`, add a system: the scene file changes, undo reverts it;
+  - new scene under `Run`, rename it, re-parent it by drag, set it as initial, delete it, with undo;
+  - add, rename and remove a var: `scene-vars.ts` and the uses change;
+  - while playing: the loaded chain is highlighted; Load scene `Level2` moves the game; the Vars panel shows `score` live and an edit changes it; the Hierarchy groups live entities by scene.
diff --git a/docs/specs/settings-ui.md b/docs/specs/settings-ui.md
new file mode 100644
index 00000000..784de0ad
--- /dev/null
+++ b/docs/specs/settings-ui.md
@@ -0,0 +1,57 @@
+# Settings UI plugin (`@nanoforge/settings-ui`)
+
+Requirements session: 2026-09-27. Built-in plugin in `plugins/settings-ui`, the last of phase 9.
+
+## Dialog
+
+- A large modal, like IntelliJ: _File › Settings…_ or `Ctrl+Alt+S` (also `Ctrl+,`).
+- Left: the category tree (from each setting's `category`, e.g. `Editor/Code editor/Saving`), plus the pages _Plugins_, _Import & export_ and, when there are any, _Sync conflicts_.
+- Right: the settings of the selected category and its subcategories. A search box searches titles, descriptions, keys and tags across every category.
+- Changes are pending until **Apply** or **OK**; **Cancel** drops them. A marker shows pending changes and modified settings (not at their default).
+
+## Scopes, per setting
+
+- Each setting shows its **effective value**. A small **scope menu** chooses where a change is written: _Account_, _This machine_, _Project_ or _Project (only me)_, among the scopes the setting allows. It defaults to where the value comes from, else the account (when signed in) or this machine.
+- An **inspect** popover lists the value in each scope and the effective one, with a reset per scope.
+
+## Controls
+
+The control comes from the setting's schema:
+
+- boolean: switch;
+- enum: select;
+- number: number input with its bounds;
+- string: text input;
+- string list: one entry per line;
+- anything else: JSON.
+
+Invalid values are shown inline and are not applied.
+
+## Pages
+
+- **Plugins**: installed plugins (name, version, source, status) with a switch to enable or disable each (`plugins.disabled`). Changes take effect after a reload, and a _Reload now_ button is offered. It replaces the temporary Plugins panel.
+- **Import & export**: export a scope to a `.json` file; import a file into a scope with a preview (added, changed, unknown, rejected keys) before applying.
+- **Sync conflicts**: after offline edits, each conflicting key shows the value from this device and the one from the account; pick one. A notification points here when a conflict appears.
+- **Account sync status** in the dialog header: synced, syncing, pending, offline, conflict or error.
+
+## Edit as JSON
+
+_Edit as JSON_ opens the project's `.nanoforge/editor/settings.json` (Project scope) or `local.json` (Project (only me), local editors) in the code editor. A JSON schema generated from every setting gives completion and validation. The schema is contributed through a new `JSON_SCHEMAS` extension point of the SDK, which the code editor applies to Monaco.
+
+## Core additions
+
+- `AccountSyncToken` (the account store: status and conflicts) and `PluginHostToken`, in the SDK.
+- `JSON_SCHEMAS` (`{ fileMatch, schema }`), applied by the code editor.
+
+## Done when
+
+- Browser tests:
+  - open with the shortcut;
+  - find a setting by search;
+  - change it and apply;
+  - change it and cancel;
+  - write it to another scope and see it in inspect;
+  - reset a scope;
+  - disable a plugin;
+  - export and import with a preview;
+  - edit `settings.json` as JSON with completion.
diff --git a/docs/specs/viewport.md b/docs/specs/viewport.md
new file mode 100644
index 00000000..5ce5b306
--- /dev/null
+++ b/docs/specs/viewport.md
@@ -0,0 +1,67 @@
+# Viewport plugin (`@nanoforge/viewport`)
+
+Requirements session: 2026-09-27. Built-in plugin in `plugins/viewport`, the third of phase 9. It replaces the core's temporary Game screen.
+
+## Screens
+
+- **Game** and **Scene** are separate main screens, like Godot's.
+- **Scene** hosts the scene editor contributed for the project (the ECS plugin provides one). Without a scene editor it shows an empty state explaining which plugin fills it. The 2D/3D tools come with the ECS plugin's requirements session.
+
+## Game screen
+
+A toolbar above the running game:
+
+| Tool              | Behavior                                                                                                                                                                                                                                                            |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Resolution**    | _Fit_ (the whole screen), or a preset: 1920×1080, 1280×720, 1024×768 (4:3), phone 390×844, tablet 820×1180, with a portrait/landscape switch, or a custom size. The game gets a container of that size; the engine's viewport fits the design resolution inside it. |
+| **Zoom**          | 25–400% of the preset size (not in _Fit_); _Pixel perfect_ limits zoom to integer steps and renders pixelated.                                                                                                                                                      |
+| **Stats**         | A toggleable overlay: ticks per second, tick time (average and max), the slowest libraries, JS heap (client), from the engine's frame stats.                                                                                                                        |
+| **Mute**          | Mutes the game's sounds and music (engine `mute` command).                                                                                                                                                                                                          |
+| **Screenshot**    | Saves the game's canvas as a PNG under `screenshots/` in the project, and copies it to the clipboard.                                                                                                                                                               |
+| **Pop out**       | Moves the running game to a separate browser window. It keeps running; closing the window brings it back. Keyboard input typed in the window reaches the game.                                                                                                      |
+| Contributed tools | `VIEWPORT_TOOLS` from other plugins (SDK).                                                                                                                                                                                                                          |
+
+"Same tools as other editors" was read as the usual Unity/Godot Game-view extras: stats, mute, screenshot, maximize on play, plus the extension point for more.
+
+## Play behavior
+
+- Play switches to the Game screen (unless only the server plays). **Stop returns to the previous screen.**
+- **The game gets keyboard focus on Play.** `Escape` gives focus back to the editor.
+- **Maximize on play** (setting, off by default): the docks are hidden while playing.
+- **Paused**: the game is dimmed, with a _Paused_ badge.
+
+## Extension points (SDK, `@nanoforge-dev/editor-sdk/ui`)
+
+- `SCENE_EDITORS`: `{ id, title, targets, component | mount }`, the Scene screen's content for codegen targets (`targets`: ids of `codegen.target` providers, `*` for any).
+- `VIEWPORT_TOOLS`: `{ id, screen, icon, title, command, order?, when?, toggled? }`, buttons in the Game or Scene toolbar.
+- `VIEWPORT_OVERLAYS`: `{ id, screen, component }`, drawn over the game or the scene.
+
+## Settings
+
+| Key                                  | Default     | Meaning                            |
+| ------------------------------------ | ----------- | ---------------------------------- |
+| `@nanoforge/viewport.resolution`     | `fit`       | `fit`, a preset id, or `WxH`.      |
+| `@nanoforge/viewport.orientation`    | `landscape` | For device presets.                |
+| `@nanoforge/viewport.zoom`           | `1`         | Zoom of fixed resolutions.         |
+| `@nanoforge/viewport.pixelPerfect`   | `false`     | Integer zoom, pixelated rendering. |
+| `@nanoforge/viewport.stats`          | `false`     | Stats overlay.                     |
+| `@nanoforge/viewport.muted`          | `false`     | Game sound muted.                  |
+| `@nanoforge/viewport.maximizeOnPlay` | `false`     | Hide the docks while playing.      |
+
+## Core and engine additions
+
+- Engine: a `mute` bridge command (`[muted: boolean]`), handled by the sound and music libraries.
+- Layout: a temporary _hide docks_ state (not saved, not an undo step), used by _Maximize on play_.
+- Runtime: Play no longer opens a screen itself; the viewport does, so another viewport plugin can replace it.
+
+## Done when
+
+- Browser tests:
+  - Play shows the Game screen, focuses the game, and Stop goes back to the previous screen;
+  - a resolution preset sizes the game;
+  - the stats overlay shows ticks per second;
+  - a screenshot is saved in `screenshots/`;
+  - _Maximize on play_ hides the docks;
+  - paused is dimmed;
+  - pop out moves the game to a new window and back;
+  - the Scene screen shows the scene editor of the project (the ECS 2D scene for pong); without one it shows an empty state (not tested: every e2e project has the ECS).
diff --git a/e2e/demo.test.ts b/e2e/demo.test.ts
deleted file mode 100644
index 0ab7ad20..00000000
--- a/e2e/demo.test.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('home page has expected span', async ({ page }) => {
-  await page.goto('/');
-  await expect(page.locator('span')).toBeVisible();
-});
diff --git a/eslint.config.js b/eslint.config.js
index 5f52b7a1..5b593f4e 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,13 +1,74 @@
-import eslintConfig from '@nanoforge-dev/utils-eslint-config';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import tseslint from 'typescript-eslint';
 
-import svelteConfig from './svelte.config.js';
+import eslintConfig from '@nanoforge-dev/utils-eslint-config';
+
+/**
+ * Import boundaries (see docs/rewrite-plan.md):
+ * - kernel depends on no other editor package;
+ * - core packages never import plugins;
+ * - plugin sources only talk to the editor through the public sdk;
+ * - the compiler (ts-morph, TypeScript) stays in the code worker.
+ */
+const restrict = (patterns, message) => ({
+  'no-restricted-imports': ['error', { patterns: [{ group: patterns, message }] }],
+});
+
+/** Tool directives allowed as `//` or `<!-- -->` comments (CLAUDE.md, "Comments"). */
+const DIRECTIVES =
+  /^\s*(eslint-|@ts-|prettier-ignore|svelte-ignore|global |#region|#endregion|\/ <reference )/;
+
+/** House rules that no published ESLint rule covers. */
+const nanoforge = {
+  rules: {
+    'no-line-comments': {
+      meta: {
+        type: 'suggestion',
+        messages: {
+          comment:
+            'Use a /** */ doc comment, or no comment: `//` and `<!-- -->` are for tool directives only.',
+        },
+        schema: [],
+      },
+      create(context) {
+        const report = (node, text, loc) => {
+          if (!DIRECTIVES.test(text)) context.report({ loc, messageId: 'comment' });
+        };
+        return {
+          Program() {
+            for (const comment of context.sourceCode.getAllComments()) {
+              if (comment.type === 'Line') report(comment, comment.value, comment.loc);
+            }
+          },
+          SvelteHTMLComment(node) {
+            report(node, node.value, node.loc);
+          },
+        };
+      },
+    },
+  },
+};
 
 export default [
+  {
+    ignores: [
+      '**/dist/**',
+      '**/.svelte-kit/**',
+      '**/coverage/**',
+      '**/build/**',
+      '**/test/fixtures/**',
+      '**/test/.tmp-*/**',
+      '**/__screenshots__/**',
+      'apps/editor/e2e/.workspace*/**',
+      'apps/editor/test-results/**',
+      'apps/editor/playwright-report/**',
+      'examples/**',
+      'docs/drafts/**',
+    ],
+  },
   ...eslintConfig,
-  { languageOptions: { globals: globals.browser } },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
   ...svelte.configs.recommended,
   ...svelte.configs.prettier,
   {
@@ -17,7 +78,6 @@ export default [
         projectService: true,
         extraFileExtensions: ['.svelte'],
         parser: tseslint.parser,
-        svelteConfig,
       },
     },
   },
@@ -26,6 +86,69 @@ export default [
       'svelte/no-unused-svelte-ignore': 'off',
       'svelte/no-navigation-without-resolve': 'off',
       '@typescript-eslint/no-non-null-assertion': 'off',
+      'no-empty': ['error', { allowEmptyCatch: true }],
+    },
+  },
+  {
+    files: ['**/*.cjs'],
+    rules: { '@typescript-eslint/no-require-imports': 'off' },
+  },
+  {
+    plugins: { nanoforge },
+    rules: { 'nanoforge/no-line-comments': 'error' },
+  },
+  {
+    files: ['packages/kernel/**'],
+    rules: restrict(
+      ['@nanoforge-dev/editor-*'],
+      'The kernel must not depend on other editor packages.',
+    ),
+  },
+  {
+    files: ['packages/registry/**'],
+    rules: restrict(
+      ['@nanoforge-dev/editor-*'],
+      'The registry package must stay free of editor code: it is meant to move to the CLI.',
+    ),
+  },
+  {
+    files: ['packages/**'],
+    ignores: ['packages/kernel/**', 'packages/registry/**'],
+    rules: restrict(
+      ['@nanoforge-dev/editor-plugin-*'],
+      'Core packages must not depend on plugins.',
+    ),
+  },
+  {
+    files: ['plugins/*/src/**'],
+    rules: restrict(
+      ['@nanoforge-dev/*', '!@nanoforge-dev/editor-sdk', '!@nanoforge-dev/editor-sdk/*'],
+      'Plugins may only import @nanoforge-dev/editor-sdk (declare other plugins as dependencies instead).',
+    ),
+  },
+  {
+    files: ['apps/editor/src/**', 'packages/*/src/**', 'plugins/*/src/**'],
+    ignores: [
+      'packages/code/src/worker.ts',
+      'packages/code/src/engine/**',
+      'packages/meta/**',
+      'packages/sdk/src/worker.ts',
+      'plugins/*/src/worker/**',
+    ],
+    rules: {
+      '@typescript-eslint/no-restricted-imports': [
+        'error',
+        {
+          paths: ['@nanoforge-dev/editor-code/engine', '@nanoforge-dev/editor-meta'].map(
+            (name) => ({
+              name,
+              allowTypeImports: true,
+              message:
+                'The compiler stays in the code worker: import types only here, or use @nanoforge-dev/editor-meta/pure.',
+            }),
+          ),
+        },
+      ],
     },
   },
 ];
diff --git a/examples/README.md b/examples/README.md
new file mode 100644
index 00000000..305f1660
--- /dev/null
+++ b/examples/README.md
@@ -0,0 +1,41 @@
+# Examples
+
+## `breakout`
+
+A breakout made of scenes (`@nanoforge-dev/scene`, engine branch `feat/scene`): a menu, three levels under a game scene, a pause menu over any level, end screens, and scene vars that follow their scenes. `NANOFORGE_ENGINE=../engine-scene pnpm example breakout` starts the editor on it. See [`breakout/README.md`](breakout/README.md).
+
+## `counter-plugin`
+
+A standalone editor plugin (`@acme/counter`): a panel with a counter, a command in the Edit menu, a setting, and additions you can undo. It is what `nf create plugin --name @acme/counter` writes (then formatted with this repository's Prettier, which lays out two JSON files differently), kept here as the reference the plugin guide (`docs/docs/plugins`) walks through. It is not part of the workspace: copy the folder anywhere, or push it as a repository of its own.
+
+### Building it before the SDK is published
+
+`@nanoforge-dev/editor-sdk` and `@nanoforge-dev/editor-vite-plugin` are not on npm yet, so `pnpm install` cannot fetch them. Link them from a checkout of this repository instead (checked on a clean copy of the example):
+
+1. In the editor repository, once:
+
+   ```sh
+   pnpm install
+   pnpm turbo build --filter=@nanoforge-dev/editor-sdk --filter=@nanoforge-dev/editor-vite-plugin
+   ```
+
+2. In the plugin's `package.json`, point the two packages at that checkout:
+
+   ```json
+   "devDependencies": {
+     "@nanoforge-dev/editor-sdk": "link:/path/to/editor/packages/sdk",
+     "@nanoforge-dev/editor-vite-plugin": "link:/path/to/editor/tooling/vite-plugin"
+   }
+   ```
+
+3. Then, in the plugin's folder: `pnpm install`, `pnpm build`, and `pnpm typecheck`.
+
+Put the version ranges back (`^1.0.0`) once the packages are published.
+
+### Trying it in the editor
+
+```sh
+DEV_PLUGINS=<path to counter-plugin> nf editor <project>
+```
+
+In the e2e editor of this repository: `E2E_EXTRA_PLUGINS=<path to counter-plugin>` adds it next to the example plugin the tests load.
diff --git a/examples/breakout/.gitignore b/examples/breakout/.gitignore
new file mode 100644
index 00000000..a5fac176
--- /dev/null
+++ b/examples/breakout/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+.nanoforge
+screenshots
diff --git a/examples/breakout/.prettierrc b/examples/breakout/.prettierrc
new file mode 100644
index 00000000..de753c53
--- /dev/null
+++ b/examples/breakout/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "printWidth": 100
+}
diff --git a/examples/breakout/README.md b/examples/breakout/README.md
new file mode 100644
index 00000000..d747841a
--- /dev/null
+++ b/examples/breakout/README.md
@@ -0,0 +1,68 @@
+# Breakout
+
+A breakout made of **scenes** (`@nanoforge-dev/scene`): a menu, a game with three levels, a pause menu and two end screens. Every entity and every system belongs to a scene, and goes away with it.
+
+## Open it
+
+The scene module is on the engine branch `feat/scene` (worktree `../engine-scene`). From the root of the editor repository:
+
+```sh
+pnpm install
+pnpm turbo build --filter=@nanoforge-dev/editor...
+NANOFORGE_ENGINE=../engine-scene pnpm example breakout
+```
+
+Then open <http://127.0.0.1:4800/load?path=breakout> and press **Play** (`F5`). The engine needs `pnpm install` and `pnpm build` once.
+
+| Key        | Does                                |
+| ---------- | ----------------------------------- |
+| Enter      | Starts a game, leaves an end screen |
+| ← →        | Moves the paddle                    |
+| Space      | Serves the ball                     |
+| Esc or P   | Pauses, resumes                     |
+| Q (paused) | Quits to the menu                   |
+
+## The scenes
+
+```text
+Menu                 root: the title, the best score
+Run                  root: walls, paddle, ball, top bar; vars score, lives
+├── Level1           bricks; vars level, bricksLeft, ballSpeed, served
+├── Level2
+├── Level3
+└── (Pause)          no parent of its own: loaded over the current level
+GameOver, Victory    roots: the score comes as a param
+```
+
+What each move does:
+
+| From                   | To                           | Unloaded                 | Loaded          |
+| ---------------------- | ---------------------------- | ------------------------ | --------------- |
+| `Menu`                 | `Level1` (Enter)             | `Menu`                   | `Run`, `Level1` |
+| `Run › Level1`         | `Level2` (bricks gone)       | `Level1`                 | `Level2`        |
+| `Run › Level1`         | `Pause`, `parent: "current"` | nothing                  | `Pause`         |
+| `Run › Level1 › Pause` | unload `Pause` (Esc)         | `Pause`                  | nothing         |
+| `Run › Level1 › Pause` | `Menu` (Q)                   | `Pause`, `Level1`, `Run` | `Menu`          |
+| `Run › Level3`         | `Victory`, `{ score }`       | `Level3`, `Run`          | `Victory`       |
+
+The vars follow their scenes (`src/scene-vars.ts` types and documents them): `score` and `lives` go with `Run`, so a new game starts from 0 and 3 lives; a level's `bricksLeft` and `served` are made again by the next level; `paused` exists only while `Pause` is loaded, and the game's systems stop while it does; `best` is persistent.
+
+## Layout
+
+```text
+apps/client/src/
+├── main.ts                 the libraries; SceneLibrary starts on Menu and lists every scene by id
+├── scenes/                 one EcsScene per file: menu, run, levels, pause, game-over, victory
+├── systems/                the game's systems: paddle, ball, lives, HUD, drawing, back to menu
+├── components/             Position, Velocity, Box, Visual, Paddle, Ball, Brick, HudText
+├── scene-vars.ts           the scene vars' types and docs (SceneVars)
+└── keys.ts                 justPressed: a key down since the last time a system asked
+```
+
+Every scene is an `EcsScene` (`@nanoforge-dev/ecs/scene`): its `setup(registry, ctx)` spawns its entities and adds its systems, written like a `main`, and they are removed when the scene unloads. The editor's Scenes panel edits them like `main.ts` (each level writes its bricks out for that). Scenes, components and systems are documented with TSDoc tags (`@scene`, `@component`, `@system`, `@side`, `@vars`).
+
+Three things to know when writing scenes like these:
+
+- **A scene's parent is read when its module is evaluated** (`static override parent = Run`). `run.ts` imports no other scene, so the levels always find `Run` defined.
+- **The ECS finds a component by its class name.** A component named like a class the bundle already has (graphics-2d's `Sprite`, `Text`, `Rect`…) is renamed by the bundler (`Sprite2`), and no longer matches its `name` field: that is why the shape component is `Visual`. `SceneLibrary`'s `scenes` gives each scene an id for the same reason.
+- **A component with a `destroy()` method** gets it called when its scene unloads: `Visual` removes its shape from the screen.
diff --git a/examples/breakout/apps/client/nanoforge.config.ts b/examples/breakout/apps/client/nanoforge.config.ts
new file mode 100644
index 00000000..77607cbd
--- /dev/null
+++ b/examples/breakout/apps/client/nanoforge.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "client",
+});
diff --git a/examples/breakout/apps/client/package.json b/examples/breakout/apps/client/package.json
new file mode 100644
index 00000000..1631509c
--- /dev/null
+++ b/examples/breakout/apps/client/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "breakout-client",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "@nanoforge-dev/asset": "*",
+    "@nanoforge-dev/common": "*",
+    "@nanoforge-dev/core": "*",
+    "@nanoforge-dev/env": "*",
+    "@nanoforge-dev/ecs": "*",
+    "@nanoforge-dev/editor-lib": "*",
+    "@nanoforge-dev/graphics-2d": "*",
+    "@nanoforge-dev/input": "*",
+    "@nanoforge-dev/scene": "*",
+    "typescript": "^5.9.0 || ^6.0.0"
+  }
+}
diff --git a/examples/breakout/apps/client/src/arena.ts b/examples/breakout/apps/client/src/arena.ts
new file mode 100644
index 00000000..169385ee
--- /dev/null
+++ b/examples/breakout/apps/client/src/arena.ts
@@ -0,0 +1,8 @@
+/** Size of the game, in viewport pixels. */
+export const WIDTH = 1280;
+export const HEIGHT = 720;
+
+/** Where the ball bounces: the walls on the left, the right and the top. */
+export const ARENA = { left: 40, right: WIDTH - 40, top: 90, bottom: HEIGHT };
+
+export const FONT = "monospace";
diff --git a/examples/breakout/apps/client/src/components/ball.ts b/examples/breakout/apps/client/src/components/ball.ts
new file mode 100644
index 00000000..77295e1f
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/ball.ts
@@ -0,0 +1,9 @@
+/**
+ * The ball. Before the player serves, it sits on the paddle.
+ *
+ * @component
+ * @side client
+ */
+export class Ball {
+  name = "Ball";
+}
diff --git a/examples/breakout/apps/client/src/components/box.ts b/examples/breakout/apps/client/src/components/box.ts
new file mode 100644
index 00000000..6e4ccf18
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/box.ts
@@ -0,0 +1,16 @@
+/**
+ * The size of an entity, for collisions.
+ *
+ * @component
+ * @side client
+ */
+export class Box {
+  name = "Box";
+
+  constructor(
+    /** In pixels. */
+    public width = 10,
+    /** In pixels. */
+    public height = 10,
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/brick.ts b/examples/breakout/apps/client/src/components/brick.ts
new file mode 100644
index 00000000..742644f4
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/brick.ts
@@ -0,0 +1,16 @@
+/**
+ * A brick: the ball breaks it in `hits` hits.
+ *
+ * @component
+ * @side client
+ */
+export class Brick {
+  name = "Brick";
+
+  constructor(
+    /** Hits left before it breaks. */
+    public hits = 1,
+    /** Added to the score when it breaks. */
+    public points = 10,
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/hud-text.ts b/examples/breakout/apps/client/src/components/hud-text.ts
new file mode 100644
index 00000000..6512634a
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/hud-text.ts
@@ -0,0 +1,14 @@
+/**
+ * A text of the top bar, showing a scene var.
+ *
+ * @component
+ * @side client
+ */
+export class HudText {
+  name = "HudText";
+
+  constructor(
+    /** The var shown: `score`, `lives` or `level`. */
+    public show: "score" | "lives" | "level" = "score",
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/paddle.ts b/examples/breakout/apps/client/src/components/paddle.ts
new file mode 100644
index 00000000..e6b3dcfc
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/paddle.ts
@@ -0,0 +1,14 @@
+/**
+ * The paddle the player moves with the arrow keys.
+ *
+ * @component
+ * @side client
+ */
+export class Paddle {
+  name = "Paddle";
+
+  constructor(
+    /** In pixels per millisecond. */
+    public speed = 0.9,
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/position.ts b/examples/breakout/apps/client/src/components/position.ts
new file mode 100644
index 00000000..a322a390
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/position.ts
@@ -0,0 +1,16 @@
+/**
+ * Where an entity is: the top left corner of its box, in viewport pixels.
+ *
+ * @component
+ * @side client
+ */
+export class Position {
+  name = "Position";
+
+  constructor(
+    /** From the left. */
+    public x = 0,
+    /** From the top. */
+    public y = 0,
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/velocity.ts b/examples/breakout/apps/client/src/components/velocity.ts
new file mode 100644
index 00000000..7290f8eb
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/velocity.ts
@@ -0,0 +1,16 @@
+/**
+ * How fast an entity moves, in pixels per millisecond.
+ *
+ * @component
+ * @side client
+ */
+export class Velocity {
+  name = "Velocity";
+
+  constructor(
+    /** To the right. */
+    public x = 0,
+    /** Down. */
+    public y = 0,
+  ) {}
+}
diff --git a/examples/breakout/apps/client/src/components/visual.ts b/examples/breakout/apps/client/src/components/visual.ts
new file mode 100644
index 00000000..c364872f
--- /dev/null
+++ b/examples/breakout/apps/client/src/components/visual.ts
@@ -0,0 +1,30 @@
+import type { Shape } from "@nanoforge-dev/graphics-2d";
+
+import { layer } from "../layer";
+
+/**
+ * Draws the entity: a rectangle, or a text, at its `Position`. Its shape is added to the game's
+ * layer, and destroyed with the entity when its scene unloads (`destroy`, called by `EcsScene`).
+ *
+ * Not named `Sprite`: graphics-2d has a class of that name, and the bundler then renames this one
+ * (`Sprite2`). The ECS finds a component by its class name, so it would no longer match the
+ * `name` field.
+ *
+ * @component
+ * @side client
+ */
+export class Visual {
+  name = "Visual";
+
+  constructor(
+    /** The shape drawn at the entity's position. */
+    public shape: Shape,
+  ) {
+    layer.add(shape);
+  }
+
+  /** Removes the shape from the screen. */
+  destroy(): void {
+    this.shape.destroy();
+  }
+}
diff --git a/examples/breakout/apps/client/src/keys.ts b/examples/breakout/apps/client/src/keys.ts
new file mode 100644
index 00000000..bd8dac9d
--- /dev/null
+++ b/examples/breakout/apps/client/src/keys.ts
@@ -0,0 +1,19 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { InputEnum } from "@nanoforge-dev/input";
+
+/** Whether each key was down the last time a system asked. */
+const down = new Map<InputEnum, boolean>();
+
+/**
+ * Whether `key` went down since the last time a system asked about it.
+ *
+ * @remarks
+ * The state is shared by every system: a key that opens a scene does not also act in that scene
+ * while it is still held.
+ */
+export const justPressed = (ctx: Context, key: InputEnum): boolean => {
+  const now = ctx.input.isKeyPressed(key) === true;
+  const before = down.get(key) ?? false;
+  down.set(key, now);
+  return now && !before;
+};
diff --git a/examples/breakout/apps/client/src/layer.ts b/examples/breakout/apps/client/src/layer.ts
new file mode 100644
index 00000000..384ea731
--- /dev/null
+++ b/examples/breakout/apps/client/src/layer.ts
@@ -0,0 +1,4 @@
+import { Layer } from "@nanoforge-dev/graphics-2d";
+
+/** Every shape of the game is drawn on this layer. */
+export const layer = new Layer();
diff --git a/examples/breakout/apps/client/src/main.ts b/examples/breakout/apps/client/src/main.ts
new file mode 100644
index 00000000..37d52984
--- /dev/null
+++ b/examples/breakout/apps/client/src/main.ts
@@ -0,0 +1,51 @@
+import type { ClientRunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/client";
+import { EditorLibrary } from "@nanoforge-dev/editor-lib";
+import { Graphics2DLibrary, Rect } from "@nanoforge-dev/graphics-2d";
+import { InputLibrary } from "@nanoforge-dev/input";
+import { SceneLibrary } from "@nanoforge-dev/scene";
+
+import { HEIGHT, WIDTH } from "./arena";
+import { layer } from "./layer";
+import "./scene-vars";
+import { GameOver } from "./scenes/game-over";
+import { Level1, Level2, Level3 } from "./scenes/levels";
+import { Menu } from "./scenes/menu";
+import { Pause } from "./scenes/pause";
+import { Run } from "./scenes/run";
+import { Victory } from "./scenes/victory";
+import { drawVisuals } from "./systems/draw-visuals";
+
+export const main = async (options: ClientRunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createClient({
+    tickRate: 60,
+    viewport: { width: WIDTH, height: HEIGHT, fit: "contain" },
+  });
+  const graphics = new Graphics2DLibrary();
+  const ecs = new EcsLibrary();
+
+  app.use(graphics);
+  app.use(ecs);
+  app.use(new InputLibrary());
+  // Every entity on screen belongs to a scene: the menu is loaded at the first tick.
+  app.use(
+    new SceneLibrary({
+      initial: Menu,
+      scenes: { Menu, Run, Level1, Level2, Level3, Pause, GameOver, Victory },
+    }),
+  );
+  // The editor's bridge: pause, step, the live world and the inspectors. It does nothing when
+  // the game is not started by the editor.
+  app.use(new EditorLibrary());
+
+  await app.init(options);
+
+  graphics.stage.add(layer);
+  layer.add(new Rect({ width: WIDTH, height: HEIGHT, fill: "#10141f" }));
+
+  const registry = ecs.registry;
+  registry.addSystem(drawVisuals);
+
+  await app.run();
+};
diff --git a/examples/breakout/apps/client/src/scene-vars.ts b/examples/breakout/apps/client/src/scene-vars.ts
new file mode 100644
index 00000000..ab8e4e98
--- /dev/null
+++ b/examples/breakout/apps/client/src/scene-vars.ts
@@ -0,0 +1,26 @@
+/**
+ * The scene vars of the game. A var belongs to the scene that made it, and goes away when that
+ * scene is unloaded, unless it is persistent.
+ */
+declare module "@nanoforge-dev/scene" {
+  interface SceneVars {
+    /** The best score, kept from one game to the next (persistent). @default 0 */
+    best: number;
+    /** Points of the current game (made by `Run`). @default 0 */
+    score: number;
+    /** Balls left in the current game (made by `Run`). @default 3 */
+    lives: number;
+    /** Number of the current level, shown in the top bar. @default 1 */
+    level: number;
+    /** Bricks of the level not broken yet. @default 0 */
+    bricksLeft: number;
+    /** Speed of the ball in this level, in pixels per millisecond. @default 0.45 */
+    ballSpeed: number;
+    /** The ball left the paddle. @default false */
+    served: boolean;
+    /** The pause menu is open: the game's systems wait. @default true */
+    paused: boolean;
+  }
+}
+
+export {};
diff --git a/examples/breakout/apps/client/src/scenes/game-over.ts b/examples/breakout/apps/client/src/scenes/game-over.ts
new file mode 100644
index 00000000..fe400efc
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/game-over.ts
@@ -0,0 +1,81 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Text } from "@nanoforge-dev/graphics-2d";
+import type { SceneLoadContext } from "@nanoforge-dev/scene";
+
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { backToMenu } from "../systems/back-to-menu";
+import { recordBest } from "../systems/record-best";
+
+/**
+ * Shown when the last life is lost, with the score. It is a root scene: loading it unloads the level and `Run`, whose vars (`score`,
+ * `lives`…) go with them, so the score comes as a param.
+ *
+ * @scene
+ * @side client
+ * @vars best
+ */
+export class GameOver extends EcsScene<{
+  /** The score of the game that ended. */
+  score: number;
+}> {
+  override setup(
+    registry: Registry,
+    ctx: Context,
+    { params }: SceneLoadContext<{ score: number }>,
+  ) {
+    const score = params?.score ?? 0;
+    const record = recordBest(ctx, score);
+
+    const title = registry.spawnEntity();
+    registry.addComponent(title, new Position(0, 200));
+    registry.addComponent(
+      title,
+      new Visual(
+        new Text({
+          text: "Game over",
+          fontSize: 96,
+          fill: "#eb4d4b",
+          fontFamily: "monospace",
+          fontStyle: "bold",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const scoreText = registry.spawnEntity();
+    registry.addComponent(scoreText, new Position(0, 340));
+    registry.addComponent(
+      scoreText,
+      new Visual(
+        new Text({
+          text: `Score ${score}${record ? " (new best!)" : ""}`,
+          fontSize: 40,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const prompt = registry.spawnEntity();
+    registry.addComponent(prompt, new Position(0, 520));
+    registry.addComponent(
+      prompt,
+      new Visual(
+        new Text({
+          text: "Press Enter",
+          fontSize: 30,
+          fill: "#8a93ad",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+
+    registry.addSystem(backToMenu);
+  }
+}
diff --git a/examples/breakout/apps/client/src/scenes/levels.ts b/examples/breakout/apps/client/src/scenes/levels.ts
new file mode 100644
index 00000000..7b058e4a
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/levels.ts
@@ -0,0 +1,820 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Rect } from "@nanoforge-dev/graphics-2d";
+import { InputEnum } from "@nanoforge-dev/input";
+import type { SceneClass } from "@nanoforge-dev/scene";
+
+import { Box } from "../components/box";
+import { Brick } from "../components/brick";
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { justPressed } from "../keys";
+import { GameOver } from "./game-over";
+import { Pause } from "./pause";
+import { Run } from "./run";
+import { Victory } from "./victory";
+
+/**
+ * What every level has: its parent, `Run`, and the level after it. Levels are siblings under
+ * `Run`: moving to the next one unloads this one (its bricks and its vars) and keeps the paddle,
+ * the ball, the score and the lives. Each level writes its own bricks in its `setup`.
+ */
+export abstract class Level extends EcsScene {
+  static override parent = Run;
+
+  /** The level after this one; the last one has none. */
+  abstract readonly next: SceneClass | undefined;
+}
+
+/**
+ * Moves on when the level ends: to the next level once every brick is broken, or to the end
+ * screen when the last life is lost.
+ *
+ * @system
+ * @side client
+ */
+export function levelFlow(_registry: Registry, ctx: Context) {
+  const vars = ctx.scenes.vars;
+  if (vars.has("paused")) return;
+  const score = vars.get("score") ?? 0;
+
+  if ((vars.get("lives") ?? 0) <= 0) {
+    void ctx.scenes.load(ctx, GameOver, { params: { score } });
+    return;
+  }
+  if ((vars.get("bricksLeft") ?? 1) > 0) return;
+  const level = ctx.scenes.loaded.find((scene) => scene instanceof Level);
+  if (level?.next) void ctx.scenes.load(ctx, level.next);
+  else void ctx.scenes.load(ctx, Victory, { params: { score } });
+}
+
+/**
+ * Opens the pause menu over the level with Escape or P.
+ *
+ * @system
+ * @side client
+ */
+export function pauseOnEscape(_registry: Registry, ctx: Context) {
+  if (ctx.scenes.vars.has("paused")) return;
+  const escape = justPressed(ctx, InputEnum.Escape);
+  const p = justPressed(ctx, InputEnum.KeyP);
+  if (escape || p) void ctx.scenes.load(ctx, Pause, { parent: "current" });
+}
+
+/**
+ * Level 1: three rows that break in one hit.
+ *
+ * @scene
+ * @side client
+ * @vars level, bricksLeft, ballSpeed, served
+ */
+export class Level1 extends Level {
+  readonly next = Level2;
+
+  override setup(registry: Registry, ctx: Context) {
+    // Owned by the level: gone when the next one is loaded, which makes its own.
+    ctx.scenes.vars.init("level", 1);
+    ctx.scenes.vars.init("bricksLeft", 24);
+    ctx.scenes.vars.init("ballSpeed", 0.45);
+    ctx.scenes.vars.init("served", false);
+
+    const brick1 = registry.spawnEntity();
+    registry.addComponent(brick1, new Position(48, 130));
+    registry.addComponent(brick1, new Box(141, 26));
+    registry.addComponent(brick1, new Brick(1, 10));
+    registry.addComponent(
+      brick1,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick2 = registry.spawnEntity();
+    registry.addComponent(brick2, new Position(197, 130));
+    registry.addComponent(brick2, new Box(141, 26));
+    registry.addComponent(brick2, new Brick(1, 10));
+    registry.addComponent(
+      brick2,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick3 = registry.spawnEntity();
+    registry.addComponent(brick3, new Position(346, 130));
+    registry.addComponent(brick3, new Box(141, 26));
+    registry.addComponent(brick3, new Brick(1, 10));
+    registry.addComponent(
+      brick3,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick4 = registry.spawnEntity();
+    registry.addComponent(brick4, new Position(495, 130));
+    registry.addComponent(brick4, new Box(141, 26));
+    registry.addComponent(brick4, new Brick(1, 10));
+    registry.addComponent(
+      brick4,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick5 = registry.spawnEntity();
+    registry.addComponent(brick5, new Position(644, 130));
+    registry.addComponent(brick5, new Box(141, 26));
+    registry.addComponent(brick5, new Brick(1, 10));
+    registry.addComponent(
+      brick5,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick6 = registry.spawnEntity();
+    registry.addComponent(brick6, new Position(793, 130));
+    registry.addComponent(brick6, new Box(141, 26));
+    registry.addComponent(brick6, new Brick(1, 10));
+    registry.addComponent(
+      brick6,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick7 = registry.spawnEntity();
+    registry.addComponent(brick7, new Position(942, 130));
+    registry.addComponent(brick7, new Box(141, 26));
+    registry.addComponent(brick7, new Brick(1, 10));
+    registry.addComponent(
+      brick7,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick8 = registry.spawnEntity();
+    registry.addComponent(brick8, new Position(1091, 130));
+    registry.addComponent(brick8, new Box(141, 26));
+    registry.addComponent(brick8, new Brick(1, 10));
+    registry.addComponent(
+      brick8,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick9 = registry.spawnEntity();
+    registry.addComponent(brick9, new Position(48, 164));
+    registry.addComponent(brick9, new Box(141, 26));
+    registry.addComponent(brick9, new Brick(1, 10));
+    registry.addComponent(
+      brick9,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick10 = registry.spawnEntity();
+    registry.addComponent(brick10, new Position(197, 164));
+    registry.addComponent(brick10, new Box(141, 26));
+    registry.addComponent(brick10, new Brick(1, 10));
+    registry.addComponent(
+      brick10,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick11 = registry.spawnEntity();
+    registry.addComponent(brick11, new Position(346, 164));
+    registry.addComponent(brick11, new Box(141, 26));
+    registry.addComponent(brick11, new Brick(1, 10));
+    registry.addComponent(
+      brick11,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick12 = registry.spawnEntity();
+    registry.addComponent(brick12, new Position(495, 164));
+    registry.addComponent(brick12, new Box(141, 26));
+    registry.addComponent(brick12, new Brick(1, 10));
+    registry.addComponent(
+      brick12,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick13 = registry.spawnEntity();
+    registry.addComponent(brick13, new Position(644, 164));
+    registry.addComponent(brick13, new Box(141, 26));
+    registry.addComponent(brick13, new Brick(1, 10));
+    registry.addComponent(
+      brick13,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick14 = registry.spawnEntity();
+    registry.addComponent(brick14, new Position(793, 164));
+    registry.addComponent(brick14, new Box(141, 26));
+    registry.addComponent(brick14, new Brick(1, 10));
+    registry.addComponent(
+      brick14,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick15 = registry.spawnEntity();
+    registry.addComponent(brick15, new Position(942, 164));
+    registry.addComponent(brick15, new Box(141, 26));
+    registry.addComponent(brick15, new Brick(1, 10));
+    registry.addComponent(
+      brick15,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick16 = registry.spawnEntity();
+    registry.addComponent(brick16, new Position(1091, 164));
+    registry.addComponent(brick16, new Box(141, 26));
+    registry.addComponent(brick16, new Brick(1, 10));
+    registry.addComponent(
+      brick16,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick17 = registry.spawnEntity();
+    registry.addComponent(brick17, new Position(48, 198));
+    registry.addComponent(brick17, new Box(141, 26));
+    registry.addComponent(brick17, new Brick(1, 10));
+    registry.addComponent(
+      brick17,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick18 = registry.spawnEntity();
+    registry.addComponent(brick18, new Position(197, 198));
+    registry.addComponent(brick18, new Box(141, 26));
+    registry.addComponent(brick18, new Brick(1, 10));
+    registry.addComponent(
+      brick18,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick19 = registry.spawnEntity();
+    registry.addComponent(brick19, new Position(346, 198));
+    registry.addComponent(brick19, new Box(141, 26));
+    registry.addComponent(brick19, new Brick(1, 10));
+    registry.addComponent(
+      brick19,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick20 = registry.spawnEntity();
+    registry.addComponent(brick20, new Position(495, 198));
+    registry.addComponent(brick20, new Box(141, 26));
+    registry.addComponent(brick20, new Brick(1, 10));
+    registry.addComponent(
+      brick20,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick21 = registry.spawnEntity();
+    registry.addComponent(brick21, new Position(644, 198));
+    registry.addComponent(brick21, new Box(141, 26));
+    registry.addComponent(brick21, new Brick(1, 10));
+    registry.addComponent(
+      brick21,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick22 = registry.spawnEntity();
+    registry.addComponent(brick22, new Position(793, 198));
+    registry.addComponent(brick22, new Box(141, 26));
+    registry.addComponent(brick22, new Brick(1, 10));
+    registry.addComponent(
+      brick22,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick23 = registry.spawnEntity();
+    registry.addComponent(brick23, new Position(942, 198));
+    registry.addComponent(brick23, new Box(141, 26));
+    registry.addComponent(brick23, new Brick(1, 10));
+    registry.addComponent(
+      brick23,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick24 = registry.spawnEntity();
+    registry.addComponent(brick24, new Position(1091, 198));
+    registry.addComponent(brick24, new Box(141, 26));
+    registry.addComponent(brick24, new Brick(1, 10));
+    registry.addComponent(
+      brick24,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+
+    registry.addSystem(levelFlow);
+    registry.addSystem(pauseOnEscape);
+  }
+}
+
+/**
+ * Level 2: a pyramid, faster.
+ *
+ * @scene
+ * @side client
+ * @vars level, bricksLeft, ballSpeed, served
+ */
+export class Level2 extends Level {
+  readonly next = Level3;
+
+  override setup(registry: Registry, ctx: Context) {
+    // Owned by the level: gone when the next one is loaded, which makes its own.
+    ctx.scenes.vars.init("level", 2);
+    ctx.scenes.vars.init("bricksLeft", 20);
+    ctx.scenes.vars.init("ballSpeed", 0.55);
+    ctx.scenes.vars.init("served", false);
+
+    const brick1 = registry.spawnEntity();
+    registry.addComponent(brick1, new Position(495, 130));
+    registry.addComponent(brick1, new Box(141, 26));
+    registry.addComponent(brick1, new Brick(1, 10));
+    registry.addComponent(
+      brick1,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick2 = registry.spawnEntity();
+    registry.addComponent(brick2, new Position(644, 130));
+    registry.addComponent(brick2, new Box(141, 26));
+    registry.addComponent(brick2, new Brick(1, 10));
+    registry.addComponent(
+      brick2,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#eb4d4b", cornerRadius: 4 })),
+    );
+    const brick3 = registry.spawnEntity();
+    registry.addComponent(brick3, new Position(346, 164));
+    registry.addComponent(brick3, new Box(141, 26));
+    registry.addComponent(brick3, new Brick(1, 10));
+    registry.addComponent(
+      brick3,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick4 = registry.spawnEntity();
+    registry.addComponent(brick4, new Position(495, 164));
+    registry.addComponent(brick4, new Box(141, 26));
+    registry.addComponent(brick4, new Brick(1, 10));
+    registry.addComponent(
+      brick4,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick5 = registry.spawnEntity();
+    registry.addComponent(brick5, new Position(644, 164));
+    registry.addComponent(brick5, new Box(141, 26));
+    registry.addComponent(brick5, new Brick(1, 10));
+    registry.addComponent(
+      brick5,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick6 = registry.spawnEntity();
+    registry.addComponent(brick6, new Position(793, 164));
+    registry.addComponent(brick6, new Box(141, 26));
+    registry.addComponent(brick6, new Brick(1, 10));
+    registry.addComponent(
+      brick6,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick7 = registry.spawnEntity();
+    registry.addComponent(brick7, new Position(197, 198));
+    registry.addComponent(brick7, new Box(141, 26));
+    registry.addComponent(brick7, new Brick(1, 10));
+    registry.addComponent(
+      brick7,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick8 = registry.spawnEntity();
+    registry.addComponent(brick8, new Position(346, 198));
+    registry.addComponent(brick8, new Box(141, 26));
+    registry.addComponent(brick8, new Brick(1, 10));
+    registry.addComponent(
+      brick8,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick9 = registry.spawnEntity();
+    registry.addComponent(brick9, new Position(495, 198));
+    registry.addComponent(brick9, new Box(141, 26));
+    registry.addComponent(brick9, new Brick(1, 10));
+    registry.addComponent(
+      brick9,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick10 = registry.spawnEntity();
+    registry.addComponent(brick10, new Position(644, 198));
+    registry.addComponent(brick10, new Box(141, 26));
+    registry.addComponent(brick10, new Brick(1, 10));
+    registry.addComponent(
+      brick10,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick11 = registry.spawnEntity();
+    registry.addComponent(brick11, new Position(793, 198));
+    registry.addComponent(brick11, new Box(141, 26));
+    registry.addComponent(brick11, new Brick(1, 10));
+    registry.addComponent(
+      brick11,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick12 = registry.spawnEntity();
+    registry.addComponent(brick12, new Position(942, 198));
+    registry.addComponent(brick12, new Box(141, 26));
+    registry.addComponent(brick12, new Brick(1, 10));
+    registry.addComponent(
+      brick12,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick13 = registry.spawnEntity();
+    registry.addComponent(brick13, new Position(48, 232));
+    registry.addComponent(brick13, new Box(141, 26));
+    registry.addComponent(brick13, new Brick(1, 10));
+    registry.addComponent(
+      brick13,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick14 = registry.spawnEntity();
+    registry.addComponent(brick14, new Position(197, 232));
+    registry.addComponent(brick14, new Box(141, 26));
+    registry.addComponent(brick14, new Brick(1, 10));
+    registry.addComponent(
+      brick14,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick15 = registry.spawnEntity();
+    registry.addComponent(brick15, new Position(346, 232));
+    registry.addComponent(brick15, new Box(141, 26));
+    registry.addComponent(brick15, new Brick(1, 10));
+    registry.addComponent(
+      brick15,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick16 = registry.spawnEntity();
+    registry.addComponent(brick16, new Position(495, 232));
+    registry.addComponent(brick16, new Box(141, 26));
+    registry.addComponent(brick16, new Brick(1, 10));
+    registry.addComponent(
+      brick16,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick17 = registry.spawnEntity();
+    registry.addComponent(brick17, new Position(644, 232));
+    registry.addComponent(brick17, new Box(141, 26));
+    registry.addComponent(brick17, new Brick(1, 10));
+    registry.addComponent(
+      brick17,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick18 = registry.spawnEntity();
+    registry.addComponent(brick18, new Position(793, 232));
+    registry.addComponent(brick18, new Box(141, 26));
+    registry.addComponent(brick18, new Brick(1, 10));
+    registry.addComponent(
+      brick18,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick19 = registry.spawnEntity();
+    registry.addComponent(brick19, new Position(942, 232));
+    registry.addComponent(brick19, new Box(141, 26));
+    registry.addComponent(brick19, new Brick(1, 10));
+    registry.addComponent(
+      brick19,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+    const brick20 = registry.spawnEntity();
+    registry.addComponent(brick20, new Position(1091, 232));
+    registry.addComponent(brick20, new Box(141, 26));
+    registry.addComponent(brick20, new Brick(1, 10));
+    registry.addComponent(
+      brick20,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#6ab04c", cornerRadius: 4 })),
+    );
+
+    registry.addSystem(levelFlow);
+    registry.addSystem(pauseOnEscape);
+  }
+}
+
+/**
+ * Level 3: bricks that take two hits, faster still. The last level.
+ *
+ * @scene
+ * @side client
+ * @vars level, bricksLeft, ballSpeed, served
+ */
+export class Level3 extends Level {
+  readonly next = undefined;
+
+  override setup(registry: Registry, ctx: Context) {
+    // Owned by the level: gone when the next one is loaded, which makes its own.
+    ctx.scenes.vars.init("level", 3);
+    ctx.scenes.vars.init("bricksLeft", 24);
+    ctx.scenes.vars.init("ballSpeed", 0.65);
+    ctx.scenes.vars.init("served", false);
+
+    const brick1 = registry.spawnEntity();
+    registry.addComponent(brick1, new Position(48, 130));
+    registry.addComponent(brick1, new Box(141, 26));
+    registry.addComponent(brick1, new Brick(2, 20));
+    registry.addComponent(
+      brick1,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick2 = registry.spawnEntity();
+    registry.addComponent(brick2, new Position(197, 130));
+    registry.addComponent(brick2, new Box(141, 26));
+    registry.addComponent(brick2, new Brick(2, 20));
+    registry.addComponent(
+      brick2,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick3 = registry.spawnEntity();
+    registry.addComponent(brick3, new Position(346, 130));
+    registry.addComponent(brick3, new Box(141, 26));
+    registry.addComponent(brick3, new Brick(2, 20));
+    registry.addComponent(
+      brick3,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick4 = registry.spawnEntity();
+    registry.addComponent(brick4, new Position(495, 130));
+    registry.addComponent(brick4, new Box(141, 26));
+    registry.addComponent(brick4, new Brick(2, 20));
+    registry.addComponent(
+      brick4,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick5 = registry.spawnEntity();
+    registry.addComponent(brick5, new Position(644, 130));
+    registry.addComponent(brick5, new Box(141, 26));
+    registry.addComponent(brick5, new Brick(2, 20));
+    registry.addComponent(
+      brick5,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick6 = registry.spawnEntity();
+    registry.addComponent(brick6, new Position(793, 130));
+    registry.addComponent(brick6, new Box(141, 26));
+    registry.addComponent(brick6, new Brick(2, 20));
+    registry.addComponent(
+      brick6,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick7 = registry.spawnEntity();
+    registry.addComponent(brick7, new Position(942, 130));
+    registry.addComponent(brick7, new Box(141, 26));
+    registry.addComponent(brick7, new Brick(2, 20));
+    registry.addComponent(
+      brick7,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick8 = registry.spawnEntity();
+    registry.addComponent(brick8, new Position(1091, 130));
+    registry.addComponent(brick8, new Box(141, 26));
+    registry.addComponent(brick8, new Brick(2, 20));
+    registry.addComponent(
+      brick8,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#eb4d4b",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick9 = registry.spawnEntity();
+    registry.addComponent(brick9, new Position(48, 164));
+    registry.addComponent(brick9, new Box(141, 26));
+    registry.addComponent(brick9, new Brick(1, 10));
+    registry.addComponent(
+      brick9,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick10 = registry.spawnEntity();
+    registry.addComponent(brick10, new Position(346, 164));
+    registry.addComponent(brick10, new Box(141, 26));
+    registry.addComponent(brick10, new Brick(1, 10));
+    registry.addComponent(
+      brick10,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick11 = registry.spawnEntity();
+    registry.addComponent(brick11, new Position(793, 164));
+    registry.addComponent(brick11, new Box(141, 26));
+    registry.addComponent(brick11, new Brick(1, 10));
+    registry.addComponent(
+      brick11,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick12 = registry.spawnEntity();
+    registry.addComponent(brick12, new Position(1091, 164));
+    registry.addComponent(brick12, new Box(141, 26));
+    registry.addComponent(brick12, new Brick(1, 10));
+    registry.addComponent(
+      brick12,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f0932b", cornerRadius: 4 })),
+    );
+    const brick13 = registry.spawnEntity();
+    registry.addComponent(brick13, new Position(48, 198));
+    registry.addComponent(brick13, new Box(141, 26));
+    registry.addComponent(brick13, new Brick(2, 20));
+    registry.addComponent(
+      brick13,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#f9ca24",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick14 = registry.spawnEntity();
+    registry.addComponent(brick14, new Position(197, 198));
+    registry.addComponent(brick14, new Box(141, 26));
+    registry.addComponent(brick14, new Brick(1, 10));
+    registry.addComponent(
+      brick14,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick15 = registry.spawnEntity();
+    registry.addComponent(brick15, new Position(346, 198));
+    registry.addComponent(brick15, new Box(141, 26));
+    registry.addComponent(brick15, new Brick(2, 20));
+    registry.addComponent(
+      brick15,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#f9ca24",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick16 = registry.spawnEntity();
+    registry.addComponent(brick16, new Position(495, 198));
+    registry.addComponent(brick16, new Box(141, 26));
+    registry.addComponent(brick16, new Brick(1, 10));
+    registry.addComponent(
+      brick16,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick17 = registry.spawnEntity();
+    registry.addComponent(brick17, new Position(644, 198));
+    registry.addComponent(brick17, new Box(141, 26));
+    registry.addComponent(brick17, new Brick(1, 10));
+    registry.addComponent(
+      brick17,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick18 = registry.spawnEntity();
+    registry.addComponent(brick18, new Position(793, 198));
+    registry.addComponent(brick18, new Box(141, 26));
+    registry.addComponent(brick18, new Brick(2, 20));
+    registry.addComponent(
+      brick18,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#f9ca24",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick19 = registry.spawnEntity();
+    registry.addComponent(brick19, new Position(942, 198));
+    registry.addComponent(brick19, new Box(141, 26));
+    registry.addComponent(brick19, new Brick(1, 10));
+    registry.addComponent(
+      brick19,
+      new Visual(new Rect({ width: 141, height: 26, fill: "#f9ca24", cornerRadius: 4 })),
+    );
+    const brick20 = registry.spawnEntity();
+    registry.addComponent(brick20, new Position(1091, 198));
+    registry.addComponent(brick20, new Box(141, 26));
+    registry.addComponent(brick20, new Brick(2, 20));
+    registry.addComponent(
+      brick20,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#f9ca24",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick21 = registry.spawnEntity();
+    registry.addComponent(brick21, new Position(48, 232));
+    registry.addComponent(brick21, new Box(141, 26));
+    registry.addComponent(brick21, new Brick(2, 20));
+    registry.addComponent(
+      brick21,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#6ab04c",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick22 = registry.spawnEntity();
+    registry.addComponent(brick22, new Position(346, 232));
+    registry.addComponent(brick22, new Box(141, 26));
+    registry.addComponent(brick22, new Brick(2, 20));
+    registry.addComponent(
+      brick22,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#6ab04c",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick23 = registry.spawnEntity();
+    registry.addComponent(brick23, new Position(793, 237));
+    registry.addComponent(brick23, new Box(141, 26));
+    registry.addComponent(brick23, new Brick(2, 20));
+    registry.addComponent(
+      brick23,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#6ab04c",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+    const brick24 = registry.spawnEntity();
+    registry.addComponent(brick24, new Position(1091, 232));
+    registry.addComponent(brick24, new Box(141, 26));
+    registry.addComponent(brick24, new Brick(2, 20));
+    registry.addComponent(
+      brick24,
+      new Visual(
+        new Rect({
+          width: 141,
+          height: 26,
+          fill: "#6ab04c",
+          cornerRadius: 4,
+          stroke: "#ffffff",
+          strokeWidth: 3,
+        }),
+      ),
+    );
+
+    registry.addSystem(levelFlow);
+    registry.addSystem(pauseOnEscape);
+  }
+}
diff --git a/examples/breakout/apps/client/src/scenes/menu.ts b/examples/breakout/apps/client/src/scenes/menu.ts
new file mode 100644
index 00000000..5300c9db
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/menu.ts
@@ -0,0 +1,98 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Text } from "@nanoforge-dev/graphics-2d";
+import { InputEnum } from "@nanoforge-dev/input";
+
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { justPressed } from "../keys";
+import { Level1 } from "./levels";
+
+/**
+ * The title screen. Enter starts a game at level 1, which loads `Run` first.
+ *
+ * @scene
+ * @side client
+ * @vars best
+ */
+export class Menu extends EcsScene {
+  override setup(registry: Registry, ctx: Context) {
+    // Persistent: kept from one game to the next, while every other var goes with its scene.
+    const best = ctx.scenes.vars.init("best", 0, { persistent: true });
+
+    const title = registry.spawnEntity();
+    registry.addComponent(title, new Position(0, 170));
+    registry.addComponent(
+      title,
+      new Visual(
+        new Text({
+          text: "BREAKOUT",
+          fontSize: 110,
+          fill: "#4aa3ff",
+          fontFamily: "monospace",
+          fontStyle: "bold",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const prompt = registry.spawnEntity();
+    registry.addComponent(prompt, new Position(0, 360));
+    registry.addComponent(
+      prompt,
+      new Visual(
+        new Text({
+          text: "Press Enter to play",
+          fontSize: 36,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const bestScore = registry.spawnEntity();
+    registry.addComponent(bestScore, new Position(0, 430));
+    registry.addComponent(
+      bestScore,
+      new Visual(
+        new Text({
+          text: `Best score ${best}`,
+          fontSize: 28,
+          fill: "#f9ca24",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const keys = registry.spawnEntity();
+    registry.addComponent(keys, new Position(0, 600));
+    registry.addComponent(
+      keys,
+      new Visual(
+        new Text({
+          text: "← → move   Space serve   Esc pause",
+          fontSize: 24,
+          fill: "#8a93ad",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+
+    registry.addSystem(startOnEnter);
+  }
+}
+
+/**
+ * Starts a game when Enter is pressed.
+ *
+ * @system
+ * @side client
+ */
+export function startOnEnter(_registry: Registry, ctx: Context) {
+  if (justPressed(ctx, InputEnum.Enter)) void ctx.scenes.load(ctx, Level1);
+}
diff --git a/examples/breakout/apps/client/src/scenes/pause.ts b/examples/breakout/apps/client/src/scenes/pause.ts
new file mode 100644
index 00000000..22176443
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/pause.ts
@@ -0,0 +1,78 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Rect, Text } from "@nanoforge-dev/graphics-2d";
+import { InputEnum } from "@nanoforge-dev/input";
+
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { justPressed } from "../keys";
+import { Menu } from "./menu";
+
+/**
+ * The pause menu. It has no parent of its own: it is loaded over the current level
+ * (`parent: "current"`), so unloading it goes back to that level as it was.
+ *
+ * @scene
+ * @side client
+ * @vars paused
+ */
+export class Pause extends EcsScene {
+  override setup(registry: Registry, ctx: Context) {
+    // The game's systems stop while it exists, and it goes with this scene.
+    ctx.scenes.vars.init("paused", true);
+
+    const shade = registry.spawnEntity();
+    registry.addComponent(shade, new Position(0, 0));
+    registry.addComponent(
+      shade,
+      new Visual(new Rect({ width: 1280, height: 720, fill: "rgba(8, 10, 18, 0.72)" })),
+    );
+    const title = registry.spawnEntity();
+    registry.addComponent(title, new Position(0, 250));
+    registry.addComponent(
+      title,
+      new Visual(
+        new Text({
+          text: "Paused",
+          fontSize: 72,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          fontStyle: "bold",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const keys = registry.spawnEntity();
+    registry.addComponent(keys, new Position(0, 370));
+    registry.addComponent(
+      keys,
+      new Visual(
+        new Text({
+          text: "Esc  resume      Q  quit to the menu",
+          fontSize: 30,
+          fill: "#8a93ad",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+
+    registry.addSystem(pauseMenu);
+  }
+}
+
+/**
+ * Resumes the level with Escape or P, or quits to the menu with Q.
+ *
+ * @system
+ * @side client
+ */
+export function pauseMenu(_registry: Registry, ctx: Context) {
+  const escape = justPressed(ctx, InputEnum.Escape);
+  const p = justPressed(ctx, InputEnum.KeyP);
+  if (escape || p) void ctx.scenes.unload(ctx, Pause);
+  else if (justPressed(ctx, InputEnum.KeyQ)) void ctx.scenes.load(ctx, Menu);
+}
diff --git a/examples/breakout/apps/client/src/scenes/run.ts b/examples/breakout/apps/client/src/scenes/run.ts
new file mode 100644
index 00000000..d0dc738c
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/run.ts
@@ -0,0 +1,115 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Rect, Text } from "@nanoforge-dev/graphics-2d";
+
+import { Ball } from "../components/ball";
+import { Box } from "../components/box";
+import { HudText } from "../components/hud-text";
+import { Paddle } from "../components/paddle";
+import { Position } from "../components/position";
+import { Velocity } from "../components/velocity";
+import { Visual } from "../components/visual";
+import { loseBall } from "../systems/lose-ball";
+import { moveBall } from "../systems/move-ball";
+import { movePaddle } from "../systems/move-paddle";
+import { updateHud } from "../systems/update-hud";
+
+/**
+ * A game, from the first level to the last or to the last life: the walls, the paddle, the ball
+ * and the top bar. The levels are loaded under it, so they keep the paddle, the ball, the score
+ * and the lives.
+ *
+ * It must not import a level (or anything that does): the levels name it as their parent when
+ * their module is evaluated.
+ *
+ * @scene
+ * @side client
+ * @vars score, lives
+ */
+export class Run extends EcsScene {
+  override setup(registry: Registry, ctx: Context) {
+    ctx.scenes.vars.init("score", 0);
+    ctx.scenes.vars.init("lives", 3);
+
+    const topBar = registry.spawnEntity();
+    registry.addComponent(topBar, new Position(0, 0));
+    registry.addComponent(
+      topBar,
+      new Visual(new Rect({ width: 1280, height: 80, fill: "#1b2133" })),
+    );
+    const leftWall = registry.spawnEntity();
+    registry.addComponent(leftWall, new Position(0, 80));
+    registry.addComponent(
+      leftWall,
+      new Visual(new Rect({ width: 40, height: 640, fill: "#2a3350" })),
+    );
+    const rightWall = registry.spawnEntity();
+    registry.addComponent(rightWall, new Position(1240, 80));
+    registry.addComponent(
+      rightWall,
+      new Visual(new Rect({ width: 40, height: 640, fill: "#2a3350" })),
+    );
+
+    const score = registry.spawnEntity();
+    registry.addComponent(score, new Position(60, 28));
+    registry.addComponent(score, new HudText("score"));
+    registry.addComponent(
+      score,
+      new Visual(new Text({ fontSize: 30, fill: "#e8ecf8", fontFamily: "monospace" })),
+    );
+    const level = registry.spawnEntity();
+    registry.addComponent(level, new Position(0, 28));
+    registry.addComponent(level, new HudText("level"));
+    registry.addComponent(
+      level,
+      new Visual(
+        new Text({
+          fontSize: 30,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const lives = registry.spawnEntity();
+    registry.addComponent(lives, new Position(60, 28));
+    registry.addComponent(lives, new HudText("lives"));
+    registry.addComponent(
+      lives,
+      new Visual(
+        new Text({
+          fontSize: 30,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          width: 1160,
+          align: "right",
+        }),
+      ),
+    );
+
+    const paddle = registry.spawnEntity();
+    registry.addComponent(paddle, new Position(560, 660));
+    registry.addComponent(paddle, new Box(160, 18));
+    registry.addComponent(paddle, new Paddle(0.9));
+    registry.addComponent(
+      paddle,
+      new Visual(new Rect({ width: 160, height: 18, fill: "#4aa3ff", cornerRadius: 6 })),
+    );
+    const ball = registry.spawnEntity();
+    registry.addComponent(ball, new Position(631, 640));
+    registry.addComponent(ball, new Box(18, 18));
+    registry.addComponent(ball, new Velocity(0, 0));
+    registry.addComponent(ball, new Ball());
+    registry.addComponent(
+      ball,
+      new Visual(new Rect({ width: 18, height: 18, fill: "#ffffff", cornerRadius: 9 })),
+    );
+
+    registry.addSystem(movePaddle);
+    registry.addSystem(moveBall);
+    registry.addSystem(loseBall);
+    registry.addSystem(updateHud);
+  }
+}
diff --git a/examples/breakout/apps/client/src/scenes/victory.ts b/examples/breakout/apps/client/src/scenes/victory.ts
new file mode 100644
index 00000000..12ff4ced
--- /dev/null
+++ b/examples/breakout/apps/client/src/scenes/victory.ts
@@ -0,0 +1,81 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { EcsScene } from "@nanoforge-dev/ecs/scene";
+import { Text } from "@nanoforge-dev/graphics-2d";
+import type { SceneLoadContext } from "@nanoforge-dev/scene";
+
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { backToMenu } from "../systems/back-to-menu";
+import { recordBest } from "../systems/record-best";
+
+/**
+ * Shown when the last level is cleared, with the score. It is a root scene: loading it unloads the level and `Run`, whose vars (`score`,
+ * `lives`…) go with them, so the score comes as a param.
+ *
+ * @scene
+ * @side client
+ * @vars best
+ */
+export class Victory extends EcsScene<{
+  /** The score of the game that ended. */
+  score: number;
+}> {
+  override setup(
+    registry: Registry,
+    ctx: Context,
+    { params }: SceneLoadContext<{ score: number }>,
+  ) {
+    const score = params?.score ?? 0;
+    const record = recordBest(ctx, score);
+
+    const title = registry.spawnEntity();
+    registry.addComponent(title, new Position(0, 200));
+    registry.addComponent(
+      title,
+      new Visual(
+        new Text({
+          text: "You win!",
+          fontSize: 96,
+          fill: "#6ab04c",
+          fontFamily: "monospace",
+          fontStyle: "bold",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const scoreText = registry.spawnEntity();
+    registry.addComponent(scoreText, new Position(0, 340));
+    registry.addComponent(
+      scoreText,
+      new Visual(
+        new Text({
+          text: `Score ${score}${record ? " (new best!)" : ""}`,
+          fontSize: 40,
+          fill: "#e8ecf8",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+    const prompt = registry.spawnEntity();
+    registry.addComponent(prompt, new Position(0, 520));
+    registry.addComponent(
+      prompt,
+      new Visual(
+        new Text({
+          text: "Press Enter",
+          fontSize: 30,
+          fill: "#8a93ad",
+          fontFamily: "monospace",
+          width: 1280,
+          align: "center",
+        }),
+      ),
+    );
+
+    registry.addSystem(backToMenu);
+  }
+}
diff --git a/examples/breakout/apps/client/src/systems/back-to-menu.ts b/examples/breakout/apps/client/src/systems/back-to-menu.ts
new file mode 100644
index 00000000..3dee54d8
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/back-to-menu.ts
@@ -0,0 +1,16 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { InputEnum } from "@nanoforge-dev/input";
+
+import { justPressed } from "../keys";
+import { Menu } from "../scenes/menu";
+
+/**
+ * Goes back to the menu when Enter is pressed (the end screens).
+ *
+ * @system
+ * @side client
+ */
+export function backToMenu(_registry: Registry, ctx: Context) {
+  if (justPressed(ctx, InputEnum.Enter)) void ctx.scenes.load(ctx, Menu);
+}
diff --git a/examples/breakout/apps/client/src/systems/draw-visuals.ts b/examples/breakout/apps/client/src/systems/draw-visuals.ts
new file mode 100644
index 00000000..0172c356
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/draw-visuals.ts
@@ -0,0 +1,16 @@
+import type { Registry } from "@nanoforge-dev/ecs/client";
+
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+
+/**
+ * Puts each shape where its entity is.
+ *
+ * @system
+ * @side client
+ */
+export function drawVisuals(registry: Registry) {
+  registry.getZipper([Visual, Position]).forEach(({ Visual, Position }) => {
+    Visual.shape.position({ x: Position.x, y: Position.y });
+  });
+}
diff --git a/examples/breakout/apps/client/src/systems/lose-ball.ts b/examples/breakout/apps/client/src/systems/lose-ball.ts
new file mode 100644
index 00000000..c5be5a4f
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/lose-ball.ts
@@ -0,0 +1,23 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+
+import { HEIGHT } from "../arena";
+import { Ball } from "../components/ball";
+import { Position } from "../components/position";
+
+/**
+ * Takes a life when the ball falls below the paddle, and puts the ball back on it.
+ *
+ * @system
+ * @side client
+ */
+export function loseBall(registry: Registry, ctx: Context) {
+  const vars = ctx.scenes.vars;
+  if (vars.has("paused") || !vars.get("served")) return;
+
+  registry.getZipper([Ball, Position]).forEach(({ Position }) => {
+    if (Position.y < HEIGHT) return;
+    vars.set("lives", (vars.get("lives") ?? 1) - 1);
+    vars.set("served", false);
+  });
+}
diff --git a/examples/breakout/apps/client/src/systems/move-ball.ts b/examples/breakout/apps/client/src/systems/move-ball.ts
new file mode 100644
index 00000000..490533fa
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/move-ball.ts
@@ -0,0 +1,117 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import type { Rect } from "@nanoforge-dev/graphics-2d";
+import { InputEnum } from "@nanoforge-dev/input";
+
+import { ARENA } from "../arena";
+import { Ball } from "../components/ball";
+import { Box } from "../components/box";
+import { Brick } from "../components/brick";
+import { Paddle } from "../components/paddle";
+import { Position } from "../components/position";
+import { Visual } from "../components/visual";
+import { Velocity } from "../components/velocity";
+import { justPressed } from "../keys";
+
+/** The largest angle of a bounce on the paddle, from vertical, at its ends. */
+const MAX_BOUNCE = (60 * Math.PI) / 180;
+/** Longer ticks are cut to this, so the ball never goes through a brick. */
+const MAX_DELTA = 32;
+
+interface Bounds {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+
+const overlap = (a: Bounds, b: Bounds) =>
+  a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
+
+/**
+ * Serves the ball with Space, moves it, and bounces it on the walls, the paddle and the bricks.
+ * A broken brick adds its points to `score` and takes one from `bricksLeft`.
+ *
+ * @system
+ * @side client
+ */
+export function moveBall(registry: Registry, ctx: Context) {
+  const vars = ctx.scenes.vars;
+  if (vars.has("paused")) return;
+  const paddle = registry.getZipper([Paddle, Position, Box])[0];
+  if (!paddle) return;
+  const speed = vars.get("ballSpeed") ?? 0.5;
+  const delta = Math.min(ctx.app.delta, MAX_DELTA);
+
+  registry.getZipper([Ball, Position, Velocity, Box]).forEach(({ Position, Velocity, Box }) => {
+    if (!vars.get("served")) {
+      // On the paddle, until Space.
+      Position.x = paddle.Position.x + (paddle.Box.width - Box.width) / 2;
+      Position.y = paddle.Position.y - Box.height - 2;
+      if (justPressed(ctx, InputEnum.Space)) {
+        vars.set("served", true);
+        Velocity.x = speed * Math.sin(MAX_BOUNCE / 2);
+        Velocity.y = -speed * Math.cos(MAX_BOUNCE / 2);
+      }
+      return;
+    }
+
+    Position.x += Velocity.x * delta;
+    Position.y += Velocity.y * delta;
+    const ball = { x: Position.x, y: Position.y, width: Box.width, height: Box.height };
+
+    // Walls
+    if (Position.x < ARENA.left) {
+      Position.x = ARENA.left;
+      Velocity.x = Math.abs(Velocity.x);
+    } else if (Position.x + Box.width > ARENA.right) {
+      Position.x = ARENA.right - Box.width;
+      Velocity.x = -Math.abs(Velocity.x);
+    }
+    if (Position.y < ARENA.top) {
+      Position.y = ARENA.top;
+      Velocity.y = Math.abs(Velocity.y);
+    }
+
+    // Paddle: the further from its middle, the wider the angle.
+    const pad = { ...paddle.Position, width: paddle.Box.width, height: paddle.Box.height };
+    if (Velocity.y > 0 && overlap(ball, pad)) {
+      const offset = (ball.x + ball.width / 2 - (pad.x + pad.width / 2)) / (pad.width / 2);
+      const angle = Math.max(-1, Math.min(1, offset)) * MAX_BOUNCE;
+      Velocity.x = speed * Math.sin(angle);
+      Velocity.y = -speed * Math.cos(angle);
+      Position.y = pad.y - Box.height;
+      return;
+    }
+
+    // Bricks: one per tick, bounced on the side it went in the least.
+    const hit = registry
+      .getZipper([Brick, Position, Box, Visual])
+      .find(
+        (brick) =>
+          brick.Brick.hits > 0 &&
+          overlap(ball, { ...brick.Position, width: brick.Box.width, height: brick.Box.height }),
+      );
+    if (!hit) return;
+    const inX = Math.min(
+      ball.x + ball.width - hit.Position.x,
+      hit.Position.x + hit.Box.width - ball.x,
+    );
+    const inY = Math.min(
+      ball.y + ball.height - hit.Position.y,
+      hit.Position.y + hit.Box.height - ball.y,
+    );
+    if (inX < inY) Velocity.x = -Velocity.x;
+    else Velocity.y = -Velocity.y;
+
+    hit.Brick.hits--;
+    const shape = hit.Visual.shape as Rect;
+    if (hit.Brick.hits > 0) {
+      shape.opacity(0.55);
+      return;
+    }
+    shape.visible(false);
+    vars.set("score", (vars.get("score") ?? 0) + hit.Brick.points);
+    vars.set("bricksLeft", (vars.get("bricksLeft") ?? 1) - 1);
+  });
+}
diff --git a/examples/breakout/apps/client/src/systems/move-paddle.ts b/examples/breakout/apps/client/src/systems/move-paddle.ts
new file mode 100644
index 00000000..6b3650ee
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/move-paddle.ts
@@ -0,0 +1,26 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import { InputEnum } from "@nanoforge-dev/input";
+
+import { ARENA } from "../arena";
+import { Box } from "../components/box";
+import { Paddle } from "../components/paddle";
+import { Position } from "../components/position";
+
+/**
+ * Moves the paddle with the left and right arrows, inside the walls.
+ *
+ * @system
+ * @side client
+ */
+export function movePaddle(registry: Registry, ctx: Context) {
+  if (ctx.scenes.vars.has("paused")) return;
+  const left = ctx.input.isKeyPressed(InputEnum.ArrowLeft) === true;
+  const right = ctx.input.isKeyPressed(InputEnum.ArrowRight) === true;
+  const direction = Number(right) - Number(left);
+
+  registry.getZipper([Paddle, Position, Box]).forEach(({ Paddle, Position, Box }) => {
+    const x = Position.x + direction * Paddle.speed * ctx.app.delta;
+    Position.x = Math.min(Math.max(x, ARENA.left), ARENA.right - Box.width);
+  });
+}
diff --git a/examples/breakout/apps/client/src/systems/record-best.ts b/examples/breakout/apps/client/src/systems/record-best.ts
new file mode 100644
index 00000000..450e7112
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/record-best.ts
@@ -0,0 +1,14 @@
+import type { Context } from "@nanoforge-dev/common";
+
+/**
+ * Keeps the best score (a persistent var).
+ *
+ * @returns Whether `score` is a new best score.
+ */
+export const recordBest = (ctx: Context, score: number): boolean => {
+  const vars = ctx.scenes.vars;
+  vars.init("best", 0, { persistent: true });
+  if (score <= (vars.get("best") ?? 0)) return false;
+  vars.set("best", score);
+  return true;
+};
diff --git a/examples/breakout/apps/client/src/systems/update-hud.ts b/examples/breakout/apps/client/src/systems/update-hud.ts
new file mode 100644
index 00000000..154b8593
--- /dev/null
+++ b/examples/breakout/apps/client/src/systems/update-hud.ts
@@ -0,0 +1,22 @@
+import type { Context } from "@nanoforge-dev/common";
+import type { Registry } from "@nanoforge-dev/ecs/client";
+import type { Text } from "@nanoforge-dev/graphics-2d";
+
+import { HudText } from "../components/hud-text";
+import { Visual } from "../components/visual";
+
+const LABELS = { score: "Score", lives: "Lives", level: "Level" } as const;
+
+/**
+ * Writes the score, the lives and the level in the top bar.
+ *
+ * @system
+ * @side client
+ */
+export function updateHud(registry: Registry, ctx: Context) {
+  registry.getZipper([HudText, Visual]).forEach(({ HudText, Visual }) => {
+    const show = (HudText as HudText).show;
+    const value = ctx.scenes.vars.get(show) ?? "-";
+    (Visual.shape as Text).text(`${LABELS[show]} ${value}`);
+  });
+}
diff --git a/examples/breakout/apps/client/tsconfig.json b/examples/breakout/apps/client/tsconfig.json
new file mode 100644
index 00000000..fa686e94
--- /dev/null
+++ b/examples/breakout/apps/client/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", ".nanoforge"]
+}
diff --git a/examples/breakout/nanoforge.config.ts b/examples/breakout/nanoforge.config.ts
new file mode 100644
index 00000000..99f24783
--- /dev/null
+++ b/examples/breakout/nanoforge.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "workspace",
+  packages: ["apps/*"],
+});
diff --git a/examples/breakout/package.json b/examples/breakout/package.json
new file mode 100644
index 00000000..1c39508f
--- /dev/null
+++ b/examples/breakout/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "breakout",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "description": "A breakout made of scenes: menu, levels, pause and end screens",
+  "scripts": {
+    "start": "nf start",
+    "build": "nf build"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/asset": "*",
+    "@nanoforge-dev/common": "*",
+    "@nanoforge-dev/core": "*",
+    "@nanoforge-dev/env": "*",
+    "@nanoforge-dev/cli": "^2.3.0",
+    "@nanoforge-dev/config": "^2.3.0",
+    "prettier": "^3.0.0",
+    "typescript": "^5.9.0 || ^6.0.0"
+  }
+}
diff --git a/examples/breakout/tsconfig.json b/examples/breakout/tsconfig.json
new file mode 100644
index 00000000..33d391ef
--- /dev/null
+++ b/examples/breakout/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "compilerOptions": {
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "lib": ["ESNext", "esnext.disposable", "DOM"],
+    "target": "ESNext",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": true,
+    "noEmit": true
+  },
+  "exclude": ["node_modules", "**/dist", "**/.nanoforge"]
+}
diff --git a/examples/counter-plugin/.gitignore b/examples/counter-plugin/.gitignore
new file mode 100644
index 00000000..f06235c4
--- /dev/null
+++ b/examples/counter-plugin/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/examples/counter-plugin/README.md b/examples/counter-plugin/README.md
new file mode 100644
index 00000000..088da4ba
--- /dev/null
+++ b/examples/counter-plugin/README.md
@@ -0,0 +1,23 @@
+# Counter
+
+A NanoForge editor plugin (`@acme/counter`).
+
+- `nanoforge.manifest.json`: what the plugin adds to the editor (a panel, a command, a menu entry, a setting).
+- `src/index.ts`: `activate`, run when the panel is first shown or the command first runs.
+- `src/Panel.svelte`: the panel.
+
+## Run it in the editor
+
+```sh
+pnpm install
+pnpm dev                                  # rebuilds dist/ on every change
+DEV_PLUGINS=$(pwd) nf editor <a project>  # in another terminal: the editor reloads the plugin
+```
+
+The Counter panel opens in the bottom right dock. _View › Panels › Counter_ shows it again once closed, and _Edit › Add to the counter_ runs its command.
+
+## Install it without the dev mode
+
+Build it (`pnpm build`), then copy `dist/` to `~/.nanoforge/editor/plugins/@acme/counter` (every project) or to `<project>/.nanoforge/plugins/@acme/counter` (that project).
+
+The plugin authoring guide has the rest: the manifest, the SDK, extension points, settings, history.
diff --git a/examples/counter-plugin/nanoforge.manifest.json b/examples/counter-plugin/nanoforge.manifest.json
new file mode 100644
index 00000000..e4f45b88
--- /dev/null
+++ b/examples/counter-plugin/nanoforge.manifest.json
@@ -0,0 +1,49 @@
+{
+  "type": "plugin",
+  "name": "@acme/counter",
+  "version": "0.1.0",
+  "displayName": "Counter",
+  "description": "Counts, to show how an editor plugin is made.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "entry": {
+    "client": "index.js"
+  },
+  "activation": ["onWidget:counter.panel", "onCommand:counter.add"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "counter.panel",
+        "title": "Counter",
+        "icon": "plus",
+        "defaultSlot": "rightBottom",
+        "order": 900
+      }
+    ],
+    "commands": [
+      {
+        "id": "counter.add",
+        "title": "Add to the counter",
+        "category": "Counter"
+      }
+    ],
+    "menus": [
+      {
+        "menu": "edit",
+        "command": "counter.add",
+        "group": "counter"
+      }
+    ],
+    "settings": [
+      {
+        "key": "step",
+        "type": "number",
+        "default": 1,
+        "title": "Step",
+        "description": "How much each click adds.",
+        "category": "Counter"
+      }
+    ]
+  }
+}
diff --git a/examples/counter-plugin/package.json b/examples/counter-plugin/package.json
new file mode 100644
index 00000000..f3dbf351
--- /dev/null
+++ b/examples/counter-plugin/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "counter-editor-plugin",
+  "version": "0.1.0",
+  "private": true,
+  "description": "Counter: a NanoForge editor plugin",
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "^1.0.0",
+    "@nanoforge-dev/editor-vite-plugin": "^1.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0 || ^7.0.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "typescript": "^5.9.0",
+    "vite": "^7.0.0 || ^8.0.0"
+  }
+}
diff --git a/examples/counter-plugin/src/Panel.svelte b/examples/counter-plugin/src/Panel.svelte
new file mode 100644
index 00000000..fd203d14
--- /dev/null
+++ b/examples/counter-plugin/src/Panel.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+  import { EditorServices } from '@nanoforge-dev/editor-sdk';
+  import { Button, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { count } from './counter';
+  import { HISTORY } from './index';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  const add = () => instance.services.get(EditorServices.Commands).execute('counter.add');
+
+  // While this panel has focus, undo and redo act on the plugin's history.
+  $effect(() => {
+    instance.setHistoryContext(HISTORY);
+    return () => instance.setHistoryContext(undefined);
+  });
+</script>
+
+<section class="counter" aria-label="Counter">
+  <p class="count" role="status">{$count}</p>
+  <Button variant="primary" onclick={() => void add()}>Add</Button>
+</section>
+
+<style>
+  .counter {
+    display: grid;
+    gap: var(--nf-space-3);
+    justify-items: center;
+    padding: var(--nf-space-4);
+  }
+  .count {
+    margin: 0;
+    font-size: 2.5rem;
+    font-weight: 600;
+  }
+</style>
diff --git a/examples/counter-plugin/src/counter.ts b/examples/counter-plugin/src/counter.ts
new file mode 100644
index 00000000..3639b1e6
--- /dev/null
+++ b/examples/counter-plugin/src/counter.ts
@@ -0,0 +1,4 @@
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+
+/** The plugin's state, shared by its command and its panel. */
+export const count = new ObservableValue(0);
diff --git a/examples/counter-plugin/src/index.ts b/examples/counter-plugin/src/index.ts
new file mode 100644
index 00000000..c53f32f5
--- /dev/null
+++ b/examples/counter-plugin/src/index.ts
@@ -0,0 +1,52 @@
+import type { Component } from 'svelte';
+
+import { HistoryServiceToken, SettingsServiceToken, definePlugin } from '@nanoforge-dev/editor-sdk';
+import { StyleServiceToken, WIDGET_VIEWS, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+import Panel from './Panel.svelte';
+import { count } from './counter';
+
+/** Undo and redo target of the panel (see Panel.svelte). */
+export const HISTORY = 'counter';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+
+    // The panel's styles are built into counter.css: the plugin injects them when it starts.
+    const css = await fetch(context.resolveAsset('counter.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+
+    // The view of the widget declared in the manifest.
+    context.subscriptions.add(
+      context.contribute(WIDGET_VIEWS, {
+        id: 'counter.panel',
+        component: Panel as Component<{ instance: WidgetInstance }>,
+      }),
+    );
+
+    // A history of its own: each addition can be undone with Ctrl+Z while the panel has focus.
+    const history = services.get(HistoryServiceToken).registerContext({
+      id: HISTORY,
+      label: 'Counter',
+      owner: context.name,
+    });
+    context.subscriptions.add(history);
+
+    // The command declared in the manifest. Settings keys carry the plugin's name.
+    const settings = services.get(SettingsServiceToken);
+    context.subscriptions.add(
+      context.registerCommand('counter.add', async () => {
+        const step = Number(settings.get('@acme/counter.step')) || 1;
+        await history.stack.push({
+          label: `Add ${step}`,
+          do: () => count.set(count.get() + step),
+          undo: () => count.set(count.get() - step),
+        });
+        context.logger.info(`Counter: ${count.get()}`);
+      }),
+    );
+  },
+});
diff --git a/examples/counter-plugin/svelte.config.js b/examples/counter-plugin/svelte.config.js
new file mode 100644
index 00000000..ebe8f7ab
--- /dev/null
+++ b/examples/counter-plugin/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode, like the editor. */
+export default { compilerOptions: { runes: true } };
diff --git a/examples/counter-plugin/tsconfig.json b/examples/counter-plugin/tsconfig.json
new file mode 100644
index 00000000..f391075b
--- /dev/null
+++ b/examples/counter-plugin/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/examples/counter-plugin/vite.config.ts b/examples/counter-plugin/vite.config.ts
new file mode 100644
index 00000000..9696c802
--- /dev/null
+++ b/examples/counter-plugin/vite.config.ts
@@ -0,0 +1,12 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+// Builds dist/: index.js, counter.css and the manifest. The editor loads that folder.
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'counter' },
+  },
+});
diff --git a/messages/en.json b/messages/en.json
deleted file mode 100644
index 97efb220..00000000
--- a/messages/en.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "$schema": "https://inlang.com/schema/inlang-message-format",
-  "hello_world": "Hello, {name} from en!"
-}
diff --git a/messages/fr.json b/messages/fr.json
deleted file mode 100644
index 45f5fefe..00000000
--- a/messages/fr.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "$schema": "https://inlang.com/schema/inlang-message-format",
-  "hello_world": "Hello, {name} from fr!"
-}
diff --git a/package.json b/package.json
index 9b4f40fa..ca52ce52 100644
--- a/package.json
+++ b/package.json
@@ -1,139 +1,65 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
-  "name": "@nanoforge-dev/editor",
-  "version": "0.1.5",
-  "description": "NanoForge Editor",
-  "keywords": [
-    "nanoforge",
-    "game",
-    "editor"
-  ],
+  "name": "@nanoforge-dev/editor-workspace",
+  "version": "0.0.0",
+  "description": "NanoForge Editor monorepo",
   "homepage": "https://github.com/NanoForge-dev/Editor#readme",
   "bugs": "https://github.com/NanoForge-dev/Editor/issues",
   "license": "MIT",
   "contributors": [
-    "Bill <timothe.jacquot@epitech.eu>",
-    "Exelo <exelo.corp@gmail.com>",
+    "Exelo <contact@exelo.dev>",
     "Fexkoser <martin.fillon@epitech.eu>",
-    "Tchips <leo.outmizguine@epitech.eu>"
-  ],
-  "files": [
-    "dist"
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
   ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "exports": {
-    "./package.json": "./package.json"
-  },
   "type": "module",
-  "directories": {
-    "lib": "src"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/NanoForge-dev/Editor.git"
   },
   "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
   "scripts": {
-    "dev": "bun --bun run vite dev",
-    "build": "bun --bun run vite build",
-    "preview": "bun --bun run vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check . && eslint --format=pretty src",
-    "format": "prettier --write . && eslint --fix --format=pretty src",
-    "changelog": "git cliff --prepend ./CHANGELOG.md -u -c ./cliff.toml -r . --include-path '.'",
-    "release": "cliff-jumper",
-    "test": "pnpm run test:unit && pnpm run test:e2e",
-    "test:unit": "vitest run -c vite.config.ts",
-    "test:unit:watch": "vitest -c vite.config.ts",
-    "test:e2e": "vitest run -c vite.config.e2e.ts",
-    "test:e2e:watch": "vitest -c vite.config.e2e.ts",
-    "test:coverage": "pnpm run test:unit --coverage && pnpm run test:e2e --coverage",
+    "dev": "turbo run dev --filter=@nanoforge-dev/editor --filter='./plugins/*'",
+    "build": "turbo run build",
+    "typecheck": "turbo run typecheck",
+    "lint": "prettier --check . && eslint --format=pretty scripts commitlint.config.cjs vitest.setup.ts vitest.global-setup.ts && turbo run lint",
+    "format": "prettier --write . && turbo run format",
+    "test": "pnpm run test:unit",
+    "test:unit": "turbo run test:unit",
+    "example": "node scripts/example.mjs",
     "prepare": "husky"
   },
-  "dependencies": {
-    "bun": "catalog:core",
-    "class-transformer": "catalog:libs-back",
-    "class-validator": "catalog:libs-back",
-    "dotenv": "catalog:libs-back",
-    "micromatch": "catalog:libs-back",
-    "tar": "catalog:libs-back",
-    "typescript": "catalog:build"
-  },
   "devDependencies": {
-    "@alexanderniebuhr/prettier-plugin-unocss": "catalog:css",
     "@commitlint/cli": "catalog:ci",
     "@commitlint/config-conventional": "catalog:ci",
-    "@favware/cliff-jumper": "catalog:ci",
-    "@iconify-json/clarity": "catalog:icons",
-    "@iconify-json/ic": "catalog:icons",
-    "@iconify-json/icomoon-free": "^1.2.1",
-    "@iconify-json/material-icon-theme": "catalog:icons",
-    "@iconify-json/solar": "catalog:icons",
-    "@inlang/paraglide-js": "catalog:i18n",
-    "@internationalized/date": "catalog:libs-front",
-    "@lucide/svelte": "catalog:icons",
     "@nanoforge-dev/actions": "catalog:ci",
-    "@nanoforge-dev/ecs-lib": "catalog:core",
     "@nanoforge-dev/utils-eslint-config": "catalog:lint",
     "@nanoforge-dev/utils-prettier-config": "catalog:lint",
-    "@playwright/test": "catalog:test",
-    "@sveltejs/kit": "catalog:core",
-    "@sveltejs/vite-plugin-svelte": "catalog:core",
-    "@tanstack/svelte-query": "catalog:libs-front",
     "@trivago/prettier-plugin-sort-imports": "catalog:lint",
-    "@tsconfig/svelte": "catalog:build",
-    "@types/bun": "catalog:core",
-    "@types/micromatch": "^4.0.10",
-    "@unocss/extractor-svelte": "catalog:css",
-    "@unocss/preset-icons": "catalog:css",
-    "@unocss/preset-web-fonts": "catalog:css",
-    "@unocss/preset-wind4": "catalog:css",
-    "@vitest/browser-playwright": "catalog:test",
+    "@types/node": "catalog:core",
     "@vitest/coverage-v8": "catalog:test",
-    "bits-ui": "catalog:components",
-    "clsx": "catalog:css",
     "eslint": "catalog:lint",
     "eslint-plugin-svelte": "catalog:lint",
-    "formsnap": "catalog:libs-front",
     "globals": "catalog:lint",
     "husky": "catalog:ci",
     "lint-staged": "catalog:ci",
-    "mode-watcher": "catalog:libs-front",
-    "monaco-editor": "catalog:components",
-    "playwright": "catalog:test",
     "prettier": "catalog:lint",
     "prettier-plugin-svelte": "catalog:lint",
     "svelte": "catalog:core",
-    "svelte-adapter-bun": "catalog:build",
-    "svelte-check": "catalog:core",
-    "svelte-kit-sessions": "catalog:core",
-    "svelte-sonner": "catalog:libs-front",
-    "sveltekit-superforms": "catalog:libs-front",
-    "tailwind-merge": "catalog:css",
-    "tailwind-variants": "catalog:css",
-    "tailwindcss": "catalog:css",
+    "turbo": "catalog:build",
+    "typescript": "catalog:build",
     "typescript-eslint": "catalog:lint",
-    "unocss": "catalog:css",
-    "vite": "catalog:core",
-    "vitest": "catalog:test",
-    "vitest-browser-svelte": "catalog:test",
-    "zod": "catalog:libs-front"
+    "vitest": "catalog:test"
   },
-  "packageManager": "pnpm@11.9.0",
+  "packageManager": "pnpm@12.0.0",
   "engines": {
-    "node": "25"
-  },
-  "publishConfig": {
-    "access": "public"
+    "node": "26"
   },
+  "private": true,
   "lint-staged": {
     "**": [
       "prettier --ignore-unknown --write"
-    ],
-    "src/**/*.{ts,svelte}": [
-      "eslint --fix"
     ]
   }
 }
diff --git a/packages/code/.prettierignore b/packages/code/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/code/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/code/LICENSE b/packages/code/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/code/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/code/README.md b/packages/code/README.md
new file mode 100644
index 00000000..7bbed539
--- /dev/null
+++ b/packages/code/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/code"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fcode" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-code` is an internal package of the NanoForge Editor.
+
+Code service: TypeScript analysis and AST transforms in a web worker.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/code
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/code/package.json b/packages/code/package.json
new file mode 100644
index 00000000..3ead8aab
--- /dev/null
+++ b/packages/code/package.json
@@ -0,0 +1,73 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-code",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Code service: TypeScript analysis and AST transforms in a web worker, documents, diagnostics",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./worker": "./src/worker.ts",
+    "./engine": "./src/engine/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/code"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-meta": "workspace:*",
+    "@nanoforge-dev/editor-project": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/registry": "workspace:*",
+    "ts-morph": "catalog:code",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-server-core": "workspace:*",
+    "@types/node": "catalog:core",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/code/src/catalog/catalog-service.ts b/packages/code/src/catalog/catalog-service.ts
new file mode 100644
index 00000000..61e1fbf5
--- /dev/null
+++ b/packages/code/src/catalog/catalog-service.ts
@@ -0,0 +1,466 @@
+import {
+  type Disposable,
+  DisposableStore,
+  type Observable,
+  ObservableValue,
+  type PluginHost,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import type { MetaDiagnostic } from '@nanoforge-dev/editor-meta';
+import {
+  type ItemMeta,
+  type ItemRef,
+  META_GENERATOR,
+  META_NOTICE,
+  META_VERSION,
+  MetaFile,
+  type MetaSource,
+  metaCachePath,
+  sourceHash,
+  sourceRefBase,
+} from '@nanoforge-dev/editor-meta/pure';
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+import { isInsidePath, readPackageContents } from '@nanoforge-dev/registry/types';
+
+import type { MetaRoot, MetaSourceFile } from '../engine/extract-meta';
+import { isCodeFile } from '../service/code-service';
+import type { CatalogItem, CatalogOptions, CatalogState } from './catalog.type';
+import { appRefName, itemFitsApp, within } from './item-fits-app';
+
+interface Source {
+  readonly source: MetaSource;
+  /** Folder of the source; its files are the code files under it. */
+  readonly root: string;
+  readonly files: readonly MetaSourceFile[];
+}
+
+const MANIFEST = 'nanoforge.manifest.json';
+const MODULES = 'nf_modules';
+const EDITOR_GITIGNORE = '.nanoforge/editor/.gitignore';
+const EXPECTED_OWNERS_TIMEOUT_MS = 5000;
+
+/**
+ * Items (components, systems…) of the open project and its installed packages (ADR 0003). Each
+ * source's meta is cached in `.nanoforge/editor/cache/meta/`, used while its sources and owners
+ * are unchanged, and extracted again by the code worker otherwise.
+ */
+export class CatalogService implements Disposable {
+  private readonly _state = new ObservableValue<CatalogState>({
+    items: [],
+    diagnostics: [],
+    loading: true,
+  });
+  private readonly _store = new DisposableStore();
+  private readonly _bySource = new Map<
+    string,
+    { items: CatalogItem[]; diagnostics: MetaDiagnostic[] }
+  >();
+  private readonly _dirty = new Set<string>();
+  private _sources: Source[] = [];
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _running: Promise<void> = Promise.resolve();
+  private _disposed = false;
+  /** Called once nothing is scheduled nor running (`whenIdle`). */
+  private _idle: (() => void)[] = [];
+  /** Owners that did not register in time: not waited for again until the plugins change. */
+  private _late = new Set<string>();
+  /** The catalog starts (and starts the code worker) when first read. */
+  private _active = false;
+
+  constructor(private readonly _options: CatalogOptions) {
+    const { project, documents, plugins } = _options;
+    this._store.add({
+      dispose: project.model.subscribe(() => this._scheduleAll()),
+    });
+    this._store.add(
+      project.fs.onDidChange((changes) => {
+        for (const change of changes) {
+          if (change.path.endsWith('.json') && within(change.path, MODULES)) this._scheduleAll();
+          else if (isCodeFile(change.path) && change.type !== 'changed') this._scheduleAll();
+          else if (isCodeFile(change.path)) this._schedulePath(change.path);
+        }
+      }),
+    );
+    this._store.add(documents.onDidChange(({ uri }) => this._schedulePath(uri)));
+    if (plugins) {
+      let owners = ownerPlugins(plugins);
+      this._store.add(
+        plugins.onDidChange(() => {
+          const next = ownerPlugins(plugins);
+          if (next === owners) return;
+          owners = next;
+          this._late.clear();
+          this._scheduleAll();
+        }),
+      );
+    }
+  }
+
+  get state(): Observable<CatalogState> {
+    this._activate();
+    return this._state.readonly();
+  }
+
+  get items(): readonly CatalogItem[] {
+    this._activate();
+    return this._state.get().items;
+  }
+
+  get(ref: ItemRef): CatalogItem | undefined {
+    return this.items.find((item) => item.ref === ref);
+  }
+
+  /** The items an app can use: its own, shared libraries' and installed packages'. */
+  forApp(app: AppModel): CatalogItem[] {
+    return this.items.filter((item) => itemFitsApp(item, app));
+  }
+
+  /** The item a source file's export is, if any. */
+  itemAt(path: string, exportName: string): CatalogItem | undefined {
+    return this.items.find((item) => item.meta.source === path && item.meta.export === exportName);
+  }
+
+  /** Extracts everything again (after an owner plugin changed, or on demand). */
+  refresh(): Promise<void> {
+    this._active = true;
+    this._scheduleAll(0);
+    return this.whenIdle();
+  }
+
+  /** Resolves once pending extractions are done. */
+  whenIdle(): Promise<void> {
+    if (this._timer === undefined && !this._dirty.size) return this._running;
+    return new Promise((resolve) => this._idle.push(resolve));
+  }
+
+  dispose(): void {
+    this._disposed = true;
+    clearTimeout(this._timer);
+    this._timer = undefined;
+    this._store.dispose();
+    this._settle();
+  }
+
+  private _activate(): void {
+    if (this._active) return;
+    this._active = true;
+    this._scheduleAll(0);
+  }
+
+  private _scheduleAll(delay = this._options.delayMs ?? 300): void {
+    this._dirty.add('*');
+    this._schedule(delay);
+  }
+
+  private _schedulePath(path: string): void {
+    if (!isCodeFile(path)) return;
+    const source = this._sources.find((candidate) => within(path, candidate.root));
+    if (!source && !within(path, MODULES)) {
+      return;
+    }
+    this._dirty.add(source ? sourceRefBase(source.source) : '*');
+    this._schedule(this._options.delayMs ?? 300);
+  }
+
+  private _schedule(delay: number): void {
+    if (!this._active) return;
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => {
+      this._timer = undefined;
+      this._running = this._running
+        .then(() => this._run())
+        .catch((error: unknown) => this._options.logger?.error('Catalog update failed', error))
+        .finally(() => this._settle());
+    }, delay);
+  }
+
+  /** Wakes `whenIdle` callers when nothing is left to do. */
+  private _settle(): void {
+    if (!this._disposed && (this._timer !== undefined || this._dirty.size)) return;
+    const waiting = this._idle;
+    this._idle = [];
+    for (const resolve of waiting) resolve();
+  }
+
+  private async _run(): Promise<void> {
+    if (this._disposed || !this._dirty.size) return;
+    const all = this._dirty.has('*');
+    const dirty = new Set(this._dirty);
+    this._dirty.clear();
+    if (all) this._sources = await this._discover();
+    await this._expectedOwners();
+    const owners = await this._options.code.itemOwners();
+    const roots: MetaRoot[] = this._sources.map((source) => ({
+      path: source.root,
+      ref: sourceRefBase(source.source),
+    }));
+    const known = new Set(this._sources.map((source) => sourceRefBase(source.source)));
+    for (const key of this._bySource.keys()) if (!known.has(key)) this._bySource.delete(key);
+    for (const source of this._sources) {
+      if (this._disposed) return;
+      const key = sourceRefBase(source.source);
+      if (!all && !dirty.has(key) && this._bySource.has(key)) continue;
+      try {
+        this._bySource.set(key, await this._load(source, roots, owners));
+      } catch (error) {
+        this._options.logger?.warn(`Items of ${key} could not be read`, error);
+      }
+    }
+    this._publish();
+  }
+
+  private _publish(): void {
+    const entries = [...this._bySource.values()];
+    this._state.set({
+      items: entries.flatMap((entry) => entry.items),
+      diagnostics: entries.flatMap((entry) => entry.diagnostics),
+      loading: false,
+    });
+  }
+
+  /**
+   * Waits (a few seconds at most) for the worker to register the owners plugins declare, woken
+   * by each worker plugin load. Owners that never came are not waited for again until the plugin
+   * set changes.
+   */
+  private async _expectedOwners(): Promise<void> {
+    const plugins = this._options.plugins;
+    if (!plugins) return;
+    const expected = ownerPlugins(plugins)
+      .split(',')
+      .filter((name) => name && !this._late.has(name));
+    const deadline = Date.now() + EXPECTED_OWNERS_TIMEOUT_MS;
+    for (;;) {
+      const registered = new Set(
+        (await this._options.code.itemOwners()).map((owner) => owner.name),
+      );
+      const missing = expected.filter((name) => !registered.has(name));
+      if (!missing.length) return;
+      const remaining = deadline - Date.now();
+      if (remaining <= 0 || this._disposed) {
+        for (const name of missing) this._late.add(name);
+        this._options.logger?.warn(`Item owners not registered in time: ${missing.join(', ')}`);
+        return;
+      }
+      await new Promise<void>((resolve) => {
+        const timer = setTimeout(done, remaining);
+        const subscription = this._options.code.onDidChangeOwners(done);
+        function done() {
+          clearTimeout(timer);
+          subscription.dispose();
+          resolve();
+        }
+      });
+    }
+  }
+
+  /**
+   * Apps, shared libraries and installed packages, with their files. A package's files are its
+   * `items` and the code files its contents point to, its sub-manifests' (`include`) included.
+   */
+  private async _discover(): Promise<Source[]> {
+    const { project } = this._options;
+    const entries = project.fs.entries;
+    const codeFiles = (root: string) =>
+      entries
+        .filter(
+          (entry) => entry.kind === 'file' && isCodeFile(entry.path) && within(entry.path, root),
+        )
+        .map((entry) => entry.path);
+    const sources: Source[] = [];
+
+    for (const app of project.model.get().apps) {
+      const folderOf = (path: string): MetaSourceFile['folder'] =>
+        within(path, app.dirs.components)
+          ? 'components'
+          : within(path, app.dirs.systems)
+            ? 'systems'
+            : undefined;
+      const source: MetaSource =
+        app.type === 'lib'
+          ? { kind: 'lib', name: app.name, path: app.root }
+          : { kind: 'app', name: appRefName(app), path: app.root };
+      sources.push({
+        source,
+        root: app.root,
+        files: codeFiles(app.root)
+          .filter((path) => !within(path, MODULES))
+          .map((path) => {
+            const folder = folderOf(path);
+            return { path, ...(folder && { folder }) };
+          }),
+      });
+    }
+
+    const visit = async (dir: string) => {
+      /** Read even when the tree does not list it yet: files of a fresh install come in late. */
+      const readJson = async (path: string): Promise<unknown> => {
+        try {
+          return JSON.parse((await project.fs.readText(`${dir}/${path}`)).text) as unknown;
+        } catch {
+          return undefined;
+        }
+      };
+      const manifest = (await readJson(MANIFEST)) as
+        { type?: string; name?: string; version?: string; items?: unknown } | undefined;
+      if (manifest?.type !== 'package' || !manifest.name) return;
+      /**
+       * The code files a package's manifest points to: a file of `items` (the older form) or a
+       * content without `export` makes each of its exports an item; a content naming an
+       * `export` makes that export one. Assets hold no items.
+       */
+      const files = new Map<string, Set<string> | 'all'>();
+      const list = (path: string, name?: string) => {
+        const current = files.get(path);
+        if (current === 'all') return;
+        if (name === undefined) files.set(path, 'all');
+        else files.set(path, new Set([...(current ?? []), name]));
+      };
+      for (const item of Array.isArray(manifest.items) ? manifest.items : [])
+        if (typeof item === 'string' && isInsidePath(item)) list(`${dir}/${item}`);
+      for (const content of (await readPackageContents(manifest, readJson)).contents) {
+        if (content.kind === 'asset') continue;
+        const path = `${dir}/${content.path.replace(/\/$/, '')}`;
+        if (project.fs.entry(path)?.kind === 'directory')
+          for (const file of codeFiles(path)) list(file, content.export);
+        else if (isCodeFile(path)) list(path, content.export);
+      }
+      sources.push({
+        source: {
+          kind: 'module',
+          name: manifest.name,
+          version: manifest.version ?? '0.0.0',
+          path: dir,
+        },
+        root: dir,
+        files: [...files].map(([path, names]) =>
+          names === 'all' ? { path, listed: true } : { path, exports: [...names].sort() },
+        ),
+      });
+    };
+    const scopes = entries.filter(
+      (entry) => entry.kind === 'directory' && /^nf_modules\/@[^/]+$/.test(entry.path),
+    );
+    for (const scope of scopes) {
+      const names = entries.filter(
+        (entry) =>
+          entry.kind === 'directory' &&
+          entry.path.startsWith(`${scope.path}/`) &&
+          !entry.path.slice(scope.path.length + 1).includes('/'),
+      );
+      for (const name of names) await visit(name.path);
+    }
+    return sources;
+  }
+
+  /** A source's items: from the cache when still valid, else extracted and cached. */
+  private async _load(
+    source: Source,
+    roots: readonly MetaRoot[],
+    owners: readonly { name: string; version: string; schema: number }[],
+  ): Promise<{ items: CatalogItem[]; diagnostics: MetaDiagnostic[] }> {
+    const { project, documents, code } = this._options;
+    const cachePath = metaCachePath(source.source);
+    const texts = await Promise.all(
+      source.files.map(async (file) => ({
+        path: file.path,
+        text: await documents.getText(file.path),
+      })),
+    );
+    /** What each file is extracted with counts too: a changed manifest or folder refreshes it. */
+    const hash = await sourceHash([
+      ...texts,
+      { path: '\0files', text: JSON.stringify(source.files) },
+    ]);
+    const ownerTable = Object.fromEntries(
+      owners.map((owner) => [owner.name, { version: owner.version, schema: owner.schema }]),
+    );
+
+    const cached = await this._readCache(cachePath);
+    const fresh =
+      cached &&
+      cached.sourceHash === hash &&
+      cached.generator.version === META_GENERATOR.version &&
+      JSON.stringify(sortKeys(cached.owners)) === JSON.stringify(sortKeys(ownerTable));
+    let items: ItemMeta[];
+    let diagnostics: MetaDiagnostic[] = [];
+    if (fresh) {
+      items = cached.items;
+    } else {
+      const result = await code.extractMeta({
+        source: source.source,
+        files: source.files,
+        roots,
+        texts,
+      });
+      items = result.items;
+      diagnostics = result.diagnostics;
+      const file: MetaFile = {
+        generated: META_NOTICE,
+        metaVersion: META_VERSION,
+        generator: { ...META_GENERATOR },
+        source: source.source,
+        sourceHash: hash,
+        owners: result.owners,
+        items,
+      };
+      await this._ensureIgnored();
+      await project.fs
+        .write(cachePath, `${JSON.stringify(file, null, 2)}\n`)
+        .catch((error: unknown) =>
+          this._options.logger?.warn(`Could not cache ${cachePath}`, error),
+        );
+    }
+    const base = sourceRefBase(source.source);
+    return {
+      items: items.map((meta) => ({
+        ref: `${base}#${meta.export}`,
+        source: source.source,
+        meta,
+        readonly: source.source.kind === 'module',
+      })),
+      diagnostics,
+    };
+  }
+
+  private async _readCache(path: string): Promise<MetaFile | undefined> {
+    if (!this._options.project.fs.entry(path)) return undefined;
+    try {
+      const parsed = MetaFile.safeParse(
+        JSON.parse((await this._options.project.fs.readText(path)).text),
+      );
+      return parsed.success ? parsed.data : undefined;
+    } catch {
+      return undefined;
+    }
+  }
+
+  /** The cache is never committed: `cache/` in `.nanoforge/editor/.gitignore`. */
+  private async _ensureIgnored(): Promise<void> {
+    const fs = this._options.project.fs;
+    const current = fs.entry(EDITOR_GITIGNORE) ? await fs.readText(EDITOR_GITIGNORE) : undefined;
+    const lines = current?.text.split('\n').map((line) => line.trim()) ?? [];
+    if (lines.includes('cache/')) return;
+    const text = `${current?.text.trimEnd() ?? ''}${current?.text.trim() ? '\n' : ''}cache/\n`;
+    await fs.write(EDITOR_GITIGNORE, text).catch(() => undefined);
+  }
+}
+
+/** Plugins that declare an item owner and have a worker entry, as `name@version,…`. */
+const ownerPlugins = (plugins: PluginHost): string =>
+  plugins
+    .getPlugins()
+    .filter(
+      (plugin) =>
+        plugin.status.kind === 'ok' &&
+        plugin.descriptor.manifest.entry.worker &&
+        (plugin.descriptor.manifest.contributes as Record<string, unknown>).itemOwner,
+    )
+    .map((plugin) => plugin.name)
+    .sort()
+    .join(',');
+
+const sortKeys = (value: Record<string, unknown>) =>
+  Object.fromEntries(Object.entries(value).sort(([a], [b]) => a.localeCompare(b)));
+
+export const CatalogServiceToken = createToken<CatalogService>('code.catalog');
diff --git a/packages/code/src/catalog/catalog.type.ts b/packages/code/src/catalog/catalog.type.ts
new file mode 100644
index 00000000..13fa9909
--- /dev/null
+++ b/packages/code/src/catalog/catalog.type.ts
@@ -0,0 +1,33 @@
+import type { Logger, PluginHost } from '@nanoforge-dev/editor-kernel';
+import type { MetaDiagnostic } from '@nanoforge-dev/editor-meta';
+import type { ItemMeta, ItemRef, MetaSource } from '@nanoforge-dev/editor-meta/pure';
+import type { ClientProject } from '@nanoforge-dev/editor-project';
+
+import type { DocumentService } from '../document/document-service';
+import type { CodeService } from '../service/code-service';
+
+/** An item of the catalog: its metadata and where it comes from. */
+export interface CatalogItem {
+  readonly ref: ItemRef;
+  readonly source: MetaSource;
+  readonly meta: ItemMeta;
+  /** Items of installed packages can't be changed. */
+  readonly readonly: boolean;
+}
+
+export interface CatalogState {
+  readonly items: readonly CatalogItem[];
+  readonly diagnostics: readonly MetaDiagnostic[];
+  /** True until the first extraction of every source is done. */
+  readonly loading: boolean;
+}
+
+export interface CatalogOptions {
+  readonly project: ClientProject;
+  readonly code: CodeService;
+  readonly documents: DocumentService;
+  readonly plugins?: PluginHost;
+  readonly logger?: Logger;
+  /** Delay before extracting again after a change. */
+  readonly delayMs?: number;
+}
diff --git a/packages/code/src/catalog/index.ts b/packages/code/src/catalog/index.ts
new file mode 100644
index 00000000..15a058ae
--- /dev/null
+++ b/packages/code/src/catalog/index.ts
@@ -0,0 +1,3 @@
+export * from './catalog.type';
+export { appRefName, itemFitsApp } from './item-fits-app';
+export * from './catalog-service';
diff --git a/packages/code/src/catalog/item-fits-app.ts b/packages/code/src/catalog/item-fits-app.ts
new file mode 100644
index 00000000..a6fedb59
--- /dev/null
+++ b/packages/code/src/catalog/item-fits-app.ts
@@ -0,0 +1,29 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import type { CatalogItem } from './catalog.type';
+
+/** The name in an app's item references: its folder (`apps/client` → `client`). */
+export const appRefName = (app: AppModel): string =>
+  (app.root.split('/').pop() || app.name).replace(/[^\w.-]/g, '-');
+
+export const within = (path: string, folder: string) =>
+  folder === '' || path === folder || path.startsWith(`${folder}/`);
+
+/**
+ * Whether an item can go in an app: its side, the engine libraries it imports and, for an item
+ * of a shared library, that the app uses that library.
+ */
+export const itemFitsApp = (item: CatalogItem, app: AppModel): boolean => {
+  if (item.source.kind === 'app' && item.source.path !== app.root) return false;
+  if (
+    item.source.kind === 'lib' &&
+    item.source.path !== app.root &&
+    !app.libraries.includes(item.source.name)
+  )
+    return false;
+  const side = item.meta.side;
+  if (side !== 'shared' && !(app.type === side)) return false;
+  return item.meta.requires
+    .filter((name) => name.startsWith('@nanoforge-dev/'))
+    .every((name) => name in app.engineLibs);
+};
diff --git a/packages/code/src/codegen/codegen-target.ts b/packages/code/src/codegen/codegen-target.ts
new file mode 100644
index 00000000..99c23a72
--- /dev/null
+++ b/packages/code/src/codegen/codegen-target.ts
@@ -0,0 +1,36 @@
+import type { HistoryCommand } from '@nanoforge-dev/editor-history';
+import {
+  type ExtensionRegistry,
+  type Observable,
+  defineExtensionPoint,
+} from '@nanoforge-dev/editor-kernel';
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+/**
+ * Where the editor reads and writes what a visual editor shows (entities, scenes…) as code.
+ * Core defines the point only: the ECS plugin provides the default "entry file" target and a
+ * scene plugin can take over with a higher priority.
+ */
+export interface CodegenTarget<Model = unknown, Op = unknown> {
+  readonly id: string;
+  readonly label: string;
+  /** Highest wins when several targets apply to an app. */
+  readonly priority?: number;
+  appliesTo(app: AppModel): boolean;
+  /** Live model of the app, re-read when its files change. */
+  load(app: AppModel): Observable<Model | undefined>;
+  /** An undoable command performing the operation (code edits through the DocumentService). */
+  apply(app: AppModel, op: Op): Promise<HistoryCommand>;
+}
+
+export const CODEGEN_TARGETS = defineExtensionPoint<CodegenTarget>('code.codegenTargets');
+
+/** The target used for an app, if any provider applies. */
+export const selectTarget = (
+  extensions: ExtensionRegistry,
+  app: AppModel,
+): CodegenTarget | undefined =>
+  extensions
+    .getValues(CODEGEN_TARGETS)
+    .filter((target) => target.appliesTo(app))
+    .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0))[0];
diff --git a/packages/code/src/codegen/index.ts b/packages/code/src/codegen/index.ts
new file mode 100644
index 00000000..27c3b44a
--- /dev/null
+++ b/packages/code/src/codegen/index.ts
@@ -0,0 +1 @@
+export * from './codegen-target';
diff --git a/packages/code/src/diagnostics/diagnostics-service.ts b/packages/code/src/diagnostics/diagnostics-service.ts
new file mode 100644
index 00000000..a0018193
--- /dev/null
+++ b/packages/code/src/diagnostics/diagnostics-service.ts
@@ -0,0 +1,58 @@
+import { type Observable, ObservableValue, createToken } from '@nanoforge-dev/editor-kernel';
+
+import type { CodeDiagnostic } from '../engine/engine.type';
+
+/** Problems per file and source (TypeScript, analyzers, build…), for the Problems panel. */
+export class DiagnosticsService {
+  private readonly _all = new ObservableValue<ReadonlyMap<string, readonly CodeDiagnostic[]>>(
+    new Map(),
+  );
+  private readonly _bySource = new Map<string, Map<string, readonly CodeDiagnostic[]>>();
+
+  /** Every problem, by file. */
+  get all(): Observable<ReadonlyMap<string, readonly CodeDiagnostic[]>> {
+    return this._all.readonly();
+  }
+
+  forUri(uri: string): readonly CodeDiagnostic[] {
+    return this._all.get().get(uri) ?? [];
+  }
+
+  /** Replaces the problems of a source for these files. */
+  set(source: string, uri: string, diagnostics: readonly CodeDiagnostic[]): void {
+    const files = this._bySource.get(source) ?? new Map<string, readonly CodeDiagnostic[]>();
+    if (diagnostics.length) files.set(uri, diagnostics);
+    else files.delete(uri);
+    this._bySource.set(source, files);
+    this._recompute();
+  }
+
+  /** Files a source reported problems for. */
+  uris(source: string): string[] {
+    return [...(this._bySource.get(source)?.keys() ?? [])];
+  }
+
+  clear(source: string, uri?: string): void {
+    const files = this._bySource.get(source);
+    if (!files) return;
+    if (uri) files.delete(uri);
+    else files.clear();
+    this._recompute();
+  }
+
+  private _recompute(): void {
+    const merged = new Map<string, CodeDiagnostic[]>();
+    for (const files of this._bySource.values()) {
+      for (const [uri, list] of files) merged.set(uri, [...(merged.get(uri) ?? []), ...list]);
+    }
+    for (const list of merged.values()) {
+      list.sort(
+        (a, b) =>
+          (a.line ?? 0) - (b.line ?? 0) || (a.column ?? 0) - (b.column ?? 0) || a.start - b.start,
+      );
+    }
+    this._all.set(merged);
+  }
+}
+
+export const DiagnosticsServiceToken = createToken<DiagnosticsService>('code.diagnostics');
diff --git a/packages/code/src/diagnostics/index.ts b/packages/code/src/diagnostics/index.ts
new file mode 100644
index 00000000..bc288c5a
--- /dev/null
+++ b/packages/code/src/diagnostics/index.ts
@@ -0,0 +1 @@
+export * from './diagnostics-service';
diff --git a/packages/code/src/document/document-changed.exception.ts b/packages/code/src/document/document-changed.exception.ts
new file mode 100644
index 00000000..ae9ad481
--- /dev/null
+++ b/packages/code/src/document/document-changed.exception.ts
@@ -0,0 +1,6 @@
+export class DocumentChangedError extends Error {
+  constructor(readonly uri: string) {
+    super(`${uri} changed since this edit`);
+    this.name = 'DocumentChangedError';
+  }
+}
diff --git a/packages/code/src/document/document-contributions.ts b/packages/code/src/document/document-contributions.ts
new file mode 100644
index 00000000..c723fde1
--- /dev/null
+++ b/packages/code/src/document/document-contributions.ts
@@ -0,0 +1,20 @@
+import { z } from 'zod';
+
+import { defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+import type { DocumentEditor, JsonSchemaContribution } from './document.type';
+
+export const DocumentEditorSchema = z.object({
+  pattern: z.string().min(1),
+  widget: z.string().min(1),
+  command: z.string().min(1).optional(),
+  title: z.string().optional(),
+  priority: z.number().optional(),
+});
+
+export const DOCUMENT_EDITORS = defineExtensionPoint<DocumentEditor>('code.documentEditors');
+
+export const JSON_SCHEMAS = defineExtensionPoint<JsonSchemaContribution>('code.jsonSchemas');
+
+/** Serialized type of document edit commands. */
+export const DOCUMENT_EDITS = 'document.edits';
diff --git a/packages/code/src/document/document-preview.ts b/packages/code/src/document/document-preview.ts
new file mode 100644
index 00000000..81adc288
--- /dev/null
+++ b/packages/code/src/document/document-preview.ts
@@ -0,0 +1,28 @@
+import type { CommandPreview } from '@nanoforge-dev/editor-history';
+
+const PREVIEW_CONTEXT = 1;
+const PREVIEW_MAX_LINES = 12;
+
+/** The changed lines of a document (and one line around), before and after. */
+export const previewOf = (uri: string, before: string, after: string): CommandPreview => {
+  let start = 0;
+  while (start < before.length && start < after.length && before[start] === after[start]) start++;
+  let end = 0;
+  while (
+    end < before.length - start &&
+    end < after.length - start &&
+    before[before.length - 1 - end] === after[after.length - 1 - end]
+  )
+    end++;
+  const lines = (text: string, from: number, to: number) => {
+    const all = text.split('\n');
+    const first = Math.max(0, text.slice(0, from).split('\n').length - 1 - PREVIEW_CONTEXT);
+    const last = Math.min(all.length, text.slice(0, to).split('\n').length + PREVIEW_CONTEXT);
+    return all.slice(first, Math.min(last, first + PREVIEW_MAX_LINES)).join('\n');
+  };
+  return {
+    title: uri,
+    before: lines(before, start, before.length - end),
+    after: lines(after, start, after.length - end),
+  };
+};
diff --git a/packages/code/src/document/document-service.ts b/packages/code/src/document/document-service.ts
new file mode 100644
index 00000000..53850780
--- /dev/null
+++ b/packages/code/src/document/document-service.ts
@@ -0,0 +1,278 @@
+import {
+  type CommandOrigin,
+  type CommandPreview,
+  type HistoryCommand,
+  type HistoryContext,
+  type HistoryService,
+  type TextEdit,
+  applyTextEdits,
+} from '@nanoforge-dev/editor-history';
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  createToken,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectFs } from '@nanoforge-dev/editor-project';
+
+import { DOCUMENT_EDITS } from './document-contributions';
+import { previewOf } from './document-preview';
+import type { DocumentBackend, DocumentChange, OpenDocument } from './document.type';
+
+export const projectFsBackend = (fs: ProjectFs): DocumentBackend => ({
+  onDidChange: (listener, disposables) =>
+    fs.onDidChange((changes) => listener(changes.map((change) => change.path)), disposables),
+  read: (uri) => fs.readText(uri),
+  write: (uri, text, expectedHash) => fs.write(uri, text, { expectedHash }),
+});
+
+/** FNV-1a fingerprint of a text (undo validity checks, not security). */
+export const fingerprint = (text: string): string => {
+  let hash = 0x811c9dc5;
+  for (let i = 0; i < text.length; i++) {
+    hash ^= text.charCodeAt(i);
+    hash = Math.imul(hash, 0x01000193);
+  }
+  return `${(hash >>> 0).toString(16)}:${text.length}`;
+};
+
+/**
+ * The single path for editing documents: edits go to the open document when there is one
+ * (the editor stays in sync, no dirty-buffer conflicts), otherwise to the backend (files).
+ */
+export class DocumentService implements Disposable {
+  private readonly _open = new Map<string, OpenDocument>();
+  private readonly _written = new Map<string, string>();
+  private readonly _onDidChange = new Emitter<DocumentChange>();
+  private readonly _onDidChangeExternally = new Emitter<string>();
+  private readonly _onDidOpen = new Emitter<string>();
+  private readonly _store = new DisposableStore();
+
+  /** Every applied change, from open documents and file edits. */
+  readonly onDidChange: Event<DocumentChange> = this._onDidChange.event;
+  /** A file the editor edited was changed by something else (hand edit, git…). */
+  readonly onDidChangeExternally: Event<string> = this._onDidChangeExternally.event;
+  readonly onDidOpen: Event<string> = this._onDidOpen.event;
+
+  private readonly _historyContexts = new Map<string, HistoryContext>();
+
+  constructor(
+    private readonly _backend: DocumentBackend,
+    /** Gives each document an undo context (`file:<uri>`) for `edit`. */
+    private readonly _history?: HistoryService,
+  ) {
+    this._store.add(_backend.onDidChange((uris) => void this._checkExternal(uris)));
+  }
+
+  register(document: OpenDocument): Disposable {
+    if (this._open.has(document.uri)) throw new Error(`${document.uri} is already open`);
+    this._open.set(document.uri, document);
+    const forward = document.onDidChange((change) => this._onDidChange.fire(change));
+    this._onDidOpen.fire(document.uri);
+    return toDisposable(() => {
+      forward.dispose();
+      if (this._open.get(document.uri) === document) this._open.delete(document.uri);
+    });
+  }
+
+  get(uri: string): OpenDocument | undefined {
+    return this._open.get(uri);
+  }
+
+  get openUris(): string[] {
+    return [...this._open.keys()];
+  }
+
+  /** Where documents live when they are not open (editors read and write through it). */
+  get backend(): DocumentBackend {
+    return this._backend;
+  }
+
+  /** Open documents with unsaved changes. */
+  get dirtyUris(): string[] {
+    return [...this._open.values()].filter((doc) => doc.dirty.get()).map((doc) => doc.uri);
+  }
+
+  /** Saves an open document if it has unsaved changes (a closed one is always saved). */
+  async save(uri: string): Promise<void> {
+    const open = this._open.get(uri);
+    if (open?.dirty.get()) await open.save();
+  }
+
+  /** Saves every open document with unsaved changes; resolves with the ones that failed. */
+  async saveAll(): Promise<{ uri: string; error: unknown }[]> {
+    const failed: { uri: string; error: unknown }[] = [];
+    for (const uri of this.dirtyUris) {
+      await this._open
+        .get(uri)
+        ?.save()
+        .catch((error: unknown) => failed.push({ uri, error }));
+    }
+    return failed;
+  }
+
+  async getText(uri: string): Promise<string> {
+    return this._open.get(uri)?.getText() ?? (await this._backend.read(uri)).text;
+  }
+
+  /** Applies edits once (not undoable); returns their inverse. */
+  async applyEdits(
+    uri: string,
+    edits: readonly TextEdit[],
+    origin?: CommandOrigin,
+  ): Promise<TextEdit[]> {
+    if (!edits.length) return [];
+    const open = this._open.get(uri);
+    if (open) return open.applyEdits(edits, origin);
+    const current = await this._backend.read(uri);
+    const { text, inverse } = applyTextEdits(current.text, edits);
+    const { hash } = await this._backend.write(uri, text, current.hash);
+    this._written.set(uri, hash);
+    this._onDidChange.fire({ uri, edits, origin });
+    return inverse;
+  }
+
+  /** The undo context of a document (`file:<uri>`), created on first use. */
+  historyContext(uri: string): HistoryContext | undefined {
+    if (!this._history) return undefined;
+    let context = this._historyContexts.get(uri);
+    if (!context) {
+      const id = documentHistoryId(uri);
+      context =
+        this._history.get(id) ??
+        this._history.registerContext({ id, label: uri.split('/').at(-1) ?? uri });
+      this._historyContexts.set(uri, context);
+    }
+    return context;
+  }
+
+  /** Applies edits as one undo step of the document's history context. */
+  async edit(
+    uri: string,
+    edits: readonly TextEdit[],
+    options: { label: string; origin?: CommandOrigin; mergeKey?: string },
+  ): Promise<void> {
+    const context = this.historyContext(uri);
+    const command = this.editCommand(uri, edits, options);
+    if (context) await context.stack.push(command);
+    else await command.do();
+  }
+
+  /**
+   * An undoable edit. Undo/redo check that the document still has the content the edit
+   * produced; otherwise the step is dropped by the history. It carries a preview of the changed
+   * lines and can be serialized (history kept across reloads, see `restoreEditCommand`).
+   * With `basedOn` (the `fingerprint` of the text the edits were computed on), the edit fails
+   * when the text changed since: offsets would land elsewhere.
+   */
+  editCommand(
+    uri: string,
+    edits: readonly TextEdit[],
+    options: { label: string; origin?: CommandOrigin; mergeKey?: string; basedOn?: string },
+  ): HistoryCommand {
+    return this._editCommand(
+      { uri, forward: [...edits], inverse: [], expected: '' },
+      options,
+      false,
+      options.basedOn,
+    );
+  }
+
+  /** Rebuilds an edit command from `serialize()` data (already applied). */
+  restoreEditCommand(data: unknown, label: string): HistoryCommand | undefined {
+    const state = data as Partial<EditState> | undefined;
+    if (!state?.uri || !Array.isArray(state.forward) || !Array.isArray(state.inverse))
+      return undefined;
+    return this._editCommand(
+      {
+        uri: state.uri,
+        forward: state.forward,
+        inverse: state.inverse,
+        expected: state.expected ?? '',
+        ...(state.preview && { preview: state.preview }),
+      },
+      { label },
+      true,
+    );
+  }
+
+  dispose(): void {
+    for (const context of this._historyContexts.values()) context.dispose();
+    this._historyContexts.clear();
+    this._store.dispose();
+    this._onDidChange.dispose();
+    this._onDidChangeExternally.dispose();
+    this._onDidOpen.dispose();
+  }
+
+  private _editCommand(
+    state: EditState,
+    options: { label: string; origin?: CommandOrigin; mergeKey?: string },
+    applied: boolean,
+    basedOn?: string,
+  ): HistoryCommand {
+    const run = async (operations: readonly TextEdit[]) => {
+      const before = await this.getText(state.uri);
+      const result = await this.applyEdits(state.uri, operations, options.origin);
+      const after = await this.getText(state.uri);
+      state.expected = fingerprint(after);
+      return { result, before, after };
+    };
+    const command: HistoryCommand & { preview?: CommandPreview } = {
+      label: options.label,
+      ...(options.origin && { origin: options.origin }),
+      ...(options.mergeKey && { mergeKey: options.mergeKey }),
+      sizeBytes: state.forward.reduce((total, edit) => total + edit.text.length * 2 + 16, 0),
+      ...(state.preview && { preview: state.preview }),
+      do: async () => {
+        if (applied) return;
+        if (basedOn !== undefined && fingerprint(await this.getText(state.uri)) !== basedOn)
+          throw new Error(`${state.uri} changed while the edit was prepared: try again`);
+        const { result, before, after } = await run(state.forward);
+        state.inverse = result;
+        state.preview = previewOf(state.uri, before, after);
+        (command as { preview?: CommandPreview }).preview = state.preview;
+      },
+      undo: async () => {
+        applied = false;
+        state.forward = (await run(state.inverse)).result;
+      },
+      redo: async () => {
+        state.inverse = (await run(state.forward)).result;
+      },
+      isValid: async () => fingerprint(await this.getText(state.uri)) === state.expected,
+      serialize: () => ({ type: DOCUMENT_EDITS, label: options.label, data: { ...state } }),
+    };
+    return command;
+  }
+
+  private async _checkExternal(uris: readonly string[]): Promise<void> {
+    for (const uri of uris) {
+      const written = this._written.get(uri);
+      if (!written || this._open.has(uri)) continue;
+      const current = await this._backend.read(uri).then(
+        (file) => file.hash,
+        () => null,
+      );
+      if (current === written) continue;
+      this._written.delete(uri);
+      this._onDidChangeExternally.fire(uri);
+    }
+  }
+}
+
+export const DocumentServiceToken = createToken<DocumentService>('code.documents');
+
+/** Id of a document's undo context. */
+export const documentHistoryId = (uri: string): string => `file:${uri}`;
+
+interface EditState {
+  uri: string;
+  forward: TextEdit[];
+  inverse: TextEdit[];
+  /** Fingerprint of the document after the command (undo validity). */
+  expected: string;
+  preview?: CommandPreview;
+}
diff --git a/packages/code/src/document/document.type.ts b/packages/code/src/document/document.type.ts
new file mode 100644
index 00000000..46463d7e
--- /dev/null
+++ b/packages/code/src/document/document.type.ts
@@ -0,0 +1,51 @@
+import type { CommandOrigin, TextEdit } from '@nanoforge-dev/editor-history';
+import type { Event, Observable } from '@nanoforge-dev/editor-kernel';
+
+export interface DocumentChange {
+  readonly uri: string;
+  readonly edits: readonly TextEdit[];
+  readonly origin: CommandOrigin | undefined;
+}
+
+/** A document opened by an editor (e.g. a Monaco model): the source of truth while open. */
+export interface OpenDocument {
+  readonly uri: string;
+  readonly kind: 'text' | 'binary' | 'custom';
+  readonly onDidChange: Event<DocumentChange>;
+  readonly dirty: Observable<boolean>;
+  /** Current content (text documents; custom documents serialize their model). */
+  getText(): string;
+  /** Applies edits and returns their inverse. */
+  applyEdits(edits: readonly TextEdit[], origin: CommandOrigin | undefined): TextEdit[];
+  save(): Promise<void>;
+  revert(): Promise<void>;
+}
+
+/** Where documents are stored when they are not open. */
+export interface DocumentBackend {
+  readonly onDidChange: Event<readonly string[]>;
+  read(uri: string): Promise<{ text: string; hash: string }>;
+  write(uri: string, text: string, expectedHash: string | null): Promise<{ hash: string }>;
+}
+
+/** Which editor widget opens which files ("open with"). */
+export interface DocumentEditor {
+  /** Glob on project paths: `**\/*.ts`, `**\/*.{png,jpg}`. */
+  readonly pattern: string;
+  readonly widget: string;
+  /**
+   * Command opening a file in this editor (`command(path, options)`); declared in the plugin
+   * manifest, running it activates the plugin. Without one, the widget is opened.
+   */
+  readonly command?: string;
+  readonly title?: string;
+  readonly priority?: number;
+}
+
+/** A JSON schema for files matching globs (completion and validation in the code editor). */
+export interface JsonSchemaContribution {
+  /** Globs on project paths, e.g. `.nanoforge/editor/settings.json`. */
+  readonly fileMatch: readonly string[];
+  /** The schema, or a function computing it when it is applied (e.g. from a registry). */
+  readonly schema: object | (() => object);
+}
diff --git a/packages/code/src/document/index.ts b/packages/code/src/document/index.ts
new file mode 100644
index 00000000..f7c34ca2
--- /dev/null
+++ b/packages/code/src/document/index.ts
@@ -0,0 +1,6 @@
+export * from './document.type';
+export * from './document-contributions';
+export * from './match-glob';
+export * from './document-changed.exception';
+export * from './document-service';
+export * from './document-preview';
diff --git a/packages/code/src/document/match-glob.ts b/packages/code/src/document/match-glob.ts
new file mode 100644
index 00000000..5ef59935
--- /dev/null
+++ b/packages/code/src/document/match-glob.ts
@@ -0,0 +1,51 @@
+import type { ExtensionRegistry } from '@nanoforge-dev/editor-kernel';
+
+import { DOCUMENT_EDITORS } from './document-contributions';
+import type { DocumentEditor } from './document.type';
+
+/** `{a,b}` alternatives; a `,` or `}` outside braces is a plain character. */
+const globToRegex = (glob: string): RegExp => {
+  let source = '';
+  let depth = 0;
+  for (let i = 0; i < glob.length; i++) {
+    const char = glob[i]!;
+    if (char === '*' && glob[i + 1] === '*') {
+      if (glob[i + 2] === '/') {
+        source += '(?:.*/)?';
+        i += 2;
+      } else {
+        source += '.*';
+        i += 1;
+      }
+    } else if (char === '*') source += '[^/]*';
+    else if (char === '?') source += '[^/]';
+    else if (char === '{') {
+      depth++;
+      source += '(?:';
+    } else if (char === '}' && depth) {
+      depth--;
+      source += ')';
+    } else if (char === ',' && depth) source += '|';
+    else source += /[.+^$()|[\]\\{}]/.test(char) ? `\\${char}` : char;
+  }
+  return new RegExp(`^${source}${')'.repeat(depth)}$`);
+};
+
+const globs = new Map<string, RegExp>();
+
+/** Whether a project path matches a glob (`**\/*.{png,jpg}`, `src/*.ts`). */
+export const matchesGlob = (pattern: string, path: string): boolean => {
+  let regex = globs.get(pattern);
+  if (!regex) globs.set(pattern, (regex = globToRegex(pattern)));
+  return regex.test(path);
+};
+
+/** Editors able to open a file, best first. */
+export const editorsFor = (
+  extensions: Pick<ExtensionRegistry, 'getValues'>,
+  uri: string,
+): DocumentEditor[] =>
+  extensions
+    .getValues(DOCUMENT_EDITORS)
+    .filter((editor) => matchesGlob(editor.pattern, uri))
+    .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
diff --git a/packages/code/src/engine/code-engine.ts b/packages/code/src/engine/code-engine.ts
new file mode 100644
index 00000000..50a4fe92
--- /dev/null
+++ b/packages/code/src/engine/code-engine.ts
@@ -0,0 +1,387 @@
+import { type Node, Project, ts } from 'ts-morph';
+
+import type { ItemOwner } from '@nanoforge-dev/editor-meta';
+
+import type { AnalyzeContext, Analyzer, CodeEngineOptions, Transformer } from './code-engine.type';
+import { CodeError } from './code.exception';
+import { EditBuilder } from './edit-builder';
+import type { CodeDiagnostic, CodeSymbol, SourceText, TextEdit } from './engine.type';
+import { type MetaRequest, type MetaResponse, extractMeta } from './extract-meta';
+import { literalToValue, quoteStyle, readExportedLiteral, valueToLiteral } from './literals';
+import { joinPosix, matchesPathPattern, moduleSpecifierFor } from './module-specifier';
+import { renamePackage } from './rename-package';
+import { RENAME_PACKAGE_TRANSFORMER } from './rename-package.const';
+
+const ROOT = '/project/';
+
+const toFsPath = (path: string) => ROOT + path;
+const toProjectPath = (fsPath: string) =>
+  fsPath.startsWith(ROOT) ? fsPath.slice(ROOT.length) : fsPath;
+
+/**
+ * TypeScript analysis of a project mirrored in memory. Runs in a web worker; plugins register
+ * analyzers (source → model) and transformers (operation → text edits).
+ */
+export class CodeEngine {
+  readonly project = new Project({
+    useInMemoryFileSystem: true,
+    compilerOptions: {
+      target: ts.ScriptTarget.ESNext,
+      module: ts.ModuleKind.ESNext,
+      moduleResolution: ts.ModuleResolutionKind.Bundler,
+      allowJs: true,
+      checkJs: false,
+      strict: true,
+      skipLibCheck: true,
+      noEmit: true,
+      experimentalDecorators: true,
+      lib: ['lib.esnext.d.ts', 'lib.dom.d.ts'],
+    },
+  });
+
+  private readonly _analyzers = new Map<string, { owner: string; run: Analyzer }>();
+  private readonly _transformers = new Map<string, { owner: string; run: Transformer }>();
+  /**
+   * Per package, where its declarations were found (the folders holding the `node_modules` they
+   * are in) and the folders asked from. Each app of a workspace has its own `node_modules`: a
+   * package loaded for the client is not visible from the server's files.
+   */
+  private readonly _typeRoots = new Map<string, { found: string[]; asked: Set<string> }>();
+  private readonly _itemOwners = new Map<string, { plugin: string; owner: ItemOwner }>();
+  private _paths: Readonly<Record<string, readonly string[]>> = {};
+  /**
+   * One program per app, for diagnostics, once the project has several apps with their own
+   * `node_modules` (by app root; files outside of every app are in each of them). In one program the
+   * client's type augmentations (`declare module`, globals) would apply to the server's code
+   * and report errors `tsc` never shows. Built on demand, kept in step with `project`.
+   */
+  private _scopes: Map<string, Project> | undefined;
+
+  constructor(private readonly _options: CodeEngineOptions = {}) {
+    this.registerTransformer(RENAME_PACKAGE_TRANSFORMER, renamePackage);
+  }
+
+  setFiles(files: readonly SourceText[]): void {
+    for (const { path, text } of files) {
+      const existing = this.project.getSourceFile(toFsPath(path));
+      if (existing) {
+        if (existing.getFullText() !== text) existing.replaceWithText(text);
+      } else {
+        this.project.createSourceFile(toFsPath(path), text, { overwrite: true });
+      }
+      this._syncScopes(path, text);
+    }
+  }
+
+  deleteFiles(paths: readonly string[]): void {
+    for (const path of paths) {
+      const file = this.project.getSourceFile(toFsPath(path));
+      if (file) this.project.removeSourceFile(file);
+      this._syncScopes(path, undefined);
+    }
+  }
+
+  text(path: string): string | undefined {
+    return this.project.getSourceFile(toFsPath(path))?.getFullText();
+  }
+
+  get paths(): string[] {
+    return this.project.getSourceFiles().map((file) => toProjectPath(file.getFilePath()));
+  }
+
+  registerAnalyzer(id: string, run: Analyzer, owner = 'core'): () => void {
+    if (this._analyzers.has(id)) throw new Error(`Analyzer "${id}" is already registered`);
+    this._analyzers.set(id, { owner, run });
+    return () => this._analyzers.delete(id);
+  }
+
+  registerTransformer(id: string, run: Transformer, owner = 'core'): () => void {
+    if (this._transformers.has(id)) throw new Error(`Transformer "${id}" is already registered`);
+    this._transformers.set(id, { owner, run });
+    return () => this._transformers.delete(id);
+  }
+
+  /** Registers an owner of item data (ADR 0003), e.g. `@nanoforge/ecs` from the ECS plugin. */
+  registerItemOwner(owner: ItemOwner, plugin = 'core'): () => void {
+    if (this._itemOwners.has(owner.name))
+      throw new Error(`Item owner "${owner.name}" is already registered`);
+    this._itemOwners.set(owner.name, { plugin, owner });
+    return () => this._itemOwners.delete(owner.name);
+  }
+
+  /** Names, versions and schemas of the registered item owners. */
+  get itemOwners(): { name: string; version: string; schema: number }[] {
+    return [...this._itemOwners.values()].map(({ owner }) => ({
+      name: owner.name,
+      version: owner.version,
+      schema: owner.schema,
+    }));
+  }
+
+  /** Items of a source (ADR 0003), with every registered owner. */
+  async extractMeta(request: MetaRequest): Promise<MetaResponse> {
+    if (request.texts?.length) this.setFiles(request.texts);
+    for (const file of request.files) await this._loadTypes(file.path);
+    return extractMeta(
+      this.project,
+      [...this._itemOwners.values()].map(({ owner }) => owner),
+      request,
+    );
+  }
+
+  /**
+   * Applies the root `tsconfig.json`'s `paths` (package-name imports of shared libraries and
+   * installed packages, ADR 0004). Other options stay the engine's.
+   */
+  setTsconfig(text: string | undefined): void {
+    const parsed = text ? ts.parseConfigFileTextToJson(`${ROOT}tsconfig.json`, text) : undefined;
+    const options = (parsed?.config as { compilerOptions?: { paths?: unknown; baseUrl?: unknown } })
+      ?.compilerOptions;
+    const paths: Record<string, string[]> = {};
+    if (options?.paths && typeof options.paths === 'object') {
+      const base = typeof options.baseUrl === 'string' ? options.baseUrl : '.';
+      for (const [pattern, targets] of Object.entries(options.paths as Record<string, unknown>)) {
+        if (!Array.isArray(targets)) continue;
+        paths[pattern] = targets
+          .filter((target): target is string => typeof target === 'string')
+          .map((target) => joinPosix(base, target));
+      }
+    }
+    this._paths = paths;
+    this.project.compilerOptions.set({ baseUrl: ROOT, paths });
+    this._scopes = undefined;
+  }
+
+  /** Removes every analyzer and transformer of a plugin (hot reload, disable). */
+  unregisterOwner(owner: string): void {
+    for (const [name, entry] of this._itemOwners)
+      if (entry.plugin === owner) this._itemOwners.delete(name);
+    for (const [id, entry] of this._analyzers)
+      if (entry.owner === owner) this._analyzers.delete(id);
+    for (const [id, entry] of this._transformers)
+      if (entry.owner === owner) this._transformers.delete(id);
+  }
+
+  analyze(path: string, analyzerId: string, args?: unknown): unknown {
+    const analyzer = this._analyzers.get(analyzerId);
+    if (!analyzer) throw new CodeError(`Unknown analyzer "${analyzerId}"`);
+    return analyzer.run(this._context(path), args);
+  }
+
+  /** Edits a transformer wants to make; the file itself is not changed here. */
+  transform(path: string, transformerId: string, op: unknown): TextEdit[] {
+    const transformer = this._transformers.get(transformerId);
+    if (!transformer) throw new CodeError(`Unknown transformer "${transformerId}"`);
+    const context = this._context(path);
+    const edit = new EditBuilder(context.text);
+    transformer.run({ ...context, edit }, op);
+    return edit.build();
+  }
+
+  /** Edits sorting and removing unused imports of a file (TypeScript's organize imports). */
+  async organizeImports(path: string): Promise<TextEdit[]> {
+    await this._loadTypes(path);
+    const changes = this.project
+      .getLanguageService()
+      .compilerObject.organizeImports({ type: 'file', fileName: toFsPath(path) }, {}, {});
+    return changes
+      .filter((change) => change.fileName === toFsPath(path))
+      .flatMap((change) =>
+        change.textChanges.map((edit) => ({
+          start: edit.span.start,
+          end: edit.span.start + edit.span.length,
+          text: edit.newText,
+        })),
+      );
+  }
+
+  /** Named declarations of a file, in source order (TypeScript's navigation tree). */
+  symbols(path: string): CodeSymbol[] {
+    const file = this.project.getSourceFile(toFsPath(path))?.compilerNode;
+    if (!file) return [];
+    const tree = this.project.getLanguageService().compilerObject.getNavigationTree(toFsPath(path));
+    const result: CodeSymbol[] = [];
+    const visit = (node: ts.NavigationTree, container?: string) => {
+      const span = node.nameSpan ?? node.spans[0];
+      const named = node.kind !== 'script' && node.kind !== 'module' && !node.text.startsWith('<');
+      if (named && span) {
+        const position = file.getLineAndCharacterOfPosition(span.start);
+        result.push({
+          name: node.text,
+          kind: node.kind,
+          ...(container && { container }),
+          line: position.line + 1,
+          column: position.character + 1,
+        });
+      }
+      for (const child of node.childItems ?? []) visit(child, named ? node.text : container);
+    };
+    visit(tree);
+    return result.sort((a, b) => a.line - b.line || a.column - b.column);
+  }
+
+  /** TypeScript diagnostics of files (type declarations of bare imports are loaded first). */
+  async diagnostics(paths: readonly string[]): Promise<CodeDiagnostic[]> {
+    for (const path of paths) await this._loadTypes(path);
+    const programs = new Map<Project, ts.Program>();
+    const result: CodeDiagnostic[] = [];
+    for (const path of paths) {
+      const checked = this._checked(path);
+      let program = programs.get(checked);
+      if (!program) programs.set(checked, (program = checked.getProgram().compilerObject));
+      const file = program.getSourceFile(toFsPath(path));
+      if (!file) continue;
+      for (const diagnostic of [
+        ...program.getSyntacticDiagnostics(file),
+        ...program.getSemanticDiagnostics(file),
+      ]) {
+        const position = file.getLineAndCharacterOfPosition(diagnostic.start ?? 0);
+        result.push({
+          path,
+          start: diagnostic.start ?? 0,
+          length: diagnostic.length ?? 0,
+          line: position.line + 1,
+          column: position.character + 1,
+          message: ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'),
+          severity:
+            diagnostic.category === ts.DiagnosticCategory.Error
+              ? 'error'
+              : diagnostic.category === ts.DiagnosticCategory.Warning
+                ? 'warning'
+                : 'info',
+          code: diagnostic.code,
+          source: 'typescript',
+        });
+      }
+    }
+    return result;
+  }
+
+  /** Roots of the apps that have their own `node_modules` (where type declarations were found). */
+  private _scopeRoots(): string[] {
+    const roots = new Set<string>();
+    for (const { found } of this._typeRoots.values())
+      for (const root of found) if (root) roots.add(root);
+    return [...roots].sort();
+  }
+
+  private _scopeOf(path: string, roots: readonly string[]): string {
+    return roots.find((root) => path === root || path.startsWith(`${root}/`)) ?? '';
+  }
+
+  /** The program a file is checked in: its app's, with the files outside of every app. */
+  private _checked(path: string): Project {
+    const roots = this._scopeRoots();
+    if (roots.length < 2) return this.project;
+    const scope = this._scopeOf(path, roots);
+    if (!scope) return this.project;
+    this._scopes ??= new Map();
+    let project = this._scopes.get(scope);
+    if (!project) {
+      project = new Project({
+        useInMemoryFileSystem: true,
+        compilerOptions: this.project.getCompilerOptions(),
+      });
+      for (const file of this.project.getSourceFiles()) {
+        const owner = this._scopeOf(toProjectPath(file.getFilePath()), roots);
+        if (owner === '' || owner === scope)
+          project.createSourceFile(file.getFilePath(), file.getFullText(), { overwrite: true });
+      }
+      this._scopes.set(scope, project);
+    }
+    return project;
+  }
+
+  private _syncScopes(path: string, text: string | undefined): void {
+    if (!this._scopes) return;
+    const roots = this._scopeRoots();
+    const owner = this._scopeOf(path, roots);
+    for (const [scope, project] of this._scopes) {
+      if (owner !== '' && owner !== scope) continue;
+      const existing = project.getSourceFile(toFsPath(path));
+      if (text === undefined) {
+        if (existing) project.removeSourceFile(existing);
+      } else if (existing) {
+        if (existing.getFullText() !== text) existing.replaceWithText(text);
+      } else project.createSourceFile(toFsPath(path), text, { overwrite: true });
+    }
+  }
+
+  private _context(path: string): AnalyzeContext {
+    const file = this.project.getSourceFile(toFsPath(path));
+    if (!file) throw new CodeError(`File not loaded: ${path}`, path);
+    return {
+      path,
+      file,
+      project: this.project,
+      text: file.getFullText(),
+      ref: (node) => {
+        const kind = node.getKindName();
+        return {
+          id: `${path}:${kind}@${node.getStart()}`,
+          path,
+          kind,
+          start: node.getStart(),
+          end: node.getEnd(),
+        };
+      },
+      resolve: (ref) => {
+        const node = file.getDescendantAtPos(ref.start);
+        for (let current: Node | undefined = node; current; current = current.getParent()) {
+          if (current.getStart() === ref.start && current.getKindName() === ref.kind)
+            return current;
+          if (current.getStart() < ref.start) break;
+        }
+        return undefined;
+      },
+      literals: { literalToValue, valueToLiteral, readExportedLiteral, quoteStyle },
+      moduleSpecifier: (targetPath, fromPath = path) =>
+        moduleSpecifierFor(fromPath, targetPath, this._paths),
+    };
+  }
+
+  private async _loadTypes(path: string): Promise<void> {
+    const resolve = this._options.resolveTypes;
+    const file = this.project.getSourceFile(toFsPath(path));
+    if (!resolve || !file) return;
+    const modules = new Set<string>();
+    for (const declaration of file.getImportDeclarations())
+      modules.add(declaration.getModuleSpecifierValue());
+    for (const declaration of file.getExportDeclarations()) {
+      const specifier = declaration.getModuleSpecifierValue();
+      if (specifier) modules.add(specifier);
+    }
+    for (const module of modules) {
+      if (module.startsWith('.') || module.startsWith('/') || module.startsWith('node:')) continue;
+      if (Object.keys(this._paths).some((pattern) => matchesPathPattern(pattern, module))) continue;
+      const packageName = module.startsWith('@')
+        ? module.split('/').slice(0, 2).join('/')
+        : module.split('/')[0]!;
+      const dir = path.includes('/') ? path.slice(0, path.lastIndexOf('/')) : '';
+      let roots = this._typeRoots.get(packageName);
+      if (!roots) this._typeRoots.set(packageName, (roots = { found: [], asked: new Set() }));
+      const visible = roots.found.some(
+        (root) => root === '' || dir === root || dir.startsWith(`${root}/`),
+      );
+      if (visible || roots.asked.has(dir)) continue;
+      roots.asked.add(dir);
+      try {
+        const files = await resolve(packageName, path);
+        const marker = files[0]?.path.indexOf('node_modules/') ?? -1;
+        if (marker >= 0) {
+          const root = files[0]!.path.slice(0, marker).replace(/\/$/, '');
+          if (root && !this._scopeRoots().includes(root)) this._scopes = undefined;
+          roots.found.push(root);
+        }
+        this.setFiles(files);
+      } catch (error) {
+        roots.asked.delete(dir);
+        this._options.onTypesFailed?.(
+          packageName,
+          path,
+          error instanceof Error ? error.message : String(error),
+        );
+      }
+    }
+  }
+}
diff --git a/packages/code/src/engine/code-engine.type.ts b/packages/code/src/engine/code-engine.type.ts
new file mode 100644
index 00000000..ee6418d2
--- /dev/null
+++ b/packages/code/src/engine/code-engine.type.ts
@@ -0,0 +1,50 @@
+import { type Node, type Project, type SourceFile } from 'ts-morph';
+
+import { type EditBuilder } from './edit-builder';
+import type { NodeRef, SourceText } from './engine.type';
+import {
+  type literalToValue,
+  type quoteStyle,
+  type readExportedLiteral,
+  type valueToLiteral,
+} from './literals';
+
+export interface AnalyzeContext {
+  readonly literals: {
+    readonly literalToValue: typeof literalToValue;
+    readonly valueToLiteral: typeof valueToLiteral;
+    readonly readExportedLiteral: typeof readExportedLiteral;
+    readonly quoteStyle: typeof quoteStyle;
+  };
+  readonly path: string;
+  readonly file: SourceFile;
+  readonly project: Project;
+  readonly text: string;
+  /** Stable reference of a node for models returned to the main thread. */
+  ref(node: Node): NodeRef;
+  /** Node at a reference, if the file still has it. */
+  resolve(ref: NodeRef): Node | undefined;
+  /**
+   * How this file (or `fromPath`) imports another project file: by package name when a
+   * `tsconfig.json` `paths` pattern maps it (`@me/shared/components/player`), else a relative
+   * path. No extension.
+   */
+  moduleSpecifier(targetPath: string, fromPath?: string): string;
+}
+
+export interface TransformContext extends AnalyzeContext {
+  readonly edit: EditBuilder;
+}
+
+export type Analyzer = (context: AnalyzeContext, args: unknown) => unknown;
+export type Transformer = (context: TransformContext, op: unknown) => void;
+
+export interface CodeEngineOptions {
+  /** Fetches type declarations (`node_modules/<pkg>/…`) of a bare import, once per module. */
+  readonly resolveTypes?: (module: string, from: string) => Promise<readonly SourceText[]>;
+  /**
+   * The types of a module could not be fetched (its imports then show as errors in Problems).
+   * It is asked again for the next check of a file importing it.
+   */
+  readonly onTypesFailed?: (module: string, from: string, message: string) => void;
+}
diff --git a/packages/code/src/engine/code-file.const.ts b/packages/code/src/engine/code-file.const.ts
new file mode 100644
index 00000000..a81d53f9
--- /dev/null
+++ b/packages/code/src/engine/code-file.const.ts
@@ -0,0 +1,2 @@
+/** Files the code engine reads as code. Kept apart from the engine: the main thread needs it too. */
+export const CODE_FILE = /\.(?:[cm]?[jt]sx?|d\.ts)$/;
diff --git a/packages/code/src/engine/code.exception.ts b/packages/code/src/engine/code.exception.ts
new file mode 100644
index 00000000..02ed4bf3
--- /dev/null
+++ b/packages/code/src/engine/code.exception.ts
@@ -0,0 +1,11 @@
+/** Thrown by transformers/analyzers for problems users should see (not bugs). */
+export class CodeError extends Error {
+  constructor(
+    message: string,
+    readonly path?: string,
+    readonly start?: number,
+  ) {
+    super(message);
+    this.name = 'CodeError';
+  }
+}
diff --git a/packages/code/src/engine/edit-builder.ts b/packages/code/src/engine/edit-builder.ts
new file mode 100644
index 00000000..3dd4ab56
--- /dev/null
+++ b/packages/code/src/engine/edit-builder.ts
@@ -0,0 +1,85 @@
+import type { Node } from 'ts-morph';
+
+import { CodeError } from './code.exception';
+import type { TextEdit } from './engine.type';
+
+type Target = Node | { readonly start: number; readonly end: number };
+
+const range = (target: Target) =>
+  'getStart' in target ? { start: target.getStart(), end: target.getEnd() } : target;
+
+/**
+ * Collects edits as replacements of node ranges. Code outside the edited ranges is never
+ * touched, so formatting and comments elsewhere are preserved by construction.
+ */
+export class EditBuilder {
+  private readonly _edits: TextEdit[] = [];
+
+  constructor(private readonly _text: string) {}
+
+  replace(target: Target, text: string): this {
+    const { start, end } = range(target);
+    return this._push({ start, end, text });
+  }
+
+  insertBefore(target: Target, text: string): this {
+    const { start } = range(target);
+    return this._push({ start, end: start, text });
+  }
+
+  insertAfter(target: Target, text: string): this {
+    const { end } = range(target);
+    return this._push({ start: end, end, text });
+  }
+
+  insertAt(offset: number, text: string): this {
+    return this._push({ start: offset, end: offset, text });
+  }
+
+  remove(target: Target): this {
+    const { start, end } = range(target);
+    return this._push({ start, end, text: '' });
+  }
+
+  /** Removes whole lines covered by the node (with its indentation and line break). */
+  removeLines(target: Target): this {
+    const { start, end } = range(target);
+    const lineStart = this._text.lastIndexOf('\n', start - 1) + 1;
+    const newline = this._text.indexOf('\n', end);
+    const lineEnd = newline < 0 ? this._text.length : newline + 1;
+    const before = this._text.slice(lineStart, start);
+    const after = this._text.slice(end, newline < 0 ? this._text.length : newline);
+    return before.trim() === '' && after.trim().replace(/^;/, '') === ''
+      ? this._push({ start: lineStart, end: lineEnd, text: '' })
+      : this._push({ start, end, text: '' });
+  }
+
+  /** Indentation of the line where the node starts. */
+  indentationOf(target: Target): string {
+    const { start } = range(target);
+    const lineStart = this._text.lastIndexOf('\n', start - 1) + 1;
+    return /^[ \t]*/.exec(this._text.slice(lineStart, start))![0];
+  }
+
+  /** Edits sorted by position; overlapping edits are a programming error. */
+  build(): TextEdit[] {
+    const sorted = [...this._edits].sort((a, b) => a.start - b.start || a.end - b.end);
+    for (let i = 1; i < sorted.length; i++) {
+      const previous = sorted[i - 1]!;
+      if (sorted[i]!.start < previous.end) {
+        throw new CodeError(
+          `Overlapping edits at ${previous.start}-${previous.end} and ${sorted[i]!.start}`,
+        );
+      }
+    }
+    return sorted;
+  }
+
+  private _push(edit: TextEdit): this {
+    if (edit.start < 0 || edit.end > this._text.length || edit.start > edit.end) {
+      throw new CodeError(`Edit out of range: ${edit.start}-${edit.end}`);
+    }
+    if (edit.text !== this._text.slice(edit.start, edit.end)) this._edits.push(edit);
+    return this;
+  }
+}
diff --git a/packages/code/src/engine/engine.type.ts b/packages/code/src/engine/engine.type.ts
new file mode 100644
index 00000000..0f639633
--- /dev/null
+++ b/packages/code/src/engine/engine.type.ts
@@ -0,0 +1,46 @@
+import type { TextEdit } from '@nanoforge-dev/editor-history';
+
+export type { TextEdit };
+
+/** A reference to a syntax node, stable while the file does not change around it. */
+export interface NodeRef {
+  /** `<path>:<kind>@<start>` */
+  readonly id: string;
+  readonly path: string;
+  readonly kind: string;
+  readonly start: number;
+  readonly end: number;
+}
+
+export interface CodeDiagnostic {
+  /** Project-relative file; empty for a problem that has no file (a failed build). */
+  readonly path: string;
+  /** Offset in the file's text; -1 when only `line` and `column` are known (build errors). */
+  readonly start: number;
+  readonly length: number;
+  /** 1-based position, when the reporter knows it. */
+  readonly line?: number;
+  readonly column?: number;
+  readonly message: string;
+  readonly severity: 'error' | 'warning' | 'info';
+  readonly code?: number | string;
+  /** `typescript` or the analyzer/plugin that reported it. */
+  readonly source: string;
+}
+
+/** A named declaration of a file, for outlines and "go to symbol". */
+export interface CodeSymbol {
+  readonly name: string;
+  /** TypeScript's kind: `class`, `function`, `method`, `property`, `const`, `interface`… */
+  readonly kind: string;
+  /** The declaration that holds it (`Position` for a field of the class). */
+  readonly container?: string;
+  /** 1-based position of the name. */
+  readonly line: number;
+  readonly column: number;
+}
+
+export interface SourceText {
+  readonly path: string;
+  readonly text: string;
+}
diff --git a/packages/code/src/engine/extract-meta.ts b/packages/code/src/engine/extract-meta.ts
new file mode 100644
index 00000000..2d03e66c
--- /dev/null
+++ b/packages/code/src/engine/extract-meta.ts
@@ -0,0 +1,114 @@
+import { Node, type Project } from 'ts-morph';
+
+import {
+  type ItemMeta,
+  type ItemOwner,
+  type MetaDiagnostic,
+  type MetaSource,
+  defaultModulePath,
+  extractItems,
+  sourceHash,
+} from '@nanoforge-dev/editor-meta';
+
+/** A file of a source to extract items from. */
+export interface MetaSourceFile {
+  /** Project path. */
+  readonly path: string;
+  /** The item folder it is in (`dir.components`, `dir.systems`), if any. */
+  readonly folder?: 'components' | 'systems';
+  /** Listed in a manifest's `items`: each export is an item. */
+  readonly listed?: boolean;
+  /** The exports a manifest's `contents` name: only those are items. */
+  readonly exports?: readonly string[];
+}
+
+/** The folder of a source and the base of its item references (`app:client`, `@me/shared`). */
+export interface MetaRoot {
+  readonly path: string;
+  readonly ref: string;
+}
+
+export interface MetaRequest {
+  readonly source: MetaSource;
+  readonly files: readonly MetaSourceFile[];
+  /** Every source of the project, so items of other sources get their reference. */
+  readonly roots: readonly MetaRoot[];
+  /**
+   * Current texts of the files (open documents included), applied before extracting so the
+   * items and the hash come from the same text.
+   */
+  readonly texts?: readonly { readonly path: string; readonly text: string }[];
+}
+
+export interface MetaResponse {
+  readonly items: ItemMeta[];
+  readonly diagnostics: MetaDiagnostic[];
+  /** Owners that ran, with their version and schema (the meta file's `owners`). */
+  readonly owners: Record<string, { version: string; schema: number }>;
+  /** Hash of the files' current text (the meta file's `sourceHash`). */
+  readonly sourceHash: string;
+  /** Files that aren't loaded in the engine. */
+  readonly missing: string[];
+}
+
+const ROOT = '/project/';
+const toProjectPath = (path: string) => (path.startsWith(ROOT) ? path.slice(ROOT.length) : path);
+
+/** Items of a source, extracted with the registered owners. */
+export const extractMeta = async (
+  project: Project,
+  owners: readonly ItemOwner[],
+  request: MetaRequest,
+): Promise<MetaResponse> => {
+  const roots = [...request.roots].sort((a, b) => b.path.length - a.path.length);
+  const refOf = (node: Node) => {
+    let symbol = node.getSymbol();
+    if (symbol?.isAlias()) symbol = symbol.getAliasedSymbol();
+    const declaration = symbol?.getDeclarations()[0];
+    if (!symbol || !declaration) return undefined;
+    const exportable = Node.isVariableDeclaration(declaration)
+      ? declaration.getVariableStatement()
+      : declaration;
+    if (!exportable || !Node.isExportable(exportable) || !exportable.isExported()) return undefined;
+    const path = toProjectPath(declaration.getSourceFile().getFilePath());
+    const root = roots.find(
+      (candidate) =>
+        path === candidate.path || path.startsWith(`${candidate.path}/`) || candidate.path === '',
+    );
+    return root ? `${root.ref}#${symbol.getName()}` : undefined;
+  };
+
+  const items: ItemMeta[] = [];
+  const diagnostics: MetaDiagnostic[] = [];
+  const texts: { path: string; text: string }[] = [];
+  const missing: string[] = [];
+  for (const entry of request.files) {
+    const file = project.getSourceFile(ROOT + entry.path);
+    if (!file) {
+      missing.push(entry.path);
+      continue;
+    }
+    texts.push({ path: entry.path, text: file.getFullText() });
+    const result = extractItems(file, {
+      source: request.source,
+      path: entry.path,
+      owners,
+      ...(entry.folder && { folder: entry.folder }),
+      ...(entry.listed && { listed: true }),
+      ...(entry.exports && { exports: entry.exports }),
+      modulePath: (declarationFile) => defaultModulePath(declarationFile),
+      refOf,
+    });
+    items.push(...result.items);
+    diagnostics.push(...result.diagnostics);
+  }
+  return {
+    items,
+    diagnostics,
+    owners: Object.fromEntries(
+      owners.map((owner) => [owner.name, { version: owner.version, schema: owner.schema }]),
+    ),
+    sourceHash: await sourceHash(texts),
+    missing,
+  };
+};
diff --git a/packages/code/src/engine/index.ts b/packages/code/src/engine/index.ts
new file mode 100644
index 00000000..a14ec724
--- /dev/null
+++ b/packages/code/src/engine/index.ts
@@ -0,0 +1,11 @@
+export * from './code-engine.type';
+export * from './code-engine';
+export { moduleSpecifierFor } from './module-specifier';
+export * from './edit-builder';
+export * from './literals';
+export * from './extract-meta';
+export * from './engine.type';
+export * from './code.exception';
+export * from './worker-sdk';
+export * from './code-file.const';
+export * from './rename-package.const';
diff --git a/packages/code/src/engine/literals.ts b/packages/code/src/engine/literals.ts
new file mode 100644
index 00000000..5a448bd3
--- /dev/null
+++ b/packages/code/src/engine/literals.ts
@@ -0,0 +1,133 @@
+import { type Expression, Node, type SourceFile, SyntaxKind } from 'ts-morph';
+
+import { CodeError } from './code.exception';
+
+export type LiteralValue =
+  | string
+  | number
+  | boolean
+  | null
+  | readonly LiteralValue[]
+  | { readonly [key: string]: LiteralValue };
+
+const unwrap = (node: Node): Node => {
+  let current = node;
+  while (
+    Node.isParenthesizedExpression(current) ||
+    Node.isAsExpression(current) ||
+    Node.isSatisfiesExpression(current) ||
+    Node.isTypeAssertion(current)
+  ) {
+    current = current.getExpression();
+  }
+  return current;
+};
+
+/** Value of a literal expression; throws `CodeError` (with position) for anything else. */
+export const literalToValue = (expression: Node): LiteralValue => {
+  const node = unwrap(expression);
+  const fail = (): never => {
+    throw new CodeError(
+      `Only literal values are supported here, found \`${node.getText().slice(0, 60)}\``,
+      node.getSourceFile().getFilePath(),
+      node.getStart(),
+    );
+  };
+  if (Node.isStringLiteral(node) || Node.isNoSubstitutionTemplateLiteral(node))
+    return node.getLiteralValue();
+  if (Node.isNumericLiteral(node)) return node.getLiteralValue();
+  if (Node.isTrueLiteral(node)) return true;
+  if (Node.isFalseLiteral(node)) return false;
+  if (Node.isNullLiteral(node)) return null;
+  if (Node.isPrefixUnaryExpression(node)) {
+    const operand = node.getOperand();
+    if (!Node.isNumericLiteral(operand)) return fail();
+    const value = operand.getLiteralValue();
+    if (node.getOperatorToken() === SyntaxKind.MinusToken) return -value;
+    if (node.getOperatorToken() === SyntaxKind.PlusToken) return value;
+  }
+  if (Node.isArrayLiteralExpression(node))
+    return node.getElements().map((element) => literalToValue(element));
+  if (Node.isObjectLiteralExpression(node)) {
+    const result: Record<string, LiteralValue> = {};
+    for (const property of node.getProperties()) {
+      if (!Node.isPropertyAssignment(property)) return fail();
+      const name = property.getNameNode();
+      const key =
+        Node.isIdentifier(name) || Node.isStringLiteral(name) || Node.isNumericLiteral(name)
+          ? String(Node.isIdentifier(name) ? name.getText() : name.getLiteralValue())
+          : fail();
+      result[key] = literalToValue(property.getInitializerOrThrow());
+    }
+    return result;
+  }
+  return fail();
+};
+
+export interface PrintOptions {
+  readonly quote?: '"' | "'";
+  /** Indentation of the line the literal starts on. */
+  readonly indent?: string;
+  /** Indentation unit. */
+  readonly tab?: string;
+  /** Objects/arrays longer than this are printed on several lines. */
+  readonly maxInline?: number;
+}
+
+const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+
+/** Source code of a value (the inverse of `literalToValue`). */
+export const valueToLiteral = (value: LiteralValue, options: PrintOptions = {}): string => {
+  const quote = options.quote ?? "'";
+  const tab = options.tab ?? '  ';
+  const maxInline = options.maxInline ?? 60;
+  const string = (text: string) =>
+    quote +
+    text
+      .replace(/\\/g, '\\\\')
+      .replace(new RegExp(quote, 'g'), `\\${quote}`)
+      .replace(/\n/g, '\\n') +
+    quote;
+  const print = (current: LiteralValue, indent: string): string => {
+    if (current === null) return 'null';
+    if (typeof current === 'string') return string(current);
+    if (typeof current === 'number') {
+      if (!Number.isFinite(current)) throw new CodeError(`Cannot write ${current} as a literal`);
+      return String(current);
+    }
+    if (typeof current === 'boolean') return String(current);
+    const inner = indent + tab;
+    if (Array.isArray(current)) {
+      const items = (current as readonly LiteralValue[]).map((item) => print(item, inner));
+      const inline = `[${items.join(', ')}]`;
+      return inline.length <= maxInline && !inline.includes('\n')
+        ? inline
+        : `[\n${items.map((item) => inner + item).join(',\n')},\n${indent}]`;
+    }
+    const entries = Object.entries(current as Record<string, LiteralValue>).map(
+      ([key, item]) => `${IDENTIFIER.test(key) ? key : string(key)}: ${print(item, inner)}`,
+    );
+    if (!entries.length) return '{}';
+    const inline = `{ ${entries.join(', ')} }`;
+    return inline.length <= maxInline && !inline.includes('\n')
+      ? inline
+      : `{\n${entries.map((entry) => inner + entry).join(',\n')},\n${indent}}`;
+  };
+  return print(value, options.indent ?? '');
+};
+
+/** Quote style of a file (the first string literal), for code that blends in. */
+export const quoteStyle = (file: SourceFile): '"' | "'" => {
+  const first = file.getFirstDescendantByKind(SyntaxKind.StringLiteral);
+  return first?.getText().startsWith('"') ? '"' : "'";
+};
+
+/** Value of `export const <name> = <literal>` (e.g. `EDITOR_COMPONENT_MANIFEST`). */
+export const readExportedLiteral = (file: SourceFile, name: string): LiteralValue | undefined => {
+  const declaration = file.getVariableDeclaration(name);
+  if (!declaration || !declaration.isExported()) return undefined;
+  const initializer = declaration.getInitializer();
+  if (!initializer)
+    throw new CodeError(`${name} has no value`, file.getFilePath(), declaration.getStart());
+  return literalToValue(initializer as Expression);
+};
diff --git a/packages/code/src/engine/module-specifier.ts b/packages/code/src/engine/module-specifier.ts
new file mode 100644
index 00000000..3fe4086b
--- /dev/null
+++ b/packages/code/src/engine/module-specifier.ts
@@ -0,0 +1,56 @@
+/** `a/./b/../c` → `a/c`, without a leading `./`. */
+export const joinPosix = (base: string, target: string): string => {
+  const parts: string[] = [];
+  for (const part of `${base}/${target}`.split('/')) {
+    if (part === '' || part === '.') continue;
+    if (part === '..') parts.pop();
+    else parts.push(part);
+  }
+  return parts.join('/');
+};
+
+/** Whether a module matches a `paths` pattern (`@me/shared/*`). */
+export const matchesPathPattern = (pattern: string, module: string): boolean => {
+  const star = pattern.indexOf('*');
+  if (star < 0) return pattern === module;
+  return module.startsWith(pattern.slice(0, star)) && module.endsWith(pattern.slice(star + 1));
+};
+
+const withoutExtension = (path: string) =>
+  path.replace(/(\.d)?\.[cm]?[jt]sx?$/, '').replace(/\/index$/, '');
+
+/** Import specifier of `target` from `from` (project paths), through `paths` when one maps it. */
+export const moduleSpecifierFor = (
+  from: string,
+  target: string,
+  paths: Readonly<Record<string, readonly string[]>>,
+): string => {
+  const bare = withoutExtension(target);
+  for (const [pattern, targets] of Object.entries(paths)) {
+    for (const mapped of targets) {
+      const star = mapped.indexOf('*');
+      const patternStar = pattern.indexOf('*');
+      if (star < 0 || patternStar < 0) {
+        if (withoutExtension(mapped) === bare) return pattern;
+        continue;
+      }
+      const prefix = mapped.slice(0, star);
+      const suffix = withoutExtension(mapped.slice(star + 1));
+      if (!bare.startsWith(prefix) || !bare.endsWith(suffix)) continue;
+      const middle = bare.slice(prefix.length, bare.length - suffix.length);
+      return pattern.slice(0, patternStar) + middle + pattern.slice(patternStar + 1);
+    }
+  }
+  const fromParts = from.split('/').slice(0, -1);
+  const toParts = bare.split('/');
+  let common = 0;
+  while (
+    common < fromParts.length &&
+    common < toParts.length &&
+    fromParts[common] === toParts[common]
+  )
+    common++;
+  const up = fromParts.length - common;
+  const relative = [...Array<string>(up).fill('..'), ...toParts.slice(common)].join('/');
+  return up === 0 ? `./${relative}` : relative;
+};
diff --git a/packages/code/src/engine/rename-package.const.ts b/packages/code/src/engine/rename-package.const.ts
new file mode 100644
index 00000000..88d1df30
--- /dev/null
+++ b/packages/code/src/engine/rename-package.const.ts
@@ -0,0 +1,5 @@
+/**
+ * Core transformer pointing the imports of a package (`@pong/shared`, `@pong/shared/x`) at a
+ * new name; op `{ from, to }`. Kept apart from the engine: the main thread needs the id too.
+ */
+export const RENAME_PACKAGE_TRANSFORMER = 'core.renamePackage';
diff --git a/packages/code/src/engine/rename-package.ts b/packages/code/src/engine/rename-package.ts
new file mode 100644
index 00000000..82a4a828
--- /dev/null
+++ b/packages/code/src/engine/rename-package.ts
@@ -0,0 +1,34 @@
+import { Node, SyntaxKind } from 'ts-morph';
+
+import type { TransformContext } from './code-engine.type';
+
+/** Whether a string literal is the module of an import, an export, `import()` or `require()`. */
+const isModuleSpecifier = (node: Node): boolean => {
+  const parent = node.getParent();
+  if (!parent) return false;
+  if (Node.isImportDeclaration(parent) || Node.isExportDeclaration(parent))
+    return parent.getModuleSpecifier() === node;
+  if (Node.isExternalModuleReference(parent)) return true;
+  if (Node.isLiteralTypeNode(parent)) return Node.isImportTypeNode(parent.getParent());
+  if (Node.isCallExpression(parent)) {
+    const callee = parent.getExpression();
+    return (
+      parent.getArguments()[0] === node &&
+      (callee.getKind() === SyntaxKind.ImportKeyword ||
+        (Node.isIdentifier(callee) && callee.getText() === 'require'))
+    );
+  }
+  return false;
+};
+
+/** Points the module specifiers of package `from` (and its sub-paths) at `to`. */
+export const renamePackage = (context: TransformContext, op: unknown): void => {
+  const { from, to } = op as { from: string; to: string };
+  for (const literal of context.file.getDescendantsOfKind(SyntaxKind.StringLiteral)) {
+    const value = literal.getLiteralValue();
+    if (value !== from && !value.startsWith(`${from}/`)) continue;
+    if (!isModuleSpecifier(literal)) continue;
+    const quote = literal.getText()[0];
+    context.edit.replace(literal, `${quote}${to}${value.slice(from.length)}${quote}`);
+  }
+};
diff --git a/packages/code/src/engine/worker-sdk.ts b/packages/code/src/engine/worker-sdk.ts
new file mode 100644
index 00000000..ffe7b253
--- /dev/null
+++ b/packages/code/src/engine/worker-sdk.ts
@@ -0,0 +1,33 @@
+import type { ItemOwner } from '@nanoforge-dev/editor-meta';
+
+import type { CodeEngine } from './code-engine';
+import type { Analyzer, Transformer } from './code-engine.type';
+import { literalToValue, quoteStyle, readExportedLiteral, valueToLiteral } from './literals';
+
+/**
+ * What plugin worker entries (`entry.worker`) import as `@nanoforge-dev/editor-sdk/worker`.
+ * Registrations are owned by the plugin and removed when it unloads.
+ */
+export interface WorkerSdk {
+  readonly literals: {
+    readonly literalToValue: typeof literalToValue;
+    readonly valueToLiteral: typeof valueToLiteral;
+    readonly readExportedLiteral: typeof readExportedLiteral;
+    readonly quoteStyle: typeof quoteStyle;
+  };
+  registerAnalyzer(id: string, analyzer: Analyzer): () => void;
+  registerTransformer(id: string, transformer: Transformer): () => void;
+  /** Registers an owner of item data (ADR 0003): its tags, inference, claims and `extract`. */
+  registerItemOwner(owner: ItemOwner): () => void;
+}
+
+export interface WorkerPluginModule {
+  activate?(sdk: WorkerSdk): void | Promise<void>;
+}
+
+export const createWorkerSdk = (engine: CodeEngine, owner: string): WorkerSdk => ({
+  registerAnalyzer: (id, analyzer) => engine.registerAnalyzer(id, analyzer, owner),
+  registerTransformer: (id, transformer) => engine.registerTransformer(id, transformer, owner),
+  registerItemOwner: (itemOwner) => engine.registerItemOwner(itemOwner, owner),
+  literals: { literalToValue, valueToLiteral, readExportedLiteral, quoteStyle },
+});
diff --git a/packages/code/src/index.ts b/packages/code/src/index.ts
new file mode 100644
index 00000000..e1921c15
--- /dev/null
+++ b/packages/code/src/index.ts
@@ -0,0 +1,11 @@
+export * from './worker-rpc';
+export * from './service';
+export * from './catalog';
+export * from './codegen';
+export * from './diagnostics';
+export * from './document';
+export type * from './engine';
+export * from './engine/code-file.const';
+export * from './engine/rename-package.const';
+export * from './engine/engine.type';
+export * from './engine/code.exception';
diff --git a/packages/code/src/service/code-service.ts b/packages/code/src/service/code-service.ts
new file mode 100644
index 00000000..cb6813f3
--- /dev/null
+++ b/packages/code/src/service/code-service.ts
@@ -0,0 +1,409 @@
+import type { CommandOrigin, HistoryCommand } from '@nanoforge-dev/editor-history';
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Logger,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectFs } from '@nanoforge-dev/editor-project';
+import { CodeContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { DiagnosticsService } from '../diagnostics/diagnostics-service';
+import { type DocumentService, fingerprint } from '../document/document-service';
+import { CODE_FILE } from '../engine/code-file.const';
+import type { CodeDiagnostic, CodeSymbol, TextEdit } from '../engine/engine.type';
+import type { MetaRequest, MetaResponse } from '../engine/extract-meta';
+import type { EngineApi, EngineHostApi } from '../worker-rpc/serve-engine';
+import { type MessageEndpoint, type Remote, expose, wrap } from '../worker-rpc/worker-rpc';
+
+/** Installed packages are read-only: their problems are not the user's to fix. */
+const NOT_CHECKED = /(^|\/)nf_modules\//;
+const CHECK_BATCH = 16;
+
+/** Folders never mirrored into the code worker. */
+const EXCLUDED = /(^|\/)(node_modules|dist|coverage|\.nanoforge|\.git|\.turbo)(\/|$)/;
+
+const TSCONFIG = 'tsconfig.json';
+
+/** Marks a step in the performance timeline, and measures it from `since` (`<name>:time`). */
+const mark = (name: string, since?: string): void => {
+  if (typeof performance === 'undefined' || !performance.mark) return;
+  performance.mark(name);
+  if (since && performance.getEntriesByName(since).length)
+    performance.measure(`${name}:time`, since, name);
+};
+
+export const isCodeFile = (path: string): boolean => CODE_FILE.test(path) && !EXCLUDED.test(path);
+
+export interface WorkerEndpoint extends MessageEndpoint {
+  terminate?(): void;
+}
+
+export interface CodeServiceOptions {
+  readonly projectId: string;
+  readonly fs: ProjectFs;
+  readonly rpc: RpcClient;
+  readonly documents: DocumentService;
+  readonly diagnostics: DiagnosticsService;
+  /** Starts the code worker (a Web Worker in browsers, a MessagePort in tests). */
+  readonly createWorker: () => WorkerEndpoint;
+  readonly logger?: Logger;
+  /** Delay before re-checking watched files after a change. */
+  readonly diagnosticsDelayMs?: number;
+}
+
+/**
+ * TypeScript services of the open project, computed in a worker started on first use. The
+ * worker mirrors the project's code files and the unsaved text of open documents.
+ */
+export class CodeService implements Disposable {
+  private _engine: Promise<Remote<EngineApi>> | undefined;
+  private _endpoint: WorkerEndpoint | undefined;
+  private readonly _store = new DisposableStore();
+  private readonly _watched = new Set<string>();
+  private readonly _pendingDiagnostics = new Set<string>();
+  private _diagnosticsTimer: ReturnType<typeof setTimeout> | undefined;
+  private readonly _plugins = new Map<string, string>();
+  private _projectChecks = 0;
+  private _projectCheckRun = 0;
+  private _projectCheckTimer: ReturnType<typeof setTimeout> | undefined;
+  private readonly _onDidChangeOwners = new Emitter<void>();
+
+  /** A worker plugin was loaded or unloaded (item owners may have changed). */
+  readonly onDidChangeOwners: Event<void> = this._onDidChangeOwners.event;
+
+  constructor(private readonly _options: CodeServiceOptions) {}
+
+  /**
+   * The engine, started (and the project mirrored) on first call. A start that fails, or a
+   * worker that crashes, is forgotten: the next call starts a new worker.
+   */
+  engine(): Promise<Remote<EngineApi>> {
+    if (!this._engine) {
+      const started = new DisposableStore();
+      const engine = this._start(started);
+      this._engine = engine;
+      engine.catch(() => {
+        if (this._engine === engine) this._stop(started);
+      });
+    }
+    return this._engine;
+  }
+
+  async analyze<T = unknown>(path: string, analyzerId: string, args?: unknown): Promise<T> {
+    const engine = await this._current(path);
+    return (await engine.analyze(path, analyzerId, args)) as T;
+  }
+
+  /** Edits a transformer wants, as offsets in the file's current text (open documents included). */
+  async transform(path: string, transformerId: string, op: unknown): Promise<TextEdit[]> {
+    return (await this._current(path)).transform(path, transformerId, op);
+  }
+
+  /**
+   * An undoable command applying a transformer's edits through the DocumentService (the open
+   * editor if any). Returns undefined when the transformer changes nothing.
+   */
+  async edit(
+    path: string,
+    transformerId: string,
+    op: unknown,
+    options: { label: string; origin?: CommandOrigin; mergeKey?: string },
+  ): Promise<HistoryCommand | undefined> {
+    const engine = await this.engine();
+    const text = await this._options.documents.getText(path);
+    await engine.setFiles([{ path, text }]);
+    const edits = await engine.transform(path, transformerId, op);
+    if (!edits.length) return undefined;
+    return this._options.documents.editCommand(path, edits, {
+      ...options,
+      basedOn: fingerprint(text),
+    });
+  }
+
+  /** Checks files now and publishes TypeScript problems. */
+  /** Edits organizing the imports of a code file (current content, open documents included). */
+  async organizeImports(path: string): Promise<TextEdit[]> {
+    const engine = await this.engine();
+    await engine.setFiles([{ path, text: await this._options.documents.getText(path) }]);
+    return engine.organizeImports(path);
+  }
+
+  /** Named declarations of a code file's current text (open documents included). */
+  async symbols(path: string): Promise<CodeSymbol[]> {
+    return (await this._current(path)).symbols(path);
+  }
+
+  /** Type declarations of a package as resolved from a file (node_modules lookup). */
+  typeFiles(module: string, from: string): Promise<readonly { path: string; text: string }[]> {
+    return this._options.rpc
+      .api(CodeContract)
+      .typeFiles({ project: this._options.projectId, from, module });
+  }
+
+  /** Formats a file's text with Prettier (see `code.format`). */
+  format(
+    path: string,
+    text: string,
+  ): Promise<{ text: string; formatter: 'project' | 'bundled' | 'none' }> {
+    return this._options.rpc
+      .api(CodeContract)
+      .format({ project: this._options.projectId, path, text });
+  }
+
+  async refreshDiagnostics(paths: readonly string[]): Promise<readonly CodeDiagnostic[]> {
+    const diagnostics = await (await this.engine()).diagnostics(paths);
+    for (const path of paths) {
+      this._options.diagnostics.set(
+        'typescript',
+        path,
+        diagnostics.filter((diagnostic) => diagnostic.path === path),
+      );
+    }
+    return diagnostics;
+  }
+
+  /** Keeps TypeScript problems of a file up to date while watched (open editors). */
+  watchDiagnostics(path: string): Disposable {
+    this._watched.add(path);
+    this._scheduleDiagnostics(path, false);
+    return {
+      dispose: () => {
+        this._watched.delete(path);
+        if (!this._projectChecks) this._options.diagnostics.clear('typescript', path);
+      },
+    };
+  }
+
+  /**
+   * Keeps the TypeScript problems of every code file of the project up to date, not only of
+   * watched files, until disposed (the Problems panel). Files are checked when it starts and
+   * again after changes: a change in one file can break another.
+   */
+  checkProject(): Disposable {
+    if (this._projectChecks++ === 0) this._scheduleProjectCheck(0);
+    let disposed = false;
+    return {
+      dispose: () => {
+        if (disposed) return;
+        disposed = true;
+        if (--this._projectChecks > 0) return;
+        clearTimeout(this._projectCheckTimer);
+        this._projectCheckRun++;
+        for (const path of this._options.diagnostics.uris('typescript')) {
+          if (!this._watched.has(path)) this._options.diagnostics.clear('typescript', path);
+        }
+      },
+    };
+  }
+
+  /** Items of a source (ADR 0003), extracted by the worker with the registered owners. */
+  async extractMeta(request: MetaRequest): Promise<MetaResponse> {
+    return (await this.engine()).extractMeta(request);
+  }
+
+  /** Item owners registered by worker plugins (name, version, schema). */
+  async itemOwners(): Promise<{ name: string; version: string; schema: number }[]> {
+    return (await this.engine()).itemOwners();
+  }
+
+  /** Loads a plugin's worker entry (`entry.worker`); reloading replaces its registrations. */
+  async loadWorkerPlugin(owner: string, url: string): Promise<void> {
+    this._plugins.set(owner, url);
+    try {
+      if (this._engine) await (await this._engine).loadPlugin(owner, url);
+    } finally {
+      this._onDidChangeOwners.fire();
+    }
+  }
+
+  async unloadWorkerPlugin(owner: string): Promise<void> {
+    this._plugins.delete(owner);
+    try {
+      if (this._engine) await (await this._engine).unloadPlugin(owner);
+    } finally {
+      this._onDidChangeOwners.fire();
+    }
+  }
+
+  dispose(): void {
+    clearTimeout(this._diagnosticsTimer);
+    clearTimeout(this._projectCheckTimer);
+    this._projectCheckRun++;
+    this._store.dispose();
+    this._onDidChangeOwners.dispose();
+    this._endpoint?.terminate?.();
+  }
+
+  /** The engine, with the file's current text mirrored (the change stream may lag). */
+  private async _current(path: string): Promise<Remote<EngineApi>> {
+    const engine = await this.engine();
+    await engine.setFiles([{ path, text: await this._options.documents.getText(path) }]);
+    return engine;
+  }
+
+  /** Stops a worker that failed, and what was set up for it. */
+  private _stop(started: DisposableStore): void {
+    this._engine = undefined;
+    this._store.delete(started);
+    started.dispose();
+    this._endpoint?.terminate?.();
+    this._endpoint = undefined;
+  }
+
+  private async _start(started: DisposableStore): Promise<Remote<EngineApi>> {
+    mark('nf:code:created');
+    const endpoint = this._options.createWorker();
+    this._endpoint = endpoint;
+    this._store.add(started);
+    const onError = () => {
+      if (this._endpoint === endpoint) this._stop(started);
+    };
+    endpoint.addEventListener('error', onError);
+    started.add({ dispose: () => endpoint.removeEventListener('error', onError) });
+    const host: EngineHostApi = {
+      resolveTypes: (module, from) =>
+        this._options.rpc
+          .api(CodeContract)
+          .typeFiles({ project: this._options.projectId, from, module }),
+      typesFailed: (module, from, message) =>
+        this._options.logger?.warn(
+          `The types of ${module} (imported by ${from}) could not be read: ${message}`,
+        ),
+    };
+    started.add({ dispose: expose(host, endpoint) });
+    const engine = wrap<EngineApi>(endpoint);
+    started.add({ dispose: () => engine.dispose() });
+
+    const syncTsconfig = async () =>
+      engine.setTsconfig(
+        this._options.fs.entry(TSCONFIG)
+          ? await this._options.documents.getText(TSCONFIG).catch(() => undefined)
+          : undefined,
+      );
+    await syncTsconfig();
+    mark('nf:code:ready', 'nf:code:created');
+    started.add(
+      this._options.fs.onDidChange((changes) => {
+        if (changes.some((change) => change.path === TSCONFIG))
+          void syncTsconfig().catch((error: unknown) =>
+            this._options.logger?.warn('tsconfig.json could not be applied', error),
+          );
+      }),
+    );
+
+    const paths = this._options.fs.entries.filter(
+      (entry) => entry.kind === 'file' && isCodeFile(entry.path),
+    );
+    for (let i = 0; i < paths.length; i += 32) {
+      const batch = await Promise.all(
+        paths.slice(i, i + 32).map(async (entry) => ({
+          path: entry.path,
+          text: await this._options.documents.getText(entry.path),
+        })),
+      );
+      await engine.setFiles(batch);
+    }
+    mark('nf:code:mirrored', 'nf:code:created');
+    started.add(
+      this._options.fs.onDidChange((changes) => {
+        void (async () => {
+          const deleted = changes
+            .filter((change) => change.type === 'deleted' && isCodeFile(change.path))
+            .map((change) => change.path);
+          if (deleted.length) await engine.deleteFiles(deleted);
+          const updated = changes.filter(
+            (change) =>
+              change.type !== 'deleted' &&
+              change.kind === 'file' &&
+              isCodeFile(change.path) &&
+              !this._options.documents.get(change.path),
+          );
+          if (updated.length) {
+            await engine.setFiles(
+              await Promise.all(
+                updated.map(async (change) => ({
+                  path: change.path,
+                  text: await this._options.documents.getText(change.path),
+                })),
+              ),
+            );
+          }
+          for (const change of [...deleted.map((path) => ({ path })), ...updated])
+            this._scheduleDiagnostics(change.path);
+        })().catch((error: unknown) =>
+          this._options.logger?.warn('Code mirror update failed', error),
+        );
+      }),
+    );
+    started.add(
+      this._options.documents.onDidChange(({ uri }) => {
+        if (!isCodeFile(uri)) return;
+        void this._options.documents
+          .getText(uri)
+          .then((text) => engine.setFiles([{ path: uri, text }]))
+          .then(() => this._scheduleDiagnostics(uri))
+          .catch((error: unknown) =>
+            this._options.logger?.warn(`Code mirror of ${uri} failed`, error),
+          );
+      }),
+    );
+    for (const [owner, url] of this._plugins) {
+      await engine
+        .loadPlugin(owner, url)
+        .catch((error: unknown) =>
+          this._options.logger?.error(`Worker plugin ${owner} failed`, error),
+        );
+    }
+    if (this._plugins.size) this._onDidChangeOwners.fire();
+    return engine;
+  }
+
+  private _scheduleProjectCheck(delayMs = 1500): void {
+    if (!this._projectChecks) return;
+    clearTimeout(this._projectCheckTimer);
+    this._projectCheckTimer = setTimeout(() => {
+      this._checkProject().catch((error: unknown) =>
+        this._options.logger?.warn('Project check failed', error),
+      );
+    }, delayMs);
+  }
+
+  private async _checkProject(): Promise<void> {
+    const run = ++this._projectCheckRun;
+    await this.engine();
+    const paths = this._options.fs.entries
+      .filter(
+        (entry) => entry.kind === 'file' && isCodeFile(entry.path) && !NOT_CHECKED.test(entry.path),
+      )
+      .map((entry) => entry.path);
+    const checked = new Set(paths);
+    for (const path of this._options.diagnostics.uris('typescript')) {
+      if (!checked.has(path) && !this._watched.has(path))
+        this._options.diagnostics.clear('typescript', path);
+    }
+    for (let index = 0; index < paths.length; index += CHECK_BATCH) {
+      if (run !== this._projectCheckRun) return;
+      await this.refreshDiagnostics(paths.slice(index, index + CHECK_BATCH));
+    }
+  }
+
+  private _scheduleDiagnostics(path: string, changed = true): void {
+    if (changed) this._scheduleProjectCheck();
+    if (!this._watched.has(path) && !(this._projectChecks && !NOT_CHECKED.test(path))) return;
+    this._pendingDiagnostics.add(path);
+    clearTimeout(this._diagnosticsTimer);
+    this._diagnosticsTimer = setTimeout(() => {
+      const paths = [...this._pendingDiagnostics];
+      this._pendingDiagnostics.clear();
+      this.refreshDiagnostics(paths).catch((error: unknown) =>
+        this._options.logger?.warn('Diagnostics failed', error),
+      );
+    }, this._options.diagnosticsDelayMs ?? 300);
+  }
+}
+
+export const CodeServiceToken = createToken<CodeService>('code.service');
diff --git a/packages/code/src/service/index.ts b/packages/code/src/service/index.ts
new file mode 100644
index 00000000..e8d55ae3
--- /dev/null
+++ b/packages/code/src/service/index.ts
@@ -0,0 +1 @@
+export * from './code-service';
diff --git a/packages/code/src/worker-rpc/create-browser-worker.ts b/packages/code/src/worker-rpc/create-browser-worker.ts
new file mode 100644
index 00000000..49a846ce
--- /dev/null
+++ b/packages/code/src/worker-rpc/create-browser-worker.ts
@@ -0,0 +1,5 @@
+import type { WorkerEndpoint } from '../service/code-service';
+
+/** The code worker of browsers (bundled by Vite from this URL). */
+export const createBrowserWorker = (): WorkerEndpoint =>
+  new Worker(new URL('../worker.ts', import.meta.url), { type: 'module', name: 'nanoforge-code' });
diff --git a/packages/code/src/worker-rpc/index.ts b/packages/code/src/worker-rpc/index.ts
new file mode 100644
index 00000000..bf477cc4
--- /dev/null
+++ b/packages/code/src/worker-rpc/index.ts
@@ -0,0 +1,3 @@
+export * from './create-browser-worker';
+export type * from './serve-engine';
+export * from './worker-rpc';
diff --git a/packages/code/src/worker-rpc/serve-engine.ts b/packages/code/src/worker-rpc/serve-engine.ts
new file mode 100644
index 00000000..0de93f28
--- /dev/null
+++ b/packages/code/src/worker-rpc/serve-engine.ts
@@ -0,0 +1,73 @@
+import { CodeEngine } from '../engine/code-engine';
+import type { CodeDiagnostic, CodeSymbol, SourceText, TextEdit } from '../engine/engine.type';
+import type { MetaRequest, MetaResponse } from '../engine/extract-meta';
+import { type WorkerPluginModule, createWorkerSdk } from '../engine/worker-sdk';
+import { type MessageEndpoint, expose, wrap } from './worker-rpc';
+
+/** API of the engine as seen from the main thread. */
+export interface EngineApi {
+  setFiles(files: readonly SourceText[]): void;
+  deleteFiles(paths: readonly string[]): void;
+  analyze(path: string, analyzerId: string, args?: unknown): unknown;
+  transform(path: string, transformerId: string, op: unknown): TextEdit[];
+  diagnostics(paths: readonly string[]): Promise<CodeDiagnostic[]>;
+  organizeImports(path: string): Promise<TextEdit[]>;
+  symbols(path: string): CodeSymbol[];
+  setTsconfig(text: string | undefined): void;
+  extractMeta(request: MetaRequest): Promise<MetaResponse>;
+  itemOwners(): { name: string; version: string; schema: number }[];
+  /** Imports a plugin's `entry.worker` and calls its `activate(sdk)`. */
+  loadPlugin(owner: string, url: string): Promise<void>;
+  unloadPlugin(owner: string): void;
+}
+
+/** Services the main thread offers to the worker. */
+export interface EngineHostApi {
+  resolveTypes(module: string, from: string): Promise<readonly SourceText[]>;
+  typesFailed(module: string, from: string, message: string): void;
+}
+
+export interface ServeOptions {
+  /** How plugin modules are imported (tests inject a loader). */
+  readonly importModule?: (url: string) => Promise<unknown>;
+}
+
+/** Runs a code engine behind a message endpoint (the worker's `self`, or a MessagePort). */
+export const serveEngine = (
+  endpoint: MessageEndpoint,
+  options: ServeOptions = {},
+): (() => void) => {
+  const host = wrap<EngineHostApi>(endpoint);
+  const engine = new CodeEngine({
+    resolveTypes: (module, from) => host.resolveTypes(module, from),
+    onTypesFailed: (module, from, message) =>
+      void host.typesFailed(module, from, message).catch(() => undefined),
+  });
+  const importModule = options.importModule ?? ((url: string) => import(/* @vite-ignore */ url));
+  const api: EngineApi = {
+    setFiles: (files) => engine.setFiles(files),
+    deleteFiles: (paths) => engine.deleteFiles(paths),
+    analyze: (path, analyzerId, args) => engine.analyze(path, analyzerId, args),
+    transform: (path, transformerId, op) => engine.transform(path, transformerId, op),
+    diagnostics: (paths) => engine.diagnostics(paths),
+    symbols: (path) => engine.symbols(path),
+    organizeImports: (path) => engine.organizeImports(path),
+    setTsconfig: (text) => engine.setTsconfig(text),
+    extractMeta: (request) => engine.extractMeta(request),
+    itemOwners: () => engine.itemOwners,
+    loadPlugin: async (owner, url) => {
+      engine.unregisterOwner(owner);
+      const imported = (await importModule(url)) as WorkerPluginModule & {
+        default?: WorkerPluginModule;
+      };
+      const plugin = imported.activate ? imported : (imported.default ?? {});
+      await plugin.activate?.(createWorkerSdk(engine, owner));
+    },
+    unloadPlugin: (owner) => engine.unregisterOwner(owner),
+  };
+  const stop = expose(api, endpoint);
+  return () => {
+    stop();
+    host.dispose();
+  };
+};
diff --git a/packages/code/src/worker-rpc/worker-rpc.ts b/packages/code/src/worker-rpc/worker-rpc.ts
new file mode 100644
index 00000000..aab0964c
--- /dev/null
+++ b/packages/code/src/worker-rpc/worker-rpc.ts
@@ -0,0 +1,144 @@
+/**
+ * Minimal typed RPC over `postMessage` (a web worker, a MessagePort): the other side's
+ * methods become async functions. Errors are rethrown with their message and name.
+ */
+export interface MessageEndpoint {
+  postMessage(message: unknown): void;
+  addEventListener(type: 'message', listener: (event: MessageEvent) => void): void;
+  addEventListener(type: 'error' | 'messageerror', listener: (event: Event) => void): void;
+  removeEventListener(type: 'message', listener: (event: MessageEvent) => void): void;
+  removeEventListener(type: 'error' | 'messageerror', listener: (event: Event) => void): void;
+  start?(): void;
+}
+
+/** A worker failed (crashed, or sent what could not be read): its calls will never answer. */
+export class WorkerFailedError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'WorkerFailedError';
+  }
+}
+
+type AnyFunction = (...args: never[]) => unknown;
+
+/** The async view of an API object. */
+export type Remote<T> = {
+  [K in keyof T as T[K] extends AnyFunction ? K : never]: T[K] extends (...args: infer A) => infer R
+    ? (...args: A) => Promise<Awaited<R>>
+    : never;
+};
+
+interface Request {
+  readonly rpc: 'call';
+  readonly id: number;
+  readonly method: string;
+  readonly args: unknown[];
+}
+
+interface Response {
+  readonly rpc: 'result';
+  readonly id: number;
+  readonly value?: unknown;
+  readonly error?: { name: string; message: string; code?: string; data?: unknown };
+}
+
+/** Serves `api` on the endpoint. Returns a function that stops serving. */
+export const expose = (api: object, endpoint: MessageEndpoint): (() => void) => {
+  const listener = async (event: MessageEvent) => {
+    const message = event.data as Request;
+    if (message?.rpc !== 'call') return;
+    const method = (api as Record<string, unknown>)[message.method];
+    try {
+      if (typeof method !== 'function') throw new Error(`Unknown method ${message.method}`);
+      const value: unknown = await method.apply(api, message.args);
+      endpoint.postMessage({ rpc: 'result', id: message.id, value } satisfies Response);
+    } catch (error) {
+      const failure = error as { name?: string; message?: string; code?: string; data?: unknown };
+      endpoint.postMessage({
+        rpc: 'result',
+        id: message.id,
+        error: {
+          name: failure.name ?? 'Error',
+          message: failure.message ?? String(error),
+          ...(failure.code !== undefined && { code: failure.code }),
+          ...(failure.data !== undefined && { data: failure.data }),
+        },
+      } satisfies Response);
+    }
+  };
+  endpoint.addEventListener('message', listener);
+  endpoint.start?.();
+  return () => endpoint.removeEventListener('message', listener);
+};
+
+/**
+ * Calls the API exposed on the other side of the endpoint. When the endpoint reports an error
+ * (the worker crashed) every pending call fails with a `WorkerFailedError`, as does a call that
+ * gets no answer within `timeoutMs` (default 2 minutes).
+ */
+export const wrap = <T extends object>(
+  endpoint: MessageEndpoint,
+  options: { timeoutMs?: number } = {},
+): Remote<T> & { dispose(): void } => {
+  let nextId = 1;
+  const pending = new Map<
+    number,
+    {
+      resolve: (value: unknown) => void;
+      reject: (error: Error) => void;
+      timer: ReturnType<typeof setTimeout>;
+    }
+  >();
+  const failAll = (error: Error) => {
+    for (const call of pending.values()) {
+      clearTimeout(call.timer);
+      call.reject(error);
+    }
+    pending.clear();
+  };
+  const onError = (event: Event) => {
+    const detail = (event as ErrorEvent).message;
+    failAll(new WorkerFailedError(`The code worker failed${detail ? `: ${detail}` : ''}`));
+  };
+  const listener = (event: MessageEvent) => {
+    const message = event.data as Response;
+    if (message?.rpc !== 'result') return;
+    const call = pending.get(message.id);
+    if (!call) return;
+    pending.delete(message.id);
+    clearTimeout(call.timer);
+    if (message.error) {
+      call.reject(Object.assign(new Error(message.error.message), message.error));
+    } else {
+      call.resolve(message.value);
+    }
+  };
+  endpoint.addEventListener('message', listener);
+  endpoint.addEventListener('error', onError);
+  endpoint.addEventListener('messageerror', onError);
+  endpoint.start?.();
+  const timeoutMs = options.timeoutMs ?? 120_000;
+  return new Proxy({} as Remote<T> & { dispose(): void }, {
+    get: (_target, property) => {
+      if (property === 'dispose') {
+        return () => {
+          endpoint.removeEventListener('message', listener);
+          endpoint.removeEventListener('error', onError);
+          endpoint.removeEventListener('messageerror', onError);
+          failAll(new Error('Worker connection closed'));
+        };
+      }
+      if (typeof property !== 'string' || property === 'then') return undefined;
+      return (...args: unknown[]) =>
+        new Promise((resolve, reject) => {
+          const id = nextId++;
+          const timer = setTimeout(() => {
+            pending.delete(id);
+            reject(new WorkerFailedError(`The code worker did not answer ${property} in time`));
+          }, timeoutMs);
+          pending.set(id, { resolve, reject, timer });
+          endpoint.postMessage({ rpc: 'call', id, method: property, args } satisfies Request);
+        });
+    },
+  });
+};
diff --git a/packages/code/src/worker.ts b/packages/code/src/worker.ts
new file mode 100644
index 00000000..d8f1e7ac
--- /dev/null
+++ b/packages/code/src/worker.ts
@@ -0,0 +1,36 @@
+/// <reference lib="webworker" />
+/**
+ * Entry of the code worker. Plugin worker entries share this worker's ts-morph and the worker
+ * sdk helpers through the shared module registry (like the Svelte runtime on the main thread).
+ */
+import * as tsMorph from 'ts-morph';
+
+import { SharedModuleRegistry } from '@nanoforge-dev/editor-kernel';
+import * as meta from '@nanoforge-dev/editor-meta';
+
+import { CodeError } from './engine/code.exception';
+import { EditBuilder } from './engine/edit-builder';
+import { literalToValue, quoteStyle, readExportedLiteral, valueToLiteral } from './engine/literals';
+import { serveEngine } from './worker-rpc/serve-engine';
+import type { MessageEndpoint } from './worker-rpc/worker-rpc';
+
+new SharedModuleRegistry()
+  .register('ts-morph', tsMorph)
+  .register('@nanoforge-dev/editor-sdk/worker', {
+    defineWorkerPlugin: <T>(plugin: T) => plugin,
+    CodeError,
+    EditBuilder,
+    docOf: meta.docOf,
+    parseDocComment: meta.parseDocComment,
+    firstTag: meta.firstTag,
+    hasTag: meta.hasTag,
+    leadingDocComments: meta.leadingDocComments,
+    tagTexts: meta.tagTexts,
+    literalToValue,
+    valueToLiteral,
+    readExportedLiteral,
+    quoteStyle,
+  })
+  .install(globalThis);
+
+serveEngine(self as unknown as MessageEndpoint);
diff --git a/packages/code/test/catalog/catalog-service.spec.ts b/packages/code/test/catalog/catalog-service.spec.ts
new file mode 100644
index 00000000..0931e581
--- /dev/null
+++ b/packages/code/test/catalog/catalog-service.spec.ts
@@ -0,0 +1,210 @@
+import {
+  cpSync,
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs';
+import { tmpdir } from 'node:os';
+import { dirname, join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
+
+import type { ItemOwner } from '@nanoforge-dev/editor-meta';
+import {
+  type ClientProject,
+  MemoryContentCache,
+  MemoryTreeCache,
+  ProjectService,
+} from '@nanoforge-dev/editor-project';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import { type EditorServer, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+import { createLoopbackClient } from '@nanoforge-dev/editor-server-core/testing';
+
+import {
+  CatalogService,
+  CodeService,
+  DiagnosticsService,
+  DocumentService,
+  type WorkerPluginModule,
+  projectFsBackend,
+} from '../../src';
+import { serveEngine } from '../../src/worker-rpc/serve-engine';
+
+const owner: ItemOwner = {
+  name: '@nanoforge/ecs',
+  version: '1.0.0',
+  schema: 1,
+  tags: ['component'],
+  infer: ({ context, kind }) => context.folder === 'components' && kind === 'class',
+  claims: () => ({ fields: ['name'] }),
+  extract: ({ declaration }) => ({ type: 'component', name: declaration.getName() }),
+};
+const ecsPlugin: WorkerPluginModule = { activate: (sdk) => void sdk.registerItemOwner(owner) };
+
+let workspace: string;
+let editor: EditorServer;
+let rpc: RpcClient;
+let project: ClientProject;
+
+const write = (path: string, text: string) => {
+  const file = join(workspace, 'pong', path);
+  mkdirSync(dirname(file), { recursive: true });
+  writeFileSync(file, text);
+};
+
+const setup = async () => {
+  const documents = new DocumentService(projectFsBackend(project.fs));
+  const code = new CodeService({
+    projectId: project.id,
+    fs: project.fs,
+    rpc,
+    documents,
+    diagnostics: new DiagnosticsService(),
+    createWorker: () => {
+      const channel = new MessageChannel();
+      serveEngine(channel.port2 as never, { importModule: async () => ecsPlugin });
+      return channel.port1 as never;
+    },
+  });
+  await code.loadWorkerPlugin('@nanoforge/ecs', 'memory://ecs');
+  const catalog = new CatalogService({ project, code, documents, delayMs: 10 });
+  return { code, catalog };
+};
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../../../server-core/test/.tmp-catalog-'));
+  cpSync(
+    join(import.meta.dirname, '../../../server-core/test/fixtures/pong-network'),
+    join(workspace, 'pong'),
+    { recursive: true },
+  );
+  write(
+    'nf_modules/@nanoforge/motion/nanoforge.manifest.json',
+    JSON.stringify({
+      type: 'package',
+      name: '@nanoforge/motion',
+      version: '0.1.0',
+      items: ['velocity.ts'],
+    }),
+  );
+  write(
+    'nf_modules/@nanoforge/motion/velocity.ts',
+    '/** Speed. @component @side shared */\nexport class Velocity { name = "Velocity"; constructor(public x = 0) {} }',
+  );
+  write(
+    'nf_modules/@nanoforge/physics/nanoforge.manifest.json',
+    JSON.stringify({
+      type: 'package',
+      name: '@nanoforge/physics',
+      version: '1.0.0',
+      contents: [{ kind: 'asset', path: 'textures/' }],
+      include: ['src'],
+    }),
+  );
+  write(
+    'nf_modules/@nanoforge/physics/src/nanoforge.manifest.json',
+    JSON.stringify({
+      contents: [{ kind: '@nanoforge/ecs:component', path: 'forces/', export: 'Gravity' }],
+    }),
+  );
+  write(
+    'nf_modules/@nanoforge/physics/src/forces/gravity.ts',
+    '/** Pull. @component @side shared */\nexport class Gravity { name = "Gravity"; constructor(public g = 9.8) {} }\n/** @component */\nexport class Drag { name = "Drag"; }\nexport const helper = 1;',
+  );
+  write('nf_modules/@nanoforge/physics/textures/ground.png', 'png');
+  editor = createEditorServer({
+    env: loadEnv(
+      { NODE_ENV: 'test', FS_ROOT: workspace, DATA_DIR: mkdtempSync(join(tmpdir(), 'nf-data-')) },
+      workspace,
+    ),
+    version: 'test',
+  });
+  rpc = createLoopbackClient(editor);
+  project = await new ProjectService(rpc, {
+    contents: () => new MemoryContentCache(),
+    tree: () => new MemoryTreeCache(),
+  }).open({ path: 'pong' });
+});
+
+afterAll(() => {
+  rpc.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('CatalogService', () => {
+  it('lists app components (inferred) and installed package items, and caches them', async () => {
+    const { code, catalog } = await setup();
+    await catalog.refresh();
+    const refs = catalog.items.map((item) => item.ref);
+    expect(refs).toContain('app:client#Position');
+    expect(refs).toContain('@nanoforge/motion#Velocity');
+    expect(refs).toContain('@nanoforge/physics#Gravity');
+    expect(refs).not.toContain('@nanoforge/physics#Drag');
+    expect(refs).not.toContain('@nanoforge/physics#helper');
+    expect(catalog.get('@nanoforge/motion#Velocity')).toMatchObject({
+      readonly: true,
+      meta: { params: [{ name: 'x', type: 'number', default: 0 }] },
+    });
+    const client = project.model.get().apps.find((app) => app.type === 'client')!;
+    expect(catalog.forApp(client).some((item) => item.ref.startsWith('app:server#'))).toBe(false);
+
+    const cache = join(
+      workspace,
+      'pong/.nanoforge/editor/cache/meta/modules/@nanoforge/motion.json',
+    );
+    expect(JSON.parse(readFileSync(cache, 'utf8'))).toMatchObject({
+      metaVersion: 1,
+      owners: { '@nanoforge/ecs': { version: '1.0.0', schema: 1 } },
+    });
+    expect(readFileSync(join(workspace, 'pong/.nanoforge/editor/.gitignore'), 'utf8')).toContain(
+      'cache/',
+    );
+    catalog.dispose();
+    code.dispose();
+  });
+
+  it('reuses a valid cache and extracts again when a source changes', async () => {
+    const { code, catalog } = await setup();
+    const extract = vi.spyOn(code, 'extractMeta');
+    await catalog.refresh();
+    expect(extract).not.toHaveBeenCalled();
+
+    const path = 'apps/client/src/components/components.ts';
+    const { text } = await project.fs.readText(path);
+    await project.fs.write(
+      path,
+      `${text}\nexport class Health {\n  name = "Health";\n  constructor(public points = 3) {}\n}\n`,
+    );
+    await new Promise((resolve) => setTimeout(resolve, 50));
+    await catalog.whenIdle();
+    expect(extract).toHaveBeenCalledTimes(1);
+    expect(extract.mock.calls[0]![0].source).toMatchObject({ kind: 'app', name: 'client' });
+    expect(catalog.get('app:client#Health')!.meta.params).toEqual([
+      { name: 'points', type: 'number', default: 3, optional: true },
+    ]);
+    expect(existsSync(join(workspace, 'pong/.nanoforge/editor/cache/meta/apps/client.json'))).toBe(
+      true,
+    );
+    catalog.dispose();
+    code.dispose();
+  });
+});
+
+describe('CatalogService (new files)', () => {
+  it('lists an item of a file created after the first extraction', async () => {
+    const { code, catalog } = await setup();
+    await catalog.refresh();
+    await project.fs.write(
+      'apps/client/src/components/score.ts',
+      '/** @component */\nexport class Score { name = "Score"; constructor(public value = 0) {} }\n',
+    );
+    await new Promise((resolve) => setTimeout(resolve, 50));
+    await catalog.whenIdle();
+    expect(catalog.get('app:client#Score')).toBeDefined();
+    catalog.dispose();
+    code.dispose();
+  });
+});
diff --git a/packages/code/test/catalog/item-fits-app.spec.ts b/packages/code/test/catalog/item-fits-app.spec.ts
new file mode 100644
index 00000000..7a1459e8
--- /dev/null
+++ b/packages/code/test/catalog/item-fits-app.spec.ts
@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest';
+
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import type { CatalogItem } from '../../src/catalog/catalog.type';
+import { itemFitsApp } from '../../src/catalog/item-fits-app';
+
+const app = (root: string, type: AppModel['type'], libraries: string[]): AppModel =>
+  ({ id: root, root, name: root, type, libraries, engineLibs: {} }) as never;
+const item = (source: CatalogItem['source'], side = 'shared'): CatalogItem =>
+  ({ source, meta: { side, requires: [] } }) as never;
+
+describe('itemFitsApp', () => {
+  const position = item({ kind: 'lib', name: '@pong/shared', path: 'libs/shared' });
+
+  it('offers the items of a shared library to the apps that use it', () => {
+    expect(itemFitsApp(position, app('apps/client', 'client', ['@pong/shared']))).toBe(true);
+    expect(itemFitsApp(position, app('apps/server', 'server', []))).toBe(false);
+    expect(itemFitsApp(position, app('apps/server', 'server', ['@pong/other']))).toBe(false);
+  });
+
+  it('offers them to the library itself, and to a library that uses it', () => {
+    expect(itemFitsApp(position, app('libs/shared', 'lib', []))).toBe(true);
+    expect(itemFitsApp(position, app('libs/ui', 'lib', ['@pong/shared']))).toBe(true);
+    expect(itemFitsApp(position, app('libs/ui', 'lib', []))).toBe(false);
+  });
+
+  it('still keeps a client item of a used library out of a server', () => {
+    const sprite = item({ kind: 'lib', name: '@pong/shared', path: 'libs/shared' }, 'client');
+    expect(itemFitsApp(sprite, app('apps/server', 'server', ['@pong/shared']))).toBe(false);
+  });
+});
diff --git a/packages/code/test/document/document-service.spec.ts b/packages/code/test/document/document-service.spec.ts
new file mode 100644
index 00000000..fdf79f76
--- /dev/null
+++ b/packages/code/test/document/document-service.spec.ts
@@ -0,0 +1,108 @@
+import { describe, expect, it } from 'vitest';
+
+import { HistoryService } from '@nanoforge-dev/editor-history';
+import { Emitter } from '@nanoforge-dev/editor-kernel';
+
+import { DOCUMENT_EDITS } from '../../src/document/document-contributions';
+import { previewOf } from '../../src/document/document-preview';
+import { DocumentService, documentHistoryId } from '../../src/document/document-service';
+import { fingerprint } from '../../src/document/document-service';
+import type { DocumentBackend } from '../../src/document/document.type';
+import { matchesGlob } from '../../src/document/match-glob';
+
+/** Files in memory, hashed by fingerprint. */
+const memoryBackend = (files: Record<string, string>): DocumentBackend => ({
+  onDidChange: new Emitter<readonly string[]>().event,
+  read: async (uri) => ({ text: files[uri] ?? '', hash: fingerprint(files[uri] ?? '') }),
+  write: async (uri, text) => {
+    files[uri] = text;
+    return { hash: fingerprint(text) };
+  },
+});
+
+describe('document history', () => {
+  it('edits in the document context, with a preview, and restores after a reload', async () => {
+    const files = { 'src/main.ts': 'const a = 1;\nconst b = 2;\nconst c = 3;\n' };
+    const history = new HistoryService();
+    const documents = new DocumentService(memoryBackend(files), history);
+
+    await documents.edit('src/main.ts', [{ start: 23, end: 24, text: '20' }], { label: 'Set b' });
+    expect(files['src/main.ts']).toBe('const a = 1;\nconst b = 20;\nconst c = 3;\n');
+    const context = history.get(documentHistoryId('src/main.ts'))!;
+    const [entry] = context.stack.state.past;
+    expect(entry!.command.label).toBe('Set b');
+    expect(entry!.command.preview).toEqual({
+      title: 'src/main.ts',
+      before: 'const a = 1;\nconst b = 2;\nconst c = 3;',
+      after: 'const a = 1;\nconst b = 20;\nconst c = 3;',
+    });
+
+    const serialized = entry!.command.serialize!()!;
+    expect(serialized.type).toBe(DOCUMENT_EDITS);
+    const reloaded = new DocumentService(memoryBackend(files), new HistoryService());
+    const restored = reloaded.restoreEditCommand(
+      JSON.parse(JSON.stringify(serialized.data)),
+      serialized.label,
+    )!;
+    expect(restored.preview?.after).toContain('const b = 20;');
+    expect(await restored.isValid!()).toBe(true);
+    await restored.undo();
+    expect(files['src/main.ts']).toBe('const a = 1;\nconst b = 2;\nconst c = 3;\n');
+  });
+
+  it('saves one open document with unsaved changes', async () => {
+    const documents = new DocumentService(memoryBackend({}), new HistoryService());
+    const saved: string[] = [];
+    const open = (uri: string, dirty: boolean) =>
+      documents.register({
+        uri,
+        kind: 'text',
+        onDidChange: () => ({ dispose: () => undefined }),
+        dirty: { get: () => dirty, subscribe: () => () => undefined },
+        getText: () => '',
+        applyEdits: () => [],
+        save: async () => void saved.push(uri),
+        revert: async () => undefined,
+      });
+    open('a.ts', true);
+    open('b.ts', true);
+    open('c.ts', false);
+    await documents.save('a.ts');
+    await documents.save('c.ts');
+    await documents.save('closed.ts');
+    expect(saved).toEqual(['a.ts']);
+  });
+
+  it('previews only the changed lines and their neighbours', () => {
+    const before = Array.from({ length: 30 }, (_, i) => `line ${i}`).join('\n');
+    const after = before.replace('line 15', 'line fifteen');
+    expect(previewOf('a.ts', before, after)).toEqual({
+      title: 'a.ts',
+      before: 'line 14\nline 15\nline 16',
+      after: 'line 14\nline fifteen\nline 16',
+    });
+  });
+});
+
+describe('matchesGlob', () => {
+  it('reads **/ as folders, never as part of a file name', async () => {
+    const dotfiles = '**/{.*,*rc,Dockerfile,LICENSE,Makefile}';
+    for (const path of ['.env', 'apps/client/.eslintrc', 'Dockerfile', 'apps/server/.prettierrc'])
+      expect(matchesGlob(dotfiles, path), path).toBe(true);
+    for (const path of ['logo.png', 'apps/client/assets/logo.png', 'src/main.ts'])
+      expect(matchesGlob(dotfiles, path), path).toBe(false);
+
+    expect(matchesGlob('**/*.{png,jpg}', 'logo.png')).toBe(true);
+    expect(matchesGlob('**/*.{png,jpg}', 'a/b/logo.jpg')).toBe(true);
+    expect(matchesGlob('src/**/*.ts', 'src/main.ts')).toBe(true);
+    expect(matchesGlob('src/**/*.ts', 'src/a/b/main.ts')).toBe(true);
+    expect(matchesGlob('src/*.ts', 'src/a/main.ts')).toBe(false);
+  });
+
+  it('reads a comma outside braces as a plain character', () => {
+    expect(matchesGlob('a,b', 'a,b')).toBe(true);
+    expect(matchesGlob('a,b', 'a')).toBe(false);
+    expect(matchesGlob('a,b', 'xb')).toBe(false);
+    expect(matchesGlob('src/{a,b}.ts', 'src/b.ts')).toBe(true);
+  });
+});
diff --git a/packages/code/test/engine/code-engine.spec.ts b/packages/code/test/engine/code-engine.spec.ts
new file mode 100644
index 00000000..eca05660
--- /dev/null
+++ b/packages/code/test/engine/code-engine.spec.ts
@@ -0,0 +1,379 @@
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+import { Node, SyntaxKind } from 'ts-morph';
+import { describe, expect, it } from 'vitest';
+
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import {
+  CODE_FILE,
+  CodeEngine,
+  CodeError,
+  RENAME_PACKAGE_TRANSFORMER,
+  type TransformContext,
+  literalToValue,
+  valueToLiteral,
+} from '../../src/engine';
+
+const FIXTURE = join(import.meta.dirname, '../../../server-core/test/fixtures/pong-network');
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    return statSync(path).isDirectory() ? walk(path) : CODE_FILE.test(name) ? [path] : [];
+  });
+
+const pong = () =>
+  walk(FIXTURE).map((file) => ({
+    path: relative(FIXTURE, file).split('\\').join('/'),
+    text: readFileSync(file, 'utf8'),
+  }));
+
+/** Toy transformer: renames a top level const and all its references in the file. */
+const renameConst = ({ file, edit }: TransformContext, op: unknown) => {
+  const { from, to } = op as { from: string; to: string };
+  const declaration = file.getVariableDeclarationOrThrow(from);
+  const name = declaration.getNameNode();
+  edit.replace(name, to);
+  for (const identifier of file.getDescendantsOfKind(SyntaxKind.Identifier)) {
+    if (
+      identifier !== name &&
+      identifier.getText() === from &&
+      identifier.getSymbol() === name.getSymbol()
+    ) {
+      edit.replace(identifier, to);
+    }
+  }
+};
+
+describe('CodeEngine', () => {
+  it('renames the imports of a package, not its look-alikes in comments and strings', () => {
+    const engine = new CodeEngine();
+    const text = [
+      '// from "@pong/shared"',
+      'import { a } from "@pong/shared/a";',
+      "export * from '@pong/shared';",
+      'const lazy = import("@pong/shared/b");',
+      'const label = "@pong/shared";',
+      'import tools from "@pong/shared-tools";',
+      '',
+    ].join('\n');
+    engine.setFiles([{ path: 'src/main.ts', text }]);
+    const edits = engine.transform('src/main.ts', RENAME_PACKAGE_TRANSFORMER, {
+      from: '@pong/shared',
+      to: '@pong/common',
+    });
+    expect(applyTextEdits(text, edits).text).toBe(
+      [
+        '// from "@pong/shared"',
+        'import { a } from "@pong/common/a";',
+        "export * from '@pong/common';",
+        'const lazy = import("@pong/common/b");',
+        'const label = "@pong/shared";',
+        'import tools from "@pong/shared-tools";',
+        '',
+      ].join('\n'),
+    );
+  });
+
+  it('keeps every pong-network file byte-identical and a no-op transform yields no edit', () => {
+    const engine = new CodeEngine();
+    const files = pong();
+    expect(files.length).toBeGreaterThan(6);
+    engine.setFiles(files);
+    engine.registerTransformer('noop', () => undefined);
+    for (const { path, text } of files) {
+      expect(engine.text(path)).toBe(text);
+      expect(engine.transform(path, 'noop', null)).toEqual([]);
+    }
+  });
+
+  it('renames a const with edits limited to identifiers', () => {
+    const engine = new CodeEngine();
+    const text = [
+      '// keep this comment',
+      'const speed   =  2; // odd spacing is kept',
+      '',
+      'export function move(x: number) {',
+      '  return x * speed + other.speed;',
+      '}',
+      'const other = { speed: 1 };',
+      '',
+    ].join('\n');
+    engine.setFiles([{ path: 'src/a.ts', text }]);
+    engine.registerTransformer('rename', renameConst);
+    const edits = engine.transform('src/a.ts', 'rename', { from: 'speed', to: 'velocity' });
+    expect(edits.every((edit) => text.slice(edit.start, edit.end) === 'speed')).toBe(true);
+    expect(edits).toHaveLength(2);
+    expect(applyTextEdits(text, edits).text).toBe(
+      text.replace('const speed ', 'const velocity ').replace('x * speed', 'x * velocity'),
+    );
+  });
+
+  it('lists the symbols of a file with their kind, container and position', () => {
+    const engine = new CodeEngine();
+    engine.setFiles([
+      {
+        path: 'src/shapes.ts',
+        text: [
+          'export class Position {',
+          '  x = 0;',
+          '  move(dx: number) {',
+          '    this.x += dx;',
+          '  }',
+          '}',
+          '',
+          'export const SPEED = 2;',
+          'export function update() {}',
+          'interface Shape {',
+          '  size: number;',
+          '}',
+          '',
+        ].join('\n'),
+      },
+    ]);
+    expect(
+      engine
+        .symbols('src/shapes.ts')
+        .map((symbol) => [symbol.name, symbol.kind, symbol.container, symbol.line, symbol.column]),
+    ).toEqual([
+      ['Position', 'class', undefined, 1, 14],
+      ['x', 'property', 'Position', 2, 3],
+      ['move', 'method', 'Position', 3, 3],
+      ['SPEED', 'const', undefined, 8, 14],
+      ['update', 'function', undefined, 9, 17],
+      ['Shape', 'interface', undefined, 10, 11],
+      ['size', 'property', 'Shape', 11, 3],
+    ]);
+    expect(engine.symbols('src/missing.ts')).toEqual([]);
+  });
+
+  it('runs analyzers returning references that resolve back to nodes', () => {
+    const engine = new CodeEngine();
+    engine.setFiles(pong());
+    engine.registerAnalyzer('spawns', ({ file, ref }) =>
+      file
+        .getDescendantsOfKind(SyntaxKind.CallExpression)
+        .filter((call) => call.getExpression().getText().endsWith('spawnEntity'))
+        .map((call) => ref(call)),
+    );
+    const refs = engine.analyze('apps/client/src/main.ts', 'spawns') as {
+      id: string;
+      start: number;
+      kind: string;
+    }[];
+    expect(refs.length).toBeGreaterThan(0);
+    engine.registerAnalyzer('resolve', ({ resolve }, target) =>
+      resolve(target as never)?.getText(),
+    );
+    expect(engine.analyze('apps/client/src/main.ts', 'resolve', refs[0])).toMatch(
+      /spawnEntity\(\)/,
+    );
+  });
+
+  it('reports syntax and type errors', async () => {
+    const engine = new CodeEngine();
+    engine.setFiles([{ path: 'src/bad.ts', text: 'const a: number = "x";\nconst b = ;\n' }]);
+    const diagnostics = await engine.diagnostics(['src/bad.ts']);
+    expect(diagnostics.map((d) => [d.severity, d.code])).toEqual(
+      expect.arrayContaining([
+        ['error', 2322],
+        ['error', 1109],
+      ]),
+    );
+  });
+
+  it('loads type declarations of bare imports on demand', async () => {
+    const requested: string[] = [];
+    const engine = new CodeEngine({
+      resolveTypes: async (module) => {
+        requested.push(module);
+        return [
+          {
+            path: 'node_modules/@acme/lib/package.json',
+            text: '{"name":"@acme/lib","types":"index.d.ts"}',
+          },
+          {
+            path: 'node_modules/@acme/lib/index.d.ts',
+            text: 'export declare const answer: number;',
+          },
+        ];
+      },
+    });
+    engine.setFiles([
+      {
+        path: 'src/a.ts',
+        text: "import { answer } from '@acme/lib';\nconst s: string = answer;\n",
+      },
+    ]);
+    const diagnostics = await engine.diagnostics(['src/a.ts']);
+    expect(requested).toEqual(['@acme/lib']);
+    expect(diagnostics.map((d) => d.code)).toContain(2322);
+  });
+
+  it('loads the declarations of a package for each app that has its own node_modules', async () => {
+    const requested: string[] = [];
+    const engine = new CodeEngine({
+      resolveTypes: async (module, from) => {
+        requested.push(`${module} from ${from}`);
+        const app = /^apps\/[^/]+/.exec(from)?.[0];
+        if (!app) return [];
+        return [
+          {
+            path: `${app}/node_modules/@acme/lib/package.json`,
+            text: '{"name":"@acme/lib","types":"index.d.ts"}',
+          },
+          {
+            path: `${app}/node_modules/@acme/lib/index.d.ts`,
+            text: 'export declare const answer: number;',
+          },
+        ];
+      },
+    });
+    const text = "import { answer } from '@acme/lib';\nexport const value: number = answer;\n";
+    engine.setFiles([
+      { path: 'apps/client/src/main.ts', text },
+      { path: 'apps/client/src/systems/move.ts', text },
+      { path: 'apps/server/src/main.ts', text },
+      { path: 'test/game.spec.ts', text },
+    ]);
+    const paths = [
+      'apps/client/src/main.ts',
+      'apps/client/src/systems/move.ts',
+      'apps/server/src/main.ts',
+      'test/game.spec.ts',
+    ];
+    const diagnostics = await engine.diagnostics(paths);
+    expect(requested).toEqual([
+      '@acme/lib from apps/client/src/main.ts',
+      '@acme/lib from apps/server/src/main.ts',
+      '@acme/lib from test/game.spec.ts',
+    ]);
+    expect(diagnostics.filter((d) => d.code === 2307).map((d) => d.path)).toEqual([
+      'test/game.spec.ts',
+    ]);
+    await engine.diagnostics(paths);
+    expect(requested).toHaveLength(3);
+  });
+
+  it('checks each app in a program of its own: type augmentations do not leak', async () => {
+    const engine = new CodeEngine({
+      resolveTypes: async (_module, from) => {
+        const app = /^apps\/([^/]+)/.exec(from);
+        if (!app) return [];
+        return [
+          {
+            path: `${app[0]}/node_modules/@acme/net/package.json`,
+            text: '{"name":"@acme/net","types":"index.d.ts"}',
+          },
+          {
+            path: `${app[0]}/node_modules/@acme/net/index.d.ts`,
+            text: `export declare const side: '${app[1]}';\ndeclare global { interface Ctx { net: '${app[1]}' } }\n`,
+          },
+        ];
+      },
+    });
+    const main = (side: string) =>
+      `import { side } from '@acme/net';\nimport { shared } from '../../../libs/shared/src/index';\ndeclare const ctx: Ctx;\nexport const net: '${side}' = ctx.net;\nexport const all = [side, shared];\n`;
+    engine.setFiles([
+      { path: 'apps/client/src/main.ts', text: main('client') },
+      { path: 'apps/server/src/main.ts', text: main('server') },
+      { path: 'libs/shared/src/index.ts', text: 'export const shared: number = 1;\n' },
+    ]);
+    const paths = [
+      'apps/client/src/main.ts',
+      'apps/server/src/main.ts',
+      'libs/shared/src/index.ts',
+    ];
+    expect(await engine.diagnostics(paths)).toEqual([]);
+
+    engine.setFiles([
+      { path: 'apps/server/src/main.ts', text: main('client') },
+      { path: 'libs/shared/src/index.ts', text: "export const shared: number = 'one';\n" },
+    ]);
+    const after = await engine.diagnostics(paths);
+    expect(after.map((d) => [d.path, d.code])).toEqual([
+      ['apps/server/src/main.ts', 2322],
+      ['libs/shared/src/index.ts', 2322],
+    ]);
+    engine.deleteFiles(['libs/shared/src/index.ts']);
+    expect((await engine.diagnostics(['apps/client/src/main.ts'])).map((d) => d.code)).toEqual([
+      2307,
+    ]);
+  });
+
+  it('refuses overlapping edits', () => {
+    const engine = new CodeEngine();
+    engine.setFiles([{ path: 'a.ts', text: 'const a = 1;' }]);
+    engine.registerTransformer('overlap', ({ edit }) =>
+      edit.replace({ start: 0, end: 5 }, 'x').replace({ start: 3, end: 8 }, 'y'),
+    );
+    expect(() => engine.transform('a.ts', 'overlap', null)).toThrow(CodeError);
+  });
+});
+
+describe('organizeImports', () => {
+  it('sorts imports and drops unused ones', async () => {
+    const engine = new CodeEngine();
+    const text = "import { b } from './b';\nimport { z, a } from './a';\n\nconsole.log(a, b);\n";
+    engine.setFiles([
+      { path: 'src/main.ts', text },
+      { path: 'src/a.ts', text: 'export const a = 1;\nexport const z = 2;\n' },
+      { path: 'src/b.ts', text: 'export const b = 1;\n' },
+    ]);
+    const edits = await engine.organizeImports('src/main.ts');
+    expect(applyTextEdits(text, edits).text).toBe(
+      "import { a } from './a';\nimport { b } from './b';\n\nconsole.log(a, b);\n",
+    );
+  });
+});
+
+describe('literals', () => {
+  const engine = new CodeEngine();
+  const valueOf = (source: string) => {
+    engine.setFiles([{ path: 'l.ts', text: `export const X = ${source};` }]);
+    const file = engine.project.getSourceFileOrThrow('/project/l.ts');
+    return literalToValue(file.getVariableDeclarationOrThrow('X').getInitializerOrThrow());
+  };
+
+  it('reads literals', () => {
+    expect(
+      valueOf(
+        `{ name: "Ball", params: [{ type: 'number', default: -2.5, optional: true }], "x-y": null } as const`,
+      ),
+    ).toEqual({
+      name: 'Ball',
+      params: [{ type: 'number', default: -2.5, optional: true }],
+      'x-y': null,
+    });
+  });
+
+  it('rejects computed values with their position', () => {
+    try {
+      valueOf('{ a: Math.PI }');
+      expect.unreachable();
+    } catch (error) {
+      expect(error).toBeInstanceOf(CodeError);
+      expect((error as CodeError).message).toContain('Math.PI');
+      expect((error as CodeError).start).toBe(22);
+    }
+  });
+
+  it('prints values that read back identically', () => {
+    const value = {
+      name: "Bob's ball",
+      size: [1, -2],
+      nested: { a: true, 'b-c': null },
+      long: 'x'.repeat(70),
+    };
+    const printed = valueToLiteral(value, { quote: "'", indent: '  ' });
+    expect(printed).toContain("'Bob\\'s ball'");
+    expect(printed).toContain("'b-c': null");
+    expect(valueOf(printed)).toEqual(value);
+    expect(valueToLiteral({ x: 1, y: 2 })).toBe('{ x: 1, y: 2 }');
+  });
+
+  it('ignores Node import (type-only check)', () => {
+    expect(typeof Node.isIdentifier).toBe('function');
+  });
+});
diff --git a/packages/code/test/engine/extract-meta.spec.ts b/packages/code/test/engine/extract-meta.spec.ts
new file mode 100644
index 00000000..529b487b
--- /dev/null
+++ b/packages/code/test/engine/extract-meta.spec.ts
@@ -0,0 +1,111 @@
+import { describe, expect, it } from 'vitest';
+
+import type { ItemOwner } from '@nanoforge-dev/editor-meta';
+
+import { CodeEngine } from '../../src/engine';
+
+const ecs: ItemOwner = {
+  name: '@nanoforge/ecs',
+  version: '0.0.0',
+  schema: 1,
+  tags: ['component', 'system'],
+  claims: ({ kind }) => (kind === 'function' ? { params: ['registry'] } : { fields: ['name'] }),
+  extract: ({ declaration, context, tags }) => {
+    if (tags.component) return { type: 'component', name: declaration.getName() };
+    const query = declaration
+      .getDescendants()
+      .filter(
+        (node) =>
+          node.getKindName() === 'Identifier' &&
+          node.getParent()?.getKindName() === 'CallExpression' &&
+          node.getText() !== 'use',
+      )
+      .map((node) => context.refOf(node));
+    return { type: 'system', query };
+  },
+};
+
+const engine = () => {
+  const code = new CodeEngine();
+  code.registerItemOwner(ecs, '@nanoforge/ecs');
+  code.setTsconfig(
+    '{ "compilerOptions": { "paths": { "@me/shared/*": ["./libs/shared/src/*"] } } }',
+  );
+  code.setFiles([
+    {
+      path: 'libs/shared/src/components/player.ts',
+      text: '/** A player. @component */\nexport class Player { name = "Player"; constructor(public id = "") {} }',
+    },
+    {
+      path: 'apps/client/src/systems/greet.ts',
+      text: [
+        'import { Player } from "@me/shared/components/player";',
+        'declare const use: (c: unknown) => void;',
+        '/** Greets players. @system @side client */',
+        'export function greet(registry: unknown) { use(Player); }',
+      ].join('\n'),
+    },
+  ]);
+  return code;
+};
+
+const roots = [
+  { path: 'libs/shared', ref: '@me/shared' },
+  { path: 'apps/client', ref: 'app:client' },
+];
+
+describe('CodeEngine.extractMeta', () => {
+  it('extracts items with owners and resolves package-name imports through tsconfig paths', async () => {
+    const code = engine();
+    const lib = await code.extractMeta({
+      source: { kind: 'lib', name: '@me/shared', path: 'libs/shared' },
+      files: [{ path: 'libs/shared/src/components/player.ts', folder: 'components' }],
+      roots,
+    });
+    expect(lib.items).toMatchObject([
+      { export: 'Player', fields: [], '@nanoforge/ecs': { type: 'component', name: 'Player' } },
+    ]);
+    expect(lib.owners).toEqual({ '@nanoforge/ecs': { version: '0.0.0', schema: 1 } });
+    expect(lib.sourceHash).toMatch(/^sha256-[0-9a-f]{64}$/);
+
+    const app = await code.extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [{ path: 'apps/client/src/systems/greet.ts', folder: 'systems' }],
+      roots,
+    });
+    expect(app.items[0]).toMatchObject({
+      export: 'greet',
+      side: 'client',
+      params: [],
+      requires: ['@me/shared'],
+      '@nanoforge/ecs': { type: 'system', query: ['@me/shared#Player'] },
+    });
+    expect(await code.diagnostics(['apps/client/src/systems/greet.ts'])).toEqual([]);
+  });
+
+  it('drops the owners of an unloaded plugin', () => {
+    const code = engine();
+    code.unregisterOwner('@nanoforge/ecs');
+    expect(code.itemOwners).toEqual([]);
+  });
+});
+
+describe('moduleSpecifierFor', () => {
+  it('uses tsconfig paths, else a relative path', async () => {
+    const { moduleSpecifierFor } = await import('../../src/engine');
+    const paths = { '@me/shared/*': ['libs/shared/src/*'] };
+    expect(
+      moduleSpecifierFor('apps/client/src/main.ts', 'libs/shared/src/components/player.ts', paths),
+    ).toBe('@me/shared/components/player');
+    expect(
+      moduleSpecifierFor(
+        'apps/client/src/main.ts',
+        'apps/client/src/components/components.ts',
+        paths,
+      ),
+    ).toBe('./components/components');
+    expect(moduleSpecifierFor('apps/client/src/main.ts', 'nf_modules/@a/b/x.ts', paths)).toBe(
+      '../../../nf_modules/@a/b/x',
+    );
+  });
+});
diff --git a/packages/code/test/service/code-service.spec.ts b/packages/code/test/service/code-service.spec.ts
new file mode 100644
index 00000000..bcb58568
--- /dev/null
+++ b/packages/code/test/service/code-service.spec.ts
@@ -0,0 +1,253 @@
+import { cpSync, mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { SyntaxKind } from 'ts-morph';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import {
+  type CommandOrigin,
+  HistoryService,
+  type TextEdit,
+  applyTextEdits,
+} from '@nanoforge-dev/editor-history';
+import { Emitter, ObservableValue } from '@nanoforge-dev/editor-kernel';
+import {
+  type ClientProject,
+  MemoryContentCache,
+  MemoryTreeCache,
+  ProjectService,
+} from '@nanoforge-dev/editor-project';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import { type EditorServer, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+import { createLoopbackClient } from '@nanoforge-dev/editor-server-core/testing';
+
+import {
+  CodeService,
+  DiagnosticsService,
+  type DocumentChange,
+  DocumentService,
+  type OpenDocument,
+  type WorkerPluginModule,
+  projectFsBackend,
+} from '../../src';
+import { serveEngine } from '../../src/worker-rpc/serve-engine';
+
+const MAIN = 'apps/client/src/main.ts';
+
+/** Worker plugin: renames the first `const` declared in a file. */
+const renamePlugin: WorkerPluginModule = {
+  activate: (sdk) => {
+    sdk.registerTransformer('test.rename-first-const', ({ file, edit }, op) => {
+      const declaration = file.getFirstDescendantByKindOrThrow(SyntaxKind.VariableDeclaration);
+      edit.replace(declaration.getNameNode(), (op as { name: string }).name);
+    });
+  },
+};
+
+let workspace: string;
+let editor: EditorServer;
+let rpc: RpcClient;
+let project: ClientProject;
+
+const setup = () => {
+  const documents = new DocumentService(projectFsBackend(project.fs));
+  const diagnostics = new DiagnosticsService();
+  const code = new CodeService({
+    projectId: project.id,
+    fs: project.fs,
+    rpc,
+    documents,
+    diagnostics,
+    diagnosticsDelayMs: 10,
+    createWorker: () => {
+      const channel = new MessageChannel();
+      serveEngine(channel.port2 as never, { importModule: async () => renamePlugin });
+      return channel.port1 as never;
+    },
+  });
+  return { documents, diagnostics, code, history: new HistoryService() };
+};
+
+/** A Monaco-like open document. */
+const fakeDocument = (uri: string, initial: string) => {
+  let text = initial;
+  const changes = new Emitter<DocumentChange>();
+  const document: OpenDocument & { text(): string } = {
+    uri,
+    kind: 'text',
+    onDidChange: changes.event,
+    dirty: new ObservableValue(false),
+    getText: () => text,
+    text: () => text,
+    applyEdits: (edits: readonly TextEdit[], origin: CommandOrigin | undefined) => {
+      const result = applyTextEdits(text, edits);
+      text = result.text;
+      changes.fire({ uri, edits, origin });
+      return result.inverse;
+    },
+    save: async () => undefined,
+    revert: async () => undefined,
+  };
+  return document;
+};
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../../../server-core/test/.tmp-code-'));
+  cpSync(
+    join(import.meta.dirname, '../../../server-core/test/fixtures/pong-network'),
+    join(workspace, 'pong'),
+    { recursive: true },
+  );
+  const lib = join(workspace, 'pong/node_modules/@acme/speed');
+  mkdirSync(lib, { recursive: true });
+  writeFileSync(join(lib, 'package.json'), '{"name":"@acme/speed","types":"index.d.ts"}');
+  writeFileSync(join(lib, 'index.d.ts'), 'export declare const maxSpeed: number;');
+  mkdirSync(join(workspace, 'pong/checks'), { recursive: true });
+  writeFileSync(join(workspace, 'pong/checks/broken.ts'), 'export const n: number =\n  "text";\n');
+  mkdirSync(join(workspace, 'pong/nf_modules/@acme/pkg'), { recursive: true });
+  writeFileSync(
+    join(workspace, 'pong/nf_modules/@acme/pkg/bad.ts'),
+    'export const n: number = "x";\n',
+  );
+  editor = createEditorServer({
+    env: loadEnv(
+      { NODE_ENV: 'test', FS_ROOT: workspace, DATA_DIR: mkdtempSync(join(tmpdir(), 'nf-data-')) },
+      workspace,
+    ),
+    version: 'test',
+  });
+  rpc = createLoopbackClient(editor);
+  project = await new ProjectService(rpc, {
+    contents: () => new MemoryContentCache(),
+    tree: () => new MemoryTreeCache(),
+  }).open({
+    path: 'pong',
+  });
+});
+
+afterAll(() => {
+  rpc.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('CodeService', () => {
+  it('sends edits to the open document instead of the file', async () => {
+    const { documents, code, history } = setup();
+    await code.loadWorkerPlugin('test/rename', 'memory://plugin');
+    const onDisk = readFileSync(join(workspace, 'pong', MAIN), 'utf8');
+    const document = fakeDocument(MAIN, onDisk);
+    documents.register(document);
+    const { stack } = history.registerContext({ id: 'file', label: MAIN });
+
+    const command = await code.edit(
+      MAIN,
+      'test.rename-first-const',
+      { name: 'renamed' },
+      { label: 'Rename' },
+    );
+    await stack.push(command!);
+    expect(document.text()).toMatch(/const renamed/);
+    expect(readFileSync(join(workspace, 'pong', MAIN), 'utf8')).toBe(onDisk);
+    await stack.undo();
+    expect(document.text()).toBe(onDisk);
+    code.dispose();
+  });
+
+  it('refuses an edit when the text changed after it was computed', async () => {
+    const { documents, code, history } = setup();
+    await code.loadWorkerPlugin('test/rename', 'memory://plugin');
+    const onDisk = readFileSync(join(workspace, 'pong', MAIN), 'utf8');
+    const document = fakeDocument(MAIN, onDisk);
+    documents.register(document);
+    const { stack } = history.registerContext({ id: 'file', label: MAIN });
+    const command = await code.edit(
+      MAIN,
+      'test.rename-first-const',
+      { name: 'renamed' },
+      { label: 'Rename' },
+    );
+    document.applyEdits([{ start: 0, end: 0, text: '// typed meanwhile\n' }], undefined);
+    await expect(stack.push(command!)).rejects.toThrow(/changed while the edit was prepared/);
+    expect(document.text()).toBe(`// typed meanwhile\n${onDisk}`);
+    code.dispose();
+  });
+
+  it('starts a new worker after a failed start', async () => {
+    const { code } = setup();
+    let starts = 0;
+    const options = (code as unknown as { _options: { createWorker: () => unknown } })._options;
+    const create = options.createWorker;
+    options.createWorker = () => {
+      if (++starts === 1) throw new Error('worker blocked');
+      return create();
+    };
+    await expect(code.engine()).rejects.toThrow('worker blocked');
+    await expect(code.symbols(MAIN)).resolves.toBeInstanceOf(Array);
+    expect(starts).toBe(2);
+    code.dispose();
+  });
+
+  it('edits closed files on disk, undoes, and drops undo after an outside change', async () => {
+    const { code, history } = setup();
+    await code.loadWorkerPlugin('test/rename', 'memory://plugin');
+    const { stack } = history.registerContext({ id: 'file', label: MAIN });
+    const path = join(workspace, 'pong', MAIN);
+    const original = readFileSync(path, 'utf8');
+
+    await stack.push(
+      (await code.edit(MAIN, 'test.rename-first-const', { name: 'app' }, { label: 'Rename' }))!,
+    );
+    expect(readFileSync(path, 'utf8')).toMatch(/const app\b/);
+    await stack.undo();
+    expect(readFileSync(path, 'utf8')).toBe(original);
+    await stack.redo();
+
+    writeFileSync(path, `${readFileSync(path, 'utf8')}\n// hand edit\n`);
+    /** Watcher → ProjectFs. */
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    expect(await stack.undo()).toBe(false);
+    expect(stack.state.canUndo).toBe(false);
+    code.dispose();
+  });
+
+  it('publishes diagnostics of watched files with types from node_modules', async () => {
+    const { code, documents, diagnostics } = setup();
+    const uri = 'apps/client/src/speed.ts';
+    documents.register(
+      fakeDocument(
+        uri,
+        "import { maxSpeed } from '@acme/speed';\nexport const s: string = maxSpeed;\n",
+      ),
+    );
+    /** Mirror first, then the open document text is pushed on change. */
+    await code.engine();
+    await (await code.engine()).setFiles([{ path: uri, text: await documents.getText(uri) }]);
+    const watch = code.watchDiagnostics(uri);
+    const start = Date.now();
+    while (!diagnostics.forUri(uri).length && Date.now() - start < 8000)
+      await new Promise((r) => setTimeout(r, 25));
+    expect(diagnostics.forUri(uri).map((d) => d.code)).toEqual([2322]);
+    watch.dispose();
+    expect(diagnostics.forUri(uri)).toEqual([]);
+    code.dispose();
+  });
+
+  it('checks every file of the project while asked to, read-only packages aside', async () => {
+    const { code, diagnostics } = setup();
+    const uri = 'checks/broken.ts';
+    const check = code.checkProject();
+    const start = Date.now();
+    while (!diagnostics.forUri(uri).length && Date.now() - start < 15_000)
+      await new Promise((r) => setTimeout(r, 25));
+    expect(diagnostics.forUri(uri)).toMatchObject([
+      { code: 2322, source: 'typescript', line: 1, column: 14 },
+    ]);
+    expect(diagnostics.forUri('nf_modules/@acme/pkg/bad.ts')).toEqual([]);
+    code.watchDiagnostics(uri).dispose();
+    expect(diagnostics.forUri(uri)).toHaveLength(1);
+    check.dispose();
+    expect(diagnostics.forUri(uri)).toEqual([]);
+    code.dispose();
+  });
+});
diff --git a/packages/code/test/worker-rpc/worker-rpc.spec.ts b/packages/code/test/worker-rpc/worker-rpc.spec.ts
new file mode 100644
index 00000000..889c80cb
--- /dev/null
+++ b/packages/code/test/worker-rpc/worker-rpc.spec.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from 'vitest';
+
+import { WorkerFailedError, wrap } from '../../src/worker-rpc/worker-rpc';
+
+/** A worker that never answers, and can crash. */
+class SilentWorker extends EventTarget {
+  postMessage(): void {}
+  crash(): void {
+    this.dispatchEvent(Object.assign(new Event('error'), { message: 'out of memory' }));
+  }
+}
+
+describe('wrap', () => {
+  it('fails pending calls when the worker crashes', async () => {
+    const worker = new SilentWorker();
+    const remote = wrap<{ diagnostics(): string[] }>(worker as never);
+    const call = remote.diagnostics();
+    worker.crash();
+    await expect(call).rejects.toBeInstanceOf(WorkerFailedError);
+    await expect(call).rejects.toThrow(/out of memory/);
+  });
+
+  it('fails a call that gets no answer in time', async () => {
+    const remote = wrap<{ diagnostics(): string[] }>(new SilentWorker() as never, {
+      timeoutMs: 10,
+    });
+    await expect(remote.diagnostics()).rejects.toThrow(/did not answer diagnostics/);
+  });
+});
diff --git a/packages/code/tsconfig.json b/packages/code/tsconfig.json
new file mode 100644
index 00000000..29b22ee4
--- /dev/null
+++ b/packages/code/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "lib": ["ESNext", "esnext.disposable", "DOM", "DOM.Iterable", "WebWorker.ImportScripts"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/history/.prettierignore b/packages/history/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/history/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/history/LICENSE b/packages/history/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/history/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/history/README.md b/packages/history/README.md
new file mode 100644
index 00000000..6dffda5c
--- /dev/null
+++ b/packages/history/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/history"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fhistory" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-history` is an internal package of the NanoForge Editor.
+
+Undo/redo engine with per-context stacks.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/history
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/history/package.json b/packages/history/package.json
new file mode 100644
index 00000000..61766ca8
--- /dev/null
+++ b/packages/history/package.json
@@ -0,0 +1,61 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-history",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Undo/redo engine with per-context stacks",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/history"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-kernel": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/history/src/command/composite-command.ts b/packages/history/src/command/composite-command.ts
new file mode 100644
index 00000000..b0eddbc9
--- /dev/null
+++ b/packages/history/src/command/composite-command.ts
@@ -0,0 +1,108 @@
+import type { CommandOrigin, HistoryCommand } from './history-command.type';
+import { InvalidCommandError } from './invalid-command.exception';
+
+export const sameOrigin = (a: CommandOrigin | undefined, b: CommandOrigin | undefined): boolean =>
+  a?.kind === b?.kind && a?.id === b?.id;
+
+const redoOf = (command: HistoryCommand) => (command.redo ?? command.do).call(command);
+
+/**
+ * Runs `step` on a command once it is still valid. A command is valid in the state it left, so
+ * the commands of a group are checked one by one as their turn comes: two of them editing the
+ * same file each expect the text the other left.
+ */
+const checked =
+  (step: (command: HistoryCommand) => Promise<void> | void) =>
+  async (command: HistoryCommand): Promise<void> => {
+    if ((await command.isValid?.()) === false) throw new InvalidCommandError(command.label);
+    await step(command);
+  };
+
+/**
+ * Undo and redo of commands run in `order`: each is checked when its turn comes, and only the
+ * one that runs first is checked beforehand (`isValid`). One that changed since stops the run:
+ * those already run are reverted and an `InvalidCommandError` goes on.
+ */
+const sequence = (order: readonly HistoryCommand[]) => {
+  let undone = false;
+  return {
+    undo: async () => {
+      await runAll(
+        [...order].reverse(),
+        checked((command) => command.undo()),
+        redoOf,
+      );
+      undone = true;
+    },
+    redo: async () => {
+      await runAll(order, checked(redoOf));
+      undone = false;
+    },
+    async isValid() {
+      const first = undone ? order[0] : order.at(-1);
+      return (await first?.isValid?.()) !== false;
+    },
+  };
+};
+
+/**
+ * Runs children in order and undoes them in reverse. When a child fails, the ones already run
+ * are undone (best effort) before the error goes on: a step is never left half applied.
+ */
+export const compositeCommand = (
+  label: string,
+  children: readonly HistoryCommand[],
+  origin?: CommandOrigin,
+): HistoryCommand => ({
+  label,
+  ...(origin && { origin }),
+  children,
+  sizeBytes: children.reduce((total, child) => total + (child.sizeBytes ?? 0), 0),
+  do: () => runAll(children, (child) => child.do()),
+  ...sequence(children),
+  dispose() {
+    for (const child of children) child.dispose?.();
+  },
+});
+
+/**
+ * Runs `step` on each command in order. If one throws, the ones already done are reverted with
+ * `revert` (undo by default), last first, and the error is rethrown.
+ */
+const runAll = async (
+  commands: readonly HistoryCommand[],
+  step: (command: HistoryCommand) => Promise<void> | void,
+  revert: (command: HistoryCommand) => Promise<void> | void = (command) => command.undo(),
+): Promise<void> => {
+  const done: HistoryCommand[] = [];
+  try {
+    for (const command of commands) {
+      await step(command);
+      done.push(command);
+    }
+  } catch (error) {
+    for (const command of done.reverse()) {
+      try {
+        await revert(command);
+      } catch {}
+    }
+    throw error;
+  }
+};
+
+/**
+ * Default merge of two commands with the same merge key: one step whose undo reverts both (the
+ * last one first) and whose redo replays both.
+ */
+export const mergeCommands = (previous: HistoryCommand, next: HistoryCommand): HistoryCommand => ({
+  label: next.label,
+  ...(previous.origin && { origin: previous.origin }),
+  sizeBytes: (previous.sizeBytes ?? 0) + (next.sizeBytes ?? 0),
+  ...(next.mergeKey && { mergeKey: next.mergeKey }),
+  do: () => next.do(),
+  ...sequence([previous, next]),
+  dispose() {
+    previous.dispose?.();
+    next.dispose?.();
+  },
+});
diff --git a/packages/history/src/command/history-command.type.ts b/packages/history/src/command/history-command.type.ts
new file mode 100644
index 00000000..c50d7e51
--- /dev/null
+++ b/packages/history/src/command/history-command.type.ts
@@ -0,0 +1,51 @@
+/** Who made a change: undo only ever targets changes of the local user. */
+export interface CommandOrigin {
+  readonly kind: 'user' | 'plugin' | 'remote';
+  readonly id: string;
+}
+
+type MaybePromise<T> = T | Promise<T>;
+
+/** An undoable change. `do` runs once when pushed; `redo` defaults to `do`. */
+export interface HistoryCommand {
+  readonly label: string;
+  /** Defaults to the local user of the history service. */
+  readonly origin?: CommandOrigin;
+  /** Approximate memory held by the command (snapshots…), for the stack memory budget. */
+  readonly sizeBytes?: number;
+  /** Commands with the same key pushed within the merge window become one step. */
+  readonly mergeKey?: string;
+  /** What changed, for the history panel (e.g. the lines of a document edit). */
+  readonly preview?: CommandPreview;
+  /** Steps of a grouped command (transactions). */
+  readonly children?: readonly HistoryCommand[];
+  do(): MaybePromise<void>;
+  undo(): MaybePromise<void>;
+  redo?(): MaybePromise<void>;
+  /**
+   * Merges a following command into this one. Returns the merged command, or undefined when
+   * they cannot merge. Without it, commands with the same `mergeKey` merge by keeping this
+   * command's `undo` and the next one's `redo`.
+   */
+  merge?(next: HistoryCommand): HistoryCommand | undefined;
+  /** Checked before undo/redo; false means the state it relies on changed (step dropped). */
+  isValid?(): MaybePromise<boolean>;
+  /** Called when the command leaves the history (trimmed, cleared, invalidated). */
+  dispose?(): void;
+  /** Data to rebuild the command after a reload (see `HistoryService.registerDeserializer`). */
+  serialize?(): SerializedCommand | undefined;
+}
+
+/** Before/after text of a change (a few lines around it). */
+export interface CommandPreview {
+  readonly title?: string;
+  readonly before: string;
+  readonly after: string;
+}
+
+export interface SerializedCommand {
+  /** Deserializer type (`document.edits`…). */
+  readonly type: string;
+  readonly label: string;
+  readonly data: unknown;
+}
diff --git a/packages/history/src/command/index.ts b/packages/history/src/command/index.ts
new file mode 100644
index 00000000..7a69c864
--- /dev/null
+++ b/packages/history/src/command/index.ts
@@ -0,0 +1,3 @@
+export * from './history-command.type';
+export * from './composite-command';
+export * from './invalid-command.exception';
diff --git a/packages/history/src/command/invalid-command.exception.ts b/packages/history/src/command/invalid-command.exception.ts
new file mode 100644
index 00000000..dd8ac326
--- /dev/null
+++ b/packages/history/src/command/invalid-command.exception.ts
@@ -0,0 +1,10 @@
+/**
+ * A step of a grouped command no longer matches the state it left (an edit made in between):
+ * what already ran was reverted, and the history drops the step instead of undoing it.
+ */
+export class InvalidCommandError extends Error {
+  constructor(readonly command: string) {
+    super(`${command} changed since: not undone`);
+    this.name = 'InvalidCommandError';
+  }
+}
diff --git a/packages/history/src/file/apply-text-edits.ts b/packages/history/src/file/apply-text-edits.ts
new file mode 100644
index 00000000..1f693467
--- /dev/null
+++ b/packages/history/src/file/apply-text-edits.ts
@@ -0,0 +1,36 @@
+/** Replacement of `[start, end)` (UTF-16 offsets) by `text`: a serializable document operation. */
+export interface TextEdit {
+  readonly start: number;
+  readonly end: number;
+  readonly text: string;
+}
+
+/** Applies non-overlapping edits (any order) and returns the new text with the inverse edits. */
+export const applyTextEdits = (
+  source: string,
+  edits: readonly TextEdit[],
+): { text: string; inverse: TextEdit[] } => {
+  const sorted = [...edits].sort((a, b) => a.start - b.start);
+  for (let i = 1; i < sorted.length; i++) {
+    if (sorted[i]!.start < sorted[i - 1]!.end) throw new Error('Overlapping text edits');
+  }
+  let text = '';
+  let cursor = 0;
+  let delta = 0;
+  const inverse: TextEdit[] = [];
+  for (const edit of sorted) {
+    if (edit.start < cursor || edit.end > source.length || edit.start > edit.end) {
+      throw new Error(`Text edit out of range: ${edit.start}-${edit.end}`);
+    }
+    text += source.slice(cursor, edit.start) + edit.text;
+    const start = edit.start + delta;
+    inverse.push({
+      start,
+      end: start + edit.text.length,
+      text: source.slice(edit.start, edit.end),
+    });
+    delta += edit.text.length - (edit.end - edit.start);
+    cursor = edit.end;
+  }
+  return { text: text + source.slice(cursor), inverse };
+};
diff --git a/packages/history/src/file/index.ts b/packages/history/src/file/index.ts
new file mode 100644
index 00000000..9ddab5ee
--- /dev/null
+++ b/packages/history/src/file/index.ts
@@ -0,0 +1 @@
+export * from './apply-text-edits';
diff --git a/packages/history/src/index.ts b/packages/history/src/index.ts
new file mode 100644
index 00000000..34942403
--- /dev/null
+++ b/packages/history/src/index.ts
@@ -0,0 +1,4 @@
+export * from './command';
+export * from './file';
+export * from './service';
+export * from './stack';
diff --git a/packages/history/src/service/history-context-keys.const.ts b/packages/history/src/service/history-context-keys.const.ts
new file mode 100644
index 00000000..136ffb2d
--- /dev/null
+++ b/packages/history/src/service/history-context-keys.const.ts
@@ -0,0 +1,4 @@
+/** Context key holding the history context of the focused widget. */
+export const HISTORY_CONTEXT_KEY = 'historyContext';
+/** Context key set while a text field or the code editor has focus (native undo). */
+export const TEXT_INPUT_FOCUS_KEY = 'textInputFocus';
diff --git a/packages/history/src/service/history-service.ts b/packages/history/src/service/history-service.ts
new file mode 100644
index 00000000..44a3c1e3
--- /dev/null
+++ b/packages/history/src/service/history-service.ts
@@ -0,0 +1,227 @@
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Observable,
+  ObservableValue,
+  constant,
+  createToken,
+  observe,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { CommandOrigin, HistoryCommand } from '../command/history-command.type';
+import { HistoryStack } from '../stack/history-stack';
+import type {
+  ContextInvalidation,
+  Deserializer,
+  HistoryContext,
+  HistoryContextInfo,
+  HistoryContextOptions,
+  HistoryServiceOptions,
+  HistoryStore,
+  PersistedEntry,
+} from './history-service.type';
+
+/** One undo/redo stack per context (document, layout, settings…). */
+export class HistoryService implements Disposable {
+  private readonly _contexts = new Map<string, HistoryContext>();
+  private readonly _onDidChange = new Emitter<string>();
+  private readonly _onDidInvalidate = new Emitter<ContextInvalidation>();
+  private readonly _list = new ObservableValue<readonly HistoryContextInfo[]>([]);
+  private readonly _store = new DisposableStore();
+  private readonly _limit: Observable<number>;
+  private readonly _mergeWindow: Observable<number>;
+  private _localOrigin: CommandOrigin;
+  private readonly _deserializers = new Map<string, Deserializer>();
+  private readonly _persisted: { match: (id: string) => boolean; store: HistoryStore }[] = [];
+
+  /** Fires with the id of the context whose stack changed. */
+  readonly onDidChange: Event<string> = this._onDidChange.event;
+  readonly onDidInvalidate: Event<ContextInvalidation> = this._onDidInvalidate.event;
+
+  constructor(private readonly _options: HistoryServiceOptions = {}) {
+    this._limit = _options.limit ?? constant(100);
+    this._mergeWindow = _options.mergeWindowMs ?? constant(500);
+    this._localOrigin = _options.localOrigin ?? { kind: 'user', id: 'local' };
+    this._store.add(
+      observe(
+        this._limit,
+        () => {
+          for (const context of this._contexts.values()) void context.stack.trim();
+        },
+        { immediate: false },
+      ),
+    );
+  }
+
+  get localOrigin(): CommandOrigin {
+    return this._localOrigin;
+  }
+
+  set localOrigin(origin: CommandOrigin) {
+    this._localOrigin = origin;
+  }
+
+  /** Every context with its stack state, for the history panel. */
+  get contexts(): Observable<readonly HistoryContextInfo[]> {
+    return this._list.readonly();
+  }
+
+  registerContext(options: HistoryContextOptions): HistoryContext {
+    if (this._contexts.has(options.id))
+      throw new Error(`History context "${options.id}" already exists`);
+    const stack = new HistoryStack({
+      localOrigin: () => this._localOrigin,
+      limit: () => this._limit.get(),
+      mergeWindowMs: () => this._mergeWindow.get(),
+      budgetBytes: () => this._options.budgetBytes ?? 64 * 1024 * 1024,
+      ...(this._options.now && { now: this._options.now }),
+    });
+    const subscriptions = new DisposableStore();
+    subscriptions.add(stack.onDidChange(() => this._changed(options.id)));
+    subscriptions.add(
+      stack.onDidInvalidate((reason) =>
+        this._onDidInvalidate.fire({ contextId: options.id, reason }),
+      ),
+    );
+    const context: HistoryContext = {
+      id: options.id,
+      label: options.label,
+      owner: options.owner ?? 'core',
+      stack,
+      dispose: () => {
+        if (this._contexts.get(options.id) !== context) return;
+        this._contexts.delete(options.id);
+        subscriptions.dispose();
+        stack.dispose();
+        this._changed(options.id);
+      },
+    };
+    this._contexts.set(options.id, context);
+    this._changed(options.id);
+    const persisted = this._persisted.find((candidate) => candidate.match(options.id));
+    if (persisted) subscriptions.add(this._persistContext(context, persisted.store));
+    return context;
+  }
+
+  /** Rebuilds commands of a type from their serialized data (history kept across reloads). */
+  registerDeserializer(type: string, deserialize: Deserializer): Disposable {
+    this._deserializers.set(type, deserialize);
+    return { dispose: () => this._deserializers.delete(type) };
+  }
+
+  /**
+   * Keeps the history of the matching contexts in a store: restored when such a context is
+   * registered (under the steps made meanwhile), saved when it changes and when the context
+   * goes away. Only histories whose steps are all serializable are saved; otherwise the stored
+   * history stays as it is.
+   */
+  persist(match: (id: string) => boolean, store: HistoryStore): Disposable {
+    const entry = { match, store };
+    this._persisted.push(entry);
+    return {
+      dispose: () => {
+        const index = this._persisted.indexOf(entry);
+        if (index >= 0) this._persisted.splice(index, 1);
+      },
+    };
+  }
+
+  /** Undoes or redoes a context until the entry is its last applied step. */
+  async goTo(contextId: string, entryId: number): Promise<void> {
+    await this._contexts.get(contextId)?.stack.goTo(entryId);
+  }
+
+  async clear(contextId: string): Promise<void> {
+    await this._contexts.get(contextId)?.stack.clear();
+  }
+
+  get(id: string): HistoryContext | undefined {
+    return this._contexts.get(id);
+  }
+
+  /** Undoes in the given context; returns false when there was nothing to undo. */
+  async undo(contextId: string | undefined): Promise<boolean> {
+    const context = contextId ? this._contexts.get(contextId) : undefined;
+    return context ? context.stack.undo() : false;
+  }
+
+  async redo(contextId: string | undefined): Promise<boolean> {
+    const context = contextId ? this._contexts.get(contextId) : undefined;
+    return context ? context.stack.redo() : false;
+  }
+
+  dispose(): void {
+    for (const context of [...this._contexts.values()]) context.dispose();
+    this._store.dispose();
+    this._onDidChange.dispose();
+    this._onDidInvalidate.dispose();
+  }
+
+  private _persistContext(context: HistoryContext, store: HistoryStore): Disposable {
+    let restored = false;
+    let timer: ReturnType<typeof setTimeout> | undefined;
+    const write = () => {
+      timer = undefined;
+      const entries: PersistedEntry[] = [];
+      for (const entry of context.stack.state.past) {
+        const command = entry.command.serialize?.();
+        if (!command) return;
+        entries.push({ command, origin: entry.origin, time: entry.time });
+      }
+      void store.save(context.id, entries).catch(() => undefined);
+    };
+    const save = () => {
+      clearTimeout(timer);
+      timer = setTimeout(write, 300);
+    };
+    void store
+      .load(context.id)
+      .then(async (entries) => {
+        const commands = (entries ?? []).map((entry) => ({
+          ...entry,
+          command: this._deserializers.get(entry.command.type)?.(
+            entry.command.data,
+            entry.command.label,
+          ),
+        }));
+        if (commands.length && commands.every((entry) => entry.command)) {
+          await context.stack.restore(
+            commands as { command: HistoryCommand; origin: CommandOrigin; time: number }[],
+          );
+        }
+      })
+      .catch(() => undefined)
+      .finally(() => {
+        restored = true;
+        if (context.stack.state.past.length) save();
+      });
+    const subscription = context.stack.onDidChange(() => {
+      if (restored) save();
+    });
+    return {
+      dispose: () => {
+        if (timer !== undefined) {
+          clearTimeout(timer);
+          write();
+        }
+        subscription.dispose();
+      },
+    };
+  }
+
+  private _changed(id: string): void {
+    this._list.set(
+      [...this._contexts.values()].map((context) => ({
+        id: context.id,
+        label: context.label,
+        owner: context.owner,
+        state: context.stack.state,
+      })),
+    );
+    this._onDidChange.fire(id);
+  }
+}
+
+export const HistoryServiceToken = createToken<HistoryService>('history.service');
diff --git a/packages/history/src/service/history-service.type.ts b/packages/history/src/service/history-service.type.ts
new file mode 100644
index 00000000..ea0c84ca
--- /dev/null
+++ b/packages/history/src/service/history-service.type.ts
@@ -0,0 +1,60 @@
+import type { Disposable, Observable } from '@nanoforge-dev/editor-kernel';
+
+import type {
+  CommandOrigin,
+  HistoryCommand,
+  SerializedCommand,
+} from '../command/history-command.type';
+import { type HistoryStack } from '../stack/history-stack';
+import type { InvalidationReason, StackState } from '../stack/history-stack.type';
+
+export interface HistoryContextOptions {
+  /** Stable id, e.g. `file:apps/client/src/main.ts`, `layout`, `settings`. */
+  readonly id: string;
+  readonly label: string;
+  /** Plugin name or `core`. */
+  readonly owner?: string;
+}
+
+export interface HistoryContext extends Disposable {
+  readonly id: string;
+  readonly label: string;
+  readonly owner: string;
+  readonly stack: HistoryStack;
+}
+
+/** A step of a persisted history (see `HistoryService.persist`). */
+export interface PersistedEntry {
+  readonly command: SerializedCommand;
+  readonly origin: CommandOrigin;
+  readonly time: number;
+}
+
+/** Where persisted histories live (e.g. IndexedDB, per project). */
+export interface HistoryStore {
+  load(contextId: string): Promise<readonly PersistedEntry[] | undefined>;
+  save(contextId: string, entries: readonly PersistedEntry[]): Promise<void>;
+}
+
+export type Deserializer = (data: unknown, label: string) => HistoryCommand | undefined;
+
+export interface HistoryContextInfo {
+  readonly id: string;
+  readonly label: string;
+  readonly owner: string;
+  readonly state: StackState;
+}
+
+export interface HistoryServiceOptions {
+  readonly limit?: Observable<number>;
+  readonly mergeWindowMs?: Observable<number>;
+  /** Memory budget per context (default 64 MiB). */
+  readonly budgetBytes?: number;
+  readonly localOrigin?: CommandOrigin;
+  readonly now?: () => number;
+}
+
+export interface ContextInvalidation {
+  readonly contextId: string;
+  readonly reason: InvalidationReason;
+}
diff --git a/packages/history/src/service/index.ts b/packages/history/src/service/index.ts
new file mode 100644
index 00000000..cda32154
--- /dev/null
+++ b/packages/history/src/service/index.ts
@@ -0,0 +1,5 @@
+export * from './history-service.type';
+export * from './history-context-keys.const';
+export * from './history-service';
+export * from './undo-target';
+export * from './register-history-commands';
diff --git a/packages/history/src/service/register-history-commands.ts b/packages/history/src/service/register-history-commands.ts
new file mode 100644
index 00000000..3ad0a9a8
--- /dev/null
+++ b/packages/history/src/service/register-history-commands.ts
@@ -0,0 +1,48 @@
+import {
+  type CommandRegistry,
+  type ContextKeyService,
+  type Disposable,
+  DisposableStore,
+} from '@nanoforge-dev/editor-kernel';
+
+import { type HistoryService } from './history-service';
+import { resolveUndoTarget } from './undo-target';
+
+/**
+ * Registers `history.undo` / `history.redo`. They return false when the keystroke should fall
+ * through to the browser (native undo), so the keybinding layer does not prevent it.
+ */
+export const registerHistoryCommands = (
+  commands: CommandRegistry,
+  context: ContextKeyService,
+  history: HistoryService,
+  options: {
+    /** Context undone when the focused widget has none (e.g. `layout`). */
+    fallbackContext?: string;
+  } = {},
+): Disposable => {
+  const store = new DisposableStore();
+  const run = (action: 'undo' | 'redo') => async (): Promise<boolean> => {
+    const target = resolveUndoTarget(context, options.fallbackContext);
+    if (target.kind !== 'context') return false;
+    await history[action](target.id);
+    return true;
+  };
+  store.add(
+    commands.register({
+      id: 'history.undo',
+      title: 'Undo',
+      category: 'Edit',
+      handler: run('undo'),
+    }),
+  );
+  store.add(
+    commands.register({
+      id: 'history.redo',
+      title: 'Redo',
+      category: 'Edit',
+      handler: run('redo'),
+    }),
+  );
+  return store;
+};
diff --git a/packages/history/src/service/undo-target.ts b/packages/history/src/service/undo-target.ts
new file mode 100644
index 00000000..1036e11e
--- /dev/null
+++ b/packages/history/src/service/undo-target.ts
@@ -0,0 +1,18 @@
+import type { ContextKeyService } from '@nanoforge-dev/editor-kernel';
+
+import { HISTORY_CONTEXT_KEY, TEXT_INPUT_FOCUS_KEY } from './history-context-keys.const';
+
+export type UndoTarget =
+  | { readonly kind: 'native' }
+  | { readonly kind: 'context'; readonly id: string }
+  | { readonly kind: 'none' };
+
+/**
+ * Where Ctrl+Z goes: native undo inside text inputs and the code editor, otherwise the history
+ * context of the focused widget.
+ */
+export const resolveUndoTarget = (context: ContextKeyService, fallback?: string): UndoTarget => {
+  if (context.get<boolean>(TEXT_INPUT_FOCUS_KEY)) return { kind: 'native' };
+  const id = context.get<string>(HISTORY_CONTEXT_KEY) ?? fallback;
+  return id ? { kind: 'context', id } : { kind: 'none' };
+};
diff --git a/packages/history/src/stack/history-stack.ts b/packages/history/src/stack/history-stack.ts
new file mode 100644
index 00000000..f3b689dd
--- /dev/null
+++ b/packages/history/src/stack/history-stack.ts
@@ -0,0 +1,323 @@
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+
+import { compositeCommand, mergeCommands, sameOrigin } from '../command/composite-command';
+import type { CommandOrigin, HistoryCommand } from '../command/history-command.type';
+import { InvalidCommandError } from '../command/invalid-command.exception';
+import type {
+  HistoryEntry,
+  InvalidationReason,
+  StackOptions,
+  StackState,
+  Transaction,
+} from './history-stack.type';
+
+const SAVED_AT_START = 0;
+
+/**
+ * Undo/redo stack of one context. Operations are serialized. Commands pushed while a transaction
+ * runs join it, whether through the transaction handle or `push` (code the transaction calls
+ * may not know it runs inside one): queueing them behind the transaction would wait for ever.
+ */
+export class HistoryStack {
+  private _past: HistoryEntry[] = [];
+  private _future: HistoryEntry[] = [];
+  private _queue: Promise<unknown> = Promise.resolve();
+  private _nextId = 1;
+  /** Entry id at the savepoint (0: the initial state). */
+  private _savedAt: number | null = SAVED_AT_START;
+  /** The commands of the transaction running now, if any. */
+  private _transaction: HistoryCommand[] | undefined;
+  private readonly _onDidChange = new Emitter<StackState>();
+  private readonly _onDidInvalidate = new Emitter<InvalidationReason>();
+
+  readonly onDidChange: Event<StackState> = this._onDidChange.event;
+  readonly onDidInvalidate: Event<InvalidationReason> = this._onDidInvalidate.event;
+
+  constructor(private readonly _options: StackOptions) {}
+
+  get state(): StackState {
+    const top = this._past.at(-1)?.id ?? SAVED_AT_START;
+    return {
+      past: [...this._past],
+      future: [...this._future],
+      canUndo: this._past.some((entry) => entry.undoable),
+      canRedo: this._future.length > 0,
+      dirty: this._savedAt !== top,
+    };
+  }
+
+  /** Executes a command and records it (merging with the previous one when allowed). */
+  push(command: HistoryCommand): Promise<void> {
+    const open = this._transaction;
+    if (open) {
+      return Promise.resolve(command.do()).then(() => {
+        open.push(command);
+      });
+    }
+    return this._serial(async () => {
+      await command.do();
+      this._add(command, true);
+    });
+  }
+
+  /**
+   * Records a change already applied elsewhere (e.g. by a collaborator). Changes of other
+   * origins are not undoable.
+   */
+  record(command: HistoryCommand): Promise<void> {
+    return this._serial(async () => this._add(command, false));
+  }
+
+  /**
+   * Groups the commands pushed through `tx` into one step. If `fn` throws, the commands already
+   * applied are undone in reverse order and the error is rethrown.
+   */
+  transaction<T>(label: string, fn: (tx: Transaction) => Promise<T>): Promise<T> {
+    if (this._transaction) return runTransaction(this._transaction, fn);
+    return this._serial(async () => {
+      const collected: HistoryCommand[] = [];
+      this._transaction = collected;
+      try {
+        const result = await runTransaction(collected, fn);
+        if (collected.length)
+          this._add(compositeCommand(label, collected, this._options.localOrigin()), true, false);
+        return result;
+      } finally {
+        this._transaction = undefined;
+      }
+    });
+  }
+
+  undo(): Promise<boolean> {
+    return this._serial(() => this._undoOne());
+  }
+
+  redo(): Promise<boolean> {
+    return this._serial(() => this._redoOne());
+  }
+
+  /**
+   * Undoes or redoes until the entry is the last applied step (0: before every step). Changes
+   * of other origins cannot be undone and stay applied.
+   */
+  goTo(entryId: number): Promise<void> {
+    return this._serial(async () => {
+      if (this._future.some((entry) => entry.id === entryId)) {
+        while (this._future.some((entry) => entry.id === entryId)) {
+          if (!(await this._redoOne())) return;
+        }
+        return;
+      }
+      for (;;) {
+        const last = this._past.findLast((entry) => entry.undoable);
+        if (!last || last.id <= entryId) return;
+        if (!(await this._undoOne())) return;
+      }
+    });
+  }
+
+  /**
+   * Puts back entries restored after a reload (already applied), before the steps recorded since
+   * the reload: an edit made while the history was loading stays on top of them.
+   */
+  restore(
+    entries: readonly { command: HistoryCommand; origin: CommandOrigin; time: number }[],
+  ): Promise<void> {
+    return this._serial(async () => {
+      const local = this._options.localOrigin();
+      const restored = entries.map((entry) => ({
+        id: this._nextId++,
+        command: entry.command,
+        origin: entry.origin,
+        undoable: sameOrigin(entry.origin, local),
+        time: entry.time,
+      }));
+      if (!this._past.length) {
+        this._drop(this._future);
+        this._future = [];
+        this._savedAt = null;
+      }
+      this._past = [...restored, ...this._past];
+      this._trim();
+      this._changed();
+    });
+  }
+
+  /** Marks the current state as saved (dirty tracking). */
+  markSaved(): void {
+    this._savedAt = this._past.at(-1)?.id ?? SAVED_AT_START;
+    this._changed();
+  }
+
+  /** Drops every step: the state they relied on changed. */
+  invalidate(reason: InvalidationReason = 'manual'): Promise<void> {
+    return this._serial(async () => this._invalidate(reason));
+  }
+
+  clear(): Promise<void> {
+    return this._serial(async () => {
+      this._drop([...this._past, ...this._future]);
+      this._past = [];
+      this._future = [];
+      this._savedAt = SAVED_AT_START;
+      this._changed();
+    });
+  }
+
+  /** Re-applies limits (after the limit settings changed). */
+  trim(): Promise<void> {
+    return this._serial(async () => {
+      this._trim();
+      this._changed();
+    });
+  }
+
+  dispose(): void {
+    this._drop([...this._past, ...this._future]);
+    this._past = [];
+    this._future = [];
+    this._onDidChange.dispose();
+    this._onDidInvalidate.dispose();
+  }
+
+  private async _undoOne(): Promise<boolean> {
+    const index = this._past.findLastIndex((entry) => entry.undoable);
+    if (index < 0) return false;
+    const entry = this._past[index]!;
+    if ((await entry.command.isValid?.()) === false) {
+      this._invalidate('invalid-command');
+      return false;
+    }
+    if (!(await this._run(() => entry.command.undo()))) return false;
+    this._past.splice(index, 1);
+    this._future.push(entry);
+    this._changed();
+    return true;
+  }
+
+  private async _redoOne(): Promise<boolean> {
+    const entry = this._future.at(-1);
+    if (!entry) return false;
+    if ((await entry.command.isValid?.()) === false) {
+      this._invalidate('invalid-command');
+      return false;
+    }
+    if (!(await this._run(() => (entry.command.redo ?? entry.command.do).call(entry.command))))
+      return false;
+    this._future.pop();
+    this._past.push(entry);
+    this._changed();
+    return true;
+  }
+
+  /**
+   * Runs an undo or a redo; false when a part of the step changed since (it reverted itself):
+   * the history is then dropped, as for a step found invalid beforehand.
+   */
+  private async _run(step: () => Promise<void> | void): Promise<boolean> {
+    try {
+      await step();
+      return true;
+    } catch (error) {
+      if (!(error instanceof InvalidCommandError)) throw error;
+      this._invalidate('invalid-command');
+      return false;
+    }
+  }
+
+  private _add(command: HistoryCommand, local: boolean, mergeable = true): void {
+    const origin = command.origin ?? this._options.localOrigin();
+    const undoable = local && sameOrigin(origin, this._options.localOrigin());
+    const now = (this._options.now ?? Date.now)();
+    if (undoable) {
+      this._drop(this._future);
+      this._future = [];
+    }
+    const previous = this._past.at(-1);
+    if (
+      mergeable &&
+      undoable &&
+      previous?.undoable &&
+      command.mergeKey !== undefined &&
+      previous.command.mergeKey === command.mergeKey &&
+      now - previous.time <= this._options.mergeWindowMs() &&
+      this._savedAt !== previous.id
+    ) {
+      const merged = previous.command.merge
+        ? previous.command.merge(command)
+        : mergeCommands(previous.command, command);
+      if (merged) {
+        this._past[this._past.length - 1] = { ...previous, command: merged, time: now };
+        this._trim();
+        this._changed();
+        return;
+      }
+    }
+    this._past.push({ id: this._nextId++, command, origin, undoable, time: now });
+    this._trim();
+    this._changed();
+  }
+
+  private _trim(): void {
+    const limit = Math.max(1, this._options.limit());
+    const budget = this._options.budgetBytes();
+    const size = () =>
+      [...this._past, ...this._future].reduce(
+        (total, entry) => total + (entry.command.sizeBytes ?? 0),
+        0,
+      );
+    while (this._past.length > limit || (this._past.length > 1 && size() > budget)) {
+      const dropped = this._past.shift()!;
+      /** Savepoint no longer reachable. */
+      if (this._savedAt === dropped.id) this._savedAt = null;
+      dropped.command.dispose?.();
+    }
+    while (this._future.length && size() > budget) this._future.shift()!.command.dispose?.();
+  }
+
+  private _invalidate(reason: InvalidationReason): void {
+    this._drop([...this._past, ...this._future]);
+    this._past = [];
+    this._future = [];
+    this._savedAt = null;
+    this._changed();
+    this._onDidInvalidate.fire(reason);
+  }
+
+  private _drop(entries: readonly HistoryEntry[]): void {
+    for (const entry of entries) entry.command.dispose?.();
+  }
+
+  private _changed(): void {
+    this._onDidChange.fire(this.state);
+  }
+
+  private _serial<T>(task: () => Promise<T>): Promise<T> {
+    const result = this._queue.then(task, task);
+    this._queue = result.catch(() => undefined);
+    return result;
+  }
+}
+
+const runTransaction = async <T>(
+  collected: HistoryCommand[],
+  fn: (tx: Transaction) => Promise<T>,
+): Promise<T> => {
+  const start = collected.length;
+  const tx: Transaction = {
+    push: async (command) => {
+      await command.do();
+      collected.push(command);
+    },
+    transaction: (_label, inner) => runTransaction(collected, inner),
+  };
+  try {
+    return await fn(tx);
+  } catch (error) {
+    for (const command of collected.splice(start).reverse()) {
+      await command.undo();
+      command.dispose?.();
+    }
+    throw error;
+  }
+};
diff --git a/packages/history/src/stack/history-stack.type.ts b/packages/history/src/stack/history-stack.type.ts
new file mode 100644
index 00000000..07a48345
--- /dev/null
+++ b/packages/history/src/stack/history-stack.type.ts
@@ -0,0 +1,36 @@
+import type { CommandOrigin, HistoryCommand } from '../command/history-command.type';
+
+export interface HistoryEntry {
+  readonly id: number;
+  readonly command: HistoryCommand;
+  readonly origin: CommandOrigin;
+  /** False for changes of other origins: skipped by undo. */
+  readonly undoable: boolean;
+  readonly time: number;
+}
+
+export interface StackOptions {
+  /** Local user: the only origin undo/redo may target. */
+  readonly localOrigin: () => CommandOrigin;
+  readonly limit: () => number;
+  /** Memory budget of the stack in bytes (sum of `sizeBytes`). */
+  readonly budgetBytes: () => number;
+  readonly mergeWindowMs: () => number;
+  readonly now?: () => number;
+}
+
+export interface StackState {
+  readonly past: readonly HistoryEntry[];
+  readonly future: readonly HistoryEntry[];
+  readonly canUndo: boolean;
+  readonly canRedo: boolean;
+  readonly dirty: boolean;
+}
+
+export type InvalidationReason = 'external-change' | 'invalid-command' | 'manual';
+
+/** Collects commands of a transaction; `push` executes a command inside the transaction. */
+export interface Transaction {
+  push(command: HistoryCommand): Promise<void>;
+  transaction<T>(label: string, fn: (tx: Transaction) => Promise<T>): Promise<T>;
+}
diff --git a/packages/history/src/stack/index.ts b/packages/history/src/stack/index.ts
new file mode 100644
index 00000000..2d040bf5
--- /dev/null
+++ b/packages/history/src/stack/index.ts
@@ -0,0 +1,2 @@
+export * from './history-stack.type';
+export * from './history-stack';
diff --git a/packages/history/test/file/apply-text-edits.spec.ts b/packages/history/test/file/apply-text-edits.spec.ts
new file mode 100644
index 00000000..5780254c
--- /dev/null
+++ b/packages/history/test/file/apply-text-edits.spec.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+
+import { applyTextEdits } from '../../src';
+
+describe('applyTextEdits', () => {
+  it('applies unordered edits and returns their inverse', () => {
+    const source = 'const a = 1;\nconst b = 2;\n';
+    const { text, inverse } = applyTextEdits(source, [
+      { start: 23, end: 24, text: '20' },
+      { start: 10, end: 11, text: '10' },
+    ]);
+    expect(text).toBe('const a = 10;\nconst b = 20;\n');
+    expect(applyTextEdits(text, inverse).text).toBe(source);
+    expect(() =>
+      applyTextEdits(source, [
+        { start: 0, end: 5, text: '' },
+        { start: 3, end: 6, text: '' },
+      ]),
+    ).toThrow(/Overlapping/);
+  });
+});
diff --git a/packages/history/test/fixtures/history.ts b/packages/history/test/fixtures/history.ts
new file mode 100644
index 00000000..7533a6bf
--- /dev/null
+++ b/packages/history/test/fixtures/history.ts
@@ -0,0 +1,34 @@
+import { ObservableValue } from '@nanoforge-dev/editor-kernel';
+import { type HistoryCommand, HistoryService } from '../../src';
+
+/** A value with undoable "set" commands. */
+export const cell = (initial: number) => {
+  const state = { value: initial };
+  const set = (value: number, extra: Partial<HistoryCommand> = {}): HistoryCommand => {
+    let previous = 0;
+    return {
+      label: `set ${value}`,
+      do: () => {
+        previous = state.value;
+        state.value = value;
+      },
+      undo: () => {
+        state.value = previous;
+      },
+      ...extra,
+    };
+  };
+  return { state, set };
+};
+
+export const setup = (options: { limit?: number; now?: () => number; budgetBytes?: number } = {}) => {
+  const limit = new ObservableValue(options.limit ?? 100);
+  const history = new HistoryService({
+    limit,
+    mergeWindowMs: new ObservableValue(500),
+    ...(options.now && { now: options.now }),
+    ...(options.budgetBytes !== undefined && { budgetBytes: options.budgetBytes }),
+  });
+  const context = history.registerContext({ id: 'scene', label: 'Scene' });
+  return { history, context, stack: context.stack, limit };
+};
diff --git a/packages/history/test/service/history-service.spec.ts b/packages/history/test/service/history-service.spec.ts
new file mode 100644
index 00000000..6180e0d0
--- /dev/null
+++ b/packages/history/test/service/history-service.spec.ts
@@ -0,0 +1,115 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { type HistoryCommand, HistoryService } from '../../src';
+import { cell, setup } from '../fixtures/history';
+
+describe('history panel support', () => {
+  it('jumps to any step, backward and forward', async () => {
+    const { context, history } = setup();
+    const { state, set } = cell(0);
+    for (const value of [1, 2, 3, 4]) await context.stack.push(set(value));
+    const ids = context.stack.state.past.map((entry) => entry.id);
+
+    await history.goTo('scene', ids[1]!);
+    expect(state.value).toBe(2);
+    expect(context.stack.state.future).toHaveLength(2);
+
+    await history.goTo('scene', ids[3]!);
+    expect(state.value).toBe(4);
+    await history.goTo('scene', 0);
+    expect(state.value).toBe(0);
+
+    await history.clear('scene');
+    expect(context.stack.state.past).toHaveLength(0);
+    expect(context.stack.state.future).toHaveLength(0);
+  });
+
+  it('exposes the steps of transactions', async () => {
+    const { context } = setup();
+    const { set } = cell(0);
+    await context.stack.transaction('Drag', async (tx) => {
+      await tx.push(set(1));
+      await tx.push(set(2));
+    });
+    expect(context.stack.state.past[0]!.command.children?.map((child) => child.label)).toEqual([
+      'set 1',
+      'set 2',
+    ]);
+  });
+
+  it('keeps serializable histories of matching contexts across reloads', async () => {
+    const saved = new Map<string, unknown>();
+    const store = {
+      load: async (id: string) => saved.get(id) as never,
+      save: async (id: string, entries: unknown) => void saved.set(id, entries),
+    };
+    const values = { current: 0 };
+    const command = (value: number, previous: number): HistoryCommand => ({
+      label: `set ${value}`,
+      do: () => void (values.current = value),
+      undo: () => void (values.current = previous),
+      serialize: () => ({ type: 'set', label: `set ${value}`, data: { value, previous } }),
+    });
+
+    const first = new HistoryService();
+    first.persist((id) => id.startsWith('file:'), store);
+    const context = first.registerContext({ id: 'file:a.ts', label: 'a.ts' });
+    await context.stack.push(command(1, 0));
+    await context.stack.push(command(2, 1));
+    await vi.waitFor(() => expect(saved.get('file:a.ts')).toHaveLength(2));
+    first.dispose();
+
+    const second = new HistoryService();
+    second.registerDeserializer('set', (data) => {
+      const { value, previous } = data as { value: number; previous: number };
+      return command(value, previous);
+    });
+    second.persist((id) => id.startsWith('file:'), store);
+    const restored = second.registerContext({ id: 'file:a.ts', label: 'a.ts' });
+    await vi.waitFor(() => expect(restored.stack.state.past).toHaveLength(2));
+    await restored.stack.undo();
+    expect(values.current).toBe(1);
+    const other = second.registerContext({ id: 'layout', label: 'Layout' });
+    await other.stack.push(command(9, 0));
+    await new Promise((resolve) => setTimeout(resolve, 400));
+    expect(saved.has('layout')).toBe(false);
+  });
+
+  it('restores under an edit made while loading, and saves pending steps on dispose', async () => {
+    const saved = new Map<string, unknown>();
+    let release!: () => void;
+    const loading = new Promise<void>((resolve) => (release = resolve));
+    const values = { current: 0 };
+    const command = (value: number, previous: number): HistoryCommand => ({
+      label: `set ${value}`,
+      do: () => void (values.current = value),
+      undo: () => void (values.current = previous),
+      serialize: () => ({ type: 'set', label: `set ${value}`, data: { value, previous } }),
+    });
+    saved.set('file:a.ts', [
+      { command: command(1, 0).serialize!(), origin: { kind: 'local', id: 'local' }, time: 1 },
+    ]);
+    const store = {
+      load: async (id: string) => {
+        await loading;
+        return saved.get(id) as never;
+      },
+      save: async (id: string, entries: unknown) => void saved.set(id, entries),
+    };
+    const service = new HistoryService();
+    service.registerDeserializer('set', (data) => {
+      const { value, previous } = data as { value: number; previous: number };
+      return command(value, previous);
+    });
+    service.persist((id) => id.startsWith('file:'), store);
+    const context = service.registerContext({ id: 'file:a.ts', label: 'a.ts' });
+    values.current = 1;
+    await context.stack.push(command(2, 1));
+    release();
+    await vi.waitFor(() => expect(context.stack.state.past).toHaveLength(2));
+    await context.stack.push(command(3, 2));
+    context.dispose();
+    expect(saved.get('file:a.ts')).toHaveLength(3);
+    await service.undo('file:a.ts');
+  });
+});
diff --git a/packages/history/test/service/undo-target.spec.ts b/packages/history/test/service/undo-target.spec.ts
new file mode 100644
index 00000000..4b17f855
--- /dev/null
+++ b/packages/history/test/service/undo-target.spec.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest';
+
+import { CommandRegistry, Container, ContextKeyService } from '@nanoforge-dev/editor-kernel';
+
+import {
+  HISTORY_CONTEXT_KEY,
+  HistoryService,
+  TEXT_INPUT_FOCUS_KEY,
+  registerHistoryCommands,
+} from '../../src';
+import { cell } from '../fixtures/history';
+
+describe('undo routing', () => {
+  it('targets the focused context and leaves text inputs to the browser', async () => {
+    const history = new HistoryService();
+    const scene = history.registerContext({ id: 'scene', label: 'Scene' }).stack;
+    const layout = history.registerContext({ id: 'layout', label: 'Layout' }).stack;
+    const a = cell(0);
+    const b = cell(0);
+    await scene.push(a.set(1));
+    await layout.push(b.set(1));
+
+    const context = new ContextKeyService();
+    const commands = new CommandRegistry(new Container(), context);
+    registerHistoryCommands(commands, context, history);
+
+    context.set(HISTORY_CONTEXT_KEY, 'layout');
+    expect(await commands.execute('history.undo')).toBe(true);
+    expect([a.state.value, b.state.value]).toEqual([1, 0]);
+
+    context.set(TEXT_INPUT_FOCUS_KEY, true);
+    /** Native undo. */
+    expect(await commands.execute('history.undo')).toBe(false);
+    context.set(TEXT_INPUT_FOCUS_KEY, false);
+    context.set(HISTORY_CONTEXT_KEY, 'scene');
+    await commands.execute('history.undo');
+    expect(a.state.value).toBe(0);
+    context.delete(HISTORY_CONTEXT_KEY);
+    expect(await commands.execute('history.redo')).toBe(false);
+  });
+
+  it('falls back to a default context when the focused widget has none', async () => {
+    const history = new HistoryService();
+    const layout = history.registerContext({ id: 'layout', label: 'Layout' }).stack;
+    const value = cell(0);
+    await layout.push(value.set(3));
+    const context = new ContextKeyService();
+    const commands = new CommandRegistry(new Container(), context);
+    registerHistoryCommands(commands, context, history, { fallbackContext: 'layout' });
+    await commands.execute('history.undo');
+    expect(value.state.value).toBe(0);
+  });
+});
diff --git a/packages/history/test/stack/history-stack.spec.ts b/packages/history/test/stack/history-stack.spec.ts
new file mode 100644
index 00000000..8898a8ea
--- /dev/null
+++ b/packages/history/test/stack/history-stack.spec.ts
@@ -0,0 +1,260 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { type HistoryCommand, compositeCommand } from '../../src';
+import { cell, setup } from '../fixtures/history';
+
+describe('HistoryStack', () => {
+  it('undoes and redoes, and a new change drops the redo steps', async () => {
+    const { stack } = setup();
+    const { state, set } = cell(0);
+    await stack.push(set(1));
+    await stack.push(set(2));
+    await stack.undo();
+    expect(state.value).toBe(1);
+    await stack.redo();
+    expect(state.value).toBe(2);
+    await stack.undo();
+    await stack.push(set(5));
+    expect(stack.state.canRedo).toBe(false);
+    await stack.undo();
+    expect(state.value).toBe(1);
+  });
+
+  it('trims to the limit, live when the setting changes', async () => {
+    const { stack, limit } = setup({ limit: 3 });
+    const { state, set } = cell(0);
+    const disposed = vi.fn();
+    for (let i = 1; i <= 5; i++) await stack.push(set(i, { dispose: disposed }));
+    expect(stack.state.past).toHaveLength(3);
+    expect(disposed).toHaveBeenCalledTimes(2);
+    limit.set(1);
+    await stack.trim();
+    expect(stack.state.past).toHaveLength(1);
+    while (await stack.undo());
+    expect(state.value).toBe(4);
+  });
+
+  it('trims to the memory budget', async () => {
+    const { stack } = setup({ budgetBytes: 1000 });
+    const { set } = cell(0);
+    for (let i = 1; i <= 5; i++) await stack.push(set(i, { sizeBytes: 400 }));
+    expect(stack.state.past.map((entry) => entry.command.label)).toEqual(['set 4', 'set 5']);
+  });
+
+  it('merges same-key changes within the merge window only', async () => {
+    let now = 0;
+    const { stack } = setup({ now: () => now });
+    const { state, set } = cell(0);
+    await stack.push(set(1, { mergeKey: 'x' }));
+    now = 300;
+    await stack.push(set(2, { mergeKey: 'x' }));
+    now = 700;
+    await stack.push(set(3, { mergeKey: 'x' }));
+    now = 1500;
+    /** Too late: new step. */
+    await stack.push(set(4, { mergeKey: 'x' }));
+    expect(stack.state.past).toHaveLength(2);
+    await stack.undo();
+    expect(state.value).toBe(3);
+    await stack.undo();
+    expect(state.value).toBe(0);
+    await stack.redo();
+    expect(state.value).toBe(3);
+  });
+
+  it('groups transactions and rolls back nested failures', async () => {
+    const { stack } = setup();
+    const a = cell(0);
+    const b = cell(0);
+    await stack.transaction('move', async (tx) => {
+      await tx.push(a.set(1));
+      await tx.transaction('inner', async (inner) => inner.push(b.set(1)));
+    });
+    expect(stack.state.past).toHaveLength(1);
+    await expect(
+      stack.transaction('broken', async (tx) => {
+        await tx.push(a.set(2));
+        await tx.transaction('inner', async (inner) => {
+          await inner.push(b.set(2));
+          throw new Error('boom');
+        });
+      }),
+    ).rejects.toThrow('boom');
+    expect([a.state.value, b.state.value]).toEqual([1, 1]);
+    expect(stack.state.past).toHaveLength(1);
+    await stack.undo();
+    expect([a.state.value, b.state.value]).toEqual([0, 0]);
+  });
+
+  it('adds pushes made through the stack during a transaction to it', async () => {
+    const { stack } = setup();
+    const a = cell(0);
+    const b = cell(0);
+    const c = cell(0);
+    await stack.transaction('move', async (tx) => {
+      await tx.push(a.set(1));
+      await stack.push(b.set(1));
+      await stack.transaction('nested', async (inner) => inner.push(c.set(1)));
+    });
+    expect(stack.state.past).toHaveLength(1);
+    await expect(
+      stack.transaction('broken', async () => {
+        await stack.push(a.set(2));
+        throw new Error('boom');
+      }),
+    ).rejects.toThrow('boom');
+    expect(a.state.value).toBe(1);
+    await stack.undo();
+    expect([a.state.value, b.state.value, c.state.value]).toEqual([0, 0, 0]);
+  });
+
+  it('runs async operations in order', async () => {
+    const { stack } = setup();
+    const log: string[] = [];
+    const slow = (name: string, ms: number): HistoryCommand => ({
+      label: name,
+      do: () =>
+        new Promise<void>((resolve) => setTimeout(() => (log.push(`do ${name}`), resolve()), ms)),
+      undo: () => void log.push(`undo ${name}`),
+    });
+    await Promise.all([
+      stack.push(slow('a', 30)),
+      stack.push(slow('b', 0)),
+      stack.undo(),
+      stack.redo(),
+    ]);
+    expect(log).toEqual(['do a', 'do b', 'undo b', 'do b']);
+  });
+
+  it('never undoes changes of other origins', async () => {
+    const { stack } = setup();
+    const mine = cell(0);
+    const theirs = cell(0);
+    await stack.push(mine.set(1));
+    theirs.set(7).do();
+    await stack.record({ ...theirs.set(7), origin: { kind: 'remote', id: 'bob' } });
+    expect(stack.state.past.map((entry) => entry.undoable)).toEqual([true, false]);
+    await stack.undo();
+    expect([mine.state.value, theirs.state.value]).toEqual([0, 7]);
+    expect(stack.state.canUndo).toBe(false);
+  });
+
+  it('tracks the savepoint for dirty state', async () => {
+    const { stack } = setup();
+    const { set } = cell(0);
+    expect(stack.state.dirty).toBe(false);
+    await stack.push(set(1));
+    stack.markSaved();
+    expect(stack.state.dirty).toBe(false);
+    await stack.push(set(2));
+    expect(stack.state.dirty).toBe(true);
+    await stack.undo();
+    expect(stack.state.dirty).toBe(false);
+  });
+
+  it('drops the history when a command is no longer valid', async () => {
+    const { history, stack } = setup();
+    const invalidated = vi.fn();
+    history.onDidInvalidate(invalidated);
+    const { state, set } = cell(0);
+    await stack.push(set(1, { isValid: () => false }));
+    expect(await stack.undo()).toBe(false);
+    expect(state.value).toBe(1);
+    expect(stack.state.past).toHaveLength(0);
+    expect(invalidated).toHaveBeenCalledWith({ contextId: 'scene', reason: 'invalid-command' });
+  });
+
+  it('undoes a merged step entirely, the last change first', async () => {
+    const { stack } = setup();
+    const text = { value: '' };
+    const insert = (chars: string): HistoryCommand => ({
+      label: 'type',
+      mergeKey: 'typing',
+      do: () => void (text.value += chars),
+      undo: () => void (text.value = text.value.slice(0, -chars.length)),
+    });
+    await stack.push(insert('ab'));
+    await stack.push(insert('cd'));
+    expect(stack.state.past).toHaveLength(1);
+    await stack.undo();
+    expect(text.value).toBe('');
+    await stack.redo();
+    expect(text.value).toBe('abcd');
+  });
+
+  it('reverts the parts of a group already applied when one fails', async () => {
+    const { stack } = setup();
+    const { state, set } = cell(0);
+    const failing: HistoryCommand = {
+      label: 'fail',
+      do: () => Promise.reject(new Error('disk full')),
+      undo: () => undefined,
+    };
+    await expect(stack.push(compositeCommand('move', [set(1), failing]))).rejects.toThrow(
+      'disk full',
+    );
+    expect(state.value).toBe(0);
+    expect(stack.state.past).toHaveLength(0);
+  });
+  describe('steps made of several edits of one document', () => {
+    /** A document and its edits, valid in the text they last left (as `DocumentService`'s). */
+    const doc = () => {
+      const file = { text: '' };
+      const append = (chars: string, extra: Partial<HistoryCommand> = {}): HistoryCommand => {
+        let expected = '';
+        const run = (text: string) => {
+          file.text = text;
+          expected = text;
+        };
+        return {
+          label: `append ${chars}`,
+          do: () => run(file.text + chars),
+          undo: () => run(file.text.slice(0, -chars.length)),
+          isValid: () => file.text === expected,
+          ...extra,
+        };
+      };
+      return { file, append };
+    };
+
+    it('undoes and redoes a transaction that edits the same document twice', async () => {
+      const { stack } = setup();
+      const { file, append } = doc();
+      await stack.transaction('two edits', async (tx) => {
+        await tx.push(append('a'));
+        await tx.push(append('b'));
+      });
+      expect(await stack.undo()).toBe(true);
+      expect(file.text).toBe('');
+      expect(await stack.redo()).toBe(true);
+      expect(file.text).toBe('ab');
+      expect(await stack.undo()).toBe(true);
+      expect(file.text).toBe('');
+    });
+
+    it('undoes merged edits of one document', async () => {
+      const { stack } = setup();
+      const { file, append } = doc();
+      await stack.push(append('a', { mergeKey: 'typing' }));
+      await stack.push(append('b', { mergeKey: 'typing' }));
+      await stack.push(append('c', { mergeKey: 'typing' }));
+      expect(stack.state.past).toHaveLength(1);
+      expect(await stack.undo()).toBe(true);
+      expect(file.text).toBe('');
+      expect(await stack.redo()).toBe(true);
+      expect(file.text).toBe('abc');
+    });
+
+    it('drops the step, leaving the text as it was, when a part of it changed since', async () => {
+      const { stack } = setup();
+      const other = doc();
+      const { file, append } = doc();
+      await stack.push(compositeCommand('edits', [append('a'), other.append('x')]));
+      file.text = 'a by hand';
+      expect(await stack.undo()).toBe(false);
+      expect(file.text).toBe('a by hand');
+      expect(other.file.text).toBe('x');
+      expect(stack.state.past).toHaveLength(0);
+    });
+  });
+});
diff --git a/packages/history/tsconfig.json b/packages/history/tsconfig.json
new file mode 100644
index 00000000..888918d9
--- /dev/null
+++ b/packages/history/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/kernel/.prettierignore b/packages/kernel/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/kernel/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/kernel/LICENSE b/packages/kernel/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/kernel/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/kernel/README.md b/packages/kernel/README.md
new file mode 100644
index 00000000..6de73bba
--- /dev/null
+++ b/packages/kernel/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/kernel"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fkernel" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-kernel` is an internal package of the NanoForge Editor.
+
+Plugin kernel: DI, disposables, events, extension points, commands, context keys, plugin host.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/kernel
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/kernel/package.json b/packages/kernel/package.json
new file mode 100644
index 00000000..a92f6e0f
--- /dev/null
+++ b/packages/kernel/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-kernel",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Plugin kernel: DI, disposables, events, extension points, commands, context keys, plugin host",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/kernel"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "generate:schema": "bun ./scripts/generate-schema.ts"
+  },
+  "dependencies": {
+    "semver": "catalog:libs",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@types/semver": "catalog:libs",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/kernel/schemas/plugin.schema.json b/packages/kernel/schemas/plugin.schema.json
new file mode 100644
index 00000000..95e5a8a2
--- /dev/null
+++ b/packages/kernel/schemas/plugin.schema.json
@@ -0,0 +1,222 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "$schema": {
+      "type": "string"
+    },
+    "type": {
+      "type": "string",
+      "const": "plugin"
+    },
+    "name": {
+      "type": "string",
+      "pattern": "^@[a-z0-9][a-z0-9-]*\\/[a-z0-9][a-z0-9-]*$"
+    },
+    "version": {
+      "type": "string"
+    },
+    "displayName": {
+      "type": "string",
+      "minLength": 1
+    },
+    "description": {
+      "type": "string"
+    },
+    "tags": {
+      "default": [],
+      "type": "array",
+      "items": {
+        "type": "string"
+      }
+    },
+    "icon": {
+      "type": "string",
+      "minLength": 1
+    },
+    "license": {
+      "type": "string"
+    },
+    "repository": {
+      "type": "string"
+    },
+    "engines": {
+      "type": "object",
+      "properties": {
+        "editor": {
+          "type": "string"
+        }
+      },
+      "required": ["editor"]
+    },
+    "dependencies": {
+      "anyOf": [
+        {
+          "type": "array",
+          "items": {
+            "type": "string",
+            "pattern": "^@[a-z0-9][a-z0-9-]*\\/[a-z0-9][a-z0-9-]*$"
+          }
+        },
+        {
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "pattern": "^@[a-z0-9][a-z0-9-]*\\/[a-z0-9][a-z0-9-]*$"
+          },
+          "additionalProperties": {
+            "type": "string"
+          }
+        }
+      ]
+    },
+    "optionalDependencies": {
+      "anyOf": [
+        {
+          "type": "array",
+          "items": {
+            "type": "string",
+            "pattern": "^@[a-z0-9][a-z0-9-]*\\/[a-z0-9][a-z0-9-]*$"
+          }
+        },
+        {
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "pattern": "^@[a-z0-9][a-z0-9-]*\\/[a-z0-9][a-z0-9-]*$"
+          },
+          "additionalProperties": {
+            "type": "string"
+          }
+        }
+      ]
+    },
+    "engineLibs": {
+      "default": {
+        "required": {},
+        "optional": {}
+      },
+      "type": "object",
+      "properties": {
+        "required": {
+          "default": {},
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "minLength": 1
+          },
+          "additionalProperties": {
+            "type": "string"
+          }
+        },
+        "optional": {
+          "default": {},
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "minLength": 1
+          },
+          "additionalProperties": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "entry": {
+      "type": "object",
+      "properties": {
+        "client": {
+          "type": "string",
+          "minLength": 1
+        },
+        "server": {
+          "type": "string",
+          "minLength": 1
+        },
+        "worker": {
+          "type": "string",
+          "minLength": 1
+        }
+      }
+    },
+    "activation": {
+      "default": ["onStartup"],
+      "type": "array",
+      "items": {
+        "type": "string",
+        "pattern": "^(onStartup|on(Command|Screen|Widget|ProjectType|Language|Uri):.+)$"
+      }
+    },
+    "contributes": {
+      "default": {
+        "commands": []
+      },
+      "type": "object",
+      "properties": {
+        "commands": {
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "id": {
+                "type": "string",
+                "minLength": 1
+              },
+              "title": {
+                "type": "string",
+                "minLength": 1
+              },
+              "category": {
+                "type": "string"
+              },
+              "icon": {
+                "type": "string"
+              },
+              "when": {
+                "type": "string"
+              },
+              "palette": {
+                "type": "boolean"
+              }
+            },
+            "required": ["id", "title"]
+          }
+        },
+        "itemOwner": {
+          "type": "object",
+          "properties": {
+            "schema": {
+              "type": "integer",
+              "exclusiveMinimum": 0,
+              "maximum": 9007199254740991
+            },
+            "tags": {
+              "default": [],
+              "type": "array",
+              "items": {
+                "type": "string",
+                "pattern": "^[a-z][A-Za-z0-9]*$"
+              }
+            }
+          },
+          "required": ["schema"]
+        }
+      },
+      "additionalProperties": {}
+    },
+    "build": {
+      "default": {},
+      "type": "object",
+      "properties": {
+        "svelte": {
+          "type": "string"
+        },
+        "sdk": {
+          "type": "string"
+        }
+      }
+    }
+  },
+  "required": ["type", "name", "version", "engines", "entry"]
+}
diff --git a/packages/kernel/scripts/generate-schema.ts b/packages/kernel/scripts/generate-schema.ts
new file mode 100644
index 00000000..732aab8c
--- /dev/null
+++ b/packages/kernel/scripts/generate-schema.ts
@@ -0,0 +1,7 @@
+import { writeFileSync } from 'node:fs';
+
+import { pluginManifestJsonSchema } from '../src/plugin/plugin-manifest';
+
+const target = new URL('../schemas/plugin.schema.json', import.meta.url);
+writeFileSync(target, `${JSON.stringify(pluginManifestJsonSchema(), null, 2)}\n`);
+console.log(`Wrote ${target.pathname}`);
diff --git a/packages/kernel/src/command/command-not-found.exception.ts b/packages/kernel/src/command/command-not-found.exception.ts
new file mode 100644
index 00000000..0b856756
--- /dev/null
+++ b/packages/kernel/src/command/command-not-found.exception.ts
@@ -0,0 +1,6 @@
+export class CommandNotFoundError extends Error {
+  constructor(readonly id: string) {
+    super(`Command "${id}" not found`);
+    this.name = 'CommandNotFoundError';
+  }
+}
diff --git a/packages/kernel/src/command/command-precondition.exception.ts b/packages/kernel/src/command/command-precondition.exception.ts
new file mode 100644
index 00000000..7e54898a
--- /dev/null
+++ b/packages/kernel/src/command/command-precondition.exception.ts
@@ -0,0 +1,9 @@
+export class CommandPreconditionError extends Error {
+  constructor(
+    readonly id: string,
+    readonly when: string,
+  ) {
+    super(`Command "${id}" is not enabled (${when})`);
+    this.name = 'CommandPreconditionError';
+  }
+}
diff --git a/packages/kernel/src/command/command-registry.ts b/packages/kernel/src/command/command-registry.ts
new file mode 100644
index 00000000..0d1d2b88
--- /dev/null
+++ b/packages/kernel/src/command/command-registry.ts
@@ -0,0 +1,84 @@
+import type { ContextKeyService } from '../context/context-key-service';
+import { parseWhen } from '../context/parse-when';
+import type { ServiceAccessor } from '../di/container.type';
+import { Emitter, type Event } from '../event/emitter';
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import { CommandNotFoundError } from './command-not-found.exception';
+import { CommandPreconditionError } from './command-precondition.exception';
+import type { CommandActivator, CommandDescriptor, CommandExecution } from './command.type';
+
+export class CommandRegistry implements Disposable {
+  private readonly _commands = new Map<string, CommandDescriptor>();
+  private readonly _onDidRegister = new Emitter<string>();
+  private readonly _onDidExecute = new Emitter<CommandExecution>();
+  private _activator: CommandActivator | undefined;
+
+  readonly onDidRegister: Event<string> = this._onDidRegister.event;
+  readonly onDidExecute: Event<CommandExecution> = this._onDidExecute.event;
+
+  constructor(
+    private readonly _services: ServiceAccessor,
+    private readonly _context?: ContextKeyService,
+  ) {}
+
+  /** Hook called before running an unknown command, so its plugin can activate. */
+  setActivator(activator: CommandActivator | undefined): void {
+    this._activator = activator;
+  }
+
+  register<A extends unknown[], R>(descriptor: CommandDescriptor<A, R>): Disposable {
+    if (this._commands.has(descriptor.id)) {
+      throw new Error(`Command "${descriptor.id}" is already registered`);
+    }
+    /** Fail fast on invalid clauses. */
+    if (descriptor.when) parseWhen(descriptor.when);
+    this._commands.set(descriptor.id, descriptor as unknown as CommandDescriptor);
+    this._onDidRegister.fire(descriptor.id);
+    return toDisposable(() => {
+      if (this._commands.get(descriptor.id) === (descriptor as unknown)) {
+        this._commands.delete(descriptor.id);
+      }
+    });
+  }
+
+  has(id: string): boolean {
+    return this._commands.has(id);
+  }
+
+  get(id: string): CommandDescriptor | undefined {
+    return this._commands.get(id);
+  }
+
+  getAll(): CommandDescriptor[] {
+    return [...this._commands.values()];
+  }
+
+  isEnabled(id: string): boolean {
+    const command = this._commands.get(id);
+    return !!command && (this._context?.evaluate(command.when) ?? true);
+  }
+
+  async execute<R = unknown>(id: string, ...args: unknown[]): Promise<R> {
+    if (!this._commands.has(id) && this._activator) await this._activator(id);
+    const command = this._commands.get(id);
+    if (!command) throw new CommandNotFoundError(id);
+    if (command.when && this._context && !this._context.evaluate(command.when)) {
+      throw new CommandPreconditionError(id, command.when);
+    }
+    const start = performance.now();
+    try {
+      const result = (await command.handler(this._services, ...args)) as R;
+      this._onDidExecute.fire({ id, args, durationMs: performance.now() - start });
+      return result;
+    } catch (error) {
+      this._onDidExecute.fire({ id, args, durationMs: performance.now() - start, error });
+      throw error;
+    }
+  }
+
+  dispose(): void {
+    this._commands.clear();
+    this._onDidRegister.dispose();
+    this._onDidExecute.dispose();
+  }
+}
diff --git a/packages/kernel/src/command/command.type.ts b/packages/kernel/src/command/command.type.ts
new file mode 100644
index 00000000..e83185d6
--- /dev/null
+++ b/packages/kernel/src/command/command.type.ts
@@ -0,0 +1,40 @@
+import type { ServiceAccessor } from '../di/container.type';
+
+export type CommandHandler<A extends unknown[] = unknown[], R = unknown> = (
+  accessor: ServiceAccessor,
+  ...args: A
+) => R | Promise<R>;
+
+export interface CommandMetadata {
+  /** Human readable title (already localized, or a localization key resolved by the UI). */
+  title?: string;
+  category?: string;
+  icon?: string;
+  /** Precondition: the command can only run when this clause is true. */
+  when?: string;
+  /**
+   * `false` keeps the command out of the command palette and the keymap editor: it needs
+   * arguments (menu entries that give them are listed instead).
+   */
+  palette?: boolean;
+}
+
+export interface CommandDescriptor<
+  A extends unknown[] = unknown[],
+  R = unknown,
+> extends CommandMetadata {
+  id: string;
+  handler: CommandHandler<A, R>;
+  /** Plugin name or `core`. */
+  owner?: string;
+}
+
+export interface CommandExecution {
+  readonly id: string;
+  readonly args: readonly unknown[];
+  readonly durationMs: number;
+  readonly error?: unknown;
+}
+
+/** Resolves a lazily activated command (plugin activation on `onCommand:<id>`). */
+export type CommandActivator = (id: string) => Promise<void>;
diff --git a/packages/kernel/src/command/index.ts b/packages/kernel/src/command/index.ts
new file mode 100644
index 00000000..1a804a34
--- /dev/null
+++ b/packages/kernel/src/command/index.ts
@@ -0,0 +1,4 @@
+export * from './command.type';
+export * from './command-not-found.exception';
+export * from './command-precondition.exception';
+export * from './command-registry';
diff --git a/packages/kernel/src/context/context-key-service.ts b/packages/kernel/src/context/context-key-service.ts
new file mode 100644
index 00000000..3007f9ef
--- /dev/null
+++ b/packages/kernel/src/context/context-key-service.ts
@@ -0,0 +1,104 @@
+import { Emitter, type Event } from '../event/emitter';
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import type { Observable } from '../observable/observable';
+import { parseWhen } from './parse-when';
+import type { WhenExpression } from './when.type';
+
+export interface ContextChange {
+  readonly keys: ReadonlySet<string>;
+}
+
+/**
+ * Hierarchical key/value context used by `when` clauses (focus, active screen, selection,
+ * installed engine libs…). A scope overlays its parent: its own keys shadow the parent's, and
+ * parent changes are forwarded for keys the scope does not shadow.
+ */
+export class ContextKeyService implements Disposable {
+  private readonly _values = new Map<string, unknown>();
+  private readonly _onDidChange = new Emitter<ContextChange>();
+  private readonly _parentSubscription: Disposable | undefined;
+
+  readonly onDidChange: Event<ContextChange> = this._onDidChange.event;
+
+  constructor(
+    readonly name = 'global',
+    private readonly _parent?: ContextKeyService,
+  ) {
+    this._parentSubscription = _parent?.onDidChange(({ keys }) => {
+      const visible = new Set([...keys].filter((key) => !this._values.has(key)));
+      if (visible.size) this._onDidChange.fire({ keys: visible });
+    });
+  }
+
+  createScoped(name: string): ContextKeyService {
+    return new ContextKeyService(name, this);
+  }
+
+  get<T = unknown>(key: string): T | undefined {
+    if (this._values.has(key)) return this._values.get(key) as T;
+    return this._parent?.get<T>(key);
+  }
+
+  set(key: string, value: unknown): void {
+    if (this._values.has(key) && Object.is(this._values.get(key), value)) return;
+    this._values.set(key, value);
+    this._onDidChange.fire({ keys: new Set([key]) });
+  }
+
+  delete(key: string): void {
+    if (!this._values.delete(key)) return;
+    this._onDidChange.fire({ keys: new Set([key]) });
+  }
+
+  /** Sets a key for the lifetime of the returned disposable, then restores the previous value. */
+  bind(key: string, value: unknown): Disposable {
+    const had = this._values.has(key);
+    const previous = this._values.get(key);
+    this.set(key, value);
+    return toDisposable(() => {
+      if (had) this.set(key, previous);
+      else this.delete(key);
+    });
+  }
+
+  evaluate(when: string | WhenExpression | undefined): boolean {
+    if (when === undefined) return true;
+    const expression = typeof when === 'string' ? parseWhen(when) : when;
+    return expression.evaluate((key) => this.get(key));
+  }
+
+  /** The value of a when clause, re-evaluated only when one of its keys changes. */
+  observe(when: string | undefined): Observable<boolean> {
+    if (when === undefined) {
+      return {
+        get: () => true,
+        subscribe: (run) => {
+          run(true);
+          return () => undefined;
+        },
+      };
+    }
+    const expression = parseWhen(when);
+    return {
+      get: () => this.evaluate(expression),
+      subscribe: (run) => {
+        let current = this.evaluate(expression);
+        run(current);
+        const subscription = this.onDidChange(({ keys }) => {
+          if (![...keys].some((key) => expression.keys.has(key))) return;
+          const next = this.evaluate(expression);
+          if (next === current) return;
+          current = next;
+          run(next);
+        });
+        return () => subscription.dispose();
+      },
+    };
+  }
+
+  dispose(): void {
+    this._parentSubscription?.dispose();
+    this._onDidChange.dispose();
+    this._values.clear();
+  }
+}
diff --git a/packages/kernel/src/context/index.ts b/packages/kernel/src/context/index.ts
new file mode 100644
index 00000000..b902f88e
--- /dev/null
+++ b/packages/kernel/src/context/index.ts
@@ -0,0 +1,4 @@
+export * from './context-key-service';
+export * from './when.type';
+export * from './when-parse.exception';
+export * from './parse-when';
diff --git a/packages/kernel/src/context/parse-when.ts b/packages/kernel/src/context/parse-when.ts
new file mode 100644
index 00000000..c968f756
--- /dev/null
+++ b/packages/kernel/src/context/parse-when.ts
@@ -0,0 +1,134 @@
+import { WhenParseError } from './when-parse.exception';
+import { type Token, tokenize } from './when-tokenizer';
+import type { ContextReader, WhenExpression } from './when.type';
+
+type Node = (read: ContextReader) => boolean;
+
+const includes = (container: unknown, value: unknown): boolean => {
+  if (Array.isArray(container)) return container.includes(value);
+  if (typeof container === 'string') return typeof value === 'string' && container.includes(value);
+  if (container && typeof container === 'object') {
+    return typeof value === 'string' && Object.hasOwn(container, value);
+  }
+  return false;
+};
+
+const parse = (source: string): { node: Node; keys: Set<string> } => {
+  const tokens = tokenize(source);
+  const keys = new Set<string>();
+  let index = 0;
+  const peek = () => tokens[index]!;
+  const next = () => tokens[index++]!;
+  const fail = (token: Token, message: string): never => {
+    throw new WhenParseError(source, token.pos, message);
+  };
+  const isOp = (token: Token, value: string) => token.kind === 'op' && token.value === value;
+
+  const parseOr = (): Node => {
+    let left = parseAnd();
+    while (isOp(peek(), '||')) {
+      next();
+      const l = left;
+      const r = parseAnd();
+      left = (read) => l(read) || r(read);
+    }
+    return left;
+  };
+
+  const parseAnd = (): Node => {
+    let left = parseUnary();
+    while (isOp(peek(), '&&')) {
+      next();
+      const l = left;
+      const r = parseUnary();
+      left = (read) => l(read) && r(read);
+    }
+    return left;
+  };
+
+  const parseUnary = (): Node => {
+    if (isOp(peek(), '!')) {
+      next();
+      const operand = parseUnary();
+      return (read) => !operand(read);
+    }
+    return parsePrimary();
+  };
+
+  const parseValue = (): unknown => {
+    const token = next();
+    switch (token.kind) {
+      case 'string':
+      case 'number':
+      case 'bool':
+        return token.value;
+      case 'key':
+        return token.value;
+      default:
+        return fail(token, 'expected a value');
+    }
+  };
+
+  const parsePrimary = (): Node => {
+    const token = next();
+    if (isOp(token, '(')) {
+      const inner = parseOr();
+      if (!isOp(next(), ')')) fail(tokens[index - 1]!, 'expected ")"');
+      return inner;
+    }
+    if (token.kind === 'bool') {
+      const value = token.value;
+      return () => value;
+    }
+    if (token.kind !== 'key') return fail(token, 'expected a context key');
+
+    const key = token.value;
+    keys.add(key);
+    const operator = peek();
+    if (isOp(operator, '==') || isOp(operator, '!=')) {
+      next();
+      const expected = parseValue();
+      const negate = operator.kind === 'op' && operator.value === '!=';
+      return (read) => {
+        const actual = read(key);
+        const equal = actual === expected || String(actual) === String(expected);
+        return negate ? !equal : equal;
+      };
+    }
+    if (isOp(operator, '=~')) {
+      next();
+      const regex = next();
+      if (regex.kind !== 'regex') return fail(regex, 'expected a regular expression');
+      const pattern = regex.value;
+      return (read) => {
+        const actual = read(key);
+        return typeof actual === 'string' && pattern.test(actual);
+      };
+    }
+    if (isOp(operator, 'in')) {
+      next();
+      const container = next();
+      if (container.kind !== 'key') return fail(container, 'expected a context key after "in"');
+      keys.add(container.value);
+      return (read) => includes(read(container.value), read(key));
+    }
+    return (read) => Boolean(read(key));
+  };
+
+  const node = parseOr();
+  const end = peek();
+  if (end.kind !== 'end') fail(end, 'unexpected token');
+  return { node, keys };
+};
+
+const cache = new Map<string, WhenExpression>();
+
+/** Parses (and caches) a when clause. Throws `WhenParseError` on invalid syntax. */
+export const parseWhen = (source: string): WhenExpression => {
+  const cached = cache.get(source);
+  if (cached) return cached;
+  const { node, keys } = parse(source);
+  const expression: WhenExpression = { source, keys, evaluate: node };
+  cache.set(source, expression);
+  return expression;
+};
diff --git a/packages/kernel/src/context/when-parse.exception.ts b/packages/kernel/src/context/when-parse.exception.ts
new file mode 100644
index 00000000..55fa9ccf
--- /dev/null
+++ b/packages/kernel/src/context/when-parse.exception.ts
@@ -0,0 +1,10 @@
+export class WhenParseError extends Error {
+  constructor(
+    readonly source: string,
+    readonly position: number,
+    message: string,
+  ) {
+    super(`Invalid when clause "${source}" at ${position}: ${message}`);
+    this.name = 'WhenParseError';
+  }
+}
diff --git a/packages/kernel/src/context/when-tokenizer.ts b/packages/kernel/src/context/when-tokenizer.ts
new file mode 100644
index 00000000..2c824d40
--- /dev/null
+++ b/packages/kernel/src/context/when-tokenizer.ts
@@ -0,0 +1,84 @@
+import { WhenParseError } from './when-parse.exception';
+
+export type Token =
+  | { kind: 'op'; value: '(' | ')' | '!' | '&&' | '||' | '==' | '!=' | '=~' | 'in'; pos: number }
+  | { kind: 'key'; value: string; pos: number }
+  | { kind: 'string'; value: string; pos: number }
+  | { kind: 'number'; value: number; pos: number }
+  | { kind: 'bool'; value: boolean; pos: number }
+  | { kind: 'regex'; value: RegExp; pos: number }
+  | { kind: 'end'; pos: number };
+
+const KEY_START = /[A-Za-z_@$]/;
+const KEY_CHAR = /[\w.:@/$-]/;
+
+export const tokenize = (source: string): Token[] => {
+  const tokens: Token[] = [];
+  const fail = (pos: number, message: string): never => {
+    throw new WhenParseError(source, pos, message);
+  };
+  let i = 0;
+  while (i < source.length) {
+    const char = source[i]!;
+    const two = source.slice(i, i + 2);
+    if (/\s/.test(char)) {
+      i++;
+    } else if (two === '&&' || two === '||' || two === '==' || two === '!=') {
+      tokens.push({ kind: 'op', value: two, pos: i });
+      i += 2;
+    } else if (two === '=~') {
+      tokens.push({ kind: 'op', value: '=~', pos: i });
+      i += 2;
+      while (/\s/.test(source[i] ?? '')) i++;
+      if (source[i] !== '/') fail(i, 'expected a regular expression after =~');
+      const start = i++;
+      let pattern = '';
+      while (i < source.length && source[i] !== '/') {
+        if (source[i] === '\\') pattern += source[i++];
+        pattern += source[i++] ?? '';
+      }
+      if (source[i] !== '/') fail(start, 'unterminated regular expression');
+      i++;
+      let flags = '';
+      while (/[a-z]/.test(source[i] ?? '')) flags += source[i++];
+      flags = flags.replace(/[gy]/g, '');
+      try {
+        tokens.push({ kind: 'regex', value: new RegExp(pattern, flags), pos: start });
+      } catch (error) {
+        fail(start, String(error));
+      }
+    } else if (char === '(' || char === ')' || char === '!') {
+      tokens.push({ kind: 'op', value: char, pos: i++ });
+    } else if (char === "'" || char === '"') {
+      const start = i++;
+      let value = '';
+      while (i < source.length && source[i] !== char) {
+        if (source[i] === '\\') i++;
+        value += source[i++] ?? '';
+      }
+      if (source[i] !== char) fail(start, 'unterminated string');
+      i++;
+      tokens.push({ kind: 'string', value, pos: start });
+    } else if (/[\d-]/.test(char)) {
+      const match = /^-?\d+(\.\d+)?/.exec(source.slice(i));
+      if (!match) fail(i, `unexpected "${char}"`);
+      tokens.push({ kind: 'number', value: Number(match![0]), pos: i });
+      i += match![0].length;
+    } else if (KEY_START.test(char)) {
+      const start = i;
+      while (i < source.length && KEY_CHAR.test(source[i]!)) i++;
+      const word = source.slice(start, i);
+      if (word === 'true' || word === 'false') {
+        tokens.push({ kind: 'bool', value: word === 'true', pos: start });
+      } else if (word === 'in') {
+        tokens.push({ kind: 'op', value: 'in', pos: start });
+      } else {
+        tokens.push({ kind: 'key', value: word, pos: start });
+      }
+    } else {
+      fail(i, `unexpected "${char}"`);
+    }
+  }
+  tokens.push({ kind: 'end', pos: source.length });
+  return tokens;
+};
diff --git a/packages/kernel/src/context/when.type.ts b/packages/kernel/src/context/when.type.ts
new file mode 100644
index 00000000..f8cd84a1
--- /dev/null
+++ b/packages/kernel/src/context/when.type.ts
@@ -0,0 +1,20 @@
+/**
+ * `when` clause expressions, e.g.
+ * `editorFocus && screen == 'scene' && !engineLib:@nanoforge-dev/ecs`,
+ * `resourceName =~ /\.component\.ts$/`, `selection in selectableKinds`.
+ *
+ * Grammar: or := and ('||' and)* ; and := unary ('&&' unary)* ; unary := '!' unary | primary ;
+ * primary := '(' or ')' | operand (('=='|'!=') value | '=~' regex | 'in' key)?
+ * A bare word on the right of `==`/`!=` is a string, as in VS Code.
+ */
+export type ContextValue =
+  string | number | boolean | null | undefined | readonly unknown[] | object;
+
+export type ContextReader = (key: string) => unknown;
+
+export interface WhenExpression {
+  readonly source: string;
+  /** Keys read by the expression (to re-evaluate only on relevant changes). */
+  readonly keys: ReadonlySet<string>;
+  evaluate(read: ContextReader): boolean;
+}
diff --git a/packages/kernel/src/di/container.ts b/packages/kernel/src/di/container.ts
new file mode 100644
index 00000000..57481386
--- /dev/null
+++ b/packages/kernel/src/di/container.ts
@@ -0,0 +1,276 @@
+import { Emitter, type Event } from '../event/emitter';
+import {
+  type Disposable,
+  DisposableStore,
+  isDisposable,
+  toDisposable,
+} from '../lifecycle/disposable';
+import type { Observable } from '../observable/observable';
+import type {
+  ProvideOptions,
+  ServiceAccessor,
+  ServiceDecorator,
+  ServiceFactory,
+} from './container.type';
+import { CyclicDependencyError } from './cyclic-dependency.exception';
+import { ServiceNotFoundError } from './service-not-found.exception';
+import type { ServiceToken } from './service-token';
+
+interface Provider<T> {
+  readonly seq: number;
+  readonly priority: number;
+  readonly factory: ServiceFactory<T> | undefined;
+  value: T | undefined;
+  created: boolean;
+}
+
+interface Override<T> {
+  readonly seq: number;
+  readonly priority: number;
+  readonly decorate: ServiceDecorator<T>;
+}
+
+let sequence = 0;
+/** Tokens being resolved, across containers (resolution is synchronous). */
+const resolving: string[] = [];
+
+const byPriority = (a: { priority: number; seq: number }, b: { priority: number; seq: number }) =>
+  a.priority - b.priority || a.seq - b.seq;
+
+/**
+ * Hierarchical service container. A child container resolves its own providers first and falls
+ * back to its parent; overrides registered anywhere in the chain decorate the resolved service,
+ * from the root down to the requesting container.
+ */
+export class Container implements ServiceAccessor, Disposable {
+  private readonly _providers = new Map<string, Provider<unknown>[]>();
+  private readonly _overrides = new Map<string, Override<unknown>[]>();
+  private readonly _cache = new Map<string, unknown>();
+  private readonly _children = new Set<Container>();
+  /** Provider and override handles, disposed with the container. */
+  private readonly _registrations = new DisposableStore();
+  private readonly _onDidChange = new Emitter<ServiceToken<unknown>>();
+  private readonly _parentSubscription: Disposable | undefined;
+  private _disposed = false;
+
+  /** Fires when the resolution of a token may have changed (here or in an ancestor). */
+  readonly onDidChange: Event<ServiceToken<unknown>> = this._onDidChange.event;
+
+  constructor(
+    readonly name = 'root',
+    private readonly _parent?: Container,
+  ) {
+    this._parentSubscription = _parent?.onDidChange((token) => this._changed(token));
+  }
+
+  get parent(): Container | undefined {
+    return this._parent;
+  }
+
+  createChild(name: string): Container {
+    this._assertAlive();
+    const child = new Container(name, this);
+    this._children.add(child);
+    return child;
+  }
+
+  provide<T>(token: ServiceToken<T>, value: T, options: ProvideOptions = {}): Disposable {
+    return this._addProvider(token, {
+      seq: sequence++,
+      priority: options.priority ?? 0,
+      factory: undefined,
+      value,
+      created: false,
+    });
+  }
+
+  /** Registers a lazy singleton, created on first resolution with this container as accessor. */
+  provideFactory<T>(
+    token: ServiceToken<T>,
+    factory: ServiceFactory<T>,
+    options: ProvideOptions = {},
+  ): Disposable {
+    return this._addProvider(token, {
+      seq: sequence++,
+      priority: options.priority ?? 0,
+      factory,
+      value: undefined,
+      created: false,
+    });
+  }
+
+  /** Decorates the resolved service; lower priorities wrap first (closest to the base). */
+  override<T>(
+    token: ServiceToken<T>,
+    decorate: ServiceDecorator<T>,
+    options: ProvideOptions = {},
+  ): Disposable {
+    this._assertAlive();
+    const entry: Override<unknown> = {
+      seq: sequence++,
+      priority: options.priority ?? 0,
+      decorate: decorate as ServiceDecorator<unknown>,
+    };
+    const list = this._overrides.get(token.id) ?? [];
+    list.push(entry);
+    list.sort(byPriority);
+    this._overrides.set(token.id, list);
+    this._changed(token);
+    return this._track(() => {
+      const current = this._overrides.get(token.id);
+      if (!current) return;
+      current.splice(current.indexOf(entry), 1);
+      if (!current.length) this._overrides.delete(token.id);
+      this._changed(token);
+    });
+  }
+
+  has(token: ServiceToken<unknown>): boolean {
+    return this._findProvider(token.id) !== undefined;
+  }
+
+  get<T>(token: ServiceToken<T>): T {
+    this._assertAlive();
+    if (this._cache.has(token.id)) return this._cache.get(token.id) as T;
+    if (resolving.includes(token.id)) throw new CyclicDependencyError([...resolving, token.id]);
+    resolving.push(token.id);
+    try {
+      const found = this._findProvider(token.id);
+      if (!found) throw new ServiceNotFoundError(token);
+      let value = found.owner._instantiate(found.provider) as T;
+      for (const entry of this._collectOverrides(token.id)) {
+        value = (entry.decorate as ServiceDecorator<T>)(value, this);
+      }
+      this._cache.set(token.id, value);
+      return value;
+    } finally {
+      resolving.pop();
+    }
+  }
+
+  /**
+   * The service, or nothing when it is not provided or the container was disposed: code that
+   * runs during teardown (a widget's `dispose` after its plugin stopped) can still ask.
+   */
+  tryGet<T>(token: ServiceToken<T>): T | undefined {
+    if (this._disposed) return undefined;
+    return this.has(token) ? this.get(token) : undefined;
+  }
+
+  /** Every provider's instance for the token, along the chain, lowest priority first. */
+  getAll<T>(token: ServiceToken<T>): T[] {
+    this._assertAlive();
+    const entries: { provider: Provider<unknown>; owner: Container }[] = [];
+    for (const container of this._lineage()) {
+      for (const provider of container._providers.get(token.id) ?? []) {
+        entries.push({ provider, owner: container });
+      }
+    }
+    return entries
+      .sort((a, b) => byPriority(a.provider, b.provider))
+      .map(({ provider, owner }) => owner._instantiate(provider) as T);
+  }
+
+  /** The current resolution of a token, updated when providers or overrides change. */
+  observe<T>(token: ServiceToken<T>): Observable<T | undefined> {
+    return {
+      get: () => this.tryGet(token),
+      subscribe: (run) => {
+        let current = this.tryGet(token);
+        run(current);
+        const subscription = this.onDidChange((changed) => {
+          if (changed.id !== token.id) return;
+          const next = this.tryGet(token);
+          if (next === current) return;
+          current = next;
+          run(next);
+        });
+        return () => subscription.dispose();
+      },
+    };
+  }
+
+  dispose(): void {
+    if (this._disposed) return;
+    for (const child of [...this._children]) child.dispose();
+    this._disposed = true;
+    this._parent?._children.delete(this);
+    this._parentSubscription?.dispose();
+    this._registrations.dispose();
+    this._providers.clear();
+    this._overrides.clear();
+    this._cache.clear();
+    this._onDidChange.dispose();
+  }
+
+  private _addProvider<T>(token: ServiceToken<T>, provider: Provider<unknown>): Disposable {
+    this._assertAlive();
+    const list = this._providers.get(token.id) ?? [];
+    list.push(provider);
+    list.sort(byPriority);
+    this._providers.set(token.id, list);
+    this._changed(token);
+    return this._track(() => {
+      const current = this._providers.get(token.id);
+      if (!current || !current.includes(provider)) return;
+      current.splice(current.indexOf(provider), 1);
+      if (!current.length) this._providers.delete(token.id);
+      this._disposeInstance(provider);
+      this._changed(token);
+    });
+  }
+
+  private _findProvider(id: string): { provider: Provider<unknown>; owner: Container } | undefined {
+    for (const container of this._lineage()) {
+      const providers = container._providers.get(id);
+      if (providers?.length) return { provider: providers.at(-1)!, owner: container };
+    }
+    return undefined;
+  }
+
+  private _collectOverrides(id: string): Override<unknown>[] {
+    return this._lineage()
+      .reverse()
+      .flatMap((container) => container._overrides.get(id) ?? []);
+  }
+
+  private _track(remove: () => void): Disposable {
+    const handle = toDisposable(() => {
+      this._registrations.delete(handle);
+      remove();
+    });
+    return this._registrations.add(handle);
+  }
+
+  /** This container followed by its ancestors, up to the root. */
+  private _lineage(): Container[] {
+    const lineage: Container[] = [this];
+    for (let parent = this._parent; parent; parent = parent._parent) lineage.push(parent);
+    return lineage;
+  }
+
+  private _instantiate(provider: Provider<unknown>): unknown {
+    if (!provider.factory || provider.created) return provider.value;
+    provider.value = provider.factory(this);
+    provider.created = true;
+    return provider.value;
+  }
+
+  private _disposeInstance(provider: Provider<unknown>): void {
+    if (provider.factory && provider.created && isDisposable(provider.value)) {
+      provider.value.dispose();
+    }
+    provider.created = false;
+    provider.value = undefined;
+  }
+
+  private _changed(token: ServiceToken<unknown>): void {
+    if (this._disposed) return;
+    this._cache.delete(token.id);
+    this._onDidChange.fire(token);
+  }
+
+  private _assertAlive(): void {
+    if (this._disposed) throw new Error(`Container "${this.name}" is disposed`);
+  }
+}
diff --git a/packages/kernel/src/di/container.type.ts b/packages/kernel/src/di/container.type.ts
new file mode 100644
index 00000000..ee6836c5
--- /dev/null
+++ b/packages/kernel/src/di/container.type.ts
@@ -0,0 +1,15 @@
+import type { ServiceToken } from './service-token';
+
+export interface ServiceAccessor {
+  get<T>(token: ServiceToken<T>): T;
+  tryGet<T>(token: ServiceToken<T>): T | undefined;
+  getAll<T>(token: ServiceToken<T>): T[];
+}
+
+export type ServiceFactory<T> = (accessor: ServiceAccessor) => T;
+export type ServiceDecorator<T> = (inner: T, accessor: ServiceAccessor) => T;
+
+export interface ProvideOptions {
+  /** Highest priority wins; on ties the latest registration wins. Default 0. */
+  priority?: number;
+}
diff --git a/packages/kernel/src/di/cyclic-dependency.exception.ts b/packages/kernel/src/di/cyclic-dependency.exception.ts
new file mode 100644
index 00000000..3bbd160c
--- /dev/null
+++ b/packages/kernel/src/di/cyclic-dependency.exception.ts
@@ -0,0 +1,6 @@
+export class CyclicDependencyError extends Error {
+  constructor(readonly path: string[]) {
+    super(`Cyclic service dependency: ${path.join(' -> ')}`);
+    this.name = 'CyclicDependencyError';
+  }
+}
diff --git a/packages/kernel/src/di/index.ts b/packages/kernel/src/di/index.ts
new file mode 100644
index 00000000..7e7f1448
--- /dev/null
+++ b/packages/kernel/src/di/index.ts
@@ -0,0 +1,5 @@
+export * from './service-token';
+export * from './container.type';
+export * from './service-not-found.exception';
+export * from './cyclic-dependency.exception';
+export * from './container';
diff --git a/packages/kernel/src/di/service-not-found.exception.ts b/packages/kernel/src/di/service-not-found.exception.ts
new file mode 100644
index 00000000..0552e0c7
--- /dev/null
+++ b/packages/kernel/src/di/service-not-found.exception.ts
@@ -0,0 +1,8 @@
+import type { ServiceToken } from './service-token';
+
+export class ServiceNotFoundError extends Error {
+  constructor(readonly token: ServiceToken<unknown>) {
+    super(`No provider for service "${token.id}"`);
+    this.name = 'ServiceNotFoundError';
+  }
+}
diff --git a/packages/kernel/src/di/service-token.ts b/packages/kernel/src/di/service-token.ts
new file mode 100644
index 00000000..8e699697
--- /dev/null
+++ b/packages/kernel/src/di/service-token.ts
@@ -0,0 +1,8 @@
+/** Typed key of a service. `T` only exists at the type level. */
+export interface ServiceToken<T> {
+  readonly id: string;
+  /** @internal phantom type marker */
+  readonly __type?: T;
+}
+
+export const createToken = <T>(id: string): ServiceToken<T> => Object.freeze({ id });
diff --git a/packages/kernel/src/event/emitter.ts b/packages/kernel/src/event/emitter.ts
new file mode 100644
index 00000000..fccddf59
--- /dev/null
+++ b/packages/kernel/src/event/emitter.ts
@@ -0,0 +1,70 @@
+import { type Disposable, type DisposableStore, toDisposable } from '../lifecycle/disposable';
+
+export type Listener<T> = (event: T) => void;
+
+/** Subscribes a listener; the returned disposable unsubscribes it. */
+export type Event<T> = (listener: Listener<T>, disposables?: DisposableStore) => Disposable;
+
+export type ListenerErrorHandler = (error: unknown) => void;
+
+let listenerErrorHandler: ListenerErrorHandler = (error) => {
+  console.error('[nanoforge-editor] Uncaught error in event listener', error);
+};
+
+/** Sets where errors thrown by listeners are reported (they never break `fire`). */
+export const setListenerErrorHandler = (handler: ListenerErrorHandler): void => {
+  listenerErrorHandler = handler;
+};
+
+export interface EmitterOptions {
+  /** Called when the first listener subscribes (lazy upstream subscription). */
+  onFirstListenerAdd?: () => void;
+  /** Called when the last listener unsubscribes. */
+  onLastListenerRemove?: () => void;
+}
+
+export class Emitter<T> implements Disposable {
+  private _listeners = new Set<{ fn: Listener<T> }>();
+  private _disposed = false;
+  private _event: Event<T> | undefined;
+
+  constructor(private readonly _options: EmitterOptions = {}) {}
+
+  get event(): Event<T> {
+    this._event ??= (listener, disposables) => {
+      if (this._disposed) return toDisposable(() => undefined);
+      const entry = { fn: listener };
+      if (this._listeners.size === 0) this._options.onFirstListenerAdd?.();
+      this._listeners.add(entry);
+      const subscription = toDisposable(() => {
+        if (!this._listeners.delete(entry)) return;
+        if (this._listeners.size === 0) this._options.onLastListenerRemove?.();
+      });
+      disposables?.add(subscription);
+      return subscription;
+    };
+    return this._event;
+  }
+
+  get hasListeners(): boolean {
+    return this._listeners.size > 0;
+  }
+
+  fire(event: T): void {
+    for (const entry of [...this._listeners]) {
+      if (!this._listeners.has(entry)) continue;
+      try {
+        entry.fn(event);
+      } catch (error) {
+        listenerErrorHandler(error);
+      }
+    }
+  }
+
+  dispose(): void {
+    if (this._disposed) return;
+    this._disposed = true;
+    if (this._listeners.size) this._options.onLastListenerRemove?.();
+    this._listeners.clear();
+  }
+}
diff --git a/packages/kernel/src/event/event-bus.ts b/packages/kernel/src/event/event-bus.ts
new file mode 100644
index 00000000..0306e765
--- /dev/null
+++ b/packages/kernel/src/event/event-bus.ts
@@ -0,0 +1,37 @@
+import type { Disposable } from '../lifecycle/disposable';
+import { Emitter, type Listener } from './emitter';
+
+/** Maps event keys to payload types. */
+export type EventMap = object;
+
+type EventKey<M extends EventMap> = keyof M & string;
+
+/**
+ * Typed publish/subscribe channel for loosely coupled editor parts. The editor-wide map is
+ * `EditorEvents` of the SDK, which plugins extend by module augmentation.
+ */
+export class EventBus<M extends EventMap = Record<string, unknown>> implements Disposable {
+  private readonly _emitters = new Map<string, Emitter<unknown>>();
+
+  on<K extends EventKey<M>>(key: K, listener: Listener<M[K]>): Disposable {
+    return this._emitter(key).event(listener as Listener<unknown>);
+  }
+
+  emit<K extends EventKey<M>>(key: K, payload: M[K]): void {
+    this._emitters.get(key)?.fire(payload);
+  }
+
+  dispose(): void {
+    for (const emitter of this._emitters.values()) emitter.dispose();
+    this._emitters.clear();
+  }
+
+  private _emitter(key: string): Emitter<unknown> {
+    let emitter = this._emitters.get(key);
+    if (!emitter) {
+      emitter = new Emitter({ onLastListenerRemove: () => this._emitters.delete(key) });
+      this._emitters.set(key, emitter);
+    }
+    return emitter;
+  }
+}
diff --git a/packages/kernel/src/event/events.ts b/packages/kernel/src/event/events.ts
new file mode 100644
index 00000000..7bc7afc0
--- /dev/null
+++ b/packages/kernel/src/event/events.ts
@@ -0,0 +1,75 @@
+import { type Disposable, DisposableStore, toDisposable } from '../lifecycle/disposable';
+import type { Event } from './emitter';
+
+/** Combinators over `Event`. Derived events subscribe upstream lazily. */
+export const Events = {
+  None: ((): Disposable => toDisposable(() => undefined)) as Event<never>,
+
+  once<T>(event: Event<T>): Event<T> {
+    return (listener, disposables) => {
+      let fired = false;
+      const subscription = event((value) => {
+        if (fired) return;
+        fired = true;
+        subscription.dispose();
+        listener(value);
+      }, disposables);
+      if (fired) subscription.dispose();
+      return subscription;
+    };
+  },
+
+  map<T, U>(event: Event<T>, fn: (value: T) => U): Event<U> {
+    return (listener, disposables) => event((value) => listener(fn(value)), disposables);
+  },
+
+  filter<T>(event: Event<T>, predicate: (value: T) => boolean): Event<T> {
+    return (listener, disposables) =>
+      event((value) => {
+        if (predicate(value)) listener(value);
+      }, disposables);
+  },
+
+  any<T>(...events: Event<T>[]): Event<T> {
+    return (listener, disposables) => {
+      const store = new DisposableStore();
+      for (const event of events) event(listener, store);
+      disposables?.add(store);
+      return store;
+    };
+  },
+
+  /** Merges bursts of events: `merge` folds values until `delay` ms pass without a new one. */
+  debounce<T, R>(
+    event: Event<T>,
+    merge: (last: R | undefined, value: T) => R,
+    delay: number,
+  ): Event<R> {
+    return (listener, disposables) => {
+      let pending: R | undefined;
+      let timer: ReturnType<typeof setTimeout> | undefined;
+      const upstream = event((value) => {
+        pending = merge(pending, value);
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          const result = pending as R;
+          pending = undefined;
+          timer = undefined;
+          listener(result);
+        }, delay);
+      });
+      const subscription = toDisposable(() => {
+        clearTimeout(timer);
+        upstream.dispose();
+      });
+      disposables?.add(subscription);
+      return subscription;
+    };
+  },
+
+  toPromise<T>(event: Event<T>): Promise<T> {
+    return new Promise((resolve) => {
+      Events.once(event)(resolve);
+    });
+  },
+};
diff --git a/packages/kernel/src/event/index.ts b/packages/kernel/src/event/index.ts
new file mode 100644
index 00000000..8bcd45a8
--- /dev/null
+++ b/packages/kernel/src/event/index.ts
@@ -0,0 +1,3 @@
+export * from './emitter';
+export * from './events';
+export * from './event-bus';
diff --git a/packages/kernel/src/extension/contribution.exception.ts b/packages/kernel/src/extension/contribution.exception.ts
new file mode 100644
index 00000000..d29ca990
--- /dev/null
+++ b/packages/kernel/src/extension/contribution.exception.ts
@@ -0,0 +1,10 @@
+export class ContributionError extends Error {
+  constructor(
+    readonly point: string,
+    readonly owner: string,
+    cause: unknown,
+  ) {
+    super(`Invalid contribution of "${owner}" to "${point}": ${String(cause)}`, { cause });
+    this.name = 'ContributionError';
+  }
+}
diff --git a/packages/kernel/src/extension/define-extension-point.ts b/packages/kernel/src/extension/define-extension-point.ts
new file mode 100644
index 00000000..d1c7d09f
--- /dev/null
+++ b/packages/kernel/src/extension/define-extension-point.ts
@@ -0,0 +1,8 @@
+import type { ExtensionPoint, ExtensionPointOptions } from './extension-point.type';
+
+/** Declares an extension point other plugins can contribute to. */
+export const defineExtensionPoint = <T>(
+  id: string,
+  options: ExtensionPointOptions<T> = {},
+): ExtensionPoint<T> =>
+  Object.freeze({ id, validator: options.validator, multiple: options.multiple ?? true });
diff --git a/packages/kernel/src/extension/extension-point.type.ts b/packages/kernel/src/extension/extension-point.type.ts
new file mode 100644
index 00000000..850ee1b6
--- /dev/null
+++ b/packages/kernel/src/extension/extension-point.type.ts
@@ -0,0 +1,31 @@
+/** Anything with a zod-like `parse`; zod schemas satisfy it. */
+export interface Validator<T> {
+  parse(value: unknown): T;
+}
+
+export interface ExtensionPoint<T> {
+  readonly id: string;
+  readonly validator: Validator<T> | undefined;
+  /** When false, at most one contribution is kept active: the highest priority one. */
+  readonly multiple: boolean;
+  /** @internal phantom type marker */
+  readonly __type?: T;
+}
+
+export interface ExtensionPointOptions<T> {
+  validator?: Validator<T>;
+  multiple?: boolean;
+}
+
+export interface Contribution<T> {
+  readonly value: T;
+  /** Name of the contributing plugin (or `core`). */
+  readonly owner: string;
+  readonly priority: number;
+  readonly seq: number;
+}
+
+export interface ContributeOptions {
+  owner: string;
+  priority?: number;
+}
diff --git a/packages/kernel/src/extension/extension-registry.ts b/packages/kernel/src/extension/extension-registry.ts
new file mode 100644
index 00000000..a27602bd
--- /dev/null
+++ b/packages/kernel/src/extension/extension-registry.ts
@@ -0,0 +1,86 @@
+import { Emitter, type Event } from '../event/emitter';
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import type { Observable } from '../observable/observable';
+import { ContributionError } from './contribution.exception';
+import type { ContributeOptions, Contribution, ExtensionPoint } from './extension-point.type';
+
+let sequence = 0;
+
+/** Contributions are ordered by descending priority, then registration order. */
+const compare = (a: Contribution<unknown>, b: Contribution<unknown>) =>
+  b.priority - a.priority || a.seq - b.seq;
+
+export class ExtensionRegistry implements Disposable {
+  private readonly _contributions = new Map<string, Contribution<unknown>[]>();
+  private readonly _onDidChange = new Emitter<ExtensionPoint<unknown>>();
+
+  readonly onDidChange: Event<ExtensionPoint<unknown>> = this._onDidChange.event;
+
+  contribute<T>(point: ExtensionPoint<T>, value: T, options: ContributeOptions): Disposable {
+    let parsed = value;
+    if (point.validator) {
+      try {
+        parsed = point.validator.parse(value);
+      } catch (error) {
+        throw new ContributionError(point.id, options.owner, error);
+      }
+    }
+    const contribution: Contribution<unknown> = {
+      value: parsed,
+      owner: options.owner,
+      priority: options.priority ?? 0,
+      seq: sequence++,
+    };
+    const list = this._contributions.get(point.id) ?? [];
+    list.push(contribution);
+    list.sort(compare);
+    this._contributions.set(point.id, list);
+    this._onDidChange.fire(point);
+
+    return toDisposable(() => {
+      const current = this._contributions.get(point.id);
+      const index = current?.indexOf(contribution) ?? -1;
+      if (index < 0) return;
+      current!.splice(index, 1);
+      this._onDidChange.fire(point);
+    });
+  }
+
+  /** Active contributions, highest priority first. */
+  getContributions<T>(point: ExtensionPoint<T>): readonly Contribution<T>[] {
+    const list = (this._contributions.get(point.id) ?? []) as Contribution<T>[];
+    return point.multiple ? [...list] : list.slice(0, 1);
+  }
+
+  getValues<T>(point: ExtensionPoint<T>): T[] {
+    return this.getContributions(point).map((contribution) => contribution.value);
+  }
+
+  observe<T>(point: ExtensionPoint<T>): Observable<readonly Contribution<T>[]> {
+    return {
+      get: () => this.getContributions(point),
+      subscribe: (run) => {
+        run(this.getContributions(point));
+        const subscription = this.onDidChange((changed) => {
+          if (changed.id === point.id) run(this.getContributions(point));
+        });
+        return () => subscription.dispose();
+      },
+    };
+  }
+
+  /** Removes every contribution of an owner (plugin unload safety net). */
+  removeOwner(owner: string): void {
+    for (const [id, list] of this._contributions) {
+      const kept = list.filter((contribution) => contribution.owner !== owner);
+      if (kept.length === list.length) continue;
+      this._contributions.set(id, kept);
+      this._onDidChange.fire({ id, validator: undefined, multiple: true });
+    }
+  }
+
+  dispose(): void {
+    this._contributions.clear();
+    this._onDidChange.dispose();
+  }
+}
diff --git a/packages/kernel/src/extension/index.ts b/packages/kernel/src/extension/index.ts
new file mode 100644
index 00000000..68e54f70
--- /dev/null
+++ b/packages/kernel/src/extension/index.ts
@@ -0,0 +1,4 @@
+export * from './extension-point.type';
+export * from './define-extension-point';
+export * from './contribution.exception';
+export * from './extension-registry';
diff --git a/packages/kernel/src/i18n/index.ts b/packages/kernel/src/i18n/index.ts
new file mode 100644
index 00000000..9a6c8611
--- /dev/null
+++ b/packages/kernel/src/i18n/index.ts
@@ -0,0 +1,2 @@
+export * from './localization-service';
+export * from './message-format';
diff --git a/packages/kernel/src/i18n/localization-service.ts b/packages/kernel/src/i18n/localization-service.ts
new file mode 100644
index 00000000..5ef2ddf1
--- /dev/null
+++ b/packages/kernel/src/i18n/localization-service.ts
@@ -0,0 +1,79 @@
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import type { Observable } from '../observable/observable';
+import { ObservableValue } from '../observable/observable-value';
+import { type MessageParams, formatMessage } from './message-format';
+
+export type MessageBundle = Readonly<Record<string, string>>;
+
+export const FALLBACK_LOCALE = 'en';
+
+/**
+ * Translations per namespace (a plugin name or `core`) and locale. Lookups fall back from
+ * `fr-CA` to `fr` to `en`, then to the key itself so missing strings stay visible.
+ */
+export class LocalizationService {
+  private readonly _bundles = new Map<string, Map<string, MessageBundle[]>>();
+  private readonly _locale = new ObservableValue(FALLBACK_LOCALE);
+  private readonly _revision = new ObservableValue(0);
+
+  get locale(): Observable<string> {
+    return this._locale.readonly();
+  }
+
+  /** Bumps whenever the locale or a bundle changes, for UIs to re-render translations. */
+  get revision(): Observable<number> {
+    return this._revision.readonly();
+  }
+
+  setLocale(locale: string): void {
+    if (locale === this._locale.get()) return;
+    this._locale.set(locale);
+    this._revision.update((n) => n + 1);
+  }
+
+  registerBundle(namespace: string, locale: string, messages: MessageBundle): Disposable {
+    const locales = this._bundles.get(namespace) ?? new Map<string, MessageBundle[]>();
+    const bundles = locales.get(locale) ?? [];
+    bundles.push(messages);
+    locales.set(locale, bundles);
+    this._bundles.set(namespace, locales);
+    this._revision.update((n) => n + 1);
+    return toDisposable(() => {
+      bundles.splice(bundles.indexOf(messages), 1);
+      this._revision.update((n) => n + 1);
+    });
+  }
+
+  /** Available locales across all namespaces. */
+  get locales(): string[] {
+    const set = new Set<string>();
+    for (const locales of this._bundles.values())
+      for (const locale of locales.keys()) set.add(locale);
+    return [...set].sort();
+  }
+
+  translate(namespace: string, key: string, params?: MessageParams): string {
+    const locale = this._locale.get();
+    const message = this._lookup(namespace, key, locale);
+    return message === undefined ? key : formatMessage(message, params, locale);
+  }
+
+  /** A translator bound to a namespace, e.g. `const t = i18n.scope('@nanoforge/ecs')`. */
+  scope(namespace: string): (key: string, params?: MessageParams) => string {
+    return (key, params) => this.translate(namespace, key, params);
+  }
+
+  private _lookup(namespace: string, key: string, locale: string): string | undefined {
+    const locales = this._bundles.get(namespace);
+    if (!locales) return undefined;
+    const candidates = [locale, locale.split('-')[0]!, FALLBACK_LOCALE];
+    for (const candidate of candidates) {
+      const bundles = locales.get(candidate) ?? [];
+      for (let i = bundles.length - 1; i >= 0; i--) {
+        const message = bundles[i]![key];
+        if (message !== undefined) return message;
+      }
+    }
+    return undefined;
+  }
+}
diff --git a/packages/kernel/src/i18n/message-format.ts b/packages/kernel/src/i18n/message-format.ts
new file mode 100644
index 00000000..0b69f10d
--- /dev/null
+++ b/packages/kernel/src/i18n/message-format.ts
@@ -0,0 +1,87 @@
+export type MessageParams = Readonly<Record<string, string | number | boolean>>;
+
+/**
+ * Minimal ICU message formatting: `{name}`, `{count, plural, one {# item} other {# items}}`
+ * (with `=N` exact matches) and `{kind, select, file {…} other {…}}`. `'{'` escapes a brace.
+ */
+export const formatMessage = (message: string, params: MessageParams = {}, locale = 'en'): string =>
+  format(message, params, locale, undefined);
+
+const format = (
+  message: string,
+  params: MessageParams,
+  locale: string,
+  pluralValue: number | undefined,
+): string => {
+  let result = '';
+  let i = 0;
+  while (i < message.length) {
+    const char = message[i]!;
+    if (char === "'" && message[i + 1] === '{') {
+      result += '{';
+      i += 2;
+    } else if (char === '#' && pluralValue !== undefined) {
+      result += new Intl.NumberFormat(locale).format(pluralValue);
+      i++;
+    } else if (char === '{') {
+      const end = matchingBrace(message, i);
+      result += formatArgument(message.slice(i + 1, end), params, locale);
+      i = end + 1;
+    } else {
+      result += char;
+      i++;
+    }
+  }
+  return result;
+};
+
+const matchingBrace = (text: string, open: number): number => {
+  let depth = 0;
+  for (let i = open; i < text.length; i++) {
+    if (text[i] === '{') depth++;
+    else if (text[i] === '}' && --depth === 0) return i;
+  }
+  throw new Error(`Unbalanced braces in message "${text}"`);
+};
+
+const formatArgument = (argument: string, params: MessageParams, locale: string): string => {
+  const [name = '', type, ...rest] = argument.split(',');
+  const key = name.trim();
+  const value = params[key];
+  if (type === undefined) return value === undefined ? `{${key}}` : String(value);
+
+  const options = parseOptions(rest.join(','));
+  const kind = type.trim();
+  if (kind === 'plural') {
+    const count = Number(value ?? 0);
+    const branch =
+      options.get(`=${count}`) ??
+      options.get(new Intl.PluralRules(locale).select(count)) ??
+      options.get('other') ??
+      '';
+    return format(branch, params, locale, count);
+  }
+  if (kind === 'select') {
+    const branch = options.get(String(value)) ?? options.get('other') ?? '';
+    return format(branch, params, locale, undefined);
+  }
+  return value === undefined ? `{${key}}` : String(value);
+};
+
+/** `one {…} other {…}` → Map { one → …, other → … } */
+const parseOptions = (text: string): Map<string, string> => {
+  const options = new Map<string, string>();
+  let i = 0;
+  while (i < text.length) {
+    while (/\s/.test(text[i] ?? '')) i++;
+    const start = i;
+    while (i < text.length && text[i] !== '{' && !/\s/.test(text[i]!)) i++;
+    const selector = text.slice(start, i);
+    while (/\s/.test(text[i] ?? '')) i++;
+    if (!selector || text[i] !== '{') break;
+    const end = matchingBrace(text, i);
+    options.set(selector, text.slice(i + 1, end));
+    i = end + 1;
+  }
+  return options;
+};
diff --git a/packages/kernel/src/index.ts b/packages/kernel/src/index.ts
new file mode 100644
index 00000000..b92bc9e7
--- /dev/null
+++ b/packages/kernel/src/index.ts
@@ -0,0 +1,10 @@
+export * from './command';
+export * from './context';
+export * from './di';
+export * from './event';
+export * from './extension';
+export * from './i18n';
+export * from './lifecycle';
+export * from './log';
+export * from './observable';
+export * from './plugin';
diff --git a/packages/kernel/src/lifecycle/disposable-object.abstract.ts b/packages/kernel/src/lifecycle/disposable-object.abstract.ts
new file mode 100644
index 00000000..3af7c84a
--- /dev/null
+++ b/packages/kernel/src/lifecycle/disposable-object.abstract.ts
@@ -0,0 +1,18 @@
+import { type Disposable, DisposableStore } from './disposable';
+
+/** Base class for services owning disposables through `this._register`. */
+export abstract class DisposableObject implements Disposable {
+  protected readonly _store = new DisposableStore();
+
+  get isDisposed(): boolean {
+    return this._store.isDisposed;
+  }
+
+  dispose(): void {
+    this._store.dispose();
+  }
+
+  protected _register<T extends Disposable>(disposable: T): T {
+    return this._store.add(disposable);
+  }
+}
diff --git a/packages/kernel/src/lifecycle/disposable.ts b/packages/kernel/src/lifecycle/disposable.ts
new file mode 100644
index 00000000..c6e2c4e8
--- /dev/null
+++ b/packages/kernel/src/lifecycle/disposable.ts
@@ -0,0 +1,114 @@
+export interface Disposable {
+  dispose(): void;
+}
+
+export interface DisposableTracker {
+  onCreate(disposable: Disposable): void;
+  onDispose(disposable: Disposable): void;
+}
+
+let tracker: DisposableTracker | null = null;
+
+/** Installs a tracker notified of every kernel disposable (leak detection in tests). */
+export const setDisposableTracker = (value: DisposableTracker | null): void => {
+  tracker = value;
+};
+
+export const isDisposable = (value: unknown): value is Disposable =>
+  typeof value === 'object' &&
+  value !== null &&
+  typeof (value as Partial<Disposable>).dispose === 'function';
+
+class FunctionDisposable implements Disposable {
+  private _fn: (() => void) | null;
+
+  constructor(fn: () => void) {
+    this._fn = fn;
+    tracker?.onCreate(this);
+  }
+
+  dispose(): void {
+    const fn = this._fn;
+    if (!fn) return;
+    this._fn = null;
+    tracker?.onDispose(this);
+    fn();
+  }
+
+  [Symbol.dispose](): void {
+    this.dispose();
+  }
+}
+
+/** Wraps a cleanup function; calling `dispose` more than once runs it only once. */
+export const toDisposable = (fn: () => void): Disposable => new FunctionDisposable(fn);
+
+/** Disposes every given disposable, collecting errors into an `AggregateError`. */
+export const disposeAll = (disposables: Iterable<Disposable>): void => {
+  const errors: unknown[] = [];
+  for (const disposable of disposables) {
+    try {
+      disposable.dispose();
+    } catch (error) {
+      errors.push(error);
+    }
+  }
+  if (errors.length === 1) throw errors[0];
+  if (errors.length > 1) throw new AggregateError(errors, 'Errors while disposing');
+};
+
+export const combineDisposables = (...disposables: Disposable[]): Disposable =>
+  toDisposable(() => disposeAll(disposables));
+
+/**
+ * A collection of disposables disposed together (LIFO). Adding to a disposed store disposes
+ * the new value immediately, so late registrations never leak.
+ */
+export class DisposableStore implements Disposable {
+  private readonly _items = new Set<Disposable>();
+  private _disposed = false;
+
+  constructor() {
+    tracker?.onCreate(this);
+  }
+
+  get isDisposed(): boolean {
+    return this._disposed;
+  }
+
+  get size(): number {
+    return this._items.size;
+  }
+
+  add<T extends Disposable>(disposable: T): T {
+    if (this._disposed) {
+      disposable.dispose();
+      return disposable;
+    }
+    this._items.add(disposable);
+    return disposable;
+  }
+
+  /** Removes without disposing. */
+  delete(disposable: Disposable): void {
+    this._items.delete(disposable);
+  }
+
+  /** Disposes the current items but keeps the store usable. */
+  clear(): void {
+    const items = [...this._items].reverse();
+    this._items.clear();
+    disposeAll(items);
+  }
+
+  dispose(): void {
+    if (this._disposed) return;
+    this._disposed = true;
+    tracker?.onDispose(this);
+    this.clear();
+  }
+
+  [Symbol.dispose](): void {
+    this.dispose();
+  }
+}
diff --git a/packages/kernel/src/lifecycle/index.ts b/packages/kernel/src/lifecycle/index.ts
new file mode 100644
index 00000000..7adfe283
--- /dev/null
+++ b/packages/kernel/src/lifecycle/index.ts
@@ -0,0 +1,3 @@
+export * from './disposable';
+export * from './mutable-disposable';
+export * from './disposable-object.abstract';
diff --git a/packages/kernel/src/lifecycle/mutable-disposable.ts b/packages/kernel/src/lifecycle/mutable-disposable.ts
new file mode 100644
index 00000000..9317cb57
--- /dev/null
+++ b/packages/kernel/src/lifecycle/mutable-disposable.ts
@@ -0,0 +1,32 @@
+import type { Disposable } from './disposable';
+
+/** Holds at most one disposable; replacing or clearing it disposes the previous one. */
+export class MutableDisposable<T extends Disposable = Disposable> implements Disposable {
+  private _value: T | undefined;
+  private _disposed = false;
+
+  get value(): T | undefined {
+    return this._value;
+  }
+
+  set value(value: T | undefined) {
+    if (this._disposed) {
+      value?.dispose();
+      return;
+    }
+    if (value === this._value) return;
+    const previous = this._value;
+    this._value = value;
+    previous?.dispose();
+  }
+
+  clear(): void {
+    this.value = undefined;
+  }
+
+  dispose(): void {
+    if (this._disposed) return;
+    this.clear();
+    this._disposed = true;
+  }
+}
diff --git a/packages/kernel/src/log/format-log-value.ts b/packages/kernel/src/log/format-log-value.ts
new file mode 100644
index 00000000..a2ce0998
--- /dev/null
+++ b/packages/kernel/src/log/format-log-value.ts
@@ -0,0 +1,55 @@
+import type { LogValue } from './log-value.type';
+
+const isPlain = (value: LogValue): value is string | number | boolean | null =>
+  value === null || typeof value !== 'object';
+
+/**
+ * One-line text of a logged value, as a console prints it: top-level strings are bare, nested
+ * ones quoted.
+ */
+export const formatLogValue = (value: LogValue, nested = false): string => {
+  if (isPlain(value))
+    return typeof value === 'string' && nested ? JSON.stringify(value) : `${value}`;
+  switch (value.type) {
+    case 'undefined':
+      return 'undefined';
+    case 'number':
+    case 'bigint':
+    case 'symbol':
+    case 'function':
+    case 'date':
+    case 'cut':
+      return value.text;
+    case 'circular':
+      return '[Circular]';
+    case 'error':
+      return nested || !value.stack ? `${value.name}: ${value.message}` : value.stack;
+    case 'array': {
+      const items = value.items.map((item) => formatLogValue(item, true));
+      if (value.more) items.push(`… ${value.more} more`);
+      const prefix = value.name ? `${value.name}(${value.length}) ` : '';
+      return `${prefix}[${items.join(', ')}]`;
+    }
+    case 'map': {
+      const entries = value.entries.map(
+        ([key, item]) => `${formatLogValue(key, true)} => ${formatLogValue(item, true)}`,
+      );
+      if (value.more) entries.push(`… ${value.more} more`);
+      return `Map(${value.size}) {${entries.join(', ')}}`;
+    }
+    case 'object': {
+      const entries = value.entries.map(([key, item]) => `${key}: ${formatLogValue(item, true)}`);
+      if (value.more) entries.push(`… ${value.more} more`);
+      const body = entries.length ? `{ ${entries.join(', ')} }` : '{}';
+      return value.name ? `${value.name} ${body}` : body;
+    }
+  }
+};
+
+/** Whether a value has children to expand. */
+export const isExpandableLogValue = (value: LogValue): boolean =>
+  !isPlain(value) &&
+  ((value.type === 'object' && value.entries.length > 0) ||
+    (value.type === 'array' && value.items.length > 0) ||
+    (value.type === 'map' && value.entries.length > 0) ||
+    (value.type === 'error' && !!value.stack));
diff --git a/packages/kernel/src/log/index.ts b/packages/kernel/src/log/index.ts
new file mode 100644
index 00000000..5a1da216
--- /dev/null
+++ b/packages/kernel/src/log/index.ts
@@ -0,0 +1,6 @@
+export * from './log-level.enum';
+export * from './logger.type';
+export * from './logger-service';
+export * from './log-value.type';
+export * from './serialize-log-value';
+export * from './format-log-value';
diff --git a/packages/kernel/src/log/log-level.enum.ts b/packages/kernel/src/log/log-level.enum.ts
new file mode 100644
index 00000000..f8011340
--- /dev/null
+++ b/packages/kernel/src/log/log-level.enum.ts
@@ -0,0 +1,7 @@
+export enum LogLevel {
+  Trace = 0,
+  Debug = 1,
+  Info = 2,
+  Warn = 3,
+  Error = 4,
+}
diff --git a/packages/kernel/src/log/log-value.type.ts b/packages/kernel/src/log/log-value.type.ts
new file mode 100644
index 00000000..7b9802c4
--- /dev/null
+++ b/packages/kernel/src/log/log-value.type.ts
@@ -0,0 +1,56 @@
+/**
+ * A logged value as a JSON tree: a snapshot that can cross a bridge (game → editor) and be
+ * shown expanded. The engine's editor bridge writes the same format.
+ */
+export type LogValue =
+  | string
+  | number
+  | boolean
+  | null
+  | { readonly type: 'undefined' }
+  /** Numbers JSON cannot carry: `NaN`, `Infinity`, `-Infinity`, `-0`. */
+  | { readonly type: 'number'; readonly text: string }
+  | { readonly type: 'bigint' | 'symbol' | 'function' | 'date'; readonly text: string }
+  | {
+      readonly type: 'error';
+      readonly name: string;
+      readonly message: string;
+      readonly stack?: string;
+    }
+  | {
+      readonly type: 'object';
+      /** Constructor name, for instances of classes. */
+      readonly name?: string;
+      readonly entries: readonly (readonly [string, LogValue])[];
+      /** Entries left out. */
+      readonly more?: number;
+    }
+  | {
+      readonly type: 'array';
+      /** `Set`, `Float32Array`… for array-likes that are not arrays. */
+      readonly name?: string;
+      readonly length: number;
+      readonly items: readonly LogValue[];
+      readonly more?: number;
+    }
+  | {
+      readonly type: 'map';
+      readonly size: number;
+      readonly entries: readonly (readonly [LogValue, LogValue])[];
+      readonly more?: number;
+    }
+  /** A value already shown higher in the tree. */
+  | { readonly type: 'circular' }
+  /** A value deeper than the limit: only its summary is kept. */
+  | { readonly type: 'cut'; readonly text: string };
+
+export interface LogValueLimits {
+  /** Nesting kept below the logged value (default 4). */
+  readonly depth?: number;
+  /** Entries kept per object, array or map (default 50). */
+  readonly entries?: number;
+  /** Values kept in the whole tree (default 500). */
+  readonly nodes?: number;
+  /** Characters kept per string (default 10 000). */
+  readonly text?: number;
+}
diff --git a/packages/kernel/src/log/logger-service.ts b/packages/kernel/src/log/logger-service.ts
new file mode 100644
index 00000000..a75e0636
--- /dev/null
+++ b/packages/kernel/src/log/logger-service.ts
@@ -0,0 +1,57 @@
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import { LogLevel } from './log-level.enum';
+import type { LogEntry, LogSink, Logger } from './logger.type';
+
+export const consoleSink: LogSink = (entry) => {
+  const method = (['debug', 'debug', 'info', 'warn', 'error'] as const)[entry.level];
+  console[method](`[${entry.source}] ${entry.message}`, ...entry.args);
+};
+
+/**
+ * Central logging: named loggers write entries to sinks (browser console, the Console plugin…).
+ * The last `bufferSize` entries are kept so a sink added late can replay history.
+ */
+export class LoggerService {
+  private readonly _sinks = new Set<LogSink>();
+  private readonly _buffer: LogEntry[] = [];
+
+  level: LogLevel = LogLevel.Info;
+
+  constructor(private readonly _bufferSize = 500) {}
+
+  addSink(sink: LogSink, options: { replay?: boolean } = {}): Disposable {
+    if (options.replay) for (const entry of this._buffer) sink(entry);
+    this._sinks.add(sink);
+    return toDisposable(() => this._sinks.delete(sink));
+  }
+
+  get history(): readonly LogEntry[] {
+    return this._buffer;
+  }
+
+  getLogger(name: string): Logger {
+    const log = (level: LogLevel, message: string, args: unknown[]) =>
+      this.write({ level, source: name, message, args, time: Date.now() });
+    return {
+      name,
+      trace: (message, ...args) => log(LogLevel.Trace, message, args),
+      debug: (message, ...args) => log(LogLevel.Debug, message, args),
+      info: (message, ...args) => log(LogLevel.Info, message, args),
+      warn: (message, ...args) => log(LogLevel.Warn, message, args),
+      error: (message, ...args) => log(LogLevel.Error, message, args),
+      child: (child) => this.getLogger(`${name}.${child}`),
+    };
+  }
+
+  /** Writes a full entry: for output that comes with its own values or location. */
+  write(entry: LogEntry): void {
+    if (entry.level < this.level) return;
+    this._buffer.push(entry);
+    if (this._buffer.length > this._bufferSize) this._buffer.shift();
+    for (const sink of this._sinks) {
+      try {
+        sink(entry);
+      } catch {}
+    }
+  }
+}
diff --git a/packages/kernel/src/log/logger.type.ts b/packages/kernel/src/log/logger.type.ts
new file mode 100644
index 00000000..a86dda5f
--- /dev/null
+++ b/packages/kernel/src/log/logger.type.ts
@@ -0,0 +1,33 @@
+import { type LogLevel } from './log-level.enum';
+import type { LogValue } from './log-value.type';
+
+export interface LogEntry {
+  readonly level: LogLevel;
+  /** Logger name, e.g. `kernel.plugins` or a plugin name. */
+  readonly source: string;
+  readonly message: string;
+  readonly args: readonly unknown[];
+  readonly time: number;
+  /** The message's parts already serialized (output of a game): shown instead of `message`. */
+  readonly values?: readonly LogValue[];
+  /** Where it was logged: a file (or the URL of a built bundle) and a 1-based position. */
+  readonly location?: LogLocation;
+}
+
+export interface LogLocation {
+  readonly file: string;
+  readonly line: number;
+  readonly column?: number;
+}
+
+export type LogSink = (entry: LogEntry) => void;
+
+export interface Logger {
+  readonly name: string;
+  trace(message: string, ...args: unknown[]): void;
+  debug(message: string, ...args: unknown[]): void;
+  info(message: string, ...args: unknown[]): void;
+  warn(message: string, ...args: unknown[]): void;
+  error(message: string, ...args: unknown[]): void;
+  child(name: string): Logger;
+}
diff --git a/packages/kernel/src/log/serialize-log-value.ts b/packages/kernel/src/log/serialize-log-value.ts
new file mode 100644
index 00000000..837e73a9
--- /dev/null
+++ b/packages/kernel/src/log/serialize-log-value.ts
@@ -0,0 +1,125 @@
+import type { LogValue, LogValueLimits } from './log-value.type';
+
+const constructorName = (value: object): string | undefined => {
+  try {
+    const name = (Object.getPrototypeOf(value) as { constructor?: { name?: unknown } } | null)
+      ?.constructor?.name;
+    return typeof name === 'string' && name && name !== 'Object' ? name : undefined;
+  } catch {
+    return undefined;
+  }
+};
+
+const summary = (value: object): string => {
+  if (Array.isArray(value)) return `Array(${value.length})`;
+  if (value instanceof Map) return `Map(${value.size})`;
+  if (value instanceof Set) return `Set(${value.size})`;
+  return constructorName(value) ?? 'Object';
+};
+
+/** Snapshot of a value for the console, within limits (never throws). */
+export const serializeLogValue = (input: unknown, limits: LogValueLimits = {}): LogValue => {
+  const maxDepth = limits.depth ?? 4;
+  const maxEntries = limits.entries ?? 50;
+  const maxText = limits.text ?? 10_000;
+  let budget = limits.nodes ?? 500;
+  const ancestors = new Set<object>();
+
+  const text = (value: string) => (value.length > maxText ? `${value.slice(0, maxText)}…` : value);
+
+  const visit = (value: unknown, depth: number): LogValue => {
+    budget--;
+    switch (typeof value) {
+      case 'string':
+        return text(value);
+      case 'boolean':
+        return value;
+      case 'number':
+        return Number.isFinite(value) && !Object.is(value, -0)
+          ? value
+          : { type: 'number', text: Object.is(value, -0) ? '-0' : String(value) };
+      case 'undefined':
+        return { type: 'undefined' };
+      case 'bigint':
+        return { type: 'bigint', text: `${value}n` };
+      case 'symbol':
+        return { type: 'symbol', text: String(value) };
+      case 'function':
+        return { type: 'function', text: value.name ? `ƒ ${value.name}()` : 'ƒ ()' };
+    }
+    if (value === null) return null;
+    const object = value as object;
+    if (ancestors.has(object)) return { type: 'circular' };
+    try {
+      if (object instanceof Error) {
+        return {
+          type: 'error',
+          name: object.name,
+          message: text(object.message),
+          ...(object.stack && { stack: text(object.stack) }),
+        };
+      }
+      if (object instanceof Date) {
+        return {
+          type: 'date',
+          text: Number.isNaN(object.getTime()) ? 'Invalid Date' : object.toISOString(),
+        };
+      }
+      if (depth >= maxDepth || budget <= 0) return { type: 'cut', text: summary(object) };
+      ancestors.add(object);
+      try {
+        if (object instanceof Map) {
+          const entries: [LogValue, LogValue][] = [];
+          for (const [key, item] of object) {
+            if (entries.length >= maxEntries || budget <= 0) break;
+            entries.push([visit(key, depth + 1), visit(item, depth + 1)]);
+          }
+          const more = object.size - entries.length;
+          return { type: 'map', size: object.size, entries, ...(more > 0 && { more }) };
+        }
+        const list = Array.isArray(object)
+          ? (object as unknown[])
+          : object instanceof Set
+            ? [...(object as Set<unknown>)]
+            : ArrayBuffer.isView(object) && !(object instanceof DataView)
+              ? (object as unknown as ArrayLike<unknown>)
+              : undefined;
+        if (list) {
+          const items: LogValue[] = [];
+          for (let index = 0; index < list.length; index++) {
+            if (items.length >= maxEntries || budget <= 0) break;
+            items.push(visit(list[index], depth + 1));
+          }
+          const more = list.length - items.length;
+          return {
+            type: 'array',
+            ...(!Array.isArray(object) && { name: constructorName(object) ?? 'Array' }),
+            length: list.length,
+            items,
+            ...(more > 0 && { more }),
+          };
+        }
+        const keys = Object.keys(object);
+        const entries: [string, LogValue][] = [];
+        for (const key of keys) {
+          if (entries.length >= maxEntries || budget <= 0) break;
+          let item: unknown;
+          try {
+            item = (object as Record<string, unknown>)[key];
+          } catch (error) {
+            item = `[threw ${String(error)}]`;
+          }
+          entries.push([key, visit(item, depth + 1)]);
+        }
+        const name = constructorName(object);
+        const more = keys.length - entries.length;
+        return { type: 'object', ...(name && { name }), entries, ...(more > 0 && { more }) };
+      } finally {
+        ancestors.delete(object);
+      }
+    } catch {
+      return { type: 'cut', text: 'Object' };
+    }
+  };
+  return visit(input, 0);
+};
diff --git a/packages/kernel/src/observable/index.ts b/packages/kernel/src/observable/index.ts
new file mode 100644
index 00000000..d2d9731f
--- /dev/null
+++ b/packages/kernel/src/observable/index.ts
@@ -0,0 +1,2 @@
+export * from './observable';
+export * from './observable-value';
diff --git a/packages/kernel/src/observable/observable-value.ts b/packages/kernel/src/observable/observable-value.ts
new file mode 100644
index 00000000..eede0a20
--- /dev/null
+++ b/packages/kernel/src/observable/observable-value.ts
@@ -0,0 +1,44 @@
+import type { Listener } from '../event/emitter';
+import type { Equality, Observable } from './observable';
+
+/** A writable observable value. */
+export class ObservableValue<T> implements Observable<T> {
+  private readonly _subscribers = new Set<{ run: Listener<T> }>();
+
+  constructor(
+    private _value: T,
+    private readonly _equals: Equality<T> = Object.is,
+  ) {}
+
+  get(): T {
+    return this._value;
+  }
+
+  set(value: T): void {
+    if (this._equals(this._value, value)) return;
+    this._value = value;
+    for (const subscriber of [...this._subscribers]) {
+      if (this._subscribers.has(subscriber)) subscriber.run(value);
+    }
+  }
+
+  update(fn: (value: T) => T): void {
+    this.set(fn(this._value));
+  }
+
+  subscribe(run: Listener<T>): () => void {
+    const subscriber = { run };
+    this._subscribers.add(subscriber);
+    run(this._value);
+    return () => this._subscribers.delete(subscriber);
+  }
+
+  get subscriberCount(): number {
+    return this._subscribers.size;
+  }
+
+  /** A read-only view, to expose without handing out `set`. */
+  readonly(): Observable<T> {
+    return { get: () => this.get(), subscribe: (run) => this.subscribe(run) };
+  }
+}
diff --git a/packages/kernel/src/observable/observable.ts b/packages/kernel/src/observable/observable.ts
new file mode 100644
index 00000000..f0fb1ead
--- /dev/null
+++ b/packages/kernel/src/observable/observable.ts
@@ -0,0 +1,121 @@
+import type { Event, Listener } from '../event/emitter';
+import { type Disposable, toDisposable } from '../lifecycle/disposable';
+import { ObservableValue } from './observable-value';
+
+/**
+ * A readable reactive value. `subscribe` follows the Svelte store contract (called immediately,
+ * returns an unsubscriber), so `$observable` works in plugin templates without any adapter.
+ */
+export interface Observable<T> {
+  get(): T;
+  subscribe(run: Listener<T>): () => void;
+}
+
+export type ObservableValues<S extends readonly Observable<unknown>[]> = {
+  [K in keyof S]: S[K] extends Observable<infer V> ? V : never;
+};
+
+/** Subscribes as a `Disposable`, optionally skipping the immediate call. */
+export const observe = <T>(
+  observable: Observable<T>,
+  listener: Listener<T>,
+  options: { immediate?: boolean } = {},
+): Disposable => {
+  let skip = options.immediate === false;
+  const unsubscribe = observable.subscribe((value) => {
+    if (skip) return;
+    listener(value);
+  });
+  skip = false;
+  return toDisposable(unsubscribe);
+};
+
+/** Change event of an observable (no immediate call). */
+export const changes =
+  <T>(observable: Observable<T>): Event<T> =>
+  (listener, disposables) => {
+    const subscription = observe(observable, listener, { immediate: false });
+    disposables?.add(subscription);
+    return subscription;
+  };
+
+export type Equality<T> = (a: T, b: T) => boolean;
+
+/** An observable that never changes. */
+export const constant = <T>(value: T): Observable<T> => ({
+  get: () => value,
+  subscribe: (run) => {
+    run(value);
+    return () => undefined;
+  },
+});
+
+/**
+ * Computes a value from other observables. Upstream subscriptions are held only while the
+ * derived observable itself has subscribers; otherwise `get` computes on demand.
+ */
+export const derived = <const S extends readonly Observable<unknown>[], T>(
+  sources: S,
+  compute: (...values: ObservableValues<S>) => T,
+  equals: Equality<T> = Object.is,
+): Observable<T> => {
+  const read = () => compute(...(sources.map((source) => source.get()) as ObservableValues<S>));
+  let cache: ObservableValue<T> | undefined;
+  let upstream: (() => void)[] = [];
+  let listeners = 0;
+
+  const start = () => {
+    cache = new ObservableValue(read(), equals);
+    let ready = false;
+    upstream = sources.map((source) =>
+      source.subscribe(() => {
+        if (ready) cache!.set(read());
+      }),
+    );
+    ready = true;
+  };
+  const stop = () => {
+    for (const unsubscribe of upstream) unsubscribe();
+    upstream = [];
+    cache = undefined;
+  };
+
+  return {
+    get: () => (cache ? cache.get() : read()),
+    subscribe(run) {
+      if (listeners++ === 0) start();
+      const unsubscribe = cache!.subscribe(run);
+      let active = true;
+      return () => {
+        if (!active) return;
+        active = false;
+        unsubscribe();
+        if (--listeners === 0) stop();
+      };
+    },
+  };
+};
+
+/**
+ * Follows the observable currently held by `outer` (e.g. "apps of the current project"):
+ * re-subscribes when `outer` changes and yields `fallback` while it holds nothing.
+ */
+export const switchObservable = <T>(
+  outer: Observable<Observable<T> | undefined>,
+  fallback: T,
+): Observable<T> => ({
+  get: () => outer.get()?.get() ?? fallback,
+  subscribe(run) {
+    let inner: (() => void) | undefined;
+    const unsubscribeOuter = outer.subscribe((current) => {
+      inner?.();
+      inner = undefined;
+      if (current) inner = current.subscribe(run);
+      else run(fallback);
+    });
+    return () => {
+      inner?.();
+      unsubscribeOuter();
+    };
+  },
+});
diff --git a/packages/kernel/src/plugin/command-metadata.ts b/packages/kernel/src/plugin/command-metadata.ts
new file mode 100644
index 00000000..02c36927
--- /dev/null
+++ b/packages/kernel/src/plugin/command-metadata.ts
@@ -0,0 +1,7 @@
+import { defineExtensionPoint } from '../extension/define-extension-point';
+import type { ExtensionPoint } from '../extension/extension-point.type';
+import type { CommandMetadataContribution } from './plugin-host.type';
+
+/** Commands declared by manifests (activated or not), for palettes and menus. */
+export const COMMAND_METADATA: ExtensionPoint<CommandMetadataContribution> =
+  defineExtensionPoint('core.commandMetadata');
diff --git a/packages/kernel/src/plugin/core-services.const.ts b/packages/kernel/src/plugin/core-services.const.ts
new file mode 100644
index 00000000..51516042
--- /dev/null
+++ b/packages/kernel/src/plugin/core-services.const.ts
@@ -0,0 +1,20 @@
+import type { CommandRegistry } from '../command/command-registry';
+import type { ContextKeyService } from '../context/context-key-service';
+import { createToken } from '../di/service-token';
+import type { EventBus } from '../event/event-bus';
+import type { ExtensionRegistry } from '../extension/extension-registry';
+import type { LocalizationService } from '../i18n/localization-service';
+import type { LoggerService } from '../log/logger-service';
+import type { EngineLibProvider } from './engine-libs';
+
+/** Well-known services every editor container provides. */
+export const CoreServices = {
+  Commands: createToken<CommandRegistry>('core.commands'),
+  ContextKeys: createToken<ContextKeyService>('core.contextKeys'),
+  /** Typed as `EventBus<EditorEvents>` by the SDK. */
+  EventBus: createToken<EventBus>('core.eventBus'),
+  Extensions: createToken<ExtensionRegistry>('core.extensions'),
+  Localization: createToken<LocalizationService>('core.localization'),
+  Logger: createToken<LoggerService>('core.logger'),
+  EngineLibs: createToken<EngineLibProvider>('core.engineLibs'),
+} as const;
diff --git a/packages/kernel/src/plugin/create-core-container.ts b/packages/kernel/src/plugin/create-core-container.ts
new file mode 100644
index 00000000..602e6d60
--- /dev/null
+++ b/packages/kernel/src/plugin/create-core-container.ts
@@ -0,0 +1,24 @@
+import { CommandRegistry } from '../command/command-registry';
+import { ContextKeyService } from '../context/context-key-service';
+import { Container } from '../di/container';
+import { EventBus } from '../event/event-bus';
+import { ExtensionRegistry } from '../extension/extension-registry';
+import { LocalizationService } from '../i18n/localization-service';
+import { LoggerService } from '../log/logger-service';
+import { CoreServices } from './core-services.const';
+
+/** Creates the editor root container with every core kernel service registered. */
+export const createCoreContainer = (options: { logger?: LoggerService } = {}): Container => {
+  const container = new Container('editor');
+  container.provideFactory(CoreServices.ContextKeys, () => new ContextKeyService());
+  container.provideFactory(CoreServices.Extensions, () => new ExtensionRegistry());
+  container.provideFactory(CoreServices.EventBus, () => new EventBus());
+  container.provideFactory(CoreServices.Localization, () => new LocalizationService());
+  if (options.logger) container.provide(CoreServices.Logger, options.logger);
+  else container.provideFactory(CoreServices.Logger, () => new LoggerService());
+  container.provideFactory(
+    CoreServices.Commands,
+    (services) => new CommandRegistry(services, services.get(CoreServices.ContextKeys)),
+  );
+  return container;
+};
diff --git a/packages/kernel/src/plugin/create-plugin-context.ts b/packages/kernel/src/plugin/create-plugin-context.ts
new file mode 100644
index 00000000..7c77485f
--- /dev/null
+++ b/packages/kernel/src/plugin/create-plugin-context.ts
@@ -0,0 +1,54 @@
+import type { Container } from '../di/container';
+import type { Disposable, DisposableStore } from '../lifecycle/disposable';
+import { type Observable, constant } from '../observable/observable';
+import { CoreServices } from './core-services.const';
+import { type AppInfo, eligibleApps } from './engine-libs';
+import type { PluginContext } from './plugin-context.type';
+import type { PluginDescriptor } from './plugin-resolution.type';
+
+/**
+ * The context handed to a plugin's `activate`: a child scope of `services`, and registrations
+ * owned by the plugin, undone when `subscriptions` is disposed.
+ */
+export const createPluginContext = (
+  services: Container,
+  descriptor: PluginDescriptor,
+  subscriptions: DisposableStore,
+): PluginContext => {
+  const { manifest } = descriptor;
+  const scope = subscriptions.add(services.createChild(`plugin:${manifest.name}`));
+  const extensions = services.get(CoreServices.Extensions);
+  const commands = services.get(CoreServices.Commands);
+  const i18n = services.get(CoreServices.Localization);
+  const own = <T extends Disposable>(disposable: T) => subscriptions.add(disposable);
+  const engineLibs = services.tryGet(CoreServices.EngineLibs);
+  const apps: Observable<readonly AppInfo[]> = engineLibs
+    ? eligibleApps(manifest, engineLibs.apps)
+    : constant([]);
+
+  return {
+    name: manifest.name,
+    manifest,
+    source: descriptor.source,
+    subscriptions,
+    services: scope,
+    scope,
+    provide: (token, value, options) => own(services.provide(token, value, options)),
+    provideFactory: (token, factory, options) =>
+      own(services.provideFactory(token, factory, options)),
+    override: (token, decorate, options) => own(services.override(token, decorate, options)),
+    contribute: (point, value, options) =>
+      own(extensions.contribute(point, value, { owner: manifest.name, ...options })),
+    contributions: (point) => extensions.observe(point),
+    registerCommand: (id, handler, metadata) =>
+      own(commands.register({ ...metadata, id, handler, owner: manifest.name })),
+    executeCommand: (id, ...args) => commands.execute(id, ...args),
+    contextKeys: services.get(CoreServices.ContextKeys),
+    logger: services.get(CoreServices.Logger).getLogger(manifest.name),
+    t: i18n.scope(manifest.name),
+    registerMessages: (locale, messages) =>
+      own(i18n.registerBundle(manifest.name, locale, messages)),
+    eligibleApps: apps,
+    resolveAsset: (path) => new URL(path, descriptor.baseUrl).href,
+  };
+};
diff --git a/packages/kernel/src/plugin/describe-status.ts b/packages/kernel/src/plugin/describe-status.ts
new file mode 100644
index 00000000..f6991e34
--- /dev/null
+++ b/packages/kernel/src/plugin/describe-status.ts
@@ -0,0 +1,24 @@
+import type { PluginStatus } from './plugin-resolution.type';
+
+export const describeStatus = (status: PluginStatus): string => {
+  switch (status.kind) {
+    case 'ok':
+      return 'ok';
+    case 'disabled':
+      return 'disabled';
+    case 'shadowed':
+      return `shadowed by the ${status.by} version`;
+    case 'incompatible-editor':
+      return `requires editor ${status.required} (running ${status.actual})`;
+    case 'incompatible-runtime':
+      return `compiled with ${status.module} ${status.compiled}, editor provides ${status.actual}`;
+    case 'missing-dependency':
+      return `missing dependency ${status.dependency}@${status.range}`;
+    case 'dependency-version':
+      return `dependency ${status.dependency}@${status.actual} does not match ${status.range}`;
+    case 'dependency-failed':
+      return `dependency ${status.dependency} is not available`;
+    case 'cycle':
+      return `dependency cycle: ${status.cycle.join(' -> ')}`;
+  }
+};
diff --git a/packages/kernel/src/plugin/engine-libs.ts b/packages/kernel/src/plugin/engine-libs.ts
new file mode 100644
index 00000000..e2326aa5
--- /dev/null
+++ b/packages/kernel/src/plugin/engine-libs.ts
@@ -0,0 +1,90 @@
+import semver from 'semver';
+
+import type { ContextKeyService } from '../context/context-key-service';
+import { type Disposable, DisposableStore, toDisposable } from '../lifecycle/disposable';
+import { type Observable, derived } from '../observable/observable';
+import type { PluginManifest } from './plugin-manifest';
+
+export type AppType = 'client' | 'server' | 'lib';
+
+/** An app of the opened game workspace, as discovered by the project service. */
+export interface AppInfo {
+  readonly id: string;
+  readonly name: string;
+  readonly type: AppType;
+  /** Installed engine libraries and their versions, e.g. `{ '@nanoforge-dev/ecs': '1.4.2' }`. */
+  readonly engineLibs: Readonly<Record<string, string>>;
+}
+
+/** Provided by the project service (phase 2). */
+export interface EngineLibProvider {
+  readonly apps: Observable<readonly AppInfo[]>;
+}
+
+export interface MissingEngineLib {
+  readonly name: string;
+  readonly range: string;
+  /** Installed version when present but out of range. */
+  readonly installed?: string;
+}
+
+/** Required engine libs of a plugin that an app lacks (empty = eligible). */
+export const missingEngineLibs = (manifest: PluginManifest, app: AppInfo): MissingEngineLib[] =>
+  Object.entries(manifest.engineLibs.required).flatMap(([name, range]) => {
+    const installed = app.engineLibs[name];
+    if (!installed) return [{ name, range }];
+    const version = semver.valid(installed) ?? semver.coerce(installed)?.version;
+    if (!version || semver.satisfies(version, range)) return [];
+    return [{ name, range, installed }];
+  });
+
+export const isEligible = (manifest: PluginManifest, app: AppInfo): boolean =>
+  missingEngineLibs(manifest, app).length === 0;
+
+export const eligibleApps = (
+  manifest: PluginManifest,
+  apps: Observable<readonly AppInfo[]>,
+): Observable<readonly AppInfo[]> =>
+  derived(
+    [apps],
+    (list) => list.filter((app) => isEligible(manifest, app)),
+    (a, b) => a.length === b.length && a.every((app, i) => app === b[i]),
+  );
+
+/** Context key holding the id of the app the user is working on. */
+export const ACTIVE_APP_KEY = 'activeApp';
+export const engineLibKey = (lib: string) => `engineLib:${lib}`;
+export const pluginEligibleKey = (plugin: string) => `plugin.${plugin}.eligible`;
+
+/**
+ * Keeps `engineLib:<pkg>` and `plugin.<name>.eligible` context keys in sync with the active app,
+ * so `when` clauses can gate features on installed engine libraries.
+ */
+export const bindEngineLibContext = (
+  context: ContextKeyService,
+  apps: Observable<readonly AppInfo[]>,
+  plugins: () => readonly PluginManifest[],
+): Disposable => {
+  const store = new DisposableStore();
+  const bound = new DisposableStore();
+  store.add(bound);
+
+  const refresh = () => {
+    bound.clear();
+    const activeId = context.get<string>(ACTIVE_APP_KEY);
+    const app = apps.get().find((candidate) => candidate.id === activeId);
+    if (!app) return;
+    for (const lib of Object.keys(app.engineLibs)) bound.add(context.bind(engineLibKey(lib), true));
+    for (const manifest of plugins()) {
+      bound.add(context.bind(pluginEligibleKey(manifest.name), isEligible(manifest, app)));
+    }
+  };
+
+  store.add(toDisposable(apps.subscribe(refresh)));
+  store.add(
+    context.onDidChange(({ keys }) => {
+      if (keys.has(ACTIVE_APP_KEY)) refresh();
+    }),
+  );
+  return store;
+};
diff --git a/packages/kernel/src/plugin/index.ts b/packages/kernel/src/plugin/index.ts
new file mode 100644
index 00000000..299e3428
--- /dev/null
+++ b/packages/kernel/src/plugin/index.ts
@@ -0,0 +1,17 @@
+export * from './shared-module-registry';
+export * from './create-core-container';
+export * from './engine-libs';
+export * from './plugin-manifest';
+export * from './package-manifest';
+export * from './plugin-manifest.exception';
+export * from './plugin-context.type';
+export * from './plugin-host.type';
+export * from './plugin-module-loader';
+export * from './command-metadata';
+export * from './plugin-activation.exception';
+export * from './plugin-host';
+export * from './describe-status';
+export * from './plugin-source.enum';
+export * from './plugin-resolution.type';
+export * from './resolve-plugins';
+export * from './core-services.const';
diff --git a/packages/kernel/src/plugin/manifest-fields.ts b/packages/kernel/src/plugin/manifest-fields.ts
new file mode 100644
index 00000000..f02b6c97
--- /dev/null
+++ b/packages/kernel/src/plugin/manifest-fields.ts
@@ -0,0 +1,44 @@
+import semver from 'semver';
+import { z } from 'zod';
+
+/** Registry package name: `@scope/name`, like a scoped npm package. */
+export const PLUGIN_NAME_PATTERN = /^@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*$/;
+
+export const PluginName = z
+  .string()
+  .regex(PLUGIN_NAME_PATTERN, 'must be "@scope/name" (lowercase letters, digits, dashes)');
+
+export const Version = z
+  .string()
+  .refine((value) => semver.valid(value) !== null, 'invalid semver version');
+
+export const Range = z
+  .string()
+  .refine((value) => semver.validRange(value) !== null, 'invalid semver range');
+
+/** `["a/b"]` (any version, CLI registry style) or `{ "a/b": "^1.0.0" }`. */
+export const PluginDependencies = z
+  .union([
+    z.array(PluginName).transform((names) => Object.fromEntries(names.map((name) => [name, '*']))),
+    z.record(PluginName, Range),
+  ])
+  .default({});
+
+export const NpmRanges = z.record(z.string().min(1), Range).default({});
+
+export const ACTIVATION_EVENT_PATTERN =
+  /^(onStartup|on(Command|Screen|Widget|ProjectType|Language|Uri):.+)$/;
+
+export const ActivationEvent = z
+  .string()
+  .regex(
+    ACTIVATION_EVENT_PATTERN,
+    'expected onStartup, onCommand:<id>, onScreen:<id>, onWidget:<id>, onProjectType:<type>, onLanguage:<id> or onUri:<scheme>',
+  );
+
+export const EntryPath = z
+  .string()
+  .min(1)
+  .refine((path) => !path.startsWith('/') && !path.split('/').includes('..'), {
+    message: 'must be a relative path inside the plugin package',
+  });
diff --git a/packages/kernel/src/plugin/package-manifest.ts b/packages/kernel/src/plugin/package-manifest.ts
new file mode 100644
index 00000000..b2120362
--- /dev/null
+++ b/packages/kernel/src/plugin/package-manifest.ts
@@ -0,0 +1,36 @@
+import { z } from 'zod';
+
+import { PluginDependencies, PluginName, Version } from './manifest-fields';
+
+const InsidePath = z
+  .string()
+  .min(1)
+  .refine((path) => !path.startsWith('/') && !path.split(/[\\/]/).includes('..'), {
+    message: 'must be a path inside the package',
+  });
+
+/**
+ * `nanoforge.manifest.json` of a package of type `package`, installed in `nf_modules`: the fields
+ * the editor reads today. `contents`, items and owner objects (ADR 0003) are kept as they are:
+ * `readPackageContents` (`@nanoforge-dev/registry/types`) reads `contents` with the
+ * sub-manifests' ones. A package never holds a plugin: plugins are installed apart
+ * (`.nanoforge/plugins`).
+ */
+export const PackageManifestSchema = z
+  .object({
+    $schema: z.string().optional(),
+    type: z.literal('package'),
+    name: PluginName,
+    version: Version,
+    description: z.string().optional(),
+    /**
+     * Sub-manifests describing more contents: folders (their `nanoforge.manifest.json`) or `.json`
+     * files. They only hold `contents` and `include`. Walked, never scanned.
+     */
+    include: z.array(InsidePath).default([]),
+    /** Editor plugins that make this package easier to use: the editor offers them. */
+    suggestedPlugins: PluginDependencies,
+  })
+  .loose();
+
+export type PackageManifest = z.output<typeof PackageManifestSchema>;
diff --git a/packages/kernel/src/plugin/plugin-activation.exception.ts b/packages/kernel/src/plugin/plugin-activation.exception.ts
new file mode 100644
index 00000000..83b888c9
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-activation.exception.ts
@@ -0,0 +1,9 @@
+export class PluginActivationError extends Error {
+  constructor(
+    readonly plugin: string,
+    cause: unknown,
+  ) {
+    super(`Plugin "${plugin}" failed to activate: ${String(cause)}`, { cause });
+    this.name = 'PluginActivationError';
+  }
+}
diff --git a/packages/kernel/src/plugin/plugin-context.type.ts b/packages/kernel/src/plugin/plugin-context.type.ts
new file mode 100644
index 00000000..28f639da
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-context.type.ts
@@ -0,0 +1,77 @@
+import type { CommandHandler, CommandMetadata } from '../command/command.type';
+import type { ContextKeyService } from '../context/context-key-service';
+import type { Container } from '../di/container';
+import type {
+  ProvideOptions,
+  ServiceAccessor,
+  ServiceDecorator,
+  ServiceFactory,
+} from '../di/container.type';
+import type { ServiceToken } from '../di/service-token';
+import type { Contribution, ExtensionPoint } from '../extension/extension-point.type';
+import type { MessageBundle } from '../i18n/localization-service';
+import type { MessageParams } from '../i18n/message-format';
+import type { Disposable, DisposableStore } from '../lifecycle/disposable';
+import type { Logger } from '../log/logger.type';
+import type { Observable } from '../observable/observable';
+import type { AppInfo } from './engine-libs';
+import type { PluginManifest } from './plugin-manifest';
+import type { PluginSourceKind } from './plugin-source.enum';
+
+/**
+ * What a plugin receives on activation. Everything registered through it is tied to the plugin
+ * lifetime: deactivating the plugin disposes it all.
+ */
+export interface PluginContext {
+  readonly name: string;
+  readonly manifest: PluginManifest;
+  readonly source: PluginSourceKind;
+  /** Disposed when the plugin deactivates; add your own disposables here. */
+  readonly subscriptions: DisposableStore;
+
+  /** Resolves services: plugin-private ones first, then the editor's. */
+  readonly services: ServiceAccessor;
+  /** Plugin-private container (not visible to other plugins). */
+  readonly scope: Container;
+  readonly contextKeys: ContextKeyService;
+  readonly logger: Logger;
+  /** Apps of the project that have every engine lib this plugin requires. */
+  readonly eligibleApps: Observable<readonly AppInfo[]>;
+
+  /** Provides a service to the whole editor (other plugins included). */
+  provide<T>(token: ServiceToken<T>, value: T, options?: ProvideOptions): Disposable;
+  provideFactory<T>(
+    token: ServiceToken<T>,
+    factory: ServiceFactory<T>,
+    options?: ProvideOptions,
+  ): Disposable;
+  /** Decorates an editor service, e.g. to extend a core feature. */
+  override<T>(
+    token: ServiceToken<T>,
+    decorate: ServiceDecorator<T>,
+    options?: ProvideOptions,
+  ): Disposable;
+
+  contribute<T>(point: ExtensionPoint<T>, value: T, options?: { priority?: number }): Disposable;
+  contributions<T>(point: ExtensionPoint<T>): Observable<readonly Contribution<T>[]>;
+
+  registerCommand<A extends unknown[], R>(
+    id: string,
+    handler: CommandHandler<A, R>,
+    metadata?: CommandMetadata,
+  ): Disposable;
+  executeCommand<R = unknown>(id: string, ...args: unknown[]): Promise<R>;
+
+  /** Translates a key of this plugin's namespace. */
+  t(key: string, params?: MessageParams): string;
+  registerMessages(locale: string, messages: MessageBundle): Disposable;
+
+  /** Absolute URL of a file shipped in the plugin package. */
+  resolveAsset(path: string): string;
+}
+
+/** What a plugin's client entry exports (see `definePlugin` in the SDK). */
+export interface PluginModule {
+  activate?(context: PluginContext): void | Promise<void>;
+  deactivate?(): void | Promise<void>;
+}
diff --git a/packages/kernel/src/plugin/plugin-host.ts b/packages/kernel/src/plugin/plugin-host.ts
new file mode 100644
index 00000000..2a1aceae
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-host.ts
@@ -0,0 +1,445 @@
+import { createToken } from '../di/service-token';
+import { Emitter, type Event } from '../event/emitter';
+import { type Disposable, DisposableStore, toDisposable } from '../lifecycle/disposable';
+import type { Logger } from '../log/logger.type';
+import { type Observable } from '../observable/observable';
+import { COMMAND_METADATA } from './command-metadata';
+import { CoreServices } from './core-services.const';
+import { createPluginContext } from './create-plugin-context';
+import { describeStatus } from './describe-status';
+import { bindEngineLibContext } from './engine-libs';
+import { PluginActivationError } from './plugin-activation.exception';
+import type { PluginModule } from './plugin-context.type';
+import type {
+  PluginHostOptions,
+  PluginInfo,
+  PluginModuleLoader,
+  PluginState,
+  StaticContributionHandler,
+} from './plugin-host.type';
+import type { CommandContribution } from './plugin-manifest';
+import { importPluginLoader } from './plugin-module-loader';
+import type { PluginDescriptor, PluginStatus, Resolution } from './plugin-resolution.type';
+import { resolvePlugins } from './resolve-plugins';
+
+interface PluginRecord {
+  descriptor: PluginDescriptor;
+  status: PluginStatus;
+  state: PluginState;
+  error?: unknown;
+  generation: number;
+  module?: PluginModule;
+  context?: DisposableStore;
+  staticContributions: DisposableStore;
+  pending?: Promise<void>;
+  /**
+   * Deactivation in progress. An activation asked meanwhile is refused: waiting for it could
+   * deadlock with a dependent that is still activating.
+   */
+  deactivating?: Promise<void>;
+}
+
+export class PluginHost implements Disposable {
+  private readonly _records = new Map<string, PluginRecord>();
+  private readonly _handlers = new Map<string, StaticContributionHandler>();
+  private readonly _store = new DisposableStore();
+  private readonly _onDidChange = new Emitter<void>();
+  private readonly _logger: Logger;
+  private readonly _loader: PluginModuleLoader;
+  private _resolution: Resolution | undefined;
+
+  readonly onDidChange: Event<void> = this._onDidChange.event;
+
+  constructor(private readonly _options: PluginHostOptions) {
+    this._loader = _options.loader ?? importPluginLoader;
+    this._logger = this._options.services.get(CoreServices.Logger).getLogger('kernel.plugins');
+    this._store.add(
+      this.registerContributionHandler<CommandContribution[]>({
+        key: 'commands',
+        apply: (commands, plugin) => {
+          const store = new DisposableStore();
+          for (const command of commands) {
+            store.add(
+              this._options.services
+                .get(CoreServices.Extensions)
+                .contribute(
+                  COMMAND_METADATA,
+                  { ...command, owner: plugin.manifest.name },
+                  { owner: plugin.manifest.name },
+                ),
+            );
+          }
+          return store;
+        },
+      }),
+    );
+    this._options.services.get(CoreServices.Commands).setActivator(async (id) => {
+      await this.activateByEvent(`onCommand:${id}`);
+    });
+  }
+
+  registerContributionHandler<T>(handler: StaticContributionHandler<T>): Disposable {
+    if (this._handlers.has(handler.key)) {
+      throw new Error(`A handler for contributes.${handler.key} is already registered`);
+    }
+    this._handlers.set(handler.key, handler as StaticContributionHandler);
+    for (const record of this._records.values()) {
+      if (record.status.kind === 'ok')
+        this._applyContribution(record, handler as StaticContributionHandler);
+    }
+    return toDisposable(() => this._handlers.delete(handler.key));
+  }
+
+  get resolution(): Resolution | undefined {
+    return this._resolution;
+  }
+
+  getPlugin(name: string): PluginInfo | undefined {
+    const record = this._records.get(name);
+    return record && this._info(name, record);
+  }
+
+  getPlugins(): PluginInfo[] {
+    return [...this._records].map(([name, record]) => this._info(name, record));
+  }
+
+  get plugins(): Observable<PluginInfo[]> {
+    return {
+      get: () => this.getPlugins(),
+      subscribe: (run) => {
+        run(this.getPlugins());
+        const subscription = this.onDidChange(() => run(this.getPlugins()));
+        return () => subscription.dispose();
+      },
+    };
+  }
+
+  /** Resolves plugins, applies their static contributions and activates `onStartup` ones. */
+  async start(descriptors: readonly PluginDescriptor[]): Promise<void> {
+    if (this._resolution) throw new Error('Plugin host already started');
+    this._resolution = resolvePlugins(descriptors, this._options);
+    for (const [name, resolved] of this._resolution.plugins) {
+      const record: PluginRecord = {
+        descriptor: resolved.descriptor,
+        status: resolved.status,
+        state: 'inactive',
+        generation: 0,
+        staticContributions: new DisposableStore(),
+      };
+      this._records.set(name, record);
+      if (resolved.status.kind !== 'ok') {
+        this._logger.warn(`Plugin "${name}" not loaded: ${describeStatus(resolved.status)}`);
+      }
+    }
+    for (const descriptor of this._resolution.order) {
+      this._applyStaticContributions(this._records.get(descriptor.manifest.name)!);
+    }
+    const apps = this._options.services.tryGet(CoreServices.EngineLibs)?.apps;
+    if (apps) {
+      this._store.add(
+        bindEngineLibContext(this._options.services.get(CoreServices.ContextKeys), apps, () =>
+          this._resolution!.order.map((d) => d.manifest),
+        ),
+      );
+    }
+    this._onDidChange.fire();
+    await this.activateByEvent('onStartup');
+  }
+
+  /**
+   * Replaces the set of plugins (a project with its own plugins was opened or closed). Plugins
+   * that left, changed source or stopped resolving are deactivated and removed; new ones get
+   * their static contributions. Plugins that were active and still resolve are re-activated,
+   * then `onStartup` plugins are activated.
+   */
+  async update(descriptors: readonly PluginDescriptor[]): Promise<void> {
+    if (!this._resolution) throw new Error('Plugin host not started');
+    const next = resolvePlugins(descriptors, this._options);
+    const wasActive = new Set(
+      [...this._records].filter(([, record]) => record.state === 'active').map(([name]) => name),
+    );
+    const changed = [...this._records].filter(([name, record]) => {
+      const resolved = next.plugins.get(name);
+      return (
+        !resolved ||
+        resolved.descriptor.baseUrl !== record.descriptor.baseUrl ||
+        resolved.descriptor.manifest.version !== record.descriptor.manifest.version ||
+        resolved.status.kind !== record.status.kind
+      );
+    });
+    for (const [name] of changed) await this.deactivate(name);
+    for (const [name, record] of changed) {
+      this._records.delete(name);
+      this._cleanup(name, record);
+      record.staticContributions.dispose();
+    }
+
+    this._resolution = next;
+    const fresh = new Set<string>();
+    for (const [name, resolved] of next.plugins) {
+      if (this._records.has(name)) continue;
+      fresh.add(name);
+      this._records.set(name, {
+        descriptor: resolved.descriptor,
+        status: resolved.status,
+        state: 'inactive',
+        generation: 0,
+        staticContributions: new DisposableStore(),
+      });
+      if (resolved.status.kind !== 'ok') {
+        this._logger.warn(`Plugin "${name}" not loaded: ${describeStatus(resolved.status)}`);
+      }
+    }
+    for (const descriptor of next.order) {
+      if (fresh.has(descriptor.manifest.name))
+        this._applyStaticContributions(this._records.get(descriptor.manifest.name)!);
+    }
+    this._onDidChange.fire();
+
+    const reactivate = [...wasActive].filter(
+      (name) => this._records.get(name)?.status.kind === 'ok',
+    );
+    const results = await Promise.allSettled(reactivate.map((name) => this.activate(name)));
+    for (const result of results) {
+      if (result.status === 'rejected') this._logger.error(String(result.reason));
+    }
+    await this.activateByEvent('onStartup');
+  }
+
+  /** Activates every inactive plugin listening to `event` (dependencies first). */
+  /**
+   * Activates the plugins listening to an event. Failures are logged, never thrown: resolves with
+   * them, so a caller can say why (a panel whose plugin failed).
+   */
+  async activateByEvent(event: string): Promise<unknown[]> {
+    const targets = (this._resolution?.order ?? [])
+      .map((descriptor) => descriptor.manifest)
+      .filter((manifest) => manifest.activation.includes(event))
+      .map((manifest) => manifest.name);
+    const results = await Promise.allSettled(targets.map((name) => this.activate(name)));
+    const failures: unknown[] = [];
+    for (const result of results) {
+      if (result.status !== 'rejected') continue;
+      this._logger.error(String(result.reason));
+      failures.push(result.reason);
+    }
+    return failures;
+  }
+
+  /**
+   * Activates a plugin and its dependencies. Concurrent calls share the same activation; one asked
+   * while the plugin deactivates (a hot reload, a project switch) runs once that is done.
+   */
+  activate(name: string): Promise<void> {
+    const record = this._records.get(name);
+    if (!record) return Promise.reject(new Error(`Unknown plugin "${name}"`));
+    if (record.status.kind !== 'ok') {
+      return Promise.reject(new PluginActivationError(name, describeStatus(record.status)));
+    }
+    if (record.deactivating) return record.deactivating.then(() => this.activate(name));
+    if (record.state === 'active') return Promise.resolve();
+    if (record.state === 'failed')
+      return Promise.reject(new PluginActivationError(name, record.error));
+    record.pending ??= this._activate(name, record).finally(() => {
+      record.pending = undefined;
+    });
+    return record.pending;
+  }
+
+  /**
+   * Deactivates a plugin after its active dependents. An activation in progress finishes first;
+   * concurrent calls share the same deactivation.
+   */
+  deactivate(name: string): Promise<void> {
+    const record = this._records.get(name);
+    if (!record) return Promise.resolve();
+    record.deactivating ??= this._deactivate(name, record).finally(() => {
+      record.deactivating = undefined;
+    });
+    return record.deactivating;
+  }
+
+  /**
+   * Hot reload (local dev plugins): deactivates the plugin and its dependents, re-applies its
+   * static contributions from the new manifest, re-imports its code and re-activates what was
+   * active before.
+   */
+  async reload(name: string, descriptor?: PluginDescriptor): Promise<void> {
+    const record = this._records.get(name);
+    if (!record) throw new Error(`Unknown plugin "${name}"`);
+    const wasActive = [name, ...this._dependentsDeep(name)].filter(
+      (plugin) => this._records.get(plugin)?.state === 'active',
+    );
+    await this.deactivate(name);
+    if (descriptor) record.descriptor = descriptor;
+    record.generation++;
+    record.module = undefined;
+    record.state = 'inactive';
+    record.staticContributions.clear();
+    if (record.status.kind === 'ok') this._applyStaticContributions(record);
+    for (const plugin of wasActive) await this.activate(plugin);
+  }
+
+  dispose(): void {
+    for (const [name, record] of this._records) {
+      if (record.state === 'active') this._deactivateModule(name, record);
+      this._cleanup(name, record);
+      record.staticContributions.dispose();
+    }
+    this._records.clear();
+    this._options.services.get(CoreServices.Commands).setActivator(undefined);
+    this._store.dispose();
+    this._onDidChange.dispose();
+  }
+
+  private async _deactivate(name: string, record: PluginRecord): Promise<void> {
+    await record.pending?.catch(() => undefined);
+    if (record.state !== 'active' && record.state !== 'failed') return;
+    for (const dependent of this._dependents(name)) await this.deactivate(dependent);
+    if (record.state === 'failed') {
+      record.state = 'inactive';
+      record.error = undefined;
+      this._onDidChange.fire();
+      return;
+    }
+    record.state = 'deactivating';
+    this._onDidChange.fire();
+    try {
+      await record.module?.deactivate?.();
+    } catch (error) {
+      this._logger.error(`Plugin "${name}" failed to deactivate`, error);
+    }
+    this._cleanup(name, record);
+    record.state = 'inactive';
+    this._onDidChange.fire();
+  }
+
+  private async _activate(name: string, record: PluginRecord): Promise<void> {
+    const { manifest } = record.descriptor;
+    for (const dependency of Object.keys(manifest.dependencies)) {
+      await this.activate(dependency);
+    }
+    for (const dependency of Object.keys(manifest.optionalDependencies)) {
+      if (this._records.get(dependency)?.status.kind === 'ok') {
+        await this.activate(dependency).catch(() => undefined);
+      }
+    }
+    record.state = 'activating';
+    this._onDidChange.fire();
+    const store = new DisposableStore();
+    record.context = store;
+    try {
+      record.module ??= await this._loader.load(record.descriptor, record.generation);
+      const context = createPluginContext(this._options.services, record.descriptor, store);
+      await withTimeout(
+        Promise.resolve(record.module.activate?.(context)),
+        this._options.activationTimeoutMs ?? 10_000,
+        `activation of "${name}" timed out`,
+      );
+      record.state = 'active';
+      this._logger.info(`Plugin "${name}" activated`);
+      this._onDidChange.fire();
+    } catch (error) {
+      if (record.module) this._deactivateModule(name, record);
+      this._cleanup(name, record);
+      record.state = 'failed';
+      record.error = error;
+      this._logger.error(`Plugin "${name}" failed to activate`, error);
+      this._onDidChange.fire();
+      throw new PluginActivationError(name, error);
+    }
+  }
+
+  /**
+   * Calls a module's `deactivate` without waiting: on dispose, and after a failed or timed-out
+   * activation (it may have done things outside its context). Errors are logged, sync or async.
+   */
+  private _deactivateModule(name: string, record: PluginRecord): void {
+    const { module } = record;
+    void Promise.resolve()
+      .then(() => module?.deactivate?.())
+      .catch((error: unknown) =>
+        this._logger.error(`Plugin "${name}" failed to deactivate`, error),
+      );
+  }
+
+  private _cleanup(name: string, record: PluginRecord): void {
+    try {
+      record.context?.dispose();
+    } catch (error) {
+      this._logger.error(`Errors while disposing plugin "${name}"`, error);
+    }
+    record.context = undefined;
+    this._options.services.get(CoreServices.Extensions).removeOwner(name);
+    record.staticContributions.clear();
+    if (record.status.kind === 'ok' && this._records.has(name)) {
+      this._applyStaticContributions(record);
+    }
+  }
+
+  private _applyStaticContributions(record: PluginRecord): void {
+    const { contributes, name } = record.descriptor.manifest;
+    for (const key of Object.keys(contributes)) {
+      const handler = this._handlers.get(key);
+      if (handler) this._applyContribution(record, handler);
+      else this._logger.debug(`No handler yet for contributes.${key} of "${name}"`);
+    }
+  }
+
+  private _applyContribution(record: PluginRecord, handler: StaticContributionHandler): void {
+    const { manifest } = record.descriptor;
+    const raw = (manifest.contributes as Record<string, unknown>)[handler.key];
+    if (raw === undefined) return;
+    try {
+      const value = handler.validator ? handler.validator.parse(raw) : raw;
+      record.staticContributions.add(handler.apply(value, record.descriptor));
+    } catch (error) {
+      this._logger.error(`Invalid contributes.${handler.key} of "${manifest.name}"`, error);
+    }
+  }
+
+  /** Active, activating or failed plugins depending (required or optional) on `name`. */
+  private _dependents(name: string): string[] {
+    return [...this._records]
+      .filter(([, record]) => {
+        const { dependencies, optionalDependencies } = record.descriptor.manifest;
+        return (
+          (record.state === 'active' ||
+            record.state === 'activating' ||
+            record.state === 'failed') &&
+          (name in dependencies || name in optionalDependencies)
+        );
+      })
+      .map(([dependent]) => dependent);
+  }
+
+  private _dependentsDeep(name: string, seen = new Set<string>()): string[] {
+    for (const dependent of this._dependents(name)) {
+      if (seen.has(dependent)) continue;
+      seen.add(dependent);
+      this._dependentsDeep(dependent, seen);
+    }
+    return [...seen];
+  }
+
+  private _info(name: string, record: PluginRecord): PluginInfo {
+    return {
+      name,
+      descriptor: record.descriptor,
+      status: record.status,
+      state: record.state,
+      ...(record.error === undefined ? {} : { error: record.error }),
+    };
+  }
+}
+
+const withTimeout = <T>(promise: Promise<T>, ms: number, message: string): Promise<T> => {
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  const timeout = new Promise<never>((_, reject) => {
+    timer = setTimeout(() => reject(new Error(message)), ms);
+  });
+  return Promise.race([promise, timeout]).finally(() => clearTimeout(timer));
+};
+
+/** The plugin host of the editor (plugin list, enable state), e.g. for a plugins page. */
+export const PluginHostToken = createToken<PluginHost>('core.pluginHost');
diff --git a/packages/kernel/src/plugin/plugin-host.type.ts b/packages/kernel/src/plugin/plugin-host.type.ts
new file mode 100644
index 00000000..e4b6b8cb
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-host.type.ts
@@ -0,0 +1,44 @@
+import type { CommandMetadata } from '../command/command.type';
+import type { Container } from '../di/container';
+import type { Validator } from '../extension/extension-point.type';
+import type { Disposable } from '../lifecycle/disposable';
+import type { PluginModule } from './plugin-context.type';
+import type { PluginDescriptor, PluginStatus, ResolveOptions } from './plugin-resolution.type';
+
+export type PluginState = 'inactive' | 'activating' | 'active' | 'deactivating' | 'failed';
+
+export interface PluginInfo {
+  readonly name: string;
+  readonly descriptor: PluginDescriptor;
+  readonly status: PluginStatus;
+  readonly state: PluginState;
+  readonly error?: unknown;
+}
+
+export interface PluginModuleLoader {
+  /** Imports the client entry. `generation` changes on hot reload to bypass module caches. */
+  load(descriptor: PluginDescriptor, generation: number): Promise<PluginModule>;
+}
+
+/**
+ * Handles a static `contributes.<key>` section of manifests. Static contributions are applied
+ * for every resolved plugin before activation, so the UI can show commands, widgets or settings
+ * of plugins that activate lazily.
+ */
+export interface StaticContributionHandler<T = unknown> {
+  readonly key: string;
+  readonly validator?: Validator<T>;
+  apply(value: T, plugin: PluginDescriptor): Disposable;
+}
+
+export interface CommandMetadataContribution extends CommandMetadata {
+  readonly id: string;
+  readonly owner: string;
+}
+
+export interface PluginHostOptions extends ResolveOptions {
+  /** Editor-wide container; plugin scopes are created as its children. */
+  services: Container;
+  loader?: PluginModuleLoader;
+  activationTimeoutMs?: number;
+}
diff --git a/packages/kernel/src/plugin/plugin-manifest.exception.ts b/packages/kernel/src/plugin/plugin-manifest.exception.ts
new file mode 100644
index 00000000..88aff76a
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-manifest.exception.ts
@@ -0,0 +1,12 @@
+export class PluginManifestError extends Error {
+  constructor(
+    readonly issues: readonly { path: string; message: string }[],
+    readonly location?: string,
+  ) {
+    super(
+      `Invalid plugin manifest${location ? ` (${location})` : ''}:\n` +
+        issues.map((issue) => `  - ${issue.path || '<root>'}: ${issue.message}`).join('\n'),
+    );
+    this.name = 'PluginManifestError';
+  }
+}
diff --git a/packages/kernel/src/plugin/plugin-manifest.ts b/packages/kernel/src/plugin/plugin-manifest.ts
new file mode 100644
index 00000000..25fd842a
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-manifest.ts
@@ -0,0 +1,93 @@
+import { z } from 'zod';
+
+import {
+  ActivationEvent,
+  EntryPath,
+  NpmRanges,
+  PluginDependencies,
+  PluginName,
+  Range,
+  Version,
+} from './manifest-fields';
+import { PluginManifestError } from './plugin-manifest.exception';
+
+const CommandContribution = z.object({
+  id: z.string().min(1),
+  title: z.string().min(1),
+  category: z.string().optional(),
+  icon: z.string().optional(),
+  when: z.string().optional(),
+  /** `false`: not listed in the command palette (the command needs arguments). */
+  palette: z.boolean().optional(),
+});
+
+/**
+ * `nanoforge.manifest.json` of a package of type `plugin`.
+ * Contributions other than `commands` are validated by the service that owns them
+ * (settings, widgets, menus…) through contribution handlers.
+ */
+export const PluginManifestSchema = z.object({
+  $schema: z.string().optional(),
+  type: z.literal('plugin'),
+  name: PluginName,
+  version: Version,
+  displayName: z.string().min(1).optional(),
+  description: z.string().optional(),
+  tags: z.array(z.string()).default([]),
+  icon: EntryPath.optional(),
+  license: z.string().optional(),
+  repository: z.string().optional(),
+
+  engines: z.object({ editor: Range }),
+  dependencies: PluginDependencies,
+  optionalDependencies: PluginDependencies,
+  engineLibs: z
+    .object({ required: NpmRanges, optional: NpmRanges })
+    .default({ required: {}, optional: {} }),
+
+  entry: z
+    .object({
+      client: EntryPath.optional(),
+      server: EntryPath.optional(),
+      worker: EntryPath.optional(),
+    })
+    .refine((entry) => entry.client || entry.server || entry.worker, {
+      message: 'at least one of client, server or worker is required',
+    }),
+  /** Defaults to `["onStartup"]`. */
+  activation: z.array(ActivationEvent).default(['onStartup']),
+  contributes: z
+    .object({
+      commands: z.array(CommandContribution).default([]),
+      /** The plugin owns item data (ADR 0003): its tags, and the version of its owner object. */
+      itemOwner: z
+        .object({
+          schema: z.number().int().positive(),
+          tags: z.array(z.string().regex(/^[a-z][A-Za-z0-9]*$/)).default([]),
+        })
+        .optional(),
+    })
+    .catchall(z.unknown())
+    .default({ commands: [] }),
+
+  /** Filled by `@nanoforge-dev/editor-vite-plugin` at build time. */
+  build: z.object({ svelte: Version.optional(), sdk: Version.optional() }).default({}),
+});
+
+export type PluginManifest = z.output<typeof PluginManifestSchema>;
+
+export type PluginManifestInput = z.input<typeof PluginManifestSchema>;
+export type CommandContribution = z.output<typeof CommandContribution>;
+
+export const parsePluginManifest = (value: unknown, location?: string): PluginManifest => {
+  const result = PluginManifestSchema.safeParse(value);
+  if (result.success) return result.data;
+  throw new PluginManifestError(
+    result.error.issues.map((issue) => ({ path: issue.path.join('.'), message: issue.message })),
+    location,
+  );
+};
+
+/** JSON Schema of the manifest, for editor completion (`$schema` in manifests). */
+export const pluginManifestJsonSchema = (): unknown =>
+  z.toJSONSchema(PluginManifestSchema, { io: 'input', unrepresentable: 'any' });
diff --git a/packages/kernel/src/plugin/plugin-module-loader.ts b/packages/kernel/src/plugin/plugin-module-loader.ts
new file mode 100644
index 00000000..b1ab5e4e
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-module-loader.ts
@@ -0,0 +1,24 @@
+import type { PluginModule } from './plugin-context.type';
+import type { PluginModuleLoader } from './plugin-host.type';
+
+/**
+ * A plugin entry exports `activate`/`deactivate`, or a default export holding them
+ * (`export default definePlugin({...})`).
+ */
+export const normalizePluginModule = (imported: unknown): PluginModule => {
+  const module = (imported ?? {}) as PluginModule & { default?: unknown };
+  if (module.activate || module.deactivate) return module;
+  const fallback = module.default as PluginModule | undefined;
+  return fallback && typeof fallback === 'object' ? fallback : {};
+};
+
+/** Loads client entries with a dynamic `import()` of `<baseUrl>/<entry.client>`. */
+export const importPluginLoader: PluginModuleLoader = {
+  async load(descriptor, generation) {
+    const entry = descriptor.manifest.entry.client;
+    if (!entry) return {};
+    const url = new URL(entry, descriptor.baseUrl);
+    if (generation > 0) url.searchParams.set('v', String(generation));
+    return normalizePluginModule(await import(/* @vite-ignore */ url.href));
+  },
+};
diff --git a/packages/kernel/src/plugin/plugin-resolution.type.ts b/packages/kernel/src/plugin/plugin-resolution.type.ts
new file mode 100644
index 00000000..8757e6b2
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-resolution.type.ts
@@ -0,0 +1,41 @@
+import type { PluginManifest } from './plugin-manifest';
+import type { PluginSourceKind } from './plugin-source.enum';
+
+export interface PluginDescriptor {
+  readonly manifest: PluginManifest;
+  readonly source: PluginSourceKind;
+  /** URL of the plugin package root, entry paths are resolved against it. */
+  readonly baseUrl: string;
+}
+
+export type PluginStatus =
+  | { kind: 'ok' }
+  | { kind: 'disabled' }
+  | { kind: 'shadowed'; by: PluginSourceKind }
+  | { kind: 'incompatible-editor'; required: string; actual: string }
+  | { kind: 'incompatible-runtime'; module: string; compiled: string; actual: string }
+  | { kind: 'missing-dependency'; dependency: string; range: string }
+  | { kind: 'dependency-version'; dependency: string; range: string; actual: string }
+  | { kind: 'dependency-failed'; dependency: string }
+  | { kind: 'cycle'; cycle: readonly string[] };
+
+export interface ResolveOptions {
+  editorVersion: string;
+  /** Versions of the shared runtime modules of the host, e.g. `{ svelte: '5.57.1' }`. */
+  runtimeVersions?: Readonly<Record<string, string>>;
+  disabled?: ReadonlySet<string>;
+}
+
+export interface ResolvedPlugin {
+  readonly descriptor: PluginDescriptor;
+  readonly status: PluginStatus;
+}
+
+export interface Resolution {
+  /** Every candidate by name (the winning source for shadowed names). */
+  readonly plugins: ReadonlyMap<string, ResolvedPlugin>;
+  /** Plugins shadowed by another source. */
+  readonly shadowed: readonly ResolvedPlugin[];
+  /** `ok` plugins in activation order: dependencies (and present optional ones) first. */
+  readonly order: readonly PluginDescriptor[];
+}
diff --git a/packages/kernel/src/plugin/plugin-source.enum.ts b/packages/kernel/src/plugin/plugin-source.enum.ts
new file mode 100644
index 00000000..f116f32d
--- /dev/null
+++ b/packages/kernel/src/plugin/plugin-source.enum.ts
@@ -0,0 +1,3 @@
+/** Where a plugin comes from. Later sources shadow earlier ones with the same name. */
+export const PLUGIN_SOURCE_ORDER = ['bundled', 'installed', 'project', 'dev'] as const;
+export type PluginSourceKind = (typeof PLUGIN_SOURCE_ORDER)[number];
diff --git a/packages/kernel/src/plugin/resolve-plugins.ts b/packages/kernel/src/plugin/resolve-plugins.ts
new file mode 100644
index 00000000..9a2edc8b
--- /dev/null
+++ b/packages/kernel/src/plugin/resolve-plugins.ts
@@ -0,0 +1,179 @@
+import semver from 'semver';
+
+import type {
+  PluginDescriptor,
+  PluginStatus,
+  Resolution,
+  ResolveOptions,
+  ResolvedPlugin,
+} from './plugin-resolution.type';
+import { PLUGIN_SOURCE_ORDER } from './plugin-source.enum';
+
+const satisfies = (version: string, range: string) =>
+  semver.satisfies(version, range, { includePrerelease: true });
+
+/**
+ * A compiled Svelte component calls runtime internals: it must have been compiled with the same
+ * major and a version not newer than the host runtime (docs/adr/0001-plugin-ui-runtime.md).
+ */
+const runtimeCompatible = (compiled: string, actual: string) =>
+  semver.major(compiled) === semver.major(actual) && semver.lte(compiled, actual);
+
+const optionalOk = (plugins: Map<string, ResolvedPlugin>, name: string, range: string) => {
+  const dependency = plugins.get(name);
+  return (
+    dependency?.status.kind === 'ok' && satisfies(dependency.descriptor.manifest.version, range)
+  );
+};
+
+export const resolvePlugins = (
+  descriptors: readonly PluginDescriptor[],
+  options: ResolveOptions,
+): Resolution => {
+  const candidates = new Map<string, PluginDescriptor>();
+  const shadowed: ResolvedPlugin[] = [];
+  const rank = (d: PluginDescriptor) => PLUGIN_SOURCE_ORDER.indexOf(d.source);
+  for (const descriptor of [...descriptors].sort((a, b) => rank(a) - rank(b))) {
+    const previous = candidates.get(descriptor.manifest.name);
+    if (previous) {
+      shadowed.push({ descriptor: previous, status: { kind: 'shadowed', by: descriptor.source } });
+    }
+    candidates.set(descriptor.manifest.name, descriptor);
+  }
+
+  const plugins = new Map<string, ResolvedPlugin>();
+  for (const [name, descriptor] of candidates) {
+    plugins.set(name, { descriptor, status: checkPlugin(descriptor, candidates, options) });
+  }
+
+  for (const cycle of findCycles(plugins)) {
+    for (const name of cycle) {
+      plugins.set(name, {
+        descriptor: plugins.get(name)!.descriptor,
+        status: { kind: 'cycle', cycle },
+      });
+    }
+  }
+
+  let changed = true;
+  while (changed) {
+    changed = false;
+    for (const [name, plugin] of plugins) {
+      if (plugin.status.kind !== 'ok') continue;
+      const failed = Object.keys(plugin.descriptor.manifest.dependencies).find(
+        (dependency) => plugins.get(dependency)?.status.kind !== 'ok',
+      );
+      if (failed) {
+        plugins.set(name, {
+          descriptor: plugin.descriptor,
+          status: { kind: 'dependency-failed', dependency: failed },
+        });
+        changed = true;
+      }
+    }
+  }
+
+  return { plugins, shadowed, order: activationOrder(plugins) };
+};
+
+const checkPlugin = (
+  descriptor: PluginDescriptor,
+  candidates: ReadonlyMap<string, PluginDescriptor>,
+  options: ResolveOptions,
+): PluginStatus => {
+  const { manifest } = descriptor;
+  if (options.disabled?.has(manifest.name)) return { kind: 'disabled' };
+  if (!satisfies(options.editorVersion, manifest.engines.editor)) {
+    return {
+      kind: 'incompatible-editor',
+      required: manifest.engines.editor,
+      actual: options.editorVersion,
+    };
+  }
+  for (const [module, compiled] of Object.entries(manifest.build)) {
+    const actual = options.runtimeVersions?.[module];
+    if (compiled && actual && !runtimeCompatible(compiled, actual)) {
+      return { kind: 'incompatible-runtime', module, compiled, actual };
+    }
+  }
+  for (const [dependency, range] of Object.entries(manifest.dependencies)) {
+    const found = candidates.get(dependency);
+    if (!found) return { kind: 'missing-dependency', dependency, range };
+    if (!satisfies(found.manifest.version, range)) {
+      return { kind: 'dependency-version', dependency, range, actual: found.manifest.version };
+    }
+  }
+  return { kind: 'ok' };
+};
+
+/** Edges used for ordering: required dependencies and valid optional ones. */
+const edges = (plugins: Map<string, ResolvedPlugin>, plugin: ResolvedPlugin): string[] => {
+  const { dependencies, optionalDependencies } = plugin.descriptor.manifest;
+  return [
+    ...Object.keys(dependencies).filter((name) => plugins.has(name)),
+    ...Object.entries(optionalDependencies)
+      .filter(([name, range]) => optionalOk(plugins, name, range))
+      .map(([name]) => name),
+  ];
+};
+
+/** Strongly connected components with more than one node (or a self loop), via Tarjan. */
+const findCycles = (plugins: Map<string, ResolvedPlugin>): string[][] => {
+  const index = new Map<string, number>();
+  const low = new Map<string, number>();
+  const stack: string[] = [];
+  const onStack = new Set<string>();
+  const cycles: string[][] = [];
+  let counter = 0;
+
+  const visit = (name: string) => {
+    index.set(name, counter);
+    low.set(name, counter++);
+    stack.push(name);
+    onStack.add(name);
+    for (const next of edges(plugins, plugins.get(name)!)) {
+      if (plugins.get(next)?.status.kind !== 'ok') continue;
+      if (!index.has(next)) {
+        visit(next);
+        low.set(name, Math.min(low.get(name)!, low.get(next)!));
+      } else if (onStack.has(next)) {
+        low.set(name, Math.min(low.get(name)!, index.get(next)!));
+      }
+    }
+    if (low.get(name) !== index.get(name)) return;
+    const component: string[] = [];
+    let member: string;
+    do {
+      member = stack.pop()!;
+      onStack.delete(member);
+      component.push(member);
+    } while (member !== name);
+    const selfLoop = edges(plugins, plugins.get(name)!).includes(name);
+    if (component.length > 1 || selfLoop) cycles.push(component.sort());
+  };
+
+  for (const [name, plugin] of [...plugins].sort(([a], [b]) => a.localeCompare(b))) {
+    if (plugin.status.kind === 'ok' && !index.has(name)) visit(name);
+  }
+  return cycles;
+};
+
+/** Kahn's algorithm over ok plugins; ties broken by name for a deterministic order. */
+const activationOrder = (plugins: Map<string, ResolvedPlugin>): PluginDescriptor[] => {
+  const ok = [...plugins].filter(([, plugin]) => plugin.status.kind === 'ok');
+  const pending = new Map(ok.map(([name, plugin]) => [name, new Set(edges(plugins, plugin))]));
+  const order: PluginDescriptor[] = [];
+  while (pending.size) {
+    const ready = [...pending]
+      .filter(([, deps]) => [...deps].every((dep) => !pending.has(dep)))
+      .map(([name]) => name)
+      .sort();
+    /** Unreachable: cycles were removed. */
+    if (!ready.length) break;
+    for (const name of ready) {
+      pending.delete(name);
+      order.push(plugins.get(name)!.descriptor);
+    }
+  }
+  return order;
+};
diff --git a/packages/kernel/src/plugin/shared-module-registry.ts b/packages/kernel/src/plugin/shared-module-registry.ts
new file mode 100644
index 00000000..aa1ad41a
--- /dev/null
+++ b/packages/kernel/src/plugin/shared-module-registry.ts
@@ -0,0 +1,55 @@
+/**
+ * Global under which the host exposes its shared modules to editor plugins.
+ * Must match `SHARED_GLOBAL` of `@nanoforge-dev/editor-vite-plugin`.
+ */
+export const SHARED_GLOBAL = '__nanoforge_editor_shared__';
+
+export type ModuleNamespace = Readonly<Record<string, unknown>>;
+
+export interface SharedModuleScope {
+  require(id: string): ModuleNamespace;
+}
+
+/**
+ * Registry of the modules (Svelte runtime, editor SDK…) that plugins share with the host.
+ * Plugins built with the editor vite plugin resolve these imports through the installed
+ * registry instead of bundling their own copy.
+ */
+export class SharedModuleRegistry implements SharedModuleScope {
+  private readonly _modules = new Map<string, ModuleNamespace>();
+
+  register(id: string, namespace: ModuleNamespace): this {
+    if (this._modules.has(id)) throw new Error(`Shared module "${id}" is already registered`);
+    this._modules.set(id, namespace);
+    return this;
+  }
+
+  has(id: string): boolean {
+    return this._modules.has(id);
+  }
+
+  require(id: string): ModuleNamespace {
+    const namespace = this._modules.get(id);
+    if (!namespace) {
+      throw new Error(`Shared module "${id}" is not provided by this editor version`);
+    }
+    return namespace;
+  }
+
+  get ids(): string[] {
+    return [...this._modules.keys()];
+  }
+
+  /** Exposes the registry to plugin code. Only one registry can be installed at a time. */
+  install(target: object = globalThis): () => void {
+    const holder = target as Record<string, unknown>;
+    if (holder[SHARED_GLOBAL]) {
+      throw new Error('Another shared module registry is already installed');
+    }
+    const scope: SharedModuleScope = { require: (id) => this.require(id) };
+    Object.defineProperty(holder, SHARED_GLOBAL, { value: scope, configurable: true });
+    return () => {
+      Reflect.deleteProperty(holder, SHARED_GLOBAL);
+    };
+  }
+}
diff --git a/packages/kernel/test/command/command-registry.spec.ts b/packages/kernel/test/command/command-registry.spec.ts
new file mode 100644
index 00000000..f75a1cbe
--- /dev/null
+++ b/packages/kernel/test/command/command-registry.spec.ts
@@ -0,0 +1,66 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { CommandNotFoundError } from '../../src/command/command-not-found.exception';
+import { CommandPreconditionError } from '../../src/command/command-precondition.exception';
+import { CommandRegistry } from '../../src/command/command-registry';
+import { ContextKeyService } from '../../src/context/context-key-service';
+import { Container } from '../../src/di/container';
+import { createToken } from '../../src/di/service-token';
+
+const Counter = createToken<{ value: number }>('counter');
+
+const setup = () => {
+  const services = new Container();
+  services.provide(Counter, { value: 0 });
+  const context = new ContextKeyService();
+  return { services, context, commands: new CommandRegistry(services, context) };
+};
+
+describe('CommandRegistry', () => {
+  it('runs handlers with services and args', async () => {
+    const { commands } = setup();
+    commands.register({
+      id: 'counter.add',
+      handler: (s, n: number) => (s.get(Counter).value += n),
+    });
+    await expect(commands.execute('counter.add', 2)).resolves.toBe(2);
+  });
+
+  it('rejects duplicates and unknown commands', async () => {
+    const { commands } = setup();
+    const sub = commands.register({ id: 'a', handler: () => undefined });
+    expect(() => commands.register({ id: 'a', handler: () => undefined })).toThrow();
+    sub.dispose();
+    await expect(commands.execute('a')).rejects.toThrow(CommandNotFoundError);
+  });
+
+  it('checks preconditions', async () => {
+    const { commands, context } = setup();
+    commands.register({ id: 'runtime.pause', when: 'playing', handler: () => 'paused' });
+    expect(commands.isEnabled('runtime.pause')).toBe(false);
+    await expect(commands.execute('runtime.pause')).rejects.toThrow(CommandPreconditionError);
+    context.set('playing', true);
+    await expect(commands.execute('runtime.pause')).resolves.toBe('paused');
+  });
+
+  it('activates lazily and reports executions', async () => {
+    const { commands } = setup();
+    const executions = vi.fn();
+    commands.onDidExecute(executions);
+    commands.setActivator(async (id) => {
+      commands.register({ id, handler: () => 'late' });
+    });
+    await expect(commands.execute('plugin.cmd')).resolves.toBe('late');
+    commands.register({
+      id: 'fails',
+      handler: () => {
+        throw new Error('x');
+      },
+    });
+    await expect(commands.execute('fails')).rejects.toThrow('x');
+    expect(executions.mock.calls.map(([e]) => [e.id, 'error' in e])).toEqual([
+      ['plugin.cmd', false],
+      ['fails', true],
+    ]);
+  });
+});
diff --git a/packages/kernel/test/context/context-key-service.spec.ts b/packages/kernel/test/context/context-key-service.spec.ts
new file mode 100644
index 00000000..09e7bbb6
--- /dev/null
+++ b/packages/kernel/test/context/context-key-service.spec.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { ContextKeyService } from '../../src/context/context-key-service';
+
+describe('ContextKeyService', () => {
+  it('scopes shadow their parent', () => {
+    const global = new ContextKeyService();
+    global.set('screen', 'scene');
+    const widget = global.createScoped('widget');
+    widget.set('focus', 'hierarchy');
+    expect(widget.evaluate("screen == scene && focus == 'hierarchy'")).toBe(true);
+    expect(global.evaluate('focus')).toBe(false);
+    widget.set('screen', 'game');
+    expect(widget.get('screen')).toBe('game');
+    expect(global.get('screen')).toBe('scene');
+  });
+
+  it('bind restores the previous value', () => {
+    const context = new ContextKeyService();
+    context.set('mode', 'edit');
+    const binding = context.bind('mode', 'play');
+    expect(context.get('mode')).toBe('play');
+    binding.dispose();
+    expect(context.get('mode')).toBe('edit');
+    const temp = context.bind('tmp', 1);
+    temp.dispose();
+    expect(context.get('tmp')).toBeUndefined();
+  });
+
+  it('observe re-evaluates only on relevant keys', () => {
+    const global = new ContextKeyService();
+    const scoped = global.createScoped('s');
+    const run = vi.fn();
+    scoped.observe('playing && !paused').subscribe(run);
+    global.set('playing', true);
+    global.set('unrelated', 1);
+    scoped.set('paused', true);
+    /** Shadowed by the scope: no change. */
+    global.set('paused', false);
+    expect(run.mock.calls).toEqual([[false], [true], [false]]);
+  });
+
+  it('undefined when clauses are always true', () => {
+    const context = new ContextKeyService();
+    expect(context.evaluate(undefined)).toBe(true);
+    expect(context.observe(undefined).get()).toBe(true);
+  });
+});
diff --git a/packages/kernel/test/context/parse-when.spec.ts b/packages/kernel/test/context/parse-when.spec.ts
new file mode 100644
index 00000000..6ada5759
--- /dev/null
+++ b/packages/kernel/test/context/parse-when.spec.ts
@@ -0,0 +1,54 @@
+import { describe, expect, it } from 'vitest';
+
+import { parseWhen } from '../../src/context/parse-when';
+import { WhenParseError } from '../../src/context/when-parse.exception';
+
+const ctx: Record<string, unknown> = {
+  editorFocus: true,
+  screen: 'scene',
+  count: 2,
+  'engineLib:@nanoforge-dev/ecs': true,
+  'plugin.@nanoforge/ecs.eligible': false,
+  resourceName: 'player.component.ts',
+  selection: 'entity',
+  selectable: ['entity', 'component'],
+  apps: { client: {}, server: {} },
+  app: 'server',
+};
+const run = (source: string) => parseWhen(source).evaluate((key) => ctx[key]);
+
+describe('when clauses', () => {
+  it.each([
+    ['editorFocus', true],
+    ['!editorFocus', false],
+    ['missing', false],
+    ['true && !false', true],
+    ["screen == 'scene'", true],
+    ['screen == scene', true],
+    ['screen != "game"', true],
+    ['count == 2', true],
+    ['count == 3', false],
+    ['engineLib:@nanoforge-dev/ecs && !plugin.@nanoforge/ecs.eligible', true],
+    ['resourceName =~ /\\.component\\.ts$/', true],
+    ['resourceName =~ /\\.SYSTEM\\.ts$/i', false],
+    ['selection in selectable', true],
+    ['app in apps', true],
+    ['screen == game || (editorFocus && count == 2)', true],
+    ['!(editorFocus || missing)', false],
+  ])('%s → %s', (source, expected) => {
+    expect(run(source)).toBe(expected);
+  });
+
+  it.each(['g', 'y', 'gy'])('gives the same answer every time with the %s flag', (flags) => {
+    const clause = parseWhen(`resourceName =~ /component/${flags}`);
+    expect([1, 2, 3].map(() => clause.evaluate((key) => ctx[key]))).toEqual([true, true, true]);
+  });
+
+  it('reports read keys', () => {
+    expect([...parseWhen('a && (b == x || !c) && d in e').keys]).toEqual(['a', 'b', 'c', 'd', 'e']);
+  });
+
+  it.each(['a &&', '(a', 'a == ', "a == 'x", 'a =~ b', 'a b', '#'])('rejects %s', (source) => {
+    expect(() => parseWhen(source)).toThrow(WhenParseError);
+  });
+});
diff --git a/packages/kernel/test/di/container.spec.ts b/packages/kernel/test/di/container.spec.ts
new file mode 100644
index 00000000..a617be9a
--- /dev/null
+++ b/packages/kernel/test/di/container.spec.ts
@@ -0,0 +1,116 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { Container } from '../../src/di/container';
+import { CyclicDependencyError } from '../../src/di/cyclic-dependency.exception';
+import { ServiceNotFoundError } from '../../src/di/service-not-found.exception';
+import { createToken } from '../../src/di/service-token';
+import { toDisposable } from '../../src/lifecycle/disposable';
+
+interface Greeter {
+  greet(): string;
+}
+const Greeter = createToken<Greeter>('greeter');
+const Name = createToken<string>('name');
+
+describe('Container', () => {
+  it('resolves values and lazy factories once', () => {
+    const container = new Container();
+    const factory = vi.fn(() => ({ greet: () => 'hi' }));
+    container.provideFactory(Greeter, factory);
+    expect(factory).not.toHaveBeenCalled();
+    expect(container.get(Greeter)).toBe(container.get(Greeter));
+    expect(factory).toHaveBeenCalledOnce();
+    expect(() => container.get(Name)).toThrow(ServiceNotFoundError);
+    expect(container.tryGet(Name)).toBeUndefined();
+  });
+
+  it('picks the highest priority, then the latest registration', () => {
+    const container = new Container();
+    container.provide(Name, 'default');
+    const high = container.provide(Name, 'plugin', { priority: 10 });
+    container.provide(Name, 'late');
+    expect(container.get(Name)).toBe('plugin');
+    high.dispose();
+    expect(container.get(Name)).toBe('late');
+    expect(container.getAll(Name)).toEqual(['default', 'late']);
+  });
+
+  it('applies overrides from the root down to the requesting scope', () => {
+    const root = new Container();
+    root.provide(Name, 'base');
+    root.override(Name, (inner) => `${inner}+root`);
+    const child = root.createChild('project');
+    child.override(Name, (inner) => `${inner}+child`, { priority: 5 });
+    root.override(Name, (inner) => `${inner}+root2`, { priority: 1 });
+    expect(root.get(Name)).toBe('base+root+root2');
+    expect(child.get(Name)).toBe('base+root+root2+child');
+  });
+
+  it('children shadow their parent and see parent changes', () => {
+    const root = new Container();
+    root.provide(Name, 'root');
+    const child = root.createChild('child');
+    expect(child.get(Name)).toBe('root');
+    root.provide(Name, 'root2');
+    expect(child.get(Name)).toBe('root2');
+    const local = child.provide(Name, 'child');
+    expect(child.get(Name)).toBe('child');
+    expect(root.get(Name)).toBe('root2');
+    local.dispose();
+    expect(child.get(Name)).toBe('root2');
+  });
+
+  it('factories resolve dependencies through their owner', () => {
+    const root = new Container();
+    root.provide(Name, 'world');
+    root.provideFactory(Greeter, (s) => ({ greet: () => `hello ${s.get(Name)}` }));
+    const child = root.createChild('c');
+    /** Does not affect the root singleton. */
+    child.provide(Name, 'child');
+    expect(child.get(Greeter).greet()).toBe('hello world');
+  });
+
+  it('detects cycles', () => {
+    const A = createToken<number>('a');
+    const B = createToken<number>('b');
+    const container = new Container();
+    container.provideFactory(A, (s) => s.get(B) + 1);
+    container.provideFactory(B, (s) => s.get(A) + 1);
+    expect(() => container.get(A)).toThrow(CyclicDependencyError);
+    expect(() => container.get(A)).toThrow('a -> b -> a');
+  });
+
+  it('observe follows provider changes', () => {
+    const container = new Container();
+    const run = vi.fn();
+    container.observe(Name).subscribe(run);
+    const provider = container.provide(Name, 'a');
+    container.provide(Greeter, { greet: () => '' });
+    provider.dispose();
+    expect(run.mock.calls).toEqual([[undefined], ['a'], [undefined]]);
+  });
+
+  it('disposes factory instances, children, and refuses use after dispose', () => {
+    const root = new Container();
+    const disposed = vi.fn();
+    const Service = createToken<{ dispose(): void }>('svc');
+    root.provideFactory(Service, () => toDisposable(disposed));
+    const child = root.createChild('child');
+    root.get(Service);
+    root.dispose();
+    expect(disposed).toHaveBeenCalledOnce();
+    expect(() => child.get(Name)).toThrow(/disposed/);
+    expect(child.tryGet(Name)).toBeUndefined();
+    expect(root.tryGet(Service)).toBeUndefined();
+  });
+
+  it('disposes the instance when its provider is removed', () => {
+    const container = new Container();
+    const disposed = vi.fn();
+    const Service = createToken<{ dispose(): void }>('svc');
+    const provider = container.provideFactory(Service, () => toDisposable(disposed));
+    container.get(Service);
+    provider.dispose();
+    expect(disposed).toHaveBeenCalledOnce();
+  });
+});
diff --git a/packages/kernel/test/event/emitter.spec.ts b/packages/kernel/test/event/emitter.spec.ts
new file mode 100644
index 00000000..52bcbf99
--- /dev/null
+++ b/packages/kernel/test/event/emitter.spec.ts
@@ -0,0 +1,117 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { Emitter, setListenerErrorHandler } from '../../src/event/emitter';
+import { EventBus } from '../../src/event/event-bus';
+import { Events } from '../../src/event/events';
+import { type Disposable, DisposableStore } from '../../src/lifecycle/disposable';
+
+describe('Emitter', () => {
+  afterEach(() => setListenerErrorHandler(console.error));
+
+  it('delivers to listeners until they unsubscribe', () => {
+    const emitter = new Emitter<number>();
+    const fn = vi.fn();
+    const sub = emitter.event(fn);
+    emitter.fire(1);
+    sub.dispose();
+    emitter.fire(2);
+    expect(fn).toHaveBeenCalledExactlyOnceWith(1);
+  });
+
+  it('isolates listener errors', () => {
+    const onError = vi.fn();
+    setListenerErrorHandler(onError);
+    const emitter = new Emitter<void>();
+    const fn = vi.fn();
+    emitter.event(() => {
+      throw new Error('boom');
+    });
+    emitter.event(fn);
+    emitter.fire();
+    expect(onError).toHaveBeenCalledOnce();
+    expect(fn).toHaveBeenCalledOnce();
+  });
+
+  it('calls first/last listener hooks', () => {
+    const first = vi.fn();
+    const last = vi.fn();
+    const emitter = new Emitter<void>({ onFirstListenerAdd: first, onLastListenerRemove: last });
+    const a = emitter.event(() => undefined);
+    const b = emitter.event(() => undefined);
+    a.dispose();
+    expect(last).not.toHaveBeenCalled();
+    b.dispose();
+    expect(first).toHaveBeenCalledOnce();
+    expect(last).toHaveBeenCalledOnce();
+  });
+
+  it('does not deliver to a listener removed during the same fire', () => {
+    const emitter = new Emitter<void>();
+    const late = vi.fn();
+    let lateSub: Disposable = { dispose: () => undefined };
+    emitter.event(() => lateSub.dispose());
+    lateSub = emitter.event(late);
+    emitter.fire();
+    expect(late).not.toHaveBeenCalled();
+  });
+
+  it('registers subscriptions in a store', () => {
+    const emitter = new Emitter<number>();
+    const store = new DisposableStore();
+    const fn = vi.fn();
+    emitter.event(fn, store);
+    store.dispose();
+    emitter.fire(1);
+    expect(fn).not.toHaveBeenCalled();
+  });
+});
+
+describe('Events', () => {
+  it('once, map and filter', () => {
+    const emitter = new Emitter<number>();
+    const once = vi.fn();
+    const mapped = vi.fn();
+    Events.once(emitter.event)(once);
+    Events.map(
+      Events.filter(emitter.event, (n) => n > 1),
+      (n) => n * 10,
+    )(mapped);
+    emitter.fire(1);
+    emitter.fire(2);
+    expect(once).toHaveBeenCalledExactlyOnceWith(1);
+    expect(mapped).toHaveBeenCalledExactlyOnceWith(20);
+  });
+
+  it('debounce merges bursts', () => {
+    vi.useFakeTimers();
+    const emitter = new Emitter<number>();
+    const fn = vi.fn();
+    Events.debounce<number, number[]>(emitter.event, (all = [], n) => [...all, n], 50)(fn);
+    emitter.fire(1);
+    emitter.fire(2);
+    vi.advanceTimersByTime(49);
+    emitter.fire(3);
+    vi.advanceTimersByTime(50);
+    expect(fn).toHaveBeenCalledExactlyOnceWith([1, 2, 3]);
+    vi.useRealTimers();
+  });
+
+  it('toPromise resolves with the next value', async () => {
+    const emitter = new Emitter<string>();
+    const promise = Events.toPromise(emitter.event);
+    emitter.fire('ok');
+    await expect(promise).resolves.toBe('ok');
+  });
+});
+
+describe('EventBus', () => {
+  it('routes typed events by key', () => {
+    const bus = new EventBus<{ 'test.ping': { n: number } }>();
+    const fn = vi.fn();
+    const sub = bus.on('test.ping', fn);
+    bus.emit('test.ping', { n: 1 });
+    sub.dispose();
+    bus.emit('test.ping', { n: 2 });
+    expect(fn).toHaveBeenCalledExactlyOnceWith({ n: 1 });
+  });
+});
diff --git a/packages/kernel/test/extension/extension-registry.spec.ts b/packages/kernel/test/extension/extension-registry.spec.ts
new file mode 100644
index 00000000..f5b60ad3
--- /dev/null
+++ b/packages/kernel/test/extension/extension-registry.spec.ts
@@ -0,0 +1,57 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { ContributionError } from '../../src/extension/contribution.exception';
+import { defineExtensionPoint } from '../../src/extension/define-extension-point';
+import { ExtensionRegistry } from '../../src/extension/extension-registry';
+
+interface Mode {
+  id: string;
+}
+
+describe('ExtensionRegistry', () => {
+  it('orders contributions by priority then registration', () => {
+    const point = defineExtensionPoint<Mode>('viewport.modes');
+    const registry = new ExtensionRegistry();
+    registry.contribute(point, { id: 'game' }, { owner: 'viewport' });
+    registry.contribute(point, { id: 'scene' }, { owner: 'ecs', priority: 10 });
+    registry.contribute(point, { id: 'debug' }, { owner: 'inspectors' });
+    expect(registry.getValues(point).map((m) => m.id)).toEqual(['scene', 'game', 'debug']);
+  });
+
+  it('keeps only the best contribution of single-valued points', () => {
+    const point = defineExtensionPoint<string>('codegen.target', { multiple: false });
+    const registry = new ExtensionRegistry();
+    registry.contribute(point, 'entry-file', { owner: 'ecs' });
+    const scene = registry.contribute(point, 'scene-files', { owner: 'scene', priority: 10 });
+    expect(registry.getValues(point)).toEqual(['scene-files']);
+    scene.dispose();
+    expect(registry.getValues(point)).toEqual(['entry-file']);
+  });
+
+  it('validates contributions', () => {
+    const point = defineExtensionPoint<number>('numbers', {
+      validator: {
+        parse: (v) => {
+          if (typeof v !== 'number') throw new Error('not a number');
+          return v;
+        },
+      },
+    });
+    const registry = new ExtensionRegistry();
+    expect(() => registry.contribute(point, 'x' as never, { owner: 'bad' })).toThrow(
+      ContributionError,
+    );
+    expect(registry.getValues(point)).toEqual([]);
+  });
+
+  it('notifies observers and removes by owner', () => {
+    const point = defineExtensionPoint<string>('menus');
+    const registry = new ExtensionRegistry();
+    const run = vi.fn();
+    registry.observe(point).subscribe((list) => run(list.map((c) => c.value)));
+    registry.contribute(point, 'a', { owner: 'p1' });
+    registry.contribute(point, 'b', { owner: 'p2' });
+    registry.removeOwner('p1');
+    expect(run.mock.calls).toEqual([[[]], [['a']], [['a', 'b']], [['b']]]);
+  });
+});
diff --git a/packages/kernel/test/i18n/localization-service.spec.ts b/packages/kernel/test/i18n/localization-service.spec.ts
new file mode 100644
index 00000000..5d770017
--- /dev/null
+++ b/packages/kernel/test/i18n/localization-service.spec.ts
@@ -0,0 +1,51 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { LocalizationService } from '../../src/i18n/localization-service';
+import { formatMessage } from '../../src/i18n/message-format';
+
+describe('formatMessage', () => {
+  it.each([
+    ['Hello {name}', { name: 'Ada' }, 'Hello Ada'],
+    ['Missing {x}', {}, 'Missing {x}'],
+    ['{n, plural, =0 {no entity} one {# entity} other {# entities}}', { n: 0 }, 'no entity'],
+    ['{n, plural, one {# entity} other {# entities}}', { n: 1 }, '1 entity'],
+    ['{n, plural, one {# entity} other {# entities}}', { n: 1200 }, '1,200 entities'],
+    ['{kind, select, client {Client} server {Server} other {Lib}}', { kind: 'server' }, 'Server'],
+    ['{kind, select, client {Client} other {Lib {name}}}', { kind: 'x', name: 'core' }, 'Lib core'],
+    ["Escaped '{brace}", {}, 'Escaped {brace}'],
+  ])('%s', (message, params, expected) => {
+    expect(formatMessage(message, params)).toBe(expected);
+  });
+
+  it('uses locale plural rules', () => {
+    expect(formatMessage('{n, plural, one {# fichier} other {# fichiers}}', { n: 0 }, 'fr')).toBe(
+      '0 fichier',
+    );
+  });
+});
+
+describe('LocalizationService', () => {
+  it('falls back from region to language to english to key', () => {
+    const i18n = new LocalizationService();
+    i18n.registerBundle('core', 'en', { save: 'Save', quit: 'Quit' });
+    i18n.registerBundle('core', 'fr', { save: 'Enregistrer' });
+    const t = i18n.scope('core');
+    i18n.setLocale('fr-CA');
+    expect(t('save')).toBe('Enregistrer');
+    expect(t('quit')).toBe('Quit');
+    expect(t('unknown')).toBe('unknown');
+    expect(i18n.locales).toEqual(['en', 'fr']);
+  });
+
+  it('later bundles override earlier ones until disposed', () => {
+    const i18n = new LocalizationService();
+    const revision = vi.fn();
+    i18n.revision.subscribe(revision);
+    i18n.registerBundle('ecs', 'en', { title: 'Entities' });
+    const patch = i18n.registerBundle('ecs', 'en', { title: 'Actors' });
+    expect(i18n.translate('ecs', 'title')).toBe('Actors');
+    patch.dispose();
+    expect(i18n.translate('ecs', 'title')).toBe('Entities');
+    expect(revision).toHaveBeenCalledTimes(4);
+  });
+});
diff --git a/packages/kernel/test/lifecycle/disposable.spec.ts b/packages/kernel/test/lifecycle/disposable.spec.ts
new file mode 100644
index 00000000..fe4b477d
--- /dev/null
+++ b/packages/kernel/test/lifecycle/disposable.spec.ts
@@ -0,0 +1,115 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import {
+  type Disposable,
+  DisposableStore,
+  combineDisposables,
+  disposeAll,
+  setDisposableTracker,
+  toDisposable,
+} from '../../src/lifecycle/disposable';
+import { MutableDisposable } from '../../src/lifecycle/mutable-disposable';
+
+describe('toDisposable', () => {
+  it('runs the cleanup once', () => {
+    const fn = vi.fn();
+    const d = toDisposable(fn);
+    d.dispose();
+    d.dispose();
+    expect(fn).toHaveBeenCalledOnce();
+  });
+
+  it('supports `using`', () => {
+    const fn = vi.fn();
+    {
+      using d = toDisposable(fn) as Disposable & { [Symbol.dispose](): void };
+      expect(d).toBeDefined();
+      expect(fn).not.toHaveBeenCalled();
+    }
+    expect(fn).toHaveBeenCalledOnce();
+  });
+});
+
+describe('DisposableStore', () => {
+  it('disposes in reverse order', () => {
+    const order: number[] = [];
+    const store = new DisposableStore();
+    store.add(toDisposable(() => order.push(1)));
+    store.add(toDisposable(() => order.push(2)));
+    store.dispose();
+    expect(order).toEqual([2, 1]);
+    expect(store.isDisposed).toBe(true);
+  });
+
+  it('disposes items added after disposal immediately', () => {
+    const store = new DisposableStore();
+    store.dispose();
+    const fn = vi.fn();
+    store.add(toDisposable(fn));
+    expect(fn).toHaveBeenCalledOnce();
+  });
+
+  it('clear keeps the store usable', () => {
+    const store = new DisposableStore();
+    const a = vi.fn();
+    store.add(toDisposable(a));
+    store.clear();
+    expect(a).toHaveBeenCalledOnce();
+    const b = vi.fn();
+    store.add(toDisposable(b));
+    expect(b).not.toHaveBeenCalled();
+    expect(store.size).toBe(1);
+  });
+
+  it('disposes everything even if one throws', () => {
+    const fn = vi.fn();
+    const store = new DisposableStore();
+    store.add(toDisposable(fn));
+    store.add(
+      toDisposable(() => {
+        throw new Error('boom');
+      }),
+    );
+    expect(() => store.dispose()).toThrow('boom');
+    expect(fn).toHaveBeenCalledOnce();
+  });
+});
+
+describe('disposeAll', () => {
+  it('aggregates multiple errors', () => {
+    const fail = () =>
+      toDisposable(() => {
+        throw new Error('x');
+      });
+    expect(() => disposeAll([fail(), fail()])).toThrow(AggregateError);
+  });
+});
+
+describe('MutableDisposable', () => {
+  it('disposes the previous value on replace and on dispose', () => {
+    const a = vi.fn();
+    const b = vi.fn();
+    const holder = new MutableDisposable();
+    holder.value = toDisposable(a);
+    holder.value = toDisposable(b);
+    expect(a).toHaveBeenCalledOnce();
+    holder.dispose();
+    expect(b).toHaveBeenCalledOnce();
+    const c = vi.fn();
+    holder.value = toDisposable(c);
+    expect(c).toHaveBeenCalledOnce();
+  });
+});
+
+describe('tracker', () => {
+  afterEach(() => setDisposableTracker(null));
+
+  it('reports undisposed disposables', () => {
+    const live = new Set<Disposable>();
+    setDisposableTracker({ onCreate: (d) => live.add(d), onDispose: (d) => live.delete(d) });
+    const d = combineDisposables(toDisposable(() => undefined));
+    expect(live.size).toBe(2);
+    d.dispose();
+    expect(live.size).toBe(0);
+  });
+});
diff --git a/packages/kernel/test/log/log-value.spec.ts b/packages/kernel/test/log/log-value.spec.ts
new file mode 100644
index 00000000..188cabd3
--- /dev/null
+++ b/packages/kernel/test/log/log-value.spec.ts
@@ -0,0 +1,111 @@
+import { describe, expect, it } from 'vitest';
+
+import { formatLogValue, isExpandableLogValue } from '../../src/log/format-log-value';
+import { serializeLogValue } from '../../src/log/serialize-log-value';
+
+class Position {
+  constructor(
+    public x = 1,
+    public y = 2,
+  ) {}
+}
+
+describe('serializeLogValue', () => {
+  it('keeps primitives and tags what JSON cannot carry', () => {
+    expect(serializeLogValue('a')).toBe('a');
+    expect(serializeLogValue(1.5)).toBe(1.5);
+    expect(serializeLogValue(null)).toBeNull();
+    expect(serializeLogValue(undefined)).toEqual({ type: 'undefined' });
+    expect(serializeLogValue(NaN)).toEqual({ type: 'number', text: 'NaN' });
+    expect(serializeLogValue(-0)).toEqual({ type: 'number', text: '-0' });
+    expect(serializeLogValue(10n)).toEqual({ type: 'bigint', text: '10n' });
+    expect(serializeLogValue(function move() {})).toEqual({ type: 'function', text: 'ƒ move()' });
+  });
+
+  it('snapshots objects, class instances, arrays, sets and maps', () => {
+    expect(serializeLogValue({ a: 1, b: [true, 'x'] })).toEqual({
+      type: 'object',
+      entries: [
+        ['a', 1],
+        ['b', { type: 'array', length: 2, items: [true, 'x'] }],
+      ],
+    });
+    expect(serializeLogValue(new Position())).toMatchObject({ type: 'object', name: 'Position' });
+    expect(serializeLogValue(new Set([1]))).toEqual({
+      type: 'array',
+      name: 'Set',
+      length: 1,
+      items: [1],
+    });
+    expect(serializeLogValue(new Map([['k', 1]]))).toEqual({
+      type: 'map',
+      size: 1,
+      entries: [['k', 1]],
+    });
+    expect(serializeLogValue(new Float32Array([1, 2]))).toMatchObject({
+      type: 'array',
+      name: 'Float32Array',
+      items: [1, 2],
+    });
+  });
+
+  it('marks cycles and cuts deep or large values', () => {
+    const loop: Record<string, unknown> = { name: 'loop' };
+    loop.self = loop;
+    expect(serializeLogValue(loop)).toEqual({
+      type: 'object',
+      entries: [
+        ['name', 'loop'],
+        ['self', { type: 'circular' }],
+      ],
+    });
+    const shared = { v: 1 };
+    expect(serializeLogValue([shared, shared])).toMatchObject({
+      items: [{ type: 'object' }, { type: 'object' }],
+    });
+    expect(serializeLogValue({ a: { b: { c: 1 } } }, { depth: 2 })).toEqual({
+      type: 'object',
+      entries: [['a', { type: 'object', entries: [['b', { type: 'cut', text: 'Object' }]] }]],
+    });
+    expect(serializeLogValue([1, 2, 3], { entries: 2 })).toEqual({
+      type: 'array',
+      length: 3,
+      items: [1, 2],
+      more: 1,
+    });
+    expect(serializeLogValue('abcdef', { text: 3 })).toBe('abc…');
+  });
+
+  it('keeps errors with their stack, and survives throwing getters', () => {
+    const error = serializeLogValue(new TypeError('bad'));
+    expect(error).toMatchObject({ type: 'error', name: 'TypeError', message: 'bad' });
+    const hostile = {
+      get boom(): never {
+        throw new Error('no');
+      },
+    };
+    expect(serializeLogValue(hostile)).toEqual({
+      type: 'object',
+      entries: [['boom', '[threw Error: no]']],
+    });
+  });
+});
+
+describe('formatLogValue', () => {
+  it('prints one line, quoting nested strings only', () => {
+    expect(formatLogValue('plain')).toBe('plain');
+    expect(formatLogValue(serializeLogValue({ a: 'x', b: [1, undefined] }))).toBe(
+      '{ a: "x", b: [1, undefined] }',
+    );
+    expect(formatLogValue(serializeLogValue(new Position()))).toBe('Position { x: 1, y: 2 }');
+    expect(formatLogValue(serializeLogValue(new Map([['k', 1]])))).toBe('Map(1) {"k" => 1}');
+    expect(formatLogValue(serializeLogValue([1, 2, 3], { entries: 1 }))).toBe('[1, … 2 more]');
+  });
+
+  it('tells what can be expanded', () => {
+    expect(isExpandableLogValue('a')).toBe(false);
+    expect(isExpandableLogValue(serializeLogValue({}))).toBe(false);
+    expect(isExpandableLogValue(serializeLogValue({ a: 1 }))).toBe(true);
+    expect(isExpandableLogValue(serializeLogValue(new Error('x')))).toBe(true);
+  });
+});
diff --git a/packages/kernel/test/log/logger-service.spec.ts b/packages/kernel/test/log/logger-service.spec.ts
new file mode 100644
index 00000000..75764be7
--- /dev/null
+++ b/packages/kernel/test/log/logger-service.spec.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { LogLevel } from '../../src/log/log-level.enum';
+import { LoggerService } from '../../src/log/logger-service';
+
+describe('LoggerService', () => {
+  it('filters by level, buffers and replays', () => {
+    const logs = new LoggerService(2);
+    const logger = logs.getLogger('kernel').child('plugins');
+    logger.debug('hidden');
+    logger.info('a');
+    logger.warn('b', 1);
+    logger.error('c');
+    expect(logs.history.map((e) => e.message)).toEqual(['b', 'c']);
+
+    const sink = vi.fn();
+    logs.addSink(sink, { replay: true });
+    expect(sink).toHaveBeenCalledTimes(2);
+    expect(sink.mock.calls[0]![0]).toMatchObject({
+      source: 'kernel.plugins',
+      level: LogLevel.Warn,
+      args: [1],
+    });
+  });
+
+  it('isolates failing sinks', () => {
+    const logs = new LoggerService();
+    const ok = vi.fn();
+    logs.addSink(() => {
+      throw new Error('x');
+    });
+    logs.addSink(ok);
+    logs.getLogger('x').error('boom');
+    expect(ok).toHaveBeenCalledOnce();
+  });
+});
diff --git a/packages/kernel/test/observable/observable.spec.ts b/packages/kernel/test/observable/observable.spec.ts
new file mode 100644
index 00000000..2a23e4a7
--- /dev/null
+++ b/packages/kernel/test/observable/observable.spec.ts
@@ -0,0 +1,108 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { Emitter } from '../../src/event/emitter';
+import {
+  changes,
+  constant,
+  derived,
+  observe,
+  switchObservable,
+} from '../../src/observable/observable';
+import { ObservableValue } from '../../src/observable/observable-value';
+
+describe('ObservableValue', () => {
+  it('follows the svelte store contract', () => {
+    const value = new ObservableValue(1);
+    const run = vi.fn();
+    const unsubscribe = value.subscribe(run);
+    value.set(2);
+    value.set(2);
+    unsubscribe();
+    value.set(3);
+    expect(run.mock.calls).toEqual([[1], [2]]);
+  });
+
+  it('observe can skip the immediate call', () => {
+    const value = new ObservableValue('a');
+    const fn = vi.fn();
+    const sub = observe(value, fn, { immediate: false });
+    value.update((v) => v + 'b');
+    sub.dispose();
+    value.set('c');
+    expect(fn).toHaveBeenCalledExactlyOnceWith('ab');
+  });
+
+  it('changes() exposes an event', () => {
+    const value = new ObservableValue(0);
+    const fn = vi.fn();
+    changes(value)(fn);
+    value.set(1);
+    expect(fn).toHaveBeenCalledExactlyOnceWith(1);
+  });
+});
+
+describe('derived', () => {
+  it('computes on demand without subscribers', () => {
+    const a = new ObservableValue(1);
+    const double = derived([a], (x) => x * 2);
+    expect(double.get()).toBe(2);
+    a.set(5);
+    expect(double.get()).toBe(10);
+    expect(a.subscriberCount).toBe(0);
+  });
+
+  it('subscribes upstream only while observed', () => {
+    const a = new ObservableValue(1);
+    const b = new ObservableValue(2);
+    const sum = derived([a, b, constant(10)], (x, y, z) => x + y + z);
+    const run = vi.fn();
+    const unsubscribe = sum.subscribe(run);
+    a.set(3);
+    /** Unchanged: no notification. */
+    b.set(2);
+    expect(run.mock.calls).toEqual([[13], [15]]);
+    expect(a.subscriberCount).toBe(1);
+    unsubscribe();
+    unsubscribe();
+    expect(a.subscriberCount).toBe(0);
+  });
+
+  it('does not notify when the derived value is equal', () => {
+    const a = new ObservableValue(1);
+    const parity = derived([a], (x) => x % 2);
+    const run = vi.fn();
+    parity.subscribe(run);
+    a.set(3);
+    expect(run).toHaveBeenCalledOnce();
+  });
+
+  it('works with emitters feeding values', () => {
+    const emitter = new Emitter<number>();
+    const value = new ObservableValue(0);
+    emitter.event((n) => value.set(n));
+    const run = vi.fn();
+    derived([value], (n) => `#${n}`).subscribe(run);
+    emitter.fire(4);
+    expect(run).toHaveBeenLastCalledWith('#4');
+  });
+});
+
+describe('switchObservable', () => {
+  it('follows the current inner observable', async () => {
+    const a = new ObservableValue(1);
+    const b = new ObservableValue(10);
+    const outer = new ObservableValue<ObservableValue<number> | undefined>(undefined);
+    const run = vi.fn();
+    const unsubscribe = switchObservable(outer, 0).subscribe(run);
+    outer.set(a);
+    a.set(2);
+    outer.set(b);
+    /** No longer followed. */
+    a.set(3);
+    b.set(11);
+    unsubscribe();
+    b.set(12);
+    expect(run.mock.calls.map(([v]) => v)).toEqual([0, 1, 2, 10, 11]);
+    expect(a.subscriberCount + b.subscriberCount).toBe(0);
+  });
+});
diff --git a/packages/kernel/test/plugin/plugin-host.spec.ts b/packages/kernel/test/plugin/plugin-host.spec.ts
new file mode 100644
index 00000000..78cfec29
--- /dev/null
+++ b/packages/kernel/test/plugin/plugin-host.spec.ts
@@ -0,0 +1,344 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { createToken } from '../../src/di/service-token';
+import { defineExtensionPoint } from '../../src/extension/define-extension-point';
+import {
+  type Disposable,
+  setDisposableTracker,
+  toDisposable,
+} from '../../src/lifecycle/disposable';
+import { ObservableValue } from '../../src/observable/observable-value';
+import { COMMAND_METADATA } from '../../src/plugin/command-metadata';
+import { CoreServices } from '../../src/plugin/core-services.const';
+import { createCoreContainer } from '../../src/plugin/create-core-container';
+import type { AppInfo } from '../../src/plugin/engine-libs';
+import { PluginActivationError } from '../../src/plugin/plugin-activation.exception';
+import type { PluginContext, PluginModule } from '../../src/plugin/plugin-context.type';
+import { PluginHost } from '../../src/plugin/plugin-host';
+import { type PluginManifestInput, parsePluginManifest } from '../../src/plugin/plugin-manifest';
+import { normalizePluginModule } from '../../src/plugin/plugin-module-loader';
+import type { PluginDescriptor } from '../../src/plugin/plugin-resolution.type';
+
+const descriptor = (name: string, extra: Partial<PluginManifestInput> = {}): PluginDescriptor => ({
+  source: 'bundled',
+  baseUrl: `https://editor.test/plugins/${name}/`,
+  manifest: parsePluginManifest({
+    type: 'plugin',
+    name,
+    version: '1.0.0',
+    engines: { editor: '^1.0.0' },
+    entry: { client: 'index.js' },
+    ...extra,
+  }),
+});
+
+const Greeting = createToken<string>('test.greeting');
+const Modes = defineExtensionPoint<string>('test.modes');
+
+const setup = (modules: Record<string, PluginModule>, options: { apps?: AppInfo[] } = {}) => {
+  const services = createCoreContainer();
+  const apps = new ObservableValue<readonly AppInfo[]>(options.apps ?? []);
+  if (options.apps) services.provide(CoreServices.EngineLibs, { apps });
+  const loads: string[] = [];
+  const host = new PluginHost({
+    services,
+    editorVersion: '1.0.0',
+    activationTimeoutMs: 50,
+    loader: {
+      load: async (d, generation) => {
+        loads.push(`${d.manifest.name}#${generation}`);
+        return modules[d.manifest.name] ?? {};
+      },
+    },
+  });
+  return { services, host, loads, apps };
+};
+
+describe('PluginHost', () => {
+  let live: Set<Disposable>;
+  beforeEach(() => {
+    live = new Set();
+    setDisposableTracker({ onCreate: (d) => live.add(d), onDispose: (d) => live.delete(d) });
+  });
+  afterEach(() => setDisposableTracker(null));
+
+  it('activates startup plugins in dependency order and shares services', async () => {
+    const order: string[] = [];
+    const { host, services } = setup({
+      '@n/b': {
+        activate: (ctx) => {
+          order.push('b');
+          ctx.provide(Greeting, 'hello');
+        },
+      },
+      '@n/a': {
+        activate: (ctx) => {
+          order.push(`a:${ctx.services.get(Greeting)}`);
+        },
+      },
+      '@n/c': { activate: () => void order.push('c') },
+    });
+    await host.start([
+      descriptor('@n/a', { dependencies: ['@n/b'] }),
+      descriptor('@n/b'),
+      descriptor('@n/c', { optionalDependencies: { '@n/a': '*' } }),
+    ]);
+    expect(order).toEqual(['b', 'a:hello', 'c']);
+    expect(services.get(Greeting)).toBe('hello');
+    expect(host.getPlugins().map((p) => [p.name, p.state])).toEqual([
+      ['@n/a', 'active'],
+      ['@n/b', 'active'],
+      ['@n/c', 'active'],
+    ]);
+  });
+
+  it('exposes static command contributions before lazy activation, then activates on command', async () => {
+    const activate = vi.fn((ctx: PluginContext) => {
+      ctx.registerCommand('ecs.addEntity', () => 'added');
+    });
+    const { host, services } = setup({ '@n/ecs': { activate } });
+    await host.start([
+      descriptor('@n/ecs', {
+        activation: ['onCommand:ecs.addEntity'],
+        contributes: { commands: [{ id: 'ecs.addEntity', title: 'Add entity' }] },
+      }),
+    ]);
+    const metadata = services.get(CoreServices.Extensions).getValues(COMMAND_METADATA);
+    expect(metadata).toEqual([{ id: 'ecs.addEntity', title: 'Add entity', owner: '@n/ecs' }]);
+    expect(activate).not.toHaveBeenCalled();
+    await expect(services.get(CoreServices.Commands).execute('ecs.addEntity')).resolves.toBe(
+      'added',
+    );
+    expect(activate).toHaveBeenCalledOnce();
+  });
+
+  it('isolates activation failures and timeouts', async () => {
+    const { host } = setup({
+      '@n/broken': {
+        activate: (ctx) => {
+          ctx.contribute(Modes, 'leaked');
+          throw new Error('boom');
+        },
+      },
+      '@n/slow': { activate: () => new Promise(() => undefined) },
+      '@n/fine': { activate: () => undefined },
+    });
+    await host.start([descriptor('@n/broken'), descriptor('@n/slow'), descriptor('@n/fine')]);
+    expect(host.getPlugin('@n/broken')).toMatchObject({ state: 'failed' });
+    expect(String(host.getPlugin('@n/slow')!.error)).toMatch(/timed out/);
+    expect(host.getPlugin('@n/fine')!.state).toBe('active');
+    await expect(host.activate('@n/broken')).rejects.toThrow(PluginActivationError);
+  });
+
+  it('deactivates a module whose activation failed or timed out', async () => {
+    const stopped: string[] = [];
+    const { host } = setup({
+      '@n/broken': {
+        activate: () => {
+          throw new Error('boom');
+        },
+        deactivate: () => void stopped.push('broken'),
+      },
+      '@n/slow': {
+        activate: () => new Promise(() => undefined),
+        deactivate: async () => {
+          stopped.push('slow');
+          throw new Error('stuck');
+        },
+      },
+    });
+    await host.start([descriptor('@n/broken'), descriptor('@n/slow')]);
+    await expect.poll(() => [...stopped].sort()).toEqual(['broken', 'slow']);
+    host.dispose();
+  });
+
+  it('does not activate unresolved plugins', async () => {
+    const { host } = setup({});
+    await host.start([descriptor('@n/a', { dependencies: ['@n/missing'] })]);
+    expect(host.getPlugin('@n/a')).toMatchObject({
+      state: 'inactive',
+      status: { kind: 'missing-dependency' },
+    });
+    await expect(host.activate('@n/a')).rejects.toThrow(/missing dependency/);
+  });
+
+  it('deactivates dependents first and disposes everything the plugin registered', async () => {
+    const events: string[] = [];
+    const module = (name: string): PluginModule => ({
+      activate: (ctx) => {
+        ctx.contribute(Modes, name);
+        ctx.subscriptions.add(toDisposable(() => events.push(`dispose:${name}`)));
+      },
+      deactivate: () => void events.push(`deactivate:${name}`),
+    });
+    const { host, services } = setup({ '@n/base': module('base'), '@n/ext': module('ext') });
+    await host.start([descriptor('@n/base'), descriptor('@n/ext', { dependencies: ['@n/base'] })]);
+    const extensions = services.get(CoreServices.Extensions);
+    expect(extensions.getValues(Modes)).toEqual(['base', 'ext']);
+
+    await host.deactivate('@n/base');
+    expect(events).toEqual(['deactivate:ext', 'dispose:ext', 'deactivate:base', 'dispose:base']);
+    expect(extensions.getValues(Modes)).toEqual([]);
+
+    host.dispose();
+    services.dispose();
+    expect(live.size).toBe(0);
+  });
+
+  it('activates again once a deactivation in progress ends, and deactivates activating dependents', async () => {
+    let release!: () => void;
+    const slow = new Promise<void>((resolve) => (release = resolve));
+    const states: string[] = [];
+    const { host } = setup({
+      '@n/base': { activate: () => undefined, deactivate: () => slow },
+      '@n/ext': {
+        activate: () => void states.push('ext:activate'),
+        deactivate: () => void states.push('ext:deactivate'),
+      },
+    });
+    await host.start([descriptor('@n/base'), descriptor('@n/ext', { dependencies: ['@n/base'] })]);
+    const deactivation = host.deactivate('@n/base');
+    const activation = host.activate('@n/base');
+    release();
+    await deactivation;
+    expect(states).toEqual(['ext:activate', 'ext:deactivate']);
+    await activation;
+    expect(host.plugins.get().find((plugin) => plugin.name === '@n/base')?.state).toBe('active');
+    host.dispose();
+  });
+
+  it('hot reloads a plugin and re-activates its dependents', async () => {
+    let version = 1;
+    const { host, services, loads } = setup({
+      '@n/base': { activate: (ctx) => void ctx.provide(Greeting, `v${version}`) },
+      '@n/ext': { activate: () => undefined },
+    });
+    await host.start([descriptor('@n/base'), descriptor('@n/ext', { dependencies: ['@n/base'] })]);
+    version = 2;
+    await host.reload('@n/base');
+    expect(services.get(Greeting)).toBe('v2');
+    expect(host.getPlugin('@n/ext')!.state).toBe('active');
+    expect(loads).toEqual(['@n/base#0', '@n/ext#0', '@n/base#1']);
+  });
+
+  it('updates the plugin set when a project with its own plugins opens and closes', async () => {
+    const events: string[] = [];
+    const module = (name: string): PluginModule => ({
+      activate: (ctx) => {
+        events.push(`+${name}@${ctx.source}`);
+        ctx.contribute(Modes, name);
+      },
+      deactivate: () => void events.push(`-${name}`),
+    });
+    const { host, services } = setup({
+      '@n/base': module('base'),
+      '@n/tool': module('tool'),
+      '@n/local': module('local'),
+    });
+    const home = [descriptor('@n/base'), descriptor('@n/tool')];
+    const project = (name: string, extra: Partial<PluginManifestInput> = {}): PluginDescriptor => ({
+      ...descriptor(name, extra),
+      source: 'project',
+      baseUrl: `https://editor.test/plugins/project/p1/${name}/`,
+    });
+    await host.start(home);
+
+    await host.update([
+      ...home,
+      project('@n/tool'),
+      project('@n/local', { dependencies: ['@n/base'] }),
+    ]);
+    expect(host.getPlugin('@n/tool')!.descriptor.source).toBe('project');
+    expect(host.getPlugin('@n/local')!.state).toBe('active');
+    const modes = () => services.get(CoreServices.Extensions).getValues(Modes).toSorted();
+    expect(modes()).toEqual(['base', 'local', 'tool']);
+
+    await host.update(home);
+    expect(host.getPlugin('@n/local')).toBeUndefined();
+    expect(host.getPlugin('@n/tool')!.descriptor.source).toBe('bundled');
+    expect(modes()).toEqual(['base', 'tool']);
+    expect(events).toEqual([
+      '+base@bundled',
+      '+tool@bundled',
+      '-tool',
+      '+tool@project',
+      '+local@project',
+      '-tool',
+      '-local',
+      '+tool@bundled',
+    ]);
+  });
+
+  it('computes eligible apps and engine lib context keys', async () => {
+    let eligible: readonly AppInfo[] = [];
+    const client: AppInfo = {
+      id: 'client',
+      name: 'client',
+      type: 'client',
+      engineLibs: { '@nanoforge-dev/ecs': '1.4.2', '@nanoforge-dev/graphics-2d': '1.4.2' },
+    };
+    const server: AppInfo = { id: 'server', name: 'server', type: 'server', engineLibs: {} };
+    const { host, services, apps } = setup(
+      { '@n/ecs': { activate: (ctx) => void ctx.eligibleApps.subscribe((a) => (eligible = a)) } },
+      { apps: [client, server] },
+    );
+    await host.start([
+      descriptor('@n/ecs', { engineLibs: { required: { '@nanoforge-dev/ecs': '^1.4.0' } } }),
+    ]);
+    expect(eligible.map((app) => app.id)).toEqual(['client']);
+
+    const context = services.get(CoreServices.ContextKeys);
+    context.set('activeApp', 'client');
+    expect(context.evaluate('plugin.@n/ecs.eligible && engineLib:@nanoforge-dev/graphics-2d')).toBe(
+      true,
+    );
+    context.set('activeApp', 'server');
+    expect(context.evaluate('plugin.@n/ecs.eligible || engineLib:@nanoforge-dev/ecs')).toBe(false);
+
+    apps.set([client, { ...server, engineLibs: { '@nanoforge-dev/ecs': '1.5.0' } }]);
+    expect(eligible.map((app) => app.id)).toEqual(['client', 'server']);
+    expect(context.evaluate('plugin.@n/ecs.eligible')).toBe(true);
+  });
+});
+
+describe('missingEngineLibs', () => {
+  it('handles installed versions, ranges and unknown specs', async () => {
+    const { missingEngineLibs } = await import('../../src/plugin/engine-libs');
+    const manifest = parsePluginManifest({
+      type: 'plugin',
+      name: '@n/ecs',
+      version: '1.0.0',
+      engines: { editor: '*' },
+      entry: { client: 'index.js' },
+      engineLibs: {
+        required: { '@nanoforge-dev/ecs': '^1.4.0', '@nanoforge-dev/input': '^1.0.0' },
+      },
+    });
+    const app = (engineLibs: Record<string, string>): AppInfo => ({
+      id: 'a',
+      name: 'a',
+      type: 'client',
+      engineLibs,
+    });
+    expect(
+      missingEngineLibs(
+        manifest,
+        app({ '@nanoforge-dev/ecs': 'workspace:*', '@nanoforge-dev/input': '^1.2.0' }),
+      ),
+    ).toEqual([]);
+    expect(missingEngineLibs(manifest, app({ '@nanoforge-dev/ecs': '1.3.0' }))).toEqual([
+      { name: '@nanoforge-dev/ecs', range: '^1.4.0', installed: '1.3.0' },
+      { name: '@nanoforge-dev/input', range: '^1.0.0' },
+    ]);
+  });
+});
+
+describe('normalizePluginModule', () => {
+  it('accepts named and default exports', async () => {
+    const activate = () => undefined;
+    expect(normalizePluginModule({ activate }).activate).toBe(activate);
+    expect(normalizePluginModule({ default: { activate } }).activate).toBe(activate);
+    expect(normalizePluginModule({ default: 'nope' })).toEqual({});
+    expect(normalizePluginModule(undefined)).toEqual({});
+  });
+});
diff --git a/packages/kernel/test/plugin/plugin-manifest-schema.spec.ts b/packages/kernel/test/plugin/plugin-manifest-schema.spec.ts
new file mode 100644
index 00000000..27c83486
--- /dev/null
+++ b/packages/kernel/test/plugin/plugin-manifest-schema.spec.ts
@@ -0,0 +1,12 @@
+/// <reference types="node" />
+import { readFileSync } from 'node:fs';
+import { describe, expect, it } from 'vitest';
+
+import { pluginManifestJsonSchema } from '../../src/plugin/plugin-manifest';
+
+describe('plugin JSON schema', () => {
+  it('is up to date (run `pnpm generate:schema` in packages/kernel)', () => {
+    const file = new URL('../../schemas/plugin.schema.json', import.meta.url);
+    expect(JSON.parse(readFileSync(file, 'utf8'))).toEqual(pluginManifestJsonSchema());
+  });
+});
diff --git a/packages/kernel/test/plugin/plugin-manifest.spec.ts b/packages/kernel/test/plugin/plugin-manifest.spec.ts
new file mode 100644
index 00000000..09fdf060
--- /dev/null
+++ b/packages/kernel/test/plugin/plugin-manifest.spec.ts
@@ -0,0 +1,73 @@
+import { describe, expect, it } from 'vitest';
+
+import { parsePluginManifest } from '../../src/plugin/plugin-manifest';
+import { PluginManifestError } from '../../src/plugin/plugin-manifest.exception';
+
+const base = {
+  type: 'plugin',
+  name: '@nanoforge/ecs',
+  version: '1.0.0',
+  engines: { editor: '^1.0.0' },
+  entry: { client: 'dist/index.js' },
+};
+
+describe('parsePluginManifest', () => {
+  it('applies defaults', () => {
+    const manifest = parsePluginManifest(base);
+    expect(manifest).toMatchObject({
+      activation: ['onStartup'],
+      dependencies: {},
+      engineLibs: { required: {}, optional: {} },
+      contributes: { commands: [] },
+      tags: [],
+    });
+  });
+
+  it('accepts CLI-style dependency arrays and keeps unknown contributions', () => {
+    const manifest = parsePluginManifest({
+      ...base,
+      dependencies: ['@nanoforge/viewport'],
+      optionalDependencies: { '@nanoforge/graphics-gizmos': '^2.0.0' },
+      engineLibs: { required: { '@nanoforge-dev/ecs': '^1.4.0' } },
+      contributes: { commands: [{ id: 'ecs.addEntity', title: 'Add entity' }], widgets: [{}] },
+    });
+    expect(manifest.dependencies).toEqual({ '@nanoforge/viewport': '*' });
+    expect(manifest.engineLibs).toEqual({
+      required: { '@nanoforge-dev/ecs': '^1.4.0' },
+      optional: {},
+    });
+    expect(manifest.contributes.widgets).toEqual([{}]);
+  });
+
+  it('reports every issue with its path', () => {
+    const invalid = {
+      ...base,
+      name: 'NoScope',
+      version: 'one',
+      engines: { editor: 'latest!' },
+      entry: { client: '../escape.js' },
+      activation: ['whenever'],
+    };
+    try {
+      parsePluginManifest(invalid, 'plugins/bad');
+      expect.unreachable();
+    } catch (error) {
+      expect(error).toBeInstanceOf(PluginManifestError);
+      const paths = (error as PluginManifestError).issues.map((issue) => issue.path);
+      expect(paths).toEqual(
+        expect.arrayContaining([
+          'name',
+          'version',
+          'engines.editor',
+          'entry.client',
+          'activation.0',
+        ]),
+      );
+      expect((error as Error).message).toContain('plugins/bad');
+    }
+  });
+
+  it('requires at least one entry', () => {
+    expect(() => parsePluginManifest({ ...base, entry: {} })).toThrow(/at least one/);
+  });
+});
diff --git a/packages/kernel/test/plugin/resolve-plugins.spec.ts b/packages/kernel/test/plugin/resolve-plugins.spec.ts
new file mode 100644
index 00000000..4913f4f9
--- /dev/null
+++ b/packages/kernel/test/plugin/resolve-plugins.spec.ts
@@ -0,0 +1,124 @@
+import { describe, expect, it } from 'vitest';
+
+import { type PluginManifestInput, parsePluginManifest } from '../../src/plugin/plugin-manifest';
+import type { PluginDescriptor } from '../../src/plugin/plugin-resolution.type';
+import type { PluginSourceKind } from '../../src/plugin/plugin-source.enum';
+import { resolvePlugins } from '../../src/plugin/resolve-plugins';
+
+const plugin = (
+  name: string,
+  extra: Partial<PluginManifestInput> = {},
+  source: PluginSourceKind = 'bundled',
+): PluginDescriptor => ({
+  source,
+  baseUrl: `/plugins/${name}/`,
+  manifest: parsePluginManifest({
+    type: 'plugin',
+    name,
+    version: '1.0.0',
+    engines: { editor: '^1.0.0' },
+    entry: { client: 'index.js' },
+    ...extra,
+  }),
+});
+
+const resolve = (descriptors: PluginDescriptor[], disabled: string[] = []) =>
+  resolvePlugins(descriptors, {
+    editorVersion: '1.2.0',
+    runtimeVersions: { svelte: '5.57.1' },
+    disabled: new Set(disabled),
+  });
+
+const statuses = (resolution: ReturnType<typeof resolve>) =>
+  Object.fromEntries([...resolution.plugins].map(([name, p]) => [name, p.status.kind]));
+
+const order = (resolution: ReturnType<typeof resolve>) =>
+  resolution.order.map((d) => d.manifest.name);
+
+describe('resolvePlugins', () => {
+  it('orders dependencies first, deterministically', () => {
+    const resolution = resolve([
+      plugin('@n/ecs', { dependencies: ['@n/viewport'] }),
+      plugin('@n/viewport'),
+      plugin('@n/console'),
+      plugin('@n/gizmos', { dependencies: { '@n/ecs': '^1.0.0' } }),
+    ]);
+    expect(order(resolution)).toEqual(['@n/console', '@n/viewport', '@n/ecs', '@n/gizmos']);
+  });
+
+  it('uses valid optional dependencies for ordering only', () => {
+    const resolution = resolve([
+      plugin('@n/a', { optionalDependencies: { '@n/b': '^1.0.0', '@n/missing': '*' } }),
+      plugin('@n/b'),
+    ]);
+    expect(statuses(resolution)).toEqual({ '@n/a': 'ok', '@n/b': 'ok' });
+    expect(order(resolution)).toEqual(['@n/b', '@n/a']);
+  });
+
+  it('reports missing, mismatched and failed dependencies', () => {
+    const resolution = resolve([
+      plugin('@n/a', { dependencies: ['@n/missing'] }),
+      plugin('@n/b', { dependencies: { '@n/c': '^2.0.0' } }),
+      plugin('@n/c'),
+      plugin('@n/d', { dependencies: ['@n/a'] }),
+      plugin('@n/e', { dependencies: ['@n/d'] }),
+    ]);
+    expect(statuses(resolution)).toEqual({
+      '@n/a': 'missing-dependency',
+      '@n/b': 'dependency-version',
+      '@n/c': 'ok',
+      '@n/d': 'dependency-failed',
+      '@n/e': 'dependency-failed',
+    });
+    expect(order(resolution)).toEqual(['@n/c']);
+  });
+
+  it('detects cycles and fails their dependents', () => {
+    const resolution = resolve([
+      plugin('@n/a', { dependencies: ['@n/b'] }),
+      plugin('@n/b', { dependencies: ['@n/a'] }),
+      plugin('@n/c', { dependencies: ['@n/a'] }),
+    ]);
+    expect(resolution.plugins.get('@n/a')!.status).toEqual({
+      kind: 'cycle',
+      cycle: ['@n/a', '@n/b'],
+    });
+    expect(statuses(resolution)['@n/c']).toBe('dependency-failed');
+  });
+
+  it('checks editor and runtime compatibility', () => {
+    const resolution = resolve([
+      plugin('@n/old', { engines: { editor: '^0.1.0' } }),
+      plugin('@n/newer-svelte', { build: { svelte: '5.60.0' } }),
+      plugin('@n/svelte6', { build: { svelte: '6.0.0' } }),
+      plugin('@n/fine', { build: { svelte: '5.40.0' } }),
+    ]);
+    expect(statuses(resolution)).toEqual({
+      '@n/old': 'incompatible-editor',
+      '@n/newer-svelte': 'incompatible-runtime',
+      '@n/svelte6': 'incompatible-runtime',
+      '@n/fine': 'ok',
+    });
+  });
+
+  it('lets dev plugins shadow installed and bundled ones', () => {
+    const resolution = resolve([
+      plugin('@n/ecs', {}, 'dev'),
+      plugin('@n/ecs', {}, 'bundled'),
+      plugin('@n/ecs', {}, 'installed'),
+    ]);
+    expect(resolution.plugins.get('@n/ecs')!.descriptor.source).toBe('dev');
+    expect(resolution.shadowed.map((p) => [p.descriptor.source, p.status])).toEqual([
+      ['bundled', { kind: 'shadowed', by: 'installed' }],
+      ['installed', { kind: 'shadowed', by: 'dev' }],
+    ]);
+  });
+
+  it('disables plugins and their dependents', () => {
+    const resolution = resolve(
+      [plugin('@n/a'), plugin('@n/b', { dependencies: ['@n/a'] })],
+      ['@n/a'],
+    );
+    expect(statuses(resolution)).toEqual({ '@n/a': 'disabled', '@n/b': 'dependency-failed' });
+  });
+});
diff --git a/packages/kernel/test/plugin/shared-module-registry.spec.ts b/packages/kernel/test/plugin/shared-module-registry.spec.ts
new file mode 100644
index 00000000..f505f8c9
--- /dev/null
+++ b/packages/kernel/test/plugin/shared-module-registry.spec.ts
@@ -0,0 +1,26 @@
+import { describe, expect, it } from 'vitest';
+
+import { SHARED_GLOBAL, SharedModuleRegistry } from '../../src/plugin/shared-module-registry';
+
+describe('SharedModuleRegistry', () => {
+  it('resolves registered modules and rejects unknown ones', () => {
+    const svelte = { mount: () => undefined };
+    const registry = new SharedModuleRegistry().register('svelte', svelte);
+
+    expect(registry.require('svelte')).toBe(svelte);
+    expect(() => registry.require('svelte/store')).toThrow(/not provided/);
+    expect(() => registry.register('svelte', {})).toThrow(/already registered/);
+  });
+
+  it('installs a lookup scope on the target and removes it', () => {
+    const target: Record<string, unknown> = {};
+    const registry = new SharedModuleRegistry().register('svelte', { a: 1 });
+    const uninstall = registry.install(target);
+    const scope = target[SHARED_GLOBAL] as { require(id: string): unknown };
+
+    expect(scope.require('svelte')).toEqual({ a: 1 });
+    expect(() => new SharedModuleRegistry().install(target)).toThrow(/already installed/);
+    uninstall();
+    expect(target[SHARED_GLOBAL]).toBeUndefined();
+  });
+});
diff --git a/packages/kernel/tsconfig.json b/packages/kernel/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/kernel/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/layout/.prettierignore b/packages/layout/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/layout/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/layout/LICENSE b/packages/layout/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/layout/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/layout/README.md b/packages/layout/README.md
new file mode 100644
index 00000000..9d07ae74
--- /dev/null
+++ b/packages/layout/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/layout"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Flayout" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-layout` is an internal package of the NanoForge Editor.
+
+Layout model: main screens, dock slots after IntelliJ's tool windows, floating docks.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/layout
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/layout/bench/layout.bench.ts b/packages/layout/bench/layout.bench.ts
new file mode 100644
index 00000000..2d58b69b
--- /dev/null
+++ b/packages/layout/bench/layout.bench.ts
@@ -0,0 +1,71 @@
+import { bench, describe } from 'vitest';
+
+import {
+  type Layout,
+  type LayoutOp,
+  SLOT_IDS,
+  type WidgetPlacement,
+  composeDefaultLayout,
+  deserializeLayout,
+  reduce,
+  serializeLayout,
+} from '../src';
+
+/**
+ * The layout model under a load well above a real editor's (about 20 widgets): 120 docks and
+ * 8 screens. Every drag step, tab click and resize is one `reduce`, so these are the costs that
+ * could make the workbench feel slow. Run with `pnpm --filter @nanoforge-dev/editor-layout bench`.
+ */
+const widgets: WidgetPlacement[] = [
+  ...Array.from({ length: 8 }, (_, i) => ({
+    id: `screen.${i}`,
+    kind: 'screen' as const,
+    order: i,
+  })),
+  ...Array.from({ length: 120 }, (_, i) => ({
+    id: `dock.${i}`,
+    kind: 'dock' as const,
+    defaultSlot: SLOT_IDS[i % SLOT_IDS.length]!,
+    order: i,
+  })),
+];
+const layout: Layout = composeDefaultLayout(widgets);
+const serialized = serializeLayout(layout);
+const apply = (start: Layout, ops: readonly LayoutOp[]) =>
+  ops.reduce((current, op) => reduce(current, op).layout, start);
+
+const resizes: LayoutOp[] = Array.from({ length: 200 }, (_, i) => ({
+  type: 'resizeSlot',
+  slot: 'leftTop',
+  size: 200 + (i % 100),
+}));
+const activations: LayoutOp[] = Array.from({ length: 120 }, (_, i) => ({
+  type: 'activate',
+  instanceId: `dock.${i}`,
+}));
+const moves: LayoutOp[] = Array.from({ length: 120 }, (_, i) => ({
+  type: 'move',
+  instanceId: `dock.${i}`,
+  location: { kind: 'slot', slot: SLOT_IDS[(i + 1) % SLOT_IDS.length]!, index: 0 },
+}));
+
+describe('layout model, 128 widgets', () => {
+  bench('compose the default layout', () => {
+    composeDefaultLayout(widgets);
+  });
+  bench('200 splitter resizes', () => {
+    apply(layout, resizes);
+  });
+  bench('120 tab activations', () => {
+    apply(layout, activations);
+  });
+  bench('120 moves between slots', () => {
+    apply(layout, moves);
+  });
+  bench('serialize and read back', () => {
+    deserializeLayout(JSON.parse(serializeLayout(layout)));
+  });
+  bench('read a saved layout', () => {
+    deserializeLayout(JSON.parse(serialized));
+  });
+});
diff --git a/packages/layout/package.json b/packages/layout/package.json
new file mode 100644
index 00000000..aa558df5
--- /dev/null
+++ b/packages/layout/package.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-layout",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Layout model: main screens, dock slots, floating docks (pure data + operations)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/layout"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "bench": "vitest bench --run bench"
+  },
+  "dependencies": {
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/layout/src/default/default-layout.ts b/packages/layout/src/default/default-layout.ts
new file mode 100644
index 00000000..3b408fd7
--- /dev/null
+++ b/packages/layout/src/default/default-layout.ts
@@ -0,0 +1,74 @@
+import { emptyLayout } from '../model/empty-layout';
+import type { Layout } from '../model/layout.type';
+import type { SlotId } from '../model/slot-id.enum';
+import type { LayoutOp } from '../operations/layout-op.type';
+import { reduce } from '../operations/reduce';
+
+export interface WidgetPlacement {
+  readonly id: string;
+  readonly kind: 'dock' | 'screen';
+  /** Where a dock widget goes by default (ignored for screens). */
+  readonly defaultSlot?: SlotId;
+  /** Order in its slot (docks) or in the screen switcher (screens). */
+  readonly order?: number;
+  /** Docks: shown in the default layout (default true). */
+  readonly openByDefault?: boolean;
+}
+
+/** The layout used when nothing is saved: screens in order, docks in their default slots. */
+export const composeDefaultLayout = (widgets: readonly WidgetPlacement[]): Layout => {
+  const byOrder = (a: WidgetPlacement, b: WidgetPlacement) =>
+    (a.order ?? 0) - (b.order ?? 0) || a.id.localeCompare(b.id);
+  const screens = widgets.filter((widget) => widget.kind === 'screen').sort(byOrder);
+  const docks = widgets
+    .filter((widget) => widget.kind === 'dock' && widget.openByDefault !== false)
+    .sort(byOrder);
+  const ops: LayoutOp[] = [{ type: 'setScreens', screens: screens.map((screen) => screen.id) }];
+  const counts: Partial<Record<SlotId, number>> = {};
+  for (const dock of docks) {
+    const slot = dock.defaultSlot ?? 'leftTop';
+    const index = counts[slot] ?? 0;
+    counts[slot] = index + 1;
+    ops.push({
+      type: 'add',
+      ref: { instanceId: dock.id, widgetId: dock.id },
+      location: { kind: 'slot', slot, index },
+      activate: index === 0,
+    });
+  }
+  const layout = reduce(emptyLayout(), { type: 'batch', ops }).layout;
+  return { ...layout, known: widgets.map((widget) => widget.id) };
+};
+
+/** Adds screens and default docks that a saved layout does not know yet (new plugins). */
+export const reconcileLayout = (
+  layout: Layout,
+  widgets: readonly WidgetPlacement[],
+  known: ReadonlySet<string>,
+): Layout => {
+  const byOrder = (a: WidgetPlacement, b: WidgetPlacement) =>
+    (a.order ?? 0) - (b.order ?? 0) || a.id.localeCompare(b.id);
+  const screens = widgets
+    .filter((widget) => widget.kind === 'screen')
+    .sort(byOrder)
+    .map((widget) => widget.id);
+  const merged = [
+    ...layout.screens.filter((screen) => screens.includes(screen)),
+    ...screens.filter((screen) => !layout.screens.includes(screen)),
+  ];
+  const ops: LayoutOp[] = [{ type: 'setScreens', screens: merged }];
+  let next = reduce(layout, { type: 'batch', ops }).layout;
+  const seen = new Set([...known, ...layout.known]);
+  for (const dock of widgets.filter(
+    (widget) => widget.kind === 'dock' && !seen.has(widget.id) && widget.openByDefault !== false,
+  )) {
+    const slot = dock.defaultSlot ?? 'leftTop';
+    next = reduce(next, {
+      type: 'add',
+      ref: { instanceId: dock.id, widgetId: dock.id },
+      location: { kind: 'slot', slot, index: next.slots[slot].stack.tabs.length },
+      activate: false,
+    }).layout;
+  }
+  return { ...next, known: [...new Set([...seen, ...widgets.map((widget) => widget.id)])] };
+};
diff --git a/packages/layout/src/default/index.ts b/packages/layout/src/default/index.ts
new file mode 100644
index 00000000..473078d6
--- /dev/null
+++ b/packages/layout/src/default/index.ts
@@ -0,0 +1 @@
+export * from './default-layout';
diff --git a/packages/layout/src/index.ts b/packages/layout/src/index.ts
new file mode 100644
index 00000000..9ab9aef8
--- /dev/null
+++ b/packages/layout/src/index.ts
@@ -0,0 +1,4 @@
+export * from './default';
+export * from './model';
+export * from './operations';
+export * from './serialization';
diff --git a/packages/layout/src/model/empty-layout.ts b/packages/layout/src/model/empty-layout.ts
new file mode 100644
index 00000000..18700a40
--- /dev/null
+++ b/packages/layout/src/model/empty-layout.ts
@@ -0,0 +1,23 @@
+import { LAYOUT_VERSION } from './layout.const';
+import type { Layout, TabStack } from './layout.type';
+
+const emptyStack: TabStack = { tabs: [], active: null };
+
+export const emptyLayout = (): Layout => ({
+  version: LAYOUT_VERSION,
+  screens: [],
+  activeScreen: null,
+  slots: {
+    leftTop: { visible: true, size: 260, stack: emptyStack },
+    leftBottom: { visible: true, size: 260, stack: emptyStack },
+    rightTop: { visible: true, size: 300, stack: emptyStack },
+    rightBottom: { visible: true, size: 300, stack: emptyStack },
+    bottom: { visible: true, size: 220, stack: emptyStack },
+    bottomRight: { visible: true, size: 220, stack: emptyStack },
+  },
+  split: { left: 0.55, right: 0.55, bottom: 0.5 },
+  floats: [],
+  maximized: null,
+  screenOverrides: {},
+  known: [],
+});
diff --git a/packages/layout/src/model/index.ts b/packages/layout/src/model/index.ts
new file mode 100644
index 00000000..e4230941
--- /dev/null
+++ b/packages/layout/src/model/index.ts
@@ -0,0 +1,5 @@
+export * from './slot-id.enum';
+export * from './layout.type';
+export * from './layout.const';
+export * from './empty-layout';
+export * from './layout-queries';
diff --git a/packages/layout/src/model/layout-queries.ts b/packages/layout/src/model/layout-queries.ts
new file mode 100644
index 00000000..ad2b750b
--- /dev/null
+++ b/packages/layout/src/model/layout-queries.ts
@@ -0,0 +1,45 @@
+import type { Layout, Location, WidgetRef } from './layout.type';
+import { SLOT_IDS, type SlotId } from './slot-id.enum';
+
+export const findWidget = (
+  layout: Layout,
+  instanceId: string,
+): { location: Location; ref: WidgetRef; active: boolean } | undefined => {
+  for (const slot of SLOT_IDS) {
+    const stack = layout.slots[slot].stack;
+    const index = stack.tabs.findIndex((tab) => tab.instanceId === instanceId);
+    if (index >= 0) {
+      return {
+        location: { kind: 'slot', slot, index },
+        ref: stack.tabs[index]!,
+        active: stack.active === instanceId,
+      };
+    }
+  }
+  for (const float of layout.floats) {
+    const index = float.stack.tabs.findIndex((tab) => tab.instanceId === instanceId);
+    if (index >= 0) {
+      const rect = { x: float.x, y: float.y, width: float.width, height: float.height };
+      return {
+        location: { kind: 'float', floatId: float.id, index, rect },
+        ref: float.stack.tabs[index]!,
+        active: float.stack.active === instanceId,
+      };
+    }
+  }
+  return undefined;
+};
+
+/** Every widget instance in the layout. */
+export const allWidgets = (layout: Layout): WidgetRef[] => [
+  ...SLOT_IDS.flatMap((slot) => layout.slots[slot].stack.tabs),
+  ...layout.floats.flatMap((float) => float.stack.tabs),
+];
+
+/** Whether a slot is shown on the active screen (overrides applied). */
+export const isSlotVisible = (layout: Layout, slot: SlotId): boolean => {
+  const override = layout.activeScreen
+    ? layout.screenOverrides[layout.activeScreen]?.[slot]
+    : undefined;
+  return override ?? layout.slots[slot].visible;
+};
diff --git a/packages/layout/src/model/layout.const.ts b/packages/layout/src/model/layout.const.ts
new file mode 100644
index 00000000..1201a67d
--- /dev/null
+++ b/packages/layout/src/model/layout.const.ts
@@ -0,0 +1,4 @@
+export const LAYOUT_VERSION = 1;
+
+export const MIN_SLOT_SIZE = 120;
+export const MIN_FLOAT = { width: 200, height: 120 } as const;
diff --git a/packages/layout/src/model/layout.type.ts b/packages/layout/src/model/layout.type.ts
new file mode 100644
index 00000000..0f116d82
--- /dev/null
+++ b/packages/layout/src/model/layout.type.ts
@@ -0,0 +1,66 @@
+import { type LAYOUT_VERSION } from './layout.const';
+import type { SlotId } from './slot-id.enum';
+
+export interface WidgetRef {
+  /** Unique in the layout (singleton widgets use their widget id). */
+  readonly instanceId: string;
+  readonly widgetId: string;
+}
+
+export interface TabStack {
+  readonly tabs: readonly WidgetRef[];
+  readonly active: string | null;
+}
+
+export interface SlotState {
+  readonly visible: boolean;
+  /**
+   * Width (side slots) or height (bottom slots) in px. A column's two side slots share their
+   * width, the two bottom slots their height (`leftTop`, `rightTop` and `bottom` hold it).
+   */
+  readonly size: number;
+  readonly stack: TabStack;
+}
+
+export interface Rect {
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+}
+
+export interface FloatWindow extends Rect {
+  readonly id: string;
+  readonly z: number;
+  readonly stack: TabStack;
+}
+
+export interface Layout {
+  readonly version: typeof LAYOUT_VERSION;
+  /** Main screens in switcher order (screen widget ids). */
+  readonly screens: readonly string[];
+  readonly activeScreen: string | null;
+  readonly slots: Readonly<Record<SlotId, SlotState>>;
+  /** Share of the left/right column given to its top slot, of the bottom row to `bottom` (0-1). */
+  readonly split: { readonly left: number; readonly right: number; readonly bottom: number };
+  readonly floats: readonly FloatWindow[];
+  /** Widget instance shown over the whole workspace, if any. */
+  readonly maximized: string | null;
+  /** Per screen slot visibility, e.g. hide right docks on the code screen. */
+  readonly screenOverrides: Readonly<Record<string, Partial<Record<SlotId, boolean>>>>;
+  /**
+   * Widgets this layout has already placed or offered, closed ones included: a new plugin's docks
+   * are added once, and a dock the user closed does not come back on the next load.
+   */
+  readonly known: readonly string[];
+}
+
+/** Where a widget is: a dock slot or a floating window, at a tab index. */
+export type Location =
+  | { readonly kind: 'slot'; readonly slot: SlotId; readonly index: number }
+  | {
+      readonly kind: 'float';
+      readonly floatId: string;
+      readonly index: number;
+      readonly rect?: Rect;
+    };
diff --git a/packages/layout/src/model/slot-id.enum.ts b/packages/layout/src/model/slot-id.enum.ts
new file mode 100644
index 00000000..584e1f22
--- /dev/null
+++ b/packages/layout/src/model/slot-id.enum.ts
@@ -0,0 +1,13 @@
+/**
+ * Dock areas around the main screen, after IntelliJ's tool windows: two on each side, and the
+ * bottom split in two (`bottom` is its left part).
+ */
+export const SLOT_IDS = [
+  'leftTop',
+  'leftBottom',
+  'rightTop',
+  'rightBottom',
+  'bottom',
+  'bottomRight',
+] as const;
+export type SlotId = (typeof SLOT_IDS)[number];
diff --git a/packages/layout/src/operations/index.ts b/packages/layout/src/operations/index.ts
new file mode 100644
index 00000000..e0605d5f
--- /dev/null
+++ b/packages/layout/src/operations/index.ts
@@ -0,0 +1,4 @@
+export * from './layout-op.type';
+export * from './layout.exception';
+export * from './reduce';
+export * from './layout-ops';
diff --git a/packages/layout/src/operations/layout-op.type.ts b/packages/layout/src/operations/layout-op.type.ts
new file mode 100644
index 00000000..06347e78
--- /dev/null
+++ b/packages/layout/src/operations/layout-op.type.ts
@@ -0,0 +1,44 @@
+import type { Layout, Location, Rect, WidgetRef } from '../model/layout.type';
+import type { SlotId } from '../model/slot-id.enum';
+
+/** Every layout change is one of these serializable operations. */
+export type LayoutOp =
+  | {
+      readonly type: 'add';
+      readonly ref: WidgetRef;
+      readonly location: Location;
+      readonly activate?: boolean;
+    }
+  | { readonly type: 'remove'; readonly instanceId: string }
+  | {
+      readonly type: 'move';
+      readonly instanceId: string;
+      readonly location: Location;
+      readonly activate?: boolean;
+    }
+  | { readonly type: 'activate'; readonly instanceId: string }
+  | { readonly type: 'resizeSlot'; readonly slot: SlotId; readonly size: number }
+  | {
+      readonly type: 'setSplit';
+      readonly side: 'left' | 'right' | 'bottom';
+      readonly ratio: number;
+    }
+  | { readonly type: 'toggleSlot'; readonly slot: SlotId; readonly visible: boolean }
+  | { readonly type: 'setFloatRect'; readonly floatId: string; readonly rect: Rect }
+  | { readonly type: 'focusFloat'; readonly floatId: string; readonly z: number }
+  | { readonly type: 'switchScreen'; readonly screen: string | null }
+  | { readonly type: 'setScreens'; readonly screens: readonly string[] }
+  | { readonly type: 'maximize'; readonly instanceId: string | null }
+  | {
+      readonly type: 'setScreenOverride';
+      readonly screen: string;
+      readonly slot: SlotId;
+      readonly visible: boolean | null;
+    }
+  | { readonly type: 'batch'; readonly ops: readonly LayoutOp[] };
+
+export interface Reduction {
+  readonly layout: Layout;
+  /** Applying it to `layout` gives back the previous layout. */
+  readonly inverse: LayoutOp;
+}
diff --git a/packages/layout/src/operations/layout-ops.ts b/packages/layout/src/operations/layout-ops.ts
new file mode 100644
index 00000000..02f2e7ef
--- /dev/null
+++ b/packages/layout/src/operations/layout-ops.ts
@@ -0,0 +1,31 @@
+import type { Layout } from '../model/layout.type';
+import type { SlotId } from '../model/slot-id.enum';
+import type { LayoutOp } from './layout-op.type';
+import { LayoutError } from './layout.exception';
+
+/** Moves every tab of a floating window into a slot (one undoable step). */
+export const dockFloatOp = (layout: Layout, floatId: string, slot: SlotId): LayoutOp => {
+  const float = layout.floats.find((candidate) => candidate.id === floatId);
+  if (!float) throw new LayoutError(`Floating window ${floatId} does not exist`);
+  const start = layout.slots[slot].stack.tabs.length;
+  return {
+    type: 'batch',
+    ops: float.stack.tabs.map((tab, index) => ({
+      type: 'move' as const,
+      instanceId: tab.instanceId,
+      location: { kind: 'slot' as const, slot, index: start + index },
+      activate: tab.instanceId === float.stack.active,
+    })),
+  };
+};
+
+/**
+ * Shows or hides a slot on the active screen: changes the screen's override when it has one
+ * for that slot, the slot otherwise.
+ */
+export const showSlotOp = (layout: Layout, slot: SlotId, visible: boolean): LayoutOp => {
+  const screen = layout.activeScreen;
+  return screen && layout.screenOverrides[screen]?.[slot] !== undefined
+    ? { type: 'setScreenOverride', screen, slot, visible }
+    : { type: 'toggleSlot', slot, visible };
+};
diff --git a/packages/layout/src/operations/layout.exception.ts b/packages/layout/src/operations/layout.exception.ts
new file mode 100644
index 00000000..22435ab9
--- /dev/null
+++ b/packages/layout/src/operations/layout.exception.ts
@@ -0,0 +1,6 @@
+export class LayoutError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'LayoutError';
+  }
+}
diff --git a/packages/layout/src/operations/reduce.ts b/packages/layout/src/operations/reduce.ts
new file mode 100644
index 00000000..f6a8b75b
--- /dev/null
+++ b/packages/layout/src/operations/reduce.ts
@@ -0,0 +1,342 @@
+import { findWidget } from '../model/layout-queries';
+import { MIN_FLOAT, MIN_SLOT_SIZE } from '../model/layout.const';
+import type {
+  FloatWindow,
+  Layout,
+  Location,
+  Rect,
+  TabStack,
+  WidgetRef,
+} from '../model/layout.type';
+import type { SlotId } from '../model/slot-id.enum';
+import type { LayoutOp, Reduction } from './layout-op.type';
+import { LayoutError } from './layout.exception';
+
+const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));
+
+const insertTab = (stack: TabStack, ref: WidgetRef, index: number, activate: boolean): TabStack => {
+  const tabs = [...stack.tabs];
+  tabs.splice(clamp(index, 0, tabs.length), 0, ref);
+  return { tabs, active: activate || !stack.active ? ref.instanceId : stack.active };
+};
+
+const removeTab = (stack: TabStack, instanceId: string): TabStack => {
+  const index = stack.tabs.findIndex((tab) => tab.instanceId === instanceId);
+  const tabs = stack.tabs.filter((tab) => tab.instanceId !== instanceId);
+  const active =
+    stack.active === instanceId
+      ? (tabs[Math.min(index, tabs.length - 1)]?.instanceId ?? null)
+      : stack.active;
+  return { tabs, active };
+};
+
+const updateSlot = (
+  layout: Layout,
+  slot: SlotId,
+  update: (stack: TabStack) => TabStack,
+): Layout => ({
+  ...layout,
+  slots: {
+    ...layout.slots,
+    [slot]: { ...layout.slots[slot], stack: update(layout.slots[slot].stack) },
+  },
+});
+
+/** Active tab of the stack a location points to (null for a float that does not exist yet). */
+const activeAt = (layout: Layout, location: Location): string | null =>
+  location.kind === 'slot'
+    ? layout.slots[location.slot].stack.active
+    : (layout.floats.find((float) => float.id === location.floatId)?.stack.active ?? null);
+
+/** Inverse followed by re-activating the tabs that were active in the touched stacks. */
+const withActivation = (
+  inverse: LayoutOp,
+  previousActives: readonly (string | null)[],
+): LayoutOp => {
+  const activations = [...new Set(previousActives)]
+    .filter((id): id is string => id !== null)
+    .map((instanceId): LayoutOp => ({ type: 'activate', instanceId }));
+  return activations.length ? { type: 'batch', ops: [inverse, ...activations] } : inverse;
+};
+
+const nextZ = (layout: Layout) => Math.max(0, ...layout.floats.map((float) => float.z)) + 1;
+
+/** Places a widget at a location; a missing float is created from `location.rect`. */
+const place = (layout: Layout, ref: WidgetRef, location: Location, activate: boolean): Layout => {
+  if (location.kind === 'slot') {
+    return updateSlot(layout, location.slot, (stack) =>
+      insertTab(stack, ref, location.index, activate),
+    );
+  }
+  const existing = layout.floats.find((float) => float.id === location.floatId);
+  if (existing) {
+    return {
+      ...layout,
+      floats: layout.floats.map((float) =>
+        float.id === location.floatId
+          ? { ...float, stack: insertTab(float.stack, ref, location.index, activate) }
+          : float,
+      ),
+    };
+  }
+  if (!location.rect) throw new LayoutError(`Floating window ${location.floatId} does not exist`);
+  const float: FloatWindow = {
+    id: location.floatId,
+    ...normalizeRect(location.rect),
+    z: nextZ(layout),
+    stack: { tabs: [ref], active: ref.instanceId },
+  };
+  const floats = [...layout.floats, float].sort((a, b) => a.id.localeCompare(b.id));
+  return { ...layout, floats };
+};
+
+/** Removes a widget; an emptied float disappears. */
+const unplace = (
+  layout: Layout,
+  instanceId: string,
+  options: { keepMaximized?: boolean } = {},
+): Layout => {
+  const found = findWidget(layout, instanceId);
+  if (!found) throw new LayoutError(`No widget ${instanceId} in the layout`);
+  let next: Layout;
+  if (found.location.kind === 'slot') {
+    next = updateSlot(layout, found.location.slot, (stack) => removeTab(stack, instanceId));
+  } else {
+    const floatId = found.location.floatId;
+    next = {
+      ...layout,
+      floats: layout.floats
+        .map((float) =>
+          float.id === floatId ? { ...float, stack: removeTab(float.stack, instanceId) } : float,
+        )
+        .filter((float) => float.stack.tabs.length > 0),
+    };
+  }
+  return next.maximized === instanceId && !options.keepMaximized
+    ? { ...next, maximized: null }
+    : next;
+};
+
+const normalizeRect = (rect: Rect): Rect => ({
+  x: Math.round(rect.x),
+  y: Math.round(rect.y),
+  width: Math.round(Math.max(MIN_FLOAT.width, rect.width)),
+  height: Math.round(Math.max(MIN_FLOAT.height, rect.height)),
+});
+
+/**
+ * Applies an operation. Pure: returns the new layout and the operation undoing it.
+ * Throws `LayoutError` for operations that do not apply to this layout.
+ */
+export const reduce = (layout: Layout, op: LayoutOp): Reduction => {
+  switch (op.type) {
+    case 'add': {
+      if (findWidget(layout, op.ref.instanceId))
+        throw new LayoutError(`${op.ref.instanceId} is already in the layout`);
+      return {
+        layout: place(layout, op.ref, op.location, op.activate ?? true),
+        inverse: withActivation({ type: 'remove', instanceId: op.ref.instanceId }, [
+          activeAt(layout, op.location),
+        ]),
+      };
+    }
+    case 'remove': {
+      const found = findWidget(layout, op.instanceId);
+      if (!found) throw new LayoutError(`No widget ${op.instanceId} in the layout`);
+      const maximized = layout.maximized === op.instanceId;
+      const inverse: LayoutOp = {
+        type: 'add',
+        ref: found.ref,
+        location: found.location,
+        activate: found.active,
+      };
+      return {
+        layout: unplace(layout, op.instanceId),
+        inverse: maximized
+          ? { type: 'batch', ops: [inverse, { type: 'maximize', instanceId: op.instanceId }] }
+          : inverse,
+      };
+    }
+    case 'move': {
+      const found = findWidget(layout, op.instanceId);
+      if (!found) throw new LayoutError(`No widget ${op.instanceId} in the layout`);
+      const removed = unplace(layout, op.instanceId, { keepMaximized: true });
+      const requested = op.location;
+      const target: Location =
+        requested.kind === 'float' &&
+        !requested.rect &&
+        found.location.kind === 'float' &&
+        found.location.floatId === requested.floatId &&
+        !removed.floats.some((float) => float.id === requested.floatId)
+          ? { ...requested, ...(found.location.rect && { rect: found.location.rect }) }
+          : requested;
+      return {
+        layout: place(removed, found.ref, target, op.activate ?? true),
+        inverse: withActivation(
+          {
+            type: 'move',
+            instanceId: op.instanceId,
+            location: found.location,
+            activate: found.active,
+          },
+          [activeAt(layout, op.location), activeAt(layout, found.location)],
+        ),
+      };
+    }
+    case 'activate': {
+      const found = findWidget(layout, op.instanceId);
+      if (!found) throw new LayoutError(`No widget ${op.instanceId} in the layout`);
+      const previousActive =
+        found.location.kind === 'slot'
+          ? layout.slots[found.location.slot].stack.active
+          : layout.floats.find(
+              (float) => float.id === (found.location as { floatId: string }).floatId,
+            )!.stack.active;
+      const setActive = (stack: TabStack): TabStack => ({ ...stack, active: op.instanceId });
+      const next =
+        found.location.kind === 'slot'
+          ? updateSlot(layout, found.location.slot, setActive)
+          : {
+              ...layout,
+              floats: layout.floats.map((float) =>
+                float.id === (found.location as { floatId: string }).floatId
+                  ? { ...float, stack: setActive(float.stack) }
+                  : float,
+              ),
+            };
+      return {
+        layout: next,
+        inverse: previousActive
+          ? { type: 'activate', instanceId: previousActive }
+          : { type: 'batch', ops: [] },
+      };
+    }
+    case 'resizeSlot': {
+      const previous = layout.slots[op.slot].size;
+      return {
+        layout: {
+          ...layout,
+          slots: {
+            ...layout.slots,
+            [op.slot]: {
+              ...layout.slots[op.slot],
+              size: Math.max(MIN_SLOT_SIZE, Math.round(op.size)),
+            },
+          },
+        },
+        inverse: { type: 'resizeSlot', slot: op.slot, size: previous },
+      };
+    }
+    case 'setSplit': {
+      const previous = layout.split[op.side];
+      return {
+        layout: { ...layout, split: { ...layout.split, [op.side]: clamp(op.ratio, 0.15, 0.85) } },
+        inverse: { type: 'setSplit', side: op.side, ratio: previous },
+      };
+    }
+    case 'toggleSlot': {
+      const previous = layout.slots[op.slot].visible;
+      return {
+        layout: {
+          ...layout,
+          slots: { ...layout.slots, [op.slot]: { ...layout.slots[op.slot], visible: op.visible } },
+        },
+        inverse: { type: 'toggleSlot', slot: op.slot, visible: previous },
+      };
+    }
+    case 'setFloatRect': {
+      const float = layout.floats.find((candidate) => candidate.id === op.floatId);
+      if (!float) throw new LayoutError(`Floating window ${op.floatId} does not exist`);
+      const rect = normalizeRect(op.rect);
+      return {
+        layout: {
+          ...layout,
+          floats: layout.floats.map((candidate) =>
+            candidate === float ? { ...candidate, ...rect } : candidate,
+          ),
+        },
+        inverse: {
+          type: 'setFloatRect',
+          floatId: op.floatId,
+          rect: { x: float.x, y: float.y, width: float.width, height: float.height },
+        },
+      };
+    }
+    case 'focusFloat': {
+      const float = layout.floats.find((candidate) => candidate.id === op.floatId);
+      if (!float) throw new LayoutError(`Floating window ${op.floatId} does not exist`);
+      return {
+        layout: {
+          ...layout,
+          floats: layout.floats.map((candidate) =>
+            candidate === float ? { ...candidate, z: op.z } : candidate,
+          ),
+        },
+        inverse: { type: 'focusFloat', floatId: op.floatId, z: float.z },
+      };
+    }
+    case 'switchScreen': {
+      if (op.screen !== null && !layout.screens.includes(op.screen))
+        throw new LayoutError(`Unknown screen ${op.screen}`);
+      return {
+        layout: { ...layout, activeScreen: op.screen },
+        inverse: { type: 'switchScreen', screen: layout.activeScreen },
+      };
+    }
+    case 'setScreens': {
+      const activeScreen =
+        layout.activeScreen && op.screens.includes(layout.activeScreen)
+          ? layout.activeScreen
+          : (op.screens[0] ?? null);
+      return {
+        layout: { ...layout, screens: [...op.screens], activeScreen },
+        inverse: {
+          type: 'batch',
+          ops: [
+            { type: 'setScreens', screens: layout.screens },
+            { type: 'switchScreen', screen: layout.activeScreen },
+          ],
+        },
+      };
+    }
+    case 'maximize': {
+      if (op.instanceId !== null && !findWidget(layout, op.instanceId))
+        throw new LayoutError(`No widget ${op.instanceId} in the layout`);
+      return {
+        layout: { ...layout, maximized: op.instanceId },
+        inverse: { type: 'maximize', instanceId: layout.maximized },
+      };
+    }
+    case 'setScreenOverride': {
+      const current = layout.screenOverrides[op.screen] ?? {};
+      const previous = current[op.slot];
+      const overrides = Object.fromEntries(
+        Object.entries({ ...current, [op.slot]: op.visible }).filter(
+          ([, visible]) => visible !== null,
+        ),
+      ) as Partial<Record<SlotId, boolean>>;
+      return {
+        layout: {
+          ...layout,
+          screenOverrides: { ...layout.screenOverrides, [op.screen]: overrides },
+        },
+        inverse: {
+          type: 'setScreenOverride',
+          screen: op.screen,
+          slot: op.slot,
+          visible: previous ?? null,
+        },
+      };
+    }
+    case 'batch': {
+      let current = layout;
+      const inverses: LayoutOp[] = [];
+      for (const inner of op.ops) {
+        const result = reduce(current, inner);
+        current = result.layout;
+        inverses.unshift(result.inverse);
+      }
+      return { layout: current, inverse: { type: 'batch', ops: inverses } };
+    }
+  }
+};
diff --git a/packages/layout/src/serialization/index.ts b/packages/layout/src/serialization/index.ts
new file mode 100644
index 00000000..f26656c3
--- /dev/null
+++ b/packages/layout/src/serialization/index.ts
@@ -0,0 +1,2 @@
+export * from './serialize-layout';
+export * from './repair-layout';
diff --git a/packages/layout/src/serialization/layout.schema.ts b/packages/layout/src/serialization/layout.schema.ts
new file mode 100644
index 00000000..f01f2dc3
--- /dev/null
+++ b/packages/layout/src/serialization/layout.schema.ts
@@ -0,0 +1,21 @@
+import { z } from 'zod';
+
+export const Ref = z.object({ instanceId: z.string().min(1), widgetId: z.string().min(1) });
+export const Stack = z.object({
+  tabs: z.array(Ref).catch([]),
+  active: z.string().nullable().catch(null),
+});
+export const Slot = z.object({
+  visible: z.boolean().catch(true),
+  size: z.number().catch(260),
+  stack: Stack.catch({ tabs: [], active: null }),
+});
+export const Float = z.object({
+  id: z.string().min(1),
+  x: z.number(),
+  y: z.number(),
+  width: z.number(),
+  height: z.number(),
+  z: z.number().catch(1),
+  stack: Stack,
+});
diff --git a/packages/layout/src/serialization/repair-layout.ts b/packages/layout/src/serialization/repair-layout.ts
new file mode 100644
index 00000000..6e85b27e
--- /dev/null
+++ b/packages/layout/src/serialization/repair-layout.ts
@@ -0,0 +1,102 @@
+import { z } from 'zod';
+
+import { emptyLayout } from '../model/empty-layout';
+import { LAYOUT_VERSION, MIN_FLOAT, MIN_SLOT_SIZE } from '../model/layout.const';
+import type { Layout, TabStack } from '../model/layout.type';
+import { SLOT_IDS, type SlotId } from '../model/slot-id.enum';
+import { Float, Slot } from './layout.schema';
+
+export const repairLayout = (raw: Record<string, unknown>): Layout => {
+  const base = emptyLayout();
+  const seen = new Set<string>();
+  const widgetIds = new Set<string>();
+  const cleanStack = (stack: TabStack): TabStack => {
+    const tabs = stack.tabs.filter((tab) => {
+      if (seen.has(tab.instanceId)) return false;
+      seen.add(tab.instanceId);
+      widgetIds.add(tab.widgetId);
+      return true;
+    });
+    const active = tabs.some((tab) => tab.instanceId === stack.active)
+      ? stack.active
+      : (tabs[0]?.instanceId ?? null);
+    return { tabs, active };
+  };
+
+  const rawSlots = (raw.slots ?? {}) as Record<string, unknown>;
+  const slots = Object.fromEntries(
+    SLOT_IDS.map((id) => {
+      const parsed = Slot.safeParse(rawSlots[id]);
+      const slot = parsed.success ? parsed.data : base.slots[id];
+      return [
+        id,
+        {
+          visible: slot.visible,
+          size: Math.max(MIN_SLOT_SIZE, Math.round(slot.size)),
+          stack: cleanStack(slot.stack),
+        },
+      ];
+    }),
+  ) as Record<SlotId, Layout['slots'][SlotId]>;
+
+  const floats = z
+    .array(z.unknown())
+    .catch([])
+    .parse(raw.floats)
+    .flatMap((candidate) => {
+      const parsed = Float.safeParse(candidate);
+      if (!parsed.success) return [];
+      const stack = cleanStack(parsed.data.stack);
+      if (!stack.tabs.length) return [];
+      return [
+        {
+          ...parsed.data,
+          width: Math.max(MIN_FLOAT.width, parsed.data.width),
+          height: Math.max(MIN_FLOAT.height, parsed.data.height),
+          stack,
+        },
+      ];
+    });
+
+  const screens = z.array(z.string()).catch([]).parse(raw.screens);
+  const activeScreen = z.string().nullable().catch(null).parse(raw.activeScreen);
+  const maximized = z.string().nullable().catch(null).parse(raw.maximized);
+  const split = z
+    .object({
+      left: z.number().catch(base.split.left),
+      right: z.number().catch(base.split.right),
+      bottom: z.number().catch(base.split.bottom),
+    })
+    .catch(base.split)
+    .parse(raw.split);
+  /** Layouts saved before `known` existed know the widgets they show. */
+  const known = z.array(z.string()).optional().catch(undefined).parse(raw.known);
+  const overrides = z
+    .record(z.string(), z.record(z.string(), z.boolean()))
+    .catch({})
+    .parse(raw.screenOverrides);
+
+  return {
+    version: LAYOUT_VERSION,
+    screens: [...new Set(screens)],
+    activeScreen:
+      activeScreen && screens.includes(activeScreen) ? activeScreen : (screens[0] ?? null),
+    slots,
+    split: {
+      left: Math.min(0.85, Math.max(0.15, split.left)),
+      right: Math.min(0.85, Math.max(0.15, split.right)),
+      bottom: Math.min(0.85, Math.max(0.15, split.bottom)),
+    },
+    floats,
+    maximized: maximized && seen.has(maximized) ? maximized : null,
+    known: known ?? [...screens, ...widgetIds],
+    screenOverrides: Object.fromEntries(
+      Object.entries(overrides).map(([screen, values]) => [
+        screen,
+        Object.fromEntries(
+          Object.entries(values).filter(([slot]) => (SLOT_IDS as readonly string[]).includes(slot)),
+        ),
+      ]),
+    ),
+  };
+};
diff --git a/packages/layout/src/serialization/serialize-layout.ts b/packages/layout/src/serialization/serialize-layout.ts
new file mode 100644
index 00000000..31ddd8a4
--- /dev/null
+++ b/packages/layout/src/serialization/serialize-layout.ts
@@ -0,0 +1,37 @@
+import { LAYOUT_VERSION } from '../model/layout.const';
+import type { Layout } from '../model/layout.type';
+import { repairLayout } from './repair-layout';
+
+type Migration = (raw: Record<string, unknown>) => Record<string, unknown>;
+
+/** Migrations from version N to N + 1 (none yet: version 1 is the first). */
+const MIGRATIONS: Record<number, Migration> = {};
+
+export const serializeLayout = (layout: Layout): string => JSON.stringify(layout);
+
+/**
+ * Parses a stored layout: migrates old versions and repairs inconsistencies (duplicate
+ * instances, dangling active tabs, invalid sizes). Widgets are kept even when their plugin is
+ * not installed; the renderer shows them as placeholders. Returns undefined when unusable.
+ */
+export const deserializeLayout = (input: unknown): Layout | undefined => {
+  let raw: unknown = input;
+  if (typeof raw === 'string') {
+    try {
+      raw = JSON.parse(raw);
+    } catch {
+      return undefined;
+    }
+  }
+  if (typeof raw !== 'object' || raw === null) return undefined;
+  let document = raw as Record<string, unknown>;
+  let version = typeof document.version === 'number' ? document.version : 0;
+  if (version > LAYOUT_VERSION || version < 1) return undefined;
+  while (version < LAYOUT_VERSION) {
+    const migrate = MIGRATIONS[version];
+    if (!migrate) return undefined;
+    document = migrate(document);
+    version++;
+  }
+  return repairLayout(document);
+};
diff --git a/packages/layout/test/default/default-layout.spec.ts b/packages/layout/test/default/default-layout.spec.ts
new file mode 100644
index 00000000..5d3be202
--- /dev/null
+++ b/packages/layout/test/default/default-layout.spec.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest';
+
+import { allWidgets, deserializeLayout, reconcileLayout, serializeLayout } from '../../src';
+import { apply, base, widgets } from '../fixtures/layout';
+
+describe('default layout', () => {
+  it('places screens and docks by order', () => {
+    const layout = base();
+    expect(layout.screens).toEqual(['scene', 'script', 'game']);
+    expect(layout.activeScreen).toBe('scene');
+    expect(layout.slots.leftTop.stack).toEqual({
+      tabs: [
+        { instanceId: 'hierarchy', widgetId: 'hierarchy' },
+        { instanceId: 'files', widgetId: 'files' },
+      ],
+      active: 'hierarchy',
+    });
+    expect(allWidgets(layout).map((ref) => ref.instanceId)).not.toContain('profiler');
+  });
+
+  it('keeps a closed dock closed after a reload', () => {
+    const closed = apply(base(), { type: 'remove', instanceId: 'console' });
+    const reloaded = deserializeLayout(serializeLayout(closed))!;
+    const shown = new Set(allWidgets(reloaded).map((ref) => ref.widgetId));
+    const reconciled = reconcileLayout(reloaded, widgets, shown);
+    expect(allWidgets(reconciled).map((ref) => ref.widgetId)).not.toContain('console');
+    expect(reconciled.known).toContain('console');
+  });
+
+  it('reconciles saved layouts with new plugins', () => {
+    const saved = apply(base(), { type: 'remove', instanceId: 'console' });
+    const reconciled = reconcileLayout(
+      saved,
+      [
+        ...widgets,
+        { id: 'network', kind: 'dock', defaultSlot: 'bottom' },
+        { id: 'music', kind: 'screen', order: 9 },
+      ],
+      new Set([
+        'scene',
+        'script',
+        'game',
+        'files',
+        'hierarchy',
+        'inspector',
+        'console',
+        'profiler',
+      ]),
+    );
+    expect(reconciled.screens).toEqual(['scene', 'script', 'game', 'music']);
+    expect(reconciled.slots.bottom.stack.tabs.map((tab) => tab.instanceId)).toEqual(['network']);
+  });
+});
diff --git a/packages/layout/test/fixtures/layout.ts b/packages/layout/test/fixtures/layout.ts
new file mode 100644
index 00000000..e652ace4
--- /dev/null
+++ b/packages/layout/test/fixtures/layout.ts
@@ -0,0 +1,16 @@
+import { type Layout, type LayoutOp, composeDefaultLayout, reduce } from '../../src';
+
+export const widgets = [
+  { id: 'scene', kind: 'screen' as const, order: 0 },
+  { id: 'script', kind: 'screen' as const, order: 1 },
+  { id: 'game', kind: 'screen' as const, order: 2 },
+  { id: 'files', kind: 'dock' as const, defaultSlot: 'leftTop' as const },
+  { id: 'hierarchy', kind: 'dock' as const, defaultSlot: 'leftTop' as const, order: -1 },
+  { id: 'inspector', kind: 'dock' as const, defaultSlot: 'rightTop' as const },
+  { id: 'console', kind: 'dock' as const, defaultSlot: 'bottom' as const },
+  { id: 'profiler', kind: 'dock' as const, defaultSlot: 'bottom' as const, openByDefault: false },
+];
+
+export const base = () => composeDefaultLayout(widgets);
+export const apply = (layout: Layout, ...ops: LayoutOp[]) =>
+  ops.reduce((current, op) => reduce(current, op).layout, layout);
diff --git a/packages/layout/test/operations/inverse-operations.spec.ts b/packages/layout/test/operations/inverse-operations.spec.ts
new file mode 100644
index 00000000..ab5c90b9
--- /dev/null
+++ b/packages/layout/test/operations/inverse-operations.spec.ts
@@ -0,0 +1,114 @@
+import { describe, expect, it } from 'vitest';
+
+import { type Layout, type LayoutOp, SLOT_IDS, allWidgets, reduce } from '../../src';
+import { base } from '../fixtures/layout';
+
+/** Deterministic pseudo random generator (mulberry32). */
+const random = (seed: number) => () => {
+  seed |= 0;
+  seed = (seed + 0x6d2b79f5) | 0;
+  let t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
+  t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+  return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+};
+
+const randomOp = (layout: Layout, next: () => number, counter: { n: number }): LayoutOp => {
+  const pick = <T>(items: readonly T[]) => items[Math.floor(next() * items.length)]!;
+  const instances = allWidgets(layout).map((ref) => ref.instanceId);
+  const location = () =>
+    next() < 0.3
+      ? layout.floats.length && next() < 0.5
+        ? { kind: 'float' as const, floatId: pick(layout.floats).id, index: Math.floor(next() * 3) }
+        : {
+            kind: 'float' as const,
+            floatId: `f${counter.n++}`,
+            index: 0,
+            rect: {
+              x: next() * 800,
+              y: next() * 600,
+              width: 150 + next() * 400,
+              height: 100 + next() * 300,
+            },
+          }
+      : { kind: 'slot' as const, slot: pick(SLOT_IDS), index: Math.floor(next() * 4) };
+  const kinds = [
+    'add',
+    'remove',
+    'move',
+    'activate',
+    'resizeSlot',
+    'toggleSlot',
+    'switchScreen',
+    'maximize',
+    'setSplit',
+    'batch',
+  ];
+  switch (pick(kinds)) {
+    case 'add':
+      return {
+        type: 'add',
+        ref: { instanceId: `w${counter.n++}`, widgetId: 'dummy' },
+        location: location(),
+        activate: next() < 0.5,
+      };
+    case 'remove':
+      return instances.length
+        ? { type: 'remove', instanceId: pick(instances) }
+        : { type: 'batch', ops: [] };
+    case 'move':
+      return instances.length
+        ? {
+            type: 'move',
+            instanceId: pick(instances),
+            location: location(),
+            activate: next() < 0.5,
+          }
+        : { type: 'batch', ops: [] };
+    case 'activate':
+      return instances.length
+        ? { type: 'activate', instanceId: pick(instances) }
+        : { type: 'batch', ops: [] };
+    case 'resizeSlot':
+      return { type: 'resizeSlot', slot: pick(SLOT_IDS), size: 50 + next() * 500 };
+    case 'toggleSlot':
+      return { type: 'toggleSlot', slot: pick(SLOT_IDS), visible: next() < 0.5 };
+    case 'switchScreen':
+      return { type: 'switchScreen', screen: pick(layout.screens) };
+    case 'maximize':
+      return {
+        type: 'maximize',
+        instanceId: instances.length && next() < 0.7 ? pick(instances) : null,
+      };
+    case 'setSplit':
+      return { type: 'setSplit', side: next() < 0.5 ? 'left' : 'right', ratio: next() };
+    default: {
+      const first = randomOp(layout, next, counter);
+      return { type: 'batch', ops: [first] };
+    }
+  }
+};
+
+describe('inverse operations', () => {
+  it('restore the exact previous layout (1000 random sequences)', () => {
+    const next = random(42);
+    const counter = { n: 0 };
+    for (let run = 0; run < 1000; run++) {
+      let layout = base();
+      const history: { before: Layout; inverse: LayoutOp }[] = [];
+      for (let step = 0; step < 8; step++) {
+        const op = randomOp(layout, next, counter);
+        const { layout: after, inverse } = reduce(layout, op);
+        history.push({ before: layout, inverse });
+        layout = after;
+      }
+      for (const { before, inverse } of history.reverse()) {
+        layout = reduce(layout, inverse).layout;
+        const strip = (value: Layout) => ({
+          ...value,
+          floats: value.floats.map((float) => ({ ...float, z: 0 })),
+        });
+        expect(strip(layout)).toEqual(strip(before));
+      }
+    }
+  });
+});
diff --git a/packages/layout/test/operations/layout-ops.spec.ts b/packages/layout/test/operations/layout-ops.spec.ts
new file mode 100644
index 00000000..c37d4386
--- /dev/null
+++ b/packages/layout/test/operations/layout-ops.spec.ts
@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest';
+
+import { isSlotVisible, showSlotOp } from '../../src';
+import { apply, base } from '../fixtures/layout';
+
+describe('showing slots', () => {
+  it('changes the slot, or the screen override when there is one', () => {
+    const hidden = apply(base(), showSlotOp(base(), 'leftTop', false));
+    expect(isSlotVisible(hidden, 'leftTop')).toBe(false);
+    expect(hidden.slots.leftTop.visible).toBe(false);
+
+    const overridden = apply(base(), {
+      type: 'setScreenOverride',
+      screen: 'scene',
+      slot: 'bottom',
+      visible: false,
+    });
+    const shown = apply(overridden, showSlotOp(overridden, 'bottom', true));
+    expect(isSlotVisible(shown, 'bottom')).toBe(true);
+    expect(shown.screenOverrides.scene).toEqual({ bottom: true });
+  });
+});
diff --git a/packages/layout/test/operations/reduce.spec.ts b/packages/layout/test/operations/reduce.spec.ts
new file mode 100644
index 00000000..07a5dde8
--- /dev/null
+++ b/packages/layout/test/operations/reduce.spec.ts
@@ -0,0 +1,74 @@
+import { describe, expect, it } from 'vitest';
+
+import { LayoutError, dockFloatOp, isSlotVisible, reduce } from '../../src';
+import { apply, base } from '../fixtures/layout';
+
+describe('operations', () => {
+  it('floats a widget into a new window and docks it back', () => {
+    const floated = apply(base(), {
+      type: 'move',
+      instanceId: 'inspector',
+      location: {
+        kind: 'float',
+        floatId: 'f1',
+        index: 0,
+        rect: { x: 40, y: 50, width: 90, height: 300 },
+      },
+    });
+    expect(floated.floats).toHaveLength(1);
+    expect(floated.floats[0]).toMatchObject({
+      id: 'f1',
+      width: 200,
+      height: 300,
+      stack: { active: 'inspector' },
+    });
+    expect(floated.slots.rightTop.stack.tabs).toEqual([]);
+    const docked = apply(floated, dockFloatOp(floated, 'f1', 'bottom'));
+    expect(docked.floats).toEqual([]);
+    expect(docked.slots.bottom.stack.tabs.map((tab) => tab.instanceId)).toEqual([
+      'console',
+      'inspector',
+    ]);
+  });
+
+  it('reorders tabs inside a stack', () => {
+    const layout = apply(base(), {
+      type: 'move',
+      instanceId: 'hierarchy',
+      location: { kind: 'slot', slot: 'leftTop', index: 1 },
+    });
+    expect(layout.slots.leftTop.stack.tabs.map((tab) => tab.instanceId)).toEqual([
+      'files',
+      'hierarchy',
+    ]);
+  });
+
+  it('keeps the neighbour active when the active tab closes', () => {
+    const layout = apply(base(), { type: 'remove', instanceId: 'hierarchy' });
+    expect(layout.slots.leftTop.stack.active).toBe('files');
+  });
+
+  it('applies screen overrides to slot visibility', () => {
+    const layout = apply(
+      base(),
+      { type: 'setScreenOverride', screen: 'script', slot: 'rightTop', visible: false },
+      { type: 'switchScreen', screen: 'script' },
+    );
+    expect(isSlotVisible(layout, 'rightTop')).toBe(false);
+    expect(
+      isSlotVisible(apply(layout, { type: 'switchScreen', screen: 'scene' }), 'rightTop'),
+    ).toBe(true);
+  });
+
+  it('rejects operations that do not apply', () => {
+    expect(() => reduce(base(), { type: 'remove', instanceId: 'nope' })).toThrow(LayoutError);
+    expect(() => reduce(base(), { type: 'switchScreen', screen: 'nope' })).toThrow(LayoutError);
+    expect(() =>
+      reduce(base(), {
+        type: 'add',
+        ref: { instanceId: 'files', widgetId: 'files' },
+        location: { kind: 'slot', slot: 'bottom', index: 0 },
+      }),
+    ).toThrow(/already/);
+  });
+});
diff --git a/packages/layout/test/serialization/serialize-layout.spec.ts b/packages/layout/test/serialization/serialize-layout.spec.ts
new file mode 100644
index 00000000..53c8edf7
--- /dev/null
+++ b/packages/layout/test/serialization/serialize-layout.spec.ts
@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'vitest';
+
+import { deserializeLayout, emptyLayout, findWidget, serializeLayout } from '../../src';
+import { apply, base } from '../fixtures/layout';
+
+describe('serialization', () => {
+  it('round-trips and repairs broken documents', () => {
+    const layout = apply(base(), {
+      type: 'move',
+      instanceId: 'console',
+      location: {
+        kind: 'float',
+        floatId: 'f',
+        index: 0,
+        rect: { x: 1, y: 2, width: 300, height: 200 },
+      },
+    });
+    expect(deserializeLayout(serializeLayout(layout))).toEqual(layout);
+
+    const broken = JSON.parse(serializeLayout(layout));
+    broken.slots.bottom.stack = {
+      tabs: [{ instanceId: 'files', widgetId: 'files' }],
+      active: 'ghost',
+    };
+    broken.slots.leftTop.size = -5;
+    broken.maximized = 'ghost';
+    broken.floats.push({
+      id: 'empty',
+      x: 0,
+      y: 0,
+      width: 10,
+      height: 10,
+      stack: { tabs: [], active: null },
+    });
+    const repaired = deserializeLayout(broken)!;
+    expect(findWidget(repaired, 'files')!.location).toMatchObject({
+      kind: 'slot',
+      slot: 'leftTop',
+    });
+    expect(repaired.slots.bottom.stack).toEqual({ tabs: [], active: null });
+    expect(repaired.slots.leftTop.size).toBe(120);
+    expect(repaired.maximized).toBeNull();
+    expect(repaired.floats.map((float) => float.id)).toEqual(['f']);
+  });
+
+  it('reads layouts saved before the bottom right slot', () => {
+    const old = JSON.parse(serializeLayout(base()));
+    delete old.slots.bottomRight;
+    old.split = { left: 0.4, right: 0.6 };
+    const layout = deserializeLayout(old)!;
+    expect(layout.slots.bottomRight).toEqual(emptyLayout().slots.bottomRight);
+    expect(layout.split).toEqual({ left: 0.4, right: 0.6, bottom: 0.5 });
+  });
+
+  it('rejects unusable documents', () => {
+    expect(deserializeLayout('not json')).toBeUndefined();
+    expect(deserializeLayout({ version: 99 })).toBeUndefined();
+    expect(deserializeLayout(null)).toBeUndefined();
+    expect(deserializeLayout({ version: 1 })).toEqual({ ...emptyLayout() });
+  });
+});
diff --git a/packages/layout/tsconfig.json b/packages/layout/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/layout/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/meta/.prettierignore b/packages/meta/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/meta/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/meta/LICENSE b/packages/meta/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/meta/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/meta/README.md b/packages/meta/README.md
new file mode 100644
index 00000000..f8756763
--- /dev/null
+++ b/packages/meta/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/meta"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fmeta" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-meta` is an internal package of the NanoForge Editor.
+
+Item metadata: TSDoc and TypeScript extraction, owner extensions, meta schemas (ADR 0003).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/meta
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/meta/package.json b/packages/meta/package.json
new file mode 100644
index 00000000..e57ec635
--- /dev/null
+++ b/packages/meta/package.json
@@ -0,0 +1,63 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-meta",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Item metadata: TSDoc and TypeScript extraction, owner extensions, meta schemas (ADR 0003)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./pure": "./src/pure.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/meta"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "ts-morph": "catalog:code",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/meta/src/doc/doc-comment.ts b/packages/meta/src/doc/doc-comment.ts
new file mode 100644
index 00000000..35427757
--- /dev/null
+++ b/packages/meta/src/doc/doc-comment.ts
@@ -0,0 +1,102 @@
+import { type Node, ts } from 'ts-morph';
+
+import type { Doc } from './doc.type';
+
+const EMPTY: Doc = { description: '', tags: [] };
+const TAG = /(^|\s)@([A-Za-z][\w-]*)/g;
+const FENCE = /^\s*```/;
+
+/**
+ * Parses a `/** … *\/` comment. Tags are read anywhere after whitespace, also on one line
+ * (`/** Distance. @group Coords @preset vector.x *\/`), except inside ``` fences and `{@link}`.
+ */
+export const parseDocComment = (raw: string): Doc => {
+  const body = raw
+    .replace(/^\/\*\*/, '')
+    .replace(/\*\/$/, '')
+    .split('\n')
+    .map((line) => line.replace(/^\s*\* ?/, ''))
+    .join('\n');
+
+  const marks: { start: number; end: number; name: string }[] = [];
+  let offset = 0;
+  let fenced = false;
+  for (const line of body.split('\n')) {
+    if (FENCE.test(line)) fenced = !fenced;
+    else if (!fenced) {
+      for (const match of line.matchAll(TAG)) {
+        const start = offset + match.index + match[1]!.length;
+        marks.push({ start, end: start + 1 + match[2]!.length, name: match[2]! });
+      }
+    }
+    offset += line.length + 1;
+  }
+
+  const description = body.slice(0, marks[0]?.start ?? body.length).trim();
+  const tags = marks.map((mark, index) => ({
+    name: mark.name,
+    text: body.slice(mark.end, marks[index + 1]?.start ?? body.length).trim(),
+  }));
+  return { description, tags };
+};
+
+/**
+ * `/** … *\/` comments right before a node, as `{ start, end, text }`. Read from the node's full
+ * start with the compiler API: ts-morph gives the first parameter's comment (`(/** … *\/ x`) to
+ * the parameter list instead.
+ */
+export const leadingDocComments = (
+  node: Node,
+): { readonly start: number; readonly end: number; readonly text: string }[] => {
+  const text = node.getSourceFile().getFullText();
+  const ranges = [
+    ...(ts.getTrailingCommentRanges(text, node.getPos()) ?? []),
+    ...(ts.getLeadingCommentRanges(text, node.getPos()) ?? []),
+  ].filter((range, index, all) => all.findIndex((other) => other.pos === range.pos) === index);
+  return ranges
+    .sort((a, b) => a.pos - b.pos)
+    .map((range) => ({ start: range.pos, end: range.end, text: text.slice(range.pos, range.end) }))
+    .filter((range) => range.text.startsWith('/**'));
+};
+
+/** The last `/** … *\/` comment right before a node, parsed. */
+export const docOf = (node: Node | undefined): Doc => {
+  if (!node) return EMPTY;
+  const last = leadingDocComments(node).at(-1);
+  return last ? parseDocComment(last.text) : EMPTY;
+};
+
+export const tagTexts = (doc: Doc, name: string): string[] =>
+  doc.tags.filter((tag) => tag.name === name).map((tag) => tag.text);
+
+export const firstTag = (doc: Doc, name: string): string | undefined => tagTexts(doc, name)[0];
+
+export const hasTag = (doc: Doc, name: string): boolean =>
+  doc.tags.some((tag) => tag.name === name);
+
+/** `@param name - text` (or `@param name text`) of a doc. */
+export const paramTexts = (doc: Doc): Map<string, string> => {
+  const result = new Map<string, string>();
+  for (const text of tagTexts(doc, 'param')) {
+    const match = /^\{[^}]*\}\s*/.exec(text);
+    const rest = match ? text.slice(match[0].length) : text;
+    const [, name, description] = /^\[?([\w$.]+)\]?\s*(?:-\s*)?([\s\S]*)$/.exec(rest) ?? [];
+    if (name) result.set(name, (description ?? '').replace(/\s+/g, ' ').trim());
+  }
+  return result;
+};
+
+/** The text of an `@example`, without its ``` fence. */
+export const exampleText = (text: string): string =>
+  text
+    .replace(/^\s*```\w*\s*\n?/, '')
+    .replace(/\n?\s*```\s*$/, '')
+    .trim();
+
+/** Collapses the line breaks of a description written over several lines. */
+export const oneParagraph = (text: string): string =>
+  text
+    .split(/\n\s*\n/)
+    .map((paragraph) => paragraph.replace(/\s+/g, ' ').trim())
+    .filter(Boolean)
+    .join('\n\n');
diff --git a/packages/meta/src/doc/doc.type.ts b/packages/meta/src/doc/doc.type.ts
new file mode 100644
index 00000000..b96cb07d
--- /dev/null
+++ b/packages/meta/src/doc/doc.type.ts
@@ -0,0 +1,11 @@
+export interface DocTag {
+  /** Without `@`. */
+  readonly name: string;
+  /** The text after the tag name, trimmed (`''` for a flag). */
+  readonly text: string;
+}
+
+export interface Doc {
+  readonly description: string;
+  readonly tags: readonly DocTag[];
+}
diff --git a/packages/meta/src/doc/index.ts b/packages/meta/src/doc/index.ts
new file mode 100644
index 00000000..51b3bc90
--- /dev/null
+++ b/packages/meta/src/doc/index.ts
@@ -0,0 +1,2 @@
+export * from './doc.type';
+export * from './doc-comment';
diff --git a/packages/meta/src/extract/exported-declarations.ts b/packages/meta/src/extract/exported-declarations.ts
new file mode 100644
index 00000000..c53bf633
--- /dev/null
+++ b/packages/meta/src/extract/exported-declarations.ts
@@ -0,0 +1,64 @@
+import {
+  type ClassDeclaration,
+  type Node,
+  Node as NodeGuards,
+  type ParameterDeclaration,
+  type SourceFile,
+} from 'ts-morph';
+
+import type { Doc } from '../doc/doc.type';
+import type { ItemDeclaration, ItemKind } from '../owner/item-owner.type';
+
+type Tags = Record<string, string[]>;
+
+export const tagsByName = (doc: Doc): Tags => {
+  const result: Tags = {};
+  for (const tag of doc.tags) (result[tag.name] ??= []).push(tag.text);
+  return result;
+};
+
+/** The export declarations of the file itself (not re-exports), with their export name. */
+interface ExportedItem {
+  readonly exportName: string;
+  readonly declaration: ItemDeclaration;
+  readonly kind: ItemKind;
+}
+
+export const exportedDeclarations = (file: SourceFile): ExportedItem[] =>
+  [...file.getExportedDeclarations()].flatMap(([exportName, declarations]) =>
+    declarations.flatMap((declaration): ExportedItem[] => {
+      if (declaration.getSourceFile() !== file) return [];
+      if (NodeGuards.isClassDeclaration(declaration))
+        return [{ exportName, declaration, kind: 'class' as ItemKind }];
+      if (NodeGuards.isFunctionDeclaration(declaration))
+        return [{ exportName, declaration, kind: 'function' as ItemKind }];
+      if (NodeGuards.isVariableDeclaration(declaration))
+        return [{ exportName, declaration, kind: 'const' as ItemKind }];
+      return [];
+    }),
+  );
+
+export const docNodeOf = (declaration: ItemDeclaration): Node =>
+  NodeGuards.isVariableDeclaration(declaration)
+    ? (declaration.getVariableStatement() ?? declaration)
+    : declaration;
+
+/** The constructor that has a body (the implementation), or the first one. */
+export const constructorOf = (declaration: ClassDeclaration) => {
+  const constructors = declaration.getConstructors();
+  return constructors.find((constructor) => constructor.hasBody()) ?? constructors[0];
+};
+
+/** Parameters of the item: its constructor's (class), its own (function, arrow const). */
+export const parametersOf = (declaration: ItemDeclaration): ParameterDeclaration[] => {
+  if (NodeGuards.isClassDeclaration(declaration))
+    return constructorOf(declaration)?.getParameters() ?? [];
+  if (NodeGuards.isFunctionDeclaration(declaration)) return declaration.getParameters();
+  const initializer = declaration.getInitializer();
+  if (
+    initializer &&
+    (NodeGuards.isArrowFunction(initializer) || NodeGuards.isFunctionExpression(initializer))
+  )
+    return initializer.getParameters();
+  return [];
+};
diff --git a/packages/meta/src/extract/extract-items.ts b/packages/meta/src/extract/extract-items.ts
new file mode 100644
index 00000000..e98a54ac
--- /dev/null
+++ b/packages/meta/src/extract/extract-items.ts
@@ -0,0 +1,204 @@
+import { type Node, Node as NodeGuards, type SourceFile } from 'ts-morph';
+
+import {
+  docOf,
+  exampleText,
+  firstTag,
+  hasTag,
+  oneParagraph,
+  paramTexts,
+  tagTexts,
+} from '../doc/doc-comment';
+import type { ItemOwner, OwnerContext, OwnerInput } from '../owner/item-owner.type';
+import type { Element, ParamGroup } from '../schema/element.schema';
+import type { Side } from '../schema/item-ref.schema';
+import type { ItemMeta } from '../schema/meta-file.schema';
+import { elementOfType } from '../type/element-of-type';
+import type { TypeContext } from '../type/type-context.type';
+import {
+  constructorOf,
+  docNodeOf,
+  exportedDeclarations,
+  parametersOf,
+  tagsByName,
+} from './exported-declarations';
+import type { ExtractOptions, ExtractResult, MetaDiagnostic } from './extract.type';
+import { CORE_TAGS, SIDES, STANDARD_TAGS } from './meta-tags.const';
+import {
+  asAsset,
+  assetTags,
+  fieldsSetFromConstructor,
+  isPublicInstanceField,
+  withDefault,
+} from './param-fields';
+import { layoutOf, parseGroupDeclaration } from './param-layout';
+import { requiresOf } from './requires';
+
+/**
+ * Extracts the items of one file: core fields from TSDoc and TypeScript, and each owner's object.
+ * An export is an item when the file is `listed`, when an owner claims it (tags or inference), or
+ * when it carries tags of an owner that isn't installed (kept in `unclaimedTags`). When the file
+ * says which `exports` are items (a manifest's `contents`), only those are.
+ */
+export const extractItems = (file: SourceFile, options: ExtractOptions): ExtractResult => {
+  const diagnostics: MetaDiagnostic[] = [];
+  const typeContext: TypeContext = { modulePath: options.modulePath };
+  const context: OwnerContext = {
+    file,
+    path: options.path,
+    source: options.source,
+    ...(options.folder && { folder: options.folder }),
+    refOf: options.refOf,
+  };
+  const ownedTags = new Map<string, ItemOwner>();
+  for (const owner of options.owners) for (const tag of owner.tags) ownedTags.set(tag, owner);
+  const warn = (node: Node, message: string, source = 'meta') =>
+    diagnostics.push({
+      path: options.path,
+      start: node.getStart(),
+      length: node.getWidth(),
+      message,
+      severity: 'warning',
+      source,
+    });
+  const requires = requiresOf(file);
+  const items: ItemMeta[] = [];
+
+  for (const { exportName, declaration, kind } of exportedDeclarations(file)) {
+    const doc = docOf(docNodeOf(declaration));
+    if (hasTag(doc, 'internal')) continue;
+    const tags = tagsByName(doc);
+    const nameNode = declaration.getNameNode() ?? declaration;
+
+    const ownerObjects: Record<string, Record<string, unknown>> = {};
+    const claimedParams = new Set<string>();
+    const claimedFields = new Set<string>();
+    for (const owner of options.owners) {
+      const own: Record<string, string[]> = {};
+      for (const tag of owner.tags) if (tags[tag]) own[tag] = tags[tag];
+      const input: OwnerInput = { declaration, kind, tags: own, context };
+      if (!Object.keys(own).length && !owner.infer?.(input)) continue;
+      let value: Record<string, unknown> | undefined;
+      try {
+        value = owner.extract(input);
+      } catch (error) {
+        warn(nameNode, `${owner.name} could not read ${exportName}: ${String(error)}`, owner.name);
+        continue;
+      }
+      if (!value) continue;
+      const check = owner.validate?.safeParse(value);
+      if (check && !check.success) {
+        warn(nameNode, `${owner.name} wrote an invalid description of ${exportName}`, owner.name);
+        continue;
+      }
+      ownerObjects[owner.name] = value;
+      const claims = owner.claims?.(input);
+      for (const name of claims?.params ?? []) claimedParams.add(name);
+      for (const name of claims?.fields ?? []) claimedFields.add(name);
+    }
+
+    const unclaimed: Record<string, string[]> = {};
+    for (const [name, texts] of Object.entries(tags)) {
+      if (CORE_TAGS.has(name) || STANDARD_TAGS.has(name) || ownedTags.has(name)) continue;
+      unclaimed[name] = texts;
+    }
+
+    const isItem = options.exports
+      ? options.exports.includes(exportName)
+      : options.listed || Object.keys(ownerObjects).length > 0 || Object.keys(unclaimed).length > 0;
+    if (!isItem) continue;
+
+    let side: Side = 'shared';
+    const sideText = firstTag(doc, 'side');
+    if (sideText !== undefined) {
+      const value = sideText.split(/\s+/)[0] ?? '';
+      if (SIDES.has(value)) side = value as Side;
+      else warn(nameNode, `@side must be client, server or shared, not "${value}"`);
+    }
+
+    const ownerDoc = NodeGuards.isClassDeclaration(declaration)
+      ? docOf(constructorOf(declaration))
+      : doc;
+    const paramDocs = paramTexts(ownerDoc);
+    const constructorAssets = assetTags(ownerDoc, false);
+    const params: Element[] = [];
+    for (const param of parametersOf(declaration)) {
+      const name = param.getName();
+      if (claimedParams.has(name)) continue;
+      const own = docOf(param);
+      let element = elementOfType(name, param.getType(), param, typeContext);
+      element = withDefault(element, param.getInitializer());
+      const assets = constructorAssets.get(name) ?? assetTags(own, true).get('');
+      if (assets) element = asAsset(element, assets);
+      const description = oneParagraph(own.description) || paramDocs.get(name);
+      const layout = layoutOf(own);
+      const deprecated = firstTag(own, 'deprecated');
+      params.push({
+        ...element,
+        ...((param.isOptional() || param.hasInitializer()) && { optional: true }),
+        ...(description && { description }),
+        ...(deprecated !== undefined && { deprecated }),
+        ...(layout && { layout }),
+      } as Element);
+    }
+
+    const fields: Element[] = [];
+    if (NodeGuards.isClassDeclaration(declaration)) {
+      const fromConstructor = fieldsSetFromConstructor(declaration);
+      for (const property of declaration.getProperties()) {
+        const name = property.getName();
+        if (!isPublicInstanceField(property) || claimedFields.has(name)) continue;
+        if (fromConstructor.has(name)) continue;
+        const own = docOf(property);
+        if (hasTag(own, 'internal')) continue;
+        let element = elementOfType(name, property.getType(), property, typeContext);
+        element = withDefault(element, property.getInitializer());
+        const assets = assetTags(own, true).get('');
+        if (assets) element = asAsset(element, assets);
+        const description = oneParagraph(own.description);
+        const layout = layoutOf(own);
+        fields.push({
+          ...element,
+          ...(property.hasQuestionToken() && { optional: true }),
+          ...(description && { description }),
+          ...(layout && { layout }),
+        } as Element);
+      }
+    }
+
+    const groups: ParamGroup[] = [];
+    for (const text of tags.group ?? []) {
+      const group = parseGroupDeclaration(text);
+      if (!group) warn(nameNode, `@group needs a name: "@group Coords - description"`);
+      else if (groups.some((existing) => existing.name === group.name))
+        warn(nameNode, `The group "${group.name}" is declared twice`);
+      else groups.push(group);
+    }
+    for (const element of [...params, ...fields]) {
+      const name = element.layout?.group;
+      if (name && !groups.some((group) => group.name === name)) groups.push({ name });
+    }
+
+    const description = oneParagraph(
+      [doc.description, ...tagTexts(doc, 'remarks')].filter(Boolean).join('\n\n'),
+    );
+    const example = firstTag(doc, 'example');
+    const deprecated = firstTag(doc, 'deprecated');
+    items.push({
+      export: exportName,
+      source: options.path,
+      kind,
+      side,
+      ...(description && { description }),
+      ...(example && { example: exampleText(example) }),
+      ...(deprecated !== undefined && { deprecated }),
+      params,
+      fields,
+      groups,
+      requires,
+      ...(Object.keys(unclaimed).length && { unclaimedTags: unclaimed }),
+      ...ownerObjects,
+    } as ItemMeta);
+  }
+  return { items, diagnostics };
+};
diff --git a/packages/meta/src/extract/extract.type.ts b/packages/meta/src/extract/extract.type.ts
new file mode 100644
index 00000000..80beb213
--- /dev/null
+++ b/packages/meta/src/extract/extract.type.ts
@@ -0,0 +1,40 @@
+import type { Node, SourceFile } from 'ts-morph';
+
+import type { ItemOwner } from '../owner/item-owner.type';
+import type { ItemRef } from '../schema/item-ref.schema';
+import type { ItemMeta, MetaSource } from '../schema/meta-file.schema';
+
+export interface MetaDiagnostic {
+  readonly path: string;
+  readonly start: number;
+  readonly length: number;
+  readonly message: string;
+  readonly severity: 'warning' | 'info';
+  /** `meta` or the owner that reported it. */
+  readonly source: string;
+}
+
+export interface ExtractOptions {
+  readonly source: MetaSource;
+  /** Project path of the file. */
+  readonly path: string;
+  readonly owners: readonly ItemOwner[];
+  /** The file is listed in a manifest's `items`: each of its exports is an item. */
+  readonly listed?: boolean;
+  /**
+   * A manifest's `contents` name these exports of the file: they are items, and its other
+   * exports are not (whatever the owners infer).
+   */
+  readonly exports?: readonly string[];
+  /** The item folder of the app or library the file is in. */
+  readonly folder?: 'components' | 'systems';
+  /** Module of a declaration file: a package name, or the project path of a project file. */
+  modulePath(file: SourceFile): string;
+  /** The item a node refers to (for owners, e.g. the components a system queries). */
+  refOf(node: Node): ItemRef | undefined;
+}
+
+export interface ExtractResult {
+  readonly items: ItemMeta[];
+  readonly diagnostics: MetaDiagnostic[];
+}
diff --git a/packages/meta/src/extract/index.ts b/packages/meta/src/extract/index.ts
new file mode 100644
index 00000000..bc3dac97
--- /dev/null
+++ b/packages/meta/src/extract/index.ts
@@ -0,0 +1,5 @@
+export { CORE_TAGS } from './meta-tags.const';
+export * from './extract.type';
+export { parseGroupDeclaration } from './param-layout';
+export * from './requires';
+export * from './extract-items';
diff --git a/packages/meta/src/extract/meta-tags.const.ts b/packages/meta/src/extract/meta-tags.const.ts
new file mode 100644
index 00000000..3f2532a5
--- /dev/null
+++ b/packages/meta/src/extract/meta-tags.const.ts
@@ -0,0 +1,46 @@
+/** Tags the core reads itself (ADR 0003). */
+export const CORE_TAGS: ReadonlySet<string> = new Set([
+  'remarks',
+  'param',
+  'example',
+  'side',
+  'asset',
+  'deprecated',
+  'internal',
+  'group',
+  'preset',
+  'label',
+  'color',
+  'hidden',
+]);
+
+/** Common JSDoc/TSDoc tags that are neither core nor owner tags: never reported. */
+export const STANDARD_TAGS: ReadonlySet<string> = new Set([
+  'returns',
+  'return',
+  'see',
+  'throws',
+  'since',
+  'template',
+  'typeParam',
+  'link',
+  'inheritDoc',
+  'default',
+  'defaultValue',
+  'privateRemarks',
+  'beta',
+  'alpha',
+  'experimental',
+  'public',
+  'override',
+  'virtual',
+  'sealed',
+  'readonly',
+  'author',
+  'todo',
+  'type',
+  'module',
+  'packageDocumentation',
+]);
+
+export const SIDES: ReadonlySet<string> = new Set(['client', 'server', 'shared']);
diff --git a/packages/meta/src/extract/param-fields.ts b/packages/meta/src/extract/param-fields.ts
new file mode 100644
index 00000000..1291fb2f
--- /dev/null
+++ b/packages/meta/src/extract/param-fields.ts
@@ -0,0 +1,92 @@
+import {
+  type ClassDeclaration,
+  type Node,
+  Node as NodeGuards,
+  type PropertyDeclaration,
+  ts,
+} from 'ts-morph';
+
+import { tagTexts } from '../doc/doc-comment';
+import type { Doc } from '../doc/doc.type';
+import type { Element } from '../schema/element.schema';
+import { defaultOf } from '../type/default-of';
+import { constructorOf } from './exported-declarations';
+
+/** `@asset <param> .png .jpg` of a constructor doc, or `@asset .png` of a param's own doc. */
+export const assetTags = (doc: Doc, own: boolean): Map<string, string[]> => {
+  const result = new Map<string, string[]>();
+  for (const text of tagTexts(doc, 'asset')) {
+    const words = text.split(/\s+/).filter(Boolean);
+    const target = own ? '' : words.shift();
+    if (target === undefined) continue;
+    result.set(
+      target,
+      words.filter((word) => word.startsWith('.')),
+    );
+  }
+  return result;
+};
+
+export const withDefault = (element: Element, initializer: Node | undefined): Element => {
+  if (!initializer) return element;
+  const value = defaultOf(initializer);
+  if ('code' in value) return { ...element, defaultCode: value.code };
+  const matches =
+    (typeof value.value === 'string' && (element.type === 'string' || element.type === 'asset')) ||
+    (typeof value.value === 'number' && element.type === 'number') ||
+    (typeof value.value === 'boolean' && element.type === 'boolean') ||
+    (Array.isArray(value.value) && element.type === 'array') ||
+    (typeof value.value === 'object' &&
+      value.value !== null &&
+      !Array.isArray(value.value) &&
+      element.type === 'object');
+  return matches
+    ? ({ ...element, default: value.value } as Element)
+    : { ...element, defaultCode: initializer.getText() };
+};
+
+export const asAsset = (element: Element, accept: readonly string[]): Element => {
+  if (element.type !== 'string') return element;
+  const rest: Record<string, unknown> = { ...element };
+  delete rest.enum;
+  delete rest.enumRef;
+  delete rest.enumMembers;
+  return { ...rest, type: 'asset', ...(accept.length && { accept: [...accept] }) } as Element;
+};
+
+/** Fields assigned from constructor params (`this.x = x`): they are params, not fields. */
+export const fieldsSetFromConstructor = (declaration: ClassDeclaration): Set<string> => {
+  const constructor = constructorOf(declaration);
+  const names = new Set<string>();
+  if (!constructor) return names;
+  const params = new Set(constructor.getParameters().map((param) => param.getName()));
+  for (const statement of constructor.getStatements()) {
+    if (!NodeGuards.isExpressionStatement(statement)) continue;
+    const expression = statement.getExpression();
+    if (!NodeGuards.isBinaryExpression(expression)) continue;
+    if (expression.getOperatorToken().getKind() !== ts.SyntaxKind.EqualsToken) continue;
+    const left = expression.getLeft();
+    const right = expression.getRight();
+    if (
+      NodeGuards.isPropertyAccessExpression(left) &&
+      NodeGuards.isThisExpression(left.getExpression()) &&
+      NodeGuards.isIdentifier(right) &&
+      params.has(right.getText())
+    )
+      names.add(left.getName());
+  }
+  return names;
+};
+
+export const isPublicInstanceField = (property: PropertyDeclaration) =>
+  !property.isStatic() &&
+  !property.hasModifier(ts.SyntaxKind.PrivateKeyword) &&
+  !property.hasModifier(ts.SyntaxKind.ProtectedKeyword) &&
+  !property.getName().startsWith('#');
+
+export const packageOfSpecifier = (specifier: string): string | undefined => {
+  if (specifier.startsWith('.') || specifier.startsWith('/') || specifier.includes(':'))
+    return undefined;
+  const parts = specifier.split('/');
+  return specifier.startsWith('@') ? parts.slice(0, 2).join('/') : parts[0];
+};
diff --git a/packages/meta/src/extract/param-layout.ts b/packages/meta/src/extract/param-layout.ts
new file mode 100644
index 00000000..52b35791
--- /dev/null
+++ b/packages/meta/src/extract/param-layout.ts
@@ -0,0 +1,47 @@
+import { firstTag, hasTag, oneParagraph } from '../doc/doc-comment';
+import type { Doc } from '../doc/doc.type';
+import type { ElementLayout, ParamGroup } from '../schema/element.schema';
+
+/** `@group Name [color=<css>] [hidden] - description` of a header. */
+export const parseGroupDeclaration = (text: string): ParamGroup | undefined => {
+  const separator = text.search(/\s-\s|\s-$/);
+  const head = (separator < 0 ? text : text.slice(0, separator)).trim();
+  const description =
+    separator < 0 ? '' : oneParagraph(text.slice(separator).replace(/^\s-\s?/, ''));
+  const words = head.split(/\s+/).filter(Boolean);
+  let color: string | undefined;
+  let hidden = false;
+  while (words.length > 1) {
+    const last = words.at(-1)!;
+    if (last === 'hidden') hidden = true;
+    else if (last.startsWith('color=')) color = last.slice('color='.length);
+    else break;
+    words.pop();
+  }
+  const name = words.join(' ');
+  if (!name) return undefined;
+  return {
+    name,
+    ...(description && { description }),
+    ...(color && { color }),
+    ...(hidden && { hidden }),
+  };
+};
+
+/** Layout of a param or field from its own doc. */
+export const layoutOf = (doc: Doc): ElementLayout | undefined => {
+  const layout: ElementLayout = {};
+  const label = firstTag(doc, 'label');
+  if (label) layout.label = label;
+  const group = firstTag(doc, 'group');
+  if (group) layout.group = group;
+  const preset = firstTag(doc, 'preset');
+  if (preset) {
+    const [id, slot] = preset.split(/\s+/)[0]!.split('.');
+    if (id) layout.preset = { id, ...(slot && { slot }) };
+  }
+  const color = firstTag(doc, 'color');
+  if (color) layout.color = color.split(/\s+/)[0]!;
+  if (hasTag(doc, 'hidden')) layout.hidden = true;
+  return Object.keys(layout).length ? layout : undefined;
+};
diff --git a/packages/meta/src/extract/requires.ts b/packages/meta/src/extract/requires.ts
new file mode 100644
index 00000000..ae452d6b
--- /dev/null
+++ b/packages/meta/src/extract/requires.ts
@@ -0,0 +1,22 @@
+import type { SourceFile } from 'ts-morph';
+
+import { packageOfPath } from '../type/package-of-path';
+import { packageOfSpecifier } from './param-fields';
+
+/** npm packages a file imports (type-only too), sorted. */
+export const requiresOf = (file: SourceFile): string[] =>
+  [
+    ...new Set(
+      [...file.getImportDeclarations(), ...file.getExportDeclarations()].flatMap((declaration) => {
+        const specifier = declaration.getModuleSpecifierValue();
+        const name = specifier ? packageOfSpecifier(specifier) : undefined;
+        return name ? [name] : [];
+      }),
+    ),
+  ].sort();
+
+/** Default module path: a package inside `node_modules`, else the file path without `/project/`. */
+export const defaultModulePath = (file: SourceFile): string => {
+  const path = file.getFilePath();
+  return packageOfPath(path) ?? path.replace(/^\/project\//, '');
+};
diff --git a/packages/meta/src/hash/index.ts b/packages/meta/src/hash/index.ts
new file mode 100644
index 00000000..39ccd906
--- /dev/null
+++ b/packages/meta/src/hash/index.ts
@@ -0,0 +1 @@
+export * from './source-hash';
diff --git a/packages/meta/src/hash/source-hash.ts b/packages/meta/src/hash/source-hash.ts
new file mode 100644
index 00000000..e71088ce
--- /dev/null
+++ b/packages/meta/src/hash/source-hash.ts
@@ -0,0 +1,19 @@
+/** The text of a source file, for hashing. */
+export interface HashedSource {
+  readonly path: string;
+  readonly text: string;
+}
+
+/**
+ * `sha256-<hex>` over each source (path, NUL, text, NUL), sorted by path. Uses WebCrypto, which
+ * the browser, the code worker and Bun all have.
+ */
+export const sourceHash = async (sources: readonly HashedSource[]): Promise<string> => {
+  const sorted = [...sources].sort((a, b) => (a.path < b.path ? -1 : a.path > b.path ? 1 : 0));
+  const text = sorted.map((source) => `${source.path}\0${source.text}\0`).join('');
+  const digest = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(text));
+  const hex = [...new Uint8Array(digest)]
+    .map((byte) => byte.toString(16).padStart(2, '0'))
+    .join('');
+  return `sha256-${hex}`;
+};
diff --git a/packages/meta/src/index.ts b/packages/meta/src/index.ts
new file mode 100644
index 00000000..89947e15
--- /dev/null
+++ b/packages/meta/src/index.ts
@@ -0,0 +1,6 @@
+export * from './doc';
+export * from './extract';
+export * from './hash';
+export * from './owner';
+export * from './schema';
+export * from './type';
diff --git a/packages/meta/src/owner/index.ts b/packages/meta/src/owner/index.ts
new file mode 100644
index 00000000..6a02b4ec
--- /dev/null
+++ b/packages/meta/src/owner/index.ts
@@ -0,0 +1 @@
+export * from './item-owner.type';
diff --git a/packages/meta/src/owner/item-owner.type.ts b/packages/meta/src/owner/item-owner.type.ts
new file mode 100644
index 00000000..eb9f444a
--- /dev/null
+++ b/packages/meta/src/owner/item-owner.type.ts
@@ -0,0 +1,59 @@
+import type {
+  ClassDeclaration,
+  FunctionDeclaration,
+  Node,
+  SourceFile,
+  VariableDeclaration,
+} from 'ts-morph';
+
+import type { ItemRef } from '../schema/item-ref.schema';
+import type { MetaSource } from '../schema/meta-file.schema';
+
+export type ItemDeclaration = ClassDeclaration | FunctionDeclaration | VariableDeclaration;
+export type ItemKind = 'class' | 'function' | 'const';
+
+/** Where the extractor is, for owners. */
+export interface OwnerContext {
+  readonly file: SourceFile;
+  /** Project path of the file. */
+  readonly path: string;
+  readonly source: MetaSource;
+  /** The item folder of the app or library the file is in (`dir.components`, `dir.systems`). */
+  readonly folder?: 'components' | 'systems';
+  /** The item a node (usually an identifier) refers to, when its declaration is exported. */
+  refOf(node: Node): ItemRef | undefined;
+}
+
+export interface OwnerInput {
+  readonly declaration: ItemDeclaration;
+  readonly kind: ItemKind;
+  /** This owner's tags on the item, by name (without `@`). */
+  readonly tags: Readonly<Record<string, readonly string[]>>;
+  readonly context: OwnerContext;
+}
+
+/**
+ * An owner of item data (ADR 0003), registered by a plugin's worker entry. It reads its own
+ * tags, may infer untagged items, and returns its object for the item's owner key.
+ */
+export interface ItemOwner {
+  /** The plugin's registry name, also the owner key: `@nanoforge/ecs`. */
+  readonly name: string;
+  /** The plugin's version (written in the meta's `owners`). */
+  readonly version: string;
+  /** Version of the owner object's shape. A change regenerates the metas. */
+  readonly schema: number;
+  /** The tags it owns, without `@`. */
+  readonly tags: readonly string[];
+  /** Checks the owner object (a zod schema fits). */
+  readonly validate?: { safeParse(value: unknown): { success: boolean; error?: unknown } };
+  /** Whether an export without this owner's tags is an item for it (inference). */
+  infer?(input: OwnerInput): boolean;
+  /** Members the owner describes itself: left out of `params` / `fields`. */
+  claims?(input: OwnerInput): {
+    readonly params?: readonly string[];
+    readonly fields?: readonly string[];
+  };
+  /** The owner object, or undefined when the export isn't an item for this owner. */
+  extract(input: OwnerInput): Record<string, unknown> | undefined;
+}
diff --git a/packages/meta/src/pure.ts b/packages/meta/src/pure.ts
new file mode 100644
index 00000000..9666cf0c
--- /dev/null
+++ b/packages/meta/src/pure.ts
@@ -0,0 +1,8 @@
+/**
+ * The part of the package that does not need the TypeScript compiler: the meta format, hashes
+ * and owner types. Code that runs on the editor's main thread imports this entry, so the
+ * compiler (7 MB) stays in the code worker.
+ */
+export * from './hash';
+export * from './owner';
+export * from './schema';
diff --git a/packages/meta/src/schema/element.schema.ts b/packages/meta/src/schema/element.schema.ts
new file mode 100644
index 00000000..b6c8fc40
--- /dev/null
+++ b/packages/meta/src/schema/element.schema.ts
@@ -0,0 +1,131 @@
+import { z } from 'zod';
+
+import { ExportRef } from './item-ref.schema';
+import { withOwners } from './owner-object';
+
+/** A CSS color, as written in the tag (`orange`, `#4aa3ff`, `rgb(…)`). */
+const CssColor = z.string().min(1);
+
+/** How a param or field looks in the inspector. Every field is optional. */
+export const ElementLayout = z.object({
+  /** Name shown instead of the param name. */
+  label: z.string().optional(),
+  /** The group it belongs to (`ItemMeta.groups[].name`). */
+  group: z.string().optional(),
+  /** A visual preset, and the slot it fills: `{ id: "vector", slot: "x" }`, `{ id: "color" }`. */
+  preset: z.object({ id: z.string(), slot: z.string().optional() }).optional(),
+  /** Color of its name. */
+  color: CssColor.optional(),
+  /** Hidden until the user chooses to show it. */
+  hidden: z.boolean().optional(),
+});
+export type ElementLayout = z.output<typeof ElementLayout>;
+
+/** A group of params, declared in the item's header (`@group Coords color=… hidden - …`). */
+export const ParamGroup = z.object({
+  name: z.string(),
+  description: z.string().optional(),
+  color: CssColor.optional(),
+  hidden: z.boolean().optional(),
+});
+export type ParamGroup = z.output<typeof ParamGroup>;
+
+export interface EnumMember {
+  readonly name: string;
+  readonly value: string | number;
+}
+
+interface ElementCommon {
+  name: string;
+  description?: string;
+  /** Default false; true when the param has a default or `?`. */
+  optional?: boolean;
+  deprecated?: string;
+  layout?: ElementLayout;
+  /** The initializer's source text when it isn't a JSON value (`new Rect({ width: 10 })`). */
+  defaultCode?: string;
+  [owner: `@${string}/${string}`]: Record<string, unknown>;
+}
+
+/**
+ * A value's type. Core types describe TypeScript, not a lib.
+ * `default` is a JSON value when the initializer is a literal (an enum member gives its value).
+ */
+export type Element =
+  | ({
+      type: 'string';
+      default?: string;
+      /** Allowed values, from a string literal union (`"left" | "right"`). */
+      enum?: string[];
+      /** Values come from an exported enum: `@nanoforge-dev/input#InputEnum`. */
+      enumRef?: string;
+      enumMembers?: EnumMember[];
+    } & ElementCommon)
+  | ({
+      type: 'number';
+      default?: number;
+      enumRef?: string;
+      enumMembers?: EnumMember[];
+    } & ElementCommon)
+  | ({ type: 'boolean'; default?: boolean } & ElementCommon)
+  | ({ type: 'asset'; default?: string; accept?: string[] } & ElementCommon)
+  | ({ type: 'array'; items: Element; default?: unknown[] } & ElementCommon)
+  | ({ type: 'object'; properties: Element[]; default?: Record<string, unknown> } & ElementCommon)
+  | ({ type: 'ref'; ref: string } & ElementCommon)
+  | ({ type: 'unknown'; tsType: string } & ElementCommon);
+
+export type ElementType = Element['type'];
+
+const EnumMemberSchema = z.object({ name: z.string(), value: z.union([z.string(), z.number()]) });
+
+const elementBase = {
+  name: z.string(),
+  description: z.string().optional(),
+  optional: z.boolean().optional(),
+  deprecated: z.string().optional(),
+  layout: ElementLayout.optional(),
+  defaultCode: z.string().optional(),
+};
+
+export const Element: z.ZodType<Element> = z.lazy(() =>
+  z.union([
+    withOwners({
+      ...elementBase,
+      type: z.literal('string'),
+      default: z.string().optional(),
+      enum: z.array(z.string()).optional(),
+      enumRef: ExportRef.optional(),
+      enumMembers: z.array(EnumMemberSchema).optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('number'),
+      default: z.number().optional(),
+      enumRef: ExportRef.optional(),
+      enumMembers: z.array(EnumMemberSchema).optional(),
+    }),
+    withOwners({ ...elementBase, type: z.literal('boolean'), default: z.boolean().optional() }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('asset'),
+      default: z.string().optional(),
+      accept: z.array(z.string().regex(/^\.[\w.]+$/)).optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('array'),
+      items: Element,
+      default: z.array(z.unknown()).optional(),
+    }),
+    withOwners({
+      ...elementBase,
+      type: z.literal('object'),
+      properties: z.array(Element),
+      default: z.record(z.string(), z.unknown()).optional(),
+    }),
+    withOwners({ ...elementBase, type: z.literal('ref'), ref: ExportRef }),
+    withOwners({ ...elementBase, type: z.literal('unknown'), tsType: z.string() }),
+  ]),
+) as z.ZodType<Element>;
+
+export const ItemKindSchema = z.enum(['class', 'function', 'const']);
diff --git a/packages/meta/src/schema/index.ts b/packages/meta/src/schema/index.ts
new file mode 100644
index 00000000..ec2879bb
--- /dev/null
+++ b/packages/meta/src/schema/index.ts
@@ -0,0 +1,5 @@
+export * from './item-ref.schema';
+export { ownerObjects } from './owner-object';
+export * from './element.schema';
+export * from './meta-file.schema';
+export * from './meta-generator.const';
diff --git a/packages/meta/src/schema/item-ref.schema.ts b/packages/meta/src/schema/item-ref.schema.ts
new file mode 100644
index 00000000..08478951
--- /dev/null
+++ b/packages/meta/src/schema/item-ref.schema.ts
@@ -0,0 +1,32 @@
+import { z } from 'zod';
+
+/**
+ * Item metadata (ADR 0003): what the editor knows about each component, system or other item,
+ * extracted from the TSDoc and the TypeScript of its source. Core fields never name a lib: lib
+ * data lives in owner objects keyed by the owner plugin's registry name (`"@nanoforge/ecs": {…}`).
+ */
+
+/** A package or plugin of our registry: `@scope/name`. Also the key of an owner object. */
+export const REGISTRY_NAME = /^@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*$/;
+export const RegistryName = z.string().regex(REGISTRY_NAME);
+
+/** An npm package name: `@scope/name` or `name`. */
+export const NpmName = z.string().regex(/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/);
+
+/** An export of a module: `@nanoforge-dev/graphics-2d#Rect`, or `apps/client/src/x.ts#Foo`. */
+export const ExportRef = z.string().regex(/^[^#\s]+#[A-Za-z_$][\w$]*$/);
+
+/**
+ * An item: `<source>#<export>`. The source is an installed package or a shared library
+ * (`@nanoforge/motion#Position`, `@pong-network/shared#Player`), or an app (`app:client#Paddle`).
+ */
+export const ItemRef = z
+  .string()
+  .regex(/^(app:[\w.-]+|(@[a-z0-9-~][\w.-]*\/)?[a-z0-9-~][\w.-]*)#[A-Za-z_$][\w$]*$/);
+export type ItemRef = z.output<typeof ItemRef>;
+
+export const itemRef = (source: string, exportName: string): ItemRef => `${source}#${exportName}`;
+
+/** Where an item runs. A NanoForge app concept (client and server apps), so it's core. */
+export const Side = z.enum(['client', 'server', 'shared']);
+export type Side = z.output<typeof Side>;
diff --git a/packages/meta/src/schema/meta-file.schema.ts b/packages/meta/src/schema/meta-file.schema.ts
new file mode 100644
index 00000000..e85a2467
--- /dev/null
+++ b/packages/meta/src/schema/meta-file.schema.ts
@@ -0,0 +1,80 @@
+import { z } from 'zod';
+
+import { Element, ItemKindSchema, ParamGroup } from './element.schema';
+import { NpmName, RegistryName, Side } from './item-ref.schema';
+import { withOwners } from './owner-object';
+
+export const ItemMeta = withOwners({
+  export: z.string(),
+  /** Project path of the source file. */
+  source: z.string(),
+  kind: ItemKindSchema,
+  side: Side,
+  description: z.string().optional(),
+  example: z.string().optional(),
+  deprecated: z.string().optional(),
+  /** Constructor parameters (class) or parameters (function), in order, minus claimed ones. */
+  params: z.array(Element),
+  /** Public fields not set from the constructor, minus claimed ones. */
+  fields: z.array(Element).default([]),
+  /** Param groups declared in the header, in declaration order, then undeclared ones used. */
+  groups: z.array(ParamGroup).default([]),
+  /** npm packages the item's source imports (type-only imports included). */
+  requires: z.array(NpmName).default([]),
+  /** Tags no installed owner claimed, kept raw: `{ "component": [""], "query": ["A B"] }`. */
+  unclaimedTags: z.record(z.string(), z.array(z.string())).optional(),
+});
+export type ItemMeta = z.output<typeof ItemMeta>;
+
+/**
+ * Where items come from:
+ *  - `module`: an installed package (`nf_modules/@scope/name`), read-only;
+ *  - `lib`: a shared library of the project (`libs/<folder>`, ADR 0004);
+ *  - `app`: an app of the project (`apps/client`).
+ */
+export const MetaSource = z.discriminatedUnion('kind', [
+  z.object({
+    kind: z.literal('module'),
+    name: RegistryName,
+    version: z.string(),
+    path: z.string(),
+  }),
+  z.object({ kind: z.literal('lib'), name: NpmName, path: z.string() }),
+  z.object({ kind: z.literal('app'), name: z.string(), path: z.string() }),
+]);
+export type MetaSource = z.output<typeof MetaSource>;
+
+/** The `<source>` part of the item references of a source. */
+export const sourceRefBase = (source: MetaSource): string =>
+  source.kind === 'app' ? `app:${source.name}` : source.name;
+
+export const META_VERSION = 1;
+export const META_NOTICE = 'Generated by the NanoForge editor. Do not edit.';
+
+/** One cache file per source, in `.nanoforge/editor/cache/meta/`. */
+export const MetaFile = z.object({
+  generated: z.literal(META_NOTICE),
+  metaVersion: z.literal(META_VERSION),
+  /** The package that holds the extraction logic. */
+  generator: z.object({ name: z.string(), version: z.string() }),
+  source: MetaSource,
+  /** sha256 over each source file (path, NUL, text, NUL), sorted by path. */
+  sourceHash: z.string().regex(/^sha256-[0-9a-f]{64}$/),
+  /** The owner plugins that ran, and the schema version of what they wrote. */
+  owners: z.record(RegistryName, z.object({ version: z.string(), schema: z.number().int() })),
+  items: z.array(ItemMeta),
+});
+export type MetaFile = z.output<typeof MetaFile>;
+
+/** Cache path of a source's meta, relative to the project root. */
+export const metaCachePath = (source: MetaSource): string => {
+  const base = '.nanoforge/editor/cache/meta';
+  switch (source.kind) {
+    case 'module':
+      return `${base}/modules/${source.name}.json`;
+    case 'lib':
+      return `${base}/libs/${source.name}.json`;
+    case 'app':
+      return `${base}/apps/${source.name}.json`;
+  }
+};
diff --git a/packages/meta/src/schema/meta-generator.const.ts b/packages/meta/src/schema/meta-generator.const.ts
new file mode 100644
index 00000000..d4bef213
--- /dev/null
+++ b/packages/meta/src/schema/meta-generator.const.ts
@@ -0,0 +1,2 @@
+/** Name and version written in each meta file's `generator`. Bump the version when output changes. */
+export const META_GENERATOR = { name: '@nanoforge-dev/editor-meta', version: '0.1.0' } as const;
diff --git a/packages/meta/src/schema/owner-object.ts b/packages/meta/src/schema/owner-object.ts
new file mode 100644
index 00000000..66ab14af
--- /dev/null
+++ b/packages/meta/src/schema/owner-object.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod';
+
+import { REGISTRY_NAME } from './item-ref.schema';
+
+const isOwnerKey = (key: string) => REGISTRY_NAME.test(key);
+const OwnerObject = z.record(z.string(), z.unknown());
+
+/**
+ * Adds owner objects to a core object: any extra key must be a registry name, and its value is an
+ * object only that owner parses. The core keeps it untouched.
+ */
+export const withOwners = <Shape extends z.ZodRawShape>(shape: Shape) =>
+  z
+    .object(shape)
+    .catchall(OwnerObject)
+    .superRefine((value, ctx) => {
+      for (const key of Object.keys(value)) {
+        if (key in shape || isOwnerKey(key)) continue;
+        ctx.addIssue({
+          code: 'custom',
+          path: [key],
+          message: 'unknown field: owner keys are registry names ("@scope/name")',
+        });
+      }
+    });
+
+/** Owner objects of a core object (its keys that are registry names). */
+export const ownerObjects = (value: object): Record<string, Record<string, unknown>> =>
+  Object.fromEntries(
+    Object.entries(value).filter(([key]) => isOwnerKey(key)) as [string, Record<string, unknown>][],
+  );
diff --git a/packages/meta/src/type/default-of.ts b/packages/meta/src/type/default-of.ts
new file mode 100644
index 00000000..95849069
--- /dev/null
+++ b/packages/meta/src/type/default-of.ts
@@ -0,0 +1,66 @@
+import { Node, ts } from 'ts-morph';
+
+export type DefaultValue =
+  | { readonly value: string | number | boolean | null | unknown[] | Record<string, unknown> }
+  | { readonly code: string };
+
+/** The default of an initializer: a JSON value when it is a literal, else its code. */
+export const defaultOf = (initializer: Node): DefaultValue => {
+  const literal = literalValue(initializer);
+  return literal === NOT_LITERAL ? { code: initializer.getText() } : { value: literal };
+};
+
+const NOT_LITERAL = Symbol('not a literal');
+type Literal = string | number | boolean | null | Literal[] | { [key: string]: Literal };
+
+const literalValue = (node: Node): Literal | typeof NOT_LITERAL => {
+  if (
+    Node.isParenthesizedExpression(node) ||
+    Node.isAsExpression(node) ||
+    Node.isSatisfiesExpression(node)
+  )
+    return literalValue(node.getExpression());
+  if (Node.isStringLiteral(node) || Node.isNoSubstitutionTemplateLiteral(node))
+    return node.getLiteralValue();
+  if (Node.isNumericLiteral(node)) return node.getLiteralValue();
+  if (Node.isTrueLiteral(node)) return true;
+  if (Node.isFalseLiteral(node)) return false;
+  if (Node.isNullLiteral(node)) return null;
+  if (Node.isPrefixUnaryExpression(node)) {
+    const operand = node.getOperand();
+    if (Node.isNumericLiteral(operand)) {
+      if (node.getOperatorToken() === ts.SyntaxKind.MinusToken) return -operand.getLiteralValue();
+      if (node.getOperatorToken() === ts.SyntaxKind.PlusToken) return operand.getLiteralValue();
+    }
+    return NOT_LITERAL;
+  }
+  if (Node.isPropertyAccessExpression(node)) {
+    const value = node
+      .getProject()
+      .getTypeChecker()
+      .compilerObject.getConstantValue(node.compilerNode);
+    if (value !== undefined) return value;
+    const member = node.getSymbol()?.getDeclarations()[0];
+    return member && Node.isEnumMember(member) ? (member.getValue() ?? NOT_LITERAL) : NOT_LITERAL;
+  }
+  if (Node.isArrayLiteralExpression(node)) {
+    const values: Literal[] = [];
+    for (const element of node.getElements()) {
+      const value = literalValue(element);
+      if (value === NOT_LITERAL) return NOT_LITERAL;
+      values.push(value);
+    }
+    return values;
+  }
+  if (Node.isObjectLiteralExpression(node)) {
+    const result: Record<string, Literal> = {};
+    for (const property of node.getProperties()) {
+      if (!Node.isPropertyAssignment(property)) return NOT_LITERAL;
+      const value = literalValue(property.getInitializerOrThrow());
+      if (value === NOT_LITERAL) return NOT_LITERAL;
+      result[property.getName().replace(/^['"]|['"]$/g, '')] = value;
+    }
+    return result;
+  }
+  return NOT_LITERAL;
+};
diff --git a/packages/meta/src/type/element-of-type.ts b/packages/meta/src/type/element-of-type.ts
new file mode 100644
index 00000000..c75dbf74
--- /dev/null
+++ b/packages/meta/src/type/element-of-type.ts
@@ -0,0 +1,117 @@
+import { Node, type Type, ts } from 'ts-morph';
+
+import type { Element, EnumMember } from '../schema/element.schema';
+import type { TypeContext } from './type-context.type';
+
+const exportRef = (declaration: Node, name: string, context: TypeContext) =>
+  `${context.modulePath(declaration.getSourceFile())}#${name}`;
+
+/** The parts of a type that hold a value: `undefined` and `null` only make it optional. */
+const valueParts = (type: Type): Type[] =>
+  type.isUnion()
+    ? type.getUnionTypes().filter((part) => !part.isUndefined() && !part.isNull())
+    : [type];
+
+/** The enum of a type, from its members (`Mode`, `Mode | undefined`) or the type itself. */
+const enumOf = (parts: readonly Type[]): { symbolName: string; declaration: Node } | undefined => {
+  const [first] = parts;
+  const symbol =
+    parts.length > 1
+      ? first?.getSymbol()?.getDeclarations()[0]?.getParent()?.getSymbol()
+      : (first?.getSymbol() ?? first?.getAliasSymbol());
+  const declaration = symbol?.getDeclarations()[0];
+  if (!symbol || !declaration || !Node.isEnumDeclaration(declaration)) return undefined;
+  return { symbolName: symbol.getName(), declaration };
+};
+
+const enumMembers = (declaration: Node): EnumMember[] =>
+  Node.isEnumDeclaration(declaration)
+    ? declaration.getMembers().flatMap((member) => {
+        const value = member.getValue();
+        return value === undefined ? [] : [{ name: member.getName(), value }];
+      })
+    : [];
+
+/** A class (or interface) declared in a package or the project, as `{ type: 'ref' }`. */
+const refOf = (type: Type, context: TypeContext): string | undefined => {
+  const symbol = type.getSymbol() ?? type.getAliasSymbol();
+  const declaration = symbol?.getDeclarations()[0];
+  if (!symbol || !declaration) return undefined;
+  if (!Node.isClassDeclaration(declaration) && !Node.isInterfaceDeclaration(declaration))
+    return undefined;
+  return exportRef(declaration, symbol.getName(), context);
+};
+
+/**
+ * The `Element` of a TypeScript type (a param, a field, an array item). `node` is where the type
+ * is used, for its text when nothing fits.
+ */
+export const elementOfType = (
+  name: string,
+  rawType: Type,
+  node: Node,
+  context: TypeContext,
+  depth = 0,
+): Element => {
+  const parts = valueParts(rawType);
+  const type = parts.length === 1 ? parts[0]! : rawType;
+
+  const enumInfo = enumOf(parts);
+  if (enumInfo) {
+    const members = enumMembers(enumInfo.declaration);
+    const numeric =
+      members.length > 0 && members.every((member) => typeof member.value === 'number');
+    return {
+      type: numeric ? 'number' : 'string',
+      name,
+      enumRef: exportRef(enumInfo.declaration, enumInfo.symbolName, context),
+      enumMembers: members,
+    };
+  }
+  if (
+    type.isBoolean() ||
+    type.isBooleanLiteral() ||
+    (parts.length > 1 && parts.every((part) => part.isBooleanLiteral()))
+  )
+    return { type: 'boolean', name };
+  if (type.isNumber() || type.isNumberLiteral()) return { type: 'number', name };
+  if (type.isString() || type.isStringLiteral() || type.isTemplateLiteral()) {
+    return type.isStringLiteral()
+      ? { type: 'string', name, enum: [type.getLiteralValue() as string] }
+      : { type: 'string', name };
+  }
+  if (parts.length > 1 && parts.every((part) => part.isStringLiteral())) {
+    return { type: 'string', name, enum: parts.map((part) => part.getLiteralValue() as string) };
+  }
+  if (type.isArray() && depth < 4) {
+    return {
+      type: 'array',
+      name,
+      items: elementOfType('item', type.getArrayElementTypeOrThrow(), node, context, depth + 1),
+    };
+  }
+  const ref = refOf(type, context);
+  if (ref) return { type: 'ref', name, ref };
+  if (type.isObject() && type.isAnonymous() && depth < 4) {
+    return {
+      type: 'object',
+      name,
+      properties: type
+        .getProperties()
+        .map((property) =>
+          elementOfType(
+            property.getName(),
+            property.getTypeAtLocation(node),
+            node,
+            context,
+            depth + 1,
+          ),
+        ),
+    };
+  }
+  return {
+    type: 'unknown',
+    name,
+    tsType: type.getText(node, ts.TypeFormatFlags.UseAliasDefinedOutsideCurrentScope),
+  };
+};
diff --git a/packages/meta/src/type/index.ts b/packages/meta/src/type/index.ts
new file mode 100644
index 00000000..846411e4
--- /dev/null
+++ b/packages/meta/src/type/index.ts
@@ -0,0 +1,4 @@
+export { type DefaultValue, defaultOf } from './default-of';
+export type { TypeContext } from './type-context.type';
+export { elementOfType } from './element-of-type';
+export { packageOfPath } from './package-of-path';
diff --git a/packages/meta/src/type/package-of-path.ts b/packages/meta/src/type/package-of-path.ts
new file mode 100644
index 00000000..88acdaea
--- /dev/null
+++ b/packages/meta/src/type/package-of-path.ts
@@ -0,0 +1,11 @@
+const NODE_MODULES = '/node_modules/';
+
+/** A package name from a path inside `node_modules`, else undefined. */
+export const packageOfPath = (path: string): string | undefined => {
+  const index = path.lastIndexOf(NODE_MODULES);
+  if (index < 0) return undefined;
+  const [first, second] = path.slice(index + NODE_MODULES.length).split('/');
+  if (!first) return undefined;
+  const name = first.startsWith('@') ? `${first}/${second ?? ''}` : first;
+  return name.startsWith('@types/') ? name.slice('@types/'.length).replace('__', '/') : name;
+};
diff --git a/packages/meta/src/type/type-context.type.ts b/packages/meta/src/type/type-context.type.ts
new file mode 100644
index 00000000..2ef738d7
--- /dev/null
+++ b/packages/meta/src/type/type-context.type.ts
@@ -0,0 +1,6 @@
+import type { SourceFile } from 'ts-morph';
+
+export interface TypeContext {
+  /** Module of a declaration file: a package name, or the project path of a project file. */
+  modulePath(file: SourceFile): string;
+}
diff --git a/packages/meta/test/extract/extract-items.spec.ts b/packages/meta/test/extract/extract-items.spec.ts
new file mode 100644
index 00000000..783d2eb5
--- /dev/null
+++ b/packages/meta/test/extract/extract-items.spec.ts
@@ -0,0 +1,138 @@
+import { Project } from 'ts-morph';
+import { describe, expect, it } from 'vitest';
+
+import { type ItemOwner, defaultModulePath, extractItems, parseDocComment } from '../../src';
+
+const project = () => {
+  const p = new Project({ useInMemoryFileSystem: true, compilerOptions: { strict: true } });
+  p.createSourceFile(
+    '/project/node_modules/@nanoforge-dev/input/index.d.ts',
+    'export declare enum InputEnum { ArrowUp = "ArrowUp", ArrowDown = "ArrowDown" }',
+  );
+  return p;
+};
+
+const ecs: ItemOwner = {
+  name: '@nanoforge/ecs',
+  version: '0.0.0',
+  schema: 1,
+  tags: ['component'],
+  infer: ({ declaration, context }) =>
+    context.folder === 'components' && declaration.getKindName() === 'ClassDeclaration',
+  claims: () => ({ fields: ['name'] }),
+  extract: ({ declaration }) => ({ type: 'component', name: declaration.getName() }),
+};
+
+const extract = (text: string, folder?: 'components') => {
+  const file = project().createSourceFile('/project/apps/client/src/c.ts', text);
+  return extractItems(file, {
+    source: { kind: 'app', name: 'client', path: 'apps/client' },
+    path: 'apps/client/src/c.ts',
+    owners: [ecs],
+    ...(folder && { folder }),
+    modulePath: defaultModulePath,
+    refOf: () => undefined,
+  });
+};
+
+describe('parseDocComment', () => {
+  it('reads tags on one line, not inside fences', () => {
+    const doc = parseDocComment('/** Distance. @group Coords @preset vector.x */');
+    expect(doc.description).toBe('Distance.');
+    expect(doc.tags).toEqual([
+      { name: 'group', text: 'Coords' },
+      { name: 'preset', text: 'vector.x' },
+    ]);
+    expect(parseDocComment('/**\n * @example\n * ```ts\n * @dec x\n * ```\n */').tags).toHaveLength(
+      1,
+    );
+  });
+});
+
+describe('extractItems', () => {
+  it('extracts a tagged component with enums, defaults, layout and groups', () => {
+    const { items, diagnostics } = extract(`
+import { InputEnum } from "@nanoforge-dev/input";
+/**
+ * The keys of a paddle.
+ * @component
+ * @side client
+ * @group Keys color=#4aa3ff - Which keys move it.
+ * @group Debug hidden
+ */
+export class Controller {
+  name = "Controller";
+  /** Whether up was held. */
+  lastUp = false;
+  constructor(
+    /** Key that moves up. @group Keys @label Up key @color orange */
+    public up: InputEnum = InputEnum.ArrowUp,
+    /** @group Debug @hidden */
+    public trail = false,
+  ) {}
+}`);
+    expect(diagnostics).toEqual([]);
+    const [item] = items;
+    expect(item).toMatchObject({
+      export: 'Controller',
+      side: 'client',
+      description: 'The keys of a paddle.',
+      requires: ['@nanoforge-dev/input'],
+      groups: [
+        { name: 'Keys', color: '#4aa3ff', description: 'Which keys move it.' },
+        { name: 'Debug', hidden: true },
+      ],
+      '@nanoforge/ecs': { type: 'component', name: 'Controller' },
+    });
+    expect(item!.params[0]).toMatchObject({
+      name: 'up',
+      type: 'string',
+      enumRef: '@nanoforge-dev/input#InputEnum',
+      default: 'ArrowUp',
+      optional: true,
+      description: 'Key that moves up.',
+      layout: { group: 'Keys', label: 'Up key', color: 'orange' },
+    });
+    expect(item!.params[1]).toMatchObject({ layout: { group: 'Debug', hidden: true } });
+    expect(item!.fields.map((field) => field.name)).toEqual(['lastUp']);
+  });
+
+  it('infers untagged components and skips fields set from the constructor', () => {
+    const { items } = extract(
+      `export class Position { name = "Position"; x: number; constructor(x: number) { this.x = x; } }
+       export const helper = 1;`,
+      'components',
+    );
+    expect(items.map((item) => item.export)).toEqual(['Position']);
+    expect(items[0]!.fields).toEqual([]);
+    expect(items[0]!.params).toEqual([{ name: 'x', type: 'number' }]);
+  });
+
+  it('gives optional and nullable params the editor of their type', () => {
+    const code = `export enum Mode { A = 'a', B = 'b' }
+export class Options {
+  constructor(
+    public visible?: boolean,
+    public side?: 'left' | 'right',
+    public mode?: Mode,
+    public label: string | null = null,
+    public count?: number,
+  ) {}
+}`;
+    const { items } = extract(code, 'components');
+    const params = Object.fromEntries(items[0]!.params.map((param) => [param.name, param]));
+    expect(params.visible).toMatchObject({ type: 'boolean', optional: true });
+    expect(params.side).toMatchObject({ type: 'string', enum: ['left', 'right'] });
+    expect(params.mode).toMatchObject({
+      type: 'string',
+      enumMembers: [{ name: 'A' }, { name: 'B' }],
+    });
+    expect(params.label).toMatchObject({ type: 'string' });
+    expect(params.count).toMatchObject({ type: 'number' });
+  });
+
+  it('keeps tags of a missing owner as unclaimed', () => {
+    const { items } = extract('/** @tilemap layer */ export class Tiles {}');
+    expect(items[0]!.unclaimedTags).toEqual({ tilemap: ['layer'] });
+  });
+});
diff --git a/packages/meta/test/extract/inline.spec.ts b/packages/meta/test/extract/inline.spec.ts
new file mode 100644
index 00000000..2fbd3f01
--- /dev/null
+++ b/packages/meta/test/extract/inline.spec.ts
@@ -0,0 +1,23 @@
+import { Project } from 'ts-morph';
+import { expect, it } from 'vitest';
+
+import { defaultModulePath, extractItems } from '../../src';
+
+it('reads the doc of a first parameter written right after the parenthesis', () => {
+  const file = new Project({ useInMemoryFileSystem: true }).createSourceFile(
+    '/project/a.ts',
+    'export class Position {\n  name = "Position";\n  constructor(/** @group Coords */ x: number, /** Top. */ y: number) {}\n}\n',
+  );
+  const { items } = extractItems(file, {
+    source: { kind: 'app', name: 'c', path: '' },
+    path: 'a.ts',
+    owners: [],
+    listed: true,
+    modulePath: defaultModulePath,
+    refOf: () => undefined,
+  });
+  expect(items[0]!.params).toMatchObject([
+    { name: 'x', layout: { group: 'Coords' } },
+    { name: 'y', description: 'Top.' },
+  ]);
+});
diff --git a/packages/meta/tsconfig.json b/packages/meta/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/meta/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/project/.prettierignore b/packages/project/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/project/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/project/LICENSE b/packages/project/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/project/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/project/README.md b/packages/project/README.md
new file mode 100644
index 00000000..d666c5d7
--- /dev/null
+++ b/packages/project/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/project"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fproject" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-project` is an internal package of the NanoForge Editor.
+
+Workspace discovery and project file system.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/project
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/project/package.json b/packages/project/package.json
new file mode 100644
index 00000000..9b1296c3
--- /dev/null
+++ b/packages/project/package.json
@@ -0,0 +1,65 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-project",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Client project service: project model, file system and caches",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/project"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/registry": "workspace:*"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-server-core": "workspace:*",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/project/src/cache/cache.type.ts b/packages/project/src/cache/cache.type.ts
new file mode 100644
index 00000000..3de7b030
--- /dev/null
+++ b/packages/project/src/cache/cache.type.ts
@@ -0,0 +1,21 @@
+import type { FileEntry } from '@nanoforge-dev/editor-protocol';
+
+export interface CachedContent {
+  readonly content: Uint8Array;
+  readonly mtime: number;
+  readonly hash: string;
+}
+
+/** File contents cache (OPFS in browsers). Keys are project-relative paths. */
+export interface ContentCache {
+  get(path: string): Promise<CachedContent | undefined>;
+  set(path: string, value: CachedContent): Promise<void>;
+  delete(path: string): Promise<void>;
+  clear(): Promise<void>;
+}
+
+/** Last known file tree (IndexedDB in browsers), for fast startup before revalidation. */
+export interface TreeCache {
+  load(): Promise<FileEntry[] | undefined>;
+  save(entries: readonly FileEntry[]): Promise<void>;
+}
diff --git a/packages/project/src/cache/index.ts b/packages/project/src/cache/index.ts
new file mode 100644
index 00000000..e90bf1b2
--- /dev/null
+++ b/packages/project/src/cache/index.ts
@@ -0,0 +1,5 @@
+export { OpfsContentCache } from './opfs.content-cache';
+export { IndexedDbTreeCache } from './indexed-db.tree-cache';
+export * from './cache.type';
+export * from './memory.content-cache';
+export * from './memory.tree-cache';
diff --git a/packages/project/src/cache/indexed-db.tree-cache.ts b/packages/project/src/cache/indexed-db.tree-cache.ts
new file mode 100644
index 00000000..590c68f5
--- /dev/null
+++ b/packages/project/src/cache/indexed-db.tree-cache.ts
@@ -0,0 +1,52 @@
+import type { FileEntry } from '@nanoforge-dev/editor-protocol';
+
+import type { TreeCache } from './cache.type';
+
+export const DB_NAME = 'nanoforge-editor';
+export const STORE = 'trees';
+
+/** IndexedDB tree cache (one record per project). */
+export class IndexedDbTreeCache implements TreeCache {
+  static isSupported(): boolean {
+    return typeof indexedDB !== 'undefined';
+  }
+
+  constructor(private readonly _projectId: string) {}
+
+  async load(): Promise<FileEntry[] | undefined> {
+    try {
+      return await this._run<FileEntry[] | undefined>('readonly', (store) =>
+        store.get(this._projectId),
+      );
+    } catch {
+      return undefined;
+    }
+  }
+
+  async save(entries: readonly FileEntry[]): Promise<void> {
+    try {
+      await this._run('readwrite', (store) => store.put(entries, this._projectId));
+    } catch {}
+  }
+
+  private async _run<T>(
+    mode: IDBTransactionMode,
+    action: (store: IDBObjectStore) => IDBRequest,
+  ): Promise<T> {
+    const db = await new Promise<IDBDatabase>((resolve, reject) => {
+      const request = indexedDB.open(DB_NAME, 1);
+      request.onupgradeneeded = () => request.result.createObjectStore(STORE);
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error ?? new Error('IndexedDB unavailable'));
+    });
+    try {
+      return await new Promise<T>((resolve, reject) => {
+        const request = action(db.transaction(STORE, mode).objectStore(STORE));
+        request.onsuccess = () => resolve(request.result as T);
+        request.onerror = () => reject(request.error ?? new Error('IndexedDB request failed'));
+      });
+    } finally {
+      db.close();
+    }
+  }
+}
diff --git a/packages/project/src/cache/memory.content-cache.ts b/packages/project/src/cache/memory.content-cache.ts
new file mode 100644
index 00000000..94d42f3e
--- /dev/null
+++ b/packages/project/src/cache/memory.content-cache.ts
@@ -0,0 +1,26 @@
+import type { CachedContent, ContentCache } from './cache.type';
+
+export class MemoryContentCache implements ContentCache {
+  private readonly _entries = new Map<string, CachedContent>();
+
+  get(path: string) {
+    return Promise.resolve(this._entries.get(path));
+  }
+
+  set(path: string, value: CachedContent) {
+    this._entries.set(path, value);
+    return Promise.resolve();
+  }
+
+  delete(path: string) {
+    for (const key of [...this._entries.keys()]) {
+      if (key === path || key.startsWith(`${path}/`)) this._entries.delete(key);
+    }
+    return Promise.resolve();
+  }
+
+  clear() {
+    this._entries.clear();
+    return Promise.resolve();
+  }
+}
diff --git a/packages/project/src/cache/memory.tree-cache.ts b/packages/project/src/cache/memory.tree-cache.ts
new file mode 100644
index 00000000..f0fb853c
--- /dev/null
+++ b/packages/project/src/cache/memory.tree-cache.ts
@@ -0,0 +1,16 @@
+import type { FileEntry } from '@nanoforge-dev/editor-protocol';
+
+import type { TreeCache } from './cache.type';
+
+export class MemoryTreeCache implements TreeCache {
+  private _entries: FileEntry[] | undefined;
+
+  load() {
+    return Promise.resolve(this._entries);
+  }
+
+  save(entries: readonly FileEntry[]) {
+    this._entries = [...entries];
+    return Promise.resolve();
+  }
+}
diff --git a/packages/project/src/cache/opfs.content-cache.ts b/packages/project/src/cache/opfs.content-cache.ts
new file mode 100644
index 00000000..8971fe5d
--- /dev/null
+++ b/packages/project/src/cache/opfs.content-cache.ts
@@ -0,0 +1,83 @@
+import type { CachedContent, ContentCache } from './cache.type';
+
+/**
+ * OPFS content cache: `nanoforge-editor/<projectId>/<encoded path>` holds the bytes and a
+ * small sidecar JSON holds mtime and hash. Failures degrade to cache misses.
+ */
+export class OpfsContentCache implements ContentCache {
+  private _dir: Promise<FileSystemDirectoryHandle> | undefined;
+
+  static isSupported(): boolean {
+    return (
+      typeof navigator !== 'undefined' && typeof navigator.storage?.getDirectory === 'function'
+    );
+  }
+
+  constructor(private readonly _projectId: string) {}
+
+  async get(path: string): Promise<CachedContent | undefined> {
+    try {
+      const dir = await this._directory();
+      const meta = await (await (await dir.getFileHandle(`${key(path)}.meta`)).getFile()).text();
+      const bytes = await (await (await dir.getFileHandle(key(path))).getFile()).arrayBuffer();
+      const { mtime, hash } = JSON.parse(meta) as { mtime: number; hash: string };
+      return { content: new Uint8Array(bytes), mtime, hash };
+    } catch {
+      return undefined;
+    }
+  }
+
+  async set(path: string, value: CachedContent): Promise<void> {
+    try {
+      const dir = await this._directory();
+      await write(dir, key(path), value.content);
+      await write(
+        dir,
+        `${key(path)}.meta`,
+        JSON.stringify({ mtime: value.mtime, hash: value.hash }),
+      );
+    } catch {}
+  }
+
+  async delete(path: string): Promise<void> {
+    try {
+      const dir = await this._directory();
+      const prefix = key(path);
+      for await (const name of (dir as unknown as { keys(): AsyncIterable<string> }).keys()) {
+        if (name === prefix || name === `${prefix}.meta` || name.startsWith(`${prefix}%2F`)) {
+          await dir.removeEntry(name);
+        }
+      }
+    } catch {}
+  }
+
+  async clear(): Promise<void> {
+    try {
+      const root = await (
+        await navigator.storage.getDirectory()
+      ).getDirectoryHandle('nanoforge-editor', { create: true });
+      await root.removeEntry(this._projectId, { recursive: true });
+      this._dir = undefined;
+    } catch {}
+  }
+
+  private _directory(): Promise<FileSystemDirectoryHandle> {
+    this._dir ??= navigator.storage
+      .getDirectory()
+      .then((root) => root.getDirectoryHandle('nanoforge-editor', { create: true }))
+      .then((root) => root.getDirectoryHandle(this._projectId, { create: true }));
+    return this._dir;
+  }
+}
+
+export const key = (path: string) => encodeURIComponent(path);
+
+export const write = async (
+  dir: FileSystemDirectoryHandle,
+  name: string,
+  data: Uint8Array | string,
+) => {
+  const writable = await (await dir.getFileHandle(name, { create: true })).createWritable();
+  await writable.write(typeof data === 'string' ? data : new Blob([data as BlobPart]));
+  await writable.close();
+};
diff --git a/packages/project/src/fs/index.ts b/packages/project/src/fs/index.ts
new file mode 100644
index 00000000..afef279e
--- /dev/null
+++ b/packages/project/src/fs/index.ts
@@ -0,0 +1 @@
+export * from './project-fs';
diff --git a/packages/project/src/fs/project-fs.ts b/packages/project/src/fs/project-fs.ts
new file mode 100644
index 00000000..21f6e9a9
--- /dev/null
+++ b/packages/project/src/fs/project-fs.ts
@@ -0,0 +1,233 @@
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Observable,
+  ObservableValue,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type FileChange,
+  type FileContent,
+  type FileEntry,
+  FsContract,
+} from '@nanoforge-dev/editor-protocol';
+import type { RpcApi, RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { ContentCache, TreeCache } from '../cache/cache.type';
+
+const decoder = new TextDecoder();
+
+/** Hides files from the whole editor (see the server's file system). */
+export const NFIGNORE_FILE = '.nfignore';
+
+export interface WriteOptions {
+  /** Fails with CONFLICT if the file changed since this hash (null = must not exist). */
+  expectedHash?: string | null;
+}
+
+/**
+ * Files of the open project. The tree is loaded once (cached for fast startup), then kept in
+ * sync by the server change stream, so contents can be served from the local cache whenever
+ * the cached copy is as recent as the tree says.
+ */
+export class ProjectFs implements Disposable {
+  private readonly _fs: RpcApi<typeof FsContract>;
+  private readonly _tree = new Map<string, FileEntry>();
+  private readonly _ready = new ObservableValue(false);
+  private readonly _onDidChange = new Emitter<readonly FileChange[]>();
+  private readonly _store = new DisposableStore();
+
+  /** Batched changes (from the server watcher and this client's own writes). */
+  readonly onDidChange: Event<readonly FileChange[]> = this._onDidChange.event;
+
+  constructor(
+    readonly projectId: string,
+    private readonly _rpc: RpcClient,
+    private readonly _contents: ContentCache,
+    private readonly _treeCache: TreeCache,
+  ) {
+    this._fs = _rpc.api(FsContract);
+  }
+
+  /** True once the tree was fetched from the server (cached trees may be stale before). */
+  get ready(): Observable<boolean> {
+    return this._ready.readonly();
+  }
+
+  /** Loads the cached tree, subscribes to changes, then revalidates against the server. */
+  async initialize(): Promise<void> {
+    const cached = await this._treeCache.load();
+    for (const entry of cached ?? []) this._tree.set(entry.path, entry);
+    this._store.add(
+      this._rpc.subscribe(
+        FsContract,
+        'changes',
+        { project: this.projectId },
+        ({ changes }) => void this._applyRemote(changes),
+      ),
+    );
+    this._store.add(this._rpc.onDidReconnect(() => void this.refresh().catch(() => undefined)));
+    await this.refresh();
+  }
+
+  /** Re-fetches the whole tree and reports the differences as changes. */
+  async refresh(): Promise<void> {
+    const entries = await this._fs.list({ project: this.projectId, path: '', recursive: true });
+    const next = new Map(entries.map((entry) => [entry.path, entry]));
+    const changes: FileChange[] = [];
+    for (const [path, entry] of next) {
+      const previous = this._tree.get(path);
+      if (!previous) changes.push({ type: 'created', path, kind: entry.kind });
+      else if (previous.mtime !== entry.mtime || previous.size !== entry.size) {
+        changes.push({ type: 'changed', path, kind: entry.kind });
+      }
+    }
+    for (const [path, entry] of this._tree) {
+      if (!next.has(path)) changes.push({ type: 'deleted', path, kind: entry.kind });
+    }
+    this._tree.clear();
+    for (const [path, entry] of next) this._tree.set(path, entry);
+    this._ready.set(true);
+    await this._treeCache.save(entries);
+    for (const change of changes)
+      if (change.type === 'deleted') await this._contents.delete(change.path);
+    if (changes.length) this._onDidChange.fire(changes);
+  }
+
+  /** Last known entry (synchronous, from the tree). */
+  entry(path: string): FileEntry | undefined {
+    return this._tree.get(path);
+  }
+
+  /** Direct children of a directory, from the tree. */
+  children(path: string): FileEntry[] {
+    const prefix = path ? `${path}/` : '';
+    return [...this._tree.values()]
+      .filter(
+        (entry) =>
+          entry.path.startsWith(prefix) &&
+          !entry.path.slice(prefix.length).includes('/') &&
+          entry.path !== path,
+      )
+      .sort((a, b) =>
+        a.kind === b.kind ? a.path.localeCompare(b.path) : a.kind === 'directory' ? -1 : 1,
+      );
+  }
+
+  get entries(): readonly FileEntry[] {
+    return [...this._tree.values()];
+  }
+
+  /**
+   * `fresh` asks the server even when the cached content looks current: the tree only learns
+   * of a change on disk when the watcher reports it.
+   */
+  async read(path: string, options: { fresh?: boolean } = {}): Promise<FileContent> {
+    const known = this._tree.get(path);
+    const cached = !options.fresh && known && (await this._contents.get(path));
+    if (known && cached && cached.mtime === known.mtime && cached.content.length === known.size) {
+      return { ...known, content: cached.content, hash: cached.hash };
+    }
+    const file = await this._fs.read({ project: this.projectId, path });
+    this._tree.set(path, { path, kind: 'file', size: file.size, mtime: file.mtime });
+    await this._contents.set(path, { content: file.content, mtime: file.mtime, hash: file.hash });
+    return file;
+  }
+
+  async readText(
+    path: string,
+    options: { fresh?: boolean } = {},
+  ): Promise<{ text: string; hash: string; mtime: number }> {
+    const file = await this.read(path, options);
+    return { text: decoder.decode(file.content), hash: file.hash, mtime: file.mtime };
+  }
+
+  async write(
+    path: string,
+    content: Uint8Array | string,
+    options: WriteOptions = {},
+  ): Promise<FileEntry & { hash: string }> {
+    const result = await this._fs.write({
+      project: this.projectId,
+      path,
+      content,
+      ...(options.expectedHash !== undefined && { expectedHash: options.expectedHash }),
+    });
+    const bytes = typeof content === 'string' ? new TextEncoder().encode(content) : content;
+    const existed = this._tree.has(path);
+    this._tree.set(path, { path, kind: 'file', size: result.size, mtime: result.mtime });
+    await this._contents.set(path, { content: bytes, mtime: result.mtime, hash: result.hash });
+    this._onDidChange.fire([{ type: existed ? 'changed' : 'created', path, kind: 'file' }]);
+    return result;
+  }
+
+  async mkdir(path: string): Promise<void> {
+    const entry = await this._fs.mkdir({ project: this.projectId, path });
+    this._tree.set(path, entry);
+  }
+
+  async rename(from: string, to: string, overwrite = false): Promise<void> {
+    await this._fs.rename({ project: this.projectId, from, to, overwrite });
+    await this.refresh();
+  }
+
+  async copy(from: string, to: string, overwrite = false): Promise<void> {
+    await this._fs.copy({ project: this.projectId, from, to, overwrite });
+    await this.refresh();
+  }
+
+  /** Moves the entry to the project trash; resolves with its place there (for `restore`). */
+  async delete(path: string): Promise<{ trashPath: string }> {
+    const kind = this.entry(path)?.kind ?? 'file';
+    const result = await this._fs.delete({ project: this.projectId, path });
+    this._removeFromTree(path);
+    await this._contents.delete(path);
+    this._onDidChange.fire([{ type: 'deleted', path, kind }]);
+    return result;
+  }
+
+  /** Undo of `delete`: brings the entry back from the trash. */
+  async restore(trashPath: string, path: string): Promise<void> {
+    await this._fs.restore({ project: this.projectId, trashPath, path });
+    await this.refresh();
+  }
+
+  /** Local editors: shows the entry in the OS file manager. */
+  async reveal(path: string): Promise<void> {
+    await this._fs.reveal({ project: this.projectId, path });
+  }
+
+  dispose(): void {
+    this._store.dispose();
+    this._onDidChange.dispose();
+  }
+
+  private async _applyRemote(changes: readonly FileChange[]): Promise<void> {
+    const relevant: FileChange[] = [];
+    for (const change of changes) {
+      if (change.type === 'deleted') {
+        this._removeFromTree(change.path);
+        await this._contents.delete(change.path);
+        relevant.push(change);
+        continue;
+      }
+      const entry = await this._fs
+        .stat({ project: this.projectId, path: change.path })
+        .catch(() => null);
+      if (!entry) continue;
+      const previous = this._tree.get(change.path);
+      this._tree.set(change.path, entry);
+      if (previous && previous.mtime === entry.mtime && previous.size === entry.size) continue;
+      relevant.push(change);
+    }
+    if (relevant.length) this._onDidChange.fire(relevant);
+    if (changes.some((change) => change.path === NFIGNORE_FILE)) await this.refresh();
+  }
+
+  private _removeFromTree(path: string): void {
+    for (const key of [...this._tree.keys()]) {
+      if (key === path || key.startsWith(`${path}/`)) this._tree.delete(key);
+    }
+  }
+}
diff --git a/packages/project/src/index.ts b/packages/project/src/index.ts
new file mode 100644
index 00000000..ddf95ca9
--- /dev/null
+++ b/packages/project/src/index.ts
@@ -0,0 +1,4 @@
+export * from './cache';
+export * from './fs';
+export * from './service';
+export * from './workspace';
diff --git a/packages/project/src/service/client-project.ts b/packages/project/src/service/client-project.ts
new file mode 100644
index 00000000..ada45ff3
--- /dev/null
+++ b/packages/project/src/service/client-project.ts
@@ -0,0 +1,82 @@
+import {
+  type AppInfo,
+  type Disposable,
+  DisposableStore,
+  type EngineLibProvider,
+  type Observable,
+  ObservableValue,
+  derived,
+} from '@nanoforge-dev/editor-kernel';
+import { type ProjectModel, ProjectsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { ContentCache, TreeCache } from '../cache/cache.type';
+import { IndexedDbTreeCache } from '../cache/indexed-db.tree-cache';
+import { MemoryContentCache } from '../cache/memory.content-cache';
+import { MemoryTreeCache } from '../cache/memory.tree-cache';
+import { OpfsContentCache } from '../cache/opfs.content-cache';
+import { ProjectFs } from '../fs/project-fs';
+
+export interface CacheFactory {
+  contents(projectId: string): ContentCache;
+  tree(projectId: string): TreeCache;
+}
+
+/** Browser caches when available, memory otherwise. */
+export const defaultCacheFactory: CacheFactory = {
+  contents: (id) =>
+    OpfsContentCache.isSupported() ? new OpfsContentCache(id) : new MemoryContentCache(),
+  tree: (id) =>
+    IndexedDbTreeCache.isSupported() ? new IndexedDbTreeCache(id) : new MemoryTreeCache(),
+};
+
+/** A project opened in this editor window. */
+export class ClientProject implements Disposable, EngineLibProvider {
+  private readonly _store = new DisposableStore();
+  private readonly _model: ObservableValue<ProjectModel>;
+
+  readonly fs: ProjectFs;
+  /** Apps as the kernel sees them (engine lib gating). */
+  readonly apps: Observable<readonly AppInfo[]>;
+
+  constructor(
+    initial: ProjectModel,
+    rpc: RpcClient,
+    caches: CacheFactory,
+    /**
+     * Whether its code may run here. An untrusted local folder is open in restricted mode: its
+     * config is read without running it, and its plugins, builds and games don't run.
+     */
+    readonly trusted: boolean,
+  ) {
+    this._model = new ObservableValue(initial);
+    this.fs = this._store.add(
+      new ProjectFs(initial.id, rpc, caches.contents(initial.id), caches.tree(initial.id)),
+    );
+    this._store.add(
+      rpc.subscribe(ProjectsContract, 'model', { id: initial.id }, (model) =>
+        this._model.set(model),
+      ),
+    );
+    this.apps = derived([this._model], (model) =>
+      model.apps.map((app) => ({
+        id: app.id,
+        name: app.name,
+        type: app.type,
+        engineLibs: app.engineLibs,
+      })),
+    );
+  }
+
+  get id(): string {
+    return this._model.get().id;
+  }
+
+  get model(): Observable<ProjectModel> {
+    return this._model.readonly();
+  }
+
+  dispose(): void {
+    this._store.dispose();
+  }
+}
diff --git a/packages/project/src/service/index.ts b/packages/project/src/service/index.ts
new file mode 100644
index 00000000..dc688bcd
--- /dev/null
+++ b/packages/project/src/service/index.ts
@@ -0,0 +1,2 @@
+export * from './client-project';
+export * from './project-service';
diff --git a/packages/project/src/service/project-service.ts b/packages/project/src/service/project-service.ts
new file mode 100644
index 00000000..6a40364f
--- /dev/null
+++ b/packages/project/src/service/project-service.ts
@@ -0,0 +1,77 @@
+import {
+  type Disposable,
+  type Observable,
+  ObservableValue,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type ProjectRef,
+  ProjectsContract,
+  type RecentProject,
+} from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import { type CacheFactory, ClientProject, defaultCacheFactory } from './client-project';
+
+/** Opens projects through the editor server; one project is active per window. */
+export class ProjectService implements Disposable {
+  private readonly _current = new ObservableValue<ClientProject | undefined>(undefined);
+
+  constructor(
+    private readonly _rpc: RpcClient,
+    private readonly _caches: CacheFactory = defaultCacheFactory,
+  ) {}
+
+  get current(): Observable<ClientProject | undefined> {
+    return this._current.readonly();
+  }
+
+  async open(ref: ProjectRef): Promise<ClientProject> {
+    const projects = this._rpc.api(ProjectsContract);
+    const { id } = await projects.open(ref);
+    return this.load(id);
+  }
+
+  /** Attaches to a project already opened on the server (e.g. `/project/<id>` reload). */
+  async load(id: string, onStage?: (stage: 'model' | 'files') => void): Promise<ClientProject> {
+    if (this._current.get()?.id === id) return this._current.get()!;
+    onStage?.('model');
+    const api = this._rpc.api(ProjectsContract);
+    const [model, trusted] = await Promise.all([api.model({ id }), api.isTrusted({ id })]);
+    const project = new ClientProject(model, this._rpc, this._caches, trusted);
+    onStage?.('files');
+    await project.fs.initialize();
+    this.close();
+    this._current.set(project);
+    return project;
+  }
+
+  /**
+   * Trusts the open local project's folder: its code runs from now on (config, plugins, builds,
+   * games). The server reopens it and this one closes: load it again (`load`, or a reload).
+   */
+  async trust(): Promise<void> {
+    const current = this._current.get();
+    if (!current) return;
+    const api = this._rpc.api(ProjectsContract);
+    await api.trust({ id: current.id });
+    await api.open({ path: current.model.get().location });
+    if (this._current.get() === current) this.close();
+  }
+
+  recent(): Promise<RecentProject[]> {
+    return this._rpc.api(ProjectsContract).recent(null);
+  }
+
+  close(): void {
+    const current = this._current.get();
+    this._current.set(undefined);
+    current?.dispose();
+  }
+
+  dispose(): void {
+    this.close();
+  }
+}
+
+export const ProjectServiceToken = createToken<ProjectService>('project.service');
diff --git a/packages/project/src/workspace/app-operations.ts b/packages/project/src/workspace/app-operations.ts
new file mode 100644
index 00000000..834f5f2f
--- /dev/null
+++ b/packages/project/src/workspace/app-operations.ts
@@ -0,0 +1,104 @@
+import type { AppModel, ProjectModel } from '@nanoforge-dev/editor-protocol';
+
+import { Changes } from './changes';
+import { withEditorLibrary } from './editor-library';
+import { type Json, editJson, packageJson, withWorkspaceGlob } from './workspace-files';
+import { runnableApps, validateFolder, validatePackageName } from './workspace-queries';
+import { EDITOR_LIBRARY, ENGINE_BASE, MAIN, WORKSPACE_CONFIG } from './workspace.const';
+import { WorkspaceError } from './workspace.exception';
+import type { NewApp, Undo, WorkspaceIo } from './workspace.type';
+
+/**
+ * A new client or server app in `apps/<folder>`: a copy of an app of the project, or an empty
+ * one whose engine libraries (and their versions) are those of an app of the project. Its
+ * dependencies are installed apart (a copy brings its `node_modules` with it).
+ */
+export const createApp = (io: WorkspaceIo, model: ProjectModel, app: NewApp): Promise<Undo> => {
+  const changes = new Changes(io);
+  const root = `apps/${app.folder}`;
+  return changes.run(async () => {
+    const invalid = validateFolder(io, 'apps', app.folder) ?? validatePackageName(app.name);
+    if (invalid) throw new WorkspaceError(invalid);
+    if (model.apps.some((existing) => existing.name === app.name))
+      throw new WorkspaceError(`${app.name} is already the name of an app or library.`);
+    if (app.from) {
+      await io.copy(app.from.root, root);
+      changes.created(root);
+      for (const leftover of ['dist', '.nanoforge'])
+        if (io.exists(`${root}/${leftover}`)) await io.remove(`${root}/${leftover}`);
+      await editJson(io, changes, `${root}/package.json`, (json) => {
+        json.name = app.name;
+      });
+    } else {
+      const sibling =
+        runnableApps(model).find((existing) => existing.type === app.type) ??
+        runnableApps(model)[0];
+      const siblingJson = sibling
+        ? (JSON.parse(await io.read(packageJson(sibling))) as Json)
+        : undefined;
+      const known = {
+        ...(siblingJson?.dependencies as Record<string, string> | undefined),
+        ...(siblingJson?.devDependencies as Record<string, string> | undefined),
+      };
+      const devDependencies = Object.fromEntries(
+        [...ENGINE_BASE, EDITOR_LIBRARY, 'typescript']
+          .filter((name) => !sibling || name in known)
+          .map((name) => [name, known[name] ?? '*']),
+      );
+      await changes.write(
+        `${root}/package.json`,
+        `${JSON.stringify({ name: app.name, version: '0.0.0', private: true, type: 'module', devDependencies }, null, 2)}\n`,
+      );
+      changes.created(root);
+      await changes.write(
+        `${root}/nanoforge.config.ts`,
+        `import { defineConfig } from "@nanoforge-dev/config";\n\nexport default defineConfig({\n  type: "${app.type}",\n});\n`,
+      );
+      const tsconfig = sibling && `${sibling.root}/tsconfig.json`;
+      if (tsconfig && io.exists(tsconfig))
+        await changes.write(`${root}/tsconfig.json`, await io.read(tsconfig));
+      const main = MAIN[app.type];
+      await changes.write(
+        `${root}/src/main.ts`,
+        EDITOR_LIBRARY in devDependencies ? (withEditorLibrary(main) ?? main) : main,
+      );
+      await changes.write(`${root}/src/components/.gitkeep`, '');
+      await changes.write(`${root}/src/systems/.gitkeep`, '');
+    }
+    if (io.exists(WORKSPACE_CONFIG))
+      await changes.write(
+        WORKSPACE_CONFIG,
+        withWorkspaceGlob(await io.read(WORKSPACE_CONFIG), 'apps/*'),
+      );
+  });
+};
+
+/** Renames an app: the name in its `package.json`. */
+export const renameApp = (
+  io: WorkspaceIo,
+  model: ProjectModel,
+  app: AppModel,
+  name: string,
+): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(async () => {
+    const invalid = validatePackageName(name);
+    if (invalid) throw new WorkspaceError(invalid);
+    if (model.apps.some((existing) => existing !== app && existing.name === name))
+      throw new WorkspaceError(`${name} is already the name of an app or library.`);
+    await editJson(io, changes, packageJson(app), (json) => {
+      json.name = name;
+    });
+  });
+};
+
+/** Removes an app (its folder goes to the trash). The last app of a project stays. */
+export const removeApp = (io: WorkspaceIo, model: ProjectModel, app: AppModel): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(async () => {
+    if (!app.root) throw new WorkspaceError('The project is this app: it cannot be removed.');
+    if (runnableApps(model).length <= 1)
+      throw new WorkspaceError('A project needs at least one app.');
+    await changes.remove(app.root);
+  });
+};
diff --git a/packages/project/src/workspace/changes.ts b/packages/project/src/workspace/changes.ts
new file mode 100644
index 00000000..1f5883e1
--- /dev/null
+++ b/packages/project/src/workspace/changes.ts
@@ -0,0 +1,97 @@
+import { WorkspaceError } from './workspace.exception';
+import type { ImportsEdit, Undo, WorkspaceIo } from './workspace.type';
+
+interface Step {
+  readonly undo: Undo;
+  /** The file this step wrote, and the text it left there. */
+  readonly written?: { readonly path: string; readonly text: string };
+  /** An edit made elsewhere (`renameImports`), with its own check. */
+  readonly edit?: { readonly path: string; readonly edit: ImportsEdit };
+}
+
+/** Records what an operation changed, to put it back in reverse order. */
+export class Changes {
+  private readonly _steps: Step[] = [];
+
+  constructor(private readonly _io: WorkspaceIo) {}
+
+  /** Writes a file, remembering what was there. */
+  async write(path: string, text: string): Promise<void> {
+    const before = this._io.exists(path) ? await this._io.read(path) : undefined;
+    if (before === text) return;
+    await this._io.write(path, text);
+    this._steps.push({
+      undo: async () => {
+        if (before !== undefined) await this._io.write(path, before);
+        else if (this._io.exists(path)) await this._io.remove(path);
+      },
+      written: { path, text },
+    });
+  }
+
+  /** Rewrites a code file's imports of a package (`WorkspaceIo.renameImports`). */
+  async renameImports(path: string, from: string, to: string): Promise<void> {
+    if (!this._io.renameImports)
+      throw new WorkspaceError(`Imports of ${from} can't be rewritten without the code analysis.`);
+    const edit = await this._io.renameImports(path, from, to);
+    if (edit) this._steps.push({ undo: () => edit.undo(), edit: { path, edit } });
+  }
+
+  /** Removes a file or folder (to the trash). */
+  async remove(path: string): Promise<void> {
+    if (!this._io.exists(path)) return;
+    this._steps.push({ undo: await this._io.remove(path) });
+  }
+
+  /** Something new was made at `path` (a copy): undo removes it. */
+  created(path: string): void {
+    this._steps.push({
+      undo: async () => {
+        if (this._io.exists(path)) await this._io.remove(path);
+      },
+    });
+  }
+
+  /** Runs an operation; what it changed before failing is put back. */
+  async run(operation: () => Promise<void>): Promise<Undo> {
+    try {
+      await operation();
+    } catch (error) {
+      await this._undo(false).catch(() => undefined);
+      throw error;
+    }
+    return () => this._undo(true);
+  }
+
+  /**
+   * Puts everything back, last change first. With `check`, nothing is undone when a file was
+   * edited since the operation (its edit would be lost); the steps stay for another try. A step
+   * that fails does not stop the others: the first failure is rethrown at the end.
+   */
+  private async _undo(check: boolean): Promise<void> {
+    if (check) {
+      const last = new Map<string, string>();
+      for (const { written } of this._steps) if (written) last.set(written.path, written.text);
+      const changed: string[] = [];
+      for (const [path, text] of last) {
+        if (!this._io.exists(path) || (await this._io.read(path)) !== text) changed.push(path);
+      }
+      for (const { edit } of this._steps) {
+        if (edit && !(await edit.edit.isValid())) changed.push(edit.path);
+      }
+      if (changed.length)
+        throw new WorkspaceError(
+          `Not undone: ${changed.join(', ')} changed since. Undo those edits first, or change it back by hand.`,
+        );
+    }
+    const failures: unknown[] = [];
+    for (const step of this._steps.splice(0).reverse()) {
+      try {
+        await step.undo();
+      } catch (error) {
+        failures.push(error);
+      }
+    }
+    if (failures.length) throw failures[0];
+  }
+}
diff --git a/packages/project/src/workspace/editor-library.ts b/packages/project/src/workspace/editor-library.ts
new file mode 100644
index 00000000..cec2f472
--- /dev/null
+++ b/packages/project/src/workspace/editor-library.ts
@@ -0,0 +1,65 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import { Changes } from './changes';
+import { editJson, packageJson } from './workspace-files';
+import { EDITOR_LIBRARY } from './workspace.const';
+import { WorkspaceError } from './workspace.exception';
+import type { Undo, WorkspaceIo } from './workspace.type';
+
+/**
+ * The text of an entry file with `EditorLibrary` registered after its last `app.use(...)`.
+ * Undefined when it already is, or when the file registers no library to put it after.
+ */
+export const withEditorLibrary = (text: string): string | undefined => {
+  if (/\bEditorLibrary\b/.test(text)) return undefined;
+  const last = [...text.matchAll(/^([ \t]*)(\w+)\.use\(.*\);[ \t]*$/gm)].at(-1);
+  if (!last) return undefined;
+  const end = last.index + last[0].length;
+  const imports = [
+    ...text.matchAll(/^import [^;]*?from\s*["']@nanoforge-dev\/[^"']+["'];?[ \t]*$/gm),
+  ];
+  const after = imports.at(-1);
+  const line = `import { EditorLibrary } from "${EDITOR_LIBRARY}";`;
+  const used = `${text.slice(0, end)}\n${last[1]}${last[2]}.use(new EditorLibrary());${text.slice(end)}`;
+  if (!after) return `${line}\n${used}`;
+  const at = after.index + after[0].length;
+  return `${used.slice(0, at)}\n${line}${used.slice(at)}`;
+};
+
+/**
+ * Makes an app drivable by the editor: `@nanoforge-dev/editor-lib` next to its other engine
+ * libraries (at the version of `@nanoforge-dev/core`), and `EditorLibrary` registered in its
+ * entry file. Refused when the entry file already registers it.
+ */
+export const addEditorLibrary = (io: WorkspaceIo, app: AppModel): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(async () => {
+    if (!app.entryFile || !io.exists(app.entryFile))
+      throw new WorkspaceError(`${app.name} has no entry file.`);
+    const main = await io.read(app.entryFile);
+    if (/\bEditorLibrary\b/.test(main))
+      throw new WorkspaceError(
+        `${app.entryFile} already registers the editor library: update the NanoForge engine packages of the project.`,
+      );
+    const edited = withEditorLibrary(main);
+    if (!edited)
+      throw new WorkspaceError(
+        `${app.entryFile} registers no library with app.use(…): add app.use(new EditorLibrary()) by hand, from ${EDITOR_LIBRARY}.`,
+      );
+    await editJson(io, changes, packageJson(app), (json) => {
+      const sections = ['dependencies', 'devDependencies'] as const;
+      if (sections.some((key) => EDITOR_LIBRARY in ((json[key] ?? {}) as object))) return;
+      const key =
+        sections.find((section) => '@nanoforge-dev/core' in ((json[section] ?? {}) as object)) ??
+        'dependencies';
+      const entries = (json[key] ?? {}) as Record<string, string>;
+      json[key] = Object.fromEntries(
+        Object.entries({
+          ...entries,
+          [EDITOR_LIBRARY]: entries['@nanoforge-dev/core'] ?? '*',
+        }).sort(([a], [b]) => a.localeCompare(b)),
+      );
+    });
+    await changes.write(app.entryFile, edited);
+  });
+};
diff --git a/packages/project/src/workspace/index.ts b/packages/project/src/workspace/index.ts
new file mode 100644
index 00000000..464a2453
--- /dev/null
+++ b/packages/project/src/workspace/index.ts
@@ -0,0 +1,15 @@
+export * from './workspace.type';
+export * from './workspace.exception';
+export { EDITOR_LIBRARY } from './workspace.const';
+export * from './workspace-queries';
+export { withConfigLibrary } from './library-config';
+export {
+  createLibrary,
+  setLibraryUse,
+  libraryImporters,
+  renameLibrary,
+  removeLibrary,
+} from './library-operations';
+export * from './editor-library';
+export * from './app-operations';
+export * from './workspace-io';
diff --git a/packages/project/src/workspace/library-config.ts b/packages/project/src/workspace/library-config.ts
new file mode 100644
index 00000000..1db45a94
--- /dev/null
+++ b/packages/project/src/workspace/library-config.ts
@@ -0,0 +1,83 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import { type Changes } from './changes';
+import {
+  configFile,
+  editJson,
+  packageJson,
+  relativeTo,
+  resolveFrom,
+  setDependency,
+} from './workspace-files';
+import { WorkspaceError } from './workspace.exception';
+import type { WorkspaceIo } from './workspace.type';
+
+/**
+ * The text of an app's `nanoforge.config` with a shared library added to its `libs` (paths
+ * relative to the app, as the CLI writes them) or removed from it. Entries are compared by the
+ * folder they point at. Undefined when the text has nowhere to put it (no `type` property).
+ */
+export const withConfigLibrary = (
+  text: string,
+  appRoot: string,
+  libraryRoot: string,
+  used: boolean,
+): string | undefined => {
+  const quote = /\btype\s*:\s*(["'])/.exec(text)?.[1] ?? '"';
+  const literal = (value: string) => `${quote}${value}${quote}`;
+  const property = /(\blibs\s*:\s*)\[([^\]]*)\]/.exec(text);
+  if (property) {
+    const entries = [...property[2]!.matchAll(/(["'`])((?:\\.|(?!\1).)*)\1/g)].map(
+      (match) => match[2]!,
+    );
+    const others = entries.filter((entry) => resolveFrom(appRoot, entry) !== libraryRoot);
+    if (used && others.length < entries.length) return text;
+    const next = used ? [...others, relativeTo(appRoot, libraryRoot)] : others;
+    if (next.length === entries.length && next.every((entry, index) => entry === entries[index]))
+      return text;
+    const start = property.index + property[1]!.length;
+    const end = property.index + property[0].length;
+    return `${text.slice(0, start)}[${next.map(literal).join(', ')}]${text.slice(end)}`;
+  }
+  if (!used) return text;
+  const type = /(^[ \t]*)?\btype\s*:\s*(["'])[^"']*\2([ \t]*,)?/m.exec(text);
+  if (!type) return undefined;
+  const end = type.index + type[0].length;
+  const entry = `libs: [${literal(relativeTo(appRoot, libraryRoot))}]`;
+  const added =
+    type[1] !== undefined
+      ? `${type[3] ? '' : ','}\n${type[1]}${entry},`
+      : type[3]
+        ? ` ${entry},`
+        : `, ${entry}`;
+  return `${text.slice(0, end)}${added}${text.slice(end)}`;
+};
+
+/**
+ * Makes an app use a library or stop: its config's `libs` (what the editor and the CLI read)
+ * and its package.json dependency (what package managers read), kept in step. A library has no
+ * `libs`: it uses others through its package.json only.
+ */
+export const setUse = async (
+  io: WorkspaceIo,
+  changes: Changes,
+  app: Pick<AppModel, 'root' | 'type'>,
+  library: Pick<AppModel, 'root' | 'name'>,
+  used: boolean,
+): Promise<void> => {
+  await editJson(io, changes, packageJson(app), (json) => setDependency(json, library.name, used));
+  if (app.type === 'lib') return;
+  const file = configFile(io, app);
+  if (!file) {
+    if (used) throw new WorkspaceError(`${app.root || 'The app'} has no nanoforge.config.ts.`);
+    return;
+  }
+  const text = await io.read(file);
+  const edited = withConfigLibrary(text, app.root, library.root, used);
+  if (edited === undefined)
+    throw new WorkspaceError(
+      `${file} could not be edited: add "${relativeTo(app.root, library.root)}" to its libs by hand.`,
+      [file],
+    );
+  if (edited !== text) await changes.write(file, edited);
+};
diff --git a/packages/project/src/workspace/library-operations.ts b/packages/project/src/workspace/library-operations.ts
new file mode 100644
index 00000000..4a932eee
--- /dev/null
+++ b/packages/project/src/workspace/library-operations.ts
@@ -0,0 +1,167 @@
+import type { AppModel, ProjectModel } from '@nanoforge-dev/editor-protocol';
+import { withPathsEntry, withoutPathsEntry } from '@nanoforge-dev/registry/tsconfig-paths';
+
+import { Changes } from './changes';
+import { setUse } from './library-config';
+import { editJson, packageJson, withWorkspaceGlob } from './workspace-files';
+import { validateFolder, validatePackageName } from './workspace-queries';
+import { CODE, LIB_CONFIG, TSCONFIG, WORKSPACE_CONFIG } from './workspace.const';
+import { WorkspaceError } from './workspace.exception';
+import type { NewLibrary, Undo, WorkspaceIo } from './workspace.type';
+
+/**
+ * A shared library: `libs/<folder>` with its config and package.json, `libs/*` in the
+ * workspace's packages, a `paths` entry so it is imported by package name, and the dependency in
+ * each app that uses it.
+ */
+export const createLibrary = (io: WorkspaceIo, library: NewLibrary): Promise<Undo> => {
+  const changes = new Changes(io);
+  const root = `libs/${library.folder}`;
+  return changes.run(async () => {
+    const invalid =
+      validateFolder(io, 'libs', library.folder) ?? validatePackageName(library.packageName);
+    if (invalid) throw new WorkspaceError(invalid);
+    await changes.write(
+      `${root}/package.json`,
+      `${JSON.stringify({ name: library.packageName, version: '0.0.0', private: true, type: 'module' }, null, 2)}\n`,
+    );
+    await changes.write(`${root}/nanoforge.config.ts`, LIB_CONFIG);
+    await changes.write(`${root}/src/components/.gitkeep`, '');
+    await changes.write(`${root}/src/systems/.gitkeep`, '');
+    changes.created(root);
+
+    const tsconfig = io.exists(TSCONFIG) ? await io.read(TSCONFIG) : '{}\n';
+    await changes.write(
+      TSCONFIG,
+      withPathsEntry(tsconfig, `${library.packageName}/*`, `./${root}/src/*`),
+    );
+    for (const app of library.usedBy)
+      await setUse(io, changes, app, { root, name: library.packageName }, true);
+    if (io.exists(WORKSPACE_CONFIG))
+      await changes.write(
+        WORKSPACE_CONFIG,
+        withWorkspaceGlob(await io.read(WORKSPACE_CONFIG), 'libs/*'),
+      );
+  });
+};
+
+/**
+ * Makes an app (or a library) use a shared library, or stop using it: its config's `libs` and
+ * its package.json dependency.
+ */
+export const setLibraryUse = (
+  io: WorkspaceIo,
+  app: Pick<AppModel, 'root' | 'type'>,
+  library: Pick<AppModel, 'root' | 'name'>,
+  used: boolean,
+): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(() => setUse(io, changes, app, library, used));
+};
+
+export const escape = (text: string) => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+/** A module specifier of the library in an import, an export or a dynamic import. */
+export const specifier = (library: string) =>
+  new RegExp(
+    `(\\bfrom\\s*|\\bimport\\s*\\(?\\s*|\\brequire\\s*\\(\\s*)(["'])${escape(library)}(/[^"']*)?\\2`,
+    'g',
+  );
+
+/** A file's text as the user sees it, unsaved edits included (`WorkspaceIo.readEdited`). */
+const editedText = (io: WorkspaceIo, path: string) => (io.readEdited ?? io.read).call(io, path);
+
+/** The code files that import a library (outside of it). */
+export const libraryImporters = async (io: WorkspaceIo, library: AppModel): Promise<string[]> => {
+  const importers: string[] = [];
+  for (const path of io.files()) {
+    if (!CODE.test(path) || path === library.root || path.startsWith(`${library.root}/`)) continue;
+    if (specifier(library.name).test(await editedText(io, path))) importers.push(path);
+  }
+  return importers.sort();
+};
+
+/**
+ * Renames a shared library's package: its `package.json`, the `paths` entry, the dependencies of
+ * the apps that use it, and every import of it in the project.
+ */
+export const renameLibrary = (
+  io: WorkspaceIo,
+  model: ProjectModel,
+  library: AppModel,
+  packageName: string,
+): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(async () => {
+    const invalid = validatePackageName(packageName);
+    if (invalid) throw new WorkspaceError(invalid);
+    if (model.apps.some((app) => app.name === packageName))
+      throw new WorkspaceError(`${packageName} is already the name of an app or library.`);
+    const importers: string[] = [];
+    for (const path of io.files()) {
+      if (CODE.test(path) && specifier(library.name).test(await editedText(io, path)))
+        importers.push(path);
+    }
+    if (importers.length && !io.renameImports)
+      throw new WorkspaceError(
+        `${library.name} is imported, and its imports can only be rewritten once the code analysis has started: try again in a moment.`,
+        importers,
+      );
+    if (io.exists(TSCONFIG)) {
+      const without = withoutPathsEntry(await io.read(TSCONFIG), `${library.name}/*`);
+      await changes.write(
+        TSCONFIG,
+        withPathsEntry(without, `${packageName}/*`, `./${library.root}/src/*`),
+      );
+    }
+    for (const app of model.apps) {
+      if (app === library || !io.exists(packageJson(app))) continue;
+      await editJson(io, changes, packageJson(app), (json) => {
+        for (const key of ['dependencies', 'devDependencies'] as const) {
+          const entries = json[key] as Record<string, string> | undefined;
+          if (!entries || !(library.name in entries)) continue;
+          json[key] = Object.fromEntries(
+            Object.entries(entries)
+              .map(([name, range]) => [name === library.name ? packageName : name, range] as const)
+              .sort(([a], [b]) => a.localeCompare(b)),
+          );
+        }
+      });
+    }
+    for (const path of importers) await changes.renameImports(path, library.name, packageName);
+    await editJson(io, changes, packageJson(library), (json) => {
+      json.name = packageName;
+    });
+  });
+};
+
+/**
+ * Removes a shared library: its folder (to the trash), its `paths` entry and the dependencies on
+ * it. Refused while code imports it: the files are named.
+ */
+export const removeLibrary = (
+  io: WorkspaceIo,
+  model: ProjectModel,
+  library: AppModel,
+): Promise<Undo> => {
+  const changes = new Changes(io);
+  return changes.run(async () => {
+    const importers = await libraryImporters(io, library);
+    if (importers.length) {
+      throw new WorkspaceError(
+        `${library.name} is imported by ${importers.length === 1 ? 'a file' : `${importers.length} files`}: remove those imports first.`,
+        importers,
+      );
+    }
+    for (const app of model.apps) {
+      if (app === library || !io.exists(packageJson(app))) continue;
+      await setUse(io, changes, app, library, false);
+    }
+    if (io.exists(TSCONFIG))
+      await changes.write(
+        TSCONFIG,
+        withoutPathsEntry(await io.read(TSCONFIG), `${library.name}/*`),
+      );
+    await changes.remove(library.root);
+  });
+};
diff --git a/packages/project/src/workspace/workspace-files.ts b/packages/project/src/workspace/workspace-files.ts
new file mode 100644
index 00000000..fb3ab2a7
--- /dev/null
+++ b/packages/project/src/workspace/workspace-files.ts
@@ -0,0 +1,82 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import { type Changes } from './changes';
+import { CONFIG_NAMES } from './workspace.const';
+import { WorkspaceError } from './workspace.exception';
+import type { WorkspaceIo } from './workspace.type';
+
+export type Json = Record<string, unknown>;
+
+/** A JSON file rewritten with its own indentation. */
+export const editJson = async (
+  io: WorkspaceIo,
+  changes: Changes,
+  path: string,
+  edit: (json: Json) => void,
+): Promise<void> => {
+  const text = io.exists(path) ? await io.read(path) : '{}\n';
+  let json: Json;
+  try {
+    json = JSON.parse(text) as Json;
+  } catch {
+    throw new WorkspaceError(`${path} is not valid JSON`);
+  }
+  edit(json);
+  const indent = /^(\s+)"/m.exec(text)?.[1]?.replace(/\n/g, '') ?? '  ';
+  await changes.write(path, `${JSON.stringify(json, null, indent)}\n`);
+};
+
+/** The project path of `path` written relative to the folder `from` (both project paths). */
+export const resolveFrom = (from: string, path: string): string => {
+  const parts = from ? from.split('/') : [];
+  for (const part of path.split('/')) {
+    if (part === '..') parts.pop();
+    else if (part && part !== '.') parts.push(part);
+  }
+  return parts.join('/');
+};
+
+/** `to` written relative to the folder `from`, as a config's `libs` holds it. */
+export const relativeTo = (from: string, to: string): string => {
+  const source = from ? from.split('/') : [];
+  const target = to.split('/');
+  let common = 0;
+  while (common < source.length && source[common] === target[common]) common++;
+  return [...source.slice(common).map(() => '..'), ...target.slice(common)].join('/') || '.';
+};
+
+/** The `nanoforge.config.*` file of an app. */
+export const configFile = (io: Pick<WorkspaceIo, 'exists'>, app: Pick<AppModel, 'root'>) =>
+  CONFIG_NAMES.map((name) => (app.root ? `${app.root}/${name}` : name)).find((path) =>
+    io.exists(path),
+  );
+
+export const packageJson = (app: Pick<AppModel, 'root'>): string =>
+  app.root ? `${app.root}/package.json` : 'package.json';
+
+/** Adds or removes a dependency on a library, keeping the keys sorted. */
+export const setDependency = (json: Json, name: string, used: boolean): void => {
+  const without = (entries: unknown) =>
+    Object.entries((entries ?? {}) as Record<string, string>).filter(([key]) => key !== name);
+  const dependencies = without(json.dependencies);
+  if (used)
+    dependencies.push([
+      name,
+      (json.dependencies as Record<string, string> | undefined)?.[name] ?? 'workspace:*',
+    ]);
+  else if (json.devDependencies)
+    json.devDependencies = Object.fromEntries(without(json.devDependencies));
+  const sorted = Object.fromEntries(dependencies.sort(([a], [b]) => a.localeCompare(b)));
+  if (Object.keys(sorted).length) json.dependencies = sorted;
+  else delete json.dependencies;
+};
+
+/** `libs/*` (or `apps/*`) in the workspace's `packages`, when missing. */
+export const withWorkspaceGlob = (text: string, glob: string): string => {
+  if (text.includes(glob)) return text;
+  return text.replace(/packages\s*:\s*\[([^\]]*)\]/, (_match, inner: string) => {
+    const quote = inner.includes("'") ? "'" : '"';
+    const items = inner.trim().replace(/,\s*$/, '');
+    return `packages: [${items ? `${items}, ` : ''}${quote}${glob}${quote}]`;
+  });
+};
diff --git a/packages/project/src/workspace/workspace-io.ts b/packages/project/src/workspace/workspace-io.ts
new file mode 100644
index 00000000..da648fa3
--- /dev/null
+++ b/packages/project/src/workspace/workspace-io.ts
@@ -0,0 +1,16 @@
+import type { ClientProject } from '../service/client-project';
+import type { WorkspaceIo } from './workspace.type';
+
+/** The files of an open project, as the workspace operations need them. */
+export const workspaceIo = (project: ClientProject): WorkspaceIo => ({
+  exists: (path) => project.fs.entry(path) !== undefined,
+  files: () =>
+    project.fs.entries.filter((entry) => entry.kind === 'file').map((entry) => entry.path),
+  read: async (path) => (await project.fs.readText(path, { fresh: true })).text,
+  write: (path, text) => project.fs.write(path, text).then(() => undefined),
+  remove: async (path) => {
+    const { trashPath } = await project.fs.delete(path);
+    return () => project.fs.restore(trashPath, path);
+  },
+  copy: (from, to) => project.fs.copy(from, to),
+});
diff --git a/packages/project/src/workspace/workspace-queries.ts b/packages/project/src/workspace/workspace-queries.ts
new file mode 100644
index 00000000..23697e0f
--- /dev/null
+++ b/packages/project/src/workspace/workspace-queries.ts
@@ -0,0 +1,26 @@
+import type { AppModel, ProjectModel } from '@nanoforge-dev/editor-protocol';
+
+import { FOLDER, PACKAGE_NAME } from './workspace.const';
+import type { WorkspaceIo } from './workspace.type';
+
+export const validatePackageName = (name: string): string | undefined =>
+  PACKAGE_NAME.test(name) ? undefined : 'A package name: lowercase, like @my-game/shared.';
+
+/** A new folder of `libs/` or `apps/`: its name, and that it is free. */
+export const validateFolder = (
+  io: Pick<WorkspaceIo, 'exists'>,
+  parent: 'libs' | 'apps',
+  folder: string,
+): string | undefined => {
+  if (!FOLDER.test(folder)) return 'Use lowercase letters, digits and dashes.';
+  if (io.exists(`${parent}/${folder}`)) return `${parent}/${folder} already exists.`;
+  return undefined;
+};
+
+/** The shared libraries of a project. */
+export const librariesOf = (model: ProjectModel): AppModel[] =>
+  model.apps.filter((app) => app.type === 'lib');
+
+/** The apps of a project that run: its clients and servers. */
+export const runnableApps = (model: ProjectModel): AppModel[] =>
+  model.apps.filter((app) => app.type !== 'lib');
diff --git a/packages/project/src/workspace/workspace.const.ts b/packages/project/src/workspace/workspace.const.ts
new file mode 100644
index 00000000..1b006f78
--- /dev/null
+++ b/packages/project/src/workspace/workspace.const.ts
@@ -0,0 +1,74 @@
+import type { NewApp } from './workspace.type';
+
+export const PACKAGE_NAME = /^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
+export const FOLDER = /^[a-z0-9][a-z0-9-]*$/;
+export const CODE = /\.(?:[cm]?[jt]sx?)$/;
+export const WORKSPACE_CONFIG = 'nanoforge.config.ts';
+export const TSCONFIG = 'tsconfig.json';
+
+export const CONFIG_NAMES = [
+  'nanoforge.config.ts',
+  'nanoforge.config.mts',
+  'nanoforge.config.js',
+  'nanoforge.config.mjs',
+];
+
+export const LIB_CONFIG = [
+  'import { defineConfig } from "@nanoforge-dev/config";',
+  '',
+  'export default defineConfig({',
+  '  type: "lib",',
+  '  dir: { components: "src/components", systems: "src/systems", scenes: "src/scenes" },',
+  '});',
+  '',
+].join('\n');
+
+export const ENGINE_BASE = ['asset', 'common', 'core', 'env', 'ecs'].map(
+  (name) => `@nanoforge-dev/${name}`,
+);
+
+/** The engine library a game registers to be driven by the editor (engine 2.0 and later). */
+export const EDITOR_LIBRARY = '@nanoforge-dev/editor-lib';
+
+export const MAIN: Record<NewApp['type'], string> = {
+  client: [
+    'import type { ClientRunOptions } from "@nanoforge-dev/common";',
+    'import { NanoforgeFactory } from "@nanoforge-dev/core";',
+    'import { EcsLibrary } from "@nanoforge-dev/ecs/client";',
+    '',
+    'export const main = async (options: ClientRunOptions): Promise<void> => {',
+    '  const app = NanoforgeFactory.createClient({ tickRate: 60 });',
+    '  const ecs = new EcsLibrary();',
+    '',
+    '  app.use(ecs);',
+    '',
+    '  await app.init(options);',
+    '',
+    '  const registry = ecs.registry;',
+    '  void registry;',
+    '',
+    '  await app.run();',
+    '};',
+    '',
+  ].join('\n'),
+  server: [
+    'import type { RunOptions } from "@nanoforge-dev/common";',
+    'import { NanoforgeFactory } from "@nanoforge-dev/core";',
+    'import { EcsLibrary } from "@nanoforge-dev/ecs/server";',
+    '',
+    'export const main = async (options: RunOptions): Promise<void> => {',
+    '  const app = NanoforgeFactory.createServer({ tickRate: 60 });',
+    '  const ecs = new EcsLibrary();',
+    '',
+    '  app.use(ecs);',
+    '',
+    '  await app.init(options);',
+    '',
+    '  const registry = ecs.registry;',
+    '  void registry;',
+    '',
+    '  await app.run();',
+    '};',
+    '',
+  ].join('\n'),
+};
diff --git a/packages/project/src/workspace/workspace.exception.ts b/packages/project/src/workspace/workspace.exception.ts
new file mode 100644
index 00000000..f67e2d19
--- /dev/null
+++ b/packages/project/src/workspace/workspace.exception.ts
@@ -0,0 +1,11 @@
+/** A change refused for a reason the user can act on. */
+export class WorkspaceError extends Error {
+  constructor(
+    message: string,
+    /** Files that stand in the way (the importers of a library being removed). */
+    readonly paths: readonly string[] = [],
+  ) {
+    super(message);
+    this.name = 'WorkspaceError';
+  }
+}
diff --git a/packages/project/src/workspace/workspace.type.ts b/packages/project/src/workspace/workspace.type.ts
new file mode 100644
index 00000000..02b707ec
--- /dev/null
+++ b/packages/project/src/workspace/workspace.type.ts
@@ -0,0 +1,64 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+/**
+ * Changes of a project's workspace: its apps (clients, servers) and its shared libraries
+ * (ADR 0004). Each operation edits the project's files through a small file interface and
+ * resolves with what undoes it.
+ *
+ * An app **uses** a shared library when its `package.json` lists the library's package name in
+ * `dependencies`: the meaning it has in any workspace.
+ */
+
+/** The files of the project, as the operations need them. */
+export interface WorkspaceIo {
+  exists(path: string): boolean;
+  /** Paths of the project's files (what the editor lists: no `node_modules`). */
+  files(): readonly string[];
+  read(path: string): Promise<string>;
+  /**
+   * A file's text as the user sees it: an open document's, unsaved edits included. Searches that
+   * must not miss a file read it (an import typed but not saved yet). Defaults to `read`.
+   */
+  readEdited?(path: string): Promise<string>;
+  /** Creates or replaces a file. */
+  write(path: string, text: string): Promise<void>;
+  /** Removes a file or folder; resolves with what brings it back. */
+  remove(path: string): Promise<() => Promise<void>>;
+  /** Copies a file or a folder with everything in it. */
+  copy(from: string, to: string): Promise<void>;
+  /**
+   * Points a code file's imports of package `from` at `to`, reading the code (not a text search:
+   * comments and strings stay as they are), through the open document if any. Resolves with the
+   * edit made, or undefined when the file has none. Without it, a library that is imported can't
+   * be renamed: a text search would also rewrite look-alikes in comments and strings.
+   */
+  renameImports?(path: string, from: string, to: string): Promise<ImportsEdit | undefined>;
+}
+
+/** An edit of a file's imports, as `renameImports` made it. */
+export interface ImportsEdit {
+  undo(): Promise<void>;
+  /** False when the file changed since: undoing would lose that change. */
+  isValid(): Promise<boolean>;
+}
+
+export type Undo = () => Promise<void>;
+
+export interface NewLibrary {
+  /** Folder in `libs/`. */
+  readonly folder: string;
+  /** How apps import it: `@my-game/shared`. */
+  readonly packageName: string;
+  /** The apps (and libraries) that use it from the start. */
+  readonly usedBy: readonly Pick<AppModel, 'root' | 'type'>[];
+}
+
+export interface NewApp {
+  readonly type: 'client' | 'server';
+  /** Folder in `apps/`. */
+  readonly folder: string;
+  /** Package name of the app. */
+  readonly name: string;
+  /** An app of the same type to copy; an empty app without it. */
+  readonly from?: AppModel;
+}
diff --git a/packages/project/test/fixtures/workspace.ts b/packages/project/test/fixtures/workspace.ts
new file mode 100644
index 00000000..1ab499ca
--- /dev/null
+++ b/packages/project/test/fixtures/workspace.ts
@@ -0,0 +1,88 @@
+import type { AppModel, ProjectModel } from '@nanoforge-dev/editor-protocol';
+import type { WorkspaceIo } from '../../src/workspace/workspace.type';
+
+/** A project in memory: files by path. */
+export const memory = (initial: Record<string, string>) => {
+  const files = new Map(Object.entries(initial));
+  const under = (path: string) => [...files.keys()].filter((key) => key.startsWith(`${path}/`));
+  const io: WorkspaceIo = {
+    exists: (path) => files.has(path) || under(path).length > 0,
+    files: () => [...files.keys()],
+    read: async (path) => {
+      const text = files.get(path);
+      if (text === undefined) throw new Error(`no file ${path}`);
+      return text;
+    },
+    write: async (path, text) => void files.set(path, text),
+    remove: async (path) => {
+      const removed = [path, ...under(path)].flatMap((key) =>
+        files.has(key) ? [[key, files.get(key)!] as const] : [],
+      );
+      for (const [key] of removed) files.delete(key);
+      return async () => {
+        for (const [key, text] of removed) files.set(key, text);
+      };
+    },
+    copy: async (from, to) => {
+      for (const key of under(from)) files.set(`${to}${key.slice(from.length)}`, files.get(key)!);
+    },
+  };
+  return { io, files, snapshot: () => Object.fromEntries([...files].sort()) };
+};
+
+export const editPackage = async (
+  files: Map<string, string>,
+  path: string,
+  name: string,
+  range: string,
+) => {
+  const pkg = JSON.parse(files.get(path)!) as { devDependencies: Record<string, string> };
+  pkg.devDependencies[name] = range;
+  files.set(path, `${JSON.stringify(pkg, null, 2)}\n`);
+};
+
+export const json = (value: unknown) => `${JSON.stringify(value, null, 2)}\n`;
+export const app = (root: string, name: string, type: AppModel['type']): AppModel => ({
+  id: root,
+  name,
+  type,
+  root,
+  language: 'ts',
+  dirs: {
+    assets: '',
+    components: `${root}/src/components`,
+    systems: `${root}/src/systems`,
+    scenes: '',
+  },
+  engineLibs: {},
+  libraries: [],
+});
+export const client = app('apps/client', 'pong-client', 'client');
+export const shared = app('libs/shared', '@pong/shared', 'lib');
+export const server = app('apps/server', 'pong-server', 'server');
+export const model = (...apps: AppModel[]): ProjectModel =>
+  ({ id: 'p', name: 'pong', location: '/pong', apps, diagnostics: [] }) as ProjectModel;
+
+export const project = () =>
+  memory({
+    'nanoforge.config.ts':
+      'import { defineConfig } from "@nanoforge-dev/config";\n\nexport default defineConfig({\n  type: "workspace",\n  packages: ["apps/*"],\n});\n',
+    'tsconfig.json': '{\n  // shared options\n  "compilerOptions": {\n    "strict": true\n  }\n}\n',
+    'apps/client/package.json': json({
+      name: 'pong-client',
+      devDependencies: {
+        '@nanoforge-dev/core': '^2.0.0',
+        '@nanoforge-dev/ecs': '^2.0.0',
+        typescript: '^6.0.0',
+        eslint: '^10.0.0',
+      },
+    }),
+    'apps/client/nanoforge.config.ts':
+      'import { defineConfig } from "@nanoforge-dev/config";\n\nexport default defineConfig({\n  type: "client",\n});\n',
+    'apps/client/tsconfig.json': '{ "extends": "../../tsconfig.json" }\n',
+    'apps/client/src/main.ts': 'export const main = 1;\n',
+    'apps/client/dist/main.js': 'built',
+    'apps/server/package.json': json({ name: 'pong-server' }),
+    'apps/server/nanoforge.config.ts': "export default { type: 'server', libs: [] };\n",
+    'apps/server/src/main.ts': 'export const main = 2;\n',
+  });
diff --git a/packages/project/test/fs/project-fs.spec.ts b/packages/project/test/fs/project-fs.spec.ts
new file mode 100644
index 00000000..d12b57a2
--- /dev/null
+++ b/packages/project/test/fs/project-fs.spec.ts
@@ -0,0 +1,116 @@
+import { cpSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import type { FileChange } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import { type EditorServer, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+import { createLoopbackClient } from '@nanoforge-dev/editor-server-core/testing';
+
+import type { ContentCache } from '../../src/cache/cache.type';
+import { MemoryContentCache } from '../../src/cache/memory.content-cache';
+import { MemoryTreeCache } from '../../src/cache/memory.tree-cache';
+import { ProjectService } from '../../src/service/project-service';
+
+const FIXTURE = join(import.meta.dirname, '../../../server-core/test/fixtures/pong-network');
+
+let workspace: string;
+let editor: EditorServer;
+let rpc: RpcClient;
+let service: ProjectService;
+const contents = new MemoryContentCache();
+const reads: string[] = [];
+
+/** Content cache spy: counts server reads by observing cache fills. */
+const spyCache = (inner: ContentCache): ContentCache => ({
+  get: (path) => inner.get(path),
+  set: (path, value) => {
+    reads.push(path);
+    return inner.set(path, value);
+  },
+  delete: (path) => inner.delete(path),
+  clear: () => inner.clear(),
+});
+
+const waitFor = async (predicate: () => boolean, timeout = 2000) => {
+  const start = Date.now();
+  while (!predicate() && Date.now() - start < timeout) await new Promise((r) => setTimeout(r, 5));
+  return Date.now() - start;
+};
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../../../server-core/test/.tmp-project-'));
+  cpSync(FIXTURE, join(workspace, 'pong'), { recursive: true });
+  editor = createEditorServer({
+    env: loadEnv(
+      { NODE_ENV: 'test', FS_ROOT: workspace, DATA_DIR: mkdtempSync(join(tmpdir(), 'nf-data-')) },
+      workspace,
+    ),
+    version: 'test',
+  });
+  rpc = createLoopbackClient(editor);
+  service = new ProjectService(rpc, {
+    contents: () => spyCache(contents),
+    tree: () => new MemoryTreeCache(),
+  });
+});
+
+afterAll(() => {
+  service.dispose();
+  rpc.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('ProjectFs', () => {
+  it('opens the project with its tree and engine libs', async () => {
+    const project = await service.open({ path: 'pong' });
+    expect(project.fs.ready.get()).toBe(true);
+    expect(project.fs.children('apps').map((entry) => entry.path)).toEqual([
+      'apps/client',
+      'apps/server',
+    ]);
+    expect(project.apps.get().map((app) => app.id)).toEqual(['apps/client', 'apps/server']);
+    expect(project.apps.get()[0]!.engineLibs).toHaveProperty('@nanoforge-dev/ecs');
+  });
+
+  it('serves unchanged files from the content cache', async () => {
+    const project = service.current.get()!;
+    reads.length = 0;
+    const first = await project.fs.readText('apps/client/src/main.ts');
+    const second = await project.fs.readText('apps/client/src/main.ts');
+    expect(second).toEqual(first);
+    expect(reads).toEqual(['apps/client/src/main.ts']);
+  });
+
+  it('sees files written on disk within 200 ms', async () => {
+    const project = service.current.get()!;
+    const changes: FileChange[] = [];
+    const subscription = project.fs.onDidChange((batch) => changes.push(...batch));
+    /** Server watcher initial scan. */
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    writeFileSync(join(workspace, 'pong/apps/client/src/main.ts'), '// edited outside\n');
+    const elapsed = await waitFor(() => changes.length > 0);
+    subscription.dispose();
+    expect(changes).toEqual([{ type: 'changed', path: 'apps/client/src/main.ts', kind: 'file' }]);
+    expect(elapsed).toBeLessThan(200);
+    expect((await project.fs.readText('apps/client/src/main.ts')).text).toBe('// edited outside\n');
+  });
+
+  it('writes with conflict detection and without echoing its own writes', async () => {
+    const project = service.current.get()!;
+    const { hash } = await project.fs.readText('apps/client/src/main.ts');
+    const changes: FileChange[] = [];
+    const subscription = project.fs.onDidChange((batch) => changes.push(...batch));
+    await project.fs.write('apps/client/src/main.ts', '// v2\n', { expectedHash: hash });
+    await new Promise((resolve) => setTimeout(resolve, 250));
+    subscription.dispose();
+    expect(changes).toEqual([{ type: 'changed', path: 'apps/client/src/main.ts', kind: 'file' }]);
+    await expect(
+      project.fs.write('apps/client/src/main.ts', 'x', { expectedHash: hash }),
+    ).rejects.toMatchObject({
+      code: 'CONFLICT',
+    });
+  });
+});
diff --git a/packages/project/test/workspace/app-operations.spec.ts b/packages/project/test/workspace/app-operations.spec.ts
new file mode 100644
index 00000000..33d161b7
--- /dev/null
+++ b/packages/project/test/workspace/app-operations.spec.ts
@@ -0,0 +1,146 @@
+import { describe, expect, it } from 'vitest';
+
+import { createApp, removeApp, renameApp } from '../../src/workspace/app-operations';
+import { addEditorLibrary, withEditorLibrary } from '../../src/workspace/editor-library';
+import { client, editPackage, model, project, server } from '../fixtures/workspace';
+
+describe('apps', () => {
+  it('adds an empty app with the engine versions the project has', async () => {
+    const { io, files, snapshot } = project();
+    const before = snapshot();
+    const undo = await createApp(io, model(client, server), {
+      type: 'client',
+      folder: 'spectator',
+      name: 'pong-spectator',
+    });
+    expect(JSON.parse(files.get('apps/spectator/package.json')!)).toEqual({
+      name: 'pong-spectator',
+      version: '0.0.0',
+      private: true,
+      type: 'module',
+      devDependencies: {
+        '@nanoforge-dev/core': '^2.0.0',
+        '@nanoforge-dev/ecs': '^2.0.0',
+        typescript: '^6.0.0',
+      },
+    });
+    expect(files.get('apps/spectator/nanoforge.config.ts')).toContain('type: "client"');
+    expect(files.get('apps/spectator/tsconfig.json')).toBe(files.get('apps/client/tsconfig.json'));
+    expect(files.get('apps/spectator/src/main.ts')).toContain('createClient');
+    await undo();
+    expect(snapshot()).toEqual(before);
+  });
+
+  it('adds an app as a copy of another, without its build output', async () => {
+    const { io, files } = project();
+    await createApp(io, model(client, server), {
+      type: 'client',
+      folder: 'client-two',
+      name: 'pong-client-two',
+      from: client,
+    });
+    expect(files.get('apps/client-two/src/main.ts')).toBe('export const main = 1;\n');
+    expect(JSON.parse(files.get('apps/client-two/package.json')!).name).toBe('pong-client-two');
+    expect(files.has('apps/client-two/dist/main.js')).toBe(false);
+    expect(files.has('apps/client/dist/main.js')).toBe(true);
+
+    await expect(
+      createApp(io, model(client, server), { type: 'client', folder: 'client', name: 'x' }),
+    ).rejects.toThrow(/already exists/);
+    await expect(
+      createApp(io, model(client, server), { type: 'client', folder: 'new', name: 'pong-server' }),
+    ).rejects.toThrow(/already the name/);
+  });
+
+  it('registers the editor library in an app, next to its engine libraries', async () => {
+    const { io, files, snapshot } = project();
+    files.set(
+      'apps/client/src/main.ts',
+      [
+        'import { NanoforgeFactory } from "@nanoforge-dev/core";',
+        'import { EcsLibrary } from "@nanoforge-dev/ecs/client";',
+        '',
+        'import { move } from "./systems/systems";',
+        '',
+        'export const main = async (options) => {',
+        '  const app = NanoforgeFactory.createClient();',
+        '  const ecs = new EcsLibrary();',
+        '',
+        '  app.use(ecs);',
+        '',
+        '  await app.init(options);',
+        '  await app.run();',
+        '};',
+        '',
+      ].join('\n'),
+    );
+    const before = snapshot();
+    const entry = { ...client, entryFile: 'apps/client/src/main.ts' };
+
+    const undo = await addEditorLibrary(io, entry);
+    expect(files.get('apps/client/src/main.ts')).toBe(
+      [
+        'import { NanoforgeFactory } from "@nanoforge-dev/core";',
+        'import { EcsLibrary } from "@nanoforge-dev/ecs/client";',
+        'import { EditorLibrary } from "@nanoforge-dev/editor-lib";',
+        '',
+        'import { move } from "./systems/systems";',
+        '',
+        'export const main = async (options) => {',
+        '  const app = NanoforgeFactory.createClient();',
+        '  const ecs = new EcsLibrary();',
+        '',
+        '  app.use(ecs);',
+        '  app.use(new EditorLibrary());',
+        '',
+        '  await app.init(options);',
+        '  await app.run();',
+        '};',
+        '',
+      ].join('\n'),
+    );
+    expect(JSON.parse(files.get('apps/client/package.json')!).devDependencies).toMatchObject({
+      '@nanoforge-dev/core': '^2.0.0',
+      '@nanoforge-dev/editor-lib': '^2.0.0',
+    });
+
+    await expect(addEditorLibrary(io, entry)).rejects.toThrow(/already registers/);
+    await undo();
+    expect(snapshot()).toEqual(before);
+
+    files.set('apps/client/src/main.ts', 'export const main = async () => {};\n');
+    await expect(addEditorLibrary(io, entry)).rejects.toThrow(/by hand/);
+    expect(withEditorLibrary('const a = 1;')).toBeUndefined();
+  });
+
+  it('gives a new app the editor library when the project has it', async () => {
+    const { io, files } = project();
+    await editPackage(files, 'apps/client/package.json', '@nanoforge-dev/editor-lib', '^2.0.0');
+    await createApp(io, model(client, server), {
+      type: 'client',
+      folder: 'spectator',
+      name: 'pong-spectator',
+    });
+    expect(JSON.parse(files.get('apps/spectator/package.json')!).devDependencies).toHaveProperty(
+      '@nanoforge-dev/editor-lib',
+      '^2.0.0',
+    );
+    const main = files.get('apps/spectator/src/main.ts')!;
+    expect(main).toContain('import { EditorLibrary } from "@nanoforge-dev/editor-lib";');
+    expect(main).toContain('  app.use(ecs);\n  app.use(new EditorLibrary());');
+  });
+
+  it('renames and removes an app, but never the last one', async () => {
+    const { io, files, snapshot } = project();
+    await renameApp(io, model(client, server), client, 'pong-game');
+    expect(JSON.parse(files.get('apps/client/package.json')!).name).toBe('pong-game');
+    await expect(renameApp(io, model(client, server), client, 'pong-server')).rejects.toThrow();
+
+    const before = snapshot();
+    const undo = await removeApp(io, model(client, server), server);
+    expect(files.has('apps/server/src/main.ts')).toBe(false);
+    await undo();
+    expect(snapshot()).toEqual(before);
+    await expect(removeApp(io, model(client), client)).rejects.toThrow(/at least one app/);
+  });
+});
diff --git a/packages/project/test/workspace/library-operations.spec.ts b/packages/project/test/workspace/library-operations.spec.ts
new file mode 100644
index 00000000..45e50a6a
--- /dev/null
+++ b/packages/project/test/workspace/library-operations.spec.ts
@@ -0,0 +1,242 @@
+import { describe, expect, it } from 'vitest';
+
+import { withConfigLibrary } from '../../src/workspace/library-config';
+import {
+  createLibrary,
+  libraryImporters,
+  removeLibrary,
+  renameLibrary,
+  setLibraryUse,
+} from '../../src/workspace/library-operations';
+import { WorkspaceError } from '../../src/workspace/workspace.exception';
+import type { WorkspaceIo } from '../../src/workspace/workspace.type';
+import { app, client, model, project, server, shared } from '../fixtures/workspace';
+
+/**
+ * An io that rewrites imports as the code worker does (here by text, on `from "<package>…"`), with
+ * edits valid while the file holds what they wrote.
+ */
+const reading = (io: WorkspaceIo, files: Map<string, string>): WorkspaceIo => ({
+  ...io,
+  renameImports: async (path, from, to) => {
+    const before = files.get(path)!;
+    const after = before.replaceAll(new RegExp(`(["'])${from}(/|\\1)`, 'g'), `$1${to}$2`);
+    if (after === before) return undefined;
+    files.set(path, after);
+    return {
+      undo: async () => void files.set(path, before),
+      isValid: async () => files.get(path) === after,
+    };
+  },
+});
+
+describe('shared libraries', () => {
+  it('creates a library used by the chosen apps, and undoes it', async () => {
+    const { io, files, snapshot } = project();
+    const before = snapshot();
+    const undo = await createLibrary(io, {
+      folder: 'shared',
+      packageName: '@pong/shared',
+      usedBy: [client, server],
+    });
+    expect(JSON.parse(files.get('libs/shared/package.json')!)).toMatchObject({
+      name: '@pong/shared',
+      private: true,
+    });
+    expect(files.get('libs/shared/nanoforge.config.ts')).toContain('type: "lib"');
+    expect(files.get('nanoforge.config.ts')).toContain('packages: ["apps/*", "libs/*"]');
+    expect(files.get('tsconfig.json')).toContain('// shared options');
+    expect(files.get('tsconfig.json')).toContain('"@pong/shared/*": ["./libs/shared/src/*"]');
+    for (const path of ['apps/client/package.json', 'apps/server/package.json'])
+      expect(JSON.parse(files.get(path)!).dependencies).toEqual({ '@pong/shared': 'workspace:*' });
+    expect(files.get('apps/client/nanoforge.config.ts')).toContain(
+      '  type: "client",\n  libs: ["../../libs/shared"],\n',
+    );
+    expect(files.get('apps/server/nanoforge.config.ts')).toBe(
+      "export default { type: 'server', libs: ['../../libs/shared'] };\n",
+    );
+
+    await undo();
+    expect(snapshot()).toEqual(before);
+
+    await expect(
+      createLibrary(io, { folder: 'Bad Name', packageName: '@pong/shared', usedBy: [] }),
+    ).rejects.toBeInstanceOf(WorkspaceError);
+    await expect(
+      createLibrary(io, { folder: 'ok', packageName: 'Not A Name', usedBy: [] }),
+    ).rejects.toThrow(/package name/);
+    expect(snapshot()).toEqual(before);
+  });
+
+  it('adds and removes the use of a library by an app', async () => {
+    const { io, files } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    expect(JSON.parse(files.get('apps/server/package.json')!).dependencies).toBeUndefined();
+
+    const undo = await setLibraryUse(io, server, shared, true);
+    expect(JSON.parse(files.get('apps/server/package.json')!).dependencies).toEqual({
+      '@pong/shared': 'workspace:*',
+    });
+    expect(files.get('apps/server/nanoforge.config.ts')).toContain("libs: ['../../libs/shared']");
+    await undo();
+    expect(files.get('apps/server/nanoforge.config.ts')).toContain('libs: []');
+    expect(JSON.parse(files.get('apps/server/package.json')!).dependencies).toBeUndefined();
+
+    await setLibraryUse(io, client, shared, false);
+    const pkg = JSON.parse(files.get('apps/client/package.json')!);
+    expect(pkg.dependencies).toBeUndefined();
+    expect(pkg.devDependencies).toHaveProperty('typescript');
+    expect(files.get('apps/client/nanoforge.config.ts')).toContain('  libs: [],\n');
+  });
+
+  it("edits a config's libs in place, by the folder each entry points at", () => {
+    const config =
+      'export default defineConfig({\n  type: "client",\n  entryFile: "src/main.ts",\n});\n';
+    const added = withConfigLibrary(config, 'apps/client', 'libs/shared', true)!;
+    expect(added).toBe(
+      'export default defineConfig({\n  type: "client",\n  libs: ["../../libs/shared"],\n  entryFile: "src/main.ts",\n});\n',
+    );
+    const other = added.replace('"../../libs/shared"', '"./../../libs/shared/"');
+    expect(withConfigLibrary(other, 'apps/client', 'libs/shared', true)).toBe(other);
+    expect(withConfigLibrary(added, 'apps/client', 'libs/ui', true)).toContain(
+      'libs: ["../../libs/shared", "../../libs/ui"],',
+    );
+    expect(withConfigLibrary(other, 'apps/client', 'libs/shared', false)).toContain('libs: [],');
+    expect(
+      withConfigLibrary("export default { type: 'server' };\n", 'apps/server', 'libs/a', true),
+    ).toBe("export default { type: 'server', libs: ['../../libs/a'] };\n");
+    expect(withConfigLibrary('export default config;\n', 'apps/x', 'libs/a', true)).toBeUndefined();
+    expect(withConfigLibrary(config, 'apps/client', 'libs/shared', false)).toBe(config);
+  });
+
+  it('renames a library: package, paths, dependencies and imports', async () => {
+    const { io, files, snapshot } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    files.set(
+      'apps/client/src/main.ts',
+      'import { Position } from "@pong/shared/components/position";\nexport * from \'@pong/shared/systems/move\';\nconst lazy = import("@pong/shared/later");\nimport other from "@pong/shared-tools";\n',
+    );
+    const before = snapshot();
+    const library = app('libs/shared', '@pong/shared', 'lib');
+    const all = model(client, server, library);
+
+    const undo = await renameLibrary(reading(io, files), all, library, '@pong/common');
+    expect(JSON.parse(files.get('libs/shared/package.json')!).name).toBe('@pong/common');
+    const tsconfig = files.get('tsconfig.json')!;
+    expect(tsconfig).toContain('"@pong/common/*": ["./libs/shared/src/*"]');
+    expect(tsconfig).not.toContain('@pong/shared/');
+    expect(JSON.parse(files.get('apps/client/package.json')!).dependencies).toEqual({
+      '@pong/common': 'workspace:*',
+    });
+    expect(files.get('apps/client/src/main.ts')).toBe(
+      'import { Position } from "@pong/common/components/position";\nexport * from \'@pong/common/systems/move\';\nconst lazy = import("@pong/common/later");\nimport other from "@pong/shared-tools";\n',
+    );
+    await undo();
+    expect(snapshot()).toEqual(before);
+
+    await expect(renameLibrary(io, all, library, 'pong-client')).rejects.toThrow(/already/);
+  });
+
+  it('renames an imported library only with the code analysis, which sees unsaved imports', async () => {
+    const { io, files, snapshot } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    const library = app('libs/shared', '@pong/shared', 'lib');
+    const all = model(client, server, library);
+    const unsaved = 'import { a } from "@pong/shared/a";\n';
+    const edited: WorkspaceIo = {
+      ...io,
+      readEdited: async (path) => (path === 'apps/client/src/main.ts' ? unsaved : io.read(path)),
+    };
+    const before = snapshot();
+    const refused = await renameLibrary(edited, all, library, '@pong/common').catch(
+      (error: unknown) => error,
+    );
+    expect(refused).toBeInstanceOf(WorkspaceError);
+    expect((refused as WorkspaceError).paths).toEqual(['apps/client/src/main.ts']);
+    expect(snapshot()).toEqual(before);
+
+    expect(await libraryImporters(edited, library)).toEqual(['apps/client/src/main.ts']);
+    expect(await libraryImporters(io, library)).toEqual([]);
+    await renameLibrary(io, all, library, '@pong/common');
+    expect(JSON.parse(files.get('libs/shared/package.json')!).name).toBe('@pong/common');
+  });
+
+  it('does not undo over a file edited since, and keeps the step for another try', async () => {
+    const { io, files } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    files.set('apps/client/src/main.ts', 'import { a } from "@pong/shared/a";\n');
+    const library = app('libs/shared', '@pong/shared', 'lib');
+    const undo = await renameLibrary(
+      reading(io, files),
+      model(client, server, library),
+      library,
+      '@pong/common',
+    );
+    files.set('apps/client/src/main.ts', 'import { a } from "@pong/common/a";\n// hand edit\n');
+    await expect(undo()).rejects.toThrow(/apps\/client\/src\/main.ts changed since/);
+    expect(JSON.parse(files.get('libs/shared/package.json')!).name).toBe('@pong/common');
+    files.set('apps/client/src/main.ts', 'import { a } from "@pong/common/a";\n');
+    await undo();
+    expect(JSON.parse(files.get('libs/shared/package.json')!).name).toBe('@pong/shared');
+  });
+
+  it('rewrites imports through renameImports when the io reads code', async () => {
+    const { io, files } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    const text = '// see "@pong/shared" docs\nimport { a } from "@pong/shared/a";\n';
+    files.set('apps/client/src/main.ts', text);
+    const asked: string[] = [];
+    const custom = {
+      ...io,
+      renameImports: async (path: string, from: string, to: string) => {
+        asked.push(`${path}:${from}->${to}`);
+        files.set(path, files.get(path)!.replace(`from "${from}/a"`, `from "${to}/a"`));
+        return {
+          undo: async () => void files.set(path, text),
+          isValid: async () => true,
+        };
+      },
+    };
+    const library = app('libs/shared', '@pong/shared', 'lib');
+    const undo = await renameLibrary(
+      custom,
+      model(client, server, library),
+      library,
+      '@pong/common',
+    );
+    expect(asked).toEqual(['apps/client/src/main.ts:@pong/shared->@pong/common']);
+    expect(files.get('apps/client/src/main.ts')).toBe(
+      '// see "@pong/shared" docs\nimport { a } from "@pong/common/a";\n',
+    );
+    await undo();
+    expect(files.get('apps/client/src/main.ts')).toBe(text);
+  });
+
+  it('refuses to remove a library that is imported, then removes it', async () => {
+    const { io, files, snapshot } = project();
+    await createLibrary(io, { folder: 'shared', packageName: '@pong/shared', usedBy: [client] });
+    files.set('libs/shared/src/components/position.ts', 'export class Position {}\n');
+    files.set(
+      'apps/client/src/main.ts',
+      'import { Position } from "@pong/shared/components/position";\n',
+    );
+    const library = app('libs/shared', '@pong/shared', 'lib');
+    const all = model(client, server, library);
+
+    expect(await libraryImporters(io, library)).toEqual(['apps/client/src/main.ts']);
+    const refused = await removeLibrary(io, all, library).catch((error: unknown) => error);
+    expect(refused).toBeInstanceOf(WorkspaceError);
+    expect((refused as WorkspaceError).paths).toEqual(['apps/client/src/main.ts']);
+    expect(files.has('libs/shared/package.json')).toBe(true);
+
+    files.set('apps/client/src/main.ts', 'export const main = 1;\n');
+    const before = snapshot();
+    const undo = await removeLibrary(io, all, library);
+    expect([...files.keys()].some((path) => path.startsWith('libs/shared/'))).toBe(false);
+    expect(files.get('tsconfig.json')).not.toContain('@pong/shared');
+    expect(files.get('apps/client/nanoforge.config.ts')).toContain('libs: [],');
+    expect(JSON.parse(files.get('apps/client/package.json')!).dependencies).toBeUndefined();
+    await undo();
+    expect(snapshot()).toEqual(before);
+  });
+});
diff --git a/packages/project/tsconfig.json b/packages/project/tsconfig.json
new file mode 100644
index 00000000..888918d9
--- /dev/null
+++ b/packages/project/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/protocol/.prettierignore b/packages/protocol/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/protocol/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/protocol/LICENSE b/packages/protocol/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/protocol/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/protocol/README.md b/packages/protocol/README.md
new file mode 100644
index 00000000..24b1fa4e
--- /dev/null
+++ b/packages/protocol/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/protocol"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fprotocol" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-protocol` is an internal package of the NanoForge Editor.
+
+RPC contracts (zod schemas) shared by the editor client packages and `server-core`: session, projects, file system and plugins.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/protocol
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/protocol/package.json b/packages/protocol/package.json
new file mode 100644
index 00000000..b13638ad
--- /dev/null
+++ b/packages/protocol/package.json
@@ -0,0 +1,63 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-protocol",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - RPC contracts shared by the editor client and server",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/protocol"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/registry": "workspace:*",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/protocol/src/code/code.contract.ts b/packages/protocol/src/code/code.contract.ts
new file mode 100644
index 00000000..552f53c0
--- /dev/null
+++ b/packages/protocol/src/code/code.contract.ts
@@ -0,0 +1,32 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectPath } from '../path/project-path';
+import { ProjectId } from '../project/project.schema';
+
+export const CodeContract = defineContract('code', {
+  methods: {
+    /**
+     * Type declarations of a package as resolved from a file (node_modules lookup):
+     * its package.json and `.d.ts` files, with project-relative paths.
+     */
+    typeFiles: {
+      input: z.object({
+        project: ProjectId,
+        from: ProjectPath,
+        module: z.string().regex(/^(@[\w.-]+\/)?[\w.-]+$/, 'package name'),
+      }),
+      output: z.array(z.object({ path: ProjectPath, text: z.string() })),
+    },
+    /**
+     * Formats a file's text with Prettier: the project's own Prettier, config and plugins on
+     * local editors; the bundled Prettier and the project's JSON/YAML config on hosted ones.
+     * `formatter` is `none` when the file is ignored or unsupported (text unchanged).
+     */
+    format: {
+      input: z.object({ project: ProjectId, path: ProjectPath, text: z.string() }),
+      output: z.object({ text: z.string(), formatter: z.enum(['project', 'bundled', 'none']) }),
+    },
+  },
+});
diff --git a/packages/protocol/src/code/index.ts b/packages/protocol/src/code/index.ts
new file mode 100644
index 00000000..01cdb576
--- /dev/null
+++ b/packages/protocol/src/code/index.ts
@@ -0,0 +1 @@
+export * from './code.contract';
diff --git a/packages/protocol/src/fs/fs.contract.ts b/packages/protocol/src/fs/fs.contract.ts
new file mode 100644
index 00000000..ffa94ebf
--- /dev/null
+++ b/packages/protocol/src/fs/fs.contract.ts
@@ -0,0 +1,64 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectPath } from '../path/project-path';
+import { ProjectId } from '../project/project.schema';
+import { Bytes, FileChange, FileContent, FileEntry } from './fs.schema';
+
+const Target = z.object({ project: ProjectId, path: ProjectPath });
+
+export const FsContract = defineContract('fs', {
+  methods: {
+    stat: { input: Target, output: FileEntry.nullable() },
+    list: {
+      input: Target.extend({ recursive: z.boolean().default(false) }),
+      output: z.array(FileEntry),
+    },
+    read: { input: Target, output: FileContent },
+    write: {
+      input: Target.extend({
+        content: z.union([Bytes, z.string()]),
+        /** Fails with CONFLICT when the file changed since this hash was read. */
+        expectedHash: z.string().nullable().optional(),
+        createParents: z.boolean().default(true),
+      }),
+      output: FileEntry.extend({ hash: z.string() }),
+    },
+    mkdir: { input: Target, output: FileEntry },
+    rename: {
+      input: z.object({
+        project: ProjectId,
+        from: ProjectPath,
+        to: ProjectPath,
+        overwrite: z.boolean().default(false),
+      }),
+      output: FileEntry,
+    },
+    copy: {
+      input: z.object({
+        project: ProjectId,
+        from: ProjectPath,
+        to: ProjectPath,
+        overwrite: z.boolean().default(false),
+      }),
+      output: FileEntry,
+    },
+    /** Moves the entry to `.nanoforge/editor/trash`; `trashPath` brings it back (`restore`). */
+    delete: { input: Target, output: z.object({ trashPath: ProjectPath }) },
+    /** Undo of `delete`: moves the entry back from the trash to `path`. */
+    restore: {
+      input: z.object({ project: ProjectId, trashPath: ProjectPath, path: ProjectPath }),
+      output: FileEntry,
+    },
+    /** Local editors: shows the entry in the OS file manager. */
+    reveal: { input: Target, output: z.null() },
+  },
+  streams: {
+    /** Batched changes in the project (node_modules, .git and build outputs are ignored). */
+    changes: {
+      params: z.object({ project: ProjectId }),
+      event: z.object({ changes: z.array(FileChange) }),
+    },
+  },
+});
diff --git a/packages/protocol/src/fs/fs.schema.ts b/packages/protocol/src/fs/fs.schema.ts
new file mode 100644
index 00000000..3d2df3d7
--- /dev/null
+++ b/packages/protocol/src/fs/fs.schema.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod';
+
+import { ProjectPath } from '../path/project-path';
+
+/** Raw bytes (any Uint8Array, whatever its backing buffer). */
+export const Bytes = z.custom<Uint8Array>((value) => value instanceof Uint8Array, 'expected bytes');
+
+export const FileKind = z.enum(['file', 'directory']);
+
+export const FileEntry = z.object({
+  path: ProjectPath,
+  kind: FileKind,
+  size: z.number().int().nonnegative(),
+  /** Modification time in ms since epoch. */
+  mtime: z.number(),
+});
+export type FileEntry = z.output<typeof FileEntry>;
+
+export const FileContent = FileEntry.extend({
+  content: Bytes,
+  /** sha1 of the content, used for optimistic concurrency on writes. */
+  hash: z.string(),
+});
+export type FileContent = z.output<typeof FileContent>;
+
+export const FileChange = z.object({
+  type: z.enum(['created', 'changed', 'deleted']),
+  path: ProjectPath,
+  kind: FileKind,
+});
+export type FileChange = z.output<typeof FileChange>;
diff --git a/packages/protocol/src/fs/index.ts b/packages/protocol/src/fs/index.ts
new file mode 100644
index 00000000..d33bb6b9
--- /dev/null
+++ b/packages/protocol/src/fs/index.ts
@@ -0,0 +1,2 @@
+export * from './fs.schema';
+export * from './fs.contract';
diff --git a/packages/protocol/src/git/git.contract.ts b/packages/protocol/src/git/git.contract.ts
new file mode 100644
index 00000000..37d1f0c6
--- /dev/null
+++ b/packages/protocol/src/git/git.contract.ts
@@ -0,0 +1,103 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectPath } from '../path/project-path';
+import { ProjectId } from '../project/project.schema';
+import { GitBranch, GitChange, GitCommit, GitStash, GitStatus } from './git.schema';
+
+const Project = z.object({ project: ProjectId });
+const Paths = Project.extend({ paths: z.array(ProjectPath).min(1) });
+const BranchName = z
+  .string()
+  .min(1)
+  .max(200)
+  .regex(/^(?!-)(?!.*\.\.)[^\s~^:?*[\\]+$/, 'not a valid branch name');
+const Hash = z.string().regex(/^[0-9a-f]{7,40}$/);
+
+/**
+ * Git operations on the repository of a project's folder (local editors only). A repository
+ * above the folder is never used.
+ */
+export const GitContract = defineContract('git', {
+  methods: {
+    status: { input: Project, output: GitStatus },
+    init: { input: Project, output: z.null() },
+    stage: { input: Paths, output: z.null() },
+    unstage: { input: Paths, output: z.null() },
+    /**
+     * Rolls files back to the last commit. A file added since then stays on disk, out of git;
+     * a file git never knew is deleted.
+     */
+    discard: { input: Paths, output: z.null() },
+    /**
+     * Commits `paths` only (whatever else is staged stays out), the staged changes without
+     * `paths`, or everything with `all`. `amend` replaces the last commit.
+     */
+    commit: {
+      input: Project.extend({
+        message: z.string().min(1),
+        all: z.boolean().default(false),
+        paths: z.array(ProjectPath).optional(),
+        amend: z.boolean().default(false),
+      }),
+      output: z.null(),
+    },
+    fetch: { input: Project, output: z.null() },
+    /** Merge pull. `conflicts`: the merge stopped on conflicts (see the status). */
+    pull: { input: Project, output: z.object({ conflicts: z.boolean() }) },
+    /** Pushes the branch, setting its upstream (`origin`) on the first push. */
+    push: { input: Project, output: z.null() },
+    branches: { input: Project, output: z.array(GitBranch) },
+    /** A branch of a remote (`origin/x`) is checked out as a local branch tracking it. */
+    switchBranch: { input: Project.extend({ name: BranchName }), output: z.null() },
+    /** Creates a branch at the current commit, or at `from` (a branch), and switches to it. */
+    createBranch: {
+      input: Project.extend({ name: BranchName, from: BranchName.optional() }),
+      output: z.null(),
+    },
+    /** `force`: also when it is not merged. */
+    deleteBranch: {
+      input: Project.extend({ name: BranchName, force: z.boolean().default(false) }),
+      output: z.null(),
+    },
+    log: {
+      input: Project.extend({
+        limit: z.number().int().min(1).max(200).default(50),
+        skip: z.number().int().min(0).default(0),
+        /** A branch to list instead of the current one. */
+        branch: BranchName.optional(),
+      }),
+      output: z.array(GitCommit),
+    },
+    /** The full message of the current commit (`HEAD`), for Amend; empty without commits. */
+    headMessage: { input: Project, output: z.string() },
+    /** Commits a push would send: those the upstream does not have (all, without one). */
+    outgoing: { input: Project, output: z.array(GitCommit) },
+    /** Files a commit changed. */
+    commitFiles: {
+      input: Project.extend({ hash: Hash }),
+      output: z.array(z.object({ path: z.string(), change: GitChange })),
+    },
+    /**
+     * Text of a file at a revision: `HEAD`, `INDEX` (staged), or `<hash>^` (before a commit).
+     * Null when the file does not exist there.
+     */
+    show: {
+      input: Project.extend({
+        path: ProjectPath,
+        revision: z.string().regex(/^(HEAD|INDEX|[0-9a-f]{7,40}\^?)$/),
+      }),
+      output: z.string().nullable(),
+    },
+    stashes: { input: Project, output: z.array(GitStash) },
+    /** Stashes the changes, untracked files included. */
+    stash: { input: Project.extend({ message: z.string().optional() }), output: z.null() },
+    /** `pop`: drops the stash once applied. */
+    applyStash: {
+      input: Project.extend({ index: z.number().int().min(0), pop: z.boolean().default(false) }),
+      output: z.null(),
+    },
+    dropStash: { input: Project.extend({ index: z.number().int().min(0) }), output: z.null() },
+  },
+});
diff --git a/packages/protocol/src/git/git.schema.ts b/packages/protocol/src/git/git.schema.ts
new file mode 100644
index 00000000..03b202ca
--- /dev/null
+++ b/packages/protocol/src/git/git.schema.ts
@@ -0,0 +1,58 @@
+import { z } from 'zod';
+
+/** What happened to a file: modified, added, deleted, renamed, untracked. */
+export const GitChange = z.enum(['M', 'A', 'D', 'R', 'U']);
+export type GitChange = z.output<typeof GitChange>;
+
+export const GitFile = z.object({
+  path: z.string(),
+  /** Where a renamed file was. */
+  from: z.string().optional(),
+  /** Change staged for the next commit. */
+  staged: GitChange.optional(),
+  /** Change in the working files, not staged (`U`: untracked). */
+  unstaged: GitChange.optional(),
+  /** A merge left conflict markers in it. */
+  conflicted: z.boolean(),
+});
+export type GitFile = z.output<typeof GitFile>;
+
+export const GitStatus = z.object({
+  /** False: the project folder is not a repository (everything else is empty). */
+  repository: z.boolean(),
+  /** Current branch; undefined on a detached HEAD. */
+  branch: z.string().optional(),
+  /** Short hash of the current commit; undefined before the first commit. */
+  head: z.string().optional(),
+  upstream: z.string().optional(),
+  ahead: z.number().int(),
+  behind: z.number().int(),
+  /** A merge is in progress (a pull that conflicted). */
+  merging: z.boolean(),
+  files: z.array(GitFile),
+});
+export type GitStatus = z.output<typeof GitStatus>;
+
+export const GitBranch = z.object({
+  /** `main`, or `origin/main` for a branch of a remote. */
+  name: z.string(),
+  current: z.boolean(),
+  upstream: z.string().optional(),
+  remote: z.boolean(),
+});
+export type GitBranch = z.output<typeof GitBranch>;
+
+export const GitCommit = z.object({
+  hash: z.string(),
+  shortHash: z.string(),
+  subject: z.string(),
+  author: z.string(),
+  /** Seconds since epoch. */
+  time: z.number(),
+  /** Branches and tags pointing at it (`main`, `origin/main`, `tag: v1`). */
+  refs: z.array(z.string()),
+});
+export type GitCommit = z.output<typeof GitCommit>;
+
+export const GitStash = z.object({ index: z.number().int(), message: z.string() });
+export type GitStash = z.output<typeof GitStash>;
diff --git a/packages/protocol/src/git/index.ts b/packages/protocol/src/git/index.ts
new file mode 100644
index 00000000..0088be04
--- /dev/null
+++ b/packages/protocol/src/git/index.ts
@@ -0,0 +1,2 @@
+export * from './git.schema';
+export * from './git.contract';
diff --git a/packages/protocol/src/index.ts b/packages/protocol/src/index.ts
new file mode 100644
index 00000000..9268315e
--- /dev/null
+++ b/packages/protocol/src/index.ts
@@ -0,0 +1,10 @@
+export * from './fs';
+export * from './path';
+export * from './plugins';
+export * from './project';
+export * from './session';
+export * from './settings';
+export * from './code';
+export * from './runtime';
+export * from './git';
+export * from './registry';
diff --git a/packages/protocol/src/path/index.ts b/packages/protocol/src/path/index.ts
new file mode 100644
index 00000000..b924980f
--- /dev/null
+++ b/packages/protocol/src/path/index.ts
@@ -0,0 +1 @@
+export * from './project-path';
diff --git a/packages/protocol/src/path/project-path.ts b/packages/protocol/src/path/project-path.ts
new file mode 100644
index 00000000..8390f35c
--- /dev/null
+++ b/packages/protocol/src/path/project-path.ts
@@ -0,0 +1,30 @@
+import { z } from 'zod';
+
+/**
+ * A path relative to the project root, POSIX separators, no `.`/`..` segments, no leading
+ * slash. The empty string is the root. The server still jails every path to the project.
+ */
+export const ProjectPath = z
+  .string()
+  .max(4096)
+  .refine(
+    (path) =>
+      path === '' ||
+      (!path.startsWith('/') &&
+        !path.endsWith('/') &&
+        !path.includes('\\') &&
+        path.split('/').every((segment) => segment !== '' && segment !== '.' && segment !== '..')),
+    'must be a normalized project-relative path',
+  );
+
+export type ProjectPath = z.output<typeof ProjectPath>;
+
+export const joinPath = (...parts: string[]): string =>
+  parts
+    .flatMap((part) => part.split('/'))
+    .filter(Boolean)
+    .join('/');
+
+export const dirname = (path: string): string => path.split('/').slice(0, -1).join('/');
+
+export const basename = (path: string): string => path.split('/').at(-1) ?? '';
diff --git a/packages/protocol/src/plugins/index.ts b/packages/protocol/src/plugins/index.ts
new file mode 100644
index 00000000..1564f769
--- /dev/null
+++ b/packages/protocol/src/plugins/index.ts
@@ -0,0 +1,2 @@
+export * from './plugins.schema';
+export * from './plugins.contract';
diff --git a/packages/protocol/src/plugins/plugins.contract.ts b/packages/protocol/src/plugins/plugins.contract.ts
new file mode 100644
index 00000000..92f51ab1
--- /dev/null
+++ b/packages/protocol/src/plugins/plugins.contract.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { PluginListing, PluginSuggestion } from './plugins.schema';
+
+export const PluginsContract = defineContract('plugins', {
+  methods: {
+    /** Every plugin, plus the open project's own when `project` is set. */
+    list: {
+      input: z.object({ project: z.string().optional() }).nullable(),
+      output: z.array(PluginListing),
+    },
+    suggestions: { input: z.object({ project: z.string() }), output: z.array(PluginSuggestion) },
+    /**
+     * Runs the server entries of these plugins of the project (the ones the editor enabled) and
+     * stops every other project plugin's; `project: null` stops them all. Local editors only.
+     */
+    runProjectServers: {
+      input: z.object({ project: z.string().nullable(), names: z.array(z.string()) }),
+      output: z.null(),
+    },
+  },
+  streams: {
+    /** Fired when a local dev plugin was rebuilt: the client hot reloads it. */
+    devChanges: {
+      params: z.null(),
+      event: z.object({ name: z.string(), listing: PluginListing }),
+    },
+  },
+});
diff --git a/packages/protocol/src/plugins/plugins.schema.ts b/packages/protocol/src/plugins/plugins.schema.ts
new file mode 100644
index 00000000..44039a26
--- /dev/null
+++ b/packages/protocol/src/plugins/plugins.schema.ts
@@ -0,0 +1,26 @@
+import { z } from 'zod';
+
+/**
+ * Where a plugin was found: with the editor, in the user's home (`~/.nanoforge/editor/plugins`),
+ * in the open project (`<project>/.nanoforge/plugins`), or a local dev folder.
+ */
+export const PluginSource = z.enum(['bundled', 'installed', 'project', 'dev']);
+
+/** A plugin package found by the server; the client validates `manifest` with the kernel. */
+export const PluginListing = z.object({
+  source: PluginSource,
+  /** URL (relative to the editor origin) of the plugin package root, ending with `/`. */
+  baseUrl: z.string(),
+  manifest: z.unknown(),
+  /** Set when the manifest file could not be read. */
+  error: z.string().optional(),
+});
+export type PluginListing = z.output<typeof PluginListing>;
+
+/** A plugin that packages in the project's `nf_modules` suggest (`suggestedPlugins`). */
+export const PluginSuggestion = z.object({
+  name: z.string(),
+  /** Every range asked for, by package. */
+  suggestedBy: z.array(z.object({ package: z.string(), range: z.string() })),
+});
+export type PluginSuggestion = z.output<typeof PluginSuggestion>;
diff --git a/packages/protocol/src/project/index.ts b/packages/protocol/src/project/index.ts
new file mode 100644
index 00000000..e344b6aa
--- /dev/null
+++ b/packages/protocol/src/project/index.ts
@@ -0,0 +1,2 @@
+export * from './project.schema';
+export * from './project.contract';
diff --git a/packages/protocol/src/project/project.contract.ts b/packages/protocol/src/project/project.contract.ts
new file mode 100644
index 00000000..ff7a06c9
--- /dev/null
+++ b/packages/protocol/src/project/project.contract.ts
@@ -0,0 +1,60 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectId, ProjectModel, ProjectRef, RecentProject } from './project.schema';
+
+/** An opened project. `trusted`: its code may run; otherwise it is open in restricted mode. */
+const OpenedProject = z.object({ id: ProjectId, name: z.string(), trusted: z.boolean() });
+
+export const ProjectsContract = defineContract('projects', {
+  methods: {
+    open: {
+      input: ProjectRef,
+      output: OpenedProject,
+    },
+    recent: { input: z.null(), output: z.array(RecentProject) },
+    forget: { input: z.object({ id: ProjectId }), output: z.null() },
+    /**
+     * Trusts a local project's folder: its code may run (config, plugins, builds, games…). The
+     * project closes on the server: open it again.
+     */
+    trust: { input: z.object({ id: ProjectId }), output: z.null() },
+    /** Whether an open project's code may run (see `trust`). */
+    isTrusted: { input: z.object({ id: ProjectId }), output: z.boolean() },
+    model: { input: z.object({ id: ProjectId }), output: ProjectModel },
+    /**
+     * Local editors: installs the project's dependencies with its package manager, found from
+     * its lockfile. `manager` is null when no lockfile says which one to run; the output goes
+     * to the project's console as a task.
+     */
+    install: {
+      input: z.object({ id: ProjectId }),
+      output: z.object({ manager: z.string().nullable(), ok: z.boolean() }),
+    },
+    /** Offline editors: runs `nf new` under the projects root, then opens the project. */
+    create: {
+      input: z.object({
+        name: z.string().regex(/^[a-z0-9][a-z0-9-]{0,63}$/, 'lowercase letters, digits and dashes'),
+        language: z.enum(['ts', 'js']).default('ts'),
+        /** Multiplayer: adds a server app. */
+        server: z.boolean().default(false),
+        install: z.boolean().default(true),
+        /** Installs the dependencies and runs the project's scripts. */
+        packageManager: z.enum(['npm', 'pnpm', 'yarn', 'bun']).default('npm'),
+      }),
+      output: OpenedProject,
+    },
+    /** Online editors: projects of the signed-in account. */
+    gateways: {
+      input: z.null(),
+      output: z.array(
+        z.object({ gatewayId: z.string(), name: z.string(), description: z.string() }),
+      ),
+    },
+  },
+  streams: {
+    /** The project model, re-sent whenever discovery re-runs. */
+    model: { params: z.object({ id: ProjectId }), event: ProjectModel, coalesce: true },
+  },
+});
diff --git a/packages/protocol/src/project/project.schema.ts b/packages/protocol/src/project/project.schema.ts
new file mode 100644
index 00000000..4dd5b5cf
--- /dev/null
+++ b/packages/protocol/src/project/project.schema.ts
@@ -0,0 +1,70 @@
+import { z } from 'zod';
+
+import { ProjectPath } from '../path/project-path';
+
+export const ProjectId = z.string().regex(/^[\w-]{6,64}$/);
+export type ProjectId = z.output<typeof ProjectId>;
+
+export const AppType = z.enum(['client', 'server', 'lib']);
+
+/** An app (client, server) or shared lib of a game workspace. */
+export const AppModel = z.object({
+  /** Path of the app relative to the project root ('' for single-app projects). */
+  id: z.string(),
+  name: z.string(),
+  type: AppType,
+  root: ProjectPath,
+  language: z.enum(['ts', 'js']),
+  /** Paths relative to the project root. */
+  dirs: z.object({
+    assets: ProjectPath,
+    components: ProjectPath,
+    systems: ProjectPath,
+    scenes: ProjectPath,
+  }),
+  entryFile: ProjectPath.optional(),
+  editorEntryFile: ProjectPath.optional(),
+  outDir: ProjectPath.optional(),
+  /** Engine libraries (`@nanoforge-dev/*` runtime packages) and their version or range. */
+  engineLibs: z.record(z.string(), z.string()),
+  /**
+   * The shared libraries (ADR 0004) the app uses, by package name: those its `nanoforge.config`
+   * lists in `libs` (a library: those its package.json depends on). A library nothing mentions is
+   * given to every app.
+   */
+  libraries: z.array(z.string()).default([]),
+  /** A shared library nothing mentions (`libs`, package.json): every app gets it (see `libraries`). */
+  unclaimed: z.boolean().optional(),
+});
+export type AppModel = z.output<typeof AppModel>;
+
+export const ProjectDiagnostic = z.object({
+  path: z.string(),
+  message: z.string(),
+  severity: z.enum(['error', 'warning']),
+});
+
+export const ProjectModel = z.object({
+  id: ProjectId,
+  name: z.string(),
+  /** Display location: absolute path (offline) or gateway name (online). */
+  location: z.string(),
+  apps: z.array(AppModel),
+  diagnostics: z.array(ProjectDiagnostic),
+});
+export type ProjectModel = z.output<typeof ProjectModel>;
+
+export const ProjectRef = z.union([
+  z.object({ path: z.string().min(1) }),
+  z.object({ gatewayId: z.string().min(1) }),
+]);
+export type ProjectRef = z.output<typeof ProjectRef>;
+
+export const RecentProject = z.object({
+  id: ProjectId,
+  name: z.string(),
+  location: z.string(),
+  ref: ProjectRef,
+  openedAt: z.date(),
+});
+export type RecentProject = z.output<typeof RecentProject>;
diff --git a/packages/protocol/src/registry/index.ts b/packages/protocol/src/registry/index.ts
new file mode 100644
index 00000000..61d44a2f
--- /dev/null
+++ b/packages/protocol/src/registry/index.ts
@@ -0,0 +1,2 @@
+export * from './registry.schema';
+export * from './registry.contract';
diff --git a/packages/protocol/src/registry/registry.contract.ts b/packages/protocol/src/registry/registry.contract.ts
new file mode 100644
index 00000000..8d6a0e9f
--- /dev/null
+++ b/packages/protocol/src/registry/registry.contract.ts
@@ -0,0 +1,57 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+import { ItemName, ItemType, RegistryItem, SearchResult } from '@nanoforge-dev/registry/types';
+
+import { ProjectId } from '../project/project.schema';
+import { InstalledPackage, PluginScope } from './registry.schema';
+
+const PluginTarget = z.object({
+  name: ItemName,
+  scope: PluginScope,
+  /** The project, for the `project` scope. */
+  project: ProjectId.optional(),
+});
+const ProjectPackage = z.object({ project: ProjectId, name: ItemName });
+
+/**
+ * The registry of plugins and packages, and installing from it (local editors only for
+ * installs). Fails with `UNAVAILABLE` when the registry cannot be reached.
+ */
+export const RegistryContract = defineContract('registry', {
+  methods: {
+    search: {
+      input: z.object({
+        type: ItemType,
+        q: z.string().default(''),
+        page: z.number().int().min(1).default(1),
+      }),
+      output: SearchResult,
+    },
+    /** An item with its readme and versions; `compatible` is the newest this editor can run. */
+    details: {
+      input: z.object({ name: ItemName }),
+      output: RegistryItem.extend({ compatible: z.string().optional() }),
+    },
+    /** Installs the newest version this editor can run, or `version`. Takes effect on reload. */
+    installPlugin: {
+      input: PluginTarget.extend({ version: z.string().optional() }),
+      output: z.object({ version: z.string() }),
+    },
+    uninstallPlugin: { input: PluginTarget, output: z.null() },
+    /** The packages of a project (from its lock), with what is newer in the registry. */
+    packages: { input: z.object({ project: ProjectId }), output: z.array(InstalledPackage) },
+    installPackage: {
+      input: ProjectPackage.extend({ range: z.string().optional() }),
+      output: z.array(InstalledPackage),
+    },
+    uninstallPackage: { input: ProjectPackage, output: z.array(InstalledPackage) },
+    /** To the newest version in its range, or to the newest of all with `latest`. */
+    updatePackage: {
+      input: ProjectPackage.extend({ latest: z.boolean().default(false) }),
+      output: z.array(InstalledPackage),
+    },
+    /** Installs what the lock lists and `nf_modules` lacks. */
+    restorePackages: { input: z.object({ project: ProjectId }), output: z.array(InstalledPackage) },
+  },
+});
diff --git a/packages/protocol/src/registry/registry.schema.ts b/packages/protocol/src/registry/registry.schema.ts
new file mode 100644
index 00000000..c20d11c4
--- /dev/null
+++ b/packages/protocol/src/registry/registry.schema.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod';
+
+import {
+  RegistryItem,
+  RegistrySummary,
+  RegistryVersion,
+  SearchResult,
+} from '@nanoforge-dev/registry/types';
+
+export { RegistryItem, RegistrySummary, RegistryVersion, SearchResult as RegistrySearchResult };
+
+/** A package of a project, as installed, with the newer versions the registry has. */
+export const InstalledPackage = z.object({
+  name: z.string(),
+  version: z.string(),
+  /** The range the project asks for; absent for a package only others need. */
+  range: z.string().optional(),
+  /** Installed packages that need it. */
+  dependents: z.array(z.string()),
+  /** Whether its folder is in `nf_modules`. */
+  present: z.boolean(),
+  /** The newest version its range allows, when newer. */
+  wanted: z.string().optional(),
+  /** The newest version of all, when newer. */
+  latest: z.string().optional(),
+});
+export type InstalledPackage = z.output<typeof InstalledPackage>;
+
+/** Where a plugin is installed: for the user (every project), or in one project. */
+export const PluginScope = z.enum(['user', 'project']);
+export type PluginScope = z.output<typeof PluginScope>;
diff --git a/packages/protocol/src/runtime/engine-bridge.const.ts b/packages/protocol/src/runtime/engine-bridge.const.ts
new file mode 100644
index 00000000..51f8eec3
--- /dev/null
+++ b/packages/protocol/src/runtime/engine-bridge.const.ts
@@ -0,0 +1,2 @@
+/** Version of the engine bridge protocol this editor speaks (engine `EDITOR_PROTOCOL_VERSION`). */
+export const RUNTIME_PROTOCOL_VERSION = 1;
diff --git a/packages/protocol/src/runtime/engine-bridge.type.ts b/packages/protocol/src/runtime/engine-bridge.type.ts
new file mode 100644
index 00000000..f6108674
--- /dev/null
+++ b/packages/protocol/src/runtime/engine-bridge.type.ts
@@ -0,0 +1,107 @@
+/** Optional engine features the editor asks for in its `welcome` (engine `EditorFeatures`). */
+export interface EngineFeatures {
+  frameStats?: { intervalMs: number };
+  /** Console output of the game; `values` also asks for the logged values and their call site. */
+  logs?: boolean | { values?: boolean };
+  /**
+   * Network packets (`network-trace` events, each with the first `maxBytes` bytes when given)
+   * and totals every second (`network-stats`).
+   */
+  networkTrace?: { sampleRate?: number; maxPerSecond?: number; maxBytes?: number };
+  /** ECS live world (`ecs-world` events), sent when it changed, at most every `intervalMs`. */
+  ecsWorld?: { intervalMs: number };
+  /** Time spent in each ECS system (`ecs-system-stats` events) every `intervalMs`. */
+  ecsSystemStats?: { intervalMs: number };
+  /** The client's viewport (`viewport` events), at once and on every change. */
+  viewport?: boolean;
+  /** Loaded scenes and scene vars (`scenes` events), sent when they changed, at most every `intervalMs`. */
+  scenes?: { intervalMs: number };
+}
+
+/** Engine `EditorScenes` (`@nanoforge-dev/scene`): the `scenes` event. */
+export interface EngineScenes {
+  /** The loaded scenes, root first, by id. */
+  readonly loaded: readonly { readonly id: string; readonly params: EngineWorldValue }[];
+  readonly vars: readonly {
+    readonly key: string;
+    readonly value: EngineWorldValue;
+    /** The id of the scene it belongs to. */
+    readonly owner?: string;
+    readonly persistent: boolean;
+  }[];
+  /** Ids of the scenes the game can load. */
+  readonly known: readonly string[];
+}
+
+/**
+ * Engine `EditorViewport` (its `ViewportState`): a point `(x, y)` of the game is drawn at
+ * `(contentLeft + originX + x * scaleX, contentTop + originY + y * scaleY)` CSS px of the game's
+ * container.
+ */
+export interface EngineViewport {
+  readonly designWidth: number;
+  readonly designHeight: number;
+  readonly scaleX: number;
+  readonly scaleY: number;
+  readonly contentLeft: number;
+  readonly contentTop: number;
+  readonly originX: number;
+  readonly originY: number;
+  readonly visibleWidth: number;
+  readonly visibleHeight: number;
+}
+
+/** Engine `EditorNetworkTrace`: one packet a game sent or received. */
+export interface EngineNetworkTrace {
+  direction: 'in' | 'out';
+  transport: 'tcp' | 'udp';
+  /** Server side: the client the packet goes to or comes from. */
+  clientId?: string;
+  size: number;
+  /** First 16 bytes, hex encoded. */
+  head: string;
+  /** The first `maxBytes` bytes, hex encoded (engines that send them). */
+  data?: string;
+  /** ms since epoch. */
+  time: number;
+}
+
+/** Engine `EditorNetworkStats`: totals of every packet over a window, traced or not. */
+export interface EngineNetworkStats {
+  windowMs: number;
+  time: number;
+  tcp: Record<'in' | 'out', { packets: number; bytes: number }>;
+  udp: Record<'in' | 'out', { packets: number; bytes: number }>;
+  /** Packets left out of the `network-trace` events. */
+  untraced: number;
+}
+
+/** Engine `EditorSystemStats`: time per call of each ECS system over a window (ms). */
+export interface EngineSystemStats {
+  windowMs: number;
+  systems: { index: number; name: string; calls: number; avg: number; max: number }[];
+}
+
+/** A JSON view of a component value (engine `EditorValue`). */
+export type EngineWorldValue =
+  null | boolean | number | string | EngineWorldValue[] | { [key: string]: EngineWorldValue };
+
+/** Engine `EditorWorld`: the running ECS world. */
+export interface EngineWorld {
+  entities: {
+    id: number;
+    /** The id of the scene that spawned it (`EcsScene` of `@nanoforge-dev/ecs/scene`). */
+    scene?: string;
+    components: { name: string; value: Record<string, EngineWorldValue> }[];
+  }[];
+  systems: { index: number; name: string; enabled: boolean }[];
+}
+
+/** Engine `EditorFrameStats`: tick timings over a sampling window (ms). */
+export interface EngineFrameStats {
+  windowMs: number;
+  ticks: number;
+  tps: number;
+  tick: { avg: number; max: number };
+  libraries: Record<string, { avg: number; max: number }>;
+}
diff --git a/packages/protocol/src/runtime/index.ts b/packages/protocol/src/runtime/index.ts
new file mode 100644
index 00000000..4cb448d2
--- /dev/null
+++ b/packages/protocol/src/runtime/index.ts
@@ -0,0 +1,5 @@
+export * from './engine-bridge.const';
+export * from './engine-bridge.type';
+export * from './runtime.schema';
+export * from './runtime.contract';
+export * from './runtime-output';
diff --git a/packages/protocol/src/runtime/runtime-output.ts b/packages/protocol/src/runtime/runtime-output.ts
new file mode 100644
index 00000000..71f6bb1e
--- /dev/null
+++ b/packages/protocol/src/runtime/runtime-output.ts
@@ -0,0 +1,9 @@
+/** URL path of an app's build output (`app` is the app id, `''` for single-app projects). */
+export const runtimeOutputPath = (project: string, app: string): string =>
+  `/runtime/${project}/${encodeURIComponent(app || '.')}/`;
+
+/** Inverse of {@link runtimeOutputPath}'s app segment. */
+export const decodeRuntimeApp = (segment: string): string => {
+  const app = decodeURIComponent(segment);
+  return app === '.' ? '' : app;
+};
diff --git a/packages/protocol/src/runtime/runtime.contract.ts b/packages/protocol/src/runtime/runtime.contract.ts
new file mode 100644
index 00000000..f05a7f3e
--- /dev/null
+++ b/packages/protocol/src/runtime/runtime.contract.ts
@@ -0,0 +1,75 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectId } from '../project/project.schema';
+import { BuildStatus, EnvOverrides, GameServerState, OutputManifest } from './runtime.schema';
+
+const Target = z.object({ project: ProjectId, app: z.string() });
+
+export const RuntimeEvent = z.discriminatedUnion('type', [
+  z.object({ type: z.literal('build'), status: BuildStatus }),
+  z.object({
+    type: z.literal('log'),
+    /** The app, or the command line of a `cli` run (`nf install …`). */
+    app: z.string(),
+    source: z.enum(['build', 'server', 'cli']),
+    stream: z.enum(['stdout', 'stderr']),
+    text: z.string(),
+  }),
+  z.object({
+    type: z.literal('server'),
+    app: z.string(),
+    state: GameServerState,
+    exitCode: z.number().nullable().optional(),
+  }),
+  /** An engine → editor event of the game server (`toEditor`). */
+  z.object({
+    type: z.literal('bridge'),
+    app: z.string(),
+    event: z.string(),
+    args: z.array(z.unknown()),
+  }),
+]);
+export type RuntimeEvent = z.output<typeof RuntimeEvent>;
+
+export const RuntimeContract = defineContract('runtime', {
+  methods: {
+    /** Builds apps now (all runnable apps by default) and resolves with their status. */
+    build: {
+      input: z.object({ project: ProjectId, apps: z.array(z.string()).optional() }),
+      output: z.array(BuildStatus),
+    },
+    status: {
+      input: z.object({ project: ProjectId }),
+      output: z.object({
+        builds: z.array(BuildStatus),
+        servers: z.array(z.object({ app: z.string(), state: GameServerState })),
+      }),
+    },
+    manifest: { input: Target, output: OutputManifest },
+    /** Environment of an app as the game sees it (prefixes stripped). */
+    env: {
+      input: Target.extend({ overrides: EnvOverrides.default({}) }),
+      output: z.record(z.string(), z.string()),
+    },
+    startServer: {
+      input: Target.extend({ overrides: EnvOverrides.default({}) }),
+      output: z.null(),
+    },
+    /** Asks the game to stop, kills it after a timeout; resolves once it exited. */
+    stopServer: { input: Target, output: z.null() },
+    /** Sends an editor → engine event to the game server (`fromEditor`). */
+    sendServer: {
+      input: Target.extend({ event: z.string().min(1), args: z.array(z.unknown()).default([]) }),
+      output: z.null(),
+    },
+  },
+  streams: {
+    /**
+     * Builds, logs and game server events of a project. While subscribed, apps are rebuilt
+     * when their sources change.
+     */
+    events: { params: z.object({ project: ProjectId }), event: RuntimeEvent },
+  },
+});
diff --git a/packages/protocol/src/runtime/runtime.schema.ts b/packages/protocol/src/runtime/runtime.schema.ts
new file mode 100644
index 00000000..d6945eee
--- /dev/null
+++ b/packages/protocol/src/runtime/runtime.schema.ts
@@ -0,0 +1,57 @@
+import { z } from 'zod';
+
+/** Base editor → engine commands handled by every NanoForge app. */
+export const RuntimeCommand = z.enum(['welcome', 'pause', 'resume', 'step', 'stop']);
+export type RuntimeCommand = z.output<typeof RuntimeCommand>;
+
+/** Run state reported by the engine (`state` bridge event). */
+export const EngineRunState = z.enum(['running', 'paused', 'stopped']);
+export type EngineRunState = z.output<typeof EngineRunState>;
+
+export const BuildDiagnostic = z.object({
+  /** Project-relative path when the file is inside the project. */
+  path: z.string().optional(),
+  line: z.number().int().optional(),
+  column: z.number().int().optional(),
+  message: z.string(),
+  severity: z.enum(['error', 'warning']),
+});
+export type BuildDiagnostic = z.output<typeof BuildDiagnostic>;
+
+export const BuildStatus = z.object({
+  app: z.string(),
+  state: z.enum(['idle', 'building', 'ok', 'error']),
+  /** Content hash of the last successful output: changes when the game changes. */
+  version: z.string().nullable(),
+  diagnostics: z.array(BuildDiagnostic),
+  /** End of the last build (ms since epoch). */
+  finishedAt: z.number().nullable(),
+  durationMs: z.number().nullable(),
+});
+export type BuildStatus = z.output<typeof BuildStatus>;
+
+export const OutputFile = z.object({
+  /** Path relative to the output directory, `/`-separated. */
+  path: z.string(),
+  size: z.number().int().nonnegative(),
+  /** sha1 of the content: cache key of the file. */
+  hash: z.string(),
+});
+export type OutputFile = z.output<typeof OutputFile>;
+
+/** Build output of an app, served at `baseUrl`. */
+export const OutputManifest = z.object({
+  app: z.string(),
+  version: z.string(),
+  /** Absolute path on the server, ends with `/`. */
+  baseUrl: z.string(),
+  entry: z.string(),
+  files: z.array(OutputFile),
+});
+export type OutputManifest = z.output<typeof OutputManifest>;
+
+export const GameServerState = z.enum(['starting', 'running', 'paused', 'stopping', 'exited']);
+export type GameServerState = z.output<typeof GameServerState>;
+
+/** Environment overrides (`runtime.env` setting): `NANOFORGE_*` keys, as in `.env`. */
+export const EnvOverrides = z.record(z.string(), z.string());
diff --git a/packages/protocol/src/session/index.ts b/packages/protocol/src/session/index.ts
new file mode 100644
index 00000000..8794094d
--- /dev/null
+++ b/packages/protocol/src/session/index.ts
@@ -0,0 +1,2 @@
+export * from './session.schema';
+export * from './session.contract';
diff --git a/packages/protocol/src/session/session.contract.ts b/packages/protocol/src/session/session.contract.ts
new file mode 100644
index 00000000..54928d65
--- /dev/null
+++ b/packages/protocol/src/session/session.contract.ts
@@ -0,0 +1,11 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { SessionInfo } from './session.schema';
+
+export const SessionContract = defineContract('session', {
+  methods: {
+    info: { input: z.null(), output: SessionInfo, public: true },
+  },
+});
diff --git a/packages/protocol/src/session/session.schema.ts b/packages/protocol/src/session/session.schema.ts
new file mode 100644
index 00000000..4615a849
--- /dev/null
+++ b/packages/protocol/src/session/session.schema.ts
@@ -0,0 +1,23 @@
+import { z } from 'zod';
+
+export const EditorMode = z.enum(['OFFLINE', 'ONLINE']);
+export type EditorMode = z.output<typeof EditorMode>;
+
+export const User = z.object({ id: z.string(), name: z.string(), email: z.string().optional() });
+export type User = z.output<typeof User>;
+
+export const SessionInfo = z.object({
+  mode: EditorMode,
+  version: z.string(),
+  /** Null when ONLINE and not signed in on the NanoForge website. */
+  user: User.nullable(),
+  /** ONLINE: where to sign in (the NanoForge projects website sets the auth cookies). */
+  loginUrl: z.string().nullable(),
+  /**
+   * What the services behind the editor offer: `settings` (account settings sync between
+   * machines; without it a hosted editor keeps them on its own disk), `registry` (the registry
+   * of plugins and packages answers).
+   */
+  features: z.array(z.enum(['settings', 'registry'])).default([]),
+});
+export type SessionInfo = z.output<typeof SessionInfo>;
diff --git a/packages/protocol/src/settings/index.ts b/packages/protocol/src/settings/index.ts
new file mode 100644
index 00000000..dcb10f62
--- /dev/null
+++ b/packages/protocol/src/settings/index.ts
@@ -0,0 +1,2 @@
+export * from './settings.schema';
+export * from './settings.contract';
diff --git a/packages/protocol/src/settings/settings.contract.ts b/packages/protocol/src/settings/settings.contract.ts
new file mode 100644
index 00000000..e50d6d47
--- /dev/null
+++ b/packages/protocol/src/settings/settings.contract.ts
@@ -0,0 +1,27 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { ProjectId } from '../project/project.schema';
+import { AccountSettingsDocument, SettingValues } from './settings.schema';
+
+export const SettingsContract = defineContract('settings', {
+  methods: {
+    accountGet: { input: z.null(), output: AccountSettingsDocument },
+    /** Fails with CONFLICT (data: the current document) when `baseRevision` is outdated. */
+    accountPut: {
+      input: z.object({ baseRevision: z.string().nullable(), values: SettingValues }),
+      output: z.object({ revision: z.string() }),
+    },
+    /** Hosted editors only: this user's settings for a project (local ones use a file). */
+    projectLocalGet: { input: z.object({ project: ProjectId }), output: SettingValues },
+    projectLocalPut: {
+      input: z.object({ project: ProjectId, values: SettingValues }),
+      output: z.null(),
+    },
+  },
+  streams: {
+    /** The account document changed (another tab or device): pull it. */
+    accountChanges: { params: z.null(), event: z.object({ revision: z.string() }), coalesce: true },
+  },
+});
diff --git a/packages/protocol/src/settings/settings.schema.ts b/packages/protocol/src/settings/settings.schema.ts
new file mode 100644
index 00000000..b20541a4
--- /dev/null
+++ b/packages/protocol/src/settings/settings.schema.ts
@@ -0,0 +1,13 @@
+import { z } from 'zod';
+
+export const SettingValues = z.record(z.string(), z.unknown());
+
+/** The account settings document. `revision` is opaque (null before the first save). */
+export const AccountSettingsDocument = z.object({
+  revision: z.string().nullable(),
+  values: SettingValues,
+});
+export type AccountSettingsDocument = z.output<typeof AccountSettingsDocument>;
+
+/** Limits of a settings document (also enforced by the NanoForge API). */
+export const SETTINGS_LIMITS = { maxBytes: 256 * 1024, maxKeys: 2000 } as const;
diff --git a/packages/protocol/test/path/project-path.spec.ts b/packages/protocol/test/path/project-path.spec.ts
new file mode 100644
index 00000000..4913b8f1
--- /dev/null
+++ b/packages/protocol/test/path/project-path.spec.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+
+import { ProjectPath, basename, dirname, joinPath } from '../../src/path/project-path';
+
+describe('ProjectPath', () => {
+  it.each(['', 'a', 'apps/client/src/main.ts', '.nanoforge/editor/settings.json'])(
+    'accepts %j',
+    (path) => expect(ProjectPath.safeParse(path).success).toBe(true),
+  );
+
+  it.each(['/etc/passwd', '../x', 'a/../b', 'a/./b', 'a//b', 'a/', 'a\\b'])('rejects %j', (path) =>
+    expect(ProjectPath.safeParse(path).success).toBe(false),
+  );
+
+  it('helpers', () => {
+    expect(joinPath('apps/client', '/src/', 'main.ts')).toBe('apps/client/src/main.ts');
+    expect(dirname('apps/client/main.ts')).toBe('apps/client');
+    expect(dirname('main.ts')).toBe('');
+    expect(basename('apps/client/main.ts')).toBe('main.ts');
+  });
+});
diff --git a/packages/protocol/tsconfig.json b/packages/protocol/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/protocol/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/registry/.prettierignore b/packages/registry/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/registry/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/registry/LICENSE b/packages/registry/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/registry/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/registry/README.md b/packages/registry/README.md
new file mode 100644
index 00000000..9d562b8a
--- /dev/null
+++ b/packages/registry/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/registry"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fregistry" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/registry` is an internal package of the NanoForge Editor.
+
+NanoForge registry client and installer for packages and plugins (no editor dependency: meant to move to the CLI).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/registry
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/registry/package.json b/packages/registry/package.json
new file mode 100644
index 00000000..462295f7
--- /dev/null
+++ b/packages/registry/package.json
@@ -0,0 +1,68 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/registry",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - NanoForge registry client and installer for packages and plugins (no editor dependency: meant to move to the CLI)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./types": "./src/types.ts",
+    "./tsconfig-paths": "./src/tsconfig-paths.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/registry"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "test:contract": "vitest run --config ../../vitest.config.ts test/contract"
+  },
+  "dependencies": {
+    "fflate": "catalog:libs",
+    "semver": "catalog:libs",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@types/node": "catalog:core",
+    "@types/semver": "catalog:libs",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/registry/src/archive/archive.ts b/packages/registry/src/archive/archive.ts
new file mode 100644
index 00000000..d820a363
--- /dev/null
+++ b/packages/registry/src/archive/archive.ts
@@ -0,0 +1,131 @@
+import { strFromU8, unzipSync, zipSync } from 'fflate';
+import { createHash, randomBytes } from 'node:crypto';
+import { existsSync } from 'node:fs';
+import { mkdir, readFile, readdir, rename, rm, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+
+import { ItemManifest, MANIFEST_FILE } from '../item/item.schema';
+import { RegistryError } from '../registry/registry.exception';
+
+export const sha256 = (bytes: Uint8Array): string =>
+  createHash('sha256').update(bytes).digest('hex');
+
+/** Size of an archive, packed: a download past it is stopped. */
+export const MAX_ARCHIVE_BYTES = 64 * 1024 * 1024;
+/** What an archive may unpack to, in all and in files. */
+const MAX_UNPACKED_BYTES = 256 * 1024 * 1024;
+const MAX_FILES = 20_000;
+
+/** A zip entry that would be written outside of the target folder, or in an odd place. */
+const unsafe = (path: string): boolean =>
+  path.startsWith('/') ||
+  path.includes('\\') ||
+  /^[A-Za-z]:/.test(path) ||
+  path.split('/').some((segment) => segment === '..' || segment === '.');
+
+/**
+ * The files of an archive by path (folders left out); rejects unsafe paths, and archives that
+ * unpack to more than 256 MiB or 20,000 files (checked on the sizes the entries claim, before
+ * anything is allocated, then on what they gave). An entry allocates the larger of its packed and
+ * unpacked sizes: a stored one takes its packed size, whatever it claims unpacked.
+ */
+export const readArchive = (bytes: Uint8Array): Map<string, Uint8Array> => {
+  if (bytes.length > MAX_ARCHIVE_BYTES) throw tooLarge();
+  let entries: Record<string, Uint8Array>;
+  let claimed = 0;
+  let count = 0;
+  try {
+    entries = unzipSync(bytes, {
+      filter: (file) => {
+        claimed += Math.max(file.size, file.originalSize);
+        if (++count > MAX_FILES || claimed > MAX_UNPACKED_BYTES) throw tooLarge();
+        return true;
+      },
+    });
+  } catch (error) {
+    if (error instanceof RegistryError) throw error;
+    throw new RegistryError('INVALID', 'The archive is not a zip file');
+  }
+  const unpacked = Object.values(entries).reduce((total, content) => total + content.length, 0);
+  if (unpacked > MAX_UNPACKED_BYTES) throw tooLarge();
+  const files = new Map<string, Uint8Array>();
+  for (const [path, content] of Object.entries(entries)) {
+    if (path.endsWith('/')) continue;
+    if (unsafe(path))
+      throw new RegistryError('INVALID', `The archive holds an unsafe path: ${path}`);
+    files.set(path, content);
+  }
+  return files;
+};
+
+const tooLarge = () =>
+  new RegistryError('INVALID', 'The archive is too large (256 MiB or 20,000 files at most)');
+
+/** The manifest at the root of an archive. */
+export const manifestOf = (files: ReadonlyMap<string, Uint8Array>): ItemManifest => {
+  const raw = files.get(MANIFEST_FILE);
+  if (!raw) throw new RegistryError('INVALID', `The archive has no ${MANIFEST_FILE}`);
+  let json: unknown;
+  try {
+    json = JSON.parse(strFromU8(raw));
+  } catch {
+    throw new RegistryError('INVALID', `${MANIFEST_FILE} is not valid JSON`);
+  }
+  const parsed = ItemManifest.safeParse(json);
+  if (!parsed.success) {
+    throw new RegistryError(
+      'INVALID',
+      `${MANIFEST_FILE} is not valid: ${parsed.error.issues[0]?.message ?? 'unknown problem'}`,
+    );
+  }
+  return parsed.data;
+};
+
+/**
+ * Writes the files of an archive as a folder, replacing what was there. The manifest is written
+ * last: a folder without it is an install that did not finish, and is installed again.
+ *
+ * Files are written in place rather than in a temporary folder renamed at the end: file
+ * watchers (the editor's) miss the content of a folder that appears through a rename. The old
+ * folder is moved aside first (`.nf-<hex>`, a name the editor's watcher skips) and put back when
+ * the write fails (disk full), so a failed reinstall keeps the working copy.
+ */
+export const writeFolder = async (
+  files: ReadonlyMap<string, Uint8Array>,
+  target: string,
+): Promise<void> => {
+  const backup = `${target}.nf-${randomBytes(4).toString('hex')}`;
+  const previous = existsSync(target);
+  if (previous) await rename(target, backup);
+  const ordered = [...files].sort(
+    ([a], [b]) => Number(a === MANIFEST_FILE) - Number(b === MANIFEST_FILE),
+  );
+  try {
+    for (const [path, content] of ordered) {
+      const file = join(target, path);
+      await mkdir(dirname(file), { recursive: true });
+      await writeFile(file, content);
+    }
+  } catch (error) {
+    await rm(target, { recursive: true, force: true }).catch(() => undefined);
+    if (previous) await rename(backup, target).catch(() => undefined);
+    throw error;
+  }
+  if (previous) await rm(backup, { recursive: true, force: true }).catch(() => undefined);
+};
+
+/** Zips a folder with stable bytes (sorted paths, no dates), so its hash only follows its content. */
+export const zipFolder = async (folder: string): Promise<Uint8Array> => {
+  const files: Record<string, [Uint8Array, { mtime: Date }]> = {};
+  const walk = async (dir: string, prefix: string) => {
+    const entries = await readdir(dir, { withFileTypes: true });
+    for (const entry of entries.sort((a, b) => a.name.localeCompare(b.name))) {
+      const path = prefix ? `${prefix}/${entry.name}` : entry.name;
+      if (entry.isDirectory()) await walk(join(dir, entry.name), path);
+      else if (entry.isFile())
+        files[path] = [await readFile(join(dir, entry.name)), { mtime: new Date(315532800000) }];
+    }
+  };
+  await walk(folder, '');
+  return zipSync(files, { level: 6 });
+};
diff --git a/packages/registry/src/archive/index.ts b/packages/registry/src/archive/index.ts
new file mode 100644
index 00000000..993afe63
--- /dev/null
+++ b/packages/registry/src/archive/index.ts
@@ -0,0 +1 @@
+export * from './archive';
diff --git a/packages/registry/src/client/index.ts b/packages/registry/src/client/index.ts
new file mode 100644
index 00000000..ff6f4d98
--- /dev/null
+++ b/packages/registry/src/client/index.ts
@@ -0,0 +1 @@
+export * from './registry-client';
diff --git a/packages/registry/src/client/registry-client.ts b/packages/registry/src/client/registry-client.ts
new file mode 100644
index 00000000..23e554b4
--- /dev/null
+++ b/packages/registry/src/client/registry-client.ts
@@ -0,0 +1,182 @@
+import semver from 'semver';
+
+import { MAX_ARCHIVE_BYTES } from '../archive/archive';
+import { type RegistryItem, SearchQuery, type SearchResult } from '../item/item.schema';
+import { RegistryError } from '../registry/registry.exception';
+import type { Registry } from '../registry/registry.type';
+import { fromPackument, fromSearchObject } from '../wire/packument';
+import { Packument, ROUTES, WireSearch } from '../wire/wire.schema';
+
+const ABBREVIATED = 'application/vnd.npm.install-v1+json; q=1.0, application/json; q=0.8';
+/** Statuses whose `location` is followed, and how many redirects in a row at most. */
+const REDIRECTS = new Set([301, 302, 303, 307, 308]);
+const MAX_REDIRECTS = 5;
+
+export interface RegistryClientOptions {
+  /** Base URL of the API holding `/registry/…`. */
+  readonly baseUrl: string;
+  readonly fetch?: typeof fetch;
+  /** Headers of every request (reading needs none; a registry key to publish). */
+  readonly headers?: () => Record<string, string>;
+  /** How long a request may take (default 60 s). */
+  readonly timeoutMs?: number;
+}
+
+/** The registry over HTTP (the contract of `docs/api/registry.md`). */
+export class RegistryClient implements Registry {
+  constructor(private readonly _options: RegistryClientOptions) {}
+
+  async search(query: SearchQuery = {}): Promise<SearchResult> {
+    const { type, q, page, limit } = SearchQuery.parse(query);
+    const params = new URLSearchParams({
+      text: q,
+      from: String((page - 1) * limit),
+      size: String(limit),
+    });
+    if (type) params.set('type', type);
+    const response = await this._request(`${ROUTES.search}?${params}`);
+    const found = this._parse(WireSearch, await this._json(response));
+    return { items: found.objects.map(fromSearchObject), total: found.total };
+  }
+
+  async get(name: string): Promise<RegistryItem> {
+    return fromPackument(await this._packument(name), semver.rcompare);
+  }
+
+  async download(name: string, version: string): Promise<Uint8Array> {
+    const found = (await this._packument(name, true)).versions[version];
+    if (!found) throw new RegistryError('NOT_FOUND', `${name}@${version} was not found`);
+    const subject = `${name}@${version}`;
+    const response = await this._request(found.dist.tarball, subject);
+    const limit = Math.min(found.dist.size ?? MAX_ARCHIVE_BYTES, MAX_ARCHIVE_BYTES);
+    const bytes = await readLimited(response, limit, subject);
+    if (found.dist.size !== undefined && bytes.length !== found.dist.size)
+      throw new RegistryError('INTEGRITY', `${subject} does not have the size the registry says`);
+    return bytes;
+  }
+
+  /**
+   * The document of an item. `abbreviated` asks for what installing needs (npm's
+   * `application/vnd.npm.install-v1+json`): versions without their contents nor the readme.
+   */
+  private async _packument(name: string, abbreviated = false): Promise<Packument> {
+    const response = await this._request(
+      ROUTES.item(name),
+      name,
+      abbreviated ? { accept: ABBREVIATED } : {},
+    );
+    return this._parse(Packument, await this._json(response));
+  }
+
+  /**
+   * A request to the registry, or to where it keeps an archive (`dist.tarball` may be anywhere):
+   * http(s) only, and the registry's headers only go to the registry's own origin. Redirects are
+   * followed here, so that the headers stay off an address one leads to on another origin.
+   */
+  private async _request(
+    path: string,
+    subject?: string,
+    headers: Record<string, string> = {},
+  ): Promise<Response> {
+    const base = new URL(this._options.baseUrl);
+    const signal = AbortSignal.timeout(this._options.timeoutMs ?? 60_000);
+    let url = new URL(path, base);
+    let response: Response;
+    for (let redirects = 0; ; redirects++) {
+      if (url.protocol !== 'https:' && url.protocol !== 'http:')
+        throw new RegistryError(
+          'INVALID',
+          `The registry gave an address that is not http(s): ${url.protocol}`,
+        );
+      try {
+        response = await (this._options.fetch ?? fetch)(url.toString(), {
+          headers: {
+            ...headers,
+            ...(url.origin === base.origin ? this._options.headers?.() : {}),
+          },
+          redirect: 'manual',
+          signal,
+        });
+      } catch (error) {
+        throw new RegistryError(
+          'UNAVAILABLE',
+          `The registry cannot be reached: ${error instanceof Error ? error.message : String(error)}`,
+        );
+      }
+      const location = REDIRECTS.has(response.status) ? response.headers.get('location') : null;
+      if (location === null) break;
+      if (redirects >= MAX_REDIRECTS)
+        throw new RegistryError('UNAVAILABLE', 'The registry redirected too many times');
+      url = new URL(location, url);
+    }
+    if (response.status === 404) {
+      throw subject
+        ? new RegistryError('NOT_FOUND', `${subject} was not found`)
+        : new RegistryError('UNAVAILABLE', 'This registry does not answer searches yet');
+    }
+    if (!response.ok)
+      throw new RegistryError('UNAVAILABLE', `The registry answered ${response.status}`);
+    return response;
+  }
+
+  private async _json(response: Response): Promise<unknown> {
+    try {
+      return (await response.json()) as unknown;
+    } catch {
+      return undefined;
+    }
+  }
+
+  private _parse<T>(
+    schema: { safeParse(value: unknown): { success: boolean; data?: T } },
+    value: unknown,
+  ): T {
+    const parsed = schema.safeParse(value);
+    if (!parsed.success)
+      throw new RegistryError(
+        'UNAVAILABLE',
+        'The registry sent an answer this version cannot read',
+      );
+    return parsed.data as T;
+  }
+}
+
+/** The body of a response, stopped as soon as it passes `limit` bytes. */
+const readLimited = async (
+  response: Response,
+  limit: number,
+  subject: string,
+): Promise<Uint8Array> => {
+  const declared = Number(response.headers.get('content-length') ?? NaN);
+  const tooLarge = () => new RegistryError('INVALID', `${subject} is larger than allowed`);
+  if (declared > limit) throw tooLarge();
+  if (!response.body) return new Uint8Array(await response.arrayBuffer());
+  const chunks: Uint8Array[] = [];
+  let total = 0;
+  const reader = response.body.getReader();
+  for (;;) {
+    let chunk;
+    try {
+      chunk = await reader.read();
+    } catch (error) {
+      throw new RegistryError(
+        'UNAVAILABLE',
+        `The download of ${subject} failed: ${error instanceof Error ? error.message : String(error)}`,
+      );
+    }
+    if (chunk.done) break;
+    total += chunk.value.length;
+    if (total > limit) {
+      await reader.cancel().catch(() => undefined);
+      throw tooLarge();
+    }
+    chunks.push(chunk.value);
+  }
+  const bytes = new Uint8Array(total);
+  let offset = 0;
+  for (const chunk of chunks) {
+    bytes.set(chunk, offset);
+    offset += chunk.length;
+  }
+  return bytes;
+};
diff --git a/packages/registry/src/directory/directory-registry.ts b/packages/registry/src/directory/directory-registry.ts
new file mode 100644
index 00000000..eb4e9511
--- /dev/null
+++ b/packages/registry/src/directory/directory-registry.ts
@@ -0,0 +1,186 @@
+import { existsSync } from 'node:fs';
+import { readFile, readdir, stat } from 'node:fs/promises';
+import { join } from 'node:path';
+import semver from 'semver';
+
+import { sha256, zipFolder } from '../archive/archive';
+import {
+  ItemManifest,
+  ItemName,
+  MANIFEST_FILE,
+  type RegistryItem,
+  type RegistrySummary,
+  type RegistryVersion,
+  SearchQuery,
+  type SearchResult,
+} from '../item/item.schema';
+import { countKinds, readPackageContents } from '../manifest/package-contents';
+import { RegistryError } from '../registry/registry.exception';
+import type { Registry } from '../registry/registry.type';
+
+interface Entry {
+  readonly item: RegistryItem;
+  /** Folder of each version. */
+  readonly folders: ReadonlyMap<string, string>;
+}
+
+/**
+ * A registry read from a folder, for tests and for working without the real one:
+ * `<dir>/@scope/name/<version>/` holds the files of each version (its manifest, and a
+ * `README.md`), and `<dir>/@scope/name/registry.json` the optional `{ author, downloads }`.
+ * Version folders added or removed are followed; call `reload()` after changing files inside one.
+ */
+export class DirectoryRegistry implements Registry {
+  private _entries: Promise<Map<string, Entry>> | undefined;
+  private _listed = '';
+  private readonly _archives = new Map<string, Promise<Uint8Array>>();
+
+  constructor(readonly dir: string) {}
+
+  /** Reads the folder again on the next call (it changed). */
+  reload(): void {
+    this._entries = undefined;
+    this._archives.clear();
+  }
+
+  async search(query: SearchQuery = {}): Promise<SearchResult> {
+    const { type, q, page, limit } = SearchQuery.parse(query);
+    const words = q.toLowerCase().split(/\s+/).filter(Boolean);
+    const all = [...(await this._load()).values()]
+      .map(({ item }): RegistrySummary => ({
+        name: item.name,
+        type: item.type,
+        version: item.version,
+        description: item.description,
+        author: item.author,
+        downloads: item.downloads,
+        updatedAt: item.updatedAt,
+        kinds: item.kinds,
+      }))
+      .filter(
+        (item) =>
+          (!type || item.type === type) &&
+          words.every((word) => `${item.name} ${item.description}`.toLowerCase().includes(word)),
+      )
+      .sort((a, b) => b.downloads - a.downloads || a.name.localeCompare(b.name));
+    return { items: all.slice((page - 1) * limit, page * limit), total: all.length };
+  }
+
+  async get(name: string): Promise<RegistryItem> {
+    const entry = (await this._load()).get(name);
+    if (!entry) throw new RegistryError('NOT_FOUND', `${name} was not found`);
+    return entry.item;
+  }
+
+  async download(name: string, version: string): Promise<Uint8Array> {
+    const folder = (await this._load()).get(name)?.folders.get(version);
+    if (!folder) throw new RegistryError('NOT_FOUND', `${name}@${version} was not found`);
+    return this._archive(folder);
+  }
+
+  private _archive(folder: string): Promise<Uint8Array> {
+    let archive = this._archives.get(folder);
+    if (!archive) this._archives.set(folder, (archive = zipFolder(folder)));
+    return archive;
+  }
+
+  private async _load(): Promise<Map<string, Entry>> {
+    const listing = await this._listing();
+    if (!this._entries || listing !== this._listed) {
+      this._listed = listing;
+      this._entries = this._read();
+    }
+    return this._entries;
+  }
+
+  /** The version folders there are, as one string to compare. */
+  private async _listing(): Promise<string> {
+    const names = (dir: string) =>
+      readdir(dir, { withFileTypes: true }).then(
+        (entries) => entries.filter((entry) => entry.isDirectory()).map((entry) => entry.name),
+        () => [] as string[],
+      );
+    const found: string[] = [];
+    for (const scope of await names(this.dir)) {
+      for (const name of await names(join(this.dir, scope))) {
+        for (const version of await names(join(this.dir, scope, name)))
+          found.push(`${scope}/${name}/${version}`);
+      }
+    }
+    return found.sort().join('\n');
+  }
+
+  private async _read(): Promise<Map<string, Entry>> {
+    const entries = new Map<string, Entry>();
+    if (!existsSync(this.dir)) return entries;
+    const folders = async (dir: string) =>
+      (await readdir(dir, { withFileTypes: true }))
+        .filter((entry) => entry.isDirectory())
+        .map((entry) => entry.name);
+    for (const scope of (await folders(this.dir)).filter((name) => name.startsWith('@'))) {
+      for (const short of await folders(join(this.dir, scope))) {
+        const name = `${scope}/${short}`;
+        if (!ItemName.safeParse(name).success) continue;
+        const root = join(this.dir, scope, short);
+        const versions: (RegistryVersion & { manifest: ItemManifest; folder: string })[] = [];
+        for (const version of await folders(root)) {
+          const folder = join(root, version);
+          const readJson = (path: string) =>
+            readFile(join(folder, path), 'utf8')
+              .then((text) => JSON.parse(text) as unknown)
+              .catch(() => undefined);
+          const raw = await readJson(MANIFEST_FILE);
+          const manifest = ItemManifest.safeParse(raw);
+          if (!manifest.success || manifest.data.name !== name || manifest.data.version !== version)
+            continue;
+          const { contents, manifests } = await readPackageContents(raw, readJson);
+          versions.push({
+            version,
+            publishedAt: (await stat(join(folder, MANIFEST_FILE))).mtime.toISOString(),
+            sha256: sha256(await this._archive(folder)),
+            dependencies: manifest.data.dependencies ?? {},
+            engines: manifest.data.engines ?? {},
+            kinds: countKinds(contents),
+            suggestedPlugins: manifest.data.suggestedPlugins ?? {},
+            contents,
+            manifests,
+            manifest: manifest.data,
+            folder,
+          });
+        }
+        if (!versions.length) continue;
+        versions.sort((a, b) => semver.rcompare(a.version, b.version));
+        const latest = versions[0]!;
+        const extra = (await readFile(join(root, 'registry.json'), 'utf8')
+          .then((text) => JSON.parse(text) as unknown)
+          .catch(() => ({}))) as { author?: string; downloads?: number };
+        entries.set(name, {
+          item: {
+            name,
+            type: latest.manifest.type,
+            version: latest.version,
+            description: latest.manifest.description ?? '',
+            author: extra.author ?? '',
+            downloads: extra.downloads ?? 0,
+            updatedAt: latest.publishedAt,
+            kinds: latest.kinds,
+            readme: await readFile(join(latest.folder, 'README.md'), 'utf8').catch(() => ''),
+            versions: versions.map((entry) => ({
+              version: entry.version,
+              publishedAt: entry.publishedAt,
+              sha256: entry.sha256,
+              dependencies: entry.dependencies,
+              engines: entry.engines,
+              kinds: entry.kinds,
+              suggestedPlugins: entry.suggestedPlugins,
+              contents: entry.contents,
+              manifests: entry.manifests,
+            })),
+          },
+          folders: new Map(versions.map((version) => [version.version, version.folder])),
+        });
+      }
+    }
+    return entries;
+  }
+}
diff --git a/packages/registry/src/directory/index.ts b/packages/registry/src/directory/index.ts
new file mode 100644
index 00000000..dc8bfd6b
--- /dev/null
+++ b/packages/registry/src/directory/index.ts
@@ -0,0 +1 @@
+export * from './directory-registry';
diff --git a/packages/registry/src/index.ts b/packages/registry/src/index.ts
new file mode 100644
index 00000000..2ad282f1
--- /dev/null
+++ b/packages/registry/src/index.ts
@@ -0,0 +1,11 @@
+export * from './item';
+export * from './manifest';
+export * from './registry';
+export * from './archive';
+export * from './client';
+export * from './directory';
+export * from './serve';
+export * from './install';
+export * from './tsconfig-paths';
+export * from './project';
+export * from './wire';
diff --git a/packages/registry/src/install/index.ts b/packages/registry/src/install/index.ts
new file mode 100644
index 00000000..c18ba7bf
--- /dev/null
+++ b/packages/registry/src/install/index.ts
@@ -0,0 +1 @@
+export * from './install-item';
diff --git a/packages/registry/src/install/install-item.ts b/packages/registry/src/install/install-item.ts
new file mode 100644
index 00000000..0d61e65f
--- /dev/null
+++ b/packages/registry/src/install/install-item.ts
@@ -0,0 +1,75 @@
+import semver from 'semver';
+
+import { manifestOf, readArchive, sha256, writeFolder } from '../archive/archive';
+import {
+  type ItemManifest,
+  ItemName,
+  type ItemType,
+  type RegistryItem,
+  type RegistryVersion,
+} from '../item/item.schema';
+import { RegistryError } from '../registry/registry.exception';
+import type { Registry } from '../registry/registry.type';
+
+/** The newest version of an item that fits a range and, when given, what runs it (`engines`). */
+export const pickVersion = (
+  item: RegistryItem,
+  range = '*',
+  engines: Readonly<Record<string, string>> = {},
+): RegistryVersion | undefined =>
+  item.versions
+    .filter(
+      (version) =>
+        semver.satisfies(version.version, range, { includePrerelease: false }) &&
+        Object.entries(engines).every(
+          ([engine, current]) =>
+            !version.engines[engine] ||
+            semver.satisfies(current, version.engines[engine], { includePrerelease: true }),
+        ),
+    )
+    .sort((a, b) => semver.rcompare(a.version, b.version))[0];
+
+export interface InstallRequest {
+  readonly name: string;
+  readonly version: string;
+  readonly type: ItemType;
+  /** The folder the item becomes: `…/@scope/name`. */
+  readonly target: string;
+  /** Hash the archive must have (the registry's, or the lock's). */
+  readonly sha256?: string;
+}
+
+/**
+ * Downloads a version and writes it as a folder. Nothing is written unless the archive has the
+ * expected hash, holds only safe paths, and its manifest says the name, version and type asked
+ * for.
+ */
+export const installItem = async (
+  registry: Registry,
+  request: InstallRequest,
+): Promise<ItemManifest> => {
+  const name = ItemName.safeParse(request.name);
+  if (!name.success) throw new RegistryError('INVALID', `${request.name} is not a valid name`);
+  const bytes = await registry.download(request.name, request.version);
+  const hash = sha256(bytes);
+  if (request.sha256 !== undefined && request.sha256 !== hash) {
+    throw new RegistryError(
+      'INTEGRITY',
+      `${request.name}@${request.version} does not have the expected content (hash mismatch)`,
+    );
+  }
+  const files = readArchive(bytes);
+  const manifest = manifestOf(files);
+  if (
+    manifest.name !== request.name ||
+    manifest.version !== request.version ||
+    manifest.type !== request.type
+  ) {
+    throw new RegistryError(
+      'INVALID',
+      `The archive of ${request.name}@${request.version} holds ${manifest.type} ${manifest.name}@${manifest.version}`,
+    );
+  }
+  await writeFolder(files, request.target);
+  return manifest;
+};
diff --git a/packages/registry/src/item/index.ts b/packages/registry/src/item/index.ts
new file mode 100644
index 00000000..6f94be23
--- /dev/null
+++ b/packages/registry/src/item/index.ts
@@ -0,0 +1 @@
+export * from './item.schema';
diff --git a/packages/registry/src/item/item.schema.ts b/packages/registry/src/item/item.schema.ts
new file mode 100644
index 00000000..43a1dba8
--- /dev/null
+++ b/packages/registry/src/item/item.schema.ts
@@ -0,0 +1,119 @@
+import semver from 'semver';
+import { z } from 'zod';
+
+/** `@scope/name`: the name of everything in the registry. */
+export const ItemName = z
+  .string()
+  .regex(/^@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*$/, 'expected @scope/name, lowercase');
+export type ItemName = z.output<typeof ItemName>;
+
+export const ItemType = z.enum(['plugin', 'package']);
+export type ItemType = z.output<typeof ItemType>;
+
+/** A version semver reads as is (no `v`, no leading zero, no empty pre-release part). */
+export const ItemVersion = z
+  .string()
+  .refine((version) => semver.valid(version) === version, 'expected a version like 1.2.3');
+
+/** Other registry items an item needs, with version ranges. */
+export const Dependencies = z.record(ItemName, z.string());
+export type Dependencies = z.output<typeof Dependencies>;
+
+/** Dependencies as a manifest may write them: `["@scope/name"]` (any version) or with ranges. */
+export const ManifestDependencies = z.union([
+  z.array(ItemName).transform((names) => Object.fromEntries(names.map((name) => [name, '*']))),
+  Dependencies,
+]);
+
+/** How many contents of each kind a version holds: `{ "@nanoforge/ecs:component": 3 }`. */
+export const Kinds = z.record(z.string(), z.number().int().nonnegative());
+export type Kinds = z.output<typeof Kinds>;
+
+/** What the registry says of an item in lists. */
+export const RegistrySummary = z.object({
+  name: ItemName,
+  type: ItemType,
+  /** The newest version. */
+  version: ItemVersion,
+  description: z.string().default(''),
+  author: z.string().default(''),
+  downloads: z.number().int().nonnegative().default(0),
+  /** ISO date of the newest version. */
+  updatedAt: z.string().default(''),
+  /** What the newest version holds, by kind. */
+  kinds: Kinds.default({}),
+});
+export type RegistrySummary = z.output<typeof RegistrySummary>;
+
+/**
+ * One content of a published version, as the registry lists it: paths from the archive root,
+ * `manifest` naming the sub-manifest it comes from; the API adds `fileCount` and `size`.
+ */
+export const VersionContent = z
+  .object({
+    kind: z.string(),
+    path: z.string(),
+    export: z.string().optional(),
+    manifest: z.string().optional(),
+    fileCount: z.number().int().nonnegative().optional(),
+    size: z.number().int().nonnegative().optional(),
+  })
+  .loose();
+export type VersionContent = z.output<typeof VersionContent>;
+
+export const RegistryVersion = z.object({
+  version: ItemVersion,
+  publishedAt: z.string().default(''),
+  /** sha256 of the archive, hex. */
+  sha256: z.string().regex(/^[0-9a-f]{64}$/),
+  dependencies: Dependencies.default({}),
+  /** What the version needs to run, e.g. `{ "editor": ">=0.1.0" }`. */
+  engines: z.record(z.string(), z.string()).default({}),
+  /** What the version holds, by kind. */
+  kinds: Kinds.default({}),
+  /** Editor plugins that make the version easier to use, with ranges. */
+  suggestedPlugins: Dependencies.default({}),
+  /** What the version holds (root manifest and sub-manifests joined). */
+  contents: z.array(VersionContent).default([]),
+  /** The sub-manifests its contents were read from. */
+  manifests: z.array(z.string()).default([]),
+});
+export type RegistryVersion = z.output<typeof RegistryVersion>;
+
+export const RegistryItem = RegistrySummary.extend({
+  readme: z.string().default(''),
+  /** Every version, the newest first. */
+  versions: z.array(RegistryVersion).min(1),
+});
+export type RegistryItem = z.output<typeof RegistryItem>;
+
+export const SearchQuery = z.object({
+  type: ItemType.optional(),
+  /** Words searched in names and descriptions. */
+  q: z.string().default(''),
+  page: z.number().int().min(1).default(1),
+  limit: z.number().int().min(1).max(100).default(30),
+});
+export type SearchQuery = z.input<typeof SearchQuery>;
+
+export const SearchResult = z.object({
+  items: z.array(RegistrySummary),
+  total: z.number().int().nonnegative(),
+});
+export type SearchResult = z.output<typeof SearchResult>;
+
+/** The part of `nanoforge.manifest.json` the installer checks. */
+export const ItemManifest = z
+  .object({
+    type: ItemType,
+    name: ItemName,
+    version: ItemVersion,
+    description: z.string().optional(),
+    dependencies: ManifestDependencies.optional(),
+    engines: z.record(z.string(), z.string()).optional(),
+    suggestedPlugins: ManifestDependencies.optional(),
+  })
+  .loose();
+export type ItemManifest = z.output<typeof ItemManifest>;
+
+export const MANIFEST_FILE = 'nanoforge.manifest.json';
diff --git a/packages/registry/src/manifest/index.ts b/packages/registry/src/manifest/index.ts
new file mode 100644
index 00000000..f48cb72e
--- /dev/null
+++ b/packages/registry/src/manifest/index.ts
@@ -0,0 +1 @@
+export * from './package-contents';
diff --git a/packages/registry/src/manifest/package-contents.ts b/packages/registry/src/manifest/package-contents.ts
new file mode 100644
index 00000000..8ccf3397
--- /dev/null
+++ b/packages/registry/src/manifest/package-contents.ts
@@ -0,0 +1,171 @@
+import { z } from 'zod';
+
+import { MANIFEST_FILE } from '../item/item.schema';
+
+/** How deep sub-manifests nest, the root manifest's own includes being the first level. */
+export const MAX_INCLUDE_DEPTH = 4;
+/** How many sub-manifests a package may have, in all. */
+export const MAX_SUB_MANIFESTS = 100;
+
+/** A core kind (`asset`, `type`…) or one owned by a plugin (`@nanoforge/ecs:component`). */
+const KIND_PATTERN = /^(@[a-z0-9][a-z0-9-]*\/[a-z0-9][a-z0-9-]*:)?[a-z][a-z0-9-]*$/;
+
+/** A path inside the package: no absolute path, no `..`, no `\`. */
+export const isInsidePath = (path: string): boolean =>
+  path.length > 0 &&
+  !path.startsWith('/') &&
+  !path.includes('\\') &&
+  !/^[A-Za-z]:/.test(path) &&
+  !path.split('/').some((segment) => segment === '..' || segment === '.');
+
+const InsidePath = z.string().refine(isInsidePath, 'must be a path inside the package');
+
+/**
+ * One entry of a manifest's `contents`: a file, or a folder when its path ends with `/`. Extra
+ * keys are owner objects (`"@scope/name": { … }`), kept as they are.
+ */
+export const ManifestContent = z
+  .object({
+    kind: z.string().regex(KIND_PATTERN, 'expected a kind like "asset" or "@scope/name:kind"'),
+    path: InsidePath,
+    export: z.string().optional(),
+    name: z.string().optional(),
+    description: z.string().optional(),
+    side: z.enum(['client', 'server', 'shared']).optional(),
+    tags: z.array(z.string()).optional(),
+  })
+  .loose();
+export type ManifestContent = z.output<typeof ManifestContent>;
+
+/** A content of a package, its path from the package root. */
+export type PackageContent = ManifestContent & {
+  /** The sub-manifest it is described in, from the package root; absent for the root manifest. */
+  readonly manifest?: string;
+};
+
+export interface PackageContents {
+  /** The contents of the root manifest, then of each sub-manifest, level by level. */
+  readonly contents: PackageContent[];
+  /** The sub-manifests read, from the package root. */
+  readonly manifests: string[];
+  /** What was skipped and why: the registry refuses these, a local package may still have them. */
+  readonly problems: string[];
+}
+
+/** Reads the JSON of a file of the package, by its path from the package root; undefined if none. */
+export type ManifestReader = (path: string) => Promise<unknown>;
+
+interface Level {
+  /** From the package root. */
+  readonly file: string;
+  /** Its folder, from the package root, `''` or ending with `/`. */
+  readonly dir: string;
+}
+
+const isObject = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value);
+
+/**
+ * Every content a package describes: its manifest's `contents`, and those of the sub-manifests
+ * `include` lists, as the registry reads them at publication. An `include` entry is a folder
+ * (its `nanoforge.manifest.json`) or a `.json` file, relative to the manifest that lists it; a
+ * sub-manifest only holds `contents` and `include`, and its paths are relative to its folder.
+ *
+ * Installed packages passed the registry's checks: what does not fit is skipped and reported in
+ * `problems` rather than thrown, so a package being written still shows what it can.
+ */
+export const readPackageContents = async (
+  manifest: unknown,
+  read: ManifestReader,
+): Promise<PackageContents> => {
+  const result: PackageContents = { contents: [], manifests: [], problems: [] };
+  if (!isObject(manifest)) return result;
+  const seen = new Set([MANIFEST_FILE]);
+  const root: Level = { file: MANIFEST_FILE, dir: '' };
+
+  collect(manifest.contents, root, result);
+  let level = includes(manifest.include, root, seen, result);
+  for (let depth = 1; level.length; depth++) {
+    if (depth > MAX_INCLUDE_DEPTH) {
+      result.problems.push(`sub-manifests nest at most ${MAX_INCLUDE_DEPTH} levels deep`);
+      break;
+    }
+    const next: Level[] = [];
+    for (const sub of level) {
+      if (result.manifests.length >= MAX_SUB_MANIFESTS) {
+        result.problems.push(`at most ${MAX_SUB_MANIFESTS} sub-manifests`);
+        return result;
+      }
+      const raw = await read(sub.file).catch(() => undefined);
+      if (!isObject(raw)) {
+        result.problems.push(`${sub.file}: missing, or not a JSON object`);
+        continue;
+      }
+      result.manifests.push(sub.file);
+      collect(raw.contents, sub, result);
+      next.push(...includes(raw.include, sub, seen, result));
+    }
+    level = next;
+  }
+  return result;
+};
+
+const collect = (value: unknown, level: Level, result: PackageContents): void => {
+  if (value === undefined) return;
+  if (!Array.isArray(value)) {
+    result.problems.push(`${level.file}: contents is not an array`);
+    return;
+  }
+  value.forEach((entry, index) => {
+    const parsed = ManifestContent.safeParse(entry);
+    if (!parsed.success) {
+      const issue = parsed.error.issues[0];
+      result.problems.push(
+        `${level.file}: contents[${index}]${issue?.path.length ? `.${issue.path.join('.')}` : ''}: ${issue?.message ?? 'invalid'}`,
+      );
+      return;
+    }
+    result.contents.push({
+      ...parsed.data,
+      path: `${level.dir}${parsed.data.path}`,
+      ...(level.file !== MANIFEST_FILE && { manifest: level.file }),
+    });
+  });
+};
+
+const includes = (
+  value: unknown,
+  parent: Level,
+  seen: Set<string>,
+  result: PackageContents,
+): Level[] => {
+  if (value === undefined) return [];
+  if (!Array.isArray(value)) {
+    result.problems.push(`${parent.file}: include is not an array`);
+    return [];
+  }
+  const levels: Level[] = [];
+  value.forEach((path: unknown, index) => {
+    if (typeof path !== 'string' || !isInsidePath(path)) {
+      result.problems.push(`${parent.file}: include[${index}] is not a path inside the package`);
+      return;
+    }
+    const file = path.endsWith('.json')
+      ? `${parent.dir}${path}`
+      : `${parent.dir}${path.replace(/\/$/, '')}/${MANIFEST_FILE}`;
+    if (seen.has(file)) {
+      result.problems.push(`${parent.file}: include[${index}]: ${file} is included twice`);
+      return;
+    }
+    seen.add(file);
+    levels.push({ file, dir: file.slice(0, file.lastIndexOf('/') + 1) });
+  });
+  return levels;
+};
+
+/** How many contents of each kind there are. */
+export const countKinds = (contents: readonly { kind: string }[]): Record<string, number> => {
+  const kinds: Record<string, number> = {};
+  for (const { kind } of contents) kinds[kind] = (kinds[kind] ?? 0) + 1;
+  return kinds;
+};
diff --git a/packages/registry/src/project/index.ts b/packages/registry/src/project/index.ts
new file mode 100644
index 00000000..09f14863
--- /dev/null
+++ b/packages/registry/src/project/index.ts
@@ -0,0 +1,3 @@
+export * from './project-packages.const';
+export * from './project-packages.type';
+export * from './project-packages';
diff --git a/packages/registry/src/project/modules-folder.ts b/packages/registry/src/project/modules-folder.ts
new file mode 100644
index 00000000..fd397421
--- /dev/null
+++ b/packages/registry/src/project/modules-folder.ts
@@ -0,0 +1,47 @@
+import { randomBytes } from 'node:crypto';
+import { readdir, rename, rm, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+/** Folders set aside while packages change (`<folder>.nf-old-<id>`); swept when found later. */
+const ASIDE = '.nf-';
+
+/** Moves a folder out of the way, to put it back if the change fails. */
+export const setAside = async (folder: string): Promise<string> => {
+  const aside = `${folder}${ASIDE}old-${randomBytes(4).toString('hex')}`;
+  await rename(folder, aside);
+  return aside;
+};
+
+/** Removes the folders an interrupted change left set aside in `nf_modules`. */
+export const sweepAside = async (modules: string): Promise<void> => {
+  for (const scope of await readdir(modules).catch(() => [])) {
+    for (const entry of await readdir(join(modules, scope)).catch(() => [])) {
+      if (entry.includes(ASIDE))
+        await rm(join(modules, scope, entry), { recursive: true, force: true });
+    }
+  }
+};
+
+/** Names of the packages present in `nf_modules`. */
+export const installedNames = async (modules: string): Promise<string[]> => {
+  const names: string[] = [];
+  for (const scope of await readdir(modules).catch(() => [])) {
+    if (!scope.startsWith('@')) continue;
+    for (const entry of await readdir(join(modules, scope)).catch(() => [])) {
+      if (!entry.includes(ASIDE)) names.push(`${scope}/${entry}`);
+    }
+  }
+  return names;
+};
+
+/** Writes a whole file or nothing (a temporary file, then a rename). */
+export const writeAtomically = async (path: string, text: string): Promise<void> => {
+  const temp = `${path}.${randomBytes(4).toString('hex')}.tmp`;
+  try {
+    await writeFile(temp, text);
+    await rename(temp, path);
+  } catch (error) {
+    await rm(temp, { force: true });
+    throw error;
+  }
+};
diff --git a/packages/registry/src/project/packages-file.schema.ts b/packages/registry/src/project/packages-file.schema.ts
new file mode 100644
index 00000000..878b6608
--- /dev/null
+++ b/packages/registry/src/project/packages-file.schema.ts
@@ -0,0 +1,19 @@
+import { z } from 'zod';
+
+import { Dependencies, ItemName, ItemVersion } from '../item/item.schema';
+
+export const PackagesList = z.object({ packages: Dependencies.default({}) }).loose();
+export const PackagesLock = z.object({
+  lockVersion: z.literal(1),
+  packages: z
+    .record(
+      ItemName,
+      z.object({
+        version: ItemVersion,
+        sha256: z.string().regex(/^[0-9a-f]{64}$/, 'expected a sha256 in hex'),
+        dependencies: Dependencies.default({}),
+      }),
+    )
+    .default({}),
+});
+export type Lock = z.output<typeof PackagesLock>['packages'];
diff --git a/packages/registry/src/project/project-packages.const.ts b/packages/registry/src/project/project-packages.const.ts
new file mode 100644
index 00000000..43878205
--- /dev/null
+++ b/packages/registry/src/project/project-packages.const.ts
@@ -0,0 +1,5 @@
+/** The packages a project asks for, with version ranges. Written by hand or by tools. */
+export const PACKAGES_FILE = 'nanoforge.packages.json';
+/** What is installed: exact versions and hashes. Written by tools only. */
+export const LOCK_FILE = 'nanoforge.packages.lock.json';
+export const MODULES_DIR = 'nf_modules';
diff --git a/packages/registry/src/project/project-packages.ts b/packages/registry/src/project/project-packages.ts
new file mode 100644
index 00000000..e8682755
--- /dev/null
+++ b/packages/registry/src/project/project-packages.ts
@@ -0,0 +1,389 @@
+import { existsSync } from 'node:fs';
+import { readFile, rename, rm, rmdir, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+import semver from 'semver';
+
+import { installItem } from '../install/install-item';
+import { ItemName, MANIFEST_FILE, type RegistryItem } from '../item/item.schema';
+import { RegistryError } from '../registry/registry.exception';
+import type { Registry } from '../registry/registry.type';
+import { withPathsEntry, withoutPathsEntry } from '../tsconfig-paths';
+import { installedNames, setAside, sweepAside, writeAtomically } from './modules-folder';
+import { type Lock, PackagesList, PackagesLock } from './packages-file.schema';
+import { LOCK_FILE, MODULES_DIR, PACKAGES_FILE } from './project-packages.const';
+import type { InstalledPackage, OutdatedPackage } from './project-packages.type';
+
+const queues = new Map<string, Promise<unknown>>();
+
+/**
+ * The packages of a project: its list (`nanoforge.packages.json`), its lock, and the folders in
+ * `nf_modules`. One version of a package per project; dependencies are installed side by side.
+ * Changes of the same project run one after the other.
+ */
+export class ProjectPackages {
+  constructor(
+    readonly root: string,
+    private readonly _registry: Registry,
+  ) {}
+
+  async list(): Promise<InstalledPackage[]> {
+    const [wanted, lock] = await Promise.all([this._readList(), this._readLock()]);
+    return Object.entries(lock)
+      .map(([name, entry]) => ({
+        name,
+        version: entry.version,
+        ...(wanted[name] !== undefined && { range: wanted[name] }),
+        dependents: Object.entries(lock)
+          .filter(([, other]) => name in other.dependencies)
+          .map(([other]) => other)
+          .sort(),
+        present: existsSync(join(this._folder(name), MANIFEST_FILE)),
+      }))
+      .sort((a, b) => a.name.localeCompare(b.name));
+  }
+
+  /** The installed packages with the newer versions the registry has. */
+  async outdated(): Promise<OutdatedPackage[]> {
+    const lock = await this._readLock();
+    return Promise.all(
+      (await this.list()).map(async (installed): Promise<OutdatedPackage> => {
+        const item = await this._registry.get(installed.name).catch((error: unknown) => {
+          if (error instanceof RegistryError && error.code === 'NOT_FOUND') return undefined;
+          throw error;
+        });
+        if (!item) return installed;
+        const ranges = [
+          ...(installed.range !== undefined ? [installed.range] : []),
+          ...installed.dependents.map((other) => lock[other]!.dependencies[installed.name]!),
+        ];
+        const wanted = item.versions
+          .map((entry) => entry.version)
+          .filter((version) => ranges.every((range) => semver.satisfies(version, range)))
+          .sort(semver.rcompare)[0];
+        const newer = (version: string | undefined) =>
+          version && semver.gt(version, installed.version) ? version : undefined;
+        return {
+          ...installed,
+          ...(newer(wanted) && { wanted: newer(wanted)! }),
+          ...(newer(item.version) && { latest: newer(item.version)! }),
+        };
+      }),
+    );
+  }
+
+  /** Adds a package to the project (`^<newest>` without a range) and installs what it needs. */
+  install(name: string, range?: string): Promise<InstalledPackage[]> {
+    return this._queue(async () => {
+      this._checkName(name);
+      const item = await this._registry.get(name);
+      if (item.type !== 'package')
+        throw new RegistryError('INVALID', `${name} is a ${item.type}, not a package`);
+      const wanted = await this._readList();
+      wanted[name] = range ?? `^${item.version}`;
+      await this._apply(wanted, new Set([name]));
+      return this.list();
+    });
+  }
+
+  /**
+   * Removes a package of the project. Refused while another installed package needs it;
+   * dependencies nobody needs any more go with it.
+   */
+  uninstall(name: string): Promise<InstalledPackage[]> {
+    return this._queue(async () => {
+      this._checkName(name);
+      const wanted = await this._readList();
+      const lock = await this._readLock();
+      const dependents = Object.entries(lock)
+        .filter(([other, entry]) => other !== name && name in entry.dependencies)
+        .map(([other]) => other);
+      if (dependents.length) {
+        throw new RegistryError(
+          'IN_USE',
+          `${name} is needed by ${dependents.join(', ')}: uninstall ${dependents.length > 1 ? 'them' : 'it'} first`,
+        );
+      }
+      if (!(name in wanted) && !(name in lock))
+        throw new RegistryError('NOT_FOUND', `${name} is not installed`);
+      const remaining = Object.fromEntries(
+        Object.entries(wanted).filter(([other]) => other !== name),
+      );
+      await this._apply(remaining, new Set());
+      return this.list();
+    });
+  }
+
+  /** Moves a package to the newest version in its range, or to the newest of all (`latest`). */
+  update(name: string, latest = false): Promise<InstalledPackage[]> {
+    return this._queue(async () => {
+      this._checkName(name);
+      const wanted = await this._readList();
+      if (latest && name in wanted) {
+        const item = await this._registry.get(name);
+        wanted[name] = `^${item.version}`;
+      }
+      await this._apply(wanted, new Set([name]));
+      return this.list();
+    });
+  }
+
+  /**
+   * Installs what the lock lists and `nf_modules` lacks or has in another version (a fresh
+   * clone, a teammate's bump), and removes what the lock no longer lists (a teammate's
+   * uninstall).
+   */
+  restore(): Promise<InstalledPackage[]> {
+    return this._queue(async () => {
+      const lock = await this._readLock();
+      await sweepAside(join(this.root, MODULES_DIR));
+      for (const name of await installedNames(join(this.root, MODULES_DIR))) {
+        if (!(name in lock)) await rm(this._folder(name), { recursive: true, force: true });
+      }
+      for (const [name, entry] of Object.entries(lock)) {
+        if ((await this._installedVersion(name)) === entry.version) continue;
+        await installItem(this._registry, {
+          name,
+          version: entry.version,
+          type: 'package',
+          target: this._folder(name),
+          sha256: entry.sha256,
+        });
+      }
+      await this._syncProjectFiles(lock);
+      return this.list();
+    });
+  }
+
+  /** The version of the installed copy of a package, from its manifest; undefined if none. */
+  private async _installedVersion(name: string): Promise<string | undefined> {
+    const text = await readFile(join(this._folder(name), MANIFEST_FILE), 'utf8').catch(
+      () => undefined,
+    );
+    try {
+      const version = (JSON.parse(text ?? 'null') as { version?: unknown } | null)?.version;
+      return typeof version === 'string' ? version : undefined;
+    } catch {
+      return undefined;
+    }
+  }
+
+  private _folder(name: string): string {
+    return join(this.root, MODULES_DIR, ...name.split('/'));
+  }
+
+  private _checkName(name: string): void {
+    if (!ItemName.safeParse(name).success)
+      throw new RegistryError('INVALID', `${name} is not a valid package name`);
+  }
+
+  private _queue<T>(run: () => Promise<T>): Promise<T> {
+    const previous = queues.get(this.root) ?? Promise.resolve();
+    const next = previous.then(run, run);
+    queues.set(
+      this.root,
+      next.catch(() => undefined),
+    );
+    return next;
+  }
+
+  /**
+   * Resolves the wanted packages and their dependencies to one version each, installs what
+   * changed, removes what is no longer needed, and writes the list, the lock and the paths.
+   * Installed versions are kept when they still fit, except for the names in `refresh`.
+   */
+  private async _apply(
+    wanted: Record<string, string>,
+    refresh: ReadonlySet<string>,
+  ): Promise<void> {
+    const lock = await this._readLock();
+    const items = new Map<string, RegistryItem>();
+    const item = async (name: string) => {
+      let found = items.get(name);
+      if (!found) items.set(name, (found = await this._registry.get(name)));
+      return found;
+    };
+
+    let picks = new Map<string, string>();
+    for (let round = 0; ; round++) {
+      if (round > 50)
+        throw new RegistryError('CONFLICT', 'The dependencies of these packages never settle');
+      const ranges = new Map<string, { range: string; by: string }[]>();
+      const ask = (name: string, range: string, by: string) =>
+        ranges.set(name, [...(ranges.get(name) ?? []), { range, by }]);
+      for (const [name, range] of Object.entries(wanted)) ask(name, range, 'the project');
+      for (const [name, version] of picks) {
+        const dependencies =
+          (await item(name)).versions.find((entry) => entry.version === version)?.dependencies ??
+          {};
+        for (const [dependency, range] of Object.entries(dependencies))
+          ask(dependency, range, `${name}@${version}`);
+      }
+      const next = new Map<string, string>();
+      for (const [name, asked] of ranges) {
+        const found = await item(name);
+        if (found.type !== 'package')
+          throw new RegistryError('INVALID', `${name} is a ${found.type}, not a package`);
+        const fits = (version: string) =>
+          asked.every(({ range }) => semver.satisfies(version, range));
+        const locked = lock[name]?.version;
+        const version =
+          locked && !refresh.has(name) && fits(locked)
+            ? locked
+            : found.versions
+                .map((entry) => entry.version)
+                .filter(fits)
+                .sort(semver.rcompare)[0];
+        if (!version) {
+          throw new RegistryError(
+            'CONFLICT',
+            `No version of ${name} fits ${asked
+              .map(({ range, by }) => `${range} (asked by ${by})`)
+              .join(' and ')}`,
+          );
+        }
+        next.set(name, version);
+      }
+      const settled =
+        next.size === picks.size &&
+        [...next].every(([name, version]) => picks.get(name) === version);
+      picks = next;
+      if (settled) break;
+    }
+
+    await sweepAside(join(this.root, MODULES_DIR));
+    const nextLock: Lock = {};
+    /** Folders replaced or removed, set aside until everything is written. */
+    const aside: { folder: string; previous: string | undefined }[] = [];
+    const listText = await readFile(join(this.root, PACKAGES_FILE), 'utf8').catch(() => undefined);
+    const lockText = await readFile(join(this.root, LOCK_FILE), 'utf8').catch(() => undefined);
+    try {
+      for (const [name, version] of [...picks].sort(([a], [b]) => a.localeCompare(b))) {
+        const entry = (await item(name)).versions.find(
+          (candidate) => candidate.version === version,
+        )!;
+        const current = lock[name];
+        if (current?.version === version && current.sha256 && current.sha256 !== entry.sha256) {
+          throw new RegistryError(
+            'INTEGRITY',
+            `${name}@${version} is not what the lock recorded (another archive under the same version): refusing to install it`,
+          );
+        }
+        const folder = this._folder(name);
+        const upToDate =
+          current?.version === version &&
+          current.sha256 === entry.sha256 &&
+          existsSync(join(folder, MANIFEST_FILE));
+        if (!upToDate) {
+          aside.push({ folder, previous: existsSync(folder) ? await setAside(folder) : undefined });
+          await installItem(this._registry, {
+            name,
+            version,
+            type: 'package',
+            target: folder,
+            sha256: entry.sha256,
+          });
+        }
+        nextLock[name] = { version, sha256: entry.sha256, dependencies: entry.dependencies };
+      }
+      for (const name of Object.keys(lock)) {
+        const folder = this._folder(name);
+        if (!picks.has(name) && existsSync(folder))
+          aside.push({ folder, previous: await setAside(folder) });
+      }
+      await this._writeJson(PACKAGES_FILE, {
+        ...(listText === undefined ? {} : await this._readRawList()),
+        packages: sorted(wanted),
+      });
+      await this._writeJson(LOCK_FILE, { lockVersion: 1, packages: nextLock });
+    } catch (error) {
+      for (const { folder, previous } of aside.reverse()) {
+        if (picks.has(this._nameOf(folder)) || !previous)
+          await rm(folder, { recursive: true, force: true }).catch(() => undefined);
+        if (previous) await rename(previous, folder).catch(() => undefined);
+      }
+      await this._restoreText(PACKAGES_FILE, listText);
+      await this._restoreText(LOCK_FILE, lockText);
+      throw error;
+    }
+    for (const { previous } of aside) {
+      if (previous) await rm(previous, { recursive: true, force: true }).catch(() => undefined);
+    }
+    for (const name of Object.keys(lock)) {
+      if (!picks.has(name))
+        await rmdir(dirname(this._folder(name)))
+          .then(() => rmdir(join(this.root, MODULES_DIR)))
+          .catch(() => undefined);
+    }
+    await this._syncProjectFiles(nextLock, Object.keys(lock));
+  }
+
+  /** Import paths of the installed packages (root tsconfig). The project's .gitignore is its own. */
+  private async _syncProjectFiles(lock: Lock, previous: readonly string[] = []): Promise<void> {
+    const tsconfig = join(this.root, 'tsconfig.json');
+    const original = await readFile(tsconfig, 'utf8').catch(() => undefined);
+    let text = original ?? '{}\n';
+    for (const name of previous) {
+      if (!(name in lock)) text = withoutPathsEntry(text, `${name}/*`);
+    }
+    for (const name of Object.keys(lock))
+      text = withPathsEntry(text, `${name}/*`, `./${MODULES_DIR}/${name}/*`);
+    if (text !== original && (original !== undefined || Object.keys(lock).length))
+      await writeFile(tsconfig, text);
+  }
+
+  private async _readRawList(): Promise<Record<string, unknown>> {
+    const text = await readFile(join(this.root, PACKAGES_FILE), 'utf8').catch(() => undefined);
+    if (text === undefined) return {};
+    try {
+      return JSON.parse(text) as Record<string, unknown>;
+    } catch {
+      throw new RegistryError('INVALID', `${PACKAGES_FILE} is not valid JSON`);
+    }
+  }
+
+  private async _readList(): Promise<Record<string, string>> {
+    const parsed = PackagesList.safeParse(await this._readRawList());
+    if (!parsed.success)
+      throw new RegistryError(
+        'INVALID',
+        `${PACKAGES_FILE} is not valid: ${parsed.error.issues[0]?.message}`,
+      );
+    return { ...parsed.data.packages };
+  }
+
+  private async _readLock(): Promise<Lock> {
+    const text = await readFile(join(this.root, LOCK_FILE), 'utf8').catch(() => undefined);
+    if (text === undefined) return {};
+    let json: unknown;
+    try {
+      json = JSON.parse(text);
+    } catch {
+      throw new RegistryError('INVALID', `${LOCK_FILE} is not valid JSON`);
+    }
+    const parsed = PackagesLock.safeParse(json);
+    if (!parsed.success) throw new RegistryError('INVALID', `${LOCK_FILE} is not valid`);
+    return parsed.data.packages;
+  }
+
+  private _writeJson(file: string, value: unknown): Promise<void> {
+    return writeAtomically(join(this.root, file), `${JSON.stringify(value, null, 2)}\n`);
+  }
+
+  /** Puts back a file's previous text, or removes it when there was none. */
+  private async _restoreText(file: string, text: string | undefined): Promise<void> {
+    const path = join(this.root, file);
+    await (text === undefined ? rm(path, { force: true }) : writeFile(path, text)).catch(
+      () => undefined,
+    );
+  }
+
+  private _nameOf(folder: string): string {
+    return folder
+      .slice(join(this.root, MODULES_DIR).length + 1)
+      .split(/[\\/]/)
+      .join('/');
+  }
+}
+
+const sorted = <T>(record: Record<string, T>): Record<string, T> =>
+  Object.fromEntries(Object.entries(record).sort(([a], [b]) => a.localeCompare(b)));
diff --git a/packages/registry/src/project/project-packages.type.ts b/packages/registry/src/project/project-packages.type.ts
new file mode 100644
index 00000000..6da85ed8
--- /dev/null
+++ b/packages/registry/src/project/project-packages.type.ts
@@ -0,0 +1,17 @@
+export interface InstalledPackage {
+  readonly name: string;
+  readonly version: string;
+  /** The range the project asks for; undefined for a package only others need. */
+  readonly range?: string;
+  /** Installed packages that need it. */
+  readonly dependents: readonly string[];
+  /** Whether its folder is in `nf_modules` (false after a fresh clone: `restore`). */
+  readonly present: boolean;
+}
+
+export interface OutdatedPackage extends InstalledPackage {
+  /** The newest version its range allows, when newer than the installed one. */
+  readonly wanted?: string;
+  /** The newest version of all, when newer than the installed one. */
+  readonly latest?: string;
+}
diff --git a/packages/registry/src/registry/index.ts b/packages/registry/src/registry/index.ts
new file mode 100644
index 00000000..bc6b81a2
--- /dev/null
+++ b/packages/registry/src/registry/index.ts
@@ -0,0 +1,2 @@
+export * from './registry.type';
+export * from './registry.exception';
diff --git a/packages/registry/src/registry/registry.exception.ts b/packages/registry/src/registry/registry.exception.ts
new file mode 100644
index 00000000..90df9e6c
--- /dev/null
+++ b/packages/registry/src/registry/registry.exception.ts
@@ -0,0 +1,12 @@
+import type { RegistryErrorCode } from './registry.type';
+
+/** A failure with a reason a caller can act on (`code`) and a message for people. */
+export class RegistryError extends Error {
+  constructor(
+    readonly code: RegistryErrorCode,
+    message: string,
+  ) {
+    super(message);
+    this.name = 'RegistryError';
+  }
+}
diff --git a/packages/registry/src/registry/registry.type.ts b/packages/registry/src/registry/registry.type.ts
new file mode 100644
index 00000000..83598eda
--- /dev/null
+++ b/packages/registry/src/registry/registry.type.ts
@@ -0,0 +1,13 @@
+import { type RegistryItem, type SearchQuery, type SearchResult } from '../item/item.schema';
+
+export type RegistryErrorCode =
+  'NOT_FOUND' | 'UNAVAILABLE' | 'INVALID' | 'INTEGRITY' | 'CONFLICT' | 'IN_USE';
+
+/** Where items come from: an HTTP registry, or a folder standing in for it. */
+export interface Registry {
+  search(query?: SearchQuery): Promise<SearchResult>;
+  /** Rejects with `NOT_FOUND` for an unknown name. */
+  get(name: string): Promise<RegistryItem>;
+  /** The archive of a version: a zip with `nanoforge.manifest.json` at its root. */
+  download(name: string, version: string): Promise<Uint8Array>;
+}
diff --git a/packages/registry/src/serve/index.ts b/packages/registry/src/serve/index.ts
new file mode 100644
index 00000000..d70c7032
--- /dev/null
+++ b/packages/registry/src/serve/index.ts
@@ -0,0 +1 @@
+export * from './serve-registry';
diff --git a/packages/registry/src/serve/serve-registry.ts b/packages/registry/src/serve/serve-registry.ts
new file mode 100644
index 00000000..99795406
--- /dev/null
+++ b/packages/registry/src/serve/serve-registry.ts
@@ -0,0 +1,51 @@
+import { RegistryError } from '../registry/registry.exception';
+import type { Registry } from '../registry/registry.type';
+import { toPackument, toSearchObject } from '../wire/packument';
+
+const json = (status: number, body: unknown): Response =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+
+/**
+ * The registry's read routes over any registry, as a `fetch` handler: a stand-in server for
+ * tests, and the reference implementation of the contract (`docs/api/registry.md`).
+ */
+export const serveRegistry =
+  (registry: Registry) =>
+  async (input: string | URL | Request): Promise<Response> => {
+    const url = new URL(typeof input === 'string' || input instanceof URL ? input : input.url);
+    const path = decodeURIComponent(url.pathname);
+    try {
+      if (path === '/registry/-/v1/search') {
+        const type = url.searchParams.get('type');
+        const size = Math.min(Math.max(Number(url.searchParams.get('size') ?? 30) || 30, 1), 100);
+        const from = Math.max(Number(url.searchParams.get('from') ?? 0) || 0, 0);
+        const found = await registry.search({
+          ...(type === 'plugin' || type === 'package' ? { type } : {}),
+          q: url.searchParams.get('text') ?? '',
+          page: Math.floor(from / size) + 1,
+          limit: size,
+        });
+        return json(200, { objects: found.items.map(toSearchObject), total: found.total });
+      }
+      const archive = /^\/registry\/(@[^/]+\/([^/]+))\/-\/([^/]+)\.zip$/.exec(path);
+      if (archive) {
+        const [, name, short, file] = archive;
+        if (!file!.startsWith(`${short}-`)) return json(404, { error: 'No such file' });
+        const bytes = await registry.download(name!, file!.slice(short!.length + 1));
+        return new Response(bytes as BodyInit, {
+          status: 200,
+          headers: { 'content-type': 'application/zip' },
+        });
+      }
+      const item = /^\/registry\/(@[^/]+\/[^/]+)$/.exec(path);
+      if (item) return json(200, toPackument(await registry.get(item[1]!)));
+      return json(404, { error: 'No such route' });
+    } catch (error) {
+      if (error instanceof RegistryError && error.code === 'NOT_FOUND')
+        return json(404, { error: error.message });
+      return json(500, { error: error instanceof Error ? error.message : String(error) });
+    }
+  };
diff --git a/packages/registry/src/tsconfig-paths.ts b/packages/registry/src/tsconfig-paths.ts
new file mode 100644
index 00000000..54167932
--- /dev/null
+++ b/packages/registry/src/tsconfig-paths.ts
@@ -0,0 +1,96 @@
+/** Parses a JSON file that may have comments and trailing commas (tsconfig.json). */
+export const parseLooseJson = (text: string): Record<string, unknown> => {
+  try {
+    return JSON.parse(text) as Record<string, unknown>;
+  } catch {
+    const cleaned = text
+      .replace(
+        /("(?:\\.|[^"\\])*")|\/\/[^\n]*|\/\*[\s\S]*?\*\//g,
+        (_match, string: string | undefined) => string ?? '',
+      )
+      .replace(/,(\s*[}\]])/g, '$1');
+    return JSON.parse(cleaned) as Record<string, unknown>;
+  }
+};
+
+const pathsOf = (text: string): Record<string, string[]> =>
+  ((parseLooseJson(text).compilerOptions as { paths?: Record<string, string[]> } | undefined)
+    ?.paths ?? {}) as Record<string, string[]>;
+
+/**
+ * Adds a `compilerOptions.paths` entry to a tsconfig text, keeping its comments and formatting:
+ * inserted into the existing `paths` or `compilerOptions` when there is one. Falls back to
+ * rewriting the JSON when the text is too unusual to edit in place.
+ */
+export const withPathsEntry = (text: string, pattern: string, target: string): string => {
+  if (pathsOf(text)[pattern]?.[0] === target) return text;
+  if (pathsOf(text)[pattern]) text = withoutPathsEntry(text, pattern);
+  const entry = `${JSON.stringify(pattern)}: [${JSON.stringify(target)}]`;
+  const indentOf = (offset: number) =>
+    /^[ \t]*/.exec(text.slice(text.lastIndexOf('\n', offset) + 1))![0];
+  const insertAfterBrace = (match: RegExpExecArray, inner: string) => {
+    const brace = match.index + match[0].length;
+    const empty = /^\s*\}/.test(text.slice(brace));
+    const indent = `${indentOf(match.index)}  `;
+    return `${text.slice(0, brace)}\n${indent}${inner}${empty ? '\n' + indentOf(match.index) : ','}${text.slice(brace)}`;
+  };
+  const candidates = [
+    () => {
+      const match = /"paths"\s*:\s*\{/.exec(text);
+      return match ? insertAfterBrace(match, entry) : undefined;
+    },
+    () => {
+      const match = /"compilerOptions"\s*:\s*\{/.exec(text);
+      return match ? insertAfterBrace(match, `"paths": { ${entry} }`) : undefined;
+    },
+    () => {
+      const match = /^\s*\{/.exec(text);
+      return match
+        ? insertAfterBrace(match, `"compilerOptions": { "paths": { ${entry} } }`)
+        : undefined;
+    },
+  ];
+  for (const candidate of candidates) {
+    const edited = candidate();
+    if (!edited) continue;
+    try {
+      if (pathsOf(edited)[pattern]?.[0] === target) return edited;
+    } catch {}
+  }
+  const config = parseLooseJson(text);
+  const options = (config.compilerOptions ?? {}) as Record<string, unknown>;
+  const paths = (options.paths ?? {}) as Record<string, string[]>;
+  config.compilerOptions = { ...options, paths: { ...paths, [pattern]: [target] } };
+  return `${JSON.stringify(config, null, 2)}\n`;
+};
+
+/** Removes a `compilerOptions.paths` entry, keeping the rest of the text as it is. */
+export const withoutPathsEntry = (text: string, pattern: string): string => {
+  let paths: Record<string, string[]>;
+  try {
+    paths = pathsOf(text);
+  } catch {
+    return text;
+  }
+  if (!(pattern in paths)) return text;
+  const key = JSON.stringify(pattern).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const entry = new RegExp(`[ \\t]*${key}\\s*:\\s*\\[[^\\]]*\\][ \\t]*(,?)[ \\t]*\\r?\\n?`);
+  const match = entry.exec(text);
+  if (match) {
+    let before = text.slice(0, match.index);
+    if (!match[1]) before = before.replace(/,(\s*)$/, '$1');
+    const edited = before + text.slice(match.index + match[0].length);
+    try {
+      if (!(pattern in pathsOf(edited))) return edited;
+    } catch {}
+  }
+  const config = parseLooseJson(text);
+  const options = (config.compilerOptions ?? {}) as Record<string, unknown>;
+  const rest = Object.fromEntries(
+    Object.entries((options.paths ?? {}) as Record<string, string[]>).filter(
+      ([key]) => key !== pattern,
+    ),
+  );
+  config.compilerOptions = { ...options, paths: rest };
+  return `${JSON.stringify(config, null, 2)}\n`;
+};
diff --git a/packages/registry/src/types.ts b/packages/registry/src/types.ts
new file mode 100644
index 00000000..8f091346
--- /dev/null
+++ b/packages/registry/src/types.ts
@@ -0,0 +1,4 @@
+/** The registry's data types: no Node code, so the editor's page and protocol can import them. */
+export * from './item';
+export * from './manifest';
+export * from './registry';
diff --git a/packages/registry/src/wire/index.ts b/packages/registry/src/wire/index.ts
new file mode 100644
index 00000000..e643a5a4
--- /dev/null
+++ b/packages/registry/src/wire/index.ts
@@ -0,0 +1,2 @@
+export * from './wire.schema';
+export * from './packument';
diff --git a/packages/registry/src/wire/packument.ts b/packages/registry/src/wire/packument.ts
new file mode 100644
index 00000000..fbc12ffd
--- /dev/null
+++ b/packages/registry/src/wire/packument.ts
@@ -0,0 +1,89 @@
+import { type z } from 'zod';
+
+import type { RegistryItem, RegistrySummary } from '../item/item.schema';
+import { type Packument, ROUTES, type WireSearch } from './wire.schema';
+
+/** The packument of an item, in the shape the API writes it. */
+export const toPackument = (item: RegistryItem): z.input<typeof Packument> => ({
+  name: item.name,
+  type: item.type,
+  description: item.description,
+  ...(item.author && { author: { name: item.author } }),
+  maintainers: item.author ? [{ name: item.author }] : [],
+  readme: item.readme,
+  'dist-tags': { latest: item.version },
+  versions: Object.fromEntries(
+    item.versions.map((version) => [
+      version.version,
+      {
+        name: item.name,
+        version: version.version,
+        type: item.type,
+        dependencies: version.dependencies,
+        engines: version.engines,
+        kinds: version.kinds,
+        suggestedPlugins: version.suggestedPlugins,
+        contents: version.contents,
+        manifests: version.manifests,
+        dist: { tarball: ROUTES.archive(item.name, version.version), sha256: version.sha256 },
+      },
+    ]),
+  ),
+  time: Object.fromEntries(item.versions.map((version) => [version.version, version.publishedAt])),
+  downloads: { total: item.downloads },
+});
+
+export const fromPackument = (packument: Packument, compare: (a: string, b: string) => number) => {
+  const versions = Object.values(packument.versions)
+    .map((version) => ({
+      version: version.version,
+      publishedAt: packument.time[version.version] ?? '',
+      sha256: version.dist.sha256,
+      dependencies: version.dependencies,
+      engines: version.engines,
+      kinds: version.kinds,
+      suggestedPlugins: version.suggestedPlugins,
+      contents: version.contents ?? [],
+      manifests: version.manifests ?? [],
+    }))
+    .sort((a, b) => compare(a.version, b.version));
+  const latest = packument['dist-tags'].latest;
+  const item: RegistryItem = {
+    name: packument.name,
+    type: packument.type,
+    version: latest,
+    description: packument.description,
+    author: packument.author?.name || packument.maintainers[0]?.name || '',
+    downloads: packument.downloads?.total ?? 0,
+    updatedAt: packument.time[latest] ?? '',
+    kinds: packument.versions[latest]?.kinds ?? {},
+    readme: packument.readme ?? '',
+    versions,
+  };
+  return item;
+};
+
+/** A search result, in the shape the API writes it. */
+export const toSearchObject = (item: RegistrySummary): WireSearch['objects'][number] => ({
+  package: {
+    name: item.name,
+    type: item.type,
+    version: item.version,
+    description: item.description,
+    date: item.updatedAt,
+    ...(item.author && { author: { name: item.author }, publisher: { username: item.author } }),
+    kinds: item.kinds,
+  },
+  downloads: { total: item.downloads },
+});
+
+export const fromSearchObject = (entry: WireSearch['objects'][number]): RegistrySummary => ({
+  name: entry.package.name,
+  type: entry.package.type,
+  version: entry.package.version,
+  description: entry.package.description,
+  author: entry.package.author?.name || entry.package.publisher?.username || '',
+  downloads: entry.downloads?.total ?? 0,
+  updatedAt: entry.package.date,
+  kinds: entry.package.kinds,
+});
diff --git a/packages/registry/src/wire/wire.schema.ts b/packages/registry/src/wire/wire.schema.ts
new file mode 100644
index 00000000..dbf36d96
--- /dev/null
+++ b/packages/registry/src/wire/wire.schema.ts
@@ -0,0 +1,98 @@
+import { z } from 'zod';
+
+import {
+  ItemName,
+  ItemType,
+  ItemVersion,
+  Kinds,
+  ManifestDependencies,
+  VersionContent,
+} from '../item/item.schema';
+
+/**
+ * What goes over HTTP: routes and documents after the npm registry's (a "packument" per item,
+ * archives under `/-/`, search under `/-/v1/search`), so people and tools that know npm find
+ * their way. Differences: every item has a `type`, archives are zip files, every version says
+ * what it holds (`contents`, counted in `kinds`), and `dist` adds a hex `sha256` to npm's
+ * hashes. The contract is `docs/api/registry.md`.
+ */
+export const ROUTES = {
+  search: '/registry/-/v1/search',
+  item: (name: string) => `/registry/${name}`,
+  /** `@scope/name` 1.2.3 → `/registry/@scope/name/-/name-1.2.3.zip`. */
+  archive: (name: string, version: string) =>
+    `/registry/${name}/-/${name.split('/')[1]}-${version}.zip`,
+};
+
+/** `{ name, email?, url? }`; npm also writes `"Name <email> (url)"`. */
+const Person = z.union([
+  z.object({ name: z.string().default('') }).loose(),
+  z.string().transform((text) => ({ name: text.replace(/\s*[<(].*$/, '') })),
+]);
+
+export const WireVersion = z
+  .object({
+    name: ItemName,
+    version: ItemVersion,
+    type: ItemType,
+    dependencies: ManifestDependencies.default({}),
+    engines: z.record(z.string(), z.string()).default({}),
+    kinds: Kinds.default({}),
+    suggestedPlugins: ManifestDependencies.default({}),
+    /** Absent from the abbreviated document (`application/vnd.npm.install-v1+json`). */
+    contents: z.array(VersionContent).optional(),
+    manifests: z.array(z.string()).optional(),
+    dist: z
+      .object({
+        /** URL of the archive, absolute or relative to the registry's base URL. */
+        tarball: z.string(),
+        sha256: z.string().regex(/^[0-9a-f]{64}$/),
+        /** npm's Subresource Integrity string, `sha512-<base64>`. */
+        integrity: z.string().optional(),
+        size: z.number().int().nonnegative().optional(),
+      })
+      .loose(),
+  })
+  .loose();
+export type WireVersion = z.output<typeof WireVersion>;
+
+export const Packument = z
+  .object({
+    name: ItemName,
+    type: ItemType,
+    description: z.string().default(''),
+    author: Person.optional(),
+    maintainers: z.array(Person).default([]),
+    readme: z.string().nullable().default(''),
+    'dist-tags': z.object({ latest: ItemVersion }).loose(),
+    versions: z.record(z.string(), WireVersion),
+    /** ISO dates by version (npm also keeps `created` and `modified` here). */
+    time: z.record(z.string(), z.string()).default({}),
+    downloads: z.object({ total: z.number().int().nonnegative().default(0) }).optional(),
+  })
+  .loose();
+export type Packument = z.output<typeof Packument>;
+
+export const WireSearch = z.object({
+  objects: z.array(
+    z
+      .object({
+        package: z
+          .object({
+            name: ItemName,
+            type: ItemType,
+            version: ItemVersion,
+            description: z.string().default(''),
+            date: z.string().default(''),
+            author: Person.optional(),
+            publisher: z.object({ username: z.string() }).loose().optional(),
+            kinds: Kinds.default({}),
+          })
+          .loose(),
+        downloads: z.object({ total: z.number().int().nonnegative().default(0) }).optional(),
+      })
+      .loose(),
+  ),
+  total: z.number().int().nonnegative(),
+});
+export type WireSearch = z.output<typeof WireSearch>;
diff --git a/packages/registry/test/archive/archive.spec.ts b/packages/registry/test/archive/archive.spec.ts
new file mode 100644
index 00000000..07ff3626
--- /dev/null
+++ b/packages/registry/test/archive/archive.spec.ts
@@ -0,0 +1,29 @@
+import { strToU8, zipSync } from 'fflate';
+import { describe, expect, it } from 'vitest';
+
+import { readArchive } from '../../src/archive/archive';
+
+const CENTRAL_ENTRY = 0x02014b50;
+
+/** A one-file stored zip whose directory claims other packed and unpacked sizes. */
+const lyingZip = (packed: number, unpacked: number): Uint8Array => {
+  const zip = zipSync({ 'a.txt': [strToU8('hello'), { level: 0 }] });
+  const view = new DataView(zip.buffer, zip.byteOffset, zip.byteLength);
+  for (let offset = 0; offset < zip.length - 4; offset++) {
+    if (view.getUint32(offset, true) !== CENTRAL_ENTRY) continue;
+    view.setUint32(offset + 20, packed, true);
+    view.setUint32(offset + 24, unpacked, true);
+  }
+  return zip;
+};
+
+describe('readArchive', () => {
+  it('reads the files of an archive', () => {
+    const files = readArchive(zipSync({ 'a.txt': strToU8('hello') }));
+    expect([...files.keys()]).toEqual(['a.txt']);
+  });
+
+  it('counts what a stored entry allocates, whatever size it claims unpacked', () => {
+    expect(() => readArchive(lyingZip(300 * 1024 * 1024, 0))).toThrow(/too large/);
+  });
+});
diff --git a/packages/registry/test/contract/registry-contract.ts b/packages/registry/test/contract/registry-contract.ts
new file mode 100644
index 00000000..9e113557
--- /dev/null
+++ b/packages/registry/test/contract/registry-contract.ts
@@ -0,0 +1,112 @@
+import { strFromU8, unzipSync } from 'fflate';
+import { describe, expect, it } from 'vitest';
+
+import { sha256 } from '../../src';
+
+/**
+ * What the editor and the CLI need from the registry (docs/api/registry.md), as scenarios that
+ * only speak HTTP and only read. They run against the reference implementation
+ * (`serveRegistry`) in this package's tests, and against a real registry when
+ * `CONTRACT_REGISTRY_URL` is set (see `registry.contract.test.ts`).
+ */
+export interface RegistryTarget {
+  readonly baseUrl: string;
+  readonly fetch: (url: string) => Promise<Response>;
+  /** A published item to read: `@scope/name`. */
+  readonly item: string;
+}
+
+export const registryContract = (target: () => RegistryTarget): void => {
+  const get = (path: string) => {
+    const { baseUrl, fetch } = target();
+    return fetch(new URL(path, baseUrl).toString());
+  };
+  const json = async (path: string) => {
+    const response = await get(path);
+    return { status: response.status, body: (await response.json()) as Record<string, unknown> };
+  };
+  const VERSION = {
+    name: expect.any(String) as string,
+    version: expect.stringMatching(/^\d+\.\d+\.\d+/) as string,
+    type: expect.stringMatching(/^(plugin|package)$/) as string,
+    kinds: expect.any(Object) as object,
+    dist: {
+      tarball: expect.any(String) as string,
+      sha256: expect.stringMatching(/^[0-9a-f]{64}$/) as string,
+    },
+  };
+
+  describe('reading needs no key and no user', () => {
+    it('describes an item: its versions, where their archives are, the latest one', async () => {
+      const { item } = target();
+      const { status, body } = await json(`/registry/${item}`);
+      expect(status).toBe(200);
+      expect(body).toMatchObject({
+        name: item,
+        type: expect.stringMatching(/^(plugin|package)$/) as string,
+        'dist-tags': { latest: expect.any(String) as string },
+        versions: expect.any(Object) as object,
+      });
+      const versions = body.versions as Record<string, unknown>;
+      const latest = (body['dist-tags'] as { latest: string }).latest;
+      expect(versions[latest]).toMatchObject({ ...VERSION, name: item, version: latest });
+      for (const [version, entry] of Object.entries(versions))
+        expect(entry).toMatchObject({ ...VERSION, version });
+      expect((await json(`/registry/${item.replace('/', '%2F')}`)).status).toBe(200);
+    });
+
+    it('answers 404 for an item that does not exist', async () => {
+      expect((await get('/registry/@contract-test/no-such-item')).status).toBe(404);
+    });
+
+    it('serves the archive: a zip with the hash the item gave and its manifest at the root', async () => {
+      const { item, baseUrl, fetch } = target();
+      const { body } = await json(`/registry/${item}`);
+      const latest = (body['dist-tags'] as { latest: string }).latest;
+      const { dist } = (
+        body.versions as Record<string, { dist: { tarball: string; sha256: string } }>
+      )[latest]!;
+      const response = await fetch(new URL(dist.tarball, baseUrl).toString());
+      expect(response.status).toBe(200);
+      const bytes = new Uint8Array(await response.arrayBuffer());
+      expect(sha256(bytes)).toBe(dist.sha256);
+      const manifest = unzipSync(bytes)['nanoforge.manifest.json'];
+      expect(manifest).toBeDefined();
+      expect(JSON.parse(strFromU8(manifest!))).toMatchObject({ name: item, version: latest });
+    });
+
+    it('searches by text and type, in pages', async () => {
+      const { item } = target();
+      const short = item.split('/')[1]!;
+      const { status, body } = await json(
+        `/registry/-/v1/search?text=${encodeURIComponent(short)}&size=50`,
+      );
+      expect(status).toBe(200);
+      expect(body).toMatchObject({ total: expect.any(Number) as number });
+      const objects = body.objects as { package: { name: string; type: string } }[];
+      const found = objects.find((entry) => entry.package.name === item);
+      expect(found).toMatchObject({
+        package: {
+          name: item,
+          version: expect.any(String) as string,
+          type: expect.stringMatching(/^(plugin|package)$/) as string,
+        },
+      });
+
+      const other = found!.package.type === 'plugin' ? 'package' : 'plugin';
+      const filtered = await json(
+        `/registry/-/v1/search?text=${encodeURIComponent(short)}&type=${other}&size=50`,
+      );
+      expect(
+        (filtered.body.objects as { package: { type: string } }[]).every(
+          (entry) => entry.package.type === other,
+        ),
+      ).toBe(true);
+
+      const page = await json('/registry/-/v1/search?text=&size=1&from=0');
+      expect((page.body.objects as unknown[]).length).toBeLessThanOrEqual(1);
+      const none = await json('/registry/-/v1/search?text=zz-no-such-thing-zz');
+      expect(none.body).toMatchObject({ objects: [], total: 0 });
+    });
+  });
+};
diff --git a/packages/registry/test/contract/registry.contract.spec.ts b/packages/registry/test/contract/registry.contract.spec.ts
new file mode 100644
index 00000000..709dc4e7
--- /dev/null
+++ b/packages/registry/test/contract/registry.contract.spec.ts
@@ -0,0 +1,51 @@
+import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, describe } from 'vitest';
+
+import { DirectoryRegistry, serveRegistry } from '../../src';
+import { type RegistryTarget, registryContract } from './registry-contract';
+
+/**
+ * Runs the registry contract. By default against `serveRegistry` over a folder, the reference
+ * implementation. Against a real registry (read-only) with:
+ *
+ *   CONTRACT_REGISTRY_URL=https://api.staging.nanoforge.eu \
+ *   CONTRACT_REGISTRY_ITEM=@scope/name \
+ *   pnpm --filter @nanoforge-dev/registry test:contract
+ */
+const env = process.env;
+let folder: string | undefined;
+let reference: RegistryTarget | undefined;
+
+const local = (): RegistryTarget => {
+  if (reference) return reference;
+  folder = mkdtempSync(join(tmpdir(), 'nf-registry-contract-'));
+  for (const version of ['1.0.0', '1.1.0']) {
+    const dir = join(folder, '@contract/shapes', version);
+    mkdirSync(dir, { recursive: true });
+    writeFileSync(
+      join(dir, 'nanoforge.manifest.json'),
+      JSON.stringify({ type: 'package', name: '@contract/shapes', version, description: 'Shapes' }),
+    );
+    writeFileSync(join(dir, 'circle.ts'), 'export class Circle {}\n');
+  }
+  const serve = serveRegistry(new DirectoryRegistry(folder));
+  return (reference = { baseUrl: 'https://registry.test', fetch: serve, item: '@contract/shapes' });
+};
+
+afterAll(() => folder && rmSync(folder, { recursive: true, force: true }));
+
+describe(
+  env.CONTRACT_REGISTRY_URL ? `registry at ${env.CONTRACT_REGISTRY_URL}` : 'registry (reference)',
+  () =>
+    registryContract(
+      env.CONTRACT_REGISTRY_URL
+        ? () => ({
+            baseUrl: env.CONTRACT_REGISTRY_URL!,
+            fetch: (url) => fetch(url),
+            item: env.CONTRACT_REGISTRY_ITEM ?? '',
+          })
+        : local,
+    ),
+);
diff --git a/packages/registry/test/manifest/package-contents.spec.ts b/packages/registry/test/manifest/package-contents.spec.ts
new file mode 100644
index 00000000..7defa7d1
--- /dev/null
+++ b/packages/registry/test/manifest/package-contents.spec.ts
@@ -0,0 +1,101 @@
+import { describe, expect, it } from 'vitest';
+
+import { countKinds, readPackageContents } from '../../src';
+
+/** A package as files: path → JSON. */
+const reader = (files: Record<string, unknown>) => async (path: string) => files[path];
+
+describe('readPackageContents', () => {
+  it('joins the contents of the sub-manifests, with paths from the package root', async () => {
+    const found = await readPackageContents(
+      {
+        name: '@acme/kit',
+        contents: [{ kind: 'asset', path: 'assets/' }],
+        include: ['src/player', 'data/assets.json'],
+      },
+      reader({
+        'src/player/nanoforge.manifest.json': {
+          contents: [
+            {
+              kind: '@nanoforge/ecs:component',
+              path: 'velocity.ts',
+              export: 'Velocity',
+              '@nanoforge/ecs': { type: 'component' },
+            },
+          ],
+          include: ['ai/'],
+        },
+        'src/player/ai/nanoforge.manifest.json': {
+          contents: [{ kind: '@nanoforge/ecs:system', path: 'chase.ts' }],
+        },
+        'data/assets.json': { contents: [{ kind: 'asset', path: 'music.ogg' }] },
+      }),
+    );
+    expect(found.problems).toEqual([]);
+    expect(found.manifests).toEqual([
+      'src/player/nanoforge.manifest.json',
+      'data/assets.json',
+      'src/player/ai/nanoforge.manifest.json',
+    ]);
+    expect(found.contents).toEqual([
+      { kind: 'asset', path: 'assets/' },
+      {
+        kind: '@nanoforge/ecs:component',
+        path: 'src/player/velocity.ts',
+        export: 'Velocity',
+        '@nanoforge/ecs': { type: 'component' },
+        manifest: 'src/player/nanoforge.manifest.json',
+      },
+      { kind: 'asset', path: 'data/music.ogg', manifest: 'data/assets.json' },
+      {
+        kind: '@nanoforge/ecs:system',
+        path: 'src/player/ai/chase.ts',
+        manifest: 'src/player/ai/nanoforge.manifest.json',
+      },
+    ]);
+    expect(countKinds(found.contents)).toEqual({
+      asset: 2,
+      '@nanoforge/ecs:component': 1,
+      '@nanoforge/ecs:system': 1,
+    });
+  });
+
+  it('skips what the registry refuses, and says why', async () => {
+    const found = await readPackageContents(
+      {
+        contents: [
+          { kind: 'Bad Kind', path: 'a.ts' },
+          { kind: 'file', path: '../outside.ts' },
+          { kind: 'file', path: 'ok.ts' },
+        ],
+        include: ['../up', 'missing', 'self.json', 'self.json'],
+      },
+      reader({ 'self.json': { include: ['nanoforge.manifest.json'] } }),
+    );
+    expect(found.contents).toEqual([{ kind: 'file', path: 'ok.ts' }]);
+    expect(found.manifests).toEqual(['self.json']);
+    expect(found.problems).toEqual([
+      expect.stringContaining('contents[0].kind'),
+      expect.stringContaining('contents[1].path'),
+      expect.stringContaining('include[0]'),
+      expect.stringContaining('self.json is included twice'),
+      'missing/nanoforge.manifest.json: missing, or not a JSON object',
+      expect.stringContaining('nanoforge.manifest.json is included twice'),
+    ]);
+  });
+
+  it('stops past four levels', async () => {
+    const files: Record<string, unknown> = {};
+    let dir = '';
+    for (let depth = 1; depth <= 5; depth++) {
+      dir += `l${depth}/`;
+      files[`${dir}nanoforge.manifest.json`] = {
+        contents: [{ kind: 'file', path: 'x.ts' }],
+        include: [`l${depth + 1}`],
+      };
+    }
+    const found = await readPackageContents({ include: ['l1'] }, reader(files));
+    expect(found.manifests).toHaveLength(4);
+    expect(found.problems).toEqual(['sub-manifests nest at most 4 levels deep']);
+  });
+});
diff --git a/packages/registry/test/registry.spec.ts b/packages/registry/test/registry.spec.ts
new file mode 100644
index 00000000..c02bc869
--- /dev/null
+++ b/packages/registry/test/registry.spec.ts
@@ -0,0 +1,749 @@
+import { zipSync } from 'fflate';
+import {
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  readdirSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import {
+  DirectoryRegistry,
+  ItemVersion,
+  LOCK_FILE,
+  PACKAGES_FILE,
+  ProjectPackages,
+  type Registry,
+  RegistryClient,
+  RegistryError,
+  installItem,
+  pickVersion,
+  serveRegistry,
+  sha256,
+  withPathsEntry,
+  withoutPathsEntry,
+} from '../src';
+
+let workspace: string;
+let registryDir: string;
+let registry: DirectoryRegistry;
+
+/** Publishes a version in the folder registry. */
+const publish = (
+  name: string,
+  version: string,
+  options: {
+    type?: 'package' | 'plugin';
+    dependencies?: Record<string, string>;
+    engines?: Record<string, string>;
+    description?: string;
+    files?: Record<string, string>;
+    /** More fields of the manifest. */
+    manifest?: Record<string, unknown>;
+  } = {},
+) => {
+  const folder = join(registryDir, name, version);
+  mkdirSync(folder, { recursive: true });
+  writeFileSync(
+    join(folder, 'nanoforge.manifest.json'),
+    JSON.stringify({
+      type: options.type ?? 'package',
+      name,
+      version,
+      description: options.description ?? `${name} for tests`,
+      ...(options.dependencies && { dependencies: options.dependencies }),
+      ...(options.engines && { engines: options.engines }),
+      ...options.manifest,
+    }),
+  );
+  for (const [path, text] of Object.entries(options.files ?? { 'index.ts': `// ${version}\n` })) {
+    mkdirSync(join(folder, path, '..'), { recursive: true });
+    writeFileSync(join(folder, path), text);
+  }
+};
+
+const project = (name: string, tsconfig?: string) => {
+  const root = join(workspace, name);
+  mkdirSync(root, { recursive: true });
+  if (tsconfig !== undefined) writeFileSync(join(root, 'tsconfig.json'), tsconfig);
+  return root;
+};
+const read = (root: string, file: string) => readFileSync(join(root, file), 'utf8');
+const json = (root: string, file: string) => JSON.parse(read(root, file)) as Record<string, never>;
+
+beforeAll(() => {
+  workspace = mkdtempSync(join(tmpdir(), 'nf-registry-'));
+  registryDir = join(workspace, 'registry');
+  publish('@acme/shapes', '1.0.0');
+  publish('@acme/shapes', '1.1.0', {
+    files: {
+      'components/circle.ts': 'export class Circle {}\n',
+      'components/nanoforge.manifest.json': JSON.stringify({
+        contents: [{ kind: '@nanoforge/ecs:component', path: 'circle.ts', export: 'Circle' }],
+      }),
+      'assets/logo.png': 'png',
+    },
+    manifest: {
+      include: ['components'],
+      contents: [{ kind: 'asset', path: 'assets/' }],
+      suggestedPlugins: ['@nanoforge/ecs'],
+    },
+  });
+  publish('@acme/shapes', '2.0.0');
+  publish('@acme/render', '1.0.0', {
+    dependencies: { '@acme/shapes': '^1.0.0' },
+    description: 'Draws shapes',
+  });
+  publish('@acme/physics', '1.0.0', { dependencies: { '@acme/shapes': '^2.0.0' } });
+  publish('@acme/tools', '1.0.0', { type: 'plugin', engines: { editor: '>=0.1.0' } });
+  publish('@acme/tools', '2.0.0', { type: 'plugin', engines: { editor: '>=9.0.0' } });
+  writeFileSync(
+    join(registryDir, '@acme/render/registry.json'),
+    JSON.stringify({ author: 'Acme', downloads: 42 }),
+  );
+  writeFileSync(join(registryDir, '@acme/render/1.0.0/README.md'), '# Render\n');
+  mkdirSync(join(registryDir, '@acme/shapes/notes'), { recursive: true });
+  registry = new DirectoryRegistry(registryDir);
+});
+afterAll(() => rmSync(workspace, { recursive: true, force: true }));
+
+describe('registries', () => {
+  const sources: Record<string, () => Registry> = {
+    'a folder': () => registry,
+    http: () =>
+      new RegistryClient({
+        baseUrl: 'https://registry.test',
+        fetch: serveRegistry(registry) as typeof fetch,
+      }),
+  };
+
+  it.each(Object.keys(sources))('searches, describes and downloads from %s', async (label) => {
+    const source = sources[label]!();
+    const all = await source.search();
+    expect(all.total).toBe(4);
+    expect(all.items.map((item) => item.name)).toEqual([
+      '@acme/render',
+      '@acme/physics',
+      '@acme/shapes',
+      '@acme/tools',
+    ]);
+    expect((await source.search({ type: 'plugin' })).items.map((item) => item.name)).toEqual([
+      '@acme/tools',
+    ]);
+    expect((await source.search({ q: 'draws SHAPES' })).items.map((item) => item.name)).toEqual([
+      '@acme/render',
+    ]);
+    expect((await source.search({ limit: 1, page: 2 })).items.map((item) => item.name)).toEqual([
+      '@acme/physics',
+    ]);
+
+    const render = await source.get('@acme/render');
+    expect(render).toMatchObject({
+      type: 'package',
+      version: '1.0.0',
+      author: 'Acme',
+      downloads: 42,
+      readme: '# Render\n',
+    });
+    expect(render.versions[0]!.dependencies).toEqual({ '@acme/shapes': '^1.0.0' });
+    const shapes = await source.get('@acme/shapes');
+    expect(shapes.versions.map((entry) => entry.version)).toEqual(['2.0.0', '1.1.0', '1.0.0']);
+
+    expect(shapes.versions[1]).toMatchObject({
+      kinds: { asset: 1, '@nanoforge/ecs:component': 1 },
+      suggestedPlugins: { '@nanoforge/ecs': '*' },
+    });
+
+    const archive = await source.download('@acme/shapes', '1.1.0');
+    expect(sha256(archive)).toBe(shapes.versions[1]!.sha256);
+    await expect(source.get('@acme/none')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+    await expect(source.download('@acme/shapes', '9.9.9')).rejects.toMatchObject({
+      code: 'NOT_FOUND',
+    });
+  });
+
+  it('speaks the npm registry layout over http', async () => {
+    const serve = serveRegistry(registry);
+    const get = async (path: string) => {
+      const response = await serve(`https://registry.test${path}`);
+      return { status: response.status, body: (await response.json()) as Record<string, never> };
+    };
+    const packument = await get('/registry/@acme%2Frender');
+    expect(packument.body).toMatchObject({
+      name: '@acme/render',
+      type: 'package',
+      'dist-tags': { latest: '1.0.0' },
+      author: { name: 'Acme' },
+      versions: {
+        '1.0.0': {
+          dependencies: { '@acme/shapes': '^1.0.0' },
+          dist: { tarball: '/registry/@acme/render/-/render-1.0.0.zip' },
+        },
+      },
+    });
+    const shapes = await get('/registry/@acme%2Fshapes');
+    expect(shapes.body).toMatchObject({
+      versions: {
+        '1.1.0': {
+          contents: [
+            { kind: 'asset', path: 'assets/' },
+            {
+              kind: '@nanoforge/ecs:component',
+              path: 'components/circle.ts',
+              export: 'Circle',
+              manifest: 'components/nanoforge.manifest.json',
+            },
+          ],
+          manifests: ['components/nanoforge.manifest.json'],
+        },
+      },
+    });
+    expect(
+      (await registry.get('@acme/shapes')).versions.find((v) => v.version === '1.1.0'),
+    ).toMatchObject({
+      manifests: ['components/nanoforge.manifest.json'],
+    });
+    const search = await get('/registry/-/v1/search?text=draws&size=5');
+    expect(search.body).toMatchObject({
+      total: 1,
+      objects: [{ package: { name: '@acme/render', version: '1.0.0' }, downloads: { total: 42 } }],
+    });
+    expect((await get('/registry/@acme/none')).status).toBe(404);
+    expect(
+      (await serve('https://registry.test/registry/@acme/render/-/other-1.0.0.zip')).status,
+    ).toBe(404);
+  });
+
+  it('takes a registry without the search route as not available', async () => {
+    const old = new RegistryClient({
+      baseUrl: 'https://registry.test',
+      fetch: (async () => new Response('{}', { status: 404 })) as typeof fetch,
+    });
+    await expect(old.search()).rejects.toMatchObject({ code: 'UNAVAILABLE' });
+    await expect(old.get('@acme/render')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+
+  it('says so when the registry cannot be reached or answers nonsense', async () => {
+    const down = new RegistryClient({
+      baseUrl: 'https://registry.test',
+      fetch: (async () => {
+        throw new Error('offline');
+      }) as typeof fetch,
+    });
+    await expect(down.search()).rejects.toMatchObject({ code: 'UNAVAILABLE' });
+    const odd = new RegistryClient({
+      baseUrl: 'https://registry.test',
+      fetch: (async () => new Response('{"objects":"no"}', { status: 200 })) as typeof fetch,
+    });
+    await expect(odd.search()).rejects.toMatchObject({ code: 'UNAVAILABLE' });
+  });
+
+  it('follows versions published in the folder', async () => {
+    publish('@acme/late', '1.0.0');
+    expect((await registry.get('@acme/late')).version).toBe('1.0.0');
+    publish('@acme/late', '1.1.0');
+    expect((await registry.get('@acme/late')).version).toBe('1.1.0');
+    rmSync(join(registryDir, '@acme/late'), { recursive: true });
+    await expect(registry.get('@acme/late')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+
+  it('picks the newest version that fits a range and this editor', async () => {
+    const shapes = await registry.get('@acme/shapes');
+    expect(pickVersion(shapes)?.version).toBe('2.0.0');
+    expect(pickVersion(shapes, '^1.0.0')?.version).toBe('1.1.0');
+    expect(pickVersion(shapes, '^3.0.0')).toBeUndefined();
+    const tools = await registry.get('@acme/tools');
+    expect(pickVersion(tools, '*', { editor: '0.1.0' })?.version).toBe('1.0.0');
+    expect(pickVersion(tools, '*', { editor: '9.1.0' })?.version).toBe('2.0.0');
+  });
+
+  it('reads the documents the NanoForge API writes', async () => {
+    const manifest = {
+      name: '@acme/kit',
+      version: '1.2.0',
+      type: 'package',
+      dependencies: ['@acme/shapes'],
+      include: ['src'],
+    };
+    const archive = zipSync({
+      'nanoforge.manifest.json': new TextEncoder().encode(JSON.stringify(manifest)),
+      'src/nanoforge.manifest.json': new TextEncoder().encode('{"contents":[]}'),
+    });
+    const tarball = 'https://api.test/registry/@acme/kit/-/kit-1.2.0.zip';
+    const version = {
+      ...manifest,
+      dependencies: { '@acme/shapes': '*' },
+      contents: [
+        {
+          kind: '@nanoforge/ecs:component',
+          path: 'src/velocity.ts',
+          export: 'Velocity',
+          manifest: 'src/nanoforge.manifest.json',
+          fileCount: 1,
+          size: 120,
+        },
+      ],
+      manifests: ['src/nanoforge.manifest.json'],
+      kinds: { '@nanoforge/ecs:component': 1 },
+      suggestedPlugins: { '@nanoforge/ecs': '^1.0.0' },
+      _id: '@acme/kit@1.2.0',
+      _npmUser: { name: 'acme' },
+      dist: {
+        tarball,
+        integrity: 'sha512-AAAA',
+        shasum: '0'.repeat(40),
+        sha256: sha256(archive),
+        size: archive.length,
+        unpackedSize: 200,
+        fileCount: 2,
+      },
+    };
+    const accepts: (string | null)[] = [];
+    const api = new RegistryClient({
+      baseUrl: 'https://api.test',
+      fetch: (async (input: string, init?: RequestInit) => {
+        const url = new URL(input);
+        accepts.push(new Headers(init?.headers).get('accept'));
+        if (url.pathname === '/registry/-/v1/search')
+          return Response.json({
+            objects: [
+              {
+                package: {
+                  name: '@acme/kit',
+                  scope: 'acme',
+                  type: 'package',
+                  version: '1.2.0',
+                  keywords: [],
+                  date: '2026-10-10T09:00:00.000Z',
+                  publisher: { username: 'acme' },
+                  kinds: version.kinds,
+                  suggestedPlugins: version.suggestedPlugins,
+                },
+                downloads: { total: 3 },
+                score: { final: 1 },
+                searchScore: 1,
+              },
+            ],
+            total: 1,
+            time: 'Sat, 10 Oct 2026 09:00:00 GMT',
+          });
+        if (url.pathname === '/registry/@acme/kit')
+          return Response.json({
+            _id: '@acme/kit',
+            name: '@acme/kit',
+            type: 'package',
+            keywords: [],
+            readme: '',
+            maintainers: [{ name: 'acme' }],
+            'dist-tags': { latest: '1.2.0' },
+            versions: { '1.2.0': version },
+            time: { created: '…', modified: '…', '1.2.0': '2026-10-10T09:00:00.000Z' },
+            downloads: { total: 3 },
+          });
+        if (url.toString() === tarball) return new Response(archive as BodyInit);
+        return Response.json({ error: 'No such route' }, { status: 404 });
+      }) as typeof fetch,
+    });
+
+    expect((await api.search()).items).toEqual([
+      expect.objectContaining({
+        name: '@acme/kit',
+        author: 'acme',
+        kinds: { '@nanoforge/ecs:component': 1 },
+      }),
+    ]);
+    const kit = await api.get('@acme/kit');
+    expect(kit).toMatchObject({ author: 'acme', kinds: { '@nanoforge/ecs:component': 1 } });
+    expect(kit.versions[0]).toMatchObject({
+      dependencies: { '@acme/shapes': '*' },
+      suggestedPlugins: { '@nanoforge/ecs': '^1.0.0' },
+    });
+
+    accepts.length = 0;
+    const target = join(workspace, 'api-kit');
+    const installed = await installItem(api, {
+      name: '@acme/kit',
+      version: '1.2.0',
+      type: 'package',
+      target,
+      sha256: kit.versions[0]!.sha256,
+    });
+    expect(installed.dependencies).toEqual({ '@acme/shapes': '*' });
+    expect(existsSync(join(target, 'src/nanoforge.manifest.json'))).toBe(true);
+    expect(accepts[0]).toContain('application/vnd.npm.install-v1+json');
+  });
+
+  it('keeps its headers off an address a redirect leads to on another origin', async () => {
+    const seen: { url: string; authorization: string | null }[] = [];
+    const api = new RegistryClient({
+      baseUrl: 'https://api.test',
+      headers: () => ({ authorization: 'Bearer secret' }),
+      fetch: (async (input: string, init?: RequestInit) => {
+        seen.push({ url: input, authorization: new Headers(init?.headers).get('authorization') });
+        expect(init?.redirect).toBe('manual');
+        const url = new URL(input);
+        if (url.origin === 'https://api.test' && url.pathname === '/registry/-/v1/search')
+          return new Response(null, {
+            status: 302,
+            headers: { location: 'https://elsewhere.test/search' },
+          });
+        if (url.origin === 'https://elsewhere.test')
+          return new Response(null, { status: 307, headers: { location: '/again' } });
+        return Response.json({ error: 'No such route' }, { status: 404 });
+      }) as typeof fetch,
+    });
+    await expect(api.search()).rejects.toThrow(RegistryError);
+    expect(seen).toEqual([
+      {
+        url: 'https://api.test/registry/-/v1/search?text=&from=0&size=30',
+        authorization: 'Bearer secret',
+      },
+      { url: 'https://elsewhere.test/search', authorization: null },
+      ...Array.from({ length: 4 }, () => ({
+        url: 'https://elsewhere.test/again',
+        authorization: null,
+      })),
+    ]);
+  });
+});
+
+describe('installItem', () => {
+  it('writes the folder, and replaces it', async () => {
+    const target = join(workspace, 'plugins/@acme/tools');
+    await installItem(registry, { name: '@acme/tools', version: '1.0.0', type: 'plugin', target });
+    expect(json(target, 'nanoforge.manifest.json')).toMatchObject({ version: '1.0.0' });
+    writeFileSync(join(target, 'leftover.txt'), 'old');
+    await installItem(registry, { name: '@acme/tools', version: '2.0.0', type: 'plugin', target });
+    expect(json(target, 'nanoforge.manifest.json')).toMatchObject({ version: '2.0.0' });
+    expect(existsSync(join(target, 'leftover.txt'))).toBe(false);
+  });
+
+  it('writes nothing for a wrong hash, a wrong type, a wrong manifest or an unsafe archive', async () => {
+    const target = join(workspace, 'refused/@acme/shapes');
+    const request = { name: '@acme/shapes', version: '1.0.0', type: 'package', target } as const;
+    await expect(
+      installItem(registry, { ...request, sha256: '0'.repeat(64) }),
+    ).rejects.toMatchObject({ code: 'INTEGRITY' });
+    await expect(installItem(registry, { ...request, type: 'plugin' })).rejects.toMatchObject({
+      code: 'INVALID',
+    });
+    await expect(installItem(registry, { ...request, name: '../evil' })).rejects.toMatchObject({
+      code: 'INVALID',
+    });
+    const manifest = new TextEncoder().encode(
+      JSON.stringify({ type: 'package', name: '@acme/shapes', version: '1.0.0' }),
+    );
+    const serving = (files: Record<string, Uint8Array>): Registry => ({
+      ...registry,
+      search: () => registry.search(),
+      get: (name) => registry.get(name),
+      download: async () => zipSync(files),
+    });
+    for (const path of ['../outside.txt', '/etc/passwd', 'a/../../b.txt', 'C:\\x.txt']) {
+      await expect(
+        installItem(serving({ 'nanoforge.manifest.json': manifest, [path]: manifest }), request),
+      ).rejects.toMatchObject({ code: 'INVALID' });
+    }
+    await expect(installItem(serving({ 'other.json': manifest }), request)).rejects.toThrow(
+      /no nanoforge.manifest.json/,
+    );
+    await expect(
+      installItem(
+        {
+          ...serving({}),
+          download: async () => new TextEncoder().encode('not a zip'),
+        },
+        request,
+      ),
+    ).rejects.toThrow(/not a zip/);
+    expect(existsSync(join(workspace, 'refused'))).toBe(false);
+    expect(existsSync(join(workspace, 'outside.txt'))).toBe(false);
+  });
+
+  it('refuses archives that claim to unpack to too much, before unpacking them', async () => {
+    const target = join(workspace, 'bomb/@acme/shapes');
+    const request = { name: '@acme/shapes', version: '1.0.0', type: 'package', target } as const;
+    const zip = zipSync({
+      'nanoforge.manifest.json': new Uint8Array(16),
+      'big.bin': new Uint8Array(64),
+    });
+    const view = new DataView(zip.buffer, zip.byteOffset, zip.byteLength);
+    for (let offset = 0; offset < zip.length - 4; offset++) {
+      const signature = view.getUint32(offset, true);
+      if (signature === 0x04034b50) view.setUint32(offset + 22, 0x7fffffff, true);
+      if (signature === 0x02014b50) view.setUint32(offset + 24, 0x7fffffff, true);
+    }
+    await expect(
+      installItem(
+        {
+          search: () => registry.search(),
+          get: (name) => registry.get(name),
+          download: async () => zip,
+        },
+        request,
+      ),
+    ).rejects.toThrow(/too large/);
+    expect(existsSync(target)).toBe(false);
+  });
+
+  it('keeps the installed copy when a reinstall fails', async () => {
+    const target = join(workspace, 'kept/@acme/shapes');
+    const request = { name: '@acme/shapes', version: '1.0.0', type: 'package', target } as const;
+    await installItem(registry, request);
+    const blocked = new Uint8Array(4);
+    await expect(
+      installItem(
+        {
+          search: () => registry.search(),
+          get: (name) => registry.get(name),
+          download: async () =>
+            zipSync({
+              'nanoforge.manifest.json': new TextEncoder().encode(
+                JSON.stringify({ type: 'package', name: '@acme/shapes', version: '1.0.0' }),
+              ),
+              'index.ts': blocked,
+              'index.ts/inside.ts': blocked,
+            }),
+        },
+        request,
+      ),
+    ).rejects.toThrow();
+    expect(read(target, 'index.ts')).toBe('// 1.0.0\n');
+  });
+});
+
+describe('ProjectPackages', () => {
+  it('installs a package with what it needs, side by side, and keeps the list and the lock', async () => {
+    const root = project(
+      'game',
+      '{\n  // paths of the project\n  "compilerOptions": {\n    "strict": true\n  }\n}\n',
+    );
+    writeFileSync(join(root, '.gitignore'), 'node_modules\n');
+    const packages = new ProjectPackages(root, registry);
+    const installed = await packages.install('@acme/render');
+    expect(installed).toEqual([
+      { name: '@acme/render', version: '1.0.0', range: '^1.0.0', dependents: [], present: true },
+      { name: '@acme/shapes', version: '1.1.0', dependents: ['@acme/render'], present: true },
+    ]);
+    expect(existsSync(join(root, 'nf_modules/@acme/shapes/components/circle.ts'))).toBe(true);
+    expect(json(root, PACKAGES_FILE)).toEqual({ packages: { '@acme/render': '^1.0.0' } });
+    expect(json(root, LOCK_FILE)).toMatchObject({
+      lockVersion: 1,
+      packages: {
+        '@acme/render': { version: '1.0.0', dependencies: { '@acme/shapes': '^1.0.0' } },
+        '@acme/shapes': { version: '1.1.0' },
+      },
+    });
+    const tsconfig = read(root, 'tsconfig.json');
+    expect(tsconfig).toContain('// paths of the project');
+    expect(tsconfig).toContain('"@acme/render/*": ["./nf_modules/@acme/render/*"]');
+    expect(tsconfig).toContain('"@acme/shapes/*": ["./nf_modules/@acme/shapes/*"]');
+    expect(read(root, '.gitignore')).toBe('node_modules\n');
+
+    await expect(packages.uninstall('@acme/shapes')).rejects.toMatchObject({ code: 'IN_USE' });
+    expect(await packages.uninstall('@acme/render')).toEqual([]);
+    expect(existsSync(join(root, 'nf_modules/@acme/render'))).toBe(false);
+    expect(existsSync(join(root, 'nf_modules/@acme/shapes'))).toBe(false);
+    expect(read(root, 'tsconfig.json')).not.toContain('@acme');
+    expect(read(root, 'tsconfig.json')).toContain('// paths of the project');
+    expect(read(root, '.gitignore')).toBe('node_modules\n');
+    await expect(packages.uninstall('@acme/render')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+
+  it('refuses versions that cannot live together, plugins, and unknown names', async () => {
+    const root = project('conflict');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/render');
+    await expect(packages.install('@acme/physics')).rejects.toThrow(
+      /No version of @acme\/shapes fits .*\^1\.0\.0 \(asked by @acme\/render@1\.0\.0\).*\^2\.0\.0/,
+    );
+    expect((await packages.list()).map((entry) => entry.name)).toEqual([
+      '@acme/render',
+      '@acme/shapes',
+    ]);
+    expect(json(root, PACKAGES_FILE)).toEqual({ packages: { '@acme/render': '^1.0.0' } });
+    await expect(packages.install('@acme/tools')).rejects.toThrow(/is a plugin, not a package/);
+    await expect(packages.install('@acme/none')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+    await expect(packages.install('../../etc')).rejects.toMatchObject({ code: 'INVALID' });
+  });
+
+  it('keeps installed versions until asked to update, in the range or to the latest', async () => {
+    const root = project('update');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/shapes', '~1.0.0');
+    expect(await packages.outdated()).toEqual([
+      {
+        name: '@acme/shapes',
+        version: '1.0.0',
+        range: '~1.0.0',
+        dependents: [],
+        present: true,
+        latest: '2.0.0',
+      },
+    ]);
+    writeFileSync(
+      join(root, PACKAGES_FILE),
+      JSON.stringify({ packages: { '@acme/shapes': '^1.0.0' } }),
+    );
+    expect((await packages.outdated())[0]).toMatchObject({ wanted: '1.1.0', latest: '2.0.0' });
+    expect((await packages.list())[0]!.version).toBe('1.0.0');
+    expect((await packages.update('@acme/shapes'))[0]).toMatchObject({ version: '1.1.0' });
+    expect((await packages.update('@acme/shapes', true))[0]).toMatchObject({
+      version: '2.0.0',
+      range: '^2.0.0',
+    });
+    expect(json(root, 'nf_modules/@acme/shapes/nanoforge.manifest.json')).toMatchObject({
+      version: '2.0.0',
+    });
+  });
+
+  it('offers a dependency only the versions its dependents accept', async () => {
+    const root = project('dependency');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/shapes', '1.0.0');
+    await packages.install('@acme/render');
+    writeFileSync(join(root, PACKAGES_FILE), JSON.stringify({ packages: { '@acme/render': '*' } }));
+    const shapes = (await packages.outdated()).find((entry) => entry.name === '@acme/shapes')!;
+    expect(shapes).toMatchObject({ version: '1.0.0', wanted: '1.1.0', latest: '2.0.0' });
+    const updated = await packages.update('@acme/shapes');
+    expect(updated.find((entry) => entry.name === '@acme/shapes')).toMatchObject({
+      version: '1.1.0',
+      dependents: ['@acme/render'],
+    });
+  });
+
+  it('restores nf_modules from the lock, checking the hashes', async () => {
+    const root = project('restore');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/render');
+    rmSync(join(root, 'nf_modules'), { recursive: true });
+    expect((await packages.list()).map((entry) => entry.present)).toEqual([false, false]);
+    expect((await packages.restore()).map((entry) => entry.present)).toEqual([true, true]);
+    expect(existsSync(join(root, 'nf_modules/@acme/shapes/components/circle.ts'))).toBe(true);
+
+    rmSync(join(root, 'nf_modules'), { recursive: true });
+    const lock = json(root, LOCK_FILE) as unknown as {
+      packages: Record<string, { sha256: string }>;
+    };
+    lock.packages['@acme/shapes']!.sha256 = 'f'.repeat(64);
+    writeFileSync(join(root, LOCK_FILE), JSON.stringify(lock));
+    await expect(packages.restore()).rejects.toBeInstanceOf(RegistryError);
+    lock.packages['@acme/shapes']!.sha256 = '';
+    writeFileSync(join(root, LOCK_FILE), JSON.stringify(lock));
+    await expect(packages.restore()).rejects.toMatchObject({ code: 'INVALID' });
+    writeFileSync(join(root, LOCK_FILE), '{ not json');
+    await expect(packages.restore()).rejects.toMatchObject({ code: 'INVALID' });
+  });
+
+  it('restores the version the lock says when another one is installed', async () => {
+    const root = project('restore-bump');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/shapes', '1.0.0');
+    const lock = json(root, LOCK_FILE) as unknown as {
+      packages: Record<string, { version: string; sha256: string }>;
+    };
+    const bumped = await registry.get('@acme/shapes');
+    const next = bumped.versions.find((entry) => entry.version === '1.1.0')!;
+    lock.packages['@acme/shapes'] = {
+      ...lock.packages['@acme/shapes']!,
+      version: '1.1.0',
+      sha256: next.sha256,
+    };
+    writeFileSync(join(root, LOCK_FILE), JSON.stringify(lock));
+    await packages.restore();
+    expect(json(root, 'nf_modules/@acme/shapes/nanoforge.manifest.json')).toMatchObject({
+      version: '1.1.0',
+    });
+  });
+
+  it('refuses a locked version whose archive changed in the registry', async () => {
+    const root = project('integrity');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/shapes', '1.0.0');
+    const lock = json(root, LOCK_FILE) as unknown as {
+      packages: Record<string, { sha256: string }>;
+    };
+    lock.packages['@acme/shapes']!.sha256 = 'a'.repeat(64);
+    writeFileSync(join(root, LOCK_FILE), JSON.stringify(lock));
+    await expect(packages.install('@acme/render')).rejects.toMatchObject({ code: 'INTEGRITY' });
+    expect(json(root, LOCK_FILE)).toEqual(lock);
+    expect(existsSync(join(root, 'nf_modules/@acme/render'))).toBe(false);
+  });
+
+  it('puts every package back when one of several fails to install', async () => {
+    const root = project('rollback');
+    const failing = Object.create(registry) as typeof registry;
+    failing.download = async (name: string, version: string) => {
+      if (name === '@acme/shapes') throw new RegistryError('UNAVAILABLE', 'network down');
+      return registry.download(name, version);
+    };
+    const broken = new ProjectPackages(root, failing);
+    await expect(broken.install('@acme/render')).rejects.toMatchObject({ code: 'UNAVAILABLE' });
+    expect(existsSync(join(root, 'nf_modules/@acme/render'))).toBe(false);
+    expect(existsSync(join(root, LOCK_FILE))).toBe(false);
+    expect(existsSync(join(root, PACKAGES_FILE))).toBe(false);
+  });
+
+  it('removes on restore the packages the lock no longer lists', async () => {
+    const root = project('restore-removed');
+    const packages = new ProjectPackages(root, registry);
+    await packages.install('@acme/shapes', '1.0.0');
+    writeFileSync(join(root, LOCK_FILE), JSON.stringify({ lockVersion: 1, packages: {} }));
+    mkdirSync(join(root, 'nf_modules/@acme/left.nf-old-1234'), { recursive: true });
+    await packages.restore();
+    expect(readdirSync(join(root, 'nf_modules/@acme'))).toEqual([]);
+  });
+
+  it('runs changes of one project one after the other', async () => {
+    const root = project('queue');
+    const packages = new ProjectPackages(root, registry);
+    const [first, second] = await Promise.all([
+      packages.install('@acme/shapes', '^1.0.0'),
+      packages.install('@acme/render'),
+    ]);
+    expect(first.map((entry) => entry.name)).toEqual(['@acme/shapes']);
+    expect(second.map((entry) => entry.name)).toEqual(['@acme/render', '@acme/shapes']);
+    expect(json(root, PACKAGES_FILE)).toEqual({
+      packages: { '@acme/render': '^1.0.0', '@acme/shapes': '^1.0.0' },
+    });
+  });
+});
+
+describe('ItemVersion', () => {
+  it('takes only versions semver reads as they are', () => {
+    for (const version of ['1.0.0', '1.2.3-beta.1', '0.0.1'])
+      expect(ItemVersion.safeParse(version).success).toBe(true);
+    for (const version of ['01.0.0', '1.0.0-..', 'v1.0.0', '1.0'])
+      expect(ItemVersion.safeParse(version).success).toBe(false);
+  });
+});
+
+describe('tsconfig paths', () => {
+  it('adds and removes entries, keeping comments', () => {
+    const text =
+      '{\n  // comment\n  "compilerOptions": {\n    "paths": {\n      "@x/a/*": ["./libs/a/src/*"]\n    }\n  }\n}\n';
+    const added = withPathsEntry(text, '@acme/b/*', './nf_modules/@acme/b/*');
+    expect(added).toContain('// comment');
+    expect(added).toContain('"@acme/b/*": ["./nf_modules/@acme/b/*"],');
+    expect(withPathsEntry(added, '@acme/b/*', './nf_modules/@acme/b/*')).toBe(added);
+    expect(withoutPathsEntry(added, '@acme/b/*')).toBe(text);
+    const two =
+      '{\n  "compilerOptions": {\n    "paths": {\n      "@x/a/*": ["./a/*"],\n      "@x/b/*": ["./b/*"]\n    }\n  },\n  "exclude": ["dist"]\n}\n';
+    expect(withoutPathsEntry(two, '@x/b/*')).toBe(
+      '{\n  "compilerOptions": {\n    "paths": {\n      "@x/a/*": ["./a/*"]\n    }\n  },\n  "exclude": ["dist"]\n}\n',
+    );
+    const removed = withoutPathsEntry(added, '@x/a/*');
+    expect(JSON.parse(removed.replace('// comment', ''))).toEqual({
+      compilerOptions: { paths: { '@acme/b/*': ['./nf_modules/@acme/b/*'] } },
+    });
+    expect(withoutPathsEntry(text, '@none/*')).toBe(text);
+    expect(JSON.parse(withPathsEntry('{}\n', '@a/b/*', './x/*'))).toEqual({
+      compilerOptions: { paths: { '@a/b/*': ['./x/*'] } },
+    });
+  });
+});
diff --git a/packages/registry/tsconfig.json b/packages/registry/tsconfig.json
new file mode 100644
index 00000000..888918d9
--- /dev/null
+++ b/packages/registry/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/rpc/.prettierignore b/packages/rpc/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/rpc/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/rpc/LICENSE b/packages/rpc/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/rpc/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/rpc/README.md b/packages/rpc/README.md
new file mode 100644
index 00000000..389f69fc
--- /dev/null
+++ b/packages/rpc/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/rpc"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Frpc" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-rpc` is an internal package of the NanoForge Editor.
+
+Typed client/server RPC and WebSocket channels.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/rpc
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/rpc/package.json b/packages/rpc/package.json
new file mode 100644
index 00000000..34466cb8
--- /dev/null
+++ b/packages/rpc/package.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-rpc",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Typed client/server RPC and WebSocket channels",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/rpc"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/rpc/src/client/index.ts b/packages/rpc/src/client/index.ts
new file mode 100644
index 00000000..7e42bab2
--- /dev/null
+++ b/packages/rpc/src/client/index.ts
@@ -0,0 +1,2 @@
+export * from './rpc-client.type';
+export * from './rpc-client';
diff --git a/packages/rpc/src/client/rpc-client.ts b/packages/rpc/src/client/rpc-client.ts
new file mode 100644
index 00000000..81c1328d
--- /dev/null
+++ b/packages/rpc/src/client/rpc-client.ts
@@ -0,0 +1,242 @@
+import type { z } from 'zod';
+
+import {
+  type Disposable,
+  Emitter,
+  type Event,
+  type Observable,
+  ObservableValue,
+  createToken,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+
+import { decode, encode } from '../codec/codec';
+import type { ClientMessage, Contract, ServerMessage } from '../contract/contract.type';
+import { RPC_HTTP_PREFIX, RPC_WS_PATH } from '../contract/rpc.const';
+import {
+  RPC_ERROR_STATUS,
+  RpcError,
+  type RpcErrorCode,
+  type RpcErrorPayload,
+} from '../error/rpc.exception';
+import type {
+  CallOptions,
+  ConnectionState,
+  RpcApi,
+  RpcClientOptions,
+  SocketLike,
+} from './rpc-client.type';
+
+interface ActiveSubscription {
+  readonly message: Extract<ClientMessage, { t: 'sub' }>;
+  readonly onEvent: (data: unknown) => void;
+  readonly onError: (error: RpcError) => void;
+  readonly onEnd: () => void;
+}
+
+const OPEN = 1;
+
+const statusCode = (status: number): RpcErrorCode =>
+  (Object.entries(RPC_ERROR_STATUS).find(([, value]) => value === status)?.[0] as RpcErrorCode) ??
+  (status >= 500 ? 'INTERNAL' : 'BAD_REQUEST');
+
+export class RpcClient implements Disposable {
+  private readonly _fetch: typeof fetch;
+  private readonly _subscriptions = new Map<number, ActiveSubscription>();
+  private readonly _state = new ObservableValue<ConnectionState>('idle');
+  private readonly _onDidReconnect = new Emitter<void>();
+  private _socket: SocketLike | undefined;
+  private _nextId = 1;
+  private _attempt = 0;
+  private _heartbeat: ReturnType<typeof setInterval> | undefined;
+  private _reconnectTimer: ReturnType<typeof setTimeout> | undefined;
+  private _awaitingPong = false;
+  private _disposed = false;
+
+  /** Fires after the socket reconnected and subscriptions were restored. */
+  readonly onDidReconnect: Event<void> = this._onDidReconnect.event;
+
+  constructor(private readonly _options: RpcClientOptions) {
+    this._fetch = _options.fetch ?? globalThis.fetch.bind(globalThis);
+  }
+
+  get state(): Observable<ConnectionState> {
+    return this._state.readonly();
+  }
+
+  /** Typed proxy over a contract's methods. */
+  api<C extends Contract>(contract: C): RpcApi<C> {
+    const api: Record<string, unknown> = {};
+    for (const method of Object.keys(contract.methods)) {
+      api[method] = (input: unknown, options?: CallOptions) =>
+        this.call(`${contract.namespace}.${method}`, input, options);
+    }
+    return api as RpcApi<C>;
+  }
+
+  async call(path: string, input: unknown, options: CallOptions = {}): Promise<unknown> {
+    const { signal, timeoutMs } = options;
+    const timeout = timeoutMs === undefined ? undefined : AbortSignal.timeout(timeoutMs);
+    const combined = signal && timeout ? AbortSignal.any([signal, timeout]) : (signal ?? timeout);
+    let response: Response;
+    let text: string;
+    try {
+      response = await this._fetch(new URL(`${RPC_HTTP_PREFIX}${path}`, this._options.baseUrl), {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', ...this._options.headers?.() },
+        body: encode(input ?? null),
+        ...(combined && { signal: combined }),
+      });
+      text = await response.text();
+    } catch (error) {
+      if (signal?.aborted) throw new RpcError('CANCELLED', 'Request cancelled');
+      if (timeout?.aborted)
+        throw new RpcError(
+          'TIMEOUT',
+          `The editor server did not answer ${path} in ${timeoutMs} ms`,
+        );
+      throw new RpcError('UNAVAILABLE', `Editor server unreachable: ${String(error)}`);
+    }
+    let payload: { result?: unknown; error?: RpcErrorPayload | string };
+    try {
+      payload = decode(text);
+    } catch {
+      throw new RpcError(statusCode(response.status), `Unexpected response (${response.status})`);
+    }
+    if (typeof payload.error === 'object') throw RpcError.from(payload.error);
+    if (!response.ok || payload.error !== undefined) {
+      throw new RpcError(statusCode(response.status), String(payload.error ?? response.statusText));
+    }
+    return payload.result;
+  }
+
+  /** Subscribes to a stream; the subscription survives reconnections. */
+  subscribe<C extends Contract, K extends keyof C['streams'] & string>(
+    contract: C,
+    topic: K,
+    params: z.input<C['streams'][K]['params']>,
+    onEvent: (event: z.output<C['streams'][K]['event']>) => void,
+    handlers: { onError?: (error: RpcError) => void; onEnd?: () => void } = {},
+  ): Disposable {
+    const id = this._nextId++;
+    const message: ClientMessage = { t: 'sub', id, ns: contract.namespace, topic, params };
+    this._subscriptions.set(id, {
+      message,
+      onEvent: onEvent as (data: unknown) => void,
+      onError: handlers.onError ?? (() => undefined),
+      onEnd: handlers.onEnd ?? (() => undefined),
+    });
+    this._ensureSocket();
+    this._sendRaw(message);
+    return toDisposable(() => {
+      if (!this._subscriptions.delete(id)) return;
+      this._sendRaw({ t: 'unsub', id });
+    });
+  }
+
+  dispose(): void {
+    this._disposed = true;
+    clearTimeout(this._reconnectTimer);
+    this._stopHeartbeat();
+    this._subscriptions.clear();
+    const socket = this._socket;
+    this._socket = undefined;
+    socket?.close();
+    this._state.set('closed');
+    this._onDidReconnect.dispose();
+  }
+
+  private _ensureSocket(): void {
+    if (this._socket || this._disposed) return;
+    const url = new URL(RPC_WS_PATH, this._options.baseUrl);
+    url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
+    const create =
+      this._options.createSocket ?? ((target: string) => new WebSocket(target) as SocketLike);
+    const socket = create(url.href);
+    this._socket = socket;
+    this._state.set(this._attempt === 0 ? 'connecting' : 'reconnecting');
+
+    socket.onopen = () => {
+      const reconnected = this._attempt > 0;
+      this._attempt = 0;
+      this._state.set('open');
+      for (const subscription of this._subscriptions.values()) this._sendRaw(subscription.message);
+      this._startHeartbeat();
+      if (reconnected) this._onDidReconnect.fire();
+    };
+    socket.onmessage = (event) => this._receive(String(event.data));
+    socket.onerror = () => socket.close();
+    socket.onclose = () => {
+      if (this._socket !== socket) return;
+      this._socket = undefined;
+      this._stopHeartbeat();
+      if (this._disposed) return;
+      if (!this._subscriptions.size) {
+        this._state.set('idle');
+        return;
+      }
+      this._scheduleReconnect();
+    };
+  }
+
+  private _scheduleReconnect(): void {
+    const delays = this._options.reconnectDelays ?? [250, 500, 1000, 2000, 5000];
+    const delay = delays[Math.min(this._attempt, delays.length - 1)]!;
+    this._attempt++;
+    this._state.set('reconnecting');
+    this._reconnectTimer = setTimeout(() => this._ensureSocket(), delay);
+  }
+
+  private _receive(raw: string): void {
+    let message: ServerMessage;
+    try {
+      message = JSON.parse(raw) as ServerMessage;
+    } catch {
+      return;
+    }
+    if (message.t === 'pong') {
+      this._awaitingPong = false;
+      return;
+    }
+    const subscription = this._subscriptions.get(message.id);
+    if (!subscription) return;
+    switch (message.t) {
+      case 'event':
+        subscription.onEvent(decode(JSON.stringify(message.data)));
+        return;
+      case 'error':
+        this._subscriptions.delete(message.id);
+        subscription.onError(RpcError.from(message.error as RpcErrorPayload));
+        return;
+      case 'end':
+        this._subscriptions.delete(message.id);
+        subscription.onEnd();
+    }
+  }
+
+  private _sendRaw(message: ClientMessage): void {
+    if (this._socket?.readyState === OPEN) this._socket.send(JSON.stringify(message));
+  }
+
+  private _startHeartbeat(): void {
+    this._stopHeartbeat();
+    const interval = this._options.heartbeatMs ?? 20_000;
+    this._heartbeat = setInterval(() => {
+      if (this._awaitingPong) {
+        this._socket?.close();
+        return;
+      }
+      this._awaitingPong = true;
+      this._sendRaw({ t: 'ping' });
+    }, interval);
+  }
+
+  private _stopHeartbeat(): void {
+    clearInterval(this._heartbeat);
+    this._heartbeat = undefined;
+    this._awaitingPong = false;
+  }
+}
+
+/** The editor's RPC client, for plugins calling their own server entry. */
+export const RpcClientToken = createToken<RpcClient>('rpc.client');
diff --git a/packages/rpc/src/client/rpc-client.type.ts b/packages/rpc/src/client/rpc-client.type.ts
new file mode 100644
index 00000000..62d734e7
--- /dev/null
+++ b/packages/rpc/src/client/rpc-client.type.ts
@@ -0,0 +1,41 @@
+import type { z } from 'zod';
+
+import type { Contract } from '../contract/contract.type';
+
+/** Per call: cancel it (`signal`), or give up after `timeoutMs` with a `TIMEOUT` error. */
+export interface CallOptions {
+  readonly signal?: AbortSignal;
+  readonly timeoutMs?: number;
+}
+
+export type RpcApi<C extends Contract> = {
+  [K in keyof C['methods']]: (
+    input: z.input<C['methods'][K]['input']>,
+    options?: CallOptions,
+  ) => Promise<z.output<C['methods'][K]['output']>>;
+};
+
+export type ConnectionState = 'idle' | 'connecting' | 'open' | 'reconnecting' | 'closed';
+
+/** Minimal WebSocket surface (browser WebSocket, `ws`, test doubles). */
+export interface SocketLike {
+  readonly readyState: number;
+  onopen: ((event: unknown) => void) | null;
+  onclose: ((event: unknown) => void) | null;
+  onerror: ((event: unknown) => void) | null;
+  onmessage: ((event: { data: unknown }) => void) | null;
+  send(data: string): void;
+  close(): void;
+}
+
+export interface RpcClientOptions {
+  /** Origin of the editor server, e.g. `http://localhost:5173`. */
+  baseUrl: string;
+  fetch?: typeof fetch;
+  /** Extra headers per call (active project, …). */
+  headers?: () => Record<string, string>;
+  createSocket?: (url: string) => SocketLike;
+  heartbeatMs?: number;
+  /** Reconnect delays in ms; the last one repeats. */
+  reconnectDelays?: readonly number[];
+}
diff --git a/packages/rpc/src/codec/codec.ts b/packages/rpc/src/codec/codec.ts
new file mode 100644
index 00000000..6cf79365
--- /dev/null
+++ b/packages/rpc/src/codec/codec.ts
@@ -0,0 +1,41 @@
+/**
+ * JSON with a binary-safe envelope: `Uint8Array`/`ArrayBuffer` become `{ "$bin": base64 }` and
+ * `Date` becomes `{ "$date": iso }`, so file contents can travel through JSON RPC calls.
+ */
+const toBase64 = (bytes: Uint8Array): string => {
+  let binary = '';
+  const chunk = 0x8000;
+  for (let i = 0; i < bytes.length; i += chunk) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
+  }
+  return btoa(binary);
+};
+
+const fromBase64 = (base64: string): Uint8Array => {
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  return bytes;
+};
+
+const isPlainTagged = (value: unknown, tag: string): value is Record<string, string> =>
+  typeof value === 'object' &&
+  value !== null &&
+  Object.keys(value).length === 1 &&
+  typeof (value as Record<string, unknown>)[tag] === 'string';
+
+export const encode = (value: unknown): string =>
+  JSON.stringify(value, function (this: Record<string, unknown>, key, current: unknown) {
+    const raw = this[key];
+    if (raw instanceof Date) return { $date: raw.toISOString() };
+    if (current instanceof Uint8Array) return { $bin: toBase64(current) };
+    if (current instanceof ArrayBuffer) return { $bin: toBase64(new Uint8Array(current)) };
+    return current;
+  });
+
+export const decode = <T = unknown>(text: string): T =>
+  JSON.parse(text, (_key, value: unknown) => {
+    if (isPlainTagged(value, '$bin')) return fromBase64(value.$bin!);
+    if (isPlainTagged(value, '$date')) return new Date(value.$date!);
+    return value;
+  }) as T;
diff --git a/packages/rpc/src/codec/index.ts b/packages/rpc/src/codec/index.ts
new file mode 100644
index 00000000..d612ef20
--- /dev/null
+++ b/packages/rpc/src/codec/index.ts
@@ -0,0 +1 @@
+export * from './codec';
diff --git a/packages/rpc/src/contract/contract.type.ts b/packages/rpc/src/contract/contract.type.ts
new file mode 100644
index 00000000..01aba149
--- /dev/null
+++ b/packages/rpc/src/contract/contract.type.ts
@@ -0,0 +1,62 @@
+import type { z } from 'zod';
+
+export interface MethodDefinition<
+  I extends z.ZodType = z.ZodType,
+  O extends z.ZodType = z.ZodType,
+> {
+  readonly input: I;
+  readonly output: O;
+  /** Callable without an authenticated session. */
+  readonly public?: boolean;
+}
+
+export interface StreamDefinition<
+  P extends z.ZodType = z.ZodType,
+  E extends z.ZodType = z.ZodType,
+> {
+  readonly params: P;
+  readonly event: E;
+  /**
+   * When the client cannot keep up, only the latest pending event is kept (state snapshots).
+   * Otherwise events are queued (change logs).
+   */
+  readonly coalesce?: boolean;
+}
+
+export type MethodMap = Record<string, MethodDefinition>;
+export type StreamMap = Record<string, StreamDefinition>;
+
+export interface Contract<
+  N extends string = string,
+  M extends MethodMap = MethodMap,
+  S extends StreamMap = StreamMap,
+> {
+  readonly namespace: N;
+  readonly methods: M;
+  readonly streams: S;
+}
+
+export type MethodInput<C extends Contract, K extends keyof C['methods']> = z.input<
+  C['methods'][K]['input']
+>;
+export type MethodOutput<C extends Contract, K extends keyof C['methods']> = z.output<
+  C['methods'][K]['output']
+>;
+export type StreamParams<C extends Contract, K extends keyof C['streams']> = z.input<
+  C['streams'][K]['params']
+>;
+export type StreamEvent<C extends Contract, K extends keyof C['streams']> = z.output<
+  C['streams'][K]['event']
+>;
+
+/** Wire messages of the WebSocket channel. */
+export type ClientMessage =
+  | { t: 'sub'; id: number; ns: string; topic: string; params: unknown }
+  | { t: 'unsub'; id: number }
+  | { t: 'ping' };
+
+export type ServerMessage =
+  | { t: 'event'; id: number; data: unknown }
+  | { t: 'error'; id: number; error: { code: string; message: string; data?: unknown } }
+  | { t: 'end'; id: number }
+  | { t: 'pong' };
diff --git a/packages/rpc/src/contract/define-contract.ts b/packages/rpc/src/contract/define-contract.ts
new file mode 100644
index 00000000..6e3f8436
--- /dev/null
+++ b/packages/rpc/src/contract/define-contract.ts
@@ -0,0 +1,17 @@
+import type { Contract, MethodMap, StreamMap } from './contract.type';
+
+export const NAMESPACE_PATTERN =
+  /^[a-z][\w-]*(\.[a-z][\w-]*)*(\.@[a-z0-9][\w-]*\/[a-z0-9][\w-]*)?$/;
+
+/** Declares a typed RPC contract, shared by the client and the server implementation. */
+export const defineContract = <N extends string, M extends MethodMap, S extends StreamMap = {}>(
+  namespace: N,
+  definition: { methods: M; streams?: S },
+): Contract<N, M, S> => {
+  if (!NAMESPACE_PATTERN.test(namespace)) throw new Error(`Invalid RPC namespace "${namespace}"`);
+  return Object.freeze({
+    namespace,
+    methods: definition.methods,
+    streams: (definition.streams ?? {}) as S,
+  });
+};
diff --git a/packages/rpc/src/contract/index.ts b/packages/rpc/src/contract/index.ts
new file mode 100644
index 00000000..89ac3165
--- /dev/null
+++ b/packages/rpc/src/contract/index.ts
@@ -0,0 +1,3 @@
+export * from './contract.type';
+export * from './define-contract';
+export * from './rpc.const';
diff --git a/packages/rpc/src/contract/rpc.const.ts b/packages/rpc/src/contract/rpc.const.ts
new file mode 100644
index 00000000..f223e3d6
--- /dev/null
+++ b/packages/rpc/src/contract/rpc.const.ts
@@ -0,0 +1,4 @@
+/** Header carrying the active project id on HTTP calls. */
+export const PROJECT_HEADER = 'x-nf-project';
+export const RPC_HTTP_PREFIX = '/rpc/';
+export const RPC_WS_PATH = '/rpc/ws';
diff --git a/packages/rpc/src/error/index.ts b/packages/rpc/src/error/index.ts
new file mode 100644
index 00000000..673991fb
--- /dev/null
+++ b/packages/rpc/src/error/index.ts
@@ -0,0 +1 @@
+export * from './rpc.exception';
diff --git a/packages/rpc/src/error/rpc.exception.ts b/packages/rpc/src/error/rpc.exception.ts
new file mode 100644
index 00000000..fd8d19b9
--- /dev/null
+++ b/packages/rpc/src/error/rpc.exception.ts
@@ -0,0 +1,51 @@
+export const RPC_ERROR_STATUS = {
+  BAD_REQUEST: 400,
+  UNAUTHORIZED: 401,
+  FORBIDDEN: 403,
+  NOT_FOUND: 404,
+  CONFLICT: 409,
+  PRECONDITION_FAILED: 412,
+  PAYLOAD_TOO_LARGE: 413,
+  CANCELLED: 499,
+  INTERNAL: 500,
+  UNAVAILABLE: 503,
+  TIMEOUT: 504,
+} as const;
+
+export type RpcErrorCode = keyof typeof RPC_ERROR_STATUS;
+
+export interface RpcErrorPayload {
+  code: RpcErrorCode;
+  message: string;
+  data?: unknown;
+}
+
+/** Error crossing the RPC boundary. Any other error is reported to clients as INTERNAL. */
+export class RpcError extends Error {
+  static from(payload: RpcErrorPayload): RpcError {
+    const code = payload.code in RPC_ERROR_STATUS ? payload.code : 'INTERNAL';
+    return new RpcError(code, payload.message, payload.data);
+  }
+
+  static is(error: unknown, code?: RpcErrorCode): error is RpcError {
+    return error instanceof RpcError && (code === undefined || error.code === code);
+  }
+  constructor(
+    readonly code: RpcErrorCode,
+    message: string,
+    readonly data?: unknown,
+  ) {
+    super(message);
+    this.name = 'RpcError';
+  }
+
+  get status(): number {
+    return RPC_ERROR_STATUS[this.code];
+  }
+
+  toJSON(): RpcErrorPayload {
+    return this.data === undefined
+      ? { code: this.code, message: this.message }
+      : { code: this.code, message: this.message, data: this.data };
+  }
+}
diff --git a/packages/rpc/src/index.ts b/packages/rpc/src/index.ts
new file mode 100644
index 00000000..daf3e63d
--- /dev/null
+++ b/packages/rpc/src/index.ts
@@ -0,0 +1,5 @@
+export * from './client';
+export * from './codec';
+export * from './contract';
+export * from './error';
+export * from './router';
diff --git a/packages/rpc/src/router/index.ts b/packages/rpc/src/router/index.ts
new file mode 100644
index 00000000..ca254b22
--- /dev/null
+++ b/packages/rpc/src/router/index.ts
@@ -0,0 +1,3 @@
+export * from './router.type';
+export * from './rpc-router';
+export * from './rpc-session';
diff --git a/packages/rpc/src/router/router-entries.ts b/packages/rpc/src/router/router-entries.ts
new file mode 100644
index 00000000..ed94bafd
--- /dev/null
+++ b/packages/rpc/src/router/router-entries.ts
@@ -0,0 +1,27 @@
+import { z } from 'zod';
+
+import type { MethodDefinition, StreamDefinition } from '../contract/contract.type';
+import { RpcError } from '../error/rpc.exception';
+import type { HandlerContext, StreamCleanup, StreamSink } from './router.type';
+
+export interface MethodEntry<Ctx> {
+  definition: MethodDefinition;
+  handler: (input: unknown, context: HandlerContext<Ctx>) => unknown;
+}
+
+export interface StreamEntry<Ctx> {
+  definition: StreamDefinition;
+  handler: (
+    params: unknown,
+    context: HandlerContext<Ctx>,
+    sink: StreamSink<unknown>,
+  ) => StreamCleanup | Promise<StreamCleanup>;
+}
+
+export const toRpcError = (error: unknown): RpcError => {
+  if (error instanceof RpcError) return error;
+  if (error instanceof z.ZodError) {
+    return new RpcError('BAD_REQUEST', 'Invalid input', z.flattenError(error));
+  }
+  return new RpcError('INTERNAL', 'Internal error');
+};
diff --git a/packages/rpc/src/router/router.type.ts b/packages/rpc/src/router/router.type.ts
new file mode 100644
index 00000000..610e3e46
--- /dev/null
+++ b/packages/rpc/src/router/router.type.ts
@@ -0,0 +1,59 @@
+import { type z } from 'zod';
+
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+
+import type { Contract } from '../contract/contract.type';
+
+export interface CallInfo {
+  readonly namespace: string;
+  readonly name: string;
+  readonly kind: 'method' | 'stream';
+  readonly public: boolean;
+}
+
+export type HandlerContext<Ctx> = Ctx & { readonly signal: AbortSignal };
+
+/** What a stream handler may return to be notified when the subscription ends. */
+export type StreamCleanup = Disposable | (() => void) | undefined;
+
+export interface StreamSink<E> {
+  emit(event: E): void;
+  /** Ends the stream from the server side. */
+  end(): void;
+  error(error: unknown): void;
+}
+
+type MethodHandlers<C extends Contract, Ctx> = {
+  [K in keyof C['methods']]: (
+    input: z.output<C['methods'][K]['input']>,
+    context: HandlerContext<Ctx>,
+  ) => z.input<C['methods'][K]['output']> | Promise<z.input<C['methods'][K]['output']>>;
+};
+
+type StreamHandlers<C extends Contract, Ctx> = {
+  [K in keyof C['streams']]: (
+    params: z.output<C['streams'][K]['params']>,
+    context: HandlerContext<Ctx>,
+    sink: StreamSink<z.input<C['streams'][K]['event']>>,
+  ) => StreamCleanup | Promise<StreamCleanup>;
+};
+
+export type Implementation<C extends Contract, Ctx> = {
+  methods: MethodHandlers<C, Ctx>;
+} & (keyof C['streams'] extends never
+  ? { streams?: StreamHandlers<C, Ctx> }
+  : { streams: StreamHandlers<C, Ctx> });
+
+export interface RouterOptions<Ctx> {
+  /** Throws (typically `RpcError('UNAUTHORIZED')`) to refuse a call or subscription. */
+  authorize?: (context: Ctx, call: CallInfo) => void | Promise<void>;
+  /** Reports unexpected (non RpcError) failures. */
+  onError?: (error: unknown, call: CallInfo) => void;
+  /** Maximum queued events per subscription before dropping the oldest. */
+  maxQueuedEvents?: number;
+}
+
+export interface HttpResult {
+  readonly status: number;
+  readonly body: string;
+}
diff --git a/packages/rpc/src/router/rpc-router.ts b/packages/rpc/src/router/rpc-router.ts
new file mode 100644
index 00000000..cd6e629e
--- /dev/null
+++ b/packages/rpc/src/router/rpc-router.ts
@@ -0,0 +1,105 @@
+import { type Disposable, toDisposable } from '@nanoforge-dev/editor-kernel';
+
+import { decode, encode } from '../codec/codec';
+import type { Contract } from '../contract/contract.type';
+import { RpcError } from '../error/rpc.exception';
+import { type MethodEntry, type StreamEntry, toRpcError } from './router-entries';
+import type { CallInfo, HttpResult, Implementation, RouterOptions } from './router.type';
+import { RpcSession } from './rpc-session';
+
+/**
+ * Transport-agnostic RPC server: HTTP calls go through `handle`, WebSocket connections through
+ * `createSession`. The server validates inputs and outputs against the contract.
+ */
+export class RpcRouter<Ctx extends object> {
+  private readonly _methods = new Map<string, MethodEntry<Ctx>>();
+  private readonly _streams = new Map<string, StreamEntry<Ctx>>();
+
+  constructor(private readonly _options: RouterOptions<Ctx> = {}) {}
+
+  /**
+   * Registers the handlers of a contract. All or nothing: when a handler is missing or a name is
+   * already taken, nothing stays registered. A contract written by hand (a plugin's server entry
+   * in plain JS) may leave out `methods` or `streams`.
+   */
+  implement<C extends Contract>(contract: C, implementation: Implementation<C, Ctx>): Disposable {
+    const keys: string[] = [];
+    const register = <T>(map: Map<string, T>, name: string, entry: T) => {
+      const key = `${contract.namespace}.${name}`;
+      if (map.has(key)) throw new Error(`RPC "${key}" is already implemented`);
+      map.set(key, entry);
+      keys.push(key);
+    };
+    const unregister = () => {
+      for (const key of keys) {
+        this._methods.delete(key);
+        this._streams.delete(key);
+      }
+    };
+    try {
+      for (const [name, definition] of Object.entries(contract.methods ?? {})) {
+        const handler = (
+          implementation.methods as Record<string, MethodEntry<Ctx>['handler']> | undefined
+        )?.[name];
+        if (!handler) throw new Error(`Missing handler for ${contract.namespace}.${name}`);
+        register(this._methods, name, { definition, handler });
+      }
+      for (const [name, definition] of Object.entries(contract.streams ?? {})) {
+        const handler = (
+          implementation.streams as Record<string, StreamEntry<Ctx>['handler']> | undefined
+        )?.[name];
+        if (!handler) throw new Error(`Missing stream handler for ${contract.namespace}.${name}`);
+        register(this._streams, name, { definition, handler });
+      }
+    } catch (error) {
+      unregister();
+      throw error;
+    }
+    return toDisposable(unregister);
+  }
+
+  /** Runs `<namespace>.<method>` with an encoded input body. */
+  async handle(
+    path: string,
+    body: string,
+    context: Ctx,
+    signal: AbortSignal = new AbortController().signal,
+  ): Promise<HttpResult> {
+    const entry = this._methods.get(path);
+    const dot = path.lastIndexOf('.');
+    const call: CallInfo = {
+      namespace: path.slice(0, dot),
+      name: path.slice(dot + 1),
+      kind: 'method',
+      public: entry?.definition.public ?? false,
+    };
+    try {
+      if (!entry) throw new RpcError('NOT_FOUND', `Unknown RPC method "${path}"`);
+      await this._options.authorize?.(context, call);
+      let raw: unknown;
+      try {
+        raw = body ? decode(body) : undefined;
+      } catch {
+        throw new RpcError('BAD_REQUEST', 'Malformed request body');
+      }
+      const input = entry.definition.input.parse(raw);
+      const result = await entry.handler(input, { ...context, signal });
+      if (signal.aborted) throw new RpcError('CANCELLED', 'Request cancelled');
+      const output = entry.definition.output.parse(result);
+      return { status: 200, body: encode({ result: output }) };
+    } catch (error) {
+      const rpcError = toRpcError(error);
+      if (rpcError.code === 'INTERNAL') this._options.onError?.(error, call);
+      return { status: rpcError.status, body: encode({ error: rpcError.toJSON() }) };
+    }
+  }
+
+  /**
+   * Creates the server side of a WebSocket connection. `send` returns false when the socket is
+   * back-pressured; call `drain` when it can accept data again.
+   */
+  createSession(context: Ctx, send: (message: string) => boolean): RpcSession {
+    const lookup = (key: string) => this._streams.get(key) as StreamEntry<object> | undefined;
+    return new RpcSession(lookup, context, send, this._options as RouterOptions<object>);
+  }
+}
diff --git a/packages/rpc/src/router/rpc-session.ts b/packages/rpc/src/router/rpc-session.ts
new file mode 100644
index 00000000..5f61e516
--- /dev/null
+++ b/packages/rpc/src/router/rpc-session.ts
@@ -0,0 +1,157 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+
+import { encode } from '../codec/codec';
+import type { ClientMessage, ServerMessage } from '../contract/contract.type';
+import { RpcError } from '../error/rpc.exception';
+import { type StreamEntry, toRpcError } from './router-entries';
+import type { CallInfo, RouterOptions, StreamCleanup, StreamSink } from './router.type';
+
+interface Subscription {
+  readonly controller: AbortController;
+  readonly coalesce: boolean;
+  queue: string[];
+  cleanup?: StreamCleanup;
+  closed: boolean;
+}
+
+export class RpcSession implements Disposable {
+  private readonly _subscriptions = new Map<number, Subscription>();
+  private _blocked = false;
+  private _closed = false;
+
+  constructor(
+    private readonly _lookup: (key: string) => StreamEntry<object> | undefined,
+    private readonly _context: object,
+    private readonly _send: (message: string) => boolean,
+    private readonly _options: RouterOptions<object>,
+  ) {}
+
+  get subscriptionCount(): number {
+    return this._subscriptions.size;
+  }
+
+  async receive(raw: string): Promise<void> {
+    let message: ClientMessage;
+    try {
+      message = JSON.parse(raw) as ClientMessage;
+    } catch {
+      return;
+    }
+    if (typeof message !== 'object' || message === null) return;
+    switch (message.t) {
+      case 'ping':
+        this._write({ t: 'pong' });
+        return;
+      case 'unsub':
+        this._close(message.id);
+        return;
+      case 'sub':
+        await this._subscribe(message);
+        return;
+    }
+  }
+
+  /** Flushes queued events after back-pressure. */
+  drain(): void {
+    this._blocked = false;
+    for (const subscription of this._subscriptions.values()) {
+      while (subscription.queue.length && !this._blocked) {
+        this._blocked = !this._send(subscription.queue.shift()!);
+      }
+      if (this._blocked) return;
+    }
+  }
+
+  dispose(): void {
+    this._closed = true;
+    for (const id of [...this._subscriptions.keys()]) this._close(id);
+  }
+
+  private async _subscribe(message: Extract<ClientMessage, { t: 'sub' }>): Promise<void> {
+    const key = `${message.ns}.${message.topic}`;
+    const entry = this._lookup(key);
+    const call: CallInfo = {
+      namespace: message.ns,
+      name: message.topic,
+      kind: 'stream',
+      public: false,
+    };
+    if (this._subscriptions.has(message.id)) return;
+    const subscription: Subscription = {
+      controller: new AbortController(),
+      coalesce: entry?.definition.coalesce ?? false,
+      queue: [],
+      closed: false,
+    };
+    this._subscriptions.set(message.id, subscription);
+    try {
+      if (!entry) throw new RpcError('NOT_FOUND', `Unknown RPC stream "${key}"`);
+      await this._options.authorize?.(this._context, call);
+      const params = entry.definition.params.parse(message.params);
+      const sink: StreamSink<unknown> = {
+        emit: (event) => {
+          if (subscription.controller.signal.aborted) return;
+          this._emit(message.id, subscription, entry.definition.event.parse(event));
+        },
+        end: () => {
+          this._write({ t: 'end', id: message.id });
+          this._close(message.id);
+        },
+        error: (error) => this._fail(message.id, error, call),
+      };
+      const cleanup = await entry.handler(
+        params,
+        { ...this._context, signal: subscription.controller.signal },
+        sink,
+      );
+      if (subscription.controller.signal.aborted) {
+        disposeCleanup(cleanup);
+      } else if (cleanup) {
+        subscription.cleanup = cleanup;
+      }
+    } catch (error) {
+      this._fail(message.id, error, call);
+    }
+  }
+
+  private _emit(id: number, subscription: Subscription, event: unknown): void {
+    const text = JSON.stringify({ t: 'event', id, data: JSON.parse(encode(event)) });
+    if (this._blocked) {
+      if (subscription.coalesce) subscription.queue = [text];
+      else {
+        subscription.queue.push(text);
+        const max = this._options.maxQueuedEvents ?? 10_000;
+        if (subscription.queue.length > max) subscription.queue.shift();
+      }
+      return;
+    }
+    this._blocked = !this._send(text);
+  }
+
+  private _fail(id: number, error: unknown, call: CallInfo): void {
+    const rpcError = toRpcError(error);
+    if (rpcError.code === 'INTERNAL') this._options.onError?.(error, call);
+    this._write({ t: 'error', id, error: rpcError.toJSON() });
+    this._close(id);
+  }
+
+  private _write(message: ServerMessage): void {
+    if (this._closed && message.t !== 'end') return;
+    this._blocked = !this._send(JSON.stringify(message)) || this._blocked;
+  }
+
+  private _close(id: number): void {
+    const subscription = this._subscriptions.get(id);
+    if (!subscription || subscription.closed) return;
+    subscription.closed = true;
+    subscription.controller.abort();
+    this._subscriptions.delete(id);
+    disposeCleanup(subscription.cleanup);
+  }
+}
+
+const disposeCleanup = (cleanup: StreamCleanup) => {
+  if (!cleanup) return;
+  if (typeof cleanup === 'function') cleanup();
+  else cleanup.dispose();
+};
diff --git a/packages/rpc/test/codec/codec.spec.ts b/packages/rpc/test/codec/codec.spec.ts
new file mode 100644
index 00000000..a7feb67a
--- /dev/null
+++ b/packages/rpc/test/codec/codec.spec.ts
@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest';
+
+import { decode, encode } from '../../src/codec/codec';
+
+describe('codec', () => {
+  it('round-trips binary, dates and plain JSON', () => {
+    const bytes = new Uint8Array(70_000).map((_, i) => i % 256);
+    const value = { bytes, when: new Date('2026-09-26T10:00:00Z'), nested: [{ a: 1 }, null] };
+    const decoded = decode<typeof value>(encode(value));
+    expect(decoded.bytes).toBeInstanceOf(Uint8Array);
+    expect(decoded.bytes).toEqual(bytes);
+    expect(decoded.when).toEqual(value.when);
+    expect(decoded.nested).toEqual(value.nested);
+  });
+
+  it('keeps objects that only look like tags if they have other keys', () => {
+    expect(decode(encode({ $bin: 'x', other: 1 }))).toEqual({ $bin: 'x', other: 1 });
+  });
+});
diff --git a/packages/rpc/test/fixtures/harness.ts b/packages/rpc/test/fixtures/harness.ts
new file mode 100644
index 00000000..49ba55ac
--- /dev/null
+++ b/packages/rpc/test/fixtures/harness.ts
@@ -0,0 +1,77 @@
+import { RpcClient } from '../../src/client/rpc-client';
+import type { SocketLike } from '../../src/client/rpc-client.type';
+import type { RpcRouter } from '../../src/router/rpc-router';
+import type { RpcSession } from '../../src/router/rpc-session';
+
+/** In-memory socket connected to a router session. */
+export class FakeSocket implements SocketLike {
+  readyState = 0;
+  onopen: SocketLike['onopen'] = null;
+  onclose: SocketLike['onclose'] = null;
+  onerror: SocketLike['onerror'] = null;
+  onmessage: SocketLike['onmessage'] = null;
+  session: RpcSession | undefined;
+  /** When true, the server side reports back-pressure. */
+  backpressure = false;
+  readonly sent: string[] = [];
+
+  constructor(
+    private readonly router: RpcRouter<{ user: string }>,
+    private readonly context: { user: string },
+  ) {
+    queueMicrotask(() => this.open());
+  }
+
+  open(): void {
+    this.session = this.router.createSession(this.context, (message) => {
+      if (this.readyState !== 1) return false;
+      queueMicrotask(() => this.onmessage?.({ data: message }));
+      return !this.backpressure;
+    });
+    this.readyState = 1;
+    this.onopen?.({});
+  }
+
+  send(data: string): void {
+    this.sent.push(data);
+    void this.session?.receive(data);
+  }
+
+  close(): void {
+    if (this.readyState === 3) return;
+    this.readyState = 3;
+    this.session?.dispose();
+    queueMicrotask(() => this.onclose?.({}));
+  }
+}
+
+export const connect = (
+  router: RpcRouter<{ user: string }>,
+  context = { user: 'alice' },
+  options: { heartbeatMs?: number } = {},
+) => {
+  const sockets: FakeSocket[] = [];
+  const client = new RpcClient({
+    baseUrl: 'http://editor.test',
+    reconnectDelays: [1],
+    ...options,
+    fetch: async (url, init) => {
+      const path = new URL(String(url)).pathname.replace('/rpc/', '');
+      const result = await router.handle(
+        path,
+        String(init?.body ?? ''),
+        context,
+        init?.signal ?? undefined,
+      );
+      return new Response(result.body, { status: result.status });
+    },
+    createSocket: () => {
+      const socket = new FakeSocket(router, context);
+      sockets.push(socket);
+      return socket;
+    },
+  });
+  return { client, sockets };
+};
+
+export const flush = () => new Promise((resolve) => setTimeout(resolve, 0));
diff --git a/packages/rpc/test/rpc.spec.ts b/packages/rpc/test/rpc.spec.ts
new file mode 100644
index 00000000..8a415cfb
--- /dev/null
+++ b/packages/rpc/test/rpc.spec.ts
@@ -0,0 +1,229 @@
+import { describe, expect, it, vi } from 'vitest';
+import { z } from 'zod';
+
+import { toDisposable } from '@nanoforge-dev/editor-kernel';
+
+import { RpcClient, RpcError, RpcRouter, defineContract } from '../src';
+import { connect, flush } from './fixtures/harness';
+
+const Files = defineContract('fs', {
+  methods: {
+    read: {
+      input: z.object({ path: z.string().min(1) }),
+      output: z.object({ content: z.instanceof(Uint8Array), size: z.number() }),
+    },
+    fail: { input: z.null(), output: z.null() },
+    version: { input: z.null(), output: z.string(), public: true },
+  },
+  streams: {
+    changes: {
+      params: z.object({ glob: z.string() }),
+      event: z.object({ path: z.string() }),
+    },
+    status: { params: z.null(), event: z.number(), coalesce: true },
+  },
+});
+
+const createRouter = () => {
+  const emitters = new Map<string, (path: string) => void>();
+  let emitStatus: (n: number) => void = () => undefined;
+  const cleanup = vi.fn();
+  const internal = vi.fn();
+  const router = new RpcRouter<{ user: string }>({
+    authorize: (context, call) => {
+      if (!call.public && context.user !== 'alice') throw new RpcError('UNAUTHORIZED', 'login');
+    },
+    onError: internal,
+  });
+  router.implement(Files, {
+    methods: {
+      read: ({ path }) => ({ content: new TextEncoder().encode(path), size: path.length }),
+      fail: () => {
+        throw new Error('database exploded');
+      },
+      version: () => '1.0.0',
+    },
+    streams: {
+      changes: ({ glob }, _context, sink) => {
+        emitters.set(glob, (path) => sink.emit({ path }));
+        return toDisposable(() => {
+          emitters.delete(glob);
+          cleanup(glob);
+        });
+      },
+      status: (_params, _context, sink) => {
+        emitStatus = (n) => sink.emit(n);
+      },
+    },
+  });
+  return { router, emitters, cleanup, internal, emitStatus: (n: number) => emitStatus(n) };
+};
+
+describe('RPC calls', () => {
+  it('calls typed methods with binary payloads', async () => {
+    const { router } = createRouter();
+    const { client } = connect(router);
+    const result = await client.api(Files).read({ path: 'main.ts' });
+    expect(new TextDecoder().decode(result.content)).toBe('main.ts');
+    expect(result.size).toBe(7);
+  });
+
+  it('validates inputs', async () => {
+    const { router } = createRouter();
+    const { client } = connect(router);
+    await expect(client.api(Files).read({ path: '' })).rejects.toMatchObject({
+      code: 'BAD_REQUEST',
+    });
+  });
+
+  it('hides internal errors and reports them', async () => {
+    const { router, internal } = createRouter();
+    const { client } = connect(router);
+    const error = await client
+      .api(Files)
+      .fail(null)
+      .catch((e: unknown) => e);
+    expect(error).toBeInstanceOf(RpcError);
+    expect(error).toMatchObject({ code: 'INTERNAL', message: 'Internal error' });
+    expect(internal).toHaveBeenCalledOnce();
+  });
+
+  it('authorizes non public methods', async () => {
+    const { router } = createRouter();
+    const { client } = connect(router, { user: 'mallory' });
+    await expect(client.api(Files).version(null)).resolves.toBe('1.0.0');
+    await expect(client.api(Files).read({ path: 'x' })).rejects.toMatchObject({
+      code: 'UNAUTHORIZED',
+    });
+    await expect(client.call('fs.missing', null)).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+});
+
+describe('RPC streams', () => {
+  it('delivers events until unsubscribed', async () => {
+    const { router, emitters, cleanup } = createRouter();
+    const { client } = connect(router);
+    const events: string[] = [];
+    const subscription = client.subscribe(Files, 'changes', { glob: '**/*.ts' }, (e) =>
+      events.push(e.path),
+    );
+    await flush();
+    emitters.get('**/*.ts')!('a.ts');
+    await flush();
+    subscription.dispose();
+    await flush();
+    expect(events).toEqual(['a.ts']);
+    expect(cleanup).toHaveBeenCalledWith('**/*.ts');
+  });
+
+  it('resubscribes after a reconnection', async () => {
+    const { router, emitters } = createRouter();
+    const { client, sockets } = connect(router);
+    const events: string[] = [];
+    const reconnected = vi.fn();
+    client.onDidReconnect(reconnected);
+    client.subscribe(Files, 'changes', { glob: '*' }, (e) => events.push(e.path));
+    await flush();
+    sockets[0]!.close();
+    await new Promise((resolve) => setTimeout(resolve, 10));
+    expect(sockets).toHaveLength(2);
+    expect(reconnected).toHaveBeenCalledOnce();
+    emitters.get('*')!('after.ts');
+    await flush();
+    expect(events).toEqual(['after.ts']);
+    expect(client.state.get()).toBe('open');
+  });
+
+  it('reports stream errors', async () => {
+    const { router } = createRouter();
+    const { client } = connect(router, { user: 'mallory' });
+    const onError = vi.fn();
+    client.subscribe(Files, 'changes', { glob: '*' }, () => undefined, { onError });
+    await flush();
+    await flush();
+    expect(onError.mock.calls[0]![0]).toMatchObject({ code: 'UNAUTHORIZED' });
+  });
+
+  it('coalesces snapshot streams under back-pressure', async () => {
+    const { router, emitStatus } = createRouter();
+    const { client, sockets } = connect(router);
+    const values: number[] = [];
+    client.subscribe(Files, 'status', null, (n) => values.push(n));
+    await flush();
+    const socket = sockets[0]!;
+    socket.backpressure = true;
+    /** Accepted, then the socket reports back-pressure. */
+    emitStatus(1);
+    emitStatus(2);
+    emitStatus(3);
+    socket.backpressure = false;
+    socket.session!.drain();
+    await flush();
+    expect(values).toEqual([1, 3]);
+  });
+
+  it('closes dead connections through the heartbeat', async () => {
+    vi.useFakeTimers();
+    const { router } = createRouter();
+    const { client, sockets } = connect(router, undefined, { heartbeatMs: 1000 });
+    client.subscribe(Files, 'changes', { glob: '*' }, () => undefined);
+    await vi.advanceTimersByTimeAsync(0);
+    sockets[0]!.session!.receive = async () => undefined;
+    await vi.advanceTimersByTimeAsync(2100);
+    expect(sockets[0]!.readyState).toBe(3);
+    vi.useRealTimers();
+  });
+});
+
+describe('RpcRouter.implement', () => {
+  const Greeter = defineContract('greeter', {
+    methods: { hi: { input: z.null(), output: z.string() } },
+    streams: { ticks: { params: z.null(), event: z.number() } },
+  });
+
+  it('registers nothing when a handler is missing', () => {
+    const router = new RpcRouter<object>();
+    expect(() => router.implement(Greeter, { methods: { hi: () => 'hi' } } as never)).toThrow(
+      'Missing stream handler for greeter.ticks',
+    );
+    expect(() =>
+      router.implement(Greeter, { methods: { hi: () => 'hi' }, streams: { ticks: () => {} } }),
+    ).not.toThrow();
+  });
+
+  it('accepts a hand-written contract without streams', () => {
+    const router = new RpcRouter<object>();
+    const contract = { namespace: 'plain', methods: { hi: Greeter.methods.hi } };
+    const implement = () =>
+      router.implement(contract as never, { methods: { hi: () => 'hi' } } as never);
+    const registration = implement();
+    expect(implement).toThrow('RPC "plain.hi" is already implemented');
+    registration.dispose();
+    expect(implement).not.toThrow();
+  });
+});
+
+describe('RpcClient timeouts', () => {
+  /** A server that accepts the request and never answers. */
+  const silent = () =>
+    new RpcClient({
+      baseUrl: 'http://editor.test',
+      fetch: ((_url: unknown, init?: RequestInit) =>
+        new Promise((_resolve, reject) =>
+          init?.signal?.addEventListener('abort', () => reject(init.signal!.reason)),
+        )) as typeof fetch,
+    });
+
+  it('gives up after timeoutMs with a TIMEOUT error', async () => {
+    await expect(silent().api(Files).version(null, { timeoutMs: 20 })).rejects.toMatchObject({
+      code: 'TIMEOUT',
+    });
+  });
+
+  it('reports a cancelled call as cancelled, not timed out', async () => {
+    const controller = new AbortController();
+    const call = silent().api(Files).version(null, { signal: controller.signal, timeoutMs: 1000 });
+    controller.abort();
+    await expect(call).rejects.toMatchObject({ code: 'CANCELLED' });
+  });
+});
diff --git a/packages/rpc/tsconfig.json b/packages/rpc/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/rpc/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/runtime/.prettierignore b/packages/runtime/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/runtime/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/runtime/LICENSE b/packages/runtime/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/runtime/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/runtime/README.md b/packages/runtime/README.md
new file mode 100644
index 00000000..fd22d02b
--- /dev/null
+++ b/packages/runtime/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/runtime"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fruntime" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-runtime` is an internal package of the NanoForge Editor.
+
+Game runtime: build orchestration, client runner, server process manager.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/runtime
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/runtime/package.json b/packages/runtime/package.json
new file mode 100644
index 00000000..84d360c0
--- /dev/null
+++ b/packages/runtime/package.json
@@ -0,0 +1,68 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-runtime",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Game runtime: build orchestration, client runner, server process manager",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/runtime"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@jridgewell/trace-mapping": "catalog:libs",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/editor-settings": "workspace:*",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-server-core": "workspace:*",
+    "@types/node": "catalog:core",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/runtime/src/bridge/bridge-emitter.type.ts b/packages/runtime/src/bridge/bridge-emitter.type.ts
new file mode 100644
index 00000000..b3e97e87
--- /dev/null
+++ b/packages/runtime/src/bridge/bridge-emitter.type.ts
@@ -0,0 +1,9 @@
+/** Engine `EventEmitter` shape (`@nanoforge-dev/common`), the two sides of the editor bridge. */
+export interface BridgeEmitter {
+  on(event: string, listener: (...args: unknown[]) => void): void;
+  off(event: string, listener: (...args: unknown[]) => void): void;
+  emit(event: string, ...args: unknown[]): void;
+  runEvents(): void;
+}
+
+export type Listener = (...args: unknown[]) => void;
diff --git a/packages/runtime/src/bridge/direct-emitter.ts b/packages/runtime/src/bridge/direct-emitter.ts
new file mode 100644
index 00000000..2e61feb5
--- /dev/null
+++ b/packages/runtime/src/bridge/direct-emitter.ts
@@ -0,0 +1,19 @@
+import type { BridgeEmitter } from './bridge-emitter.type';
+
+/**
+ * Engine → editor: delivered to the editor in a microtask (nothing drains it), so editor code
+ * never runs inside an engine tick (the engine tells game console output from the editor's).
+ */
+export class DirectEmitter implements BridgeEmitter {
+  constructor(private readonly _deliver: (event: string, args: unknown[]) => void) {}
+
+  on(): void {}
+
+  off(): void {}
+
+  emit(event: string, ...args: unknown[]): void {
+    queueMicrotask(() => this._deliver(event, args));
+  }
+
+  runEvents(): void {}
+}
diff --git a/packages/runtime/src/bridge/index.ts b/packages/runtime/src/bridge/index.ts
new file mode 100644
index 00000000..453da406
--- /dev/null
+++ b/packages/runtime/src/bridge/index.ts
@@ -0,0 +1,3 @@
+export { type BridgeEmitter } from './bridge-emitter.type';
+export * from './queued-emitter';
+export * from './direct-emitter';
diff --git a/packages/runtime/src/bridge/queued-emitter.ts b/packages/runtime/src/bridge/queued-emitter.ts
new file mode 100644
index 00000000..82b2e7fa
--- /dev/null
+++ b/packages/runtime/src/bridge/queued-emitter.ts
@@ -0,0 +1,36 @@
+import type { BridgeEmitter, Listener } from './bridge-emitter.type';
+
+/** Editor → engine: queued, drained by the engine at the start of each tick. */
+export class QueuedEmitter implements BridgeEmitter {
+  private readonly _listeners = new Map<string, Listener[]>();
+  private _queue: [string, unknown[]][] = [];
+
+  on(event: string, listener: Listener): void {
+    this._listeners.set(event, [...(this._listeners.get(event) ?? []), listener]);
+  }
+
+  off(event: string, listener: Listener): void {
+    this._listeners.set(
+      event,
+      (this._listeners.get(event) ?? []).filter((registered) => registered !== listener),
+    );
+  }
+
+  emit(event: string, ...args: unknown[]): void {
+    this._queue.push([event, args]);
+  }
+
+  runEvents(): void {
+    const pending = this._queue;
+    this._queue = [];
+    for (const [event, args] of pending) {
+      for (const listener of this._listeners.get(event) ?? []) {
+        try {
+          listener(...args);
+        } catch (error) {
+          console.error(error);
+        }
+      }
+    }
+  }
+}
diff --git a/packages/runtime/src/client/game-client-runner.ts b/packages/runtime/src/client/game-client-runner.ts
new file mode 100644
index 00000000..21237dea
--- /dev/null
+++ b/packages/runtime/src/client/game-client-runner.ts
@@ -0,0 +1,135 @@
+import { serializeLogValue } from '@nanoforge-dev/editor-kernel';
+import type { OutputManifest } from '@nanoforge-dev/editor-protocol';
+
+import { DirectEmitter } from '../bridge/direct-emitter';
+import { QueuedEmitter } from '../bridge/queued-emitter';
+import type { ClientRunTarget, ClientRunnerOptions } from './game-client-runner.type';
+
+let runs = 0;
+
+/** Files of a build as the loader gives them to the game: `/path` → versioned URL. */
+export const clientFiles = (manifest: OutputManifest, origin: string): Map<string, string> =>
+  new Map(
+    manifest.files.map((file) => [
+      `/${file.path}`,
+      `${origin}${manifest.baseUrl}${file.path}?v=${file.hash}`,
+    ]),
+  );
+
+/**
+ * Runs a built client in the editor page. Every run imports a fresh module instance (module
+ * state never leaks between runs) into its own container, which is removed on stop.
+ */
+export class GameClientRunner {
+  private readonly _fromEditor = new QueuedEmitter();
+  private _mount: HTMLDivElement | undefined;
+  private _bridged = false;
+  /** `main` was called and has not returned yet: the game may not have said hello yet. */
+  private _starting = false;
+  private _stopped = false;
+  private _stopWaiters: (() => void)[] = [];
+  private _removeErrorListeners: (() => void) | undefined;
+
+  constructor(private readonly _options: ClientRunnerOptions) {}
+
+  /** Whether the game answered with the editor bridge hello. */
+  get bridged(): boolean {
+    return this._bridged;
+  }
+
+  /** Imports and starts the game; resolves when its `main` resolved. */
+  async start(target: ClientRunTarget): Promise<void> {
+    const { manifest, origin } = target;
+    const baseUrl = `${origin}${manifest.baseUrl}`;
+    const mount = target.host.ownerDocument.createElement('div');
+    mount.dataset.nfGame = manifest.app;
+    mount.style.cssText = 'position:absolute;inset:0;overflow:hidden';
+    target.host.append(mount);
+    this._mount = mount;
+    this._watchErrors(baseUrl);
+
+    const entry = manifest.files.find((file) => file.path === manifest.entry);
+    const url = `${baseUrl}${manifest.entry}?v=${entry?.hash ?? manifest.version}&run=${++runs}`;
+    const module = await this._options.importModule(url);
+    if (typeof module.main !== 'function') throw new Error(`${manifest.entry} exports no main`);
+    const toEditor = new DirectEmitter((event, args) => this._onEngineEvent(event, args));
+    this._starting = true;
+    try {
+      await module.main({
+        container: mount,
+        files: clientFiles(manifest, origin),
+        env: target.env,
+        editor: {
+          toEditor,
+          fromEditor: this._fromEditor,
+          serializeLogValue: (value) => serializeLogValue(value),
+        },
+      });
+    } finally {
+      this._starting = false;
+    }
+  }
+
+  send(event: string, args: readonly unknown[] = []): void {
+    this._fromEditor.emit(event, ...args);
+  }
+
+  /**
+   * Asks the game to stop and waits for its `stopped` state (libraries cleared), then removes
+   * its container. Returns false when the game did not stop in time (it may still be running).
+   * A game still in its `main` gets the request too: it is queued, and an engine with the editor
+   * bridge reads it at its first tick (it says hello then).
+   */
+  async stop(timeoutMs = 3000): Promise<boolean> {
+    let clean = this._stopped;
+    if (!clean && (this._bridged || this._starting)) {
+      this.send('stop');
+      clean = await new Promise<boolean>((resolve) => {
+        const timer = setTimeout(() => resolve(false), timeoutMs);
+        this._stopWaiters.push(() => {
+          clearTimeout(timer);
+          resolve(true);
+        });
+      });
+    }
+    this._mount?.remove();
+    this._mount = undefined;
+    this._removeErrorListeners?.();
+    this._removeErrorListeners = undefined;
+    return clean;
+  }
+
+  private _onEngineEvent(event: string, args: unknown[]): void {
+    if (event === 'hello') this._bridged = true;
+    if (event === 'state' && args[0] === 'stopped') {
+      this._stopped = true;
+      for (const waiter of this._stopWaiters.splice(0)) waiter();
+    }
+    this._options.onEvent(event, args);
+  }
+
+  /** Reports uncaught errors whose stack points into the game bundle. */
+  private _watchErrors(baseUrl: string): void {
+    const target =
+      this._options.errorTarget ??
+      ('addEventListener' in globalThis ? (globalThis as unknown as Window) : undefined);
+    if (!target) return;
+    const fromGame = (error: unknown, filename?: string) =>
+      filename?.startsWith(baseUrl) ||
+      (error instanceof Error && (error.stack ?? '').includes(baseUrl));
+    const onError = (event: Event) => {
+      const { error, filename } = event as ErrorEvent;
+      if (fromGame(error, filename)) this._options.onError(error ?? (event as ErrorEvent).message);
+    };
+    const onRejection = (event: Event) => {
+      const { reason } = event as PromiseRejectionEvent;
+      if (fromGame(reason)) this._options.onError(reason);
+    };
+    target.addEventListener('error', onError);
+    target.addEventListener('unhandledrejection', onRejection);
+    this._removeErrorListeners = () => {
+      target.removeEventListener('error', onError);
+      target.removeEventListener('unhandledrejection', onRejection);
+    };
+  }
+}
diff --git a/packages/runtime/src/client/game-client-runner.type.ts b/packages/runtime/src/client/game-client-runner.type.ts
new file mode 100644
index 00000000..1526574c
--- /dev/null
+++ b/packages/runtime/src/client/game-client-runner.type.ts
@@ -0,0 +1,39 @@
+import type { LogValue } from '@nanoforge-dev/editor-kernel';
+import type { OutputManifest } from '@nanoforge-dev/editor-protocol';
+
+import type { BridgeEmitter } from '../bridge/bridge-emitter.type';
+
+/** What a built client exports (`ClientRunOptions` of the engine). */
+export interface GameClientModule {
+  main(options: {
+    container: HTMLDivElement;
+    files: Map<string, string>;
+    env: Record<string, string>;
+    editor: {
+      toEditor: BridgeEmitter;
+      fromEditor: BridgeEmitter;
+      /** Snapshots logged values in the editor's format (the engine has no serializer of its own). */
+      serializeLogValue: (value: unknown) => LogValue;
+    };
+  }): Promise<void> | void;
+}
+
+export interface ClientRunnerOptions {
+  /** Loads the game bundle (`import()` in browsers). */
+  readonly importModule: (url: string) => Promise<GameClientModule>;
+  /** Engine → editor events (`hello`, `state`, custom events). */
+  readonly onEvent: (event: string, args: unknown[]) => void;
+  /** Uncaught errors thrown by the game code. */
+  readonly onError: (error: unknown) => void;
+  /** Where uncaught errors are observed (defaults to `globalThis`). */
+  readonly errorTarget?: Pick<Window, 'addEventListener' | 'removeEventListener'>;
+}
+
+export interface ClientRunTarget {
+  /** Element the game container is added to. */
+  readonly host: HTMLElement;
+  readonly manifest: OutputManifest;
+  readonly env: Record<string, string>;
+  /** Origin the build output is served from (`location.origin`). */
+  readonly origin: string;
+}
diff --git a/packages/runtime/src/client/index.ts b/packages/runtime/src/client/index.ts
new file mode 100644
index 00000000..1dfb3aaf
--- /dev/null
+++ b/packages/runtime/src/client/index.ts
@@ -0,0 +1,2 @@
+export * from './game-client-runner.type';
+export * from './game-client-runner';
diff --git a/packages/runtime/src/compatibility/check-compatibility.ts b/packages/runtime/src/compatibility/check-compatibility.ts
new file mode 100644
index 00000000..e765cfdd
--- /dev/null
+++ b/packages/runtime/src/compatibility/check-compatibility.ts
@@ -0,0 +1,43 @@
+import { RUNTIME_PROTOCOL_VERSION } from '@nanoforge-dev/editor-protocol';
+
+import type { GameCompatibility } from './game-compatibility.type';
+
+const ADD_LIBRARY =
+  'Register the editor library in its main.ts: app.use(new EditorLibrary()), from @nanoforge-dev/editor-lib (NanoForge engine 2.0 and later).';
+const UPDATE_ENGINE =
+  'Update the NanoForge engine packages of the project (@nanoforge-dev/core and the other @nanoforge-dev libraries).';
+
+/** Compares the `hello` of a game (undefined when it never said hello) with the editor. */
+export const checkCompatibility = (
+  source: 'client' | 'server',
+  app: string,
+  hello: { protocolVersion?: number } | undefined,
+  editorVersion = RUNTIME_PROTOCOL_VERSION,
+): GameCompatibility => {
+  const side = source === 'client' ? 'game client' : 'game server';
+  if (!hello) {
+    return {
+      source,
+      app,
+      status: 'legacy',
+      message: `The ${side} has no editor bridge: Pause, Step and the live views are unavailable${source === 'client' ? ", and Stop can't end it (it keeps running until Run › Reload editor runtime)" : ''}. ${ADD_LIBRARY}`,
+    };
+  }
+  const version = hello.protocolVersion ?? 0;
+  if (version === editorVersion) return { source, app, status: 'ok', protocolVersion: version };
+  return version < editorVersion
+    ? {
+        source,
+        app,
+        status: 'older',
+        protocolVersion: version,
+        message: `The ${side} speaks editor protocol ${version}, older than this editor (${editorVersion}): some editor features may not work. ${UPDATE_ENGINE}`,
+      }
+    : {
+        source,
+        app,
+        status: 'newer',
+        protocolVersion: version,
+        message: `The ${side} speaks editor protocol ${version}, newer than this editor (${editorVersion}): update the NanoForge editor.`,
+      };
+};
diff --git a/packages/runtime/src/compatibility/game-compatibility.type.ts b/packages/runtime/src/compatibility/game-compatibility.type.ts
new file mode 100644
index 00000000..58477505
--- /dev/null
+++ b/packages/runtime/src/compatibility/game-compatibility.type.ts
@@ -0,0 +1,15 @@
+/** How well a running game and the editor understand each other. */
+export interface GameCompatibility {
+  readonly source: 'client' | 'server';
+  readonly app: string;
+  /**
+   * - `ok`: same protocol.
+   * - `legacy`: the game never said `hello`: it does not register the editor library
+   *   (`EditorLibrary` of `@nanoforge-dev/editor-lib`), or its engine predates the bridge.
+   * - `older` / `newer`: the engine speaks an older / newer protocol than the editor.
+   */
+  readonly status: 'ok' | 'legacy' | 'older' | 'newer';
+  readonly protocolVersion?: number;
+  /** What it means and what to do, for the user (absent when `ok`). */
+  readonly message?: string;
+}
diff --git a/packages/runtime/src/compatibility/index.ts b/packages/runtime/src/compatibility/index.ts
new file mode 100644
index 00000000..42067925
--- /dev/null
+++ b/packages/runtime/src/compatibility/index.ts
@@ -0,0 +1,3 @@
+export * from './game-compatibility.type';
+export * from './check-compatibility';
+export * from './merge-features';
diff --git a/packages/runtime/src/compatibility/merge-features.ts b/packages/runtime/src/compatibility/merge-features.ts
new file mode 100644
index 00000000..107dc7c8
--- /dev/null
+++ b/packages/runtime/src/compatibility/merge-features.ts
@@ -0,0 +1,51 @@
+import type { EngineFeatures } from '@nanoforge-dev/editor-protocol';
+
+/**
+ * Merges the engine features requested by the editor and plugins: the shortest frame stats
+ * interval, logs if anyone wants them, the highest network trace rates and payload size, the
+ * shortest live world and scenes intervals.
+ */
+export const mergeFeatures = (requests: readonly EngineFeatures[]): EngineFeatures => {
+  const merged: EngineFeatures = {};
+  for (const request of requests) {
+    if (request.frameStats) {
+      merged.frameStats = {
+        intervalMs: Math.min(
+          merged.frameStats?.intervalMs ?? Infinity,
+          request.frameStats.intervalMs,
+        ),
+      };
+    }
+    if (request.logs) merged.logs = true;
+    if (request.viewport) merged.viewport = true;
+    if (request.ecsWorld) {
+      merged.ecsWorld = {
+        intervalMs: Math.min(merged.ecsWorld?.intervalMs ?? Infinity, request.ecsWorld.intervalMs),
+      };
+    }
+    if (request.scenes) {
+      merged.scenes = {
+        intervalMs: Math.min(merged.scenes?.intervalMs ?? Infinity, request.scenes.intervalMs),
+      };
+    }
+    if (request.ecsSystemStats) {
+      merged.ecsSystemStats = {
+        intervalMs: Math.min(
+          merged.ecsSystemStats?.intervalMs ?? Infinity,
+          request.ecsSystemStats.intervalMs,
+        ),
+      };
+    }
+    if (request.networkTrace) {
+      const current = merged.networkTrace ?? {};
+      merged.networkTrace = {
+        sampleRate: Math.max(current.sampleRate ?? 0, request.networkTrace.sampleRate ?? 1),
+        maxPerSecond: Math.max(current.maxPerSecond ?? 0, request.networkTrace.maxPerSecond ?? 100),
+        ...((current.maxBytes ?? request.networkTrace.maxBytes) !== undefined && {
+          maxBytes: Math.max(current.maxBytes ?? 0, request.networkTrace.maxBytes ?? 0),
+        }),
+      };
+    }
+  }
+  return merged;
+};
diff --git a/packages/runtime/src/index.ts b/packages/runtime/src/index.ts
new file mode 100644
index 00000000..88390595
--- /dev/null
+++ b/packages/runtime/src/index.ts
@@ -0,0 +1,6 @@
+export * from './bridge';
+export * from './client';
+export * from './compatibility';
+export * from './service';
+export * from './settings';
+export * from './source-map';
diff --git a/packages/runtime/src/service/index.ts b/packages/runtime/src/service/index.ts
new file mode 100644
index 00000000..37f5a536
--- /dev/null
+++ b/packages/runtime/src/service/index.ts
@@ -0,0 +1,2 @@
+export * from './runtime-service.type';
+export * from './runtime-service';
diff --git a/packages/runtime/src/service/play.exception.ts b/packages/runtime/src/service/play.exception.ts
new file mode 100644
index 00000000..1ccb4210
--- /dev/null
+++ b/packages/runtime/src/service/play.exception.ts
@@ -0,0 +1,10 @@
+import type { BuildDiagnostic } from '@nanoforge-dev/editor-protocol';
+
+export class PlayError extends Error {
+  constructor(
+    message: string,
+    readonly diagnostics?: readonly BuildDiagnostic[],
+  ) {
+    super(message);
+  }
+}
diff --git a/packages/runtime/src/service/runtime-service.ts b/packages/runtime/src/service/runtime-service.ts
new file mode 100644
index 00000000..f23566b1
--- /dev/null
+++ b/packages/runtime/src/service/runtime-service.ts
@@ -0,0 +1,595 @@
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type LogValue,
+  type Observable,
+  ObservableValue,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type AppModel,
+  type BuildStatus,
+  type EngineFeatures,
+  type EngineFrameStats,
+  RUNTIME_PROTOCOL_VERSION,
+  RuntimeContract,
+  type RuntimeEvent,
+} from '@nanoforge-dev/editor-protocol';
+
+import { GameClientRunner } from '../client/game-client-runner';
+import type { GameClientModule } from '../client/game-client-runner.type';
+import { checkCompatibility } from '../compatibility/check-compatibility';
+import type { GameCompatibility } from '../compatibility/game-compatibility.type';
+import { mergeFeatures } from '../compatibility/merge-features';
+import { SourceMaps } from '../source-map/source-maps';
+import type { SourceLocation } from '../source-map/source-maps.type';
+import { PlayError } from './play.exception';
+import type {
+  GameEvent,
+  PlayMode,
+  PlaySession,
+  PlayState,
+  RuntimeLog,
+  RuntimeServiceOptions,
+} from './runtime-service.type';
+
+const IDLE: PlaySession = {
+  state: 'idle',
+  mode: undefined,
+  apps: [],
+  controllable: false,
+  compatibility: [],
+};
+
+/** What the editor itself asks every game for (plugins add theirs with `useFeatures`). */
+const EDITOR_FEATURES: EngineFeatures = { frameStats: { intervalMs: 1000 } };
+const ACTIVE: readonly PlayState[] = ['building', 'starting', 'running', 'paused', 'stopping'];
+
+export const isPlaying = (state: PlayState): boolean => ACTIVE.includes(state);
+
+/**
+ * Builds and plays the games of a project: the client runs in the Game screen of the editor,
+ * the server in a process of the editor server. Plugins observe the session, listen to game
+ * events and send commands through it.
+ */
+export class RuntimeService implements Disposable {
+  /** Bridge protocol version the editor speaks. */
+  readonly protocolVersion = RUNTIME_PROTOCOL_VERSION;
+
+  private readonly _session = new ObservableValue<PlaySession>(IDLE);
+  private readonly _builds = new ObservableValue<ReadonlyMap<string, BuildStatus>>(new Map());
+  private readonly _onLog = new Emitter<RuntimeLog>();
+  private readonly _onEvent = new Emitter<GameEvent>();
+  /** The last `ecs-world` of each game: the engine sends it again only when it changes. */
+  private readonly _worlds = new Map<string, GameEvent>();
+  private readonly _onServerStateChange = new Emitter<[string, number | null | undefined]>();
+  private readonly _host = new ObservableValue<HTMLElement | undefined>(undefined);
+  private readonly _store = new DisposableStore();
+  private readonly _engineStates = new Map<string, string>();
+  private readonly _hellos = new Map<string, { protocolVersion?: number }>();
+  private readonly _featureRequests = new Set<EngineFeatures>([EDITOR_FEATURES]);
+  private readonly _frameStats = new ObservableValue<ReadonlyMap<string, EngineFrameStats>>(
+    new Map(),
+  );
+  private _stage: HTMLElement | undefined;
+  private _client: { app: string; runner: GameClientRunner } | undefined;
+  private _server: string | undefined;
+  private _serverBridged = false;
+  private _run = 0;
+  private readonly _sourceMaps: SourceMaps;
+
+  readonly onLog: Event<RuntimeLog> = this._onLog.event;
+  readonly onEvent: Event<GameEvent> = this._onEvent.event;
+
+  constructor(private readonly _options: RuntimeServiceOptions) {
+    this._sourceMaps = new SourceMaps({
+      projectId: _options.projectId,
+      apps: _options.apps,
+      origin: _options.origin ?? globalThis.location?.origin ?? '',
+      ...(_options.fetchText && { fetchText: _options.fetchText }),
+    });
+    this._store.add(
+      _options.rpc.subscribe(RuntimeContract, 'events', { project: _options.projectId }, (event) =>
+        this._onServerEvent(event),
+      ),
+    );
+    void this._api
+      .status({ project: _options.projectId })
+      .then(({ builds }) => this._builds.set(new Map(builds.map((build) => [build.app, build]))))
+      .catch(() => undefined);
+  }
+
+  get session(): Observable<PlaySession> {
+    return this._session.readonly();
+  }
+
+  /** Last build of each app. */
+  get builds(): Observable<ReadonlyMap<string, BuildStatus>> {
+    return this._builds.readonly();
+  }
+
+  /**
+   * The project file behind a position in a built game bundle (a stack frame), through the
+   * bundle's source map. `file` is the bundle's URL (client) or path (server). Undefined when
+   * the build has no source map or the position is not in a project file.
+   */
+  sourceLocation(file: string, line: number, column?: number): Promise<SourceLocation | undefined> {
+    return this._sourceMaps.locate(file, line, column);
+  }
+
+  /** Latest frame stats of each running game, keyed `client` / `server`. */
+  get frameStats(): Observable<ReadonlyMap<string, EngineFrameStats>> {
+    return this._frameStats.readonly();
+  }
+
+  /**
+   * Asks the running games (and the next ones) for engine features: frame stats, logs,
+   * network traces. Requests of the editor and plugins are merged; dispose to withdraw.
+   */
+  /**
+   * The live world a game last sent in this run (`ecs-world`). A listener that starts while
+   * the game is paused gets no event (a world that does not change is not sent again): it
+   * reads this one first.
+   */
+  lastWorlds(): readonly GameEvent[] {
+    return [...this._worlds.values()];
+  }
+
+  useFeatures(features: EngineFeatures): Disposable {
+    const request = { ...features };
+    this._featureRequests.add(request);
+    this._sendWelcomes();
+    return {
+      dispose: () => {
+        if (this._featureRequests.delete(request)) this._sendWelcomes();
+      },
+    };
+  }
+
+  /** Element hosting the client game (set by the Game screen). */
+  get host(): Observable<HTMLElement | undefined> {
+    return this._host.readonly();
+  }
+
+  /**
+   * The Game screen gives the element the client shows in. Games render in a stage element
+   * owned by the service and moved between views, so a game keeps running (and keeps its
+   * canvas) while the Game screen is hidden.
+   */
+  attach(host: HTMLElement): Disposable {
+    if (!this._stage) {
+      this._stage = host.ownerDocument.createElement('div');
+      this._stage.dataset.nfGameStage = '';
+      this._stage.style.cssText = 'position:relative;width:100%;height:100%;overflow:hidden';
+    }
+    host.append(this._stage);
+    this._host.set(host);
+    return {
+      dispose: () => {
+        if (this._host.get() !== host) return;
+        this._stage?.remove();
+        this._host.set(undefined);
+      },
+    };
+  }
+
+  /** Mode `play` uses by default for this project. */
+  defaultMode(): PlayMode {
+    const setting = this._options.playMode?.() ?? 'auto';
+    if (setting !== 'auto') return setting;
+    return this._app('server') ? 'server+client' : 'client';
+  }
+
+  /** Builds then starts the games of the mode. Resolves once they run (or crashed). */
+  async play(mode: PlayMode = this.defaultMode()): Promise<void> {
+    if (isPlaying(this._session.get().state)) return;
+    const run = ++this._run;
+    const client = mode === 'server' ? undefined : this._app('client');
+    const server = mode === 'client' ? undefined : this._app('server');
+    const apps = [server, client].flatMap((app) => (app ? [app.id] : []));
+    this._engineStates.clear();
+    this._hellos.clear();
+    this._worlds.clear();
+    this._frameStats.set(new Map());
+    this._set({ state: 'building', mode, apps, controllable: false, compatibility: [] });
+    try {
+      if (mode !== 'server' && !client) throw new PlayError('This project has no client app');
+      if (mode !== 'client' && !server) throw new PlayError('This project has no server app');
+      const statuses = await this._api.build({ project: this._options.projectId, apps });
+      const failed = statuses.filter((status) => status.state === 'error');
+      if (failed.length) {
+        throw new PlayError(
+          'The game has build errors',
+          failed.flatMap((status) => status.diagnostics),
+        );
+      }
+      if (run !== this._run) return;
+      this._set({ state: 'starting' });
+      if (server) await this._startServer(server, run);
+      if (client && run === this._run) await this._startClient(client, run);
+      if (run !== this._run) return;
+      await this._hellosOf([
+        ...(server ? ['server' as const] : []),
+        ...(client ? ['client' as const] : []),
+      ]);
+      if (run !== this._run) return;
+      const compatibility = this._compatibility();
+      for (const check of compatibility) {
+        if (check.message) this._log(check.source, check.app, 'warn', check.message);
+      }
+      this._set({ state: 'running', controllable: this._controllable(), compatibility });
+    } catch (error) {
+      if (run !== this._run) return;
+      await this._teardown();
+      this._crash(error);
+    }
+  }
+
+  pause(): void {
+    this.send('pause');
+  }
+
+  resume(): void {
+    this.send('resume');
+  }
+
+  /** Runs one tick of every paused game. */
+  step(): void {
+    this.send('step');
+  }
+
+  /** Stops every game; resolves once they stopped. */
+  async stop(): Promise<void> {
+    const { state } = this._session.get();
+    if (state === 'idle' || state === 'stopping') return;
+    this._run++;
+    if (state === 'crashed') {
+      this._set(IDLE);
+      return;
+    }
+    this._set({ state: 'stopping' });
+    await this._teardown();
+    this._frameStats.set(new Map());
+    this._set(IDLE);
+  }
+
+  async restart(): Promise<void> {
+    const mode = this._session.get().mode;
+    await this.stop();
+    await this.play(mode);
+  }
+
+  /** Sends an editor → engine event to the running games (all by default). */
+  send(event: string, args: readonly unknown[] = [], target: 'client' | 'server' | 'all' = 'all') {
+    if (target !== 'server') this._client?.runner.send(event, args);
+    if (target !== 'client' && this._server) {
+      void this._api
+        .sendServer({ project: this._options.projectId, app: this._server, event, args: [...args] })
+        .catch((error: unknown) => this._options.logger.warn(`Could not send ${event}`, error));
+    }
+  }
+
+  dispose(): void {
+    this._run++;
+    void this._teardown();
+    this._store.dispose();
+    this._onLog.dispose();
+    this._onEvent.dispose();
+    this._onServerStateChange.dispose();
+  }
+
+  private get _api() {
+    return this._options.rpc.api(RuntimeContract);
+  }
+
+  /** The apps of a type that can be played. */
+  playable(type: 'client' | 'server'): AppModel[] {
+    return this._options.apps().filter((app) => app.type === type && app.outDir !== undefined);
+  }
+
+  /** The app Play starts for a type: the chosen one, else the first. */
+  appFor(type: 'client' | 'server'): AppModel | undefined {
+    const apps = this.playable(type);
+    const selected = this._options.selectedApp?.(type);
+    return apps.find((app) => app.id === selected) ?? apps[0];
+  }
+
+  private _app(type: 'client' | 'server'): AppModel | undefined {
+    return this.appFor(type);
+  }
+
+  private _set(patch: Partial<PlaySession>): void {
+    const next = { ...this._session.get(), ...patch };
+    if (next.state !== 'crashed') {
+      delete (next as { error?: string }).error;
+      delete (next as { diagnostics?: unknown }).diagnostics;
+    }
+    this._session.set(next);
+  }
+
+  private _crash(error: unknown): void {
+    const message = error instanceof Error ? error.message : String(error);
+    this._set({
+      state: 'crashed',
+      controllable: false,
+      error: message,
+      ...(error instanceof PlayError && error.diagnostics && { diagnostics: error.diagnostics }),
+    });
+    this._options.logger.error(`Game stopped: ${message}`);
+  }
+
+  /** How each playing game and the editor understand each other, from the hellos received. */
+  private _compatibility(): GameCompatibility[] {
+    return [
+      ...(this._server
+        ? [checkCompatibility('server', this._server, this._hellos.get('server'))]
+        : []),
+      ...(this._client
+        ? [checkCompatibility('client', this._client.app, this._hellos.get('client'))]
+        : []),
+    ];
+  }
+
+  /**
+   * Waits for the hello of each game, for a short while: one that never says it has no editor
+   * bridge, and is played without pause.
+   */
+  private _hellosOf(sources: readonly ('client' | 'server')[]): Promise<void> {
+    const missing = () => sources.some((source) => !this._hellos.has(source));
+    if (!missing()) return Promise.resolve();
+    return new Promise((resolve) => {
+      const done = () => {
+        clearTimeout(timer);
+        listener.dispose();
+        resolve();
+      };
+      const timer = setTimeout(done, this._options.helloTimeoutMs ?? 1500);
+      const listener = this._onEvent.event(({ event }) => {
+        if (event === 'hello' && !missing()) done();
+      });
+    });
+  }
+
+  private _controllable(): boolean {
+    return (!this._client || this._client.runner.bridged) && (!this._server || this._serverBridged);
+  }
+
+  private async _startServer(app: AppModel, run: number): Promise<void> {
+    this._server = app.id;
+    this._serverBridged = false;
+    const started = new Promise<void>((resolve, reject) => {
+      const timer = setTimeout(
+        () => reject(new PlayError('The game server did not start in time')),
+        this._options.serverStartTimeoutMs ?? 15_000,
+      );
+      const listener = this._onServerState((state, exitCode) => {
+        if (state === 'running' || state === 'exited' || run !== this._run) {
+          clearTimeout(timer);
+          listener.dispose();
+          if (state === 'exited') {
+            reject(new PlayError(`The game server exited (code ${exitCode ?? 'unknown'})`));
+          } else resolve();
+        }
+      });
+    });
+    started.catch(() => undefined);
+    await Promise.all([
+      this._api.startServer({
+        project: this._options.projectId,
+        app: app.id,
+        overrides: this._options.envOverrides?.() ?? {},
+      }),
+      started,
+    ]);
+  }
+
+  private async _startClient(app: AppModel, run: number): Promise<void> {
+    if (!this._host.get()) await this._waitForHost();
+    const [manifest, env] = await Promise.all([
+      this._api.manifest({ project: this._options.projectId, app: app.id }),
+      this._api.env({
+        project: this._options.projectId,
+        app: app.id,
+        overrides: this._options.envOverrides?.() ?? {},
+      }),
+    ]);
+    if (run !== this._run) return;
+    const runner = new GameClientRunner({
+      importModule:
+        this._options.importModule ??
+        ((url) => import(/* @vite-ignore */ url) as Promise<GameClientModule>),
+      onEvent: (event, args) => this._onGameEvent('client', app.id, event, args),
+      onError: (error) => this._onClientError(app.id, error),
+    });
+    this._client = { app: app.id, runner };
+    await runner.start({
+      host: this._stage!,
+      manifest,
+      env,
+      origin: this._options.origin ?? globalThis.location.origin,
+    });
+  }
+
+  private _waitForHost(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        subscription();
+        reject(new PlayError('Open the Game screen to play the client'));
+      }, 10_000);
+      const subscription = this._host.subscribe((host) => {
+        if (!host) return;
+        clearTimeout(timer);
+        queueMicrotask(() => subscription());
+        resolve();
+      });
+    });
+  }
+
+  private async _teardown(): Promise<void> {
+    const client = this._client;
+    const server = this._server;
+    this._client = undefined;
+    this._server = undefined;
+    await Promise.all([
+      client?.runner.stop().then((clean) => {
+        if (clean) return;
+        this._options.logger.warn(
+          client.runner.bridged
+            ? 'The game client did not stop in time; use Run > Reload editor runtime if it keeps running.'
+            : "This game's engine cannot be stopped by the editor (no editor bridge): it keeps running hidden until Run > Reload editor runtime. Update the NanoForge engine to fix it.",
+        );
+      }),
+      server &&
+        this._api
+          .stopServer({ project: this._options.projectId, app: server })
+          .catch((error: unknown) =>
+            this._options.logger.warn('Could not stop the game server', error),
+          ),
+    ]);
+  }
+
+  private _onServerState(listener: (state: string, exitCode?: number | null) => void): Disposable {
+    return this._onServerStateChange.event(([state, code]) => listener(state, code));
+  }
+
+  private _onServerEvent(event: RuntimeEvent): void {
+    switch (event.type) {
+      case 'build': {
+        const builds = new Map(this._builds.get());
+        builds.set(event.status.app, event.status);
+        this._builds.set(builds);
+        if (event.status.state !== 'building') this._sourceMaps.invalidate(event.status.app);
+        return;
+      }
+      case 'log':
+        if (event.source === 'server') {
+          const level =
+            event.stream !== 'stderr'
+              ? 'info'
+              : /\b(error|exception|uncaught|fatal|panic)\b|^\s+at\s/i.test(event.text)
+                ? 'error'
+                : 'warn';
+          this._log('server', event.app, level, event.text);
+        } else {
+          const level = /^\s*error\b/i.test(event.text)
+            ? 'error'
+            : /^\s*warn(ing)?\b/i.test(event.text)
+              ? 'warn'
+              : 'info';
+          this._log(event.source, event.app, level, event.text);
+        }
+        return;
+      case 'bridge':
+        if (this._session.get().apps.includes(event.app)) {
+          if (event.event === 'hello') this._serverBridged = true;
+          this._onGameEvent('server', event.app, event.event, event.args);
+        }
+        return;
+      case 'server':
+        if (event.app !== this._server) return;
+        this._onServerStateChange.fire([event.state, event.exitCode]);
+        if (
+          event.state === 'exited' &&
+          ['starting', 'running', 'paused'].includes(this._session.get().state)
+        ) {
+          const run = ++this._run;
+          void this._teardown().then(() => {
+            if (run === this._run)
+              this._crash(new PlayError(`The game server exited (code ${event.exitCode ?? '?'})`));
+          });
+        }
+        return;
+    }
+  }
+
+  private _onGameEvent(
+    source: 'client' | 'server',
+    app: string,
+    event: string,
+    args: unknown[],
+  ): void {
+    if (event === 'hello') {
+      this._hellos.set(source, (args[0] as { protocolVersion?: number } | undefined) ?? {});
+      this._sendWelcome(source);
+      if (this._session.get().state === 'running') {
+        this._set({ controllable: this._controllable(), compatibility: this._compatibility() });
+      }
+    }
+    if (event === 'frame-stats' && args[0]) {
+      const stats = new Map(this._frameStats.get());
+      stats.set(source, args[0] as EngineFrameStats);
+      this._frameStats.set(stats);
+    }
+    if (event === 'log' && source === 'client') {
+      const { level, message, values, caller } = (args[0] ?? {}) as {
+        level?: string;
+        message?: string;
+        values?: unknown;
+        caller?: string;
+      };
+      const frame = typeof caller === 'string' ? /^(.+?):(\d+):(\d+)$/.exec(caller) : null;
+      this._onLog.fire({
+        source: 'client',
+        app,
+        level: level === 'error' || level === 'warn' || level === 'debug' ? level : 'info',
+        text: String(message ?? ''),
+        ...(Array.isArray(values) && { values: values as LogValue[] }),
+        ...(frame && {
+          location: { file: frame[1]!, line: Number(frame[2]), column: Number(frame[3]) },
+        }),
+      });
+    }
+    if (event === 'state' && typeof args[0] === 'string') {
+      this._engineStates.set(`${source}:${app}`, args[0]);
+      this._syncPause();
+    }
+    if (event === 'ecs-world') this._worlds.set(source, { source, app, event, args });
+    this._onEvent.fire({ source, app, event, args });
+  }
+
+  private _sendWelcomes(): void {
+    for (const source of this._hellos.keys()) this._sendWelcome(source as 'client' | 'server');
+  }
+
+  /**
+   * Answers the hello of a game with the protocol version and the merged features. Console
+   * output is forwarded by clients only (with the logged values, when the engine can send
+   * them): the output of game servers is already streamed.
+   */
+  private _sendWelcome(source: 'client' | 'server'): void {
+    const features = mergeFeatures([...this._featureRequests]);
+    const welcome = {
+      protocolVersion: this.protocolVersion,
+      features: { ...features, logs: source === 'client' ? { values: true } : false },
+    };
+    this.send('welcome', [welcome], source);
+  }
+
+  /** The session is paused when every game reports it is paused. */
+  private _syncPause(): void {
+    const { state } = this._session.get();
+    if (state !== 'running' && state !== 'paused') return;
+    const states = [...this._engineStates.values()];
+    const paused = states.length > 0 && states.every((value) => value === 'paused');
+    this._set({ state: paused ? 'paused' : 'running' });
+  }
+
+  private _onClientError(app: string, error: unknown): void {
+    const text = error instanceof Error ? (error.stack ?? error.message) : String(error);
+    this._log('client', app, 'error', text);
+  }
+
+  private _log(
+    source: RuntimeLog['source'],
+    app: string,
+    level: RuntimeLog['level'],
+    text: string,
+  ) {
+    if (!text.trim()) return;
+    this._onLog.fire({ source, app, level, text });
+  }
+}
+
+export const RuntimeServiceToken = createToken<RuntimeService>('runtime.service');
diff --git a/packages/runtime/src/service/runtime-service.type.ts b/packages/runtime/src/service/runtime-service.type.ts
new file mode 100644
index 00000000..76b1aaf0
--- /dev/null
+++ b/packages/runtime/src/service/runtime-service.type.ts
@@ -0,0 +1,71 @@
+import type { LogLocation, LogValue, Logger } from '@nanoforge-dev/editor-kernel';
+import type { AppModel, BuildDiagnostic } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { GameClientModule } from '../client/game-client-runner.type';
+import type { GameCompatibility } from '../compatibility/game-compatibility.type';
+
+/** What runs on play: the client in the Game screen, the game server, or both. */
+export type PlayMode = 'client' | 'server' | 'server+client';
+
+export type PlayState =
+  'idle' | 'building' | 'starting' | 'running' | 'paused' | 'stopping' | 'crashed';
+
+export interface PlaySession {
+  readonly state: PlayState;
+  readonly mode: PlayMode | undefined;
+  /** Apps being played. */
+  readonly apps: readonly string[];
+  /** Every running game answered the bridge hello: pause, resume and step are available. */
+  readonly controllable: boolean;
+  /** Protocol check of each running game (set once they run). */
+  readonly compatibility: readonly GameCompatibility[];
+  /** Why the session crashed. */
+  readonly error?: string;
+  readonly diagnostics?: readonly BuildDiagnostic[];
+}
+
+export interface RuntimeLog {
+  /** `cli`: a command the editor server ran in the project (`app` is then its command line). */
+  readonly source: 'build' | 'server' | 'client' | 'cli';
+  readonly app: string;
+  readonly level: 'debug' | 'info' | 'warn' | 'error';
+  readonly text: string;
+  /** The logged values (game clients whose engine sends them): `text` is their one-line form. */
+  readonly values?: readonly LogValue[];
+  /** Where the game logged it: a position in its built bundle (see `sourceLocation`). */
+  readonly location?: LogLocation;
+}
+
+/** An engine → editor event of a running game. */
+export interface GameEvent {
+  readonly source: 'client' | 'server';
+  readonly app: string;
+  readonly event: string;
+  readonly args: readonly unknown[];
+}
+
+export interface RuntimeServiceOptions {
+  readonly projectId: string;
+  readonly rpc: RpcClient;
+  /** Apps of the project (current project model). */
+  readonly apps: () => readonly AppModel[];
+  readonly logger: Logger;
+  /** Default play mode (`runtime.playMode` setting); `auto` plays the server when there is one. */
+  readonly playMode?: () => PlayMode | 'auto';
+  /**
+   * The app to play of a type, by id, in a project with several clients or servers
+   * (`runtime.clientApp`, `runtime.serverApp`). Nothing, or an app that is gone: the first one.
+   */
+  readonly selectedApp?: (type: 'client' | 'server') => string | undefined;
+  /** `NANOFORGE_*` overrides (`runtime.env` setting). */
+  readonly envOverrides?: () => Record<string, string>;
+  readonly importModule?: (url: string) => Promise<GameClientModule>;
+  readonly origin?: string;
+  /** Reads a file of the build output (source maps); `fetch` by default. */
+  readonly fetchText?: (url: string) => Promise<string | undefined>;
+  /** How long a started game may take to say hello before it is played without the bridge. */
+  readonly helloTimeoutMs?: number;
+  /** How long a started game server may take to report it runs. */
+  readonly serverStartTimeoutMs?: number;
+}
diff --git a/packages/runtime/src/settings/index.ts b/packages/runtime/src/settings/index.ts
new file mode 100644
index 00000000..38ad1d70
--- /dev/null
+++ b/packages/runtime/src/settings/index.ts
@@ -0,0 +1 @@
+export * from './runtime-settings';
diff --git a/packages/runtime/src/settings/runtime-settings.ts b/packages/runtime/src/settings/runtime-settings.ts
new file mode 100644
index 00000000..cec7e8ce
--- /dev/null
+++ b/packages/runtime/src/settings/runtime-settings.ts
@@ -0,0 +1,56 @@
+import { z } from 'zod';
+
+import { defineSetting } from '@nanoforge-dev/editor-settings';
+
+/** Settings of the game runtime (play controls). */
+export const RuntimeSettings = {
+  playMode: defineSetting<'auto' | 'client' | 'server' | 'server+client'>({
+    key: 'runtime.playMode',
+    schema: z.enum(['auto', 'client', 'server', 'server+client']),
+    default: 'auto',
+    title: 'Play mode',
+    description:
+      'What Play starts: the client, the game server, or both (auto: both when the project has a server).',
+    category: 'Runtime',
+    scopes: ['account', 'machine', 'project', 'projectLocal'],
+  }),
+  clientApp: defineSetting({
+    key: 'runtime.clientApp',
+    schema: z.string(),
+    default: '',
+    title: 'Client app',
+    description:
+      'The client Play starts, in a project with several (its folder, like apps/client). Empty: the first one.',
+    category: 'Runtime',
+    scopes: ['project', 'projectLocal'],
+  }),
+  serverApp: defineSetting({
+    key: 'runtime.serverApp',
+    schema: z.string(),
+    default: '',
+    title: 'Server app',
+    description:
+      'The server Play starts, in a project with several (its folder, like apps/server). Empty: the first one.',
+    category: 'Runtime',
+    scopes: ['project', 'projectLocal'],
+  }),
+  saveBeforePlay: defineSetting({
+    key: 'runtime.saveBeforePlay',
+    schema: z.boolean(),
+    default: true,
+    title: 'Save all before Play',
+    description: 'Play saves every open file first, so the game always matches what you see.',
+    category: 'Runtime',
+  }),
+  env: defineSetting({
+    key: 'runtime.env',
+    schema: z.record(z.string().regex(/^NANOFORGE_\w+$/), z.string()),
+    default: {},
+    title: 'Environment overrides',
+    description:
+      'NANOFORGE_* variables applied on top of the project .env when playing (NANOFORGE_CLIENT_*, NANOFORGE_SERVER_*).',
+    category: 'Runtime',
+    scopes: ['project', 'projectLocal'],
+    mergeStrategy: 'deep',
+  }),
+};
diff --git a/packages/runtime/src/source-map/index.ts b/packages/runtime/src/source-map/index.ts
new file mode 100644
index 00000000..aac5e428
--- /dev/null
+++ b/packages/runtime/src/source-map/index.ts
@@ -0,0 +1,2 @@
+export * from './source-maps.type';
+export * from './source-maps';
diff --git a/packages/runtime/src/source-map/source-maps.ts b/packages/runtime/src/source-map/source-maps.ts
new file mode 100644
index 00000000..c9e98379
--- /dev/null
+++ b/packages/runtime/src/source-map/source-maps.ts
@@ -0,0 +1,95 @@
+import { TraceMap, originalPositionFor } from '@jridgewell/trace-mapping';
+
+import { type AppModel, decodeRuntimeApp, runtimeOutputPath } from '@nanoforge-dev/editor-protocol';
+
+import type { SourceLocation, SourceMapsOptions } from './source-maps.type';
+
+const defaultFetch = async (url: string): Promise<string | undefined> => {
+  const response = await fetch(url);
+  return response.ok ? response.text() : undefined;
+};
+
+/** Joins POSIX paths and resolves `.` and `..`; undefined when it leaves the root. */
+const resolvePath = (...parts: string[]): string | undefined => {
+  const segments: string[] = [];
+  for (const segment of parts.join('/').split('/')) {
+    if (!segment || segment === '.') continue;
+    if (segment !== '..') segments.push(segment);
+    else if (!segments.pop()) return undefined;
+  }
+  return segments.join('/');
+};
+
+/**
+ * Maps positions in built game bundles back to project files, through the source maps written
+ * next to the bundles (`nf build --editor`). A bundle is named by its URL (clients, imported
+ * from the editor server) or by its path on disk (servers).
+ */
+export class SourceMaps {
+  private readonly _maps = new Map<string, Promise<TraceMap | undefined>>();
+
+  constructor(private readonly _options: SourceMapsOptions) {}
+
+  /** Forgets the maps of an app (it was rebuilt). */
+  invalidate(app: string): void {
+    for (const key of this._maps.keys()) if (key.startsWith(`${app}\n`)) this._maps.delete(key);
+  }
+
+  async locate(file: string, line: number, column = 1): Promise<SourceLocation | undefined> {
+    const bundle = this._bundle(file);
+    if (!bundle) return undefined;
+    const map = await this._map(bundle.app, bundle.file);
+    if (!map) return undefined;
+    const position = originalPositionFor(map, { line, column: Math.max(column - 1, 0) });
+    if (!position.source || position.line === null) return undefined;
+    const folder = bundle.file.split('/').slice(0, -1);
+    const path = resolvePath(bundle.app.outDir ?? '', ...folder, position.source);
+    if (path === undefined || /(^|\/)node_modules\//.test(path)) return undefined;
+    return { path, line: position.line, column: (position.column ?? 0) + 1 };
+  }
+
+  /** The app and output file a bundle URL or path belongs to. */
+  private _bundle(file: string): { app: AppModel; file: string } | undefined {
+    const apps = this._options.apps().filter((app) => app.outDir !== undefined);
+    const prefix = `/runtime/${this._options.projectId}/`;
+    let pathname = file;
+    if (/^https?:\/\//.test(file)) {
+      try {
+        pathname = new URL(file).pathname;
+      } catch {
+        return undefined;
+      }
+      if (!pathname.startsWith(prefix)) return undefined;
+      const [segment, ...rest] = pathname.slice(prefix.length).split('/');
+      const id = decodeRuntimeApp(segment ?? '');
+      const app = apps.find((candidate) => candidate.id === id);
+      return app && rest.length ? { app, file: rest.map(decodeURIComponent).join('/') } : undefined;
+    }
+    pathname = pathname.replace(/^file:\/\//, '').replace(/\\/g, '/');
+    const owner = apps
+      .map((app) => ({ app, at: pathname.lastIndexOf(`/${app.outDir}/`) }))
+      .filter(({ at }) => at >= 0)
+      .sort((a, b) => b.app.outDir!.length - a.app.outDir!.length)[0];
+    if (!owner) return undefined;
+    return {
+      app: owner.app,
+      file: pathname.slice(owner.at + owner.app.outDir!.length + 2),
+    };
+  }
+
+  private _map(app: AppModel, file: string): Promise<TraceMap | undefined> {
+    const key = `${app.id}\n${file}`;
+    let map = this._maps.get(key);
+    if (!map) {
+      const url = `${this._options.origin}${runtimeOutputPath(this._options.projectId, app.id)}${file
+        .split('/')
+        .map(encodeURIComponent)
+        .join('/')}.map`;
+      map = (this._options.fetchText ?? defaultFetch)(url)
+        .then((text) => (text ? new TraceMap(text) : undefined))
+        .catch(() => undefined);
+      this._maps.set(key, map);
+    }
+    return map;
+  }
+}
diff --git a/packages/runtime/src/source-map/source-maps.type.ts b/packages/runtime/src/source-map/source-maps.type.ts
new file mode 100644
index 00000000..5c082a12
--- /dev/null
+++ b/packages/runtime/src/source-map/source-maps.type.ts
@@ -0,0 +1,17 @@
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+/** A position in a project file (1-based line and column). */
+export interface SourceLocation {
+  readonly path: string;
+  readonly line: number;
+  readonly column: number;
+}
+
+export interface SourceMapsOptions {
+  readonly projectId: string;
+  readonly apps: () => readonly AppModel[];
+  /** Origin the build output is served from. */
+  readonly origin: string;
+  /** Reads a served file; undefined when it doesn't exist. */
+  readonly fetchText?: (url: string) => Promise<string | undefined>;
+}
diff --git a/packages/runtime/test/client/game-client-runner.spec.ts b/packages/runtime/test/client/game-client-runner.spec.ts
new file mode 100644
index 00000000..943cb9ae
--- /dev/null
+++ b/packages/runtime/test/client/game-client-runner.spec.ts
@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'vitest';
+
+import { GameClientRunner } from '../../src/client/game-client-runner';
+import type { GameClientModule } from '../../src/client/game-client-runner.type';
+
+/** A host element just good enough for the runner (no DOM in node tests). */
+const host = () => {
+  const element = { dataset: {}, style: {}, remove: () => undefined };
+  return {
+    ownerDocument: { createElement: () => element },
+    append: () => undefined,
+  } as unknown as HTMLElement;
+};
+
+const manifest = {
+  app: 'client',
+  baseUrl: '/out/client/',
+  entry: 'main.js',
+  version: '1',
+  files: [{ path: 'main.js', hash: 'h' }],
+};
+
+describe('GameClientRunner', () => {
+  it('stops a game still in its main, which reads the request at its first tick', async () => {
+    let tick: (() => void) | undefined;
+    const game: GameClientModule = {
+      main: async ({ editor }) => {
+        let stopped = false;
+        editor.fromEditor.on('stop', () => (stopped = true));
+        tick = () => {
+          editor.fromEditor.runEvents();
+          if (stopped) editor.toEditor.emit('state', 'stopped');
+        };
+        await new Promise(() => undefined);
+      },
+    };
+    const runner = new GameClientRunner({
+      importModule: async () => game,
+      onEvent: () => undefined,
+      onError: () => undefined,
+      errorTarget: { addEventListener: () => undefined, removeEventListener: () => undefined },
+    });
+    void runner.start({
+      host: host(),
+      manifest: manifest as never,
+      env: {},
+      origin: 'http://editor.test',
+    });
+    await expect.poll(() => tick).toBeDefined();
+
+    const stopping = runner.stop(1000);
+    tick!();
+    expect(await stopping).toBe(true);
+  });
+});
diff --git a/packages/runtime/test/compatibility/check-compatibility.spec.ts b/packages/runtime/test/compatibility/check-compatibility.spec.ts
new file mode 100644
index 00000000..3d1a7705
--- /dev/null
+++ b/packages/runtime/test/compatibility/check-compatibility.spec.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+
+import { checkCompatibility } from '../../src/compatibility/check-compatibility';
+
+describe('checkCompatibility', () => {
+  it('tells legacy, older and newer engines apart', () => {
+    expect(checkCompatibility('client', 'c', { protocolVersion: 2 }, 2).status).toBe('ok');
+    expect(checkCompatibility('client', 'c', undefined, 2)).toMatchObject({
+      status: 'legacy',
+      message: expect.stringContaining('app.use(new EditorLibrary())'),
+    });
+    expect(checkCompatibility('server', 's', { protocolVersion: 1 }, 2)).toMatchObject({
+      status: 'older',
+      message: expect.stringContaining('Update the NanoForge engine'),
+    });
+    expect(checkCompatibility('server', 's', { protocolVersion: 3 }, 2)).toMatchObject({
+      status: 'newer',
+      message: expect.stringContaining('update the NanoForge editor'),
+    });
+  });
+});
diff --git a/packages/runtime/test/compatibility/merge-features.spec.ts b/packages/runtime/test/compatibility/merge-features.spec.ts
new file mode 100644
index 00000000..332e4b34
--- /dev/null
+++ b/packages/runtime/test/compatibility/merge-features.spec.ts
@@ -0,0 +1,39 @@
+import { describe, expect, it } from 'vitest';
+
+import { mergeFeatures } from '../../src/compatibility/merge-features';
+
+describe('mergeFeatures', () => {
+  it('keeps the most demanding request of each feature', () => {
+    expect(
+      mergeFeatures([
+        { frameStats: { intervalMs: 1000 } },
+        { frameStats: { intervalMs: 250 }, networkTrace: { sampleRate: 0.1 } },
+        { logs: true, networkTrace: { maxPerSecond: 500 } },
+      ]),
+    ).toEqual({
+      frameStats: { intervalMs: 250 },
+      logs: true,
+      networkTrace: { sampleRate: 1, maxPerSecond: 500 },
+    });
+    expect(
+      mergeFeatures([{ ecsWorld: { intervalMs: 200 } }, { ecsWorld: { intervalMs: 100 } }]),
+    ).toEqual({
+      ecsWorld: { intervalMs: 100 },
+    });
+    expect(
+      mergeFeatures([
+        { ecsSystemStats: { intervalMs: 500 }, networkTrace: { maxBytes: 64 } },
+        { ecsSystemStats: { intervalMs: 250 }, networkTrace: { maxBytes: 512 } },
+        { networkTrace: {} },
+      ]),
+    ).toEqual({
+      ecsSystemStats: { intervalMs: 250 },
+      networkTrace: { sampleRate: 1, maxPerSecond: 100, maxBytes: 512 },
+    });
+    expect(mergeFeatures([{}, { viewport: true }])).toEqual({ viewport: true });
+    expect(
+      mergeFeatures([{ scenes: { intervalMs: 250 } }, { scenes: { intervalMs: 100 } }]),
+    ).toEqual({ scenes: { intervalMs: 100 } });
+    expect(mergeFeatures([])).toEqual({});
+  });
+});
diff --git a/packages/runtime/test/service/runtime-service.spec.ts b/packages/runtime/test/service/runtime-service.spec.ts
new file mode 100644
index 00000000..5b704039
--- /dev/null
+++ b/packages/runtime/test/service/runtime-service.spec.ts
@@ -0,0 +1,314 @@
+import { chmodSync, cpSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import { LoggerService } from '@nanoforge-dev/editor-kernel';
+import { type ProjectModel, ProjectsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+import { type EditorServer, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+import {
+  TEST_ORIGIN,
+  createLoopbackClient,
+  openTrustedProject,
+} from '@nanoforge-dev/editor-server-core/testing';
+
+import type { GameClientModule } from '../../src/client/game-client-runner.type';
+import { RuntimeService } from '../../src/service/runtime-service';
+import type { GameEvent, PlaySession, RuntimeLog } from '../../src/service/runtime-service.type';
+
+const SERVER_CORE_TEST = join(import.meta.dirname, '../../../server-core/test');
+const GAME = join(SERVER_CORE_TEST, 'fixtures/runtime/bridge-game.js');
+
+/** A view as the Game screen gives it (with a minimal DOM). */
+const fakeHost = () => {
+  interface FakeElement {
+    dataset: Record<string, string>;
+    style: object;
+    children: FakeElement[];
+    removed: boolean;
+    ownerDocument: typeof document;
+    append(child: FakeElement): void;
+    remove(): void;
+  }
+  const created: FakeElement[] = [];
+  const document = {
+    createElement: (): FakeElement => {
+      const element: FakeElement = {
+        dataset: {},
+        style: {},
+        children: [],
+        removed: false,
+        ownerDocument: document,
+        append: (child) => {
+          child.removed = false;
+          element.children.push(child);
+        },
+        remove: () => (element.removed = true),
+      };
+      created.push(element);
+      return element;
+    },
+  };
+  const host = document.createElement();
+  /** Game containers created by the runs (the stage holds them). */
+  const mounts = () => created.filter((element) => 'nfGame' in element.dataset);
+  return { host, mounts };
+};
+
+let workspace: string;
+let editor: EditorServer;
+let client: RpcClient;
+let model: ProjectModel;
+const imported: { url: string; options: Parameters<GameClientModule['main']>[0] }[] = [];
+
+/** Loads the served bundle like a browser would (fresh module instance per run). */
+const importModule = async (url: string): Promise<GameClientModule> => {
+  const response = (await editor.fetch(new Request(url)))!;
+  if (response.status !== 200) throw new Error(`GET ${url}: ${response.status}`);
+  const source = `${await response.text()}\n// ${url}`;
+  const module = (await import(
+    `data:text/javascript,${encodeURIComponent(source)}`
+  )) as GameClientModule;
+  return {
+    main: (options) => {
+      imported.push({ url, options });
+      return module.main(options);
+    },
+  };
+};
+
+const createService = (overrides: Partial<ConstructorParameters<typeof RuntimeService>[0]> = {}) =>
+  new RuntimeService({
+    projectId: model.id,
+    rpc: client,
+    apps: () => model.apps,
+    logger: new LoggerService().getLogger('runtime'),
+    importModule,
+    origin: TEST_ORIGIN,
+    ...overrides,
+  });
+
+const until = async (service: RuntimeService, state: PlaySession['state']) => {
+  for (const start = Date.now(); service.session.get().state !== state;) {
+    if (Date.now() - start > 10_000) {
+      throw new Error(`Still ${service.session.get().state}, expected ${state}`);
+    }
+    await new Promise((resolve) => setTimeout(resolve, 10));
+  }
+};
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(SERVER_CORE_TEST, '.tmp-play-'));
+  const root = join(workspace, 'pong');
+  cpSync(join(SERVER_CORE_TEST, 'fixtures/pong-network'), root, { recursive: true });
+  cpSync(GAME, join(root, 'apps/client/game.js'));
+  cpSync(GAME, join(root, 'apps/server/game.js'));
+  writeFileSync(join(root, '.env'), 'NANOFORGE_CLIENT_PORT=1\nNANOFORGE_SERVER_PORT=2\n');
+  const cli = join(workspace, 'nf.cjs');
+  cpSync(join(SERVER_CORE_TEST, 'fixtures/runtime/nf.cjs'), cli);
+  chmodSync(cli, 0o755);
+  editor = createEditorServer({
+    env: loadEnv(
+      {
+        NODE_ENV: 'test',
+        FS_ROOT: workspace,
+        DATA_DIR: join(mkdtempSync(join(tmpdir(), 'nf-data-')), 'editor'),
+        NF_CLI_PATH: cli,
+      },
+      workspace,
+    ),
+    version: '0.0.0-test',
+  });
+  client = createLoopbackClient(editor);
+  const id = await openTrustedProject(client, 'pong');
+  model = await client.api(ProjectsContract).model({ id });
+});
+
+afterAll(() => {
+  client.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('RuntimeService', () => {
+  it('plays server and client, pauses, steps and stops them, three times', async () => {
+    const service = createService();
+    const { host, mounts } = fakeHost();
+    service.attach(host as unknown as HTMLElement);
+    const events: GameEvent[] = [];
+    service.onEvent((event) => events.push(event));
+    const logs: RuntimeLog[] = [];
+    service.onLog((log) => logs.push(log));
+    const states: string[] = [];
+    service.session.subscribe((session) => {
+      if (states.at(-1) !== session.state) states.push(session.state);
+    });
+
+    expect(service.defaultMode()).toBe('server+client');
+    for (let run = 1; run <= 3; run++) {
+      imported.length = 0;
+      await service.play();
+      expect(service.session.get().error).toBeUndefined();
+      expect(service.session.get()).toMatchObject({
+        state: 'running',
+        mode: 'server+client',
+        apps: ['apps/server', 'apps/client'],
+        controllable: true,
+      });
+      const { url, options } = imported[0]!;
+      expect(url).toMatch(new RegExp(`/runtime/${model.id}/apps%2Fclient/main\\.js\\?v=\\w+&run=`));
+      expect(options.env).toEqual({ PORT: '1' });
+      expect(options.files.get('/data.txt')).toMatch(
+        /^http:\/\/editor\.localhost\/runtime\/.+data\.txt\?v=\w+$/,
+      );
+      expect(mounts()).toHaveLength(run);
+      expect(mounts()[run - 1]!.dataset.nfGame).toBe('apps/client');
+
+      service.pause();
+      await until(service, 'paused');
+      service.step();
+      await expect
+        .poll(() => events.filter((event) => event.event === 'stepped').map((e) => e.source))
+        .toEqual(expect.arrayContaining(['client', 'server']));
+      events.length = 0;
+      service.resume();
+      await until(service, 'running');
+
+      expect(service.session.get().compatibility.map((check) => check.status)).toEqual([
+        'ok',
+        'ok',
+      ]);
+      await expect
+        .poll(() => [...service.frameStats.get().keys()].sort())
+        .toEqual(['client', 'server']);
+      await expect
+        .poll(() => logs.filter((log) => log.source === 'client' && log.text === 'from the game'))
+        .toHaveLength(run);
+
+      await service.stop();
+      expect(service.session.get().state).toBe('idle');
+      expect(mounts().at(-1)!.removed).toBe(true);
+      expect(
+        events.filter((event) => event.event === 'state' && event.args[0] === 'stopped'),
+      ).toHaveLength(2);
+      expect(
+        await editor.runtime
+          .get(editor.projects.get({ mode: 'OFFLINE' } as never, model.id))
+          .servers(),
+      ).toEqual([]);
+    }
+    expect(states.slice(0, 7)).toEqual([
+      'idle',
+      'building',
+      'starting',
+      'running',
+      'paused',
+      'running',
+      'stopping',
+    ]);
+    service.dispose();
+  });
+
+  it('plays the chosen client and server of a project with several', () => {
+    const second = (type: 'client' | 'server') => {
+      const first = model.apps.find((app) => app.type === type)!;
+      return { ...first, id: `apps/${type}-2`, root: `apps/${type}-2`, name: `${type}-2` };
+    };
+    const apps = [...model.apps, second('client'), second('server')];
+    let chosen: Record<string, string | undefined> = {};
+    const service = createService({ apps: () => apps, selectedApp: (type) => chosen[type] });
+    expect(service.playable('client').map((app) => app.id)).toEqual([
+      'apps/client',
+      'apps/client-2',
+    ]);
+    expect(service.appFor('client')?.id).toBe('apps/client');
+    expect(service.appFor('server')?.id).toBe('apps/server');
+    chosen = { client: 'apps/client-2', server: 'apps/server-2' };
+    expect(service.appFor('client')?.id).toBe('apps/client-2');
+    expect(service.appFor('server')?.id).toBe('apps/server-2');
+    chosen = { client: 'apps/gone' };
+    expect(service.appFor('client')?.id).toBe('apps/client');
+    service.dispose();
+  });
+
+  it('moves the game stage between Game views', () => {
+    const service = createService();
+    const first = fakeHost().host;
+    const view = service.attach(first as unknown as HTMLElement);
+    const stage = first.children[0]!;
+    view.dispose();
+    expect(stage.removed).toBe(true);
+    expect(service.host.get()).toBeUndefined();
+
+    const second = fakeHost().host;
+    service.attach(second as unknown as HTMLElement);
+    expect(second.children).toEqual([stage]);
+    expect(stage.removed).toBe(false);
+    service.dispose();
+  });
+
+  it('plays games whose engine does not speak the bridge, without pause', async () => {
+    const legacy = join(SERVER_CORE_TEST, 'fixtures/runtime/legacy-game.js');
+    for (const app of ['client', 'server']) {
+      cpSync(legacy, join(workspace, `pong/apps/${app}/game.js`));
+    }
+    const service = createService({ serverStartTimeoutMs: 3000, helloTimeoutMs: 100 });
+    const { mounts, host } = fakeHost();
+    service.attach(host as unknown as HTMLElement);
+    for (let run = 1; run <= 2; run++) {
+      await service.play('server+client');
+      expect(service.session.get().error).toBeUndefined();
+      expect(service.session.get()).toMatchObject({ state: 'running', controllable: false });
+      expect(service.session.get().compatibility).toEqual([
+        expect.objectContaining({ source: 'server', status: 'legacy' }),
+        expect.objectContaining({
+          source: 'client',
+          status: 'legacy',
+          message: expect.stringContaining('Reload editor runtime'),
+        }),
+      ]);
+      await service.stop();
+      expect(service.session.get().state).toBe('idle');
+      expect(mounts().at(-1)!.removed).toBe(true);
+    }
+    for (const app of ['client', 'server'])
+      cpSync(GAME, join(workspace, `pong/apps/${app}/game.js`));
+    service.dispose();
+  });
+
+  it('crashes with the build diagnostics when the game does not build', async () => {
+    const file = join(workspace, 'pong/apps/client/game.js');
+    writeFileSync(file, '// SYNTAX ERROR\n');
+    const service = createService();
+    service.attach(fakeHost().host as unknown as HTMLElement);
+    await service.play('client');
+    expect(service.session.get()).toMatchObject({
+      state: 'crashed',
+      error: 'The game has build errors',
+      diagnostics: [{ path: 'apps/client/game.js', message: 'Unexpected ;' }],
+    });
+    await service.stop();
+    expect(service.session.get().state).toBe('idle');
+    cpSync(GAME, file);
+    service.dispose();
+  });
+
+  it('crashes when the game server exits while the game starts', async () => {
+    const service = createService({
+      envOverrides: () => ({ NANOFORGE_SERVER_EXIT_BEFORE_HELLO: '1' }),
+    });
+    await service.play('server');
+    await until(service, 'crashed');
+    expect(service.session.get().error).toBe('The game server exited (code 4)');
+    service.dispose();
+  });
+
+  it('crashes when the game server exits on its own', async () => {
+    const service = createService({ envOverrides: () => ({ NANOFORGE_SERVER_CRASH: '1' }) });
+    await service.play('server');
+    await until(service, 'crashed');
+    expect(service.session.get().error).toBe('The game server exited (code 3)');
+    service.dispose();
+  });
+});
diff --git a/packages/runtime/test/source-map/source-maps.spec.ts b/packages/runtime/test/source-map/source-maps.spec.ts
new file mode 100644
index 00000000..d3904b34
--- /dev/null
+++ b/packages/runtime/test/source-map/source-maps.spec.ts
@@ -0,0 +1,69 @@
+import { describe, expect, it } from 'vitest';
+
+import type { AppModel } from '@nanoforge-dev/editor-protocol';
+
+import { SourceMaps } from '../../src/source-map/source-maps';
+
+const app = (id: string, outDir: string): AppModel =>
+  ({ id, name: id, type: 'client', root: id, language: 'ts', outDir }) as AppModel;
+
+const MAP = JSON.stringify({
+  version: 3,
+  sources: ['../src/main.ts', '../../../node_modules/lib/index.js', '../../../../outside.ts'],
+  names: [],
+  mappings: 'AAAA;AACA;AACA;ACFA;ACAA',
+});
+
+const setup = () => {
+  const fetched: string[] = [];
+  const maps = new SourceMaps({
+    projectId: 'p1',
+    origin: 'http://localhost:4790',
+    apps: () => [app('apps/client', 'apps/client/dist'), app('apps/server', 'apps/server/dist')],
+    fetchText: async (url) => {
+      fetched.push(url);
+      return url.endsWith('/main.js.map') ? MAP : undefined;
+    },
+  });
+  return { maps, fetched };
+};
+
+describe('SourceMaps', () => {
+  it('maps a frame of a client bundle URL to the project file', async () => {
+    const { maps, fetched } = setup();
+    const url = 'http://localhost:4790/runtime/p1/apps%2Fclient/main.js?v=ab&run=2';
+    expect(await maps.locate(url, 3, 1)).toEqual({
+      path: 'apps/client/src/main.ts',
+      line: 3,
+      column: 1,
+    });
+    expect(fetched).toEqual(['http://localhost:4790/runtime/p1/apps%2Fclient/main.js.map']);
+    await maps.locate(url, 2, 1);
+    expect(fetched).toHaveLength(1);
+    maps.invalidate('apps/client');
+    await maps.locate(url, 2, 1);
+    expect(fetched).toHaveLength(2);
+  });
+
+  it('maps a frame of a server bundle path', async () => {
+    const { maps } = setup();
+    expect(await maps.locate('/home/me/pong/apps/server/dist/main.js', 2, 5)).toEqual({
+      path: 'apps/server/src/main.ts',
+      line: 2,
+      column: 1,
+    });
+  });
+
+  it('gives nothing for libraries, files outside the project, or bundles without a map', async () => {
+    const { maps } = setup();
+    const url = 'http://localhost:4790/runtime/p1/apps%2Fclient/main.js';
+    expect(await maps.locate(url, 4, 1)).toBeUndefined();
+    expect(await maps.locate(url, 5, 1)).toBeUndefined();
+    expect(await maps.locate(url, 99, 1)).toBeUndefined();
+    expect(
+      await maps.locate('http://localhost:4790/runtime/p1/apps%2Fclient/other.js', 1, 1),
+    ).toBeUndefined();
+    expect(await maps.locate('http://localhost:4790/runtime/p2/x/main.js', 1, 1)).toBeUndefined();
+    expect(await maps.locate('/usr/lib/thing.js', 1, 1)).toBeUndefined();
+  });
+});
diff --git a/packages/runtime/tsconfig.json b/packages/runtime/tsconfig.json
new file mode 100644
index 00000000..3c88a550
--- /dev/null
+++ b/packages/runtime/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/sdk/.cliff-jumperrc.json b/packages/sdk/.cliff-jumperrc.json
new file mode 100644
index 00000000..77626601
--- /dev/null
+++ b/packages/sdk/.cliff-jumperrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://raw.githubusercontent.com/favware/cliff-jumper/main/assets/cliff-jumper.schema.json",
+  "name": "editor-sdk",
+  "org": "nanoforge-dev",
+  "packagePath": "packages/sdk",
+  "tagTemplate": "{{new-version}}",
+  "identifierBase": false
+}
diff --git a/packages/sdk/.prettierignore b/packages/sdk/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/sdk/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/sdk/CHANGELOG.md b/packages/sdk/CHANGELOG.md
new file mode 100644
index 00000000..6361e43e
--- /dev/null
+++ b/packages/sdk/CHANGELOG.md
@@ -0,0 +1,3 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
diff --git a/packages/sdk/LICENSE b/packages/sdk/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/sdk/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/sdk/README.md b/packages/sdk/README.md
new file mode 100644
index 00000000..d07a785d
--- /dev/null
+++ b/packages/sdk/README.md
@@ -0,0 +1,52 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor-sdk"><img src="https://img.shields.io/npm/v/@nanoforge-dev/editor-sdk.svg?maxAge=3600" alt="npm version" /></a>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor-sdk"><img src="https://img.shields.io/npm/dt/@nanoforge-dev/editor-sdk.svg?maxAge=3600" alt="npm downloads" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/sdk"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fsdk" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-sdk` is part of the NanoForge Editor.
+
+Public API for NanoForge editor plugins.
+
+## Installation
+
+**Node.js 26 or newer is required.**
+
+```sh
+npm install @nanoforge-dev/editor-sdk
+yarn add @nanoforge-dev/editor-sdk
+pnpm add @nanoforge-dev/editor-sdk
+bun add @nanoforge-dev/editor-sdk
+```
+
+## Links
+
+- [GitHub][source]
+- [npm][npm]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/sdk
+[npm]: https://www.npmjs.com/package/@nanoforge-dev/editor-sdk
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/sdk/cliff.toml b/packages/sdk/cliff.toml
new file mode 100644
index 00000000..8da3ea14
--- /dev/null
+++ b/packages/sdk/cliff.toml
@@ -0,0 +1,79 @@
+[changelog]
+header = """
+# Changelog
+
+All notable changes to this project will be documented in this file.\n
+"""
+body = """
+{%- macro remote_url() -%}
+  https://github.com/{{ remote.github.owner }}/{{ remote.github.repo }}
+{%- endmacro -%}
+{% if version %}\
+	# [{{ version | trim_start_matches(pat="v") }}]\
+	{% if previous %}\
+		{% if previous.version %}\
+			({{ self::remote_url() }}/compare/{{ previous.version }}...{{ version }})\
+		{% else %}\
+			({{ self::remote_url() }}/tree/{{ version }})\
+		{% endif %}\
+	{% endif %} \
+	- ({{ timestamp | date(format="%Y-%m-%d") }})
+{% else %}\
+	# [unreleased]
+{% endif %}\
+{% for group, commits in commits | group_by(attribute="group") %}
+	## {{ group | upper_first }}
+	{% for commit in commits %}
+		- {% if commit.scope %}\
+			**{{commit.scope}}:** \
+		  {% endif %}\
+			{{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end="") }}]({{ self::remote_url() }}/commit/{{ commit.id }}))\
+			{% if commit.github.username %} by @{{ commit.github.username }}{%- endif %}\
+		{% if commit.breaking %}\
+			{% for footer in commit.footers %}\
+				{% if footer.breaking %}\
+					\n{% raw %}  {% endraw %}- **{{ footer.token }}{{ footer.separator }}** {{ footer.value }}\
+				{% endif %}\
+			{% endfor %}\
+		{% endif %}\
+	{% endfor %}
+{% endfor %}\
+{% if github.contributors | filter(attribute="is_first_time", value=true) | length %}\
+	\n### New Contributors\n
+	{% for contributor in github.contributors | filter(attribute="is_first_time", value=true) %}\
+		- @{{ contributor.username }} made their first contribution in #{{ contributor.pr_number }}
+	{% endfor %}\
+{% endif %}\n
+"""
+trim = true
+footer = ""
+
+[git]
+conventional_commits = true
+filter_unconventional = true
+commit_parsers = [
+	{ message = "^feat", group = "Features"},
+	{ message = "^fix", group = "Bug Fixes"},
+	{ message = "^docs", group = "Documentation"},
+	{ message = "^perf", group = "Performance"},
+	{ message = "^refactor", group = "Refactor"},
+	{ message = "^types", group = "Typings"},
+	{ message = ".*deprecated", body = ".*deprecated", group = "Deprecation"},
+	{ message = "^revert", skip = true},
+	{ message = "^style", group = "Styling"},
+	{ message = "^test", group = "Testing"},
+	{ message = "^chore", skip = true},
+	{ message = "^ci", skip = true},
+	{ message = "^build", skip = true},
+	{ body = ".*security", group = "Security"},
+]
+filter_commits = true
+protect_breaking_commits = true
+tag_pattern = "^[0-9]+"
+ignore_tags = ""
+topo_order = false
+sort_commits = "newest"
+
+[remote.github]
+owner = "NanoForge-dev"
+repo = "Editor"
diff --git a/packages/sdk/package.json b/packages/sdk/package.json
new file mode 100644
index 00000000..51a71473
--- /dev/null
+++ b/packages/sdk/package.json
@@ -0,0 +1,94 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-sdk",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Public API for editor plugins",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json",
+    "./ui": "./src/ui.ts",
+    "./worker": "./src/worker.ts"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/sdk"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "tsdown && node ./scripts/build-types.ts",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "changelog": "git cliff --prepend ./CHANGELOG.md -u -c ./cliff.toml -r ../../ --include-path 'packages/sdk/*'",
+    "release": "cliff-jumper"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-code": "workspace:*",
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-meta": "workspace:*",
+    "@nanoforge-dev/editor-project": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/editor-runtime": "workspace:*",
+    "@nanoforge-dev/editor-settings": "workspace:*",
+    "@nanoforge-dev/editor-ui": "workspace:*"
+  },
+  "devDependencies": {
+    "@favware/cliff-jumper": "catalog:ci",
+    "tsdown": "catalog:build",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/types/sdk/src/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./package.json": "./package.json",
+      "./worker": {
+        "types": "./dist/types/sdk/src/worker.d.ts",
+        "default": "./dist/worker.js"
+      }
+    }
+  },
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/sdk/scripts/build-types.ts b/packages/sdk/scripts/build-types.ts
new file mode 100644
index 00000000..08d9f506
--- /dev/null
+++ b/packages/sdk/scripts/build-types.ts
@@ -0,0 +1,29 @@
+import { execFileSync } from 'node:child_process';
+import { readFileSync, readdirSync, rmSync, statSync, writeFileSync } from 'node:fs';
+import { dirname, join, relative } from 'node:path';
+
+const root = join(import.meta.dirname, '..');
+const out = join(root, 'dist', 'types');
+rmSync(out, { recursive: true, force: true });
+execFileSync(join(root, 'node_modules/.bin/tsc'), ['-p', 'tsconfig.types.json'], {
+  cwd: root,
+  stdio: 'inherit',
+});
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    return statSync(path).isDirectory() ? walk(path) : path.endsWith('.d.ts') ? [path] : [];
+  });
+
+const SPECIFIER =
+  /(['"])@nanoforge-dev\/editor-(code|history|kernel|project|protocol|rpc|settings)(\/engine)?\1/g;
+for (const file of walk(out)) {
+  const text = readFileSync(file, 'utf8');
+  const rewritten = text.replace(SPECIFIER, (_match, quote: string, name: string, sub?: string) => {
+    const target = relative(dirname(file), join(out, name, 'src', sub ? 'engine' : '', 'index.js'));
+    return `${quote}${target.startsWith('.') ? target : `./${target}`}${quote}`;
+  });
+  if (rewritten !== text) writeFileSync(file, rewritten);
+}
+console.log(`SDK types written to ${relative(root, out)}`);
diff --git a/packages/sdk/src/index.ts b/packages/sdk/src/index.ts
new file mode 100644
index 00000000..786d3309
--- /dev/null
+++ b/packages/sdk/src/index.ts
@@ -0,0 +1,289 @@
+/**
+ * Public API of the NanoForge editor for plugins.
+ *
+ * At runtime this module is provided by the editor (plugins built with
+ * `@nanoforge-dev/editor-vite-plugin` never bundle it), so every plugin shares the same
+ * services, registries and tokens.
+ */
+import {
+  CoreServices,
+  type EventBus,
+  type ExtensionPoint,
+  type PluginContext,
+  type PluginModule,
+  type ServiceToken,
+} from '@nanoforge-dev/editor-kernel';
+
+export {
+  type Disposable,
+  DisposableObject,
+  DisposableStore,
+  MutableDisposable,
+  combineDisposables,
+  disposeAll,
+  isDisposable,
+  toDisposable,
+  Emitter,
+  type EmitterOptions,
+  type Event,
+  Events,
+  type Listener,
+  type Equality,
+  type Observable,
+  ObservableValue,
+  changes,
+  constant,
+  derived,
+  observe,
+  type ProvideOptions,
+  type ServiceAccessor,
+  type ServiceDecorator,
+  type ServiceFactory,
+  type ServiceToken,
+  createToken,
+  type Contribution,
+  type ExtensionPoint,
+  type Validator,
+  defineExtensionPoint,
+  type ContextKeyService,
+  type WhenExpression,
+  parseWhen,
+  COMMAND_METADATA,
+  type CommandHandler,
+  type CommandMetadata,
+  type CommandMetadataContribution,
+  type MessageBundle,
+  type MessageParams,
+  formatMessage,
+  type LogEntry,
+  LogLevel,
+  type LogLocation,
+  type LogValue,
+  type LogValueLimits,
+  type Logger,
+  type LoggerService,
+  formatLogValue,
+  isExpandableLogValue,
+  serializeLogValue,
+  type AppInfo,
+  type AppType,
+  type MissingEngineLib,
+  type PluginContext,
+  type PluginManifest,
+  type PluginModule,
+  isEligible,
+  missingEngineLibs,
+  type PluginHost,
+  PluginHostToken,
+  type PluginInfo,
+  switchObservable,
+} from '@nanoforge-dev/editor-kernel';
+
+export {
+  type ClientProject,
+  type ProjectFs,
+  type ProjectService,
+  ProjectServiceToken,
+  type WriteOptions,
+} from '@nanoforge-dev/editor-project';
+export type {
+  AppModel,
+  FileChange,
+  FileContent,
+  FileEntry,
+  ProjectModel,
+} from '@nanoforge-dev/editor-protocol';
+export { basename, dirname, joinPath, runtimeOutputPath } from '@nanoforge-dev/editor-protocol';
+
+export {
+  type NewApp,
+  type NewLibrary,
+  type Undo,
+  WorkspaceError,
+  type WorkspaceIo,
+  createApp,
+  createLibrary,
+  librariesOf,
+  libraryImporters,
+  removeApp,
+  removeLibrary,
+  renameApp,
+  renameLibrary,
+  runnableApps,
+  setLibraryUse,
+  validateFolder,
+  validatePackageName,
+  workspaceIo,
+} from '@nanoforge-dev/editor-project';
+
+export {
+  type GitBranch,
+  type GitChange,
+  type GitCommit,
+  GitContract,
+  type GitFile,
+  type GitStash,
+  type GitStatus,
+} from '@nanoforge-dev/editor-protocol';
+
+export { SessionContract, type SessionInfo } from '@nanoforge-dev/editor-protocol';
+
+export {
+  type InstalledPackage,
+  type PluginScope,
+  RegistryContract,
+  type RegistryItem,
+  type RegistrySearchResult,
+  type RegistrySummary,
+  type RegistryVersion,
+} from '@nanoforge-dev/editor-protocol';
+
+export {
+  type CatalogItem,
+  type CatalogService,
+  CatalogServiceToken,
+  type CatalogState,
+  appRefName,
+  itemFitsApp,
+  CODEGEN_TARGETS,
+  type CodeDiagnostic,
+  type CodeSymbol,
+  type CodeService,
+  CodeServiceToken,
+  type CodegenTarget,
+  DOCUMENT_EDITORS,
+  type DiagnosticsService,
+  type DocumentBackend,
+  DiagnosticsServiceToken,
+  type DocumentChange,
+  type DocumentEditor,
+  type DocumentService,
+  DocumentServiceToken,
+  type NodeRef,
+  type OpenDocument,
+  JSON_SCHEMAS,
+  type JsonSchemaContribution,
+  documentHistoryId,
+  editorsFor,
+  matchesGlob,
+  selectTarget,
+} from '@nanoforge-dev/editor-code';
+
+export type {
+  Element,
+  ElementLayout,
+  ElementType,
+  EnumMember,
+  ItemMeta,
+  ItemRef,
+  MetaDiagnostic,
+  MetaSource,
+  ParamGroup,
+  Side,
+} from '@nanoforge-dev/editor-meta';
+export { ownerObjects } from '@nanoforge-dev/editor-meta/pure';
+
+export {
+  type GameEvent,
+  type PlayMode,
+  type PlaySession,
+  type PlayState,
+  type RuntimeLog,
+  type SourceLocation,
+  type RuntimeService,
+  RuntimeServiceToken,
+  RuntimeSettings,
+  isPlaying,
+} from '@nanoforge-dev/editor-runtime';
+export {
+  type BuildDiagnostic,
+  type BuildStatus,
+  type EngineFeatures,
+  type EngineFrameStats,
+  type EngineNetworkStats,
+  type EngineNetworkTrace,
+  type EngineScenes,
+  type EngineSystemStats,
+  type EngineViewport,
+  type EngineWorld,
+  type EngineWorldValue,
+  RUNTIME_PROTOCOL_VERSION,
+  type RuntimeCommand,
+} from '@nanoforge-dev/editor-protocol';
+
+export {
+  type CommandOrigin,
+  type CommandPreview,
+  HISTORY_CONTEXT_KEY,
+  type HistoryCommand,
+  type HistoryContext,
+  type HistoryContextInfo,
+  type HistoryEntry,
+  type HistoryService,
+  HistoryServiceToken,
+  type HistoryStack,
+  TEXT_INPUT_FOCUS_KEY,
+  type TextEdit,
+  type Transaction,
+  applyTextEdits,
+  compositeCommand,
+} from '@nanoforge-dev/editor-history';
+
+export {
+  CoreSettings,
+  REQUIRED_PLUGINS,
+  type MergeStrategy,
+  type SettingDefinition,
+  type SettingInspection,
+  type SettingScope,
+  type SettingsService,
+  SettingsServiceToken,
+  type SettingsRegistry,
+  SettingsRegistryToken,
+  AccountSyncToken,
+  type SyncStatus,
+  type MergeConflict,
+  type ImportPreview,
+  jsonSchemaOf,
+  type WritableScope,
+  defineSetting,
+} from '@nanoforge-dev/editor-settings';
+
+export {
+  type Contract,
+  type RpcApi,
+  type RpcClient,
+  RpcClientToken,
+  RpcError,
+  type RpcErrorCode,
+  defineContract,
+} from '@nanoforge-dev/editor-rpc';
+
+/**
+ * Editor-wide events. Extend it by module augmentation:
+ *
+ * ```ts
+ * declare module '@nanoforge-dev/editor-sdk' {
+ *   interface EditorEvents {
+ *     'ecs.entitySelected': { app: string; entity: string };
+ *   }
+ * }
+ * ```
+ */
+
+export interface EditorEvents {}
+
+/** Services every editor provides, resolvable with `context.services.get(...)`. */
+export const EditorServices = {
+  ...CoreServices,
+  EventBus: CoreServices.EventBus as unknown as ServiceToken<EventBus<EditorEvents>>,
+} as const;
+
+/** Declares a plugin entry. Export the result as `default` or spread it into named exports. */
+export const definePlugin = (plugin: PluginModule): PluginModule => plugin;
+
+/** Helper type: the value type of an extension point. */
+export type ContributionOf<P> = P extends ExtensionPoint<infer T> ? T : never;
+
+/** Helper type: the activation context, for plugin authors' own helpers. */
+export type EditorPluginContext = PluginContext;
diff --git a/packages/sdk/src/ui.ts b/packages/sdk/src/ui.ts
new file mode 100644
index 00000000..3c18af27
--- /dev/null
+++ b/packages/sdk/src/ui.ts
@@ -0,0 +1,117 @@
+/**
+ * UI API of the NanoForge editor for plugins: widgets and screens, menus, toolbar, status bar,
+ * keybindings, notifications, prompts, styles, themes and the component kit.
+ *
+ * Like the rest of the SDK, the editor provides this module at runtime: plugin widgets use the
+ * editor's own components and services.
+ */
+export {
+  FILE_ACTIONS,
+  FILE_DECORATIONS,
+  FILE_ICONS,
+  FILE_TEMPLATES,
+  type FileAction,
+  type FileDecoration,
+  type FileDecorationProvider,
+  type FileIcon,
+  type FileTemplate,
+  type TemplateFile,
+  CODE_EDITOR_ACTIVE_FILE,
+  CODE_EDITOR_SIDE_PANELS,
+  type CodeEditorSidePanel,
+  SCENE_EDITORS,
+  type SceneEditor,
+  VIEWPORT_OVERLAYS,
+  VIEWPORT_TOOLS,
+  type ViewportOverlay,
+  type ViewportScreen,
+  type ViewportTool,
+  KEYBINDINGS,
+  type Keybinding,
+  KeybindingSchema,
+  MENU_BAR,
+  MENU_ITEMS,
+  type MenuBarEntry,
+  type MenuItem,
+  MenuItemSchema,
+  type MountedWidget,
+  STATUS_BAR_ITEMS,
+  type StatusBarItem,
+  TOOLBAR_ITEMS,
+  type ToolbarItem,
+  WIDGETS,
+  WIDGET_VIEWS,
+  type WidgetDescriptor,
+  WidgetDescriptorSchema,
+  type WidgetInstance,
+  type WidgetView,
+  SETTINGS_PAGES,
+  type SettingsPage,
+  type SettingsPageApi,
+  type EditorAction,
+  actionId,
+  actionLabel,
+  isActionEnabled,
+  listActions,
+  DEFAULT_KEYMAP_PRESET,
+  KEYMAP_PRESETS,
+  type KeybindingConflict,
+  type KeymapOverride,
+  type KeymapPreset,
+  type ResolvedKeybinding,
+  type KeymapLayers,
+  type ShortcutRef,
+  bindingsConflict,
+  findConflicts,
+  isActionChanged,
+  resetAction,
+  resolveLayers,
+  setShortcut,
+  formatKeybinding,
+  parseKeybinding,
+  portableStroke,
+  resolveKeymap,
+  strokeFromEvent,
+  type KeybindingService,
+  KeybindingServiceToken,
+  type LayoutController,
+  LayoutControllerToken,
+  type NotificationService,
+  NotificationServiceToken,
+  type PromptService,
+  PromptServiceToken,
+  type StyleService,
+  StyleServiceToken,
+  type ThemeDefinition,
+  type ThemeService,
+  ThemeServiceToken,
+  THEMES,
+  type WorkbenchService,
+  WorkbenchServiceToken,
+  registerIcons,
+  resolveIcon,
+  Button,
+  Checkbox,
+  ColorPicker,
+  Combobox,
+  ContextMenu,
+  Dialog,
+  EmptyState,
+  Icon,
+  IconButton,
+  Input,
+  Menu,
+  type MenuEntry,
+  NumberInput,
+  PropertyGrid,
+  type PropertyField,
+  Select,
+  Splitter,
+  Switch,
+  Tabs,
+  Tooltip,
+  Tree,
+  type DropPosition,
+  type TreeNode,
+  Vector2Input,
+} from '@nanoforge-dev/editor-ui';
diff --git a/packages/sdk/src/worker.ts b/packages/sdk/src/worker.ts
new file mode 100644
index 00000000..2e54fcd8
--- /dev/null
+++ b/packages/sdk/src/worker.ts
@@ -0,0 +1,54 @@
+/**
+ * API of plugin worker entries (`entry.worker` in the manifest), running in the code worker.
+ * At runtime this module and `ts-morph` are provided by the editor's worker.
+ *
+ * ```ts
+ * import { defineWorkerPlugin } from '@nanoforge-dev/editor-sdk/worker';
+ *
+ * export default defineWorkerPlugin({
+ *   activate(sdk) {
+ *     sdk.registerAnalyzer('acme.components', ({ file, literals }) => …);
+ *   },
+ * });
+ * ```
+ */
+import type { WorkerPluginModule } from '@nanoforge-dev/editor-code/engine';
+
+export {
+  type AnalyzeContext,
+  type Analyzer,
+  type CodeDiagnostic,
+  CodeError,
+  EditBuilder,
+  type LiteralValue,
+  type NodeRef,
+  type PrintOptions,
+  type TextEdit,
+  type TransformContext,
+  type Transformer,
+  type WorkerPluginModule,
+  type WorkerSdk,
+  literalToValue,
+  quoteStyle,
+  readExportedLiteral,
+  valueToLiteral,
+} from '@nanoforge-dev/editor-code/engine';
+
+export {
+  type Doc,
+  type DocTag,
+  type ItemDeclaration,
+  type ItemMeta,
+  type ItemOwner,
+  type ItemRef,
+  type OwnerContext,
+  type OwnerInput,
+  docOf,
+  firstTag,
+  hasTag,
+  leadingDocComments,
+  parseDocComment,
+  tagTexts,
+} from '@nanoforge-dev/editor-meta';
+
+export const defineWorkerPlugin = (plugin: WorkerPluginModule): WorkerPluginModule => plugin;
diff --git a/packages/sdk/test/index.spec.ts b/packages/sdk/test/index.spec.ts
new file mode 100644
index 00000000..888adb43
--- /dev/null
+++ b/packages/sdk/test/index.spec.ts
@@ -0,0 +1,123 @@
+import { describe, expect, it } from 'vitest';
+
+import { EventBus, createCoreContainer } from '@nanoforge-dev/editor-kernel';
+
+import { EditorServices, definePlugin } from '../src';
+
+declare module '../src' {
+  interface EditorEvents {
+    'sdk.test': { ok: boolean };
+  }
+}
+
+describe('sdk', () => {
+  it('types the editor event bus with augmented EditorEvents', () => {
+    const services = createCoreContainer();
+    const bus = services.get(EditorServices.EventBus);
+    expect(bus).toBeInstanceOf(EventBus);
+    let received = false;
+    bus.on('sdk.test', ({ ok }) => (received = ok));
+    bus.emit('sdk.test', { ok: true });
+    expect(received).toBe(true);
+    services.dispose();
+  });
+
+  it('definePlugin is an identity helper', () => {
+    const plugin = { activate: () => undefined };
+    expect(definePlugin(plugin)).toBe(plugin);
+  });
+});
+
+describe('public API', () => {
+  it('only changes on purpose (update the snapshot when adding to the SDK)', async () => {
+    const sdk = await import('../src');
+    expect(Object.keys(sdk).sort()).toMatchInlineSnapshot(`
+      [
+        "AccountSyncToken",
+        "CODEGEN_TARGETS",
+        "COMMAND_METADATA",
+        "CatalogServiceToken",
+        "CodeServiceToken",
+        "CoreSettings",
+        "DOCUMENT_EDITORS",
+        "DiagnosticsServiceToken",
+        "DisposableObject",
+        "DisposableStore",
+        "DocumentServiceToken",
+        "EditorServices",
+        "Emitter",
+        "Events",
+        "GitContract",
+        "HISTORY_CONTEXT_KEY",
+        "HistoryServiceToken",
+        "JSON_SCHEMAS",
+        "LogLevel",
+        "MutableDisposable",
+        "ObservableValue",
+        "PluginHostToken",
+        "ProjectServiceToken",
+        "REQUIRED_PLUGINS",
+        "RUNTIME_PROTOCOL_VERSION",
+        "RegistryContract",
+        "RpcClientToken",
+        "RpcError",
+        "RuntimeServiceToken",
+        "RuntimeSettings",
+        "SessionContract",
+        "SettingsRegistryToken",
+        "SettingsServiceToken",
+        "TEXT_INPUT_FOCUS_KEY",
+        "WorkspaceError",
+        "appRefName",
+        "applyTextEdits",
+        "basename",
+        "changes",
+        "combineDisposables",
+        "compositeCommand",
+        "constant",
+        "createApp",
+        "createLibrary",
+        "createToken",
+        "defineContract",
+        "defineExtensionPoint",
+        "definePlugin",
+        "defineSetting",
+        "derived",
+        "dirname",
+        "disposeAll",
+        "documentHistoryId",
+        "editorsFor",
+        "formatLogValue",
+        "formatMessage",
+        "isDisposable",
+        "isEligible",
+        "isExpandableLogValue",
+        "isPlaying",
+        "itemFitsApp",
+        "joinPath",
+        "jsonSchemaOf",
+        "librariesOf",
+        "libraryImporters",
+        "matchesGlob",
+        "missingEngineLibs",
+        "observe",
+        "ownerObjects",
+        "parseWhen",
+        "removeApp",
+        "removeLibrary",
+        "renameApp",
+        "renameLibrary",
+        "runnableApps",
+        "runtimeOutputPath",
+        "selectTarget",
+        "serializeLogValue",
+        "setLibraryUse",
+        "switchObservable",
+        "toDisposable",
+        "validateFolder",
+        "validatePackageName",
+        "workspaceIo",
+      ]
+    `);
+  });
+});
diff --git a/packages/sdk/tsconfig.json b/packages/sdk/tsconfig.json
new file mode 100644
index 00000000..f2fa7f24
--- /dev/null
+++ b/packages/sdk/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/sdk/tsconfig.types.json b/packages/sdk/tsconfig.types.json
new file mode 100644
index 00000000..8e90fb51
--- /dev/null
+++ b/packages/sdk/tsconfig.types.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "sourceMap": false,
+    "rootDir": "..",
+    "outDir": "dist/types",
+    "types": [],
+    "paths": {
+      "@nanoforge-dev/editor-kernel": ["../kernel/src/index.ts"],
+      "@nanoforge-dev/editor-project": ["../project/src/index.ts"],
+      "@nanoforge-dev/editor-protocol": ["../protocol/src/index.ts"],
+      "@nanoforge-dev/editor-rpc": ["../rpc/src/index.ts"],
+      "@nanoforge-dev/editor-settings": ["../settings/src/index.ts"],
+      "@nanoforge-dev/editor-history": ["../history/src/index.ts"],
+      "@nanoforge-dev/editor-code": ["../code/src/index.ts"],
+      "@nanoforge-dev/editor-code/engine": ["../code/src/engine/index.ts"]
+    }
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/sdk/tsdown.config.ts b/packages/sdk/tsdown.config.ts
new file mode 100644
index 00000000..58dd3912
--- /dev/null
+++ b/packages/sdk/tsdown.config.ts
@@ -0,0 +1,20 @@
+import { defineConfig } from 'tsdown';
+
+/**
+ * JavaScript of the published SDK (types are built by scripts/build-types.ts). At runtime plugins
+ * never load it: the editor provides the SDK as a shared module.
+ */
+export default defineConfig({
+  entry: ['src/index.ts', 'src/worker.ts'],
+  format: ['esm'],
+  platform: 'neutral',
+  target: 'es2023',
+  dts: false,
+  sourcemap: true,
+  clean: true,
+  fixedExtension: false,
+  deps: {
+    alwaysBundle: [/^@nanoforge-dev\/editor-(code|history|kernel|project|protocol|rpc|settings)$/],
+    neverBundle: ['semver', 'zod', 'ts-morph'],
+  },
+});
diff --git a/packages/server-core/.prettierignore b/packages/server-core/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/server-core/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/server-core/LICENSE b/packages/server-core/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/server-core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/server-core/README.md b/packages/server-core/README.md
new file mode 100644
index 00000000..9168478e
--- /dev/null
+++ b/packages/server-core/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/server-core"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fserver-core" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-server-core` is an internal package of the NanoForge Editor.
+
+Editor server services: sessions, fs, cli, git, api client, plugin server entries.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/server-core
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/server-core/package.json b/packages/server-core/package.json
new file mode 100644
index 00000000..cac1cb8f
--- /dev/null
+++ b/packages/server-core/package.json
@@ -0,0 +1,79 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-server-core",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Editor server services: sessions, fs, cli, git, api client, plugin server entries",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./testing": "./src/testing.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/server-core"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "test:contract": "vitest run --config ../../vitest.config.ts test/contract"
+  },
+  "dependencies": {
+    "@nanoforge-dev/config": "catalog:config",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "@nanoforge-dev/registry": "workspace:*",
+    "chokidar": "catalog:server",
+    "fflate": "catalog:libs",
+    "ignore": "catalog:libs",
+    "prettier": "catalog:server",
+    "semver": "catalog:libs",
+    "typescript": "catalog:build",
+    "unrun": "catalog:build",
+    "yaml": "catalog:server",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@types/bun": "catalog:core",
+    "@types/node": "catalog:core",
+    "@types/semver": "catalog:libs",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/server-core/src/api/api-client.ts b/packages/server-core/src/api/api-client.ts
new file mode 100644
index 00000000..8176f17c
--- /dev/null
+++ b/packages/server-core/src/api/api-client.ts
@@ -0,0 +1,198 @@
+import { z } from 'zod';
+
+import type { User } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcErrorCode } from '@nanoforge-dev/editor-rpc';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import type { AuthTokens, Session } from '../session/session-store';
+
+const API_STATUS_CODES: Record<number, RpcErrorCode> = {
+  400: 'BAD_REQUEST',
+  401: 'UNAUTHORIZED',
+  403: 'FORBIDDEN',
+  404: 'NOT_FOUND',
+  409: 'CONFLICT',
+  412: 'CONFLICT',
+  413: 'PAYLOAD_TOO_LARGE',
+};
+
+export interface ApiRequest {
+  method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+  body?: unknown;
+  query?: Record<string, string | number | undefined>;
+  /** Send the session tokens (default true). */
+  auth?: boolean;
+  signal?: AbortSignal;
+}
+
+export interface TokenResponse extends AuthTokens {
+  tokenExpiresAt: string;
+}
+
+/** A project of the API, as `/projects` and `/editor/projects/:id` answer it. */
+export const GatewayProjectSchema = z.object({
+  id: z.string().min(1),
+  code: z.string(),
+  name: z.string(),
+  description: z
+    .string()
+    .nullish()
+    .transform((value) => value ?? ''),
+  gatewayProjectRegistryUrl: z
+    .string()
+    .url()
+    .refine((url) => /^https?:$/.test(new URL(url).protocol), 'must be an http(s) URL'),
+  gatewayProjectRegistryMetadata: z
+    .object({
+      dir: z
+        .string()
+        .nullish()
+        .transform((value) => value ?? null),
+    })
+    .nullish()
+    .transform((value) => value ?? { dir: null }),
+  token: z
+    .string()
+    .nullish()
+    .transform((value) => value ?? ''),
+});
+export type GatewayProject = z.output<typeof GatewayProjectSchema>;
+
+/** An entry of `/projects`: only what the project list shows. */
+export const GatewayProjectSummarySchema = z.object({
+  id: z.string().min(1),
+  name: z.string(),
+  description: z
+    .string()
+    .nullish()
+    .transform((value) => value ?? ''),
+});
+export type GatewayProjectSummary = z.output<typeof GatewayProjectSummarySchema>;
+
+const ApiUserSchema = z.object({
+  id: z.union([z.string(), z.number()]).transform(String),
+  username: z.string().nullish(),
+  email: z.string().nullish(),
+  firstName: z.string().nullish(),
+  lastName: z.string().nullish(),
+});
+
+const parseResponse = <T>(schema: z.ZodType<T>, value: unknown, what: string): T => {
+  const result = schema.safeParse(value);
+  if (!result.success)
+    throw new RpcError('UNAVAILABLE', `The NanoForge API sent an unexpected ${what}`, {
+      detail: result.error.issues.map((issue) => `${issue.path.join('.')}: ${issue.message}`),
+    });
+  return result.data;
+};
+
+/**
+ * Client of api.nanoforge.eu. Authenticated calls refresh the access token once on 401 and
+ * update the session tokens (the caller forwards them as cookies).
+ */
+export class ApiClient {
+  /** One refresh at a time per session: with rotation, a second one would use a spent token. */
+  private readonly _refreshing = new WeakMap<Session, Promise<AuthTokens>>();
+
+  constructor(
+    private readonly _env: EditorEnv,
+    private readonly _fetch: typeof fetch = globalThis.fetch.bind(globalThis),
+  ) {}
+
+  async request<T>(session: Session | null, path: string, request: ApiRequest = {}): Promise<T> {
+    const auth = request.auth ?? true;
+    if (auth && !session?.tokens) throw new RpcError('UNAUTHORIZED', 'Not signed in');
+    const sent = auth ? session!.tokens!.accessToken : null;
+    let response = await this._send(path, request, sent);
+    if (auth && response.status === 401) {
+      if (session!.tokens?.accessToken === sent) await this.refresh(session!);
+      else await this._refreshing.get(session!);
+      if (!session!.tokens) throw new RpcError('UNAUTHORIZED', 'Session expired, sign in again');
+      response = await this._send(path, request, session!.tokens.accessToken);
+    }
+    if (!response.ok) {
+      const detail = await response.text().catch(() => '');
+      throw new RpcError(
+        API_STATUS_CODES[response.status] ??
+          (response.status >= 500 ? 'UNAVAILABLE' : 'BAD_REQUEST'),
+        `NanoForge API ${request.method ?? 'GET'} ${path} failed (${response.status})`,
+        detail ? { detail: detail.slice(0, 500) } : undefined,
+      );
+    }
+    return response.status === 204 ? (undefined as T) : ((await response.json()) as T);
+  }
+
+  refresh(session: Session): Promise<AuthTokens> {
+    let refreshing = this._refreshing.get(session);
+    if (!refreshing) {
+      refreshing = this._refresh(session).finally(() => this._refreshing.delete(session));
+      this._refreshing.set(session, refreshing);
+    }
+    return refreshing;
+  }
+
+  /** The user the session's tokens belong to (refreshing them if needed); null when invalid. */
+  async currentUser(session: Session): Promise<User | null> {
+    if (!session.tokens) return null;
+    try {
+      const user = parseResponse(ApiUserSchema, await this.request(session, '/users/me'), 'user');
+      const name = user.username || [user.firstName, user.lastName].filter(Boolean).join(' ');
+      return {
+        id: user.id,
+        name: name || user.email || 'NanoForge user',
+        ...(user.email && { email: user.email }),
+      };
+    } catch (error) {
+      if (error instanceof RpcError && error.code === 'UNAUTHORIZED') return null;
+      throw error;
+    }
+  }
+
+  async gatewayProjects(session: Session): Promise<GatewayProjectSummary[]> {
+    const projects = await this.request(session, '/projects');
+    return parseResponse(z.array(GatewayProjectSummarySchema), projects, 'project list');
+  }
+
+  async gatewayProject(session: Session, id: string): Promise<GatewayProject> {
+    const project = await this.request(session, `/editor/projects/${encodeURIComponent(id)}`);
+    return parseResponse(GatewayProjectSchema, project, 'project');
+  }
+
+  private async _refresh(session: Session): Promise<AuthTokens> {
+    const refreshToken = session.tokens?.refreshToken;
+    if (!refreshToken) throw new RpcError('UNAUTHORIZED', 'Session expired, sign in again');
+    const response = await this._send(
+      '/auth/refresh-token',
+      {
+        method: 'POST',
+        body: { refreshToken },
+      },
+      null,
+    );
+    if (!response.ok) {
+      session.tokens = null;
+      session.user = null;
+      throw new RpcError('UNAUTHORIZED', 'Session expired, sign in again');
+    }
+    const tokens = (await response.json()) as TokenResponse;
+    session.tokens = { accessToken: tokens.accessToken, refreshToken: tokens.refreshToken };
+    return session.tokens;
+  }
+
+  private _send(path: string, request: ApiRequest, accessToken: string | null): Promise<Response> {
+    const url = new URL(path, this._env.apiUrl);
+    for (const [key, value] of Object.entries(request.query ?? {})) {
+      if (value !== undefined) url.searchParams.set(key, String(value));
+    }
+    return this._fetch(url, {
+      method: request.method ?? 'GET',
+      headers: {
+        'content-type': 'application/json',
+        ...(this._env.apiKey && { 'api-key': this._env.apiKey }),
+        ...(accessToken && { authorization: `Bearer ${accessToken}` }),
+      },
+      ...(request.body !== undefined && { body: JSON.stringify(request.body) }),
+      ...(request.signal && { signal: request.signal }),
+    });
+  }
+}
diff --git a/packages/server-core/src/api/index.ts b/packages/server-core/src/api/index.ts
new file mode 100644
index 00000000..19601001
--- /dev/null
+++ b/packages/server-core/src/api/index.ts
@@ -0,0 +1 @@
+export * from './api-client';
diff --git a/packages/server-core/src/env/editor-env.type.ts b/packages/server-core/src/env/editor-env.type.ts
new file mode 100644
index 00000000..d23d91e9
--- /dev/null
+++ b/packages/server-core/src/env/editor-env.type.ts
@@ -0,0 +1,27 @@
+import type { ApiFeature } from './env.schema';
+
+export interface EditorEnv {
+  readonly production: boolean;
+  readonly mode: 'OFFLINE' | 'ONLINE';
+  readonly host: string;
+  readonly port: number;
+  readonly fsRoot: string;
+  readonly dataDir: string;
+  readonly apiUrl: string;
+  readonly apiKey: string | undefined;
+  /** The API features the editor may call. */
+  readonly apiFeatures: readonly ApiFeature[];
+  /** Undefined: no registry to ask (the API does not have it yet). */
+  readonly registryUrl: string | undefined;
+  /** A folder used as the registry, when set. */
+  readonly registryDir: string | undefined;
+  readonly loginUrl: string;
+  readonly sessionSecret: string;
+  readonly cliPath: string | undefined;
+  readonly gitPath: string;
+  readonly allowedOrigins: readonly string[];
+  /** Host names allowed in the `Host` header besides loopback ones. */
+  readonly allowedHosts: readonly string[];
+  readonly devPlugins: readonly string[];
+  readonly bundledPluginsDir: string | undefined;
+}
diff --git a/packages/server-core/src/env/env.exception.ts b/packages/server-core/src/env/env.exception.ts
new file mode 100644
index 00000000..c4325993
--- /dev/null
+++ b/packages/server-core/src/env/env.exception.ts
@@ -0,0 +1,6 @@
+export class EnvError extends Error {
+  constructor(readonly issues: string[]) {
+    super(`Invalid editor environment:\n${issues.map((issue) => `  - ${issue}`).join('\n')}`);
+    this.name = 'EnvError';
+  }
+}
diff --git a/packages/server-core/src/env/env.schema.ts b/packages/server-core/src/env/env.schema.ts
new file mode 100644
index 00000000..b910cd4b
--- /dev/null
+++ b/packages/server-core/src/env/env.schema.ts
@@ -0,0 +1,103 @@
+import { z } from 'zod';
+
+const optionalString = z
+  .string()
+  .optional()
+  .transform((value) => (value?.trim() ? value.trim() : undefined));
+
+const list = z
+  .string()
+  .optional()
+  .transform((value) =>
+    (value ?? '')
+      .split(',')
+      .map((entry) => entry.trim())
+      .filter(Boolean),
+  );
+
+/** `localhost`, `127.x.x.x` or `::1`. */
+const isLoopback = (host: string) =>
+  host === 'localhost' || /^127(\.\d{1,3}){3}$/.test(host) || ['::1', '[::1]'].includes(host);
+
+/**
+ * What the NanoForge API offers the editor, beyond sign-in and projects. A feature that is not
+ * listed in `API_FEATURES` is not called: the editor keeps to itself for it.
+ *  - `settings`: account settings sync (docs/api/settings-sync.md). Without it, a hosted editor
+ *    keeps account settings on its own disk.
+ *  - `registry`: the registry of plugins and packages (docs/api/registry.md). Without it, the
+ *    marketplace says it is not available (unless `REGISTRY_URL` or `REGISTRY_DIR` is set).
+ */
+export const API_FEATURES = ['settings', 'registry'] as const;
+export type ApiFeature = (typeof API_FEATURES)[number];
+
+/** Environment of the editor server, validated at startup. */
+export const EnvSchema = z
+  .object({
+    NODE_ENV: z.enum(['development', 'production', 'test']).default('production'),
+    /** OFFLINE: local projects on disk. ONLINE: hosted, projects synced with git gateways. */
+    PUBLIC_MODE: z.enum(['OFFLINE', 'ONLINE']).default('OFFLINE'),
+    HOST: optionalString,
+    PORT: z.coerce.number().int().min(0).max(65_535).default(3000),
+    /** Projects must live under this directory (defaults to the working directory). */
+    FS_ROOT: optionalString,
+    /** Editor data: recent projects, installed plugins… */
+    DATA_DIR: optionalString,
+    API_URL: z.string().url().default('https://api.nanoforge.eu'),
+    API_KEY: optionalString,
+    /** The API features that are deployed, comma separated (`settings,registry`). None by default. */
+    API_FEATURES: list,
+    /** The registry of plugins and packages, when it is not the API's (`registry` feature). */
+    REGISTRY_URL: optionalString,
+    /** A folder standing in for the registry (`<dir>/@scope/name/<version>/`): tests, offline work. */
+    REGISTRY_DIR: optionalString,
+    /** NanoForge projects website, where ONLINE users sign in. */
+    PUBLIC_PM_URL: z.string().url().default('https://projects.nanoforge.eu'),
+    SESSION_SECRET: optionalString,
+    NF_CLI_PATH: optionalString,
+    GIT_PATH: optionalString,
+    /** Extra origins allowed to call the server (dev proxies). */
+    ALLOWED_ORIGINS: list,
+    /**
+     * Host names the server answers to besides localhost (DNS rebinding guard), comma separated.
+     * A local editor reached by another name needs it; a hosted one checks it when it is set.
+     */
+    ALLOWED_HOSTS: list,
+    /** Directories of local plugins under development (their `dist/` is served). */
+    DEV_PLUGINS: list,
+    /** Directory of the plugins bundled with the editor build. */
+    BUNDLED_PLUGINS_DIR: optionalString,
+    /**
+     * Lets a local (OFFLINE) editor listen on a non-loopback `HOST`. It has no sign-in and runs
+     * project code: only set it behind something that restricts who can connect.
+     */
+    ALLOW_REMOTE_OFFLINE: z
+      .string()
+      .optional()
+      .transform((value) => value === '1' || value === 'true'),
+  })
+  .superRefine((env, context) => {
+    for (const feature of env.API_FEATURES) {
+      if (!(API_FEATURES as readonly string[]).includes(feature)) {
+        context.addIssue({
+          code: 'custom',
+          path: ['API_FEATURES'],
+          message: `unknown feature "${feature}" (known: ${API_FEATURES.join(', ')})`,
+        });
+      }
+    }
+    if (
+      env.PUBLIC_MODE === 'OFFLINE' &&
+      env.HOST &&
+      !isLoopback(env.HOST) &&
+      !env.ALLOW_REMOTE_OFFLINE
+    ) {
+      context.addIssue({
+        code: 'custom',
+        path: ['HOST'],
+        message: `a local (OFFLINE) editor has no sign-in and runs project code: it only listens on a loopback address, not "${env.HOST}". Set PUBLIC_MODE=ONLINE for a hosted editor, or ALLOW_REMOTE_OFFLINE=1 behind something that restricts who can connect`,
+      });
+    }
+    if (env.PUBLIC_MODE === 'ONLINE' && !env.API_KEY) {
+      context.addIssue({ code: 'custom', path: ['API_KEY'], message: 'required in ONLINE mode' });
+    }
+  });
diff --git a/packages/server-core/src/env/index.ts b/packages/server-core/src/env/index.ts
new file mode 100644
index 00000000..3f0ca501
--- /dev/null
+++ b/packages/server-core/src/env/index.ts
@@ -0,0 +1,4 @@
+export * from './env.schema';
+export * from './editor-env.type';
+export * from './env.exception';
+export * from './load-env';
diff --git a/packages/server-core/src/env/load-env.ts b/packages/server-core/src/env/load-env.ts
new file mode 100644
index 00000000..195392a1
--- /dev/null
+++ b/packages/server-core/src/env/load-env.ts
@@ -0,0 +1,43 @@
+import { randomBytes } from 'node:crypto';
+import { homedir } from 'node:os';
+import { isAbsolute, join, resolve } from 'node:path';
+
+import type { EditorEnv } from './editor-env.type';
+import { EnvError } from './env.exception';
+import { type ApiFeature, EnvSchema } from './env.schema';
+
+export const loadEnv = (
+  source: Record<string, string | undefined> = process.env,
+  cwd = process.cwd(),
+): EditorEnv => {
+  const result = EnvSchema.safeParse(source);
+  if (!result.success) {
+    throw new EnvError(
+      result.error.issues.map((issue) => `${issue.path.join('.')}: ${issue.message}`),
+    );
+  }
+  const env = result.data;
+  const absolute = (path: string) => (isAbsolute(path) ? path : resolve(cwd, path));
+  return {
+    production: env.NODE_ENV === 'production',
+    mode: env.PUBLIC_MODE,
+    host: env.HOST ?? (env.PUBLIC_MODE === 'OFFLINE' ? '127.0.0.1' : '0.0.0.0'),
+    port: env.PORT,
+    fsRoot: absolute(env.FS_ROOT ?? '.'),
+    dataDir: absolute(env.DATA_DIR ?? join(homedir(), '.nanoforge', 'editor')),
+    apiUrl: env.API_URL,
+    apiKey: env.API_KEY,
+    apiFeatures: env.API_FEATURES as ApiFeature[],
+    registryUrl:
+      env.REGISTRY_URL ?? (env.API_FEATURES.includes('registry') ? env.API_URL : undefined),
+    registryDir: env.REGISTRY_DIR && absolute(env.REGISTRY_DIR),
+    loginUrl: env.PUBLIC_PM_URL,
+    sessionSecret: env.SESSION_SECRET ?? randomBytes(32).toString('hex'),
+    cliPath: env.NF_CLI_PATH,
+    gitPath: env.GIT_PATH ?? 'git',
+    allowedOrigins: env.ALLOWED_ORIGINS,
+    allowedHosts: env.ALLOWED_HOSTS.map((host) => host.toLowerCase()),
+    devPlugins: env.DEV_PLUGINS.map(absolute),
+    bundledPluginsDir: env.BUNDLED_PLUGINS_DIR && absolute(env.BUNDLED_PLUGINS_DIR),
+  };
+};
diff --git a/packages/server-core/src/fs/archive.ts b/packages/server-core/src/fs/archive.ts
new file mode 100644
index 00000000..4834e4dd
--- /dev/null
+++ b/packages/server-core/src/fs/archive.ts
@@ -0,0 +1,25 @@
+import { zip } from 'fflate';
+import { readFile } from 'node:fs/promises';
+
+import type { ProjectFileSystem } from './fs-service';
+
+/** Zips a folder of the project (entries hidden by `.nfignore` stay out). */
+export const archiveFolder = async (
+  fs: ProjectFileSystem,
+  path: string,
+): Promise<Uint8Array<ArrayBuffer>> => {
+  const entries = await fs.list(path, true);
+  const files: Record<string, Uint8Array> = {};
+  const prefix = path ? `${path}/` : '';
+  for (const entry of entries) {
+    if (entry.kind !== 'file') continue;
+    files[entry.path.slice(prefix.length)] = new Uint8Array(
+      await readFile(await fs.jail.resolve(entry.path)),
+    );
+  }
+  return new Promise((resolve, reject) =>
+    zip(files, { level: 6 }, (error, data) =>
+      error ? reject(error) : resolve(data as Uint8Array<ArrayBuffer>),
+    ),
+  );
+};
diff --git a/packages/server-core/src/fs/fs-service.ts b/packages/server-core/src/fs/fs-service.ts
new file mode 100644
index 00000000..7fa3b1e2
--- /dev/null
+++ b/packages/server-core/src/fs/fs-service.ts
@@ -0,0 +1,289 @@
+import ignore, { type Ignore } from 'ignore';
+import { randomBytes } from 'node:crypto';
+import { existsSync } from 'node:fs';
+import { cp, mkdir, readFile, readdir, rename, rm, stat, writeFile } from 'node:fs/promises';
+import { basename, dirname, join } from 'node:path';
+
+import type { FileContent, FileEntry } from '@nanoforge-dev/editor-protocol';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import { sha1 } from '../util/hash';
+import { KeyedMutex } from '../util/keyed-mutex';
+import { PathJail } from './path-jail';
+
+export const EDITOR_DIR = '.nanoforge/editor';
+export const TRASH_DIR = `${EDITOR_DIR}/trash`;
+/** Hides files from the whole editor (gitignore syntax); optional. */
+export const NFIGNORE_FILE = '.nfignore';
+/** Installed bundles: usable, never modified (copy an entry into the project to change it). */
+export const PACKAGES_DIR = 'nf_modules';
+const EDITOR_GITIGNORE = 'trash/\nlocal.json\n';
+
+const MAX_READ_BYTES = 64 * 1024 * 1024;
+
+const notFound = (path: string) => new RpcError('NOT_FOUND', `No such file or directory: ${path}`);
+
+const errno = (error: unknown) => (error as NodeJS.ErrnoException).code;
+
+const mapError = (error: unknown, path: string): never => {
+  switch (errno(error)) {
+    case 'ENOENT':
+      throw notFound(path);
+    case 'EEXIST':
+    case 'ENOTEMPTY':
+    case 'ERR_FS_CP_EEXIST':
+      throw new RpcError('CONFLICT', `Already exists: ${path}`);
+    case 'EISDIR':
+    case 'ENOTDIR':
+      throw new RpcError('BAD_REQUEST', `Wrong entry kind: ${path}`);
+    case 'EACCES':
+    case 'EPERM':
+      throw new RpcError('FORBIDDEN', `Permission denied: ${path}`);
+    default:
+      throw error;
+  }
+};
+
+/**
+ * A repository's own folder is never reached through the file API: writing hooks or config there
+ * runs code on the next git command, and its config may hold credentials.
+ */
+const isGitPath = (path: string) =>
+  path.split(/[\\/]/).some((part) => part.toLowerCase() === '.git');
+
+const gitReason = (path: string) =>
+  isGitPath(path) ? `${path} is inside a .git folder` : undefined;
+
+const assertAccessible = (path: string) => {
+  const refused = gitReason(path);
+  if (refused) throw new RpcError('FORBIDDEN', refused);
+};
+
+const assertWritable = (path: string) => {
+  assertAccessible(path);
+  if (path === PACKAGES_DIR || path.startsWith(`${PACKAGES_DIR}/`)) {
+    throw new RpcError(
+      'FORBIDDEN',
+      `${path} is part of an installed package (nf_modules), which cannot be changed. Copy it into your project to modify it.`,
+    );
+  }
+};
+
+/** File operations of one project, jailed to its root. */
+export class ProjectFileSystem {
+  readonly jail: PathJail;
+  private readonly _writes = new KeyedMutex();
+  private _ignore: { mtime: number; rules: Ignore } | undefined;
+
+  constructor(readonly root: string) {
+    this.jail = new PathJail(root, gitReason);
+  }
+
+  /** Whether `.nfignore` hides a path (directories are tested with and without a trailing /). */
+  isIgnored(path: string, directory?: boolean): boolean {
+    const rules = this._ignore?.rules;
+    if (!rules || !path || path === NFIGNORE_FILE) return false;
+    if (directory !== false && rules.ignores(`${path}/`)) return true;
+    return directory !== true && rules.ignores(path);
+  }
+
+  /** Reloads `.nfignore` when it changed (called before listings and by the watcher). */
+  async refreshIgnore(): Promise<void> {
+    const file = join(this.root, NFIGNORE_FILE);
+    const info = await stat(file).catch(() => undefined);
+    if (!info) {
+      this._ignore = undefined;
+      return;
+    }
+    if (this._ignore?.mtime === info.mtimeMs) return;
+    const text = await readFile(file, 'utf8').catch(() => '');
+    this._ignore = { mtime: info.mtimeMs, rules: ignore().add(text) };
+  }
+
+  async stat(path: string): Promise<FileEntry | null> {
+    assertAccessible(path);
+    const absolute = await this.jail.resolve(path);
+    try {
+      const info = await stat(absolute);
+      return {
+        path,
+        kind: info.isDirectory() ? 'directory' : 'file',
+        size: info.size,
+        mtime: info.mtimeMs,
+      };
+    } catch (error) {
+      if (errno(error) === 'ENOENT') return null;
+      return mapError(error, path);
+    }
+  }
+
+  async list(path: string, recursive = false): Promise<FileEntry[]> {
+    assertAccessible(path);
+    const absolute = await this.jail.resolve(path);
+    await this.refreshIgnore();
+    const entries: FileEntry[] = [];
+    const walk = async (dir: string, rel: string) => {
+      let names;
+      try {
+        names = await readdir(dir, { withFileTypes: true });
+      } catch (error) {
+        return mapError(error, rel);
+      }
+      for (const entry of names.sort((a, b) => a.name.localeCompare(b.name))) {
+        if (entry.isSymbolicLink() || isGitPath(entry.name)) continue;
+        const childRel = rel ? `${rel}/${entry.name}` : entry.name;
+        const info = await stat(join(dir, entry.name)).catch(() => undefined);
+        if (!info) continue;
+        const kind = info.isDirectory() ? 'directory' : 'file';
+        if (this.isIgnored(childRel, kind === 'directory')) continue;
+        entries.push({ path: childRel, kind, size: info.size, mtime: info.mtimeMs });
+        if (recursive && kind === 'directory' && !SKIPPED_IN_RECURSIVE_LIST.has(entry.name)) {
+          await walk(join(dir, entry.name), childRel);
+        }
+      }
+    };
+    await walk(absolute, path);
+    return entries;
+  }
+
+  async read(path: string): Promise<FileContent> {
+    assertAccessible(path);
+    const absolute = await this.jail.resolve(path);
+    try {
+      const info = await stat(absolute);
+      if (info.isDirectory()) throw new RpcError('BAD_REQUEST', `Is a directory: ${path}`);
+      if (info.size > MAX_READ_BYTES)
+        throw new RpcError('PAYLOAD_TOO_LARGE', `File too large: ${path}`);
+      const content = new Uint8Array(await readFile(absolute));
+      return {
+        path,
+        kind: 'file',
+        size: info.size,
+        mtime: info.mtimeMs,
+        content,
+        hash: sha1(content),
+      };
+    } catch (error) {
+      if (error instanceof RpcError) throw error;
+      return mapError(error, path);
+    }
+  }
+
+  /**
+   * Atomic write (temp file + rename). With `expectedHash`, fails with CONFLICT when the file
+   * changed since it was read (`null` means "must not exist").
+   */
+  async write(
+    path: string,
+    content: Uint8Array | string,
+    options: { expectedHash?: string | null; createParents?: boolean } = {},
+  ): Promise<FileEntry & { hash: string }> {
+    if (path === '') throw new RpcError('BAD_REQUEST', 'Cannot write the project root');
+    assertWritable(path);
+    const absolute = await this.jail.resolve(path);
+    return this._writes.run(absolute, async () => {
+      if (options.expectedHash !== undefined) {
+        const current = await readFile(absolute).then(
+          (buffer) => sha1(buffer),
+          (error: unknown) => (errno(error) === 'ENOENT' ? null : mapError(error, path)),
+        );
+        if (current !== options.expectedHash) {
+          throw new RpcError('CONFLICT', `File changed on disk: ${path}`, { hash: current });
+        }
+      }
+      if (options.createParents !== false) await mkdir(dirname(absolute), { recursive: true });
+      const temp = join(
+        dirname(absolute),
+        `.${basename(absolute)}.nf-${randomBytes(4).toString('hex')}`,
+      );
+      try {
+        await writeFile(temp, content);
+        await rename(temp, absolute);
+      } catch (error) {
+        await rm(temp, { force: true });
+        return mapError(error, path);
+      }
+      const info = await stat(absolute);
+      return { path, kind: 'file', size: info.size, mtime: info.mtimeMs, hash: sha1(content) };
+    });
+  }
+
+  async mkdir(path: string): Promise<FileEntry> {
+    assertWritable(path);
+    const absolute = await this.jail.resolve(path);
+    await mkdir(absolute, { recursive: true }).catch((error: unknown) => mapError(error, path));
+    return (await this.stat(path))!;
+  }
+
+  async rename(from: string, to: string, overwrite = false): Promise<FileEntry> {
+    assertWritable(from);
+    assertWritable(to);
+    const source = await this.jail.resolve(from);
+    const target = await this.jail.resolve(to);
+    if (!existsSync(source)) throw notFound(from);
+    if (!overwrite && existsSync(target)) throw new RpcError('CONFLICT', `Already exists: ${to}`);
+    await mkdir(dirname(target), { recursive: true });
+    await rename(source, target).catch((error: unknown) => mapError(error, from));
+    return (await this.stat(to))!;
+  }
+
+  async copy(from: string, to: string, overwrite = false): Promise<FileEntry> {
+    assertAccessible(from);
+    assertWritable(to);
+    const source = await this.jail.resolve(from);
+    const target = await this.jail.resolve(to);
+    if (!existsSync(source)) throw notFound(from);
+    await cp(source, target, { recursive: true, force: overwrite, errorOnExist: !overwrite }).catch(
+      (error: unknown) => mapError(error, from),
+    );
+    return (await this.stat(to))!;
+  }
+
+  /**
+   * Moves the entry into the project trash (recoverable), never deletes directly. Returns its
+   * place in the trash, for `restore`.
+   */
+  async delete(path: string): Promise<{ trashPath: string }> {
+    if (path === '' || path === TRASH_DIR || path.startsWith(`${TRASH_DIR}/`)) {
+      throw new RpcError('BAD_REQUEST', `Cannot delete ${path || 'the project root'}`);
+    }
+    assertWritable(path);
+    const source = await this.jail.resolve(path);
+    if (!existsSync(source)) throw notFound(path);
+    const trash = await this.jail.resolve(TRASH_DIR);
+    await mkdir(trash, { recursive: true });
+    await this._ensureEditorGitignore();
+    const target = join(
+      trash,
+      `${Date.now()}-${randomBytes(3).toString('hex')}-${basename(source)}`,
+    );
+    await rename(source, target).catch((error: unknown) => mapError(error, path));
+    return { trashPath: `${TRASH_DIR}/${basename(target)}` };
+  }
+
+  /** Brings a deleted entry back from the trash (undo of `delete`). */
+  async restore(trashPath: string, to: string): Promise<FileEntry> {
+    if (
+      !trashPath.startsWith(`${TRASH_DIR}/`) ||
+      trashPath.slice(TRASH_DIR.length + 1).includes('/')
+    ) {
+      throw new RpcError('BAD_REQUEST', `Not in the trash: ${trashPath}`);
+    }
+    assertWritable(to);
+    const source = await this.jail.resolve(trashPath);
+    const target = await this.jail.resolve(to);
+    if (!existsSync(source)) throw notFound(trashPath);
+    if (existsSync(target)) throw new RpcError('CONFLICT', `Already exists: ${to}`);
+    await mkdir(dirname(target), { recursive: true });
+    await rename(source, target).catch((error: unknown) => mapError(error, to));
+    return (await this.stat(to))!;
+  }
+
+  private async _ensureEditorGitignore(): Promise<void> {
+    const file = await this.jail.resolve(`${EDITOR_DIR}/.gitignore`);
+    if (!existsSync(file)) await writeFile(file, EDITOR_GITIGNORE);
+  }
+}
+
+/** Heavy folders a recursive listing does not descend into. */
+const SKIPPED_IN_RECURSIVE_LIST = new Set(['node_modules']);
diff --git a/packages/server-core/src/fs/index.ts b/packages/server-core/src/fs/index.ts
new file mode 100644
index 00000000..a79713ec
--- /dev/null
+++ b/packages/server-core/src/fs/index.ts
@@ -0,0 +1,5 @@
+export * from './fs-service';
+export * from './path-jail';
+export * from './watcher';
+export * from './archive';
+export * from './reveal';
diff --git a/packages/server-core/src/fs/path-jail.ts b/packages/server-core/src/fs/path-jail.ts
new file mode 100644
index 00000000..c168707e
--- /dev/null
+++ b/packages/server-core/src/fs/path-jail.ts
@@ -0,0 +1,66 @@
+import { realpath } from 'node:fs/promises';
+import { dirname, isAbsolute, join, relative, resolve, sep } from 'node:path';
+
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+const isInside = (root: string, target: string) => {
+  const rel = relative(root, target);
+  return rel === '' || (!rel.startsWith('..') && !isAbsolute(rel));
+};
+
+/** Closest existing ancestor's real path + the remaining (not yet existing) segments. */
+const realpathLenient = async (target: string): Promise<string> => {
+  const missing: string[] = [];
+  let current = target;
+  for (;;) {
+    try {
+      return join(await realpath(current), ...missing.reverse());
+    } catch (error) {
+      if ((error as NodeJS.ErrnoException).code !== 'ENOENT') throw error;
+      const parent = dirname(current);
+      if (parent === current) throw error;
+      missing.push(current.slice(parent.length + 1));
+      current = parent;
+    }
+  }
+};
+
+/**
+ * Refuses a path by what it really points to (project-relative POSIX path, links followed):
+ * returns the reason, or nothing to accept it.
+ */
+export type PathGuard = (real: string) => string | undefined;
+
+/**
+ * Resolves project-relative paths to absolute ones inside `root`, rejecting `..` escapes and
+ * symlinks pointing outside of the project. `guard` also sees where a path really leads, so a
+ * link inside the project cannot reach a folder the requested path does not name (`.git`).
+ */
+export class PathJail {
+  private _realRoot: string | undefined;
+
+  constructor(
+    readonly root: string,
+    private readonly _guard?: PathGuard,
+  ) {}
+
+  async resolve(path: string): Promise<string> {
+    const target = resolve(this.root, path);
+    if (!isInside(this.root, target)) throw this._escape(path);
+    this._realRoot ??= await realpath(this.root);
+    const real = await realpathLenient(target);
+    if (!isInside(this._realRoot, real)) throw this._escape(path);
+    const refused = this._guard?.(relative(this._realRoot, real).split(sep).join('/'));
+    if (refused) throw new RpcError('FORBIDDEN', refused);
+    return target;
+  }
+
+  /** Project-relative POSIX path of an absolute path inside the root. */
+  relative(absolute: string): string {
+    return relative(this.root, absolute).split(sep).join('/');
+  }
+
+  private _escape(path: string) {
+    return new RpcError('FORBIDDEN', `Path escapes the project: ${path}`);
+  }
+}
diff --git a/packages/server-core/src/fs/reveal.ts b/packages/server-core/src/fs/reveal.ts
new file mode 100644
index 00000000..1101a30b
--- /dev/null
+++ b/packages/server-core/src/fs/reveal.ts
@@ -0,0 +1,22 @@
+import { spawn } from 'node:child_process';
+import { stat } from 'node:fs/promises';
+import { dirname } from 'node:path';
+
+/** Opens the OS file manager on an entry (its folder for files; selected where supported). */
+export const revealInFileManager = async (absolute: string): Promise<void> => {
+  const directory = (await stat(absolute)).isDirectory();
+  const [command, args] =
+    process.platform === 'darwin'
+      ? ['open', directory ? [absolute] : ['-R', absolute]]
+      : process.platform === 'win32'
+        ? ['explorer', directory ? [absolute] : [`/select,${absolute}`]]
+        : ['xdg-open', [directory ? absolute : dirname(absolute)]];
+  await new Promise<void>((resolve, reject) => {
+    const child = spawn(command, args, { detached: true, stdio: 'ignore' });
+    child.once('error', reject);
+    child.once('spawn', () => {
+      child.unref();
+      resolve();
+    });
+  });
+};
diff --git a/packages/server-core/src/fs/watcher.ts b/packages/server-core/src/fs/watcher.ts
new file mode 100644
index 00000000..96bb2a39
--- /dev/null
+++ b/packages/server-core/src/fs/watcher.ts
@@ -0,0 +1,141 @@
+import { watch } from 'chokidar';
+import { lstatSync, realpathSync } from 'node:fs';
+import { isAbsolute, relative } from 'node:path';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+import type { FileChange } from '@nanoforge-dev/editor-protocol';
+
+import type { PathJail } from './path-jail';
+
+export const DEFAULT_IGNORED_SEGMENTS = [
+  'node_modules',
+  '.git',
+  '.turbo',
+  'coverage',
+  '.svelte-kit',
+];
+
+/**
+ * Temporary names (`<name>.nf-<hex>`): atomic write files, and the folder a package reinstall
+ * moves aside (`writeFolder`), with everything in it.
+ */
+const TEMP_SEGMENT = /\.nf-[0-9a-f]{8}$/;
+
+export interface WatcherOptions {
+  /** Project-relative directories to ignore besides the defaults (build outputs…). */
+  ignoredPaths?: () => readonly string[];
+  /** Paths hidden from the editor (`.nfignore`), checked for each change. */
+  isIgnored?: (path: string, directory: boolean) => boolean;
+  batchMs?: number;
+}
+
+/**
+ * Watches a project and emits batched changes (default every 50 ms). Consecutive events on the
+ * same path collapse (`created` then `deleted` in the same batch cancel out).
+ */
+export class ProjectWatcher {
+  private readonly _onDidChange = new Emitter<FileChange[]>({
+    onFirstListenerAdd: () => this._start(),
+    onLastListenerRemove: () => void this._stop(),
+  });
+  private _watcher: ReturnType<typeof watch> | undefined;
+  private _pending = new Map<string, FileChange>();
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _ready: Promise<void> = Promise.resolve();
+  private _realRoot: string | undefined;
+
+  /** Starts watching on the first listener and stops with the last one. */
+  readonly onDidChange: Event<FileChange[]> = this._onDidChange.event;
+
+  constructor(
+    private readonly _jail: PathJail,
+    private readonly _options: WatcherOptions = {},
+  ) {}
+
+  /** Resolves once the initial scan is done (tests, first subscription). */
+  get ready(): Promise<void> {
+    return this._ready;
+  }
+
+  dispose(): void {
+    this._onDidChange.dispose();
+    void this._stop();
+  }
+
+  private _ignored = (absolute: string): boolean => {
+    const rel = this._jail.relative(absolute);
+    if (!rel || rel.startsWith('..')) return false;
+    const segments = rel.split('/');
+    if (segments.some((segment) => DEFAULT_IGNORED_SEGMENTS.includes(segment))) return true;
+    if (this._leavesProject(absolute)) return true;
+    if (rel === '.nanoforge/editor/trash' || rel.startsWith('.nanoforge/editor/trash/'))
+      return true;
+    if (segments.some((segment) => TEMP_SEGMENT.test(segment))) return true;
+    return (this._options.ignoredPaths?.() ?? []).some(
+      (path) => rel === path || rel.startsWith(`${path}/`),
+    );
+  };
+
+  /**
+   * A link that leads outside of the project (a committed `link -> /`): never watched, or the
+   * watcher would crawl the host and stream outside file names to the client. Links are still
+   * followed otherwise (`followSymlinks: false` makes chokidar miss files in new folders).
+   */
+  private _leavesProject(absolute: string): boolean {
+    try {
+      if (!lstatSync(absolute).isSymbolicLink()) return false;
+      this._realRoot ??= realpathSync(this._jail.root);
+      const rel = relative(this._realRoot, realpathSync(absolute));
+      return rel.startsWith('..') || isAbsolute(rel);
+    } catch {
+      return false;
+    }
+  }
+
+  private _start(): void {
+    const watcher = watch(this._jail.root, {
+      ignoreInitial: true,
+      ignored: this._ignored,
+      awaitWriteFinish: false,
+      atomic: true,
+    });
+    this._watcher = watcher;
+    this._ready = new Promise((resolve) => watcher.once('ready', () => resolve()));
+    const push = (type: FileChange['type'], kind: FileChange['kind']) => (absolute: string) =>
+      this._queue({ type, kind, path: this._jail.relative(absolute) });
+    watcher
+      .on('add', push('created', 'file'))
+      .on('addDir', push('created', 'directory'))
+      .on('change', push('changed', 'file'))
+      .on('unlink', push('deleted', 'file'))
+      .on('unlinkDir', push('deleted', 'directory'));
+  }
+
+  private async _stop(): Promise<void> {
+    clearTimeout(this._timer);
+    this._pending.clear();
+    const watcher = this._watcher;
+    this._watcher = undefined;
+    await watcher?.close();
+  }
+
+  private _queue(change: FileChange): void {
+    if (this._options.isIgnored?.(change.path, change.kind === 'directory')) return;
+    const previous = this._pending.get(change.path);
+    if (previous?.type === 'created' && change.type === 'deleted') {
+      this._pending.delete(change.path);
+    } else if (previous?.type === 'deleted' && change.type === 'created') {
+      this._pending.set(change.path, { ...change, type: 'changed' });
+    } else if (previous?.type !== 'created' || change.type !== 'changed') {
+      this._pending.set(change.path, change);
+    }
+    this._timer ??= setTimeout(() => this._flush(), this._options.batchMs ?? 50);
+  }
+
+  private _flush(): void {
+    this._timer = undefined;
+    const changes = [...this._pending.values()];
+    this._pending.clear();
+    if (changes.length) this._onDidChange.fire(changes);
+  }
+}
diff --git a/packages/server-core/src/git/git-service.ts b/packages/server-core/src/git/git-service.ts
new file mode 100644
index 00000000..699c29f3
--- /dev/null
+++ b/packages/server-core/src/git/git-service.ts
@@ -0,0 +1,451 @@
+import { existsSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
+import type {
+  GitBranch,
+  GitChange,
+  GitCommit,
+  GitStash,
+  GitStatus,
+} from '@nanoforge-dev/editor-protocol';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import { runProcess } from '../process/run-process';
+import { KeyedMutex } from '../util/keyed-mutex';
+import { authEnv, redact, withGitConfig, withoutCredentials } from './git-token';
+import { parseStatus } from './parse-status';
+
+/**
+ * Repository settings that make git run a command. A hosted editor overrides them: a tenant's
+ * repository must not run code on the server. The file API cannot reach `.git` (the first line of
+ * defence); this one holds if another way in appears. A local editor keeps them: the repository
+ * is the user's own, and its hooks (lint-staged…) must keep running.
+ */
+const HOSTED_CONFIG = [
+  ['core.fsmonitor', 'false'],
+  ['core.hooksPath', '/dev/null'],
+  ['core.sshCommand', 'ssh'],
+  ['core.askPass', ''],
+  ['credential.helper', ''],
+] as const;
+
+/** Git CLI wrapper; operations on the same repository are serialized. */
+export class GitService {
+  private readonly _mutex = new KeyedMutex();
+
+  constructor(
+    private readonly _env: EditorEnv,
+    /** How long a command that talks to a remote may take before it is stopped. */
+    private readonly _networkTimeoutMs = 60_000,
+    /**
+     * Whether a local repository is in a trusted folder: an untrusted one gets the hosted
+     * hardening too (its hooks and command settings never run). Trusted when not given.
+     */
+    private readonly _trusted?: (root: string) => Promise<boolean>,
+  ) {}
+
+  isRepository(path: string): boolean {
+    return existsSync(join(path, '.git'));
+  }
+
+  /**
+   * Clones `url` into `path`. A token for an https remote goes in an authorization header
+   * passed through the environment: never in the URL, which `ps` shows and `.git/config` keeps.
+   */
+  clone(url: string, path: string, token?: string): Promise<void> {
+    return this._mutex.run(path, async () => {
+      await this._git(this._env.fsRoot, ['clone', '--', url, path], true, authEnv(url, token));
+    });
+  }
+
+  /** Fast-forwards a clone made by `clone`, with the same token. */
+  pull(path: string, url: string, token?: string): Promise<void> {
+    return this._mutex.run(path, async () => {
+      const remote = (await this._git(path, ['remote', 'get-url', 'origin'])).trim();
+      if (remote !== url && withoutCredentials(remote) === url) {
+        await this._git(path, ['remote', 'set-url', 'origin', url]);
+      }
+      await this._git(path, ['pull', '--ff-only'], true, authEnv(url, token));
+    });
+  }
+
+  /** The state of a folder's repository; `repository: false` when it has none of its own. */
+  projectStatus(path: string): Promise<GitStatus> {
+    if (!this.isRepository(path)) {
+      return Promise.resolve({
+        repository: false,
+        ahead: 0,
+        behind: 0,
+        merging: false,
+        files: [],
+      });
+    }
+    return this._mutex.run(path, async () => {
+      const output = await this._git(path, [
+        'status',
+        '--porcelain=v2',
+        '--branch',
+        '-z',
+        '--untracked-files=all',
+      ]);
+      return { ...parseStatus(output), merging: existsSync(join(path, '.git', 'MERGE_HEAD')) };
+    });
+  }
+
+  init(path: string): Promise<void> {
+    return this._run(path, ['init', '-b', 'main']);
+  }
+
+  stage(path: string, paths: readonly string[]): Promise<void> {
+    return this._run(path, ['add', '-A', '--', ...paths]);
+  }
+
+  unstage(path: string, paths: readonly string[]): Promise<void> {
+    return this._run(path, ['reset', '-q', '--', ...paths]);
+  }
+
+  /**
+   * Rolls files back to the last commit: changed and deleted files are restored (staged or
+   * not), a file added since stays on disk but leaves the index, an untracked one is deleted.
+   */
+  discard(path: string, paths: readonly string[]): Promise<void> {
+    return this._mutex.run(path, async () => {
+      const list = async (args: string[]) =>
+        new Set((await this._git(path, args)).split('\0').filter(Boolean));
+      const hasHead =
+        (await this._exec(path, ['rev-parse', '--verify', '--quiet', 'HEAD'])).exitCode === 0;
+      const committed = hasHead
+        ? await list(['ls-tree', '-r', '-z', '--name-only', 'HEAD', '--', ...paths])
+        : new Set<string>();
+      const indexed = await list(['ls-files', '-z', '--', ...paths]);
+      const restore = paths.filter((file) => committed.has(file));
+      const forget = paths.filter((file) => !committed.has(file) && indexed.has(file));
+      const remove = paths.filter((file) => !committed.has(file) && !indexed.has(file));
+      if (restore.length) {
+        await this._git(path, [
+          'restore',
+          '--source=HEAD',
+          '--staged',
+          '--worktree',
+          '--',
+          ...restore,
+        ]);
+      }
+      if (forget.length) await this._git(path, ['rm', '--cached', '-q', '-f', '--', ...forget]);
+      if (remove.length) await this._git(path, ['clean', '-f', '-d', '-q', '--', ...remove]);
+    });
+  }
+
+  /**
+   * Commits `paths` only (the rest of what is staged stays out of the commit), the staged
+   * changes when there are no `paths`, or everything with `all`.
+   */
+  commit(
+    path: string,
+    message: string,
+    options: { all?: boolean; paths?: readonly string[]; amend?: boolean } = {},
+  ): Promise<void> {
+    return this._mutex.run(path, async () => {
+      const { all = false, paths, amend = false } = options;
+      const merging = existsSync(join(path, '.git', 'MERGE_HEAD'));
+      if (all) await this._git(path, ['add', '-A']);
+      else if (paths?.length) {
+        const indexed = new Set(
+          (await this._git(path, ['ls-files', '-z', '--', ...paths])).split('\0').filter(Boolean),
+        );
+        const addable = paths.filter((file) => indexed.has(file) || existsSync(join(path, file)));
+        if (addable.length) await this._git(path, ['add', '-A', '--', ...addable]);
+      }
+      await this._git(path, [
+        'commit',
+        '-q',
+        '-m',
+        message,
+        ...(amend ? ['--amend'] : []),
+        ...(amend && !all && !paths?.length && !merging ? ['--only'] : []),
+        ...(paths?.length && !all && !merging ? ['--', ...paths] : []),
+      ]);
+    });
+  }
+
+  fetch(path: string): Promise<void> {
+    return this._mutex.run(path, async () => {
+      await this._git(path, ['fetch', '--prune', '--quiet'], true);
+    });
+  }
+
+  /** A merge pull. Resolves with `conflicts` when it stopped on conflicts. */
+  mergePull(path: string): Promise<{ conflicts: boolean }> {
+    return this._mutex.run(path, async () => {
+      try {
+        await this._git(path, ['pull', '--no-rebase', '--no-edit', '--quiet'], true);
+        return { conflicts: false };
+      } catch (error) {
+        if (existsSync(join(path, '.git', 'MERGE_HEAD'))) return { conflicts: true };
+        throw error;
+      }
+    });
+  }
+
+  /** Pushes the current branch; its first push sets `origin` as its upstream. */
+  push(path: string): Promise<void> {
+    return this._mutex.run(path, async () => {
+      const branch = (await this._git(path, ['symbolic-ref', '--short', 'HEAD'])).trim();
+      const upstream = await this._git(path, [
+        'for-each-ref',
+        '--format=%(upstream:short)',
+        `refs/heads/${branch}`,
+      ]);
+      await this._git(
+        path,
+        upstream.trim() ? ['push', '--quiet'] : ['push', '--quiet', '-u', 'origin', branch],
+        true,
+      );
+    });
+  }
+
+  branches(path: string): Promise<GitBranch[]> {
+    return this._mutex.run(path, async () => {
+      const output = await this._git(path, [
+        'for-each-ref',
+        '--format=%(refname)%00%(refname:short)%00%(HEAD)%00%(upstream:short)',
+        'refs/heads',
+        'refs/remotes',
+      ]);
+      const branches = output
+        .split('\n')
+        .filter(Boolean)
+        .map((line) => line.split('\0'))
+        .filter(([ref = '']) => !/^refs\/remotes\/.*\/HEAD$/.test(ref))
+        .map(([ref = '', name = '', head, upstream]): GitBranch => ({
+          name,
+          current: head === '*',
+          ...(upstream && { upstream }),
+          remote: ref.startsWith('refs/remotes/'),
+        }));
+      if (branches.some((branch) => !branch.remote)) return branches;
+      const unborn = await this._git(path, ['symbolic-ref', '--short', 'HEAD']).catch(() => '');
+      return unborn.trim()
+        ? [{ name: unborn.trim(), current: true, remote: false }, ...branches]
+        : branches;
+    });
+  }
+
+  /** Switches to a local branch; a remote's branch (`origin/x`) becomes a local one tracking it. */
+  switchBranch(path: string, name: string): Promise<void> {
+    return this._mutex.run(path, async () => {
+      const remote =
+        (await this._exec(path, ['rev-parse', '--verify', '--quiet', `refs/remotes/${name}`]))
+          .exitCode === 0;
+      const local = remote ? name.slice(name.indexOf('/') + 1) : name;
+      const exists =
+        (await this._exec(path, ['rev-parse', '--verify', '--quiet', `refs/heads/${local}`]))
+          .exitCode === 0;
+      await this._git(
+        path,
+        remote && !exists
+          ? ['switch', '--quiet', '--track', '-c', local, name]
+          : ['switch', '--quiet', local],
+      );
+    });
+  }
+
+  createBranch(path: string, name: string, from?: string): Promise<void> {
+    return this._run(path, ['switch', '--quiet', '-c', name, ...(from ? [from] : [])]);
+  }
+
+  deleteBranch(path: string, name: string, force = false): Promise<void> {
+    return this._run(path, ['branch', '--quiet', force ? '-D' : '-d', name]);
+  }
+
+  log(path: string, limit = 50, skip = 0, branch?: string): Promise<GitCommit[]> {
+    return this._mutex.run(path, async () => {
+      const head = await this._git(path, ['rev-parse', '--verify', '--quiet', 'HEAD']).catch(
+        () => '',
+      );
+      if (!head.trim()) return [];
+      const output = await this._git(path, [
+        'log',
+        `--max-count=${limit}`,
+        `--skip=${skip}`,
+        '--format=%H%x00%h%x00%an%x00%at%x00%D%x00%s%x1e',
+        ...(branch ? [branch, '--'] : []),
+      ]);
+      return output
+        .split('\x1e')
+        .map((record) => record.replace(/^\n/, ''))
+        .filter(Boolean)
+        .map((record): GitCommit => {
+          const [hash = '', shortHash = '', author = '', time, refs = '', subject = ''] =
+            record.split('\0');
+          return {
+            hash,
+            shortHash,
+            author,
+            time: Number(time),
+            refs: refs
+              .split(', ')
+              .map((ref) => ref.replace(/^HEAD -> /, ''))
+              .filter((ref) => ref && ref !== 'HEAD'),
+            subject,
+          };
+        });
+    });
+  }
+
+  /** Commits of the current branch its upstream does not have yet (every commit without one). */
+  /** The full message of `HEAD`; empty in a repository without commits. */
+  headMessage(path: string): Promise<string> {
+    return this._mutex.run(path, async () => {
+      const output = await this._git(path, ['log', '-1', '--format=%B', 'HEAD']).catch(() => '');
+      return output.trimEnd();
+    });
+  }
+
+  async outgoing(path: string): Promise<GitCommit[]> {
+    const { upstream, ahead } = await this.projectStatus(path);
+    if (upstream) return ahead ? this.log(path, Math.min(ahead, 200), 0) : [];
+    return this.log(path, 200, 0);
+  }
+
+  commitFiles(path: string, hash: string): Promise<{ path: string; change: GitChange }[]> {
+    return this._mutex.run(path, async () => {
+      const output = await this._git(path, [
+        'show',
+        '--name-status',
+        '--format=',
+        '-z',
+        '--find-renames',
+        hash,
+      ]);
+      const parts = output.split('\0').filter(Boolean);
+      const files: { path: string; change: GitChange }[] = [];
+      for (let index = 0; index < parts.length; index++) {
+        const code = parts[index]![0];
+        if (code === 'R' || code === 'C') {
+          files.push({ path: parts[index + 2] ?? '', change: code === 'R' ? 'R' : 'A' });
+          index += 2;
+        } else {
+          files.push({
+            path: parts[++index] ?? '',
+            change: code === 'A' ? 'A' : code === 'D' ? 'D' : 'M',
+          });
+        }
+      }
+      return files;
+    });
+  }
+
+  /** Text of a file at `HEAD`, in the index (`INDEX`) or before a commit (`<hash>^`). */
+  show(path: string, file: string, revision: string): Promise<string | null> {
+    return this._mutex.run(path, async () => {
+      const spec = revision === 'INDEX' ? `:${file}` : `${revision}:${file}`;
+      const result = await this._exec(path, ['show', spec]);
+      return result.exitCode === 0 && !result.truncated ? result.stdout : null;
+    });
+  }
+
+  stashes(path: string): Promise<GitStash[]> {
+    return this._mutex.run(path, async () => {
+      const output = await this._git(path, ['stash', 'list', '--format=%gs']);
+      return output
+        .split('\n')
+        .filter(Boolean)
+        .map((message, index) => ({ index, message }));
+    });
+  }
+
+  stash(path: string, message?: string): Promise<void> {
+    return this._run(path, [
+      'stash',
+      'push',
+      '--include-untracked',
+      '--quiet',
+      ...(message ? ['-m', message] : []),
+    ]);
+  }
+
+  applyStash(path: string, index: number, pop = false): Promise<void> {
+    return this._run(path, ['stash', pop ? 'pop' : 'apply', '--quiet', `stash@{${index}}`]);
+  }
+
+  dropStash(path: string, index: number): Promise<void> {
+    return this._run(path, ['stash', 'drop', '--quiet', `stash@{${index}}`]);
+  }
+
+  private _run(path: string, args: string[]): Promise<void> {
+    return this._mutex.run(path, async () => {
+      await this._git(path, args);
+    });
+  }
+
+  /**
+   * Paths after `--` are literal (`levels/[id].ts` is not a glob), except for `stash`, which
+   * needs pathspec magic internally and is never given paths.
+   * `network`: the command talks to a remote. It is stopped after a while (a remote that never
+   * answers must not hold the repository's queue), and ssh never waits for a passphrase or a
+   * host confirmation in the terminal the editor was started from.
+   */
+  private async _exec(
+    cwd: string,
+    args: string[],
+    network = false,
+    extraEnv: Record<string, string> = {},
+  ) {
+    const hosted =
+      this._env.mode === 'ONLINE' || (this._trusted ? !(await this._trusted(cwd)) : false);
+    const batchSsh =
+      network &&
+      !process.env.GIT_SSH_COMMAND &&
+      !process.env.GIT_SSH &&
+      (hosted || !(await this._configured(cwd, 'core.sshCommand')));
+    return runProcess(this._env.gitPath, args, {
+      cwd,
+      env: {
+        GIT_TERMINAL_PROMPT: '0',
+        GIT_CEILING_DIRECTORIES: dirname(cwd),
+        ...(args[0] !== 'stash' && { GIT_LITERAL_PATHSPECS: '1' }),
+        GIT_OPTIONAL_LOCKS: '0',
+        LC_ALL: 'C',
+        ...(batchSsh && { GIT_SSH_COMMAND: 'ssh -o BatchMode=yes' }),
+        ...(hosted ? withGitConfig(extraEnv, HOSTED_CONFIG) : extraEnv),
+      },
+      ...(network && { signal: AbortSignal.timeout(this._networkTimeoutMs) }),
+    }).done;
+  }
+
+  private async _configured(cwd: string, key: string): Promise<boolean> {
+    const result = await this._exec(cwd, ['config', '--get', key]).catch(() => undefined);
+    return result?.exitCode === 0 && result.stdout.trim() !== '';
+  }
+
+  private async _git(
+    cwd: string,
+    args: string[],
+    network = false,
+    extraEnv?: Record<string, string>,
+  ): Promise<string> {
+    let result;
+    try {
+      result = await this._exec(cwd, args, network, extraEnv);
+    } catch (error) {
+      if (network && (error as { name?: string }).name === 'AbortError') {
+        throw new RpcError(
+          'TIMEOUT',
+          `git ${args[0]} got no answer from the remote in ${Math.round(this._networkTimeoutMs / 1000)} s. ` +
+            'If it needs a password or a passphrase, run it once in a terminal.',
+        );
+      }
+      throw error;
+    }
+    if (result.exitCode !== 0) {
+      const stderr = redact(result.stderr || result.stdout).trim();
+      const reason = stderr.replace(/^(error|fatal): /gm, '').slice(0, 600);
+      throw new RpcError('INTERNAL', reason || `git ${args[0]} failed`, {
+        stderr: stderr.slice(0, 2000),
+      });
+    }
+    return result.stdout;
+  }
+}
diff --git a/packages/server-core/src/git/git-token.ts b/packages/server-core/src/git/git-token.ts
new file mode 100644
index 00000000..418f496c
--- /dev/null
+++ b/packages/server-core/src/git/git-token.ts
@@ -0,0 +1,49 @@
+/**
+ * Environment that makes git send `token` to `url`'s host as basic credentials (GitHub and GitLab
+ * style), through `GIT_CONFIG_*`: nothing on the command line, nothing saved in the clone.
+ */
+export const authEnv = (url: string, token: string | undefined): Record<string, string> => {
+  if (!token || !URL.canParse(url)) return {};
+  const parsed = new URL(url);
+  if (parsed.protocol !== 'https:') return {};
+  const credentials = Buffer.from(`oauth2:${token}`).toString('base64');
+  return {
+    GIT_CONFIG_COUNT: '1',
+    GIT_CONFIG_KEY_0: `http.${parsed.origin}/.extraHeader`,
+    GIT_CONFIG_VALUE_0: `Authorization: Basic ${credentials}`,
+  };
+};
+
+/** Adds settings to the `GIT_CONFIG_*` ones of `env`, after those it already holds. */
+export const withGitConfig = (
+  env: Record<string, string>,
+  entries: readonly (readonly [key: string, value: string])[],
+): Record<string, string> => {
+  if (!entries.length) return env;
+  const count = Number(env.GIT_CONFIG_COUNT ?? 0);
+  const result: Record<string, string> = {
+    ...env,
+    GIT_CONFIG_COUNT: String(count + entries.length),
+  };
+  entries.forEach(([key, value], index) => {
+    result[`GIT_CONFIG_KEY_${count + index}`] = key;
+    result[`GIT_CONFIG_VALUE_${count + index}`] = value;
+  });
+  return result;
+};
+
+/** `url` without the user and password older clones kept in their remote. */
+export const withoutCredentials = (url: string): string => {
+  try {
+    const parsed = new URL(url);
+    if (!parsed.username && !parsed.password) return url;
+    parsed.username = '';
+    parsed.password = '';
+    return parsed.href;
+  } catch {
+    return url;
+  }
+};
+
+/** Removes credentials from git output (clone errors echo the remote URL). */
+export const redact = (text: string) => text.replace(/\/\/[^/@\s]+@/g, '//***@');
diff --git a/packages/server-core/src/git/index.ts b/packages/server-core/src/git/index.ts
new file mode 100644
index 00000000..ee8bf73c
--- /dev/null
+++ b/packages/server-core/src/git/index.ts
@@ -0,0 +1,2 @@
+export * from './git-service';
+export { parseStatus } from './parse-status';
diff --git a/packages/server-core/src/git/parse-status.ts b/packages/server-core/src/git/parse-status.ts
new file mode 100644
index 00000000..a2d6feb7
--- /dev/null
+++ b/packages/server-core/src/git/parse-status.ts
@@ -0,0 +1,57 @@
+import type { GitChange, GitFile, GitStatus } from '@nanoforge-dev/editor-protocol';
+
+export const CHANGES: Record<string, GitChange> = {
+  M: 'M',
+  T: 'M',
+  A: 'A',
+  D: 'D',
+  R: 'R',
+  C: 'A',
+};
+
+/** Reads `git status --porcelain=v2 --branch -z`. */
+export const parseStatus = (output: string): Omit<GitStatus, 'merging'> => {
+  const status: Omit<GitStatus, 'merging'> = {
+    repository: true,
+    ahead: 0,
+    behind: 0,
+    files: [],
+  };
+  const files: GitFile[] = [];
+  const entries = output.split('\0');
+  for (let index = 0; index < entries.length; index++) {
+    const entry = entries[index]!;
+    if (!entry) continue;
+    if (entry.startsWith('# branch.head ')) {
+      const name = entry.slice('# branch.head '.length);
+      if (name !== '(detached)') status.branch = name;
+    } else if (entry.startsWith('# branch.oid ')) {
+      const oid = entry.slice('# branch.oid '.length);
+      if (oid !== '(initial)') status.head = oid.slice(0, 7);
+    } else if (entry.startsWith('# branch.upstream ')) {
+      status.upstream = entry.slice('# branch.upstream '.length);
+    } else if (entry.startsWith('# branch.ab ')) {
+      const match = /\+(\d+) -(\d+)/.exec(entry);
+      status.ahead = Number(match?.[1] ?? 0);
+      status.behind = Number(match?.[2] ?? 0);
+    } else if (entry.startsWith('? ')) {
+      files.push({ path: entry.slice(2), unstaged: 'U', conflicted: false });
+    } else if (entry.startsWith('u ')) {
+      files.push({ path: entry.split(' ').slice(10).join(' '), conflicted: true });
+    } else if (entry.startsWith('1 ') || entry.startsWith('2 ')) {
+      const renamed = entry.startsWith('2 ');
+      const fields = entry.split(' ');
+      const [x, y] = fields[1]!;
+      const staged = CHANGES[x!];
+      const unstaged = CHANGES[y!];
+      files.push({
+        path: fields.slice(renamed ? 9 : 8).join(' '),
+        ...(renamed && { from: entries[++index] ?? '' }),
+        ...(staged && { staged }),
+        ...(unstaged && { unstaged }),
+        conflicted: false,
+      });
+    }
+  }
+  return { ...status, files: files.sort((a, b) => a.path.localeCompare(b.path)) };
+};
diff --git a/packages/server-core/src/http/static-files.ts b/packages/server-core/src/http/static-files.ts
new file mode 100644
index 00000000..798f6a14
--- /dev/null
+++ b/packages/server-core/src/http/static-files.ts
@@ -0,0 +1,41 @@
+import { readFile, stat } from 'node:fs/promises';
+import { extname } from 'node:path';
+
+const CONTENT_TYPES: Record<string, string> = {
+  '.css': 'text/css; charset=utf-8',
+  '.html': 'text/html; charset=utf-8',
+  '.ico': 'image/x-icon',
+  '.jpeg': 'image/jpeg',
+  '.jpg': 'image/jpeg',
+  '.js': 'text/javascript; charset=utf-8',
+  '.json': 'application/json; charset=utf-8',
+  '.map': 'application/json; charset=utf-8',
+  '.mjs': 'text/javascript; charset=utf-8',
+  '.png': 'image/png',
+  '.svg': 'image/svg+xml',
+  '.txt': 'text/plain; charset=utf-8',
+  '.wasm': 'application/wasm',
+  '.webp': 'image/webp',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+};
+
+export const contentType = (file: string) =>
+  CONTENT_TYPES[extname(file).toLowerCase()] ?? 'application/octet-stream';
+
+/** Serves a file (Bun streams it; Node reads it) with the given cache policy. */
+export const fileResponse = async (
+  file: string,
+  cacheControl: string,
+): Promise<Response | undefined> => {
+  const info = await stat(file).catch(() => undefined);
+  if (!info?.isFile()) return undefined;
+  const headers = {
+    'content-type': contentType(file),
+    'cache-control': cacheControl,
+    'x-content-type-options': 'nosniff',
+  };
+  const bun = (globalThis as { Bun?: { file(path: string): Blob } }).Bun;
+  const body = bun ? bun.file(file) : new Uint8Array(await readFile(file));
+  return new Response(body, { headers });
+};
diff --git a/packages/server-core/src/index.ts b/packages/server-core/src/index.ts
new file mode 100644
index 00000000..9f7b62e1
--- /dev/null
+++ b/packages/server-core/src/index.ts
@@ -0,0 +1,11 @@
+export * from './api';
+export * from './env';
+export * from './fs';
+export * from './git';
+export * from './plugin';
+export * from './process';
+export * from './project';
+export * from './runtime';
+export * from './server';
+export * from './session';
+export * from './settings';
diff --git a/packages/server-core/src/plugin/index.ts b/packages/server-core/src/plugin/index.ts
new file mode 100644
index 00000000..bc1bdcdf
--- /dev/null
+++ b/packages/server-core/src/plugin/index.ts
@@ -0,0 +1,2 @@
+export * from './plugin-sources';
+export * from './server-plugins';
diff --git a/packages/server-core/src/plugin/plugin-sources.ts b/packages/server-core/src/plugin/plugin-sources.ts
new file mode 100644
index 00000000..41e66396
--- /dev/null
+++ b/packages/server-core/src/plugin/plugin-sources.ts
@@ -0,0 +1,232 @@
+import { watch } from 'chokidar';
+import { existsSync } from 'node:fs';
+import { readFile, readdir } from 'node:fs/promises';
+import { join } from 'node:path';
+
+import {
+  Emitter,
+  type Event,
+  type Logger,
+  PackageManifestSchema,
+  type PluginManifest,
+  parsePluginManifest,
+} from '@nanoforge-dev/editor-kernel';
+import type { PluginListing, PluginSuggestion } from '@nanoforge-dev/editor-protocol';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import { PACKAGES_DIR } from '../fs/fs-service';
+import { PathJail } from '../fs/path-jail';
+
+export const MANIFEST_FILE = 'nanoforge.manifest.json';
+export type PluginSourceKind = PluginListing['source'];
+
+/** Where a project keeps its own plugins. */
+export const PROJECT_PLUGINS_DIR = '.nanoforge/plugins';
+
+/** The project whose plugins are listed: its id (for URLs) and its root folder. */
+export interface PluginProject {
+  readonly id: string;
+  readonly root: string;
+}
+
+/** A plugin found on disk: `dir` holds the manifest and the built bundles. */
+export interface LocatedPlugin {
+  readonly source: PluginSourceKind;
+  readonly dir: string;
+  readonly manifest: PluginManifest | undefined;
+  readonly listing: PluginListing;
+}
+
+const PROJECT_URL_PREFIX = '/plugins/project/';
+
+const urlFor = (
+  source: PluginSourceKind,
+  manifest: { name: string; version: string },
+  project?: PluginProject,
+) =>
+  source === 'project'
+    ? `${PROJECT_URL_PREFIX}${project!.id}/${manifest.name}/${manifest.version}/`
+    : `/plugins/${source}/${manifest.name}/${manifest.version}/`;
+
+/**
+ * Finds plugins in four places:
+ *  - bundled with the editor (`<dir>/@<scope>/<name>`);
+ *  - installed in the user's home (`<dataDir>/plugins/@<scope>/<name>`), for every project;
+ *  - installed in the open project (`<project>/.nanoforge/plugins/@<scope>/<name>`);
+ *  - local dev folders (`<path>/dist`).
+ *
+ * Packages (`nf_modules`) never hold plugins: they can only suggest some (`suggestions`).
+ */
+export class PluginSources {
+  private _located = new Map<string, LocatedPlugin>();
+  /** The project plugins last listed for each project, by base URL. */
+  private readonly _projectLocated = new Map<string, Map<string, LocatedPlugin>>();
+  private readonly _onDevChange = new Emitter<LocatedPlugin>({
+    onFirstListenerAdd: () => this._watchDev(),
+    onLastListenerRemove: () => void this._devWatcher?.close(),
+  });
+  private _devWatcher: ReturnType<typeof watch> | undefined;
+
+  /** Fires when a dev plugin was rebuilt (debounced). */
+  readonly onDevChange: Event<LocatedPlugin> = this._onDevChange.event;
+
+  constructor(
+    private readonly _env: EditorEnv,
+    private readonly _logger: Logger,
+  ) {}
+
+  get installedDir(): string {
+    return join(this._env.dataDir, 'plugins');
+  }
+
+  /** Every plugin, plus `project`'s own plugins when set. */
+  async list(project?: PluginProject): Promise<LocatedPlugin[]> {
+    const located: LocatedPlugin[] = [];
+    await this._scan(located, 'bundled', this._env.bundledPluginsDir);
+    await this._scan(located, 'installed', this.installedDir);
+    for (const path of this._env.devPlugins)
+      located.push(await this._read('dev', join(path, 'dist')));
+    this._located = new Map(located.map((plugin) => [plugin.listing.baseUrl, plugin]));
+    if (!project) return located;
+
+    const own: LocatedPlugin[] = [];
+    await this._scan(own, 'project', join(project.root, PROJECT_PLUGINS_DIR), project);
+    this._projectLocated.set(
+      project.id,
+      new Map(own.map((plugin) => [plugin.listing.baseUrl, plugin])),
+    );
+    return [...located, ...own];
+  }
+
+  /**
+   * The plugins that packages in the project's `nf_modules` suggest, merged by plugin name. Only
+   * a package's own manifest suggests: its sub-manifests (`include`) only describe contents.
+   */
+  async suggestions(projectRoot: string): Promise<PluginSuggestion[]> {
+    const byName = new Map<string, PluginSuggestion>();
+    const root = join(projectRoot, PACKAGES_DIR);
+    for (const scope of await directories(root)) {
+      for (const name of await directories(join(root, scope))) {
+        const dir = join(root, scope, name);
+        let manifest;
+        try {
+          const raw: unknown = JSON.parse(await readFile(join(dir, MANIFEST_FILE), 'utf8'));
+          if ((raw as { type?: unknown } | null)?.type !== 'package') continue;
+          manifest = PackageManifestSchema.parse(raw);
+        } catch (error) {
+          const message = error instanceof Error ? error.message : String(error);
+          this._logger.warn(`Package at ${dir} ignored: ${message}`);
+          continue;
+        }
+        for (const [plugin, range] of Object.entries(manifest.suggestedPlugins)) {
+          const entry = byName.get(plugin) ?? { name: plugin, suggestedBy: [] };
+          entry.suggestedBy.push({ package: manifest.name, range });
+          byName.set(plugin, entry);
+        }
+      }
+    }
+    return [...byName.values()].sort((a, b) => a.name.localeCompare(b.name));
+  }
+
+  /**
+   * Absolute file of a plugin URL (`/plugins/<source>/@<scope>/<name>/<version>/<file>`, or
+   * `/plugins/project/<projectId>/…` when `canAccess(projectId)`).
+   */
+  async resolveFile(
+    urlPath: string,
+    canAccess: (projectId: string) => boolean | Promise<boolean> = () => false,
+  ): Promise<{ file: string; plugin: LocatedPlugin } | undefined> {
+    let located: Map<string, LocatedPlugin>;
+    if (urlPath.startsWith(PROJECT_URL_PREFIX)) {
+      const projectId = urlPath.slice(PROJECT_URL_PREFIX.length).split('/')[0] ?? '';
+      if (!(await canAccess(projectId))) return undefined;
+      located = this._projectLocated.get(projectId) ?? new Map();
+    } else {
+      if (!this._located.size) await this.list();
+      located = this._located;
+    }
+    for (const [baseUrl, plugin] of located) {
+      if (!urlPath.startsWith(baseUrl)) continue;
+      try {
+        const rel = decodeURIComponent(urlPath.slice(baseUrl.length));
+        const file = await new PathJail(plugin.dir).resolve(rel);
+        return existsSync(file) ? { file, plugin } : undefined;
+      } catch {
+        return undefined;
+      }
+    }
+    return undefined;
+  }
+
+  private async _scan(
+    into: LocatedPlugin[],
+    source: PluginSourceKind,
+    root: string | undefined,
+    project?: PluginProject,
+  ): Promise<void> {
+    if (!root || !existsSync(root)) return;
+    for (const scope of await directories(root)) {
+      for (const name of await directories(join(root, scope))) {
+        into.push(await this._read(source, join(root, scope, name), project));
+      }
+    }
+  }
+
+  private async _read(
+    source: PluginSourceKind,
+    dir: string,
+    project?: PluginProject,
+  ): Promise<LocatedPlugin> {
+    const fallbackName = `${source}/${dir.split(/[\\/]/).slice(-2).join('-')}`;
+    try {
+      const raw: unknown = JSON.parse(await readFile(join(dir, MANIFEST_FILE), 'utf8'));
+      const manifest = parsePluginManifest(raw, join(dir, MANIFEST_FILE));
+      return {
+        source,
+        dir,
+        manifest,
+        listing: { source, baseUrl: urlFor(source, manifest, project), manifest: raw },
+      };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      this._logger.warn(`Plugin at ${dir} ignored: ${message}`);
+      return {
+        source,
+        dir,
+        manifest: undefined,
+        listing: {
+          source,
+          baseUrl: `/plugins/invalid/${fallbackName}/`,
+          manifest: null,
+          error: message,
+        },
+      };
+    }
+  }
+
+  private _watchDev(): void {
+    if (!this._env.devPlugins.length) return;
+    const dists = this._env.devPlugins.map((path) => join(path, 'dist'));
+    const timers = new Map<string, ReturnType<typeof setTimeout>>();
+    this._devWatcher = watch(dists, { ignoreInitial: true });
+    this._devWatcher.on('all', (_event, file) => {
+      const dist = dists.find((dir) => file.startsWith(dir));
+      if (!dist) return;
+      clearTimeout(timers.get(dist));
+      timers.set(
+        dist,
+        setTimeout(async () => {
+          const plugin = await this._read('dev', dist);
+          this._located.set(plugin.listing.baseUrl, plugin);
+          if (plugin.manifest) this._onDevChange.fire(plugin);
+        }, 200),
+      );
+    });
+  }
+}
+
+const directories = async (path: string): Promise<string[]> =>
+  (await readdir(path, { withFileTypes: true }).catch(() => []))
+    .filter((entry) => entry.isDirectory() && !entry.name.startsWith('.'))
+    .map((entry) => entry.name)
+    .sort();
diff --git a/packages/server-core/src/plugin/server-plugins.ts b/packages/server-core/src/plugin/server-plugins.ts
new file mode 100644
index 00000000..83c53b9c
--- /dev/null
+++ b/packages/server-core/src/plugin/server-plugins.ts
@@ -0,0 +1,183 @@
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+
+import {
+  type Disposable,
+  DisposableStore,
+  type Logger,
+  type LoggerService,
+  type PluginManifest,
+} from '@nanoforge-dev/editor-kernel';
+import type { Contract, Implementation, RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../session/auth';
+import type { LocatedPlugin } from './plugin-sources';
+
+/** Server-side services a plugin server entry may use. */
+export interface ServerPluginServices {
+  readonly [name: string]: unknown;
+}
+
+/** What a plugin's `entry.server` module receives in `activate`. */
+export interface ServerPluginContext<S extends ServerPluginServices = ServerPluginServices> {
+  readonly name: string;
+  readonly manifest: PluginManifest;
+  readonly subscriptions: DisposableStore;
+  readonly logger: Logger;
+  readonly services: S;
+  /** RPC namespace of the plugin: contracts must use it (`plugin.<name>`). */
+  readonly namespace: string;
+  implement<C extends Contract>(
+    contract: C,
+    implementation: Implementation<C, RequestContext>,
+  ): Disposable;
+}
+
+export interface ServerPluginModule {
+  activate?(context: ServerPluginContext): void | Promise<void>;
+  deactivate?(): void | Promise<void>;
+}
+
+export const pluginNamespace = (name: string) => `plugin.${name}`;
+
+interface ActiveServerPlugin {
+  readonly plugin: LocatedPlugin;
+  readonly module: ServerPluginModule;
+  readonly store: DisposableStore;
+}
+
+/** Runs `entry.server` of enabled plugins inside the editor server (trusted plugins). */
+export class ServerPluginHost implements Disposable {
+  private readonly _active = new Map<string, ActiveServerPlugin>();
+  /** Activations in progress: a second request for the same plugin waits for the first one. */
+  private readonly _activating = new Map<string, Promise<void>>();
+  /** Plugins a project's copy of the same name replaced, run again when that copy stops. */
+  private readonly _shadowed = new Map<string, LocatedPlugin>();
+
+  constructor(
+    private readonly _router: RpcRouter<RequestContext>,
+    private readonly _services: ServerPluginServices,
+    private readonly _logs: LoggerService,
+  ) {}
+
+  get active(): string[] {
+    return [...this._active.keys()];
+  }
+
+  activate(plugin: LocatedPlugin): Promise<void> {
+    const name = plugin.manifest?.name;
+    if (
+      !name ||
+      !plugin.manifest?.entry.server ||
+      this._active.get(name)?.plugin.dir === plugin.dir
+    )
+      return Promise.resolve();
+    let activating = this._activating.get(name);
+    if (!activating) {
+      activating = this._replace(plugin).finally(() => this._activating.delete(name));
+      this._activating.set(name, activating);
+    }
+    return activating;
+  }
+
+  /**
+   * Runs the server entries of exactly these project plugins (those the editor enabled for the
+   * open project) and stops every other project plugin's, those of a previous project included.
+   * A plugin a project copy had replaced runs again.
+   */
+  async syncProject(plugins: readonly LocatedPlugin[]): Promise<void> {
+    const wanted = new Set(plugins.map((plugin) => plugin.dir));
+    for (const [name, active] of [...this._active]) {
+      if (active.plugin.source === 'project' && !wanted.has(active.plugin.dir))
+        await this.deactivate(name);
+    }
+    for (const plugin of plugins) await this.activate(plugin);
+  }
+
+  /**
+   * Stops a plugin's server entry; with `dir`, only when the running copy is that folder's. A
+   * plugin a stopped project copy had replaced runs again.
+   */
+  async deactivate(name: string, dir?: string): Promise<void> {
+    if (dir && this._shadowed.get(name)?.dir === dir) this._shadowed.delete(name);
+    const stopped = await this._stop(name, dir);
+    const shadowed = stopped?.source === 'project' ? this._shadowed.get(name) : undefined;
+    this._shadowed.delete(name);
+    if (shadowed) await this.activate(shadowed);
+  }
+
+  dispose(): void {
+    for (const name of [...this._active.keys()]) {
+      this.deactivate(name).catch((error: unknown) =>
+        this._logs.getLogger(`${name}(server)`).error('Server entry failed to deactivate', error),
+      );
+    }
+  }
+
+  /** Activates a plugin, stopping first another copy of the same name (it shadows it). */
+  private async _replace(plugin: LocatedPlugin): Promise<void> {
+    const name = plugin.manifest!.name;
+    const current = this._active.get(name);
+    if (current) {
+      if (plugin.source === 'project' && current.plugin.source !== 'project')
+        this._shadowed.set(name, current.plugin);
+      await this._stop(name, undefined, false);
+    }
+    await this._activate(plugin);
+  }
+
+  /**
+   * Stops a server entry; resolves with the plugin it was, or nothing when none ran. `wait`: let
+   * an activation in progress finish first (not from inside that activation).
+   */
+  private async _stop(name: string, dir?: string, wait = true): Promise<LocatedPlugin | undefined> {
+    if (wait) await this._activating.get(name);
+    const active = this._active.get(name);
+    if (!active || (dir && active.plugin.dir !== dir)) return undefined;
+    this._active.delete(name);
+    try {
+      await active.module.deactivate?.();
+    } finally {
+      active.store.dispose();
+    }
+    return active.plugin;
+  }
+
+  private async _activate(plugin: LocatedPlugin): Promise<void> {
+    const manifest = plugin.manifest!;
+    const entry = manifest.entry.server!;
+    const logger = this._logs.getLogger(`${manifest.name}(server)`);
+    const store = new DisposableStore();
+    const namespace = pluginNamespace(manifest.name);
+    try {
+      const url = pathToFileURL(join(plugin.dir, entry));
+      url.searchParams.set('v', String(Date.now()));
+      const imported = (await import(url.href)) as ServerPluginModule & {
+        default?: ServerPluginModule;
+      };
+      const module = imported.default ?? imported;
+      const context: ServerPluginContext = {
+        name: manifest.name,
+        manifest,
+        subscriptions: store,
+        logger,
+        services: this._services,
+        namespace,
+        implement: (contract, implementation) => {
+          if (contract.namespace !== namespace) {
+            throw new Error(
+              `${manifest.name} can only implement contracts in the "${namespace}" namespace`,
+            );
+          }
+          return store.add(this._router.implement(contract, implementation));
+        },
+      };
+      await module.activate?.(context);
+      this._active.set(manifest.name, { plugin, module, store });
+      logger.info('Server entry activated');
+    } catch (error) {
+      store.dispose();
+      logger.error('Server entry failed to activate', error);
+    }
+  }
+}
diff --git a/packages/server-core/src/process/child-env.ts b/packages/server-core/src/process/child-env.ts
new file mode 100644
index 00000000..52308628
--- /dev/null
+++ b/packages/server-core/src/process/child-env.ts
@@ -0,0 +1,92 @@
+const NAMES = new Set([
+  'PATH',
+  'Path',
+  'PATHEXT',
+  'HOME',
+  'USER',
+  'USERNAME',
+  'LOGNAME',
+  'SHELL',
+  'LANG',
+  'LANGUAGE',
+  'TERM',
+  'TZ',
+  'TMPDIR',
+  'TMP',
+  'TEMP',
+  'CI',
+  'NODE_ENV',
+  'NODE_OPTIONS',
+  'NODE_EXTRA_CA_CERTS',
+  'FORCE_COLOR',
+  'NO_COLOR',
+  'SSH_AUTH_SOCK',
+  'SSH_AGENT_PID',
+  'GIT_SSH',
+  'GIT_SSH_COMMAND',
+  'GIT_ASKPASS',
+  'SSH_ASKPASS',
+  'GIT_AUTHOR_NAME',
+  'GIT_AUTHOR_EMAIL',
+  'GIT_COMMITTER_NAME',
+  'GIT_COMMITTER_EMAIL',
+  'GIT_SSL_CAINFO',
+  'GIT_SSL_CAPATH',
+  'SSL_CERT_FILE',
+  'SSL_CERT_DIR',
+  'GNUPGHOME',
+  'GPG_TTY',
+  'HTTP_PROXY',
+  'HTTPS_PROXY',
+  'NO_PROXY',
+  'ALL_PROXY',
+  'http_proxy',
+  'https_proxy',
+  'no_proxy',
+  'all_proxy',
+  'SystemRoot',
+  'SYSTEMROOT',
+  'ComSpec',
+  'COMSPEC',
+  'WINDIR',
+  'APPDATA',
+  'LOCALAPPDATA',
+  'USERPROFILE',
+  'HOMEDRIVE',
+  'HOMEPATH',
+  'ProgramFiles',
+  'ProgramFiles(x86)',
+  'ProgramData',
+  'NF_CLI_PATH',
+]);
+
+const PREFIXES = [
+  'LC_',
+  'XDG_',
+  'npm_config_',
+  'NPM_CONFIG_',
+  'PNPM_',
+  'BUN_',
+  'COREPACK_',
+  'NANOFORGE_',
+];
+
+/**
+ * The part of the editor's environment its child processes (git, the CLI, game servers) get: what
+ * tools need to run, never the server's own settings (`SESSION_SECRET`, `API_KEY`, `PORT`…), nor
+ * the git variables that point at another repository (`GIT_DIR`, `GIT_WORK_TREE`…, set when the
+ * editor is started from a git hook), which would bypass `GIT_CEILING_DIRECTORIES`.
+ */
+export const childEnv = (
+  extra: Record<string, string | undefined> = {},
+  source: Record<string, string | undefined> = process.env,
+): Record<string, string> => {
+  const kept = Object.entries(source).filter(
+    ([key, value]) =>
+      value !== undefined &&
+      !(key in extra) &&
+      (NAMES.has(key) || PREFIXES.some((prefix) => key.startsWith(prefix))),
+  );
+  const added = Object.entries(extra).filter(([, value]) => value !== undefined);
+  return Object.fromEntries([...kept, ...added]) as Record<string, string>;
+};
diff --git a/packages/server-core/src/process/cli-service.ts b/packages/server-core/src/process/cli-service.ts
new file mode 100644
index 00000000..453cc4d8
--- /dev/null
+++ b/packages/server-core/src/process/cli-service.ts
@@ -0,0 +1,92 @@
+import { existsSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import { type OutputLine, type ProcessResult, runProcess } from './run-process';
+
+export interface CliRun {
+  readonly id: string;
+  /** What ran, as shown in the console: `nf`, or a package manager. */
+  readonly command: string;
+  readonly args: readonly string[];
+  readonly cwd: string;
+  /** The caller reports the output itself (builds): not shown as a task in the console. */
+  readonly silent: boolean;
+  readonly onLine: Event<OutputLine>;
+  readonly done: Promise<ProcessResult>;
+  kill(): void;
+}
+
+/** Runs the NanoForge CLI (`nf`), preferring the project's own installation. */
+export class CliService {
+  private readonly _onDidStart = new Emitter<CliRun>();
+  private _counter = 0;
+
+  /** Fires for every run: runs in a project are streamed to its console as tasks. */
+  readonly onDidStart: Event<CliRun> = this._onDidStart.event;
+
+  constructor(private readonly _env: EditorEnv) {}
+
+  /** `node_modules/.bin/nf` of the closest ancestor of `cwd`, else `NF_CLI_PATH` or `nf`. */
+  resolveBinary(cwd: string): string {
+    if (this._env.cliPath) return this._env.cliPath;
+    for (let dir = cwd; ; dir = dirname(dir)) {
+      const candidate = join(
+        dir,
+        'node_modules',
+        '.bin',
+        process.platform === 'win32' ? 'nf.cmd' : 'nf',
+      );
+      if (existsSync(candidate)) return candidate;
+      if (dirname(dir) === dir) return 'nf';
+    }
+  }
+
+  run(
+    args: readonly string[],
+    options: {
+      cwd: string;
+      env?: Record<string, string>;
+      signal?: AbortSignal;
+      silent?: boolean;
+    },
+  ): CliRun {
+    return this._start('nf', this.resolveBinary(options.cwd), args, options);
+  }
+
+  /** Runs another tool of the project (its package manager), reported like a CLI run. */
+  exec(
+    command: string,
+    args: readonly string[],
+    options: { cwd: string; env?: Record<string, string>; signal?: AbortSignal },
+  ): CliRun {
+    return this._start(command, command, args, options);
+  }
+
+  private _start(
+    command: string,
+    binary: string,
+    args: readonly string[],
+    options: {
+      cwd: string;
+      env?: Record<string, string>;
+      signal?: AbortSignal;
+      silent?: boolean;
+    },
+  ): CliRun {
+    const { silent = false, ...processOptions } = options;
+    const process = runProcess(binary, args, processOptions);
+    const run: CliRun = {
+      id: `cli-${++this._counter}`,
+      command,
+      args,
+      cwd: options.cwd,
+      silent,
+      ...process,
+    };
+    this._onDidStart.fire(run);
+    return run;
+  }
+}
diff --git a/packages/server-core/src/process/index.ts b/packages/server-core/src/process/index.ts
new file mode 100644
index 00000000..7bc2b15b
--- /dev/null
+++ b/packages/server-core/src/process/index.ts
@@ -0,0 +1,3 @@
+export * from './child-env';
+export * from './cli-service';
+export * from './run-process';
diff --git a/packages/server-core/src/process/run-process.ts b/packages/server-core/src/process/run-process.ts
new file mode 100644
index 00000000..65aecc2e
--- /dev/null
+++ b/packages/server-core/src/process/run-process.ts
@@ -0,0 +1,144 @@
+import { spawn } from 'node:child_process';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+
+import { childEnv } from './child-env';
+
+/** Output kept per stream in `ProcessResult`; past it, lines are still emitted. */
+const MAX_BUFFER = 16 * 1024 * 1024;
+/** A line longer than this (binary output) is emitted in pieces. */
+const MAX_LINE = 64 * 1024;
+
+export interface ProcessOptions {
+  cwd: string;
+  env?: Record<string, string | undefined>;
+  signal?: AbortSignal;
+  /** Data written to stdin, then closed. */
+  input?: string;
+  /** Characters of output kept per stream (default 16 Mi). */
+  maxBuffer?: number;
+}
+
+export interface OutputLine {
+  readonly stream: 'stdout' | 'stderr';
+  readonly text: string;
+}
+
+export interface RunningProcess {
+  readonly onLine: Event<OutputLine>;
+  readonly done: Promise<ProcessResult>;
+  kill(): void;
+}
+
+export interface ProcessResult {
+  readonly exitCode: number;
+  readonly stdout: string;
+  readonly stderr: string;
+  /** Some output was not kept (`maxBuffer`). */
+  readonly truncated: boolean;
+}
+
+/** Processes run in a group of their own (not on Windows): stopping one stops what it started. */
+const GROUPS = process.platform !== 'win32';
+
+/** Stops the groups still running when the editor exits: they no longer share its terminal's. */
+const running = new Set<() => void>();
+let stopOnExit = false;
+
+const abortError = (signal: AbortSignal) =>
+  Object.assign(new Error('The operation was aborted', { cause: signal.reason }), {
+    name: 'AbortError',
+  });
+
+/**
+ * Spawns a process without a shell, with the editor's environment filtered (`childEnv`); output
+ * is split into lines and buffered. `kill()` and `signal` stop its whole process group: a build's
+ * bundler or a package manager's scripts go with it.
+ */
+export const runProcess = (
+  command: string,
+  args: readonly string[],
+  options: ProcessOptions,
+): RunningProcess => {
+  const onLine = new Emitter<OutputLine>();
+  const child = spawn(command, args, {
+    cwd: options.cwd,
+    env: childEnv(options.env),
+    stdio: ['pipe', 'pipe', 'pipe'],
+    detached: GROUPS,
+  });
+  const kill = (signal: NodeJS.Signals = 'SIGTERM') => {
+    if (!child.pid) return;
+    try {
+      if (GROUPS) process.kill(-child.pid, signal);
+      else child.kill(signal);
+    } catch {}
+  };
+  const stop = () => kill('SIGKILL');
+  running.add(stop);
+  if (!stopOnExit) {
+    stopOnExit = true;
+    process.once('exit', () => {
+      for (const each of running) each();
+    });
+  }
+  const { signal } = options;
+  const onAbort = () => kill();
+  if (signal?.aborted) onAbort();
+  else signal?.addEventListener('abort', onAbort, { once: true });
+  const maxBuffer = options.maxBuffer ?? MAX_BUFFER;
+  const buffers = { stdout: '', stderr: '' };
+  const pending = { stdout: '', stderr: '' };
+  let truncated = false;
+
+  const collect = (stream: 'stdout' | 'stderr') => (text: string) => {
+    const room = maxBuffer - buffers[stream].length;
+    if (text.length > room) truncated = true;
+    if (room > 0) buffers[stream] += text.length > room ? text.slice(0, room) : text;
+    const lines = (pending[stream] + text).split(/\r?\n/);
+    let rest = lines.pop() ?? '';
+    for (const line of lines) onLine.fire({ stream, text: line });
+    while (rest.length > MAX_LINE) {
+      onLine.fire({ stream, text: rest.slice(0, MAX_LINE) });
+      rest = rest.slice(MAX_LINE);
+    }
+    pending[stream] = rest;
+  };
+  child.stdout.setEncoding('utf8');
+  child.stderr.setEncoding('utf8');
+  child.stdout.on('data', collect('stdout'));
+  child.stderr.on('data', collect('stderr'));
+  if (options.input !== undefined) child.stdin.end(options.input);
+  else child.stdin.end();
+
+  const done = new Promise<ProcessResult>((resolve, reject) => {
+    const end = () => {
+      running.delete(stop);
+      signal?.removeEventListener('abort', onAbort);
+      onLine.dispose();
+    };
+    child.on('error', (error) => {
+      end();
+      reject(error);
+    });
+    child.on('close', (code) => {
+      for (const stream of ['stdout', 'stderr'] as const) {
+        if (pending[stream]) onLine.fire({ stream, text: pending[stream] });
+      }
+      end();
+      if (signal?.aborted) {
+        kill();
+        reject(abortError(signal));
+        return;
+      }
+      resolve({
+        exitCode: code ?? -1,
+        stdout: buffers.stdout,
+        stderr: buffers.stderr,
+        truncated,
+      });
+    });
+  });
+
+  return { onLine: onLine.event, done, kill: () => kill() };
+};
diff --git a/packages/server-core/src/project/config-loader.ts b/packages/server-core/src/project/config-loader.ts
new file mode 100644
index 00000000..5d13febd
--- /dev/null
+++ b/packages/server-core/src/project/config-loader.ts
@@ -0,0 +1,159 @@
+import { readFile } from 'node:fs/promises';
+import { builtinModules } from 'node:module';
+import ts from 'typescript';
+import { unrun } from 'unrun';
+
+import { type NanoforgeConfig, resolveConfig } from '@nanoforge-dev/config';
+
+export const CONFIG_FILES = [
+  'nanoforge.config.ts',
+  'nanoforge.config.mts',
+  'nanoforge.config.js',
+  'nanoforge.config.mjs',
+];
+
+export type ResolvedConfig = ReturnType<typeof resolveConfig>;
+
+/** Loads a `nanoforge.config.*` file into a fully resolved config. */
+export interface ConfigLoader {
+  load(file: string): Promise<ResolvedConfig>;
+}
+
+export class ConfigLoadError extends Error {
+  constructor(
+    readonly file: string,
+    message: string,
+  ) {
+    super(message);
+    this.name = 'ConfigLoadError';
+  }
+}
+
+const BUILTINS = new Set([...builtinModules, ...builtinModules.map((name) => `node:${name}`)]);
+
+const CONFIG_MODULE_ID = '\0nanoforge-config';
+
+/**
+ * `@nanoforge-dev/config` as seen by configs: `defineConfig` is the identity, so configs load
+ * even before the project's dependencies are installed (fresh clone).
+ */
+const configModulePlugin = {
+  name: 'nanoforge-config-module',
+  resolveId: (id: string) => (id === '@nanoforge-dev/config' ? CONFIG_MODULE_ID : null),
+  load: (id: string) =>
+    id === CONFIG_MODULE_ID ? 'export const defineConfig = (config) => config;' : null,
+};
+
+/**
+ * Executes the config like the CLI does (local editor: the user trusts their own project).
+ *
+ * Everything but Node built-ins is bundled: unrun imports its bundle from
+ * `<process cwd>/node_modules/.unrun`, so external packages would resolve from the editor's
+ * working directory instead of the project.
+ */
+export const executingConfigLoader: ConfigLoader = {
+  async load(file) {
+    let module: { default?: unknown };
+    try {
+      ({ module } = await unrun<{ default?: unknown }>({
+        path: file,
+        preset: 'bundle-require',
+        inputOptions: {
+          external: (id: string) => BUILTINS.has(id),
+          plugins: [configModulePlugin],
+        },
+      }));
+    } catch (error) {
+      throw new ConfigLoadError(
+        file,
+        `Failed to load ${file}: ${error instanceof Error ? error.message : String(error)}`,
+      );
+    }
+    return validate(module.default, file);
+  },
+};
+
+const CONFIG_TYPES = new Set(['workspace', 'client', 'server', 'lib']);
+
+/**
+ * Reads the config without executing it: only `export default defineConfig({...})` or
+ * `export default {...}` with literal values is supported. Used when projects are untrusted
+ * (hosted ONLINE editor).
+ */
+export const staticConfigLoader: ConfigLoader = {
+  async load(file) {
+    const source = ts.createSourceFile(
+      file,
+      await readFile(file, 'utf8'),
+      ts.ScriptTarget.Latest,
+      true,
+    );
+    let expression: ts.Expression | undefined;
+    for (const statement of source.statements) {
+      if (ts.isExportAssignment(statement) && !statement.isExportEquals)
+        expression = statement.expression;
+    }
+    if (!expression) throw new ConfigLoadError(file, 'Config file has no default export');
+    if (ts.isCallExpression(expression) && expression.arguments.length === 1) {
+      expression = expression.arguments[0]!;
+    }
+    return validate(literal(expression, file), file);
+  },
+};
+
+const validate = (value: unknown, file: string): ResolvedConfig => {
+  if (value === undefined) throw new ConfigLoadError(file, 'Config file has no default export');
+  if (typeof value !== 'object' || value === null || Array.isArray(value)) {
+    throw new ConfigLoadError(file, 'The default export must be an object');
+  }
+  const type = (value as { type?: unknown }).type;
+  if (typeof type !== 'string' || !CONFIG_TYPES.has(type)) {
+    throw new ConfigLoadError(file, `Unknown config type ${JSON.stringify(type)}`);
+  }
+  return resolveConfig(value as NanoforgeConfig);
+};
+
+const literal = (node: ts.Expression, file: string): unknown => {
+  const fail = (): never => {
+    const { line, character } = node.getSourceFile().getLineAndCharacterOfPosition(node.getStart());
+    throw new ConfigLoadError(
+      file,
+      `Only literal values are supported in configs of online projects (${line + 1}:${character + 1}: ${node.getText()})`,
+    );
+  };
+  if (
+    ts.isParenthesizedExpression(node) ||
+    ts.isAsExpression(node) ||
+    ts.isSatisfiesExpression(node)
+  ) {
+    return literal(node.expression, file);
+  }
+  if (ts.isStringLiteral(node) || ts.isNoSubstitutionTemplateLiteral(node)) return node.text;
+  if (ts.isNumericLiteral(node)) return Number(node.text);
+  if (node.kind === ts.SyntaxKind.TrueKeyword) return true;
+  if (node.kind === ts.SyntaxKind.FalseKeyword) return false;
+  if (node.kind === ts.SyntaxKind.NullKeyword) return null;
+  if (
+    ts.isPrefixUnaryExpression(node) &&
+    node.operator === ts.SyntaxKind.MinusToken &&
+    ts.isNumericLiteral(node.operand)
+  ) {
+    return -Number(node.operand.text);
+  }
+  if (ts.isArrayLiteralExpression(node))
+    return node.elements.map((element) => literal(element, file));
+  if (ts.isObjectLiteralExpression(node)) {
+    const result: Record<string, unknown> = {};
+    for (const property of node.properties) {
+      if (!ts.isPropertyAssignment(property)) return fail();
+      const name = property.name;
+      const key =
+        ts.isIdentifier(name) || ts.isStringLiteral(name) || ts.isNumericLiteral(name)
+          ? name.text
+          : fail();
+      result[key] = literal(property.initializer, file);
+    }
+    return result;
+  }
+  return fail();
+};
diff --git a/packages/server-core/src/project/discovery.ts b/packages/server-core/src/project/discovery.ts
new file mode 100644
index 00000000..1c3a73aa
--- /dev/null
+++ b/packages/server-core/src/project/discovery.ts
@@ -0,0 +1,299 @@
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+import { basename, dirname, join, relative, resolve, sep } from 'node:path';
+
+import type { AppModel, ProjectModel } from '@nanoforge-dev/editor-protocol';
+import { joinPath } from '@nanoforge-dev/editor-protocol';
+
+import { expandDirectoryGlobs } from '../util/glob';
+import {
+  CONFIG_FILES,
+  ConfigLoadError,
+  type ConfigLoader,
+  type ResolvedConfig,
+} from './config-loader';
+
+/** `@nanoforge-dev/*` packages that are tooling, not engine libraries. */
+const TOOLING_PACKAGES = new Set([
+  '@nanoforge-dev/actions',
+  '@nanoforge-dev/cli',
+  '@nanoforge-dev/config',
+  '@nanoforge-dev/schematics',
+  '@nanoforge-dev/utils-eslint-config',
+  '@nanoforge-dev/utils-prettier-config',
+]);
+
+type Diagnostic = ProjectModel['diagnostics'][number];
+
+interface PackageJson {
+  name?: string;
+  dependencies?: Record<string, string>;
+  devDependencies?: Record<string, string>;
+}
+
+export interface DiscoveryInput {
+  readonly id: string;
+  readonly root: string;
+  readonly location: string;
+  readonly loader: ConfigLoader;
+}
+
+const toPosix = (path: string) => path.split(sep).join('/');
+
+export const findConfigFile = (directory: string): string | undefined =>
+  CONFIG_FILES.map((file) => join(directory, file)).find((file) => existsSync(file));
+
+const readJson = async <T>(file: string): Promise<T | undefined> => {
+  try {
+    return JSON.parse(await readFile(file, 'utf8')) as T;
+  } catch {
+    return undefined;
+  }
+};
+
+/** Installed version of a package, looked up from `from` up to the project root. */
+const installedVersion = async (
+  name: string,
+  from: string,
+  root: string,
+): Promise<string | undefined> => {
+  for (let dir = from; ; dir = dirname(dir)) {
+    const pkg = await readJson<{ version?: string }>(
+      join(dir, 'node_modules', name, 'package.json'),
+    );
+    if (pkg?.version) return pkg.version;
+    if (dir === root || dirname(dir) === dir) return undefined;
+  }
+};
+
+const engineLibs = async (
+  appRoot: string,
+  projectRoot: string,
+  pkg: PackageJson | undefined,
+): Promise<Record<string, string>> => {
+  const declared: Record<string, string> = { ...pkg?.devDependencies, ...pkg?.dependencies };
+  const names = new Set(
+    Object.keys(declared).filter(
+      (name) => name.startsWith('@nanoforge-dev/') && !TOOLING_PACKAGES.has(name),
+    ),
+  );
+  const libs: Record<string, string> = {};
+  for (const name of [...names].sort()) {
+    libs[name] = (await installedVersion(name, appRoot, projectRoot)) ?? declared[name] ?? '*';
+  }
+  return libs;
+};
+
+/** Every package an app's package.json depends on (narrowed to the project's libraries later). */
+const declaredPackages = (pkg: PackageJson | undefined): string[] =>
+  Object.keys({ ...pkg?.devDependencies, ...pkg?.dependencies });
+
+/** What an app says about the shared libraries it uses, before the project's are all known. */
+export interface LibraryUses {
+  /** The app's config file, for diagnostics. */
+  readonly configFile: string;
+  /** Its config's `libs` (clients and servers): the written path and the folder it points at. */
+  readonly libs?: readonly { readonly path: string; readonly root: string }[];
+  /** Every package its package.json depends on. */
+  readonly packages: readonly string[];
+}
+
+/**
+ * Fills each app's `libraries`: the shared libraries its `nanoforge.config` lists in `libs`
+ * (paths relative to the app, as the CLI writes them). A library depends on others through its
+ * package.json (a lib config has no `libs`). The package.json of a client or server should depend
+ * on the same libraries: where it does not, or where `libs` names a folder that is no library,
+ * a warning says so. A library nothing mentions (a project made before apps chose their
+ * libraries) is given to every app, so nothing disappears.
+ */
+export const resolveLibraries = (
+  apps: AppModel[],
+  uses: ReadonlyMap<string, LibraryUses>,
+): Diagnostic[] => {
+  const diagnostics: Diagnostic[] = [];
+  const libraries = apps.filter((app) => app.type === 'lib');
+  const mentioned = new Set<string>();
+  for (const app of apps) {
+    const use = uses.get(app.id);
+    const packages = use?.packages ?? [];
+    const declared = libraries.filter(
+      (library) => library !== app && packages.includes(library.name),
+    );
+    if (app.type === 'lib' || !use?.libs) {
+      app.libraries = declared.map((library) => library.name);
+      for (const library of declared) mentioned.add(library.name);
+      continue;
+    }
+    const listed: AppModel[] = [];
+    for (const { path, root } of use.libs) {
+      const library = libraries.find((candidate) => candidate.root === root);
+      if (library) listed.push(library);
+      else
+        diagnostics.push({
+          path: use.configFile,
+          message: `libs lists "${path}", which is not a shared library of the project.`,
+          severity: 'warning',
+        });
+    }
+    for (const library of [...listed, ...declared]) mentioned.add(library.name);
+    for (const library of listed.filter((candidate) => !declared.includes(candidate)))
+      diagnostics.push({
+        path: use.configFile,
+        message: `${app.name} uses ${library.name} (libs), but its package.json does not depend on it: add "${library.name}": "workspace:*".`,
+        severity: 'warning',
+      });
+    for (const library of declared.filter((candidate) => !listed.includes(candidate)))
+      diagnostics.push({
+        path: use.configFile,
+        message: `${app.name}'s package.json depends on ${library.name}, but its libs does not list ${library.root}: the editor does not give it to the app.`,
+        severity: 'warning',
+      });
+    app.libraries = listed.map((library) => library.name);
+  }
+  const unclaimed = libraries.filter((library) => !mentioned.has(library.name));
+  for (const library of unclaimed) library.unclaimed = true;
+  for (const app of apps) {
+    app.libraries = [
+      ...new Set([
+        ...app.libraries,
+        ...unclaimed.filter((library) => library !== app).map((library) => library.name),
+      ]),
+    ].sort();
+  }
+  return diagnostics;
+};
+
+const toApp = async (
+  projectRoot: string,
+  appRoot: string,
+  config: ResolvedConfig,
+  uses: Map<string, LibraryUses>,
+): Promise<AppModel | undefined> => {
+  if (config.type === 'workspace') return undefined;
+  const root = toPosix(relative(projectRoot, appRoot));
+  const pkg = await readJson<PackageJson>(join(appRoot, 'package.json'));
+  const name = pkg?.name ?? (basename(appRoot) || 'app');
+  const at = (path: string) => joinPath(root, path);
+  const configFile = toPosix(relative(projectRoot, findConfigFile(appRoot) ?? appRoot));
+  uses.set(root, {
+    configFile,
+    packages: declaredPackages(pkg),
+    ...(config.type !== 'lib' && {
+      libs: config.libs.map((path) => ({
+        path,
+        root: toPosix(relative(projectRoot, resolve(appRoot, path))),
+      })),
+    }),
+  });
+
+  if (config.type === 'lib') {
+    return {
+      id: root,
+      name,
+      type: 'lib',
+      root,
+      language: 'ts',
+      dirs: {
+        assets: at(config.dir.assets),
+        components: at(config.dir.components),
+        systems: at(config.dir.systems),
+        scenes: at(config.dir.scenes),
+      },
+      engineLibs: await engineLibs(appRoot, projectRoot, pkg),
+      libraries: [],
+    };
+  }
+  return {
+    id: root,
+    name,
+    type: config.type,
+    root,
+    language: config.language,
+    dirs: {
+      assets: at(config.dir.assets),
+      components: at(config.dir.components),
+      systems: at(config.dir.systems),
+      scenes: at(config.dir.scenes),
+    },
+    entryFile: at(config.entryFile),
+    editorEntryFile: at(config.editor.entryFile),
+    outDir: at(config.out.dir),
+    engineLibs: await engineLibs(appRoot, projectRoot, pkg),
+    libraries: [],
+  };
+};
+
+/**
+ * Builds the project model from `nanoforge.config.*` files: a workspace lists its apps
+ * through `packages` globs; a project whose root config is an app is a single-app project.
+ * Problems become diagnostics instead of failing the whole discovery.
+ */
+export const discoverProject = async (input: DiscoveryInput): Promise<ProjectModel> => {
+  const { root, loader } = input;
+  const diagnostics: Diagnostic[] = [];
+  const apps: AppModel[] = [];
+  const uses = new Map<string, LibraryUses>();
+  const rootPkg = await readJson<PackageJson>(join(root, 'package.json'));
+  const model = (): ProjectModel => ({
+    id: input.id,
+    name: rootPkg?.name ?? basename(root),
+    location: input.location,
+    apps: apps.sort((a, b) => a.id.localeCompare(b.id)),
+    diagnostics,
+  });
+
+  const load = async (directory: string): Promise<ResolvedConfig | undefined> => {
+    const file = findConfigFile(directory);
+    const path = toPosix(relative(root, file ?? join(directory, CONFIG_FILES[0]!)));
+    if (!file) {
+      const legacy = existsSync(join(directory, 'nanoforge.config.json'));
+      diagnostics.push({
+        path: legacy ? toPosix(relative(root, join(directory, 'nanoforge.config.json'))) : path,
+        message: legacy
+          ? 'This project was made by an older NanoForge CLI (nanoforge.config.json). The editor needs a project made by the CLI version 2 or later (nanoforge.config.ts): update the CLI and create the project again.'
+          : 'No nanoforge.config file found',
+        severity: 'error',
+      });
+      return undefined;
+    }
+    try {
+      return await loader.load(file);
+    } catch (error) {
+      const message =
+        error instanceof ConfigLoadError || error instanceof Error ? error.message : String(error);
+      diagnostics.push({ path, message, severity: 'error' });
+      return undefined;
+    }
+  };
+
+  const rootConfig = await load(root);
+  if (!rootConfig) return model();
+  if (rootConfig.type !== 'workspace') {
+    const app = await toApp(root, root, rootConfig, uses);
+    if (app) apps.push(app);
+    return model();
+  }
+
+  for (const directory of await expandDirectoryGlobs(root, rootConfig.packages)) {
+    const appRoot = join(root, directory);
+    /** Plain folders matched by a glob. */
+    if (!findConfigFile(appRoot)) continue;
+    const config = await load(appRoot);
+    if (!config) continue;
+    if (config.type === 'workspace') {
+      diagnostics.push({
+        path: joinPath(directory, 'nanoforge.config.ts'),
+        message: 'Nested workspaces are not supported',
+        severity: 'warning',
+      });
+      continue;
+    }
+    const app = await toApp(root, appRoot, config, uses);
+    if (app) apps.push(app);
+  }
+  diagnostics.push(...resolveLibraries(apps, uses));
+  if (!apps.length) {
+    diagnostics.push({ path: '', message: 'The workspace has no apps', severity: 'warning' });
+  }
+  return model();
+};
diff --git a/packages/server-core/src/project/formatter.ts b/packages/server-core/src/project/formatter.ts
new file mode 100644
index 00000000..f6e89dea
--- /dev/null
+++ b/packages/server-core/src/project/formatter.ts
@@ -0,0 +1,97 @@
+import { readFile } from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import { dirname, join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+import * as bundledPrettier from 'prettier';
+import { parse as parseYaml } from 'yaml';
+
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+type Prettier = Pick<typeof bundledPrettier, 'format' | 'getFileInfo' | 'resolveConfig'>;
+
+export interface FormatResult {
+  readonly text: string;
+  readonly formatter: 'project' | 'bundled' | 'none';
+}
+
+/** Static Prettier configs (no code): what hosted editors may read. */
+const STATIC_CONFIGS = ['.prettierrc', '.prettierrc.json', '.prettierrc.yaml', '.prettierrc.yml'];
+
+/**
+ * Formats files with Prettier.
+ *
+ * - `project`: the project's Prettier, config and plugins (executes project code, local only).
+ * - `static`: the bundled Prettier with the closest JSON/YAML config, without plugins.
+ */
+export class Formatter {
+  private readonly _projectPrettier = new Map<string, Promise<Prettier | undefined>>();
+
+  constructor(private readonly _mode: 'project' | 'static') {}
+
+  async format(root: string, absolute: string, text: string): Promise<FormatResult> {
+    const project = this._mode === 'project' ? await this._resolveProject(absolute) : undefined;
+    const prettier: Prettier = project ?? bundledPrettier;
+    const ignorePath = join(root, '.prettierignore');
+    const info = await prettier
+      .getFileInfo(absolute, { ignorePath, resolveConfig: false })
+      .catch(() => ({ ignored: false, inferredParser: null }));
+    if (info.ignored || !info.inferredParser) return { text, formatter: 'none' };
+    const config = project
+      ? await prettier.resolveConfig(absolute, { editorconfig: true })
+      : await readStaticConfig(root, absolute);
+    try {
+      const formatted = await prettier.format(text, { ...config, filepath: absolute });
+      return { text: formatted, formatter: project ? 'project' : 'bundled' };
+    } catch (error) {
+      throw new RpcError(
+        'BAD_REQUEST',
+        `Prettier could not format the file: ${error instanceof Error ? error.message : String(error)}`,
+      );
+    }
+  }
+
+  /**
+   * The Prettier installed for the file (closest node_modules), else undefined. Only a found one
+   * is kept: Prettier installed later is picked up by the next format.
+   */
+  private _resolveProject(absolute: string): Promise<Prettier | undefined> {
+    const from = dirname(absolute);
+    let prettier = this._projectPrettier.get(from);
+    if (!prettier) {
+      prettier = (async () => {
+        try {
+          const entry = createRequire(join(from, 'noop.js')).resolve('prettier');
+          const module = (await import(pathToFileURL(entry).href)) as Partial<Prettier> & {
+            default?: Prettier;
+          };
+          return typeof module.format === 'function' ? (module as Prettier) : module.default;
+        } catch {
+          return undefined;
+        }
+      })();
+      this._projectPrettier.set(from, prettier);
+      void prettier.then((found) => {
+        if (!found && this._projectPrettier.get(from) === prettier)
+          this._projectPrettier.delete(from);
+      });
+    }
+    return prettier;
+  }
+}
+
+/** The closest static config from the file up to the project root, without plugins. */
+const readStaticConfig = async (root: string, absolute: string) => {
+  for (let dir = dirname(absolute); ; dir = dirname(dir)) {
+    for (const name of STATIC_CONFIGS) {
+      const text = await readFile(join(dir, name), 'utf8').catch(() => undefined);
+      if (text === undefined) continue;
+      const parsed: unknown = name.endsWith('.json') ? JSON.parse(text) : parseYaml(text);
+      if (!parsed || typeof parsed !== 'object') return {};
+      const config = { ...(parsed as Record<string, unknown>) };
+      delete config.plugins;
+      delete config.overrides;
+      return config;
+    }
+    if (dir === root || dirname(dir) === dir) return {};
+  }
+};
diff --git a/packages/server-core/src/project/index.ts b/packages/server-core/src/project/index.ts
new file mode 100644
index 00000000..0fab4270
--- /dev/null
+++ b/packages/server-core/src/project/index.ts
@@ -0,0 +1,4 @@
+export * from './config-loader';
+export * from './discovery';
+export * from './project-registry';
+export * from './formatter';
diff --git a/packages/server-core/src/project/project-registry.ts b/packages/server-core/src/project/project-registry.ts
new file mode 100644
index 00000000..c23074ef
--- /dev/null
+++ b/packages/server-core/src/project/project-registry.ts
@@ -0,0 +1,346 @@
+import { randomBytes } from 'node:crypto';
+import { existsSync } from 'node:fs';
+import { mkdir, readFile, realpath, rename, rm, stat, writeFile } from 'node:fs/promises';
+import { basename, dirname, isAbsolute, join, relative, resolve } from 'node:path';
+
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Logger,
+  type Observable,
+  ObservableValue,
+} from '@nanoforge-dev/editor-kernel';
+import type { ProjectModel, ProjectRef, RecentProject, User } from '@nanoforge-dev/editor-protocol';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { ApiClient } from '../api/api-client';
+import type { EditorEnv } from '../env/editor-env.type';
+import { NFIGNORE_FILE, ProjectFileSystem } from '../fs/fs-service';
+import { PathJail } from '../fs/path-jail';
+import { ProjectWatcher } from '../fs/watcher';
+import type { GitService } from '../git/git-service';
+import type { Session } from '../session/session-store';
+import { shortHash } from '../util/hash';
+import { KeyedMutex } from '../util/keyed-mutex';
+import { type ConfigLoader, executingConfigLoader, staticConfigLoader } from './config-loader';
+import { discoverProject } from './discovery';
+import { TrustStore } from './trust-store';
+
+const MAX_RECENT = 20;
+const GATEWAY_ID = /^[\w-]{1,60}$/;
+const CONFIG_CHANGE = /(^|\/)(nanoforge\.config\.[mc]?[jt]s|package\.json)$/;
+
+/** An opened project: its files, watcher and live model. */
+export class OpenProject implements Disposable {
+  readonly fs: ProjectFileSystem;
+  readonly watcher: ProjectWatcher;
+  private readonly _model: ObservableValue<ProjectModel>;
+  private readonly _store = new DisposableStore();
+  private _rediscovery: ReturnType<typeof setTimeout> | undefined;
+
+  constructor(
+    readonly id: string,
+    readonly root: string,
+    readonly ref: ProjectRef,
+    readonly location: string,
+    /**
+     * Whether its code may run: a local project the user trusted. A hosted project never is (its
+     * code runs nowhere on the server); an untrusted local one opens in restricted mode.
+     */
+    readonly trusted: boolean,
+    initial: ProjectModel,
+    private readonly _loader: ConfigLoader,
+    private readonly _logger: Logger,
+  ) {
+    this.fs = new ProjectFileSystem(root);
+    this._model = new ObservableValue(initial);
+    this.watcher = new ProjectWatcher(this.fs.jail, {
+      ignoredPaths: () => this._model.get().apps.flatMap((app) => (app.outDir ? [app.outDir] : [])),
+      isIgnored: (path, directory) => this.fs.isIgnored(path, directory),
+    });
+    void this.fs.refreshIgnore();
+    this._store.add(
+      this.watcher.onDidChange((changes) => {
+        if (changes.some((change) => CONFIG_CHANGE.test(change.path))) this._scheduleRediscovery();
+        if (changes.some((change) => change.path === NFIGNORE_FILE)) void this.fs.refreshIgnore();
+      }),
+    );
+  }
+
+  get name(): string {
+    return this._model.get().name;
+  }
+
+  get model(): Observable<ProjectModel> {
+    return this._model.readonly();
+  }
+
+  async rediscover(): Promise<ProjectModel> {
+    const model = await discoverProject({
+      id: this.id,
+      root: this.root,
+      location: this.location,
+      loader: this._loader,
+    });
+    this._model.set(model);
+    return model;
+  }
+
+  dispose(): void {
+    clearTimeout(this._rediscovery);
+    this._store.dispose();
+    this.watcher.dispose();
+  }
+
+  private _scheduleRediscovery(): void {
+    clearTimeout(this._rediscovery);
+    this._rediscovery = setTimeout(() => {
+      this.rediscover().catch((error: unknown) =>
+        this._logger.error(`Rediscovery of ${this.id} failed`, error),
+      );
+    }, 200);
+  }
+}
+
+interface RecentStore {
+  [userId: string]: (Omit<RecentProject, 'openedAt'> & { openedAt: string })[];
+}
+
+/**
+ * Opens projects and keeps them alive. Project ids are stable: a hash of the real path
+ * (offline) or the gateway id (online), independent from sessions.
+ */
+export class ProjectRegistry implements Disposable {
+  private readonly _projects = new Map<string, OpenProject>();
+  /** When each open project was last asked for. */
+  private readonly _lastUsed = new Map<string, number>();
+  private readonly _opening = new KeyedMutex();
+  private readonly _recentLock = new KeyedMutex();
+  private readonly _onDidClose = new Emitter<string>();
+  /** The folders whose code a local editor may run. */
+  readonly trust: TrustStore;
+
+  /** A project was closed (nobody uses it anymore): its runtime can stop too. */
+  readonly onDidClose: Event<string> = this._onDidClose.event;
+
+  constructor(
+    private readonly _env: EditorEnv,
+    private readonly _git: GitService,
+    private readonly _api: ApiClient,
+    private readonly _logger: Logger,
+  ) {
+    this.trust = new TrustStore(_env.dataDir, async () =>
+      Object.values(await this._readRecent()).flatMap((entries) =>
+        entries.flatMap((entry) => ('path' in entry.ref ? [entry.ref.path] : [])),
+      ),
+    );
+  }
+
+  /** Throws when a project's code may not run (hosted, or a local folder not trusted). */
+  assertTrusted(project: OpenProject, what: string): void {
+    if (project.trusted) return;
+    throw new RpcError(
+      'FORBIDDEN',
+      this._env.mode === 'ONLINE'
+        ? `${what} is not available in a hosted editor`
+        : `${what} needs a trusted folder: trust ${project.name} first`,
+    );
+  }
+
+  /**
+   * Trusts a local project's folder. The project closes, so it opens again with its code
+   * running (its config read by running it).
+   */
+  async trustProject(project: OpenProject): Promise<void> {
+    if (this._env.mode !== 'OFFLINE' || !('path' in project.ref))
+      throw new RpcError('FORBIDDEN', 'Only local folders can be trusted');
+    await this.trust.trust(project.ref.path);
+    this.close(project.id);
+  }
+
+  async open(session: Session, ref: ProjectRef): Promise<OpenProject> {
+    const project =
+      'path' in ref
+        ? await this._openLocal(ref.path)
+        : await this._openGateway(session, ref.gatewayId);
+    session.projects.add(project.id);
+    this._lastUsed.set(project.id, Date.now());
+    if (session.user) await this._remember(session.user, project);
+    return project;
+  }
+
+  /** Returns an opened project the session may access, else throws NOT_FOUND. */
+  get(session: Session, id: string): OpenProject {
+    const project = this._projects.get(id);
+    const allowed = session.mode === 'OFFLINE' || session.projects.has(id);
+    if (!project || !allowed) throw new RpcError('NOT_FOUND', `Project ${id} is not open`);
+    this._lastUsed.set(id, Date.now());
+    return project;
+  }
+
+  /** Ids of the open projects. */
+  get openIds(): string[] {
+    return [...this._projects.keys()];
+  }
+
+  /**
+   * Closes the projects nobody uses: no `inUse` (a connected editor holds it) and not asked for
+   * during `idleMs`. Each one keeps a watcher, so a hosted server must not keep them all.
+   */
+  sweep(inUse: (id: string) => boolean, idleMs: number, now = Date.now()): void {
+    for (const id of this.openIds) {
+      if (!inUse(id) && now - (this._lastUsed.get(id) ?? 0) > idleMs) this.close(id);
+    }
+  }
+
+  close(id: string): void {
+    const project = this._projects.get(id);
+    if (!project) return;
+    this._projects.delete(id);
+    this._lastUsed.delete(id);
+    project.dispose();
+    this._logger.info(`Closed project ${project.name} (${id})`);
+    this._onDidClose.fire(id);
+  }
+
+  async recent(user: User): Promise<RecentProject[]> {
+    const store = await this._readRecent();
+    return (store[user.id] ?? []).map((entry) => ({
+      ...entry,
+      openedAt: new Date(entry.openedAt),
+    }));
+  }
+
+  forget(user: User, id: string): Promise<void> {
+    return this._updateRecent((store) => {
+      store[user.id] = (store[user.id] ?? []).filter((entry) => entry.id !== id);
+    });
+  }
+
+  dispose(): void {
+    for (const project of this._projects.values()) project.dispose();
+    this._projects.clear();
+    this._onDidClose.dispose();
+  }
+
+  private async _openLocal(path: string): Promise<OpenProject> {
+    if (this._env.mode === 'ONLINE') {
+      throw new RpcError('FORBIDDEN', 'Local projects cannot be opened on a hosted editor');
+    }
+    const target = resolve(this._env.fsRoot, path);
+    const rel = relative(this._env.fsRoot, target);
+    if (rel.startsWith('..') || isAbsolute(rel)) {
+      throw new RpcError('FORBIDDEN', `Projects must be inside ${this._env.fsRoot}`);
+    }
+    const info = await stat(target).catch(() => undefined);
+    if (!info?.isDirectory()) throw new RpcError('NOT_FOUND', `No project directory at ${path}`);
+    const real = await realpath(target);
+    const trusted = await this.trust.isTrusted(real);
+    return this._getOrCreate(shortHash(real), real, { path: real }, real, trusted);
+  }
+
+  private async _openGateway(session: Session, gatewayId: string): Promise<OpenProject> {
+    if (this._env.mode !== 'ONLINE') {
+      throw new RpcError('FORBIDDEN', 'Gateway projects need an online editor');
+    }
+    if (!GATEWAY_ID.test(gatewayId)) {
+      throw new RpcError('BAD_REQUEST', `Not a project id: ${gatewayId.slice(0, 80)}`);
+    }
+    const gateway = await this._api.gatewayProject(session, gatewayId);
+    const id = `gw-${gatewayId}`;
+    return this._opening.run(id, async () => {
+      const root = join(this._env.fsRoot, id);
+      const url = gateway.gatewayProjectRegistryUrl;
+      if (!this._git.isRepository(root)) {
+        await mkdir(dirname(root), { recursive: true });
+        await this._git.clone(url, root, gateway.token);
+      } else if (!this._projects.has(id)) {
+        await this._git.pull(root, url, gateway.token);
+      }
+      const subdir = gateway.gatewayProjectRegistryMetadata.dir;
+      const projectRoot = subdir ? await new PathJail(root).resolve(subdir) : root;
+      return this._getOrCreate(id, projectRoot, { gatewayId }, gateway.name, false);
+    });
+  }
+
+  private _getOrCreate(
+    id: string,
+    root: string,
+    ref: ProjectRef,
+    location: string,
+    trusted: boolean,
+  ): Promise<OpenProject> {
+    return this._opening.run(`open:${id}`, async () => {
+      const existing = this._projects.get(id);
+      if (existing) return existing;
+      const loader = trusted ? executingConfigLoader : staticConfigLoader;
+      const model = await discoverProject({ id, root, location, loader });
+      const project = new OpenProject(
+        id,
+        root,
+        ref,
+        location,
+        trusted,
+        model,
+        loader,
+        this._logger,
+      );
+      this._projects.set(id, project);
+      this._logger.info(`Opened project ${model.name} (${id}) at ${root}`);
+      return project;
+    });
+  }
+
+  private _remember(user: User, project: OpenProject): Promise<void> {
+    const entry = {
+      id: project.id,
+      name: project.name,
+      location: project.location,
+      ref: project.ref,
+      openedAt: new Date().toISOString(),
+    };
+    return this._updateRecent((store) => {
+      store[user.id] = [
+        entry,
+        ...(store[user.id] ?? []).filter((item) => item.id !== project.id),
+      ].slice(0, MAX_RECENT);
+    });
+  }
+
+  /** Read, change and write the recent projects one at a time: two opens never lose a list. */
+  private _updateRecent(change: (store: RecentStore) => void): Promise<void> {
+    return this._recentLock.run('recent', async () => {
+      const store = await this._readRecent();
+      change(store);
+      await this._writeRecent(store);
+    });
+  }
+
+  private get _recentFile(): string {
+    return join(this._env.dataDir, 'recent-projects.json');
+  }
+
+  private async _readRecent(): Promise<RecentStore> {
+    if (!existsSync(this._recentFile)) return {};
+    try {
+      return JSON.parse(await readFile(this._recentFile, 'utf8')) as RecentStore;
+    } catch (error) {
+      this._logger.warn(`Ignoring unreadable ${basename(this._recentFile)}`, error);
+      return {};
+    }
+  }
+
+  private async _writeRecent(store: RecentStore): Promise<void> {
+    await mkdir(this._env.dataDir, { recursive: true });
+    const temp = `${this._recentFile}.${randomBytes(4).toString('hex')}.tmp`;
+    try {
+      await writeFile(temp, `${JSON.stringify(store, null, 2)}\n`);
+      await rename(temp, this._recentFile);
+    } catch (error) {
+      await rm(temp, { force: true });
+      throw error;
+    }
+  }
+}
diff --git a/packages/server-core/src/project/trust-store.ts b/packages/server-core/src/project/trust-store.ts
new file mode 100644
index 00000000..ca2a038f
--- /dev/null
+++ b/packages/server-core/src/project/trust-store.ts
@@ -0,0 +1,76 @@
+import { randomBytes } from 'node:crypto';
+import { existsSync } from 'node:fs';
+import { mkdir, readFile, rename, rm, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+import { KeyedMutex } from '../util/keyed-mutex';
+
+interface TrustFile {
+  /** Real paths of the folders whose code the local editor may run. */
+  readonly folders: string[];
+}
+
+/**
+ * The folders a local editor trusts: opening one runs its `nanoforge.config.ts`, its plugins'
+ * server entries, its builds and games, its Prettier and its git hooks. Kept in the editor's
+ * data folder (per OS user), by real path, so a link cannot stand in for a trusted folder.
+ */
+export class TrustStore {
+  private readonly _lock = new KeyedMutex();
+  private _folders: Set<string> | undefined;
+
+  constructor(
+    private readonly _dataDir: string,
+    /**
+     * Folders trusted when the store is first created: those opened before trust existed, under a
+     * prompt that already said their code would run.
+     */
+    private readonly _initial: () => Promise<readonly string[]>,
+  ) {}
+
+  async isTrusted(realPath: string): Promise<boolean> {
+    return (await this._load()).has(realPath);
+  }
+
+  trust(realPath: string): Promise<void> {
+    return this._lock.run('trust', async () => {
+      const folders = await this._load();
+      if (folders.has(realPath)) return;
+      folders.add(realPath);
+      await this._write(folders);
+    });
+  }
+
+  private get _file(): string {
+    return join(this._dataDir, 'trusted-folders.json');
+  }
+
+  private async _load(): Promise<Set<string>> {
+    if (this._folders) return this._folders;
+    if (!existsSync(this._file)) {
+      const folders = new Set(await this._initial());
+      await this._write(folders);
+      this._folders = folders;
+      return folders;
+    }
+    try {
+      const file = JSON.parse(await readFile(this._file, 'utf8')) as Partial<TrustFile>;
+      this._folders = new Set(Array.isArray(file.folders) ? file.folders : []);
+    } catch {
+      this._folders = new Set();
+    }
+    return this._folders;
+  }
+
+  private async _write(folders: ReadonlySet<string>): Promise<void> {
+    await mkdir(this._dataDir, { recursive: true });
+    const temp = `${this._file}.${randomBytes(4).toString('hex')}.tmp`;
+    try {
+      await writeFile(temp, `${JSON.stringify({ folders: [...folders].sort() }, null, 2)}\n`);
+      await rename(temp, this._file);
+    } catch (error) {
+      await rm(temp, { force: true });
+      throw error;
+    }
+  }
+}
diff --git a/packages/server-core/src/project/type-files.ts b/packages/server-core/src/project/type-files.ts
new file mode 100644
index 00000000..3767ac27
--- /dev/null
+++ b/packages/server-core/src/project/type-files.ts
@@ -0,0 +1,65 @@
+import { existsSync } from 'node:fs';
+import { lstat, readFile, readdir, realpath } from 'node:fs/promises';
+import { dirname, isAbsolute, join, relative, sep } from 'node:path';
+
+const MAX_FILES = 400;
+const MAX_BYTES = 8 * 1024 * 1024;
+
+const inside = (root: string, path: string) => {
+  const rel = relative(root, path);
+  return !rel.startsWith('..') && !isAbsolute(rel);
+};
+
+/**
+ * Finds `node_modules/<module>` from `fromDir` up to `root` and returns its package.json and
+ * type declaration files (paths relative to `root`). Links inside the package are never followed.
+ * The package folder itself may be a link (pnpm, `link:` dependencies) unless `contained`: then
+ * it must lead inside the project, so that a committed `node_modules/x -> /` reads nothing of
+ * the host (hosted editors).
+ */
+export const collectTypeFiles = async (
+  root: string,
+  fromDir: string,
+  module: string,
+  options: { contained?: boolean } = {},
+): Promise<{ path: string; text: string }[]> => {
+  let packageDir: string | undefined;
+  for (let dir = fromDir; ; dir = dirname(dir)) {
+    const candidate = join(dir, 'node_modules', ...module.split('/'));
+    if (existsSync(join(candidate, 'package.json'))) {
+      packageDir = candidate;
+      break;
+    }
+    if (dir === root || dirname(dir) === dir || relative(root, dir).startsWith('..')) break;
+  }
+  if (!packageDir || relative(root, packageDir).startsWith('..')) return [];
+  if (options.contained && !inside(await realpath(root), await realpath(packageDir))) return [];
+
+  const files: { path: string; text: string }[] = [];
+  let bytes = 0;
+  const add = async (file: string) => {
+    if (files.length >= MAX_FILES || bytes > MAX_BYTES) return;
+    if (!(await lstat(file)).isFile()) return;
+    const text = await readFile(file, 'utf8');
+    bytes += text.length;
+    files.push({ path: relative(root, file).split(sep).join('/'), text });
+  };
+  await add(join(packageDir, 'package.json'));
+  const walk = async (dir: string): Promise<void> => {
+    for (const entry of await readdir(dir, { withFileTypes: true })) {
+      if (files.length >= MAX_FILES) return;
+      const path = join(dir, entry.name);
+      if (entry.isDirectory()) {
+        if (entry.name !== 'node_modules' && !entry.name.startsWith('.')) await walk(path);
+      } else if (
+        entry.isFile() &&
+        /\.d\.[cm]?ts$/.test(entry.name) &&
+        (await lstat(path)).size < 2 * 1024 * 1024
+      ) {
+        await add(path);
+      }
+    }
+  };
+  await walk(packageDir);
+  return files;
+};
diff --git a/packages/server-core/src/rpc/core-rpc.type.ts b/packages/server-core/src/rpc/core-rpc.type.ts
new file mode 100644
index 00000000..e6a6ec71
--- /dev/null
+++ b/packages/server-core/src/rpc/core-rpc.type.ts
@@ -0,0 +1,32 @@
+import type { ApiClient } from '../api/api-client';
+import type { EditorEnv } from '../env/editor-env.type';
+import type { GitService } from '../git/git-service';
+import type { LocatedPlugin, PluginSources } from '../plugin/plugin-sources';
+import type { CliService } from '../process/cli-service';
+import type { ProjectRegistry } from '../project/project-registry';
+import type { RuntimeManager } from '../runtime/project-runtime';
+import type { SessionStore } from '../session/session-store';
+import type {
+  AccountSettingsBackend,
+  ProjectLocalSettingsStore,
+} from '../settings/account-backends';
+
+export interface CoreRpcDependencies {
+  readonly env: EditorEnv;
+  readonly version: string;
+  readonly sessions: SessionStore;
+  readonly projects: ProjectRegistry;
+  readonly plugins: PluginSources;
+  /** Runs a project plugin's server entry (local editors only). */
+  readonly activateServerPlugin?: (plugin: LocatedPlugin) => Promise<void>;
+  /** Stops a plugin's server entry (it was uninstalled, or is being replaced); `dir`: that copy only. */
+  readonly deactivateServerPlugin?: (name: string, dir?: string) => Promise<void>;
+  /** Runs exactly these project plugins' server entries, stopping the others (local editors). */
+  readonly syncProjectServerPlugins?: (plugins: readonly LocatedPlugin[]) => Promise<void>;
+  readonly accountSettings: AccountSettingsBackend;
+  readonly cli: CliService;
+  readonly api: ApiClient;
+  readonly projectLocalSettings: ProjectLocalSettingsStore;
+  readonly runtime: RuntimeManager;
+  readonly git: GitService;
+}
diff --git a/packages/server-core/src/rpc/implement-core-rpc.ts b/packages/server-core/src/rpc/implement-core-rpc.ts
new file mode 100644
index 00000000..e1cd0abb
--- /dev/null
+++ b/packages/server-core/src/rpc/implement-core-rpc.ts
@@ -0,0 +1,34 @@
+import { type Disposable, DisposableStore } from '@nanoforge-dev/editor-kernel';
+import type { RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../session/auth';
+import type { CoreRpcDependencies } from './core-rpc.type';
+import { implementCodeRpc } from './implementation/code.implementation';
+import { implementFsRpc } from './implementation/fs.implementation';
+import { implementGitRpc } from './implementation/git.implementation';
+import { implementPluginsRpc } from './implementation/plugins.implementation';
+import { implementProjectsRpc } from './implementation/projects.implementation';
+import { implementRegistryRpc } from './implementation/registry.implementation';
+import { implementRuntimeRpc } from './implementation/runtime.implementation';
+import { implementSessionRpc } from './implementation/session.implementation';
+import { implementSettingsRpc } from './implementation/settings.implementation';
+
+export const implementCoreRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const store = new DisposableStore();
+  for (const implement of [
+    implementSessionRpc,
+    implementProjectsRpc,
+    implementFsRpc,
+    implementPluginsRpc,
+    implementSettingsRpc,
+    implementCodeRpc,
+    implementRuntimeRpc,
+    implementGitRpc,
+    implementRegistryRpc,
+  ])
+    store.add(implement(router, deps));
+  return store;
+};
diff --git a/packages/server-core/src/rpc/implementation/code.implementation.ts b/packages/server-core/src/rpc/implementation/code.implementation.ts
new file mode 100644
index 00000000..fee5e9ba
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/code.implementation.ts
@@ -0,0 +1,33 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { CodeContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import { Formatter } from '../../project/formatter';
+import { collectTypeFiles } from '../../project/type-files';
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the code contract. */
+export const implementCodeRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  /** The project's own Prettier runs its code: only in a trusted folder. */
+  const projectFormatter = new Formatter('project');
+  const staticFormatter = new Formatter('static');
+  return router.implement(CodeContract, {
+    methods: {
+      typeFiles: async ({ project, from, module }, { session }) => {
+        const open = projects.get(session, project);
+        const fromDir = await open.fs.jail.resolve(from.split('/').slice(0, -1).join('/'));
+        return collectTypeFiles(open.root, fromDir, module, { contained: env.mode === 'ONLINE' });
+      },
+      format: async ({ project, path, text }, { session }) => {
+        const open = projects.get(session, project);
+        const formatter = open.trusted ? projectFormatter : staticFormatter;
+        return formatter.format(open.root, await open.fs.jail.resolve(path), text);
+      },
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/fs.implementation.ts b/packages/server-core/src/rpc/implementation/fs.implementation.ts
new file mode 100644
index 00000000..37cc1336
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/fs.implementation.ts
@@ -0,0 +1,47 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { FsContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import { revealInFileManager } from '../../fs/reveal';
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the file system contract. */
+export const implementFsRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  return router.implement(FsContract, {
+    methods: {
+      stat: ({ project, path }, { session }) => projects.get(session, project).fs.stat(path),
+      list: ({ project, path, recursive }, { session }) =>
+        projects.get(session, project).fs.list(path, recursive),
+      read: ({ project, path }, { session }) => projects.get(session, project).fs.read(path),
+      write: ({ project, path, content, expectedHash, createParents }, { session }) =>
+        projects.get(session, project).fs.write(path, content, {
+          ...(expectedHash !== undefined && { expectedHash }),
+          createParents,
+        }),
+      mkdir: ({ project, path }, { session }) => projects.get(session, project).fs.mkdir(path),
+      rename: ({ project, from, to, overwrite }, { session }) =>
+        projects.get(session, project).fs.rename(from, to, overwrite),
+      copy: ({ project, from, to, overwrite }, { session }) =>
+        projects.get(session, project).fs.copy(from, to, overwrite),
+      delete: ({ project, path }, { session }) => projects.get(session, project).fs.delete(path),
+      restore: ({ project, trashPath, path }, { session }) =>
+        projects.get(session, project).fs.restore(trashPath, path),
+      reveal: async ({ project, path }, { session }) => {
+        if (env.mode !== 'OFFLINE') {
+          throw new RpcError('FORBIDDEN', 'Revealing files needs a local editor');
+        }
+        await revealInFileManager(await projects.get(session, project).fs.jail.resolve(path));
+        return null;
+      },
+    },
+    streams: {
+      changes: ({ project }, { session }, sink) =>
+        projects.get(session, project).watcher.onDidChange((changes) => sink.emit({ changes })),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/git.implementation.ts b/packages/server-core/src/rpc/implementation/git.implementation.ts
new file mode 100644
index 00000000..31019e55
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/git.implementation.ts
@@ -0,0 +1,56 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { GitContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the git contract. */
+export const implementGitRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  const repo = (session: RequestContext['session'], project: string) => {
+    if (env.mode !== 'OFFLINE') throw new RpcError('FORBIDDEN', 'Git is for local editors');
+    return projects.get(session, project).root;
+  };
+  const { git } = deps;
+  const nothing =
+    <I extends { project: string }>(run: (root: string, input: I) => Promise<unknown>) =>
+    async (input: I, { session }: RequestContext) => {
+      await run(repo(session, input.project), input);
+      return null;
+    };
+  return router.implement(GitContract, {
+    methods: {
+      status: ({ project }, { session }) => git.projectStatus(repo(session, project)),
+      init: nothing((root) => git.init(root)),
+      stage: nothing((root, { paths }) => git.stage(root, paths)),
+      unstage: nothing((root, { paths }) => git.unstage(root, paths)),
+      discard: nothing((root, { paths }) => git.discard(root, paths)),
+      commit: nothing((root, { message, all, paths, amend }) =>
+        git.commit(root, message, { all, amend, ...(paths && { paths }) }),
+      ),
+      fetch: nothing((root) => git.fetch(root)),
+      pull: ({ project }, { session }) => git.mergePull(repo(session, project)),
+      push: nothing((root) => git.push(root)),
+      branches: ({ project }, { session }) => git.branches(repo(session, project)),
+      switchBranch: nothing((root, { name }) => git.switchBranch(root, name)),
+      createBranch: nothing((root, { name, from }) => git.createBranch(root, name, from)),
+      deleteBranch: nothing((root, { name, force }) => git.deleteBranch(root, name, force)),
+      log: ({ project, limit, skip, branch }, { session }) =>
+        git.log(repo(session, project), limit, skip, branch),
+      headMessage: ({ project }, { session }) => git.headMessage(repo(session, project)),
+      outgoing: ({ project }, { session }) => git.outgoing(repo(session, project)),
+      commitFiles: ({ project, hash }, { session }) =>
+        git.commitFiles(repo(session, project), hash),
+      show: ({ project, path, revision }, { session }) =>
+        git.show(repo(session, project), path, revision),
+      stashes: ({ project }, { session }) => git.stashes(repo(session, project)),
+      stash: nothing((root, { message }) => git.stash(root, message)),
+      applyStash: nothing((root, { index, pop }) => git.applyStash(root, index, pop)),
+      dropStash: nothing((root, { index }) => git.dropStash(root, index)),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/plugins.implementation.ts b/packages/server-core/src/rpc/implementation/plugins.implementation.ts
new file mode 100644
index 00000000..56f74184
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/plugins.implementation.ts
@@ -0,0 +1,50 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { PluginsContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the plugins contract. */
+export const implementPluginsRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { projects } = deps;
+  return router.implement(PluginsContract, {
+    methods: {
+      list: async (input, { session }) => {
+        const project = input?.project ? projects.get(session, input.project) : undefined;
+        return (await deps.plugins.list(project)).map((plugin) => plugin.listing);
+      },
+      runProjectServers: async ({ project: id, names }, { session }) => {
+        if (deps.env.mode !== 'OFFLINE')
+          throw new RpcError(
+            'FORBIDDEN',
+            "A hosted editor never runs a project plugin's server entry",
+          );
+        const project = id ? projects.get(session, id) : undefined;
+        if (project && names.length)
+          projects.assertTrusted(project, "Running the project's plugins");
+        const located = project ? await deps.plugins.list(project) : [];
+        await deps.syncProjectServerPlugins?.(
+          located.filter(
+            (plugin) =>
+              plugin.source === 'project' &&
+              plugin.manifest?.entry.server &&
+              names.includes(plugin.manifest.name),
+          ),
+        );
+        return null;
+      },
+      suggestions: ({ project }, { session }) =>
+        deps.plugins.suggestions(projects.get(session, project).root),
+    },
+    streams: {
+      devChanges: (_params, _context, sink) =>
+        deps.plugins.onDevChange((plugin) => {
+          if (plugin.manifest) sink.emit({ name: plugin.manifest.name, listing: plugin.listing });
+        }),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/projects.implementation.ts b/packages/server-core/src/rpc/implementation/projects.implementation.ts
new file mode 100644
index 00000000..303df795
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/projects.implementation.ts
@@ -0,0 +1,104 @@
+import { existsSync } from 'node:fs';
+import { realpath } from 'node:fs/promises';
+import { join } from 'node:path';
+
+import { type Disposable, observe } from '@nanoforge-dev/editor-kernel';
+import { ProjectsContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+import { packageManagerOf } from '../package-manager-of';
+import { requireUser } from '../require-user';
+
+/** Implements the projects contract. */
+export const implementProjectsRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  return router.implement(ProjectsContract, {
+    methods: {
+      open: async (ref, { session }) => {
+        const project = await projects.open(session, ref);
+        return { id: project.id, name: project.name, trusted: project.trusted };
+      },
+      isTrusted: ({ id }, { session }) => projects.get(session, id).trusted,
+      trust: async ({ id }, { session }) => {
+        await projects.trustProject(projects.get(session, id));
+        return null;
+      },
+      recent: (_input, context) => projects.recent(requireUser(context)),
+      forget: async ({ id }, context) => {
+        await projects.forget(requireUser(context), id);
+        return null;
+      },
+      model: ({ id }, { session }) => projects.get(session, id).model.get(),
+      install: async ({ id }, { session }) => {
+        if (env.mode !== 'OFFLINE')
+          throw new RpcError('FORBIDDEN', 'Dependencies are installed in local editors only');
+        const open = projects.get(session, id);
+        projects.assertTrusted(open, 'Installing dependencies');
+        const { root } = open;
+        const manager = packageManagerOf(root);
+        if (!manager) return { manager: null, ok: false };
+        const result = await deps.cli.exec(manager, ['install'], { cwd: root }).done;
+        return { manager, ok: result.exitCode === 0 };
+      },
+      create: async ({ name, language, server, install, packageManager }, { session }) => {
+        if (env.mode !== 'OFFLINE')
+          throw new RpcError('FORBIDDEN', 'Create projects from the NanoForge website');
+        if (existsSync(join(env.fsRoot, name)))
+          throw new RpcError('CONFLICT', `A folder named ${name} already exists`);
+        const run = deps.cli.run(
+          [
+            'new',
+            '--name',
+            name,
+            '--path',
+            name,
+            '--language',
+            language,
+            '--package-manager',
+            packageManager,
+            '--strict',
+            server ? '--server' : '--no-server',
+            '--no-git',
+            '--no-docker',
+            install ? '--no-skip-install' : '--skip-install',
+          ],
+          { cwd: env.fsRoot },
+        );
+        const result = await run.done;
+        if (result.exitCode !== 0) {
+          const output = (result.stderr || result.stdout).slice(-2000);
+          const reason = output
+            // eslint-disable-next-line no-control-regex
+            .replace(/\u001b\[[0-9;?]*[A-Za-z]/g, '')
+            .split('\n')
+            .map((line) => line.trim())
+            .filter(Boolean)
+            .at(-1);
+          throw new RpcError('INTERNAL', `nf new failed${reason ? `: ${reason}` : ''}`, {
+            output,
+          });
+        }
+        await projects.trust.trust(await realpath(join(env.fsRoot, name)));
+        const project = await projects.open(session, { path: name });
+        return { id: project.id, name: project.name, trusted: project.trusted };
+      },
+      gateways: async (_input, { session }) =>
+        env.mode === 'ONLINE'
+          ? (await deps.api.gatewayProjects(session)).map((project) => ({
+              gatewayId: project.id,
+              name: project.name,
+              description: project.description,
+            }))
+          : [],
+    },
+    streams: {
+      model: ({ id }, { session }, sink) =>
+        observe(projects.get(session, id).model, (model) => sink.emit(model)),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/registry.implementation.ts b/packages/server-core/src/rpc/implementation/registry.implementation.ts
new file mode 100644
index 00000000..44c3b225
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/registry.implementation.ts
@@ -0,0 +1,165 @@
+import { existsSync } from 'node:fs';
+import { rm } from 'node:fs/promises';
+import { join } from 'node:path';
+
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { type InstalledPackage, RegistryContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+import {
+  DirectoryRegistry,
+  type OutdatedPackage,
+  ProjectPackages,
+  type Registry,
+  RegistryClient,
+  RegistryError,
+  installItem,
+  pickVersion,
+} from '@nanoforge-dev/registry';
+
+import { PROJECT_PLUGINS_DIR } from '../../plugin/plugin-sources';
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the registry contract. */
+export const implementRegistryRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  const noRegistry = (): never => {
+    throw new RegistryError('UNAVAILABLE', 'The registry is not available yet');
+  };
+  const registry: Registry = env.registryDir
+    ? new DirectoryRegistry(env.registryDir)
+    : env.registryUrl
+      ? new RegistryClient({ baseUrl: env.registryUrl })
+      : { search: noRegistry, get: noRegistry, download: noRegistry };
+  const editorEngine = { editor: deps.version };
+  /** Runs registry code, turning its failures into RPC errors with the same message. */
+  const withRegistry = async <T>(run: () => Promise<T>): Promise<T> => {
+    try {
+      return await run();
+    } catch (error) {
+      if (!(error instanceof RegistryError)) throw error;
+      const code = (
+        {
+          NOT_FOUND: 'NOT_FOUND',
+          UNAVAILABLE: 'UNAVAILABLE',
+          INVALID: 'BAD_REQUEST',
+          INTEGRITY: 'PRECONDITION_FAILED',
+          CONFLICT: 'CONFLICT',
+          IN_USE: 'CONFLICT',
+        } as const
+      )[error.code];
+      throw new RpcError(code, error.message);
+    }
+  };
+  const localOnly = () => {
+    if (env.mode !== 'OFFLINE') throw new RpcError('FORBIDDEN', 'Installing is for local editors');
+  };
+  const pluginFolder = (
+    session: RequestContext['session'],
+    target: { name: string; scope: 'user' | 'project'; project?: string | undefined },
+  ) => {
+    localOnly();
+    if (target.scope === 'user') return join(deps.plugins.installedDir, ...target.name.split('/'));
+    if (!target.project) throw new RpcError('BAD_REQUEST', 'A project is needed for this scope');
+    return join(
+      projects.get(session, target.project).root,
+      PROJECT_PLUGINS_DIR,
+      ...target.name.split('/'),
+    );
+  };
+  const packagesOf = (session: RequestContext['session'], project: string) => {
+    localOnly();
+    return new ProjectPackages(projects.get(session, project).root, registry);
+  };
+  /** The project's packages; without the registry, without what is newer. */
+  const listPackages = async (packages: ProjectPackages): Promise<InstalledPackage[]> => {
+    const listed: readonly OutdatedPackage[] = await packages
+      .outdated()
+      .catch(async (error: unknown) => {
+        if (error instanceof RegistryError && error.code === 'UNAVAILABLE') return packages.list();
+        throw error;
+      });
+    return listed.map((entry) => ({ ...entry, dependents: [...entry.dependents] }));
+  };
+  return router.implement(RegistryContract, {
+    methods: {
+      search: ({ type, q, page }) => withRegistry(() => registry.search({ type, q, page })),
+      details: ({ name }) =>
+        withRegistry(async () => {
+          const item = await registry.get(name);
+          const compatible =
+            item.type === 'plugin' ? pickVersion(item, '*', editorEngine)?.version : item.version;
+          return { ...item, ...(compatible && { compatible }) };
+        }),
+      installPlugin: (input, { session }) =>
+        withRegistry(async () => {
+          const target = pluginFolder(session, input);
+          const item = await registry.get(input.name);
+          if (item.type !== 'plugin')
+            throw new RegistryError('INVALID', `${input.name} is a package, not a plugin`);
+          const version = input.version
+            ? item.versions.find((entry) => entry.version === input.version)
+            : pickVersion(item, '*', editorEngine);
+          if (!version) {
+            throw new RegistryError(
+              'NOT_FOUND',
+              input.version
+                ? `${input.name}@${input.version} was not found`
+                : `No version of ${input.name} runs on this editor (${deps.version})`,
+            );
+          }
+          await installItem(registry, {
+            name: input.name,
+            version: version.version,
+            type: 'plugin',
+            target,
+            sha256: version.sha256,
+          });
+          await deps.deactivateServerPlugin?.(input.name, target);
+          const project = input.project ? projects.get(session, input.project) : undefined;
+          const located = (await deps.plugins.list(project)).find(
+            (plugin) => plugin.dir === target && plugin.manifest?.entry.server,
+          );
+          if (located && (!project || project.trusted)) await deps.activateServerPlugin?.(located);
+          return { version: version.version };
+        }),
+      uninstallPlugin: async (input, { session }) => {
+        const target = pluginFolder(session, input);
+        if (!existsSync(join(target, 'nanoforge.manifest.json')))
+          throw new RpcError('NOT_FOUND', `${input.name} is not installed there`);
+        await rm(target, { recursive: true, force: true });
+        await deps.deactivateServerPlugin?.(input.name, target);
+        return null;
+      },
+      packages: ({ project }, { session }) =>
+        withRegistry(() => listPackages(packagesOf(session, project))),
+      installPackage: ({ project, name, range }, { session }) =>
+        withRegistry(async () => {
+          const packages = packagesOf(session, project);
+          await packages.install(name, range);
+          return listPackages(packages);
+        }),
+      uninstallPackage: ({ project, name }, { session }) =>
+        withRegistry(async () => {
+          const packages = packagesOf(session, project);
+          await packages.uninstall(name);
+          return listPackages(packages);
+        }),
+      updatePackage: ({ project, name, latest }, { session }) =>
+        withRegistry(async () => {
+          const packages = packagesOf(session, project);
+          await packages.update(name, latest);
+          return listPackages(packages);
+        }),
+      restorePackages: ({ project }, { session }) =>
+        withRegistry(async () => {
+          const packages = packagesOf(session, project);
+          await packages.restore();
+          return listPackages(packages);
+        }),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/runtime.implementation.ts b/packages/server-core/src/rpc/implementation/runtime.implementation.ts
new file mode 100644
index 00000000..8e56a5ef
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/runtime.implementation.ts
@@ -0,0 +1,65 @@
+import { type Disposable, DisposableStore } from '@nanoforge-dev/editor-kernel';
+import { RuntimeContract } from '@nanoforge-dev/editor-protocol';
+import { RpcError, type RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { OpenProject } from '../../project/project-registry';
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the runtime contract. */
+export const implementRuntimeRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env, projects } = deps;
+  const runtimeOf = (project: OpenProject) => {
+    if (env.mode !== 'OFFLINE') {
+      throw new RpcError('FORBIDDEN', 'Games can only be run from a local editor');
+    }
+    return deps.runtime.get(project);
+  };
+  /** The runtime of a project whose code may run: building and playing run it. */
+  const runnable = (project: OpenProject, what: string) => {
+    projects.assertTrusted(project, what);
+    return runtimeOf(project);
+  };
+  return router.implement(RuntimeContract, {
+    methods: {
+      build: ({ project, apps }, { session }) =>
+        runnable(projects.get(session, project), 'Building').builds.build(apps),
+      status: ({ project }, { session }) => {
+        const runtime = runtimeOf(projects.get(session, project));
+        return {
+          builds: runtime.builds.apps.map((app) => runtime.builds.status(app.id)),
+          servers: runtime.servers(),
+        };
+      },
+      manifest: ({ project, app }, { session }) =>
+        runtimeOf(projects.get(session, project)).manifest(app),
+      env: ({ project, app, overrides }, { session }) =>
+        runtimeOf(projects.get(session, project)).env(app, overrides),
+      startServer: async ({ project, app, overrides }, { session }) => {
+        await runnable(projects.get(session, project), 'Playing').startServer(app, overrides);
+        return null;
+      },
+      stopServer: async ({ project, app }, { session }) => {
+        await runtimeOf(projects.get(session, project)).stopServer(app);
+        return null;
+      },
+      sendServer: ({ project, app, event, args }, { session }) => {
+        runtimeOf(projects.get(session, project)).sendServer(app, event, args);
+        return null;
+      },
+    },
+    streams: {
+      events: ({ project }, { session }, sink) => {
+        const open = projects.get(session, project);
+        const runtime = runtimeOf(open);
+        const subscription = new DisposableStore();
+        if (open.trusted) subscription.add(runtime.builds.watch());
+        subscription.add(runtime.onEvent((event) => sink.emit(event)));
+        return subscription;
+      },
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/session.implementation.ts b/packages/server-core/src/rpc/implementation/session.implementation.ts
new file mode 100644
index 00000000..940a8f0d
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/session.implementation.ts
@@ -0,0 +1,28 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { SessionContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the session contract. */
+export const implementSessionRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { env } = deps;
+  return router.implement(SessionContract, {
+    methods: {
+      info: (_input, { session }) => ({
+        mode: env.mode,
+        version: deps.version,
+        user: session.user,
+        loginUrl: env.mode === 'ONLINE' ? env.loginUrl : null,
+        features: [
+          ...(env.apiFeatures.includes('settings') ? (['settings'] as const) : []),
+          ...(env.registryDir || env.registryUrl ? (['registry'] as const) : []),
+        ],
+      }),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/implementation/settings.implementation.ts b/packages/server-core/src/rpc/implementation/settings.implementation.ts
new file mode 100644
index 00000000..653687f6
--- /dev/null
+++ b/packages/server-core/src/rpc/implementation/settings.implementation.ts
@@ -0,0 +1,36 @@
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+import { SettingsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../../session/auth';
+import type { CoreRpcDependencies } from '../core-rpc.type';
+
+/** Implements the settings contract. */
+export const implementSettingsRpc = (
+  router: RpcRouter<RequestContext>,
+  deps: CoreRpcDependencies,
+): Disposable => {
+  const { projects } = deps;
+  return router.implement(SettingsContract, {
+    methods: {
+      accountGet: (_input, { session }) => deps.accountSettings.get(session),
+      accountPut: ({ baseRevision, values }, { session }) =>
+        deps.accountSettings.put(session, baseRevision, values),
+      projectLocalGet: ({ project }, { session }) => {
+        projects.get(session, project);
+        return deps.projectLocalSettings.get(session, project);
+      },
+      projectLocalPut: async ({ project, values }, { session }) => {
+        projects.get(session, project);
+        await deps.projectLocalSettings.put(session, project, values);
+        return null;
+      },
+    },
+    streams: {
+      accountChanges: (_params, { session }, sink) =>
+        deps.accountSettings.onDidChange(({ userId, revision }) => {
+          if (userId === session.user?.id) sink.emit({ revision });
+        }),
+    },
+  });
+};
diff --git a/packages/server-core/src/rpc/package-manager-of.ts b/packages/server-core/src/rpc/package-manager-of.ts
new file mode 100644
index 00000000..468d3c84
--- /dev/null
+++ b/packages/server-core/src/rpc/package-manager-of.ts
@@ -0,0 +1,14 @@
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+
+/** The package manager a project uses, from its lockfile. */
+export const packageManagerOf = (root: string): string | undefined =>
+  (
+    [
+      ['pnpm-lock.yaml', 'pnpm'],
+      ['bun.lock', 'bun'],
+      ['bun.lockb', 'bun'],
+      ['yarn.lock', 'yarn'],
+      ['package-lock.json', 'npm'],
+    ] as const
+  ).find(([lockfile]) => existsSync(join(root, lockfile)))?.[1];
diff --git a/packages/server-core/src/rpc/require-user.ts b/packages/server-core/src/rpc/require-user.ts
new file mode 100644
index 00000000..d2811b67
--- /dev/null
+++ b/packages/server-core/src/rpc/require-user.ts
@@ -0,0 +1,9 @@
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { RequestContext } from '../session/auth';
+
+export const requireUser = (context: RequestContext) => {
+  const user = context.session.user;
+  if (!user) throw new RpcError('UNAUTHORIZED', 'Not signed in');
+  return user;
+};
diff --git a/packages/server-core/src/runtime/build-orchestrator.ts b/packages/server-core/src/runtime/build-orchestrator.ts
new file mode 100644
index 00000000..caacc295
--- /dev/null
+++ b/packages/server-core/src/runtime/build-orchestrator.ts
@@ -0,0 +1,238 @@
+import { isAbsolute, join, relative, sep } from 'node:path';
+
+import {
+  type Disposable,
+  Emitter,
+  type Event,
+  type Logger,
+  type Observable,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+import type {
+  AppModel,
+  BuildDiagnostic,
+  BuildStatus,
+  FileChange,
+  ProjectModel,
+  RuntimeEvent,
+} from '@nanoforge-dev/editor-protocol';
+
+import type { CliService } from '../process/cli-service';
+import { KeyedMutex } from '../util/keyed-mutex';
+import { BuildOutput } from './build-output';
+
+/** The parts of an open project the orchestrator needs. */
+export interface BuildableProject {
+  readonly root: string;
+  readonly model: Observable<ProjectModel>;
+  readonly watcher: { readonly onDidChange: Event<FileChange[]> };
+}
+
+// eslint-disable-next-line no-control-regex -- terminal color codes
+export const ANSI = /\x1b\[[0-9;]*[A-Za-z]/g;
+const REBUILD_DELAY_MS = 150;
+/** A build that runs longer is stopped: it must not hold the build queue forever. */
+const BUILD_TIMEOUT_MS = 10 * 60_000;
+
+/** Apps the editor can build and run: clients and servers with an output directory. */
+export const runnableApps = (model: ProjectModel): AppModel[] =>
+  model.apps.filter((app) => app.type !== 'lib' && app.outDir !== undefined);
+
+/**
+ * Reads bun build errors from the CLI output:
+ * `error: <message>` followed by `    at <file>:<line>:<column>`.
+ */
+export const parseBuildOutput = (output: string, projectRoot: string): BuildDiagnostic[] => {
+  const diagnostics: BuildDiagnostic[] = [];
+  const lines = output.replace(ANSI, '').split(/\r?\n/);
+  for (let index = 0; index < lines.length; index++) {
+    const match = /^\s*(error|warn|warning): (.+)$/.exec(lines[index]!);
+    if (!match) continue;
+    const diagnostic: BuildDiagnostic = {
+      message: match[2]!.trim(),
+      severity: match[1] === 'error' ? 'error' : 'warning',
+    };
+    const location = /^\s*at (.+):(\d+):(\d+)\s*$/.exec(lines[index + 1] ?? '');
+    if (location) {
+      const file = relative(projectRoot, location[1]!);
+      diagnostics.push({
+        ...diagnostic,
+        ...(!file.startsWith('..') && !isAbsolute(file) && { path: file.split(sep).join('/') }),
+        line: Number(location[2]),
+        column: Number(location[3]),
+      });
+      index++;
+    } else diagnostics.push(diagnostic);
+  }
+  return diagnostics;
+};
+
+/**
+ * Builds the apps of a project with `nf build --editor`, one app at a time, and keeps their
+ * status. While watched, apps are rebuilt when their sources change (a change outside of every
+ * app, e.g. in a shared lib or the root config, rebuilds them all).
+ */
+export class BuildOrchestrator implements Disposable {
+  private readonly _statuses = new Map<string, BuildStatus>();
+  private readonly _outputs = new Map<string, BuildOutput>();
+  private readonly _onEvent = new Emitter<RuntimeEvent>();
+  private readonly _mutex = new KeyedMutex();
+  private readonly _dirty = new Set<string>();
+  private _watchers = 0;
+  private _watch: Disposable | undefined;
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _disposed = false;
+  /** Stops the build in progress when the orchestrator is disposed. */
+  private readonly _abort = new AbortController();
+
+  readonly onEvent: Event<RuntimeEvent> = this._onEvent.event;
+
+  constructor(
+    private readonly _project: BuildableProject,
+    private readonly _cli: CliService,
+    private readonly _logger: Logger,
+    private readonly _buildTimeoutMs = BUILD_TIMEOUT_MS,
+  ) {}
+
+  get apps(): AppModel[] {
+    return runnableApps(this._project.model.get());
+  }
+
+  app(id: string): AppModel | undefined {
+    return this.apps.find((app) => app.id === id);
+  }
+
+  status(app: string): BuildStatus {
+    return (
+      this._statuses.get(app) ?? {
+        app,
+        state: 'idle',
+        version: null,
+        diagnostics: [],
+        finishedAt: null,
+        durationMs: null,
+      }
+    );
+  }
+
+  /** Output directory of an app, with content hashes. */
+  output(app: AppModel): BuildOutput {
+    const dir = join(this._project.root, app.outDir ?? 'dist');
+    let output = this._outputs.get(app.id);
+    if (output?.dir !== dir) {
+      output = new BuildOutput(dir);
+      this._outputs.set(app.id, output);
+    }
+    return output;
+  }
+
+  /** Builds the given apps (all runnable apps by default), after any build in progress. */
+  build(ids?: readonly string[]): Promise<BuildStatus[]> {
+    const apps = ids ? this.apps.filter((app) => ids.includes(app.id)) : this.apps;
+    for (const app of apps) this._dirty.delete(app.id);
+    return this._mutex.run('build', async () => {
+      const statuses: BuildStatus[] = [];
+      for (const app of apps) {
+        if (this._disposed) break;
+        statuses.push(await this._buildApp(app));
+      }
+      return statuses;
+    });
+  }
+
+  /** Rebuilds apps on source changes until the returned disposable is disposed. */
+  watch(): Disposable {
+    if (this._watchers++ === 0) {
+      this._watch = this._project.watcher.onDidChange((changes) => this._onChanges(changes));
+    }
+    return toDisposable(() => {
+      if (--this._watchers > 0) return;
+      this._watch?.dispose();
+      this._watch = undefined;
+      clearTimeout(this._timer);
+    });
+  }
+
+  dispose(): void {
+    this._disposed = true;
+    this._abort.abort();
+    clearTimeout(this._timer);
+    this._watch?.dispose();
+    this._onEvent.dispose();
+  }
+
+  private _onChanges(changes: readonly FileChange[]): void {
+    const apps = this.apps;
+    const roots = this._project.model.get().apps.map((app) => app.root);
+    for (const { path } of changes) {
+      if (path.startsWith('.nanoforge/')) continue;
+      const owner = roots
+        .filter((root) => root === '' || path === root || path.startsWith(`${root}/`))
+        .sort((a, b) => b.length - a.length)[0];
+      const affected = apps.filter((app) => owner !== undefined && app.root === owner);
+      for (const app of affected.length ? affected : apps) this._dirty.add(app.id);
+    }
+    if (!this._dirty.size) return;
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => {
+      const dirty = [...this._dirty];
+      this.build(dirty).catch((error: unknown) => this._logger.error('Rebuild failed', error));
+    }, REBUILD_DELAY_MS);
+  }
+
+  private _setStatus(status: BuildStatus): BuildStatus {
+    this._statuses.set(status.app, status);
+    this._onEvent.fire({ type: 'build', status });
+    return status;
+  }
+
+  private async _buildApp(app: AppModel): Promise<BuildStatus> {
+    const previous = this.status(app.id);
+    this._setStatus({ ...previous, state: 'building' });
+    const started = Date.now();
+    const run = this._cli.run(['build', '--editor', '--directory', app.root || '.'], {
+      cwd: this._project.root,
+      env: { FORCE_COLOR: '0', NO_COLOR: '1' },
+      signal: AbortSignal.any([this._abort.signal, AbortSignal.timeout(this._buildTimeoutMs)]),
+      silent: true,
+    });
+    const listener = run.onLine(({ stream, text }) =>
+      this._onEvent.fire({
+        type: 'log',
+        app: app.id,
+        source: 'build',
+        stream,
+        text: text.replace(ANSI, ''),
+      }),
+    );
+    let exitCode: number;
+    let output: string;
+    try {
+      const result = await run.done;
+      exitCode = result.exitCode;
+      output = `${result.stdout}\n${result.stderr}`;
+    } catch (error) {
+      exitCode = -1;
+      const timedOut = (error as { name?: string }).name === 'AbortError' && !this._disposed;
+      output = timedOut
+        ? `error: The build of ${app.name} took more than ${Math.round(this._buildTimeoutMs / 60_000)} minutes and was stopped`
+        : `error: ${error instanceof Error ? error.message : String(error)}`;
+    } finally {
+      listener.dispose();
+    }
+    const diagnostics = parseBuildOutput(output, this._project.root);
+    const failed = exitCode !== 0 || /Build failed/i.test(output.replace(ANSI, ''));
+    if (failed && !diagnostics.some((diagnostic) => diagnostic.severity === 'error')) {
+      diagnostics.push({ message: `Build of ${app.name} failed`, severity: 'error' });
+    }
+    const files = failed ? [] : await this.output(app).files();
+    return this._setStatus({
+      app: app.id,
+      state: failed ? 'error' : 'ok',
+      version: failed ? previous.version : BuildOutput.version(files),
+      diagnostics,
+      finishedAt: Date.now(),
+      durationMs: Date.now() - started,
+    });
+  }
+}
diff --git a/packages/server-core/src/runtime/build-output.ts b/packages/server-core/src/runtime/build-output.ts
new file mode 100644
index 00000000..6811da12
--- /dev/null
+++ b/packages/server-core/src/runtime/build-output.ts
@@ -0,0 +1,58 @@
+import { readFile, readdir, stat } from 'node:fs/promises';
+import { join, relative, sep } from 'node:path';
+
+import type { OutputFile } from '@nanoforge-dev/editor-protocol';
+
+import { sha1 } from '../util/hash';
+
+interface CachedHash {
+  readonly size: number;
+  readonly mtime: number;
+  readonly hash: string;
+}
+
+/** Lists a build output directory with content hashes (re-hashing only changed files). */
+export class BuildOutput {
+  private readonly _hashes = new Map<string, CachedHash>();
+
+  /** Hash of every file hash: identifies one build. */
+  static version(files: readonly OutputFile[]): string {
+    return sha1(files.map((file) => `${file.path}:${file.hash}`).join('\n')).slice(0, 16);
+  }
+
+  constructor(readonly dir: string) {}
+
+  async files(): Promise<OutputFile[]> {
+    const files: OutputFile[] = [];
+    const walk = async (dir: string): Promise<void> => {
+      const entries = await readdir(dir, { withFileTypes: true }).catch(() => []);
+      for (const entry of entries) {
+        const absolute = join(dir, entry.name);
+        if (entry.isDirectory()) await walk(absolute);
+        else if (entry.isFile()) files.push(await this._file(absolute));
+      }
+    };
+    await walk(this.dir);
+    for (const path of this._hashes.keys()) {
+      if (!files.some((file) => join(this.dir, file.path) === path)) this._hashes.delete(path);
+    }
+    return files.sort((a, b) => a.path.localeCompare(b.path));
+  }
+
+  /** Content hash of a file of the output (cached by size and mtime). */
+  async hash(absolute: string): Promise<string | undefined> {
+    return (await this._file(absolute).catch(() => undefined))?.hash;
+  }
+
+  private async _file(absolute: string): Promise<OutputFile> {
+    const info = await stat(absolute);
+    const path = relative(this.dir, absolute).split(sep).join('/');
+    const cached = this._hashes.get(absolute);
+    if (cached && cached.size === info.size && cached.mtime === info.mtimeMs) {
+      return { path, size: info.size, hash: cached.hash };
+    }
+    const hash = sha1(await readFile(absolute));
+    this._hashes.set(absolute, { size: info.size, mtime: info.mtimeMs, hash });
+    return { path, size: info.size, hash };
+  }
+}
diff --git a/packages/server-core/src/runtime/game-env.ts b/packages/server-core/src/runtime/game-env.ts
new file mode 100644
index 00000000..6c00b9bf
--- /dev/null
+++ b/packages/server-core/src/runtime/game-env.ts
@@ -0,0 +1,68 @@
+import { readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+const PREFIX = 'NANOFORGE_';
+const CLIENT_PREFIX = `${PREFIX}CLIENT_`;
+const SERVER_PREFIX = `${PREFIX}SERVER_`;
+
+/** Parses a `.env` file: `KEY=value`, `export KEY=value`, quotes, `#` comments. */
+export const parseDotenv = (text: string): Record<string, string> => {
+  const values: Record<string, string> = {};
+  for (const raw of text.split(/\r?\n/)) {
+    const match = /^\s*(?:export\s+)?([\w.-]+)\s*=\s*(.*)?\s*$/.exec(raw);
+    if (!match) continue;
+    let value = (match[2] ?? '').trim();
+    const quote = value[0];
+    if (
+      (quote === '"' || quote === "'" || quote === '`') &&
+      value.endsWith(quote) &&
+      value.length > 1
+    ) {
+      value = value.slice(1, -1);
+      if (quote === '"') value = value.replace(/\\n/g, '\n').replace(/\\r/g, '\r');
+    } else {
+      value = value.replace(/\s+#.*$/, '');
+    }
+    values[match[1]!] = value;
+  }
+  return values;
+};
+
+export interface GameEnv {
+  readonly client: Record<string, string>;
+  readonly server: Record<string, string>;
+}
+
+/**
+ * Splits `NANOFORGE_*` variables between the client and the server and strips the prefixes, as
+ * `nf start` and the loaders do: `NANOFORGE_CLIENT_X` → client `X`, `NANOFORGE_SERVER_X` →
+ * server `X`, `NANOFORGE_X` → both.
+ */
+export const splitGameEnv = (raw: Record<string, string | undefined>): GameEnv => {
+  const client: Record<string, string> = {};
+  const server: Record<string, string> = {};
+  for (const [key, value] of Object.entries(raw)) {
+    if (!key.startsWith(PREFIX) || !value) continue;
+    if (key.startsWith(CLIENT_PREFIX)) client[key.slice(CLIENT_PREFIX.length)] = value;
+    else if (key.startsWith(SERVER_PREFIX)) server[key.slice(SERVER_PREFIX.length)] = value;
+    else {
+      client[key.slice(PREFIX.length)] ??= value;
+      server[key.slice(PREFIX.length)] ??= value;
+    }
+  }
+  return { client, server };
+};
+
+/**
+ * Environment of a game app: the editor's own `NANOFORGE_*` variables, then the project's
+ * `.env`, then the overrides (`runtime.env` setting), split for the app's side.
+ */
+export const loadGameEnv = async (
+  projectRoot: string,
+  side: 'client' | 'server',
+  overrides: Record<string, string> = {},
+  processEnv: Record<string, string | undefined> = process.env,
+): Promise<Record<string, string>> => {
+  const dotenv = await readFile(join(projectRoot, '.env'), 'utf8').then(parseDotenv, () => ({}));
+  return splitGameEnv({ ...processEnv, ...dotenv, ...overrides })[side];
+};
diff --git a/packages/server-core/src/runtime/game-server.ts b/packages/server-core/src/runtime/game-server.ts
new file mode 100644
index 00000000..2e6fe275
--- /dev/null
+++ b/packages/server-core/src/runtime/game-server.ts
@@ -0,0 +1,250 @@
+import { type ChildProcess, spawn } from 'node:child_process';
+import { mkdir, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+import type { GameServerState, RuntimeEvent } from '@nanoforge-dev/editor-protocol';
+
+import { childEnv } from '../process/child-env';
+
+/**
+ * Runs in the game process (Bun): receives the entry point, files and env over IPC, then
+ * starts the game with an editor bridge whose `toEditor` events are sent back over IPC.
+ */
+const RUNNER_SOURCE = `import { pathToFileURL } from 'node:url';
+
+class QueuedEmitter {
+  listeners = new Map();
+  queue = [];
+  on(event, listener) { this.listeners.set(event, [...(this.listeners.get(event) ?? []), listener]); }
+  off(event, listener) { this.listeners.set(event, (this.listeners.get(event) ?? []).filter((l) => l !== listener)); }
+  emit(event, ...args) { this.queue.push([event, args]); }
+  runEvents() {
+    for (const [event, args] of this.queue.splice(0)) {
+      for (const listener of this.listeners.get(event) ?? []) {
+        try { listener(...args); } catch (error) { console.error(error); }
+      }
+    }
+  }
+}
+
+const send = (message) => { if (process.connected) process.send(message); };
+const fromEditor = new QueuedEmitter();
+const toEditor = {
+  on() {}, off() {}, runEvents() {},
+  emit(event, ...args) {
+    send({ type: 'bridge', event, args });
+    if (event === 'state' && args[0] === 'stopped') setTimeout(() => process.exit(0), 50);
+  },
+};
+
+process.on('message', async (message) => {
+  if (message.type === 'command') return fromEditor.emit(message.event, ...message.args);
+  if (message.type !== 'init') return;
+  try {
+    const { main } = await import(pathToFileURL(message.main).href);
+    console.log('Starting server');
+    await main({ files: new Map(Object.entries(message.files)), env: message.env, editor: { toEditor, fromEditor } });
+    send({ type: 'started' });
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+});
+process.on('disconnect', () => process.exit(0));
+send({ type: 'ready' });
+`;
+
+const runners = new Map<string, Promise<string>>();
+
+/**
+ * Writes the runner script once per data directory (the server itself may be bundled). A failed
+ * write is forgotten, so the next start tries again.
+ */
+const ensureRunner = (dataDir: string): Promise<string> => {
+  let runner = runners.get(dataDir);
+  if (!runner) {
+    runner = (async () => {
+      const dir = join(dataDir, 'runtime');
+      await mkdir(dir, { recursive: true });
+      const path = join(dir, 'game-server-runner.mjs');
+      await writeFile(path, RUNNER_SOURCE);
+      return path;
+    })();
+    runners.set(dataDir, runner);
+    runner.catch(() => {
+      if (runners.get(dataDir) === runner) runners.delete(dataDir);
+    });
+  }
+  return runner;
+};
+
+export interface GameServerOptions {
+  readonly app: string;
+  /** Directory the game runs in (the app root). */
+  readonly cwd: string;
+  readonly main: string;
+  /** Virtual path (`/libecs.wasm`) → absolute path. */
+  readonly files: Record<string, string>;
+  readonly env: Record<string, string>;
+  readonly dataDir: string;
+  /** Grace period for a requested stop before the process is killed. */
+  readonly stopTimeoutMs?: number;
+  readonly bunPath?: string;
+}
+
+type RunnerMessage =
+  | { type: 'ready' }
+  /** `main` resolved: the game runs, whether or not its engine speaks the bridge. */
+  | { type: 'started' }
+  | { type: 'bridge'; event: string; args: unknown[] };
+
+/**
+ * A game server process started by the editor. `stop` asks the game to stop through the
+ * bridge, then kills the whole process group if it did not exit in time.
+ */
+export class GameServerProcess {
+  private readonly _onEvent = new Emitter<RuntimeEvent>();
+  private _child: ChildProcess | undefined;
+  private _state: GameServerState = 'starting';
+  private _bridge = false;
+  private _exited: Promise<number | null> = Promise.resolve(null);
+
+  readonly onEvent: Event<RuntimeEvent> = this._onEvent.event;
+
+  constructor(private readonly _options: GameServerOptions) {}
+
+  get state(): GameServerState {
+    return this._state;
+  }
+
+  /** Whether the game answered with the editor bridge hello. */
+  get bridged(): boolean {
+    return this._bridge;
+  }
+
+  async start(): Promise<void> {
+    const runner = await ensureRunner(this._options.dataDir);
+    const bun = this._options.bunPath ?? (process.versions.bun ? process.execPath : 'bun');
+    const child = spawn(bun, [runner], {
+      cwd: this._options.cwd,
+      stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
+      detached: process.platform !== 'win32',
+      env: childEnv({ FORCE_COLOR: '0' }),
+    });
+    this._child = child;
+    this._setState('starting');
+    for (const stream of ['stdout', 'stderr'] as const) {
+      let pending = '';
+      child[stream]?.on('data', (chunk: Buffer) => {
+        const lines = (pending + chunk.toString('utf8')).split(/\r?\n/);
+        pending = lines.pop() ?? '';
+        for (const text of lines) this._log(stream, text);
+      });
+      child[stream]?.on('end', () => pending && this._log(stream, pending));
+    }
+    child.on('message', (message: RunnerMessage) => this._onMessage(message));
+    this._exited = new Promise((resolve) => {
+      child.on('error', (error) => {
+        this._log('stderr', `Could not start the game server: ${error.message}`);
+        this._setState('exited', null);
+        resolve(null);
+      });
+      child.on('exit', (code) => {
+        this._setState('exited', code);
+        resolve(code);
+      });
+    });
+  }
+
+  /** Kills the process group at once (editor shutdown). */
+  kill(): void {
+    this._kill('SIGKILL');
+  }
+
+  /** Sends an editor → engine event (`fromEditor`). */
+  send(event: string, args: readonly unknown[] = []): void {
+    if (this._child?.connected) this._child.send({ type: 'command', event, args });
+  }
+
+  /** Stops the game and resolves once the process exited. */
+  async stop(): Promise<void> {
+    const child = this._child;
+    if (!child || this._state === 'exited') return;
+    this._setState('stopping');
+    if (this._bridge) this.send('stop');
+    else this._kill('SIGTERM');
+    const timeout = this._options.stopTimeoutMs ?? 5000;
+    if (await this._exitWithin(timeout)) return;
+    this._kill('SIGTERM');
+    if (await this._exitWithin(2000)) return;
+    this._kill('SIGKILL');
+    await this._exited;
+  }
+
+  private async _exitWithin(ms: number): Promise<boolean> {
+    let timer: ReturnType<typeof setTimeout> | undefined;
+    const timedOut = new Promise<false>(
+      (resolve) => (timer = setTimeout(() => resolve(false), ms)),
+    );
+    const exited = this._exited.then(() => true as const);
+    const result = await Promise.race([exited, timedOut]);
+    clearTimeout(timer);
+    return result;
+  }
+
+  private _kill(signal: NodeJS.Signals): void {
+    const child = this._child;
+    if (!child?.pid || child.exitCode !== null || child.signalCode !== null) return;
+    try {
+      if (process.platform === 'win32') child.kill(signal);
+      else process.kill(-child.pid, signal);
+    } catch {
+      child.kill(signal);
+    }
+  }
+
+  private _onMessage(message: RunnerMessage): void {
+    if (message.type === 'ready') {
+      this._child?.send({
+        type: 'init',
+        main: this._options.main,
+        files: this._options.files,
+        env: this._options.env,
+      });
+      return;
+    }
+    if (message.type === 'started') {
+      if (this._state === 'starting') this._setState('running');
+      return;
+    }
+    if (message.type !== 'bridge') return;
+    if (message.event === 'hello') this._bridge = true;
+    if (message.event === 'state' && this._state !== 'stopping') {
+      if (message.args[0] === 'running') this._setState('running');
+      else if (message.args[0] === 'paused') this._setState('paused');
+    }
+    this._onEvent.fire({
+      type: 'bridge',
+      app: this._options.app,
+      event: message.event,
+      args: message.args,
+    });
+  }
+
+  private _setState(state: GameServerState, exitCode?: number | null): void {
+    if (this._state === state && state !== 'starting') return;
+    if (this._state === 'exited' && state !== 'starting') return;
+    this._state = state;
+    this._onEvent.fire({
+      type: 'server',
+      app: this._options.app,
+      state,
+      ...(exitCode !== undefined && { exitCode }),
+    });
+  }
+
+  private _log(stream: 'stdout' | 'stderr', text: string): void {
+    this._onEvent.fire({ type: 'log', app: this._options.app, source: 'server', stream, text });
+  }
+}
diff --git a/packages/server-core/src/runtime/index.ts b/packages/server-core/src/runtime/index.ts
new file mode 100644
index 00000000..4e4b7a01
--- /dev/null
+++ b/packages/server-core/src/runtime/index.ts
@@ -0,0 +1,5 @@
+export * from './build-orchestrator';
+export * from './build-output';
+export * from './game-env';
+export * from './game-server';
+export * from './project-runtime';
diff --git a/packages/server-core/src/runtime/project-runtime.ts b/packages/server-core/src/runtime/project-runtime.ts
new file mode 100644
index 00000000..123e0cdf
--- /dev/null
+++ b/packages/server-core/src/runtime/project-runtime.ts
@@ -0,0 +1,187 @@
+import { basename, isAbsolute, join, relative } from 'node:path';
+
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Logger,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type AppModel,
+  type OutputManifest,
+  type RuntimeEvent,
+  runtimeOutputPath,
+} from '@nanoforge-dev/editor-protocol';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import type { CliRun, CliService } from '../process/cli-service';
+import type { OpenProject } from '../project/project-registry';
+import { KeyedMutex } from '../util/keyed-mutex';
+import { ANSI, BuildOrchestrator } from './build-orchestrator';
+import { BuildOutput } from './build-output';
+import { loadGameEnv } from './game-env';
+import { GameServerProcess } from './game-server';
+
+/** File name bun gives to the bundle of an entry (`src/main.ts` → `main.js`). */
+export const outputEntry = (app: AppModel): string =>
+  basename(app.editorEntryFile ?? app.entryFile ?? 'main.ts').replace(/\.[cm]?[jt]sx?$/, '.js');
+
+/** Builds, outputs and game servers of one project. */
+export class ProjectRuntime implements Disposable {
+  readonly builds: BuildOrchestrator;
+  private readonly _servers = new Map<string, GameServerProcess>();
+  /** Starts and stops of the same app run one at a time (two tabs, Restart during a start). */
+  private readonly _serverLocks = new KeyedMutex();
+  private readonly _onEvent = new Emitter<RuntimeEvent>();
+  private readonly _store = new DisposableStore();
+
+  readonly onEvent: Event<RuntimeEvent> = this._onEvent.event;
+
+  constructor(
+    readonly project: OpenProject,
+    cli: CliService,
+    private readonly _env: EditorEnv,
+    private readonly _logger: Logger,
+  ) {
+    this.builds = this._store.add(new BuildOrchestrator(project, cli, _logger));
+    this._store.add(this.builds.onEvent((event) => this._onEvent.fire(event)));
+    this._store.add(cli.onDidStart((run) => this._followTask(run)));
+  }
+
+  app(id: string): AppModel {
+    const app = this.builds.app(id);
+    if (!app) throw new RpcError('NOT_FOUND', `No runnable app ${id || '(root)'}`);
+    return app;
+  }
+
+  async manifest(appId: string): Promise<OutputManifest> {
+    const app = this.app(appId);
+    const files = await this.builds.output(app).files();
+    const entry = outputEntry(app);
+    if (!files.some((file) => file.path === entry)) {
+      throw new RpcError('NOT_FOUND', `${app.name} has no build output yet`);
+    }
+    return {
+      app: app.id,
+      version: BuildOutput.version(files),
+      baseUrl: runtimeOutputPath(this.project.id, app.id),
+      entry,
+      files,
+    };
+  }
+
+  env(appId: string, overrides: Record<string, string> = {}): Promise<Record<string, string>> {
+    const app = this.app(appId);
+    return loadGameEnv(this.project.root, app.type === 'server' ? 'server' : 'client', overrides);
+  }
+
+  /** Starts the game server of an app (restarts it when running). */
+  startServer(appId: string, overrides: Record<string, string> = {}): Promise<void> {
+    return this._serverLocks.run(appId, () => this._startServer(appId, overrides));
+  }
+
+  stopServer(appId: string): Promise<void> {
+    return this._serverLocks.run(appId, () => this._stopServer(appId));
+  }
+
+  sendServer(appId: string, event: string, args: readonly unknown[]): void {
+    const server = this._servers.get(appId);
+    if (!server) throw new RpcError('NOT_FOUND', `The game server of ${appId} is not running`);
+    server.send(event, args);
+  }
+
+  servers(): { app: string; state: GameServerProcess['state'] }[] {
+    return [...this._servers].map(([app, server]) => ({ app, state: server.state }));
+  }
+
+  dispose(): void {
+    for (const server of this._servers.values()) server.kill();
+    this._servers.clear();
+    this._store.dispose();
+    this._onEvent.dispose();
+  }
+
+  private async _startServer(appId: string, overrides: Record<string, string>): Promise<void> {
+    const app = this.app(appId);
+    if (app.type !== 'server') throw new RpcError('BAD_REQUEST', `${app.name} is not a server`);
+    await this._stopServer(appId);
+    const manifest = await this.manifest(appId);
+    const outDir = this.builds.output(app).dir;
+    const server = new GameServerProcess({
+      app: app.id,
+      cwd: join(this.project.root, app.root),
+      main: join(outDir, manifest.entry),
+      files: Object.fromEntries(
+        manifest.files.map((file) => [`/${file.path}`, join(outDir, file.path)]),
+      ),
+      env: await this.env(appId, overrides),
+      dataDir: this._env.dataDir,
+    });
+    this._servers.set(app.id, server);
+    const forward = server.onEvent((event) => {
+      this._onEvent.fire(event);
+      if (event.type === 'server' && event.state === 'exited') {
+        forward.dispose();
+        if (this._servers.get(app.id) === server) this._servers.delete(app.id);
+      }
+    });
+    await server.start();
+    this._logger.info(`Started the game server of ${app.name}`);
+  }
+
+  private async _stopServer(appId: string): Promise<void> {
+    await this._servers.get(appId)?.stop();
+  }
+
+  /** Streams a CLI run made in this project (other than builds) as a console task. */
+  private _followTask(run: CliRun): void {
+    const inside = relative(this.project.root, run.cwd);
+    if (run.silent || inside.startsWith('..') || isAbsolute(inside)) return;
+    const app = `${run.command} ${run.args.join(' ')}`;
+    const log = (stream: 'stdout' | 'stderr', text: string) =>
+      this._onEvent.fire({ type: 'log', app, source: 'cli', stream, text });
+    log('stdout', `$ ${app}`);
+    const listener = run.onLine(({ stream, text }) => log(stream, text.replace(ANSI, '')));
+    run.done
+      .then(({ exitCode }) => {
+        if (exitCode !== 0) log('stderr', `error: ${app} exited with code ${exitCode}`);
+      })
+      .catch((error: unknown) =>
+        log('stderr', `error: ${error instanceof Error ? error.message : String(error)}`),
+      )
+      .finally(() => listener.dispose());
+  }
+}
+
+/** One runtime per open project, created on first use. */
+export class RuntimeManager implements Disposable {
+  private readonly _runtimes = new Map<string, ProjectRuntime>();
+
+  constructor(
+    private readonly _cli: CliService,
+    private readonly _env: EditorEnv,
+    private readonly _logger: Logger,
+  ) {}
+
+  get(project: OpenProject): ProjectRuntime {
+    let runtime = this._runtimes.get(project.id);
+    if (!runtime) {
+      runtime = new ProjectRuntime(project, this._cli, this._env, this._logger);
+      this._runtimes.set(project.id, runtime);
+    }
+    return runtime;
+  }
+
+  /** Stops the builds and game servers of a project that was closed. */
+  close(projectId: string): void {
+    this._runtimes.get(projectId)?.dispose();
+    this._runtimes.delete(projectId);
+  }
+
+  dispose(): void {
+    for (const runtime of this._runtimes.values()) runtime.dispose();
+    this._runtimes.clear();
+  }
+}
diff --git a/packages/server-core/src/server/create-editor-server.ts b/packages/server-core/src/server/create-editor-server.ts
new file mode 100644
index 00000000..8e11de22
--- /dev/null
+++ b/packages/server-core/src/server/create-editor-server.ts
@@ -0,0 +1,342 @@
+import { join, resolve } from 'node:path';
+
+import { DisposableStore, LoggerService, consoleSink } from '@nanoforge-dev/editor-kernel';
+import { decodeRuntimeApp } from '@nanoforge-dev/editor-protocol';
+import { PROJECT_HEADER, RPC_HTTP_PREFIX, RPC_WS_PATH, RpcRouter } from '@nanoforge-dev/editor-rpc';
+
+import { ApiClient } from '../api/api-client';
+import { archiveFolder } from '../fs/archive';
+import { PathJail } from '../fs/path-jail';
+import { GitService } from '../git/git-service';
+import { fileResponse } from '../http/static-files';
+import { PluginSources } from '../plugin/plugin-sources';
+import { ServerPluginHost, type ServerPluginServices } from '../plugin/server-plugins';
+import { CliService } from '../process/cli-service';
+import { ProjectRegistry } from '../project/project-registry';
+import { implementCoreRpc } from '../rpc/implement-core-rpc';
+import type { BuildOutput } from '../runtime/build-output';
+import { RuntimeManager } from '../runtime/project-runtime';
+import { type RequestContext, authorize } from '../session/auth';
+import { parseCookies, serializeCookie } from '../session/cookies';
+import {
+  ACCESS_TOKEN_COOKIE,
+  REFRESH_TOKEN_COOKIE,
+  type Session,
+  SessionStore,
+} from '../session/session-store';
+import {
+  ApiAccountBackend,
+  FileAccountBackend,
+  ProjectLocalSettingsStore,
+} from '../settings/account-backends';
+import type { EditorServer, EditorServerOptions } from './editor-server.type';
+import { hostAllowed, originAllowed } from './request-guard';
+
+/** A project nobody has a connected editor on is closed after this long without a request. */
+const PROJECT_IDLE_MS = 30 * 60_000;
+/** The account setting listing the hosted projects whose own plugins the user allowed. */
+const TRUSTED_PROJECTS_SETTING = 'plugins.trustedProjects';
+/** Plugin files loaded as scripts (a sandbox policy would not apply to them). */
+const SCRIPT = /\.m?js$/i;
+
+const json = (status: number, body: unknown, headers: HeadersInit = {}) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json', ...headers },
+  });
+
+export const createEditorServer = (options: EditorServerOptions): EditorServer => {
+  const { env } = options;
+  const store = new DisposableStore();
+  const logs = options.logger ?? new LoggerService();
+  if (!options.logger) store.add(logs.addSink(consoleSink));
+  const logger = logs.getLogger('server');
+
+  const api = new ApiClient(env, options.fetch);
+  const sessions = new SessionStore(env, { verify: (session) => api.currentUser(session) });
+  const git = new GitService(env, undefined, (root) => projects.trust.isTrusted(root));
+  const cli = new CliService(env);
+  const projects: ProjectRegistry = store.add(
+    new ProjectRegistry(env, git, api, logs.getLogger('projects')),
+  );
+  const plugins = new PluginSources(env, logs.getLogger('plugins'));
+  const accountSettings =
+    env.mode === 'ONLINE' && env.apiFeatures.includes('settings')
+      ? new ApiAccountBackend(api)
+      : new FileAccountBackend(env);
+  const runtime = store.add(new RuntimeManager(cli, env, logs.getLogger('runtime')));
+  const router = new RpcRouter<RequestContext>({
+    authorize,
+    onError: (error, call) => logger.error(`RPC ${call.namespace}.${call.name} failed`, error),
+  });
+  store.add(
+    implementCoreRpc(router, {
+      env,
+      version: options.version,
+      sessions,
+      projects,
+      plugins,
+      activateServerPlugin: (plugin) => serverPlugins.activate(plugin),
+      deactivateServerPlugin: (name, dir) => serverPlugins.deactivate(name, dir),
+      syncProjectServerPlugins: (located) => serverPlugins.syncProject(located),
+      cli,
+      api,
+      accountSettings,
+      projectLocalSettings: new ProjectLocalSettingsStore(env),
+      runtime,
+      git,
+    }),
+  );
+  const services: ServerPluginServices = { projects, cli, git, api };
+  const serverPlugins = store.add(new ServerPluginHost(router, services, logs));
+  const staticJail = options.staticDir ? new PathJail(resolve(options.staticDir)) : undefined;
+  store.add(projects.onDidClose((id) => runtime.close(id)));
+  const inUse = (id: string) => sessions.holders(id).some((session) => session.sockets > 0);
+  const sweepTimer = setInterval(() => {
+    sessions.prune();
+    projects.sweep(inUse, PROJECT_IDLE_MS);
+  }, 600_000);
+  sweepTimer.unref?.();
+
+  const withCookies = (response: Response, cookies: string[]): Response => {
+    for (const cookie of cookies) response.headers.append('set-cookie', cookie);
+    return response;
+  };
+
+  const tokenCookies = (session: Session, before: string | undefined): string[] => {
+    if (!session.tokens || session.tokens.accessToken === before) return [];
+    const secure = env.production;
+    return [
+      serializeCookie(ACCESS_TOKEN_COOKIE, session.tokens.accessToken, { secure }),
+      serializeCookie(REFRESH_TOKEN_COOKIE, session.tokens.refreshToken, { secure }),
+    ];
+  };
+
+  const handleRpc = async (request: Request, path: string): Promise<Response> => {
+    const cookie = request.headers.get('cookie');
+    const before = parseCookies(cookie)[ACCESS_TOKEN_COOKIE];
+    const { session, setCookies } = await sessions.resolve(cookie);
+    const context: RequestContext = { session, responseCookies: [] };
+    const result = await router.handle(path, await request.text(), context, request.signal);
+    const response = new Response(result.body, {
+      status: result.status,
+      headers: { 'content-type': 'application/json', 'cache-control': 'no-store' },
+    });
+    return withCookies(response, [
+      ...setCookies,
+      ...context.responseCookies,
+      ...tokenCookies(session, before),
+    ]);
+  };
+
+  /**
+   * Whether a session may load a project's own plugins, as the client decides: a local folder
+   * that is trusted, or a hosted project its user allowed (`plugins.trustedProjects`). Checked
+   * here too, or a direct link would load them anyway.
+   */
+  const mayLoadProjectPlugins = async (session: Session, projectId: string) => {
+    try {
+      const project = projects.get(session, projectId);
+      if (env.mode === 'OFFLINE') return project.trusted;
+      const allowed = (await accountSettings.get(session)).values[TRUSTED_PROJECTS_SETTING];
+      return Array.isArray(allowed) && allowed.includes(projectId);
+    } catch {
+      return false;
+    }
+  };
+
+  const handlePlugin = async (request: Request, pathname: string): Promise<Response> => {
+    const { session } = await sessions.resolve(request.headers.get('cookie'), { create: false });
+    const resolved = await plugins.resolveFile(pathname, (projectId) =>
+      mayLoadProjectPlugins(session, projectId),
+    );
+    if (!resolved) return json(404, { error: 'Not found' });
+    const cache = {
+      dev: 'no-cache',
+      project: 'private, no-cache',
+      installed: 'public, max-age=31536000, immutable',
+      bundled: 'public, max-age=31536000, immutable',
+    }[resolved.plugin.source];
+    const response = await fileResponse(resolved.file, cache);
+    if (!response) return json(404, { error: 'Not found' });
+    /** A project's page or image opened on its own runs nothing on the editor's origin. */
+    if (resolved.plugin.source === 'project' && !SCRIPT.test(resolved.file))
+      response.headers.set('content-security-policy', 'sandbox');
+    return response;
+  };
+
+  /**
+   * Build outputs of running games: `/runtime/<projectId>/<app>/<file>`. Local editors only, like
+   * the runtime RPC: a hosted editor never builds nor runs a project's code.
+   */
+  const handleRuntime = async (request: Request, url: URL): Promise<Response> => {
+    const [projectId, appSegment, ...rest] = url.pathname.slice('/runtime/'.length).split('/');
+    if (!projectId || !appSegment || !rest.length || env.mode !== 'OFFLINE')
+      return json(404, { error: 'Not found' });
+    const { session } = await sessions.resolve(request.headers.get('cookie'), { create: false });
+    let file: string | undefined;
+    let output: BuildOutput;
+    try {
+      const projectRuntime = runtime.get(projects.get(session, projectId));
+      output = projectRuntime.builds.output(projectRuntime.app(decodeRuntimeApp(appSegment)));
+      file = await new PathJail(output.dir).resolve(rest.map(decodeURIComponent).join('/'));
+    } catch {
+      return json(404, { error: 'Not found' });
+    }
+    const version = url.searchParams.get('v');
+    const cache =
+      version && version === (await output.hash(file))
+        ? 'public, max-age=31536000, immutable'
+        : 'no-store';
+    return (await fileResponse(file, cache)) ?? json(404, { error: 'Not found' });
+  };
+
+  /**
+   * Files of an open project: `/files/<projectId>/<path>` (thumbnails, previews). With
+   * `?download`, an attachment; a folder downloads as a .zip.
+   */
+  const handleFiles = async (request: Request, url: URL): Promise<Response> => {
+    const [projectId, ...rest] = url.pathname.slice('/files/'.length).split('/');
+    if (!projectId) return json(404, { error: 'Not found' });
+    const { session } = await sessions.resolve(request.headers.get('cookie'), { create: false });
+    const download = url.searchParams.has('download');
+    try {
+      const path = rest.map(decodeURIComponent).join('/');
+      const project = projects.get(session, projectId);
+      const entry = await project.fs.stat(path);
+      if (!entry || (path && project.fs.isIgnored(path, entry.kind === 'directory'))) {
+        return json(404, { error: 'Not found' });
+      }
+      const name = path.split('/').at(-1) || project.name;
+      const disposition = (file: string) =>
+        `attachment; filename="${file.replace(/["\\\r\n]/g, '_')}"`;
+      if (entry.kind === 'directory') {
+        if (!download) return json(400, { error: 'Folders can only be downloaded' });
+        const archive = await archiveFolder(project.fs, path);
+        return new Response(archive as Uint8Array<ArrayBuffer>, {
+          headers: {
+            'content-type': 'application/zip',
+            'content-disposition': disposition(`${name}.zip`),
+            'cache-control': 'no-store',
+          },
+        });
+      }
+      const response = await fileResponse(await project.fs.jail.resolve(path), 'no-cache');
+      if (!response) return json(404, { error: 'Not found' });
+      response.headers.set('content-security-policy', 'sandbox');
+      if (download) response.headers.set('content-disposition', disposition(name));
+      return response;
+    } catch {
+      return json(404, { error: 'Not found' });
+    }
+  };
+
+  /**
+   * Only the editor's own pages may frame it: another site framing a local editor could get a
+   * click on "Trust and open" (or any other button) without the user seeing what it does.
+   */
+  const notFramed = (response: Response | undefined) => {
+    response?.headers.set('content-security-policy', "frame-ancestors 'self'");
+    response?.headers.set('x-frame-options', 'SAMEORIGIN');
+    return response;
+  };
+
+  const handleStatic = async (pathname: string): Promise<Response> => {
+    if (!staticJail) return json(404, { error: 'Not found' });
+    let rel: string;
+    try {
+      rel = decodeURIComponent(pathname.slice(1));
+    } catch {
+      return json(404, { error: 'Not found' });
+    }
+    const file = await staticJail.resolve(rel).catch(() => undefined);
+    const immutable = rel.startsWith('_app/immutable/');
+    const asset =
+      file &&
+      (await fileResponse(file, immutable ? 'public, max-age=31536000, immutable' : 'no-cache'));
+    if (asset) return notFramed(asset)!;
+    if (/\.[a-z0-9]+$/i.test(rel)) return json(404, { error: 'Not found' });
+    return (
+      notFramed(await fileResponse(join(staticJail.root, 'index.html'), 'no-cache')) ??
+      json(404, { error: 'Not found' })
+    );
+  };
+
+  return {
+    env,
+    router,
+    projects,
+    plugins,
+    serverPlugins,
+    logs,
+    runtime,
+    cli,
+
+    async start() {
+      for (const plugin of await plugins.list()) {
+        if (plugin.manifest?.entry.server) await serverPlugins.activate(plugin);
+      }
+    },
+
+    async fetch(request, upgrade) {
+      const url = new URL(request.url);
+      const { pathname } = url;
+      try {
+        if (pathname === '/healthz') return json(200, { ok: true, version: options.version });
+        if (!hostAllowed(env, request.headers.get('host') ?? url.host))
+          return json(421, { error: 'Unknown host' });
+        if (!originAllowed(env, request)) return json(403, { error: 'Forbidden origin' });
+        if (pathname === RPC_WS_PATH) {
+          const { session, setCookies } = await sessions.resolve(request.headers.get('cookie'));
+          const headers = new Headers();
+          for (const cookie of setCookies) headers.append('set-cookie', cookie);
+          if (upgrade?.(request, { data: { session }, headers })) return undefined;
+          return json(426, { error: 'WebSocket upgrade required' });
+        }
+        if (pathname.startsWith(RPC_HTTP_PREFIX)) {
+          if (request.method !== 'POST') return json(405, { error: 'Method not allowed' });
+          return await handleRpc(request, pathname.slice(RPC_HTTP_PREFIX.length));
+        }
+        if (request.method !== 'GET' && request.method !== 'HEAD')
+          return json(405, { error: 'Method not allowed' });
+        if (pathname.startsWith('/plugins/')) return await handlePlugin(request, pathname);
+        if (pathname.startsWith('/runtime/')) return await handleRuntime(request, url);
+        if (pathname.startsWith('/files/')) return await handleFiles(request, url);
+        return await handleStatic(pathname);
+      } catch (error) {
+        logger.error(`${request.method} ${pathname} failed`, error);
+        return json(500, { error: 'Internal error' });
+      }
+    },
+
+    websocket: {
+      open(socket) {
+        socket.data.session.sockets++;
+        socket.data.rpc = router.createSession(
+          { session: socket.data.session, responseCookies: [] },
+          (message) => socket.send(message) > 0,
+        );
+      },
+      message(socket, message) {
+        socket.data.rpc
+          ?.receive(typeof message === 'string' ? message : new TextDecoder().decode(message))
+          .catch((error: unknown) => logger.error('WebSocket message failed', error));
+      },
+      drain(socket) {
+        socket.data.rpc?.drain();
+      },
+      close(socket) {
+        socket.data.session.sockets = Math.max(0, socket.data.session.sockets - 1);
+        socket.data.rpc?.dispose();
+      },
+    },
+
+    dispose() {
+      clearInterval(sweepTimer);
+      sessions.dispose();
+      store.dispose();
+    },
+  };
+};
+
+export { PROJECT_HEADER };
diff --git a/packages/server-core/src/server/editor-server.type.ts b/packages/server-core/src/server/editor-server.type.ts
new file mode 100644
index 00000000..b0713592
--- /dev/null
+++ b/packages/server-core/src/server/editor-server.type.ts
@@ -0,0 +1,59 @@
+import { type Disposable, type LoggerService } from '@nanoforge-dev/editor-kernel';
+import { type RpcRouter, type RpcSession } from '@nanoforge-dev/editor-rpc';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import { type PluginSources } from '../plugin/plugin-sources';
+import { type ServerPluginHost } from '../plugin/server-plugins';
+import { type CliService } from '../process/cli-service';
+import { type ProjectRegistry } from '../project/project-registry';
+import { type RuntimeManager } from '../runtime/project-runtime';
+import type { RequestContext } from '../session/auth';
+import type { Session } from '../session/session-store';
+
+export interface SocketData {
+  readonly session: Session;
+  rpc?: RpcSession;
+}
+
+/** The part of a WebSocket the server needs (Bun's ServerWebSocket satisfies it). */
+export interface ServerSocket {
+  readonly data: SocketData;
+  /** Bun returns -1 under back-pressure, 0 when dropped, the byte count otherwise. */
+  send(message: string): number;
+  close(): void;
+}
+
+export type Upgrade = (
+  request: Request,
+  options: { data: SocketData; headers?: HeadersInit },
+) => boolean;
+
+export interface EditorServerOptions {
+  env: EditorEnv;
+  version: string;
+  /** Built SPA (index.html + assets). Omitted in dev, where Vite serves the UI. */
+  staticDir?: string;
+  fetch?: typeof fetch;
+  logger?: LoggerService;
+}
+
+export interface EditorServer extends Disposable {
+  readonly env: EditorEnv;
+  readonly router: RpcRouter<RequestContext>;
+  readonly projects: ProjectRegistry;
+  readonly plugins: PluginSources;
+  readonly serverPlugins: ServerPluginHost;
+  readonly logs: LoggerService;
+  readonly runtime: RuntimeManager;
+  readonly cli: CliService;
+  readonly websocket: {
+    open(socket: ServerSocket): void;
+    message(socket: ServerSocket, message: string | Uint8Array): void;
+    drain(socket: ServerSocket): void;
+    close(socket: ServerSocket): void;
+  };
+  /** Activates plugin server entries. */
+  start(): Promise<void>;
+  /** HTTP handler; returns undefined when the request was upgraded to a WebSocket. */
+  fetch(request: Request, upgrade?: Upgrade): Promise<Response | undefined>;
+}
diff --git a/packages/server-core/src/server/index.ts b/packages/server-core/src/server/index.ts
new file mode 100644
index 00000000..dabac009
--- /dev/null
+++ b/packages/server-core/src/server/index.ts
@@ -0,0 +1,2 @@
+export * from './editor-server.type';
+export * from './create-editor-server';
diff --git a/packages/server-core/src/server/request-guard.ts b/packages/server-core/src/server/request-guard.ts
new file mode 100644
index 00000000..54fefd56
--- /dev/null
+++ b/packages/server-core/src/server/request-guard.ts
@@ -0,0 +1,51 @@
+import type { EditorEnv } from '../env/editor-env.type';
+
+const LOOPBACK = /^(localhost|.+\.localhost|127(\.\d{1,3}){3}|\[::1\])$/;
+const WILDCARD_HOSTS = new Set(['0.0.0.0', '::', '[::]']);
+
+const hostname = (host: string): string => {
+  const lower = host.trim().toLowerCase();
+  if (lower.startsWith('[')) return lower.slice(0, lower.indexOf(']') + 1);
+  return lower.replace(/:\d+$/, '');
+};
+
+/**
+ * Whether the `Host` header names this server. A page whose name was rebound to 127.0.0.1 sends
+ * its own name as `Host` (and as `Origin`, so the origin check alone passes): a local editor only
+ * answers to loopback names and `ALLOWED_HOSTS`. A hosted one checks `ALLOWED_HOSTS` when set.
+ */
+export const hostAllowed = (env: EditorEnv, host: string | null): boolean => {
+  if (!host) return false;
+  const name = hostname(host);
+  const allowed = [
+    ...env.allowedHosts,
+    ...env.allowedOrigins.flatMap((origin) => {
+      try {
+        return [new URL(origin).hostname.toLowerCase()];
+      } catch {
+        return [];
+      }
+    }),
+    ...(WILDCARD_HOSTS.has(env.host) ? [] : [env.host.toLowerCase()]),
+  ];
+  if (LOOPBACK.test(name) || allowed.includes(name)) return true;
+  return env.mode === 'ONLINE' && !env.allowedHosts.length;
+};
+
+/**
+ * Whether a browser request comes from the editor's own pages. Requests without `Origin`
+ * (navigations, non-browser clients) pass, except cross-site subresource loads.
+ */
+export const originAllowed = (env: EditorEnv, request: Request): boolean => {
+  const origin = request.headers.get('origin');
+  if (!origin) {
+    const site = request.headers.get('sec-fetch-site');
+    return site !== 'cross-site' || request.headers.get('sec-fetch-mode') === 'navigate';
+  }
+  const host = request.headers.get('host') ?? new URL(request.url).host;
+  try {
+    return new URL(origin).host === host || env.allowedOrigins.includes(origin);
+  } catch {
+    return false;
+  }
+};
diff --git a/packages/server-core/src/session/auth.ts b/packages/server-core/src/session/auth.ts
new file mode 100644
index 00000000..b9b11292
--- /dev/null
+++ b/packages/server-core/src/session/auth.ts
@@ -0,0 +1,17 @@
+import { type CallInfo, RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { Session } from './session-store';
+
+export interface RequestContext {
+  readonly session: Session;
+  /** `Set-Cookie` values to add to the HTTP response (ignored over WebSocket). */
+  readonly responseCookies: string[];
+}
+
+/** RPC guard: every non public method needs a signed-in user. */
+export const authorize = (context: RequestContext, call: CallInfo): void => {
+  if (call.public) return;
+  if (!context.session.user) {
+    throw new RpcError('UNAUTHORIZED', 'Sign in on the NanoForge website to use the editor');
+  }
+};
diff --git a/packages/server-core/src/session/cookies.ts b/packages/server-core/src/session/cookies.ts
new file mode 100644
index 00000000..d3198ade
--- /dev/null
+++ b/packages/server-core/src/session/cookies.ts
@@ -0,0 +1,55 @@
+import { createHmac, timingSafeEqual } from 'node:crypto';
+
+export const parseCookies = (header: string | null | undefined): Record<string, string> => {
+  const cookies: Record<string, string> = {};
+  for (const part of (header ?? '').split(';')) {
+    const index = part.indexOf('=');
+    if (index < 0) continue;
+    const name = part.slice(0, index).trim();
+    if (!name) continue;
+    try {
+      cookies[name] = decodeURIComponent(part.slice(index + 1).trim());
+    } catch {
+      cookies[name] = part.slice(index + 1).trim();
+    }
+  }
+  return cookies;
+};
+
+export interface CookieOptions {
+  maxAge?: number;
+  secure?: boolean;
+  httpOnly?: boolean;
+  sameSite?: 'Strict' | 'Lax' | 'None';
+  path?: string;
+  domain?: string;
+}
+
+export const serializeCookie = (name: string, value: string, options: CookieOptions = {}) =>
+  [
+    `${name}=${encodeURIComponent(value)}`,
+    `Path=${options.path ?? '/'}`,
+    options.maxAge !== undefined && `Max-Age=${options.maxAge}`,
+    options.domain && `Domain=${options.domain}`,
+    options.httpOnly !== false && 'HttpOnly',
+    options.secure && 'Secure',
+    `SameSite=${options.sameSite ?? 'Lax'}`,
+  ]
+    .filter(Boolean)
+    .join('; ');
+
+const signature = (value: string, secret: string) =>
+  createHmac('sha256', secret).update(value).digest('base64url');
+
+export const sign = (value: string, secret: string): string =>
+  `${value}.${signature(value, secret)}`;
+
+/** Returns the signed value, or undefined when the signature does not match. */
+export const unsign = (signed: string, secret: string): string | undefined => {
+  const index = signed.lastIndexOf('.');
+  if (index <= 0) return undefined;
+  const value = signed.slice(0, index);
+  const expected = Buffer.from(signature(value, secret));
+  const actual = Buffer.from(signed.slice(index + 1));
+  return expected.length === actual.length && timingSafeEqual(expected, actual) ? value : undefined;
+};
diff --git a/packages/server-core/src/session/index.ts b/packages/server-core/src/session/index.ts
new file mode 100644
index 00000000..347a2a9b
--- /dev/null
+++ b/packages/server-core/src/session/index.ts
@@ -0,0 +1,2 @@
+export * from './auth';
+export * from './session-store';
diff --git a/packages/server-core/src/session/session-store.ts b/packages/server-core/src/session/session-store.ts
new file mode 100644
index 00000000..15f141da
--- /dev/null
+++ b/packages/server-core/src/session/session-store.ts
@@ -0,0 +1,200 @@
+import { randomUUID } from 'node:crypto';
+import { userInfo } from 'node:os';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+import type { User } from '@nanoforge-dev/editor-protocol';
+
+import type { EditorEnv } from '../env/editor-env.type';
+import { parseCookies, serializeCookie, sign, unsign } from './cookies';
+
+export const SESSION_COOKIE = 'nf_editor_session';
+/** Set by the NanoForge projects website (shared parent domain) in ONLINE mode. */
+export const ACCESS_TOKEN_COOKIE = 'accessToken';
+export const REFRESH_TOKEN_COOKIE = 'refreshToken';
+
+export interface AuthTokens {
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface Session {
+  readonly id: string;
+  readonly mode: 'OFFLINE' | 'ONLINE';
+  user: User | null;
+  tokens: AuthTokens | null;
+  /** Projects this session's user opened (ONLINE access control): cleared when the user changes. */
+  readonly projects: Set<string>;
+  lastSeen: number;
+  /** Open WebSockets of this session: its projects stay open while there is one. */
+  sockets: number;
+}
+
+export interface SessionResolution {
+  readonly session: Session;
+  /** `Set-Cookie` headers to send back (new session, refreshed tokens…). */
+  readonly setCookies: string[];
+}
+
+export interface SessionStoreOptions {
+  /**
+   * Who an access token belongs to, asked to the API (`ApiClient.currentUser`). It may refresh
+   * the session's tokens; null when the tokens are not valid.
+   */
+  readonly verify: (session: Session) => Promise<User | null>;
+  /** Sessions kept at most; the least recently seen ones go first. */
+  readonly maxSessions?: number;
+}
+
+const IDLE_TTL_MS = 7 * 24 * 3600 * 1000;
+const MAX_SESSIONS = 10_000;
+
+/** What the store remembers of the tokens it checked, per session. */
+interface Verification {
+  /** The access token the user was verified with (after a refresh, the new one). */
+  token: string;
+  /** The token a refresh replaced: requests sent before the new cookie arrived still carry it. */
+  replaced?: string;
+  pending?: Promise<void>;
+}
+
+/**
+ * In-memory sessions identified by a signed cookie. OFFLINE sessions belong to the local OS user;
+ * ONLINE sessions carry the API tokens found in the website cookies, and their user is the one
+ * the API answers for them (a token is never trusted on its own).
+ */
+export class SessionStore {
+  private readonly _sessions = new Map<string, Session>();
+  private readonly _verifications = new Map<string, Verification>();
+  private readonly _onDidDrop = new Emitter<Session>();
+
+  /** A session was pruned or evicted: what it held can be released. */
+  readonly onDidDrop: Event<Session> = this._onDidDrop.event;
+
+  constructor(
+    private readonly _env: EditorEnv,
+    private readonly _options: SessionStoreOptions,
+  ) {}
+
+  /**
+   * The session of a request. Without `create`, a request with no known session gets a
+   * throwaway one that is neither stored nor sent back (static files, plugin files…).
+   */
+  async resolve(
+    cookieHeader: string | null | undefined,
+    options: { create?: boolean } = {},
+  ): Promise<SessionResolution> {
+    const cookies = parseCookies(cookieHeader);
+    const setCookies: string[] = [];
+    const id = cookies[SESSION_COOKIE] && unsign(cookies[SESSION_COOKIE], this._env.sessionSecret);
+    let session = id ? this._sessions.get(id) : undefined;
+    if (!session) {
+      session = this._new();
+      if (options.create === false) return { session, setCookies };
+      this._store(session);
+      setCookies.push(
+        serializeCookie(SESSION_COOKIE, sign(session.id, this._env.sessionSecret), {
+          secure: this._env.production && this._env.mode === 'ONLINE',
+        }),
+      );
+    } else {
+      this._sessions.delete(session.id);
+      this._sessions.set(session.id, session);
+    }
+    session.lastSeen = Date.now();
+    if (session.mode === 'ONLINE') await this._authenticate(session, cookies);
+    return { session, setCookies };
+  }
+
+  /** Drops sessions idle for more than a week. */
+  prune(now = Date.now()): void {
+    for (const session of [...this._sessions.values()]) {
+      if (now - session.lastSeen > IDLE_TTL_MS && !session.sockets) this._drop(session);
+    }
+  }
+
+  /** Sessions that opened a project. */
+  holders(projectId: string): Session[] {
+    return [...this._sessions.values()].filter((session) => session.projects.has(projectId));
+  }
+
+  dispose(): void {
+    this._onDidDrop.dispose();
+  }
+
+  private async _authenticate(session: Session, cookies: Record<string, string>): Promise<void> {
+    const accessToken = cookies[ACCESS_TOKEN_COOKIE];
+    const refreshToken = cookies[REFRESH_TOKEN_COOKIE];
+    if (!accessToken && !refreshToken) {
+      session.tokens = null;
+      this._setUser(session, null);
+      this._verifications.delete(session.id);
+      return;
+    }
+    const known = this._verifications.get(session.id);
+    if (known?.pending) return known.pending;
+    if (known && (accessToken === known.token || (accessToken && accessToken === known.replaced)))
+      return;
+    session.tokens = { accessToken: accessToken ?? '', refreshToken: refreshToken ?? '' };
+    const verification: Verification = { token: accessToken ?? '' };
+    verification.pending = this._options
+      .verify(session)
+      .catch(() => null)
+      .then((user) => {
+        this._setUser(session, user);
+        delete verification.pending;
+        if (!user || !session.tokens) {
+          this._verifications.delete(session.id);
+          return;
+        }
+        verification.token = session.tokens.accessToken;
+        if (accessToken && accessToken !== verification.token) verification.replaced = accessToken;
+      });
+    this._verifications.set(session.id, verification);
+    return verification.pending;
+  }
+
+  /**
+   * Who a session belongs to now. The projects it opened belong to its user: another user (or
+   * none, after a sign-out) gets none of them, even on the same browser.
+   */
+  private _setUser(session: Session, user: User | null): void {
+    if (user?.id !== session.user?.id) session.projects.clear();
+    session.user = user;
+  }
+
+  private _new(): Session {
+    const offline = this._env.mode === 'OFFLINE';
+    return {
+      id: randomUUID(),
+      mode: this._env.mode,
+      user: offline ? { id: 'local', name: localUserName() } : null,
+      tokens: null,
+      projects: new Set(),
+      lastSeen: Date.now(),
+      sockets: 0,
+    };
+  }
+
+  private _store(session: Session): void {
+    this._sessions.set(session.id, session);
+    const max = this._options.maxSessions ?? MAX_SESSIONS;
+    for (const oldest of this._sessions.values()) {
+      if (this._sessions.size <= max) break;
+      if (oldest !== session && !oldest.sockets) this._drop(oldest);
+    }
+  }
+
+  private _drop(session: Session): void {
+    this._sessions.delete(session.id);
+    this._verifications.delete(session.id);
+    this._onDidDrop.fire(session);
+  }
+}
+
+const localUserName = () => {
+  try {
+    return userInfo().username;
+  } catch {
+    return 'local';
+  }
+};
diff --git a/packages/server-core/src/settings/account-backends.ts b/packages/server-core/src/settings/account-backends.ts
new file mode 100644
index 00000000..e448db8b
--- /dev/null
+++ b/packages/server-core/src/settings/account-backends.ts
@@ -0,0 +1,183 @@
+import { randomBytes } from 'node:crypto';
+import { mkdir, readFile, rename, rm, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+
+import { Emitter, type Event } from '@nanoforge-dev/editor-kernel';
+import { type AccountSettingsDocument, SETTINGS_LIMITS } from '@nanoforge-dev/editor-protocol';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { ApiClient } from '../api/api-client';
+import type { EditorEnv } from '../env/editor-env.type';
+import type { Session } from '../session/session-store';
+import { shortHash } from '../util/hash';
+import { KeyedMutex } from '../util/keyed-mutex';
+
+type Values = AccountSettingsDocument['values'];
+
+/** Where account settings live: the NanoForge API (online) or the data dir (offline). */
+export interface AccountSettingsBackend {
+  /** Fires with the user id when a document was saved through this server. */
+  readonly onDidChange: Event<{ userId: string; revision: string }>;
+  get(session: Session): Promise<AccountSettingsDocument>;
+  put(session: Session, baseRevision: string | null, values: Values): Promise<{ revision: string }>;
+}
+
+const userOf = (session: Session) => {
+  if (!session.user) throw new RpcError('UNAUTHORIZED', 'Not signed in');
+  return session.user;
+};
+
+export const checkLimits = (values: Values): void => {
+  const keys = Object.keys(values).length;
+  const bytes = new TextEncoder().encode(JSON.stringify(values)).length;
+  if (keys > SETTINGS_LIMITS.maxKeys || bytes > SETTINGS_LIMITS.maxBytes) {
+    throw new RpcError('PAYLOAD_TOO_LARGE', `Settings too large (${keys} keys, ${bytes} bytes)`);
+  }
+};
+
+/** Writes a whole file or nothing: a crash mid-write leaves the previous content. */
+const writeAtomically = async (file: string, text: string): Promise<void> => {
+  await mkdir(dirname(file), { recursive: true });
+  const temp = `${file}.${randomBytes(4).toString('hex')}.tmp`;
+  try {
+    await writeFile(temp, text);
+    await rename(temp, file);
+  } catch (error) {
+    await rm(temp, { force: true });
+    throw error;
+  }
+};
+
+/**
+ * Reads a JSON settings file: missing means empty. A file that is not valid JSON (edited by
+ * hand) is set aside as `<name>.invalid-<time>.json` rather than overwritten by the next write.
+ */
+const readJson = async (file: string): Promise<unknown> => {
+  let text: string;
+  try {
+    text = await readFile(file, 'utf8');
+  } catch {
+    return undefined;
+  }
+  try {
+    return JSON.parse(text);
+  } catch {
+    await rename(file, file.replace(/\.json$/, `.invalid-${Date.now()}.json`)).catch(
+      () => undefined,
+    );
+    return undefined;
+  }
+};
+
+const conflict = (current: AccountSettingsDocument) =>
+  new RpcError('CONFLICT', 'Settings changed on another device', current);
+
+/** Offline editors: one revisioned JSON document per local user in the data dir. */
+export class FileAccountBackend implements AccountSettingsBackend {
+  private readonly _mutex = new KeyedMutex();
+  private readonly _onDidChange = new Emitter<{ userId: string; revision: string }>();
+
+  readonly onDidChange = this._onDidChange.event;
+
+  constructor(private readonly _env: EditorEnv) {}
+
+  get(session: Session): Promise<AccountSettingsDocument> {
+    return this._read(this._file(userOf(session).id));
+  }
+
+  async put(
+    session: Session,
+    baseRevision: string | null,
+    values: Values,
+  ): Promise<{ revision: string }> {
+    const user = userOf(session);
+    checkLimits(values);
+    const file = this._file(user.id);
+    return this._mutex.run(file, async () => {
+      const current = await this._read(file);
+      if (current.revision !== baseRevision) throw conflict(current);
+      const revision = String(Number(current.revision ?? '0') + 1);
+      await writeAtomically(file, `${JSON.stringify({ revision, values }, null, 2)}\n`);
+      this._onDidChange.fire({ userId: user.id, revision });
+      return { revision };
+    });
+  }
+
+  private _file(userId: string): string {
+    return join(this._env.dataDir, 'settings', 'accounts', `${shortHash(userId)}.json`);
+  }
+
+  private async _read(file: string): Promise<AccountSettingsDocument> {
+    const document = (await readJson(file)) as Partial<AccountSettingsDocument> | undefined;
+    return { revision: document?.revision ?? null, values: document?.values ?? {} };
+  }
+}
+
+/**
+ * Online editors: `GET/PUT /users/me/editor-settings` of the NanoForge API
+ * (contract: docs/api/settings-sync.md).
+ */
+export class ApiAccountBackend implements AccountSettingsBackend {
+  private readonly _onDidChange = new Emitter<{ userId: string; revision: string }>();
+
+  readonly onDidChange = this._onDidChange.event;
+
+  constructor(private readonly _api: ApiClient) {}
+
+  async get(session: Session): Promise<AccountSettingsDocument> {
+    try {
+      return await this._api.request<AccountSettingsDocument>(session, '/users/me/editor-settings');
+    } catch (error) {
+      if (RpcError.is(error, 'NOT_FOUND')) return { revision: null, values: {} };
+      throw error;
+    }
+  }
+
+  async put(
+    session: Session,
+    baseRevision: string | null,
+    values: Values,
+  ): Promise<{ revision: string }> {
+    const user = userOf(session);
+    checkLimits(values);
+    try {
+      const result = await this._api.request<{ revision: string }>(
+        session,
+        '/users/me/editor-settings',
+        {
+          method: 'PUT',
+          body: { baseRevision, values },
+        },
+      );
+      this._onDidChange.fire({ userId: user.id, revision: result.revision });
+      return result;
+    } catch (error) {
+      if (RpcError.is(error, 'CONFLICT')) throw conflict(await this.get(session));
+      throw error;
+    }
+  }
+}
+
+/** Hosted editors: per user and project settings, outside the shared project checkout. */
+export class ProjectLocalSettingsStore {
+  private readonly _mutex = new KeyedMutex();
+
+  constructor(private readonly _env: EditorEnv) {}
+
+  async get(session: Session, projectId: string): Promise<Values> {
+    return ((await readJson(this._file(session, projectId))) as Values | undefined) ?? {};
+  }
+
+  async put(session: Session, projectId: string, values: Values): Promise<void> {
+    checkLimits(values);
+    const file = this._file(session, projectId);
+    return this._mutex.run(file, () =>
+      writeAtomically(file, `${JSON.stringify(values, null, 2)}\n`),
+    );
+  }
+
+  private _file(session: Session, projectId: string): string {
+    const user = shortHash(userOf(session).id);
+    return join(this._env.dataDir, 'settings', 'project-local', user, `${projectId}.json`);
+  }
+}
diff --git a/packages/server-core/src/settings/index.ts b/packages/server-core/src/settings/index.ts
new file mode 100644
index 00000000..ee58aac0
--- /dev/null
+++ b/packages/server-core/src/settings/index.ts
@@ -0,0 +1 @@
+export * from './account-backends';
diff --git a/packages/server-core/src/testing.ts b/packages/server-core/src/testing.ts
new file mode 100644
index 00000000..c36a0a9b
--- /dev/null
+++ b/packages/server-core/src/testing.ts
@@ -0,0 +1,99 @@
+/**
+ * Test helpers: an RpcClient connected in memory to an editor server (no network, no Bun).
+ * Used by server-core tests and by client packages' integration tests.
+ */
+import { ProjectsContract } from '@nanoforge-dev/editor-protocol';
+import { RpcClient, type SocketLike } from '@nanoforge-dev/editor-rpc';
+
+import type { EditorServer, ServerSocket, SocketData } from './server/editor-server.type';
+
+/** A loopback name: the server only answers to those and `ALLOWED_HOSTS` (DNS rebinding). */
+export const TEST_ORIGIN = 'http://editor.localhost';
+
+class LoopbackSocket implements SocketLike {
+  readyState = 0;
+  onopen: SocketLike['onopen'] = null;
+  onclose: SocketLike['onclose'] = null;
+  onerror: SocketLike['onerror'] = null;
+  onmessage: SocketLike['onmessage'] = null;
+  private _server: ServerSocket | undefined;
+
+  constructor(
+    private readonly _editor: EditorServer,
+    url: string,
+    cookie: () => string,
+  ) {
+    const request = new Request(url.replace(/^ws/, 'http'), {
+      headers: { origin: TEST_ORIGIN, cookie: cookie() },
+    });
+    void _editor
+      .fetch(request, (_request, { data }) => {
+        this._server = this._serverSide(data);
+        return true;
+      })
+      .then(() => {
+        if (!this._server) {
+          this.readyState = 3;
+          this.onclose?.({});
+          return;
+        }
+        _editor.websocket.open(this._server);
+        this.readyState = 1;
+        this.onopen?.({});
+      });
+  }
+
+  send(data: string): void {
+    if (this._server) this._editor.websocket.message(this._server, data);
+  }
+
+  close(): void {
+    if (this.readyState === 3) return;
+    this.readyState = 3;
+    if (this._server) this._editor.websocket.close(this._server);
+    this.onclose?.({});
+  }
+
+  private _serverSide(data: SocketData): ServerSocket {
+    return {
+      data,
+      send: (message) => {
+        queueMicrotask(() => this.onmessage?.({ data: message }));
+        return message.length;
+      },
+      close: () => this.close(),
+    };
+  }
+}
+
+/** An RpcClient whose HTTP calls and WebSocket go straight to `editor` (cookies included). */
+export const createLoopbackClient = (editor: EditorServer): RpcClient => {
+  let cookie = '';
+  return new RpcClient({
+    baseUrl: TEST_ORIGIN,
+    reconnectDelays: [10],
+    fetch: async (url, init) => {
+      const request = new Request(String(url), {
+        ...init,
+        headers: { ...(init?.headers as Record<string, string>), origin: TEST_ORIGIN, cookie },
+      });
+      const response = (await editor.fetch(request))!;
+      const setCookie = response.headers.get('set-cookie');
+      if (setCookie) cookie = setCookie.split(';')[0]!;
+      return response;
+    },
+    createSocket: (url) => new LoopbackSocket(editor, url, () => cookie),
+  });
+};
+
+/**
+ * Opens a local project in a trusted folder (its code may run: builds, games, plugins), as a
+ * user who chose "Trust and open". Resolves with its id.
+ */
+export const openTrustedProject = async (client: RpcClient, path: string): Promise<string> => {
+  const projects = client.api(ProjectsContract);
+  const opened = await projects.open({ path });
+  if (opened.trusted) return opened.id;
+  await projects.trust({ id: opened.id });
+  return (await projects.open({ path })).id;
+};
diff --git a/packages/server-core/src/util/glob.ts b/packages/server-core/src/util/glob.ts
new file mode 100644
index 00000000..a7b36cf6
--- /dev/null
+++ b/packages/server-core/src/util/glob.ts
@@ -0,0 +1,81 @@
+import { readdir } from 'node:fs/promises';
+import { join } from 'node:path';
+
+const IGNORED = new Set(['node_modules', '.git', '.nanoforge', 'dist']);
+
+/**
+ * Whether `name` matches a segment pattern where `*` is any run of characters. Linear in time
+ * (the patterns come from the project's config: a regex of `a*a*a*b` backtracks).
+ */
+export const matchSegment = (pattern: string, name: string): boolean => {
+  let p = 0;
+  let n = 0;
+  let star = -1;
+  let resume = 0;
+  while (n < name.length) {
+    if (p < pattern.length && pattern[p] !== '*' && pattern[p] === name[n]) {
+      p++;
+      n++;
+    } else if (p < pattern.length && pattern[p] === '*') {
+      star = p++;
+      resume = n;
+    } else if (star >= 0) {
+      p = star + 1;
+      n = ++resume;
+    } else {
+      return false;
+    }
+  }
+  while (pattern[p] === '*') p++;
+  return p === pattern.length;
+};
+
+/**
+ * Expands workspace `packages` patterns (`apps/*`, `packages/**`, `libs/shared`) into
+ * directories relative to `root`. Only directories are matched.
+ */
+export const expandDirectoryGlobs = async (
+  root: string,
+  patterns: readonly string[],
+): Promise<string[]> => {
+  const results = new Set<string>();
+  const walk = async (relative: string, segments: string[]): Promise<void> => {
+    if (!segments.length) {
+      results.add(relative);
+      return;
+    }
+    const [segment, ...rest] = segments as [string, ...string[]];
+    if (segment === '**') {
+      await walk(relative, rest);
+      for (const child of await children(root, relative))
+        await walk(join(relative, child), segments);
+      return;
+    }
+    if (!segment.includes('*')) {
+      if ((await children(root, relative)).includes(segment))
+        await walk(join(relative, segment), rest);
+      return;
+    }
+    for (const child of await children(root, relative)) {
+      if (matchSegment(segment, child)) await walk(join(relative, child), rest);
+    }
+  };
+  for (const pattern of patterns) {
+    await walk(
+      '',
+      pattern.split('/').filter((segment) => segment && segment !== '.'),
+    );
+  }
+  return [...results].map((path) => path.split('\\').join('/')).sort();
+};
+
+const children = async (root: string, relative: string): Promise<string[]> => {
+  try {
+    const entries = await readdir(join(root, relative), { withFileTypes: true });
+    return entries
+      .filter((entry) => entry.isDirectory() && !IGNORED.has(entry.name))
+      .map((entry) => entry.name);
+  } catch {
+    return [];
+  }
+};
diff --git a/packages/server-core/src/util/hash.ts b/packages/server-core/src/util/hash.ts
new file mode 100644
index 00000000..9f8721ca
--- /dev/null
+++ b/packages/server-core/src/util/hash.ts
@@ -0,0 +1,7 @@
+import { createHash } from 'node:crypto';
+
+export const sha1 = (content: Uint8Array | string): string =>
+  createHash('sha1').update(content).digest('hex');
+
+export const shortHash = (value: string, length = 16): string =>
+  createHash('sha256').update(value).digest('hex').slice(0, length);
diff --git a/packages/server-core/src/util/keyed-mutex.ts b/packages/server-core/src/util/keyed-mutex.ts
new file mode 100644
index 00000000..9a9e1053
--- /dev/null
+++ b/packages/server-core/src/util/keyed-mutex.ts
@@ -0,0 +1,15 @@
+/** Serializes async work per key (git operations per project, writes per file…). */
+export class KeyedMutex {
+  private readonly _tails = new Map<string, Promise<unknown>>();
+
+  run<T>(key: string, task: () => Promise<T>): Promise<T> {
+    const previous = this._tails.get(key) ?? Promise.resolve();
+    const result = previous.then(task, task);
+    const tail = result.catch(() => undefined);
+    this._tails.set(key, tail);
+    void tail.then(() => {
+      if (this._tails.get(key) === tail) this._tails.delete(key);
+    });
+    return result;
+  }
+}
diff --git a/packages/server-core/test/contract/api-contract.ts b/packages/server-core/test/contract/api-contract.ts
new file mode 100644
index 00000000..a4815491
--- /dev/null
+++ b/packages/server-core/test/contract/api-contract.ts
@@ -0,0 +1,182 @@
+import { describe, expect, it } from 'vitest';
+
+/**
+ * What the editor needs from the NanoForge API (docs/api/README.md), as scenarios that only
+ * speak HTTP. They run against the in-memory mock in the editor's own tests, and against a real
+ * API when `CONTRACT_API_URL` is set (see `api.contract.test.ts`).
+ *
+ * On a real API they use one test account and leave it as they found it: the settings document
+ * is put back at the end.
+ */
+export interface ApiTarget {
+  readonly baseUrl: string;
+  readonly fetch: typeof fetch;
+  readonly apiKey: string;
+  /** A valid access token of the test account. */
+  readonly accessToken: string;
+  /** Tests token refresh when given. A real API rotates it: the old value stops working. */
+  readonly refreshToken?: string | undefined;
+  /** A project of the test account, to test the project endpoints. */
+  readonly projectId?: string | undefined;
+  /** Which features the API has (`API_FEATURES` of the editor): their scenarios run. */
+  readonly features: readonly string[];
+}
+
+interface Answer {
+  status: number;
+  body: unknown;
+}
+
+export const apiContract = (target: () => ApiTarget): void => {
+  const call = async (
+    method: string,
+    path: string,
+    options: { body?: unknown; token?: string | null; apiKey?: string | null } = {},
+  ): Promise<Answer> => {
+    const { baseUrl, fetch, apiKey, accessToken } = target();
+    const token = options.token === undefined ? accessToken : options.token;
+    const key = options.apiKey === undefined ? apiKey : options.apiKey;
+    const response = await fetch(new URL(path, baseUrl), {
+      method,
+      headers: {
+        'content-type': 'application/json',
+        ...(key && { 'api-key': key }),
+        ...(token && { authorization: `Bearer ${token}` }),
+      },
+      ...(options.body !== undefined && { body: JSON.stringify(options.body) }),
+    });
+    const text = await response.text();
+    let body: unknown;
+    try {
+      body = text ? JSON.parse(text) : undefined;
+    } catch {
+      body = text;
+    }
+    return { status: response.status, body };
+  };
+  const has = (feature: string) => target().features.includes(feature);
+
+  describe('authentication', () => {
+    it('refuses a bad access token with 401', async () => {
+      const answer = await call('GET', '/projects', { token: 'not-a-token' });
+      expect(answer.status).toBe(401);
+    });
+
+    it('refreshes a token pair, and refuses a bad refresh token with 401', async (context) => {
+      const { refreshToken } = target();
+      if (!refreshToken) return context.skip();
+      const bad = await call('POST', '/auth/refresh-token', {
+        token: null,
+        body: { refreshToken: 'not-a-token' },
+      });
+      expect(bad.status).toBe(401);
+      const answer = await call('POST', '/auth/refresh-token', {
+        token: null,
+        body: { refreshToken },
+      });
+      expect(answer.status).toBeLessThan(300);
+      expect(answer.body).toMatchObject({
+        accessToken: expect.any(String) as string,
+        refreshToken: expect.any(String) as string,
+        tokenExpiresAt: expect.any(String) as string,
+      });
+    });
+  });
+
+  describe('projects', () => {
+    const PROJECT = {
+      id: expect.any(String) as string,
+      code: expect.any(String) as string,
+      name: expect.any(String) as string,
+      gatewayProjectRegistryUrl: expect.any(String) as string,
+      gatewayProjectRegistryMetadata: expect.any(Object) as object,
+    };
+
+    it('lists the projects of the user', async () => {
+      const answer = await call('GET', '/projects');
+      expect(answer.status).toBe(200);
+      expect(Array.isArray(answer.body)).toBe(true);
+      for (const project of answer.body as unknown[]) expect(project).toMatchObject(PROJECT);
+    });
+
+    it('gives the editor a project with a token to clone it', async (context) => {
+      const { projectId } = target();
+      if (!projectId) return context.skip();
+      const answer = await call('GET', `/editor/projects/${encodeURIComponent(projectId)}`);
+      expect(answer.status).toBe(200);
+      expect(answer.body).toMatchObject({ ...PROJECT, id: projectId, token: expect.any(String) });
+      const unknown = await call('GET', '/editor/projects/00000000-0000-4000-8000-000000000000');
+      expect([403, 404]).toContain(unknown.status);
+    });
+  });
+
+  describe('settings sync', () => {
+    const PATH = '/users/me/editor-settings';
+    interface Document {
+      revision: string | null;
+      values: Record<string, unknown>;
+    }
+    /** The document, or the empty one a 404 stands for. */
+    const read = async (): Promise<Document> => {
+      const answer = await call('GET', PATH);
+      expect([200, 404]).toContain(answer.status);
+      if (answer.status === 404) return { revision: null, values: {} };
+      expect(answer.body).toMatchObject({
+        revision: expect.any(String) as string,
+        values: expect.any(Object) as object,
+      });
+      return answer.body as Document;
+    };
+
+    it('needs a signed-in user', async (context) => {
+      if (!has('settings')) return context.skip();
+      expect((await call('GET', PATH, { token: 'not-a-token' })).status).toBe(401);
+      expect(
+        (await call('PUT', PATH, { token: null, body: { baseRevision: null, values: {} } })).status,
+      ).toBe(401);
+    });
+
+    it('saves on the right revision, refuses a stale one with the current document', async (context) => {
+      if (!has('settings')) return context.skip();
+      const original = await read();
+      const values = { ...original.values, 'contract.test': Date.now() };
+      try {
+        const saved = await call('PUT', PATH, {
+          body: { baseRevision: original.revision, values },
+        });
+        expect(saved.status).toBe(200);
+        const { revision } = saved.body as { revision: string };
+        expect(typeof revision).toBe('string');
+        expect(revision).not.toBe(original.revision);
+        expect(await read()).toEqual({ revision, values });
+
+        const stale = await call('PUT', PATH, {
+          body: { baseRevision: original.revision, values: { 'contract.test': 'stale' } },
+        });
+        expect(stale.status).toBe(409);
+        expect(stale.body).toEqual({ revision, values });
+        expect(await read()).toEqual({ revision, values });
+      } finally {
+        const current = await read();
+        await call('PUT', PATH, {
+          body: { baseRevision: current.revision, values: original.values },
+        });
+      }
+    });
+
+    it('refuses a malformed body with 400 and an oversized one with 413', async (context) => {
+      if (!has('settings')) return context.skip();
+      const before = await read();
+      const malformed = await call('PUT', PATH, {
+        body: { baseRevision: before.revision, values: 'not an object' },
+      });
+      expect(malformed.status).toBe(400);
+      const tooMany = Object.fromEntries(Array.from({ length: 2001 }, (_, i) => [`k${i}`, i]));
+      const large = await call('PUT', PATH, {
+        body: { baseRevision: before.revision, values: tooMany },
+      });
+      expect(large.status).toBe(413);
+      expect(await read()).toEqual(before);
+    });
+  });
+};
diff --git a/packages/server-core/test/contract/api.contract.spec.ts b/packages/server-core/test/contract/api.contract.spec.ts
new file mode 100644
index 00000000..ec6a05fa
--- /dev/null
+++ b/packages/server-core/test/contract/api.contract.spec.ts
@@ -0,0 +1,42 @@
+import { describe } from 'vitest';
+
+import { PROJECT, createMockApi } from '../mocks/nanoforge-api';
+import { type ApiTarget, apiContract } from './api-contract';
+
+/**
+ * Runs the API contract. By default against the in-memory mock, so the mock and the contract
+ * cannot drift apart. Against a real API with:
+ *
+ *   CONTRACT_API_URL=https://api.staging.nanoforge.eu \
+ *   CONTRACT_API_KEY=… CONTRACT_ACCESS_TOKEN=… \
+ *   [CONTRACT_FEATURES=settings] [CONTRACT_PROJECT_ID=…] [CONTRACT_REFRESH_TOKEN=…] \
+ *   pnpm --filter @nanoforge-dev/editor-server-core test:contract
+ */
+const env = process.env;
+
+const real = (): ApiTarget => ({
+  baseUrl: env.CONTRACT_API_URL!,
+  fetch: globalThis.fetch,
+  apiKey: env.CONTRACT_API_KEY ?? '',
+  accessToken: env.CONTRACT_ACCESS_TOKEN ?? '',
+  refreshToken: env.CONTRACT_REFRESH_TOKEN,
+  projectId: env.CONTRACT_PROJECT_ID,
+  features: (env.CONTRACT_FEATURES ?? '').split(',').map((feature) => feature.trim()),
+});
+
+let mock: ApiTarget | undefined;
+const mocked = (): ApiTarget =>
+  (mock ??= {
+    baseUrl: 'https://api.test',
+    fetch: createMockApi().fetch,
+    apiKey: 'test-key',
+    accessToken: 'access-1',
+    refreshToken: 'refresh-1',
+    projectId: PROJECT.id,
+    features: ['settings'],
+  });
+
+describe(
+  env.CONTRACT_API_URL ? `NanoForge API at ${env.CONTRACT_API_URL}` : 'NanoForge API (mock)',
+  () => apiContract(env.CONTRACT_API_URL ? real : mocked),
+);
diff --git a/packages/server-core/test/env/load-env.spec.ts b/packages/server-core/test/env/load-env.spec.ts
new file mode 100644
index 00000000..c68bc9f7
--- /dev/null
+++ b/packages/server-core/test/env/load-env.spec.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+
+import { loadEnv } from '../../src/env/load-env';
+
+describe('loadEnv', () => {
+  it('listens on loopback by default in a local editor', () => {
+    expect(loadEnv({ NODE_ENV: 'test' }).host).toBe('127.0.0.1');
+    for (const host of ['localhost', '127.0.0.1', '127.1.2.3', '::1'])
+      expect(loadEnv({ NODE_ENV: 'test', HOST: host }).host).toBe(host);
+  });
+
+  it('refuses a local editor on another address unless told it is protected', () => {
+    expect(() => loadEnv({ NODE_ENV: 'test', HOST: '0.0.0.0' })).toThrow(
+      /HOST: a local \(OFFLINE\)/,
+    );
+    expect(() => loadEnv({ NODE_ENV: 'test', HOST: '192.168.1.20' })).toThrow(/HOST/);
+    expect(loadEnv({ NODE_ENV: 'test', HOST: '0.0.0.0', ALLOW_REMOTE_OFFLINE: '1' }).host).toBe(
+      '0.0.0.0',
+    );
+    expect(
+      loadEnv({ NODE_ENV: 'test', PUBLIC_MODE: 'ONLINE', API_KEY: 'k', HOST: '0.0.0.0' }).host,
+    ).toBe('0.0.0.0');
+  });
+});
diff --git a/packages/server-core/test/fixtures/plugins/@acme/echo/index.js b/packages/server-core/test/fixtures/plugins/@acme/echo/index.js
new file mode 100644
index 00000000..500af76d
--- /dev/null
+++ b/packages/server-core/test/fixtures/plugins/@acme/echo/index.js
@@ -0,0 +1 @@
+export const activate = () => {};
diff --git a/packages/server-core/test/fixtures/plugins/@acme/echo/nanoforge.manifest.json b/packages/server-core/test/fixtures/plugins/@acme/echo/nanoforge.manifest.json
new file mode 100644
index 00000000..f459bba6
--- /dev/null
+++ b/packages/server-core/test/fixtures/plugins/@acme/echo/nanoforge.manifest.json
@@ -0,0 +1,7 @@
+{
+  "type": "plugin",
+  "name": "@acme/echo",
+  "version": "1.0.0",
+  "engines": { "editor": "*" },
+  "entry": { "client": "index.js", "server": "server.js" }
+}
diff --git a/packages/server-core/test/fixtures/plugins/@acme/echo/server.js b/packages/server-core/test/fixtures/plugins/@acme/echo/server.js
new file mode 100644
index 00000000..ce63eaae
--- /dev/null
+++ b/packages/server-core/test/fixtures/plugins/@acme/echo/server.js
@@ -0,0 +1,15 @@
+import { z } from 'zod';
+
+import { defineContract } from '@nanoforge-dev/editor-rpc';
+
+export const EchoContract = defineContract('plugin.@acme/echo', {
+  methods: { echo: { input: z.object({ text: z.string() }), output: z.string() } },
+});
+
+export default {
+  activate(context) {
+    context.implement(EchoContract, {
+      methods: { echo: ({ text }, { session }) => `${text} from ${session.user.name}` },
+    });
+  },
+};
diff --git a/src/lib/server/project/package/package-resolver.ts b/packages/server-core/test/fixtures/pong-network/.gitignore
similarity index 100%
rename from src/lib/server/project/package/package-resolver.ts
rename to packages/server-core/test/fixtures/pong-network/.gitignore
diff --git a/packages/server-core/test/fixtures/pong-network/.prettierignore b/packages/server-core/test/fixtures/pong-network/.prettierignore
new file mode 100644
index 00000000..64b127c9
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/.prettierignore
@@ -0,0 +1,11 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/.prettierignore b/packages/server-core/test/fixtures/pong-network/apps/client/.prettierignore
new file mode 100644
index 00000000..64b127c9
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/.prettierignore
@@ -0,0 +1,11 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
diff --git a/src/routes/+page.server.ts b/packages/server-core/test/fixtures/pong-network/apps/client/assets/.gitkeep
similarity index 100%
rename from src/routes/+page.server.ts
rename to packages/server-core/test/fixtures/pong-network/apps/client/assets/.gitkeep
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/eslint.config.js b/packages/server-core/test/fixtures/pong-network/apps/client/eslint.config.js
new file mode 100644
index 00000000..62ec06dc
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/eslint.config.js
@@ -0,0 +1,3 @@
+import config from "@nanoforge-dev/utils-eslint-config";
+
+export default config;
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/nanoforge.config.ts b/packages/server-core/test/fixtures/pong-network/apps/client/nanoforge.config.ts
new file mode 100644
index 00000000..77607cbd
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/nanoforge.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "client",
+});
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/package.json b/packages/server-core/test/fixtures/pong-network/apps/client/package.json
new file mode 100644
index 00000000..02bf8685
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "pong-network-client",
+  "version": "0.0.0",
+  "description": "",
+  "author": "",
+  "type": "module",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty \"src/**/*.ts\"",
+    "format": "prettier --write . && eslint --fix --format=pretty \"src/**/*.ts\""
+  },
+  "devDependencies": {
+    "@nanoforge-dev/asset": "workspace:*",
+    "@nanoforge-dev/common": "workspace:*",
+    "@nanoforge-dev/core": "workspace:*",
+    "@nanoforge-dev/env": "workspace:*",
+    "@nanoforge-dev/ecs": "workspace:*",
+    "@nanoforge-dev/network": "workspace:*",
+    "@nanoforge-dev/graphics-2d": "workspace:*",
+    "@nanoforge-dev/input": "workspace:*",
+    "@nanoforge-dev/utils-eslint-config": "workspace:*",
+    "@nanoforge-dev/utils-prettier-config": "workspace:*",
+    "@trivago/prettier-plugin-sort-imports": "catalog:lint",
+    "eslint": "catalog:lint",
+    "lint-staged": "catalog:ci",
+    "prettier": "catalog:lint",
+    "typescript": "catalog:core"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "src/**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/prettier.config.js b/packages/server-core/test/fixtures/pong-network/apps/client/prettier.config.js
new file mode 100644
index 00000000..27d0e269
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/prettier.config.js
@@ -0,0 +1,3 @@
+import config from "@nanoforge-dev/utils-prettier-config";
+
+export default config;
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/src/components/components.ts b/packages/server-core/test/fixtures/pong-network/apps/client/src/components/components.ts
new file mode 100644
index 00000000..616891b0
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/src/components/components.ts
@@ -0,0 +1,66 @@
+import type { Circle, Rect } from "@nanoforge-dev/graphics-2d";
+import type { InputEnum } from "@nanoforge-dev/input";
+
+import { layer } from "../main";
+
+export class NetworkId {
+  name = "NetworkId";
+  constructor(public id: number) {}
+}
+
+export class Velocity {
+  name = "Velocity";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+export class Position {
+  name = "Position";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+export class CircleComponent {
+  name = "CircleComponent";
+  component: Circle;
+
+  constructor(component: Circle) {
+    this.component = component;
+    layer.add(this.component);
+  }
+}
+
+export class RectangleComponent {
+  name = "RectangleComponent";
+  component: Rect;
+
+  constructor(component: Rect) {
+    this.component = component;
+    layer.add(this.component);
+  }
+}
+
+export class Controller {
+  name = "Controller";
+  up: InputEnum;
+  down: InputEnum;
+  lastPressedUp: boolean;
+  lastPressedDown: boolean;
+
+  constructor(up: InputEnum, down: InputEnum) {
+    this.up = up;
+    this.down = down;
+    this.lastPressedUp = false;
+    this.lastPressedDown = false;
+  }
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/src/main.ts b/packages/server-core/test/fixtures/pong-network/apps/client/src/main.ts
new file mode 100644
index 00000000..86ba70df
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/src/main.ts
@@ -0,0 +1,109 @@
+import type { ClientRunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/client";
+import { Circle, Graphics2DLibrary, Layer, Rect } from "@nanoforge-dev/graphics-2d";
+import { InputEnum, InputLibrary } from "@nanoforge-dev/input";
+import { NetworkClientLibrary } from "@nanoforge-dev/network/client";
+
+import {
+  CircleComponent,
+  Controller,
+  Position,
+  RectangleComponent,
+  Velocity,
+} from "./components/components";
+import { controlPlayer, draw, move, packetHandler } from "./systems/systems";
+
+export const layer = new Layer();
+
+export const main = async (options: ClientRunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createClient({
+    tickRate: 60,
+    viewport: { width: 1920, height: 1080, fit: "contain" },
+  });
+  const graphics = new Graphics2DLibrary();
+  const ecs = new EcsLibrary();
+  const network = new NetworkClientLibrary();
+  const input = new InputLibrary();
+
+  app.use(graphics);
+  app.use(ecs);
+  app.use(network);
+  app.use(input);
+
+  await app.init(options);
+
+  const registry = ecs.registry;
+
+  graphics.stage.add(layer);
+
+  const terrain = registry.spawnEntity();
+  registry.addComponent(terrain, new Position(0, 0));
+  registry.addComponent(
+    terrain,
+    new RectangleComponent(new Rect({ fill: "rgb(58,99,39)", width: 1920, height: 1080 })),
+  );
+  const terrainLine = registry.spawnEntity();
+  registry.addComponent(terrainLine, new Position(955, 0));
+  registry.addComponent(
+    terrainLine,
+    new RectangleComponent(new Rect({ fill: "rgb(148,204,117)", width: 10, height: 1080 })),
+  );
+
+  const ball = registry.spawnEntity();
+  registry.addComponent(ball, new Velocity(0, 0));
+  registry.addComponent(ball, new Position(0, 0));
+  registry.addComponent(
+    ball,
+    new CircleComponent(
+      new Circle({
+        radius: 30,
+        fill: "red",
+      }),
+    ),
+  );
+
+  const me = registry.spawnEntity();
+  registry.addComponent(me, new Controller(InputEnum.ArrowUp, InputEnum.ArrowDown));
+
+  const paddle1 = registry.spawnEntity();
+  registry.addComponent(paddle1, new Position(0, 0));
+  registry.addComponent(paddle1, new Velocity(0, 0));
+  registry.addComponent(
+    paddle1,
+    new RectangleComponent(new Rect({ fill: "blue", width: 30, height: 300 })),
+  );
+
+  const paddle2 = registry.spawnEntity();
+  registry.addComponent(paddle2, new Position(0, 0));
+  registry.addComponent(paddle2, new Velocity(0, 0));
+  registry.addComponent(
+    paddle2,
+    new RectangleComponent(new Rect({ fill: "blue", width: 30, height: 300 })),
+  );
+
+  registry.addSystem(packetHandler);
+  registry.addSystem(move);
+  registry.addSystem(controlPlayer);
+  registry.addSystem(draw);
+
+  async function waitForConnection(): Promise<void> {
+    if (network.tcp?.isConnected()) return;
+
+    return new Promise((resolve) => {
+      const check = () => {
+        if (network.tcp?.isConnected()) {
+          resolve();
+        } else {
+          setTimeout(check, 50);
+        }
+      };
+      check();
+    });
+  }
+
+  await waitForConnection();
+  network.tcp?.sendData(new TextEncoder().encode(JSON.stringify({ type: "play" })));
+
+  await app.run();
+};
diff --git a/src/routes/+page.ts b/packages/server-core/test/fixtures/pong-network/apps/client/src/scenes/.gitkeep
similarity index 100%
rename from src/routes/+page.ts
rename to packages/server-core/test/fixtures/pong-network/apps/client/src/scenes/.gitkeep
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/src/systems/systems.ts b/packages/server-core/test/fixtures/pong-network/apps/client/src/systems/systems.ts
new file mode 100644
index 00000000..d3b41fad
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/src/systems/systems.ts
@@ -0,0 +1,91 @@
+import { type Context } from "@nanoforge-dev/common";
+import { type Registry } from "@nanoforge-dev/ecs/client";
+
+import {
+  CircleComponent,
+  Controller,
+  NetworkId,
+  Position,
+  RectangleComponent,
+  Velocity,
+} from "../components/components";
+
+export function move(registry: Registry, ctx: Context) {
+  const entities = registry.getZipper([Position, Velocity]);
+
+  entities.forEach(({ Position, Velocity }) => {
+    Position.x += Velocity.x * ctx.app.delta;
+    Position.y += Velocity.y * ctx.app.delta;
+  });
+}
+
+export const controlPlayer = (registry: Registry, ctx: Context) => {
+  const entities = registry.getZipper([Controller]);
+  const input = ctx.input;
+  const network = ctx.network;
+
+  entities.forEach(({ Controller }) => {
+    const upPressed = input.isKeyPressed(Controller.up);
+    const downPressed = input.isKeyPressed(Controller.down);
+    if (upPressed == downPressed) {
+      if (Controller.lastPressedUp || Controller.lastPressedDown) {
+        network.tcp.sendData(
+          new TextEncoder().encode(JSON.stringify({ type: "input", key: "stop" })),
+        );
+        Controller.lastPressedDown = false;
+        Controller.lastPressedUp = false;
+      }
+    } else if (upPressed && !Controller.lastPressedUp) {
+      network.tcp.sendData(new TextEncoder().encode(JSON.stringify({ type: "input", key: "up" })));
+      Controller.lastPressedUp = true;
+    } else if (downPressed && !Controller.lastPressedDown) {
+      network.tcp?.sendData(
+        new TextEncoder().encode(JSON.stringify({ type: "input", key: "down" })),
+      );
+      Controller.lastPressedDown = true;
+    }
+  });
+};
+
+export function draw(registry: Registry) {
+  const circles = registry.getZipper([CircleComponent, Position]);
+  const rectangles = registry.getZipper([RectangleComponent, Position]);
+
+  circles.forEach(({ CircleComponent, Position }) => {
+    CircleComponent.component.setPosition(Position);
+  });
+  rectangles.forEach(({ RectangleComponent, Position }) => {
+    RectangleComponent.component.setPosition(Position);
+  });
+}
+
+export function packetHandler(registry: Registry, ctx: Context) {
+  const network = ctx.network;
+  const jsonPackets = network.tcp.getReceivedPackets().map((packet) => {
+    return JSON.parse(new TextDecoder().decode(packet));
+  });
+
+  if (!jsonPackets || jsonPackets.length === 0) return;
+  jsonPackets.forEach((packet) => {
+    const type = packet.type;
+    if (type === "move") {
+      const zipper = registry.getZipper([NetworkId, Position, Velocity]);
+      const it = zipper.find((entity) => {
+        return entity.NetworkId.id === packet.id;
+      });
+      if (!it) return;
+      it.Position.x = packet.position.x;
+      it.Position.y = packet.position.y;
+      it.Velocity.x = packet.velocity.x;
+      it.Velocity.y = packet.velocity.y;
+    } else if (type === "assignId") {
+      if (packet.assigned === "ball") {
+        registry.addComponent(registry.entityFromIndex(2), new NetworkId(packet.id));
+      } else if (packet.assigned === "paddle1") {
+        registry.addComponent(registry.entityFromIndex(4), new NetworkId(packet.id));
+      } else if (packet.assigned === "paddle2") {
+        registry.addComponent(registry.entityFromIndex(5), new NetworkId(packet.id));
+      }
+    }
+  });
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/client/tsconfig.json b/packages/server-core/test/fixtures/pong-network/apps/client/tsconfig.json
new file mode 100644
index 00000000..f90a806b
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/client/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", ".nanoforge"]
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/.prettierignore b/packages/server-core/test/fixtures/pong-network/apps/server/.prettierignore
new file mode 100644
index 00000000..64b127c9
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/.prettierignore
@@ -0,0 +1,11 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/assets/.gitkeep b/packages/server-core/test/fixtures/pong-network/apps/server/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/eslint.config.js b/packages/server-core/test/fixtures/pong-network/apps/server/eslint.config.js
new file mode 100644
index 00000000..62ec06dc
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/eslint.config.js
@@ -0,0 +1,3 @@
+import config from "@nanoforge-dev/utils-eslint-config";
+
+export default config;
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/nanoforge.config.ts b/packages/server-core/test/fixtures/pong-network/apps/server/nanoforge.config.ts
new file mode 100644
index 00000000..43a3fef2
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/nanoforge.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "server",
+});
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/package.json b/packages/server-core/test/fixtures/pong-network/apps/server/package.json
new file mode 100644
index 00000000..039508dd
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "pong-network-server",
+  "version": "0.0.0",
+  "description": "",
+  "author": "",
+  "type": "module",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty \"src/**/*.ts\"",
+    "format": "prettier --write . && eslint --fix --format=pretty \"src/**/*.ts\""
+  },
+  "devDependencies": {
+    "@nanoforge-dev/asset": "workspace:*",
+    "@nanoforge-dev/common": "workspace:*",
+    "@nanoforge-dev/core": "workspace:*",
+    "@nanoforge-dev/env": "workspace:*",
+    "@nanoforge-dev/ecs": "workspace:*",
+    "@nanoforge-dev/network": "workspace:*",
+    "@nanoforge-dev/utils-eslint-config": "workspace:*",
+    "@nanoforge-dev/utils-prettier-config": "workspace:*",
+    "@trivago/prettier-plugin-sort-imports": "catalog:lint",
+    "eslint": "catalog:lint",
+    "lint-staged": "catalog:ci",
+    "prettier": "catalog:lint",
+    "typescript": "catalog:core"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "src/**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/prettier.config.js b/packages/server-core/test/fixtures/pong-network/apps/server/prettier.config.js
new file mode 100644
index 00000000..27d0e269
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/prettier.config.js
@@ -0,0 +1,3 @@
+import config from "@nanoforge-dev/utils-prettier-config";
+
+export default config;
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/src/components/components.ts b/packages/server-core/test/fixtures/pong-network/apps/server/src/components/components.ts
new file mode 100644
index 00000000..9bb8846e
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/src/components/components.ts
@@ -0,0 +1,41 @@
+export class Velocity {
+  name = "Velocity";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+export class Position {
+  name = "Position";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+export class Circle {
+  name = "Circle";
+  radius: number;
+
+  constructor(radius: number) {
+    this.radius = radius;
+  }
+}
+
+export class Rectangle {
+  name = "Rectangle";
+  width: number;
+  height: number;
+
+  constructor(width: number, height: number) {
+    this.width = width;
+    this.height = height;
+  }
+}
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/src/main.ts b/packages/server-core/test/fixtures/pong-network/apps/server/src/main.ts
new file mode 100644
index 00000000..f90b95a0
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/src/main.ts
@@ -0,0 +1,38 @@
+import type { RunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/server";
+import { NetworkServerLibrary } from "@nanoforge-dev/network/server";
+
+import { Position, Velocity } from "./components/components";
+import { bounce, move, packetHandler } from "./systems/systems";
+
+export const main = async (options: RunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createServer({ tickRate: 60 });
+  const ecs = new EcsLibrary();
+  const network = new NetworkServerLibrary();
+
+  app.use(ecs);
+  app.use(network);
+
+  await app.init(options);
+
+  const registry = ecs.registry;
+
+  const ball = registry.spawnEntity();
+  registry.addComponent(ball, new Position(960, 540));
+  registry.addComponent(ball, new Velocity(0, 0));
+
+  const paddle1 = registry.spawnEntity();
+  registry.addComponent(paddle1, new Position(20, 390));
+  registry.addComponent(paddle1, new Velocity(0, 0));
+
+  const paddle2 = registry.spawnEntity();
+  registry.addComponent(paddle2, new Position(1850, 390));
+  registry.addComponent(paddle2, new Velocity(0, 0));
+
+  registry.addSystem(packetHandler);
+  registry.addSystem(bounce);
+  registry.addSystem(move);
+
+  await app.run();
+};
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/src/scenes/.gitkeep b/packages/server-core/test/fixtures/pong-network/apps/server/src/scenes/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/src/systems/systems.ts b/packages/server-core/test/fixtures/pong-network/apps/server/src/systems/systems.ts
new file mode 100644
index 00000000..c119dca8
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/src/systems/systems.ts
@@ -0,0 +1,186 @@
+import { type Context } from "@nanoforge-dev/common";
+import { type Registry } from "@nanoforge-dev/ecs/server";
+import { type NetworkServerContextApi } from "@nanoforge-dev/network/server";
+
+import { Position, Velocity } from "../components/components";
+
+let cli1 = -1;
+let cli2 = -1;
+const paddleSpeed = 1;
+
+let roundStart = 0;
+
+export function move(registry: Registry, ctx: Context) {
+  const entities = registry.getZipper([Position, Velocity]);
+
+  entities.forEach(({ Position, Velocity }) => {
+    Position.x += Velocity.x * ctx.app.delta;
+    Position.y += Velocity.y * ctx.app.delta;
+  });
+}
+
+function sendMoveAll(id: number, vel: Velocity, pos: Position, network: NetworkServerContextApi) {
+  network.tcp.sendToEverybody(
+    new TextEncoder().encode(
+      JSON.stringify({
+        type: "move",
+        id: id,
+        position: { x: pos.x, y: pos.y },
+        velocity: { x: vel.x, y: vel.y },
+      }),
+    ),
+  );
+}
+
+function connectNewClient(newCli: number, network: NetworkServerContextApi, zip: any) {
+  network.tcp.sendToClient(
+    newCli,
+    new TextEncoder().encode(JSON.stringify({ type: "assignId", assigned: "ball", id: 0 })),
+  );
+  network.tcp.sendToClient(
+    newCli,
+    new TextEncoder().encode(JSON.stringify({ type: "assignId", assigned: "paddle1", id: 1 })),
+  );
+  network.tcp.sendToClient(
+    newCli,
+    new TextEncoder().encode(JSON.stringify({ type: "assignId", assigned: "paddle2", id: 2 })),
+  );
+  sendMoveAll(0, zip[0].Velocity, zip[0].Position, network);
+  sendMoveAll(1, zip[1].Velocity, zip[1].Position, network);
+  sendMoveAll(2, zip[2].Velocity, zip[2].Position, network);
+}
+
+function handleClientInput(
+  clientId: number,
+  key: string,
+  network: NetworkServerContextApi,
+  zip: any,
+) {
+  let id;
+
+  if (clientId === cli1) {
+    id = 1;
+  } else if (clientId === cli2) {
+    id = 2;
+  } else {
+    return;
+  }
+  const paddle = zip[id];
+
+  if (key === "up") {
+    paddle.Velocity.y = -paddleSpeed;
+    if (paddle.Position.y < 0) {
+      paddle.Position.y = 0;
+      paddle.Velocity.y = 0;
+    }
+  }
+  if (key === "down") {
+    paddle.Velocity.y = paddleSpeed;
+    if (paddle.Position.y > 780) {
+      paddle.Position.y = 780;
+      paddle.Velocity.y = 0;
+    }
+  }
+  if (key === "stop") {
+    paddle.Velocity.y = 0;
+  }
+  sendMoveAll(id, paddle.Velocity, paddle.Position, network);
+}
+
+export function packetHandler(registry: Registry, ctx: Context) {
+  const zip = registry.getZipper([Position, Velocity]);
+  const network = ctx.network;
+
+  if (network.tcp.getConnectedClients().indexOf(cli1) == -1) cli1 = -1;
+  if (network.tcp.getConnectedClients().indexOf(cli2) == -1) cli2 = -1;
+  const clientPackets: Map<number, Uint8Array[]> = network.tcp.getReceivedPackets();
+  clientPackets.forEach((packets, client) => {
+    packets.forEach((packet) => {
+      const data = JSON.parse(new TextDecoder().decode(packet));
+      if (data.type == "play") {
+        let newCli = -1;
+        if (client == cli1 || client == cli2) return;
+        if (cli1 == -1) {
+          cli1 = client;
+          newCli = client;
+        } else if (cli2 == -1) {
+          cli2 = client;
+          newCli = client;
+        }
+        connectNewClient(newCli, network, zip);
+      } else if (data.type == "input") {
+        handleClientInput(client, data.key, network, zip);
+      }
+    });
+  });
+}
+
+function checkOutOfTerrain(id: number, paddle: any, network: NetworkServerContextApi) {
+  if (paddle.Position.y < 0) {
+    paddle.Position.y = 0;
+    paddle.Velocity.y = 0;
+    sendMoveAll(id, paddle.Velocity, paddle.Position, network);
+  }
+  if (paddle.Position.y > 780) {
+    paddle.Position.y = 780;
+    paddle.Velocity.y = 0;
+    sendMoveAll(id, paddle.Velocity, paddle.Position, network);
+  }
+}
+
+export const bounce = (registry: Registry, ctx: Context) => {
+  const network = ctx.network;
+  const zip = registry.getZipper([Position, Velocity]);
+  checkOutOfTerrain(1, zip[1], network);
+  checkOutOfTerrain(2, zip[2], network);
+  if (roundStart < 3000 && roundStart != -1) {
+    roundStart += ctx.app.delta;
+    return;
+  }
+  if (roundStart >= 3000) {
+    roundStart = -1;
+    zip[0].Velocity.x = 1;
+    sendMoveAll(0, zip[0].Velocity, zip[0].Position, network);
+    return;
+  }
+  let bounced = false;
+  if (zip[0].Position.y <= 0 || zip[0].Position.y >= 1080) {
+    zip[0].Velocity.y *= -1;
+    bounced = true;
+  }
+  if (
+    (zip[0].Position.x <= 65 &&
+      zip[1].Position.y - 15 <= zip[0].Position.y &&
+      zip[0].Position.y - 15 <= zip[1].Position.y + 300) ||
+    (zip[0].Position.x >= 1835 &&
+      zip[2].Position.y - 15 <= zip[0].Position.y &&
+      zip[0].Position.y - 15 <= zip[2].Position.y + 300)
+  ) {
+    let paddleTouched = 1;
+    if (zip[0].Position.x >= 1835) {
+      paddleTouched = 2;
+    }
+    const prevSpeed = Math.sqrt(zip[0].Velocity.x ** 2 + zip[0].Velocity.y ** 2);
+    const newSpeed = prevSpeed * 1.1;
+    const posOnPaddle =
+      (zip[0].Position.y -
+        (zip[0].Position.x < 960 ? zip[paddleTouched].Position.y : zip[paddleTouched].Position.y) +
+        15) /
+      330;
+    const baseAngle = posOnPaddle * ((6 * Math.PI) / 8) + Math.PI / 8 - Math.PI / 2;
+    const outAngle = zip[0].Position.x < 960 ? baseAngle : -baseAngle + Math.PI;
+    zip[0].Velocity.x = Math.cos(outAngle) * newSpeed;
+    zip[0].Velocity.y = Math.sin(outAngle) * newSpeed;
+    bounced = true;
+  } else if (zip[0].Position.x <= 15 || zip[0].Position.x >= 1905) {
+    zip[0].Position.x = 960;
+    zip[0].Position.y = 540;
+    zip[0].Velocity.x = 0;
+    zip[0].Velocity.y = 0;
+    roundStart = 0;
+    bounced = true;
+  }
+  if (bounced) {
+    sendMoveAll(0, zip[0].Velocity, zip[0].Position, network);
+  }
+};
diff --git a/packages/server-core/test/fixtures/pong-network/apps/server/tsconfig.json b/packages/server-core/test/fixtures/pong-network/apps/server/tsconfig.json
new file mode 100644
index 00000000..f90a806b
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/apps/server/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", ".nanoforge"]
+}
diff --git a/packages/server-core/test/fixtures/pong-network/nanoforge.config.ts b/packages/server-core/test/fixtures/pong-network/nanoforge.config.ts
new file mode 100644
index 00000000..99f24783
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/nanoforge.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "workspace",
+  packages: ["apps/*"],
+});
diff --git a/packages/server-core/test/fixtures/pong-network/package.json b/packages/server-core/test/fixtures/pong-network/package.json
new file mode 100644
index 00000000..28742f02
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "pong-network",
+  "version": "0.0.0",
+  "description": "",
+  "author": "",
+  "type": "module",
+  "scripts": {
+    "start": "nf start",
+    "lint": "prettier --check .",
+    "format": "prettier --write .",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/asset": "workspace:*",
+    "@nanoforge-dev/cli": "^2.3.0",
+    "@nanoforge-dev/common": "workspace:*",
+    "@nanoforge-dev/config": "catalog:config",
+    "@nanoforge-dev/core": "workspace:*",
+    "@nanoforge-dev/env": "workspace:*",
+    "@trivago/prettier-plugin-sort-imports": "catalog:lint",
+    "lint-staged": "catalog:ci",
+    "prettier": "catalog:lint",
+    "typescript": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ]
+  }
+}
diff --git a/packages/server-core/test/fixtures/pong-network/prettier.config.js b/packages/server-core/test/fixtures/pong-network/prettier.config.js
new file mode 100644
index 00000000..27d0e269
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/prettier.config.js
@@ -0,0 +1,3 @@
+import config from "@nanoforge-dev/utils-prettier-config";
+
+export default config;
diff --git a/packages/server-core/test/fixtures/pong-network/tsconfig.json b/packages/server-core/test/fixtures/pong-network/tsconfig.json
new file mode 100644
index 00000000..b1528990
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "include": ["test/**/*.ts"],
+  "exclude": ["node_modules", "**/dist", "**/.nanoforge"]
+}
diff --git a/packages/server-core/test/fixtures/pong-network/tsconfig.spec.json b/packages/server-core/test/fixtures/pong-network/tsconfig.spec.json
new file mode 100644
index 00000000..8270caba
--- /dev/null
+++ b/packages/server-core/test/fixtures/pong-network/tsconfig.spec.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "skipLibCheck": true
+  },
+  "include": ["test/**/*.spec.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/server-core/test/fixtures/runtime/bridge-game.js b/packages/server-core/test/fixtures/runtime/bridge-game.js
new file mode 100644
index 00000000..7bee4e7e
--- /dev/null
+++ b/packages/server-core/test/fixtures/runtime/bridge-game.js
@@ -0,0 +1,40 @@
+// A game speaking the editor bridge protocol like the engine's `EditorLibrary` does (runtime
+// tests): it says hello in its first tick, after `main` returned.
+export const main = async ({ files, env, editor }) => {
+  console.log('port=' + env.PORT + ' files=' + [...files.keys()].join(','));
+  if (env.CRASH) setTimeout(() => process.exit(3), 20);
+  if (env.EXIT_BEFORE_HELLO) {
+    setTimeout(() => process.exit(4));
+    return;
+  }
+  let paused = false;
+  let stopped = false;
+  let reported;
+  let greeted = false;
+  editor.fromEditor.on('pause', () => (paused = true));
+  editor.fromEditor.on('resume', () => (paused = false));
+  editor.fromEditor.on('stop', () => (stopped = true));
+  editor.fromEditor.on('ping', (value) => editor.toEditor.emit('pong', value));
+  editor.fromEditor.on('step', () => editor.toEditor.emit('stepped'));
+  editor.fromEditor.on('welcome', ({ features }) => {
+    if (features.frameStats) {
+      editor.toEditor.emit('frame-stats', {
+        windowMs: 1000,
+        ticks: 60,
+        tps: 60,
+        tick: { avg: 1, max: 2 },
+        libraries: {},
+      });
+    }
+    if (features.logs) editor.toEditor.emit('log', { level: 'warn', message: 'from the game' });
+  });
+  const tick = () => {
+    if (!greeted) editor.toEditor.emit('hello', { protocolVersion: 1 });
+    greeted = true;
+    editor.fromEditor.runEvents();
+    const state = stopped ? 'stopped' : paused ? 'paused' : 'running';
+    if (state !== reported) editor.toEditor.emit('state', (reported = state));
+    if (!stopped) setTimeout(tick, 5);
+  };
+  setTimeout(tick);
+};
diff --git a/packages/server-core/test/fixtures/runtime/legacy-game.js b/packages/server-core/test/fixtures/runtime/legacy-game.js
new file mode 100644
index 00000000..14b73659
--- /dev/null
+++ b/packages/server-core/test/fixtures/runtime/legacy-game.js
@@ -0,0 +1,6 @@
+// A game built against an engine without the editor bridge: it never says hello or reports
+// its state, and ignores editor commands (runtime tests).
+export const main = async ({ env }) => {
+  console.log('legacy port=' + env.PORT);
+  setInterval(() => undefined, 1000).unref?.();
+};
diff --git a/packages/server-core/test/fixtures/runtime/nf.cjs b/packages/server-core/test/fixtures/runtime/nf.cjs
new file mode 100644
index 00000000..115dd547
--- /dev/null
+++ b/packages/server-core/test/fixtures/runtime/nf.cjs
@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+const { cpSync, mkdirSync, readFileSync, rmSync, writeFileSync } = require('node:fs');
+const { join, resolve } = require('node:path');
+const args = process.argv.slice(2);
+const dir = resolve(args[args.indexOf('--directory') + 1]);
+const source = readFileSync(join(dir, 'game.js'), 'utf8');
+if (source.includes('SYNTAX ERROR')) {
+  console.log('- Building');
+  console.error('error: Unexpected ;');
+  console.error('    at ' + join(dir, 'game.js') + ':3:11');
+  console.error('Build failed!');
+  process.exit(1);
+}
+rmSync(join(dir, 'dist'), { recursive: true, force: true });
+mkdirSync(join(dir, 'dist'), { recursive: true });
+writeFileSync(join(dir, 'dist', 'main.js'), source);
+writeFileSync(join(dir, 'dist', 'data.txt'), 'data');
+console.log('Build succeeded!');
diff --git a/packages/server-core/test/fs/fs-service.spec.ts b/packages/server-core/test/fs/fs-service.spec.ts
new file mode 100644
index 00000000..7447c700
--- /dev/null
+++ b/packages/server-core/test/fs/fs-service.spec.ts
@@ -0,0 +1,217 @@
+import {
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  readdirSync,
+  rmSync,
+  symlinkSync,
+  writeFileSync,
+} from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterEach, describe, expect, it } from 'vitest';
+
+import type { FileChange } from '@nanoforge-dev/editor-protocol';
+
+import { ProjectFileSystem } from '../../src/fs/fs-service';
+import { ProjectWatcher } from '../../src/fs/watcher';
+import { sha1 } from '../../src/util/hash';
+
+const roots: string[] = [];
+const project = () => {
+  const root = mkdtempSync(join(tmpdir(), 'nf-fs-'));
+  roots.push(root);
+  mkdirSync(join(root, 'src'));
+  writeFileSync(join(root, 'src/main.ts'), 'export {};\n');
+  return { root, fs: new ProjectFileSystem(root) };
+};
+afterEach(() => {
+  for (const root of roots.splice(0)) rmSync(root, { recursive: true, force: true });
+});
+
+describe('ProjectFileSystem', () => {
+  it('reads, stats and lists', async () => {
+    const { fs } = project();
+    const file = await fs.read('src/main.ts');
+    expect(new TextDecoder().decode(file.content)).toBe('export {};\n');
+    expect(file.hash).toBe(sha1('export {};\n'));
+    expect(await fs.stat('missing')).toBeNull();
+    expect((await fs.list('', true)).map((e) => [e.path, e.kind])).toEqual([
+      ['src', 'directory'],
+      ['src/main.ts', 'file'],
+    ]);
+  });
+
+  it('never reaches a .git folder', async () => {
+    const { root, fs } = project();
+    mkdirSync(join(root, '.git/hooks'), { recursive: true });
+    writeFileSync(join(root, '.git/config'), '[core]\n');
+    expect((await fs.list('')).map((entry) => entry.path)).toEqual(['src']);
+    await expect(fs.read('.git/config')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.write('.git/hooks/post-checkout', 'x')).rejects.toMatchObject({
+      code: 'FORBIDDEN',
+    });
+    await expect(fs.write('libs/x/.GIT/config', 'x')).rejects.toMatchObject({
+      code: 'FORBIDDEN',
+    });
+    await expect(fs.rename('src', '.git/src')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.copy('.git', 'leak')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    expect(existsSync(join(root, '.git/hooks/post-checkout'))).toBe(false);
+  });
+
+  it('never reaches a .git folder through a link inside the project', async () => {
+    const { root, fs } = project();
+    mkdirSync(join(root, '.git/hooks'), { recursive: true });
+    writeFileSync(join(root, '.git/config'), '[core]\n');
+    symlinkSync('.git', join(root, 'x'));
+    symlinkSync('../.git/hooks', join(root, 'src/hooks'));
+    await expect(fs.read('x/config')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.stat('x/config')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.write('x/config', '[core]\n\tfsmonitor = touch pwned\n')).rejects.toMatchObject(
+      { code: 'FORBIDDEN' },
+    );
+    await expect(fs.write('src/hooks/post-merge', 'x')).rejects.toMatchObject({
+      code: 'FORBIDDEN',
+    });
+    await expect(fs.copy('src/main.ts', 'x/main.ts')).rejects.toMatchObject({
+      code: 'FORBIDDEN',
+    });
+    expect(readFileSync(join(root, '.git/config'), 'utf8')).toBe('[core]\n');
+    expect(existsSync(join(root, '.git/hooks/post-merge'))).toBe(false);
+  });
+
+  it('writes atomically with optimistic concurrency', async () => {
+    const { root, fs } = project();
+    const { hash } = await fs.read('src/main.ts');
+    const written = await fs.write('src/main.ts', 'export const a = 1;\n', { expectedHash: hash });
+    expect(readFileSync(join(root, 'src/main.ts'), 'utf8')).toBe('export const a = 1;\n');
+    await expect(fs.write('src/main.ts', 'x', { expectedHash: hash })).rejects.toMatchObject({
+      code: 'CONFLICT',
+      data: { hash: written.hash },
+    });
+    await expect(fs.write('src/new.ts', 'x', { expectedHash: 'abc' })).rejects.toMatchObject({
+      code: 'CONFLICT',
+    });
+    await fs.write('deep/new/file.ts', 'x', { expectedHash: null });
+    expect(readdirSync(join(root, 'src')).some((name) => name.includes('.nf-'))).toBe(false);
+  });
+
+  it('jails paths, including through symlinks', async () => {
+    const { root, fs } = project();
+    const outside = mkdtempSync(join(tmpdir(), 'nf-outside-'));
+    roots.push(outside);
+    writeFileSync(join(outside, 'secret'), 'x');
+    symlinkSync(outside, join(root, 'link'));
+    await expect(fs.read('../etc/passwd')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.read('link/secret')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+    await expect(fs.write('link/new', 'x')).rejects.toMatchObject({ code: 'FORBIDDEN' });
+  });
+
+  it('moves deleted entries to the trash', async () => {
+    const { root, fs } = project();
+    await fs.delete('src/main.ts');
+    expect(existsSync(join(root, 'src/main.ts'))).toBe(false);
+    const trash = readdirSync(join(root, '.nanoforge/editor/trash'));
+    expect(trash).toHaveLength(1);
+    expect(trash[0]).toMatch(/main\.ts$/);
+    expect(readFileSync(join(root, '.nanoforge/editor/.gitignore'), 'utf8')).toContain('trash/');
+    await expect(fs.delete('')).rejects.toMatchObject({ code: 'BAD_REQUEST' });
+  });
+
+  it('renames and copies without overwriting by default', async () => {
+    const { fs } = project();
+    await fs.copy('src/main.ts', 'src/copy.ts');
+    await expect(fs.copy('src/main.ts', 'src/copy.ts')).rejects.toMatchObject({ code: 'CONFLICT' });
+    await fs.rename('src/copy.ts', 'lib/moved.ts');
+    expect(await fs.stat('lib/moved.ts')).toMatchObject({ kind: 'file' });
+    await expect(fs.rename('missing', 'x')).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+});
+
+describe('ProjectFileSystem packages, ignore and trash', () => {
+  it('hides .nfignore entries from listings', async () => {
+    const { root, fs } = project();
+    mkdirSync(join(root, 'generated'));
+    writeFileSync(join(root, 'generated/out.ts'), '');
+    writeFileSync(join(root, 'src/secret.ts'), '');
+    writeFileSync(join(root, '.nfignore'), '# hidden\ngenerated/\nsrc/secret.ts\n');
+    const paths = (await fs.list('', true)).map((entry) => entry.path);
+    expect(paths).toContain('.nfignore');
+    expect(paths).toContain('src/main.ts');
+    expect(paths.filter((path) => path.includes('generated') || path.includes('secret'))).toEqual(
+      [],
+    );
+    expect(fs.isIgnored('generated', true)).toBe(true);
+    expect(fs.isIgnored('src/main.ts', false)).toBe(false);
+  });
+
+  it('never changes installed packages (nf_modules)', async () => {
+    const { root, fs } = project();
+    mkdirSync(join(root, 'nf_modules/physics'), { recursive: true });
+    writeFileSync(join(root, 'nf_modules/physics/body.ts'), 'export {};\n');
+    await expect(fs.write('nf_modules/physics/body.ts', 'x')).rejects.toThrow('cannot be changed');
+    await expect(fs.delete('nf_modules/physics')).rejects.toThrow('cannot be changed');
+    await expect(fs.rename('src/main.ts', 'nf_modules/main.ts')).rejects.toThrow(
+      'cannot be changed',
+    );
+    await fs.copy('nf_modules/physics/body.ts', 'src/body.ts');
+    expect(readFileSync(join(root, 'src/body.ts'), 'utf8')).toBe('export {};\n');
+  });
+
+  it('restores deleted entries from the trash', async () => {
+    const { root, fs } = project();
+    const { trashPath } = await fs.delete('src/main.ts');
+    expect(existsSync(join(root, 'src/main.ts'))).toBe(false);
+    await fs.restore(trashPath, 'src/main.ts');
+    expect(readFileSync(join(root, 'src/main.ts'), 'utf8')).toBe('export {};\n');
+    await expect(fs.restore('src/main.ts', 'src/other.ts')).rejects.toThrow('Not in the trash');
+  });
+});
+
+describe('ProjectWatcher', () => {
+  it('reports batched changes within 200 ms and ignores noise', async () => {
+    const { root, fs } = project();
+    mkdirSync(join(root, 'node_modules'));
+    mkdirSync(join(root, 'dist'));
+    const watcher = new ProjectWatcher(fs.jail, { ignoredPaths: () => ['dist'] });
+    const batches: FileChange[][] = [];
+    const subscription = watcher.onDidChange((changes) => batches.push(changes));
+    await watcher.ready;
+
+    const start = Date.now();
+    writeFileSync(join(root, 'src/new.ts'), 'x');
+    writeFileSync(join(root, 'node_modules/ignored.js'), 'x');
+    writeFileSync(join(root, 'dist/main.js'), 'x');
+    await fs.write('src/main.ts', 'changed');
+    while (!batches.length && Date.now() - start < 1000) await new Promise((r) => setTimeout(r, 5));
+    const elapsed = Date.now() - start;
+    await new Promise((r) => setTimeout(r, 100));
+    subscription.dispose();
+
+    expect(elapsed).toBeLessThan(200);
+    expect(batches.flat().sort((a, b) => a.path.localeCompare(b.path))).toEqual([
+      { type: 'changed', kind: 'file', path: 'src/main.ts' },
+      { type: 'created', kind: 'file', path: 'src/new.ts' },
+    ]);
+  });
+
+  it('never follows a link that leaves the project', async () => {
+    const { root, fs } = project();
+    const outside = mkdtempSync(join(tmpdir(), 'nf-outside-'));
+    roots.push(outside);
+    writeFileSync(join(outside, 'secret.txt'), 'x');
+    symlinkSync(outside, join(root, 'link'));
+    const watcher = new ProjectWatcher(fs.jail);
+    const batches: FileChange[][] = [];
+    const subscription = watcher.onDidChange((changes) => batches.push(changes));
+    await watcher.ready;
+    writeFileSync(join(outside, 'later.txt'), 'x');
+    writeFileSync(join(root, 'src/new.ts'), 'x');
+    const start = Date.now();
+    while (!batches.length && Date.now() - start < 1000) await new Promise((r) => setTimeout(r, 5));
+    await new Promise((r) => setTimeout(r, 150));
+    subscription.dispose();
+    expect(batches.flat().map((change) => change.path)).toEqual(['src/new.ts']);
+  });
+});
diff --git a/packages/server-core/test/git/git-service.spec.ts b/packages/server-core/test/git/git-service.spec.ts
new file mode 100644
index 00000000..fc4c45d2
--- /dev/null
+++ b/packages/server-core/test/git/git-service.spec.ts
@@ -0,0 +1,389 @@
+import { execFileSync } from 'node:child_process';
+import {
+  chmodSync,
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import { loadEnv } from '../../src/env/load-env';
+import { GitService } from '../../src/git/git-service';
+import { authEnv, withoutCredentials } from '../../src/git/git-token';
+import { parseStatus } from '../../src/git/parse-status';
+
+let workspace: string;
+let git: GitService;
+
+const raw = (cwd: string, ...args: string[]) =>
+  execFileSync('git', args, { cwd, encoding: 'utf8', stdio: ['ignore', 'pipe', 'pipe'] });
+const write = (root: string, path: string, text: string) => {
+  mkdirSync(join(root, path, '..'), { recursive: true });
+  writeFileSync(join(root, path), text);
+};
+/** A repository with an identity and one commit. */
+const repository = async (name: string) => {
+  const root = join(workspace, name);
+  mkdirSync(root, { recursive: true });
+  await git.init(root);
+  raw(root, 'config', 'user.name', 'Test');
+  raw(root, 'config', 'user.email', 'test@example.com');
+  write(root, 'a.txt', 'one\n');
+  write(root, 'src/b.txt', 'two\n');
+  await git.commit(root, 'first commit', { all: true });
+  return root;
+};
+const files = async (root: string) =>
+  (await git.projectStatus(root)).files.map(
+    (file) => `${file.staged ?? '-'}${file.conflicted ? 'C' : (file.unstaged ?? '-')} ${file.path}`,
+  );
+
+beforeAll(() => {
+  workspace = mkdtempSync(join(tmpdir(), 'nf-git-'));
+  git = new GitService(loadEnv({ NODE_ENV: 'test', FS_ROOT: workspace }, workspace));
+});
+afterAll(() => rmSync(workspace, { recursive: true, force: true }));
+
+describe('git environment', () => {
+  it('reads paths literally and ignores an inherited GIT_DIR', async () => {
+    const root = await repository('literal');
+    write(root, 'levels/[id].ts', 'x\n');
+    write(root, 'levels/i.ts', 'i\n');
+    write(root, 'levels/d.ts', 'd\n');
+    const previous = process.env.GIT_DIR;
+    process.env.GIT_DIR = join(workspace, 'elsewhere');
+    try {
+      await git.discard(root, ['levels/[id].ts']);
+    } finally {
+      if (previous === undefined) delete process.env.GIT_DIR;
+      else process.env.GIT_DIR = previous;
+    }
+    expect(existsSync(join(root, 'levels/[id].ts'))).toBe(false);
+    expect(existsSync(join(root, 'levels/i.ts'))).toBe(true);
+    expect(existsSync(join(root, 'levels/d.ts'))).toBe(true);
+  });
+
+  it('passes a token as an authorization header for its host only', () => {
+    expect(authEnv('https://git.test/ada/pong.git', 'secret')).toEqual({
+      GIT_CONFIG_COUNT: '1',
+      GIT_CONFIG_KEY_0: 'http.https://git.test/.extraHeader',
+      GIT_CONFIG_VALUE_0: `Authorization: Basic ${Buffer.from('oauth2:secret').toString('base64')}`,
+    });
+    expect(authEnv('git@git.test:ada/pong.git', 'secret')).toEqual({});
+    expect(withoutCredentials('https://oauth2:secret@git.test/a.git')).toBe(
+      'https://git.test/a.git',
+    );
+  });
+
+  it('clones without saving a token in the remote', async () => {
+    const source = await repository('token-source');
+    const target = join(workspace, 'token-clone');
+    await git.clone(source, target, 'secret-token');
+    expect(readFileSync(join(target, '.git/config'), 'utf8')).not.toContain('secret-token');
+  });
+});
+
+describe('repository settings that run commands', () => {
+  /** A repository whose config and hooks would each leave a mark when git runs them. */
+  const armed = async (name: string) => {
+    const root = await repository(name);
+    const marks = join(workspace, `${name}-marks`);
+    mkdirSync(marks);
+    raw(root, 'config', 'core.fsmonitor', `touch "${join(marks, 'fsmonitor')}"; false`);
+    write(root, '.git/hooks/pre-commit', `#!/bin/sh\ntouch "${join(marks, 'hook')}"\n`);
+    chmodSync(join(root, '.git/hooks/pre-commit'), 0o755);
+    write(root, 'a.txt', 'changed\n');
+    return { root, marks };
+  };
+
+  it('are ignored by a hosted editor', async () => {
+    const hosted = new GitService(
+      loadEnv(
+        { NODE_ENV: 'test', PUBLIC_MODE: 'ONLINE', API_KEY: 'k', FS_ROOT: workspace },
+        workspace,
+      ),
+    );
+    const { root, marks } = await armed('hosted-hooks');
+    await hosted.projectStatus(root);
+    await hosted.commit(root, 'hosted commit', { all: true });
+    expect(existsSync(join(marks, 'fsmonitor'))).toBe(false);
+    expect(existsSync(join(marks, 'hook'))).toBe(false);
+  });
+
+  it("still run in a local editor, where the repository is the user's own", async () => {
+    const { root, marks } = await armed('local-hooks');
+    raw(root, 'config', '--unset', 'core.fsmonitor');
+    await git.commit(root, 'local commit', { all: true });
+    expect(existsSync(join(marks, 'hook'))).toBe(true);
+  });
+});
+
+describe('parseStatus', () => {
+  it('reads the branch, the upstream counts and every kind of entry', () => {
+    const output = [
+      '# branch.oid 1234567890abcdef',
+      '# branch.head main',
+      '# branch.upstream origin/main',
+      '# branch.ab +2 -1',
+      '1 .M N... 100644 100644 100644 aaa bbb with space.txt',
+      '1 A. N... 000000 100644 100644 aaa bbb new.txt',
+      '2 R. N... 100644 100644 100644 aaa bbb R100 moved.txt',
+      'old.txt',
+      'u UU N... 100644 100644 100644 100644 aaa bbb ccc both.txt',
+      '? untracked.txt',
+      '',
+    ].join('\0');
+    expect(parseStatus(output)).toEqual({
+      repository: true,
+      branch: 'main',
+      head: '1234567',
+      upstream: 'origin/main',
+      ahead: 2,
+      behind: 1,
+      files: [
+        { path: 'both.txt', conflicted: true },
+        { path: 'moved.txt', from: 'old.txt', staged: 'R', conflicted: false },
+        { path: 'new.txt', staged: 'A', conflicted: false },
+        { path: 'untracked.txt', unstaged: 'U', conflicted: false },
+        { path: 'with space.txt', unstaged: 'M', conflicted: false },
+      ],
+    });
+  });
+});
+
+describe('GitService on a project folder', () => {
+  it('ignores a repository above the folder, and initializes one', async () => {
+    const outer = await repository('outer');
+    const inner = join(outer, 'project');
+    mkdirSync(inner);
+    write(inner, 'file.txt', 'x\n');
+    expect(await git.projectStatus(inner)).toMatchObject({ repository: false, files: [] });
+    const before = raw(outer, 'status', '--porcelain');
+    await expect(git.stage(inner, ['file.txt'])).rejects.toThrow(/not a git repository/);
+    await expect(git.commit(inner, 'oops', { all: true })).rejects.toThrow(/not a git repository/);
+    await expect(git.discard(inner, ['file.txt'])).rejects.toThrow(/not a git repository/);
+    await expect(git.stash(inner)).rejects.toThrow(/not a git repository/);
+    expect(existsSync(join(inner, 'file.txt'))).toBe(true);
+    expect(raw(outer, 'status', '--porcelain')).toBe(before);
+    expect(raw(outer, 'log', '--format=%s')).toBe('first commit\n');
+    await git.init(inner);
+    const status = await git.projectStatus(inner);
+    expect(status).toMatchObject({ repository: true, branch: 'main', merging: false });
+    expect(status.head).toBeUndefined();
+    expect(status.files).toEqual([{ path: 'file.txt', unstaged: 'U', conflicted: false }]);
+    expect(await git.log(inner)).toEqual([]);
+    expect(await git.branches(inner)).toEqual([{ name: 'main', current: true, remote: false }]);
+  });
+
+  it('stages, unstages, discards and commits', async () => {
+    const root = await repository('changes');
+    write(root, 'a.txt', 'one\nchanged\n');
+    write(root, 'new.txt', 'new\n');
+    rmSync(join(root, 'src/b.txt'));
+    expect(await files(root)).toEqual(['-M a.txt', '-U new.txt', '-D src/b.txt']);
+    write(root, 'deps/lib/index.js', 'x\n');
+    write(root, 'deps/lib/other.js', 'y\n');
+    expect(await files(root)).toEqual(
+      expect.arrayContaining(['-U deps/lib/index.js', '-U deps/lib/other.js']),
+    );
+    await git.discard(root, ['deps/lib/index.js', 'deps/lib/other.js']);
+    expect(existsSync(join(root, 'deps/lib/index.js'))).toBe(false);
+
+    await git.stage(root, ['a.txt', 'new.txt', 'src/b.txt']);
+    expect(await files(root)).toEqual(['M- a.txt', 'A- new.txt', 'D- src/b.txt']);
+    await git.unstage(root, ['new.txt', 'src/b.txt']);
+    expect(await files(root)).toEqual(['M- a.txt', '-U new.txt', '-D src/b.txt']);
+
+    await git.discard(root, ['src/b.txt', 'new.txt']);
+    expect(readFileSync(join(root, 'src/b.txt'), 'utf8')).toBe('two\n');
+    expect(existsSync(join(root, 'new.txt'))).toBe(false);
+    write(root, 'added.txt', 'added\n');
+    await git.stage(root, ['added.txt']);
+    await git.discard(root, ['added.txt']);
+    expect(await files(root)).toEqual(['M- a.txt', '-U added.txt']);
+    await git.discard(root, ['added.txt']);
+
+    expect(await git.show(root, 'a.txt', 'HEAD')).toBe('one\n');
+    expect(await git.show(root, 'a.txt', 'INDEX')).toBe('one\nchanged\n');
+    expect(await git.show(root, 'missing.txt', 'HEAD')).toBeNull();
+
+    write(root, 'src/b.txt', 'two\nmore\n');
+    write(root, 'fresh.txt', 'fresh\n');
+    await git.stage(root, ['src/b.txt']);
+    await git.commit(root, 'change a', { paths: ['a.txt'] });
+    expect(await files(root)).toEqual(['-U fresh.txt', 'M- src/b.txt']);
+    await git.commit(root, 'b and a new file', { paths: ['src/b.txt', 'fresh.txt'] });
+    expect(await files(root)).toEqual([]);
+    write(root, 'fresh.txt', 'fresher\n');
+    await git.commit(root, 'b and a fresh file', { paths: ['fresh.txt'], amend: true });
+    expect((await git.log(root)).map((commit) => commit.subject)).toEqual([
+      'b and a fresh file',
+      'change a',
+      'first commit',
+    ]);
+    raw(root, 'mv', 'fresh.txt', 'renamed.txt');
+    expect((await git.projectStatus(root)).files).toEqual([
+      { path: 'renamed.txt', from: 'fresh.txt', staged: 'R', conflicted: false },
+    ]);
+    await git.discard(root, ['renamed.txt', 'fresh.txt']);
+    expect(await files(root)).toEqual(['-U renamed.txt']);
+    expect(existsSync(join(root, 'fresh.txt'))).toBe(true);
+    await git.discard(root, ['renamed.txt']);
+    raw(root, 'mv', 'fresh.txt', 'renamed.txt');
+    await git.commit(root, 'rename', { paths: ['renamed.txt', 'fresh.txt'] });
+    expect(await files(root)).toEqual([]);
+    raw(root, 'mv', 'renamed.txt', 'fresh.txt');
+    await git.commit(root, 'rename back', { paths: ['fresh.txt', 'renamed.txt'] });
+    expect(await files(root)).toEqual([]);
+    write(root, 'a.txt', 'again\n');
+    await git.stage(root, ['a.txt']);
+    await git.discard(root, ['a.txt']);
+    expect(readFileSync(join(root, 'a.txt'), 'utf8')).toBe('one\nchanged\n');
+    expect(await files(root)).toEqual([]);
+    const log = await git.log(root);
+    expect(log[0]).toMatchObject({ author: 'Test', refs: ['main'] });
+    expect(log[0]!.hash).toMatch(/^[0-9a-f]{40}$/);
+    const changeA = log.find((commit) => commit.subject === 'change a')!;
+    expect(await git.commitFiles(root, changeA.hash)).toEqual([{ path: 'a.txt', change: 'M' }]);
+    expect(await git.commitFiles(root, log[1]!.hash)).toEqual([
+      { path: 'renamed.txt', change: 'R' },
+    ]);
+    expect(await git.show(root, 'a.txt', `${changeA.hash}^`)).toBe('one\n');
+    expect((await git.log(root, 1, log.length - 1)).map((commit) => commit.subject)).toEqual([
+      'first commit',
+    ]);
+    await expect(git.commit(root, 'nothing')).rejects.toThrow(/nothing to commit/);
+  });
+
+  it('amends only the message when no file is checked, keeping the index', async () => {
+    const root = await repository('amend');
+    raw(root, 'commit', '--quiet', '--amend', '-m', 'first commit\n\nWith a body.');
+    expect(await git.headMessage(root)).toBe('first commit\n\nWith a body.');
+    write(root, 'staged.txt', 'staged\n');
+    await git.stage(root, ['staged.txt']);
+
+    await git.commit(root, 'first commit, reworded', { amend: true });
+    expect(raw(root, 'log', '-1', '--format=%s').trim()).toBe('first commit, reworded');
+    expect(raw(root, 'show', '--name-only', '--format=', 'HEAD')).not.toContain('staged.txt');
+    expect(await files(root)).toEqual(['A- staged.txt']);
+  });
+
+  it('creates, switches and deletes branches', async () => {
+    const root = await repository('branches');
+    await git.createBranch(root, 'feature');
+    expect(await git.branches(root)).toEqual([
+      { name: 'feature', current: true, remote: false },
+      { name: 'main', current: false, remote: false },
+    ]);
+    write(root, 'a.txt', 'feature\n');
+    await git.commit(root, 'on feature', { all: true });
+    await git.switchBranch(root, 'main');
+    expect((await git.projectStatus(root)).branch).toBe('main');
+    await git.createBranch(root, 'from-feature', 'feature');
+    expect((await git.log(root, 1))[0]!.subject).toBe('on feature');
+    await git.switchBranch(root, 'main');
+    await git.deleteBranch(root, 'from-feature', true);
+    expect((await git.log(root, 50, 0, 'feature')).map((commit) => commit.subject)).toEqual([
+      'on feature',
+      'first commit',
+    ]);
+    await expect(git.deleteBranch(root, 'feature')).rejects.toThrow(/not fully merged/);
+    await git.deleteBranch(root, 'feature', true);
+    expect((await git.branches(root)).map((branch) => branch.name)).toEqual(['main']);
+  });
+
+  it('stashes with untracked files, applies, pops and drops', async () => {
+    const root = await repository('stash');
+    write(root, 'a.txt', 'stashed\n');
+    write(root, 'extra.txt', 'extra\n');
+    await git.stash(root, 'work in progress');
+    expect(await files(root)).toEqual([]);
+    expect(await git.stashes(root)).toEqual([{ index: 0, message: 'On main: work in progress' }]);
+    await git.applyStash(root, 0);
+    expect(await files(root)).toEqual(['-M a.txt', '-U extra.txt']);
+    await git.discard(root, ['a.txt', 'extra.txt']);
+    await git.applyStash(root, 0, true);
+    expect(await git.stashes(root)).toEqual([]);
+    await git.stash(root);
+    await git.dropStash(root, 0);
+    expect(await git.stashes(root)).toEqual([]);
+  });
+
+  it('pushes and pulls with a remote, counts ahead and behind, and reports a conflict', async () => {
+    const root = await repository('local');
+    const remote = join(workspace, 'remote.git');
+    raw(workspace, 'init', '--bare', '-b', 'main', remote);
+    raw(root, 'remote', 'add', 'origin', remote);
+    expect((await git.outgoing(root)).map((commit) => commit.subject)).toEqual(['first commit']);
+    await git.push(root);
+    expect(await git.outgoing(root)).toEqual([]);
+    expect(await git.projectStatus(root)).toMatchObject({
+      upstream: 'origin/main',
+      ahead: 0,
+      behind: 0,
+    });
+
+    const other = join(workspace, 'other');
+    raw(workspace, 'clone', '--quiet', remote, other);
+    raw(other, 'config', 'user.name', 'Other');
+    raw(other, 'config', 'user.email', 'other@example.com');
+    write(other, 'a.txt', 'theirs\n');
+    raw(other, 'commit', '--quiet', '-am', 'their change');
+    raw(other, 'push', '--quiet');
+
+    write(root, 'a.txt', 'mine\n');
+    await git.commit(root, 'my change', { all: true });
+    await git.fetch(root);
+    expect(await git.projectStatus(root)).toMatchObject({ ahead: 1, behind: 1 });
+    expect((await git.outgoing(root)).map((commit) => commit.subject)).toEqual(['my change']);
+
+    expect(await git.mergePull(root)).toEqual({ conflicts: true });
+    const status = await git.projectStatus(root);
+    expect(status.merging).toBe(true);
+    expect(status.files).toEqual([{ path: 'a.txt', conflicted: true }]);
+
+    write(root, 'a.txt', 'both\n');
+    await git.stage(root, ['a.txt']);
+    await git.commit(root, 'merge');
+    expect(await git.projectStatus(root)).toMatchObject({ merging: false, ahead: 2, behind: 0 });
+    await git.push(root);
+    expect(await git.projectStatus(root)).toMatchObject({ ahead: 0, behind: 0 });
+    expect(await git.mergePull(root)).toEqual({ conflicts: false });
+
+    raw(other, 'switch', '--quiet', '-c', 'topic');
+    raw(other, 'push', '--quiet', '-u', 'origin', 'topic');
+    await git.fetch(root);
+    expect(await git.branches(root)).toEqual([
+      { name: 'main', current: true, upstream: 'origin/main', remote: false },
+      { name: 'origin/main', current: false, remote: true },
+      { name: 'origin/topic', current: false, remote: true },
+    ]);
+    await git.switchBranch(root, 'origin/topic');
+    expect(await git.projectStatus(root)).toMatchObject({
+      branch: 'topic',
+      upstream: 'origin/topic',
+    });
+  });
+
+  it('stops a remote that never answers, and the repository stays usable', async () => {
+    const root = await repository('hang');
+    const ssh = join(workspace, 'slow-ssh.sh');
+    writeFileSync(ssh, '#!/bin/sh\nsleep 30\n', { mode: 0o755 });
+    raw(root, 'remote', 'add', 'origin', 'ssh://git@example.invalid/repo.git');
+    raw(root, 'config', 'core.sshCommand', ssh);
+    const impatient = new GitService(
+      loadEnv({ NODE_ENV: 'test', FS_ROOT: workspace }, workspace),
+      300,
+    );
+    const started = Date.now();
+    await expect(impatient.push(root)).rejects.toMatchObject({ code: 'TIMEOUT' });
+    await expect(impatient.fetch(root)).rejects.toMatchObject({ code: 'TIMEOUT' });
+    expect(Date.now() - started).toBeLessThan(5000);
+    expect((await impatient.projectStatus(root)).branch).toBe('main');
+  });
+});
diff --git a/packages/server-core/test/mocks/nanoforge-api.ts b/packages/server-core/test/mocks/nanoforge-api.ts
new file mode 100644
index 00000000..693a6a63
--- /dev/null
+++ b/packages/server-core/test/mocks/nanoforge-api.ts
@@ -0,0 +1,101 @@
+/**
+ * In-memory NanoForge API implementing what the editor calls (docs/api/README.md): the settings
+ * sync contract, token refresh, the current user and the project endpoints. Used as `fetch` by the ApiClient in
+ * tests, and as the default target of the contract tests (`test/contract`), which can run
+ * against a staging API instead.
+ */
+export interface MockApiOptions {
+  apiKey?: string;
+  /** Access token considered valid; others get 401. */
+  validAccessToken?: string;
+  refreshToken?: string;
+}
+
+/** The project of the mock's user. */
+export const PROJECT = {
+  id: 'project-1',
+  code: 'pong',
+  name: 'Pong',
+  description: 'A game',
+  gatewayProjectRegistryUrl: 'https://git.test/ada/pong.git',
+  gatewayProjectRegistryMetadata: { dir: null },
+  token: 'git-token',
+};
+
+export const createMockApi = (options: MockApiOptions = {}) => {
+  const apiKey = options.apiKey ?? 'test-key';
+  const validAccess = new Set([options.validAccessToken ?? 'access-1']);
+  const refresh = options.refreshToken ?? 'refresh-1';
+  const documents = new Map<string, { revision: string; values: Record<string, unknown> }>();
+  const calls: string[] = [];
+
+  const json = (status: number, body?: unknown) =>
+    new Response(body === undefined ? null : JSON.stringify(body), {
+      status,
+      headers: { 'content-type': 'application/json' },
+    });
+
+  const fetch = async (input: string | URL | Request, init?: RequestInit): Promise<Response> => {
+    const url = new URL(String(input));
+    const method = init?.method ?? 'GET';
+    const headers = new Headers(init?.headers);
+    calls.push(`${method} ${url.pathname}`);
+    if (headers.get('api-key') !== apiKey) return json(403, { message: 'bad api key' });
+
+    if (url.pathname === '/auth/refresh-token' && method === 'POST') {
+      const body = JSON.parse(String(init?.body)) as { refreshToken: string };
+      if (body.refreshToken !== refresh) return json(401, { message: 'bad refresh token' });
+      const accessToken = `access-${calls.length}`;
+      validAccess.add(accessToken);
+      return json(200, {
+        accessToken,
+        refreshToken: refresh,
+        tokenExpiresAt: new Date().toISOString(),
+      });
+    }
+    if (!validAccess.has((headers.get('authorization') ?? '').replace(/^Bearer /, '')))
+      return json(401, { message: 'expired' });
+
+    if (url.pathname === '/users/me/editor-settings') {
+      const user = 'user-1';
+      const current = documents.get(user);
+      if (method === 'GET') return current ? json(200, current) : json(404, { message: 'none' });
+      if (method === 'PUT') {
+        let body: { baseRevision: string | null; values: Record<string, unknown> };
+        try {
+          body = JSON.parse(String(init?.body)) as typeof body;
+        } catch {
+          return json(400, { message: 'malformed body' });
+        }
+        if (!body.values || typeof body.values !== 'object' || Array.isArray(body.values))
+          return json(400, { message: 'values must be an object' });
+        if (
+          Object.keys(body.values).length > 2000 ||
+          JSON.stringify(body.values).length > 256 * 1024
+        )
+          return json(413, { message: 'too large' });
+        if ((current?.revision ?? null) !== body.baseRevision) {
+          return json(409, current ?? { revision: null, values: {} });
+        }
+        const next = { revision: String(Number(current?.revision ?? 0) + 1), values: body.values };
+        documents.set(user, next);
+        return json(200, { revision: next.revision });
+      }
+    }
+    if (url.pathname === '/users/me' && method === 'GET')
+      return json(200, { id: 'user-1', username: 'ada', email: 'ada@nanoforge.test' });
+    if (url.pathname === '/projects' && method === 'GET') return json(200, [PROJECT]);
+    if (url.pathname === `/editor/projects/${PROJECT.id}` && method === 'GET')
+      return json(200, PROJECT);
+    return json(404, { message: 'not found' });
+  };
+
+  return {
+    fetch: fetch as typeof globalThis.fetch,
+    documents,
+    calls,
+    expireAccessToken: () => {
+      validAccess.clear();
+    },
+  };
+};
diff --git a/packages/server-core/test/process/child-env.spec.ts b/packages/server-core/test/process/child-env.spec.ts
new file mode 100644
index 00000000..bd4614e1
--- /dev/null
+++ b/packages/server-core/test/process/child-env.spec.ts
@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest';
+
+import { childEnv } from '../../src/process/child-env';
+
+describe('childEnv', () => {
+  it('keeps what tools need and drops the server settings', () => {
+    const env = childEnv(
+      { FORCE_COLOR: '0', HOME: undefined },
+      {
+        PATH: '/usr/bin',
+        HOME: '/home/ada',
+        LC_ALL: 'C',
+        NANOFORGE_LEVEL: '2',
+        SESSION_SECRET: 's',
+        API_KEY: 'k',
+        PORT: '3000',
+        GIT_DIR: '/elsewhere',
+      },
+    );
+    expect(env).toEqual({ PATH: '/usr/bin', LC_ALL: 'C', NANOFORGE_LEVEL: '2', FORCE_COLOR: '0' });
+  });
+});
diff --git a/packages/server-core/test/process/run-process.spec.ts b/packages/server-core/test/process/run-process.spec.ts
new file mode 100644
index 00000000..3f6df76a
--- /dev/null
+++ b/packages/server-core/test/process/run-process.spec.ts
@@ -0,0 +1,43 @@
+import { describe, expect, it } from 'vitest';
+
+import { runProcess } from '../../src/process/run-process';
+
+const alive = (pid: number) => {
+  try {
+    process.kill(pid, 0);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+const until = async (check: () => boolean, ms = 2000) => {
+  const start = Date.now();
+  while (!check() && Date.now() - start < ms) await new Promise((r) => setTimeout(r, 20));
+  return check();
+};
+
+describe.skipIf(process.platform === 'win32')('runProcess', () => {
+  it('runs a command and keeps its output', async () => {
+    const result = await runProcess('sh', ['-c', 'echo out; echo err >&2; exit 3'], {
+      cwd: import.meta.dirname,
+    }).done;
+    expect(result).toMatchObject({ exitCode: 3, stdout: 'out\n', stderr: 'err\n' });
+  });
+
+  it('stops what the process started when aborted', async () => {
+    const abort = new AbortController();
+    const run = runProcess('sh', ['-c', 'sleep 30 & echo $!; wait'], {
+      cwd: import.meta.dirname,
+      signal: abort.signal,
+    });
+    const started = new Promise<number>((resolve) =>
+      run.onLine(({ text }) => resolve(Number(text))),
+    );
+    const child = await started;
+    expect(alive(child)).toBe(true);
+    abort.abort();
+    await expect(run.done).rejects.toMatchObject({ name: 'AbortError' });
+    expect(await until(() => !alive(child))).toBe(true);
+  });
+});
diff --git a/packages/server-core/test/project/discovery.spec.ts b/packages/server-core/test/project/discovery.spec.ts
new file mode 100644
index 00000000..b2270a03
--- /dev/null
+++ b/packages/server-core/test/project/discovery.spec.ts
@@ -0,0 +1,322 @@
+import { cpSync, mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, describe, expect, it } from 'vitest';
+
+import { executingConfigLoader, staticConfigLoader } from '../../src/project/config-loader';
+import { discoverProject, resolveLibraries } from '../../src/project/discovery';
+import { packageManagerOf } from '../../src/rpc/package-manager-of';
+
+const FIXTURE = join(import.meta.dirname, '../fixtures', 'pong-network');
+
+const temporary: string[] = [];
+afterAll(() => {
+  for (const dir of temporary) rmSync(dir, { recursive: true, force: true });
+});
+
+const copyFixture = () => {
+  const root = mkdtempSync(join(import.meta.dirname, '../.tmp-'));
+  temporary.push(root);
+  cpSync(FIXTURE, root, { recursive: true });
+  return root;
+};
+
+describe.each([
+  ['executing', executingConfigLoader],
+  ['static', staticConfigLoader],
+])('discoverProject (%s config loader)', (_name, loader) => {
+  it('discovers the client and server apps of pong-network', async () => {
+    const model = await discoverProject({
+      id: 'pong-1234',
+      root: FIXTURE,
+      location: FIXTURE,
+      loader,
+    });
+    expect(model.diagnostics).toEqual([]);
+    expect(model.name).toBe('pong-network');
+    expect(model.apps.map((app) => [app.id, app.type, app.name])).toEqual([
+      ['apps/client', 'client', 'pong-network-client'],
+      ['apps/server', 'server', 'pong-network-server'],
+    ]);
+    const [client, server] = model.apps;
+    expect(client).toMatchObject({
+      root: 'apps/client',
+      language: 'ts',
+      entryFile: 'apps/client/src/main.ts',
+      editorEntryFile: 'apps/client/src/main.ts',
+      outDir: 'apps/client/dist',
+      dirs: {
+        assets: 'apps/client/assets',
+        components: 'apps/client/src/components',
+        systems: 'apps/client/src/systems',
+        scenes: 'apps/client/src/scenes',
+      },
+    });
+    expect(Object.keys(client!.engineLibs)).toEqual(
+      expect.arrayContaining([
+        '@nanoforge-dev/ecs',
+        '@nanoforge-dev/graphics-2d',
+        '@nanoforge-dev/input',
+      ]),
+    );
+    expect(client!.engineLibs).not.toHaveProperty('@nanoforge-dev/utils-eslint-config');
+    expect(server!.engineLibs).not.toHaveProperty('@nanoforge-dev/graphics-2d');
+  });
+
+  it("reads the shared libraries of an app from its config's libs", async () => {
+    const root = copyFixture();
+    writeFileSync(
+      join(root, 'nanoforge.config.ts'),
+      'import { defineConfig } from "@nanoforge-dev/config";\n\nexport default defineConfig({ type: "workspace", packages: ["apps/*", "libs/*"] });\n',
+    );
+    mkdirSync(join(root, 'libs/shared'), { recursive: true });
+    writeFileSync(
+      join(root, 'libs/shared/nanoforge.config.ts'),
+      'export default { type: "lib" };\n',
+    );
+    writeFileSync(join(root, 'libs/shared/package.json'), '{ "name": "@pong/shared" }\n');
+    const config = join(root, 'apps/client/nanoforge.config.ts');
+    writeFileSync(
+      config,
+      readFileSync(config, 'utf8').replace(
+        'type: "client",',
+        'type: "client",\n  libs: ["../../libs/shared"],',
+      ),
+    );
+    const pkg = join(root, 'apps/client/package.json');
+    const json = JSON.parse(readFileSync(pkg, 'utf8')) as Record<string, Record<string, string>>;
+    writeFileSync(
+      pkg,
+      JSON.stringify({
+        ...json,
+        dependencies: { ...json.dependencies, '@pong/shared': 'workspace:*' },
+      }),
+    );
+    const model = await discoverProject({ id: 'pong-libs', root, location: root, loader });
+    expect(model.diagnostics).toEqual([]);
+    expect(model.apps.map((app) => [app.id, app.libraries])).toEqual([
+      ['apps/client', ['@pong/shared']],
+      ['apps/server', []],
+      ['libs/shared', []],
+    ]);
+    expect(model.apps[0]!.engineLibs).not.toHaveProperty('../../libs/shared');
+  });
+});
+
+describe('discoverProject diagnostics', () => {
+  it('reports broken app configs without failing', async () => {
+    const root = copyFixture();
+    writeFileSync(
+      join(root, 'apps/server/nanoforge.config.ts'),
+      'export default { type: "nope" };',
+    );
+    const model = await discoverProject({
+      id: 'pong-1234',
+      root,
+      location: root,
+      loader: staticConfigLoader,
+    });
+    expect(model.apps.map((app) => app.id)).toEqual(['apps/client']);
+    expect(model.diagnostics).toEqual([
+      {
+        path: 'apps/server/nanoforge.config.ts',
+        message: 'Unknown config type "nope"',
+        severity: 'error',
+      },
+    ]);
+  });
+
+  it('refuses non literal configs in static mode', async () => {
+    const root = copyFixture();
+    writeFileSync(
+      join(root, 'nanoforge.config.ts'),
+      'import { defineConfig } from "@nanoforge-dev/config";\nexport default defineConfig({ type: "workspace", packages: [process.env.X] });',
+    );
+    const model = await discoverProject({
+      id: 'pong-1234',
+      root,
+      location: root,
+      loader: staticConfigLoader,
+    });
+    expect(model.apps).toEqual([]);
+    expect(model.diagnostics[0]!.message).toMatch(/Only literal values.*process\.env\.X/);
+  });
+
+  it('loads configs of projects without installed dependencies', async () => {
+    const root = mkdtempSync(join(tmpdir(), 'nf-fresh-'));
+    temporary.push(root);
+    writeFileSync(
+      join(root, 'nanoforge.config.ts'),
+      'import { defineConfig } from "@nanoforge-dev/config";\nconst lang: "ts" = "ts";\nexport default defineConfig({ type: "server", language: lang });',
+    );
+    const model = await discoverProject({
+      id: 'fresh-1234',
+      root,
+      location: root,
+      loader: executingConfigLoader,
+    });
+    expect(model.diagnostics).toEqual([]);
+    expect(model.apps).toMatchObject([{ type: 'server', language: 'ts' }]);
+  });
+
+  it('supports single app projects', async () => {
+    const root = mkdtempSync(join(tmpdir(), 'nf-single-'));
+    temporary.push(root);
+    writeFileSync(
+      join(root, 'nanoforge.config.ts'),
+      'export default { type: "client", language: "js" };',
+    );
+    writeFileSync(
+      join(root, 'package.json'),
+      '{"name":"solo","dependencies":{"@nanoforge-dev/ecs":"^1.4.0"}}',
+    );
+    const model = await discoverProject({
+      id: 'solo-1234',
+      root,
+      location: root,
+      loader: staticConfigLoader,
+    });
+    expect(model.apps).toMatchObject([
+      {
+        id: '',
+        root: '',
+        language: 'js',
+        entryFile: 'src/main.ts',
+        engineLibs: { '@nanoforge-dev/ecs': '^1.4.0' },
+      },
+    ]);
+  });
+});
+
+describe('resolveLibraries', () => {
+  const app = (root: string, name: string, type: 'client' | 'server' | 'lib') =>
+    ({ id: root, root, name, type, libraries: [] }) as never as Parameters<
+      typeof resolveLibraries
+    >[0][number];
+  const uses = (
+    root: string,
+    packages: string[],
+    libs?: string[],
+  ): [
+    string,
+    Parameters<typeof resolveLibraries>[1] extends ReadonlyMap<string, infer U> ? U : never,
+  ] => [
+    root,
+    {
+      configFile: `${root}/nanoforge.config.ts`,
+      packages,
+      ...(libs && {
+        libs: libs.map((path) => ({ path, root: path.replace(/^(\.\.\/)+/, '') })),
+      }),
+    },
+  ];
+  const libraries = (apps: { name: string; libraries: string[]; unclaimed?: boolean }[]) =>
+    apps.map((entry) => [entry.name, entry.libraries, entry.unclaimed]);
+
+  it("gives each app the shared libraries its config's libs lists", () => {
+    const apps = [
+      app('apps/client', 'client', 'client'),
+      app('apps/server', 'server', 'server'),
+      app('libs/shared', '@pong/shared', 'lib'),
+      app('libs/ui', '@pong/ui', 'lib'),
+    ];
+    const diagnostics = resolveLibraries(
+      apps,
+      new Map([
+        uses(
+          'apps/client',
+          ['@pong/shared', '@pong/ui', 'typescript'],
+          ['../../libs/shared', '../../libs/ui'],
+        ),
+        uses('apps/server', ['@pong/shared', '@nanoforge-dev/core'], ['../../libs/shared']),
+        uses('libs/shared', []),
+        uses('libs/ui', ['@pong/shared']),
+      ]),
+    );
+    expect(diagnostics).toEqual([]);
+    expect(libraries(apps)).toEqual([
+      ['client', ['@pong/shared', '@pong/ui'], undefined],
+      ['server', ['@pong/shared'], undefined],
+      ['@pong/shared', [], undefined],
+      ['@pong/ui', ['@pong/shared'], undefined],
+    ]);
+  });
+
+  it('follows libs when package.json disagrees, and says so', () => {
+    const apps = [
+      app('apps/client', 'client', 'client'),
+      app('apps/server', 'server', 'server'),
+      app('libs/shared', '@pong/shared', 'lib'),
+    ];
+    const diagnostics = resolveLibraries(
+      apps,
+      new Map([
+        uses('apps/client', [], ['../../libs/shared', '../../libs/gone']),
+        uses('apps/server', ['@pong/shared'], []),
+        uses('libs/shared', []),
+      ]),
+    );
+    expect(libraries(apps)).toEqual([
+      ['client', ['@pong/shared'], undefined],
+      ['server', [], undefined],
+      ['@pong/shared', [], undefined],
+    ]);
+    expect(diagnostics.map((diagnostic) => [diagnostic.path, diagnostic.message])).toEqual([
+      [
+        'apps/client/nanoforge.config.ts',
+        'libs lists "../../libs/gone", which is not a shared library of the project.',
+      ],
+      [
+        'apps/client/nanoforge.config.ts',
+        'client uses @pong/shared (libs), but its package.json does not depend on it: add "@pong/shared": "workspace:*".',
+      ],
+      [
+        'apps/server/nanoforge.config.ts',
+        "server's package.json depends on @pong/shared, but its libs does not list libs/shared: the editor does not give it to the app.",
+      ],
+    ]);
+  });
+
+  it('gives a library nothing mentions to every app (projects made before the choice existed)', () => {
+    const apps = [
+      app('apps/client', 'client', 'client'),
+      app('apps/server', 'server', 'server'),
+      app('libs/shared', '@pong/shared', 'lib'),
+    ];
+    expect(
+      resolveLibraries(
+        apps,
+        new Map([
+          uses('apps/client', ['typescript'], []),
+          uses('apps/server', [], []),
+          uses('libs/shared', []),
+        ]),
+      ),
+    ).toEqual([]);
+    expect(libraries(apps)).toEqual([
+      ['client', ['@pong/shared'], undefined],
+      ['server', ['@pong/shared'], undefined],
+      ['@pong/shared', [], true],
+    ]);
+  });
+});
+
+describe('packageManagerOf', () => {
+  it('finds the package manager of a project from its lockfile', () => {
+    const root = mkdtempSync(join(tmpdir(), 'nf-lock-'));
+    try {
+      expect(packageManagerOf(root)).toBeUndefined();
+      for (const [lockfile, manager] of [
+        ['package-lock.json', 'npm'],
+        ['yarn.lock', 'yarn'],
+        ['bun.lock', 'bun'],
+        ['pnpm-lock.yaml', 'pnpm'],
+      ] as const) {
+        writeFileSync(join(root, lockfile), '');
+        expect(packageManagerOf(root)).toBe(manager);
+      }
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+});
diff --git a/packages/server-core/test/project/formatter.spec.ts b/packages/server-core/test/project/formatter.spec.ts
new file mode 100644
index 00000000..cd6c6e4c
--- /dev/null
+++ b/packages/server-core/test/project/formatter.spec.ts
@@ -0,0 +1,59 @@
+import { mkdirSync, mkdtempSync, realpathSync, rmSync, symlinkSync, writeFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { tmpdir } from 'node:os';
+import { dirname, join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import { Formatter } from '../../src/project/formatter';
+
+let root: string;
+let local: string;
+const SOURCE = 'const a = {b:"c"}\n';
+
+beforeAll(() => {
+  root = mkdtempSync(join(import.meta.dirname, '../.tmp-format-'));
+  mkdirSync(join(root, 'src'));
+  writeFileSync(join(root, '.prettierrc.yaml'), 'semi: false\nplugins: ["./evil.js"]\n');
+  writeFileSync(join(root, '.prettierignore'), 'src/ignored.ts\n');
+  local = join(root, 'local');
+  mkdirSync(join(local, 'node_modules'), { recursive: true });
+  const prettier = dirname(createRequire(import.meta.url).resolve('prettier/package.json'));
+  symlinkSync(realpathSync(prettier), join(local, 'node_modules/prettier'));
+  writeFileSync(join(local, 'prettier.config.js'), 'export default { singleQuote: true };\n');
+});
+
+afterAll(() => rmSync(root, { recursive: true, force: true }));
+
+describe('Formatter', () => {
+  it("uses the project's Prettier and code config on local editors", async () => {
+    const result = await new Formatter('project').format(local, join(local, 'a.ts'), SOURCE);
+    expect(result).toEqual({ text: "const a = { b: 'c' };\n", formatter: 'project' });
+  });
+
+  it('uses the bundled Prettier and only static configs, without plugins, on hosted editors', async () => {
+    const result = await new Formatter('static').format(root, join(root, 'src/a.ts'), SOURCE);
+    expect(result).toEqual({ text: 'const a = { b: "c" }\n', formatter: 'bundled' });
+  });
+
+  it('falls back to the bundled Prettier when the project has none', async () => {
+    const bare = mkdtempSync(join(tmpdir(), 'nf-format-'));
+    const result = await new Formatter('project').format(bare, join(bare, 'a.ts'), SOURCE);
+    expect(result).toEqual({ text: 'const a = { b: "c" };\n', formatter: 'bundled' });
+    rmSync(bare, { recursive: true, force: true });
+  });
+
+  it('leaves ignored and unknown files untouched', async () => {
+    const formatter = new Formatter('static');
+    expect(await formatter.format(root, join(root, 'src/ignored.ts'), SOURCE)).toEqual({
+      text: SOURCE,
+      formatter: 'none',
+    });
+    expect((await formatter.format(root, join(root, 'notes.unknown'), 'x')).formatter).toBe('none');
+  });
+
+  it('reports syntax errors', async () => {
+    await expect(
+      new Formatter('static').format(root, join(root, 'src/a.ts'), 'const = ;'),
+    ).rejects.toThrow('Prettier could not format the file');
+  });
+});
diff --git a/packages/server-core/test/project/trust.spec.ts b/packages/server-core/test/project/trust.spec.ts
new file mode 100644
index 00000000..f5615d33
--- /dev/null
+++ b/packages/server-core/test/project/trust.spec.ts
@@ -0,0 +1,101 @@
+import {
+  appendFileSync,
+  cpSync,
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs';
+import { realpath } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+
+import { PluginsContract, ProjectsContract, RuntimeContract } from '@nanoforge-dev/editor-protocol';
+
+import { loadEnv } from '../../src/env/load-env';
+import { createEditorServer } from '../../src/server/create-editor-server';
+import type { EditorServer } from '../../src/server/editor-server.type';
+import { createLoopbackClient } from '../../src/testing';
+
+const FIXTURES = join(import.meta.dirname, '../fixtures');
+
+let workspace: string;
+let dataDir: string;
+let marker: string;
+const servers: EditorServer[] = [];
+
+beforeEach(() => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../.tmp-trust-'));
+  dataDir = join(mkdtempSync(join(tmpdir(), 'nf-data-')), 'editor');
+  cpSync(join(FIXTURES, 'pong-network'), join(workspace, 'pong'), { recursive: true });
+  marker = join(workspace, 'config-ran');
+  appendFileSync(
+    join(workspace, 'pong/nanoforge.config.ts'),
+    `\nimport { writeFileSync } from "node:fs";\nwriteFileSync(${JSON.stringify(marker)}, "ran");\n`,
+  );
+});
+
+afterEach(() => {
+  for (const server of servers.splice(0)) server.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+const start = () => {
+  const editor = createEditorServer({
+    env: loadEnv({ NODE_ENV: 'test', FS_ROOT: workspace, DATA_DIR: dataDir }, workspace),
+    version: '1.0.0',
+  });
+  servers.push(editor);
+  return createLoopbackClient(editor);
+};
+
+describe('folder trust', () => {
+  it('opens an untrusted folder without running its code, until it is trusted', async () => {
+    const client = start();
+    const projects = client.api(ProjectsContract);
+    const opened = await projects.open({ path: 'pong' });
+    expect(opened.trusted).toBe(false);
+    expect(existsSync(marker)).toBe(false);
+    expect((await projects.model({ id: opened.id })).apps.length).toBeGreaterThan(0);
+
+    const forbidden = { code: 'FORBIDDEN' };
+    await expect(
+      client.api(RuntimeContract).build({ project: opened.id, apps: [] }),
+    ).rejects.toMatchObject(forbidden);
+    await expect(projects.install({ id: opened.id })).rejects.toMatchObject(forbidden);
+    await expect(
+      client.api(PluginsContract).runProjectServers({ project: opened.id, names: ['@acme/x'] }),
+    ).rejects.toMatchObject(forbidden);
+
+    await projects.trust({ id: opened.id });
+    const reopened = await projects.open({ path: 'pong' });
+    expect(reopened.trusted).toBe(true);
+    expect(existsSync(marker)).toBe(true);
+
+    const again = start();
+    expect((await again.api(ProjectsContract).open({ path: 'pong' })).trusted).toBe(true);
+  });
+
+  it('trusts the folders opened before trust existed', async () => {
+    mkdirSync(dataDir, { recursive: true });
+    const path = await realpath(join(workspace, 'pong'));
+    writeFileSync(
+      join(dataDir, 'recent-projects.json'),
+      JSON.stringify({
+        local: [
+          {
+            id: 'x',
+            name: 'pong',
+            location: path,
+            ref: { path },
+            openedAt: new Date().toISOString(),
+          },
+        ],
+      }),
+    );
+    const projects = start().api(ProjectsContract);
+    expect((await projects.open({ path: 'pong' })).trusted).toBe(true);
+  });
+});
diff --git a/packages/server-core/test/rpc/registry.spec.ts b/packages/server-core/test/rpc/registry.spec.ts
new file mode 100644
index 00000000..8050dbb9
--- /dev/null
+++ b/packages/server-core/test/rpc/registry.spec.ts
@@ -0,0 +1,303 @@
+import {
+  cpSync,
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+import { z } from 'zod';
+
+import {
+  PluginsContract,
+  ProjectsContract,
+  RegistryContract,
+  SessionContract,
+} from '@nanoforge-dev/editor-protocol';
+import { type RpcClient, defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { loadEnv } from '../../src/env/load-env';
+import { createEditorServer } from '../../src/server/create-editor-server';
+import type { EditorServer } from '../../src/server/editor-server.type';
+import { createLoopbackClient, openTrustedProject } from '../../src/testing';
+
+const FIXTURES = join(import.meta.dirname, '../fixtures');
+
+let workspace: string;
+let dataDir: string;
+let registryDir: string;
+
+const publish = (
+  name: string,
+  version: string,
+  manifest: object,
+  files: Record<string, string>,
+) => {
+  const folder = join(registryDir, name, version);
+  mkdirSync(folder, { recursive: true });
+  writeFileSync(
+    join(folder, 'nanoforge.manifest.json'),
+    JSON.stringify({ name, version, ...manifest }),
+  );
+  for (const [file, text] of Object.entries(files)) writeFileSync(join(folder, file), text);
+};
+
+const start = async (extra: Record<string, string> = {}) => {
+  const env = loadEnv(
+    {
+      NODE_ENV: 'test',
+      FS_ROOT: workspace,
+      DATA_DIR: dataDir,
+      REGISTRY_DIR: registryDir,
+      ...extra,
+    },
+    workspace,
+  );
+  const editor = createEditorServer({
+    env,
+    version: '1.0.0',
+    staticDir: join(workspace, 'static'),
+  });
+  await editor.start();
+  return { editor, client: createLoopbackClient(editor) };
+};
+
+let editor: EditorServer;
+let client: RpcClient;
+let project: string;
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../.tmp-registry-'));
+  cpSync(join(FIXTURES, 'pong-network'), join(workspace, 'pong'), { recursive: true });
+  mkdirSync(join(workspace, 'static'));
+  writeFileSync(join(workspace, 'static/index.html'), '<html>editor</html>');
+  dataDir = join(mkdtempSync(join(tmpdir(), 'nf-data-')), 'editor');
+  registryDir = join(workspace, 'registry');
+
+  const plugin = { type: 'plugin', description: 'Greets from the server' };
+  publish(
+    '@acme/greeter',
+    '1.0.0',
+    {
+      ...plugin,
+      engines: { editor: '^1.0.0' },
+      entry: { client: 'index.js', server: 'server.js' },
+    },
+    {
+      'index.js': 'export const activate = () => {};',
+      'server.js': `import { z } from 'zod';
+export const activate = (context) => {
+  context.implement(
+    { namespace: context.namespace, methods: { hi: { input: z.null(), output: z.string() } }, events: {} },
+    { methods: { hi: () => 'hi from 1.0.0' } },
+  );
+};`,
+    },
+  );
+  publish(
+    '@acme/greeter',
+    '2.0.0',
+    { ...plugin, engines: { editor: '^2.0.0' }, entry: { client: 'index.js' } },
+    { 'index.js': 'export const activate = () => {};' },
+  );
+  publish('@acme/shapes', '1.0.0', { type: 'package', description: 'Shapes' }, { 'circle.ts': '' });
+  publish(
+    '@acme/render',
+    '1.0.0',
+    { type: 'package', dependencies: { '@acme/shapes': '^1.0.0' } },
+    { 'draw.ts': '' },
+  );
+
+  ({ editor, client } = await start());
+  project = await openTrustedProject(client, 'pong');
+});
+
+afterAll(() => {
+  client.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('registry', () => {
+  it('searches by type and describes an item with the version this editor runs', async () => {
+    const registry = client.api(RegistryContract);
+    const plugins = await registry.search({ type: 'plugin' });
+    expect(plugins.items.map((item) => [item.name, item.version])).toEqual([
+      ['@acme/greeter', '2.0.0'],
+    ]);
+    expect((await registry.search({ type: 'package', q: 'shapes' })).items).toHaveLength(1);
+    expect(await registry.details({ name: '@acme/greeter' })).toMatchObject({
+      version: '2.0.0',
+      compatible: '1.0.0',
+    });
+    await expect(registry.details({ name: '@acme/none' })).rejects.toMatchObject({
+      code: 'NOT_FOUND',
+    });
+  });
+
+  it('installs a plugin for the user, runs its server entry, and uninstalls it', async () => {
+    const registry = client.api(RegistryContract);
+    const names = async () =>
+      (await client.api(PluginsContract).list(null)).map(
+        (listing) => `${listing.source}:${(listing.manifest as { name: string }).name}`,
+      );
+    expect(await names()).toEqual([]);
+    expect(await registry.installPlugin({ name: '@acme/greeter', scope: 'user' })).toEqual({
+      version: '1.0.0',
+    });
+    expect(await names()).toEqual(['installed:@acme/greeter']);
+    expect(existsSync(join(dataDir, 'plugins/@acme/greeter/index.js'))).toBe(true);
+    const greeter = defineContract('plugin.@acme/greeter', {
+      methods: { hi: { input: z.null(), output: z.string() } },
+    });
+    await expect(client.api(greeter).hi(null)).resolves.toBe('hi from 1.0.0');
+
+    await expect(
+      registry.installPlugin({ name: '@acme/shapes', scope: 'user' }),
+    ).rejects.toMatchObject({ code: 'BAD_REQUEST' });
+    await expect(
+      registry.installPlugin({ name: '@acme/greeter', scope: 'user', version: '9.0.0' }),
+    ).rejects.toMatchObject({ code: 'NOT_FOUND' });
+
+    await registry.uninstallPlugin({ name: '@acme/greeter', scope: 'user' });
+    expect(await names()).toEqual([]);
+    expect(editor.serverPlugins.active).toEqual([]);
+    await expect(
+      registry.uninstallPlugin({ name: '@acme/greeter', scope: 'user' }),
+    ).rejects.toMatchObject({ code: 'NOT_FOUND' });
+  });
+
+  it('installs a plugin in a project', async () => {
+    const registry = client.api(RegistryContract);
+    await expect(
+      registry.installPlugin({ name: '@acme/greeter', scope: 'project' }),
+    ).rejects.toMatchObject({ code: 'BAD_REQUEST' });
+    await registry.installPlugin({ name: '@acme/greeter', scope: 'project', project });
+    const folder = join(workspace, 'pong/.nanoforge/plugins/@acme/greeter');
+    expect(existsSync(join(folder, 'nanoforge.manifest.json'))).toBe(true);
+    const listed = await client.api(PluginsContract).list({ project });
+    expect(listed.map((listing) => listing.source)).toEqual(['project']);
+    expect(editor.serverPlugins.active).toEqual(['@acme/greeter']);
+    await registry.uninstallPlugin({ name: '@acme/greeter', scope: 'project', project });
+    expect(editor.serverPlugins.active).toEqual([]);
+    expect(existsSync(folder)).toBe(false);
+  });
+
+  it("runs only the project plugins' server entries the editor asks for", async () => {
+    const registry = client.api(RegistryContract);
+    const plugins = client.api(PluginsContract);
+    await registry.installPlugin({ name: '@acme/greeter', scope: 'user', version: '1.0.0' });
+    const installed = editor.serverPlugins.active;
+    expect(installed).toEqual(['@acme/greeter']);
+    await registry.installPlugin({ name: '@acme/greeter', scope: 'project', project });
+
+    await plugins.list({ project });
+    await plugins.runProjectServers({ project, names: [] });
+    expect(editor.serverPlugins.active).toEqual(['@acme/greeter']);
+    const greeter = defineContract('plugin.@acme/greeter', {
+      methods: { hi: { input: z.null(), output: z.string() } },
+    });
+    await expect(client.api(greeter).hi(null)).resolves.toBe('hi from 1.0.0');
+
+    await plugins.runProjectServers({ project, names: ['@acme/greeter'] });
+    expect(editor.serverPlugins.active).toEqual(['@acme/greeter']);
+    await plugins.runProjectServers({ project: null, names: [] });
+    expect(editor.serverPlugins.active).toEqual(['@acme/greeter']);
+    await expect(client.api(greeter).hi(null)).resolves.toBe('hi from 1.0.0');
+
+    await registry.uninstallPlugin({ name: '@acme/greeter', scope: 'project', project });
+    await registry.uninstallPlugin({ name: '@acme/greeter', scope: 'user' });
+    expect(editor.serverPlugins.active).toEqual([]);
+  });
+
+  it('installs, lists and removes the packages of a project', async () => {
+    const registry = client.api(RegistryContract);
+    expect(await registry.packages({ project })).toEqual([]);
+    const installed = await registry.installPackage({ project, name: '@acme/render' });
+    expect(installed.map((entry) => [entry.name, entry.version, entry.range])).toEqual([
+      ['@acme/render', '1.0.0', '^1.0.0'],
+      ['@acme/shapes', '1.0.0', undefined],
+    ]);
+    const root = join(workspace, 'pong');
+    expect(existsSync(join(root, 'nf_modules/@acme/shapes/circle.ts'))).toBe(true);
+    expect(readFileSync(join(root, 'tsconfig.json'), 'utf8')).toContain(
+      '"@acme/render/*": ["./nf_modules/@acme/render/*"]',
+    );
+    await expect(registry.installPackage({ project, name: '@acme/greeter' })).rejects.toMatchObject(
+      { code: 'BAD_REQUEST', message: expect.stringContaining('is a plugin') as string },
+    );
+    await expect(
+      registry.uninstallPackage({ project, name: '@acme/shapes' }),
+    ).rejects.toMatchObject({ code: 'CONFLICT' });
+
+    rmSync(join(root, 'nf_modules'), { recursive: true });
+    expect((await registry.packages({ project })).map((entry) => entry.present)).toEqual([
+      false,
+      false,
+    ]);
+    expect((await registry.restorePackages({ project })).map((entry) => entry.present)).toEqual([
+      true,
+      true,
+    ]);
+    expect(await registry.uninstallPackage({ project, name: '@acme/render' })).toEqual([]);
+    expect(existsSync(join(root, 'nf_modules/@acme'))).toBe(false);
+  });
+
+  it('says the registry is unavailable, and still lists what is installed', async () => {
+    const offline = await start({ REGISTRY_DIR: '', REGISTRY_URL: 'http://127.0.0.1:9' });
+    expect((await offline.client.api(SessionContract).info(null)).features).toEqual(['registry']);
+    try {
+      const registry = offline.client.api(RegistryContract);
+      await expect(registry.search({ type: 'plugin' })).rejects.toMatchObject({
+        code: 'UNAVAILABLE',
+      });
+      const id = (await offline.client.api(ProjectsContract).open({ path: 'pong' })).id;
+      expect(await registry.packages({ project: id })).toEqual([]);
+    } finally {
+      offline.client.dispose();
+      offline.editor.dispose();
+    }
+  });
+
+  it('asks no registry until the API has one (API_FEATURES)', async () => {
+    expect((await client.api(SessionContract).info(null)).features).toEqual(['registry']);
+    const none = await start({ REGISTRY_DIR: '' });
+    try {
+      expect((await none.client.api(SessionContract).info(null)).features).toEqual([]);
+      await expect(none.client.api(RegistryContract).search({ type: 'plugin' })).rejects.toThrow(
+        'The registry is not available yet',
+      );
+    } finally {
+      none.client.dispose();
+      none.editor.dispose();
+    }
+    const env = (features: string) => loadEnv({ API_FEATURES: features }, workspace);
+    expect(env('settings, registry')).toMatchObject({
+      apiFeatures: ['settings', 'registry'],
+      registryUrl: 'https://api.nanoforge.eu',
+    });
+    expect(env('settings').registryUrl).toBeUndefined();
+    expect(() => env('settings,teleport')).toThrow(/unknown feature "teleport"/);
+  });
+
+  it('never installs for a visitor of a hosted editor', async () => {
+    const hosted = await start({
+      PUBLIC_MODE: 'ONLINE',
+      API_KEY: 'key',
+      SESSION_SECRET: 'x'.repeat(32),
+    });
+    try {
+      const registry = hosted.client.api(RegistryContract);
+      await expect(
+        registry.installPlugin({ name: '@acme/greeter', scope: 'user' }),
+      ).rejects.toMatchObject({ code: 'UNAUTHORIZED' });
+    } finally {
+      hosted.client.dispose();
+      hosted.editor.dispose();
+    }
+  });
+});
diff --git a/packages/server-core/test/runtime/project-runtime.spec.ts b/packages/server-core/test/runtime/project-runtime.spec.ts
new file mode 100644
index 00000000..2f8df0ca
--- /dev/null
+++ b/packages/server-core/test/runtime/project-runtime.spec.ts
@@ -0,0 +1,259 @@
+import { chmodSync, cpSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import {
+  RuntimeContract,
+  type RuntimeEvent,
+  runtimeOutputPath,
+} from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import { loadEnv } from '../../src/env/load-env';
+import { parseBuildOutput } from '../../src/runtime/build-orchestrator';
+import { parseDotenv, splitGameEnv } from '../../src/runtime/game-env';
+import { createEditorServer } from '../../src/server/create-editor-server';
+import type { EditorServer } from '../../src/server/editor-server.type';
+import { TEST_ORIGIN, createLoopbackClient, openTrustedProject } from '../../src/testing';
+
+const RUNTIME_FIXTURES = join(import.meta.dirname, '../fixtures/runtime');
+const SERVER_GAME = readFileSync(join(RUNTIME_FIXTURES, 'bridge-game.js'), 'utf8');
+
+let workspace: string;
+let editor: EditorServer;
+let client: RpcClient;
+let project: string;
+const events: RuntimeEvent[] = [];
+
+const waitFor = async <T>(find: () => T | undefined, timeout = 10_000): Promise<T> => {
+  const start = Date.now();
+  for (;;) {
+    const found = find();
+    if (found !== undefined && found !== false) return found;
+    if (Date.now() - start > timeout) throw new Error('Timed out');
+    await new Promise((resolve) => setTimeout(resolve, 10));
+  }
+};
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../.tmp-runtime-'));
+  const root = join(workspace, 'pong');
+  cpSync(join(import.meta.dirname, '../fixtures/pong-network'), root, { recursive: true });
+  writeFileSync(join(root, 'apps/client/game.js'), 'export const main = async () => {};\n');
+  writeFileSync(join(root, 'apps/server/game.js'), SERVER_GAME);
+  writeFileSync(
+    join(root, '.env'),
+    'NANOFORGE_SERVER_PORT=4444\nNANOFORGE_CLIENT_SERVER_PORT=4444\nNANOFORGE_SHARED="both"\n',
+  );
+  const cli = join(workspace, 'nf.cjs');
+  cpSync(join(RUNTIME_FIXTURES, 'nf.cjs'), cli);
+  chmodSync(cli, 0o755);
+
+  editor = createEditorServer({
+    env: loadEnv(
+      {
+        NODE_ENV: 'test',
+        FS_ROOT: workspace,
+        DATA_DIR: join(mkdtempSync(join(tmpdir(), 'nf-data-')), 'editor'),
+        NF_CLI_PATH: cli,
+      },
+      workspace,
+    ),
+    version: '0.0.0-test',
+  });
+  client = createLoopbackClient(editor);
+  project = await openTrustedProject(client, 'pong');
+  client.subscribe(RuntimeContract, 'events', { project }, (event) => events.push(event));
+});
+
+afterAll(() => {
+  client.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('game env', () => {
+  it('parses .env files', () => {
+    expect(
+      parseDotenv('# comment\nA=1\nexport B = "two words"\nC=\'x#y\'\nD=3 # trailing\nbad line'),
+    ).toEqual({ A: '1', B: 'two words', C: 'x#y', D: '3' });
+  });
+
+  it('splits client and server variables like nf start', () => {
+    expect(
+      splitGameEnv({
+        NANOFORGE_CLIENT_PORT: '1',
+        NANOFORGE_SERVER_PORT: '2',
+        NANOFORGE_NAME: 'pong',
+        NANOFORGE_EMPTY: '',
+        PATH: '/bin',
+      }),
+    ).toEqual({ client: { PORT: '1', NAME: 'pong' }, server: { PORT: '2', NAME: 'pong' } });
+  });
+});
+
+describe('build output parsing', () => {
+  it('reads bun errors with their location', () => {
+    const output =
+      '\x1b[31merror: Unexpected ;\x1b[39m\n    at /game/apps/client/src/main.ts:110:11\n';
+    expect(parseBuildOutput(output, '/game')).toEqual([
+      {
+        message: 'Unexpected ;',
+        severity: 'error',
+        path: 'apps/client/src/main.ts',
+        line: 110,
+        column: 11,
+      },
+    ]);
+  });
+});
+
+describe('runtime', () => {
+  const runtime = () => client.api(RuntimeContract);
+
+  it('builds every app and serves their output with content hashes', async () => {
+    const statuses = await runtime().build({ project });
+    expect(statuses.map((status) => [status.app, status.state])).toEqual([
+      ['apps/client', 'ok'],
+      ['apps/server', 'ok'],
+    ]);
+    expect(statuses[0]!.version).toMatch(/^[0-9a-f]{16}$/);
+
+    const manifest = await runtime().manifest({ project, app: 'apps/client' });
+    expect(manifest).toMatchObject({
+      entry: 'main.js',
+      baseUrl: runtimeOutputPath(project, 'apps/client'),
+      version: statuses[0]!.version,
+    });
+    expect(manifest.files.map((file) => file.path)).toEqual(['data.txt', 'main.js']);
+
+    const response = (await editor.fetch(
+      new Request(`${TEST_ORIGIN}${manifest.baseUrl}main.js?v=${manifest.files[1]!.hash}`),
+    ))!;
+    expect(response.status).toBe(200);
+    expect(response.headers.get('cache-control')).toContain('immutable');
+    expect(await response.text()).toContain('export const main');
+    const stale = (await editor.fetch(
+      new Request(`${TEST_ORIGIN}${manifest.baseUrl}main.js?v=0000`),
+    ))!;
+    expect(stale.headers.get('cache-control')).toBe('no-store');
+    const escape = await editor.fetch(
+      new Request(`${TEST_ORIGIN}${manifest.baseUrl}..%2F..%2Fpackage.json`),
+    );
+    expect(escape?.status).toBe(404);
+  });
+
+  it('streams other CLI runs of the project as tasks, and never builds', async () => {
+    const before = events.length;
+    const run = editor.cli.run(['build', '--editor', '--directory', 'apps/client'], {
+      cwd: join(workspace, 'pong'),
+    });
+    await run.done;
+    const lines = await waitFor(() => {
+      const logs = events.slice(before).filter((event) => event.type === 'log');
+      return logs.some((log) => log.text === 'Build succeeded!') ? logs : undefined;
+    });
+    expect(lines.map((log) => [log.source, log.app, log.text])).toEqual([
+      [
+        'cli',
+        'nf build --editor --directory apps/client',
+        '$ nf build --editor --directory apps/client',
+      ],
+      ['cli', 'nf build --editor --directory apps/client', 'Build succeeded!'],
+    ]);
+    const count = events.length;
+    await editor.cli.run(['build', '--editor', '--directory', 'pong/apps/client'], {
+      cwd: workspace,
+    }).done;
+    await new Promise((resolve) => setTimeout(resolve, 50));
+    expect(events.slice(count).filter((event) => event.type === 'log')).toEqual([]);
+  });
+
+  it('reports build errors as diagnostics', async () => {
+    const file = join(workspace, 'pong/apps/client/game.js');
+    writeFileSync(file, 'export const main = 1;\n// SYNTAX ERROR\n');
+    const [status] = await runtime().build({ project, apps: ['apps/client'] });
+    expect(status).toMatchObject({ state: 'error' });
+    expect(status!.diagnostics[0]).toMatchObject({
+      path: 'apps/client/game.js',
+      line: 3,
+      message: 'Unexpected ;',
+    });
+    expect(events.some((event) => event.type === 'log' && event.text === 'Build failed!')).toBe(
+      true,
+    );
+    writeFileSync(file, 'export const main = async () => {};\n');
+  });
+
+  it('rebuilds only the changed app while subscribed', async () => {
+    await runtime().build({ project });
+    for (let count = -1; count !== events.length;) {
+      count = events.length;
+      await new Promise((resolve) => setTimeout(resolve, 400));
+    }
+    events.length = 0;
+    writeFileSync(join(workspace, 'pong/apps/server/game.js'), `${SERVER_GAME}// changed\n`);
+    await waitFor(() =>
+      events.find((event) => event.type === 'build' && event.status.state === 'ok'),
+    );
+    const built = events.flatMap((event) => (event.type === 'build' ? [event.status.app] : []));
+    expect(new Set(built)).toEqual(new Set(['apps/server']));
+  });
+
+  it('splits the env of each side, with overrides', async () => {
+    expect(await runtime().env({ project, app: 'apps/client' })).toEqual({
+      SERVER_PORT: '4444',
+      SHARED: 'both',
+    });
+    expect(
+      await runtime().env({
+        project,
+        app: 'apps/server',
+        overrides: { NANOFORGE_SERVER_PORT: '5555' },
+      }),
+    ).toEqual({ PORT: '5555', SHARED: 'both' });
+  });
+
+  it('runs, pauses and stops the game server, three times in a row', async () => {
+    for (let run = 0; run < 3; run++) {
+      events.length = 0;
+      await runtime().startServer({ project, app: 'apps/server', overrides: {} });
+      await waitFor(() =>
+        events.find((event) => event.type === 'server' && event.state === 'running'),
+      );
+      expect(
+        events.find((event) => event.type === 'log' && event.text.startsWith('port=')),
+      ).toMatchObject({ source: 'server', text: 'port=4444 files=/data.txt,/main.js' });
+
+      await runtime().sendServer({ project, app: 'apps/server', event: 'pause', args: [] });
+      await waitFor(() =>
+        events.find((event) => event.type === 'server' && event.state === 'paused'),
+      );
+      await runtime().sendServer({ project, app: 'apps/server', event: 'ping', args: [run] });
+      await waitFor(() =>
+        events.find((event) => event.type === 'bridge' && event.event === 'pong'),
+      );
+
+      await runtime().stopServer({ project, app: 'apps/server' });
+      expect(events.at(-1)).toMatchObject({ type: 'server', state: 'exited', exitCode: 0 });
+      expect((await runtime().status({ project })).servers).toEqual([]);
+    }
+  });
+
+  it('kills a game server that ignores stop', async () => {
+    writeFileSync(
+      join(workspace, 'pong/apps/server/game.js'),
+      'export const main = async () => { setInterval(() => {}, 1000); };\n',
+    );
+    await runtime().build({ project, apps: ['apps/server'] });
+    const server = editor.runtime.get(editor.projects.get({ mode: 'OFFLINE' } as never, project));
+    events.length = 0;
+    await server.startServer('apps/server');
+    await waitFor(() => events.find((event) => event.type === 'log' || event.type === 'server'));
+    const started = Date.now();
+    await server.stopServer('apps/server');
+    expect(Date.now() - started).toBeLessThan(3000);
+    expect(events.at(-1)).toMatchObject({ type: 'server', state: 'exited' });
+  });
+});
diff --git a/packages/server-core/test/server/create-editor-server.spec.ts b/packages/server-core/test/server/create-editor-server.spec.ts
new file mode 100644
index 00000000..c41ede91
--- /dev/null
+++ b/packages/server-core/test/server/create-editor-server.spec.ts
@@ -0,0 +1,275 @@
+import { cpSync, mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+import { z } from 'zod';
+
+import {
+  FsContract,
+  PluginsContract,
+  ProjectsContract,
+  SessionContract,
+} from '@nanoforge-dev/editor-protocol';
+import { type RpcClient, defineContract } from '@nanoforge-dev/editor-rpc';
+
+import { loadEnv } from '../../src/env/load-env';
+import { createEditorServer } from '../../src/server/create-editor-server';
+import type { EditorServer } from '../../src/server/editor-server.type';
+import { TEST_ORIGIN as ORIGIN, createLoopbackClient, openTrustedProject } from '../../src/testing';
+
+const FIXTURES = join(import.meta.dirname, '../fixtures');
+
+let workspace: string;
+let editor: EditorServer;
+let client: RpcClient;
+
+beforeAll(async () => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../.tmp-server-'));
+  cpSync(join(FIXTURES, 'pong-network'), join(workspace, 'pong'), { recursive: true });
+  const staticDir = join(workspace, 'static');
+  mkdirSync(join(staticDir, '_app'), { recursive: true });
+  writeFileSync(join(staticDir, 'index.html'), '<html>editor</html>');
+  writeFileSync(join(staticDir, '_app/app.js'), 'console.log(1)');
+
+  const env = loadEnv(
+    {
+      NODE_ENV: 'test',
+      FS_ROOT: workspace,
+      DATA_DIR: join(mkdtempSync(join(tmpdir(), 'nf-data-')), 'editor'),
+      BUNDLED_PLUGINS_DIR: join(FIXTURES, 'plugins'),
+    },
+    workspace,
+  );
+  editor = createEditorServer({ env, version: '0.0.0-test', staticDir });
+  await editor.start();
+
+  client = createLoopbackClient(editor);
+});
+
+afterAll(() => {
+  client.dispose();
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+describe('editor server', () => {
+  it('opens pong-network and exposes its model', async () => {
+    const session = await client.api(SessionContract).info(null);
+    expect(session).toMatchObject({ mode: 'OFFLINE', user: { id: 'local' }, loginUrl: null });
+
+    const projects = client.api(ProjectsContract);
+    const { id } = await projects.open({ path: 'pong' });
+    const model = await projects.model({ id });
+    expect(model.apps.map((app) => [app.id, app.type])).toEqual([
+      ['apps/client', 'client'],
+      ['apps/server', 'server'],
+    ]);
+    expect(model.apps[0]!.engineLibs).toHaveProperty('@nanoforge-dev/ecs');
+    expect((await projects.recent(null)).map((project) => project.id)).toEqual([id]);
+    expect((await projects.open({ path: 'pong' })).id).toBe(id);
+  });
+
+  it('streams disk changes to clients within 200 ms', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    const received: string[] = [];
+    const subscription = client.subscribe(FsContract, 'changes', { project: id }, ({ changes }) =>
+      received.push(...changes.map((change) => `${change.type}:${change.path}`)),
+    );
+    /** Watcher initial scan. */
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    const start = Date.now();
+    writeFileSync(join(workspace, 'pong/apps/client/src/new.ts'), 'export {};');
+    while (!received.length && Date.now() - start < 2000)
+      await new Promise((r) => setTimeout(r, 5));
+    subscription.dispose();
+    expect(received).toEqual(['created:apps/client/src/new.ts']);
+    expect(Date.now() - start).toBeLessThan(200);
+  });
+
+  it('reads and writes files through rpc', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    const fs = client.api(FsContract);
+    const file = await fs.read({ project: id, path: 'apps/client/src/main.ts' });
+    expect(new TextDecoder().decode(file.content)).toContain('NanoforgeFactory');
+    await fs.write({ project: id, path: 'notes.md', content: '# hi', expectedHash: null });
+    await expect(fs.read({ project: id, path: '../outside' })).rejects.toMatchObject({
+      code: 'BAD_REQUEST',
+    });
+  });
+
+  it('runs plugin server entries in their namespace', async () => {
+    const echo = defineContract('plugin.@acme/echo', {
+      methods: { echo: { input: z.object({ text: z.string() }), output: z.string() } },
+    });
+    await expect(client.api(echo).echo({ text: 'hello' })).resolves.toMatch(/^hello from /);
+    expect(editor.serverPlugins.active).toEqual(['@acme/echo']);
+  });
+
+  it('lists the plugins of the open project and serves them to it', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    const dir = join(workspace, 'pong/.nanoforge/plugins/@acme/local');
+    mkdirSync(dir, { recursive: true });
+    writeFileSync(
+      join(dir, 'nanoforge.manifest.json'),
+      JSON.stringify({
+        type: 'plugin',
+        name: '@acme/local',
+        version: '1.0.0',
+        engines: { editor: '*' },
+        entry: { client: 'index.js' },
+      }),
+    );
+    writeFileSync(join(dir, 'index.js'), 'export const activate = () => {};');
+    writeFileSync(join(dir, 'page.html'), '<script>parent.alert(1)</script>');
+    try {
+      const plugins = client.api(PluginsContract);
+      const names = (listings: { manifest: unknown }[]) =>
+        listings.map((listing) => (listing.manifest as { name: string }).name);
+      expect(names(await plugins.list(null))).toEqual(['@acme/echo']);
+      const listings = await plugins.list({ project: id });
+      expect(names(listings)).toEqual(['@acme/echo', '@acme/local']);
+      expect(listings[1]).toMatchObject({
+        source: 'project',
+        baseUrl: `/plugins/project/${id}/@acme/local/1.0.0/`,
+      });
+      const get = (path: string) =>
+        editor.fetch(new Request(`${ORIGIN}${path}`)) as Promise<Response>;
+      const script = `/plugins/project/${id}/@acme/local/1.0.0/index.js`;
+      expect((await get(script)).status).toBe(404);
+      expect(await openTrustedProject(client, 'pong')).toBe(id);
+      expect((await get(script)).status).toBe(200);
+      expect((await get(script)).headers.get('content-security-policy')).toBeNull();
+      const page = await get(`/plugins/project/${id}/@acme/local/1.0.0/page.html`);
+      expect(page.status).toBe(200);
+      expect(page.headers.get('content-security-policy')).toBe('sandbox');
+      expect((await get('/plugins/project/unknown/@acme/local/1.0.0/index.js')).status).toBe(404);
+      expect((await get(`/plugins/project/${id}/@acme/local/1.0.0/%E0`)).status).toBe(404);
+      expect((await get('/plugins/bundled/%E0')).status).toBe(404);
+      await expect(plugins.list({ project: 'unknown' })).rejects.toMatchObject({
+        code: 'NOT_FOUND',
+      });
+    } finally {
+      rmSync(join(workspace, 'pong/.nanoforge/plugins'), { recursive: true, force: true });
+    }
+  });
+
+  it('collects the plugins that installed packages suggest', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    const write = (path: string, manifest: object) => {
+      mkdirSync(join(workspace, 'pong/nf_modules', path), { recursive: true });
+      writeFileSync(
+        join(workspace, 'pong/nf_modules', path, 'nanoforge.manifest.json'),
+        JSON.stringify(manifest),
+      );
+    };
+    const pkg = (manifest: object) => ({ type: 'package', version: '1.0.0', ...manifest });
+    write(
+      '@nanoforge/motion',
+      pkg({ name: '@nanoforge/motion', suggestedPlugins: ['@nanoforge/ecs'] }),
+    );
+    write(
+      '@nanoforge/render-2d',
+      pkg({
+        name: '@nanoforge/render-2d',
+        include: ['shapes'],
+        suggestedPlugins: { '@nanoforge/ecs': '^1.0.0', '@nanoforge/graphics-gizmos': '*' },
+      }),
+    );
+    write('@nanoforge/render-2d/shapes', {
+      contents: [{ kind: 'asset', path: 'circle.png' }],
+      suggestedPlugins: ['@nanoforge/ignored'],
+    });
+    write('@evil/bad', pkg({ name: '@evil/bad', suggestedPlugins: { '@x/y': 'not a range' } }));
+    try {
+      expect(await client.api(PluginsContract).suggestions({ project: id })).toEqual([
+        {
+          name: '@nanoforge/ecs',
+          suggestedBy: [
+            { package: '@nanoforge/motion', range: '*' },
+            { package: '@nanoforge/render-2d', range: '^1.0.0' },
+          ],
+        },
+        {
+          name: '@nanoforge/graphics-gizmos',
+          suggestedBy: [{ package: '@nanoforge/render-2d', range: '*' }],
+        },
+      ]);
+    } finally {
+      rmSync(join(workspace, 'pong/nf_modules'), { recursive: true, force: true });
+    }
+  });
+
+  it('serves plugin files, the SPA and refuses foreign origins', async () => {
+    const get = (path: string, headers: Record<string, string> = {}) =>
+      editor.fetch(new Request(`${ORIGIN}${path}`, { headers })) as Promise<Response>;
+    const plugin = await get('/plugins/bundled/@acme/echo/1.0.0/index.js');
+    expect(plugin.status).toBe(200);
+    expect(plugin.headers.get('content-type')).toContain('javascript');
+    expect(
+      (await get('/plugins/bundled/@acme/echo/1.0.0/../../../../../package.json')).status,
+    ).toBe(404);
+    const shell = await get('/project/abc');
+    expect(await shell.text()).toBe('<html>editor</html>');
+    expect(shell.headers.get('content-security-policy')).toBe("frame-ancestors 'self'");
+    expect(shell.headers.get('x-frame-options')).toBe('SAMEORIGIN');
+    expect((await get('/_app/missing.js')).status).toBe(404);
+
+    const forged = await editor.fetch(
+      new Request(`${ORIGIN}/rpc/session.info`, {
+        method: 'POST',
+        body: 'null',
+        headers: { origin: 'https://evil.example' },
+      }),
+    );
+    expect(forged!.status).toBe(403);
+
+    const rebound = await editor.fetch(
+      new Request('http://evil.example/rpc/session.info', {
+        method: 'POST',
+        body: 'null',
+        headers: { origin: 'http://evil.example' },
+      }),
+    );
+    expect(rebound!.status).toBe(421);
+    expect((await get('/files/x/%E0')).status).toBe(404);
+    expect((await get('/%E0')).status).toBe(404);
+  });
+
+  it('survives WebSocket frames that are not messages', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    let rpc: { receive(raw: string): Promise<void> } | undefined;
+    await editor.fetch(new Request(`${ORIGIN}/rpc/ws`), (_request, { data }) => {
+      editor.websocket.open({ data, send: () => 1, close: () => undefined });
+      rpc = data.rpc;
+      return true;
+    });
+    for (const frame of ['null', '1', '"x"', '[]'])
+      await expect(rpc!.receive(frame)).resolves.toBeUndefined();
+    expect((await client.api(ProjectsContract).model({ id })).name).toBeTruthy();
+  });
+
+  it('serves project files and downloads folders as zip', async () => {
+    const { id } = await client.api(ProjectsContract).open({ path: 'pong' });
+    const fetchFile = async (path: string) => {
+      const response = await editor.fetch(
+        new Request(`${ORIGIN}/files/${id}/${path}`, { headers: { cookie: '' } }),
+      );
+      return response!;
+    };
+    const file = await fetchFile('apps/client/package.json');
+    expect(file.status).toBe(200);
+    expect(file.headers.get('content-security-policy')).toBe('sandbox');
+    expect(file.headers.get('x-content-type-options')).toBe('nosniff');
+    expect(await file.json()).toMatchObject({ name: expect.any(String) });
+
+    const download = await fetchFile('apps/client/package.json?download');
+    expect(download.headers.get('content-disposition')).toBe('attachment; filename="package.json"');
+
+    const archive = await fetchFile('apps?download');
+    expect(archive.headers.get('content-type')).toBe('application/zip');
+    const bytes = new Uint8Array(await archive.arrayBuffer());
+    expect(String.fromCharCode(bytes[0]!, bytes[1]!)).toBe('PK');
+
+    expect((await fetchFile('..%2Foutside')).status).toBe(404);
+  });
+});
diff --git a/packages/server-core/test/server/request-guard.spec.ts b/packages/server-core/test/server/request-guard.spec.ts
new file mode 100644
index 00000000..eef03aee
--- /dev/null
+++ b/packages/server-core/test/server/request-guard.spec.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest';
+
+import { loadEnv } from '../../src/env/load-env';
+import { hostAllowed, originAllowed } from '../../src/server/request-guard';
+
+const offline = loadEnv({ NODE_ENV: 'test', ALLOWED_HOSTS: 'editor.lan' });
+const online = (hosts = '') =>
+  loadEnv({ NODE_ENV: 'test', PUBLIC_MODE: 'ONLINE', API_KEY: 'k', ALLOWED_HOSTS: hosts });
+
+describe('hostAllowed', () => {
+  it('answers a local editor only by loopback names and ALLOWED_HOSTS', () => {
+    for (const host of ['localhost:3000', '127.0.0.1:4790', '[::1]:3000', 'editor.localhost'])
+      expect(hostAllowed(offline, host)).toBe(true);
+    expect(hostAllowed(offline, 'editor.lan:3000')).toBe(true);
+    expect(hostAllowed(offline, 'evil.example:3000')).toBe(false);
+    expect(hostAllowed(offline, null)).toBe(false);
+  });
+
+  it('checks a hosted editor when ALLOWED_HOSTS is set', () => {
+    expect(hostAllowed(online(), 'editor.nanoforge.eu')).toBe(true);
+    expect(hostAllowed(online('editor.nanoforge.eu'), 'editor.nanoforge.eu')).toBe(true);
+    expect(hostAllowed(online('editor.nanoforge.eu'), 'evil.example')).toBe(false);
+  });
+});
+
+describe('originAllowed', () => {
+  const request = (headers: Record<string, string>) =>
+    new Request('http://localhost:3000/files/p/a.png', { headers });
+
+  it('lets same-origin requests, navigations and non-browser clients through', () => {
+    expect(
+      originAllowed(offline, request({ origin: 'http://localhost:3000', host: 'localhost:3000' })),
+    ).toBe(true);
+    expect(originAllowed(offline, request({}))).toBe(true);
+    expect(
+      originAllowed(
+        offline,
+        request({ 'sec-fetch-site': 'cross-site', 'sec-fetch-mode': 'navigate' }),
+      ),
+    ).toBe(true);
+  });
+
+  it('refuses other origins and cross-site loads', () => {
+    expect(originAllowed(offline, request({ origin: 'https://evil.example' }))).toBe(false);
+    expect(originAllowed(offline, request({ origin: 'null' }))).toBe(false);
+    expect(
+      originAllowed(
+        offline,
+        request({ 'sec-fetch-site': 'cross-site', 'sec-fetch-mode': 'no-cors' }),
+      ),
+    ).toBe(false);
+  });
+});
diff --git a/packages/server-core/test/session/session-store.spec.ts b/packages/server-core/test/session/session-store.spec.ts
new file mode 100644
index 00000000..c1ef441d
--- /dev/null
+++ b/packages/server-core/test/session/session-store.spec.ts
@@ -0,0 +1,91 @@
+import { describe, expect, it } from 'vitest';
+
+import { ApiClient } from '../../src/api/api-client';
+import { loadEnv } from '../../src/env/load-env';
+import { serializeCookie, sign } from '../../src/session/cookies';
+import { SESSION_COOKIE, type Session, SessionStore } from '../../src/session/session-store';
+import { createMockApi } from '../mocks/nanoforge-api';
+
+const env = loadEnv({
+  NODE_ENV: 'test',
+  PUBLIC_MODE: 'ONLINE',
+  API_KEY: 'test-key',
+  API_URL: 'https://api.test',
+  SESSION_SECRET: 'secret',
+});
+
+const setup = (maxSessions?: number) => {
+  const mock = createMockApi();
+  const api = new ApiClient(env, mock.fetch);
+  const store = new SessionStore(env, {
+    verify: (session) => api.currentUser(session),
+    ...(maxSessions && { maxSessions }),
+  });
+  return { mock, api, store };
+};
+
+const cookieOf = (setCookies: string[]) => setCookies[0]!.split(';')[0]!;
+const forgedJwt = `x.${Buffer.from(JSON.stringify({ sub: 'user-1', name: 'Ada' })).toString('base64url')}.x`;
+
+describe('SessionStore', () => {
+  it('signs in only with a token the API accepts', async () => {
+    const { store, mock } = setup();
+    const forged = await store.resolve(`accessToken=${forgedJwt}`);
+    expect(forged.session.user).toBeNull();
+
+    const { session, setCookies } = await store.resolve(
+      'accessToken=access-1; refreshToken=refresh-1',
+    );
+    expect(session.user).toEqual({ id: 'user-1', name: 'ada', email: 'ada@nanoforge.test' });
+    const calls = mock.calls.length;
+    await store.resolve(`${cookieOf(setCookies)}; accessToken=access-1; refreshToken=refresh-1`);
+    expect(mock.calls.length).toBe(calls);
+  });
+
+  it('refreshes once for parallel expired requests', async () => {
+    const { store, api, mock } = setup();
+    const { session } = await store.resolve('accessToken=access-1; refreshToken=refresh-1');
+    mock.expireAccessToken();
+    await Promise.all([api.gatewayProjects(session), api.gatewayProjects(session)]);
+    expect(mock.calls.filter((call) => call === 'POST /auth/refresh-token')).toHaveLength(1);
+    expect(session.user?.id).toBe('user-1');
+  });
+
+  it('keeps no session for requests that do not need one, and caps the others', async () => {
+    const { store } = setup(2);
+    const dropped: Session[] = [];
+    store.onDidDrop((session) => dropped.push(session));
+    const throwaway = await store.resolve(null, { create: false });
+    expect(throwaway.setCookies).toEqual([]);
+    const first = await store.resolve(null);
+    await store.resolve(null);
+    await store.resolve(null);
+    expect(dropped).toEqual([first.session]);
+    const again = await store.resolve(
+      serializeCookie(SESSION_COOKIE, sign(first.session.id, env.sessionSecret)),
+    );
+    expect(again.session.id).not.toBe(first.session.id);
+  });
+  it("gives a new user none of the previous user's projects", async () => {
+    const store = new SessionStore(env, {
+      verify: async (session) => {
+        const id = session.tokens?.accessToken.replace('access-', '');
+        return id ? { id, name: id, email: `${id}@nanoforge.test` } : null;
+      },
+    });
+    const first = await store.resolve('accessToken=access-ada; refreshToken=r');
+    const cookie = cookieOf(first.setCookies);
+    first.session.projects.add('project-1');
+
+    await store.resolve(`${cookie}; accessToken=access-ada2; refreshToken=r`);
+    expect(first.session.user?.id).toBe('ada2');
+    expect([...first.session.projects]).toEqual([]);
+
+    first.session.projects.add('project-2');
+    await store.resolve(`${cookie}; accessToken=access-ada2; refreshToken=r`);
+    expect([...first.session.projects]).toEqual(['project-2']);
+    await store.resolve(cookie);
+    expect(first.session.user).toBeNull();
+    expect([...first.session.projects]).toEqual([]);
+  });
+});
diff --git a/packages/server-core/test/settings/account-backends.spec.ts b/packages/server-core/test/settings/account-backends.spec.ts
new file mode 100644
index 00000000..83cf84a1
--- /dev/null
+++ b/packages/server-core/test/settings/account-backends.spec.ts
@@ -0,0 +1,98 @@
+import { existsSync, mkdtempSync, readFileSync, readdirSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { ApiClient } from '../../src/api/api-client';
+import { loadEnv } from '../../src/env/load-env';
+import type { Session } from '../../src/session/session-store';
+import { ApiAccountBackend, FileAccountBackend } from '../../src/settings/account-backends';
+import { createMockApi } from '../mocks/nanoforge-api';
+
+const session = (tokens: Session['tokens'] = null): Session => ({
+  id: 's',
+  mode: tokens ? 'ONLINE' : 'OFFLINE',
+  user: { id: 'user-1', name: 'Ada' },
+  tokens,
+  projects: new Set(),
+  lastSeen: 0,
+  sockets: 0,
+});
+
+describe('FileAccountBackend', () => {
+  const backend = () =>
+    new FileAccountBackend(loadEnv({ DATA_DIR: mkdtempSync(join(tmpdir(), 'nf-settings-')) }));
+
+  it('stores revisioned documents and rejects stale writes', async () => {
+    const files = backend();
+    const changes: string[] = [];
+    files.onDidChange(({ revision }) => changes.push(revision));
+    const user = session();
+    expect(await files.get(user)).toEqual({ revision: null, values: {} });
+    const { revision } = await files.put(user, null, { 'editor.fontSize': 14 });
+    expect(await files.get(user)).toEqual({ revision, values: { 'editor.fontSize': 14 } });
+    await expect(files.put(user, null, {})).rejects.toMatchObject({
+      code: 'CONFLICT',
+      data: { revision, values: { 'editor.fontSize': 14 } },
+    });
+    expect(changes).toEqual([revision]);
+  });
+
+  it('sets aside a settings file that is not valid JSON instead of overwriting it', async () => {
+    const dataDir = mkdtempSync(join(tmpdir(), 'nf-settings-'));
+    const files = new FileAccountBackend(loadEnv({ DATA_DIR: dataDir }));
+    const user = session();
+    await files.put(user, null, { 'editor.fontSize': 14 });
+    const folder = join(dataDir, 'settings/accounts');
+    const [name] = readdirSync(folder);
+    writeFileSync(join(folder, name!), '{ "revision": "1", "values": { oops } }');
+    expect(await files.get(user)).toEqual({ revision: null, values: {} });
+    const aside = readdirSync(folder).find((file) => file.includes('.invalid-'));
+    expect(aside && readFileSync(join(folder, aside), 'utf8')).toContain('oops');
+    await files.put(user, null, { 'editor.tabSize': 4 });
+    expect(existsSync(join(folder, aside!))).toBe(true);
+  });
+
+  it('enforces size limits', async () => {
+    const values = Object.fromEntries(Array.from({ length: 2001 }, (_, i) => [`k${i}`, i]));
+    await expect(backend().put(session(), null, values)).rejects.toMatchObject({
+      code: 'PAYLOAD_TOO_LARGE',
+    });
+  });
+});
+
+describe('ApiAccountBackend (mock NanoForge API)', () => {
+  const setup = () => {
+    const api = createMockApi();
+    const env = loadEnv({
+      PUBLIC_MODE: 'ONLINE',
+      API_KEY: 'test-key',
+      API_URL: 'https://api.test',
+    });
+    return { api, backend: new ApiAccountBackend(new ApiClient(env, api.fetch)) };
+  };
+
+  it('reads, writes and maps conflicts with the current document', async () => {
+    const { backend } = setup();
+    const user = session({ accessToken: 'access-1', refreshToken: 'refresh-1' });
+    expect(await backend.get(user)).toEqual({ revision: null, values: {} });
+    const first = await backend.put(user, null, { a: 1 });
+    await expect(backend.put(user, null, { a: 2 })).rejects.toMatchObject({
+      code: 'CONFLICT',
+      data: { revision: first.revision, values: { a: 1 } },
+    });
+  });
+
+  it('refreshes expired access tokens once', async () => {
+    const { api, backend } = setup();
+    const user = session({ accessToken: 'access-1', refreshToken: 'refresh-1' });
+    api.expireAccessToken();
+    await backend.put(user, null, { a: 1 });
+    expect(user.tokens!.accessToken).not.toBe('access-1');
+    expect(api.calls).toEqual([
+      'PUT /users/me/editor-settings',
+      'POST /auth/refresh-token',
+      'PUT /users/me/editor-settings',
+    ]);
+  });
+});
diff --git a/packages/server-core/test/util/glob.spec.ts b/packages/server-core/test/util/glob.spec.ts
new file mode 100644
index 00000000..e2d4b4fc
--- /dev/null
+++ b/packages/server-core/test/util/glob.spec.ts
@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest';
+
+import { matchSegment } from '../../src/util/glob';
+
+describe('matchSegment', () => {
+  it('matches * as any run of characters', () => {
+    expect(matchSegment('*', 'client')).toBe(true);
+    expect(matchSegment('app-*', 'app-client')).toBe(true);
+    expect(matchSegment('*-lib', 'app-client')).toBe(false);
+    expect(matchSegment('a*b*c', 'axxbyyc')).toBe(true);
+    expect(matchSegment('a.b', 'aXb')).toBe(false);
+  });
+
+  it('stays linear on patterns that make a regex backtrack', () => {
+    const start = performance.now();
+    expect(matchSegment(`${'a*'.repeat(30)}b`, 'a'.repeat(5000))).toBe(false);
+    expect(performance.now() - start).toBeLessThan(1000);
+  });
+});
diff --git a/packages/server-core/tsconfig.json b/packages/server-core/tsconfig.json
new file mode 100644
index 00000000..e9c37cbb
--- /dev/null
+++ b/packages/server-core/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"],
+  "exclude": ["node_modules", "dist", "test/fixtures"]
+}
diff --git a/packages/settings/.prettierignore b/packages/settings/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/settings/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/settings/LICENSE b/packages/settings/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/settings/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/settings/README.md b/packages/settings/README.md
new file mode 100644
index 00000000..f7ed2c87
--- /dev/null
+++ b/packages/settings/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/settings"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fsettings" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-settings` is an internal package of the NanoForge Editor.
+
+Layered settings engine (default, account, machine, project, project-local).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/settings
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/settings/package.json b/packages/settings/package.json
new file mode 100644
index 00000000..948d77c9
--- /dev/null
+++ b/packages/settings/package.json
@@ -0,0 +1,66 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-settings",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Layered settings engine (default, account, machine, project, project-local)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/settings"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts"
+  },
+  "dependencies": {
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-project": "workspace:*",
+    "@nanoforge-dev/editor-protocol": "workspace:*",
+    "@nanoforge-dev/editor-rpc": "workspace:*",
+    "zod": "catalog:libs"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-server-core": "workspace:*",
+    "typescript": "catalog:build",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/settings/src/account-sync/account-sync-store.ts b/packages/settings/src/account-sync/account-sync-store.ts
new file mode 100644
index 00000000..80ee9d3b
--- /dev/null
+++ b/packages/settings/src/account-sync/account-sync-store.ts
@@ -0,0 +1,241 @@
+import {
+  DisposableStore,
+  type Observable,
+  ObservableValue,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import { SETTINGS_LIMITS } from '@nanoforge-dev/editor-protocol';
+
+import type { KeyValueStore } from '../key-value/key-value-store.type';
+import { deepEqual } from '../merge/deep-merge';
+import { type MergeConflict, merge3 } from '../merge/merge3';
+import type { ScopeStore, SettingValues } from '../store/scope-store.type';
+import { applyPatch } from '../store/setting-values';
+import type {
+  AccountDocument,
+  AccountRemote,
+  AccountSyncOptions,
+  SyncStatus,
+} from './account-sync.type';
+
+interface PersistedState {
+  base: AccountDocument;
+  local: SettingValues;
+  dirty: boolean;
+}
+
+const errorCode = (error: unknown) => (error as { code?: string } | null)?.code;
+const OFFLINE_CODES = new Set(['UNAVAILABLE', 'TIMEOUT']);
+
+/**
+ * The server refuses an account document past its limits, and would refuse it again at every
+ * sync: say why before sending it.
+ */
+const checkSize = (values: Record<string, unknown>) => {
+  const keys = Object.keys(values).length;
+  const bytes = new TextEncoder().encode(JSON.stringify(values)).length;
+  if (keys > SETTINGS_LIMITS.maxKeys || bytes > SETTINGS_LIMITS.maxBytes)
+    throw new Error(
+      `Account settings are too large to sync (${keys} settings, ${Math.ceil(bytes / 1024)} KiB; at most ${SETTINGS_LIMITS.maxKeys} and ${SETTINGS_LIMITS.maxBytes / 1024} KiB). Reset large ones, such as keymap overrides, or keep them on this machine.`,
+    );
+};
+
+/**
+ * Account scope: edits apply locally at once, are persisted (offline queue) and pushed to the
+ * remote in the background. Concurrent edits from other devices are merged per key against the
+ * last synced base; keys changed on both sides keep the local value and are reported as
+ * conflicts for the user to settle.
+ */
+export class AccountSyncStore implements ScopeStore {
+  private readonly _values = new ObservableValue<SettingValues>({});
+  private readonly _status = new ObservableValue<SyncStatus>('idle');
+  private readonly _error = new ObservableValue<string | undefined>(undefined);
+  private readonly _conflicts = new ObservableValue<readonly MergeConflict[]>([]);
+  private readonly _store = new DisposableStore();
+  private _state: PersistedState = {
+    base: { revision: null, values: {} },
+    local: {},
+    dirty: false,
+  };
+  private _running: Promise<void> | undefined;
+  private _rerun = false;
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _attempt = 0;
+  private _disposed = false;
+  /** Bumped by every local write: a pull or a push that saw an older one must not drop it. */
+  private _edits = 0;
+
+  constructor(
+    private readonly _remote: AccountRemote,
+    private readonly _kv: KeyValueStore,
+    private readonly _key: string,
+    private readonly _options: AccountSyncOptions = {},
+  ) {}
+
+  get values(): Observable<SettingValues> {
+    return this._values.readonly();
+  }
+
+  get status(): Observable<SyncStatus> {
+    return this._status.readonly();
+  }
+
+  /** Why the last sync failed (`status` is `error`), until one succeeds. */
+  get error(): Observable<string | undefined> {
+    return this._error.readonly();
+  }
+
+  get conflicts(): Observable<readonly MergeConflict[]> {
+    return this._conflicts.readonly();
+  }
+
+  /** True while local edits have not reached the remote. */
+  get dirty(): boolean {
+    return this._state.dirty;
+  }
+
+  async initialize(): Promise<void> {
+    const persisted = await this._kv.get<PersistedState>(this._key);
+    if (persisted) this._state = persisted;
+    this._values.set(this._state.local);
+    if (this._remote.onDidReconnect) {
+      this._store.add(this._remote.onDidReconnect(() => void this.sync()));
+    }
+    await this.sync();
+  }
+
+  async write(patch: SettingValues): Promise<void> {
+    this._edits++;
+    this._state = { ...this._state, local: applyPatch(this._state.local, patch), dirty: true };
+    this._values.set(this._state.local);
+    await this._persist();
+    this._schedule(this._options.debounceMs ?? 500);
+  }
+
+  /** Settles a conflict with the chosen value (pushed like any edit). */
+  async resolveConflict(key: string, value: unknown): Promise<void> {
+    this._conflicts.set(this._conflicts.get().filter((conflict) => conflict.key !== key));
+    await this.write({ [key]: value });
+  }
+
+  /** Pulls or pushes now (serialized; a call during a run triggers one more run). */
+  sync(): Promise<void> {
+    if (this._running) {
+      this._rerun = true;
+      return this._running;
+    }
+    clearTimeout(this._timer);
+    this._running = this._run().finally(() => {
+      this._running = undefined;
+      if (this._rerun && !this._disposed) {
+        this._rerun = false;
+        void this.sync();
+      }
+    });
+    return this._running;
+  }
+
+  dispose(): void {
+    this._disposed = true;
+    clearTimeout(this._timer);
+    this._store.dispose();
+  }
+
+  private async _run(): Promise<void> {
+    this._status.set('syncing');
+    try {
+      if (this._state.dirty) await this._push();
+      else await this._pull();
+      this._attempt = 0;
+      this._error.set(undefined);
+      this._status.set(
+        this._conflicts.get().length ? 'conflict' : this._state.dirty ? 'pending' : 'idle',
+      );
+    } catch (error) {
+      if (OFFLINE_CODES.has(errorCode(error) ?? '') || error instanceof TypeError) {
+        this._status.set('offline');
+        const delays = this._options.retryDelays ?? [1000, 2000, 5000, 15_000, 60_000];
+        this._schedule(delays[Math.min(this._attempt++, delays.length - 1)]!);
+      } else {
+        this._error.set(error instanceof Error ? error.message : String(error));
+        this._status.set('error');
+      }
+    }
+  }
+
+  private async _pull(): Promise<void> {
+    const edits = this._edits;
+    const remote = await this._remote.get();
+    if (remote.revision === this._state.base.revision) return;
+    if (edits !== this._edits) {
+      this._rebase(remote);
+    } else {
+      this._state = {
+        base: remote,
+        local: { ...remote.values, ...this._localOnly(this._state.local) },
+        dirty: false,
+      };
+    }
+    this._values.set(this._state.local);
+    await this._persist();
+  }
+
+  /**
+   * Moves local edits on top of a newer remote document (three-way merge from the last common
+   * base); keys both sides changed become conflicts. The result still has to be pushed.
+   */
+  private _rebase(remote: AccountDocument): void {
+    const local = this._synced(this._state.local);
+    const { values, conflicts } = merge3(this._state.base.values, local, remote.values);
+    this._state = {
+      base: remote,
+      local: { ...values, ...this._localOnly(this._state.local) },
+      dirty: true,
+    };
+    if (conflicts.length) this._conflicts.set([...this._conflicts.get(), ...conflicts]);
+    this._rerun = true;
+  }
+
+  private async _push(attempt = 0): Promise<void> {
+    const sent = this._synced(this._state.local);
+    checkSize(sent);
+    try {
+      const { revision } = await this._remote.put(this._state.base.revision, sent);
+      const dirty = !deepEqual(this._synced(this._state.local), sent);
+      this._state = { ...this._state, base: { revision, values: sent }, dirty };
+      await this._persist();
+      if (dirty) this._rerun = true;
+    } catch (error) {
+      if (errorCode(error) !== 'CONFLICT' || attempt >= 3) throw error;
+      const remote = (error as { data?: AccountDocument }).data ?? (await this._remote.get());
+      this._rebase(remote);
+      this._rerun = false;
+      this._values.set(this._state.local);
+      await this._persist();
+      await this._push(attempt + 1);
+    }
+  }
+
+  private _synced(values: SettingValues): Record<string, unknown> {
+    const isSynced = this._options.isSynced ?? (() => true);
+    return Object.fromEntries(Object.entries(values).filter(([key]) => isSynced(key)));
+  }
+
+  private _localOnly(values: SettingValues): Record<string, unknown> {
+    const isSynced = this._options.isSynced ?? (() => true);
+    return Object.fromEntries(Object.entries(values).filter(([key]) => !isSynced(key)));
+  }
+
+  private _persist(): Promise<void> {
+    return this._kv.set(this._key, this._state);
+  }
+
+  private _schedule(delay: number): void {
+    if (this._disposed) return;
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => void this.sync(), delay);
+  }
+}
+
+/** The account scope's store: sync status and conflicts (settings UI, status bar). */
+export const AccountSyncToken = createToken<AccountSyncStore>('settings.accountSync');
diff --git a/packages/settings/src/account-sync/account-sync.type.ts b/packages/settings/src/account-sync/account-sync.type.ts
new file mode 100644
index 00000000..649c07f9
--- /dev/null
+++ b/packages/settings/src/account-sync/account-sync.type.ts
@@ -0,0 +1,31 @@
+import type { Event } from '@nanoforge-dev/editor-kernel';
+
+import type { SettingValues } from '../store/scope-store.type';
+
+export interface AccountDocument {
+  /** Opaque revision (ETag); null before the first save. */
+  readonly revision: string | null;
+  readonly values: SettingValues;
+}
+
+/** Remote copy of the account settings (the editor server, which talks to the API). */
+export interface AccountRemote {
+  /** Fired when the connection came back: pending edits are flushed. */
+  readonly onDidReconnect?: Event<void>;
+  get(): Promise<AccountDocument>;
+  /**
+   * Saves when the remote revision is still `baseRevision`. Otherwise throws an error with
+   * `code: 'CONFLICT'` and the current document as `data`.
+   */
+  put(baseRevision: string | null, values: SettingValues): Promise<{ revision: string }>;
+}
+
+export type SyncStatus = 'idle' | 'syncing' | 'pending' | 'offline' | 'conflict' | 'error';
+
+export interface AccountSyncOptions {
+  /** Keys that may leave the machine (settings with `sync: false` stay local). */
+  isSynced?: (key: string) => boolean;
+  debounceMs?: number;
+  /** Retry delays while offline; the last one repeats. */
+  retryDelays?: readonly number[];
+}
diff --git a/packages/settings/src/account-sync/index.ts b/packages/settings/src/account-sync/index.ts
new file mode 100644
index 00000000..34b84dd1
--- /dev/null
+++ b/packages/settings/src/account-sync/index.ts
@@ -0,0 +1,3 @@
+export * from './account-sync.type';
+export * from './account-sync-store';
+export * from './rpc-account-remote';
diff --git a/packages/settings/src/account-sync/rpc-account-remote.ts b/packages/settings/src/account-sync/rpc-account-remote.ts
new file mode 100644
index 00000000..3bf4f828
--- /dev/null
+++ b/packages/settings/src/account-sync/rpc-account-remote.ts
@@ -0,0 +1,25 @@
+import { SettingsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { AccountRemote } from './account-sync.type';
+
+/**
+ * Account settings through the editor server (which uses the NanoForge API online, or the local
+ * data dir offline). Saves from other tabs/devices are announced so the store pulls them.
+ */
+export const rpcAccountRemote = (
+  rpc: RpcClient,
+): AccountRemote & { watch(onChange: () => void): () => void } => {
+  const api = rpc.api(SettingsContract);
+  return {
+    get: () => api.accountGet(null),
+    put: (baseRevision, values) => api.accountPut({ baseRevision, values }),
+    onDidReconnect: rpc.onDidReconnect,
+    watch: (onChange) => {
+      const subscription = rpc.subscribe(SettingsContract, 'accountChanges', null, () =>
+        onChange(),
+      );
+      return () => subscription.dispose();
+    },
+  };
+};
diff --git a/packages/settings/src/definition/core-settings.ts b/packages/settings/src/definition/core-settings.ts
new file mode 100644
index 00000000..53638b6b
--- /dev/null
+++ b/packages/settings/src/definition/core-settings.ts
@@ -0,0 +1,121 @@
+import { z } from 'zod';
+
+import { defineSetting } from './define-setting';
+
+/** Settings owned by the editor core (3.9). Features of later phases read them. */
+export const CoreSettings = {
+  locale: defineSetting({
+    key: 'editor.locale',
+    schema: z.string().regex(/^[a-z]{2}(-[A-Z]{2})?$/),
+    default: 'en',
+    title: 'Language',
+    description: 'Language of the editor and plugins (en, fr…).',
+    category: 'Editor/Appearance',
+    scopes: ['account', 'machine'],
+  }),
+  theme: defineSetting({
+    key: 'appearance.theme',
+    schema: z.string().min(1),
+    default: 'nanoforge-dark',
+    title: 'Theme',
+    description: 'Color theme of the editor.',
+    category: 'Editor/Appearance',
+    scopes: ['account', 'machine'],
+  }),
+  historyLimit: defineSetting({
+    key: 'history.limit',
+    schema: z.number().int().min(1).max(10_000),
+    default: 100,
+    title: 'Undo limit',
+    description: 'Number of undo steps kept per document.',
+    category: 'Editor/History',
+  }),
+  historyMergeWindow: defineSetting({
+    key: 'history.mergeWindowMs',
+    schema: z.number().int().min(0).max(10_000),
+    default: 500,
+    title: 'Undo merge window',
+    description: 'Consecutive changes of the same value within this delay (ms) are one undo step.',
+    category: 'Editor/History',
+  }),
+  layoutActive: defineSetting({
+    key: 'layout.active',
+    schema: z.string(),
+    default: 'default',
+    title: 'Active layout',
+    category: 'Editor/Layout',
+    scopes: ['account', 'machine', 'projectLocal'],
+  }),
+  layoutSaved: defineSetting({
+    key: 'layout.saved',
+    schema: z.record(z.string(), z.unknown()),
+    default: {},
+    title: 'Saved layouts',
+    description: 'Named layouts (managed from the Window menu).',
+    category: 'Editor/Layout',
+    mergeStrategy: 'deep',
+  }),
+  keymapOverrides: defineSetting({
+    key: 'keymap.overrides',
+    schema: z.array(
+      z.object({
+        command: z.string(),
+        key: z.string(),
+        when: z.string().optional(),
+        args: z.array(z.unknown()).optional(),
+        remove: z.boolean().optional(),
+      }),
+    ),
+    default: [],
+    title: 'Keyboard shortcuts',
+    description: 'Shortcuts added or removed on top of the defaults and the preset.',
+    category: 'Editor/Keymap',
+    mergeStrategy: 'union',
+    scopes: ['account', 'machine'],
+  }),
+  keymapPreset: defineSetting({
+    key: 'keymap.preset',
+    schema: z.string(),
+    default: 'default',
+    title: 'Keymap preset',
+    description: 'A set of shortcuts applied on top of the defaults.',
+    category: 'Editor/Keymap',
+    scopes: ['account', 'machine'],
+  }),
+  pluginsDisabled: defineSetting({
+    key: 'plugins.disabled',
+    schema: z.array(z.string()),
+    default: [],
+    title: 'Disabled plugins',
+    description: 'Plugins not loaded (takes effect after a reload).',
+    category: 'Editor/Plugins',
+    mergeStrategy: 'union',
+  }),
+  pluginsAccount: defineSetting({
+    key: 'plugins.account',
+    schema: z.record(z.string(), z.string()),
+    default: {},
+    title: 'Plugins of my account',
+    description:
+      'Plugins installed for me from the marketplace, with version ranges. On another machine the editor offers to install them.',
+    category: 'Editor/Plugins',
+    scopes: ['account'],
+  }),
+  pluginsTrustedProjects: defineSetting({
+    key: 'plugins.trustedProjects',
+    schema: z.array(z.string()),
+    default: [],
+    title: 'Projects allowed to run their plugins',
+    description:
+      'On a hosted editor, the plugins a project keeps in .nanoforge/plugins run only in the projects listed here (by id). Anyone who can change the project can change its plugins.',
+    category: 'Editor/Plugins',
+    scopes: ['account'],
+    mergeStrategy: 'union',
+  }),
+} as const;
+
+/**
+ * Plugins that `plugins.disabled` cannot turn off: the Settings plugin holds the switches that
+ * turn plugins back on.
+ */
+export const REQUIRED_PLUGINS: readonly string[] = ['@nanoforge/settings-ui'];
diff --git a/packages/settings/src/definition/define-setting.ts b/packages/settings/src/definition/define-setting.ts
new file mode 100644
index 00000000..0236c534
--- /dev/null
+++ b/packages/settings/src/definition/define-setting.ts
@@ -0,0 +1,29 @@
+import { WRITABLE_SCOPES } from '../scope/setting-scope.enum';
+import type { SettingDefinition, SettingInput } from './setting-definition.type';
+
+const KEY_PATTERN = /^(@[a-z0-9][\w-]*\/[a-z0-9][\w-]*|[a-z0-9][\w-]*)(\.[a-zA-Z0-9][\w-]*)+$/;
+
+/** Declares a setting in code. The default value must satisfy the schema. */
+export const defineSetting = <T>(input: SettingInput<T>): SettingDefinition<T> => {
+  if (!KEY_PATTERN.test(input.key)) throw new Error(`Invalid setting key "${input.key}"`);
+  const parsed = input.schema.safeParse(input.default);
+  if (!parsed.success) throw new Error(`Default of "${input.key}" does not match its schema`);
+  const sync = input.sync ?? true;
+  const scopes = (input.scopes ?? WRITABLE_SCOPES).filter((scope) => sync || scope !== 'account');
+  return Object.freeze({
+    key: input.key,
+    schema: input.schema,
+    default: parsed.data,
+    scopes,
+    sync,
+    mergeStrategy: input.mergeStrategy ?? 'replace',
+    title: input.title ?? input.key,
+    description: input.description ?? '',
+    category: input.category ?? 'Other',
+    order: input.order ?? 0,
+    tags: input.tags ?? [],
+    ...(input.deprecated && { deprecated: input.deprecated }),
+    renamedFrom: input.renamedFrom ?? [],
+    owner: input.owner ?? 'core',
+  });
+};
diff --git a/packages/settings/src/definition/index.ts b/packages/settings/src/definition/index.ts
new file mode 100644
index 00000000..296be29a
--- /dev/null
+++ b/packages/settings/src/definition/index.ts
@@ -0,0 +1,5 @@
+export * from './core-settings';
+export * from './setting-definition.type';
+export * from './define-setting';
+export * from './setting-declaration';
+export * from './json-schema-of';
diff --git a/packages/settings/src/definition/json-schema-of.ts b/packages/settings/src/definition/json-schema-of.ts
new file mode 100644
index 00000000..b59993e6
--- /dev/null
+++ b/packages/settings/src/definition/json-schema-of.ts
@@ -0,0 +1,7 @@
+import { z } from 'zod';
+
+import type { SettingDefinition } from './setting-definition.type';
+
+/** JSON Schema of a setting's value, for the settings UI. */
+export const jsonSchemaOf = (definition: SettingDefinition): unknown =>
+  z.toJSONSchema(definition.schema, { unrepresentable: 'any' });
diff --git a/packages/settings/src/definition/setting-declaration.ts b/packages/settings/src/definition/setting-declaration.ts
new file mode 100644
index 00000000..2de2059e
--- /dev/null
+++ b/packages/settings/src/definition/setting-declaration.ts
@@ -0,0 +1,100 @@
+import { z } from 'zod';
+
+import { defineSetting } from './define-setting';
+import type { SettingDefinition } from './setting-definition.type';
+
+/**
+ * Settings declared in a plugin manifest (`contributes.settings`): JSON only, so the value type
+ * is described with a small JSON-schema-like vocabulary.
+ */
+const JsonType: z.ZodType<JsonTypeDeclaration> = z.lazy(() =>
+  z.discriminatedUnion('type', [
+    z.object({
+      type: z.literal('string'),
+      enum: z.array(z.string()).optional(),
+      pattern: z.string().optional(),
+    }),
+    z.object({
+      type: z.literal('number'),
+      integer: z.boolean().optional(),
+      minimum: z.number().optional(),
+      maximum: z.number().optional(),
+    }),
+    z.object({ type: z.literal('boolean') }),
+    z.object({ type: z.literal('array'), items: JsonType }),
+    z.object({ type: z.literal('record'), values: JsonType }),
+  ]),
+);
+
+type JsonTypeDeclaration =
+  | { type: 'string'; enum?: string[] | undefined; pattern?: string | undefined }
+  | {
+      type: 'number';
+      integer?: boolean | undefined;
+      minimum?: number | undefined;
+      maximum?: number | undefined;
+    }
+  | { type: 'boolean' }
+  | { type: 'array'; items: JsonTypeDeclaration }
+  | { type: 'record'; values: JsonTypeDeclaration };
+
+export const SettingDeclarationSchema = z.intersection(
+  JsonType,
+  z.object({
+    key: z.string(),
+    default: z.unknown(),
+    title: z.string().optional(),
+    description: z.string().optional(),
+    category: z.string().optional(),
+    order: z.number().optional(),
+    tags: z.array(z.string()).optional(),
+    scopes: z.array(z.enum(['account', 'machine', 'project', 'projectLocal'])).optional(),
+    sync: z.boolean().optional(),
+    mergeStrategy: z.enum(['replace', 'deep', 'union']).optional(),
+    deprecated: z.string().optional(),
+    renamedFrom: z.array(z.string()).optional(),
+  }),
+);
+export type SettingDeclaration = z.output<typeof SettingDeclarationSchema>;
+
+const toSchema = (declaration: JsonTypeDeclaration): z.ZodType => {
+  switch (declaration.type) {
+    case 'string': {
+      if (declaration.enum?.length) return z.enum(declaration.enum as [string, ...string[]]);
+      return declaration.pattern ? z.string().regex(new RegExp(declaration.pattern)) : z.string();
+    }
+    case 'number': {
+      let schema = declaration.integer ? z.number().int() : z.number();
+      if (declaration.minimum !== undefined) schema = schema.min(declaration.minimum);
+      if (declaration.maximum !== undefined) schema = schema.max(declaration.maximum);
+      return schema;
+    }
+    case 'boolean':
+      return z.boolean();
+    case 'array':
+      return z.array(toSchema(declaration.items));
+    case 'record':
+      return z.record(z.string(), toSchema(declaration.values));
+  }
+};
+
+/** Turns a manifest declaration into a definition; keys are prefixed with the plugin name. */
+export const fromDeclaration = (
+  declaration: SettingDeclaration,
+  owner: string,
+): SettingDefinition => {
+  const key = declaration.key.startsWith(`${owner}.`)
+    ? declaration.key
+    : `${owner}.${declaration.key}`;
+  return defineSetting({
+    ...declaration,
+    key,
+    schema: toSchema(declaration),
+    owner,
+    ...(declaration.renamedFrom && {
+      renamedFrom: declaration.renamedFrom.map((old) =>
+        old.includes('/') ? old : `${owner}.${old}`,
+      ),
+    }),
+  });
+};
diff --git a/packages/settings/src/definition/setting-definition.type.ts b/packages/settings/src/definition/setting-definition.type.ts
new file mode 100644
index 00000000..69b8aa98
--- /dev/null
+++ b/packages/settings/src/definition/setting-definition.type.ts
@@ -0,0 +1,32 @@
+import { type z } from 'zod';
+
+import type { WritableScope } from '../scope/setting-scope.enum';
+
+export type MergeStrategy = 'replace' | 'deep' | 'union';
+
+export interface SettingDefinition<T = unknown> {
+  /** `<namespace>.<name>`, e.g. `appearance.theme` or `@nanoforge/ecs.gizmos.size`. */
+  readonly key: string;
+  readonly schema: z.ZodType<T>;
+  readonly default: T;
+  /** Scopes the setting may be written to (default: all). */
+  readonly scopes: readonly WritableScope[];
+  /** Whether account values leave the machine (default true). `false` forbids the account scope. */
+  readonly sync: boolean;
+  readonly mergeStrategy: MergeStrategy;
+  readonly title: string;
+  readonly description: string;
+  /** Settings tree path, e.g. `Editor/Appearance`. */
+  readonly category: string;
+  readonly order: number;
+  readonly tags: readonly string[];
+  /** Deprecation notice shown when the setting is written. */
+  readonly deprecated?: string;
+  /** Former keys whose stored values are read as this setting. */
+  readonly renamedFrom: readonly string[];
+  /** Plugin name or `core`. */
+  readonly owner: string;
+}
+
+export type SettingInput<T> = Pick<SettingDefinition<T>, 'key' | 'schema' | 'default'> &
+  Partial<Omit<SettingDefinition<T>, 'key' | 'schema' | 'default'>>;
diff --git a/packages/settings/src/index.ts b/packages/settings/src/index.ts
new file mode 100644
index 00000000..8964dcbd
--- /dev/null
+++ b/packages/settings/src/index.ts
@@ -0,0 +1,9 @@
+export * from './account-sync';
+export * from './registry';
+export * from './definition';
+export * from './key-value';
+export * from './store';
+export * from './merge';
+export * from './scope';
+export * from './service';
+export * from './setup';
diff --git a/packages/settings/src/key-value/index.ts b/packages/settings/src/key-value/index.ts
new file mode 100644
index 00000000..d7d470bc
--- /dev/null
+++ b/packages/settings/src/key-value/index.ts
@@ -0,0 +1,3 @@
+export * from './key-value-store.type';
+export * from './memory.key-value-store';
+export * from './indexed-db.key-value-store';
diff --git a/packages/settings/src/key-value/indexed-db.key-value-store.ts b/packages/settings/src/key-value/indexed-db.key-value-store.ts
new file mode 100644
index 00000000..915b571c
--- /dev/null
+++ b/packages/settings/src/key-value/indexed-db.key-value-store.ts
@@ -0,0 +1,46 @@
+import type { KeyValueStore } from './key-value-store.type';
+
+const DB_NAME = 'nanoforge-editor-settings';
+const STORE = 'kv';
+
+export class IndexedDbKeyValueStore implements KeyValueStore {
+  private _db: Promise<IDBDatabase> | undefined;
+
+  static isSupported(): boolean {
+    return typeof indexedDB !== 'undefined';
+  }
+
+  get<T>(key: string): Promise<T | undefined> {
+    return this._request<T | undefined>('readonly', (store) => store.get(key));
+  }
+
+  async set(key: string, value: unknown): Promise<void> {
+    await this._request('readwrite', (store) => store.put(value, key));
+  }
+
+  async delete(key: string): Promise<void> {
+    await this._request('readwrite', (store) => store.delete(key));
+  }
+
+  private _open(): Promise<IDBDatabase> {
+    this._db ??= new Promise((resolve, reject) => {
+      const request = indexedDB.open(DB_NAME, 1);
+      request.onupgradeneeded = () => request.result.createObjectStore(STORE);
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error ?? new Error('IndexedDB unavailable'));
+    });
+    return this._db;
+  }
+
+  private async _request<T>(
+    mode: IDBTransactionMode,
+    action: (store: IDBObjectStore) => IDBRequest,
+  ): Promise<T> {
+    const db = await this._open();
+    return new Promise<T>((resolve, reject) => {
+      const request = action(db.transaction(STORE, mode).objectStore(STORE));
+      request.onsuccess = () => resolve(request.result as T);
+      request.onerror = () => reject(request.error ?? new Error('IndexedDB request failed'));
+    });
+  }
+}
diff --git a/packages/settings/src/key-value/key-value-store.type.ts b/packages/settings/src/key-value/key-value-store.type.ts
new file mode 100644
index 00000000..addd1ee3
--- /dev/null
+++ b/packages/settings/src/key-value/key-value-store.type.ts
@@ -0,0 +1,6 @@
+/** Small persistent key/value storage (IndexedDB in browsers). */
+export interface KeyValueStore {
+  get<T>(key: string): Promise<T | undefined>;
+  set(key: string, value: unknown): Promise<void>;
+  delete(key: string): Promise<void>;
+}
diff --git a/packages/settings/src/key-value/memory.key-value-store.ts b/packages/settings/src/key-value/memory.key-value-store.ts
new file mode 100644
index 00000000..7573765c
--- /dev/null
+++ b/packages/settings/src/key-value/memory.key-value-store.ts
@@ -0,0 +1,19 @@
+import type { KeyValueStore } from './key-value-store.type';
+
+export class MemoryKeyValueStore implements KeyValueStore {
+  readonly entries = new Map<string, unknown>();
+
+  get<T>(key: string) {
+    return Promise.resolve(structuredClone(this.entries.get(key)) as T | undefined);
+  }
+
+  set(key: string, value: unknown) {
+    this.entries.set(key, structuredClone(value));
+    return Promise.resolve();
+  }
+
+  delete(key: string) {
+    this.entries.delete(key);
+    return Promise.resolve();
+  }
+}
diff --git a/packages/settings/src/merge/deep-merge.ts b/packages/settings/src/merge/deep-merge.ts
new file mode 100644
index 00000000..202db57d
--- /dev/null
+++ b/packages/settings/src/merge/deep-merge.ts
@@ -0,0 +1,46 @@
+import type { MergeStrategy } from '../definition/setting-definition.type';
+
+const isPlainObject = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value);
+
+export const deepMerge = (base: unknown, override: unknown): unknown => {
+  if (!isPlainObject(base) || !isPlainObject(override)) return override;
+  const result: Record<string, unknown> = { ...base };
+  for (const [key, value] of Object.entries(override)) result[key] = deepMerge(base[key], value);
+  return result;
+};
+
+export const deepEqual = (a: unknown, b: unknown): boolean => {
+  if (Object.is(a, b)) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((value, index) => deepEqual(value, b[index]));
+  }
+  if (isPlainObject(a) && isPlainObject(b)) {
+    const keys = Object.keys(a);
+    return (
+      keys.length === Object.keys(b).length &&
+      keys.every((key) => key in b && deepEqual(a[key], b[key]))
+    );
+  }
+  return false;
+};
+
+/** Combines values from lowest to highest precedence according to the merge strategy. */
+export const combine = (strategy: MergeStrategy, values: readonly unknown[]): unknown => {
+  if (!values.length) return undefined;
+  switch (strategy) {
+    case 'replace':
+      return values.at(-1);
+    case 'deep':
+      return values.reduce((merged, value) => deepMerge(merged, value));
+    case 'union': {
+      const result: unknown[] = [];
+      for (const value of values) {
+        if (!Array.isArray(value)) return values.at(-1);
+        for (const item of value)
+          if (!result.some((existing) => deepEqual(existing, item))) result.push(item);
+      }
+      return result;
+    }
+  }
+};
diff --git a/packages/settings/src/merge/index.ts b/packages/settings/src/merge/index.ts
new file mode 100644
index 00000000..2073aafe
--- /dev/null
+++ b/packages/settings/src/merge/index.ts
@@ -0,0 +1,2 @@
+export * from './deep-merge';
+export * from './merge3';
diff --git a/packages/settings/src/merge/merge3.ts b/packages/settings/src/merge/merge3.ts
new file mode 100644
index 00000000..c6a2aacf
--- /dev/null
+++ b/packages/settings/src/merge/merge3.ts
@@ -0,0 +1,39 @@
+import { deepEqual } from './deep-merge';
+
+export interface MergeConflict {
+  readonly key: string;
+  readonly base: unknown;
+  readonly local: unknown;
+  readonly remote: unknown;
+}
+
+export interface ThreeWayMerge {
+  readonly values: Record<string, unknown>;
+  /** Keys changed differently on both sides; `values` keeps the local side. */
+  readonly conflicts: MergeConflict[];
+}
+
+/** Per key three-way merge of settings documents (missing key = unset). */
+export const merge3 = (
+  base: Readonly<Record<string, unknown>>,
+  local: Readonly<Record<string, unknown>>,
+  remote: Readonly<Record<string, unknown>>,
+): ThreeWayMerge => {
+  const values: Record<string, unknown> = {};
+  const conflicts: MergeConflict[] = [];
+  const keys = new Set([...Object.keys(base), ...Object.keys(local), ...Object.keys(remote)]);
+  for (const key of [...keys].sort()) {
+    const b = base[key];
+    const l = local[key];
+    const r = remote[key];
+    let merged: unknown;
+    if (deepEqual(l, b)) merged = r;
+    else if (deepEqual(r, b) || deepEqual(l, r)) merged = l;
+    else {
+      conflicts.push({ key, base: b, local: l, remote: r });
+      merged = l;
+    }
+    if (merged !== undefined) values[key] = merged;
+  }
+  return { values, conflicts };
+};
diff --git a/packages/settings/src/registry/index.ts b/packages/settings/src/registry/index.ts
new file mode 100644
index 00000000..91ce20fa
--- /dev/null
+++ b/packages/settings/src/registry/index.ts
@@ -0,0 +1,2 @@
+export * from './settings-contribution';
+export * from './settings-registry';
diff --git a/packages/settings/src/registry/settings-contribution.ts b/packages/settings/src/registry/settings-contribution.ts
new file mode 100644
index 00000000..467356a0
--- /dev/null
+++ b/packages/settings/src/registry/settings-contribution.ts
@@ -0,0 +1,18 @@
+import { z } from 'zod';
+
+import type { Disposable, StaticContributionHandler } from '@nanoforge-dev/editor-kernel';
+
+import { SettingDeclarationSchema, fromDeclaration } from '../definition/setting-declaration';
+import type { SettingsRegistry } from './settings-registry';
+
+/** Handles `contributes.settings` of plugin manifests. */
+export const settingsContributionHandler = (
+  registry: SettingsRegistry,
+): StaticContributionHandler<z.output<typeof SettingDeclarationSchema>[]> => ({
+  key: 'settings',
+  validator: z.array(SettingDeclarationSchema),
+  apply: (declarations, plugin): Disposable =>
+    registry.register(
+      ...declarations.map((declaration) => fromDeclaration(declaration, plugin.manifest.name)),
+    ),
+});
diff --git a/packages/settings/src/registry/settings-registry.ts b/packages/settings/src/registry/settings-registry.ts
new file mode 100644
index 00000000..1c7da321
--- /dev/null
+++ b/packages/settings/src/registry/settings-registry.ts
@@ -0,0 +1,59 @@
+import {
+  type Disposable,
+  Emitter,
+  type Event,
+  createToken,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { SettingDefinition } from '../definition/setting-definition.type';
+
+/** Every known setting, from the core and plugins. */
+export class SettingsRegistry {
+  private readonly _definitions = new Map<string, SettingDefinition>();
+  private readonly _aliases = new Map<string, string>();
+  private readonly _onDidChange = new Emitter<ReadonlySet<string>>();
+
+  /** Fires with the keys (un)registered. */
+  readonly onDidChange: Event<ReadonlySet<string>> = this._onDidChange.event;
+
+  register(...definitions: SettingDefinition[]): Disposable {
+    for (const definition of definitions) {
+      const existing = this._definitions.get(definition.key);
+      if (existing) {
+        throw new Error(`Setting "${definition.key}" is already declared by ${existing.owner}`);
+      }
+    }
+    for (const definition of definitions) {
+      this._definitions.set(definition.key, definition);
+      for (const alias of definition.renamedFrom) this._aliases.set(alias, definition.key);
+    }
+    this._onDidChange.fire(new Set(definitions.map((definition) => definition.key)));
+    return toDisposable(() => {
+      for (const definition of definitions) {
+        if (this._definitions.get(definition.key) !== definition) continue;
+        this._definitions.delete(definition.key);
+        for (const alias of definition.renamedFrom) this._aliases.delete(alias);
+      }
+      this._onDidChange.fire(new Set(definitions.map((definition) => definition.key)));
+    });
+  }
+
+  get<T = unknown>(key: string): SettingDefinition<T> | undefined {
+    return this._definitions.get(key) as SettingDefinition<T> | undefined;
+  }
+
+  /** The current key for a stored key (itself, or the setting it was renamed to). */
+  canonicalKey(key: string): string {
+    return this._aliases.get(key) ?? key;
+  }
+
+  getAll(): SettingDefinition[] {
+    return [...this._definitions.values()].sort(
+      (a, b) =>
+        a.category.localeCompare(b.category) || a.order - b.order || a.key.localeCompare(b.key),
+    );
+  }
+}
+
+export const SettingsRegistryToken = createToken<SettingsRegistry>('settings.registry');
diff --git a/packages/settings/src/scope/index.ts b/packages/settings/src/scope/index.ts
new file mode 100644
index 00000000..fc8e2c8d
--- /dev/null
+++ b/packages/settings/src/scope/index.ts
@@ -0,0 +1 @@
+export * from './setting-scope.enum';
diff --git a/packages/settings/src/scope/setting-scope.enum.ts b/packages/settings/src/scope/setting-scope.enum.ts
new file mode 100644
index 00000000..fe72b00c
--- /dev/null
+++ b/packages/settings/src/scope/setting-scope.enum.ts
@@ -0,0 +1,23 @@
+/**
+ * Where a setting value comes from, lowest to highest precedence:
+ * - `default`: the setting definition;
+ * - `account`: the user's account (synced; the local user's data dir when offline);
+ * - `machine`: this browser only;
+ * - `project`: committed with the project (`.nanoforge/editor/settings.json`);
+ * - `projectLocal`: this user on this project, never committed.
+ */
+export const SETTING_SCOPES = ['default', 'account', 'machine', 'project', 'projectLocal'] as const;
+
+export type SettingScope = (typeof SETTING_SCOPES)[number];
+
+/** Scopes a user can write to. */
+export type WritableScope = Exclude<SettingScope, 'default'>;
+
+export const WRITABLE_SCOPES: readonly WritableScope[] = [
+  'account',
+  'machine',
+  'project',
+  'projectLocal',
+];
+
+export const scopeRank = (scope: SettingScope): number => SETTING_SCOPES.indexOf(scope);
diff --git a/packages/settings/src/service/index.ts b/packages/settings/src/service/index.ts
new file mode 100644
index 00000000..1babdfda
--- /dev/null
+++ b/packages/settings/src/service/index.ts
@@ -0,0 +1,3 @@
+export * from './settings-service.type';
+export * from './settings.exception';
+export * from './settings-service';
diff --git a/packages/settings/src/service/settings-service.ts b/packages/settings/src/service/settings-service.ts
new file mode 100644
index 00000000..84b576e6
--- /dev/null
+++ b/packages/settings/src/service/settings-service.ts
@@ -0,0 +1,280 @@
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Logger,
+  type Observable,
+  createToken,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { SettingDefinition } from '../definition/setting-definition.type';
+import { combine, deepEqual } from '../merge/deep-merge';
+import type { SettingsRegistry } from '../registry/settings-registry';
+import { SETTING_SCOPES, type SettingScope, type WritableScope } from '../scope/setting-scope.enum';
+import type { ScopeStore, SettingValues } from '../store/scope-store.type';
+import type { ImportPreview, SettingInspection, SettingsChange } from './settings-service.type';
+import { SettingsError } from './settings.exception';
+
+type KeyOrDefinition<T> = string | SettingDefinition<T>;
+
+/**
+ * Resolves settings across scopes (default < account < machine < project < projectLocal),
+ * validates writes and notifies changes per key.
+ */
+export class SettingsService implements Disposable {
+  private readonly _stores = new Map<WritableScope, ScopeStore>();
+  private readonly _snapshots = new Map<WritableScope, SettingValues>();
+  private readonly _onDidChange = new Emitter<SettingsChange>();
+  private readonly _observables = new Map<string, Observable<unknown>>();
+  private readonly _warned = new Set<string>();
+  private readonly _store = new DisposableStore();
+
+  readonly onDidChange: Event<SettingsChange> = this._onDidChange.event;
+
+  constructor(
+    readonly registry: SettingsRegistry,
+    private readonly _logger?: Logger,
+  ) {
+    this._store.add(registry.onDidChange((keys) => this._onDidChange.fire({ keys })));
+  }
+
+  /**
+   * Attaches the store of a scope (e.g. project stores when a project opens). The scope is
+   * checked again once the store is initialized: another store may have been attached meanwhile.
+   */
+  async setStore(scope: WritableScope, store: ScopeStore): Promise<Disposable> {
+    if (this._stores.has(scope)) throw new SettingsError(`A ${scope} store is already attached`);
+    await store.initialize();
+    if (this._stores.has(scope)) throw new SettingsError(`A ${scope} store is already attached`);
+    this._stores.set(scope, store);
+    this._snapshots.set(scope, {});
+    const subscription = store.values.subscribe((values) => this._storeChanged(scope, values));
+    return toDisposable(() => {
+      subscription();
+      if (this._stores.get(scope) !== store) return;
+      this._stores.delete(scope);
+      this._storeChanged(scope, {});
+      this._snapshots.delete(scope);
+    });
+  }
+
+  hasStore(scope: WritableScope): boolean {
+    return this._stores.has(scope);
+  }
+
+  get<T>(key: KeyOrDefinition<T>): T {
+    return this.inspect(key).value;
+  }
+
+  /** Reactive value of a setting (memoised per key). */
+  observe<T>(key: KeyOrDefinition<T>): Observable<T> {
+    const name = typeof key === 'string' ? key : key.key;
+    let observable = this._observables.get(name);
+    if (!observable) {
+      observable = {
+        get: () => this.get(name),
+        subscribe: (run) => {
+          let current = this.get(name);
+          run(current);
+          const subscription = this.onDidChange(({ keys }) => {
+            if (!keys.has(name)) return;
+            if (!this.registry.get(this.registry.canonicalKey(name))) return;
+            const next = this.get(name);
+            if (deepEqual(next, current)) return;
+            current = next;
+            run(next);
+          });
+          return () => subscription.dispose();
+        },
+      };
+      this._observables.set(name, observable);
+    }
+    return observable as Observable<T>;
+  }
+
+  inspect<T>(key: KeyOrDefinition<T>): SettingInspection<T> {
+    const definition = this._definition(key);
+    const scopes: Partial<Record<SettingScope, T>> = { default: definition.default };
+    const ignored: SettingInspection<T>['ignored'][number][] = [];
+    const contributing: T[] = [definition.default];
+    let effectiveScope: SettingScope = 'default';
+
+    for (const scope of SETTING_SCOPES) {
+      if (scope === 'default') continue;
+      const raw = this._raw(scope, definition);
+      if (raw === undefined) continue;
+      if (!definition.scopes.includes(scope)) {
+        ignored.push({ scope, value: raw, reason: 'scope' });
+        this._warnOnce(
+          `${scope}:${definition.key}:scope`,
+          `"${definition.key}" cannot be set at ${scope} level: ignored`,
+        );
+        continue;
+      }
+      const parsed = definition.schema.safeParse(raw);
+      if (!parsed.success) {
+        ignored.push({ scope, value: raw, reason: 'invalid' });
+        this._warnOnce(
+          `${scope}:${definition.key}:invalid`,
+          `Invalid ${scope} value for "${definition.key}": ignored`,
+        );
+        continue;
+      }
+      scopes[scope] = parsed.data;
+      contributing.push(parsed.data);
+      effectiveScope = scope;
+    }
+    return {
+      key: definition.key,
+      definition,
+      scopes,
+      ignored,
+      value: combine(definition.mergeStrategy, contributing) as T,
+      effectiveScope,
+    };
+  }
+
+  async set<T>(key: KeyOrDefinition<T>, value: T, scope: WritableScope): Promise<void> {
+    const definition = this._definition(key);
+    if (!definition.scopes.includes(scope)) {
+      throw new SettingsError(`"${definition.key}" cannot be set at ${scope} level`);
+    }
+    const parsed = definition.schema.safeParse(value);
+    if (!parsed.success) {
+      throw new SettingsError(
+        `Invalid value for "${definition.key}": ${parsed.error.issues[0]?.message ?? 'invalid'}`,
+      );
+    }
+    if (definition.deprecated)
+      this._logger?.warn(`"${definition.key}" is deprecated: ${definition.deprecated}`);
+    await this._storeOf(scope).write({
+      ...this._aliasRemoval(definition),
+      [definition.key]: parsed.data,
+    });
+  }
+
+  /** Removes the value of a scope (falls back to lower scopes). */
+  async reset(key: KeyOrDefinition<unknown>, scope: WritableScope): Promise<void> {
+    const definition = this._definition(key);
+    await this._storeOf(scope).write({
+      ...this._aliasRemoval(definition),
+      [definition.key]: undefined,
+    });
+  }
+
+  /** The raw values of a scope as formatted JSON. */
+  export(scope: WritableScope): string {
+    const values = this._stores.get(scope)?.values.get() ?? {};
+    return `${JSON.stringify(values, null, 2)}\n`;
+  }
+
+  /** Validates an exported JSON document against the registry before importing it. */
+  previewImport(scope: WritableScope, json: string): ImportPreview {
+    let document: unknown;
+    try {
+      document = JSON.parse(json);
+    } catch (error) {
+      throw new SettingsError(
+        `Not a JSON document: ${error instanceof Error ? error.message : String(error)}`,
+      );
+    }
+    if (typeof document !== 'object' || document === null || Array.isArray(document)) {
+      throw new SettingsError('Expected a JSON object of settings');
+    }
+    const current = this._stores.get(scope)?.values.get() ?? {};
+    const preview: ImportPreview = {
+      scope,
+      added: [],
+      changed: [],
+      unknown: [],
+      rejected: [],
+      patch: {},
+    };
+    const patch = preview.patch as Record<string, unknown>;
+    for (const [rawKey, value] of Object.entries(document)) {
+      const key = this.registry.canonicalKey(rawKey);
+      const definition = this.registry.get(key);
+      if (!definition) {
+        preview.unknown.push(rawKey);
+        patch[rawKey] = value;
+        continue;
+      }
+      if (!definition.scopes.includes(scope)) {
+        preview.rejected.push({ key, reason: `not allowed at ${scope} level` });
+        continue;
+      }
+      if (!definition.schema.safeParse(value).success) {
+        preview.rejected.push({ key, reason: 'invalid value' });
+        continue;
+      }
+      if (!(key in current)) preview.added.push(key);
+      else if (!deepEqual(current[key], value)) preview.changed.push(key);
+      else continue;
+      patch[key] = value;
+    }
+    return preview;
+  }
+
+  async applyImport(preview: ImportPreview): Promise<void> {
+    await this._storeOf(preview.scope).write(preview.patch);
+  }
+
+  dispose(): void {
+    this._store.dispose();
+    this._onDidChange.dispose();
+  }
+
+  private _definition<T>(key: KeyOrDefinition<T>): SettingDefinition<T> {
+    if (typeof key !== 'string') return key;
+    const definition = this.registry.get<T>(key);
+    if (!definition) throw new SettingsError(`Unknown setting "${key}"`);
+    return definition;
+  }
+
+  private _storeOf(scope: WritableScope): ScopeStore {
+    const store = this._stores.get(scope);
+    if (!store) {
+      throw new SettingsError(
+        scope === 'project' || scope === 'projectLocal'
+          ? `Open a project to change ${scope} settings`
+          : `No ${scope} settings storage`,
+      );
+    }
+    return store;
+  }
+
+  /** Stored value for a setting in a scope, including values under a former key. */
+  private _raw(scope: SettingScope, definition: SettingDefinition): unknown {
+    if (scope === 'default') return definition.default;
+    const values = this._snapshots.get(scope);
+    if (!values) return undefined;
+    if (values[definition.key] !== undefined) return values[definition.key];
+    for (const alias of definition.renamedFrom)
+      if (values[alias] !== undefined) return values[alias];
+    return undefined;
+  }
+
+  private _aliasRemoval(definition: SettingDefinition): Record<string, undefined> {
+    return Object.fromEntries(definition.renamedFrom.map((alias) => [alias, undefined]));
+  }
+
+  private _storeChanged(scope: WritableScope, values: SettingValues): void {
+    const previous = this._snapshots.get(scope) ?? {};
+    this._snapshots.set(scope, values);
+    const keys = new Set<string>();
+    for (const key of new Set([...Object.keys(previous), ...Object.keys(values)])) {
+      if (!deepEqual(previous[key], values[key])) keys.add(this.registry.canonicalKey(key));
+    }
+    if (keys.size) this._onDidChange.fire({ keys });
+  }
+
+  private _warnOnce(id: string, message: string): void {
+    if (this._warned.has(id)) return;
+    this._warned.add(id);
+    this._logger?.warn(message);
+  }
+}
+
+export const SettingsServiceToken = createToken<SettingsService>('settings.service');
diff --git a/packages/settings/src/service/settings-service.type.ts b/packages/settings/src/service/settings-service.type.ts
new file mode 100644
index 00000000..50d86dae
--- /dev/null
+++ b/packages/settings/src/service/settings-service.type.ts
@@ -0,0 +1,32 @@
+import type { SettingDefinition } from '../definition/setting-definition.type';
+import type { SettingScope, WritableScope } from '../scope/setting-scope.enum';
+import type { SettingValues } from '../store/scope-store.type';
+
+export interface SettingsChange {
+  readonly keys: ReadonlySet<string>;
+}
+
+export interface SettingInspection<T = unknown> {
+  readonly key: string;
+  readonly definition: SettingDefinition<T>;
+  /** Valid value per scope (undefined when unset, invalid or not allowed in that scope). */
+  readonly scopes: Readonly<Partial<Record<SettingScope, T>>>;
+  /** Values present in scopes the setting does not allow, or failing its schema. */
+  readonly ignored: readonly {
+    scope: WritableScope;
+    value: unknown;
+    reason: 'scope' | 'invalid';
+  }[];
+  readonly value: T;
+  /** Highest scope contributing to the value. */
+  readonly effectiveScope: SettingScope;
+}
+
+export interface ImportPreview {
+  readonly scope: WritableScope;
+  readonly added: string[];
+  readonly changed: string[];
+  readonly unknown: string[];
+  readonly rejected: { key: string; reason: string }[];
+  readonly patch: SettingValues;
+}
diff --git a/packages/settings/src/service/settings.exception.ts b/packages/settings/src/service/settings.exception.ts
new file mode 100644
index 00000000..3453cff2
--- /dev/null
+++ b/packages/settings/src/service/settings.exception.ts
@@ -0,0 +1,6 @@
+export class SettingsError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'SettingsError';
+  }
+}
diff --git a/packages/settings/src/setup/follow-current-project.ts b/packages/settings/src/setup/follow-current-project.ts
new file mode 100644
index 00000000..b20a11c1
--- /dev/null
+++ b/packages/settings/src/setup/follow-current-project.ts
@@ -0,0 +1,51 @@
+import {
+  type Disposable,
+  MutableDisposable,
+  type Observable,
+  ObservableValue,
+} from '@nanoforge-dev/editor-kernel';
+import type { ClientProject } from '@nanoforge-dev/editor-project';
+
+import type { SettingsSetup } from './setup-settings';
+
+/**
+ * Keeps the project scopes attached to the current project of a window. Attachments run one
+ * after the other: a fast switch never has two projects' stores attaching at once. When
+ * attaching fails, `onError` hears of it and the project goes on with the other scopes.
+ */
+export const followCurrentProject = (
+  setup: SettingsSetup,
+  current: { subscribe(run: (project: ClientProject | undefined) => void): () => void },
+  onError?: (error: unknown, project: ClientProject) => void,
+): Disposable & { readonly attached: Observable<string | undefined> } => {
+  const attached = new MutableDisposable();
+  const attachedId = new ObservableValue<string | undefined>(undefined);
+  let generation = 0;
+  let queue = Promise.resolve();
+  const unsubscribe = current.subscribe((project) => {
+    const token = ++generation;
+    attached.clear();
+    attachedId.set(undefined);
+    if (!project) return;
+    queue = queue.then(async () => {
+      if (token !== generation) return;
+      try {
+        const disposable = await setup.attachProject(project);
+        if (token !== generation) return disposable.dispose();
+        attached.value = disposable;
+      } catch (error) {
+        onError?.(error, project);
+        if (token !== generation) return;
+      }
+      attachedId.set(project.id);
+    });
+  });
+  return {
+    /** Id of the project whose scopes are attached (layouts and project settings are ready). */
+    attached: attachedId.readonly(),
+    dispose: () => {
+      unsubscribe();
+      attached.dispose();
+    },
+  };
+};
diff --git a/packages/settings/src/setup/index.ts b/packages/settings/src/setup/index.ts
new file mode 100644
index 00000000..89c1e42a
--- /dev/null
+++ b/packages/settings/src/setup/index.ts
@@ -0,0 +1,2 @@
+export * from './setup-settings';
+export * from './follow-current-project';
diff --git a/packages/settings/src/setup/setup-settings.ts b/packages/settings/src/setup/setup-settings.ts
new file mode 100644
index 00000000..3e4a7762
--- /dev/null
+++ b/packages/settings/src/setup/setup-settings.ts
@@ -0,0 +1,104 @@
+import {
+  type Container,
+  CoreServices,
+  type Disposable,
+  DisposableStore,
+  observe,
+} from '@nanoforge-dev/editor-kernel';
+import type { ClientProject } from '@nanoforge-dev/editor-project';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import { AccountSyncStore } from '../account-sync/account-sync-store';
+import { rpcAccountRemote } from '../account-sync/rpc-account-remote';
+import { CoreSettings } from '../definition/core-settings';
+import { IndexedDbKeyValueStore } from '../key-value/indexed-db.key-value-store';
+import type { KeyValueStore } from '../key-value/key-value-store.type';
+import { MemoryKeyValueStore } from '../key-value/memory.key-value-store';
+import { SettingsRegistry, SettingsRegistryToken } from '../registry/settings-registry';
+import { SettingsService, SettingsServiceToken } from '../service/settings-service';
+import { JsonFileScopeStore } from '../store/json-file.scope-store';
+import { KeyValueScopeStore } from '../store/key-value.scope-store';
+import {
+  PROJECT_LOCAL_SETTINGS_FILE,
+  PROJECT_SETTINGS_FILE,
+  projectFileAdapter,
+} from '../store/project-file-adapter';
+import { RemoteProjectLocalStore } from '../store/remote-project-local.scope-store';
+
+export interface SettingsSetupOptions {
+  services: Container;
+  rpc: RpcClient;
+  mode: 'OFFLINE' | 'ONLINE';
+  /** Identifies whose account data the browser caches (a user id). */
+  userId: string;
+  kv?: KeyValueStore;
+}
+
+export interface SettingsSetup extends Disposable {
+  readonly settings: SettingsService;
+  readonly registry: SettingsRegistry;
+  readonly account: AccountSyncStore;
+  /** Attaches the project and projectLocal scopes of a project (detached on dispose). */
+  attachProject(project: ClientProject): Promise<Disposable>;
+}
+
+/**
+ * Creates the settings services of an editor window: machine scope in IndexedDB, account scope
+ * synced through the editor server, project scopes attached per project.
+ */
+export const setupSettings = async (options: SettingsSetupOptions): Promise<SettingsSetup> => {
+  const { services, rpc } = options;
+  const store = new DisposableStore();
+  const logger = services.get(CoreServices.Logger).getLogger('settings');
+  const kv =
+    options.kv ??
+    (IndexedDbKeyValueStore.isSupported()
+      ? new IndexedDbKeyValueStore()
+      : new MemoryKeyValueStore());
+
+  const registry = new SettingsRegistry();
+  store.add(registry.register(...Object.values(CoreSettings)));
+  const settings = store.add(new SettingsService(registry, logger));
+  services.provide(SettingsRegistryToken, registry);
+  services.provide(SettingsServiceToken, settings);
+
+  store.add(await settings.setStore('machine', new KeyValueScopeStore(kv, 'scope:machine')));
+
+  const remote = rpcAccountRemote(rpc);
+  const account = store.add(
+    new AccountSyncStore(remote, kv, `scope:account:${options.userId}`, {
+      isSynced: (key) => registry.get(key)?.sync ?? true,
+    }),
+  );
+  store.add(await settings.setStore('account', account));
+  const unwatch = remote.watch(() => void account.sync());
+  store.add({ dispose: unwatch });
+
+  const i18n = services.get(CoreServices.Localization);
+  store.add(observe(settings.observe(CoreSettings.locale), (locale) => i18n.setLocale(locale)));
+
+  const attachProject = async (project: ClientProject): Promise<Disposable> => {
+    const attached = new DisposableStore();
+    const projectStore = new JsonFileScopeStore(
+      projectFileAdapter(project.fs, PROJECT_SETTINGS_FILE),
+    );
+    const localStore =
+      options.mode === 'ONLINE'
+        ? new RemoteProjectLocalStore(rpc, project.id)
+        : new JsonFileScopeStore(
+            projectFileAdapter(project.fs, PROJECT_LOCAL_SETTINGS_FILE, { gitignored: true }),
+          );
+    attached.add(projectStore);
+    attached.add(localStore);
+    try {
+      attached.add(await settings.setStore('project', projectStore));
+      attached.add(await settings.setStore('projectLocal', localStore));
+    } catch (error) {
+      attached.dispose();
+      throw error;
+    }
+    return attached;
+  };
+
+  return { settings, registry, account, attachProject, dispose: () => store.dispose() };
+};
diff --git a/packages/settings/src/store/index.ts b/packages/settings/src/store/index.ts
new file mode 100644
index 00000000..699542d1
--- /dev/null
+++ b/packages/settings/src/store/index.ts
@@ -0,0 +1,8 @@
+export * from './key-value.scope-store';
+export * from './project-file-adapter';
+export * from './scope-store.type';
+export * from './setting-values';
+export * from './memory.scope-store';
+export * from './settings-file.exception';
+export * from './json-file.scope-store';
+export * from './remote-project-local.scope-store';
diff --git a/packages/settings/src/store/json-file.scope-store.ts b/packages/settings/src/store/json-file.scope-store.ts
new file mode 100644
index 00000000..890ef681
--- /dev/null
+++ b/packages/settings/src/store/json-file.scope-store.ts
@@ -0,0 +1,81 @@
+import { DisposableStore, type Observable, ObservableValue } from '@nanoforge-dev/editor-kernel';
+
+import type { ScopeStore, SettingValues, TextFileAdapter } from './scope-store.type';
+import { applyPatch, serializeValues } from './setting-values';
+import { SettingsFileError } from './settings-file.exception';
+
+const isConflict = (error: unknown) => (error as { code?: string } | null)?.code === 'CONFLICT';
+
+/**
+ * Scope stored as a JSON object in a file. Edits made outside the editor are picked up; a
+ * file that is not valid JSON is never overwritten (writes fail until it is fixed).
+ */
+export class JsonFileScopeStore implements ScopeStore {
+  private readonly _values = new ObservableValue<SettingValues>({});
+  private readonly _store = new DisposableStore();
+  private _hash: string | null = null;
+  private _invalid: string | undefined;
+  private _queue: Promise<void> = Promise.resolve();
+
+  constructor(private readonly _file: TextFileAdapter) {}
+
+  get values(): Observable<SettingValues> {
+    return this._values.readonly();
+  }
+
+  /** Parse error of the file, when it is not a JSON object. */
+  get invalid(): string | undefined {
+    return this._invalid;
+  }
+
+  async initialize(): Promise<void> {
+    this._store.add(this._file.onDidChange(() => void this._reload()));
+    await this._reload();
+  }
+
+  write(patch: SettingValues): Promise<void> {
+    const task = this._queue.then(() => this._write(patch));
+    this._queue = task.catch(() => undefined);
+    return task;
+  }
+
+  dispose(): void {
+    this._store.dispose();
+  }
+
+  private async _write(patch: SettingValues, attempt = 0): Promise<void> {
+    if (this._invalid) throw new SettingsFileError(`Settings file is invalid: ${this._invalid}`);
+    const next = applyPatch(this._values.get(), patch);
+    try {
+      const { hash } = await this._file.write(serializeValues(next), this._hash);
+      this._hash = hash;
+      this._values.set(next);
+    } catch (error) {
+      if (!isConflict(error) || attempt >= 3) throw error;
+      await this._reload(true);
+      await this._write(patch, attempt + 1);
+    }
+  }
+
+  private async _reload(fresh = false): Promise<void> {
+    const file = await this._file.read(fresh);
+    if (file?.hash === this._hash && this._hash !== null) return;
+    this._hash = file?.hash ?? null;
+    if (!file) {
+      this._invalid = undefined;
+      this._values.set({});
+      return;
+    }
+    try {
+      const parsed: unknown = JSON.parse(file.text || '{}');
+      if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {
+        throw new Error('expected a JSON object');
+      }
+      this._invalid = undefined;
+      this._values.set(parsed as SettingValues);
+    } catch (error) {
+      this._invalid = error instanceof Error ? error.message : String(error);
+      this._values.set({});
+    }
+  }
+}
diff --git a/packages/settings/src/store/key-value.scope-store.ts b/packages/settings/src/store/key-value.scope-store.ts
new file mode 100644
index 00000000..2a495f17
--- /dev/null
+++ b/packages/settings/src/store/key-value.scope-store.ts
@@ -0,0 +1,37 @@
+import { type Observable, ObservableValue } from '@nanoforge-dev/editor-kernel';
+
+import type { KeyValueStore } from '../key-value/key-value-store.type';
+import type { ScopeStore, SettingValues } from './scope-store.type';
+import { applyPatch } from './setting-values';
+
+/** A scope persisted as one record of a key/value store (machine scope). */
+export class KeyValueScopeStore implements ScopeStore {
+  private readonly _values = new ObservableValue<SettingValues>({});
+  /** Writes run one at a time: two at once both started from the same values, and one was lost. */
+  private _queue: Promise<void> = Promise.resolve();
+
+  constructor(
+    private readonly _kv: KeyValueStore,
+    private readonly _key: string,
+  ) {}
+
+  get values(): Observable<SettingValues> {
+    return this._values.readonly();
+  }
+
+  async initialize(): Promise<void> {
+    this._values.set((await this._kv.get<SettingValues>(this._key)) ?? {});
+  }
+
+  write(patch: SettingValues): Promise<void> {
+    const task = this._queue.then(async () => {
+      const next = applyPatch(this._values.get(), patch);
+      await this._kv.set(this._key, next);
+      this._values.set(next);
+    });
+    this._queue = task.catch(() => undefined);
+    return task;
+  }
+
+  dispose(): void {}
+}
diff --git a/packages/settings/src/store/memory.scope-store.ts b/packages/settings/src/store/memory.scope-store.ts
new file mode 100644
index 00000000..8e8f88ad
--- /dev/null
+++ b/packages/settings/src/store/memory.scope-store.ts
@@ -0,0 +1,27 @@
+import { type Observable, ObservableValue } from '@nanoforge-dev/editor-kernel';
+
+import type { ScopeStore, SettingValues } from './scope-store.type';
+import { applyPatch } from './setting-values';
+
+export class MemoryScopeStore implements ScopeStore {
+  private readonly _values: ObservableValue<SettingValues>;
+
+  constructor(initial: SettingValues = {}) {
+    this._values = new ObservableValue(initial);
+  }
+
+  get values(): Observable<SettingValues> {
+    return this._values.readonly();
+  }
+
+  initialize(): Promise<void> {
+    return Promise.resolve();
+  }
+
+  write(patch: SettingValues): Promise<void> {
+    this._values.set(applyPatch(this._values.get(), patch));
+    return Promise.resolve();
+  }
+
+  dispose(): void {}
+}
diff --git a/packages/settings/src/store/project-file-adapter.ts b/packages/settings/src/store/project-file-adapter.ts
new file mode 100644
index 00000000..33ae07fe
--- /dev/null
+++ b/packages/settings/src/store/project-file-adapter.ts
@@ -0,0 +1,45 @@
+import { Events } from '@nanoforge-dev/editor-kernel';
+import type { ProjectFs } from '@nanoforge-dev/editor-project';
+import { RpcError } from '@nanoforge-dev/editor-rpc';
+
+import type { TextFileAdapter } from './scope-store.type';
+
+export const PROJECT_SETTINGS_FILE = '.nanoforge/editor/settings.json';
+export const PROJECT_LOCAL_SETTINGS_FILE = '.nanoforge/editor/local.json';
+const EDITOR_GITIGNORE = '.nanoforge/editor/.gitignore';
+
+/** A file of the open project as a settings file. */
+export const projectFileAdapter = (
+  fs: ProjectFs,
+  path: string,
+  options: { gitignored?: boolean } = {},
+): TextFileAdapter => ({
+  async read(fresh = false) {
+    if (!fresh && !fs.entry(path)) return undefined;
+    try {
+      const { text, hash } = await fs.readText(path, { fresh });
+      return { text, hash };
+    } catch (error) {
+      if (RpcError.is(error, 'NOT_FOUND')) return undefined;
+      throw error;
+    }
+  },
+  async write(text, expectedHash) {
+    if (options.gitignored) await ensureIgnored(fs, path);
+    return fs.write(path, text, { expectedHash });
+  },
+  onDidChange: Events.map(
+    Events.filter(fs.onDidChange, (changes) => changes.some((change) => change.path === path)),
+    () => undefined,
+  ),
+});
+
+/** Adds the file to `.nanoforge/editor/.gitignore` (never committed). */
+const ensureIgnored = async (fs: ProjectFs, path: string) => {
+  const name = path.split('/').at(-1)!;
+  const current = fs.entry(EDITOR_GITIGNORE) ? await fs.readText(EDITOR_GITIGNORE) : undefined;
+  const lines = current?.text.split('\n').map((line) => line.trim()) ?? [];
+  if (lines.includes(name)) return;
+  const text = `${current?.text.trimEnd() ?? ''}${current?.text.trim() ? '\n' : ''}${name}\n`;
+  await fs.write(EDITOR_GITIGNORE, text, { expectedHash: current?.hash ?? null });
+};
diff --git a/packages/settings/src/store/remote-project-local.scope-store.ts b/packages/settings/src/store/remote-project-local.scope-store.ts
new file mode 100644
index 00000000..3e3b13f1
--- /dev/null
+++ b/packages/settings/src/store/remote-project-local.scope-store.ts
@@ -0,0 +1,42 @@
+import { type Observable, ObservableValue } from '@nanoforge-dev/editor-kernel';
+import { SettingsContract } from '@nanoforge-dev/editor-protocol';
+import type { RpcClient } from '@nanoforge-dev/editor-rpc';
+
+import type { ScopeStore, SettingValues } from './scope-store.type';
+import { applyPatch } from './setting-values';
+
+/** Project-local settings stored server-side (hosted editors, shared checkouts). */
+export class RemoteProjectLocalStore implements ScopeStore {
+  private readonly _values = new ObservableValue<SettingValues>({});
+  private _queue: Promise<void> = Promise.resolve();
+
+  constructor(
+    private readonly _rpc: RpcClient,
+    private readonly _projectId: string,
+  ) {}
+
+  get values(): Observable<SettingValues> {
+    return this._values.readonly();
+  }
+
+  async initialize(): Promise<void> {
+    this._values.set(
+      await this._rpc.api(SettingsContract).projectLocalGet({ project: this._projectId }),
+    );
+  }
+
+  write(patch: SettingValues): Promise<void> {
+    const next = applyPatch(this._values.get(), patch);
+    this._values.set(next);
+    const task = this._queue.then(() =>
+      this._rpc
+        .api(SettingsContract)
+        .projectLocalPut({ project: this._projectId, values: next })
+        .then(() => undefined),
+    );
+    this._queue = task.catch(() => undefined);
+    return task;
+  }
+
+  dispose(): void {}
+}
diff --git a/packages/settings/src/store/scope-store.type.ts b/packages/settings/src/store/scope-store.type.ts
new file mode 100644
index 00000000..c0e4b62e
--- /dev/null
+++ b/packages/settings/src/store/scope-store.type.ts
@@ -0,0 +1,24 @@
+import type { Disposable, Event, Observable } from '@nanoforge-dev/editor-kernel';
+
+export type SettingValues = Readonly<Record<string, unknown>>;
+
+/** Values of one scope. Keys unknown to the registry are preserved untouched. */
+export interface ScopeStore extends Disposable {
+  readonly values: Observable<SettingValues>;
+  /** Loads initial values (called once before use). */
+  initialize(): Promise<void>;
+  /** Applies a patch; an `undefined` value removes the key. */
+  write(patch: SettingValues): Promise<void>;
+}
+
+/** A text file with optimistic concurrency (implemented over `ProjectFs`). */
+export interface TextFileAdapter {
+  readonly onDidChange: Event<void>;
+  /**
+   * `fresh`: what is on disk now, not a cached copy (after a write conflict, the cache may
+   * not know yet that the file changed).
+   */
+  read(fresh?: boolean): Promise<{ text: string; hash: string } | undefined>;
+  /** `expectedHash: null` means the file must not exist; throws `{ code: 'CONFLICT' }` otherwise. */
+  write(text: string, expectedHash: string | null): Promise<{ hash: string }>;
+}
diff --git a/packages/settings/src/store/setting-values.ts b/packages/settings/src/store/setting-values.ts
new file mode 100644
index 00000000..c172e2ee
--- /dev/null
+++ b/packages/settings/src/store/setting-values.ts
@@ -0,0 +1,25 @@
+import type { SettingValues } from './scope-store.type';
+
+export const applyPatch = (
+  values: SettingValues,
+  patch: SettingValues,
+): Record<string, unknown> => {
+  const next = new Map(Object.entries(values));
+  for (const [key, value] of Object.entries(patch)) {
+    if (value === undefined) next.delete(key);
+    else next.set(key, value);
+  }
+  return Object.fromEntries(next);
+};
+
+/** Sorted keys, 2-space JSON: stable diffs for files committed with the project. */
+export const serializeValues = (values: SettingValues): string =>
+  `${JSON.stringify(
+    Object.fromEntries(
+      Object.keys(values)
+        .sort()
+        .map((key) => [key, values[key]]),
+    ),
+    null,
+    2,
+  )}\n`;
diff --git a/packages/settings/src/store/settings-file.exception.ts b/packages/settings/src/store/settings-file.exception.ts
new file mode 100644
index 00000000..ef4ed29c
--- /dev/null
+++ b/packages/settings/src/store/settings-file.exception.ts
@@ -0,0 +1,6 @@
+export class SettingsFileError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'SettingsFileError';
+  }
+}
diff --git a/packages/settings/test/account-sync/account-sync-store.spec.ts b/packages/settings/test/account-sync/account-sync-store.spec.ts
new file mode 100644
index 00000000..a6695db9
--- /dev/null
+++ b/packages/settings/test/account-sync/account-sync-store.spec.ts
@@ -0,0 +1,208 @@
+import { describe, expect, it } from 'vitest';
+
+import { Emitter } from '@nanoforge-dev/editor-kernel';
+
+import {
+  type AccountDocument,
+  type AccountRemote,
+  AccountSyncStore,
+  MemoryKeyValueStore,
+  SettingsRegistry,
+  SettingsService,
+} from '../../src';
+import { fontSize } from '../fixtures/settings';
+
+/** In-memory editor server holding the account document. */
+class FakeRemote implements AccountRemote {
+  document: AccountDocument = { revision: null, values: {} };
+  online = true;
+  puts = 0;
+  private readonly reconnect = new Emitter<void>();
+  readonly onDidReconnect = this.reconnect.event;
+
+  get = async () => {
+    this.check();
+    return structuredClone(this.document);
+  };
+
+  put = async (baseRevision: string | null, values: Record<string, unknown>) => {
+    this.check();
+    this.puts++;
+    if (baseRevision !== this.document.revision) {
+      throw Object.assign(new Error('conflict'), {
+        code: 'CONFLICT',
+        data: structuredClone(this.document),
+      });
+    }
+    this.document = {
+      revision: String(Number(this.document.revision ?? 0) + 1),
+      values: structuredClone(values),
+    };
+    return { revision: this.document.revision! };
+  };
+
+  /** Another device saved. */
+  remoteEdit(patch: Record<string, unknown>) {
+    this.document = {
+      revision: String(Number(this.document.revision ?? 0) + 1),
+      values: { ...this.document.values, ...patch },
+    };
+  }
+
+  goOnline() {
+    this.online = true;
+    this.reconnect.fire();
+  }
+
+  private check() {
+    if (!this.online) throw Object.assign(new Error('offline'), { code: 'UNAVAILABLE' });
+  }
+}
+
+const flush = () => new Promise((resolve) => setTimeout(resolve, 0));
+
+describe('AccountSyncStore', () => {
+  const create = (remote: FakeRemote, kv = new MemoryKeyValueStore()) =>
+    new AccountSyncStore(remote, kv, 'account:local', {
+      debounceMs: 0,
+      retryDelays: [60_000],
+      isSynced: (key) => key !== 'local.only',
+    });
+
+  it('pulls the account document', async () => {
+    const remote = new FakeRemote();
+    remote.remoteEdit({ 'editor.fontSize': 16 });
+    const store = create(remote);
+    await store.initialize();
+    expect(store.values.get()).toEqual({ 'editor.fontSize': 16 });
+    expect(store.status.get()).toBe('idle');
+  });
+
+  it('keeps offline edits (persisted) and flushes them on reconnect', async () => {
+    const remote = new FakeRemote();
+    const kv = new MemoryKeyValueStore();
+    const store = create(remote, kv);
+    await store.initialize();
+    remote.online = false;
+    await store.write({ 'editor.fontSize': 18, 'local.only': true });
+    await store.sync();
+    expect(store.status.get()).toBe('offline');
+    expect(store.values.get()).toEqual({ 'editor.fontSize': 18, 'local.only': true });
+    store.dispose();
+
+    const reloaded = create(remote, kv);
+    await reloaded.initialize();
+    expect(reloaded.dirty).toBe(true);
+    remote.goOnline();
+    await flush();
+    await reloaded.sync();
+    /** Local.only never leaves. */
+    expect(remote.document.values).toEqual({ 'editor.fontSize': 18 });
+    expect(reloaded.dirty).toBe(false);
+    expect(reloaded.status.get()).toBe('idle');
+    reloaded.dispose();
+  });
+
+  it('merges concurrent edits on 409 and reports true conflicts', async () => {
+    const remote = new FakeRemote();
+    remote.remoteEdit({ a: 1, b: 1, c: 1 });
+    const store = create(remote);
+    await store.initialize();
+
+    /** Other device. */
+    remote.remoteEdit({ b: 2, c: 2 });
+    /** This device. */
+    await store.write({ a: 3, c: 3 });
+    await store.sync();
+
+    expect(remote.document.values).toEqual({ a: 3, b: 2, c: 3 });
+    expect(store.values.get()).toEqual({ a: 3, b: 2, c: 3 });
+    expect(store.conflicts.get()).toEqual([{ key: 'c', base: 1, local: 3, remote: 2 }]);
+    expect(store.status.get()).toBe('conflict');
+
+    await store.resolveConflict('c', 2);
+    await store.sync();
+    expect(remote.document.values).toEqual({ a: 3, b: 2, c: 2 });
+    expect(store.conflicts.get()).toEqual([]);
+    store.dispose();
+  });
+
+  it('keeps a write made while a pull is in flight', async () => {
+    const remote = new FakeRemote();
+    const store = create(remote);
+    await store.initialize();
+    remote.remoteEdit({ b: 2 });
+    let release!: () => void;
+    const get = remote.get;
+    remote.get = async () => {
+      const document = await get();
+      await new Promise<void>((resolve) => (release = resolve));
+      return document;
+    };
+    const pulling = store.sync();
+    await flush();
+    await store.write({ a: 1 });
+    release();
+    await pulling;
+    remote.get = get;
+    expect(store.values.get()).toEqual({ a: 1, b: 2 });
+    await store.sync();
+    expect(remote.document.values).toEqual({ a: 1, b: 2 });
+    store.dispose();
+  });
+
+  it('merges a 409 with what was written while the push was in flight', async () => {
+    const remote = new FakeRemote();
+    const store = create(remote);
+    await store.initialize();
+    remote.remoteEdit({ b: 2 });
+    const put = remote.put;
+    remote.put = async (base, values) => {
+      await store.write({ c: 3 });
+      return put(base, values);
+    };
+    await store.write({ a: 1 });
+    await store.sync();
+    remote.put = put;
+    await store.sync();
+    expect(remote.document.values).toEqual({ a: 1, b: 2, c: 3 });
+    store.dispose();
+  });
+
+  it('works as the account scope of the settings service', async () => {
+    const remote = new FakeRemote();
+    const registry = new SettingsRegistry();
+    registry.register(fontSize);
+    const service = new SettingsService(registry);
+    const store = create(remote);
+    await service.setStore('account', store);
+    await service.set(fontSize, 20, 'account');
+    await store.sync();
+    expect(remote.document.values).toEqual({ 'editor.fontSize': 20 });
+    remote.remoteEdit({ 'editor.fontSize': 11 });
+    await store.sync();
+    expect(service.get(fontSize)).toBe(11);
+    store.dispose();
+  });
+});
+
+describe('AccountSyncStore limits', () => {
+  it('says the document is too large instead of sending it, and recovers', async () => {
+    const remote = new FakeRemote();
+    const store = new AccountSyncStore(remote, new MemoryKeyValueStore(), 'account', {
+      debounceMs: 0,
+    });
+    await store.initialize();
+    await store.write({ 'keymap.overrides': 'x'.repeat(300 * 1024) });
+    await store.sync();
+    expect(store.status.get()).toBe('error');
+    expect(store.error.get()).toMatch(/too large to sync/);
+    expect(remote.puts).toBe(0);
+
+    await store.write({ 'keymap.overrides': undefined });
+    await store.sync();
+    expect(store.status.get()).toBe('idle');
+    expect(store.error.get()).toBeUndefined();
+    store.dispose();
+  });
+});
diff --git a/packages/settings/test/definition/setting-declaration.spec.ts b/packages/settings/test/definition/setting-declaration.spec.ts
new file mode 100644
index 00000000..c90132e4
--- /dev/null
+++ b/packages/settings/test/definition/setting-declaration.spec.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+
+import { fromDeclaration } from '../../src';
+
+describe('manifest declarations', () => {
+  it('builds prefixed definitions with json types', () => {
+    const definition = fromDeclaration(
+      {
+        key: 'gizmos.size',
+        type: 'number',
+        integer: true,
+        minimum: 1,
+        default: 8,
+        scopes: ['machine'],
+      },
+      '@nanoforge/ecs',
+    );
+    expect(definition.key).toBe('@nanoforge/ecs.gizmos.size');
+    expect(definition.schema.safeParse(0).success).toBe(false);
+    expect(definition.scopes).toEqual(['machine']);
+    expect(() => fromDeclaration({ key: 'bad', type: 'boolean', default: 'yes' }, '@a/b')).toThrow(
+      /Default/,
+    );
+  });
+});
diff --git a/packages/settings/test/end-to-end.spec.ts b/packages/settings/test/end-to-end.spec.ts
new file mode 100644
index 00000000..ca71cac0
--- /dev/null
+++ b/packages/settings/test/end-to-end.spec.ts
@@ -0,0 +1,102 @@
+import { cpSync, mkdtempSync, readFileSync, rmSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+
+import { MemoryContentCache, MemoryTreeCache, ProjectService } from '@nanoforge-dev/editor-project';
+import { type EditorServer, createEditorServer, loadEnv } from '@nanoforge-dev/editor-server-core';
+import { createLoopbackClient } from '@nanoforge-dev/editor-server-core/testing';
+
+import {
+  AccountSyncStore,
+  CoreSettings,
+  JsonFileScopeStore,
+  MemoryKeyValueStore,
+  PROJECT_LOCAL_SETTINGS_FILE,
+  PROJECT_SETTINGS_FILE,
+  SettingsRegistry,
+  SettingsService,
+  projectFileAdapter,
+  rpcAccountRemote,
+} from '../src';
+
+let workspace: string;
+let editor: EditorServer;
+
+beforeAll(() => {
+  workspace = mkdtempSync(join(import.meta.dirname, '../../server-core/test/.tmp-settings-'));
+  cpSync(
+    join(import.meta.dirname, '../../server-core/test/fixtures/pong-network'),
+    join(workspace, 'pong'),
+    {
+      recursive: true,
+    },
+  );
+  editor = createEditorServer({
+    env: loadEnv(
+      { NODE_ENV: 'test', FS_ROOT: workspace, DATA_DIR: mkdtempSync(join(tmpdir(), 'nf-data-')) },
+      workspace,
+    ),
+    version: 'test',
+  });
+});
+
+afterAll(() => {
+  editor.dispose();
+  rmSync(workspace, { recursive: true, force: true });
+});
+
+const client = async () => {
+  const rpc = createLoopbackClient(editor);
+  const registry = new SettingsRegistry();
+  registry.register(...Object.values(CoreSettings));
+  const settings = new SettingsService(registry);
+  const remote = rpcAccountRemote(rpc);
+  const account = new AccountSyncStore(remote, new MemoryKeyValueStore(), 'account', {
+    debounceMs: 0,
+  });
+  remote.watch(() => void account.sync());
+  await settings.setStore('account', account);
+  return { rpc, settings, account };
+};
+
+describe('settings end to end', () => {
+  it('syncs account settings between two clients', async () => {
+    const a = await client();
+    const b = await client();
+    await a.settings.set(CoreSettings.historyLimit, 250, 'account');
+    await a.account.sync();
+    /** Change stream → b pulls. */
+    await new Promise((resolve) => setTimeout(resolve, 20));
+    await b.account.sync();
+    expect(b.settings.get(CoreSettings.historyLimit)).toBe(250);
+    a.rpc.dispose();
+    b.rpc.dispose();
+  });
+
+  it('stores project settings in the project and keeps local ones out of git', async () => {
+    const { rpc, settings } = await client();
+    const project = await new ProjectService(rpc, {
+      contents: () => new MemoryContentCache(),
+      tree: () => new MemoryTreeCache(),
+    }).open({ path: 'pong' });
+    await settings.setStore(
+      'project',
+      new JsonFileScopeStore(projectFileAdapter(project.fs, PROJECT_SETTINGS_FILE)),
+    );
+    await settings.setStore(
+      'projectLocal',
+      new JsonFileScopeStore(
+        projectFileAdapter(project.fs, PROJECT_LOCAL_SETTINGS_FILE, { gitignored: true }),
+      ),
+    );
+
+    await settings.set(CoreSettings.historyLimit, 50, 'project');
+    await settings.set(CoreSettings.layoutActive, 'debug', 'projectLocal');
+    const root = join(workspace, 'pong/.nanoforge/editor');
+    expect(readFileSync(join(root, 'settings.json'), 'utf8')).toBe('{\n  "history.limit": 50\n}\n');
+    expect(readFileSync(join(root, '.gitignore'), 'utf8')).toContain('local.json');
+    expect(settings.inspect(CoreSettings.historyLimit).effectiveScope).toBe('project');
+    rpc.dispose();
+  });
+});
diff --git a/packages/settings/test/fixtures/settings.ts b/packages/settings/test/fixtures/settings.ts
new file mode 100644
index 00000000..5d7f34c6
--- /dev/null
+++ b/packages/settings/test/fixtures/settings.ts
@@ -0,0 +1,32 @@
+import { z } from 'zod';
+import { defineSetting } from '../../src';
+
+export const fontSize = defineSetting({
+  key: 'editor.fontSize',
+  schema: z.number().int().min(6),
+  default: 13,
+});
+export const theme = defineSetting({
+  key: 'appearance.theme',
+  schema: z.string(),
+  default: 'dark',
+  scopes: ['account', 'machine'],
+});
+export const colors = defineSetting({
+  key: 'appearance.colors',
+  schema: z.record(z.string(), z.string()),
+  default: { background: '#000', text: '#fff' },
+  mergeStrategy: 'deep',
+});
+export const disabled = defineSetting({
+  key: 'plugins.disabled',
+  schema: z.array(z.string()),
+  default: [],
+  mergeStrategy: 'union',
+});
+export const tabSize = defineSetting({
+  key: 'code.tabSize',
+  schema: z.number(),
+  default: 2,
+  renamedFrom: ['editor.tabSize'],
+});
diff --git a/packages/settings/test/merge/merge3.spec.ts b/packages/settings/test/merge/merge3.spec.ts
new file mode 100644
index 00000000..5d0cec0c
--- /dev/null
+++ b/packages/settings/test/merge/merge3.spec.ts
@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vitest';
+
+import { merge3 } from '../../src';
+
+describe('merge3', () => {
+  it('merges non conflicting edits and reports conflicts', () => {
+    const result = merge3(
+      { a: 1, b: 1, c: 1, d: 1 },
+      /** Local: a changed, c changed, d removed, e added. */
+      { a: 2, b: 1, c: 5, e: 1 },
+      /** Remote: b changed, c changed. */
+      { a: 1, b: 3, c: 7, d: 1 },
+    );
+    expect(result.values).toEqual({ a: 2, b: 3, c: 5, e: 1 });
+    expect(result.conflicts).toEqual([{ key: 'c', base: 1, local: 5, remote: 7 }]);
+  });
+});
diff --git a/packages/settings/test/service/settings-service.spec.ts b/packages/settings/test/service/settings-service.spec.ts
new file mode 100644
index 00000000..1b508702
--- /dev/null
+++ b/packages/settings/test/service/settings-service.spec.ts
@@ -0,0 +1,147 @@
+import { describe, expect, it, vi } from 'vitest';
+import { z } from 'zod';
+
+import { MemoryScopeStore, SettingsRegistry, SettingsService, defineSetting } from '../../src';
+import { colors, disabled, fontSize, tabSize, theme } from '../fixtures/settings';
+
+const setup = async () => {
+  const registry = new SettingsRegistry();
+  registry.register(fontSize, theme, colors, disabled, tabSize);
+  const warn = vi.fn();
+  const service = new SettingsService(registry, { warn } as never);
+  const stores = {
+    account: new MemoryScopeStore(),
+    machine: new MemoryScopeStore(),
+    project: new MemoryScopeStore(),
+    projectLocal: new MemoryScopeStore(),
+  };
+  for (const [scope, store] of Object.entries(stores))
+    await service.setStore(scope as keyof typeof stores, store);
+  return { registry, service, stores, warn };
+};
+
+describe('SettingsService', () => {
+  it('refuses a store that finishes initializing after another one was attached', async () => {
+    const registry = new SettingsRegistry();
+    registry.register(fontSize);
+    const service = new SettingsService(registry);
+    const slow = new MemoryScopeStore({ 'editor.fontSize': 11 });
+    let release!: () => void;
+    const initialize = slow.initialize.bind(slow);
+    slow.initialize = async () => {
+      await new Promise<void>((resolve) => (release = resolve));
+      await initialize();
+    };
+    const first = service.setStore('project', slow);
+    await service.setStore('project', new MemoryScopeStore({ 'editor.fontSize': 12 }));
+    release();
+    await expect(first).rejects.toThrow(/already attached/);
+    expect(service.get(fontSize)).toBe(12);
+  });
+
+  it('applies scope precedence', async () => {
+    const { service } = await setup();
+    expect(service.get(fontSize)).toBe(13);
+    await service.set(fontSize, 14, 'account');
+    await service.set(fontSize, 15, 'project');
+    expect(service.inspect(fontSize)).toMatchObject({
+      value: 15,
+      effectiveScope: 'project',
+      scopes: { default: 13, account: 14, project: 15 },
+    });
+    await service.set(fontSize, 16, 'projectLocal');
+    expect(service.get(fontSize)).toBe(16);
+    await service.reset(fontSize, 'projectLocal');
+    await service.reset(fontSize, 'project');
+    expect(service.get(fontSize)).toBe(14);
+  });
+
+  it('merges deep and union settings across scopes', async () => {
+    const { service } = await setup();
+    await service.set(colors, { text: '#eee' }, 'account');
+    await service.set(colors, { accent: '#f0f' }, 'project');
+    expect(service.get(colors)).toEqual({ background: '#000', text: '#eee', accent: '#f0f' });
+    await service.set(disabled, ['a/x', 'b/y'], 'account');
+    await service.set(disabled, ['b/y', 'c/z'], 'project');
+    expect(service.get(disabled)).toEqual(['a/x', 'b/y', 'c/z']);
+  });
+
+  it('restricts scopes on write and ignores values stored in forbidden scopes', async () => {
+    const { service, stores, warn } = await setup();
+    await expect(service.set(theme, 'light', 'project')).rejects.toThrow(
+      /cannot be set at project level/,
+    );
+    await stores.project.write({ 'appearance.theme': 'evil' });
+    expect(service.get(theme)).toBe('dark');
+    expect(service.inspect(theme).ignored).toEqual([
+      { scope: 'project', value: 'evil', reason: 'scope' },
+    ]);
+    expect(warn).toHaveBeenCalledOnce();
+  });
+
+  it('validates writes and ignores invalid stored values', async () => {
+    const { service, stores } = await setup();
+    await expect(service.set(fontSize, 2, 'account')).rejects.toThrow(/Invalid value/);
+    await stores.machine.write({ 'editor.fontSize': 'huge' });
+    await service.set(fontSize, 20, 'account');
+    expect(service.get(fontSize)).toBe(20);
+  });
+
+  it('reads renamed settings and moves them on write', async () => {
+    const { service, stores } = await setup();
+    await stores.account.write({ 'editor.tabSize': 4 });
+    expect(service.get(tabSize)).toBe(4);
+    await service.set(tabSize, 8, 'account');
+    expect(stores.account.values.get()).toEqual({ 'code.tabSize': 8 });
+  });
+
+  it('notifies observers only for relevant changes', async () => {
+    const { service, stores } = await setup();
+    const run = vi.fn();
+    service.observe(fontSize).subscribe(run);
+    await service.set(theme, 'light', 'machine');
+    await service.set(fontSize, 18, 'machine');
+    /** Same effective value. */
+    await stores.project.write({ 'editor.fontSize': 18 });
+    expect(run.mock.calls).toEqual([[13], [18]]);
+  });
+
+  it('keeps the last value of an observed setting when its definition is removed', async () => {
+    const { registry, service } = await setup();
+    const zoom = defineSetting({ key: '@acme/plugin.zoom', schema: z.number(), default: 1 });
+    const registration = registry.register(zoom);
+    const run = vi.fn();
+    service.observe(zoom).subscribe(run);
+    expect(() => registration.dispose()).not.toThrow();
+    registry.register(zoom);
+    await service.set(zoom, 2, 'machine');
+    expect(run.mock.calls).toEqual([[1], [2]]);
+  });
+
+  it('previews and applies imports', async () => {
+    const { service } = await setup();
+    await service.set(fontSize, 14, 'account');
+    const preview = service.previewImport(
+      'account',
+      JSON.stringify({
+        'editor.fontSize': 16,
+        'appearance.theme': 'light',
+        '@other/plugin.x': 1,
+        'code.tabSize': 'no',
+      }),
+    );
+    expect(preview).toMatchObject({
+      changed: ['editor.fontSize'],
+      added: ['appearance.theme'],
+      unknown: ['@other/plugin.x'],
+      rejected: [{ key: 'code.tabSize', reason: 'invalid value' }],
+    });
+    await service.applyImport(preview);
+    expect(service.get(fontSize)).toBe(16);
+    expect(JSON.parse(service.export('account'))).toEqual({
+      'editor.fontSize': 16,
+      'appearance.theme': 'light',
+      '@other/plugin.x': 1,
+    });
+  });
+});
diff --git a/packages/settings/test/store/json-file.scope-store.spec.ts b/packages/settings/test/store/json-file.scope-store.spec.ts
new file mode 100644
index 00000000..f4d507a4
--- /dev/null
+++ b/packages/settings/test/store/json-file.scope-store.spec.ts
@@ -0,0 +1,63 @@
+import { describe, expect, it } from 'vitest';
+
+import { Emitter } from '@nanoforge-dev/editor-kernel';
+
+import { JsonFileScopeStore, type TextFileAdapter } from '../../src';
+
+describe('JsonFileScopeStore', () => {
+  const file = (initial?: string) => {
+    let content = initial;
+    let version = 0;
+    const onDidChange = new Emitter<void>();
+    const adapter: TextFileAdapter & {
+      external(text: string): void;
+      content(): string | undefined;
+    } = {
+      read: async () =>
+        content === undefined ? undefined : { text: content, hash: String(version) },
+      write: async (text, expectedHash) => {
+        const current = content === undefined ? null : String(version);
+        if (current !== expectedHash)
+          throw Object.assign(new Error('conflict'), { code: 'CONFLICT' });
+        content = text;
+        return { hash: String(++version) };
+      },
+      onDidChange: onDidChange.event,
+      external(text) {
+        content = text;
+        version++;
+      },
+      content: () => content,
+    };
+    return adapter;
+  };
+
+  it('writes sorted json and retries after external edits', async () => {
+    const adapter = file('{"b": 1}');
+    const store = new JsonFileScopeStore(adapter);
+    await store.initialize();
+    /** Not yet reloaded: the write hits a conflict. */
+    adapter.external('{"b": 2, "c": 3}');
+    await store.write({ a: true });
+    expect(adapter.content()).toBe('{\n  "a": true,\n  "b": 2,\n  "c": 3\n}\n');
+  });
+
+  it('reads the file again after a conflict, past a cache that missed the change', async () => {
+    const adapter = file('{"b": 1}');
+    const read = adapter.read.bind(adapter);
+    const store = new JsonFileScopeStore(adapter);
+    await store.initialize();
+    const stale = await read();
+    adapter.read = (fresh) => (fresh ? read() : Promise.resolve(stale));
+    adapter.external('{"b": 2}');
+    await store.write({ a: true });
+    expect(adapter.content()).toBe('{\n  "a": true,\n  "b": 2\n}\n');
+  });
+
+  it('never overwrites an invalid file', async () => {
+    const store = new JsonFileScopeStore(file('{ oops'));
+    await store.initialize();
+    expect(store.invalid).toBeDefined();
+    await expect(store.write({ a: 1 })).rejects.toThrow(/invalid/);
+  });
+});
diff --git a/packages/settings/test/store/key-value.scope-store.spec.ts b/packages/settings/test/store/key-value.scope-store.spec.ts
new file mode 100644
index 00000000..f1fb96e6
--- /dev/null
+++ b/packages/settings/test/store/key-value.scope-store.spec.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'vitest';
+
+import type { KeyValueStore } from '../../src/key-value/key-value-store.type';
+import { KeyValueScopeStore } from '../../src/store/key-value.scope-store';
+
+/** A key/value store whose writes take a while (like IndexedDB). */
+const slowStore = () => {
+  const data = new Map<string, unknown>();
+  const store: KeyValueStore = {
+    get: async <T>(key: string) => data.get(key) as T | undefined,
+    set: async (key: string, value: unknown) => {
+      await new Promise((resolve) => setTimeout(resolve, 5));
+      data.set(key, value);
+    },
+    delete: async (key: string) => {
+      data.delete(key);
+    },
+  };
+  return { store, data };
+};
+
+describe('KeyValueScopeStore', () => {
+  it('keeps both of two writes made at once', async () => {
+    const { store, data } = slowStore();
+    const scope = new KeyValueScopeStore(store, 'machine');
+    await scope.initialize();
+    await Promise.all([scope.write({ 'a.one': 1 }), scope.write({ 'b.two': 2 })]);
+    expect(scope.values.get()).toEqual({ 'a.one': 1, 'b.two': 2 });
+    expect(data.get('machine')).toEqual({ 'a.one': 1, 'b.two': 2 });
+  });
+});
diff --git a/packages/settings/tsconfig.json b/packages/settings/tsconfig.json
new file mode 100644
index 00000000..888918d9
--- /dev/null
+++ b/packages/settings/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/packages/ui/.prettierignore b/packages/ui/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/packages/ui/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/packages/ui/.vitest-attachments/02b15f3f113918a38cd8e641b8a17d93aa33ebb2.png b/packages/ui/.vitest-attachments/02b15f3f113918a38cd8e641b8a17d93aa33ebb2.png
new file mode 100644
index 00000000..79272762
Binary files /dev/null and b/packages/ui/.vitest-attachments/02b15f3f113918a38cd8e641b8a17d93aa33ebb2.png differ
diff --git a/packages/ui/.vitest-attachments/27a793f05c95fc860a68c6e341bc411b7e66b6a1.png b/packages/ui/.vitest-attachments/27a793f05c95fc860a68c6e341bc411b7e66b6a1.png
new file mode 100644
index 00000000..ff2e09f8
Binary files /dev/null and b/packages/ui/.vitest-attachments/27a793f05c95fc860a68c6e341bc411b7e66b6a1.png differ
diff --git a/packages/ui/.vitest-attachments/690d9337f6f506875e458c9b2cef928175a07b0b.png b/packages/ui/.vitest-attachments/690d9337f6f506875e458c9b2cef928175a07b0b.png
new file mode 100644
index 00000000..8052888e
Binary files /dev/null and b/packages/ui/.vitest-attachments/690d9337f6f506875e458c9b2cef928175a07b0b.png differ
diff --git a/packages/ui/.vitest-attachments/a56f5a286116b3a615006044f826a559850964e3.png b/packages/ui/.vitest-attachments/a56f5a286116b3a615006044f826a559850964e3.png
new file mode 100644
index 00000000..4f59b205
Binary files /dev/null and b/packages/ui/.vitest-attachments/a56f5a286116b3a615006044f826a559850964e3.png differ
diff --git a/packages/ui/.vitest-attachments/f3050746551e183630dbddf1ae7ffec904ce7a4f.png b/packages/ui/.vitest-attachments/f3050746551e183630dbddf1ae7ffec904ce7a4f.png
new file mode 100644
index 00000000..47767d2f
Binary files /dev/null and b/packages/ui/.vitest-attachments/f3050746551e183630dbddf1ae7ffec904ce7a4f.png differ
diff --git a/packages/ui/LICENSE b/packages/ui/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/packages/ui/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/ui/README.md b/packages/ui/README.md
new file mode 100644
index 00000000..2335bde3
--- /dev/null
+++ b/packages/ui/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/packages/ui"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=packages%2Fui" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-ui` is an internal package of the NanoForge Editor.
+
+Svelte UI kit, theme tokens, style injection and layout renderer.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/packages/ui
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/packages/ui/package.json b/packages/ui/package.json
new file mode 100644
index 00000000..a514fce7
--- /dev/null
+++ b/packages/ui/package.json
@@ -0,0 +1,83 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-ui",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - UI kit, theme, style injection, widget host and layout renderer",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "exports": {
+    ".": {
+      "svelte": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./fonts.css": "./src/theme/fonts.css",
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "packages/ui"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config vitest.config.ts"
+  },
+  "dependencies": {
+    "@fontsource/instrument-sans": "catalog:components",
+    "@fontsource/jetbrains-mono": "catalog:components",
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@nanoforge-dev/editor-layout": "workspace:*",
+    "@nanoforge-dev/editor-settings": "workspace:*",
+    "bits-ui": "catalog:components",
+    "zod": "catalog:libs"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "@vitest/browser-playwright": "catalog:test",
+    "playwright": "catalog:test",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test",
+    "vitest-browser-svelte": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/packages/ui/src/components/MenuEntries.svelte b/packages/ui/src/components/MenuEntries.svelte
new file mode 100644
index 00000000..54e4fc81
--- /dev/null
+++ b/packages/ui/src/components/MenuEntries.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { DropdownMenu } from 'bits-ui';
+
+  import Icon from './icon.svelte';
+  import MenuEntries from './MenuEntries.svelte';
+  import type { MenuEntry } from './menu-entry.type';
+
+  const { items }: { items: readonly MenuEntry[] } = $props();
+</script>
+
+{#each items as entry, index (index)}
+  {#if entry.kind === 'separator'}
+    <DropdownMenu.Separator class="nf-menu-separator" />
+  {:else if entry.kind === 'submenu'}
+    <DropdownMenu.Sub>
+      <DropdownMenu.SubTrigger class="nf-menu-item" disabled={entry.disabled ?? false}>
+        <span class="nf-menu-check"></span>
+        <span class="nf-menu-label">{entry.label}</span>
+        <Icon name="chevron-right" size={14} />
+      </DropdownMenu.SubTrigger>
+      <DropdownMenu.SubContent class="nf-popover nf-menu" sideOffset={2}>
+        <MenuEntries items={entry.items} />
+      </DropdownMenu.SubContent>
+    </DropdownMenu.Sub>
+  {:else}
+    <DropdownMenu.Item
+      class="nf-menu-item"
+      disabled={entry.disabled ?? false}
+      onSelect={entry.onSelect}
+    >
+      <span class="nf-menu-check">
+        {#if entry.checked}<Icon name="check" size={14} />{:else if entry.icon}<Icon
+            name={entry.icon}
+            size={14}
+          />{/if}
+      </span>
+      <span class="nf-menu-label">{entry.label}</span>
+      {#if entry.shortcut}<kbd class="nf-menu-shortcut">{entry.shortcut}</kbd>{/if}
+    </DropdownMenu.Item>
+  {/if}
+{/each}
diff --git a/packages/ui/src/components/button.svelte b/packages/ui/src/components/button.svelte
new file mode 100644
index 00000000..c4fda580
--- /dev/null
+++ b/packages/ui/src/components/button.svelte
@@ -0,0 +1,88 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+
+  import Icon from './icon.svelte';
+
+  interface Props extends HTMLButtonAttributes {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md';
+    icon?: string;
+    children?: Snippet;
+  }
+
+  const {
+    variant = 'secondary',
+    size = 'md',
+    icon,
+    children,
+    type = 'button',
+    ...rest
+  }: Props = $props();
+</script>
+
+<button class="button {variant} {size}" {type} {...rest}>
+  {#if icon}<Icon name={icon} size={size === 'sm' ? 14 : 16} />{/if}
+  {#if children}<span>{@render children()}</span>{/if}
+</button>
+
+<style>
+  .button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--nf-space-2);
+    height: var(--nf-control-height);
+    padding: 0 var(--nf-space-3);
+    border: 1px solid transparent;
+    border-radius: var(--nf-radius-control);
+    font-weight: 500;
+    white-space: nowrap;
+    cursor: pointer;
+    transition:
+      background-color var(--nf-motion-fast),
+      border-color var(--nf-motion-fast);
+  }
+  .sm {
+    height: 22px;
+    padding: 0 var(--nf-space-2);
+    font-size: var(--nf-font-size-sm);
+  }
+  .primary {
+    background: var(--nf-color-accent);
+    color: var(--nf-color-on-accent);
+  }
+  .primary:hover:not(:disabled) {
+    background: var(--nf-color-accent-hover);
+  }
+  .secondary {
+    background: var(--nf-color-raised);
+    border-color: var(--nf-color-border);
+  }
+  .secondary:hover:not(:disabled) {
+    border-color: var(--nf-color-border-strong);
+    background: var(--nf-color-hover);
+  }
+  .ghost {
+    background: transparent;
+  }
+  .ghost:hover:not(:disabled) {
+    background: var(--nf-color-hover);
+  }
+  .danger {
+    background: transparent;
+    border-color: var(--nf-color-danger);
+    color: var(--nf-color-danger);
+  }
+  .danger:hover:not(:disabled) {
+    background: var(--nf-color-danger);
+    color: var(--nf-color-bg);
+  }
+  .button:active:not(:disabled) {
+    translate: 0 1px;
+  }
+  .button:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+</style>
diff --git a/packages/ui/src/components/checkbox.svelte b/packages/ui/src/components/checkbox.svelte
new file mode 100644
index 00000000..2684511a
--- /dev/null
+++ b/packages/ui/src/components/checkbox.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    checked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    children?: Snippet;
+    onchange?: (checked: boolean) => void;
+  }
+
+  let { checked = $bindable(false), disabled = false, label, children, onchange }: Props = $props();
+</script>
+
+<label class="checkbox" class:disabled>
+  <input
+    type="checkbox"
+    bind:checked
+    {disabled}
+    aria-label={children ? undefined : label}
+    onchange={() => onchange?.(checked)}
+  />
+  {#if children}<span>{@render children()}</span>{:else if label}<span>{label}</span>{/if}
+</label>
+
+<style>
+  .checkbox {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nf-space-2);
+    cursor: pointer;
+  }
+  input {
+    appearance: none;
+    display: grid;
+    place-content: center;
+    width: 14px;
+    height: 14px;
+    margin: 0;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: 2px;
+    background: var(--nf-color-sunken);
+    cursor: inherit;
+  }
+  input:checked {
+    border-color: var(--nf-color-accent);
+    background: var(--nf-color-accent);
+  }
+  input:checked::after {
+    content: '';
+    width: 7px;
+    height: 4px;
+    margin-top: -2px;
+    border-left: 2px solid var(--nf-color-on-accent);
+    border-bottom: 2px solid var(--nf-color-on-accent);
+    rotate: -45deg;
+  }
+  .disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+</style>
diff --git a/packages/ui/src/components/color-picker.svelte b/packages/ui/src/components/color-picker.svelte
new file mode 100644
index 00000000..8617cd13
--- /dev/null
+++ b/packages/ui/src/components/color-picker.svelte
@@ -0,0 +1,95 @@
+<script lang="ts">
+  interface Props {
+    /** `#rrggbb`. */
+    value: string;
+    onchange?: (value: string, final: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+  }
+
+  const { value, onchange, label = 'Color', disabled = false }: Props = $props();
+  let text = $state('');
+  let editing = $state(false);
+
+  $effect(() => {
+    if (!editing) text = value;
+  });
+
+  const HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+  const normalize = (input: string) => {
+    const match = HEX.exec(input.trim());
+    if (!match) return undefined;
+    const hex = match[1]!.length === 3 ? [...match[1]!].map((c) => c + c).join('') : match[1]!;
+    return `#${hex.toLowerCase()}`;
+  };
+
+  const commitText = () => {
+    editing = false;
+    const color = normalize(text);
+    if (color) onchange?.(color, true);
+    else text = value;
+  };
+</script>
+
+<div class="color" class:disabled>
+  <label class="swatch" style:background={value} title={label}>
+    <input
+      type="color"
+      aria-label="{label} picker"
+      {value}
+      {disabled}
+      oninput={(event) => onchange?.(event.currentTarget.value, false)}
+      onchange={(event) => onchange?.(event.currentTarget.value, true)}
+    />
+  </label>
+  <input
+    class="hex"
+    type="text"
+    aria-label={label}
+    spellcheck="false"
+    {disabled}
+    bind:value={text}
+    onfocus={() => (editing = true)}
+    onblur={commitText}
+    onkeydown={(event) => event.key === 'Enter' && event.currentTarget.blur()}
+  />
+</div>
+
+<style>
+  .color {
+    display: flex;
+    gap: var(--nf-space-1);
+    height: var(--nf-control-height);
+  }
+  .swatch {
+    position: relative;
+    width: var(--nf-control-height);
+    flex: none;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: var(--nf-radius-control);
+    cursor: pointer;
+  }
+  .swatch input {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+  .hex {
+    flex: 1;
+    min-width: 0;
+    padding: 0 var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+    outline: none;
+  }
+  .hex:focus {
+    border-color: var(--nf-color-focus);
+  }
+  .disabled {
+    opacity: 0.5;
+  }
+</style>
diff --git a/packages/ui/src/components/combobox.svelte b/packages/ui/src/components/combobox.svelte
new file mode 100644
index 00000000..7813def4
--- /dev/null
+++ b/packages/ui/src/components/combobox.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+  import { Combobox } from 'bits-ui';
+
+  import Icon from './icon.svelte';
+
+  interface Props {
+    value: string;
+    items: readonly { value: string; label: string; detail?: string }[];
+    onchange?: (value: string) => void;
+    label: string;
+    placeholder?: string;
+  }
+
+  const { value, items, onchange, label, placeholder }: Props = $props();
+  let search = $state('');
+  const filtered = $derived(
+    search
+      ? items.filter((item) => item.label.toLowerCase().includes(search.toLowerCase()))
+      : items,
+  );
+</script>
+
+<Combobox.Root
+  type="single"
+  {value}
+  items={items.map((item) => ({ value: item.value, label: item.label }))}
+  onValueChange={(next) => onchange?.(next)}
+  onOpenChange={(open) => !open && (search = '')}
+>
+  <div class="nf-combobox">
+    <Combobox.Input
+      class="nf-combobox-input"
+      aria-label={label}
+      {placeholder}
+      oninput={(event) => (search = event.currentTarget.value)}
+    />
+    <Combobox.Trigger class="nf-combobox-trigger" aria-label="Show options">
+      <Icon name="chevron-down" size={14} />
+    </Combobox.Trigger>
+  </div>
+  <Combobox.Portal>
+    <Combobox.Content class="nf-popover" sideOffset={4}>
+      {#each filtered as item (item.value)}
+        <Combobox.Item class="nf-menu-item" value={item.value} label={item.label}>
+          <span>{item.label}</span>
+          {#if item.detail}<span class="nf-menu-detail">{item.detail}</span>{/if}
+        </Combobox.Item>
+      {:else}
+        <p class="nf-menu-empty">No match</p>
+      {/each}
+    </Combobox.Content>
+  </Combobox.Portal>
+</Combobox.Root>
diff --git a/packages/ui/src/components/context-menu.svelte b/packages/ui/src/components/context-menu.svelte
new file mode 100644
index 00000000..d91da8f3
--- /dev/null
+++ b/packages/ui/src/components/context-menu.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import { ContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  import Icon from './icon.svelte';
+  import type { MenuEntry } from './menu-entry.type';
+
+  interface Props {
+    /** Computed when the menu opens (entries can depend on the clicked element). */
+    items: () => readonly MenuEntry[];
+    children: Snippet;
+  }
+
+  const { items, children }: Props = $props();
+  let entries = $state<readonly MenuEntry[]>([]);
+</script>
+
+<ContextMenu.Root onOpenChange={(open) => open && (entries = items())}>
+  <ContextMenu.Trigger class="nf-context-area">
+    {@render children()}
+  </ContextMenu.Trigger>
+  <ContextMenu.Portal>
+    <ContextMenu.Content class="nf-popover nf-menu">
+      {#each entries as entry, index (index)}
+        {#if entry.kind === 'separator'}
+          <ContextMenu.Separator class="nf-menu-separator" />
+        {:else if entry.kind === 'submenu'}
+          <ContextMenu.Sub>
+            <ContextMenu.SubTrigger class="nf-menu-item" disabled={entry.disabled ?? false}>
+              <span class="nf-menu-check"></span>
+              <span class="nf-menu-label">{entry.label}</span>
+              <Icon name="chevron-right" size={14} />
+            </ContextMenu.SubTrigger>
+            <ContextMenu.SubContent class="nf-popover nf-menu">
+              {#each entry.items as child, childIndex (childIndex)}
+                {#if child.kind === 'item'}
+                  <ContextMenu.Item
+                    class="nf-menu-item"
+                    disabled={child.disabled ?? false}
+                    onSelect={child.onSelect}
+                  >
+                    <span class="nf-menu-check"></span>
+                    <span class="nf-menu-label">{child.label}</span>
+                  </ContextMenu.Item>
+                {:else if child.kind === 'separator'}
+                  <ContextMenu.Separator class="nf-menu-separator" />
+                {/if}
+              {/each}
+            </ContextMenu.SubContent>
+          </ContextMenu.Sub>
+        {:else}
+          <ContextMenu.Item
+            class="nf-menu-item"
+            disabled={entry.disabled ?? false}
+            onSelect={entry.onSelect}
+          >
+            <span class="nf-menu-check">
+              {#if entry.checked}<Icon name="check" size={14} />{:else if entry.icon}<Icon
+                  name={entry.icon}
+                  size={14}
+                />{/if}
+            </span>
+            <span class="nf-menu-label">{entry.label}</span>
+            {#if entry.shortcut}<kbd class="nf-menu-shortcut">{entry.shortcut}</kbd>{/if}
+          </ContextMenu.Item>
+        {/if}
+      {/each}
+    </ContextMenu.Content>
+  </ContextMenu.Portal>
+</ContextMenu.Root>
diff --git a/packages/ui/src/components/dialog.svelte b/packages/ui/src/components/dialog.svelte
new file mode 100644
index 00000000..fe023555
--- /dev/null
+++ b/packages/ui/src/components/dialog.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+  import { Dialog } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  import IconButton from './icon-button.svelte';
+
+  interface Props {
+    open: boolean;
+    title: string;
+    description?: string;
+    children?: Snippet;
+    footer?: Snippet;
+    onclose?: () => void;
+    width?: string;
+  }
+
+  let {
+    open = $bindable(),
+    title,
+    description,
+    children,
+    footer,
+    onclose,
+    width = '480px',
+  }: Props = $props();
+</script>
+
+<Dialog.Root
+  bind:open
+  onOpenChange={(next) => {
+    if (!next) onclose?.();
+  }}
+>
+  <Dialog.Portal>
+    <Dialog.Overlay class="nf-dialog-overlay" />
+    <Dialog.Content class="nf-dialog" style="width: min({width}, calc(100vw - 32px))">
+      <header class="nf-dialog-header">
+        <Dialog.Title class="nf-dialog-title">{title}</Dialog.Title>
+        <Dialog.Close>
+          {#snippet child({ props })}
+            <IconButton {...props} icon="x" label="Close" />
+          {/snippet}
+        </Dialog.Close>
+      </header>
+      {#if description}<Dialog.Description class="nf-dialog-description"
+          >{description}</Dialog.Description
+        >{/if}
+      {#if children}<div class="nf-dialog-body">{@render children()}</div>{/if}
+      {#if footer}<footer class="nf-dialog-footer">{@render footer()}</footer>{/if}
+    </Dialog.Content>
+  </Dialog.Portal>
+</Dialog.Root>
diff --git a/packages/ui/src/components/empty-state.svelte b/packages/ui/src/components/empty-state.svelte
new file mode 100644
index 00000000..10ceee59
--- /dev/null
+++ b/packages/ui/src/components/empty-state.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import Icon from './icon.svelte';
+
+  interface Props {
+    icon?: string;
+    title: string;
+    description?: string;
+    actions?: Snippet;
+  }
+
+  const { icon, title, description, actions }: Props = $props();
+</script>
+
+<div class="empty">
+  {#if icon}<span class="icon"><Icon name={icon} size={28} /></span>{/if}
+  <p class="title">{title}</p>
+  {#if description}<p class="description">{description}</p>{/if}
+  {#if actions}<div class="actions">{@render actions()}</div>{/if}
+</div>
+
+<style>
+  .empty {
+    display: grid;
+    justify-items: center;
+    align-content: center;
+    gap: var(--nf-space-2);
+    height: 100%;
+    padding: var(--nf-space-5);
+    text-align: center;
+  }
+  .icon {
+    color: var(--nf-color-text-faint);
+  }
+  .title {
+    margin: 0;
+    font-weight: 500;
+  }
+  .description {
+    margin: 0;
+    max-width: 36ch;
+    color: var(--nf-color-text-muted);
+  }
+  .actions {
+    display: flex;
+    gap: var(--nf-space-2);
+    margin-top: var(--nf-space-2);
+  }
+</style>
diff --git a/packages/ui/src/components/icon-button.svelte b/packages/ui/src/components/icon-button.svelte
new file mode 100644
index 00000000..1c819ebe
--- /dev/null
+++ b/packages/ui/src/components/icon-button.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+
+  import Icon from './icon.svelte';
+
+  interface Props extends HTMLButtonAttributes {
+    icon: string;
+    /** Accessible name, also shown as tooltip. */
+    label: string;
+    pressed?: boolean;
+    size?: number;
+  }
+
+  const { icon, label, pressed, size = 16, type = 'button', ...rest }: Props = $props();
+</script>
+
+<button
+  class="icon-button"
+  class:pressed
+  {type}
+  aria-label={label}
+  title={label}
+  aria-pressed={pressed === undefined ? undefined : pressed}
+  {...rest}
+>
+  <Icon name={icon} {size} />
+</button>
+
+<style>
+  .icon-button {
+    display: inline-grid;
+    place-items: center;
+    width: var(--nf-control-height);
+    height: var(--nf-control-height);
+    padding: 0;
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .icon-button:hover:not(:disabled) {
+    background: var(--nf-color-hover);
+    color: var(--nf-color-text);
+  }
+  .pressed {
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+  .icon-button:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+</style>
diff --git a/packages/ui/src/components/icon.svelte b/packages/ui/src/components/icon.svelte
new file mode 100644
index 00000000..2e3dc36e
--- /dev/null
+++ b/packages/ui/src/components/icon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { type IconComponent, resolveIcon } from './icons';
+
+  interface Props {
+    /** Registered icon name (see `registerIcons`). */
+    name?: string;
+    /** Or an icon component directly. */
+    icon?: IconComponent;
+    size?: number;
+    label?: string;
+  }
+
+  const { name, icon, size = 16, label }: Props = $props();
+  const Resolved = $derived(icon ?? resolveIcon(name) ?? resolveIcon('box'));
+</script>
+
+{#if Resolved}
+  <Resolved
+    {size}
+    strokeWidth={1.75}
+    aria-hidden={label ? undefined : 'true'}
+    aria-label={label}
+    role={label ? 'img' : undefined}
+  />
+{/if}
diff --git a/packages/ui/src/components/icons.ts b/packages/ui/src/components/icons.ts
new file mode 100644
index 00000000..2af2910b
--- /dev/null
+++ b/packages/ui/src/components/icons.ts
@@ -0,0 +1,130 @@
+import Activity from '@lucide/svelte/icons/activity';
+import AppWindow from '@lucide/svelte/icons/app-window';
+import Blocks from '@lucide/svelte/icons/blocks';
+import Box from '@lucide/svelte/icons/box';
+import Check from '@lucide/svelte/icons/check';
+import ChevronDown from '@lucide/svelte/icons/chevron-down';
+import ChevronRight from '@lucide/svelte/icons/chevron-right';
+import CircleAlert from '@lucide/svelte/icons/circle-alert';
+import CircleCheck from '@lucide/svelte/icons/circle-check';
+import Code from '@lucide/svelte/icons/code';
+import Copy from '@lucide/svelte/icons/copy';
+import Ellipsis from '@lucide/svelte/icons/ellipsis';
+import EllipsisVertical from '@lucide/svelte/icons/ellipsis-vertical';
+import File from '@lucide/svelte/icons/file';
+import FileCode from '@lucide/svelte/icons/file-code';
+import Folder from '@lucide/svelte/icons/folder';
+import FolderOpen from '@lucide/svelte/icons/folder-open';
+import FolderTree from '@lucide/svelte/icons/folder-tree';
+import Gamepad2 from '@lucide/svelte/icons/gamepad-2';
+import GitBranch from '@lucide/svelte/icons/git-branch';
+import Globe from '@lucide/svelte/icons/globe';
+import GripVertical from '@lucide/svelte/icons/grip-vertical';
+import History from '@lucide/svelte/icons/history';
+import Info from '@lucide/svelte/icons/info';
+import Layers from '@lucide/svelte/icons/layers';
+import LayoutPanelLeft from '@lucide/svelte/icons/layout-panel-left';
+import ListTree from '@lucide/svelte/icons/list-tree';
+import LoaderCircle from '@lucide/svelte/icons/loader-circle';
+import Lock from '@lucide/svelte/icons/lock';
+import Maximize2 from '@lucide/svelte/icons/maximize-2';
+import Minimize2 from '@lucide/svelte/icons/minimize-2';
+import Minus from '@lucide/svelte/icons/minus';
+import Network from '@lucide/svelte/icons/network';
+import PanelBottom from '@lucide/svelte/icons/panel-bottom';
+import PanelLeft from '@lucide/svelte/icons/panel-left';
+import PanelRight from '@lucide/svelte/icons/panel-right';
+import Pause from '@lucide/svelte/icons/pause';
+import Pencil from '@lucide/svelte/icons/pencil';
+import Play from '@lucide/svelte/icons/play';
+import Plug from '@lucide/svelte/icons/plug';
+import Plus from '@lucide/svelte/icons/plus';
+import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
+import Search from '@lucide/svelte/icons/search';
+import Server from '@lucide/svelte/icons/server';
+import Settings from '@lucide/svelte/icons/settings';
+import SlidersHorizontal from '@lucide/svelte/icons/sliders-horizontal';
+import Square from '@lucide/svelte/icons/square';
+import SquareTerminal from '@lucide/svelte/icons/square-terminal';
+import StepForward from '@lucide/svelte/icons/step-forward';
+import Trash2 from '@lucide/svelte/icons/trash-2';
+import TriangleAlert from '@lucide/svelte/icons/triangle-alert';
+import Variable from '@lucide/svelte/icons/variable';
+import X from '@lucide/svelte/icons/x';
+import type { Component } from 'svelte';
+import { SvelteMap } from 'svelte/reactivity';
+
+import type { Disposable } from '@nanoforge-dev/editor-kernel';
+
+export type IconComponent = Component<any>;
+
+const registry = new SvelteMap<string, IconComponent>(
+  Object.entries({
+    activity: Activity,
+    'app-window': AppWindow,
+    blocks: Blocks,
+    box: Box,
+    check: Check,
+    'chevron-down': ChevronDown,
+    'chevron-right': ChevronRight,
+    'circle-alert': CircleAlert,
+    'circle-check': CircleCheck,
+    code: Code,
+    copy: Copy,
+    ellipsis: Ellipsis,
+    'ellipsis-vertical': EllipsisVertical,
+    file: File,
+    'file-code': FileCode,
+    folder: Folder,
+    'folder-open': FolderOpen,
+    'folder-tree': FolderTree,
+    'gamepad-2': Gamepad2,
+    'git-branch': GitBranch,
+    globe: Globe,
+    'grip-vertical': GripVertical,
+    history: History,
+    info: Info,
+    layers: Layers,
+    'layout-panel-left': LayoutPanelLeft,
+    'list-tree': ListTree,
+    'loader-circle': LoaderCircle,
+    lock: Lock,
+    'maximize-2': Maximize2,
+    'minimize-2': Minimize2,
+    minus: Minus,
+    network: Network,
+    'panel-bottom': PanelBottom,
+    'panel-left': PanelLeft,
+    'panel-right': PanelRight,
+    pause: Pause,
+    pencil: Pencil,
+    play: Play,
+    plug: Plug,
+    plus: Plus,
+    'rotate-ccw': RotateCcw,
+    search: Search,
+    server: Server,
+    settings: Settings,
+    'sliders-horizontal': SlidersHorizontal,
+    square: Square,
+    'square-terminal': SquareTerminal,
+    'step-forward': StepForward,
+    'trash-2': Trash2,
+    'triangle-alert': TriangleAlert,
+    variable: Variable,
+    x: X,
+  }),
+);
+
+/**
+ * Registers icons by name (manifests reference icons by name). Plugins register the Lucide
+ * icons they use: `registerIcons({ music: Music })` with `@lucide/svelte/icons/music`.
+ */
+export const registerIcons = (icons: Record<string, IconComponent>): Disposable => {
+  const added = Object.entries(icons).filter(([name]) => !registry.has(name));
+  for (const [name, icon] of added) registry.set(name, icon);
+  return { dispose: () => added.forEach(([name]) => registry.delete(name)) };
+};
+
+export const resolveIcon = (name: string | undefined): IconComponent | undefined =>
+  name ? registry.get(name) : undefined;
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
new file mode 100644
index 00000000..2aecb995
--- /dev/null
+++ b/packages/ui/src/components/index.ts
@@ -0,0 +1,25 @@
+export * from './icons';
+export type { MenuEntry } from './menu-entry.type';
+export type { PropertyField } from './property-field.type';
+export * from './tree-model';
+export { default as Button } from './button.svelte';
+export { default as Checkbox } from './checkbox.svelte';
+export { default as ColorPicker } from './color-picker.svelte';
+export { default as Combobox } from './combobox.svelte';
+export { default as ContextMenu } from './context-menu.svelte';
+export { default as Dialog } from './dialog.svelte';
+export { default as EmptyState } from './empty-state.svelte';
+export { default as Icon } from './icon.svelte';
+export { default as IconButton } from './icon-button.svelte';
+export { default as Input } from './input.svelte';
+export { default as Menu } from './menu.svelte';
+export { default as NumberInput } from './number-input.svelte';
+export { default as Select } from './select.svelte';
+export { default as Splitter } from './splitter.svelte';
+export { default as Switch } from './switch.svelte';
+export { default as Tabs } from './tabs.svelte';
+export { default as Toasts } from './toasts.svelte';
+export { default as Tooltip } from './tooltip.svelte';
+export { default as Vector2Input } from './vector2-input.svelte';
+export { default as PropertyGrid } from './property-grid.svelte';
+export { default as Tree } from './tree.svelte';
diff --git a/packages/ui/src/components/input.svelte b/packages/ui/src/components/input.svelte
new file mode 100644
index 00000000..25a47a60
--- /dev/null
+++ b/packages/ui/src/components/input.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+  import type { HTMLInputAttributes } from 'svelte/elements';
+
+  interface Props extends Omit<HTMLInputAttributes, 'value'> {
+    value?: string;
+    invalid?: boolean;
+    ref?: HTMLInputElement;
+  }
+
+  let { value = $bindable(''), invalid = false, ref = $bindable(), ...rest }: Props = $props();
+</script>
+
+<input
+  class="input"
+  class:invalid
+  bind:value
+  bind:this={ref}
+  aria-invalid={invalid || undefined}
+  {...rest}
+/>
+
+<style>
+  .input {
+    width: 100%;
+    height: var(--nf-control-height);
+    padding: 0 var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    outline: none;
+  }
+  .input:hover {
+    border-color: var(--nf-color-border-strong);
+  }
+  .input:focus {
+    border-color: var(--nf-color-focus);
+  }
+  .input::placeholder {
+    color: var(--nf-color-text-faint);
+  }
+  .invalid,
+  .invalid:focus {
+    border-color: var(--nf-color-danger);
+  }
+</style>
diff --git a/packages/ui/src/components/menu-entry.type.ts b/packages/ui/src/components/menu-entry.type.ts
new file mode 100644
index 00000000..dcfe6e03
--- /dev/null
+++ b/packages/ui/src/components/menu-entry.type.ts
@@ -0,0 +1,19 @@
+/** Entries of dropdown and context menus. */
+export type MenuEntry =
+  | {
+      readonly kind: 'item';
+      readonly id: string;
+      readonly label: string;
+      readonly shortcut?: string;
+      readonly icon?: string;
+      readonly disabled?: boolean;
+      readonly checked?: boolean;
+      readonly onSelect: () => void;
+    }
+  | { readonly kind: 'separator' }
+  | {
+      readonly kind: 'submenu';
+      readonly label: string;
+      readonly items: readonly MenuEntry[];
+      readonly disabled?: boolean;
+    };
diff --git a/packages/ui/src/components/menu.svelte b/packages/ui/src/components/menu.svelte
new file mode 100644
index 00000000..c69a299f
--- /dev/null
+++ b/packages/ui/src/components/menu.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { DropdownMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  import MenuEntries from './MenuEntries.svelte';
+  import type { MenuEntry } from './menu-entry.type';
+
+  interface Props {
+    items: readonly MenuEntry[];
+    /** Renders the trigger; spread `props` on the trigger element. */
+    trigger: Snippet<[{ props: Record<string, unknown> }]>;
+    open?: boolean;
+    align?: 'start' | 'center' | 'end';
+  }
+
+  let { items, trigger, open = $bindable(false), align = 'start' }: Props = $props();
+</script>
+
+<DropdownMenu.Root bind:open>
+  <DropdownMenu.Trigger>
+    {#snippet child({ props })}
+      {@render trigger({ props })}
+    {/snippet}
+  </DropdownMenu.Trigger>
+  <DropdownMenu.Portal>
+    <DropdownMenu.Content class="nf-popover nf-menu" {align} sideOffset={2}>
+      <MenuEntries {items} />
+    </DropdownMenu.Content>
+  </DropdownMenu.Portal>
+</DropdownMenu.Root>
diff --git a/packages/ui/src/components/number-input.svelte b/packages/ui/src/components/number-input.svelte
new file mode 100644
index 00000000..b1377257
--- /dev/null
+++ b/packages/ui/src/components/number-input.svelte
@@ -0,0 +1,181 @@
+<script lang="ts">
+  interface Props {
+    value: number;
+    /** Called while typing/scrubbing (`final: false`) and once committed (`final: true`). */
+    onchange?: (value: number, final: boolean) => void;
+    label?: string;
+    step?: number;
+    min?: number;
+    max?: number;
+    /** Decimals shown and kept. */
+    precision?: number;
+    disabled?: boolean;
+    /** Short prefix shown inside the field (e.g. `X`); dragging it scrubs the value. */
+    prefix?: string;
+  }
+
+  const {
+    value,
+    onchange,
+    label,
+    step = 1,
+    min = -Infinity,
+    max = Infinity,
+    precision = 3,
+    disabled = false,
+    prefix,
+  }: Props = $props();
+
+  let text = $state('');
+  let editing = $state(false);
+  let scrubbing = $state(false);
+
+  const round = (n: number) => Number(Math.min(max, Math.max(min, n)).toFixed(precision));
+  const format = (n: number) => String(round(n));
+
+  $effect(() => {
+    sent = undefined;
+    if (!editing) text = format(value);
+  });
+
+  /** Marked while typing: a text that isn't a number is dropped when the field is left. */
+  const invalid = $derived(
+    editing && text.trim() !== '' && Number.isNaN(Number(text.replace(',', '.'))),
+  );
+
+  /** The number typed, or nothing while the text isn't one. */
+  const typed = () => {
+    const parsed = Number(text.replace(',', '.'));
+    return text.trim() === '' || Number.isNaN(parsed) ? undefined : round(parsed);
+  };
+
+  /** The last value committed from here, until the parent hands a value back. */
+  let sent: number | undefined;
+  const send = (next: number) => {
+    sent = next;
+    onchange?.(next, true);
+  };
+
+  /** Leaving the field commits what was typed, only when it changed the value. */
+  const commit = () => {
+    editing = false;
+    const next = typed();
+    if (next === undefined) {
+      text = format(value);
+      return;
+    }
+    if (next !== round(value) && next !== sent) send(next);
+  };
+
+  const onkeydown = (event: KeyboardEvent) => {
+    if (event.key === 'Enter') (event.currentTarget as HTMLInputElement).blur();
+    else if (event.key === 'Escape') {
+      editing = false;
+      text = format(value);
+      (event.currentTarget as HTMLInputElement).blur();
+    } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+      event.preventDefault();
+      const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
+      const next = round((typed() ?? value) + (event.key === 'ArrowUp' ? step : -step) * factor);
+      text = format(next);
+      send(next);
+    }
+  };
+
+  /** Drag horizontally on the prefix to change the value (Shift ×10, Alt ×0.1). */
+  const scrub = (event: PointerEvent) => {
+    if (disabled || event.button !== 0) return;
+    const handle = event.currentTarget as HTMLElement;
+    handle.setPointerCapture(event.pointerId);
+    const start = value;
+    let startX = event.clientX;
+    let moved = false;
+    let current = start;
+    scrubbing = true;
+    const move = (e: PointerEvent) => {
+      const factor = e.shiftKey ? 10 : e.altKey ? 0.1 : 1;
+      if (!moved && Math.abs(e.clientX - startX) < 3) return;
+      if (!moved) startX = e.clientX;
+      moved = true;
+      current = round(start + ((e.clientX - startX) / 4) * step * factor);
+      onchange?.(current, false);
+    };
+    const up = () => {
+      handle.removeEventListener('pointermove', move);
+      handle.removeEventListener('pointerup', up);
+      handle.removeEventListener('pointercancel', up);
+      scrubbing = false;
+      if (moved) onchange?.(current, true);
+    };
+    handle.addEventListener('pointermove', move);
+    handle.addEventListener('pointerup', up);
+    handle.addEventListener('pointercancel', up);
+  };
+</script>
+
+<div class="number" class:disabled class:scrubbing class:invalid>
+  {#if prefix}
+    <span class="prefix" onpointerdown={scrub} aria-hidden="true">{prefix}</span>
+  {/if}
+  <input
+    type="text"
+    inputmode="decimal"
+    aria-label={label}
+    aria-invalid={invalid || undefined}
+    {disabled}
+    bind:value={text}
+    onfocus={() => (editing = true)}
+    onblur={commit}
+    {onkeydown}
+  />
+</div>
+
+<style>
+  .number {
+    display: flex;
+    align-items: stretch;
+    min-width: 0;
+    height: var(--nf-control-height);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+  }
+  .number:hover {
+    border-color: var(--nf-color-border-strong);
+  }
+  .number:focus-within {
+    border-color: var(--nf-color-focus);
+  }
+  .number.invalid,
+  .number.invalid:focus-within {
+    border-color: var(--nf-color-danger);
+  }
+  .prefix {
+    display: grid;
+    place-items: center;
+    min-width: 18px;
+    padding: 0 4px;
+    border-right: 1px solid var(--nf-color-border);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-xs);
+    font-weight: 600;
+    cursor: ew-resize;
+    user-select: none;
+    touch-action: none;
+  }
+  .scrubbing .prefix {
+    color: var(--nf-color-accent);
+  }
+  input {
+    flex: 1;
+    min-width: 0;
+    padding: 0 var(--nf-space-2);
+    border: 0;
+    background: transparent;
+    outline: none;
+    text-align: right;
+  }
+  .disabled {
+    opacity: 0.5;
+  }
+</style>
diff --git a/packages/ui/src/components/property-field.type.ts b/packages/ui/src/components/property-field.type.ts
new file mode 100644
index 00000000..e4dc508b
--- /dev/null
+++ b/packages/ui/src/components/property-field.type.ts
@@ -0,0 +1,20 @@
+export type PropertyField = {
+  readonly key: string;
+  readonly label: string;
+  readonly description?: string;
+  readonly readonly?: boolean;
+} & (
+  | { readonly type: 'string'; readonly placeholder?: string }
+  | {
+      readonly type: 'number';
+      readonly step?: number;
+      readonly min?: number;
+      readonly max?: number;
+      readonly precision?: number;
+    }
+  | { readonly type: 'boolean' }
+  | { readonly type: 'color' }
+  | { readonly type: 'vector2'; readonly step?: number }
+  | { readonly type: 'enum'; readonly options: readonly { value: string; label: string }[] }
+  | { readonly type: 'json' }
+);
diff --git a/packages/ui/src/components/property-grid.svelte b/packages/ui/src/components/property-grid.svelte
new file mode 100644
index 00000000..68bcfffc
--- /dev/null
+++ b/packages/ui/src/components/property-grid.svelte
@@ -0,0 +1,115 @@
+<script lang="ts">
+  import Checkbox from './checkbox.svelte';
+  import ColorPicker from './color-picker.svelte';
+  import Input from './input.svelte';
+  import NumberInput from './number-input.svelte';
+  import Select from './select.svelte';
+  import Vector2Input from './vector2-input.svelte';
+  import type { PropertyField } from './property-field.type';
+
+  interface Props {
+    fields: readonly PropertyField[];
+    values: Readonly<Record<string, unknown>>;
+    /** `final` is false while dragging/scrubbing (live preview), true once committed. */
+    onchange: (key: string, value: unknown, final: boolean) => void;
+    label?: string;
+  }
+
+  const { fields, values, onchange, label = 'Properties' }: Props = $props();
+
+  const vector = (value: unknown) => {
+    const v = (value ?? {}) as { x?: number; y?: number };
+    return { x: Number(v.x ?? 0), y: Number(v.y ?? 0) };
+  };
+  const text = (value: unknown) => (value === undefined || value === null ? '' : String(value));
+</script>
+
+<div class="grid" role="group" aria-label={label}>
+  {#each fields as field (field.key)}
+    <label class="name" for="nf-prop-{field.key}" title={field.description}>{field.label}</label>
+    <div class="editor" id="nf-prop-{field.key}">
+      {#if field.type === 'number'}
+        <NumberInput
+          label={field.label}
+          value={Number(values[field.key] ?? 0)}
+          step={field.step}
+          min={field.min}
+          max={field.max}
+          precision={field.precision}
+          disabled={field.readonly}
+          onchange={(value, final) => onchange(field.key, value, final)}
+        />
+      {:else if field.type === 'boolean'}
+        <Checkbox
+          label={field.label}
+          checked={Boolean(values[field.key])}
+          disabled={field.readonly}
+          onchange={(checked) => onchange(field.key, checked, true)}
+        />
+      {:else if field.type === 'color'}
+        <ColorPicker
+          label={field.label}
+          value={text(values[field.key]) || '#000000'}
+          disabled={field.readonly}
+          onchange={(value, final) => onchange(field.key, value, final)}
+        />
+      {:else if field.type === 'vector2'}
+        <Vector2Input
+          label={field.label}
+          value={vector(values[field.key])}
+          step={field.step}
+          disabled={field.readonly}
+          onchange={(value, final) => onchange(field.key, value, final)}
+        />
+      {:else if field.type === 'enum'}
+        <Select
+          label={field.label}
+          value={text(values[field.key])}
+          items={field.options}
+          disabled={field.readonly}
+          onchange={(value) => onchange(field.key, value, true)}
+        />
+      {:else if field.type === 'json'}
+        <Input
+          aria-label={field.label}
+          value={JSON.stringify(values[field.key] ?? null)}
+          readonly={field.readonly}
+          onchange={(event) => {
+            try {
+              onchange(field.key, JSON.parse(event.currentTarget.value), true);
+            } catch {
+              event.currentTarget.value = JSON.stringify(values[field.key] ?? null);
+            }
+          }}
+        />
+      {:else}
+        <Input
+          aria-label={field.label}
+          value={text(values[field.key])}
+          placeholder={field.placeholder}
+          readonly={field.readonly}
+          onchange={(event) => onchange(field.key, event.currentTarget.value, true)}
+        />
+      {/if}
+    </div>
+  {/each}
+</div>
+
+<style>
+  .grid {
+    display: grid;
+    grid-template-columns: minmax(90px, 38%) 1fr;
+    gap: var(--nf-space-1) var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-2);
+  }
+  .name {
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .editor {
+    min-width: 0;
+  }
+</style>
diff --git a/packages/ui/src/components/select.svelte b/packages/ui/src/components/select.svelte
new file mode 100644
index 00000000..9cca2c46
--- /dev/null
+++ b/packages/ui/src/components/select.svelte
@@ -0,0 +1,54 @@
+<script lang="ts" generics="T extends string">
+  import { Select } from 'bits-ui';
+
+  import Icon from './icon.svelte';
+
+  interface Props {
+    value: T;
+    items: readonly { value: T; label: string; disabled?: boolean }[];
+    onchange?: (value: T) => void;
+    label: string;
+    disabled?: boolean;
+  }
+
+  const { value, items, onchange, label, disabled = false }: Props = $props();
+  const selected = $derived(items.find((item) => item.value === value));
+</script>
+
+<Select.Root
+  type="single"
+  {value}
+  {disabled}
+  items={items.map((item) => ({
+    value: item.value,
+    label: item.label,
+    disabled: item.disabled ?? false,
+  }))}
+  onValueChange={(next) => onchange?.(next as T)}
+>
+  <Select.Trigger class="nf-select-trigger" aria-label={label}>
+    <span>{selected?.label ?? ''}</span>
+    <Icon name="chevron-down" size={14} />
+  </Select.Trigger>
+  <Select.Portal>
+    <Select.Content class="nf-popover" sideOffset={4}>
+      <Select.Viewport>
+        {#each items as item (item.value)}
+          <Select.Item
+            class="nf-menu-item"
+            value={item.value}
+            label={item.label}
+            disabled={item.disabled ?? false}
+          >
+            {#snippet children({ selected: isSelected })}
+              <span class="nf-menu-check"
+                >{#if isSelected}<Icon name="check" size={14} />{/if}</span
+              >
+              {item.label}
+            {/snippet}
+          </Select.Item>
+        {/each}
+      </Select.Viewport>
+    </Select.Content>
+  </Select.Portal>
+</Select.Root>
diff --git a/packages/ui/src/components/splitter.svelte b/packages/ui/src/components/splitter.svelte
new file mode 100644
index 00000000..181d3533
--- /dev/null
+++ b/packages/ui/src/components/splitter.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+  interface Props {
+    /** `vertical`: a vertical bar resizing horizontally (between columns). */
+    orientation: 'vertical' | 'horizontal';
+    /** Pixel delta since the drag started; `final` on release. */
+    onresize: (delta: number, final: boolean) => void;
+    label: string;
+    /** Current size in px (for assistive technologies). */
+    value?: number;
+  }
+
+  const { orientation, onresize, label, value }: Props = $props();
+  let dragging = $state(false);
+
+  const start = (event: PointerEvent) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    const handle = event.currentTarget as HTMLElement;
+    handle.setPointerCapture(event.pointerId);
+    const origin = orientation === 'vertical' ? event.clientX : event.clientY;
+    let delta = 0;
+    dragging = true;
+    const move = (e: PointerEvent) => {
+      delta = (orientation === 'vertical' ? e.clientX : e.clientY) - origin;
+      onresize(delta, false);
+    };
+    const up = () => {
+      handle.removeEventListener('pointermove', move);
+      handle.removeEventListener('pointerup', up);
+      handle.removeEventListener('pointercancel', up);
+      dragging = false;
+      onresize(delta, true);
+    };
+    handle.addEventListener('pointermove', move);
+    handle.addEventListener('pointerup', up);
+    handle.addEventListener('pointercancel', up);
+  };
+
+  const onkeydown = (event: KeyboardEvent) => {
+    const step = event.shiftKey ? 40 : 10;
+    const keys =
+      orientation === 'vertical' ? ['ArrowLeft', 'ArrowRight'] : ['ArrowUp', 'ArrowDown'];
+    const index = keys.indexOf(event.key);
+    if (index < 0) return;
+    event.preventDefault();
+    onresize(index === 0 ? -step : step, true);
+  };
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_tabindex, a11y_no_noninteractive_element_interactions -->
+<div
+  class="splitter {orientation}"
+  class:dragging
+  role="separator"
+  aria-orientation={orientation}
+  aria-label={label}
+  aria-valuenow={value}
+  tabindex="0"
+  onpointerdown={start}
+  {onkeydown}
+></div>
+
+<style>
+  .splitter {
+    position: relative;
+    flex: none;
+    z-index: 1;
+    background: var(--nf-color-bg);
+    touch-action: none;
+  }
+  .vertical {
+    width: 4px;
+    cursor: col-resize;
+  }
+  .horizontal {
+    height: 4px;
+    cursor: row-resize;
+  }
+  .splitter:hover,
+  .dragging,
+  .splitter:focus-visible {
+    background: var(--nf-color-focus);
+    outline: none;
+  }
+</style>
diff --git a/packages/ui/src/components/switch.svelte b/packages/ui/src/components/switch.svelte
new file mode 100644
index 00000000..03187cff
--- /dev/null
+++ b/packages/ui/src/components/switch.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  interface Props {
+    checked?: boolean;
+    disabled?: boolean;
+    label: string;
+    onchange?: (checked: boolean) => void;
+  }
+
+  let { checked = $bindable(false), disabled = false, label, onchange }: Props = $props();
+
+  const toggle = () => {
+    checked = !checked;
+    onchange?.(checked);
+  };
+</script>
+
+<button
+  type="button"
+  role="switch"
+  class="switch"
+  aria-checked={checked}
+  aria-label={label}
+  {disabled}
+  onclick={toggle}
+>
+  <span class="thumb"></span>
+</button>
+
+<style>
+  .switch {
+    position: relative;
+    width: 28px;
+    height: 16px;
+    padding: 0;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: 8px;
+    background: var(--nf-color-sunken);
+    cursor: pointer;
+    transition: background-color var(--nf-motion-fast);
+  }
+  .thumb {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: var(--nf-color-text-muted);
+    transition: translate var(--nf-motion-fast);
+  }
+  [aria-checked='true'] {
+    border-color: var(--nf-color-accent);
+    background: var(--nf-color-accent);
+  }
+  [aria-checked='true'] .thumb {
+    translate: 12px 0;
+    background: var(--nf-color-on-accent);
+  }
+  .switch:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+</style>
diff --git a/packages/ui/src/components/tabs.svelte b/packages/ui/src/components/tabs.svelte
new file mode 100644
index 00000000..a9c0bf25
--- /dev/null
+++ b/packages/ui/src/components/tabs.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+  import Icon from './icon.svelte';
+
+  interface Props {
+    items: readonly { id: string; label: string; icon?: string }[];
+    active: string;
+    onchange?: (id: string) => void;
+    label: string;
+  }
+
+  const { items, active, onchange, label }: Props = $props();
+
+  const onkeydown = (event: KeyboardEvent) => {
+    const index = items.findIndex((item) => item.id === active);
+    const delta = event.key === 'ArrowRight' ? 1 : event.key === 'ArrowLeft' ? -1 : 0;
+    if (!delta || index < 0) return;
+    event.preventDefault();
+    const next = items[(index + delta + items.length) % items.length]!;
+    onchange?.(next.id);
+    (event.currentTarget as HTMLElement)
+      .querySelector<HTMLElement>(`[data-tab="${CSS.escape(next.id)}"]`)
+      ?.focus();
+  };
+</script>
+
+<div class="tabs" role="tablist" aria-label={label} tabindex="-1" {onkeydown}>
+  {#each items as item (item.id)}
+    <button
+      type="button"
+      role="tab"
+      class="tab"
+      data-tab={item.id}
+      aria-selected={item.id === active}
+      tabindex={item.id === active ? 0 : -1}
+      onclick={() => onchange?.(item.id)}
+    >
+      {#if item.icon}<Icon name={item.icon} size={14} />{/if}
+      {item.label}
+    </button>
+  {/each}
+</div>
+
+<style>
+  .tabs {
+    display: flex;
+    gap: 2px;
+  }
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nf-space-1);
+    height: var(--nf-control-height);
+    padding: 0 var(--nf-space-3);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .tab:hover {
+    color: var(--nf-color-text);
+    background: var(--nf-color-hover);
+  }
+  .tab[aria-selected='true'] {
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+</style>
diff --git a/packages/ui/src/components/toasts.svelte b/packages/ui/src/components/toasts.svelte
new file mode 100644
index 00000000..a5b801e2
--- /dev/null
+++ b/packages/ui/src/components/toasts.svelte
@@ -0,0 +1,107 @@
+<script lang="ts">
+  import type { NotificationService } from '../workbench/notification/notification-service';
+  import Button from './button.svelte';
+  import Icon from './icon.svelte';
+  import IconButton from './icon-button.svelte';
+
+  const { notifications }: { notifications: NotificationService } = $props();
+  const active = $derived(notifications.active);
+  const ICONS = {
+    info: 'info',
+    success: 'circle-check',
+    warning: 'triangle-alert',
+    error: 'circle-alert',
+  } as const;
+</script>
+
+<section class="toasts" aria-live="polite" aria-label="Notifications">
+  {#each $active as notification (notification.id)}
+    <div
+      class="toast {notification.severity}"
+      role={notification.severity === 'error' ? 'alert' : 'status'}
+    >
+      <span class="icon"><Icon name={ICONS[notification.severity]} /></span>
+      <div class="body">
+        <p class="message">{notification.message}</p>
+        {#if notification.detail}<p class="detail">{notification.detail}</p>{/if}
+        {#if notification.actions.length}
+          <div class="actions">
+            {#each notification.actions as action (action.title)}
+              <Button
+                size="sm"
+                onclick={async () => {
+                  await action.run();
+                  notifications.dismiss(notification.id);
+                }}>{action.title}</Button
+              >
+            {/each}
+          </div>
+        {/if}
+      </div>
+      <IconButton
+        icon="x"
+        label="Dismiss"
+        size={14}
+        onclick={() => notifications.dismiss(notification.id)}
+      />
+    </div>
+  {/each}
+</section>
+
+<style>
+  .toasts {
+    position: fixed;
+    right: var(--nf-space-3);
+    bottom: 32px;
+    z-index: var(--nf-z-toast);
+    display: grid;
+    gap: var(--nf-space-2);
+    width: min(380px, calc(100vw - 24px));
+  }
+  .toast {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    gap: var(--nf-space-2);
+    align-items: start;
+    padding: var(--nf-space-2) var(--nf-space-2) var(--nf-space-2) var(--nf-space-3);
+    border: 1px solid var(--nf-color-border);
+    border-left: 3px solid var(--nf-color-focus);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-raised);
+    box-shadow: var(--nf-shadow-float);
+  }
+  .success {
+    border-left-color: var(--nf-color-success);
+  }
+  .warning {
+    border-left-color: var(--nf-color-warning);
+  }
+  .error {
+    border-left-color: var(--nf-color-danger);
+  }
+  .icon {
+    padding-top: 3px;
+  }
+  .error .icon {
+    color: var(--nf-color-danger);
+  }
+  .warning .icon {
+    color: var(--nf-color-warning);
+  }
+  .success .icon {
+    color: var(--nf-color-success);
+  }
+  .message {
+    margin: 2px 0 0;
+  }
+  .detail {
+    margin: 2px 0 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .actions {
+    display: flex;
+    gap: var(--nf-space-1);
+    margin-top: var(--nf-space-2);
+  }
+</style>
diff --git a/packages/ui/src/components/tooltip.svelte b/packages/ui/src/components/tooltip.svelte
new file mode 100644
index 00000000..2bdfa588
--- /dev/null
+++ b/packages/ui/src/components/tooltip.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { Tooltip } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    text: string;
+    children: Snippet<[{ props: Record<string, unknown> }]>;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+  }
+
+  const { text, children, side = 'bottom' }: Props = $props();
+</script>
+
+<Tooltip.Provider>
+  <Tooltip.Root delayDuration={500}>
+    <Tooltip.Trigger>
+      {#snippet child({ props })}
+        {@render children({ props })}
+      {/snippet}
+    </Tooltip.Trigger>
+    <Tooltip.Portal>
+      <Tooltip.Content class="nf-tooltip" {side} sideOffset={6}>{text}</Tooltip.Content>
+    </Tooltip.Portal>
+  </Tooltip.Root>
+</Tooltip.Provider>
diff --git a/packages/ui/src/components/tree-model.ts b/packages/ui/src/components/tree-model.ts
new file mode 100644
index 00000000..0f1ad2a7
--- /dev/null
+++ b/packages/ui/src/components/tree-model.ts
@@ -0,0 +1,44 @@
+export interface TreeNode {
+  readonly id: string;
+  readonly label: string;
+  readonly icon?: string;
+  readonly children?: readonly TreeNode[];
+  /** Muted secondary text after the label. */
+  readonly detail?: string;
+  /** Colors the detail: a state of the item (a changed file…). */
+  readonly tone?: 'modified' | 'added' | 'deleted' | 'conflict';
+  /** Tooltip of the detail. */
+  readonly detailTitle?: string;
+  /** Whether rows can be dragged (default true when the tree handles drops). */
+  readonly draggable?: boolean;
+  /** Whether other rows can be dropped inside it (default: when it has children). */
+  readonly droppable?: boolean;
+}
+
+export interface TreeRow {
+  readonly node: TreeNode;
+  readonly depth: number;
+  readonly parentId: string | null;
+  readonly expandable: boolean;
+}
+
+export type DropPosition = 'before' | 'inside' | 'after';
+
+export const TREE_DRAG_TYPE = 'application/x-nanoforge-tree';
+
+/** Visible rows of a tree for a set of expanded nodes. */
+export const flattenTree = (
+  nodes: readonly TreeNode[],
+  expanded: ReadonlySet<string>,
+): TreeRow[] => {
+  const rows: TreeRow[] = [];
+  const walk = (list: readonly TreeNode[], depth: number, parentId: string | null) => {
+    for (const node of list) {
+      const expandable = !!node.children?.length;
+      rows.push({ node, depth, parentId, expandable });
+      if (expandable && expanded.has(node.id)) walk(node.children!, depth + 1, node.id);
+    }
+  };
+  walk(nodes, 0, null);
+  return rows;
+};
diff --git a/packages/ui/src/components/tree.svelte b/packages/ui/src/components/tree.svelte
new file mode 100644
index 00000000..4ade1465
--- /dev/null
+++ b/packages/ui/src/components/tree.svelte
@@ -0,0 +1,411 @@
+<script lang="ts">
+  import Icon from './icon.svelte';
+  import { type DropPosition, TREE_DRAG_TYPE, type TreeNode, flattenTree } from './tree-model';
+
+  interface Props {
+    nodes: readonly TreeNode[];
+    label: string;
+    expanded?: Set<string>;
+    selected?: Set<string>;
+    rowHeight?: number;
+    /** Double click or Enter. */
+    onactivate?: (id: string) => void;
+    /** Return false (or throw) to refuse the new name. */
+    onrename?: (id: string, name: string) => unknown;
+    /** Rows dropped on a target; enables drag and drop. */
+    ondrop?: (ids: string[], targetId: string, position: DropPosition) => void;
+    oncontextmenu?: (id: string, event: MouseEvent) => void;
+    onselectionchange?: (selected: Set<string>) => void;
+  }
+
+  let {
+    nodes,
+    label,
+    expanded = $bindable(new Set<string>()),
+    selected = $bindable(new Set<string>()),
+    rowHeight = 24,
+    onactivate,
+    onrename,
+    ondrop,
+    oncontextmenu,
+    onselectionchange,
+  }: Props = $props();
+
+  const uid = `nf-tree-${Math.random().toString(36).slice(2, 8)}`;
+  let focused = $state<string>();
+  let anchor = $state<string>();
+  let renaming = $state<string>();
+  let renameValue = $state('');
+  let scrollTop = $state(0);
+  let viewport = $state(0);
+  let container = $state<HTMLDivElement>();
+  let drop = $state<{ id: string; position: DropPosition }>();
+
+  const rows = $derived(flattenTree(nodes, expanded));
+  const index = $derived(new Map(rows.map((row, i) => [row.node.id, i])));
+  const OVERSCAN = 8;
+  const first = $derived(Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN));
+  const last = $derived(
+    Math.min(rows.length, Math.ceil((scrollTop + viewport) / rowHeight) + OVERSCAN),
+  );
+  const visible = $derived(rows.slice(first, last));
+
+  $effect(() => {
+    if (!container) return;
+    const observer = new ResizeObserver(() => (viewport = container!.clientHeight));
+    observer.observe(container);
+    viewport = container.clientHeight;
+    return () => observer.disconnect();
+  });
+
+  const setSelection = (next: Set<string>) => {
+    selected = next;
+    onselectionchange?.(next);
+  };
+
+  const setExpanded = (id: string, open: boolean) => {
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- copied then assigned, never mutated in place
+    const next = new Set(expanded);
+    if (open) next.add(id);
+    else next.delete(id);
+    expanded = next;
+  };
+
+  const focusRow = (id: string | undefined) => {
+    if (!id) return;
+    focused = id;
+    const i = index.get(id);
+    if (i === undefined || !container) return;
+    const top = i * rowHeight;
+    if (top < container.scrollTop) container.scrollTop = top;
+    else if (top + rowHeight > container.scrollTop + container.clientHeight) {
+      container.scrollTop = top + rowHeight - container.clientHeight;
+    }
+  };
+
+  const selectRange = (from: string, to: string) => {
+    const a = index.get(from) ?? 0;
+    const b = index.get(to) ?? 0;
+    const [start, end] = a < b ? [a, b] : [b, a];
+
+    setSelection(new Set(rows.slice(start, end + 1).map((row) => row.node.id)));
+  };
+
+  const click = (event: MouseEvent, id: string) => {
+    container?.focus();
+    if (event.shiftKey && anchor) selectRange(anchor, id);
+    else if (event.ctrlKey || event.metaKey) {
+      // eslint-disable-next-line svelte/prefer-svelte-reactivity -- copied then assigned, never mutated in place
+      const next = new Set(selected);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      setSelection(next);
+      anchor = id;
+    } else {
+      setSelection(new Set([id]));
+      anchor = id;
+    }
+    focused = id;
+  };
+
+  /** Rename inputs appear after load: `autofocus` would be ignored by browsers. */
+  const focusAndSelect = (input: HTMLInputElement) => {
+    input.focus();
+    const dot = input.value.lastIndexOf('.');
+    input.setSelectionRange(0, dot > 0 ? dot : input.value.length);
+  };
+
+  const startRename = (id: string) => {
+    if (!onrename) return;
+    const row = rows[index.get(id) ?? -1];
+    if (!row) return;
+    renaming = id;
+    renameValue = row.node.label;
+  };
+
+  /** Starts renaming a row in place, like F2 (for a "Rename" menu entry). */
+  export const rename = (id: string): void => startRename(id);
+
+  const finishRename = async (commit: boolean) => {
+    const id = renaming;
+    renaming = undefined;
+    container?.focus();
+    if (!commit || !id) return;
+    const current = rows[index.get(id) ?? -1]?.node.label;
+    const name = renameValue.trim();
+    if (!name || name === current) return;
+    await onrename?.(id, name);
+  };
+
+  const onkeydown = (event: KeyboardEvent) => {
+    if (renaming || !rows.length) return;
+    const i = focused ? (index.get(focused) ?? 0) : -1;
+    const row = rows[i];
+    const move = (to: number) => {
+      const target = rows[Math.min(rows.length - 1, Math.max(0, to))]!.node.id;
+      focusRow(target);
+      if (event.shiftKey && anchor) selectRange(anchor, target);
+      else if (!event.ctrlKey && !event.metaKey) {
+        setSelection(new Set([target]));
+        anchor = target;
+      }
+    };
+    switch (event.key) {
+      case 'ArrowDown':
+        move(i + 1);
+        break;
+      case 'ArrowUp':
+        move(i < 0 ? 0 : i - 1);
+        break;
+      case 'Home':
+        move(0);
+        break;
+      case 'End':
+        move(rows.length - 1);
+        break;
+      case 'ArrowRight':
+        if (!row) return move(0);
+        if (row.expandable && !expanded.has(row.node.id)) setExpanded(row.node.id, true);
+        else if (row.expandable) move(i + 1);
+        break;
+      case 'ArrowLeft':
+        if (!row) return;
+        if (row.expandable && expanded.has(row.node.id)) setExpanded(row.node.id, false);
+        else if (row.parentId) move(index.get(row.parentId) ?? i);
+        break;
+      case 'Enter':
+        if (row) onactivate?.(row.node.id);
+        break;
+      case 'F2':
+        if (row) startRename(row.node.id);
+        break;
+      case ' ':
+        if (row) {
+          // eslint-disable-next-line svelte/prefer-svelte-reactivity -- copied then assigned, never mutated in place
+          const next = new Set(selected);
+          if (next.has(row.node.id)) next.delete(row.node.id);
+          else next.add(row.node.id);
+          setSelection(next);
+        }
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+  };
+
+  const dragStart = (event: DragEvent, id: string) => {
+    if (!ondrop || !event.dataTransfer) return;
+    const ids = selected.has(id) ? [...selected] : [id];
+
+    if (!selected.has(id)) setSelection(new Set([id]));
+    event.dataTransfer.setData(TREE_DRAG_TYPE, JSON.stringify(ids));
+    event.dataTransfer.effectAllowed = 'move';
+  };
+
+  const dragOver = (event: DragEvent, node: TreeNode, expandable: boolean) => {
+    if (!ondrop || !event.dataTransfer?.types.includes(TREE_DRAG_TYPE)) return;
+    event.preventDefault();
+    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
+    const ratio = (event.clientY - rect.top) / rect.height;
+    const canNest = node.droppable ?? expandable;
+    const position: DropPosition =
+      ratio < 0.3 ? 'before' : ratio > 0.7 || !canNest ? 'after' : 'inside';
+    drop = { id: node.id, position: canNest || position !== 'inside' ? position : 'after' };
+  };
+
+  const dropOn = (event: DragEvent) => {
+    const target = drop;
+    drop = undefined;
+    const raw = event.dataTransfer?.getData(TREE_DRAG_TYPE);
+    if (!target || !raw || !ondrop) return;
+    event.preventDefault();
+    const ids = (JSON.parse(raw) as string[]).filter((id) => id !== target.id);
+    if (ids.length) ondrop(ids, target.id, target.position);
+  };
+</script>
+
+<div
+  class="tree"
+  role="tree"
+  aria-label={label}
+  aria-multiselectable="true"
+  aria-activedescendant={focused ? `${uid}-${focused}` : undefined}
+  tabindex="0"
+  bind:this={container}
+  onscroll={() => (scrollTop = container!.scrollTop)}
+  {onkeydown}
+  onfocus={() => {
+    if (!focused && rows[0]) focused = rows[0].node.id;
+  }}
+>
+  <div class="spacer" style:height="{rows.length * rowHeight}px">
+    {#each visible as row (row.node.id)}
+      {@const node = row.node}
+      {@const i = index.get(node.id) ?? 0}
+      <!-- svelte-ignore a11y_click_events_have_key_events -->
+      <div
+        id="{uid}-{node.id}"
+        data-id={node.id}
+        class="row"
+        class:selected={selected.has(node.id)}
+        class:focused={focused === node.id}
+        class:drop-before={drop?.id === node.id && drop.position === 'before'}
+        class:drop-after={drop?.id === node.id && drop.position === 'after'}
+        class:drop-inside={drop?.id === node.id && drop.position === 'inside'}
+        role="treeitem"
+        aria-level={row.depth + 1}
+        aria-selected={selected.has(node.id)}
+        aria-expanded={row.expandable ? expanded.has(node.id) : undefined}
+        tabindex="-1"
+        style:top="{i * rowHeight}px"
+        style:height="{rowHeight}px"
+        style:padding-left="{row.depth * 14 + 4}px"
+        draggable={!!ondrop && node.draggable !== false && renaming !== node.id}
+        onclick={(event) => click(event, node.id)}
+        ondblclick={() => onactivate?.(node.id)}
+        oncontextmenu={(event) => {
+          if (!selected.has(node.id)) click(event, node.id);
+          oncontextmenu?.(node.id, event);
+        }}
+        ondragstart={(event) => dragStart(event, node.id)}
+        ondragover={(event) => dragOver(event, node, row.expandable)}
+        ondragleave={() => drop?.id === node.id && (drop = undefined)}
+        ondrop={dropOn}
+      >
+        <button
+          type="button"
+          class="twisty"
+          tabindex="-1"
+          aria-hidden="true"
+          style:visibility={row.expandable ? 'visible' : 'hidden'}
+          onclick={(event) => {
+            event.stopPropagation();
+            setExpanded(node.id, !expanded.has(node.id));
+          }}
+        >
+          <Icon name={expanded.has(node.id) ? 'chevron-down' : 'chevron-right'} size={14} />
+        </button>
+        {#if node.icon}<span class="icon"><Icon name={node.icon} size={14} /></span>{/if}
+        {#if renaming === node.id}
+          <!-- svelte-ignore a11y_autofocus -->
+          <input
+            class="rename"
+            aria-label="New name"
+            bind:value={renameValue}
+            use:focusAndSelect
+            onclick={(event) => event.stopPropagation()}
+            onkeydown={(event) => {
+              event.stopPropagation();
+              if (event.key === 'Enter') void finishRename(true);
+              else if (event.key === 'Escape') void finishRename(false);
+            }}
+            onblur={() => void finishRename(true)}
+          />
+        {:else}
+          <span class="label">{node.label}</span>
+          {#if node.detail}<span class="detail" data-tone={node.tone} title={node.detailTitle}
+              >{node.detail}</span
+            >{/if}
+        {/if}
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .tree {
+    position: relative;
+    height: 100%;
+    overflow: auto;
+    outline: none;
+    user-select: none;
+  }
+  .spacer {
+    position: relative;
+  }
+  .row {
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding-right: var(--nf-space-2);
+    white-space: nowrap;
+    cursor: default;
+  }
+  .row:hover {
+    background: var(--nf-color-hover);
+  }
+  .selected,
+  .selected:hover {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .tree:focus-visible .focused {
+    box-shadow: inset 0 0 0 1px var(--nf-color-focus);
+  }
+  .twisty {
+    display: grid;
+    place-items: center;
+    width: 16px;
+    height: 16px;
+    flex: none;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .icon {
+    display: inline-grid;
+    flex: none;
+    color: var(--nf-color-text-muted);
+  }
+  .selected .icon {
+    color: inherit;
+  }
+  .label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  /* The detail only takes the room the label leaves: the label is cut last. */
+  .detail {
+    flex: 1 1 0;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+  .detail[data-tone='modified'] {
+    color: var(--nf-color-warning);
+  }
+  .detail[data-tone='added'] {
+    color: var(--nf-color-success);
+  }
+  .detail[data-tone='deleted'],
+  .detail[data-tone='conflict'] {
+    color: var(--nf-color-danger);
+  }
+  .rename {
+    flex: 1;
+    min-width: 0;
+    height: calc(100% - 4px);
+    padding: 0 4px;
+    border: 1px solid var(--nf-color-focus);
+    border-radius: 2px;
+    background: var(--nf-color-sunken);
+    outline: none;
+  }
+  .drop-inside {
+    box-shadow: inset 0 0 0 1px var(--nf-color-accent);
+  }
+  .drop-before {
+    box-shadow: inset 0 2px 0 var(--nf-color-accent);
+  }
+  .drop-after {
+    box-shadow: inset 0 -2px 0 var(--nf-color-accent);
+  }
+</style>
diff --git a/packages/ui/src/components/vector2-input.svelte b/packages/ui/src/components/vector2-input.svelte
new file mode 100644
index 00000000..c2082298
--- /dev/null
+++ b/packages/ui/src/components/vector2-input.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+  import NumberInput from './number-input.svelte';
+
+  interface Props {
+    value: { x: number; y: number };
+    onchange?: (value: { x: number; y: number }, final: boolean) => void;
+    label?: string;
+    step?: number;
+    precision?: number;
+    disabled?: boolean;
+  }
+
+  const { value, onchange, label = 'Vector', step, precision, disabled }: Props = $props();
+</script>
+
+<div class="vector" role="group" aria-label={label}>
+  <NumberInput
+    prefix="X"
+    label="{label} X"
+    value={value.x}
+    {step}
+    {precision}
+    {disabled}
+    onchange={(x, final) => onchange?.({ ...value, x }, final)}
+  />
+  <NumberInput
+    prefix="Y"
+    label="{label} Y"
+    value={value.y}
+    {step}
+    {precision}
+    {disabled}
+    onchange={(y, final) => onchange?.({ ...value, y }, final)}
+  />
+</div>
+
+<style>
+  .vector {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--nf-space-1);
+  }
+</style>
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
new file mode 100644
index 00000000..b1363f83
--- /dev/null
+++ b/packages/ui/src/index.ts
@@ -0,0 +1,4 @@
+export * from './components';
+export * from './style';
+export * from './theme';
+export * from './workbench';
diff --git a/packages/ui/src/style/index.ts b/packages/ui/src/style/index.ts
new file mode 100644
index 00000000..b3000c5f
--- /dev/null
+++ b/packages/ui/src/style/index.ts
@@ -0,0 +1 @@
+export * from './style-service';
diff --git a/packages/ui/src/style/style-service.ts b/packages/ui/src/style/style-service.ts
new file mode 100644
index 00000000..9e1ee018
--- /dev/null
+++ b/packages/ui/src/style/style-service.ts
@@ -0,0 +1,64 @@
+import { type Disposable, createToken, toDisposable } from '@nanoforge-dev/editor-kernel';
+
+/**
+ * Cascade layers, lowest to highest priority. Svelte component styles are scoped by hashed
+ * classes and stay unlayered; layers order the global and injected rules.
+ */
+export const STYLE_LAYERS = ['reset', 'ui', 'plugins', 'user'] as const;
+export type StyleLayer = (typeof STYLE_LAYERS)[number];
+
+export interface InjectOptions {
+  /** Scopes the rules under `[data-nf-widget="<id>"]`. */
+  readonly widgetId?: string;
+  readonly layer?: StyleLayer;
+}
+
+const identifier = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, '_');
+
+/** Escapes a value for a double-quoted CSS attribute selector. */
+const attributeValue = (value: string) => value.replace(/["\\]/g, '\\$&');
+
+/**
+ * Injects constructable stylesheets into a document. Plugin styles live in
+ * `@layer plugins.<owner>` and are removed when disposed.
+ */
+export class StyleService {
+  private readonly _sheets = new Set<CSSStyleSheet>();
+
+  constructor(private readonly _document: Document = document) {
+    const order = new CSSStyleSheet();
+    order.replaceSync(`@layer ${STYLE_LAYERS.join(', ')};`);
+    this._add(order);
+  }
+
+  inject(owner: string, css: string, options: InjectOptions = {}): Disposable {
+    const layer = options.layer ?? (owner === 'core' ? 'ui' : 'plugins');
+    const scoped = options.widgetId
+      ? `[data-nf-widget="${attributeValue(options.widgetId)}"] {\n${css}\n}`
+      : css;
+    const body = layer === 'plugins' ? `@layer ${identifier(owner)} {\n${scoped}\n}` : scoped;
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(`@layer ${layer} {\n${body}\n}`);
+    this._add(sheet);
+    return toDisposable(() => this._remove(sheet));
+  }
+
+  /** Number of sheets currently injected (tests, diagnostics). */
+  get size(): number {
+    return this._sheets.size;
+  }
+
+  private _add(sheet: CSSStyleSheet): void {
+    this._sheets.add(sheet);
+    this._document.adoptedStyleSheets = [...this._document.adoptedStyleSheets, sheet];
+  }
+
+  private _remove(sheet: CSSStyleSheet): void {
+    if (!this._sheets.delete(sheet)) return;
+    this._document.adoptedStyleSheets = this._document.adoptedStyleSheets.filter(
+      (s) => s !== sheet,
+    );
+  }
+}
+
+export const StyleServiceToken = createToken<StyleService>('ui.styles');
diff --git a/packages/ui/src/theme/base-css.ts b/packages/ui/src/theme/base-css.ts
new file mode 100644
index 00000000..1190f3c9
--- /dev/null
+++ b/packages/ui/src/theme/base-css.ts
@@ -0,0 +1,22 @@
+/** Global base rules of the editor (injected in the `reset` layer). */
+export const BASE_CSS = `
+*, *::before, *::after { box-sizing: border-box; }
+html, body { height: 100%; margin: 0; }
+body {
+  background: var(--nf-color-bg);
+  color: var(--nf-color-text);
+  font: var(--nf-font-size-md) / var(--nf-line-height) var(--nf-font-ui);
+  font-feature-settings: 'tnum' 1;
+  -webkit-font-smoothing: antialiased;
+  overflow: hidden;
+}
+:focus-visible { outline: 2px solid var(--nf-color-focus); outline-offset: -2px; }
+::selection { background: var(--nf-color-selection); color: var(--nf-color-selection-text); }
+button, input, select, textarea { font: inherit; color: inherit; }
+code, kbd, pre { font-family: var(--nf-font-code); }
+* { scrollbar-width: thin; scrollbar-color: var(--nf-color-border-strong) transparent; }
+[hidden] { display: none !important; }
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; }
+}
+`;
diff --git a/packages/ui/src/theme/fonts.css b/packages/ui/src/theme/fonts.css
new file mode 100644
index 00000000..59d302ef
--- /dev/null
+++ b/packages/ui/src/theme/fonts.css
@@ -0,0 +1,5 @@
+/* Self-hosted fonts: the editor must work offline. */
+@import '@fontsource/instrument-sans/400.css';
+@import '@fontsource/instrument-sans/500.css';
+@import '@fontsource/instrument-sans/600.css';
+@import '@fontsource/jetbrains-mono/400.css';
diff --git a/packages/ui/src/theme/index.ts b/packages/ui/src/theme/index.ts
new file mode 100644
index 00000000..ca43cf1d
--- /dev/null
+++ b/packages/ui/src/theme/index.ts
@@ -0,0 +1,5 @@
+export * from './base-css';
+export * from './kit-css';
+export * from './theme-service';
+export * from './tokens';
+export * from './uno';
diff --git a/packages/ui/src/theme/kit-css.ts b/packages/ui/src/theme/kit-css.ts
new file mode 100644
index 00000000..b8c882b1
--- /dev/null
+++ b/packages/ui/src/theme/kit-css.ts
@@ -0,0 +1,83 @@
+/**
+ * Styles of portaled UI kit parts (menus, popovers, dialogs, tooltips): they render outside of
+ * their component, so they cannot use scoped styles. Injected in the `ui` layer.
+ */
+export const KIT_CSS = `
+.nf-popover {
+  z-index: var(--nf-z-menu);
+  min-width: 180px;
+  max-height: min(420px, var(--bits-select-content-available-height, 420px));
+  overflow: auto;
+  padding: var(--nf-space-1);
+  border: 1px solid var(--nf-color-border-strong);
+  border-radius: var(--nf-radius-float);
+  background: var(--nf-color-raised);
+  box-shadow: var(--nf-shadow-float);
+  outline: none;
+}
+.nf-menu-item {
+  display: flex;
+  align-items: center;
+  gap: var(--nf-space-2);
+  height: var(--nf-row-height);
+  padding: 0 var(--nf-space-2);
+  border-radius: 2px;
+  cursor: default;
+  user-select: none;
+  outline: none;
+}
+.nf-menu-item[data-highlighted] { background: var(--nf-color-selection); color: var(--nf-color-selection-text); }
+.nf-menu-item[data-disabled] { opacity: 0.45; }
+.nf-menu-check { display: inline-grid; place-items: center; width: 14px; flex: none; color: var(--nf-color-text-muted); }
+.nf-menu-label { flex: 1; white-space: nowrap; }
+.nf-menu-shortcut, .nf-menu-detail { color: var(--nf-color-text-faint); font: inherit; font-size: var(--nf-font-size-sm); }
+.nf-menu-separator { height: 1px; margin: var(--nf-space-1) calc(-1 * var(--nf-space-1)); background: var(--nf-color-border); }
+.nf-menu-empty { margin: 0; padding: var(--nf-space-2); color: var(--nf-color-text-muted); }
+.nf-select-trigger, .nf-combobox {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--nf-control-height);
+  border: 1px solid var(--nf-color-border);
+  border-radius: var(--nf-radius-control);
+  background: var(--nf-color-sunken);
+}
+.nf-select-trigger { justify-content: space-between; gap: var(--nf-space-2); padding: 0 var(--nf-space-2); cursor: pointer; }
+.nf-select-trigger:hover, .nf-combobox:hover { border-color: var(--nf-color-border-strong); }
+.nf-select-trigger:focus-visible, .nf-combobox:focus-within { border-color: var(--nf-color-focus); outline: none; }
+.nf-combobox-input { flex: 1; min-width: 0; height: 100%; padding: 0 var(--nf-space-2); border: 0; background: transparent; outline: none; }
+.nf-combobox-trigger { display: grid; place-items: center; width: var(--nf-control-height); height: 100%; border: 0; background: transparent; color: var(--nf-color-text-muted); cursor: pointer; }
+.nf-tooltip {
+  z-index: var(--nf-z-menu);
+  max-width: 280px;
+  padding: 3px var(--nf-space-2);
+  border-radius: var(--nf-radius-control);
+  background: var(--nf-color-text);
+  color: var(--nf-color-bg);
+  font-size: var(--nf-font-size-sm);
+}
+.nf-dialog-overlay { position: fixed; inset: 0; z-index: var(--nf-z-dialog); background: var(--nf-color-scrim); }
+.nf-dialog {
+  position: fixed;
+  top: 18vh;
+  left: 50%;
+  z-index: var(--nf-z-dialog);
+  translate: -50% 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--nf-space-3);
+  max-height: 70vh;
+  padding: var(--nf-space-4);
+  border: 1px solid var(--nf-color-border-strong);
+  border-radius: var(--nf-radius-float);
+  background: var(--nf-color-raised);
+  box-shadow: var(--nf-shadow-float);
+  outline: none;
+}
+.nf-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: var(--nf-space-3); }
+.nf-dialog-title { margin: 0; font-size: var(--nf-font-size-lg); font-weight: 600; }
+.nf-dialog-description { margin: 0; color: var(--nf-color-text-muted); }
+.nf-dialog-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
+.nf-dialog-footer { display: flex; justify-content: flex-end; gap: var(--nf-space-2); }
+.nf-context-area { display: contents; }
+`;
diff --git a/packages/ui/src/theme/theme-service.ts b/packages/ui/src/theme/theme-service.ts
new file mode 100644
index 00000000..bcb61140
--- /dev/null
+++ b/packages/ui/src/theme/theme-service.ts
@@ -0,0 +1,78 @@
+import { z } from 'zod';
+
+import {
+  type Disposable,
+  DisposableStore,
+  type ExtensionRegistry,
+  MutableDisposable,
+  type Observable,
+  ObservableValue,
+  createToken,
+  defineExtensionPoint,
+  observe,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { StyleService } from '../style/style-service';
+import {
+  COLOR_TOKENS,
+  type ThemeDefinition,
+  nanoforgeDark,
+  nanoforgeLight,
+  themeDeclarations,
+} from './tokens';
+
+const ThemeSchema = z.object({
+  id: z.string().regex(/^[\w-]+$/),
+  label: z.string().min(1),
+  kind: z.enum(['dark', 'light']),
+  colors: z.object(Object.fromEntries(COLOR_TOKENS.map((token) => [token, z.string().min(1)]))),
+}) as unknown as z.ZodType<ThemeDefinition>;
+
+/** Color themes (built-in ones and `contributes.themes` of plugins). */
+export const THEMES = defineExtensionPoint<ThemeDefinition>('ui.themes', {
+  validator: ThemeSchema,
+});
+
+/** Applies the selected theme to the document root. */
+export class ThemeService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _applied = new MutableDisposable();
+  private readonly _current = new ObservableValue<ThemeDefinition>(nanoforgeDark);
+
+  constructor(
+    private readonly _extensions: ExtensionRegistry,
+    private readonly _styles: StyleService,
+    selected: Observable<string>,
+    private readonly _root: HTMLElement = document.documentElement,
+  ) {
+    this._store.add(_extensions.contribute(THEMES, nanoforgeDark, { owner: 'core' }));
+    this._store.add(_extensions.contribute(THEMES, nanoforgeLight, { owner: 'core' }));
+    const apply = () => this._apply(selected.get());
+    this._store.add(observe(selected, apply));
+    this._store.add(_extensions.onDidChange((point) => point.id === THEMES.id && apply()));
+  }
+
+  get current(): Observable<ThemeDefinition> {
+    return this._current.readonly();
+  }
+
+  get themes(): ThemeDefinition[] {
+    return this._extensions.getValues(THEMES);
+  }
+
+  dispose(): void {
+    this._applied.dispose();
+    this._store.dispose();
+  }
+
+  private _apply(id: string): void {
+    const theme = this.themes.find((candidate) => candidate.id === id) ?? nanoforgeDark;
+    this._root.dataset.nfTheme = theme.id;
+    this._applied.value = this._styles.inject('core', `:root {\n  ${themeDeclarations(theme)}\n}`, {
+      layer: 'reset',
+    });
+    this._current.set(theme);
+  }
+}
+
+export const ThemeServiceToken = createToken<ThemeService>('ui.theme');
diff --git a/packages/ui/src/theme/tokens.ts b/packages/ui/src/theme/tokens.ts
new file mode 100644
index 00000000..1a0cd30f
--- /dev/null
+++ b/packages/ui/src/theme/tokens.ts
@@ -0,0 +1,154 @@
+/**
+ * Design tokens of the editor. Colors come from themes; everything else is shared.
+ * All tokens are CSS custom properties named `--nf-<group>-<name>`.
+ */
+export const COLOR_TOKENS = [
+  /** App chrome behind panels. */
+  'bg',
+  /** Panels and docks. */
+  'surface',
+  /** Floating surfaces: menus, dialogs, floating docks. */
+  'raised',
+  /** Inputs and wells. */
+  'sunken',
+  'hover',
+  'pressed',
+  'border',
+  'border-strong',
+  'text',
+  'text-muted',
+  'text-faint',
+  /** Primary actions and active markers: the NanoForge brand violet. */
+  'accent',
+  'accent-hover',
+  /** Text drawn on the accent color. */
+  'on-accent',
+  /** Accent used for text (lighter in dark themes for contrast). */
+  'accent-text',
+  /** Keyboard focus rings and selection. */
+  'focus',
+  'selection',
+  'selection-text',
+  'danger',
+  'warning',
+  'success',
+  /** Backdrop of modal dialogs. */
+  'scrim',
+] as const;
+
+export type ColorToken = (typeof COLOR_TOKENS)[number];
+
+export interface ThemeDefinition {
+  readonly id: string;
+  readonly label: string;
+  readonly kind: 'dark' | 'light';
+  readonly colors: Readonly<Record<ColorToken, string>>;
+}
+
+/**
+ * Blue-grey steel surfaces with the NanoForge brand violet (`oklch(0.4493 0.1953 294.69)`,
+ * shared with the landing page and web workspace) as accent; focus and selection stay blue.
+ * The dark theme lifts the violet's lightness so markers stay visible on dark panels.
+ */
+export const nanoforgeDark: ThemeDefinition = {
+  id: 'nanoforge-dark',
+  label: 'NanoForge Dark',
+  kind: 'dark',
+  colors: {
+    bg: '#12161d',
+    surface: '#1a1f28',
+    raised: '#222834',
+    sunken: '#141821',
+    hover: '#262d3a',
+    pressed: '#2d3545',
+    border: '#2a3140',
+    'border-strong': '#3a4356',
+    text: '#d8dde7',
+    'text-muted': '#949cae',
+    'text-faint': '#626a7d',
+    accent: '#855bdd',
+    'accent-hover': '#9067ea',
+    'on-accent': '#ffffff',
+    'accent-text': '#af87ff',
+    focus: '#6d91ea',
+    selection: '#2c3f68',
+    'selection-text': '#eef2ff',
+    danger: '#e26b62',
+    warning: '#e4924a',
+    success: '#62b58c',
+    scrim: 'rgba(8, 10, 14, 0.62)',
+  },
+};
+
+export const nanoforgeLight: ThemeDefinition = {
+  id: 'nanoforge-light',
+  label: 'NanoForge Light',
+  kind: 'light',
+  colors: {
+    bg: '#dfe3ea',
+    surface: '#eef1f5',
+    raised: '#f9fafc',
+    sunken: '#e6e9ef',
+    hover: '#dde2ea',
+    pressed: '#d2d8e2',
+    border: '#c7cedb',
+    'border-strong': '#aab3c4',
+    text: '#1c2230',
+    'text-muted': '#546076',
+    'text-faint': '#7e889b',
+    accent: '#612eb3',
+    'accent-hover': '#541ea0',
+    'on-accent': '#ffffff',
+    'accent-text': '#612eb3',
+    focus: '#3c63c7',
+    selection: '#c9d6f5',
+    'selection-text': '#101a33',
+    danger: '#bf3f36',
+    warning: '#b3611b',
+    success: '#2d8a5e',
+    scrim: 'rgba(28, 34, 48, 0.4)',
+  },
+};
+
+/** Theme-independent tokens. */
+export const SHARED_TOKENS: Readonly<Record<string, string>> = {
+  'font-ui': "'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
+  'font-code': "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+  'font-size-xs': '11px',
+  'font-size-sm': '12px',
+  'font-size-md': '13px',
+  'font-size-lg': '15px',
+  'font-size-xl': '19px',
+  'line-height': '1.45',
+  'space-1': '4px',
+  'space-2': '8px',
+  'space-3': '12px',
+  'space-4': '16px',
+  'space-5': '24px',
+  'space-6': '32px',
+  'radius-control': '3px',
+  'radius-float': '6px',
+  'control-height': '26px',
+  'row-height': '24px',
+  'shadow-float': '0 10px 30px -8px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25)',
+  'z-dock': '10',
+  'z-float': '100',
+  'z-dialog': '2000',
+  'z-menu': '2500',
+  'z-toast': '3000',
+  'motion-fast': '90ms',
+  motion: '160ms',
+  /** The only gradient of the UI (brand violet to focus blue): active screen marker, startup progress. */
+  temper: 'linear-gradient(90deg, #855bdd 0%, #6d62e0 50%, #5a80dc 100%)',
+};
+
+export const cssVar = (group: 'color' | 'token', name: string) =>
+  group === 'color' ? `var(--nf-color-${name})` : `var(--nf-${name})`;
+
+/** CSS declarations of a theme (colors) plus the shared tokens. */
+export const themeDeclarations = (theme: ThemeDefinition): string =>
+  [
+    `color-scheme: ${theme.kind};`,
+    ...Object.entries(theme.colors).map(([name, value]) => `--nf-color-${name}: ${value};`),
+    ...Object.entries(SHARED_TOKENS).map(([name, value]) => `--nf-${name}: ${value};`),
+  ].join('\n  ');
diff --git a/packages/ui/src/theme/uno.ts b/packages/ui/src/theme/uno.ts
new file mode 100644
index 00000000..33e8a90a
--- /dev/null
+++ b/packages/ui/src/theme/uno.ts
@@ -0,0 +1,9 @@
+import { COLOR_TOKENS } from './tokens';
+
+/**
+ * Theme colors for plugin authors using UnoCSS/Tailwind-like tools:
+ * `theme: { colors: { nf: nanoforgeColors } }` gives `bg-nf-surface`, `text-nf-muted`…
+ */
+export const nanoforgeColors: Readonly<Record<string, string>> = Object.fromEntries(
+  COLOR_TOKENS.map((token) => [token, `var(--nf-color-${token})`]),
+);
diff --git a/packages/ui/src/workbench/action/index.ts b/packages/ui/src/workbench/action/index.ts
new file mode 100644
index 00000000..ba1a83fb
--- /dev/null
+++ b/packages/ui/src/workbench/action/index.ts
@@ -0,0 +1 @@
+export * from './list-actions';
diff --git a/packages/ui/src/workbench/action/list-actions.ts b/packages/ui/src/workbench/action/list-actions.ts
new file mode 100644
index 00000000..24d507b6
--- /dev/null
+++ b/packages/ui/src/workbench/action/list-actions.ts
@@ -0,0 +1,108 @@
+import {
+  COMMAND_METADATA,
+  type CommandMetadata,
+  type CommandRegistry,
+  type ContextKeyService,
+  type ExtensionRegistry,
+} from '@nanoforge-dev/editor-kernel';
+
+import { MENU_BAR, MENU_ITEMS, type MenuItem } from '../extension-point/menu.extension-point';
+import { actionId } from '../keybinding/resolve-keymap';
+
+/** Something the user can run from the palette or bind a shortcut to. */
+export interface EditorAction {
+  /** `actionId(command, args)`. */
+  readonly id: string;
+  readonly command: string;
+  readonly args: readonly unknown[];
+  readonly title: string;
+  /** `File`, `Run`, or the menu path of a menu entry: `View › Panels`. */
+  readonly category?: string;
+  /** Condition the action is available in (the command's, and the menu entry's). */
+  readonly when: readonly string[];
+}
+
+export interface ActionSources {
+  readonly commands: CommandRegistry;
+  readonly extensions: ExtensionRegistry;
+}
+
+/** `Category: Title`, as the palette and the keymap editor name an action. */
+export const actionLabel = (action: Pick<EditorAction, 'title' | 'category'>): string =>
+  action.category ? `${action.category}: ${action.title}` : action.title;
+
+/**
+ * Every action of the editor:
+ * - commands with a title, registered or declared by the manifest of a plugin not active yet,
+ *   unless they opt out (`palette: false`: they need arguments);
+ * - menu entries that run a command with arguments (_View › Panels: Console_).
+ */
+export const listActions = ({ commands, extensions }: ActionSources): EditorAction[] => {
+  const metadata = new Map<string, CommandMetadata>();
+  for (const declared of extensions.getValues(COMMAND_METADATA)) {
+    metadata.set(declared.id, declared);
+  }
+  for (const command of commands.getAll()) {
+    const declared = metadata.get(command.id);
+    metadata.set(command.id, {
+      ...declared,
+      ...(command.title !== undefined && { title: command.title }),
+      ...(command.category !== undefined && { category: command.category }),
+      ...(command.when !== undefined && { when: command.when }),
+      ...(command.palette !== undefined && { palette: command.palette }),
+    });
+  }
+
+  const actions = new Map<string, EditorAction>();
+  for (const [command, { title, category, when, palette }] of metadata) {
+    if (!title || palette === false) continue;
+    actions.set(command, {
+      id: command,
+      command,
+      args: [],
+      title,
+      ...(category && { category }),
+      when: when ? [when] : [],
+    });
+  }
+
+  const items = extensions.getValues(MENU_ITEMS);
+  const bar = new Map(extensions.getValues(MENU_BAR).map((entry) => [entry.id, entry.title]));
+  const parents = new Map<string, MenuItem>();
+  for (const item of items) if (item.submenu) parents.set(item.submenu, item);
+  /** `View › Panels` for the menu `view.panels`; undefined for context menus. */
+  const pathOf = (menu: string): string | undefined => {
+    const path: string[] = [];
+    for (let current = menu, depth = 0; depth < 6; depth++) {
+      const root = bar.get(current);
+      if (root) return [root, ...path].join(' › ');
+      const parent = parents.get(current);
+      if (!parent) return undefined;
+      path.unshift(parent.title ?? current);
+      current = parent.menu;
+    }
+    return undefined;
+  };
+  for (const item of items) {
+    if (!item.command || !item.args.length) continue;
+    const category = pathOf(item.menu);
+    const title = item.title ?? metadata.get(item.command)?.title;
+    if (!category || !title) continue;
+    const id = actionId(item.command, item.args);
+    if (actions.has(id)) continue;
+    const commandWhen = metadata.get(item.command)?.when;
+    actions.set(id, {
+      id,
+      command: item.command,
+      args: item.args,
+      title,
+      category,
+      when: [commandWhen, item.when].filter((clause): clause is string => !!clause),
+    });
+  }
+  return [...actions.values()].sort((a, b) => actionLabel(a).localeCompare(actionLabel(b)));
+};
+
+/** Whether an action can run in the current context. */
+export const isActionEnabled = (action: EditorAction, context: ContextKeyService): boolean =>
+  action.when.every((clause) => context.evaluate(clause));
diff --git a/packages/ui/src/workbench/extension-point/code-editor.extension-point.ts b/packages/ui/src/workbench/extension-point/code-editor.extension-point.ts
new file mode 100644
index 00000000..f69d0a2f
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/code-editor.extension-point.ts
@@ -0,0 +1,32 @@
+import type { Component } from 'svelte';
+
+import {
+  type ExtensionPoint,
+  type Observable,
+  defineExtensionPoint,
+} from '@nanoforge-dev/editor-kernel';
+
+/**
+ * A panel beside the code editor, for some files (e.g. the ECS plugin's Component panel next to a
+ * component's source). The code editor shows the panels that apply to the active file, with a
+ * toggle in its toolbar.
+ */
+export interface CodeEditorSidePanel {
+  readonly id: string;
+  readonly title: string;
+  readonly icon?: string;
+  /** Fires when `appliesTo` may give another answer (the catalog changed…). */
+  readonly changes?: Observable<unknown>;
+  readonly component: Component<{ path: string }>;
+  /** Whether the panel applies to a file (project path). */
+  appliesTo(path: string): boolean;
+}
+
+export const CODE_EDITOR_SIDE_PANELS: ExtensionPoint<CodeEditorSidePanel> =
+  defineExtensionPoint<CodeEditorSidePanel>('codeEditor.sidePanels');
+
+/**
+ * Context key holding the project path of the file in the focused code editor group; unset when
+ * no file is open (or the code editor never opened one).
+ */
+export const CODE_EDITOR_ACTIVE_FILE = 'codeEditor.activeFile';
diff --git a/packages/ui/src/workbench/extension-point/file.extension-point.ts b/packages/ui/src/workbench/extension-point/file.extension-point.ts
new file mode 100644
index 00000000..d40d89b5
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/file.extension-point.ts
@@ -0,0 +1,79 @@
+import {
+  type ExtensionPoint,
+  type Observable,
+  defineExtensionPoint,
+} from '@nanoforge-dev/editor-kernel';
+
+/** A file created from a template: path relative to the target folder. */
+export interface TemplateFile {
+  readonly path: string;
+  readonly content: string | Uint8Array;
+}
+
+/** "New …" entries of the file manager (and other creation UIs). */
+export interface FileTemplate {
+  readonly id: string;
+  readonly title: string;
+  readonly icon?: string;
+  /** Groups templates in the New menu (`Code`, `ECS`…). */
+  readonly category?: string;
+  /** Offered only when true (context keys: `fileFolder`, `appType`…). */
+  readonly when?: string;
+  /** Name proposed to the user, extension included (`NewComponent.ts`). */
+  readonly defaultName: string;
+  /** Files to create for the chosen `name` in `folder` (the first one is opened). */
+  create(context: {
+    folder: string;
+    name: string;
+  }): readonly TemplateFile[] | Promise<readonly TemplateFile[]>;
+}
+
+export const FILE_TEMPLATES: ExtensionPoint<FileTemplate> =
+  defineExtensionPoint<FileTemplate>('ui.fileTemplates');
+
+/**
+ * Context menu entries of files and folders. The command receives the selected paths. `when`
+ * sees `fileKind` (`file`/`directory`), `fileExtname` (`.ts`), `fileReadOnly` and
+ * `fileSelectionCount`.
+ */
+export interface FileAction {
+  readonly id: string;
+  readonly title: string;
+  readonly command: string;
+  readonly icon?: string;
+  /** Actions are grouped (separated) by group, then sorted by order. */
+  readonly group?: string;
+  readonly order?: number;
+  readonly when?: string;
+}
+
+export const FILE_ACTIONS: ExtensionPoint<FileAction> =
+  defineExtensionPoint<FileAction>('ui.fileActions');
+
+/** Icon of files matching a glob (`**\/*.png`); the highest priority wins. */
+export interface FileIcon {
+  readonly pattern: string;
+  readonly icon: string;
+  readonly priority?: number;
+}
+
+export const FILE_ICONS: ExtensionPoint<FileIcon> = defineExtensionPoint<FileIcon>('ui.fileIcons');
+
+/** A mark on a file or folder of the Files panel: a short badge after its name, colored. */
+export interface FileDecoration {
+  /** One or two characters (`M`, `U`…). */
+  readonly badge: string;
+  readonly tone?: 'modified' | 'added' | 'deleted' | 'conflict';
+  readonly tooltip?: string;
+}
+
+/** Marks files (their version control status…). The first provider with an answer wins. */
+export interface FileDecorationProvider {
+  readonly id: string;
+  /** Fires when `decorate` may give other answers. */
+  readonly changes: Observable<unknown>;
+  decorate(path: string, kind: 'file' | 'directory'): FileDecoration | undefined;
+}
+
+export const FILE_DECORATIONS: ExtensionPoint<FileDecorationProvider> =
+  defineExtensionPoint<FileDecorationProvider>('ui.fileDecorations');
diff --git a/packages/ui/src/workbench/extension-point/index.ts b/packages/ui/src/workbench/extension-point/index.ts
new file mode 100644
index 00000000..0d8de008
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/index.ts
@@ -0,0 +1,9 @@
+export * from './widget.extension-point';
+export * from './menu.extension-point';
+export * from './status-bar.extension-point';
+export * from './keybinding.extension-point';
+export * from './toolbar.extension-point';
+export * from './file.extension-point';
+export * from './code-editor.extension-point';
+export * from './viewport.extension-point';
+export * from './settings-page.extension-point';
diff --git a/packages/ui/src/workbench/extension-point/keybinding.extension-point.ts b/packages/ui/src/workbench/extension-point/keybinding.extension-point.ts
new file mode 100644
index 00000000..2d7a8548
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/keybinding.extension-point.ts
@@ -0,0 +1,15 @@
+import { z } from 'zod';
+
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+/** `Ctrl+Shift+P`, `Mod+Z` (Cmd on macOS, Ctrl elsewhere), chords: `Ctrl+K Ctrl+S`. */
+export const KeybindingSchema = z.object({
+  key: z.string().min(1),
+  command: z.string().min(1),
+  when: z.string().optional(),
+  args: z.array(z.unknown()).default([]),
+});
+export type Keybinding = z.output<typeof KeybindingSchema>;
+export const KEYBINDINGS: ExtensionPoint<Keybinding> = defineExtensionPoint('ui.keybindings', {
+  validator: KeybindingSchema,
+});
diff --git a/packages/ui/src/workbench/extension-point/menu.extension-point.ts b/packages/ui/src/workbench/extension-point/menu.extension-point.ts
new file mode 100644
index 00000000..30ebf4d1
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/menu.extension-point.ts
@@ -0,0 +1,34 @@
+import { z } from 'zod';
+
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+/** Top level menus of the menu bar. */
+export const MenuBarEntrySchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  order: z.number().default(0),
+});
+export type MenuBarEntry = z.output<typeof MenuBarEntrySchema>;
+export const MENU_BAR: ExtensionPoint<MenuBarEntry> = defineExtensionPoint('ui.menuBar', {
+  validator: MenuBarEntrySchema,
+});
+
+/** An item of a menu: runs a command (its title/icon by default) or opens a submenu. */
+export const MenuItemSchema = z.object({
+  /** Menu id: a menu bar entry (`file`, `edit`, `view`…), a submenu or a context menu id. */
+  menu: z.string(),
+  command: z.string().optional(),
+  submenu: z.string().optional(),
+  title: z.string().optional(),
+  /** An icon before the label, e.g. `check` on the current choice of a list. */
+  icon: z.string().optional(),
+  /** Items are grouped (separated) by group, then sorted by order. */
+  group: z.string().default('main'),
+  order: z.number().default(0),
+  when: z.string().optional(),
+  args: z.array(z.unknown()).default([]),
+});
+export type MenuItem = z.output<typeof MenuItemSchema>;
+export const MENU_ITEMS: ExtensionPoint<MenuItem> = defineExtensionPoint('ui.menuItems', {
+  validator: MenuItemSchema,
+});
diff --git a/packages/ui/src/workbench/extension-point/settings-page.extension-point.ts b/packages/ui/src/workbench/extension-point/settings-page.extension-point.ts
new file mode 100644
index 00000000..95d071f4
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/settings-page.extension-point.ts
@@ -0,0 +1,43 @@
+import type { Component } from 'svelte';
+
+import {
+  type ExtensionPoint,
+  type Observable,
+  type ServiceAccessor,
+  defineExtensionPoint,
+} from '@nanoforge-dev/editor-kernel';
+import type { WritableScope } from '@nanoforge-dev/editor-settings';
+
+/** What a page of the Settings dialog gets: the dialog's pending changes, written on Apply. */
+export interface SettingsPageApi {
+  /** Bumped when pending changes or stored settings change. */
+  readonly revision: Observable<number>;
+  /**
+   * The value of a setting with its pending change. For a setting merged across scopes
+   * (`union`, `deep`), read each scope with `scopeValue` instead.
+   */
+  value(key: string): unknown;
+  /** What one scope holds for a setting (pending change included); undefined when not set there. */
+  scopeValue(key: string, scope: WritableScope): unknown;
+  /** Sets the value of a setting in a scope. A setting has one pending change at a time. */
+  set(key: string, value: unknown, scope: WritableScope): void;
+  /** Whether a setting has a pending change. */
+  isPending(key: string): boolean;
+}
+
+/**
+ * A page of the Settings dialog with its own editor (keyboard shortcuts…), listed after the
+ * setting categories.
+ */
+export interface SettingsPage {
+  readonly id: string;
+  readonly title: string;
+  readonly icon?: string;
+  readonly order?: number;
+  /** Settings the page edits: they leave the category tree and the search. */
+  readonly settings?: readonly string[];
+  readonly component: Component<{ services: ServiceAccessor; page: SettingsPageApi }>;
+}
+
+export const SETTINGS_PAGES: ExtensionPoint<SettingsPage> =
+  defineExtensionPoint<SettingsPage>('ui.settingsPages');
diff --git a/packages/ui/src/workbench/extension-point/status-bar.extension-point.ts b/packages/ui/src/workbench/extension-point/status-bar.extension-point.ts
new file mode 100644
index 00000000..0d2683dd
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/status-bar.extension-point.ts
@@ -0,0 +1,16 @@
+import {
+  type ExtensionPoint,
+  type Observable,
+  defineExtensionPoint,
+} from '@nanoforge-dev/editor-kernel';
+
+export interface StatusBarItem {
+  readonly id: string;
+  readonly alignment: 'left' | 'right';
+  readonly order?: number;
+  readonly text: Observable<string>;
+  readonly tooltip?: string;
+  readonly command?: string;
+  readonly when?: string;
+}
+export const STATUS_BAR_ITEMS: ExtensionPoint<StatusBarItem> = defineExtensionPoint('ui.statusBar');
diff --git a/packages/ui/src/workbench/extension-point/toolbar.extension-point.ts b/packages/ui/src/workbench/extension-point/toolbar.extension-point.ts
new file mode 100644
index 00000000..bbb011f4
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/toolbar.extension-point.ts
@@ -0,0 +1,15 @@
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+/** Buttons of the top bar toolbar (play controls…). */
+export interface ToolbarItem {
+  readonly id: string;
+  readonly icon: string;
+  readonly title: string;
+  readonly command: string;
+  readonly args?: readonly unknown[];
+  readonly order?: number;
+  readonly when?: string;
+  /** Highlighted (pressed) while this clause is true. */
+  readonly toggled?: string;
+}
+export const TOOLBAR_ITEMS: ExtensionPoint<ToolbarItem> = defineExtensionPoint('ui.toolbar');
diff --git a/packages/ui/src/workbench/extension-point/viewport.extension-point.ts b/packages/ui/src/workbench/extension-point/viewport.extension-point.ts
new file mode 100644
index 00000000..e4d2f3b0
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/viewport.extension-point.ts
@@ -0,0 +1,52 @@
+import type { Component } from 'svelte';
+
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+import type { WidgetInstance } from '../widget/widget-instance.type';
+import type { MountedWidget } from './widget.extension-point';
+
+/** The screens of the viewport. */
+export type ViewportScreen = 'game' | 'scene';
+
+/**
+ * Content of the Scene screen for code generation targets: the scene editor of the ECS plugin
+ * for its entry-file target, a scene plugin's own editor for its target…
+ */
+export interface SceneEditor {
+  readonly id: string;
+  readonly title: string;
+  /** Ids of `code.codegenTargets` providers it edits (`*`: any). */
+  readonly targets: readonly string[];
+  /** Gets the Scene screen's widget instance, e.g. to point undo at the file it edits. */
+  readonly component?: Component<{ instance?: WidgetInstance }>;
+  readonly mount?: (element: HTMLElement) => MountedWidget;
+}
+
+export const SCENE_EDITORS: ExtensionPoint<SceneEditor> =
+  defineExtensionPoint<SceneEditor>('ui.sceneEditors');
+
+/** A button of the Game or Scene screen toolbar. */
+export interface ViewportTool {
+  readonly id: string;
+  readonly screen: ViewportScreen;
+  readonly icon: string;
+  readonly title: string;
+  readonly command: string;
+  readonly order?: number;
+  readonly when?: string;
+  /** Pressed while this clause is true. */
+  readonly toggled?: string;
+}
+
+export const VIEWPORT_TOOLS: ExtensionPoint<ViewportTool> =
+  defineExtensionPoint<ViewportTool>('ui.viewportTools');
+
+/** Drawn over the running game or the scene (e.g. gizmos, debug views). */
+export interface ViewportOverlay {
+  readonly id: string;
+  readonly screen: ViewportScreen;
+  readonly component: Component<Record<string, never>>;
+}
+
+export const VIEWPORT_OVERLAYS: ExtensionPoint<ViewportOverlay> =
+  defineExtensionPoint<ViewportOverlay>('ui.viewportOverlays');
diff --git a/packages/ui/src/workbench/extension-point/widget.extension-point.ts b/packages/ui/src/workbench/extension-point/widget.extension-point.ts
new file mode 100644
index 00000000..91b52702
--- /dev/null
+++ b/packages/ui/src/workbench/extension-point/widget.extension-point.ts
@@ -0,0 +1,56 @@
+import type { Component } from 'svelte';
+import { z } from 'zod';
+
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+import { SLOT_IDS, type SlotId } from '@nanoforge-dev/editor-layout';
+
+import type { WidgetInstance } from '../widget/widget-instance.type';
+
+const SLOT = z.enum(SLOT_IDS);
+
+/**
+ * What a widget is (metadata only): declared in manifests (`contributes.widgets`) or in code,
+ * so layouts, menus and the widget list know it before its plugin activates.
+ */
+export const WidgetDescriptorSchema = z.object({
+  id: z.string().regex(/^[a-z0-9][\w/.-]*$/),
+  title: z.string().min(1),
+  /** Lucide icon name, e.g. `folder-tree`. */
+  icon: z.string().optional(),
+  /** `screen`: main screen in the center; `dock`: panel in a dock slot or floating window. */
+  kind: z.enum(['dock', 'screen']).default('dock'),
+  defaultSlot: SLOT.optional(),
+  order: z.number().default(0),
+  openByDefault: z.boolean().default(true),
+  /** Only one instance at a time (default). */
+  singleton: z.boolean().default(true),
+  /** Offered in menus only when true. */
+  when: z.string().optional(),
+  /** History context of the widget (undo/redo target while focused). */
+  historyContext: z.string().optional(),
+});
+export type WidgetDescriptor = z.output<typeof WidgetDescriptorSchema> & {
+  readonly defaultSlot?: SlotId;
+};
+
+export const WIDGETS: ExtensionPoint<WidgetDescriptor> = defineExtensionPoint('ui.widgets', {
+  validator: WidgetDescriptorSchema as unknown as z.ZodType<WidgetDescriptor>,
+});
+
+/** What a framework-agnostic widget returns when mounted. */
+export interface MountedWidget {
+  dispose(): void;
+}
+
+/** How a widget renders (registered by its plugin on activation). */
+export interface WidgetView {
+  readonly id: string;
+  /** Svelte component receiving `{ instance }`. */
+  readonly component?: Component<{ instance: WidgetInstance }>;
+  /** Framework-agnostic alternative. */
+  readonly mount?: (element: HTMLElement, instance: WidgetInstance) => MountedWidget;
+  /** CSS scoped to the widget (`[data-nf-widget="<id>"]`), in the plugin's cascade layer. */
+  readonly styles?: string;
+}
+
+export const WIDGET_VIEWS: ExtensionPoint<WidgetView> = defineExtensionPoint('ui.widgetViews');
diff --git a/packages/ui/src/workbench/index.ts b/packages/ui/src/workbench/index.ts
new file mode 100644
index 00000000..67217375
--- /dev/null
+++ b/packages/ui/src/workbench/index.ts
@@ -0,0 +1,12 @@
+export * from './extension-point';
+export * from './keybinding';
+export * from './action';
+export * from './layout';
+export * from './notification';
+export * from './widget';
+export * from './service';
+export * from './workbench-context';
+export * from './menu';
+export * from './prompt';
+export * from './setup';
+export { default as Workbench } from './workbench.svelte';
diff --git a/packages/ui/src/workbench/keybinding/index.ts b/packages/ui/src/workbench/keybinding/index.ts
new file mode 100644
index 00000000..ff844656
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/index.ts
@@ -0,0 +1,13 @@
+export {
+  isMac,
+  normalizeStroke,
+  parseKeybinding,
+  strokeFromEvent,
+  formatKeybinding,
+  portableStroke,
+} from './keystroke';
+export * from './keymap.type';
+export * from './keymap-presets';
+export * from './resolve-keymap';
+export * from './keybinding-service';
+export * from './keymap-edit';
diff --git a/packages/ui/src/workbench/keybinding/keybinding-service.ts b/packages/ui/src/workbench/keybinding/keybinding-service.ts
new file mode 100644
index 00000000..ac074598
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/keybinding-service.ts
@@ -0,0 +1,127 @@
+import {
+  type CommandRegistry,
+  type ContextKeyService,
+  type Disposable,
+  DisposableStore,
+  type ExtensionRegistry,
+  type Logger,
+  type Observable,
+  constant,
+  createToken,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+
+import { KEYBINDINGS } from '../extension-point/keybinding.extension-point';
+import type { KeybindingConflict, KeymapOverride, ResolvedKeybinding } from './keymap.type';
+import { startsWith, strokeFromEvent } from './keystroke';
+import { actionId, findConflicts, resolveKeymap } from './resolve-keymap';
+
+const CHORD_TIMEOUT_MS = 1500;
+
+/** Dispatches keyboard shortcuts to commands, honoring `when` clauses, the preset and user overrides. */
+export class KeybindingService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private _pending: { strokes: string[]; timer: ReturnType<typeof setTimeout> } | undefined;
+  private _suspended = 0;
+
+  constructor(
+    private readonly _extensions: ExtensionRegistry,
+    private readonly _commands: CommandRegistry,
+    private readonly _context: ContextKeyService,
+    private readonly _overrides: Observable<readonly KeymapOverride[]> = constant([]),
+    private readonly _logger?: Logger,
+    /** Entries of the chosen preset (`keymap.preset`). */
+    private readonly _preset: Observable<readonly KeymapOverride[]> = constant([]),
+  ) {}
+
+  /** Effective bindings, see {@link resolveKeymap}. */
+  get bindings(): ResolvedKeybinding[] {
+    return resolveKeymap(
+      this._extensions.getValues(KEYBINDINGS),
+      this._preset.get(),
+      this._overrides.get(),
+      (binding, error) =>
+        this._logger?.warn(`Ignoring keybinding ${binding.key} → ${binding.command}`, error),
+    );
+  }
+
+  /** Keybinding shown next to a command (run with these arguments) in menus. */
+  keyFor(command: string, args: readonly unknown[] = []): string | undefined {
+    const action = actionId(command, args);
+    const forAction = this.bindings.filter(
+      (candidate) => actionId(candidate.command, candidate.args) === action,
+    );
+    const binding =
+      forAction.find((candidate) => this._context.evaluate(candidate.when)) ?? forAction[0];
+    return binding?.strokes.join(' ');
+  }
+
+  /** Shortcuts that get in each other's way, see {@link findConflicts}. */
+  conflicts(): KeybindingConflict[] {
+    return findConflicts(this.bindings);
+  }
+
+  /**
+   * Stops dispatching until disposed: keys reach the focused element (a shortcut recorder).
+   */
+  suspend(): Disposable {
+    this._suspended++;
+    this._clearPending();
+    let disposed = false;
+    return toDisposable(() => {
+      if (disposed) return;
+      disposed = true;
+      this._suspended--;
+    });
+  }
+
+  /** Listens to keydown on a target (the editor window). */
+  attach(target: Pick<Window, 'addEventListener' | 'removeEventListener'>): Disposable {
+    const listener = (event: Event) => this.handle(event as KeyboardEvent);
+    target.addEventListener('keydown', listener, { capture: true });
+    return this._store.add(
+      toDisposable(() => target.removeEventListener('keydown', listener, { capture: true })),
+    );
+  }
+
+  /** Returns true when the event ran (or started) a keybinding; its default is then prevented. */
+  handle(event: KeyboardEvent): boolean {
+    if (this._suspended) return false;
+    const stroke = strokeFromEvent(event);
+    if (!stroke) return false;
+    const strokes = [...(this._pending?.strokes ?? []), stroke];
+    this._clearPending();
+    const candidates = this.bindings.filter(
+      (binding) => startsWith(binding.strokes, strokes) && this._context.evaluate(binding.when),
+    );
+    const exact = candidates.find((binding) => binding.strokes.length === strokes.length);
+    if (exact) {
+      event.preventDefault();
+      event.stopPropagation();
+      this._commands
+        .execute(exact.command, ...exact.args)
+        .catch((error: unknown) =>
+          this._logger?.error(`Keybinding ${exact.key} → ${exact.command} failed`, error),
+        );
+      return true;
+    }
+    if (candidates.length) {
+      event.preventDefault();
+      this._pending = { strokes, timer: setTimeout(() => this._clearPending(), CHORD_TIMEOUT_MS) };
+      return true;
+    }
+    return false;
+  }
+
+  dispose(): void {
+    this._clearPending();
+    this._store.dispose();
+  }
+
+  private _clearPending(): void {
+    if (this._pending) clearTimeout(this._pending.timer);
+    this._pending = undefined;
+  }
+}
+
+export const KeybindingServiceToken = createToken<KeybindingService>('ui.keybindings');
diff --git a/packages/ui/src/workbench/keybinding/keymap-edit.ts b/packages/ui/src/workbench/keybinding/keymap-edit.ts
new file mode 100644
index 00000000..3adac681
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/keymap-edit.ts
@@ -0,0 +1,91 @@
+import type { Keybinding } from '../extension-point/keybinding.extension-point';
+import type { KeymapOverride, ResolvedKeybinding } from './keymap.type';
+import { parseKeybinding } from './keystroke';
+import { actionId, resolveKeymap } from './resolve-keymap';
+
+/**
+ * The layers of a keymap while one scope's overrides are edited: `own` is that scope's list,
+ * `before` and `after` the lists of the scopes applied before and after it (the account's
+ * overrides apply before this machine's).
+ */
+export interface KeymapLayers {
+  readonly defaults: readonly Keybinding[];
+  readonly preset: readonly KeymapOverride[];
+  readonly before: readonly KeymapOverride[];
+  readonly own: readonly KeymapOverride[];
+  readonly after: readonly KeymapOverride[];
+}
+
+/** A shortcut of an action: the command with its arguments, and the keys. */
+export interface ShortcutRef {
+  readonly command: string;
+  readonly args?: readonly unknown[];
+  readonly key: string;
+}
+
+export const resolveLayers = (layers: KeymapLayers): ResolvedKeybinding[] =>
+  resolveKeymap(layers.defaults, layers.preset, [...layers.before, ...layers.own, ...layers.after]);
+
+const strokesOf = (key: string): string | undefined => {
+  try {
+    return parseKeybinding(key).join(' ');
+  } catch {
+    return undefined;
+  }
+};
+
+const sameShortcut = (entry: KeymapOverride, ref: ShortcutRef): boolean =>
+  actionId(entry.command, entry.args) === actionId(ref.command, ref.args) &&
+  strokesOf(entry.key) === strokesOf(ref.key);
+
+/**
+ * The edited scope's list after setting a shortcut of an action: present with a condition
+ * (`{ when }`), or absent (`undefined`). Entries of the list about that shortcut are replaced by
+ * the fewest that give the wanted result on top of the layers below: none when the layers below
+ * already give it, a removal, an addition, or both (a default whose condition changes).
+ */
+export const setShortcut = (
+  layers: KeymapLayers,
+  ref: ShortcutRef,
+  state: { readonly when?: string | undefined } | undefined,
+): KeymapOverride[] => {
+  const own = layers.own.filter((entry) => !sameShortcut(entry, ref));
+  const action = actionId(ref.command, ref.args);
+  const strokes = strokesOf(ref.key);
+  const below = resolveKeymap(layers.defaults, layers.preset, [...layers.before, ...own]).filter(
+    (binding) =>
+      actionId(binding.command, binding.args) === action && binding.strokes.join(' ') === strokes,
+  );
+  const entry = {
+    command: ref.command,
+    key: ref.key,
+    ...(ref.args?.length && { args: [...ref.args] }),
+  };
+  const when = state?.when?.trim();
+  const already =
+    state !== undefined && below.length === 1 && (below[0]!.when ?? '') === (when ?? '');
+  if (already) return own;
+  if (below.length) own.push({ ...entry, remove: true });
+  if (state !== undefined) own.push({ ...entry, ...(when && { when }) });
+  return own;
+};
+
+/** The edited scope's list without anything about an action: back to the layers below. */
+export const resetAction = (
+  own: readonly KeymapOverride[],
+  command: string,
+  args: readonly unknown[] = [],
+): KeymapOverride[] => {
+  const action = actionId(command, args);
+  return own.filter((entry) => actionId(entry.command, entry.args) !== action);
+};
+
+/** Whether the user's overrides say anything about an action. */
+export const isActionChanged = (
+  overrides: readonly KeymapOverride[],
+  command: string,
+  args: readonly unknown[] = [],
+): boolean => {
+  const action = actionId(command, args);
+  return overrides.some((entry) => actionId(entry.command, entry.args) === action);
+};
diff --git a/packages/ui/src/workbench/keybinding/keymap-presets.ts b/packages/ui/src/workbench/keybinding/keymap-presets.ts
new file mode 100644
index 00000000..def73177
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/keymap-presets.ts
@@ -0,0 +1,27 @@
+import { z } from 'zod';
+
+import { type ExtensionPoint, defineExtensionPoint } from '@nanoforge-dev/editor-kernel';
+
+/** A named set of shortcuts applied on top of the defaults (it adds and removes). */
+export const KeymapPresetSchema = z.object({
+  id: z.string().min(1),
+  title: z.string().min(1),
+  description: z.string().optional(),
+  bindings: z.array(
+    z.object({
+      command: z.string().min(1),
+      key: z.string().min(1),
+      when: z.string().optional(),
+      args: z.array(z.unknown()).optional(),
+      remove: z.boolean().optional(),
+    }),
+  ),
+});
+export type KeymapPreset = z.output<typeof KeymapPresetSchema>;
+export const KEYMAP_PRESETS: ExtensionPoint<KeymapPreset> = defineExtensionPoint(
+  'ui.keymapPresets',
+  { validator: KeymapPresetSchema },
+);
+
+/** The preset every editor has: the defaults, unchanged. */
+export const DEFAULT_KEYMAP_PRESET = 'default';
diff --git a/packages/ui/src/workbench/keybinding/keymap.type.ts b/packages/ui/src/workbench/keybinding/keymap.type.ts
new file mode 100644
index 00000000..2038736d
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/keymap.type.ts
@@ -0,0 +1,21 @@
+import type { Keybinding } from '../extension-point/keybinding.extension-point';
+
+export interface KeymapOverride {
+  readonly command: string;
+  readonly key: string;
+  readonly when?: string | undefined;
+  /** Arguments the command runs with (a shortcut for a menu entry such as _View: Game_). */
+  readonly args?: readonly unknown[] | undefined;
+  /** Removes this shortcut of the command, whatever layer below added it. */
+  readonly remove?: boolean | undefined;
+}
+
+export interface ResolvedKeybinding extends Keybinding {
+  readonly strokes: readonly string[];
+  readonly source: 'default' | 'preset' | 'user';
+}
+
+export interface KeybindingConflict {
+  readonly key: string;
+  readonly bindings: readonly ResolvedKeybinding[];
+}
diff --git a/packages/ui/src/workbench/keybinding/keystroke.ts b/packages/ui/src/workbench/keybinding/keystroke.ts
new file mode 100644
index 00000000..b7531338
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/keystroke.ts
@@ -0,0 +1,102 @@
+const MODIFIERS = ['Ctrl', 'Alt', 'Shift', 'Meta'] as const;
+
+export const isMac = (): boolean =>
+  typeof navigator !== 'undefined' &&
+  /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
+
+const KEY_ALIASES: Record<string, string> = {
+  esc: 'Escape',
+  escape: 'Escape',
+  del: 'Delete',
+  delete: 'Delete',
+  enter: 'Enter',
+  return: 'Enter',
+  space: 'Space',
+  ' ': 'Space',
+  tab: 'Tab',
+  backspace: 'Backspace',
+  up: 'ArrowUp',
+  down: 'ArrowDown',
+  left: 'ArrowLeft',
+  right: 'ArrowRight',
+  plus: '+',
+};
+
+const normalizeKey = (key: string): string => {
+  const alias = KEY_ALIASES[key.toLowerCase()];
+  if (alias) return alias;
+  if (/^f\d{1,2}$/i.test(key)) return key.toUpperCase();
+  if (key.length === 1) return key.toUpperCase();
+  return key[0]!.toUpperCase() + key.slice(1);
+};
+
+/** Canonical form of one keystroke: `Ctrl+Shift+P` (modifier order Ctrl, Alt, Shift, Meta). */
+export const normalizeStroke = (stroke: string, mac = isMac()): string => {
+  const parts = stroke.split('+').map((part) => part.trim());
+  if (parts.at(-1) === '' && parts.at(-2) === '') parts.splice(-2, 2, '+');
+  const key = parts.pop();
+  if (!key) throw new Error(`Invalid keybinding "${stroke}"`);
+  const modifiers = new Set<string>();
+  for (const part of parts) {
+    const name = part.toLowerCase();
+    if (name === 'mod') modifiers.add(mac ? 'Meta' : 'Ctrl');
+    else if (name === 'ctrl' || name === 'control') modifiers.add('Ctrl');
+    else if (name === 'alt' || name === 'option') modifiers.add('Alt');
+    else if (name === 'shift') modifiers.add('Shift');
+    else if (name === 'meta' || name === 'cmd' || name === 'command' || name === 'super')
+      modifiers.add('Meta');
+    else throw new Error(`Unknown modifier "${part}" in "${stroke}"`);
+  }
+  return [...MODIFIERS.filter((modifier) => modifiers.has(modifier)), normalizeKey(key)].join('+');
+};
+
+/** `Ctrl+K Ctrl+S` → ['Ctrl+K', 'Ctrl+S']. */
+export const parseKeybinding = (key: string, mac = isMac()): string[] =>
+  key
+    .trim()
+    .split(/\s+/)
+    .map((stroke) => normalizeStroke(stroke, mac));
+
+/** Keystroke of a keyboard event, using the produced character (keyboard layout aware). */
+export const strokeFromEvent = (event: KeyboardEvent): string | undefined => {
+  if (
+    ['Control', 'Shift', 'Alt', 'Meta', 'AltGraph', 'CapsLock', 'Dead', 'Unidentified'].includes(
+      event.key,
+    )
+  ) {
+    return undefined;
+  }
+  const modifiers = [
+    event.ctrlKey && 'Ctrl',
+    event.altKey && 'Alt',
+    event.shiftKey && 'Shift',
+    event.metaKey && 'Meta',
+  ].filter(Boolean);
+  return [...modifiers, normalizeKey(event.key)].join('+');
+};
+
+/** Human readable form for menus: `⌘⇧P` on macOS, `Ctrl+Shift+P` elsewhere. */
+export const formatKeybinding = (key: string, mac = isMac()): string =>
+  parseKeybinding(key, mac)
+    .map((stroke) =>
+      mac
+        ? stroke
+            .replace('Ctrl+', '⌃')
+            .replace('Alt+', '⌥')
+            .replace('Shift+', '⇧')
+            .replace('Meta+', '⌘')
+        : stroke,
+    )
+    .join(' ');
+
+/**
+ * A keystroke as saved in a keymap: the platform's main modifier becomes `Mod` (Ctrl, or Cmd on
+ * macOS), so a shortcut saved to an account works on both.
+ */
+export const portableStroke = (stroke: string, mac = isMac()): string => {
+  const main = new RegExp(`(^|\\+)${mac ? 'Meta' : 'Ctrl'}\\+`);
+  return main.test(stroke) ? `Mod+${stroke.replace(main, '$1')}` : stroke;
+};
+
+export const startsWith = (strokes: readonly string[], prefix: readonly string[]) =>
+  prefix.length <= strokes.length && prefix.every((stroke, index) => strokes[index] === stroke);
diff --git a/packages/ui/src/workbench/keybinding/resolve-keymap.ts b/packages/ui/src/workbench/keybinding/resolve-keymap.ts
new file mode 100644
index 00000000..51071f58
--- /dev/null
+++ b/packages/ui/src/workbench/keybinding/resolve-keymap.ts
@@ -0,0 +1,110 @@
+import { parseWhen } from '@nanoforge-dev/editor-kernel';
+
+import type { Keybinding } from '../extension-point/keybinding.extension-point';
+import type { KeybindingConflict, KeymapOverride, ResolvedKeybinding } from './keymap.type';
+import { parseKeybinding, startsWith } from './keystroke';
+
+/** Identity of what a shortcut runs: a command with its arguments. */
+export const actionId = (command: string, args: readonly unknown[] = []): string =>
+  args.length ? `${command} ${JSON.stringify(args)}` : command;
+
+const SOURCE_ORDER = { user: 0, preset: 1, default: 2 } as const;
+
+/**
+ * The effective shortcuts: the defaults, then the preset's entries, then the user's overrides
+ * (account first, then this machine), applied in order. A `remove` entry cancels the shortcut
+ * whatever added it, and a later entry can add it back. The user's shortcuts come first (they
+ * win when two shortcuts match), then the preset's, then the defaults.
+ */
+export const resolveKeymap = (
+  defaults: readonly Keybinding[],
+  preset: readonly KeymapOverride[],
+  overrides: readonly KeymapOverride[],
+  onInvalid?: (binding: Keybinding, error: unknown) => void,
+): ResolvedKeybinding[] => {
+  const resolve = (
+    binding: Keybinding,
+    source: ResolvedKeybinding['source'],
+  ): ResolvedKeybinding | undefined => {
+    try {
+      if (binding.when) parseWhen(binding.when);
+      return { ...binding, strokes: parseKeybinding(binding.key), source };
+    } catch (error) {
+      onInvalid?.(binding, error);
+      return undefined;
+    }
+  };
+  let bindings = defaults.flatMap((binding) => resolve(binding, 'default') ?? []);
+  const apply = (entries: readonly KeymapOverride[], source: 'preset' | 'user') => {
+    for (const entry of entries) {
+      const resolved = resolve(
+        {
+          key: entry.key,
+          command: entry.command,
+          args: [...(entry.args ?? [])],
+          ...(entry.when && { when: entry.when }),
+        },
+        source,
+      );
+      if (!resolved) continue;
+      const action = actionId(resolved.command, resolved.args);
+      const strokes = resolved.strokes.join(' ');
+      if (entry.remove) {
+        bindings = bindings.filter(
+          (binding) =>
+            actionId(binding.command, binding.args) !== action ||
+            binding.strokes.join(' ') !== strokes,
+        );
+      } else if (
+        !bindings.some(
+          (binding) =>
+            actionId(binding.command, binding.args) === action &&
+            binding.strokes.join(' ') === strokes &&
+            (binding.when ?? '') === (resolved.when ?? ''),
+        )
+      ) {
+        bindings.push(resolved);
+      }
+    }
+  };
+  apply(preset, 'preset');
+  apply(overrides, 'user');
+  return bindings
+    .map((binding, index) => ({ binding, index }))
+    .sort(
+      (a, b) =>
+        SOURCE_ORDER[a.binding.source] - SOURCE_ORDER[b.binding.source] || a.index - b.index,
+    )
+    .map(({ binding }) => binding);
+};
+
+/** Two conditions can be true together as far as the editor can tell: equal, or one is absent. */
+const whenOverlaps = (a: string | undefined, b: string | undefined): boolean =>
+  !a?.trim() || !b?.trim() || a.trim() === b.trim();
+
+/**
+ * Whether two shortcuts get in each other's way: different actions, conditions that overlap, and
+ * the same keys or one hiding the other's chord (`Ctrl+K` against `Ctrl+K S`).
+ */
+export const bindingsConflict = (a: ResolvedKeybinding, b: ResolvedKeybinding): boolean =>
+  actionId(a.command, a.args) !== actionId(b.command, b.args) &&
+  whenOverlaps(a.when, b.when) &&
+  (startsWith(a.strokes, b.strokes) || startsWith(b.strokes, a.strokes));
+
+/** Shortcuts that conflict, grouped by the keys they share (the shortest of each group). */
+export const findConflicts = (bindings: readonly ResolvedKeybinding[]): KeybindingConflict[] => {
+  const groups = new Map<string, Set<ResolvedKeybinding>>();
+  for (let i = 0; i < bindings.length; i++) {
+    for (let j = i + 1; j < bindings.length; j++) {
+      const a = bindings[i]!;
+      const b = bindings[j]!;
+      if (!bindingsConflict(a, b)) continue;
+      const shortest = a.strokes.length <= b.strokes.length ? a : b;
+      const key = shortest.strokes.join(' ');
+      const group = groups.get(key) ?? new Set();
+      group.add(a).add(b);
+      groups.set(key, group);
+    }
+  }
+  return [...groups].map(([key, group]) => ({ key, bindings: [...group] }));
+};
diff --git a/packages/ui/src/workbench/layout/drag-controller.ts b/packages/ui/src/workbench/layout/drag-controller.ts
new file mode 100644
index 00000000..df285851
--- /dev/null
+++ b/packages/ui/src/workbench/layout/drag-controller.ts
@@ -0,0 +1,96 @@
+import { type Observable, ObservableValue } from '@nanoforge-dev/editor-kernel';
+import type { Location, SlotId } from '@nanoforge-dev/editor-layout';
+
+export type DropTarget =
+  | { readonly kind: 'location'; readonly location: Location; readonly rect: DOMRect }
+  /** Center of the workbench: the widget becomes a floating window at the pointer. */
+  | { readonly kind: 'float'; readonly rect: DOMRect };
+
+export interface DragState {
+  readonly instanceId: string;
+  readonly title: string;
+  readonly x: number;
+  readonly y: number;
+  readonly target: DropTarget | undefined;
+}
+
+const THRESHOLD = 5;
+
+/**
+ * Pointer based dragging of dock tabs. Drop zones are elements with `data-nf-drop`:
+ * - `tab` (`data-slot`|`data-float`, `data-index`): insert before that tab (or after it, past
+ *   its middle: horizontal, or vertical with `data-axis="y"`);
+ * - `stack` (`data-slot`|`data-float`, `data-count`): append to the stack;
+ * - `center`: float the widget.
+ */
+export class DragController {
+  private readonly _state = new ObservableValue<DragState | undefined>(undefined);
+
+  get state(): Observable<DragState | undefined> {
+    return this._state.readonly();
+  }
+
+  /** Starts tracking a pointer on a tab; `drop` runs when released over a target. */
+  begin(
+    event: PointerEvent,
+    instanceId: string,
+    title: string,
+    drop: (target: DropTarget, x: number, y: number) => void,
+  ): void {
+    if (event.button !== 0) return;
+    const startX = event.clientX;
+    const startY = event.clientY;
+    let started = false;
+    const move = (e: PointerEvent) => {
+      if (!started && Math.hypot(e.clientX - startX, e.clientY - startY) < THRESHOLD) return;
+      started = true;
+      this._state.set({
+        instanceId,
+        title,
+        x: e.clientX,
+        y: e.clientY,
+        target: this._targetAt(e.clientX, e.clientY, instanceId),
+      });
+    };
+    const end = (e: PointerEvent) => {
+      window.removeEventListener('pointermove', move);
+      window.removeEventListener('pointerup', end);
+      window.removeEventListener('pointercancel', cancel);
+      const state = this._state.get();
+      this._state.set(undefined);
+      if (started && state?.target) drop(state.target, e.clientX, e.clientY);
+    };
+    const cancel = () => {
+      window.removeEventListener('pointermove', move);
+      window.removeEventListener('pointerup', end);
+      window.removeEventListener('pointercancel', cancel);
+      this._state.set(undefined);
+    };
+    window.addEventListener('pointermove', move);
+    window.addEventListener('pointerup', end);
+    window.addEventListener('pointercancel', cancel);
+  }
+
+  private _targetAt(x: number, y: number, instanceId: string): DropTarget | undefined {
+    for (const element of document.elementsFromPoint(x, y)) {
+      const zone = (element as HTMLElement).closest<HTMLElement>('[data-nf-drop]');
+      if (!zone) continue;
+      const rect = zone.getBoundingClientRect();
+      const kind = zone.dataset.nfDrop;
+      if (kind === 'center') return { kind: 'float', rect };
+      const slot = zone.dataset.slot as SlotId | undefined;
+      const floatId = zone.dataset.float;
+      let index = Number(kind === 'tab' ? zone.dataset.index : zone.dataset.count);
+      const after =
+        zone.dataset.axis === 'y' ? y > rect.top + rect.height / 2 : x > rect.left + rect.width / 2;
+      if (kind === 'tab' && after) index++;
+      if (zone.dataset.contains?.split(' ').includes(instanceId)) {
+        const current = zone.dataset.contains.split(' ').indexOf(instanceId);
+        if (current < index) index--;
+      }
+      if (slot) return { kind: 'location', location: { kind: 'slot', slot, index }, rect };
+      if (floatId) return { kind: 'location', location: { kind: 'float', floatId, index }, rect };
+    }
+    return undefined;
+  }
+}
diff --git a/packages/ui/src/workbench/layout/index.ts b/packages/ui/src/workbench/layout/index.ts
new file mode 100644
index 00000000..3ac0d90e
--- /dev/null
+++ b/packages/ui/src/workbench/layout/index.ts
@@ -0,0 +1,3 @@
+export * from './layout-controller.type';
+export * from './layout-controller';
+export * from './drag-controller';
diff --git a/packages/ui/src/workbench/layout/layout-controller.ts b/packages/ui/src/workbench/layout/layout-controller.ts
new file mode 100644
index 00000000..e6d0a3f4
--- /dev/null
+++ b/packages/ui/src/workbench/layout/layout-controller.ts
@@ -0,0 +1,322 @@
+import type { HistoryContext } from '@nanoforge-dev/editor-history';
+import {
+  type Disposable,
+  DisposableStore,
+  type Observable,
+  ObservableValue,
+  createToken,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type Layout,
+  LayoutError,
+  type LayoutOp,
+  type Location,
+  type SlotId,
+  allWidgets,
+  composeDefaultLayout,
+  deserializeLayout,
+  findWidget,
+  isSlotVisible,
+  reconcileLayout,
+  reduce,
+  serializeLayout,
+  showSlotOp,
+} from '@nanoforge-dev/editor-layout';
+import { CoreSettings, type WritableScope } from '@nanoforge-dev/editor-settings';
+
+import { WIDGETS, type WidgetDescriptor } from '../extension-point/widget.extension-point';
+import type { LayoutControllerOptions } from './layout-controller.type';
+
+export const LAYOUT_HISTORY_CONTEXT = 'layout';
+const SAVE_DELAY_MS = 500;
+
+const mergeKeyOf = (op: LayoutOp): string | undefined => {
+  switch (op.type) {
+    case 'resizeSlot':
+      return `resize:${op.slot}`;
+    case 'setSplit':
+      return `split:${op.side}`;
+    case 'setFloatRect':
+      return `float:${op.floatId}`;
+    default:
+      return undefined;
+  }
+};
+
+/**
+ * Owns the workbench layout: applies operations as undoable steps (history context `layout`),
+ * persists the named layouts in settings and adds widgets of newly installed plugins.
+ */
+export class LayoutController implements Disposable {
+  private readonly _layout: ObservableValue<Layout>;
+  private readonly _store = new DisposableStore();
+  private readonly _history: HistoryContext;
+  private _saveTimer: ReturnType<typeof setTimeout> | undefined;
+  private _floatCounter = 0;
+  private readonly _docksHidden = new ObservableValue(false);
+
+  constructor(private readonly _options: LayoutControllerOptions) {
+    this._layout = new ObservableValue(this._load());
+    this._history = this._store.add(
+      _options.history.registerContext({ id: LAYOUT_HISTORY_CONTEXT, label: 'Layout' }),
+    );
+    this._store.add(
+      _options.extensions.onDidChange((point) => {
+        if (point.id !== WIDGETS.id) return;
+        const current = this._layout.get();
+        const known = new Set([
+          ...current.screens,
+          ...allWidgets(current).map((ref) => ref.widgetId),
+        ]);
+        this._layout.set(reconcileLayout(current, this._widgets(), known));
+      }),
+    );
+  }
+
+  get layout(): Observable<Layout> {
+    return this._layout.readonly();
+  }
+
+  get current(): Layout {
+    return this._layout.get();
+  }
+
+  /** Docks hidden for a while (e.g. maximize on play): not saved, not an undo step. */
+  get docksHidden(): Observable<boolean> {
+    return this._docksHidden.readonly();
+  }
+
+  setDocksHidden(hidden: boolean): void {
+    this._docksHidden.set(hidden);
+  }
+
+  /** Applies an operation as one undoable step (continuous resizes merge). */
+  async apply(op: LayoutOp, label = 'Change layout'): Promise<void> {
+    let inverse: LayoutOp | undefined;
+    const mergeKey = mergeKeyOf(op);
+    await this._history.stack.push({
+      label,
+      ...(mergeKey && { mergeKey }),
+      do: () => {
+        const result = reduce(this._layout.get(), op);
+        inverse = result.inverse;
+        this._set(result.layout);
+      },
+      undo: () => {
+        if (inverse) this._set(reduce(this._layout.get(), inverse).layout);
+      },
+      redo: () => {
+        const result = reduce(this._layout.get(), op);
+        inverse = result.inverse;
+        this._set(result.layout);
+      },
+    });
+  }
+
+  /** Shows a tab of its stack, and its slot if hidden (navigation: not an undo step). */
+  focusTab(instanceId: string): void {
+    this._navigate({ type: 'activate', instanceId });
+    const found = findWidget(this._layout.get(), instanceId);
+    if (found?.location.kind === 'slot') this.showSlot(found.location.slot, true);
+  }
+
+  /** Shows or hides a dock slot on the active screen (navigation: not an undo step). */
+  showSlot(slot: SlotId, visible: boolean): void {
+    const layout = this._layout.get();
+    if (isSlotVisible(layout, slot) !== visible) this._navigate(showSlotOp(layout, slot, visible));
+  }
+
+  /** A click on a tool window's icon: shows its panel, or hides the slot if already shown. */
+  toggleTool(instanceId: string): void {
+    const found = findWidget(this._layout.get(), instanceId);
+    if (found?.location.kind !== 'slot') return this.focusTab(instanceId);
+    const { slot } = found.location;
+    if (found.active && isSlotVisible(this._layout.get(), slot)) this.showSlot(slot, false);
+    else this.focusTab(instanceId);
+  }
+
+  /** Switches the main screen (navigation: not an undo step). */
+  showScreen(screen: string): void {
+    this._navigate({ type: 'switchScreen', screen });
+  }
+
+  /** Brings a floating window to the front (cosmetic: not an undo step). */
+  /**
+   * Brings a floating window to the front. Windows are renumbered 1…n in their stacking order,
+   * so `z` stays small (it is saved; growing for ever would end above dialogs and menus).
+   */
+  raise(floatId: string): void {
+    const layout = this._layout.get();
+    const float = layout.floats.find((candidate) => candidate.id === floatId);
+    const top = Math.max(0, ...layout.floats.map((candidate) => candidate.z));
+    if (!float || (float.z === top && top <= layout.floats.length)) return;
+    const order = [...layout.floats]
+      .sort((a, b) => a.z - b.z)
+      .filter((candidate) => candidate !== float)
+      .concat(float);
+    const ops = order.map((candidate, index) => ({
+      type: 'focusFloat' as const,
+      floatId: candidate.id,
+      z: index + 1,
+    }));
+    this._set(reduce(layout, { type: 'batch', ops }).layout);
+  }
+
+  /** Opens a widget (or focuses its existing singleton instance). Returns the instance id. */
+  async open(widgetId: string, location?: Location): Promise<string> {
+    const descriptor = this._descriptor(widgetId);
+    const layout = this._layout.get();
+    if (descriptor?.kind === 'screen') {
+      this.showScreen(widgetId);
+      return widgetId;
+    }
+    const singleton = descriptor?.singleton ?? true;
+    const existing = singleton
+      ? allWidgets(layout).find((ref) => ref.widgetId === widgetId)
+      : undefined;
+    if (existing) {
+      this.focusTab(existing.instanceId);
+      return existing.instanceId;
+    }
+    const instanceId = singleton ? widgetId : `${widgetId}#${Date.now().toString(36)}`;
+    const slot: SlotId = descriptor?.defaultSlot ?? 'leftTop';
+    await this.apply(
+      {
+        type: 'add',
+        ref: { instanceId, widgetId },
+        location: location ?? { kind: 'slot', slot, index: layout.slots[slot].stack.tabs.length },
+      },
+      `Open ${descriptor?.title ?? widgetId}`,
+    );
+    if (!location) this.showSlot(slot, true);
+    return instanceId;
+  }
+
+  async close(instanceId: string): Promise<void> {
+    const found = findWidget(this._layout.get(), instanceId);
+    if (!found) return;
+    await this.apply(
+      { type: 'remove', instanceId },
+      `Close ${this._descriptor(found.ref.widgetId)?.title ?? instanceId}`,
+    );
+  }
+
+  /** Moves a widget into a new floating window at `rect`. */
+  async float(
+    instanceId: string,
+    rect: { x: number; y: number; width: number; height: number },
+  ): Promise<void> {
+    await this.apply(
+      {
+        type: 'move',
+        instanceId,
+        location: { kind: 'float', floatId: this._newFloatId(), index: 0, rect },
+      },
+      'Float panel',
+    );
+  }
+
+  /** Stores the current layout under a name and makes it the active one. */
+  async saveAs(name: string): Promise<void> {
+    await this._persist(name);
+    await this._options.settings.set(CoreSettings.layoutActive, name, this._scope());
+  }
+
+  /** Switches to a saved layout. */
+  async switchTo(name: string): Promise<void> {
+    const saved = this._saved()[name];
+    const layout = saved === undefined ? undefined : deserializeLayout(saved);
+    if (!layout) throw new LayoutError(`No saved layout "${name}"`);
+    await this._options.settings.set(CoreSettings.layoutActive, name, this._scope());
+    this._set(this._reconcile(layout), { save: false });
+    await this._history.stack.clear();
+  }
+
+  /** Back to the default layout of the installed widgets. */
+  async reset(): Promise<void> {
+    this._set(composeDefaultLayout(this._widgets()));
+    await this._history.stack.clear();
+  }
+
+  get savedNames(): string[] {
+    return Object.keys(this._saved()).sort();
+  }
+
+  dispose(): void {
+    if (this._saveTimer) {
+      clearTimeout(this._saveTimer);
+      void this._persist(this._activeName());
+    }
+    this._store.dispose();
+  }
+
+  private _navigate(op: LayoutOp): void {
+    try {
+      this._set(reduce(this._layout.get(), op).layout);
+    } catch (error) {
+      this._options.logger?.warn('Ignored layout navigation', error);
+    }
+  }
+
+  private _set(layout: Layout, options: { save?: boolean } = {}): void {
+    this._layout.set(layout);
+    if (options.save === false) return;
+    clearTimeout(this._saveTimer);
+    this._saveTimer = setTimeout(() => {
+      this._saveTimer = undefined;
+      this._persist(this._activeName()).catch((error: unknown) =>
+        this._options.logger?.error('Saving the layout failed', error),
+      );
+    }, SAVE_DELAY_MS);
+  }
+
+  private async _persist(name: string): Promise<void> {
+    const saved = {
+      ...this._saved(),
+      [name]: JSON.parse(serializeLayout(this._layout.get())) as unknown,
+    };
+    await this._options.settings.set(CoreSettings.layoutSaved, saved, this._scope());
+  }
+
+  private _load(): Layout {
+    const saved = this._saved()[this._activeName()];
+    const layout = saved === undefined ? undefined : deserializeLayout(saved);
+    return layout ? this._reconcile(layout) : composeDefaultLayout(this._widgets());
+  }
+
+  private _reconcile(layout: Layout): Layout {
+    const known = new Set([...layout.screens, ...allWidgets(layout).map((ref) => ref.widgetId)]);
+    return reconcileLayout(layout, this._widgets(), known);
+  }
+
+  /** Layouts follow the project when one is open, the user otherwise. */
+  private _scope(): WritableScope {
+    return this._options.settings.hasStore('projectLocal') ? 'projectLocal' : 'account';
+  }
+
+  private _saved(): Record<string, unknown> {
+    return this._options.settings.get(CoreSettings.layoutSaved) as Record<string, unknown>;
+  }
+
+  private _activeName(): string {
+    return this._options.settings.get(CoreSettings.layoutActive);
+  }
+
+  private _widgets(): WidgetDescriptor[] {
+    return this._options.extensions.getValues(WIDGETS);
+  }
+
+  private _descriptor(widgetId: string): WidgetDescriptor | undefined {
+    return this._widgets().find((widget) => widget.id === widgetId);
+  }
+
+  private _newFloatId(): string {
+    const ids = new Set(this._layout.get().floats.map((float) => float.id));
+    let id: string;
+    do id = `float-${Date.now().toString(36)}-${this._floatCounter++}`;
+    while (ids.has(id));
+    return id;
+  }
+}
+
+export const LayoutControllerToken = createToken<LayoutController>('ui.layout');
diff --git a/packages/ui/src/workbench/layout/layout-controller.type.ts b/packages/ui/src/workbench/layout/layout-controller.type.ts
new file mode 100644
index 00000000..da6e30db
--- /dev/null
+++ b/packages/ui/src/workbench/layout/layout-controller.type.ts
@@ -0,0 +1,10 @@
+import type { HistoryService } from '@nanoforge-dev/editor-history';
+import type { ExtensionRegistry, Logger } from '@nanoforge-dev/editor-kernel';
+import type { SettingsService } from '@nanoforge-dev/editor-settings';
+
+export interface LayoutControllerOptions {
+  readonly extensions: ExtensionRegistry;
+  readonly history: HistoryService;
+  readonly settings: SettingsService;
+  readonly logger?: Logger;
+}
diff --git a/packages/ui/src/workbench/menu/index.ts b/packages/ui/src/workbench/menu/index.ts
new file mode 100644
index 00000000..74e4d6cb
--- /dev/null
+++ b/packages/ui/src/workbench/menu/index.ts
@@ -0,0 +1 @@
+export * from './resolve-menu';
diff --git a/packages/ui/src/workbench/menu/resolve-menu.ts b/packages/ui/src/workbench/menu/resolve-menu.ts
new file mode 100644
index 00000000..edcd4b9f
--- /dev/null
+++ b/packages/ui/src/workbench/menu/resolve-menu.ts
@@ -0,0 +1,76 @@
+import {
+  COMMAND_METADATA,
+  type CommandRegistry,
+  type ContextKeyService,
+  type ExtensionRegistry,
+  type Logger,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { MenuEntry } from '../../components/menu-entry.type';
+import { MENU_ITEMS, type MenuItem } from '../extension-point/menu.extension-point';
+import type { KeybindingService } from '../keybinding/keybinding-service';
+import { formatKeybinding } from '../keybinding/keystroke';
+
+export interface MenuContext {
+  readonly extensions: ExtensionRegistry;
+  readonly commands: CommandRegistry;
+  readonly contextKeys: ContextKeyService;
+  readonly keybindings?: KeybindingService;
+  readonly logger?: Logger;
+}
+
+/** Title of a command: its runtime registration, else its manifest metadata, else its id. */
+export const commandTitle = (context: MenuContext, command: string): string =>
+  context.commands.get(command)?.title ??
+  context.extensions.getValues(COMMAND_METADATA).find((metadata) => metadata.id === command)
+    ?.title ??
+  command;
+
+/**
+ * Menu entries of a menu id: contributed items passing their `when`, grouped (separators
+ * between groups) and sorted by order.
+ */
+export const resolveMenu = (context: MenuContext, menu: string, depth = 0): MenuEntry[] => {
+  if (depth > 5) return [];
+  const items = context.extensions
+    .getValues(MENU_ITEMS)
+    .filter((item) => item.menu === menu && context.contextKeys.evaluate(item.when));
+  const groups = new Map<string, MenuItem[]>();
+  for (const item of items) groups.set(item.group, [...(groups.get(item.group) ?? []), item]);
+  const entries: MenuEntry[] = [];
+  const sortedGroups = [...groups.entries()].sort(([a], [b]) =>
+    a === 'main' ? -1 : b === 'main' ? 1 : a.localeCompare(b),
+  );
+  for (const [, group] of sortedGroups) {
+    if (entries.length) entries.push({ kind: 'separator' });
+    for (const item of group.sort((a, b) => a.order - b.order)) {
+      if (item.submenu) {
+        entries.push({
+          kind: 'submenu',
+          label: item.title ?? item.submenu,
+          items: resolveMenu(context, item.submenu, depth + 1),
+        });
+        continue;
+      }
+      if (!item.command) continue;
+      const command = item.command;
+      const key = context.keybindings?.keyFor(command, item.args);
+      entries.push({
+        kind: 'item',
+        id: `${menu}:${command}:${entries.length}`,
+        label: item.title ?? commandTitle(context, command),
+        ...(item.icon && { icon: item.icon }),
+        ...(key && { shortcut: formatKeybinding(key) }),
+        disabled: context.commands.has(command) && !context.commands.isEnabled(command),
+        onSelect: () => {
+          context.commands
+            .execute(command, ...item.args)
+            .catch((error: unknown) =>
+              context.logger?.error(`Menu command ${command} failed`, error),
+            );
+        },
+      });
+    }
+  }
+  return entries;
+};
diff --git a/packages/ui/src/workbench/notification/index.ts b/packages/ui/src/workbench/notification/index.ts
new file mode 100644
index 00000000..5ce85c27
--- /dev/null
+++ b/packages/ui/src/workbench/notification/index.ts
@@ -0,0 +1 @@
+export * from './notification-service';
diff --git a/packages/ui/src/workbench/notification/notification-service.ts b/packages/ui/src/workbench/notification/notification-service.ts
new file mode 100644
index 00000000..cc21ddfc
--- /dev/null
+++ b/packages/ui/src/workbench/notification/notification-service.ts
@@ -0,0 +1,71 @@
+import { type Observable, ObservableValue, createToken } from '@nanoforge-dev/editor-kernel';
+
+export type Severity = 'info' | 'success' | 'warning' | 'error';
+
+export interface NotificationAction {
+  readonly title: string;
+  readonly run: () => void | Promise<void>;
+}
+
+export interface Notification {
+  readonly id: number;
+  readonly severity: Severity;
+  readonly message: string;
+  readonly detail?: string;
+  readonly actions: readonly NotificationAction[];
+  readonly source?: string;
+  readonly time: number;
+}
+
+export interface NotifyOptions {
+  readonly detail?: string;
+  readonly actions?: readonly NotificationAction[];
+  readonly source?: string;
+  /** Auto dismiss delay in ms; errors stay until dismissed. Default 5000 (0 = sticky). */
+  readonly timeout?: number;
+}
+
+/** Toasts and the notification center history. */
+export class NotificationService {
+  private readonly _active = new ObservableValue<readonly Notification[]>([]);
+  private readonly _history = new ObservableValue<readonly Notification[]>([]);
+  private _nextId = 1;
+
+  /** Notifications currently shown as toasts. */
+  get active(): Observable<readonly Notification[]> {
+    return this._active.readonly();
+  }
+
+  /** Every notification of the session (notification center). */
+  get history(): Observable<readonly Notification[]> {
+    return this._history.readonly();
+  }
+
+  notify(severity: Severity, message: string, options: NotifyOptions = {}): { dismiss(): void } {
+    const notification: Notification = {
+      id: this._nextId++,
+      severity,
+      message,
+      actions: options.actions ?? [],
+      time: Date.now(),
+      ...(options.detail && { detail: options.detail }),
+      ...(options.source && { source: options.source }),
+    };
+    this._active.update((list) => [...list, notification]);
+    this._history.update((list) => [notification, ...list].slice(0, 200));
+    const timeout = options.timeout ?? (severity === 'error' ? 0 : 5000);
+    const dismiss = () => this.dismiss(notification.id);
+    if (timeout > 0) setTimeout(dismiss, timeout);
+    return { dismiss };
+  }
+
+  dismiss(id: number): void {
+    this._active.update((list) => list.filter((notification) => notification.id !== id));
+  }
+
+  clearHistory(): void {
+    this._history.set([]);
+  }
+}
+
+export const NotificationServiceToken = createToken<NotificationService>('ui.notifications');
diff --git a/packages/ui/src/workbench/parts/DockStack.svelte b/packages/ui/src/workbench/parts/DockStack.svelte
new file mode 100644
index 00000000..73e3275c
--- /dev/null
+++ b/packages/ui/src/workbench/parts/DockStack.svelte
@@ -0,0 +1,351 @@
+<script lang="ts">
+  import type { SlotId, TabStack } from '@nanoforge-dev/editor-layout';
+  import type { Snippet } from 'svelte';
+
+  import ContextMenu from '../../components/context-menu.svelte';
+  import Icon from '../../components/icon.svelte';
+  import IconButton from '../../components/icon-button.svelte';
+  import Menu from '../../components/menu.svelte';
+  import { getWorkbenchContext } from '../workbench-context';
+  import type { DropTarget } from '../layout/drag-controller';
+  import WidgetHost from './WidgetHost.svelte';
+  import { tabMenu } from './tab-menu';
+
+  interface Props {
+    stack: TabStack;
+    /** A dock slot: its tabs are icons in a stripe, the stack shows the active one's header. */
+    slot?: SlotId;
+    floatId?: string;
+    /** Extra controls at the start of the tab strip (float grip). */
+    leading?: Snippet;
+  }
+
+  const { stack, slot, floatId, leading }: Props = $props();
+  const { workbench, layout, drag, logger } = getWorkbenchContext();
+  const current = layout.layout;
+
+  let strip = $state<HTMLElement>();
+  let overflowing = $state(false);
+  $effect(() => {
+    const element = strip;
+    if (!element) return;
+    const measure = () => (overflowing = element.scrollWidth > element.clientWidth + 1);
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    void contains;
+    measure();
+    return () => observer.disconnect();
+  });
+  $effect(() => {
+    const active = stack.active;
+    if (!strip || !active) return;
+    strip
+      .querySelector(`[data-instance="${CSS.escape(active)}"]`)
+      ?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+  });
+
+  let visited = $state(new Set<string>());
+  $effect(() => {
+    if (stack.active && !visited.has(stack.active)) visited = new Set([...visited, stack.active]);
+  });
+  const contains = $derived(stack.tabs.map((tab) => tab.instanceId).join(' '));
+
+  const title = (widgetId: string) => workbench.descriptor(widgetId)?.title ?? widgetId;
+  const icon = (widgetId: string) => workbench.descriptor(widgetId)?.icon;
+  const run = (promise: Promise<unknown>) =>
+    promise.catch((error: unknown) => logger.error('Layout change failed', error));
+
+  const onDrop = (instanceId: string) => (target: DropTarget, x: number, y: number) => {
+    if (target.kind === 'float') {
+      run(layout.float(instanceId, { x: x - 40, y: y - 12, width: 360, height: 280 }));
+    } else {
+      run(
+        layout
+          .apply(
+            { type: 'move', instanceId, location: target.location },
+            `Move ${title(instanceId)}`,
+          )
+          .then(() => layout.focusTab(instanceId)),
+      );
+    }
+  };
+
+  const menu = (instanceId: string) =>
+    tabMenu(
+      layout,
+      instanceId,
+      title(stack.tabs.find((t) => t.instanceId === instanceId)?.widgetId ?? instanceId),
+      run,
+    );
+  const active = $derived(stack.tabs.find((tab) => tab.instanceId === stack.active));
+</script>
+
+<section class="stack" aria-label={active ? title(active.widgetId) : 'Empty panel'}>
+  {#if slot}
+    <div
+      class="head tool"
+      data-nf-drop="stack"
+      data-slot={slot}
+      data-count={stack.tabs.length}
+      data-contains={contains}
+    >
+      {#if active}
+        {@const activeTab = active}
+        <ContextMenu items={() => menu(activeTab.instanceId)}>
+          <div
+            class="tool-title"
+            role="presentation"
+            onpointerdown={(event) =>
+              drag.begin(
+                event,
+                activeTab.instanceId,
+                title(activeTab.widgetId),
+                onDrop(activeTab.instanceId),
+              )}
+          >
+            <h2>{title(activeTab.widgetId)}</h2>
+          </div>
+        </ContextMenu>
+        <Menu align="end" items={menu(activeTab.instanceId)}>
+          {#snippet trigger({ props })}
+            <IconButton
+              {...props}
+              icon="ellipsis-vertical"
+              label="{title(activeTab.widgetId)} options"
+              size={14}
+            />
+          {/snippet}
+        </Menu>
+        <IconButton
+          icon="minus"
+          label="Hide {title(activeTab.widgetId)}"
+          size={14}
+          onclick={() => layout.showSlot(slot, false)}
+        />
+      {/if}
+    </div>
+  {:else}
+    <div class="head">
+      <div
+        class="strip"
+        role="tablist"
+        bind:this={strip}
+        onwheel={(event) => {
+          if (!overflowing || event.deltaX || !strip) return;
+          strip.scrollLeft += event.deltaY;
+        }}
+        data-nf-drop="stack"
+        data-slot={slot}
+        data-float={floatId}
+        data-count={stack.tabs.length}
+        data-contains={contains}
+      >
+        {@render leading?.()}
+        {#each stack.tabs as tab, index (tab.instanceId)}
+          <ContextMenu items={() => menu(tab.instanceId)}>
+            <div
+              class="tab"
+              class:active={tab.instanceId === stack.active}
+              role="tab"
+              tabindex={tab.instanceId === stack.active ? 0 : -1}
+              aria-selected={tab.instanceId === stack.active}
+              data-nf-drop="tab"
+              data-slot={slot}
+              data-float={floatId}
+              data-index={index}
+              data-contains={contains}
+              data-instance={tab.instanceId}
+              onpointerdown={(event) => {
+                if ((event.target as HTMLElement).closest('.close')) return;
+                drag.begin(event, tab.instanceId, title(tab.widgetId), onDrop(tab.instanceId));
+              }}
+              onclick={() => layout.focusTab(tab.instanceId)}
+              onauxclick={(event) => event.button === 1 && run(layout.close(tab.instanceId))}
+              onkeydown={(event) => {
+                if (event.key === 'Enter' || event.key === ' ') layout.focusTab(tab.instanceId);
+                else if (event.key === 'Delete') run(layout.close(tab.instanceId));
+              }}
+            >
+              {#if icon(tab.widgetId)}<Icon name={icon(tab.widgetId)} size={14} />{/if}
+              <span class="title">{title(tab.widgetId)}</span>
+              <button
+                type="button"
+                class="close"
+                tabindex="-1"
+                aria-label="Close {title(tab.widgetId)}"
+                onclick={(event) => {
+                  event.stopPropagation();
+                  run(layout.close(tab.instanceId));
+                }}
+              >
+                <Icon name="x" size={12} />
+              </button>
+            </div>
+          </ContextMenu>
+        {/each}
+      </div>
+      {#if overflowing}
+        <Menu
+          align="end"
+          items={stack.tabs.map((tab) => ({
+            kind: 'item' as const,
+            id: tab.instanceId,
+            label: title(tab.widgetId),
+            ...(icon(tab.widgetId) && { icon: icon(tab.widgetId) }),
+            onSelect: () => layout.focusTab(tab.instanceId),
+          }))}
+        >
+          {#snippet trigger({ props })}
+            <button {...props} type="button" class="more" aria-label="Show all tabs">
+              <Icon name="chevron-down" size={14} />
+            </button>
+          {/snippet}
+        </Menu>
+      {/if}
+    </div>
+  {/if}
+  <div
+    class="body"
+    data-nf-drop="stack"
+    data-slot={slot}
+    data-float={floatId}
+    data-count={stack.tabs.length}
+    data-contains={contains}
+  >
+    {#each stack.tabs as tab (tab.instanceId)}
+      {#if visited.has(tab.instanceId) && tab.instanceId !== $current.maximized}
+        <WidgetHost
+          ref={tab}
+          active={tab.instanceId === stack.active}
+          onclose={() => run(layout.close(tab.instanceId))}
+        />
+      {/if}
+    {/each}
+  </div>
+</section>
+
+<style>
+  .stack {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    background: var(--nf-color-surface);
+  }
+  .head {
+    display: flex;
+    flex: none;
+    height: 28px;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .tool {
+    align-items: center;
+    gap: 2px;
+    height: 32px;
+    padding-right: 4px;
+  }
+  .tool :global(.icon-button) {
+    width: 24px;
+    height: 24px;
+  }
+  .tool :global(.nf-context-area) {
+    display: flex;
+    flex: 1;
+    align-self: stretch;
+    min-width: 0;
+  }
+  .tool-title {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    min-width: 0;
+    padding: 0 10px;
+    user-select: none;
+    touch-action: none;
+  }
+  h2 {
+    margin: 0;
+    overflow: hidden;
+    font-size: inherit;
+    font-weight: 600;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .strip {
+    display: flex;
+    align-items: stretch;
+    flex: 1;
+    min-width: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+    scrollbar-width: none;
+  }
+  .more {
+    display: grid;
+    flex: none;
+    place-items: center;
+    width: 24px;
+    padding: 0;
+    border: 0;
+    border-left: 1px solid var(--nf-color-border);
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .more:hover {
+    background: var(--nf-color-hover);
+    color: var(--nf-color-text);
+  }
+  .tab {
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    max-width: 200px;
+    padding: 0 4px 0 10px;
+    color: var(--nf-color-text-muted);
+    border-right: 1px solid var(--nf-color-border);
+    cursor: default;
+    user-select: none;
+    touch-action: none;
+  }
+  .tab:hover {
+    color: var(--nf-color-text);
+  }
+  .active {
+    background: var(--nf-color-raised);
+    color: var(--nf-color-text);
+    box-shadow: inset 0 2px 0 var(--nf-color-accent);
+  }
+  .title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .close {
+    display: grid;
+    place-items: center;
+    width: 18px;
+    height: 18px;
+    padding: 0;
+    border: 0;
+    border-radius: 2px;
+    background: transparent;
+    color: inherit;
+    opacity: 0;
+    cursor: pointer;
+  }
+  .tab:hover .close,
+  .active .close,
+  .close:focus-visible {
+    opacity: 1;
+  }
+  .close:hover {
+    background: var(--nf-color-hover);
+  }
+  .body {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/DragOverlay.svelte b/packages/ui/src/workbench/parts/DragOverlay.svelte
new file mode 100644
index 00000000..f24c479b
--- /dev/null
+++ b/packages/ui/src/workbench/parts/DragOverlay.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { getWorkbenchContext } from '../workbench-context';
+
+  const { drag } = getWorkbenchContext();
+  const dragging = drag.state;
+</script>
+
+{#if $dragging}
+  {#if $dragging.target}
+    {@const rect = $dragging.target.rect}
+    <div
+      class="zone"
+      class:float={$dragging.target.kind === 'float'}
+      style:left="{rect.left}px"
+      style:top="{rect.top}px"
+      style:width="{rect.width}px"
+      style:height="{rect.height}px"
+    ></div>
+  {/if}
+  <div class="ghost" style:left="{$dragging.x + 12}px" style:top="{$dragging.y + 8}px">
+    {$dragging.title}
+  </div>
+{/if}
+
+<style>
+  .zone {
+    position: fixed;
+    z-index: var(--nf-z-menu);
+    border: 2px solid var(--nf-color-focus);
+    border-radius: var(--nf-radius-control);
+    background: color-mix(in srgb, var(--nf-color-focus) 14%, transparent);
+    pointer-events: none;
+  }
+  .float {
+    border-style: dashed;
+  }
+  .ghost {
+    position: fixed;
+    z-index: var(--nf-z-menu);
+    padding: 3px 8px;
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-raised);
+    box-shadow: var(--nf-shadow-float);
+    pointer-events: none;
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/FloatWindow.svelte b/packages/ui/src/workbench/parts/FloatWindow.svelte
new file mode 100644
index 00000000..f61fa49f
--- /dev/null
+++ b/packages/ui/src/workbench/parts/FloatWindow.svelte
@@ -0,0 +1,133 @@
+<script lang="ts">
+  import type { FloatWindow } from '@nanoforge-dev/editor-layout';
+
+  import Icon from '../../components/icon.svelte';
+  import { getWorkbenchContext } from '../workbench-context';
+  import DockStack from './DockStack.svelte';
+
+  const { float }: { float: FloatWindow } = $props();
+  const { layout, logger } = getWorkbenchContext();
+
+  let preview = $state<{ x: number; y: number; width: number; height: number }>();
+  let innerWidth = $state(Infinity);
+  let innerHeight = $state(Infinity);
+  /** How much of a window stays on screen however it was moved or the window resized. */
+  const KEEP = { x: 80, y: 40 };
+  const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));
+  /**
+   * Where the window is shown: its saved place, kept within reach (a window moved off the edge,
+   * or saved on a larger screen, could otherwise only come back with Reset layout).
+   */
+  const rect = $derived.by(() => {
+    const shown = preview ?? float;
+    return {
+      ...shown,
+      x: clamp(shown.x, KEEP.x - shown.width, innerWidth - KEEP.x),
+      y: clamp(shown.y, 0, innerHeight - KEEP.y),
+    };
+  });
+
+  const track = (event: PointerEvent, mode: 'move' | 'resize') => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    const target = event.currentTarget as HTMLElement;
+    target.setPointerCapture(event.pointerId);
+    const start = {
+      x: event.clientX,
+      y: event.clientY,
+      rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height },
+    };
+    const move = (e: PointerEvent) => {
+      const dx = e.clientX - start.x;
+      const dy = e.clientY - start.y;
+      preview =
+        mode === 'move'
+          ? { ...start.rect, x: start.rect.x + dx, y: Math.max(0, start.rect.y + dy) }
+          : { ...start.rect, width: start.rect.width + dx, height: start.rect.height + dy };
+    };
+    const up = () => {
+      target.removeEventListener('pointermove', move);
+      target.removeEventListener('pointerup', up);
+      target.removeEventListener('pointercancel', up);
+      const final = preview && rect;
+      preview = undefined;
+      if (final) {
+        layout
+          .apply(
+            { type: 'setFloatRect', floatId: float.id, rect: final },
+            mode === 'move' ? 'Move window' : 'Resize window',
+          )
+          .catch((error: unknown) => logger.error('Window change failed', error));
+      }
+    };
+    target.addEventListener('pointermove', move);
+    target.addEventListener('pointerup', up);
+    target.addEventListener('pointercancel', up);
+  };
+</script>
+
+<svelte:window bind:innerWidth bind:innerHeight />
+
+<div
+  class="float"
+  role="dialog"
+  aria-label="Floating panel"
+  data-float-id={float.id}
+  style:left="{rect.x}px"
+  style:top="{rect.y}px"
+  style:width="{rect.width}px"
+  style:height="{rect.height}px"
+  style:z-index={100 + float.z}
+  onpointerdowncapture={() => layout.raise(float.id)}
+>
+  <DockStack stack={float.stack} floatId={float.id}>
+    {#snippet leading()}
+      <span
+        class="grip"
+        role="presentation"
+        title="Move window"
+        onpointerdown={(event) => track(event, 'move')}
+      >
+        <Icon name="grip-vertical" size={14} />
+      </span>
+    {/snippet}
+  </DockStack>
+  <span
+    class="resize"
+    role="presentation"
+    title="Resize window"
+    onpointerdown={(event) => track(event, 'resize')}
+  ></span>
+</div>
+
+<style>
+  .float {
+    position: absolute;
+    overflow: hidden;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: var(--nf-radius-float);
+    box-shadow: var(--nf-shadow-float);
+  }
+  .grip {
+    display: grid;
+    place-items: center;
+    width: 22px;
+    flex: none;
+    color: var(--nf-color-text-faint);
+    cursor: move;
+    touch-action: none;
+  }
+  .grip:hover {
+    color: var(--nf-color-text);
+  }
+  .resize {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 14px;
+    height: 14px;
+    cursor: nwse-resize;
+    touch-action: none;
+    background: linear-gradient(135deg, transparent 50%, var(--nf-color-border-strong) 50%);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/MenuBarMenu.svelte b/packages/ui/src/workbench/parts/MenuBarMenu.svelte
new file mode 100644
index 00000000..9df3f182
--- /dev/null
+++ b/packages/ui/src/workbench/parts/MenuBarMenu.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+  import Menu from '../../components/menu.svelte';
+  import type { MenuEntry } from '../../components/menu-entry.type';
+  import { getWorkbenchContext } from '../workbench-context';
+  import { resolveMenu } from '../menu/resolve-menu';
+
+  const { id, title }: { id: string; title: string } = $props();
+  const context = getWorkbenchContext();
+  let open = $state(false);
+  let items = $state<MenuEntry[]>([]);
+
+  $effect(() => {
+    if (open) items = resolveMenu(context, id);
+  });
+</script>
+
+<Menu bind:open {items}>
+  {#snippet trigger({ props })}
+    <button type="button" class="menu-button" {...props}>{title}</button>
+  {/snippet}
+</Menu>
+
+<style>
+  .menu-button {
+    height: 24px;
+    padding: 0 var(--nf-space-2);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    cursor: default;
+  }
+  .menu-button:hover,
+  .menu-button[data-state='open'] {
+    background: var(--nf-color-hover);
+    color: var(--nf-color-text);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/PromptHost.svelte b/packages/ui/src/workbench/parts/PromptHost.svelte
new file mode 100644
index 00000000..2f21905e
--- /dev/null
+++ b/packages/ui/src/workbench/parts/PromptHost.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+  import Button from '../../components/button.svelte';
+  import Dialog from '../../components/dialog.svelte';
+  import Input from '../../components/input.svelte';
+  import { getWorkbenchContext } from '../workbench-context';
+
+  const { prompts } = getWorkbenchContext();
+  const current = prompts.current;
+  let value = $state('');
+  let open = $state(false);
+
+  $effect(() => {
+    open = !!$current;
+    value = $current?.value ?? '';
+  });
+
+  const error = $derived($current?.validate?.(value));
+  const submit = () => {
+    if (!error && (value.trim() || $current?.optional)) $current?.resolve(value.trim());
+  };
+</script>
+
+{#if $current}
+  <Dialog bind:open title={$current.title} onclose={() => $current?.resolve(undefined)}>
+    <form
+      class="prompt"
+      onsubmit={(event) => {
+        event.preventDefault();
+        submit();
+      }}
+    >
+      <label>
+        <span>{$current.label}</span>
+        <Input bind:value invalid={!!error} autofocus />
+      </label>
+      {#if error}<p class="error" role="alert">{error}</p>{/if}
+      <div class="actions">
+        <Button onclick={() => $current?.resolve(undefined)}>Cancel</Button>
+        <Button
+          variant="primary"
+          type="submit"
+          disabled={!!error || (!value.trim() && !$current?.optional)}
+          >{$current.confirm ?? 'OK'}</Button
+        >
+      </div>
+    </form>
+  </Dialog>
+{/if}
+
+<style>
+  .prompt {
+    display: grid;
+    gap: var(--nf-space-3);
+  }
+  label {
+    display: grid;
+    gap: var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+  }
+  .error {
+    margin: 0;
+    color: var(--nf-color-danger);
+  }
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--nf-space-2);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/StatusBar.svelte b/packages/ui/src/workbench/parts/StatusBar.svelte
new file mode 100644
index 00000000..a1a070cd
--- /dev/null
+++ b/packages/ui/src/workbench/parts/StatusBar.svelte
@@ -0,0 +1,155 @@
+<script lang="ts">
+  import { Popover } from 'bits-ui';
+
+  import Button from '../../components/button.svelte';
+  import Icon from '../../components/icon.svelte';
+  import {
+    STATUS_BAR_ITEMS,
+    type StatusBarItem,
+  } from '../extension-point/status-bar.extension-point';
+  import { getWorkbenchContext } from '../workbench-context';
+  import StatusText from './StatusText.svelte';
+
+  const context = getWorkbenchContext();
+  const items = context.extensions.observe(STATUS_BAR_ITEMS);
+  const history = context.notifications.history;
+
+  /** Bumped when context keys change, so `when` clauses are re-evaluated. */
+  let keys = $state(0);
+  $effect(() => {
+    const subscription = context.contextKeys.onDidChange(() => keys++);
+    return () => subscription.dispose();
+  });
+
+  const side = (list: readonly { value: StatusBarItem }[], alignment: 'left' | 'right') =>
+    list
+      .map((contribution) => contribution.value)
+      .filter((item) => item.alignment === alignment && context.contextKeys.evaluate(item.when))
+      .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+
+  const left = $derived.by(() => {
+    void keys;
+    return side($items, 'left');
+  });
+  const right = $derived.by(() => {
+    void keys;
+    return side($items, 'right');
+  });
+
+  const run = (item: StatusBarItem) =>
+    item.command &&
+    context.commands
+      .execute(item.command)
+      .catch((error: unknown) => context.logger.error(`${item.command} failed`, error));
+
+  const time = (value: number) =>
+    new Date(value).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+</script>
+
+<footer class="status">
+  <div class="side">
+    {#each left as item (item.id)}
+      <StatusText {item} onclick={() => run(item)} />
+    {/each}
+  </div>
+  <div class="side">
+    {#each right as item (item.id)}
+      <StatusText {item} onclick={() => run(item)} />
+    {/each}
+    <Popover.Root>
+      <Popover.Trigger class="status-button" aria-label="Notifications ({$history.length})">
+        <Icon name="info" size={13} />
+        {#if $history.length}<span>{$history.length}</span>{/if}
+      </Popover.Trigger>
+      <Popover.Portal>
+        <Popover.Content
+          class="nf-popover notification-center"
+          side="top"
+          align="end"
+          sideOffset={6}
+        >
+          <header>
+            <strong>Notifications</strong>
+            <Button
+              size="sm"
+              variant="ghost"
+              disabled={!$history.length}
+              onclick={() => context.notifications.clearHistory()}>Clear</Button
+            >
+          </header>
+          {#each $history as notification (notification.id)}
+            <p class="entry {notification.severity}">
+              <time>{time(notification.time)}</time>
+              {notification.message}
+            </p>
+          {:else}
+            <p class="none">No notifications</p>
+          {/each}
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
+  </div>
+</footer>
+
+<style>
+  .status {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 24px;
+    padding: 0 var(--nf-space-2);
+    border-top: 1px solid var(--nf-color-border);
+    background: var(--nf-color-bg);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .side {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    height: 100%;
+  }
+  :global(.status-button) {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    height: 20px;
+    padding: 0 6px;
+    border: 0;
+    border-radius: 2px;
+    background: transparent;
+    color: inherit;
+    font-size: inherit;
+    cursor: pointer;
+  }
+  :global(.status-button:hover) {
+    background: var(--nf-color-hover);
+    color: var(--nf-color-text);
+  }
+  :global(.notification-center) {
+    width: 360px;
+  }
+  :global(.notification-center header) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 4px 6px;
+  }
+  :global(.notification-center .entry) {
+    margin: 0;
+    padding: 6px 4px;
+    border-top: 1px solid var(--nf-color-border);
+  }
+  :global(.notification-center .error) {
+    color: var(--nf-color-danger);
+  }
+  :global(.notification-center time) {
+    margin-right: 6px;
+    color: var(--nf-color-text-faint);
+  }
+  :global(.notification-center .none) {
+    margin: 0;
+    padding: 6px 4px;
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/StatusText.svelte b/packages/ui/src/workbench/parts/StatusText.svelte
new file mode 100644
index 00000000..a752edcf
--- /dev/null
+++ b/packages/ui/src/workbench/parts/StatusText.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { StatusBarItem } from '../extension-point/status-bar.extension-point';
+
+  const { item, onclick }: { item: StatusBarItem; onclick: () => void } = $props();
+  const text = $derived(item.text);
+</script>
+
+{#if item.command}
+  <button type="button" class="status-button" title={item.tooltip} {onclick}>{$text}</button>
+{:else}
+  <span class="text" title={item.tooltip}>{$text}</span>
+{/if}
+
+<style>
+  .text {
+    padding: 0 6px;
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/ToolStripe.svelte b/packages/ui/src/workbench/parts/ToolStripe.svelte
new file mode 100644
index 00000000..6935b521
--- /dev/null
+++ b/packages/ui/src/workbench/parts/ToolStripe.svelte
@@ -0,0 +1,173 @@
+<script lang="ts">
+  import { type Layout, type SlotId, isSlotVisible } from '@nanoforge-dev/editor-layout';
+
+  import ContextMenu from '../../components/context-menu.svelte';
+  import Icon from '../../components/icon.svelte';
+  import Tooltip from '../../components/tooltip.svelte';
+  import { getWorkbenchContext } from '../workbench-context';
+  import type { DropTarget } from '../layout/drag-controller';
+  import { SLOT_LABELS, tabMenu } from './tab-menu';
+
+  interface Props {
+    layout: Layout;
+    side: 'left' | 'right';
+  }
+
+  const { layout: current, side }: Props = $props();
+  const { workbench, layout, drag, logger } = getWorkbenchContext();
+
+  const groups = $derived<SlotId[]>(
+    side === 'left'
+      ? ['leftTop', 'leftBottom', 'bottom']
+      : ['rightTop', 'rightBottom', 'bottomRight'],
+  );
+
+  const title = (widgetId: string) => workbench.descriptor(widgetId)?.title ?? widgetId;
+  const icon = (widgetId: string) => workbench.descriptor(widgetId)?.icon;
+  const run = (promise: Promise<unknown>) =>
+    promise.catch((error: unknown) => logger.error('Layout change failed', error));
+
+  const onDrop = (instanceId: string) => (target: DropTarget, x: number, y: number) => {
+    if (target.kind === 'float') {
+      run(layout.float(instanceId, { x: x - 40, y: y - 12, width: 360, height: 280 }));
+    } else {
+      run(
+        layout
+          .apply(
+            { type: 'move', instanceId, location: target.location },
+            `Move ${title(instanceId)}`,
+          )
+          .then(() => layout.focusTab(instanceId)),
+      );
+    }
+  };
+
+  type Handler = ((event: Event) => void) | undefined;
+</script>
+
+{#snippet group(slot: SlotId)}
+  {@const stack = current.slots[slot].stack}
+  {@const shown = isSlotVisible(current, slot)}
+  {@const contains = stack.tabs.map((tab) => tab.instanceId).join(' ')}
+  <div
+    class="group"
+    class:foot={slot === 'bottom' || slot === 'bottomRight'}
+    role="tablist"
+    aria-orientation="vertical"
+    aria-label="{SLOT_LABELS[slot]} panels"
+    data-nf-drop="stack"
+    data-slot={slot}
+    data-count={stack.tabs.length}
+    data-contains={contains}
+  >
+    {#each stack.tabs as tab, index (tab.instanceId)}
+      {@const selected = shown && tab.instanceId === stack.active}
+      <ContextMenu items={() => tabMenu(layout, tab.instanceId, title(tab.widgetId), run)}>
+        <Tooltip text={title(tab.widgetId)} side={side === 'left' ? 'right' : 'left'}>
+          {#snippet children({ props })}
+            <div
+              {...props}
+              class="tool"
+              class:selected
+              role="tab"
+              tabindex={tab.instanceId === stack.active ? 0 : -1}
+              aria-label={title(tab.widgetId)}
+              aria-selected={selected}
+              data-nf-drop="tab"
+              data-axis="y"
+              data-slot={slot}
+              data-index={index}
+              data-contains={contains}
+              data-instance={tab.instanceId}
+              onpointerdown={(event) => {
+                (props.onpointerdown as Handler)?.(event);
+                drag.begin(event, tab.instanceId, title(tab.widgetId), onDrop(tab.instanceId));
+              }}
+              onclick={(event) => {
+                (props.onclick as Handler)?.(event);
+                layout.toggleTool(tab.instanceId);
+              }}
+              onauxclick={(event) => event.button === 1 && run(layout.close(tab.instanceId))}
+              onkeydown={(event) => {
+                if (event.key === 'Enter' || event.key === ' ') {
+                  event.preventDefault();
+                  layout.toggleTool(tab.instanceId);
+                } else if (event.key === 'Delete') run(layout.close(tab.instanceId));
+              }}
+            >
+              <Icon name={icon(tab.widgetId)} size={18} />
+            </div>
+          {/snippet}
+        </Tooltip>
+      </ContextMenu>
+    {/each}
+  </div>
+{/snippet}
+
+<nav class="stripe {side}" aria-label="{side === 'left' ? 'Left' : 'Right'} tool windows">
+  {@render group(groups[0]!)}
+  {#if current.slots[groups[0]!].stack.tabs.length && current.slots[groups[1]!].stack.tabs.length}
+    <hr />
+  {/if}
+  {@render group(groups[1]!)}
+  <div class="spacer"></div>
+  {@render group(groups[2]!)}
+</nav>
+
+<style>
+  .stripe {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    align-items: center;
+    width: 40px;
+    padding: 6px 0;
+    background: var(--nf-color-bg);
+  }
+  .left {
+    border-right: 1px solid var(--nf-color-border);
+  }
+  .right {
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .group {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+    min-height: 12px;
+  }
+  .spacer {
+    flex: 1;
+  }
+  hr {
+    width: 20px;
+    margin: 6px 0;
+    border: 0;
+    border-top: 1px solid var(--nf-color-border);
+  }
+  .tool {
+    display: grid;
+    place-items: center;
+    width: 30px;
+    height: 30px;
+    border-radius: var(--nf-radius-control);
+    color: var(--nf-color-text-muted);
+    cursor: default;
+    user-select: none;
+    touch-action: none;
+  }
+  .tool:hover {
+    background: var(--nf-color-hover);
+    color: var(--nf-color-text);
+  }
+  .tool:focus-visible {
+    outline: 2px solid var(--nf-color-focus);
+    outline-offset: -2px;
+  }
+  .selected,
+  .selected:hover {
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/TopBar.svelte b/packages/ui/src/workbench/parts/TopBar.svelte
new file mode 100644
index 00000000..bf8e97e1
--- /dev/null
+++ b/packages/ui/src/workbench/parts/TopBar.svelte
@@ -0,0 +1,156 @@
+<script lang="ts">
+  import type { Layout } from '@nanoforge-dev/editor-layout';
+  import type { Snippet } from 'svelte';
+
+  import Icon from '../../components/icon.svelte';
+  import IconButton from '../../components/icon-button.svelte';
+  import { MENU_BAR } from '../extension-point/menu.extension-point';
+  import { TOOLBAR_ITEMS } from '../extension-point/toolbar.extension-point';
+  import { getWorkbenchContext } from '../workbench-context';
+  import MenuBarMenu from './MenuBarMenu.svelte';
+
+  const { layout: current, brand }: { layout: Layout; brand?: Snippet } = $props();
+  const context = getWorkbenchContext();
+  const menuBar = context.extensions.observe(MENU_BAR);
+  const toolbar = context.extensions.observe(TOOLBAR_ITEMS);
+
+  /** Bumped when context keys change, so `when` and `toggled` clauses are re-evaluated. */
+  let keys = $state(0);
+  $effect(() => {
+    const subscription = context.contextKeys.onDidChange(() => keys++);
+    return () => subscription.dispose();
+  });
+  const tools = $derived.by(() => {
+    void keys;
+    return $toolbar
+      .map((contribution) => contribution.value)
+      .filter((item) => context.contextKeys.evaluate(item.when))
+      .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
+      .map((item) => ({
+        item,
+        pressed: item.toggled ? context.contextKeys.evaluate(item.toggled) : undefined,
+      }));
+  });
+
+  const screenTitle = (id: string) => context.workbench.descriptor(id)?.title ?? id;
+  const screenIcon = (id: string) => context.workbench.descriptor(id)?.icon;
+
+  const onkeydown = (event: KeyboardEvent) => {
+    const index = current.screens.indexOf(current.activeScreen ?? '');
+    const delta = event.key === 'ArrowRight' ? 1 : event.key === 'ArrowLeft' ? -1 : 0;
+    if (!delta || index < 0) return;
+    event.preventDefault();
+    const next =
+      current.screens[(index + delta + current.screens.length) % current.screens.length]!;
+    context.layout.showScreen(next);
+    (event.currentTarget as HTMLElement)
+      .querySelector<HTMLElement>(`[data-screen="${CSS.escape(next)}"]`)
+      ?.focus();
+  };
+</script>
+
+<header class="top">
+  <div class="start">
+    {@render brand?.()}
+    <nav class="menus" aria-label="Main menu">
+      {#each [...$menuBar].sort((a, b) => a.value.order - b.value.order) as entry (entry.value.id)}
+        <MenuBarMenu id={entry.value.id} title={entry.value.title} />
+      {/each}
+    </nav>
+  </div>
+
+  <div class="screens" role="tablist" aria-label="Main screens" tabindex="-1" {onkeydown}>
+    {#each current.screens as screen (screen)}
+      <button
+        type="button"
+        role="tab"
+        class="screen"
+        data-screen={screen}
+        aria-selected={current.activeScreen === screen}
+        tabindex={current.activeScreen === screen ? 0 : -1}
+        onclick={() => context.layout.showScreen(screen)}
+      >
+        {#if screenIcon(screen)}<Icon name={screenIcon(screen)} size={15} />{/if}
+        {screenTitle(screen)}
+      </button>
+    {/each}
+  </div>
+
+  <div class="end" role="toolbar" aria-label="Run">
+    {#each tools as { item, pressed } (item.id)}
+      <IconButton
+        icon={item.icon}
+        label={item.title}
+        {pressed}
+        onclick={() =>
+          context.commands
+            .execute(item.command, ...(item.args ?? []))
+            .catch((error: unknown) => context.logger.error(`${item.command} failed`, error))}
+      />
+    {/each}
+  </div>
+</header>
+
+<style>
+  .top {
+    display: grid;
+    /* The sides keep their content; in a narrow window the screens give way and scroll. */
+    grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);
+    align-items: center;
+    height: 36px;
+    padding: 0 var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+    background: var(--nf-color-bg);
+  }
+  .start,
+  .end {
+    display: flex;
+    align-items: center;
+    gap: var(--nf-space-2);
+    min-width: 0;
+  }
+  .end {
+    justify-content: flex-end;
+  }
+  .menus {
+    display: flex;
+  }
+  .screens {
+    display: flex;
+    gap: var(--nf-space-1);
+    height: 100%;
+    min-width: 0;
+    overflow-x: auto;
+    scrollbar-width: none;
+  }
+  .screen {
+    position: relative;
+    flex: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 0 var(--nf-space-3);
+    border: 0;
+    background: transparent;
+    color: var(--nf-color-text-muted);
+    font-weight: 500;
+    cursor: pointer;
+  }
+  .screen:hover {
+    color: var(--nf-color-text);
+  }
+  .screen[aria-selected='true'] {
+    color: var(--nf-color-text);
+  }
+  /* The temper gradient: the one decorative accent of the UI. */
+  .screen[aria-selected='true']::after {
+    content: '';
+    position: absolute;
+    left: var(--nf-space-2);
+    right: var(--nf-space-2);
+    bottom: 0;
+    height: 2px;
+    border-radius: 1px;
+    background: var(--nf-temper);
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/WidgetHost.svelte b/packages/ui/src/workbench/parts/WidgetHost.svelte
new file mode 100644
index 00000000..6c3cf041
--- /dev/null
+++ b/packages/ui/src/workbench/parts/WidgetHost.svelte
@@ -0,0 +1,98 @@
+<script lang="ts">
+  import type { WidgetRef } from '@nanoforge-dev/editor-layout';
+
+  import Button from '../../components/button.svelte';
+  import EmptyState from '../../components/empty-state.svelte';
+  import { getWorkbenchContext } from '../workbench-context';
+
+  interface Props {
+    ref: WidgetRef;
+    active: boolean;
+    onclose?: () => void;
+  }
+
+  const { ref, active, onclose }: Props = $props();
+  const { workbench } = getWorkbenchContext();
+
+  const status = $derived(workbench.view(ref.widgetId));
+  const instance = $derived(workbench.instance(ref));
+
+  $effect(() => {
+    const current = $status;
+    if (current.kind !== 'ready') return;
+    const styles = workbench.useStyles(current.view, current.owner);
+    return () => styles.dispose();
+  });
+
+  const describe = (error: unknown) => (error instanceof Error ? error.message : String(error));
+</script>
+
+<div
+  class="widget"
+  data-nf-widget={ref.widgetId}
+  data-nf-instance={ref.instanceId}
+  data-nf-history={$status.kind === 'ready' ? $status.descriptor.historyContext : undefined}
+  hidden={!active}
+>
+  {#if $status.kind === 'ready'}
+    {@const view = $status.view}
+    <svelte:boundary>
+      {#if view.component}
+        <view.component {instance} />
+      {:else if view.mount}
+        {@const mount = view.mount}
+        <div
+          class="mount"
+          {@attach (element) => {
+            const mounted = mount(element, instance);
+            return () => mounted.dispose();
+          }}
+        ></div>
+      {/if}
+      {#snippet failed(error, reset)}
+        <EmptyState
+          icon="circle-alert"
+          title="This panel stopped working"
+          description={describe(error)}
+        >
+          {#snippet actions()}
+            <Button onclick={reset}>Reload panel</Button>
+          {/snippet}
+        </EmptyState>
+      {/snippet}
+    </svelte:boundary>
+  {:else if $status.kind === 'loading'}
+    <EmptyState title="Loading {$status.descriptor.title}…" />
+  {:else if $status.kind === 'unavailable'}
+    <EmptyState
+      icon="triangle-alert"
+      title="{$status.descriptor.title} is unavailable"
+      description={$status.reason}
+    >
+      {#snippet actions()}
+        <Button onclick={() => workbench.retry(ref.widgetId)}>Try again</Button>
+      {/snippet}
+    </EmptyState>
+  {:else}
+    <EmptyState
+      icon="plug"
+      title="Panel not available"
+      description="It comes from a plugin that is not installed or is disabled ({ref.widgetId})."
+    >
+      {#snippet actions()}
+        {#if onclose}<Button onclick={onclose}>Close panel</Button>{/if}
+      {/snippet}
+    </EmptyState>
+  {/if}
+</div>
+
+<style>
+  .widget {
+    position: absolute;
+    inset: 0;
+    overflow: auto;
+  }
+  .mount {
+    height: 100%;
+  }
+</style>
diff --git a/packages/ui/src/workbench/parts/tab-menu.ts b/packages/ui/src/workbench/parts/tab-menu.ts
new file mode 100644
index 00000000..aedaf095
--- /dev/null
+++ b/packages/ui/src/workbench/parts/tab-menu.ts
@@ -0,0 +1,103 @@
+import { SLOT_IDS, type SlotId, findWidget } from '@nanoforge-dev/editor-layout';
+
+import type { MenuEntry } from '../../components/menu-entry.type';
+import type { LayoutController } from '../layout/layout-controller';
+
+export const SLOT_LABELS: Record<SlotId, string> = {
+  leftTop: 'Left top',
+  leftBottom: 'Left bottom',
+  rightTop: 'Right top',
+  rightBottom: 'Right bottom',
+  bottom: 'Bottom left',
+  bottomRight: 'Bottom right',
+};
+
+/** The menu of a dock tab (stripe icon, panel header, floating window tab). */
+export const tabMenu = (
+  layout: LayoutController,
+  instanceId: string,
+  title: string,
+  run: (promise: Promise<unknown>) => void,
+): MenuEntry[] => {
+  const found = findWidget(layout.current, instanceId);
+  if (!found) return [];
+  const { location } = found;
+  const stack =
+    location.kind === 'slot'
+      ? layout.current.slots[location.slot].stack
+      : layout.current.floats.find((float) => float.id === location.floatId)!.stack;
+  const slot = location.kind === 'slot' ? location.slot : undefined;
+  const maximized = layout.current.maximized === instanceId;
+  return [
+    ...(slot
+      ? [
+          {
+            kind: 'item' as const,
+            id: 'hide',
+            label: 'Hide',
+            onSelect: () => layout.showSlot(slot, false),
+          },
+        ]
+      : []),
+    { kind: 'item', id: 'close', label: 'Close', onSelect: () => run(layout.close(instanceId)) },
+    {
+      kind: 'item',
+      id: 'close-others',
+      label: 'Close others',
+      disabled: stack.tabs.length < 2,
+      onSelect: () =>
+        run(
+          layout.apply(
+            {
+              type: 'batch',
+              ops: stack.tabs
+                .filter((tab) => tab.instanceId !== instanceId)
+                .map((tab) => ({ type: 'remove' as const, instanceId: tab.instanceId })),
+            },
+            'Close other panels',
+          ),
+        ),
+    },
+    { kind: 'separator' },
+    {
+      kind: 'item',
+      id: 'float',
+      label: 'Float',
+      disabled: location.kind === 'float' && stack.tabs.length === 1,
+      onSelect: () => run(layout.float(instanceId, { x: 160, y: 120, width: 420, height: 320 })),
+    },
+    {
+      kind: 'submenu',
+      label: 'Move to',
+      items: SLOT_IDS.filter((target) => target !== slot).map((target) => ({
+        kind: 'item' as const,
+        id: target,
+        label: SLOT_LABELS[target],
+        onSelect: () =>
+          run(
+            layout
+              .apply(
+                {
+                  type: 'move',
+                  instanceId,
+                  location: {
+                    kind: 'slot',
+                    slot: target,
+                    index: layout.current.slots[target].stack.tabs.length,
+                  },
+                },
+                `Move ${title}`,
+              )
+              .then(() => layout.focusTab(instanceId)),
+          ),
+      })),
+    },
+    {
+      kind: 'item',
+      id: 'maximize',
+      label: maximized ? 'Restore' : 'Maximize',
+      onSelect: () =>
+        run(layout.apply({ type: 'maximize', instanceId: maximized ? null : instanceId })),
+    },
+  ];
+};
diff --git a/packages/ui/src/workbench/prompt/index.ts b/packages/ui/src/workbench/prompt/index.ts
new file mode 100644
index 00000000..aa5b469e
--- /dev/null
+++ b/packages/ui/src/workbench/prompt/index.ts
@@ -0,0 +1 @@
+export * from './prompt-service';
diff --git a/packages/ui/src/workbench/prompt/prompt-service.ts b/packages/ui/src/workbench/prompt/prompt-service.ts
new file mode 100644
index 00000000..e18d0a3f
--- /dev/null
+++ b/packages/ui/src/workbench/prompt/prompt-service.ts
@@ -0,0 +1,40 @@
+import { type Observable, ObservableValue, createToken } from '@nanoforge-dev/editor-kernel';
+
+export interface PromptOptions {
+  readonly title: string;
+  readonly label: string;
+  readonly value?: string;
+  readonly confirm?: string;
+  /** Returns an error message for invalid values. */
+  readonly validate?: (value: string) => string | undefined;
+  /** An empty value can be confirmed (an optional field): it resolves to `''`. */
+  readonly optional?: boolean;
+}
+
+export interface PendingPrompt extends PromptOptions {
+  readonly resolve: (value: string | undefined) => void;
+}
+
+/** Asks the user for a short text in a dialog (no blocking browser prompts). */
+export class PromptService {
+  private readonly _current = new ObservableValue<PendingPrompt | undefined>(undefined);
+
+  get current(): Observable<PendingPrompt | undefined> {
+    return this._current.readonly();
+  }
+
+  ask(options: PromptOptions): Promise<string | undefined> {
+    this._current.get()?.resolve(undefined);
+    return new Promise((resolve) => {
+      this._current.set({
+        ...options,
+        resolve: (value) => {
+          this._current.set(undefined);
+          resolve(value);
+        },
+      });
+    });
+  }
+}
+
+export const PromptServiceToken = createToken<PromptService>('ui.prompt');
diff --git a/packages/ui/src/workbench/service/index.ts b/packages/ui/src/workbench/service/index.ts
new file mode 100644
index 00000000..798ed6c9
--- /dev/null
+++ b/packages/ui/src/workbench/service/index.ts
@@ -0,0 +1,2 @@
+export * from './workbench-service.type';
+export * from './workbench-service';
diff --git a/packages/ui/src/workbench/service/workbench-service.ts b/packages/ui/src/workbench/service/workbench-service.ts
new file mode 100644
index 00000000..042120fa
--- /dev/null
+++ b/packages/ui/src/workbench/service/workbench-service.ts
@@ -0,0 +1,314 @@
+import { z } from 'zod';
+
+import { HISTORY_CONTEXT_KEY, TEXT_INPUT_FOCUS_KEY } from '@nanoforge-dev/editor-history';
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Observable,
+  ObservableValue,
+  createToken,
+  derived,
+  observe,
+  toDisposable,
+} from '@nanoforge-dev/editor-kernel';
+import {
+  type Layout,
+  type WidgetRef,
+  findWidget,
+  isSlotVisible,
+} from '@nanoforge-dev/editor-layout';
+import { defineSetting } from '@nanoforge-dev/editor-settings';
+
+import {
+  WIDGETS,
+  WIDGET_VIEWS,
+  type WidgetDescriptor,
+  type WidgetView,
+} from '../extension-point/widget.extension-point';
+import type { WidgetInstance } from '../widget/widget-instance.type';
+import type { ViewStatus, WorkbenchServiceOptions } from './workbench-service.type';
+
+/** Small per instance states of widgets (scroll, expanded nodes…). */
+export const WidgetStateSetting = defineSetting({
+  key: 'layout.widgetState',
+  schema: z.record(z.string(), z.unknown()),
+  default: {},
+  title: 'Panel states',
+  category: 'Editor/Layout',
+  scopes: ['machine', 'projectLocal'],
+});
+
+/** Focus context keys. */
+export const FOCUSED_WIDGET_KEY = 'focusedWidget';
+
+const isTextInput = (element: Element | null): boolean =>
+  !!element &&
+  (element instanceof HTMLTextAreaElement ||
+    (element instanceof HTMLInputElement &&
+      !['checkbox', 'radio', 'button', 'range', 'color'].includes(element.type)) ||
+    (element as HTMLElement).isContentEditable ||
+    !!element.closest('.monaco-editor'));
+
+interface InstanceRecord {
+  readonly instance: WidgetInstance;
+  historyContext: string | undefined;
+  readonly store: DisposableStore;
+}
+
+/** Resolves widget views, instances and focus for the layout renderer. */
+export class WorkbenchService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _activations = new Map<string, Promise<void>>();
+  private readonly _failed = new Map<string, string>();
+  private readonly _instances = new Map<string, InstanceRecord>();
+  private readonly _styleRefs = new Map<WidgetView, { count: number; sheet: Disposable }>();
+  private readonly _state: ObservableValue<Record<string, unknown>>;
+  private _stateTimer: ReturnType<typeof setTimeout> | undefined;
+  private readonly _onDidFail = new Emitter<string>();
+
+  constructor(private readonly _options: WorkbenchServiceOptions) {
+    this._store.add(_options.settings.registry.register(WidgetStateSetting));
+    this._state = new ObservableValue({
+      ...(_options.settings.get(WidgetStateSetting) as Record<string, unknown>),
+    });
+  }
+
+  descriptor(widgetId: string): WidgetDescriptor | undefined {
+    return this._options.extensions.getValues(WIDGETS).find((widget) => widget.id === widgetId);
+  }
+
+  get descriptors(): Observable<readonly WidgetDescriptor[]> {
+    return derived([this._options.extensions.observe(WIDGETS)], (list) =>
+      list.map((contribution) => contribution.value),
+    );
+  }
+
+  /** How to render a widget; triggers its plugin activation when needed. */
+  view(widgetId: string): Observable<ViewStatus> {
+    const compute = (): ViewStatus => {
+      const descriptor = this.descriptor(widgetId);
+      if (!descriptor) return { kind: 'missing', widgetId };
+      const contribution = this._options.extensions
+        .getContributions(WIDGET_VIEWS)
+        .find((candidate) => candidate.value.id === widgetId);
+      if (contribution) {
+        return { kind: 'ready', view: contribution.value, descriptor, owner: contribution.owner };
+      }
+      const failure = this._failed.get(widgetId);
+      if (failure) return { kind: 'unavailable', descriptor, reason: failure };
+      this._activate(widgetId);
+      return { kind: 'loading', descriptor };
+    };
+    return {
+      get: compute,
+      subscribe: (run) => {
+        let current = compute();
+        run(current);
+        const refresh = () => {
+          const next = compute();
+          if (
+            next.kind === current.kind &&
+            (next as { view?: unknown }).view === (current as { view?: unknown }).view
+          )
+            return;
+          current = next;
+          run(next);
+        };
+        const subscription = this._options.extensions.onDidChange(refresh);
+        const failures = this._onDidFail.event(refresh);
+        return () => {
+          subscription.dispose();
+          failures.dispose();
+        };
+      },
+    };
+  }
+
+  /** The instance object handed to a widget view (created once per instance id). */
+  instance(ref: WidgetRef): WidgetInstance {
+    const existing = this._instances.get(ref.instanceId);
+    if (existing) return existing.instance;
+    const store = new DisposableStore();
+    const onShow = store.add(new Emitter<void>());
+    const onHide = store.add(new Emitter<void>());
+    const visible = derived([this._options.layout.layout], (layout) => isVisible(layout, ref));
+    store.add(observe(visible, (shown) => (shown ? onShow : onHide).fire(), { immediate: false }));
+    const descriptor = this.descriptor(ref.widgetId) ?? {
+      id: ref.widgetId,
+      title: ref.widgetId,
+      kind: 'dock' as const,
+      order: 0,
+      openByDefault: false,
+      singleton: true,
+    };
+    const record: InstanceRecord = {
+      historyContext: descriptor.historyContext,
+      store,
+      instance: undefined as never,
+    };
+    const instance: WidgetInstance = {
+      instanceId: ref.instanceId,
+      descriptor,
+      services: this._options.services,
+      visible,
+      onShow: onShow.event,
+      onHide: onHide.event,
+      getState: <T>() => this._state.get()[ref.instanceId] as T | undefined,
+      setState: (state) => {
+        this._state.update((all) => ({ ...all, [ref.instanceId]: state }));
+        this._scheduleStateSave();
+      },
+      setHistoryContext: (contextId) => {
+        record.historyContext = contextId;
+        if (this._options.contextKeys.get(FOCUSED_WIDGET_KEY) === ref.instanceId) {
+          this._options.contextKeys.set(HISTORY_CONTEXT_KEY, contextId);
+        }
+      },
+    };
+    (record as { instance: WidgetInstance }).instance = instance;
+    this._instances.set(ref.instanceId, record);
+    return instance;
+  }
+
+  /** Forgets an instance whose widget left the layout. */
+  release(instanceId: string): void {
+    const record = this._instances.get(instanceId);
+    if (!record) return;
+    this._instances.delete(instanceId);
+    record.store.dispose();
+  }
+
+  /** Injects a view's styles while at least one of its instances is mounted. */
+  useStyles(view: WidgetView, owner: string): Disposable {
+    if (!view.styles) return toDisposable(() => undefined);
+    let ref = this._styleRefs.get(view);
+    if (!ref) {
+      ref = {
+        count: 0,
+        sheet: this._options.styles.inject(owner, view.styles, { widgetId: view.id }),
+      };
+      this._styleRefs.set(view, ref);
+    }
+    ref.count++;
+    return toDisposable(() => {
+      if (--ref.count > 0) return;
+      ref.sheet.dispose();
+      this._styleRefs.delete(view);
+    });
+  }
+
+  /**
+   * Tracks focus inside `root`: `focusedWidget`, `historyContext` (undo target) and
+   * `textInputFocus` (native undo) context keys.
+   */
+  trackFocus(root: HTMLElement): Disposable {
+    const context = this._options.contextKeys;
+    const update = () => {
+      const active = root.ownerDocument.activeElement;
+      const host = active?.closest<HTMLElement>('[data-nf-instance]');
+      const instanceId = host?.dataset.nfInstance;
+      const record = instanceId ? this._instances.get(instanceId) : undefined;
+      context.set(FOCUSED_WIDGET_KEY, instanceId);
+      context.set(HISTORY_CONTEXT_KEY, record?.historyContext ?? host?.dataset.nfHistory);
+      context.set(TEXT_INPUT_FOCUS_KEY, isTextInput(active));
+    };
+    let queued = false;
+    const schedule = () => {
+      if (queued) return;
+      queued = true;
+      queueMicrotask(() => {
+        queued = false;
+        update();
+      });
+    };
+    root.addEventListener('focusin', schedule);
+    root.addEventListener('focusout', schedule);
+    return this._store.add(
+      toDisposable(() => {
+        root.removeEventListener('focusin', schedule);
+        root.removeEventListener('focusout', schedule);
+      }),
+    );
+  }
+
+  dispose(): void {
+    if (this._stateTimer) {
+      clearTimeout(this._stateTimer);
+      void this._saveState();
+    }
+    for (const record of this._instances.values()) record.store.dispose();
+    this._instances.clear();
+    this._store.dispose();
+    this._onDidFail.dispose();
+  }
+
+  /** Forgets a panel's failure and activates its plugin again (the panel's Retry). */
+  retry(widgetId: string): void {
+    this._failed.delete(widgetId);
+    this._activations.delete(widgetId);
+    this._onDidFail.fire(widgetId);
+  }
+
+  private _activate(widgetId: string): void {
+    if (this._activations.has(widgetId)) return;
+    const activation = this._options
+      .activate(`onWidget:${widgetId}`)
+      .then((failures) => {
+        const registered = this._options.extensions
+          .getValues(WIDGET_VIEWS)
+          .some((view) => view.id === widgetId);
+        if (registered) return;
+        const failure = Array.isArray(failures) ? failures[0] : undefined;
+        this._fail(
+          widgetId,
+          failure
+            ? `Its plugin failed to start: ${failure instanceof Error ? failure.message : String(failure)}`
+            : 'Its plugin did not register a view for this panel.',
+        );
+      })
+      .catch((error: unknown) =>
+        this._fail(widgetId, error instanceof Error ? error.message : String(error)),
+      );
+    this._activations.set(widgetId, activation);
+  }
+
+  private _fail(widgetId: string, reason: string): void {
+    this._options.logger?.warn(`Panel ${widgetId} unavailable: ${reason}`);
+    this._failed.set(widgetId, reason);
+    this._onDidFail.fire(widgetId);
+  }
+
+  private _scheduleStateSave(): void {
+    clearTimeout(this._stateTimer);
+    this._stateTimer = setTimeout(() => {
+      this._stateTimer = undefined;
+      void this._saveState();
+    }, 1000);
+  }
+
+  private async _saveState(): Promise<void> {
+    const settings = this._options.settings;
+    const scope = settings.hasStore('projectLocal') ? 'projectLocal' : 'machine';
+    try {
+      await settings.set(WidgetStateSetting, this._state.get(), scope);
+    } catch (error) {
+      this._options.logger?.warn('Saving panel states failed', error);
+    }
+  }
+}
+
+/** Whether an instance is on screen: active in its stack, in a shown slot or a float. */
+export const isVisible = (layout: Layout, ref: WidgetRef): boolean => {
+  if (layout.screens.includes(ref.instanceId)) return layout.activeScreen === ref.instanceId;
+  if (layout.maximized && layout.maximized !== ref.instanceId) return false;
+  const found = findWidget(layout, ref.instanceId);
+  if (!found || !found.active) return false;
+  return (
+    found.location.kind === 'float' ||
+    layout.maximized === ref.instanceId ||
+    isSlotVisible(layout, found.location.slot)
+  );
+};
+
+export const WorkbenchServiceToken = createToken<WorkbenchService>('ui.workbench');
diff --git a/packages/ui/src/workbench/service/workbench-service.type.ts b/packages/ui/src/workbench/service/workbench-service.type.ts
new file mode 100644
index 00000000..3d153d71
--- /dev/null
+++ b/packages/ui/src/workbench/service/workbench-service.type.ts
@@ -0,0 +1,37 @@
+import type {
+  ContextKeyService,
+  ExtensionRegistry,
+  Logger,
+  ServiceAccessor,
+} from '@nanoforge-dev/editor-kernel';
+import type { SettingsService } from '@nanoforge-dev/editor-settings';
+
+import type { StyleService } from '../../style/style-service';
+import type { WidgetDescriptor, WidgetView } from '../extension-point/widget.extension-point';
+import type { LayoutController } from '../layout/layout-controller';
+
+export type ViewStatus =
+  | {
+      readonly kind: 'ready';
+      readonly view: WidgetView;
+      readonly descriptor: WidgetDescriptor;
+      /** Plugin that registered the view (its styles go in its cascade layer). */
+      readonly owner: string;
+    }
+  | { readonly kind: 'loading'; readonly descriptor: WidgetDescriptor }
+  /** Descriptor known but the plugin registered no view (activation failed…). */
+  | { readonly kind: 'unavailable'; readonly descriptor: WidgetDescriptor; readonly reason: string }
+  /** Widget of a plugin that is not installed (kept in the layout as a placeholder). */
+  | { readonly kind: 'missing'; readonly widgetId: string };
+
+export interface WorkbenchServiceOptions {
+  readonly services: ServiceAccessor;
+  readonly extensions: ExtensionRegistry;
+  readonly styles: StyleService;
+  readonly layout: LayoutController;
+  readonly contextKeys: ContextKeyService;
+  readonly settings: SettingsService;
+  /** Activates plugins listening to an activation event (`onWidget:<id>`). */
+  readonly activate: (event: string) => Promise<unknown>;
+  readonly logger?: Logger;
+}
diff --git a/packages/ui/src/workbench/setup/index.ts b/packages/ui/src/workbench/setup/index.ts
new file mode 100644
index 00000000..0fb35ceb
--- /dev/null
+++ b/packages/ui/src/workbench/setup/index.ts
@@ -0,0 +1,2 @@
+export * from './setup-shell';
+export * from './setup-workbench';
diff --git a/packages/ui/src/workbench/setup/setup-shell.ts b/packages/ui/src/workbench/setup/setup-shell.ts
new file mode 100644
index 00000000..458b33bf
--- /dev/null
+++ b/packages/ui/src/workbench/setup/setup-shell.ts
@@ -0,0 +1,174 @@
+import { z } from 'zod';
+
+import {
+  type CommandRegistry,
+  type ContextKeyService,
+  type Disposable,
+  DisposableStore,
+  type ExtensionPoint,
+  type ExtensionRegistry,
+  type Logger,
+  type Observable,
+  type PluginHost,
+  type StaticContributionHandler,
+  derived,
+} from '@nanoforge-dev/editor-kernel';
+import { CoreSettings, type SettingsService } from '@nanoforge-dev/editor-settings';
+
+import { StyleService } from '../../style/style-service';
+import { BASE_CSS } from '../../theme/base-css';
+import { KIT_CSS } from '../../theme/kit-css';
+import { THEMES, ThemeService } from '../../theme/theme-service';
+import type { ThemeDefinition } from '../../theme/tokens';
+import { KEYBINDINGS, KeybindingSchema } from '../extension-point/keybinding.extension-point';
+import { MENU_BAR, MENU_ITEMS, MenuItemSchema } from '../extension-point/menu.extension-point';
+import {
+  WIDGETS,
+  type WidgetDescriptor,
+  WidgetDescriptorSchema,
+} from '../extension-point/widget.extension-point';
+import { KeybindingService } from '../keybinding/keybinding-service';
+import { KEYMAP_PRESETS, KeymapPresetSchema } from '../keybinding/keymap-presets';
+import type { KeymapOverride } from '../keybinding/keymap.type';
+import { NotificationService } from '../notification/notification-service';
+import { PromptService } from '../prompt/prompt-service';
+
+export interface ShellOptions {
+  readonly extensions: ExtensionRegistry;
+  readonly commands: CommandRegistry;
+  readonly contextKeys: ContextKeyService;
+  readonly settings: SettingsService;
+  readonly logger: Logger;
+  readonly plugins?: PluginHost;
+  readonly target?: Window;
+}
+
+export interface Shell extends Disposable {
+  readonly styles: StyleService;
+  readonly themes: ThemeService;
+  readonly notifications: NotificationService;
+  readonly prompts: PromptService;
+  readonly keybindings: KeybindingService;
+}
+
+/** Manifest handler registering each declared value on an extension point. */
+const listHandler = <T>(
+  key: string,
+  schema: z.ZodType<T>,
+  register: (value: T, owner: string) => Disposable,
+): StaticContributionHandler<T[]> => ({
+  key,
+  validator: z.array(schema) as unknown as z.ZodType<T[]>,
+  apply: (values, plugin) => {
+    const store = new DisposableStore();
+    for (const value of values) store.add(register(value, plugin.manifest.name));
+    return store;
+  },
+});
+
+/** App-wide UI services: styles, theme, notifications, prompts, keybindings, menu bar. */
+export const setupShell = (options: ShellOptions): Shell => {
+  const { extensions, commands, contextKeys, settings, logger } = options;
+  const store = new DisposableStore();
+  const styles = new StyleService();
+  store.add(styles.inject('core', BASE_CSS, { layer: 'reset' }));
+  store.add(styles.inject('core', KIT_CSS, { layer: 'ui' }));
+  const themes = store.add(
+    new ThemeService(extensions, styles, settings.observe(CoreSettings.theme)),
+  );
+  const notifications = new NotificationService();
+  const prompts = new PromptService();
+  const keybindings = store.add(
+    new KeybindingService(
+      extensions,
+      commands,
+      contextKeys,
+      settings.observe(CoreSettings.keymapOverrides) as Observable<readonly KeymapOverride[]>,
+      logger,
+      derived(
+        [settings.observe(CoreSettings.keymapPreset), extensions.observe(KEYMAP_PRESETS)],
+        (id, presets) => presets.find((preset) => preset.value.id === id)?.value.bindings ?? [],
+      ),
+    ),
+  );
+  store.add(keybindings.attach(options.target ?? window));
+
+  const contribute = <T>(point: ExtensionPoint<T>, values: T[]) => {
+    for (const value of values) store.add(extensions.contribute(point, value, { owner: 'core' }));
+  };
+  contribute(MENU_BAR, [
+    { id: 'file', title: 'File', order: 0 },
+    { id: 'edit', title: 'Edit', order: 1 },
+    { id: 'view', title: 'View', order: 2 },
+    { id: 'help', title: 'Help', order: 9 },
+  ]);
+  contribute(KEYBINDINGS, [
+    { key: 'Mod+Z', command: 'history.undo', when: '!textInputFocus', args: [] },
+    { key: 'Mod+Shift+Z', command: 'history.redo', when: '!textInputFocus', args: [] },
+    { key: 'Mod+Y', command: 'history.redo', when: '!textInputFocus', args: [] },
+    { key: 'F6', command: 'workbench.focusNextPart', args: [] },
+    { key: 'Shift+F6', command: 'workbench.focusPreviousPart', args: [] },
+  ]);
+  contribute(MENU_ITEMS, [
+    { menu: 'edit', command: 'history.undo', group: 'history', order: 0, args: [] },
+    { menu: 'edit', command: 'history.redo', group: 'history', order: 1, args: [] },
+    { menu: 'view', command: 'appearance.toggleTheme', group: 'z-appearance', order: 0, args: [] },
+  ]);
+
+  store.add(
+    commands.register({
+      id: 'appearance.toggleTheme',
+      title: 'Toggle light/dark theme',
+      category: 'View',
+      handler: async () => {
+        const current = themes.current.get();
+        const next = themes.themes.find((theme) => theme.kind !== current.kind) ?? current;
+        const scope = settings.hasStore('account') ? 'account' : 'machine';
+        await settings.set(CoreSettings.theme, next.id, scope);
+      },
+    }),
+  );
+
+  if (options.plugins) {
+    const host = options.plugins;
+    store.add(
+      host.registerContributionHandler(
+        listHandler(
+          'widgets',
+          WidgetDescriptorSchema as unknown as z.ZodType<WidgetDescriptor>,
+          (value, owner) => extensions.contribute(WIDGETS, value, { owner }),
+        ),
+      ),
+    );
+    store.add(
+      host.registerContributionHandler(
+        listHandler('menus', MenuItemSchema, (value, owner) =>
+          extensions.contribute(MENU_ITEMS, value, { owner }),
+        ),
+      ),
+    );
+    store.add(
+      host.registerContributionHandler(
+        listHandler('keybindings', KeybindingSchema, (value, owner) =>
+          extensions.contribute(KEYBINDINGS, value, { owner }),
+        ),
+      ),
+    );
+    store.add(
+      host.registerContributionHandler(
+        listHandler('keymapPresets', KeymapPresetSchema, (value, owner) =>
+          extensions.contribute(KEYMAP_PRESETS, value, { owner }),
+        ),
+      ),
+    );
+    store.add(
+      host.registerContributionHandler(
+        listHandler('themes', z.unknown() as z.ZodType<ThemeDefinition>, (value, owner) =>
+          extensions.contribute(THEMES, value, { owner }),
+        ),
+      ),
+    );
+  }
+
+  return { styles, themes, notifications, prompts, keybindings, dispose: () => store.dispose() };
+};
diff --git a/packages/ui/src/workbench/setup/setup-workbench.ts b/packages/ui/src/workbench/setup/setup-workbench.ts
new file mode 100644
index 00000000..f696e979
--- /dev/null
+++ b/packages/ui/src/workbench/setup/setup-workbench.ts
@@ -0,0 +1,167 @@
+import { type z } from 'zod';
+
+import type { HistoryService } from '@nanoforge-dev/editor-history';
+import {
+  type CommandRegistry,
+  type ContextKeyService,
+  type Disposable,
+  DisposableStore,
+  type ExtensionRegistry,
+  type Logger,
+  type ServiceAccessor,
+  observe,
+} from '@nanoforge-dev/editor-kernel';
+import { SLOT_IDS, type SlotId, isSlotVisible } from '@nanoforge-dev/editor-layout';
+import { CoreSettings, type SettingsService } from '@nanoforge-dev/editor-settings';
+
+import { MENU_ITEMS, MenuItemSchema } from '../extension-point/menu.extension-point';
+import { WIDGETS } from '../extension-point/widget.extension-point';
+import { DragController } from '../layout/drag-controller';
+import { LayoutController } from '../layout/layout-controller';
+import { SLOT_LABELS } from '../parts/tab-menu';
+import { WorkbenchService } from '../service/workbench-service';
+import type { WorkbenchContext } from '../workbench-context';
+import type { Shell } from './setup-shell';
+
+export interface WorkbenchSetupOptions {
+  readonly shell: Shell;
+  readonly services: ServiceAccessor;
+  readonly extensions: ExtensionRegistry;
+  readonly commands: CommandRegistry;
+  readonly contextKeys: ContextKeyService;
+  readonly settings: SettingsService;
+  readonly history: HistoryService;
+  readonly logger: Logger;
+  /** Activates plugins (`onWidget:<id>`). */
+  /** Activates the plugins of an event; may resolve with their failures (to explain a panel). */
+  readonly activate: (event: string) => Promise<unknown>;
+}
+
+/** The workbench of an open project: layout, widget host and their commands and menus. */
+export const setupWorkbench = (options: WorkbenchSetupOptions): WorkbenchContext & Disposable => {
+  const { extensions, commands, settings, logger, shell } = options;
+  const store = new DisposableStore();
+  const layout = store.add(
+    new LayoutController({ extensions, history: options.history, settings, logger }),
+  );
+  const workbench = store.add(
+    new WorkbenchService({
+      services: options.services,
+      extensions,
+      styles: shell.styles,
+      layout,
+      contextKeys: options.contextKeys,
+      settings,
+      activate: options.activate,
+      logger,
+    }),
+  );
+  const drag = new DragController();
+
+  /** `needsArgs`: run from menu entries that give the arguments, never from the palette. */
+  const register = (
+    id: string,
+    title: string,
+    handler: (...args: never[]) => unknown,
+    needsArgs = false,
+  ) =>
+    store.add(
+      commands.register({
+        id,
+        title,
+        category: 'View',
+        ...(needsArgs && { palette: false }),
+        handler: (_services, ...args) => handler(...(args as never[])),
+      }),
+    );
+
+  register('workbench.openWidget', 'Open panel', (widgetId: string) => layout.open(widgetId), true);
+  register('workbench.closeWidget', 'Close panel', (instanceId?: string) => {
+    const target = instanceId ?? options.contextKeys.get<string>('focusedWidget');
+    return target ? layout.close(target) : undefined;
+  });
+  register(
+    'workbench.toggleSlot',
+    'Toggle dock',
+    (slot: SlotId) => layout.showSlot(slot, !isSlotVisible(layout.current, slot)),
+    true,
+  );
+  register('layout.saveAs', 'Save layout as…', async () => {
+    const name = await shell.prompts.ask({
+      title: 'Save layout',
+      label: 'Layout name',
+      value: settings.get(CoreSettings.layoutActive),
+      confirm: 'Save layout',
+      validate: (value) => (value.length > 40 ? 'Use at most 40 characters' : undefined),
+    });
+    if (!name) return;
+    await layout.saveAs(name);
+    shell.notifications.notify('success', `Layout "${name}" saved`);
+  });
+  register('layout.switch', 'Switch layout', (name: string) => layout.switchTo(name), true);
+  register('layout.reset', 'Reset layout', async () => {
+    await layout.reset();
+    shell.notifications.notify('info', 'Layout reset to default');
+  });
+
+  const dynamic = store.add(new DisposableStore());
+  const refreshMenus = () => {
+    dynamic.clear();
+    const add = (item: z.input<typeof MenuItemSchema>) =>
+      dynamic.add(extensions.contribute(MENU_ITEMS, MenuItemSchema.parse(item), { owner: 'core' }));
+    add({ menu: 'view', submenu: 'view.panels', title: 'Panels', group: 'layout', order: 0 });
+    add({ menu: 'view', submenu: 'view.screens', title: 'Screens', group: 'layout', order: 1 });
+    add({ menu: 'view', submenu: 'view.docks', title: 'Docks', group: 'layout', order: 2 });
+    add({ menu: 'view', submenu: 'view.layouts', title: 'Layouts', group: 'layout', order: 3 });
+    const widgets = extensions
+      .getValues(WIDGETS)
+      .filter((widget) => options.contextKeys.evaluate(widget.when));
+    for (const widget of widgets.sort((a, b) => a.title.localeCompare(b.title))) {
+      add({
+        menu: widget.kind === 'screen' ? 'view.screens' : 'view.panels',
+        command: 'workbench.openWidget',
+        args: [widget.id],
+        title: widget.title,
+        order: widget.order,
+      });
+    }
+    for (const slot of SLOT_IDS) {
+      add({
+        menu: 'view.docks',
+        command: 'workbench.toggleSlot',
+        args: [slot],
+        title: `${SLOT_LABELS[slot]} dock`,
+      });
+    }
+    add({ menu: 'view.layouts', command: 'layout.saveAs', group: 'manage', order: 0 });
+    add({ menu: 'view.layouts', command: 'layout.reset', group: 'manage', order: 1 });
+    for (const name of layout.savedNames) {
+      add({
+        menu: 'view.layouts',
+        command: 'layout.switch',
+        args: [name],
+        title: name,
+        group: 'saved',
+      });
+    }
+  };
+  refreshMenus();
+  store.add(extensions.onDidChange((point) => point.id === WIDGETS.id && refreshMenus()));
+  store.add(
+    observe(settings.observe(CoreSettings.layoutSaved), refreshMenus, { immediate: false }),
+  );
+
+  return {
+    workbench,
+    layout,
+    drag,
+    notifications: shell.notifications,
+    prompts: shell.prompts,
+    keybindings: shell.keybindings,
+    extensions,
+    commands,
+    contextKeys: options.contextKeys,
+    logger,
+    dispose: () => store.dispose(),
+  };
+};
diff --git a/packages/ui/src/workbench/widget/index.ts b/packages/ui/src/workbench/widget/index.ts
new file mode 100644
index 00000000..8b29fa82
--- /dev/null
+++ b/packages/ui/src/workbench/widget/index.ts
@@ -0,0 +1 @@
+export * from './widget-instance.type';
diff --git a/packages/ui/src/workbench/widget/widget-instance.type.ts b/packages/ui/src/workbench/widget/widget-instance.type.ts
new file mode 100644
index 00000000..1ff67de5
--- /dev/null
+++ b/packages/ui/src/workbench/widget/widget-instance.type.ts
@@ -0,0 +1,22 @@
+import type { Event, Observable, ServiceAccessor } from '@nanoforge-dev/editor-kernel';
+
+import type { WidgetDescriptor } from '../extension-point/widget.extension-point';
+
+/** What a widget receives: its identity, services and lifecycle. */
+export interface WidgetInstance {
+  readonly instanceId: string;
+  readonly descriptor: WidgetDescriptor;
+  readonly services: ServiceAccessor;
+  /** True while the widget is on screen (its tab active and its slot visible). */
+  readonly visible: Observable<boolean>;
+  readonly onShow: Event<void>;
+  readonly onHide: Event<void>;
+  /**
+   * Saves a small, JSON-serializable state (scroll, expanded nodes…) kept across reloads of the
+   * editor and hot reloads of the plugin.
+   */
+  setState(state: unknown): void;
+  getState<T = unknown>(): T | undefined;
+  /** Sets the undo/redo target while the widget has focus. */
+  setHistoryContext(contextId: string | undefined): void;
+}
diff --git a/packages/ui/src/workbench/workbench-context.ts b/packages/ui/src/workbench/workbench-context.ts
new file mode 100644
index 00000000..51f01812
--- /dev/null
+++ b/packages/ui/src/workbench/workbench-context.ts
@@ -0,0 +1,41 @@
+import { getContext, setContext } from 'svelte';
+
+import type {
+  CommandRegistry,
+  ContextKeyService,
+  ExtensionRegistry,
+  Logger,
+} from '@nanoforge-dev/editor-kernel';
+
+import type { KeybindingService } from './keybinding/keybinding-service';
+import type { DragController } from './layout/drag-controller';
+import type { LayoutController } from './layout/layout-controller';
+import type { MenuContext } from './menu/resolve-menu';
+import type { NotificationService } from './notification/notification-service';
+import type { PromptService } from './prompt/prompt-service';
+import type { WorkbenchService } from './service/workbench-service';
+
+export interface WorkbenchContext extends MenuContext {
+  readonly workbench: WorkbenchService;
+  readonly layout: LayoutController;
+  readonly drag: DragController;
+  readonly notifications: NotificationService;
+  readonly prompts: PromptService;
+  readonly extensions: ExtensionRegistry;
+  readonly commands: CommandRegistry;
+  readonly contextKeys: ContextKeyService;
+  readonly keybindings: KeybindingService;
+  readonly logger: Logger;
+}
+
+const KEY = Symbol('nanoforge-workbench');
+
+export const setWorkbenchContext = (context: WorkbenchContext): void => {
+  setContext(KEY, context);
+};
+
+export const getWorkbenchContext = (): WorkbenchContext => {
+  const context = getContext<WorkbenchContext | undefined>(KEY);
+  if (!context) throw new Error('Workbench parts must be rendered inside <Workbench>');
+  return context;
+};
diff --git a/packages/ui/src/workbench/workbench.svelte b/packages/ui/src/workbench/workbench.svelte
new file mode 100644
index 00000000..a1371286
--- /dev/null
+++ b/packages/ui/src/workbench/workbench.svelte
@@ -0,0 +1,395 @@
+<script lang="ts">
+  import { type Layout, type SlotId, isSlotVisible } from '@nanoforge-dev/editor-layout';
+  import type { Snippet } from 'svelte';
+
+  import Button from '../components/button.svelte';
+  import EmptyState from '../components/empty-state.svelte';
+  import Splitter from '../components/splitter.svelte';
+  import Toasts from '../components/toasts.svelte';
+  import { type WorkbenchContext, setWorkbenchContext } from './workbench-context';
+  import DockStack from './parts/DockStack.svelte';
+  import DragOverlay from './parts/DragOverlay.svelte';
+  import FloatWindow from './parts/FloatWindow.svelte';
+  import PromptHost from './parts/PromptHost.svelte';
+  import StatusBar from './parts/StatusBar.svelte';
+  import ToolStripe from './parts/ToolStripe.svelte';
+  import TopBar from './parts/TopBar.svelte';
+  import WidgetHost from './parts/WidgetHost.svelte';
+
+  const { context, brand }: { context: WorkbenchContext; brand?: Snippet } = $props();
+  // svelte-ignore state_referenced_locally
+  setWorkbenchContext(context);
+  // svelte-ignore state_referenced_locally
+  const { layout: controller, workbench, commands, logger } = context;
+  const layoutState = controller.layout;
+  const layout = $derived($layoutState);
+  const docksHidden = controller.docksHidden;
+
+  let root = $state<HTMLElement>();
+  let leftHeight = $state(0);
+  let rightHeight = $state(0);
+  let bottomWidth = $state(0);
+  /** Sizes previewed while dragging a splitter (committed on release). */
+  let preview = $state<
+    Partial<
+      Record<'left' | 'right' | 'bottom' | 'splitLeft' | 'splitRight' | 'splitBottom', number>
+    >
+  >({});
+
+  const shown = (current: Layout, slot: SlotId) =>
+    !$docksHidden && isSlotVisible(current, slot) && current.slots[slot].stack.tabs.length > 0;
+
+  const leftTop = $derived(shown(layout, 'leftTop'));
+  const leftBottom = $derived(shown(layout, 'leftBottom'));
+  const rightTop = $derived(shown(layout, 'rightTop'));
+  const rightBottom = $derived(shown(layout, 'rightBottom'));
+  const bottom = $derived(shown(layout, 'bottom'));
+  const bottomRight = $derived(shown(layout, 'bottomRight'));
+
+  const leftWidth = $derived(preview.left ?? layout.slots.leftTop.size);
+  const rightWidth = $derived(preview.right ?? layout.slots.rightTop.size);
+  const bottomHeight = $derived(preview.bottom ?? layout.slots.bottom.size);
+  const splitLeft = $derived(preview.splitLeft ?? layout.split.left);
+  const splitRight = $derived(preview.splitRight ?? layout.split.right);
+  const splitBottom = $derived(preview.splitBottom ?? layout.split.bottom);
+
+  let visitedScreens = $state<string[]>([]);
+  $effect(() => {
+    const active = layout.activeScreen;
+    if (active && !visitedScreens.includes(active)) visitedScreens = [...visitedScreens, active];
+  });
+
+  const commit = (label: string, run: () => Promise<void>) =>
+    run().catch((error: unknown) => logger.error(`${label} failed`, error));
+
+  const resizeColumn = (side: 'left' | 'right', delta: number, final: boolean) => {
+    const base = layout.slots[side === 'left' ? 'leftTop' : 'rightTop'].size;
+    const size = Math.max(120, base + (side === 'left' ? delta : -delta));
+    if (!final) {
+      preview = { ...preview, [side]: size };
+      return;
+    }
+    preview = { ...preview, [side]: undefined };
+    const [top, low]: [SlotId, SlotId] =
+      side === 'left' ? ['leftTop', 'leftBottom'] : ['rightTop', 'rightBottom'];
+    void commit('Resize', () =>
+      controller.apply(
+        {
+          type: 'batch',
+          ops: [
+            { type: 'resizeSlot', slot: top, size },
+            { type: 'resizeSlot', slot: low, size },
+          ],
+        },
+        'Resize panel',
+      ),
+    );
+  };
+
+  const resizeBottom = (delta: number, final: boolean) => {
+    const size = Math.max(120, layout.slots.bottom.size - delta);
+    if (!final) {
+      preview = { ...preview, bottom: size };
+      return;
+    }
+    preview = { ...preview, bottom: undefined };
+    void commit('Resize', () =>
+      controller.apply(
+        {
+          type: 'batch',
+          ops: [
+            { type: 'resizeSlot', slot: 'bottom', size },
+            { type: 'resizeSlot', slot: 'bottomRight', size },
+          ],
+        },
+        'Resize panel',
+      ),
+    );
+  };
+
+  const resizeSplit = (side: 'left' | 'right' | 'bottom', delta: number, final: boolean) => {
+    const length = { left: leftHeight, right: rightHeight, bottom: bottomWidth }[side];
+    if (!length) return;
+    const ratio = Math.min(0.85, Math.max(0.15, layout.split[side] + delta / length));
+    const key = ({ left: 'splitLeft', right: 'splitRight', bottom: 'splitBottom' } as const)[side];
+    if (!final) {
+      preview = { ...preview, [key]: ratio };
+      return;
+    }
+    preview = { ...preview, [key]: undefined };
+    void commit('Resize', () =>
+      controller.apply({ type: 'setSplit', side, ratio }, 'Resize panels'),
+    );
+  };
+
+  /** F6 / Shift+F6: moves focus between the parts of the workbench. */
+  const focusPart = (direction: 1 | -1) => {
+    if (!root) return;
+    const parts = [...root.querySelectorAll<HTMLElement>('[data-nf-part]')];
+    if (!parts.length) return;
+    const current = parts.findIndex((part) => part.contains(document.activeElement));
+    const next = parts[(current + direction + parts.length) % parts.length]!;
+    const focusable = next.querySelector<HTMLElement>(
+      '[tabindex="0"], button:not([tabindex="-1"]), input, textarea, select, [href]',
+    );
+    (focusable ?? next).focus();
+  };
+
+  $effect(() => {
+    if (!root) return;
+    const focus = workbench.trackFocus(root);
+    const next = commands.register({
+      id: 'workbench.focusNextPart',
+      title: 'Focus next part',
+      category: 'View',
+      handler: () => focusPart(1),
+    });
+    const previous = commands.register({
+      id: 'workbench.focusPreviousPart',
+      title: 'Focus previous part',
+      category: 'View',
+      handler: () => focusPart(-1),
+    });
+    return () => {
+      focus.dispose();
+      next.dispose();
+      previous.dispose();
+    };
+  });
+
+  const maximized = $derived(
+    layout.maximized
+      ? [
+          ...Object.values(layout.slots).flatMap((slot) => slot.stack.tabs),
+          ...layout.floats.flatMap((float) => float.stack.tabs),
+        ].find((ref) => ref.instanceId === layout.maximized)
+      : undefined,
+  );
+</script>
+
+<div class="workbench" bind:this={root}>
+  <TopBar {layout} {brand} />
+
+  <div class="body">
+    <div class="layer" inert={maximized !== undefined}>
+      {#if !$docksHidden}
+        <ToolStripe {layout} side="left" />
+      {/if}
+      {#if leftTop || leftBottom}
+        <div
+          class="column"
+          style:width="{leftWidth}px"
+          bind:clientHeight={leftHeight}
+          data-nf-part="left"
+        >
+          {#if leftTop}
+            <div class="cell" style:flex={leftBottom ? `${splitLeft} 1 0` : '1 1 0'}>
+              <DockStack stack={layout.slots.leftTop.stack} slot="leftTop" />
+            </div>
+          {/if}
+          {#if leftTop && leftBottom}
+            <Splitter
+              orientation="horizontal"
+              label="Resize left panels"
+              onresize={(delta, final) => resizeSplit('left', delta, final)}
+            />
+          {/if}
+          {#if leftBottom}
+            <div class="cell" style:flex={leftTop ? `${1 - splitLeft} 1 0` : '1 1 0'}>
+              <DockStack stack={layout.slots.leftBottom.stack} slot="leftBottom" />
+            </div>
+          {/if}
+        </div>
+        <Splitter
+          orientation="vertical"
+          label="Resize left column"
+          value={leftWidth}
+          onresize={(delta, final) => resizeColumn('left', delta, final)}
+        />
+      {/if}
+
+      <div class="center">
+        <main class="screen" data-nf-drop="center" data-nf-part="screen">
+          {#if layout.screens.length === 0}
+            <EmptyState
+              icon="app-window"
+              title="No main screen"
+              description="Main screens come from plugins (code editor, viewport…)."
+            />
+          {/if}
+          {#each visitedScreens.filter( (screen) => layout.screens.includes(screen) ) as screen (screen)}
+            <WidgetHost
+              ref={{ instanceId: screen, widgetId: screen }}
+              active={layout.activeScreen === screen}
+            />
+          {/each}
+        </main>
+        {#if bottom || bottomRight}
+          <Splitter
+            orientation="horizontal"
+            label="Resize bottom panel"
+            value={bottomHeight}
+            onresize={resizeBottom}
+          />
+          <div
+            class="bottom"
+            style:height="{bottomHeight}px"
+            bind:clientWidth={bottomWidth}
+            data-nf-part="bottom"
+          >
+            {#if bottom}
+              <div class="cell" style:flex={bottomRight ? `${splitBottom} 1 0` : '1 1 0'}>
+                <DockStack stack={layout.slots.bottom.stack} slot="bottom" />
+              </div>
+            {/if}
+            {#if bottom && bottomRight}
+              <Splitter
+                orientation="vertical"
+                label="Resize bottom panels"
+                onresize={(delta, final) => resizeSplit('bottom', delta, final)}
+              />
+            {/if}
+            {#if bottomRight}
+              <div class="cell" style:flex={bottom ? `${1 - splitBottom} 1 0` : '1 1 0'}>
+                <DockStack stack={layout.slots.bottomRight.stack} slot="bottomRight" />
+              </div>
+            {/if}
+          </div>
+        {/if}
+      </div>
+
+      {#if rightTop || rightBottom}
+        <Splitter
+          orientation="vertical"
+          label="Resize right column"
+          value={rightWidth}
+          onresize={(delta, final) => resizeColumn('right', delta, final)}
+        />
+        <div
+          class="column"
+          style:width="{rightWidth}px"
+          bind:clientHeight={rightHeight}
+          data-nf-part="right"
+        >
+          {#if rightTop}
+            <div class="cell" style:flex={rightBottom ? `${splitRight} 1 0` : '1 1 0'}>
+              <DockStack stack={layout.slots.rightTop.stack} slot="rightTop" />
+            </div>
+          {/if}
+          {#if rightTop && rightBottom}
+            <Splitter
+              orientation="horizontal"
+              label="Resize right panels"
+              onresize={(delta, final) => resizeSplit('right', delta, final)}
+            />
+          {/if}
+          {#if rightBottom}
+            <div class="cell" style:flex={rightTop ? `${1 - splitRight} 1 0` : '1 1 0'}>
+              <DockStack stack={layout.slots.rightBottom.stack} slot="rightBottom" />
+            </div>
+          {/if}
+        </div>
+      {/if}
+      {#if !$docksHidden}
+        <ToolStripe {layout} side="right" />
+      {/if}
+
+      {#each layout.floats as float (float.id)}
+        <div data-nf-part="float"><FloatWindow {float} /></div>
+      {/each}
+    </div>
+
+    {#if maximized}
+      <div class="maximized" data-nf-part="maximized">
+        <div class="maximized-bar">
+          <span>{workbench.descriptor(maximized.widgetId)?.title ?? maximized.widgetId}</span>
+          <Button
+            size="sm"
+            icon="minimize-2"
+            onclick={() =>
+              commit('Restore', () => controller.apply({ type: 'maximize', instanceId: null }))}
+            >Restore</Button
+          >
+        </div>
+        <div class="maximized-body"><WidgetHost ref={maximized} active /></div>
+      </div>
+    {/if}
+  </div>
+
+  <StatusBar />
+  <DragOverlay />
+  <PromptHost />
+  <Toasts notifications={context.notifications} />
+</div>
+
+<style>
+  .workbench {
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    height: 100vh;
+    background: var(--nf-color-bg);
+  }
+  .body {
+    position: relative;
+    display: flex;
+    min-height: 0;
+    overflow: hidden;
+  }
+  /** Everything but the maximized panel: inert while one is maximized (not reachable behind it). */
+  .layer {
+    position: relative;
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+  }
+  .column {
+    display: flex;
+    flex-direction: column;
+    flex: none;
+    min-width: 120px;
+    max-width: 60vw;
+  }
+  .cell {
+    min-width: 0;
+    min-height: 0;
+  }
+  .center {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+  }
+  .screen {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    background: var(--nf-color-surface);
+  }
+  .bottom {
+    display: flex;
+    flex: none;
+    min-height: 120px;
+    max-height: 70vh;
+  }
+  .maximized {
+    position: absolute;
+    inset: 0;
+    z-index: 50;
+    display: flex;
+    flex-direction: column;
+    background: var(--nf-color-surface);
+  }
+  .maximized-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 30px;
+    padding: 0 var(--nf-space-2) 0 var(--nf-space-3);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .maximized-body {
+    position: relative;
+    flex: 1;
+  }
+</style>
diff --git a/packages/ui/test/__screenshots__/kit.svelte.spec.ts/NumberInput-commits-typed-values--arrows-and-scrubbing-1.png b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/NumberInput-commits-typed-values--arrows-and-scrubbing-1.png
new file mode 100644
index 00000000..8052888e
Binary files /dev/null and b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/NumberInput-commits-typed-values--arrows-and-scrubbing-1.png differ
diff --git a/packages/ui/test/__screenshots__/kit.svelte.spec.ts/Tree-only-renders-visible-rows-of-large-trees-1.png b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/Tree-only-renders-visible-rows-of-large-trees-1.png
new file mode 100644
index 00000000..79272762
Binary files /dev/null and b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/Tree-only-renders-visible-rows-of-large-trees-1.png differ
diff --git a/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-ColorPicker-normalizes-hex-input-1.png b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-ColorPicker-normalizes-hex-input-1.png
new file mode 100644
index 00000000..ff2e09f8
Binary files /dev/null and b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-ColorPicker-normalizes-hex-input-1.png differ
diff --git a/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Select-picks-an-option-1.png b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Select-picks-an-option-1.png
new file mode 100644
index 00000000..4f59b205
Binary files /dev/null and b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Select-picks-an-option-1.png differ
diff --git a/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Splitter-resizes-with-the-keyboard-1.png b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Splitter-resizes-with-the-keyboard-1.png
new file mode 100644
index 00000000..47767d2f
Binary files /dev/null and b/packages/ui/test/__screenshots__/kit.svelte.spec.ts/controls-Splitter-resizes-with-the-keyboard-1.png differ
diff --git a/packages/ui/test/fixtures/MenuHarness.svelte b/packages/ui/test/fixtures/MenuHarness.svelte
new file mode 100644
index 00000000..dae3af93
--- /dev/null
+++ b/packages/ui/test/fixtures/MenuHarness.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import Button from '../../src/components/button.svelte';
+  import Menu from '../../src/components/menu.svelte';
+  import type { MenuEntry } from '../../src/components/menu-entry.type';
+
+  const { items }: { items: MenuEntry[] } = $props();
+</script>
+
+<Menu {items}>
+  {#snippet trigger({ props })}
+    <Button {...props}>File</Button>
+  {/snippet}
+</Menu>
diff --git a/packages/ui/test/fixtures/TreeHarness.svelte b/packages/ui/test/fixtures/TreeHarness.svelte
new file mode 100644
index 00000000..e0a274f0
--- /dev/null
+++ b/packages/ui/test/fixtures/TreeHarness.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import Tree from '../../src/components/tree.svelte';
+  import type { DropPosition, TreeNode } from '../../src/components/tree-model';
+
+  interface Props {
+    nodes: TreeNode[];
+    onrename?: (id: string, name: string) => void;
+    onactivate?: (id: string) => void;
+    ondrop?: (ids: string[], target: string, position: DropPosition) => void;
+  }
+
+  const { nodes, onrename, onactivate, ondrop }: Props = $props();
+  let expanded = $state(new Set<string>());
+  let selected = $state(new Set<string>());
+</script>
+
+<div style="height: 240px">
+  <Tree label="Entities" {nodes} bind:expanded bind:selected {onrename} {onactivate} {ondrop} />
+</div>
+<output data-testid="selected">{[...selected].join(',')}</output>
+<output data-testid="expanded">{[...expanded].join(',')}</output>
diff --git a/packages/ui/test/kit.svelte.spec.ts b/packages/ui/test/kit.svelte.spec.ts
new file mode 100644
index 00000000..760893a5
--- /dev/null
+++ b/packages/ui/test/kit.svelte.spec.ts
@@ -0,0 +1,190 @@
+import { describe, expect, it, vi } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+import { page, userEvent } from 'vitest/browser';
+
+import ColorPicker from '../src/components/color-picker.svelte';
+import Dialog from '../src/components/dialog.svelte';
+import NumberInput from '../src/components/number-input.svelte';
+import Select from '../src/components/select.svelte';
+import Splitter from '../src/components/splitter.svelte';
+import Switch from '../src/components/switch.svelte';
+import Tabs from '../src/components/tabs.svelte';
+import type { TreeNode } from '../src/components/tree-model';
+import MenuHarness from './fixtures/MenuHarness.svelte';
+import TreeHarness from './fixtures/TreeHarness.svelte';
+
+describe('NumberInput', () => {
+  it('commits typed values, arrows and scrubbing', async () => {
+    const onchange = vi.fn();
+    const screen = render(NumberInput, { value: 10, onchange, label: 'X', prefix: 'X', step: 1 });
+    const input = screen.getByRole('textbox', { name: 'X' });
+    await input.fill('12,5');
+    await userEvent.keyboard('{Enter}');
+    expect(onchange).toHaveBeenLastCalledWith(12.5, true);
+    await input.click();
+    await userEvent.keyboard('{ArrowUp}');
+    expect(onchange).toHaveBeenLastCalledWith(11, true);
+
+    await expect.element(input).toHaveValue('11');
+    await userEvent.keyboard('{ArrowUp}');
+    expect(onchange).toHaveBeenLastCalledWith(12, true);
+    await expect.element(input).toHaveValue('12');
+    const calls = onchange.mock.calls.length;
+    await userEvent.keyboard('{Tab}');
+    expect(onchange.mock.calls.length).toBe(calls);
+
+    const handle = screen.container.querySelector<HTMLElement>('.prefix')!;
+    const rect = handle.getBoundingClientRect();
+    const pointer = (type: string, x: number) =>
+      handle.dispatchEvent(
+        new PointerEvent(type, {
+          clientX: x,
+          clientY: rect.top + 2,
+          button: 0,
+          pointerId: 1,
+          bubbles: true,
+        }),
+      );
+    pointer('pointerdown', rect.left);
+    pointer('pointermove', rect.left + 10);
+    pointer('pointermove', rect.left + 50);
+    pointer('pointerup', rect.left + 50);
+    expect(onchange).toHaveBeenCalledWith(20, false);
+    expect(onchange).toHaveBeenLastCalledWith(20, true);
+  });
+});
+
+const bigTree = (): TreeNode[] =>
+  Array.from({ length: 50 }, (_, i) => ({
+    id: `group-${i}`,
+    label: `Group ${i}`,
+    children: Array.from({ length: 100 }, (_, j) => ({
+      id: `n-${i}-${j}`,
+      label: `Entity ${i}.${j}`,
+    })),
+  }));
+
+describe('Tree', () => {
+  it('only renders visible rows of large trees', async () => {
+    const screen = render(TreeHarness, { nodes: bigTree() });
+    /** Focuses the first row. */
+    (screen.getByRole('tree').element() as HTMLElement).focus();
+    /** Expand it. */
+    await userEvent.keyboard('{ArrowRight}');
+    await expect.element(screen.getByTestId('expanded')).toHaveTextContent('group-0');
+    const rows = screen.container.querySelectorAll('[role="treeitem"]');
+    expect(rows.length).toBeGreaterThan(5);
+    expect(rows.length).toBeLessThan(40);
+  });
+
+  it('navigates, selects ranges and renames with the keyboard', async () => {
+    const onrename = vi.fn();
+    const onactivate = vi.fn();
+    const nodes: TreeNode[] = [
+      { id: 'a', label: 'Player', children: [{ id: 'a1', label: 'Sprite' }] },
+      { id: 'b', label: 'Ball' },
+      { id: 'c', label: 'Wall' },
+    ];
+    const screen = render(TreeHarness, { nodes, onrename, onactivate });
+    await screen.getByText('Ball').click();
+    await userEvent.keyboard('{Shift>}{ArrowDown}{/Shift}');
+    await expect.element(screen.getByTestId('selected')).toHaveTextContent('b,c');
+    await userEvent.keyboard('{ArrowUp}{ArrowUp}{ArrowRight}{ArrowDown}');
+    await expect.element(screen.getByTestId('selected')).toHaveTextContent('a1');
+    await userEvent.keyboard('{Enter}');
+    expect(onactivate).toHaveBeenCalledWith('a1');
+    await userEvent.keyboard('{F2}');
+    const input = screen.getByRole('textbox', { name: 'New name' });
+    await input.fill('Hero sprite');
+    await userEvent.keyboard('{Enter}');
+    expect(onrename).toHaveBeenCalledWith('a1', 'Hero sprite');
+  });
+});
+
+describe('controls', () => {
+  it('Switch toggles', async () => {
+    const onchange = vi.fn();
+    const screen = render(Switch, { label: 'Snap', onchange });
+    await screen.getByRole('switch', { name: 'Snap' }).click();
+    expect(onchange).toHaveBeenCalledWith(true);
+  });
+
+  it('Tabs move with arrow keys', async () => {
+    const onchange = vi.fn();
+    const screen = render(Tabs, {
+      label: 'Mode',
+      active: 'game',
+      onchange,
+      items: [
+        { id: 'game', label: 'Game' },
+        { id: 'scene', label: 'Scene' },
+      ],
+    });
+    await screen.getByRole('tab', { name: 'Game' }).click();
+    await userEvent.keyboard('{ArrowRight}');
+    expect(onchange).toHaveBeenLastCalledWith('scene');
+  });
+
+  it('Splitter resizes with the keyboard', async () => {
+    const onresize = vi.fn();
+    const screen = render(Splitter, {
+      orientation: 'vertical',
+      label: 'Resize left panel',
+      onresize,
+    });
+    (screen.getByRole('separator').element() as HTMLElement).focus();
+    await userEvent.keyboard('{ArrowRight}{Shift>}{ArrowLeft}{/Shift}');
+    expect(onresize.mock.calls.filter(([, final]) => final).map(([delta]) => delta)).toEqual(
+      expect.arrayContaining([10, -40]),
+    );
+  });
+
+  it('ColorPicker normalizes hex input', async () => {
+    const onchange = vi.fn();
+    const screen = render(ColorPicker, { value: '#000000', label: 'Tint', onchange });
+    await screen.getByRole('textbox', { name: 'Tint', exact: true }).fill('#F80');
+    await userEvent.keyboard('{Enter}');
+    expect(onchange).toHaveBeenLastCalledWith('#ff8800', true);
+  });
+
+  it('Select picks an option', async () => {
+    const onchange = vi.fn();
+    const screen = render(Select, {
+      label: 'Shape',
+      value: 'circle',
+      onchange,
+      items: [
+        { value: 'circle', label: 'Circle' },
+        { value: 'rect', label: 'Rectangle' },
+      ],
+    });
+    await screen.getByLabelText('Shape').click();
+    await page.getByRole('option', { name: 'Rectangle' }).click();
+    expect(onchange).toHaveBeenCalledWith('rect');
+  });
+});
+
+describe('overlays', () => {
+  it('Menu runs the selected item', async () => {
+    const onSelect = vi.fn();
+    const screen = render(MenuHarness, {
+      items: [
+        { kind: 'item', id: 'save', label: 'Save', shortcut: 'Ctrl+S', onSelect },
+        { kind: 'separator' },
+        { kind: 'item', id: 'quit', label: 'Quit', disabled: true, onSelect: vi.fn() },
+      ],
+    });
+    await screen.getByRole('button', { name: 'File' }).click();
+    await page.getByRole('menuitem', { name: /Save/ }).click();
+    expect(onSelect).toHaveBeenCalledOnce();
+  });
+
+  it('Dialog closes with Escape', async () => {
+    const onclose = vi.fn();
+    render(Dialog, { open: true, title: 'New scene', description: 'Name the scene.', onclose });
+    await expect.element(page.getByRole('dialog', { name: 'New scene' })).toBeVisible();
+    await userEvent.keyboard('{Escape}');
+    await expect.element(page.getByRole('dialog')).not.toBeInTheDocument();
+    expect(onclose).toHaveBeenCalledOnce();
+  });
+});
diff --git a/packages/ui/test/style.svelte.spec.ts b/packages/ui/test/style.svelte.spec.ts
new file mode 100644
index 00000000..e4372e37
--- /dev/null
+++ b/packages/ui/test/style.svelte.spec.ts
@@ -0,0 +1,61 @@
+import { afterEach, describe, expect, it } from 'vitest';
+
+import { ExtensionRegistry, ObservableValue } from '@nanoforge-dev/editor-kernel';
+
+import { StyleService } from '../src/style/style-service';
+import { ThemeService } from '../src/theme/theme-service';
+
+const element = (html: string) => {
+  const host = document.createElement('div');
+  host.innerHTML = html;
+  document.body.append(host);
+  return host;
+};
+
+afterEach(() => {
+  document.body.innerHTML = '';
+  document.adoptedStyleSheets = [];
+});
+
+describe('StyleService', () => {
+  it('scopes widget styles and removes them on dispose', () => {
+    const styles = new StyleService();
+    const host = element(`
+      <section data-nf-widget="acme.hierarchy"><p class="label">in</p></section>
+      <section data-nf-widget="other"><p class="label">out</p></section>`);
+    const [inside, outside] = host.querySelectorAll('p');
+    const sheet = styles.inject('@acme/tools', '.label { color: rgb(255, 0, 0); }', {
+      widgetId: 'acme.hierarchy',
+    });
+    expect(getComputedStyle(inside!).color).toBe('rgb(255, 0, 0)');
+    expect(getComputedStyle(outside!).color).not.toBe('rgb(255, 0, 0)');
+    sheet.dispose();
+    expect(getComputedStyle(inside!).color).not.toBe('rgb(255, 0, 0)');
+  });
+
+  it('orders layers: user overrides beat plugins, plugins beat ui', () => {
+    const styles = new StyleService();
+    const host = element('<p class="x">x</p>');
+    const p = host.querySelector('p')!;
+    styles.inject('user', '.x { color: rgb(0, 0, 255); }', { layer: 'user' });
+    styles.inject('@acme/tools', 'p.x { color: rgb(0, 255, 0); }');
+    styles.inject('core', 'body p.x { color: rgb(255, 0, 0); }');
+    expect(getComputedStyle(p).color).toBe('rgb(0, 0, 255)');
+  });
+});
+
+describe('ThemeService', () => {
+  it('applies the selected theme and follows the setting', () => {
+    const styles = new StyleService();
+    const selected = new ObservableValue('nanoforge-dark');
+    const themes = new ThemeService(new ExtensionRegistry(), styles, selected);
+    const root = document.documentElement;
+    expect(root.dataset.nfTheme).toBe('nanoforge-dark');
+    expect(getComputedStyle(root).getPropertyValue('--nf-color-surface').trim()).toBe('#1a1f28');
+    selected.set('nanoforge-light');
+    expect(getComputedStyle(root).getPropertyValue('--nf-color-surface').trim()).toBe('#eef1f5');
+    selected.set('missing-theme');
+    expect(root.dataset.nfTheme).toBe('nanoforge-dark');
+    themes.dispose();
+  });
+});
diff --git a/packages/ui/test/workbench/action/list-actions.spec.ts b/packages/ui/test/workbench/action/list-actions.spec.ts
new file mode 100644
index 00000000..47935d99
--- /dev/null
+++ b/packages/ui/test/workbench/action/list-actions.spec.ts
@@ -0,0 +1,83 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+  COMMAND_METADATA,
+  CommandRegistry,
+  Container,
+  ContextKeyService,
+  ExtensionRegistry,
+} from '@nanoforge-dev/editor-kernel';
+
+import {
+  actionLabel,
+  isActionEnabled,
+  listActions,
+} from '../../../src/workbench/action/list-actions';
+import {
+  MENU_BAR,
+  MENU_ITEMS,
+  MenuItemSchema,
+} from '../../../src/workbench/extension-point/menu.extension-point';
+
+const setup = () => {
+  const extensions = new ExtensionRegistry();
+  const context = new ContextKeyService();
+  const commands = new CommandRegistry(new Container(), context);
+  const noop = () => undefined;
+  commands.register({
+    id: 'runtime.stop',
+    title: 'Stop',
+    category: 'Run',
+    when: 'playing',
+    handler: noop,
+  });
+  commands.register({ id: 'open.widget', title: 'Open panel', palette: false, handler: noop });
+  commands.register({ id: 'internal', handler: noop });
+  commands.register({ id: 'hello.greet', handler: noop });
+  const declare = (id: string, title: string, extra = {}) =>
+    extensions.contribute(
+      COMMAND_METADATA,
+      { id, title, owner: '@acme/hello', ...extra },
+      { owner: 'x' },
+    );
+  declare('hello.greet', 'Say hello', { category: 'Hello' });
+  declare('hello.lazy', 'Lazy one');
+  extensions.contribute(MENU_BAR, { id: 'view', title: 'View', order: 0 }, { owner: 'core' });
+  const item = (value: Record<string, unknown>) =>
+    extensions.contribute(MENU_ITEMS, MenuItemSchema.parse(value), { owner: 'core' });
+  item({ menu: 'view', submenu: 'view.panels', title: 'Panels' });
+  item({ menu: 'view.panels', command: 'open.widget', args: ['console'], title: 'Console' });
+  item({
+    menu: 'view.panels',
+    command: 'open.widget',
+    args: ['files'],
+    title: 'Files',
+    when: 'project',
+  });
+  item({ menu: 'view', command: 'runtime.stop' });
+  item({ menu: 'tab/context', command: 'open.widget', args: ['x'], title: 'Context only' });
+  return { actions: listActions({ commands, extensions }), context };
+};
+
+describe('listActions', () => {
+  it('lists titled commands and menu entries with arguments', () => {
+    const { actions } = setup();
+    expect(actions.map((action) => [action.id, actionLabel(action)])).toEqual([
+      ['hello.greet', 'Hello: Say hello'],
+      ['hello.lazy', 'Lazy one'],
+      ['runtime.stop', 'Run: Stop'],
+      ['open.widget ["console"]', 'View › Panels: Console'],
+      ['open.widget ["files"]', 'View › Panels: Files'],
+    ]);
+  });
+
+  it('tells which actions can run now', () => {
+    const { actions, context } = setup();
+    const enabled = () =>
+      actions.filter((action) => isActionEnabled(action, context)).map((action) => action.id);
+    expect(enabled()).toEqual(['hello.greet', 'hello.lazy', 'open.widget ["console"]']);
+    context.set('playing', true);
+    context.set('project', true);
+    expect(enabled()).toHaveLength(5);
+  });
+});
diff --git a/packages/ui/test/workbench/keybinding/keybindings.spec.ts b/packages/ui/test/workbench/keybinding/keybindings.spec.ts
new file mode 100644
index 00000000..68cae86e
--- /dev/null
+++ b/packages/ui/test/workbench/keybinding/keybindings.spec.ts
@@ -0,0 +1,247 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import {
+  CommandRegistry,
+  Container,
+  ContextKeyService,
+  ExtensionRegistry,
+  ObservableValue,
+} from '@nanoforge-dev/editor-kernel';
+
+import { KEYBINDINGS } from '../../../src/workbench/extension-point/keybinding.extension-point';
+import { KeybindingService } from '../../../src/workbench/keybinding/keybinding-service';
+import type { KeymapOverride } from '../../../src/workbench/keybinding/keymap.type';
+import {
+  formatKeybinding,
+  normalizeStroke,
+  parseKeybinding,
+  portableStroke,
+} from '../../../src/workbench/keybinding/keystroke';
+import {
+  bindingsConflict,
+  findConflicts,
+  resolveKeymap,
+} from '../../../src/workbench/keybinding/resolve-keymap';
+
+const key = (init: Partial<KeyboardEvent> & { key: string }) =>
+  ({
+    ctrlKey: false,
+    altKey: false,
+    shiftKey: false,
+    metaKey: false,
+    preventDefault: vi.fn(),
+    stopPropagation: vi.fn(),
+    ...init,
+  }) as unknown as KeyboardEvent;
+
+const setup = (overrides: KeymapOverride[] = []) => {
+  const extensions = new ExtensionRegistry();
+  const context = new ContextKeyService();
+  const commands = new CommandRegistry(new Container(), context);
+  const ran: string[] = [];
+  for (const id of ['undo', 'palette', 'save', 'quickOpen', 'other']) {
+    commands.register({ id, handler: () => void ran.push(id) });
+  }
+  const bind = (binding: { key: string; command: string; when?: string }) =>
+    extensions.contribute(KEYBINDINGS, { args: [], ...binding }, { owner: 'core' });
+  bind({ key: 'Mod+Z', command: 'undo', when: '!textInputFocus' });
+  bind({ key: 'Ctrl+Shift+P', command: 'palette' });
+  bind({ key: 'Ctrl+K Ctrl+S', command: 'save' });
+  bind({ key: 'Ctrl+P', command: 'quickOpen' });
+  const service = new KeybindingService(
+    extensions,
+    commands,
+    context,
+    new ObservableValue(overrides),
+  );
+  return { service, context, ran, bind };
+};
+
+describe('keybinding parsing', () => {
+  it('normalizes strokes', () => {
+    expect(normalizeStroke('shift+ctrl+p', false)).toBe('Ctrl+Shift+P');
+    expect(normalizeStroke('Mod+Z', true)).toBe('Meta+Z');
+    expect(normalizeStroke('Mod+Z', false)).toBe('Ctrl+Z');
+    expect(normalizeStroke('Ctrl++', false)).toBe('Ctrl++');
+    expect(normalizeStroke('esc', false)).toBe('Escape');
+    expect(parseKeybinding('ctrl+k  ctrl+s', false)).toEqual(['Ctrl+K', 'Ctrl+S']);
+    expect(formatKeybinding('Mod+Shift+P', true)).toBe('⇧⌘P');
+    expect(() => normalizeStroke('Hyper+X', false)).toThrow(/modifier/);
+  });
+});
+
+describe('KeybindingService', () => {
+  it('runs commands and lets native undo work in text inputs', async () => {
+    const { service, context, ran } = setup();
+    const event = key({ key: 'z', ctrlKey: true });
+    expect(service.handle(event)).toBe(true);
+    expect(event.preventDefault).toHaveBeenCalled();
+    context.set('textInputFocus', true);
+    const native = key({ key: 'z', ctrlKey: true });
+    expect(service.handle(native)).toBe(false);
+    expect(native.preventDefault).not.toHaveBeenCalled();
+    await Promise.resolve();
+    expect(ran).toEqual(['undo']);
+  });
+
+  it('uses the typed character (AZERTY friendly) and supports chords', async () => {
+    const { service, ran } = setup();
+    service.handle(key({ key: 'P', ctrlKey: true, shiftKey: true }));
+    /** Chord start. */
+    expect(service.handle(key({ key: 'k', ctrlKey: true }))).toBe(true);
+    service.handle(key({ key: 's', ctrlKey: true }));
+    service.handle(key({ key: 'k', ctrlKey: true }));
+    /** Broken chord. */
+    service.handle(key({ key: 'x', ctrlKey: true }));
+    await Promise.resolve();
+    expect(ran).toEqual(['palette', 'save']);
+  });
+
+  it('applies user overrides and reports conflicts', () => {
+    const { service, bind } = setup([
+      { command: 'quickOpen', key: 'Ctrl+P', remove: true },
+      { command: 'other', key: 'Ctrl+P' },
+    ]);
+    expect(service.bindings.find((binding) => binding.strokes.join() === 'Ctrl+P')?.command).toBe(
+      'other',
+    );
+    expect(service.keyFor('other')).toBe('Ctrl+P');
+    expect(service.conflicts()).toEqual([]);
+    bind({ key: 'Ctrl+Shift+P', command: 'other' });
+    expect(service.conflicts().map((conflict) => conflict.key)).toEqual(['Ctrl+Shift+P']);
+  });
+});
+
+describe('resolveKeymap', () => {
+  const defaults = [
+    { key: 'Mod+S', command: 'save', args: [] },
+    { key: 'F5', command: 'play', args: [], when: '!playing' },
+    { key: 'Ctrl+K S', command: 'saveAll', args: [] },
+  ];
+  const keys = (bindings: ReturnType<typeof resolveKeymap>) =>
+    bindings.map((binding) => `${binding.source}:${binding.command}:${binding.strokes.join(' ')}`);
+
+  it('applies the preset, then the overrides, in order', () => {
+    const bindings = resolveKeymap(
+      defaults,
+      [
+        { command: 'play', key: 'F5', remove: true },
+        { command: 'play', key: 'F9' },
+      ],
+      [
+        { command: 'play', key: 'F9', remove: true },
+        { command: 'play', key: 'F9' },
+        { command: 'open', key: 'Ctrl+F1', args: ['game'] },
+        { command: 'save', key: 'Mod+S', remove: true },
+      ],
+      undefined,
+    );
+    expect(keys(bindings)).toEqual([
+      'user:play:F9',
+      'user:open:Ctrl+F1',
+      'default:saveAll:Ctrl+K S',
+    ]);
+    expect(bindings[1]!.args).toEqual(['game']);
+  });
+
+  it('removes by action: the command and its arguments', () => {
+    const withArgs = [
+      { key: 'Ctrl+F1', command: 'open', args: ['scene'] },
+      { key: 'Ctrl+F1', command: 'open', args: ['game'] },
+    ];
+    const bindings = resolveKeymap(
+      withArgs,
+      [],
+      [{ command: 'open', key: 'Ctrl+F1', args: ['game'], remove: true }],
+    );
+    expect(bindings.map((binding) => binding.args)).toEqual([['scene']]);
+  });
+
+  it('skips invalid entries and does not add a shortcut twice', () => {
+    const invalid: unknown[] = [];
+    const bindings = resolveKeymap(
+      defaults,
+      [],
+      [
+        { command: 'save', key: 'Mod+S' },
+        { command: 'save', key: 'Nope+S' },
+        { command: 'save', key: 'F2', when: '((' },
+      ],
+      (binding) => invalid.push(binding.key),
+    );
+    expect(bindings).toHaveLength(3);
+    expect(invalid).toEqual(['Nope+S', 'F2']);
+  });
+});
+
+describe('conflicts', () => {
+  const [save, saveAs, guarded, other, chord, sameAction] = resolveKeymap(
+    [
+      { key: 'Ctrl+K', command: 'save', args: [] },
+      { key: 'Ctrl+K', command: 'saveAs', args: [] },
+      { key: 'Ctrl+K', command: 'guarded', args: [], when: 'a' },
+      { key: 'Ctrl+K', command: 'other', args: [], when: 'b' },
+      { key: 'Ctrl+K S', command: 'chord', args: [], when: 'b' },
+      { key: 'Ctrl+K', command: 'save', args: [], when: 'c' },
+    ],
+    [],
+    [],
+  ) as [never, never, never, never, never, never];
+
+  it('needs different actions and conditions that overlap', () => {
+    expect(bindingsConflict(save, saveAs)).toBe(true);
+    expect(bindingsConflict(save, guarded)).toBe(true);
+    expect(bindingsConflict(guarded, other)).toBe(false);
+    expect(bindingsConflict(save, sameAction)).toBe(false);
+  });
+
+  it('sees a shortcut hiding a chord', () => {
+    expect(bindingsConflict(other, chord)).toBe(true);
+    expect(bindingsConflict(guarded, chord)).toBe(false);
+  });
+
+  it('tells actions with different arguments apart', () => {
+    const [scene, game] = resolveKeymap(
+      [
+        { key: 'F1', command: 'open', args: ['scene'] },
+        { key: 'F1', command: 'open', args: ['game'] },
+      ],
+      [],
+      [],
+    );
+    expect(bindingsConflict(scene!, game!)).toBe(true);
+  });
+
+  it('groups conflicts by the keys they share', () => {
+    const groups = findConflicts([save, saveAs, guarded, other, chord, sameAction]);
+    expect(groups.map((group) => group.key)).toEqual(['Ctrl+K']);
+    expect(groups[0]!.bindings).toHaveLength(6);
+  });
+});
+
+describe('recording', () => {
+  it('saves the main modifier as Mod', () => {
+    expect(portableStroke('Ctrl+Shift+P', false)).toBe('Mod+Shift+P');
+    expect(portableStroke('Shift+Meta+P', true)).toBe('Mod+Shift+P');
+    expect(portableStroke('Ctrl+P', true)).toBe('Ctrl+P');
+    expect(portableStroke('Ctrl++', false)).toBe('Mod++');
+    expect(portableStroke('F5', false)).toBe('F5');
+    expect(normalizeStroke(portableStroke('Ctrl+Alt+K', false), false)).toBe('Ctrl+Alt+K');
+  });
+
+  it('lets keys through while suspended', () => {
+    const extensions = new ExtensionRegistry();
+    const context = new ContextKeyService();
+    const commands = new CommandRegistry(new Container(), context);
+    let ran = 0;
+    commands.register({ id: 'go', handler: () => void ran++ });
+    extensions.contribute(KEYBINDINGS, { key: 'F5', command: 'go', args: [] }, { owner: 'core' });
+    const service = new KeybindingService(extensions, commands, context);
+    const suspended = service.suspend();
+    expect(service.handle(key({ key: 'F5' }))).toBe(false);
+    suspended.dispose();
+    suspended.dispose();
+    expect(service.handle(key({ key: 'F5' }))).toBe(true);
+    expect(ran).toBe(1);
+  });
+});
diff --git a/packages/ui/test/workbench/keybinding/keymap-edit.spec.ts b/packages/ui/test/workbench/keybinding/keymap-edit.spec.ts
new file mode 100644
index 00000000..fd3a619a
--- /dev/null
+++ b/packages/ui/test/workbench/keybinding/keymap-edit.spec.ts
@@ -0,0 +1,128 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+  type KeymapLayers,
+  isActionChanged,
+  resetAction,
+  resolveLayers,
+  setShortcut,
+} from '../../../src/workbench/keybinding/keymap-edit';
+import type { KeymapOverride } from '../../../src/workbench/keybinding/keymap.type';
+
+const layers = (patch: Partial<KeymapLayers> = {}): KeymapLayers => ({
+  defaults: [
+    { key: 'Mod+S', command: 'save', args: [] },
+    { key: 'F5', command: 'play', args: [], when: '!playing' },
+  ],
+  preset: [],
+  before: [],
+  own: [],
+  after: [],
+  ...patch,
+});
+
+const keys = (value: KeymapLayers) =>
+  resolveLayers(value).map(
+    (binding) =>
+      `${binding.source}:${binding.command}:${binding.strokes.join(' ')}${binding.when ? `:${binding.when}` : ''}`,
+  );
+
+/** Applies an edit to the edited scope and returns the layers with it. */
+const edit = (value: KeymapLayers, own: KeymapOverride[]): KeymapLayers => ({ ...value, own });
+
+describe('setShortcut', () => {
+  it('adds a shortcut, a chord too, and several per action', () => {
+    let value = layers();
+    value = edit(value, setShortcut(value, { command: 'save', key: 'Mod+K Mod+S' }, {}));
+    value = edit(value, setShortcut(value, { command: 'save', key: 'F2' }, { when: 'editing' }));
+    expect(value.own).toEqual([
+      { command: 'save', key: 'Mod+K Mod+S' },
+      { command: 'save', key: 'F2', when: 'editing' },
+    ]);
+    expect(keys(value)).toContain('user:save:Ctrl+K Ctrl+S');
+    expect(keys(value)).toContain('default:save:Ctrl+S');
+  });
+
+  it('removes a default with one entry, and puts it back with none', () => {
+    let value = layers();
+    value = edit(value, setShortcut(value, { command: 'save', key: 'Mod+S' }, undefined));
+    expect(value.own).toEqual([{ command: 'save', key: 'Mod+S', remove: true }]);
+    expect(keys(value)).toEqual(['default:play:F5:!playing']);
+    value = edit(value, setShortcut(value, { command: 'save', key: 'Ctrl+S' }, {}));
+    expect(value.own).toEqual([]);
+  });
+
+  it('removes a shortcut the user added by dropping its entry', () => {
+    let value = layers({ own: [{ command: 'save', key: 'F2' }] });
+    value = edit(value, setShortcut(value, { command: 'save', key: 'F2' }, undefined));
+    expect(value.own).toEqual([]);
+  });
+
+  it('changes the condition of a default: a removal, then the new shortcut', () => {
+    let value = layers();
+    value = edit(value, setShortcut(value, { command: 'play', key: 'F5' }, { when: 'ready' }));
+    expect(value.own).toEqual([
+      { command: 'play', key: 'F5', remove: true },
+      { command: 'play', key: 'F5', when: 'ready' },
+    ]);
+    expect(keys(value)).toEqual(['user:play:F5:ready', 'default:save:Ctrl+S']);
+    value = edit(value, setShortcut(value, { command: 'play', key: 'F5' }, { when: '!playing' }));
+    expect(value.own).toEqual([]);
+  });
+
+  it('keeps arguments, and tells actions with different arguments apart', () => {
+    let value = layers();
+    const game = { command: 'open', args: ['game'], key: 'Ctrl+F2' };
+    value = edit(value, setShortcut(value, game, {}));
+    value = edit(
+      value,
+      setShortcut(value, { command: 'open', args: ['scene'], key: 'Ctrl+F2' }, {}),
+    );
+    expect(value.own).toHaveLength(2);
+    value = edit(value, setShortcut(value, game, undefined));
+    expect(value.own).toEqual([{ command: 'open', key: 'Ctrl+F2', args: ['scene'] }]);
+  });
+
+  it('edits one scope on top of the other', () => {
+    const account: KeymapOverride[] = [
+      { command: 'save', key: 'F2' },
+      { command: 'save', key: 'Mod+S', remove: true },
+    ];
+    let machine = layers({ before: account });
+    machine = edit(machine, setShortcut(machine, { command: 'save', key: 'F2' }, undefined));
+    machine = edit(machine, setShortcut(machine, { command: 'save', key: 'Mod+S' }, {}));
+    expect(machine.own).toEqual([
+      { command: 'save', key: 'F2', remove: true },
+      { command: 'save', key: 'Mod+S' },
+    ]);
+    expect(keys(machine)).toEqual(['user:save:Ctrl+S', 'default:play:F5:!playing']);
+    const edited = layers({ own: account, after: machine.own });
+    expect(setShortcut(edited, { command: 'play', key: 'F9' }, {})).toEqual([
+      ...account,
+      { command: 'play', key: 'F9' },
+    ]);
+  });
+
+  it('works on top of a preset', () => {
+    let value = layers({ preset: [{ command: 'play', key: 'F6' }] });
+    value = edit(value, setShortcut(value, { command: 'play', key: 'F6' }, undefined));
+    expect(value.own).toEqual([{ command: 'play', key: 'F6', remove: true }]);
+    expect(keys(value)).not.toContain('preset:play:F6');
+  });
+});
+
+describe('resetAction', () => {
+  it('drops every entry about the action and nothing else', () => {
+    const own: KeymapOverride[] = [
+      { command: 'save', key: 'F2' },
+      { command: 'save', key: 'Mod+S', remove: true },
+      { command: 'play', key: 'F9' },
+      { command: 'open', key: 'F1', args: ['game'] },
+    ];
+    expect(resetAction(own, 'save')).toEqual([own[2], own[3]]);
+    expect(resetAction(own, 'open', ['scene'])).toEqual(own);
+    expect(isActionChanged(own, 'save')).toBe(true);
+    expect(isActionChanged(own, 'open')).toBe(false);
+    expect(isActionChanged(own, 'open', ['game'])).toBe(true);
+  });
+});
diff --git a/packages/ui/test/workbench/layout/layout-controller.spec.ts b/packages/ui/test/workbench/layout/layout-controller.spec.ts
new file mode 100644
index 00000000..8fcc66e2
--- /dev/null
+++ b/packages/ui/test/workbench/layout/layout-controller.spec.ts
@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+
+import { HistoryService } from '@nanoforge-dev/editor-history';
+import { ExtensionRegistry } from '@nanoforge-dev/editor-kernel';
+
+import { LayoutController } from '../../../src/workbench/layout/layout-controller';
+
+const setup = () => {
+  const settings = {
+    get: () => ({}),
+    set: async () => undefined,
+    hasStore: () => false,
+    observe: () => ({ get: () => ({}), subscribe: () => () => undefined }),
+  };
+  return new LayoutController({
+    extensions: new ExtensionRegistry(),
+    history: new HistoryService(),
+    settings: settings as never,
+  });
+};
+
+describe('LayoutController', () => {
+  it('keeps floating windows numbered 1 to n when raised', async () => {
+    const controller = setup();
+    for (const id of ['a', 'b', 'c'])
+      await controller.apply({
+        type: 'add',
+        ref: { instanceId: id, widgetId: id },
+        location: {
+          kind: 'float',
+          floatId: `float-${id}`,
+          index: 0,
+          rect: { x: 0, y: 0, width: 300, height: 200 },
+        },
+      });
+    for (let round = 0; round < 50; round++)
+      for (const id of ['a', 'b', 'c']) controller.raise(`float-${id}`);
+    const floats = controller.current.floats;
+    expect(floats.map((float) => float.z).sort()).toEqual([1, 2, 3]);
+    expect(floats.find((float) => float.id === 'float-c')!.z).toBe(3);
+  });
+});
diff --git a/packages/ui/test/workbench/service/workbench-service.spec.ts b/packages/ui/test/workbench/service/workbench-service.spec.ts
new file mode 100644
index 00000000..627b9552
--- /dev/null
+++ b/packages/ui/test/workbench/service/workbench-service.spec.ts
@@ -0,0 +1,47 @@
+import { describe, expect, it } from 'vitest';
+
+import { ExtensionRegistry } from '@nanoforge-dev/editor-kernel';
+
+import { WIDGETS } from '../../../src/workbench/extension-point/widget.extension-point';
+import { WorkbenchService } from '../../../src/workbench/service/workbench-service';
+import type { ViewStatus } from '../../../src/workbench/service/workbench-service.type';
+
+const setup = (activate: (event: string) => Promise<unknown>) => {
+  const extensions = new ExtensionRegistry();
+  extensions.contribute(WIDGETS, { id: 'demo.panel', title: 'Demo' } as never, { owner: 'demo' });
+  const settings = { registry: { register: () => ({ dispose() {} }) }, get: () => ({}) };
+  const service = new WorkbenchService({
+    services: {} as never,
+    extensions,
+    styles: {} as never,
+    layout: {} as never,
+    contextKeys: {} as never,
+    settings: settings as never,
+    activate,
+  });
+  const statuses: ViewStatus[] = [];
+  const unsubscribe = service.view('demo.panel').subscribe((status) => statuses.push(status));
+  return { service, statuses, unsubscribe };
+};
+
+describe('WorkbenchService panel views', () => {
+  it('says why a panel is unavailable when its plugin failed, and tries again', async () => {
+    let calls = 0;
+    const { service, statuses, unsubscribe } = setup(async () => {
+      calls++;
+      return calls === 1 ? [new Error('import failed')] : [];
+    });
+    await expect.poll(() => statuses.at(-1)?.kind).toBe('unavailable');
+    expect(statuses.at(-1)).toMatchObject({
+      reason: 'Its plugin failed to start: import failed',
+    });
+
+    service.retry('demo.panel');
+    await expect.poll(() => calls).toBe(2);
+    await expect
+      .poll(() => (statuses.at(-1) as { reason?: string }).reason)
+      .toBe('Its plugin did not register a view for this panel.');
+    unsubscribe();
+    service.dispose();
+  });
+});
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 00000000..d3ed72c6
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["@vitest/browser-playwright"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte", "test/**/*.ts", "test/**/*.svelte"]
+}
diff --git a/packages/ui/vitest.config.ts b/packages/ui/vitest.config.ts
new file mode 100644
index 00000000..69b9176b
--- /dev/null
+++ b/packages/ui/vitest.config.ts
@@ -0,0 +1,42 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { playwright } from '@vitest/browser-playwright';
+import { fileURLToPath } from 'node:url';
+import { defineConfig } from 'vitest/config';
+
+/**
+ * Node tests (`*.spec.ts`) and real browser tests (`*.svelte.spec.ts`, Chromium through
+ * Playwright). Set CHROME to use a locally installed browser instead of Playwright's.
+ */
+export default defineConfig({
+  plugins: [svelte({ compilerOptions: { runes: true } })],
+  test: {
+    passWithNoTests: true,
+    setupFiles: [fileURLToPath(new URL('../../vitest.setup.ts', import.meta.url))],
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: 'node',
+          environment: 'node',
+          include: ['test/**/*.spec.ts'],
+          exclude: ['**/*.svelte.spec.ts'],
+        },
+      },
+      {
+        extends: true,
+        test: {
+          name: 'browser',
+          include: ['test/**/*.svelte.spec.ts'],
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: playwright({
+              launchOptions: process.env.CHROME ? { executablePath: process.env.CHROME } : {},
+            }),
+            instances: [{ browser: 'chromium' }],
+          },
+        },
+      },
+    ],
+  },
+});
diff --git a/playwright.config.ts b/playwright.config.ts
deleted file mode 100644
index e1a161a2..00000000
--- a/playwright.config.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { defineConfig } from '@playwright/test';
-
-export default defineConfig({
-  webServer: { command: 'npm run build && npm run preview', port: 4173 },
-  testDir: 'e2e',
-});
diff --git a/plugins/code-editor/.prettierignore b/plugins/code-editor/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/code-editor/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/code-editor/LICENSE b/plugins/code-editor/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/code-editor/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/code-editor/README.md b/plugins/code-editor/README.md
new file mode 100644
index 00000000..2005b15f
--- /dev/null
+++ b/plugins/code-editor/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/code-editor"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fcode-editor" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-code-editor` is an internal package of the NanoForge Editor.
+
+Built-in code editor (Monaco).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/code-editor
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/code-editor/nanoforge.manifest.json b/plugins/code-editor/nanoforge.manifest.json
new file mode 100644
index 00000000..32e8a24c
--- /dev/null
+++ b/plugins/code-editor/nanoforge.manifest.json
@@ -0,0 +1,175 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/code-editor",
+  "version": "0.1.0",
+  "displayName": "Code editor",
+  "description": "Edit the game's code with Monaco: tabs, split view, types, diagnostics and Prettier.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": [
+    "onCommand:codeEditor.open",
+    "onCommand:codeEditor.compare",
+    "onWidget:code-editor.script",
+    "onScreen:code-editor.script"
+  ],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "code-editor.script",
+        "title": "Script",
+        "icon": "code",
+        "kind": "screen",
+        "order": 200
+      }
+    ],
+    "documentEditors": [
+      {
+        "pattern": "**/*.{ts,tsx,mts,cts,js,jsx,mjs,cjs,json,jsonc,md,mdx,css,scss,less,html,svelte,vue,yaml,yml,toml,txt,xml,svg,glsl,wgsl,sh,env,lock,log}",
+        "widget": "code-editor.script",
+        "command": "codeEditor.open",
+        "title": "Code editor"
+      },
+      {
+        "pattern": "**/{.*,*rc,Dockerfile,LICENSE,Makefile}",
+        "widget": "code-editor.script",
+        "command": "codeEditor.open",
+        "title": "Code editor",
+        "priority": -10
+      }
+    ],
+    "commands": [
+      {
+        "id": "codeEditor.open",
+        "title": "Open in code editor",
+        "category": "File",
+        "palette": false
+      },
+      {
+        "id": "codeEditor.compare",
+        "title": "Compare with another version",
+        "category": "Code",
+        "palette": false
+      },
+      { "id": "codeEditor.save", "title": "Save", "category": "File" },
+      { "id": "codeEditor.saveAll", "title": "Save all", "category": "File" },
+      { "id": "codeEditor.revert", "title": "Revert file", "category": "File" },
+      { "id": "codeEditor.format", "title": "Format file", "category": "Code" },
+      { "id": "codeEditor.organizeImports", "title": "Organize imports", "category": "Code" },
+      { "id": "codeEditor.splitRight", "title": "Split editor right", "category": "View" },
+      { "id": "codeEditor.closeTab", "title": "Close tab", "category": "View" }
+    ],
+    "keybindings": [
+      {
+        "key": "Mod+S",
+        "command": "codeEditor.save",
+        "when": "focusedWidget == 'code-editor.script'"
+      },
+      { "key": "Mod+K S", "command": "codeEditor.saveAll" },
+      {
+        "key": "Shift+Alt+F",
+        "command": "codeEditor.format",
+        "when": "focusedWidget == 'code-editor.script'"
+      },
+      {
+        "key": "Shift+Alt+O",
+        "command": "codeEditor.organizeImports",
+        "when": "focusedWidget == 'code-editor.script'"
+      },
+      {
+        "key": "Mod+\\",
+        "command": "codeEditor.splitRight",
+        "when": "focusedWidget == 'code-editor.script'"
+      },
+      {
+        "key": "Alt+W",
+        "command": "codeEditor.closeTab",
+        "when": "focusedWidget == 'code-editor.script'"
+      }
+    ],
+    "menus": [
+      { "menu": "file", "command": "codeEditor.save", "group": "save", "order": 0 },
+      { "menu": "file", "command": "codeEditor.saveAll", "group": "save", "order": 1 },
+      { "menu": "file", "command": "codeEditor.revert", "group": "save", "order": 2 },
+      { "menu": "edit", "command": "codeEditor.format", "group": "code", "order": 0 },
+      { "menu": "edit", "command": "codeEditor.organizeImports", "group": "code", "order": 1 },
+      { "menu": "view", "command": "codeEditor.splitRight", "group": "editor" }
+    ],
+    "settings": [
+      {
+        "key": "autoSave.afterDelay",
+        "type": "boolean",
+        "default": false,
+        "title": "Save after a delay",
+        "description": "Save files automatically when you stop typing.",
+        "category": "Editor/Code editor/Saving",
+        "order": 0
+      },
+      {
+        "key": "autoSave.delayMs",
+        "type": "number",
+        "integer": true,
+        "minimum": 100,
+        "maximum": 60000,
+        "default": 1000,
+        "title": "Autosave delay (ms)",
+        "category": "Editor/Code editor/Saving",
+        "order": 1
+      },
+      {
+        "key": "autoSave.onFocusLoss",
+        "type": "boolean",
+        "default": false,
+        "title": "Save when the editor loses focus",
+        "description": "Save when you leave the editor, switch tabs or leave the window.",
+        "category": "Editor/Code editor/Saving",
+        "order": 2
+      },
+      {
+        "key": "onSave.format",
+        "type": "boolean",
+        "default": false,
+        "title": "Reformat with Prettier on save",
+        "description": "Uses the project's Prettier and its config.",
+        "category": "Editor/Code editor/Actions on save",
+        "order": 0
+      },
+      {
+        "key": "onSave.organizeImports",
+        "type": "boolean",
+        "default": false,
+        "title": "Organize imports on save",
+        "description": "Sorts imports and removes unused ones in TypeScript and JavaScript files.",
+        "category": "Editor/Code editor/Actions on save",
+        "order": 1
+      },
+      {
+        "key": "fontSize",
+        "type": "number",
+        "integer": true,
+        "minimum": 8,
+        "maximum": 32,
+        "default": 13,
+        "title": "Font size",
+        "category": "Editor/Code editor/Display",
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "minimap",
+        "type": "boolean",
+        "default": true,
+        "title": "Show the minimap",
+        "category": "Editor/Code editor/Display",
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "wordWrap",
+        "type": "boolean",
+        "default": false,
+        "title": "Wrap long lines",
+        "category": "Editor/Code editor/Display",
+        "scopes": ["account", "machine"]
+      }
+    ]
+  }
+}
diff --git a/plugins/code-editor/package.json b/plugins/code-editor/package.json
new file mode 100644
index 00000000..e93e1253
--- /dev/null
+++ b/plugins/code-editor/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-code-editor",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in code editor (Monaco)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/code-editor"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "dev": "vite build --watch",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "monaco-editor": "catalog:components",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/code-editor/src/document/editor-document.ts b/plugins/code-editor/src/document/editor-document.ts
new file mode 100644
index 00000000..2a845ffe
--- /dev/null
+++ b/plugins/code-editor/src/document/editor-document.ts
@@ -0,0 +1,277 @@
+import {
+  type CommandOrigin,
+  type DocumentChange,
+  Emitter,
+  type Event,
+  type Observable,
+  ObservableValue,
+  type OpenDocument,
+  type TextEdit,
+} from '@nanoforge-dev/editor-sdk';
+
+import { type Monaco, type monaco, uriOf } from '../monaco/monaco';
+import type { Conflict, DocumentHost } from './editor-document.type';
+
+const PERSIST_DELAY_MS = 400;
+
+/** The model of a file (Monaco may have created it already, e.g. to peek a definition). */
+const modelFor = (monaco: Monaco, path: string, text: string): monaco.editor.ITextModel => {
+  const existing = monaco.editor.getModel(uriOf(path));
+  if (!existing) return monaco.editor.createModel(text, undefined, uriOf(path));
+  if (existing.getValue() !== text) existing.setValue(text);
+  return existing;
+};
+
+const isConflict = (error: unknown): boolean =>
+  typeof error === 'object' && error !== null && (error as { code?: unknown }).code === 'CONFLICT';
+
+/**
+ * A file open in the code editor: a Monaco model, registered with the DocumentService so edits
+ * of other plugins (codegen) go to it. Unsaved edits are kept locally until saved or reverted.
+ */
+export class EditorDocument implements OpenDocument {
+  readonly kind = 'text' as const;
+  private readonly _dirty = new ObservableValue(false);
+  private readonly _conflict = new ObservableValue<Conflict | undefined>(undefined);
+  private readonly _onDidChange = new Emitter<DocumentChange>();
+  private readonly _listener: monaco.IDisposable;
+  private _savedVersion: number;
+  private _hash: string | null;
+  private _origin: CommandOrigin | undefined;
+  private _persistTimer: ReturnType<typeof setTimeout> | undefined;
+  /** Saves asked and not done yet; the running one is `_saving`'s tail. */
+  private _saves = 0;
+  private _saving: Promise<unknown> = Promise.resolve();
+  private _restoring = false;
+
+  readonly onDidChange: Event<DocumentChange> = this._onDidChange.event;
+
+  /** Opens a project file, restoring unsaved edits kept from a previous session. */
+  static async open(host: DocumentHost, path: string): Promise<EditorDocument> {
+    const disk = await host.backend.read(path);
+    const model = modelFor(host.monaco, path, disk.text);
+    const document = new EditorDocument(host, path, model, disk.hash, false);
+    const unsaved = await host.unsaved.get(path).catch(() => undefined);
+    if (unsaved && unsaved.text !== disk.text) {
+      document._restoring = true;
+      document._replaceAll(unsaved.text);
+      document._restoring = false;
+      if (unsaved.baseHash !== disk.hash) {
+        document._conflict.set({ diskText: disk.text, diskHash: disk.hash });
+      }
+    }
+    return document;
+  }
+
+  /** Opens a type declaration file (not part of the project, never saved). */
+  static library(host: DocumentHost, path: string, text: string): EditorDocument {
+    return new EditorDocument(host, path, modelFor(host.monaco, path, text), null, true);
+  }
+
+  private constructor(
+    private readonly _host: DocumentHost,
+    readonly uri: string,
+    readonly model: monaco.editor.ITextModel,
+    hash: string | null,
+    /** Library declarations (go to definition): never saved. */
+    readonly readOnly: boolean,
+  ) {
+    this._hash = hash;
+    this._savedVersion = model.getAlternativeVersionId();
+    this._listener = model.onDidChangeContent((event) => {
+      this._dirty.set(!this.readOnly && model.getAlternativeVersionId() !== this._savedVersion);
+      this._onDidChange.fire({
+        uri,
+        edits: event.changes.map((change) => ({
+          start: change.rangeOffset,
+          end: change.rangeOffset + change.rangeLength,
+          text: change.text,
+        })),
+        origin: this._origin,
+      });
+      if (!this._restoring) this._schedulePersist();
+    });
+  }
+
+  get dirty(): Observable<boolean> {
+    return this._dirty.readonly();
+  }
+
+  get conflict(): Observable<Conflict | undefined> {
+    return this._conflict.readonly();
+  }
+
+  getText(): string {
+    return this.model.getValue();
+  }
+
+  applyEdits(edits: readonly TextEdit[], origin: CommandOrigin | undefined): TextEdit[] {
+    const model = this.model;
+    const operations = edits.map((edit) => ({
+      range: this._host.monaco.Range.fromPositions(
+        model.getPositionAt(edit.start),
+        model.getPositionAt(edit.end),
+      ),
+      text: edit.text,
+    }));
+    let inverse: monaco.editor.IValidEditOperation[] = [];
+    this._origin = origin;
+    try {
+      model.pushStackElement();
+      model.pushEditOperations(null, operations, (operations) => {
+        inverse = operations;
+        return null;
+      });
+      model.pushStackElement();
+    } finally {
+      this._origin = undefined;
+    }
+    return inverse.map((operation) => ({
+      start: model.getOffsetAt(operation.range.getStartPosition()),
+      end: model.getOffsetAt(operation.range.getEndPosition()),
+      text: operation.text ?? '',
+    }));
+  }
+
+  /**
+   * Saves the document. Saves run one at a time: two at once (autosave on focus loss and
+   * Ctrl+S) sent the same old hash and the second got a false "changed on disk" conflict. A
+   * save asked while one runs waits for it, and is skipped when nothing changed since.
+   */
+  save(): Promise<void> {
+    const queued = this._saves > 0;
+    this._saves++;
+    const run = this._saving
+      .then(() => this._save(queued))
+      .finally(() => {
+        this._saves--;
+      });
+    this._saving = run.catch(() => undefined);
+    return run;
+  }
+
+  async revert(): Promise<void> {
+    if (this.readOnly) return;
+    const disk = await this._host.backend.read(this.uri);
+    this._replaceAll(disk.text);
+    this._conflict.set(undefined);
+    this._markSaved(disk.hash, this.model.getAlternativeVersionId());
+  }
+
+  /** The file changed on disk: reload it, or report a conflict when there are unsaved edits. */
+  async onDiskChange(deleted: boolean): Promise<void> {
+    if (this.readOnly) return;
+    if (deleted) {
+      this._conflict.set({ diskText: null, diskHash: null });
+      return;
+    }
+    const disk = await this._host.backend.read(this.uri).catch(() => undefined);
+    if (!disk || disk.hash === this._hash) return;
+    if (!this._dirty.get()) {
+      this._replaceAll(disk.text);
+      this._markSaved(disk.hash, this.model.getAlternativeVersionId());
+    } else this._conflict.set({ diskText: disk.text, diskHash: disk.hash });
+  }
+
+  /** Conflict resolution: keep the unsaved edits (the next save overwrites the disk). */
+  keepMine(): void {
+    const conflict = this._conflict.get();
+    if (!conflict) return;
+    this._hash = conflict.diskHash;
+    this._conflict.set(undefined);
+  }
+
+  /** Conflict resolution: take the disk version (undo brings the edits back). */
+  loadDisk(): void {
+    const conflict = this._conflict.get();
+    if (!conflict || conflict.diskText === null) return;
+    this._replaceAll(conflict.diskText);
+    this._conflict.set(undefined);
+    this._markSaved(conflict.diskHash, this.model.getAlternativeVersionId());
+  }
+
+  /** Replaces the whole text as one undoable edit. */
+  replaceAll(text: string, origin?: CommandOrigin): void {
+    if (text === this.getText()) return;
+    this._origin = origin;
+    try {
+      this._replaceAll(text);
+    } finally {
+      this._origin = undefined;
+    }
+  }
+
+  /**
+   * Releases the document. Unsaved edits still waiting for their delayed write to the unsaved
+   * store are written now: closing a project or a tab right after typing loses nothing.
+   */
+  dispose(): void {
+    if (this._persistTimer !== undefined) {
+      clearTimeout(this._persistTimer);
+      this._persist();
+    }
+    this._listener.dispose();
+    this._onDidChange.dispose();
+    this.model.dispose();
+  }
+
+  private async _save(queued: boolean): Promise<void> {
+    if (this.readOnly) return;
+    if (queued && this._savedVersion === this.model.getAlternativeVersionId()) return;
+    if (this._conflict.get()) throw new Error(`${this.uri} changed on disk: resolve it first`);
+    await this._host.beforeSave(this);
+    const text = this.getText();
+    const version = this.model.getAlternativeVersionId();
+    try {
+      const { hash } = await this._host.backend.write(this.uri, text, this._hash);
+      this._markSaved(hash, version);
+    } catch (error) {
+      if (isConflict(error)) await this._detectConflict();
+      throw error;
+    }
+  }
+
+  private _replaceAll(text: string): void {
+    this.model.pushStackElement();
+    this.model.pushEditOperations(
+      null,
+      [{ range: this.model.getFullModelRange(), text }],
+      () => null,
+    );
+    this.model.pushStackElement();
+  }
+
+  private _markSaved(hash: string | null, version: number): void {
+    this._hash = hash;
+    this._savedVersion = version;
+    this._dirty.set(this.model.getAlternativeVersionId() !== version);
+    if (!this._dirty.get()) {
+      clearTimeout(this._persistTimer);
+      this._persistTimer = undefined;
+      void this._host.unsaved.delete(this.uri).catch(() => undefined);
+    }
+  }
+
+  private async _detectConflict(): Promise<void> {
+    const disk = await this._host.backend.read(this.uri).catch(() => undefined);
+    this._conflict.set({ diskText: disk?.text ?? null, diskHash: disk?.hash ?? null });
+  }
+
+  private _schedulePersist(): void {
+    if (this.readOnly) return;
+    clearTimeout(this._persistTimer);
+    this._persistTimer = setTimeout(() => this._persist(), PERSIST_DELAY_MS);
+  }
+
+  private _persist(): void {
+    this._persistTimer = undefined;
+    const operation = this._dirty.get()
+      ? this._host.unsaved.set(this.uri, {
+          text: this.getText(),
+          baseHash: this._hash,
+          time: Date.now(),
+        })
+      : this._host.unsaved.delete(this.uri);
+    void operation.catch(() => undefined);
+  }
+}
diff --git a/plugins/code-editor/src/document/editor-document.type.ts b/plugins/code-editor/src/document/editor-document.type.ts
new file mode 100644
index 00000000..99771d30
--- /dev/null
+++ b/plugins/code-editor/src/document/editor-document.type.ts
@@ -0,0 +1,19 @@
+import type { DocumentBackend } from '@nanoforge-dev/editor-sdk';
+
+import type { Monaco } from '../monaco/monaco';
+import { type EditorDocument } from './editor-document';
+import type { UnsavedStore } from './unsaved-store';
+
+/** The file changed on disk while the document had unsaved edits (`diskText` null: deleted). */
+export interface Conflict {
+  readonly diskText: string | null;
+  readonly diskHash: string | null;
+}
+
+export interface DocumentHost {
+  readonly monaco: Monaco;
+  readonly backend: DocumentBackend;
+  readonly unsaved: UnsavedStore;
+  /** Actions on save (format, organize imports), run before writing. */
+  beforeSave(document: EditorDocument): Promise<void>;
+}
diff --git a/plugins/code-editor/src/document/unsaved-store.ts b/plugins/code-editor/src/document/unsaved-store.ts
new file mode 100644
index 00000000..5e226c20
--- /dev/null
+++ b/plugins/code-editor/src/document/unsaved-store.ts
@@ -0,0 +1,60 @@
+/** Unsaved text of a file, and the disk version it was based on. */
+export interface UnsavedText {
+  readonly text: string;
+  /** Hash of the file on disk when editing started (detects disk changes meanwhile). */
+  readonly baseHash: string | null;
+  readonly time: number;
+}
+
+export interface UnsavedStore {
+  get(path: string): Promise<UnsavedText | undefined>;
+  set(path: string, value: UnsavedText): Promise<void>;
+  delete(path: string): Promise<void>;
+}
+
+const DATABASE = 'nanoforge-code-editor';
+const STORE = 'unsaved';
+
+const request = <T>(operation: IDBRequest<T>): Promise<T> =>
+  new Promise((resolve, reject) => {
+    operation.onsuccess = () => resolve(operation.result);
+    operation.onerror = () => reject(operation.error);
+  });
+
+/**
+ * Keeps unsaved edits in the browser (IndexedDB) per project, so they survive a reload until
+ * saved or reverted. Falls back to memory when IndexedDB is unavailable.
+ */
+export const createUnsavedStore = (projectId: string): UnsavedStore => {
+  const memory = new Map<string, UnsavedText>();
+  const key = (path: string) => `${projectId}:${path}`;
+  let database: Promise<IDBDatabase | undefined> | undefined;
+  const open = () =>
+    (database ??= new Promise<IDBDatabase | undefined>((resolve) => {
+      if (typeof indexedDB === 'undefined') return resolve(undefined);
+      const opening = indexedDB.open(DATABASE, 1);
+      opening.onupgradeneeded = () => opening.result.createObjectStore(STORE);
+      opening.onsuccess = () => resolve(opening.result);
+      opening.onerror = () => resolve(undefined);
+    }));
+  const store = async (mode: IDBTransactionMode) =>
+    (await open())?.transaction(STORE, mode).objectStore(STORE);
+
+  return {
+    async get(path) {
+      const objects = await store('readonly');
+      if (!objects) return memory.get(key(path));
+      return (await request(objects.get(key(path)))) as UnsavedText | undefined;
+    },
+    async set(path, value) {
+      const objects = await store('readwrite');
+      if (!objects) memory.set(key(path), value);
+      else await request(objects.put(value, key(path)));
+    },
+    async delete(path) {
+      const objects = await store('readwrite');
+      if (!objects) memory.delete(key(path));
+      else await request(objects.delete(key(path)));
+    },
+  };
+};
diff --git a/plugins/code-editor/src/index.ts b/plugins/code-editor/src/index.ts
new file mode 100644
index 00000000..4aa29e75
--- /dev/null
+++ b/plugins/code-editor/src/index.ts
@@ -0,0 +1,149 @@
+import type { Component } from 'svelte';
+
+import {
+  CodeServiceToken,
+  DiagnosticsServiceToken,
+  DocumentServiceToken,
+  EditorServices,
+  JSON_SCHEMAS,
+  type JsonSchemaContribution,
+  ProjectServiceToken,
+  SettingsServiceToken,
+  definePlugin,
+  observe,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  CODE_EDITOR_ACTIVE_FILE,
+  NotificationServiceToken,
+  StyleServiceToken,
+  ThemeServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { setupMonaco } from './monaco/monaco';
+import { CodeEditorService } from './service/code-editor-service';
+import type { Comparison, OpenOptions } from './service/code-editor.type';
+import { current } from './session/code-editor-session';
+import ScriptScreen from './widgets/script/ScriptScreen.svelte';
+
+export const SCRIPT_SCREEN = 'code-editor.script';
+
+export default definePlugin({
+  async activate(context) {
+    const monaco = setupMonaco();
+    const { services } = context;
+
+    const css = await fetch(context.resolveAsset('code-editor.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+
+    context.subscriptions.add(
+      context.contribute(WIDGET_VIEWS, {
+        id: SCRIPT_SCREEN,
+        component: ScriptScreen as Component<{ instance: WidgetInstance }>,
+      }),
+    );
+
+    const schemas = context.contributions(JSON_SCHEMAS);
+    const applySchemas = (list: readonly { value: JsonSchemaContribution }[]) =>
+      monaco.json.jsonDefaults.setDiagnosticsOptions({
+        validate: true,
+        allowComments: true,
+        enableSchemaRequest: false,
+        schemas: list.map(({ value }, index) => ({
+          uri: `nanoforge://schemas/${index}.json`,
+          fileMatch: value.fileMatch.map((glob) => `file:///${glob}`),
+          schema: typeof value.schema === 'function' ? value.schema() : value.schema,
+        })),
+      });
+    context.subscriptions.add({ dispose: schemas.subscribe(applySchemas) });
+
+    const themes = services.get(ThemeServiceToken);
+    const projects = services.get(ProjectServiceToken);
+    const contextKeys = services.get(EditorServices.ContextKeys);
+    let stopFollowing = () => {};
+    const unsubscribe = projects.current.subscribe((project) => {
+      stopFollowing();
+      contextKeys.delete(CODE_EDITOR_ACTIVE_FILE);
+      current.get()?.service.dispose();
+      current.set(undefined);
+      if (!project) return;
+      const service = new CodeEditorService({
+        monaco,
+        project,
+        documents: services.get(DocumentServiceToken),
+        code: services.tryGet(CodeServiceToken),
+        diagnostics: services.tryGet(DiagnosticsServiceToken),
+        settings: services.get(SettingsServiceToken),
+        notifications: services.tryGet(NotificationServiceToken),
+        logger: context.logger,
+      });
+      service.applyTheme(themes.current.get());
+      current.set({ service, monaco });
+      stopFollowing = service.layout.subscribe(() => {
+        const path = service.activePath();
+        if (path) contextKeys.set(CODE_EDITOR_ACTIVE_FILE, path);
+        else contextKeys.delete(CODE_EDITOR_ACTIVE_FILE);
+      });
+    });
+    context.subscriptions.add({
+      dispose: () => {
+        unsubscribe();
+        stopFollowing();
+        contextKeys.delete(CODE_EDITOR_ACTIVE_FILE);
+        current.get()?.service.dispose();
+        current.set(undefined);
+      },
+    });
+    context.subscriptions.add(
+      observe(themes.current, (theme) => current.get()?.service.applyTheme(theme)),
+    );
+
+    const withService =
+      <A extends unknown[]>(run: (service: CodeEditorService, ...args: A) => unknown) =>
+      (...args: A) => {
+        const active = current.get()?.service;
+        return active ? run(active, ...args) : undefined;
+      };
+
+    const commands: [string, (...args: never[]) => unknown][] = [
+      [
+        'codeEditor.open',
+        withService(async (service, path: string, options: OpenOptions = {}) => {
+          await context.executeCommand('workbench.openWidget', SCRIPT_SCREEN);
+          await service.open(path, options);
+        }),
+      ],
+      [
+        'codeEditor.compare',
+        withService(async (service, path: string, comparison: Comparison) => {
+          await context.executeCommand('workbench.openWidget', SCRIPT_SCREEN);
+          await service.compare(path, comparison);
+        }),
+      ],
+      ['codeEditor.save', withService((service) => service.save())],
+      ['codeEditor.saveAll', withService((service) => service.saveAll())],
+      ['codeEditor.revert', withService((service) => service.revert())],
+      ['codeEditor.format', withService((service) => service.format())],
+      ['codeEditor.organizeImports', withService((service) => service.organizeImports())],
+      ['codeEditor.splitRight', withService((service) => service.splitRight())],
+      [
+        'codeEditor.closeTab',
+        withService((service) => {
+          const layout = service.layout.get();
+          const active = layout.groups[layout.focused]?.active;
+          if (active) service.requestClose(layout.focused, active);
+        }),
+      ],
+    ];
+    for (const [id, handler] of commands) {
+      context.subscriptions.add(
+        context.registerCommand(id, (_services, ...args: unknown[]) =>
+          (handler as (...args: unknown[]) => unknown)(...args),
+        ),
+      );
+    }
+  },
+});
diff --git a/plugins/code-editor/src/monaco/monaco-theme.ts b/plugins/code-editor/src/monaco/monaco-theme.ts
new file mode 100644
index 00000000..1ca2e591
--- /dev/null
+++ b/plugins/code-editor/src/monaco/monaco-theme.ts
@@ -0,0 +1,29 @@
+import type { ThemeDefinition } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { monaco } from './monaco';
+
+/** The editor's theme as a Monaco theme: the colors Monaco takes, from the theme tokens. */
+export const monacoThemeOf = (theme: ThemeDefinition): monaco.editor.IStandaloneThemeData => {
+  const { colors } = theme;
+  const hex = (value: string) => (/^#[0-9a-f]{3,8}$/i.test(value) ? value : undefined);
+  const entries: [string, string | undefined][] = [
+    ['editor.background', hex(colors.surface)],
+    ['editor.foreground', hex(colors.text)],
+    ['editorLineNumber.foreground', hex(colors['text-faint'])],
+    ['editorLineNumber.activeForeground', hex(colors['text-muted'])],
+    ['editorCursor.foreground', hex(colors.accent)],
+    ['editor.selectionBackground', hex(colors.selection)],
+    ['editorWidget.background', hex(colors.raised)],
+    ['editorWidget.border', hex(colors.border)],
+    ['editorSuggestWidget.background', hex(colors.raised)],
+    ['editorSuggestWidget.selectedBackground', hex(colors.hover)],
+    ['focusBorder', hex(colors.focus)],
+    ['scrollbarSlider.background', hex(`${colors['border-strong']}`)],
+  ];
+  return {
+    base: theme.kind === 'dark' ? 'vs-dark' : 'vs',
+    inherit: true,
+    rules: [],
+    colors: Object.fromEntries(entries.filter((entry): entry is [string, string] => !!entry[1])),
+  };
+};
diff --git a/plugins/code-editor/src/monaco/monaco.ts b/plugins/code-editor/src/monaco/monaco.ts
new file mode 100644
index 00000000..56e0f9d8
--- /dev/null
+++ b/plugins/code-editor/src/monaco/monaco.ts
@@ -0,0 +1,72 @@
+import * as monaco from 'monaco-editor';
+import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker.js?worker';
+import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker.js?worker';
+import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker.js?worker';
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker.js?worker';
+import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker.js?worker';
+
+export { monaco };
+export type Monaco = typeof monaco;
+
+let configured = false;
+
+/**
+ * One-time Monaco setup: workers, TypeScript defaults. Diagnostics come from the editor's code
+ * worker (a single TypeScript for the whole editor) and formatting from Prettier, so Monaco's
+ * own TypeScript diagnostics and formatters are turned off.
+ */
+export const setupMonaco = (): Monaco => {
+  if (configured) return monaco;
+  configured = true;
+  (self as unknown as { MonacoEnvironment: monaco.Environment }).MonacoEnvironment = {
+    getWorker: (_id, label) => {
+      if (label === 'typescript' || label === 'javascript') return new TsWorker();
+      if (label === 'json') return new JsonWorker();
+      if (label === 'css' || label === 'scss' || label === 'less') return new CssWorker();
+      if (label === 'html') return new HtmlWorker();
+      return new EditorWorker();
+    },
+  };
+  const ts = monaco.typescript;
+  const compilerOptions: Parameters<typeof ts.typescriptDefaults.setCompilerOptions>[0] = {
+    target: ts.ScriptTarget.ESNext,
+    module: ts.ModuleKind.ESNext,
+    moduleResolution: 100 as never,
+    lib: ['esnext', 'dom', 'dom.iterable'],
+    strict: true,
+    allowJs: true,
+    checkJs: false,
+    esModuleInterop: true,
+    skipLibCheck: true,
+    allowNonTsExtensions: true,
+    experimentalDecorators: true,
+    resolveJsonModule: true,
+  };
+  const modes: Parameters<typeof ts.typescriptDefaults.setModeConfiguration>[0] = {
+    completionItems: true,
+    hovers: true,
+    documentSymbols: true,
+    definitions: true,
+    references: true,
+    documentHighlights: true,
+    rename: true,
+    diagnostics: false,
+    documentRangeFormattingEdits: false,
+    signatureHelp: true,
+    onTypeFormattingEdits: false,
+    codeActions: true,
+    inlayHints: true,
+  };
+  for (const defaults of [ts.typescriptDefaults, ts.javascriptDefaults]) {
+    defaults.setCompilerOptions(compilerOptions);
+    defaults.setModeConfiguration(modes);
+    defaults.setEagerModelSync(true);
+  }
+  return monaco;
+};
+
+/** Monaco model URI of a project path (`apps/client/src/main.ts`). */
+export const uriOf = (path: string): monaco.Uri => monaco.Uri.parse(`file:///${path}`);
+
+/** Project path of a Monaco model URI. */
+export const pathOf = (uri: monaco.Uri): string => decodeURIComponent(uri.path.replace(/^\//, ''));
diff --git a/plugins/code-editor/src/service/code-editor-service.ts b/plugins/code-editor/src/service/code-editor-service.ts
new file mode 100644
index 00000000..744666ca
--- /dev/null
+++ b/plugins/code-editor/src/service/code-editor-service.ts
@@ -0,0 +1,470 @@
+import {
+  type Disposable,
+  DisposableStore,
+  Emitter,
+  type Event,
+  type Observable,
+  ObservableValue,
+} from '@nanoforge-dev/editor-sdk';
+import type { ThemeDefinition } from '@nanoforge-dev/editor-sdk/ui';
+
+import { EditorDocument } from '../document/editor-document';
+import { createUnsavedStore } from '../document/unsaved-store';
+import { pathOf } from '../monaco/monaco';
+import { monacoThemeOf } from '../monaco/monaco-theme';
+import { TypeLibraries } from '../typing/type-libraries';
+import { SETTING } from './code-editor-settings.const';
+import type {
+  CodeEditorServiceOptions,
+  Comparison,
+  EditorGroup,
+  EditorLayout,
+  OpenOptions,
+  Reveal,
+} from './code-editor.type';
+import { minimalEdit, toMarker } from './editor-edits';
+import { pairRenames } from './pair-renames';
+
+export const SCRIPT_LIKE = /\.[cm]?[jt]sx?$/;
+export const EMPTY: EditorLayout = { groups: [{ tabs: [], active: undefined }], focused: 0 };
+
+/**
+ * State of the Script screen for the open project: open documents, editor groups and tabs,
+ * saving (explicit, autosave, actions on save), disk conflicts and diagnostics markers.
+ */
+export class CodeEditorService implements Disposable {
+  readonly types: TypeLibraries;
+  private readonly _layout = new ObservableValue<EditorLayout>(EMPTY);
+  private readonly _comparisons = new ObservableValue<ReadonlyMap<string, Comparison>>(new Map());
+  private readonly _closing = new ObservableValue<{ group: number; path: string } | undefined>(
+    undefined,
+  );
+  private readonly _documents = new Map<string, EditorDocument>();
+  private readonly _loading = new Map<string, Promise<EditorDocument>>();
+  private readonly _onReveal = new Emitter<Reveal>();
+  private readonly _onDidChangeDocuments = new Emitter<void>();
+  private readonly _pendingReveals = new Map<number, Reveal>();
+  private readonly _store = new DisposableStore();
+  private readonly _perDocument = new Map<string, DisposableStore>();
+  private readonly _autoSaveTimers = new Map<string, ReturnType<typeof setTimeout>>();
+  private readonly _unsaved;
+
+  readonly onReveal: Event<Reveal> = this._onReveal.event;
+  /** A document was loaded or released. */
+  readonly onDidChangeDocuments: Event<void> = this._onDidChangeDocuments.event;
+
+  constructor(private readonly _options: CodeEditorServiceOptions) {
+    const { monaco, project } = _options;
+    this._unsaved = createUnsavedStore(project.id);
+    this.types = this._store.add(new TypeLibraries(monaco, project, _options.code));
+    this._store.add(
+      project.fs.onDidChange((changes) => {
+        const renames = pairRenames(changes);
+        const written = new Set(
+          changes.filter((change) => change.type !== 'deleted').map((change) => change.path),
+        );
+        for (const change of changes) {
+          const document = this._documents.get(change.path);
+          if (!document) continue;
+          if (change.type !== 'deleted' || written.has(change.path)) {
+            if (change.type !== 'deleted') void document.onDiskChange(false);
+          } else if (renames.has(change.path))
+            void this._retarget(change.path, renames.get(change.path)!).catch((error: unknown) =>
+              this._options.logger.warn(`Could not follow ${change.path}`, error),
+            );
+          else if (!document.dirty.get() && !document.readOnly) this._closeEverywhere(change.path);
+          else void document.onDiskChange(true);
+        }
+      }),
+    );
+    if (_options.diagnostics) {
+      this._store.add({
+        dispose: _options.diagnostics.all.subscribe(() => this._updateMarkers()),
+      });
+    }
+    this._store.add(
+      monaco.editor.registerEditorOpener({
+        openCodeEditor: (_source, resource, selection) => {
+          const position =
+            selection && 'lineNumber' in selection
+              ? { line: selection.lineNumber, column: selection.column }
+              : selection
+                ? { line: selection.startLineNumber, column: selection.startColumn }
+                : {};
+          void this.open(pathOf(resource), position);
+          return true;
+        },
+      }),
+    );
+  }
+
+  get layout(): Observable<EditorLayout> {
+    return this._layout.readonly();
+  }
+
+  document(path: string): EditorDocument | undefined {
+    return this._documents.get(path);
+  }
+
+  setting<T>(key: string): T {
+    return this._options.settings.get<T>(key);
+  }
+
+  observeSetting<T>(key: string): Observable<T> {
+    return this._options.settings.observe<T>(key);
+  }
+
+  /** Restores tabs (from the widget state) without opening files that are gone. */
+  async restore(layout: EditorLayout | undefined): Promise<void> {
+    if (!layout?.groups.length) return;
+    const exists = (path: string) =>
+      !!this._options.project.fs.entry(path) || !!this.types.library(path);
+    const groups = layout.groups.slice(0, 2).map((group) => {
+      const tabs = group.tabs.filter(exists);
+      const active = group.active && tabs.includes(group.active) ? group.active : tabs[0];
+      return { tabs, active };
+    });
+    this._layout.set({ groups, focused: Math.min(layout.focused, groups.length - 1) });
+    await Promise.all(
+      groups.flatMap((group) => group.tabs.map((path) => this._load(path).catch(() => undefined))),
+    );
+  }
+
+  /** Opens a file in a tab of the focused (or given) group and shows the position. */
+  async open(path: string, options: OpenOptions = {}): Promise<void> {
+    await this._load(path);
+    const layout = this._layout.get();
+    const index = Math.min(options.group ?? layout.focused, layout.groups.length - 1);
+    const groups = layout.groups.map((group, i) =>
+      i === index
+        ? { tabs: group.tabs.includes(path) ? group.tabs : [...group.tabs, path], active: path }
+        : group,
+    );
+    this._layout.set({ groups, focused: index });
+    if (options.line) {
+      const reveal = { group: index, path, line: options.line, column: options.column ?? 1 };
+      this._pendingReveals.set(index, reveal);
+      this._onReveal.fire(reveal);
+    }
+  }
+
+  /** A position to show once the group displays the file (consumed). */
+  takeReveal(group: number, path: string): Reveal | undefined {
+    const reveal = this._pendingReveals.get(group);
+    if (reveal?.path !== path) return undefined;
+    this._pendingReveals.delete(group);
+    return reveal;
+  }
+
+  activate(group: number, path: string): void {
+    this._update(group, (current) => ({ ...current, active: path }));
+    this.focusGroup(group);
+  }
+
+  focusGroup(group: number): void {
+    const layout = this._layout.get();
+    if (layout.focused !== group && group < layout.groups.length) {
+      this._layout.set({ ...layout, focused: group });
+    }
+  }
+
+  /** The tab waiting for "Save changes?" before it closes (it has unsaved changes). */
+  get closing(): Observable<{ group: number; path: string } | undefined> {
+    return this._closing.readonly();
+  }
+
+  /** Closes a tab, after asking (`closing`) when its file has unsaved changes. */
+  requestClose(group: number, path: string): void {
+    if (this.document(path)?.dirty.get()) this._closing.set({ group, path });
+    else this.close(group, path);
+  }
+
+  /** Answers the "Save changes?" question of `closing`: the tab closes once nothing is lost. */
+  async finishClose(decision: 'save' | 'discard' | 'cancel'): Promise<void> {
+    const pending = this._closing.get();
+    this._closing.set(undefined);
+    if (!pending || decision === 'cancel') return;
+    if (decision === 'save') await this.save(pending.path);
+    else await this.revert(pending.path);
+    if (!this.document(pending.path)?.dirty.get()) this.close(pending.group, pending.path);
+  }
+
+  /** Closes a tab. The document is released when no group shows it anymore. */
+  close(group: number, path: string): void {
+    this.closeComparison(path);
+    this._update(group, (current) => {
+      const index = current.tabs.indexOf(path);
+      const tabs = current.tabs.filter((tab) => tab !== path);
+      const active =
+        current.active === path
+          ? (tabs[Math.min(index, tabs.length - 1)] ?? undefined)
+          : current.active;
+      return { tabs, active };
+    });
+    let layout = this._layout.get();
+    if (layout.groups.length > 1 && !layout.groups[group]?.tabs.length) {
+      const groups = layout.groups.filter((_, i) => i !== group);
+      layout = { groups, focused: Math.min(layout.focused, groups.length - 1) };
+      this._layout.set(layout);
+    }
+    if (!layout.groups.some((candidate) => candidate.tabs.includes(path))) this._release(path);
+  }
+
+  /** Shows the active file of the focused group in a second group on the right. */
+  splitRight(): void {
+    const layout = this._layout.get();
+    const active = layout.groups[layout.focused]?.active;
+    if (layout.groups.length > 1) {
+      if (active) void this.open(active, { group: 1 });
+      return;
+    }
+    this._layout.set({
+      groups: [...layout.groups, { tabs: active ? [active] : [], active }],
+      focused: 1,
+    });
+  }
+
+  /** Files shown side by side with another text (a previous version), by path. */
+  get comparisons(): Observable<ReadonlyMap<string, Comparison>> {
+    return this._comparisons.readonly();
+  }
+
+  /** Opens a file and shows it next to another text, e.g. its last committed version. */
+  async compare(path: string, comparison: Comparison): Promise<void> {
+    await this.open(path);
+    this._comparisons.set(new Map(this._comparisons.get()).set(path, comparison));
+  }
+
+  closeComparison(path: string): void {
+    if (!this._comparisons.get().has(path)) return;
+    const next = new Map(this._comparisons.get());
+    next.delete(path);
+    this._comparisons.set(next);
+  }
+
+  activePath(): string | undefined {
+    const layout = this._layout.get();
+    return layout.groups[layout.focused]?.active;
+  }
+
+  async save(path = this.activePath()): Promise<void> {
+    const document = path ? this._documents.get(path) : undefined;
+    if (!document || document.readOnly) return;
+    await this._guard(`save ${path}`, () => document.save());
+  }
+
+  async saveAll(): Promise<void> {
+    const failed = await this._options.documents.saveAll();
+    for (const { uri, error } of failed) this._report(`Could not save ${uri}`, error);
+  }
+
+  async revert(path = this.activePath()): Promise<void> {
+    const document = path ? this._documents.get(path) : undefined;
+    await this._guard(`revert ${path}`, async () => document?.revert());
+  }
+
+  /** Reformats a file with Prettier (the project's, see `code.format`). */
+  async format(path = this.activePath()): Promise<void> {
+    const document = path ? this._documents.get(path) : undefined;
+    if (!document || document.readOnly || !this._options.code || !path) return;
+    const before = document.getText();
+    const result = await this._options.code.format(path, before);
+    if (result.formatter === 'none' || document.getText() !== before) return;
+    const edit = minimalEdit(before, result.text);
+    if (edit.start !== edit.end || edit.text) {
+      await this._options.documents.edit(path, [edit], { label: 'Format with Prettier' });
+    }
+  }
+
+  async organizeImports(path = this.activePath()): Promise<void> {
+    const document = path ? this._documents.get(path) : undefined;
+    if (!document || document.readOnly || !this._options.code || !path || !SCRIPT_LIKE.test(path))
+      return;
+    const before = document.getText();
+    const edits = await this._options.code.organizeImports(path);
+    if (edits.length && document.getText() === before) {
+      await this._options.documents.edit(path, edits, { label: 'Organize imports' });
+    }
+  }
+
+  /** Focus left the editor, a tab or the window: autosave when asked to. */
+  focusLost(): void {
+    if (this.setting<boolean>(SETTING.autoSaveOnFocusLoss)) void this._autoSaveAll();
+  }
+
+  applyTheme(theme: ThemeDefinition): void {
+    this._options.monaco.editor.defineTheme('nanoforge', monacoThemeOf(theme));
+    this._options.monaco.editor.setTheme('nanoforge');
+  }
+
+  dispose(): void {
+    for (const timer of this._autoSaveTimers.values()) clearTimeout(timer);
+    for (const path of [...this._documents.keys()]) this._release(path);
+    this._store.dispose();
+    this._onReveal.dispose();
+    this._onDidChangeDocuments.dispose();
+  }
+
+  private _update(group: number, update: (group: EditorGroup) => EditorGroup): void {
+    const layout = this._layout.get();
+    this._layout.set({
+      ...layout,
+      groups: layout.groups.map((current, i) => (i === group ? update(current) : current)),
+    });
+  }
+
+  /** Closes the tabs of a file in every group. */
+  private _closeEverywhere(path: string): void {
+    for (;;) {
+      const group = this._layout
+        .get()
+        .groups.findIndex((candidate) => candidate.tabs.includes(path));
+      if (group < 0) return;
+      this.close(group, path);
+    }
+  }
+
+  /** A file was renamed or moved: its tabs show the new path, unsaved text included. */
+  private async _retarget(from: string, to: string): Promise<void> {
+    const old = this._documents.get(from);
+    const unsaved = old?.dirty.get() ? old.getText() : undefined;
+    const next = await this._load(to);
+    if (unsaved !== undefined && next.getText() !== unsaved)
+      next.applyEdits([{ start: 0, end: next.getText().length, text: unsaved }], undefined);
+    const layout = this._layout.get();
+    this._layout.set({
+      ...layout,
+      groups: layout.groups.map((group) => ({
+        tabs: [...new Set(group.tabs.map((tab) => (tab === from ? to : tab)))],
+        active: group.active === from ? to : group.active,
+      })),
+    });
+    this.closeComparison(from);
+    this._release(from);
+  }
+
+  private _load(path: string): Promise<EditorDocument> {
+    const open = this._documents.get(path);
+    if (open) return Promise.resolve(open);
+    let loading = this._loading.get(path);
+    if (!loading) {
+      loading = this._createDocument(path).finally(() => this._loading.delete(path));
+      this._loading.set(path, loading);
+    }
+    return loading;
+  }
+
+  private async _createDocument(path: string): Promise<EditorDocument> {
+    const { monaco, documents, code } = this._options;
+    const host = {
+      monaco,
+      backend: documents.backend,
+      unsaved: this._unsaved,
+      beforeSave: (document: EditorDocument) => this._beforeSave(document),
+    };
+    const packaged = path === 'nf_modules' || path.startsWith('nf_modules/');
+    const library = packaged
+      ? (await documents.backend.read(path)).text
+      : this._options.project.fs.entry(path)
+        ? undefined
+        : this.types.library(path);
+    const document =
+      library === undefined
+        ? await EditorDocument.open(host, path)
+        : EditorDocument.library(host, path, library);
+    const store = new DisposableStore();
+    if (!document.readOnly) {
+      documents.historyContext(path);
+      this.types.modelOpened(path);
+      store.add(documents.register(document));
+      if (code && SCRIPT_LIKE.test(path)) store.add(code.watchDiagnostics(path));
+      store.add(
+        document.onDidChange(({ origin }) => {
+          void this.types.resolveImports(path, document.getText());
+          if (!origin) this._scheduleAutoSave(path);
+        }),
+      );
+      void this.types.resolveImports(path, document.getText());
+    }
+    this._documents.set(path, document);
+    this._perDocument.set(path, store);
+    this._updateMarkers();
+    this._onDidChangeDocuments.fire();
+    return document;
+  }
+
+  private _release(path: string): void {
+    const document = this._documents.get(path);
+    if (!document) return;
+    clearTimeout(this._autoSaveTimers.get(path));
+    this._autoSaveTimers.delete(path);
+    this._perDocument.get(path)?.dispose();
+    this._perDocument.delete(path);
+    this._documents.delete(path);
+    document.dispose();
+    if (!document.readOnly) this.types.modelClosed(path);
+    this._onDidChangeDocuments.fire();
+  }
+
+  private async _beforeSave(document: EditorDocument): Promise<void> {
+    if (this.setting<boolean>(SETTING.organizeImportsOnSave)) {
+      await this.organizeImports(document.uri).catch((error: unknown) =>
+        this._options.logger.warn(`Could not organize the imports of ${document.uri}`, error),
+      );
+    }
+    if (this.setting<boolean>(SETTING.formatOnSave)) {
+      await this.format(document.uri).catch((error: unknown) =>
+        this._report(`Could not format ${document.uri}`, error),
+      );
+    }
+  }
+
+  private _scheduleAutoSave(path: string): void {
+    if (!this.setting<boolean>(SETTING.autoSaveAfterDelay)) return;
+    clearTimeout(this._autoSaveTimers.get(path));
+    this._autoSaveTimers.set(
+      path,
+      setTimeout(() => {
+        this._autoSaveTimers.delete(path);
+        const document = this._documents.get(path);
+        if (document?.dirty.get() && !document.conflict.get()) void this.save(path);
+      }, this.setting<number>(SETTING.autoSaveDelayMs)),
+    );
+  }
+
+  private async _autoSaveAll(): Promise<void> {
+    for (const document of this._documents.values()) {
+      if (document.dirty.get() && !document.conflict.get()) await this.save(document.uri);
+    }
+  }
+
+  private _updateMarkers(): void {
+    const { monaco, diagnostics } = this._options;
+    if (!diagnostics) return;
+    for (const document of this._documents.values()) {
+      if (document.readOnly) continue;
+      monaco.editor.setModelMarkers(
+        document.model,
+        'nanoforge',
+        diagnostics
+          .forUri(document.uri)
+          .map((diagnostic) => toMarker(monaco, document.model, diagnostic)),
+      );
+    }
+  }
+
+  private async _guard(action: string, run: () => Promise<void>): Promise<void> {
+    try {
+      await run();
+    } catch (error) {
+      this._report(`Could not ${action}`, error);
+    }
+  }
+
+  private _report(title: string, error: unknown): void {
+    this._options.logger.warn(title, error);
+    this._options.notifications?.notify('error', title, {
+      detail: error instanceof Error ? error.message : String(error),
+    });
+  }
+}
diff --git a/plugins/code-editor/src/service/code-editor-settings.const.ts b/plugins/code-editor/src/service/code-editor-settings.const.ts
new file mode 100644
index 00000000..a0fd1fa6
--- /dev/null
+++ b/plugins/code-editor/src/service/code-editor-settings.const.ts
@@ -0,0 +1,11 @@
+/** Settings of the plugin (declared in its manifest, prefixed with its name). */
+export const SETTING = {
+  autoSaveAfterDelay: '@nanoforge/code-editor.autoSave.afterDelay',
+  autoSaveDelayMs: '@nanoforge/code-editor.autoSave.delayMs',
+  autoSaveOnFocusLoss: '@nanoforge/code-editor.autoSave.onFocusLoss',
+  formatOnSave: '@nanoforge/code-editor.onSave.format',
+  organizeImportsOnSave: '@nanoforge/code-editor.onSave.organizeImports',
+  fontSize: '@nanoforge/code-editor.fontSize',
+  minimap: '@nanoforge/code-editor.minimap',
+  wordWrap: '@nanoforge/code-editor.wordWrap',
+} as const;
diff --git a/plugins/code-editor/src/service/code-editor.type.ts b/plugins/code-editor/src/service/code-editor.type.ts
new file mode 100644
index 00000000..1e6c4b44
--- /dev/null
+++ b/plugins/code-editor/src/service/code-editor.type.ts
@@ -0,0 +1,53 @@
+import type {
+  ClientProject,
+  CodeService,
+  DiagnosticsService,
+  DocumentService,
+  Logger,
+  SettingsService,
+} from '@nanoforge-dev/editor-sdk';
+import type { NotificationService } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { Monaco } from '../monaco/monaco';
+
+export interface EditorGroup {
+  readonly tabs: readonly string[];
+  readonly active: string | undefined;
+}
+
+export interface EditorLayout {
+  /** One group, or two side by side. */
+  readonly groups: readonly EditorGroup[];
+  readonly focused: number;
+}
+
+/** A text a file is compared with, and what it is ("Last commit"). */
+export interface Comparison {
+  readonly text: string;
+  readonly label: string;
+}
+
+export interface OpenOptions {
+  readonly line?: number;
+  readonly column?: number;
+  readonly group?: number;
+}
+
+/** Where to show a position in a group (consumed by the group's editor). */
+export interface Reveal {
+  readonly group: number;
+  readonly path: string;
+  readonly line: number;
+  readonly column: number;
+}
+
+export interface CodeEditorServiceOptions {
+  readonly monaco: Monaco;
+  readonly project: ClientProject;
+  readonly documents: DocumentService;
+  readonly code: CodeService | undefined;
+  readonly diagnostics: DiagnosticsService | undefined;
+  readonly settings: SettingsService;
+  readonly notifications: NotificationService | undefined;
+  readonly logger: Logger;
+}
diff --git a/plugins/code-editor/src/service/editor-edits.ts b/plugins/code-editor/src/service/editor-edits.ts
new file mode 100644
index 00000000..a145e0a9
--- /dev/null
+++ b/plugins/code-editor/src/service/editor-edits.ts
@@ -0,0 +1,47 @@
+import type { editor as MonacoEditor } from 'monaco-editor';
+
+import type { CodeDiagnostic } from '@nanoforge-dev/editor-sdk';
+
+import type { Monaco } from '../monaco/monaco';
+
+/** The smallest edit turning `before` into `after` (keeps cursors and folding elsewhere). */
+export const minimalEdit = (before: string, after: string) => {
+  let start = 0;
+  while (start < before.length && start < after.length && before[start] === after[start]) start++;
+  let end = 0;
+  while (
+    end < before.length - start &&
+    end < after.length - start &&
+    before[before.length - 1 - end] === after[after.length - 1 - end]
+  )
+    end++;
+  return { start, end: before.length - end, text: after.slice(start, after.length - end) };
+};
+
+export const toMarker = (
+  monaco: Monaco,
+  model: MonacoEditor.ITextModel,
+  diagnostic: CodeDiagnostic,
+): MonacoEditor.IMarkerData => {
+  const offset =
+    diagnostic.start >= 0
+      ? diagnostic.start
+      : model.getOffsetAt({ lineNumber: diagnostic.line ?? 1, column: diagnostic.column ?? 1 });
+  const start = model.getPositionAt(offset);
+  const end = model.getPositionAt(offset + Math.max(diagnostic.length, 1));
+  return {
+    startLineNumber: start.lineNumber,
+    startColumn: start.column,
+    endLineNumber: end.lineNumber,
+    endColumn: end.column,
+    message: diagnostic.message,
+    source: diagnostic.source,
+    ...(diagnostic.code !== undefined && { code: String(diagnostic.code) }),
+    severity:
+      diagnostic.severity === 'error'
+        ? monaco.MarkerSeverity.Error
+        : diagnostic.severity === 'warning'
+          ? monaco.MarkerSeverity.Warning
+          : monaco.MarkerSeverity.Info,
+  };
+};
diff --git a/plugins/code-editor/src/service/pair-renames.ts b/plugins/code-editor/src/service/pair-renames.ts
new file mode 100644
index 00000000..da697654
--- /dev/null
+++ b/plugins/code-editor/src/service/pair-renames.ts
@@ -0,0 +1,58 @@
+/** A change of the project's files, as the file system reports it. */
+export interface PathChange {
+  readonly type: 'created' | 'changed' | 'deleted';
+  readonly path: string;
+  readonly kind: 'file' | 'directory';
+}
+
+const dirname = (path: string) => (path.includes('/') ? path.slice(0, path.lastIndexOf('/')) : '');
+const basename = (path: string) => path.slice(path.lastIndexOf('/') + 1);
+
+/**
+ * Finds the renames and moves in a batch of changes. The file system only says "deleted" and
+ * "created": a deleted file is taken as moved when the batch creates one file with its name
+ * elsewhere, and as renamed when its folder lost one file and gained one in the same batch.
+ * Anything less clear stays a deletion.
+ */
+export const pairRenames = (changes: readonly PathChange[]): Map<string, string> => {
+  const files = (type: PathChange['type']) =>
+    changes.filter((change) => change.type === type && change.kind === 'file').map((c) => c.path);
+  const created = files('created');
+  const deleted = files('deleted').filter((path) => !created.includes(path));
+  const pairs = new Map<string, string>();
+  const taken = new Set<string>();
+  for (const from of deleted) {
+    const sameName = created.filter((to) => basename(to) === basename(from) && !taken.has(to));
+    const moved =
+      sameName.length === 1
+        ? sameName[0]
+        : sameName
+            .map((to) => ({ to, score: commonSuffix(from, to) }))
+            .sort((a, b) => b.score - a.score)
+            .find((candidate, index, all) => candidate.score > (all[index + 1]?.score ?? -1))?.to;
+    if (moved) {
+      pairs.set(from, moved);
+      taken.add(moved);
+    }
+  }
+  for (const from of deleted) {
+    if (pairs.has(from)) continue;
+    const here = (path: string) => dirname(path) === dirname(from);
+    const gone = deleted.filter((path) => here(path) && !pairs.has(path));
+    const added = created.filter((path) => here(path) && !taken.has(path));
+    if (gone.length === 1 && added.length === 1) {
+      pairs.set(from, added[0]!);
+      taken.add(added[0]!);
+    }
+  }
+  return pairs;
+};
+
+/** How many trailing path segments two paths share. */
+const commonSuffix = (a: string, b: string): number => {
+  const left = a.split('/').reverse();
+  const right = b.split('/').reverse();
+  let count = 0;
+  while (count < left.length && left[count] === right[count]) count++;
+  return count;
+};
diff --git a/plugins/code-editor/src/session/code-editor-session.ts b/plugins/code-editor/src/session/code-editor-session.ts
new file mode 100644
index 00000000..1b7ce2a9
--- /dev/null
+++ b/plugins/code-editor/src/session/code-editor-session.ts
@@ -0,0 +1,9 @@
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+
+import type { Monaco } from '../monaco/monaco';
+import type { CodeEditorService } from '../service/code-editor-service';
+
+/** Service of the open project (undefined without one), shared with the widgets. */
+export const current = new ObservableValue<
+  { service: CodeEditorService; monaco: Monaco } | undefined
+>(undefined);
diff --git a/plugins/code-editor/src/typing/type-libraries.ts b/plugins/code-editor/src/typing/type-libraries.ts
new file mode 100644
index 00000000..464901a7
--- /dev/null
+++ b/plugins/code-editor/src/typing/type-libraries.ts
@@ -0,0 +1,127 @@
+import type { ClientProject, CodeService, Disposable } from '@nanoforge-dev/editor-sdk';
+
+import type { Monaco } from '../monaco/monaco';
+
+const CODE = /\.(?:[cm]?[jt]sx?|d\.ts)$/;
+const IGNORED = /(?:^|\/)(?:node_modules|dist|\.nanoforge)\//;
+const BARE_IMPORT =
+  /(?:\bfrom\s*|\bimport\s*\(\s*|\bimport\s+|\brequire\s*\(\s*)['"]([^'"./][^'"]*)['"]/g;
+
+/** Package name of a bare import (`@scope/name/sub` → `@scope/name`). */
+export const packageOf = (specifier: string): string => {
+  const parts = specifier.split('/');
+  return specifier.startsWith('@') ? parts.slice(0, 2).join('/') : parts[0]!;
+};
+
+/** Bare imports of a source text. */
+export const bareImports = (text: string): string[] =>
+  [...new Set([...text.matchAll(BARE_IMPORT)].map((match) => packageOf(match[1]!)))].filter(
+    (name) => !name.startsWith('node:'),
+  );
+
+/**
+ * What Monaco's TypeScript sees: every code file of the project that isn't open (open files
+ * are models), and the declarations of the packages they import, fetched once per app.
+ */
+export class TypeLibraries implements Disposable {
+  private readonly _files = new Map<string, Disposable>();
+  private readonly _libraries = new Map<string, string>();
+  private readonly _resolved = new Set<string>();
+  private readonly _models = new Set<string>();
+  private readonly _subscription: Disposable;
+
+  constructor(
+    private readonly _monaco: Monaco,
+    private readonly _project: ClientProject,
+    private readonly _code: CodeService | undefined,
+  ) {
+    this._subscription = _project.fs.onDidChange((changes) => {
+      for (const change of changes) {
+        if (!this._isCode(change.path)) continue;
+        if (change.type === 'deleted') this._remove(change.path);
+        else void this._load(change.path);
+      }
+    });
+    for (const entry of _project.fs.entries) {
+      if (entry.kind === 'file' && this._isCode(entry.path)) void this._load(entry.path);
+    }
+  }
+
+  /** Text of a type declaration file (read-only tabs from "go to definition"). */
+  library(path: string): string | undefined {
+    return this._libraries.get(path);
+  }
+
+  /** An open model now represents the file: its library copy would conflict. */
+  modelOpened(path: string): void {
+    this._models.add(path);
+    this._files.get(path)?.dispose();
+    this._files.delete(path);
+  }
+
+  modelClosed(path: string): void {
+    this._models.delete(path);
+    if (this._isCode(path)) void this._load(path);
+  }
+
+  /** Loads the declarations of the packages a text imports (unsaved edits included). */
+  async resolveImports(path: string, text: string): Promise<void> {
+    if (!this._code) return;
+    const app = this._appRoot(path);
+    for (const module of bareImports(text)) {
+      const key = `${app}:${module}`;
+      if (this._resolved.has(key)) continue;
+      this._resolved.add(key);
+      const files = await this._code.typeFiles(module, path).catch(() => []);
+      for (const file of files) {
+        if (this._libraries.has(file.path)) continue;
+        this._libraries.set(file.path, file.text);
+        this._add(file.path, file.text);
+      }
+    }
+  }
+
+  dispose(): void {
+    this._subscription.dispose();
+    for (const file of this._files.values()) file.dispose();
+    this._files.clear();
+  }
+
+  private _isCode(path: string): boolean {
+    return CODE.test(path) && !IGNORED.test(path);
+  }
+
+  /** Root of the app a file belongs to (packages resolve from there). */
+  private _appRoot(path: string): string {
+    const roots = this._project.model
+      .get()
+      .apps.map((app) => app.root)
+      .filter((root) => root === '' || path.startsWith(`${root}/`))
+      .sort((a, b) => b.length - a.length);
+    return roots[0] ?? '';
+  }
+
+  private async _load(path: string): Promise<void> {
+    if (this._models.has(path)) return;
+    const { text } = await this._project.fs.readText(path).catch(() => ({ text: undefined }));
+    if (text === undefined || this._models.has(path)) return;
+    this._add(path, text);
+    await this.resolveImports(path, text);
+  }
+
+  private _add(path: string, text: string): void {
+    this._files.get(path)?.dispose();
+    const ts = this._monaco.typescript;
+    const uri = `file:///${path}`;
+    const disposables = [
+      ts.typescriptDefaults.addExtraLib(text, uri),
+      ts.javascriptDefaults.addExtraLib(text, uri),
+    ];
+    this._files.set(path, { dispose: () => disposables.forEach((item) => item.dispose()) });
+  }
+
+  private _remove(path: string): void {
+    this._files.get(path)?.dispose();
+    this._files.delete(path);
+  }
+}
diff --git a/plugins/code-editor/src/widgets/script/EditorGroupView.svelte b/plugins/code-editor/src/widgets/script/EditorGroupView.svelte
new file mode 100644
index 00000000..dd8411eb
--- /dev/null
+++ b/plugins/code-editor/src/widgets/script/EditorGroupView.svelte
@@ -0,0 +1,371 @@
+<script lang="ts">
+  import type { editor as MonacoEditor } from 'monaco-editor';
+  import { onDestroy, onMount, untrack } from 'svelte';
+
+  import { basename } from '@nanoforge-dev/editor-sdk';
+  import { Button, Dialog, EmptyState, Icon, IconButton } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { EditorDocument } from '../../document/editor-document';
+  import type { CodeEditorService } from '../../service/code-editor-service';
+  import type { EditorGroup } from '../../service/code-editor.type';
+  import { SETTING } from '../../service/code-editor-settings.const';
+  import type { Monaco } from '../../monaco/monaco';
+
+  interface Props {
+    service: CodeEditorService;
+    monaco: Monaco;
+    index: number;
+    group: EditorGroup;
+    focused: boolean;
+  }
+
+  const { service, monaco, index, group, focused }: Props = $props();
+
+  let host = $state<HTMLElement>();
+  let groupElement = $state<HTMLElement>();
+  let diffHost = $state<HTMLElement>();
+  let editor: MonacoEditor.IStandaloneCodeEditor | undefined;
+  let diff: MonacoEditor.IStandaloneDiffEditor | undefined;
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity
+  const viewStates = new Map<string, MonacoEditor.ICodeEditorViewState | null>();
+  let shown: string | undefined;
+  let comparing = $state(false);
+  const closingRequest = $derived(service.closing);
+  /** Tab of this group waiting for a decision before closing (unsaved changes). */
+  const closing = $derived($closingRequest?.group === index ? $closingRequest.path : undefined);
+  /** Bumped when a document's dirty or conflict state changes (tab markers, banner). */
+  let revision = $state(0);
+
+  const documentOf = (path: string | undefined): EditorDocument | undefined => {
+    void revision;
+    void loaded;
+    return path ? service.document(path) : undefined;
+  };
+  const active = $derived(documentOf(group.active));
+  const conflict = $derived.by(() => {
+    void revision;
+    return active?.conflict.get();
+  });
+  const stateOf = (path: string) => {
+    void revision;
+    void loaded;
+    const document = service.document(path);
+    return {
+      readOnly: document?.readOnly ?? false,
+      dirty: document?.dirty.get() ?? false,
+      conflict: !!document?.conflict.get(),
+    };
+  };
+
+  /** The text the active file is compared with (a previous version), if any. */
+  const comparisons = $derived(service.comparisons);
+  const comparison = $derived(active ? $comparisons.get(active.uri) : undefined);
+
+  /** Bumped when documents load or are released. */
+  let loaded = $state(0);
+  $effect(() => {
+    const subscription = service.onDidChangeDocuments(() => loaded++);
+    return () => subscription.dispose();
+  });
+
+  $effect(() => {
+    void loaded;
+    const unsubscribers = group.tabs.flatMap((path) => {
+      const document = service.document(path);
+      if (!document) return [];
+      const bump = () => untrack(() => revision++);
+      return [document.dirty.subscribe(bump), document.conflict.subscribe(bump)];
+    });
+    return () => unsubscribers.forEach((unsubscribe) => unsubscribe());
+  });
+
+  onMount(() => {
+    if (!host) return;
+    editor = monaco.editor.create(host, {
+      model: null,
+      automaticLayout: true,
+      theme: 'nanoforge',
+      fontFamily: 'var(--nf-font-code)',
+      fontSize: service.setting<number>(SETTING.fontSize),
+      minimap: { enabled: service.setting<boolean>(SETTING.minimap) },
+      wordWrap: service.setting<boolean>(SETTING.wordWrap) ? 'on' : 'off',
+      fixedOverflowWidgets: true,
+      scrollBeyondLastLine: false,
+      tabSize: 2,
+    });
+    editor.onDidFocusEditorWidget(() => service.focusGroup(index));
+    editor.onDidBlurEditorWidget(() => service.focusLost());
+    const settings = [SETTING.fontSize, SETTING.minimap, SETTING.wordWrap].map((key) =>
+      service.observeSetting(key).subscribe(() =>
+        editor?.updateOptions({
+          fontSize: service.setting<number>(SETTING.fontSize),
+          minimap: { enabled: service.setting<boolean>(SETTING.minimap) },
+          wordWrap: service.setting<boolean>(SETTING.wordWrap) ? 'on' : 'off',
+        }),
+      ),
+    );
+    const reveal = service.onReveal((target) => {
+      if (target.group === index && target.path === shown) showPending();
+    });
+    return () => {
+      settings.forEach((unsubscribe) => unsubscribe());
+      reveal.dispose();
+    };
+  });
+
+  /** Moves the cursor to a position requested by `open` (go to definition, links). */
+  const showPending = () => {
+    const target = editor && shown ? service.takeReveal(index, shown) : undefined;
+    if (!target || !editor) return;
+    const position = { lineNumber: target.line, column: target.column };
+    editor.setPosition(position);
+    editor.revealPositionInCenterIfOutsideViewport(position);
+    editor.focus();
+  };
+
+  /**
+   * Whether the editor may take focus when it shows a tab: not while the user is elsewhere (a
+   * menu opened while the tabs are restored after a reload, for example).
+   */
+  const focusIsFree = () => {
+    const current = window.document.activeElement;
+    return !current || current === window.document.body || !!groupElement?.contains(current);
+  };
+
+  onDestroy(() => {
+    diff?.dispose();
+    editor?.dispose();
+  });
+
+  $effect(() => {
+    const document = active;
+    if (!editor) return;
+    if (shown && shown !== document?.uri) viewStates.set(shown, editor.saveViewState());
+    if (!document) {
+      editor.setModel(null);
+      shown = undefined;
+      return;
+    }
+    if (shown === document.uri && editor.getModel() === document.model) return;
+    editor.setModel(document.model);
+    editor.updateOptions({ readOnly: document.readOnly });
+    const state = viewStates.get(document.uri);
+    if (state) editor.restoreViewState(state);
+    shown = document.uri;
+    if (focused && focusIsFree()) editor.focus();
+    showPending();
+  });
+
+  const comparedText = $derived(
+    comparing && conflict ? (conflict.diskText ?? '') : comparison?.text,
+  );
+  $effect(() => {
+    if (comparedText === undefined || !diffHost || !active) return;
+    const original = monaco.editor.createModel(comparedText, active.model.getLanguageId());
+    diff = monaco.editor.createDiffEditor(diffHost, {
+      automaticLayout: true,
+      theme: 'nanoforge',
+      renderSideBySide: true,
+      fixedOverflowWidgets: true,
+    });
+    diff.setModel({ original, modified: active.model });
+    return () => {
+      diff?.dispose();
+      diff = undefined;
+      original.dispose();
+    };
+  });
+  $effect(() => {
+    if (!conflict) comparing = false;
+  });
+
+  const select = (path: string) => {
+    if (group.active !== path) service.focusLost();
+    service.activate(index, path);
+  };
+
+  const requestClose = (path: string) => service.requestClose(index, path);
+  const closeAfter = (decision: 'save' | 'discard') => service.finishClose(decision);
+</script>
+
+<section
+  bind:this={groupElement}
+  class="group"
+  class:focused
+  aria-label={`Editor group ${index + 1}`}
+  onfocusin={() => service.focusGroup(index)}
+>
+  <div class="tabs" role="tablist" aria-label="Open files">
+    {#each group.tabs as path (path)}
+      {@const state = stateOf(path)}
+      <div
+        class="tab"
+        class:active={path === group.active}
+        role="tab"
+        tabindex={path === group.active ? 0 : -1}
+        aria-selected={path === group.active}
+        title={path}
+        onclick={() => select(path)}
+        onauxclick={(event) => event.button === 1 && requestClose(path)}
+        onkeydown={(event) => event.key === 'Enter' && select(path)}
+      >
+        {#if state.readOnly}<Icon name="lock" size={12} />{/if}
+        <span class="name">{basename(path)}</span>
+        {#if state.conflict}
+          <span class="marker conflict" title="Changed on disk"
+            ><Icon name="triangle-alert" size={12} /></span
+          >
+        {:else if state.dirty}
+          <span class="marker dirty" aria-label="Unsaved changes">●</span>
+        {/if}
+        <IconButton
+          icon="x"
+          label={`Close ${basename(path)}`}
+          size={12}
+          onclick={(event) => {
+            event.stopPropagation();
+            requestClose(path);
+          }}
+        />
+      </div>
+    {/each}
+  </div>
+
+  {#if conflict && active}
+    <div class="banner" role="alert">
+      <Icon name="triangle-alert" size={16} />
+      <p>
+        {conflict.diskText === null
+          ? `${basename(active.uri)} was deleted on disk while you had unsaved changes.`
+          : `${basename(active.uri)} changed on disk while you had unsaved changes.`}
+      </p>
+      {#if conflict.diskText !== null}
+        <Button size="sm" onclick={() => (comparing = !comparing)}>
+          {comparing ? 'Close comparison' : 'Compare'}
+        </Button>
+      {/if}
+      <Button size="sm" variant="primary" onclick={() => active.keepMine()}>Keep mine</Button>
+      {#if conflict.diskText !== null}
+        <Button size="sm" onclick={() => active.loadDisk()}>Load disk version</Button>
+      {/if}
+    </div>
+  {/if}
+
+  {#if comparison && active && !(comparing && conflict)}
+    <div class="banner" role="status">
+      <Icon name="file-code" size={16} />
+      <p>{basename(active.uri)} compared with: {comparison.label} (left).</p>
+      <Button size="sm" onclick={() => service.closeComparison(active.uri)}>Close comparison</Button
+      >
+    </div>
+  {/if}
+
+  <div class="body">
+    <div class="editor" bind:this={host} hidden={!active || comparedText !== undefined}></div>
+    {#if comparedText !== undefined}
+      <div
+        class="editor"
+        bind:this={diffHost}
+        aria-label={comparing && conflict
+          ? 'Disk version and your version'
+          : `${comparison?.label ?? 'Other version'} and the file`}
+      ></div>
+    {/if}
+    {#if !active}
+      <EmptyState
+        icon="file-code"
+        title="No file open"
+        description="Open a file from the Files panel, or with Go to definition."
+      />
+    {/if}
+  </div>
+</section>
+
+<Dialog
+  open={closing !== undefined}
+  title={`Save changes to ${closing ? basename(closing) : ''}?`}
+  description="Your changes will be lost if you don't save them."
+  onclose={() => service.finishClose('cancel')}
+>
+  {#snippet footer()}
+    <Button onclick={() => service.finishClose('cancel')}>Cancel</Button>
+    <Button variant="danger" onclick={() => closeAfter('discard')}>Don't save</Button>
+    <Button variant="primary" onclick={() => closeAfter('save')}>Save</Button>
+  {/snippet}
+</Dialog>
+
+<style>
+  .group {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-width: 0;
+    background: var(--nf-color-surface);
+  }
+  .group + :global(.group) {
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .tabs {
+    display: flex;
+    flex: none;
+    overflow-x: auto;
+    border-bottom: 1px solid var(--nf-color-border);
+    background: var(--nf-color-bg);
+  }
+  .tab {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 0 var(--nf-space-1) 0 var(--nf-space-3);
+    height: 30px;
+    border-right: 1px solid var(--nf-color-border);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+    cursor: pointer;
+  }
+  .tab.active {
+    background: var(--nf-color-surface);
+    color: var(--nf-color-text);
+  }
+  .group.focused .tab.active {
+    box-shadow: inset 0 2px 0 var(--nf-color-accent);
+  }
+  .marker.dirty {
+    color: var(--nf-color-text);
+    font-size: 10px;
+  }
+  .marker.conflict {
+    display: inline-flex;
+    color: var(--nf-color-warning);
+  }
+  .banner {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-2) var(--nf-space-3);
+    border-bottom: 1px solid var(--nf-color-warning);
+    background: var(--nf-color-raised);
+    font-size: var(--nf-font-size-sm);
+  }
+  .banner > :global(svg) {
+    color: var(--nf-color-warning);
+  }
+  .banner p {
+    flex: 1;
+    margin: 0;
+  }
+  .body {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+  }
+  .editor {
+    position: absolute;
+    inset: 0;
+  }
+  .editor[hidden] {
+    display: none;
+  }
+</style>
diff --git a/plugins/code-editor/src/widgets/script/ScriptScreen.svelte b/plugins/code-editor/src/widgets/script/ScriptScreen.svelte
new file mode 100644
index 00000000..381a5c92
--- /dev/null
+++ b/plugins/code-editor/src/widgets/script/ScriptScreen.svelte
@@ -0,0 +1,167 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import { EditorServices } from '@nanoforge-dev/editor-sdk';
+  import {
+    CODE_EDITOR_SIDE_PANELS,
+    type CodeEditorSidePanel,
+    EmptyState,
+    IconButton,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import EditorGroupView from './EditorGroupView.svelte';
+  import type { EditorLayout } from '../../service/code-editor.type';
+  import { current } from '../../session/code-editor-session';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  const layout = $derived($current?.service.layout);
+
+  // svelte-ignore state_referenced_locally
+  const panelContributions = instance.services
+    .get(EditorServices.Extensions)
+    .observe(CODE_EDITOR_SIDE_PANELS);
+  let panelRevision = $state(0);
+  let panelOpen = $state(true);
+  let chosenPanel = $state<string>();
+  const activePath = $derived($layout?.groups[$layout.focused]?.active);
+  const panels = $derived.by((): CodeEditorSidePanel[] => {
+    void panelRevision;
+    const path = activePath;
+    if (!path) return [];
+    return $panelContributions
+      .map((contribution) => contribution.value)
+      .filter((panel) => panel.appliesTo(path));
+  });
+  const panel = $derived(panels.find((candidate) => candidate.id === chosenPanel) ?? panels[0]);
+  $effect(() => {
+    const subscriptions = $panelContributions.flatMap((contribution) =>
+      contribution.value.changes
+        ? [contribution.value.changes.subscribe(() => untrack(() => (panelRevision += 1)))]
+        : [],
+    );
+    return () => subscriptions.forEach((unsubscribe) => unsubscribe());
+  });
+
+  $effect(() => {
+    const service = $current?.service;
+    if (!service) return;
+    return untrack(() => {
+      void service.restore(instance.getState<EditorLayout>());
+      return service.layout.subscribe((value) => instance.setState(value));
+    });
+  });
+
+  $effect(() => {
+    const service = $current?.service;
+    if (!service) return;
+    return service.layout.subscribe((value) => {
+      const path = value.groups[value.focused]?.active;
+      instance.setHistoryContext(path ? `file:${path}` : undefined);
+    });
+  });
+
+  $effect(() => {
+    const service = $current?.service;
+    if (!service) return;
+    const onBlur = () => service.focusLost();
+    window.addEventListener('blur', onBlur);
+    return () => window.removeEventListener('blur', onBlur);
+  });
+</script>
+
+{#if $current && $layout}
+  <div class="script">
+    {#each $layout.groups as group, index (index)}
+      <EditorGroupView
+        service={$current.service}
+        monaco={$current.monaco}
+        {index}
+        {group}
+        focused={$layout.focused === index}
+      />
+    {/each}
+    {#if panel && activePath}
+      {#if panelOpen}
+        <aside class="side-panel" aria-label="{panel.title} panel">
+          <header>
+            {#each panels as candidate (candidate.id)}
+              <button
+                class="panel-tab"
+                aria-pressed={candidate === panel}
+                onclick={() => (chosenPanel = candidate.id)}>{candidate.title}</button
+              >
+            {/each}
+            <span class="spacer"></span>
+            <IconButton
+              icon="x"
+              label="Hide the {panel.title} panel"
+              onclick={() => (panelOpen = false)}
+            />
+          </header>
+          <div class="panel-body">
+            {#key `${panel.id}:${activePath}`}
+              <panel.component path={activePath} />
+            {/key}
+          </div>
+        </aside>
+      {:else}
+        <div class="side-toggle">
+          <IconButton
+            icon={panel.icon ?? 'panel-right'}
+            label="Show the {panel.title} panel"
+            onclick={() => (panelOpen = true)}
+          />
+        </div>
+      {/if}
+    {/if}
+  </div>
+{:else}
+  <EmptyState icon="file-code" title="No project open" />
+{/if}
+
+<style>
+  .script {
+    display: flex;
+    height: 100%;
+    min-height: 0;
+  }
+  .side-panel {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    width: 320px;
+    min-height: 0;
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .side-panel header {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .panel-tab {
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .panel-tab[aria-pressed='true'] {
+    color: inherit;
+    font-weight: 600;
+  }
+  .spacer {
+    flex: 1;
+  }
+  .panel-body {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .side-toggle {
+    flex: none;
+    padding: 2px;
+    border-left: 1px solid var(--nf-color-border);
+  }
+</style>
diff --git a/plugins/code-editor/svelte.config.js b/plugins/code-editor/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/code-editor/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/code-editor/test/service/pair-renames.spec.ts b/plugins/code-editor/test/service/pair-renames.spec.ts
new file mode 100644
index 00000000..beda3173
--- /dev/null
+++ b/plugins/code-editor/test/service/pair-renames.spec.ts
@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest';
+
+import { type PathChange, pairRenames } from '../../src/service/pair-renames';
+
+const file = (type: PathChange['type'], path: string): PathChange => ({ type, path, kind: 'file' });
+
+describe('pairRenames', () => {
+  it('pairs a rename in place and a move to another folder', () => {
+    expect([
+      ...pairRenames([file('deleted', 'src/notes.md'), file('created', 'src/todo.md')]),
+    ]).toEqual([['src/notes.md', 'src/todo.md']]);
+    expect([
+      ...pairRenames([file('created', 'docs/notes.md'), file('deleted', 'src/notes.md')]),
+    ]).toEqual([['src/notes.md', 'docs/notes.md']]);
+  });
+
+  it('follows the files of a renamed folder', () => {
+    const pairs = pairRenames([
+      { type: 'deleted', path: 'old', kind: 'directory' },
+      { type: 'created', path: 'new', kind: 'directory' },
+      file('deleted', 'old/a/index.ts'),
+      file('deleted', 'old/b/index.ts'),
+      file('created', 'new/a/index.ts'),
+      file('created', 'new/b/index.ts'),
+    ]);
+    expect(Object.fromEntries(pairs)).toEqual({
+      'old/a/index.ts': 'new/a/index.ts',
+      'old/b/index.ts': 'new/b/index.ts',
+    });
+  });
+
+  it('leaves a plain deletion, and an unclear batch, alone', () => {
+    expect(pairRenames([file('deleted', 'src/a.ts')]).size).toBe(0);
+    expect(pairRenames([file('deleted', 'src/a.ts'), file('created', 'src/a.ts')]).size).toBe(0);
+    expect(pairRenames([file('deleted', 'src/a.ts'), file('changed', 'src/b.ts')]).size).toBe(0);
+    expect(
+      pairRenames([
+        file('deleted', 'src/a.ts'),
+        file('deleted', 'src/b.ts'),
+        file('created', 'src/c.ts'),
+        file('created', 'src/d.ts'),
+      ]).size,
+    ).toBe(0);
+  });
+});
diff --git a/plugins/code-editor/tsconfig.json b/plugins/code-editor/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/code-editor/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/code-editor/vite.config.ts b/plugins/code-editor/vite.config.ts
new file mode 100644
index 00000000..29b6d0d1
--- /dev/null
+++ b/plugins/code-editor/vite.config.ts
@@ -0,0 +1,10 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: { lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'code-editor' } },
+  worker: { format: 'es' },
+});
diff --git a/plugins/command-palette/.prettierignore b/plugins/command-palette/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/command-palette/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/command-palette/LICENSE b/plugins/command-palette/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/command-palette/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/command-palette/README.md b/plugins/command-palette/README.md
new file mode 100644
index 00000000..e889b6ba
--- /dev/null
+++ b/plugins/command-palette/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/command-palette"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fcommand-palette" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-command-palette` is an internal package of the NanoForge Editor.
+
+Built-in command palette and keyboard shortcuts page.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/command-palette
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/command-palette/nanoforge.manifest.json b/plugins/command-palette/nanoforge.manifest.json
new file mode 100644
index 00000000..8dab1fc0
--- /dev/null
+++ b/plugins/command-palette/nanoforge.manifest.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/command-palette",
+  "version": "0.1.0",
+  "displayName": "Command palette",
+  "description": "Run commands, open files, go to lines and symbols from one box, and edit the keyboard shortcuts.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onStartup"],
+  "contributes": {
+    "commands": [
+      { "id": "palette.show", "title": "Command palette…", "category": "View" },
+      { "id": "palette.files", "title": "Go to file…", "category": "Go" },
+      { "id": "palette.line", "title": "Go to line…", "category": "Go" },
+      { "id": "palette.symbols", "title": "Go to symbol in file…", "category": "Go" },
+      { "id": "keymap.open", "title": "Keyboard shortcuts…", "category": "File" }
+    ],
+    "keybindings": [
+      { "key": "Mod+Shift+P", "command": "palette.show" },
+      { "key": "Mod+P", "command": "palette.files" },
+      { "key": "Mod+G", "command": "palette.line" },
+      { "key": "Mod+Shift+O", "command": "palette.symbols" }
+    ],
+    "menus": [
+      { "menu": "view", "command": "palette.show", "group": "a-palette", "order": 0 },
+      { "menu": "view", "command": "palette.files", "group": "a-palette", "order": 1 },
+      { "menu": "file", "command": "keymap.open", "group": "z-settings", "order": 1 }
+    ],
+    "keymapPresets": [
+      {
+        "id": "vscode",
+        "title": "VS Code",
+        "description": "Shortcuts close to Visual Studio Code's.",
+        "bindings": [
+          { "key": "Mod+J", "command": "console.show" },
+          { "key": "Mod+`", "command": "console.show" },
+          { "key": "Mod+Shift+M", "command": "console.showProblems" },
+          { "key": "Mod+B", "command": "workbench.toggleSlot", "args": ["leftTop"] },
+          { "key": "Mod+K Mod+S", "command": "keymap.open" }
+        ]
+      },
+      {
+        "id": "godot",
+        "title": "Godot",
+        "description": "Shortcuts close to the Godot editor's.",
+        "bindings": [
+          { "key": "F8", "command": "runtime.stop", "when": "runtime.active" },
+          {
+            "key": "F7",
+            "command": "runtime.pause",
+            "when": "runtime.state == 'running' && runtime.controllable"
+          },
+          { "key": "F7", "command": "runtime.resume", "when": "runtime.state == 'paused'" },
+          { "key": "Mod+F1", "command": "workbench.openWidget", "args": ["viewport.scene"] },
+          { "key": "Mod+F2", "command": "workbench.openWidget", "args": ["viewport.game"] },
+          { "key": "Mod+F3", "command": "workbench.openWidget", "args": ["code-editor.script"] }
+        ]
+      }
+    ]
+  }
+}
diff --git a/plugins/command-palette/package.json b/plugins/command-palette/package.json
new file mode 100644
index 00000000..33cb77e2
--- /dev/null
+++ b/plugins/command-palette/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-command-palette",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in command palette and keyboard shortcuts page",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/command-palette"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/command-palette/src/icons.ts b/plugins/command-palette/src/icons.ts
new file mode 100644
index 00000000..7e707414
--- /dev/null
+++ b/plugins/command-palette/src/icons.ts
@@ -0,0 +1,6 @@
+import Keyboard from '@lucide/svelte/icons/keyboard';
+import Pencil from '@lucide/svelte/icons/pencil';
+import Plus from '@lucide/svelte/icons/plus';
+
+/** Icons of the keymap page that the editor's kit doesn't register. */
+export const ICONS = { keyboard: Keyboard, pencil: Pencil, plus: Plus };
diff --git a/plugins/command-palette/src/index.ts b/plugins/command-palette/src/index.ts
new file mode 100644
index 00000000..b46ffb03
--- /dev/null
+++ b/plugins/command-palette/src/index.ts
@@ -0,0 +1,136 @@
+import { type Component, mount, unmount } from 'svelte';
+
+import { EditorServices, type ServiceAccessor, definePlugin } from '@nanoforge-dev/editor-sdk';
+import {
+  CODE_EDITOR_ACTIVE_FILE,
+  type EditorAction,
+  NotificationServiceToken,
+  SETTINGS_PAGES,
+  type SettingsPageApi,
+  StyleServiceToken,
+  isActionEnabled,
+  listActions,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { ICONS } from './icons';
+import KeymapPage from './keymap/KeymapPage.svelte';
+import { KEYMAP_PAGE, OVERRIDES, PRESET } from './keymap/keymap.const';
+import Palette, { type PaletteResult } from './palette/Palette.svelte';
+import { PREFIXES } from './palette/palette-model';
+import { readRecent, rememberRecent } from './palette/recent';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('command-palette.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+
+    const commands = services.get(EditorServices.Commands);
+    const extensions = services.get(EditorServices.Extensions);
+    const contextKeys = services.get(EditorServices.ContextKeys);
+    const notify = (kind: 'info' | 'error', title: string, detail?: string) =>
+      services.tryGet(NotificationServiceToken)?.notify(kind, title, detail ? { detail } : {});
+
+    let palette:
+      | {
+          component: ReturnType<typeof mount>;
+          target: HTMLElement;
+          previous: HTMLElement | null;
+          actions: readonly EditorAction[];
+          activeFile: string | undefined;
+        }
+      | undefined;
+
+    const run = async (result: PaletteResult) => {
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      try {
+        if (result.kind === 'action') {
+          rememberRecent(result.action.id);
+          await commands.execute(result.action.command, ...result.action.args);
+        } else {
+          await commands.execute('documents.open', result.path, {
+            ...(result.line !== undefined && { line: result.line, column: result.column ?? 1 }),
+          });
+        }
+      } catch (error) {
+        notify(
+          'error',
+          result.kind === 'action'
+            ? `${result.action.title} could not run`
+            : `${result.path} could not be opened`,
+          error instanceof Error ? error.message : String(error),
+        );
+      }
+    };
+
+    const close = (result?: PaletteResult) => {
+      if (!palette) return;
+      const { component, target, previous } = palette;
+      palette = undefined;
+      const back = result?.kind === 'open' ? null : previous;
+      if (back?.isConnected && back !== document.body) back.focus();
+      else (document.activeElement as HTMLElement | null)?.blur?.();
+      void unmount(component);
+      target.remove();
+      if (result) void run(result);
+    };
+    context.subscriptions.add({ dispose: () => close() });
+
+    const open = (prefix: string) => {
+      const previous =
+        palette?.previous ??
+        (document.activeElement instanceof HTMLElement ? document.activeElement : null);
+      const actions =
+        palette?.actions ??
+        listActions({ commands, extensions }).filter((action) =>
+          isActionEnabled(action, contextKeys),
+        );
+      const activeFile = palette
+        ? palette.activeFile
+        : contextKeys.get<string>(CODE_EDITOR_ACTIVE_FILE);
+      if (palette) {
+        void unmount(palette.component);
+        palette.target.remove();
+      }
+      const target = document.createElement('div');
+      document.body.append(target);
+      palette = {
+        target,
+        previous,
+        actions,
+        activeFile,
+        component: mount(Palette, {
+          target,
+          props: { services, prefix, actions, activeFile, recent: readRecent(), onclose: close },
+        }),
+      };
+    };
+
+    for (const [id, prefix] of [
+      ['palette.show', PREFIXES.commands],
+      ['palette.files', ''],
+      ['palette.line', PREFIXES.line],
+      ['palette.symbols', PREFIXES.symbols],
+    ] as const) {
+      context.subscriptions.add(context.registerCommand(id, () => open(prefix)));
+    }
+
+    context.subscriptions.add(
+      context.contribute(SETTINGS_PAGES, {
+        id: KEYMAP_PAGE,
+        title: 'Keyboard shortcuts',
+        icon: 'keyboard',
+        order: 0,
+        settings: [OVERRIDES, PRESET],
+        component: KeymapPage as Component<{ services: ServiceAccessor; page: SettingsPageApi }>,
+      }),
+    );
+    context.subscriptions.add(
+      context.registerCommand('keymap.open', () => commands.execute('settings.open', KEYMAP_PAGE)),
+    );
+  },
+});
diff --git a/plugins/command-palette/src/keymap/KeymapPage.svelte b/plugins/command-palette/src/keymap/KeymapPage.svelte
new file mode 100644
index 00000000..93ead76f
--- /dev/null
+++ b/plugins/command-palette/src/keymap/KeymapPage.svelte
@@ -0,0 +1,332 @@
+<script lang="ts">
+  import {
+    EditorServices,
+    type ServiceAccessor,
+    SettingsServiceToken,
+    type WritableScope,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    Checkbox,
+    DEFAULT_KEYMAP_PRESET,
+    type EditorAction,
+    EmptyState,
+    IconButton,
+    Input,
+    KEYBINDINGS,
+    KEYMAP_PRESETS,
+    KeybindingServiceToken,
+    type KeymapLayers,
+    type KeymapOverride,
+    type ResolvedKeybinding,
+    Select,
+    type SettingsPageApi,
+    actionId,
+    formatKeybinding,
+    listActions,
+    resetAction,
+    resolveLayers,
+    setShortcut,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { RecordedShortcut } from './RecordDialog.svelte';
+  import { OVERRIDES, PRESET } from './keymap.const';
+  import {
+    type KeymapRow,
+    conflictsOf,
+    filterRows,
+    keymapRows,
+    strokesOf,
+    userConflicts,
+  } from './keymap-rows';
+  import { closeRecordDialog, openRecordDialog } from './open-record-dialog';
+
+  type Scope = Extract<WritableScope, 'account' | 'machine'>;
+
+  const input: { services: ServiceAccessor; page: SettingsPageApi } = $props();
+  // svelte-ignore state_referenced_locally
+  const [services, page] = [input.services, input.page];
+  const extensions = services.get(EditorServices.Extensions);
+  const commands = services.get(EditorServices.Commands);
+  const settings = services.get(SettingsServiceToken);
+  const keybindings = services.tryGet(KeybindingServiceToken);
+  const revision = page.revision;
+
+  const SCOPES = (
+    [
+      { value: 'account', label: 'Account' },
+      { value: 'machine', label: 'This machine' },
+    ] as const
+  ).filter((scope) => settings.hasStore(scope.value));
+  let scope = $state<Scope>(SCOPES[0]?.value ?? 'machine');
+  let query = $state('');
+  let onlyChanged = $state(false);
+  let onlyConflicts = $state(false);
+
+  const listOf = (target: Scope): readonly KeymapOverride[] =>
+    (page.scopeValue(OVERRIDES, target) as readonly KeymapOverride[] | undefined) ?? [];
+  const presets = extensions.getValues(KEYMAP_PRESETS);
+  const presetItems = [
+    { value: DEFAULT_KEYMAP_PRESET, label: 'NanoForge' },
+    ...presets.map((preset) => ({ value: preset.id, label: preset.title })),
+  ];
+  const actions = listActions({ commands, extensions });
+
+  const presetId = $derived.by(() => {
+    void $revision;
+    return (page.value(PRESET) as string | undefined) ?? DEFAULT_KEYMAP_PRESET;
+  });
+  const preset = $derived(presets.find((candidate) => candidate.id === presetId));
+  /** The keymap with the pending changes: the edited scope's list between the others. */
+  const layers = $derived.by((): KeymapLayers => {
+    void $revision;
+    const account = listOf('account');
+    const machine = listOf('machine');
+    return {
+      defaults: extensions.getValues(KEYBINDINGS),
+      preset: preset?.bindings ?? [],
+      before: scope === 'machine' ? account : [],
+      own: scope === 'machine' ? machine : account,
+      after: scope === 'machine' ? [] : machine,
+    };
+  });
+  const bindings = $derived(resolveLayers(layers));
+  /** Shortcuts in a conflict the user's own changes are part of. */
+  const conflicting = $derived(userConflicts(bindings));
+  const pending = $derived.by(() => {
+    void $revision;
+    return page.isPending(OVERRIDES);
+  });
+
+  const rows = $derived(keymapRows(actions, layers, bindings, conflicting));
+  const shown = $derived(filterRows(rows, { query, onlyChanged, onlyConflicts }));
+
+  const sourceOf = (binding: ResolvedKeybinding) =>
+    binding.source === 'user'
+      ? 'You'
+      : binding.source === 'preset'
+        ? (preset?.title ?? 'Preset')
+        : 'Default';
+
+  const write = (own: readonly KeymapOverride[]) => page.set(OVERRIDES, own, scope);
+  const refOf = (binding: Pick<ResolvedKeybinding, 'command' | 'args' | 'key'>) => ({
+    command: binding.command,
+    args: binding.args,
+    key: binding.key,
+  });
+
+  const remove = (binding: ResolvedKeybinding) =>
+    write(setShortcut(layers, refOf(binding), undefined));
+  const reset = (action: EditorAction) =>
+    write(resetAction(layers.own, action.command, action.args));
+
+  const labelOf = (binding: ResolvedKeybinding) => {
+    const id = actionId(binding.command, binding.args);
+    return rows.find((row) => row.action.id === id)?.label ?? id;
+  };
+
+  $effect(() => closeRecordDialog);
+
+  const record = (row: KeymapRow, editing?: ResolvedKeybinding) => {
+    const save = ({ key, when, replace }: RecordedShortcut) => {
+      let own = [...layers.own];
+      const apply = (
+        ref: Parameters<typeof setShortcut>[1],
+        state: Parameters<typeof setShortcut>[2],
+      ) => {
+        own = setShortcut({ ...layers, own }, ref, state);
+      };
+      if (editing && strokesOf(editing.key)?.join(' ') !== strokesOf(key)?.join(' '))
+        apply(refOf(editing), undefined);
+      if (replace) {
+        for (const other of conflictsOf(bindings, row.action, key, when, editing))
+          apply(refOf(other), undefined);
+      }
+      apply({ command: row.action.command, args: row.action.args, key }, { when });
+      write(own);
+      closeRecordDialog();
+    };
+    openRecordDialog({
+      action: row.label,
+      ...(editing && { initial: { key: editing.key, when: editing.when } }),
+      conflictsFor: (key: string, when: string | undefined) =>
+        conflictsOf(bindings, row.action, key, when, editing).map((binding) => ({
+          action: labelOf(binding),
+          key: binding.key,
+        })),
+      keybindings,
+      onsave: save,
+      oncancel: closeRecordDialog,
+    });
+  };
+</script>
+
+<div class="keymap">
+  <div class="top">
+    <label>
+      <span>Preset</span>
+      <Select
+        label="Preset"
+        value={presetId}
+        items={presetItems}
+        onchange={(id) => page.set(PRESET, id, scope)}
+      />
+    </label>
+    {#if SCOPES.length > 1}
+      <label title={pending ? 'Apply your changes before switching' : undefined}>
+        <span>Save changes to</span>
+        <Select
+          label="Save changes to"
+          value={scope}
+          items={SCOPES}
+          disabled={pending}
+          onchange={(value) => (scope = value)}
+        />
+      </label>
+    {/if}
+  </div>
+  <div class="filters">
+    <Input bind:value={query} placeholder="Search shortcuts" aria-label="Search shortcuts" />
+    <Checkbox bind:checked={onlyChanged} label="Changed" />
+    <Checkbox bind:checked={onlyConflicts} label="Conflicts" />
+  </div>
+  <ul class="actions" aria-label="Keyboard shortcuts">
+    {#each shown as row (row.action.id)}
+      <li aria-label={row.label} class:conflict={row.conflict}>
+        <div class="name">
+          <span>{row.label}</span>
+          <code>{row.action.command}</code>
+        </div>
+        <div class="shortcuts">
+          {#each row.bindings as binding, index (index)}
+            <span class="shortcut" class:conflict={conflicting.has(binding)}>
+              <kbd>{formatKeybinding(binding.key)}</kbd>
+              {#if binding.when}<span class="when" title={binding.when}>when {binding.when}</span
+                >{/if}
+              <span class="source">{sourceOf(binding)}</span>
+              {#if conflicting.has(binding)}<span class="mark">Conflict</span>{/if}
+              <IconButton
+                icon="pencil"
+                size={13}
+                label={`Edit shortcut ${formatKeybinding(binding.key)}`}
+                onclick={() => record(row, binding)}
+              />
+              <IconButton
+                icon="trash-2"
+                size={13}
+                label={`Remove shortcut ${formatKeybinding(binding.key)}`}
+                onclick={() => remove(binding)}
+              />
+            </span>
+          {/each}
+          <Button size="sm" variant="ghost" icon="plus" onclick={() => record(row)}
+            >Add shortcut</Button
+          >
+          {#if row.changed}
+            <Button size="sm" variant="ghost" icon="rotate-ccw" onclick={() => reset(row.action)}
+              >Reset</Button
+            >
+          {/if}
+        </div>
+      </li>
+    {:else}
+      <EmptyState icon="keyboard" title="No shortcut matches" />
+    {/each}
+  </ul>
+</div>
+
+<style>
+  .keymap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-2);
+    height: 100%;
+    min-height: 0;
+  }
+  .top,
+  .filters {
+    display: flex;
+    flex: none;
+    flex-wrap: wrap;
+    gap: var(--nf-space-3);
+    align-items: center;
+  }
+  .top label {
+    display: inline-flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .filters :global(input[type='text']),
+  .filters :global(input:not([type])) {
+    flex: 1;
+    min-width: 160px;
+  }
+  .actions {
+    flex: 1;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    overflow: auto;
+    list-style: none;
+  }
+  li {
+    display: grid;
+    grid-template-columns: minmax(180px, 2fr) 3fr;
+    gap: var(--nf-space-3);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  li:hover {
+    background: var(--nf-color-hover);
+  }
+  .name {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+  .name code {
+    overflow: hidden;
+    color: var(--nf-color-text-faint);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-xs, 11px);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .shortcuts {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--nf-space-2);
+    align-items: center;
+  }
+  .shortcut {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding-left: var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    font-size: var(--nf-font-size-sm);
+  }
+  .shortcut.conflict {
+    border-color: var(--nf-color-warning);
+  }
+  kbd {
+    font-family: var(--nf-font-code);
+  }
+  .when {
+    max-width: 22ch;
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .source {
+    color: var(--nf-color-text-faint);
+  }
+  .mark {
+    color: var(--nf-color-warning);
+  }
+</style>
diff --git a/plugins/command-palette/src/keymap/RecordDialog.svelte b/plugins/command-palette/src/keymap/RecordDialog.svelte
new file mode 100644
index 00000000..bcf77577
--- /dev/null
+++ b/plugins/command-palette/src/keymap/RecordDialog.svelte
@@ -0,0 +1,201 @@
+<script lang="ts">
+  import { parseWhen } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    Dialog,
+    Input,
+    type KeybindingService,
+    formatKeybinding,
+    portableStroke,
+    strokeFromEvent,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  export interface RecordedShortcut {
+    readonly key: string;
+    readonly when: string | undefined;
+    /** The actions in conflict lose this shortcut. */
+    readonly replace: boolean;
+  }
+
+  interface Props {
+    /** The action the shortcut is for, as shown in the list. */
+    action: string;
+    /** The shortcut being changed, if any. */
+    initial?: { key: string; when?: string | undefined };
+    /** Shortcuts of other actions that this one would get in the way of. */
+    conflictsFor: (key: string, when: string | undefined) => { action: string; key: string }[];
+    /** Turned off while recording, so every key reaches the recorder. */
+    keybindings?: KeybindingService | undefined;
+    onsave: (shortcut: RecordedShortcut) => void;
+    oncancel: () => void;
+  }
+
+  // svelte-ignore state_referenced_locally
+  const { action, initial, conflictsFor, keybindings, onsave, oncancel }: Props = $props();
+
+  let open = $state(true);
+  // svelte-ignore state_referenced_locally
+  let strokes = $state<string[]>(initial?.key.trim().split(/\s+/).filter(Boolean) ?? []);
+  // svelte-ignore state_referenced_locally
+  let when = $state(initial?.when ?? '');
+  let recorder = $state<HTMLElement>();
+
+  $effect(() => {
+    const suspended = keybindings?.suspend();
+    return () => suspended?.dispose();
+  });
+  $effect(() => recorder?.focus());
+
+  const key = $derived(strokes.join(' '));
+  const invalidWhen = $derived.by(() => {
+    if (!when.trim()) return undefined;
+    try {
+      parseWhen(when);
+      return undefined;
+    } catch (error) {
+      return error instanceof Error ? error.message : String(error);
+    }
+  });
+  const conflicts = $derived(
+    key && !invalidWhen ? conflictsFor(key, when.trim() || undefined) : [],
+  );
+  const ready = $derived(strokes.length > 0 && !invalidWhen);
+
+  const save = (replace: boolean) => {
+    if (!ready) return;
+    open = false;
+    onsave({ key, when: when.trim() || undefined, replace });
+  };
+
+  const record = (event: KeyboardEvent) => {
+    if (event.key === 'Tab') return;
+    const plain = !event.ctrlKey && !event.altKey && !event.shiftKey && !event.metaKey;
+    if (plain && event.key === 'Escape') return;
+    event.preventDefault();
+    event.stopPropagation();
+    if (plain && event.key === 'Enter' && strokes.length) {
+      if (!conflicts.length) save(false);
+      return;
+    }
+    if (plain && event.key === 'Backspace' && strokes.length) {
+      strokes = [];
+      return;
+    }
+    const stroke = strokeFromEvent(event);
+    if (!stroke) return;
+    strokes = strokes.length >= 2 ? [portableStroke(stroke)] : [...strokes, portableStroke(stroke)];
+  };
+</script>
+
+<Dialog
+  bind:open
+  title={`Shortcut for ${action}`}
+  description="Press the keys. A second keystroke makes a chord. Backspace clears, Enter saves."
+  onclose={oncancel}
+>
+  <div class="record">
+    <div
+      class="keys"
+      class:empty={!strokes.length}
+      bind:this={recorder}
+      role="textbox"
+      aria-label="Shortcut"
+      aria-readonly="true"
+      tabindex="0"
+      onkeydown={record}
+    >
+      {strokes.length ? formatKeybinding(key) : 'Press a shortcut'}
+    </div>
+    <label class="condition">
+      <span>Condition (optional)</span>
+      <Input
+        bind:value={when}
+        aria-label="Condition"
+        placeholder="For example: runtime.active"
+        invalid={!!invalidWhen}
+      />
+    </label>
+    {#if invalidWhen}
+      <p class="problem" role="alert">This condition can't be read: {invalidWhen}</p>
+    {/if}
+    {#if conflicts.length}
+      <div class="conflicts" role="alert">
+        <p>Already used by:</p>
+        <ul>
+          {#each conflicts as conflict, index (index)}
+            <li>{conflict.action} <kbd>{formatKeybinding(conflict.key)}</kbd></li>
+          {/each}
+        </ul>
+      </div>
+    {/if}
+  </div>
+  {#snippet footer()}
+    <Button
+      onclick={() => {
+        open = false;
+        oncancel();
+      }}>Cancel</Button
+    >
+    {#if conflicts.length}
+      <Button disabled={!ready} onclick={() => save(false)}>Keep both</Button>
+      <Button variant="primary" disabled={!ready} onclick={() => save(true)}>Replace</Button>
+    {:else}
+      <Button variant="primary" disabled={!ready} onclick={() => save(false)}>Save shortcut</Button>
+    {/if}
+  {/snippet}
+</Dialog>
+
+<style>
+  .record {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-3);
+  }
+  .keys {
+    display: grid;
+    place-items: center;
+    min-height: 56px;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-lg, 16px);
+  }
+  .keys:focus {
+    outline: 2px solid var(--nf-color-focus);
+    outline-offset: 1px;
+  }
+  .keys.empty {
+    color: var(--nf-color-text-faint);
+    font-family: inherit;
+  }
+  .condition {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .problem,
+  .conflicts p {
+    margin: 0;
+  }
+  .problem {
+    color: var(--nf-color-danger);
+    font-size: var(--nf-font-size-sm);
+  }
+  .conflicts {
+    padding: var(--nf-space-2) var(--nf-space-3);
+    border: 1px solid var(--nf-color-warning);
+    border-radius: var(--nf-radius-control);
+    font-size: var(--nf-font-size-sm);
+  }
+  .conflicts ul {
+    margin: var(--nf-space-1) 0 0;
+    padding-left: var(--nf-space-4);
+  }
+  kbd {
+    margin-left: var(--nf-space-1);
+    font-family: var(--nf-font-code);
+  }
+</style>
diff --git a/plugins/command-palette/src/keymap/keymap-rows.ts b/plugins/command-palette/src/keymap/keymap-rows.ts
new file mode 100644
index 00000000..5d63e7da
--- /dev/null
+++ b/plugins/command-palette/src/keymap/keymap-rows.ts
@@ -0,0 +1,116 @@
+import {
+  type EditorAction,
+  type KeymapLayers,
+  type ResolvedKeybinding,
+  actionId,
+  actionLabel,
+  bindingsConflict,
+  findConflicts,
+  formatKeybinding,
+  isActionChanged,
+  parseKeybinding,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+/** An action of the Keyboard shortcuts page, with its shortcuts. */
+export interface KeymapRow {
+  readonly action: EditorAction;
+  readonly label: string;
+  readonly bindings: readonly ResolvedKeybinding[];
+  readonly changed: boolean;
+  readonly conflict: boolean;
+}
+
+export interface KeymapFilter {
+  readonly query: string;
+  readonly onlyChanged: boolean;
+  readonly onlyConflicts: boolean;
+}
+
+/** Shortcuts in a conflict the user's own changes are part of. */
+export const userConflicts = (bindings: readonly ResolvedKeybinding[]): Set<ResolvedKeybinding> =>
+  new Set(
+    findConflicts(bindings)
+      .filter((group) => group.bindings.some((binding) => binding.source === 'user'))
+      .flatMap((group) => group.bindings),
+  );
+
+/** Every action, and the commands that have shortcuts but no title, with their shortcuts. */
+export const keymapRows = (
+  actions: readonly EditorAction[],
+  layers: KeymapLayers,
+  bindings: readonly ResolvedKeybinding[],
+  conflicting: ReadonlySet<ResolvedKeybinding>,
+): KeymapRow[] => {
+  const overrides = [...layers.before, ...layers.own, ...layers.after];
+  const known = new Set(actions.map((action) => action.id));
+  const untitled = new Map<string, EditorAction>();
+  for (const binding of bindings) {
+    const id = actionId(binding.command, binding.args);
+    if (known.has(id) || untitled.has(id)) continue;
+    untitled.set(id, {
+      id,
+      command: binding.command,
+      args: binding.args,
+      title: id,
+      when: [],
+    });
+  }
+  return [...actions, ...untitled.values()].map((action) => {
+    const own = bindings.filter((binding) => actionId(binding.command, binding.args) === action.id);
+    return {
+      action,
+      label: actionLabel(action),
+      bindings: own,
+      changed: isActionChanged(overrides, action.command, action.args),
+      conflict: own.some((binding) => conflicting.has(binding)),
+    };
+  });
+};
+
+/** The rows the filters keep: a search in labels, commands and shortcuts. */
+export const filterRows = (rows: readonly KeymapRow[], filter: KeymapFilter): KeymapRow[] => {
+  const needle = filter.query.trim().toLowerCase();
+  return rows.filter(
+    (row) =>
+      (!filter.onlyChanged || row.changed) &&
+      (!filter.onlyConflicts || row.conflict) &&
+      (!needle ||
+        row.label.toLowerCase().includes(needle) ||
+        row.action.command.toLowerCase().includes(needle) ||
+        row.bindings.some(
+          (binding) =>
+            binding.strokes.join(' ').toLowerCase().includes(needle) ||
+            formatKeybinding(binding.key).toLowerCase().includes(needle),
+        )),
+  );
+};
+
+/** The strokes of a shortcut, or undefined when it does not parse. */
+export const strokesOf = (key: string): string[] | undefined => {
+  try {
+    return parseKeybinding(key);
+  } catch {
+    return undefined;
+  }
+};
+
+/** Shortcuts of other actions a candidate would get in the way of. */
+export const conflictsOf = (
+  bindings: readonly ResolvedKeybinding[],
+  action: EditorAction,
+  key: string,
+  when: string | undefined,
+  editing?: ResolvedKeybinding,
+): ResolvedKeybinding[] => {
+  const strokes = strokesOf(key);
+  if (!strokes) return [];
+  const candidate: ResolvedKeybinding = {
+    command: action.command,
+    args: [...action.args],
+    key,
+    ...(when && { when }),
+    strokes,
+    source: 'user',
+  };
+  return bindings.filter((binding) => binding !== editing && bindingsConflict(candidate, binding));
+};
diff --git a/plugins/command-palette/src/keymap/keymap.const.ts b/plugins/command-palette/src/keymap/keymap.const.ts
new file mode 100644
index 00000000..c7a1bcb3
--- /dev/null
+++ b/plugins/command-palette/src/keymap/keymap.const.ts
@@ -0,0 +1,6 @@
+/** Settings the Keyboard shortcuts page edits. */
+export const OVERRIDES = 'keymap.overrides';
+export const PRESET = 'keymap.preset';
+
+/** Id of the page in the Settings dialog (`settings.open` takes it). */
+export const KEYMAP_PAGE = 'keymap';
diff --git a/plugins/command-palette/src/keymap/open-record-dialog.ts b/plugins/command-palette/src/keymap/open-record-dialog.ts
new file mode 100644
index 00000000..ef9a0762
--- /dev/null
+++ b/plugins/command-palette/src/keymap/open-record-dialog.ts
@@ -0,0 +1,21 @@
+import { type ComponentProps, mount, unmount } from 'svelte';
+
+import RecordDialog from './RecordDialog.svelte';
+
+let current: { component: ReturnType<typeof mount>; host: HTMLElement } | undefined;
+
+/** Closes the shortcut recorder, when it is open. */
+export const closeRecordDialog = (): void => {
+  if (!current) return;
+  void unmount(current.component);
+  current.host.remove();
+  current = undefined;
+};
+
+/** Shows the dialog that records a shortcut for an action. */
+export const openRecordDialog = (props: ComponentProps<typeof RecordDialog>): void => {
+  closeRecordDialog();
+  const host = document.createElement('div');
+  document.body.append(host);
+  current = { host, component: mount(RecordDialog, { target: host, props }) };
+};
diff --git a/plugins/command-palette/src/palette/Palette.svelte b/plugins/command-palette/src/palette/Palette.svelte
new file mode 100644
index 00000000..79c4a511
--- /dev/null
+++ b/plugins/command-palette/src/palette/Palette.svelte
@@ -0,0 +1,369 @@
+<script lang="ts">
+  import { tick } from 'svelte';
+
+  import {
+    CodeServiceToken,
+    type CodeSymbol,
+    DocumentServiceToken,
+    ProjectServiceToken,
+    type ServiceAccessor,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    type EditorAction,
+    KeybindingServiceToken,
+    formatKeybinding,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { highlight } from './fuzzy';
+  import {
+    PREFIXES,
+    type Ranked,
+    listedFiles,
+    parseLine,
+    parseQuery,
+    rankActions,
+    rankFiles,
+    rankSymbols,
+    symbolLabel,
+  } from './palette-model';
+
+  /** What the palette asks its owner to do once closed. */
+  export type PaletteResult =
+    | { kind: 'action'; action: EditorAction }
+    | { kind: 'open'; path: string; line?: number; column?: number };
+
+  interface Props {
+    services: ServiceAccessor;
+    /** What the box starts with: `>`, `:`, `@` or nothing (files). */
+    prefix: string;
+    /** Actions available where the palette was opened from. */
+    actions: readonly EditorAction[];
+    /** File of the active code editor, if any. */
+    activeFile: string | undefined;
+    recent: readonly string[];
+    onclose: (result?: PaletteResult) => void;
+  }
+
+  interface Row {
+    readonly id: string;
+    readonly parts: { text: string; match: boolean }[];
+    readonly detail?: string;
+    readonly result: PaletteResult;
+  }
+
+  const given: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const [services, prefix, actions, activeFile, recent, onclose] = [
+    given.services,
+    given.prefix,
+    given.actions,
+    given.activeFile,
+    given.recent,
+    given.onclose,
+  ];
+  const keybindings = services.tryGet(KeybindingServiceToken);
+  const files = listedFiles(
+    (services.tryGet(ProjectServiceToken)?.current.get()?.fs.entries ?? [])
+      .filter((entry) => entry.kind === 'file')
+      .map((entry) => entry.path),
+  );
+  const openFiles = services.tryGet(DocumentServiceToken)?.openUris ?? [];
+
+  let input = $state(prefix);
+  let active = $state(0);
+  let box = $state<HTMLInputElement>();
+  let list = $state<HTMLElement>();
+  const query = $derived(parseQuery(input));
+
+  let symbols = $state<readonly CodeSymbol[]>();
+  let symbolsFailed = $state(false);
+  $effect(() => {
+    if (query.mode !== 'symbols' || symbols || symbolsFailed || !activeFile) return;
+    const code = services.tryGet(CodeServiceToken);
+    if (!code) {
+      symbolsFailed = true;
+      return;
+    }
+    code
+      .symbols(activeFile)
+      .then((found) => (symbols = found))
+      .catch(() => (symbolsFailed = true));
+  });
+
+  const toRow = <T,>(
+    entry: Ranked<T>,
+    id: string,
+    result: PaletteResult,
+    detail?: string,
+  ): Row => ({
+    id,
+    parts: highlight(entry.label, entry.match.ranges),
+    ...(detail && { detail }),
+    result,
+  });
+
+  const rows = $derived.by((): Row[] => {
+    switch (query.mode) {
+      case 'commands':
+        return rankActions(actions, query.text, recent).map((entry) => {
+          const key = keybindings?.keyFor(entry.item.command, entry.item.args);
+          return toRow(
+            entry,
+            entry.item.id,
+            { kind: 'action', action: entry.item },
+            key ? formatKeybinding(key) : undefined,
+          );
+        });
+      case 'files':
+        return rankFiles(files, query.text, openFiles).map((entry) =>
+          toRow(entry, entry.item, { kind: 'open', path: entry.item }),
+        );
+      case 'symbols':
+        if (!activeFile || !symbols) return [];
+        return rankSymbols(symbols, query.text).map((entry) =>
+          toRow(
+            entry,
+            `${symbolLabel(entry.item)}:${entry.item.line}:${entry.item.column}`,
+            {
+              kind: 'open',
+              path: activeFile,
+              line: entry.item.line,
+              column: entry.item.column,
+            },
+            `${entry.item.kind} · line ${entry.item.line}`,
+          ),
+        );
+      case 'line': {
+        const position = parseLine(query.text);
+        if (!activeFile || !position) return [];
+        return [
+          {
+            id: 'line',
+            parts: [
+              {
+                text: `Go to line ${position.line}${position.column > 1 ? `, column ${position.column}` : ''}`,
+                match: false,
+              },
+            ],
+            detail: activeFile,
+            result: { kind: 'open', path: activeFile, ...position },
+          },
+        ];
+      }
+    }
+  });
+
+  /** What to say when there is no row. */
+  const empty = $derived.by(() => {
+    switch (query.mode) {
+      case 'commands':
+        return 'No command matches';
+      case 'files':
+        return files.length ? 'No file matches' : 'This project has no files';
+      case 'symbols':
+        if (!activeFile) return 'Open a file in the code editor to list its symbols';
+        if (symbolsFailed) return 'The symbols of this file could not be read';
+        return symbols ? 'No symbol matches' : 'Reading symbols…';
+      case 'line':
+        if (!activeFile) return 'Open a file in the code editor to go to a line';
+        return 'Type a line number, and a column if you want: 12 or 12:4';
+    }
+  });
+
+  $effect(() => {
+    void input;
+    active = 0;
+  });
+  $effect(() => {
+    box?.focus();
+    box?.setSelectionRange(input.length, input.length);
+  });
+
+  let closed = false;
+  const finish = (result?: PaletteResult) => {
+    closed = true;
+    onclose(result);
+  };
+
+  const move = async (delta: number) => {
+    if (!rows.length) return;
+    active = (active + delta + rows.length) % rows.length;
+    await tick();
+    list?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: 'nearest' });
+  };
+
+  const onkeydown = (event: KeyboardEvent) => {
+    if (event.key === 'ArrowDown') void move(1);
+    else if (event.key === 'ArrowUp') void move(-1);
+    else if (event.key === 'Enter') {
+      const row = rows[active];
+      if (row) finish(row.result);
+    } else if (event.key === 'Escape') finish();
+    else if (event.key !== 'Tab') return;
+    event.preventDefault();
+    event.stopPropagation();
+  };
+</script>
+
+<div class="scrim" role="presentation" onpointerdown={() => finish()}>
+  <div
+    class="palette"
+    role="dialog"
+    aria-label="Command palette"
+    aria-modal="true"
+    tabindex="-1"
+    onpointerdown={(event) => event.stopPropagation()}
+  >
+    <input
+      bind:this={box}
+      bind:value={input}
+      type="text"
+      role="combobox"
+      aria-label="Command palette"
+      aria-expanded="true"
+      aria-controls="nf-palette-results"
+      aria-activedescendant={rows[active] ? `nf-palette-row-${active}` : undefined}
+      aria-autocomplete="list"
+      autocomplete="off"
+      spellcheck="false"
+      placeholder="Search files, or type > for commands"
+      {onkeydown}
+      onblur={() => !closed && box?.focus()}
+    />
+    <div
+      class="results"
+      id="nf-palette-results"
+      role="listbox"
+      aria-label="Results"
+      bind:this={list}
+    >
+      {#each rows as row, index (row.id)}
+        <div
+          class="row"
+          id={`nf-palette-row-${index}`}
+          role="option"
+          tabindex="-1"
+          aria-selected={index === active}
+          onpointermove={() => (active = index)}
+          onclick={() => finish(row.result)}
+          onkeydown={() => undefined}
+        >
+          <span class="label">
+            {#each row.parts as part, at (at)}{#if part.match}<mark>{part.text}</mark
+                >{:else}{part.text}{/if}{/each}
+          </span>
+          {#if row.detail}<span class="detail">{row.detail}</span>{/if}
+        </div>
+      {:else}
+        <p class="empty" role="status">{empty}</p>
+      {/each}
+    </div>
+    <p class="hint">
+      <kbd>{PREFIXES.commands}</kbd> commands
+      <kbd>{PREFIXES.line}</kbd> go to line
+      <kbd>{PREFIXES.symbols}</kbd> symbols
+      <span>no prefix: files</span>
+    </p>
+  </div>
+</div>
+
+<style>
+  .scrim {
+    position: fixed;
+    inset: 0;
+    z-index: var(--nf-z-dialog);
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding-top: 12vh;
+  }
+  .palette {
+    display: flex;
+    flex-direction: column;
+    width: min(640px, 92vw);
+    max-height: 60vh;
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-raised);
+    box-shadow: var(--nf-shadow-float);
+    overflow: hidden;
+  }
+  input {
+    flex: none;
+    height: 40px;
+    padding: 0 var(--nf-space-3);
+    border: 0;
+    border-bottom: 1px solid var(--nf-color-border);
+    background: transparent;
+    color: var(--nf-color-text);
+    font: inherit;
+    outline: none;
+  }
+  .results {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    padding: var(--nf-space-1) 0;
+  }
+  .row {
+    display: flex;
+    gap: var(--nf-space-3);
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--nf-space-1) var(--nf-space-3);
+    cursor: pointer;
+  }
+  .row[aria-selected='true'] {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  mark {
+    background: none;
+    color: var(--nf-color-accent);
+    font-weight: 600;
+  }
+  .row[aria-selected='true'] mark {
+    color: inherit;
+    text-decoration: underline;
+  }
+  .detail {
+    flex: none;
+    max-width: 50%;
+    overflow: hidden;
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .row[aria-selected='true'] .detail {
+    color: inherit;
+  }
+  .empty {
+    margin: 0;
+    padding: var(--nf-space-3);
+    color: var(--nf-color-text-muted);
+  }
+  .hint {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-3);
+    align-items: center;
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-3);
+    border-top: 1px solid var(--nf-color-border);
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+  kbd {
+    padding: 0 4px;
+    border: 1px solid var(--nf-color-border);
+    border-radius: 3px;
+    font-family: var(--nf-font-code);
+  }
+</style>
diff --git a/plugins/command-palette/src/palette/fuzzy.ts b/plugins/command-palette/src/palette/fuzzy.ts
new file mode 100644
index 00000000..a4795b29
--- /dev/null
+++ b/plugins/command-palette/src/palette/fuzzy.ts
@@ -0,0 +1,100 @@
+export interface FuzzyMatch {
+  /** Higher is better. */
+  readonly score: number;
+  /** Matched character ranges of the text, `[start, end)`, for highlighting. */
+  readonly ranges: readonly (readonly [number, number])[];
+}
+
+const isBoundary = (text: string, index: number): boolean => {
+  if (index === 0) return true;
+  const previous = text[index - 1]!;
+  const current = text[index]!;
+  return (
+    /[\s/\\._:›>-]/.test(previous) ||
+    (previous === previous.toLowerCase() && current !== current.toLowerCase())
+  );
+};
+
+/**
+ * Matches the letters of a query in order in a text, not necessarily adjacent (spaces of the
+ * query are ignored). Letters at the start of words and runs of adjacent letters score higher,
+ * a query found in one piece higher still, and so do matches near the start and shorter texts.
+ * Undefined when a letter is missing.
+ */
+export const fuzzyMatch = (query: string, text: string): FuzzyMatch | undefined => {
+  const needle = query.replace(/\s+/g, '').toLowerCase();
+  if (!needle) return { score: 0, ranges: [] };
+  const haystack = text.toLowerCase();
+  if (needle.length > haystack.length) return undefined;
+
+  const NONE = -Infinity;
+  let previous: number[] = [];
+  const back: number[][] = [];
+  for (let i = 0; i < needle.length; i++) {
+    const current = new Array<number>(haystack.length).fill(NONE);
+    const from = new Array<number>(haystack.length).fill(-1);
+    let bestBefore = NONE;
+    let bestBeforeAt = -1;
+    for (let j = i; j < haystack.length; j++) {
+      if (i > 0 && j > 0 && previous[j - 1]! > bestBefore) {
+        bestBefore = previous[j - 1]!;
+        bestBeforeAt = j - 1;
+      }
+      if (haystack[j] !== needle[i]) continue;
+      let score = 1;
+      if (isBoundary(text, j)) score += 8;
+      if (i === 0) {
+        current[j] = score - Math.min(j, 10) * 0.2;
+        continue;
+      }
+      const adjacent = j > 0 ? previous[j - 1]! : NONE;
+      const run = adjacent === NONE ? NONE : adjacent + score + 5;
+      const jump = bestBefore === NONE ? NONE : bestBefore + score;
+      if (run >= jump && run !== NONE) {
+        current[j] = run;
+        from[j] = j - 1;
+      } else if (jump !== NONE) {
+        current[j] = jump;
+        from[j] = bestBeforeAt;
+      }
+    }
+    back.push(from);
+    previous = current;
+  }
+
+  let end = -1;
+  for (let j = 0; j < previous.length; j++) {
+    if (previous[j]! > (end < 0 ? NONE : previous[end]!)) end = j;
+  }
+  if (end < 0) return undefined;
+
+  const positions: number[] = [];
+  for (let i = needle.length - 1, j = end; i >= 0; i--) {
+    positions.unshift(j);
+    j = back[i]![j]!;
+  }
+  const ranges: [number, number][] = [];
+  for (const position of positions) {
+    const last = ranges[ranges.length - 1];
+    if (last && last[1] === position) last[1] = position + 1;
+    else ranges.push([position, position + 1]);
+  }
+  const whole = ranges.length === 1 ? 10 : 0;
+  return { score: previous[end]! + whole - text.length * 0.01, ranges };
+};
+
+/** Splits a text into plain and matched parts, for rendering highlights. */
+export const highlight = (
+  text: string,
+  ranges: readonly (readonly [number, number])[],
+): { text: string; match: boolean }[] => {
+  const parts: { text: string; match: boolean }[] = [];
+  let last = 0;
+  for (const [start, end] of ranges) {
+    if (start > last) parts.push({ text: text.slice(last, start), match: false });
+    parts.push({ text: text.slice(start, end), match: true });
+    last = end;
+  }
+  if (last < text.length) parts.push({ text: text.slice(last), match: false });
+  return parts;
+};
diff --git a/plugins/command-palette/src/palette/palette-model.ts b/plugins/command-palette/src/palette/palette-model.ts
new file mode 100644
index 00000000..6fa5f11c
--- /dev/null
+++ b/plugins/command-palette/src/palette/palette-model.ts
@@ -0,0 +1,108 @@
+import type { CodeSymbol } from '@nanoforge-dev/editor-sdk';
+import { type EditorAction, actionLabel } from '@nanoforge-dev/editor-sdk/ui';
+
+import { type FuzzyMatch, fuzzyMatch } from './fuzzy';
+
+export type PaletteMode = 'commands' | 'files' | 'line' | 'symbols';
+
+/** The first character of the box picks what is searched. */
+export const PREFIXES: Record<Exclude<PaletteMode, 'files'>, string> = {
+  commands: '>',
+  line: ':',
+  symbols: '@',
+};
+
+export interface PaletteQuery {
+  readonly mode: PaletteMode;
+  readonly text: string;
+}
+
+export const parseQuery = (input: string): PaletteQuery => {
+  for (const [mode, prefix] of Object.entries(PREFIXES)) {
+    if (input.startsWith(prefix))
+      return { mode: mode as PaletteMode, text: input.slice(prefix.length).trim() };
+  }
+  return { mode: 'files', text: input.trim() };
+};
+
+/** `12`, `12:4` or `12,4`: a 1-based line and column. */
+export const parseLine = (text: string): { line: number; column: number } | undefined => {
+  const match = /^(\d+)(?:\s*[:,]\s*(\d+))?$/.exec(text.trim());
+  if (!match) return undefined;
+  const line = Number(match[1]);
+  return line >= 1 ? { line, column: Math.max(Number(match[2] ?? 1), 1) } : undefined;
+};
+
+export interface Ranked<T> {
+  readonly item: T;
+  readonly label: string;
+  readonly match: FuzzyMatch;
+}
+
+const MAX_RESULTS = 60;
+
+/**
+ * Items whose label matches the query, best first. `boost` breaks ties and orders an empty
+ * query (recent actions, open files): lower comes first, undefined last.
+ */
+export const rank = <T>(
+  items: readonly T[],
+  query: string,
+  label: (item: T) => string,
+  boost: (item: T) => number | undefined = () => undefined,
+  limit = MAX_RESULTS,
+): Ranked<T>[] => {
+  const ranked: (Ranked<T> & { boost: number; index: number })[] = [];
+  items.forEach((item, index) => {
+    const text = label(item);
+    const match = fuzzyMatch(query, text);
+    if (match) ranked.push({ item, label: text, match, boost: boost(item) ?? Infinity, index });
+  });
+  return ranked
+    .sort((a, b) => b.match.score - a.match.score || a.boost - b.boost || a.index - b.index)
+    .slice(0, limit)
+    .map(({ item, label: text, match }) => ({ item, label: text, match }));
+};
+
+/** Actions for a query: recently run ones first when nothing is typed, and on ties. */
+export const rankActions = (
+  actions: readonly EditorAction[],
+  query: string,
+  recent: readonly string[],
+): Ranked<EditorAction>[] =>
+  rank(actions, query, actionLabel, (action) => {
+    const index = recent.indexOf(action.id);
+    return index < 0 ? undefined : index;
+  });
+
+/** Folders whose files are never what "go to file" is after. */
+const NOT_LISTED = /(^|\/)(node_modules|dist|coverage|\.git|\.nanoforge|\.turbo)(\/|$)/;
+
+export const listedFiles = (paths: readonly string[]): string[] =>
+  paths.filter((path) => !NOT_LISTED.test(path)).sort((a, b) => a.localeCompare(b));
+
+/** Files for a query: the open documents first when nothing is typed, and on ties. */
+export const rankFiles = (
+  paths: readonly string[],
+  query: string,
+  open: readonly string[],
+): Ranked<string>[] =>
+  rank(
+    paths,
+    query,
+    (path) => path,
+    (path) => {
+      const index = open.indexOf(path);
+      return index < 0 ? undefined : index;
+    },
+  );
+
+export const symbolLabel = (symbol: CodeSymbol): string =>
+  symbol.container ? `${symbol.container}.${symbol.name}` : symbol.name;
+
+export const rankSymbols = (symbols: readonly CodeSymbol[], query: string): Ranked<CodeSymbol>[] =>
+  rank(symbols, query, symbolLabel, () => undefined, 200);
+
+/** Puts an action first in the recent list (the last `limit` are kept). */
+export const pushRecent = (recent: readonly string[], id: string, limit = 10): string[] =>
+  [id, ...recent.filter((other) => other !== id)].slice(0, limit);
diff --git a/plugins/command-palette/src/palette/recent.ts b/plugins/command-palette/src/palette/recent.ts
new file mode 100644
index 00000000..de72dbba
--- /dev/null
+++ b/plugins/command-palette/src/palette/recent.ts
@@ -0,0 +1,22 @@
+import { pushRecent } from './palette-model';
+
+const KEY = 'nanoforge.command-palette.recent';
+
+/** Actions run last from the palette, kept in this browser. */
+export const readRecent = (storage: Pick<Storage, 'getItem'> = localStorage): string[] => {
+  try {
+    const value: unknown = JSON.parse(storage.getItem(KEY) ?? '[]');
+    return Array.isArray(value) ? value.filter((id) => typeof id === 'string') : [];
+  } catch {
+    return [];
+  }
+};
+
+export const rememberRecent = (
+  id: string,
+  storage: Pick<Storage, 'getItem' | 'setItem'> = localStorage,
+): void => {
+  try {
+    storage.setItem(KEY, JSON.stringify(pushRecent(readRecent(storage), id)));
+  } catch {}
+};
diff --git a/plugins/command-palette/svelte.config.js b/plugins/command-palette/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/command-palette/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/command-palette/test/palette/fuzzy.spec.ts b/plugins/command-palette/test/palette/fuzzy.spec.ts
new file mode 100644
index 00000000..d8487bbb
--- /dev/null
+++ b/plugins/command-palette/test/palette/fuzzy.spec.ts
@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'vitest';
+
+import { fuzzyMatch, highlight } from '../../src/palette/fuzzy';
+
+const rank = (query: string, texts: string[]) =>
+  texts
+    .map((text) => ({ text, match: fuzzyMatch(query, text) }))
+    .filter((entry) => entry.match)
+    .sort((a, b) => b.match!.score - a.match!.score)
+    .map((entry) => entry.text);
+
+describe('fuzzyMatch', () => {
+  it('matches letters in order, ignoring case and spaces', () => {
+    expect(fuzzyMatch('rst', 'Run: Stop')).toBeDefined();
+    expect(fuzzyMatch('run stop', 'Run: Stop')).toBeDefined();
+    expect(fuzzyMatch('tsr', 'Run: Stop')).toBeUndefined();
+    expect(fuzzyMatch('', 'anything')).toEqual({ score: 0, ranges: [] });
+    expect(fuzzyMatch('longer than the text', 'short')).toBeUndefined();
+  });
+
+  it('ranks word starts and runs above scattered letters', () => {
+    expect(rank('cp', ['Copy path', 'Close panel', 'Escape'])).toEqual([
+      'Copy path',
+      'Close panel',
+      'Escape',
+    ]);
+    expect(rank('stop', ['Run: Stop', 'Set top dock position'])[0]).toBe('Run: Stop');
+    expect(rank('main', ['apps/client/src/main.ts', 'apps/client/domain/index.ts'])[0]).toBe(
+      'apps/client/src/main.ts',
+    );
+    expect(rank('om', ['fileManager.open', 'openMenu'])[0]).toBe('openMenu');
+  });
+
+  it('prefers the shorter of two equal matches', () => {
+    expect(rank('save', ['File: Save all', 'File: Save'])[0]).toBe('File: Save');
+  });
+
+  it('gives the matched ranges, merged', () => {
+    expect(fuzzyMatch('rust', 'Run: Stop')!.ranges).toEqual([
+      [0, 2],
+      [5, 7],
+    ]);
+    expect(
+      highlight('Run: Stop', [
+        [0, 2],
+        [5, 7],
+      ]),
+    ).toEqual([
+      { text: 'Ru', match: true },
+      { text: 'n: ', match: false },
+      { text: 'St', match: true },
+      { text: 'op', match: false },
+    ]);
+  });
+});
diff --git a/plugins/command-palette/test/palette/palette-model.spec.ts b/plugins/command-palette/test/palette/palette-model.spec.ts
new file mode 100644
index 00000000..a16af1e5
--- /dev/null
+++ b/plugins/command-palette/test/palette/palette-model.spec.ts
@@ -0,0 +1,137 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import type { EditorAction } from '@nanoforge-dev/editor-sdk/ui';
+
+import {
+  listedFiles,
+  parseLine,
+  parseQuery,
+  pushRecent,
+  rankActions,
+  rankFiles,
+  rankSymbols,
+} from '../../src/palette/palette-model';
+import { readRecent, rememberRecent } from '../../src/palette/recent';
+
+vi.mock('@nanoforge-dev/editor-sdk/ui', () => ({
+  actionLabel: (action: { title: string; category?: string }) =>
+    action.category ? `${action.category}: ${action.title}` : action.title,
+}));
+
+const action = (id: string, title: string, category?: string): EditorAction => ({
+  id,
+  command: id,
+  args: [],
+  title,
+  ...(category && { category }),
+  when: [],
+});
+
+const ACTIONS = [
+  action('runtime.play', 'Play', 'Run'),
+  action('runtime.stop', 'Stop', 'Run'),
+  action('layout.reset', 'Reset layout', 'View'),
+  action('console.clear', 'Clear the console', 'Console'),
+];
+
+describe('query', () => {
+  it('picks the mode from the first character', () => {
+    expect(parseQuery('>stop')).toEqual({ mode: 'commands', text: 'stop' });
+    expect(parseQuery('main.ts')).toEqual({ mode: 'files', text: 'main.ts' });
+    expect(parseQuery(':12')).toEqual({ mode: 'line', text: '12' });
+    expect(parseQuery('@ update')).toEqual({ mode: 'symbols', text: 'update' });
+    expect(parseQuery('')).toEqual({ mode: 'files', text: '' });
+  });
+
+  it('reads a line and an optional column', () => {
+    expect(parseLine('12')).toEqual({ line: 12, column: 1 });
+    expect(parseLine('12:4')).toEqual({ line: 12, column: 4 });
+    expect(parseLine(' 7 , 2 ')).toEqual({ line: 7, column: 2 });
+    expect(parseLine('0')).toBeUndefined();
+    expect(parseLine('abc')).toBeUndefined();
+    expect(parseLine('')).toBeUndefined();
+  });
+});
+
+describe('ranking', () => {
+  it('lists recent actions first when nothing is typed', () => {
+    const ids = (recent: string[]) =>
+      rankActions(ACTIONS, '', recent).map((entry) => entry.item.id);
+    expect(ids([])).toEqual(['runtime.play', 'runtime.stop', 'layout.reset', 'console.clear']);
+    expect(ids(['console.clear', 'runtime.stop'])).toEqual([
+      'console.clear',
+      'runtime.stop',
+      'runtime.play',
+      'layout.reset',
+    ]);
+  });
+
+  it('searches the category and the title, the best match first', () => {
+    expect(rankActions(ACTIONS, 'stop', []).map((entry) => entry.label)).toEqual(['Run: Stop']);
+    expect(rankActions(ACTIONS, 'rese', [])[0]!.label).toBe('View: Reset layout');
+    expect(rankActions(ACTIONS, 'zzz', [])).toEqual([]);
+  });
+
+  it('lets a recent action win a tie', () => {
+    const twins = [action('a.one', 'Open thing'), action('b.two', 'Open thing')];
+    expect(rankActions(twins, 'open', ['b.two'])[0]!.item.id).toBe('b.two');
+  });
+
+  it('leaves dependency and build folders out of the files, open documents first', () => {
+    const files = listedFiles([
+      'apps/client/src/main.ts',
+      'node_modules/x/index.js',
+      'apps/client/dist/main.js',
+      '.nanoforge/editor/settings.json',
+      'README.md',
+    ]);
+    expect(files).toEqual(['apps/client/src/main.ts', 'README.md']);
+    expect(rankFiles(files, '', ['README.md']).map((entry) => entry.item)).toEqual([
+      'README.md',
+      'apps/client/src/main.ts',
+    ]);
+    expect(rankFiles(files, 'mts', [])[0]!.item).toBe('apps/client/src/main.ts');
+  });
+
+  it('keeps symbols in source order when nothing is typed, and searches containers', () => {
+    const symbols = [
+      { name: 'Position', kind: 'class', line: 1, column: 1 },
+      { name: 'move', kind: 'method', container: 'Position', line: 3, column: 3 },
+      { name: 'update', kind: 'function', line: 9, column: 1 },
+    ];
+    expect(rankSymbols(symbols, '').map((entry) => entry.label)).toEqual([
+      'Position',
+      'Position.move',
+      'update',
+    ]);
+    expect(rankSymbols(symbols, 'pmove')[0]!.label).toBe('Position.move');
+  });
+});
+
+describe('recent actions', () => {
+  it('keeps the last ones, the newest first, without doubles', () => {
+    expect(pushRecent(['a', 'b', 'c'], 'b')).toEqual(['b', 'a', 'c']);
+    expect(pushRecent(['a', 'b', 'c'], 'd', 3)).toEqual(['d', 'a', 'b']);
+  });
+
+  it('survives a broken or blocked storage', () => {
+    const values = new Map<string, string>();
+    const storage = {
+      getItem: (key: string) => values.get(key) ?? null,
+      setItem: (key: string, value: string) => void values.set(key, value),
+    };
+    rememberRecent('a', storage);
+    rememberRecent('b', storage);
+    expect(readRecent(storage)).toEqual(['b', 'a']);
+    values.set([...values.keys()][0]!, '{not json');
+    expect(readRecent(storage)).toEqual([]);
+    expect(() =>
+      rememberRecent('c', {
+        getItem: () => null,
+        setItem: () => {
+          throw new Error('quota');
+        },
+      }),
+    ).not.toThrow();
+  });
+});
diff --git a/plugins/command-palette/tsconfig.json b/plugins/command-palette/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/command-palette/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/command-palette/vite.config.ts b/plugins/command-palette/vite.config.ts
new file mode 100644
index 00000000..1b395ce9
--- /dev/null
+++ b/plugins/command-palette/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'command-palette' },
+  },
+});
diff --git a/plugins/console/.prettierignore b/plugins/console/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/console/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/console/LICENSE b/plugins/console/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/console/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/console/README.md b/plugins/console/README.md
new file mode 100644
index 00000000..a60de3f4
--- /dev/null
+++ b/plugins/console/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/console"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fconsole" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-console` is an internal package of the NanoForge Editor.
+
+Built-in Console and Problems panels.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/console
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/console/nanoforge.manifest.json b/plugins/console/nanoforge.manifest.json
new file mode 100644
index 00000000..297097b2
--- /dev/null
+++ b/plugins/console/nanoforge.manifest.json
@@ -0,0 +1,56 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/console",
+  "version": "0.1.0",
+  "displayName": "Console",
+  "description": "The Console (game, build, task, editor and plugin output) and the Problems of the project.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onStartup"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "console.console",
+        "title": "Console",
+        "icon": "square-terminal",
+        "defaultSlot": "bottom",
+        "order": 100
+      },
+      {
+        "id": "console.problems",
+        "title": "Problems",
+        "icon": "circle-alert",
+        "defaultSlot": "bottom",
+        "order": 110
+      }
+    ],
+    "commands": [
+      { "id": "console.show", "title": "Show the console", "category": "Console" },
+      { "id": "console.clear", "title": "Clear the console", "category": "Console" },
+      { "id": "console.showProblems", "title": "Show problems", "category": "Console" }
+    ],
+    "settings": [
+      {
+        "key": "maxLines",
+        "type": "number",
+        "minimum": 100,
+        "maximum": 20000,
+        "default": 2000,
+        "title": "Console lines kept",
+        "description": "Older lines are dropped.",
+        "category": "Editor/Console",
+        "order": 0
+      },
+      {
+        "key": "checkWholeProject",
+        "type": "boolean",
+        "default": true,
+        "title": "Check the whole project for problems",
+        "description": "Check every code file, not only the open ones. Turn off on big projects if the editor feels slow.",
+        "category": "Editor/Console",
+        "order": 1
+      }
+    ]
+  }
+}
diff --git a/plugins/console/package.json b/plugins/console/package.json
new file mode 100644
index 00000000..27dd8ffb
--- /dev/null
+++ b/plugins/console/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-console",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in Console and Problems panels",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/console"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/console/src/icons.ts b/plugins/console/src/icons.ts
new file mode 100644
index 00000000..332f12d9
--- /dev/null
+++ b/plugins/console/src/icons.ts
@@ -0,0 +1,6 @@
+import Bug from '@lucide/svelte/icons/bug';
+import Info from '@lucide/svelte/icons/info';
+import ListFilter from '@lucide/svelte/icons/list-filter';
+
+/** Icons of the panels that the editor's kit doesn't register. */
+export const ICONS = { bug: Bug, info: Info, 'list-filter': ListFilter };
diff --git a/plugins/console/src/index.ts b/plugins/console/src/index.ts
new file mode 100644
index 00000000..0644c025
--- /dev/null
+++ b/plugins/console/src/index.ts
@@ -0,0 +1,103 @@
+import type { Component } from 'svelte';
+
+import {
+  CodeServiceToken,
+  DiagnosticsServiceToken,
+  EditorServices,
+  MutableDisposable,
+  ProjectServiceToken,
+  SettingsServiceToken,
+  definePlugin,
+  derived,
+  observe,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  STATUS_BAR_ITEMS,
+  StyleServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { ICONS } from './icons';
+import { summary } from './problems/group-problems';
+import { setConsoleStore } from './session/console-session';
+import { ConsoleStore } from './store/console-store';
+import ConsoleView from './widgets/console/ConsoleView.svelte';
+import ProblemsView from './widgets/problems/ProblemsView.svelte';
+
+const CONSOLE = 'console.console';
+const PROBLEMS = 'console.problems';
+const MAX_LINES = '@nanoforge/console.maxLines';
+const CHECK_PROJECT = '@nanoforge/console.checkWholeProject';
+/** The first check waits for the project to settle: it starts the code worker. */
+const CHECK_DELAY_MS = 1500;
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('console.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+
+    const settings = services.get(SettingsServiceToken);
+    const store = new ConsoleStore(
+      services.get(EditorServices.Logger),
+      () => settings.get<number>(MAX_LINES) ?? 2000,
+    );
+    setConsoleStore(store);
+    context.subscriptions.add(store);
+    context.subscriptions.add({ dispose: () => setConsoleStore(undefined) });
+
+    for (const [id, component] of [
+      [CONSOLE, ConsoleView],
+      [PROBLEMS, ProblemsView],
+    ] as const) {
+      context.subscriptions.add(
+        context.contribute(WIDGET_VIEWS, {
+          id,
+          component: component as Component<{ instance: WidgetInstance }>,
+        }),
+      );
+    }
+
+    const commands = services.get(EditorServices.Commands);
+    const show = (widget: string) => commands.execute('workbench.openWidget', widget);
+    context.subscriptions.add(context.registerCommand('console.show', () => show(CONSOLE)));
+    context.subscriptions.add(context.registerCommand('console.clear', () => store.clear()));
+    context.subscriptions.add(
+      context.registerCommand('console.showProblems', () => show(PROBLEMS)),
+    );
+
+    const diagnostics = services.get(DiagnosticsServiceToken);
+    context.subscriptions.add(
+      context.contribute(STATUS_BAR_ITEMS, {
+        id: 'console.problems',
+        alignment: 'left',
+        order: 5,
+        text: derived([diagnostics.all], summary),
+        tooltip: 'Show problems',
+        command: 'console.showProblems',
+      }),
+    );
+
+    const check = context.subscriptions.add(new MutableDisposable());
+    let timer: ReturnType<typeof setTimeout> | undefined;
+    const sync = () => {
+      clearTimeout(timer);
+      check.clear();
+      if (!settings.get<boolean>(CHECK_PROJECT)) return;
+      timer = setTimeout(() => {
+        const code = services.tryGet(CodeServiceToken);
+        if (code) check.value = code.checkProject();
+      }, CHECK_DELAY_MS);
+    };
+    context.subscriptions.add({ dispose: () => clearTimeout(timer) });
+    context.subscriptions.add(observe(settings.observe<boolean>(CHECK_PROJECT), sync));
+    context.subscriptions.add({
+      dispose: services.get(ProjectServiceToken).current.subscribe(sync),
+    });
+  },
+});
diff --git a/plugins/console/src/link/frame-locator.ts b/plugins/console/src/link/frame-locator.ts
new file mode 100644
index 00000000..55e18ddb
--- /dev/null
+++ b/plugins/console/src/link/frame-locator.ts
@@ -0,0 +1,51 @@
+import { type FileTarget, type TextSegment, linkify } from './linkify';
+
+export interface Frame {
+  readonly file: string;
+  readonly line: number;
+  readonly column?: number;
+}
+
+/** Links of a line's texts, computed once per line. */
+export const createSegmenter = (exists: (path: string) => boolean) => {
+  const cache = new WeakMap<object, Map<string, TextSegment[]>>();
+  return (line: object, text: string): TextSegment[] => {
+    let texts = cache.get(line);
+    if (!texts) cache.set(line, (texts = new Map()));
+    let segments = texts.get(text);
+    if (!segments) texts.set(text, (segments = linkify(text, exists)));
+    return segments;
+  };
+};
+
+/**
+ * Project files behind positions in built bundles, looked up once per position (a stack frame
+ * shows on every render of its line).
+ */
+export class FrameLocator {
+  private _found = new Map<string, Promise<FileTarget | undefined>>();
+
+  constructor(
+    private readonly _resolve: (
+      frame: Frame,
+    ) => Promise<{ path: string; line: number; column: number } | undefined> | undefined,
+    private readonly _limit = 2000,
+  ) {}
+
+  locate = (frame: Frame): Promise<FileTarget | undefined> => {
+    const key = `${frame.file}:${frame.line}:${frame.column ?? 1}`;
+    let result = this._found.get(key);
+    if (!result) {
+      if (this._found.size >= this._limit) this._found.clear();
+      result = Promise.resolve(this._resolve(frame))
+        .then((found) => (found ? ({ kind: 'file', ...found } as const) : undefined))
+        .catch(() => undefined);
+      this._found.set(key, result);
+    }
+    return result;
+  };
+
+  clear(): void {
+    this._found.clear();
+  }
+}
diff --git a/plugins/console/src/link/linkify.ts b/plugins/console/src/link/linkify.ts
new file mode 100644
index 00000000..dc73f818
--- /dev/null
+++ b/plugins/console/src/link/linkify.ts
@@ -0,0 +1,85 @@
+/** A position in a project file. */
+export interface FileTarget {
+  readonly kind: 'file';
+  readonly path: string;
+  readonly line?: number;
+  readonly column?: number;
+}
+
+/** A position in a file outside of the project's sources: maybe a built game bundle. */
+export interface FrameTarget {
+  readonly kind: 'frame';
+  readonly file: string;
+  readonly line: number;
+  readonly column: number;
+}
+
+export interface TextSegment {
+  readonly text: string;
+  readonly target?: FileTarget | FrameTarget;
+}
+
+/**
+ * Either a URL with a position (a stack frame of a client bundle), or something that looks like
+ * a file with an extension, then an optional position: `:12`, `:12:3` or TypeScript's `(12,3)`.
+ */
+const TOKEN =
+  /((?:https?|file):\/\/[^\s()]+?):(\d+):(\d+)(?=[\s)]|$)|((?:[A-Za-z]:)?[\w@.~\-/\\]*[\w-]\.[A-Za-z]\w*)(?::(\d+)(?::(\d+))?|\((\d+),(\d+)\))?/g;
+
+/** The project file a path names: itself, or its longest tail that is a project file. */
+const projectFile = (path: string, exists: (path: string) => boolean): string | undefined => {
+  const normalized = path.replace(/\\/g, '/').replace(/^\.\//, '');
+  if (!normalized.startsWith('/') && !/^[A-Za-z]:/.test(normalized))
+    return exists(normalized) ? normalized : undefined;
+  const segments = normalized.split('/');
+  for (let index = 1; index < segments.length; index++) {
+    const tail = segments.slice(index).join('/');
+    if (exists(tail)) return tail;
+  }
+  return undefined;
+};
+
+/**
+ * Splits a console line into text and links: paths of project files (with their position), and
+ * positions in other files, which may be built bundles to map back to sources.
+ */
+export const linkify = (text: string, exists: (path: string) => boolean): TextSegment[] => {
+  const segments: TextSegment[] = [];
+  let last = 0;
+  const push = (match: RegExpExecArray, target: FileTarget | FrameTarget) => {
+    if (match.index > last) segments.push({ text: text.slice(last, match.index) });
+    segments.push({ text: match[0], target });
+    last = match.index + match[0].length;
+  };
+  for (const match of text.matchAll(TOKEN) as Iterable<RegExpExecArray>) {
+    if (match[1]) {
+      push(match, {
+        kind: 'frame',
+        file: match[1],
+        line: Number(match[2]),
+        column: Number(match[3]),
+      });
+      continue;
+    }
+    const line = match[5] ?? match[7];
+    const column = match[6] ?? match[8];
+    const path = projectFile(match[4]!, exists);
+    if (path) {
+      push(match, {
+        kind: 'file',
+        path,
+        ...(line && { line: Number(line) }),
+        ...(column && { column: Number(column) }),
+      });
+    } else if (line && /^(\/|[A-Za-z]:)/.test(match[4]!)) {
+      push(match, {
+        kind: 'frame',
+        file: match[4]!,
+        line: Number(line),
+        column: Number(column ?? 1),
+      });
+    }
+  }
+  if (last < text.length) segments.push({ text: text.slice(last) });
+  return segments;
+};
diff --git a/plugins/console/src/problems/group-problems.ts b/plugins/console/src/problems/group-problems.ts
new file mode 100644
index 00000000..c663dc34
--- /dev/null
+++ b/plugins/console/src/problems/group-problems.ts
@@ -0,0 +1,100 @@
+import type { CodeDiagnostic } from '@nanoforge-dev/editor-sdk';
+
+export type Severity = CodeDiagnostic['severity'];
+
+export interface ProblemGroup {
+  /** Stable key: the file path, or `source:<name>` for problems without a file. */
+  readonly key: string;
+  /** Project file, when the problems are in one. */
+  readonly path?: string;
+  readonly label: string;
+  readonly problems: readonly CodeDiagnostic[];
+  readonly errors: number;
+  readonly warnings: number;
+}
+
+export interface ProblemFilter {
+  readonly severities: Readonly<Record<Severity, boolean>>;
+  readonly query: string;
+}
+
+/** `build:apps/client` → `Build of apps/client`; other sources keep their name. */
+export const sourceTitle = (source: string): string => {
+  const build = /^build:(.*)$/.exec(source);
+  return build ? `Build of ${build[1] || 'the project'}` : source;
+};
+
+/** `typescript 2322`, or the app for build errors. */
+export const origin = (problem: CodeDiagnostic): string =>
+  `${problem.source.startsWith('build:') ? 'build' : problem.source}${
+    problem.code !== undefined ? ` ${problem.code}` : ''
+  }`;
+
+const count = (problems: readonly CodeDiagnostic[], severity: Severity) =>
+  problems.filter((problem) => problem.severity === severity).length;
+
+/**
+ * Problems grouped by file, files in alphabetical order; problems without a file are grouped
+ * under their source, first.
+ */
+export const groupProblems = (
+  all: ReadonlyMap<string, readonly CodeDiagnostic[]>,
+  filter: ProblemFilter,
+): ProblemGroup[] => {
+  const needle = filter.query.trim().toLowerCase();
+  const keep = (problem: CodeDiagnostic) =>
+    filter.severities[problem.severity] &&
+    (!needle ||
+      problem.message.toLowerCase().includes(needle) ||
+      problem.path.toLowerCase().includes(needle) ||
+      origin(problem).toLowerCase().includes(needle));
+  const group = (
+    key: string,
+    label: string,
+    problems: readonly CodeDiagnostic[],
+    path?: string,
+  ): ProblemGroup => ({
+    key,
+    label,
+    ...(path !== undefined && { path }),
+    problems,
+    errors: count(problems, 'error'),
+    warnings: count(problems, 'warning'),
+  });
+
+  const groups: ProblemGroup[] = [];
+  const bySource = new Map<string, CodeDiagnostic[]>();
+  for (const problem of all.get('') ?? []) {
+    if (keep(problem))
+      bySource.set(problem.source, [...(bySource.get(problem.source) ?? []), problem]);
+  }
+  for (const [source, problems] of [...bySource].sort(([a], [b]) => a.localeCompare(b)))
+    groups.push(group(`source:${source}`, sourceTitle(source), problems));
+  for (const path of [...all.keys()].filter(Boolean).sort((a, b) => a.localeCompare(b))) {
+    const problems = all.get(path)!.filter(keep);
+    if (problems.length) groups.push(group(path, path, problems, path));
+  }
+  return groups;
+};
+
+/** `2 errors · 1 warning`, `1 error`, or `No problems`. */
+export const summary = (all: ReadonlyMap<string, readonly CodeDiagnostic[]>): string => {
+  let errors = 0;
+  let warnings = 0;
+  for (const problems of all.values()) {
+    errors += count(problems, 'error');
+    warnings += count(problems, 'warning');
+  }
+  const parts = [
+    errors && `${errors} error${errors > 1 ? 's' : ''}`,
+    warnings && `${warnings} warning${warnings > 1 ? 's' : ''}`,
+  ].filter(Boolean);
+  return parts.length ? parts.join(' · ') : 'No problems';
+};
+
+/** 1-based line and column of an offset in a text. */
+export const positionAt = (text: string, offset: number): { line: number; column: number } => {
+  const before = text.slice(0, Math.max(offset, 0));
+  const line = before.split('\n').length;
+  return { line, column: before.length - before.lastIndexOf('\n') };
+};
diff --git a/plugins/console/src/session/console-session.ts b/plugins/console/src/session/console-session.ts
new file mode 100644
index 00000000..0f4a866f
--- /dev/null
+++ b/plugins/console/src/session/console-session.ts
@@ -0,0 +1,13 @@
+import type { ConsoleStore } from '../store/console-store';
+
+/** Set by the plugin on activation, read by its widgets. */
+let store: ConsoleStore | undefined;
+
+export const setConsoleStore = (value: ConsoleStore | undefined): void => {
+  store = value;
+};
+
+export const consoleStore = (): ConsoleStore => {
+  if (!store) throw new Error('The console plugin is not active');
+  return store;
+};
diff --git a/plugins/console/src/store/console-store.ts b/plugins/console/src/store/console-store.ts
new file mode 100644
index 00000000..fa16cc70
--- /dev/null
+++ b/plugins/console/src/store/console-store.ts
@@ -0,0 +1,119 @@
+import {
+  type Disposable,
+  type LogEntry,
+  LogLevel,
+  type LogLocation,
+  type LogValue,
+  type LoggerService,
+  ObservableValue,
+  formatLogValue,
+  serializeLogValue,
+} from '@nanoforge-dev/editor-sdk';
+
+import { type GroupId, groupOf } from './log-sources';
+
+export type LineLevel = 'debug' | 'info' | 'warn' | 'error';
+
+export interface ConsoleLine {
+  readonly id: number;
+  readonly time: number;
+  readonly level: LineLevel;
+  readonly source: string;
+  readonly group: GroupId;
+  /** The whole line as text (search, copy, repeats). */
+  readonly text: string;
+  /** The logged values, when there is more than text to show. */
+  readonly values?: readonly LogValue[];
+  readonly location?: LogLocation;
+  /** How many identical lines in a row this one stands for. */
+  readonly count: number;
+}
+
+const LEVELS: Record<LogLevel, LineLevel> = {
+  [LogLevel.Trace]: 'debug',
+  [LogLevel.Debug]: 'debug',
+  [LogLevel.Info]: 'info',
+  [LogLevel.Warn]: 'warn',
+  [LogLevel.Error]: 'error',
+};
+
+const hasTree = (values: readonly LogValue[]): boolean =>
+  values.some((value) => value !== null && typeof value === 'object');
+
+/** A log entry as a console line: values are snapshots taken now. */
+export const toLine = (entry: LogEntry, id: number): ConsoleLine => {
+  const values =
+    entry.values ??
+    (entry.args.length
+      ? [entry.message, ...entry.args.map((arg) => serializeLogValue(arg))]
+      : undefined);
+  const text = entry.values
+    ? entry.message
+    : values
+      ? values.map((value) => formatLogValue(value)).join(' ')
+      : entry.message;
+  return {
+    id,
+    time: entry.time,
+    level: LEVELS[entry.level],
+    source: entry.source,
+    group: groupOf(entry.source),
+    text,
+    ...(values && hasTree(values) && { values }),
+    ...(entry.location && { location: entry.location }),
+    count: 1,
+  };
+};
+
+/**
+ * The lines of the console: every log entry of the editor (its own loggers, plugins, and the
+ * game, build and task output the runtime writes), with identical consecutive lines merged and
+ * the oldest dropped.
+ */
+export class ConsoleStore implements Disposable {
+  private _lines: ConsoleLine[] = [];
+  private _next = 0;
+  private readonly _revision = new ObservableValue(0);
+  private readonly _sink: Disposable;
+
+  /** Bumped when the lines change. */
+  readonly revision = this._revision.readonly();
+
+  constructor(
+    logs: Pick<LoggerService, 'addSink'>,
+    private readonly _maxLines: () => number = () => 2000,
+  ) {
+    this._sink = logs.addSink((entry) => this.add(entry), { replay: true });
+  }
+
+  get lines(): readonly ConsoleLine[] {
+    return this._lines;
+  }
+
+  add(entry: LogEntry): void {
+    const line = toLine(entry, this._next++);
+    const last = this._lines[this._lines.length - 1];
+    if (
+      last &&
+      last.source === line.source &&
+      last.level === line.level &&
+      last.text === line.text
+    ) {
+      this._lines[this._lines.length - 1] = { ...last, time: line.time, count: last.count + 1 };
+    } else {
+      this._lines.push(line);
+      const extra = this._lines.length - Math.max(this._maxLines(), 1);
+      if (extra > 0) this._lines.splice(0, extra);
+    }
+    this._revision.set(this._revision.get() + 1);
+  }
+
+  clear(): void {
+    this._lines = [];
+    this._revision.set(this._revision.get() + 1);
+  }
+
+  dispose(): void {
+    this._sink.dispose();
+  }
+}
diff --git a/plugins/console/src/store/log-sources.ts b/plugins/console/src/store/log-sources.ts
new file mode 100644
index 00000000..f4df9ccc
--- /dev/null
+++ b/plugins/console/src/store/log-sources.ts
@@ -0,0 +1,28 @@
+/** Groups of console sources, in display order. */
+export const GROUPS = [
+  { id: 'game', label: 'Game', shown: true },
+  { id: 'build', label: 'Build', shown: true },
+  { id: 'tasks', label: 'Tasks', shown: true },
+  { id: 'editor', label: 'Editor', shown: false },
+  { id: 'plugins', label: 'Plugins', shown: false },
+] as const;
+
+export type GroupId = (typeof GROUPS)[number]['id'];
+
+/**
+ * The group of a logger name: `game:client`, `build:<app>` and `cli:<command>` come from the
+ * runtime, plugins log under their name (`@scope/name`), the rest is the editor itself.
+ */
+export const groupOf = (source: string): GroupId => {
+  if (source.startsWith('game:')) return 'game';
+  if (source.startsWith('build:')) return 'build';
+  if (source.startsWith('cli:')) return 'tasks';
+  if (source.startsWith('@')) return 'plugins';
+  return 'editor';
+};
+
+/** A source as shown on a line: without the prefix its group already tells. */
+export const sourceLabel = (source: string): string => {
+  const label = source.replace(/^(game|build|cli):/, '');
+  return label || 'project';
+};
diff --git a/plugins/console/src/widgets/console/ConsoleLineRow.svelte b/plugins/console/src/widgets/console/ConsoleLineRow.svelte
new file mode 100644
index 00000000..dd0ac196
--- /dev/null
+++ b/plugins/console/src/widgets/console/ConsoleLineRow.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+  import type { FrameLocator, createSegmenter } from '../../link/frame-locator';
+  import type { FileTarget } from '../../link/linkify';
+  import type { ConsoleLine } from '../../store/console-store';
+  import { sourceLabel } from '../../store/log-sources';
+  import LinkedText from './LinkedText.svelte';
+  import ValueTree from './ValueTree.svelte';
+
+  interface Props {
+    line: ConsoleLine;
+    segmentsOf: ReturnType<typeof createSegmenter>;
+    locate: FrameLocator['locate'];
+    onopen: (target: FileTarget) => void;
+  }
+
+  const { line, segmentsOf, locate, onopen }: Props = $props();
+
+  const time = (value: number) => new Date(value).toLocaleTimeString([], { hour12: false });
+  const fileName = (path: string) => path.slice(path.lastIndexOf('/') + 1);
+</script>
+
+<div
+  class="line {line.level}"
+  data-line={line.id}
+  data-group={line.group}
+  data-source={line.source}
+>
+  <time>{time(line.time)}</time>
+  <span class="source" title={line.source}>{sourceLabel(line.source)}</span>
+  <span class="message">
+    {#if line.values}
+      {#each line.values as value, index (index)}
+        <span class="part">
+          {#if typeof value === 'string'}
+            <LinkedText segments={segmentsOf(line, value)} {locate} {onopen} />
+          {:else}
+            <ValueTree {value} />
+          {/if}
+        </span>
+      {/each}
+    {:else}
+      <LinkedText segments={segmentsOf(line, line.text)} {locate} {onopen} />
+    {/if}
+  </span>
+  {#if line.count > 1}
+    <span class="count" title={`Logged ${line.count} times in a row`}>
+      <span class="sr">Repeated</span>
+      {line.count}
+      <span class="sr">times</span>
+    </span>
+  {/if}
+  {#if line.location}
+    {#await locate(line.location) then file}
+      {#if file}
+        <button
+          type="button"
+          class="where"
+          title={`Open ${file.path}:${file.line}`}
+          onclick={() => onopen(file)}>{fileName(file.path)}:{file.line}</button
+        >
+      {/if}
+    {/await}
+  {/if}
+</div>
+
+<style>
+  .sr {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+  .line {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: baseline;
+    padding: 1px var(--nf-space-3);
+    border-left: 2px solid transparent;
+  }
+  .line:hover {
+    background: var(--nf-color-hover);
+  }
+  time,
+  .source {
+    flex: none;
+    color: var(--nf-color-text-faint);
+  }
+  .source {
+    max-width: 16ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .message {
+    flex: 1;
+    min-width: 0;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  .part:not(:last-child) {
+    margin-right: 1ch;
+  }
+  .debug .message {
+    color: var(--nf-color-text-muted);
+  }
+  .warn {
+    border-left-color: var(--nf-color-warning);
+  }
+  .warn .message {
+    color: var(--nf-color-warning);
+  }
+  .error {
+    border-left-color: var(--nf-color-danger);
+  }
+  .error .message {
+    color: var(--nf-color-danger);
+  }
+  .count {
+    flex: none;
+    min-width: 18px;
+    padding: 0 5px;
+    border-radius: 9px;
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text-muted);
+    text-align: center;
+    font-variant-numeric: tabular-nums;
+  }
+  .where {
+    flex: none;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-faint);
+    font: inherit;
+    cursor: pointer;
+  }
+  .where:hover {
+    color: var(--nf-color-accent);
+    text-decoration: underline;
+  }
+</style>
diff --git a/plugins/console/src/widgets/console/ConsoleView.svelte b/plugins/console/src/widgets/console/ConsoleView.svelte
new file mode 100644
index 00000000..2a0d570c
--- /dev/null
+++ b/plugins/console/src/widgets/console/ConsoleView.svelte
@@ -0,0 +1,290 @@
+<script lang="ts">
+  import { tick, untrack } from 'svelte';
+
+  import {
+    EditorServices,
+    ProjectServiceToken,
+    RuntimeServiceToken,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    ContextMenu,
+    EmptyState,
+    IconButton,
+    Input,
+    Menu,
+    type MenuEntry,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import ConsoleLineRow from './ConsoleLineRow.svelte';
+  import GroupChips from './GroupChips.svelte';
+  import { consoleStats, sourcesMenu } from './console-filters';
+  import type { ConsoleLine, LineLevel } from '../../store/console-store';
+  import type { FileTarget } from '../../link/linkify';
+  import { FrameLocator, createSegmenter } from '../../link/frame-locator';
+  import { GROUPS, type GroupId, sourceLabel } from '../../store/log-sources';
+  import { consoleStore } from '../../session/console-session';
+
+  interface SavedState {
+    groups?: Partial<Record<GroupId, boolean>>;
+    hidden?: string[];
+    levels?: Partial<Record<LineLevel, boolean>>;
+  }
+
+  const LEVELS = [
+    { id: 'debug', label: 'Debug', icon: 'bug' },
+    { id: 'info', label: 'Info', icon: 'info' },
+    { id: 'warn', label: 'Warnings', icon: 'triangle-alert' },
+    { id: 'error', label: 'Errors', icon: 'circle-alert' },
+  ] as const;
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const commands = services.get(EditorServices.Commands);
+  const store = consoleStore();
+
+  // svelte-ignore state_referenced_locally
+  const saved = instance.getState<SavedState>() ?? {};
+  let groups = $state<Record<GroupId, boolean>>({
+    ...(Object.fromEntries(GROUPS.map((group) => [group.id, group.shown])) as Record<
+      GroupId,
+      boolean
+    >),
+    ...saved.groups,
+  });
+  let hidden = $state<readonly string[]>(saved.hidden ?? []);
+  let levels = $state<Record<LineLevel, boolean>>({
+    debug: false,
+    info: true,
+    warn: true,
+    error: true,
+    ...saved.levels,
+  });
+  $effect(() =>
+    instance.setState({ groups: { ...groups }, hidden: [...hidden], levels: { ...levels } }),
+  );
+  let query = $state('');
+
+  let revision = $state(0);
+  $effect(() => {
+    let frame = 0;
+    const unsubscribe = store.revision.subscribe(() => {
+      if (frame) return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        revision++;
+      });
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      unsubscribe();
+    };
+  });
+  const lines = $derived.by(() => {
+    void revision;
+    return [...store.lines];
+  });
+
+  const needle = $derived(query.trim().toLowerCase());
+  const visible = $derived(
+    lines.filter(
+      (line) =>
+        groups[line.group] &&
+        levels[line.level] &&
+        !hidden.includes(line.source) &&
+        (!needle ||
+          line.text.toLowerCase().includes(needle) ||
+          line.source.toLowerCase().includes(needle)),
+    ),
+  );
+
+  /** Lines per group, and the warnings and errors a hidden group holds. */
+  const stats = $derived(consoleStats(lines));
+
+  const toggleSource = (source: string) => {
+    hidden = hidden.includes(source)
+      ? hidden.filter((other) => other !== source)
+      : [...hidden, source];
+  };
+  const menu = $derived(sourcesMenu(lines, hidden, toggleSource, () => (hidden = [])));
+
+  const exists = (path: string) =>
+    services.tryGet(ProjectServiceToken)?.current.get()?.fs.entry(path)?.kind === 'file';
+  const segmentsOf = createSegmenter(exists);
+  const locator = new FrameLocator((frame) =>
+    services.tryGet(RuntimeServiceToken)?.sourceLocation(frame.file, frame.line, frame.column),
+  );
+  const locate = locator.locate;
+  const open = (target: FileTarget) =>
+    void commands.execute('documents.open', target.path, {
+      ...(target.line && { line: target.line, column: target.column ?? 1 }),
+    });
+
+  let list = $state<HTMLElement>();
+  let follow = $state(true);
+  const toBottom = () => {
+    if (list) list.scrollTop = list.scrollHeight;
+  };
+  $effect(() => {
+    void visible;
+    if (untrack(() => follow)) void tick().then(toBottom);
+  });
+  const onscroll = () => {
+    if (!list) return;
+    follow = list.scrollTop + list.clientHeight >= list.scrollHeight - 8;
+  };
+
+  const clear = () => {
+    store.clear();
+    locator.clear();
+    follow = true;
+  };
+
+  let contextLine: ConsoleLine | undefined;
+  const time = (value: number) => new Date(value).toLocaleTimeString([], { hour12: false });
+  const asText = (line: ConsoleLine) =>
+    `${time(line.time)} [${sourceLabel(line.source)}] ${line.text}${line.count > 1 ? ` (×${line.count})` : ''}`;
+  const copy = (text: string) => void navigator.clipboard?.writeText(text).catch(() => undefined);
+  const contextItems = (): MenuEntry[] => {
+    const line = contextLine;
+    return [
+      ...(line
+        ? [
+            {
+              kind: 'item',
+              id: 'copy',
+              label: 'Copy line',
+              onSelect: () => copy(asText(line)),
+            } as const,
+          ]
+        : []),
+      {
+        kind: 'item',
+        id: 'copy-all',
+        label: 'Copy every shown line',
+        disabled: !visible.length,
+        onSelect: () => copy(visible.map(asText).join('\n')),
+      },
+      { kind: 'separator' },
+      { kind: 'item', id: 'clear', label: 'Clear console', onSelect: clear },
+    ];
+  };
+</script>
+
+<div class="console">
+  <div class="toolbar">
+    <GroupChips bind:groups {stats} />
+    <Menu items={menu}>
+      {#snippet trigger({ props })}
+        <IconButton {...props} icon="list-filter" label="Sources" pressed={hidden.length > 0} />
+      {/snippet}
+    </Menu>
+    <div class="levels" role="group" aria-label="Levels">
+      {#each LEVELS as level (level.id)}
+        <IconButton
+          icon={level.icon}
+          label={level.label}
+          pressed={levels[level.id]}
+          onclick={() => (levels[level.id] = !levels[level.id])}
+        />
+      {/each}
+    </div>
+    <Input bind:value={query} placeholder="Search console" aria-label="Search console" />
+    <IconButton icon="trash-2" label="Clear console" onclick={clear} />
+  </div>
+
+  <ContextMenu items={contextItems}>
+    <div class="body">
+      {#if !visible.length}
+        <div class="empty">
+          <EmptyState
+            icon="square-terminal"
+            title={lines.length ? 'No lines match the filters' : 'Nothing logged yet'}
+            description={lines.length
+              ? 'Show more groups, sources or levels, or change the search.'
+              : 'Game, build and task output appears here.'}
+          />
+        </div>
+      {/if}
+      <div
+        class="lines-list"
+        bind:this={list}
+        role="log"
+        aria-label="Console"
+        {onscroll}
+        oncontextmenu={(event) => {
+          const id = (event.target as HTMLElement).closest<HTMLElement>('[data-line]')?.dataset
+            .line;
+          contextLine = visible.find((line) => String(line.id) === id);
+        }}
+      >
+        {#each visible as line (line.id)}
+          <ConsoleLineRow {line} {segmentsOf} {locate} onopen={open} />
+        {/each}
+      </div>
+      {#if !follow}
+        <div class="latest">
+          <Button
+            size="sm"
+            onclick={() => {
+              follow = true;
+              toBottom();
+            }}>Jump to latest</Button
+          >
+        </div>
+      {/if}
+    </div>
+  </ContextMenu>
+</div>
+
+<style>
+  .console {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    flex-wrap: wrap;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 120px;
+  }
+  .levels {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  .body {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+  }
+  .lines-list {
+    height: 100%;
+    overflow: auto;
+    padding: var(--nf-space-1) 0;
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+  }
+  .empty {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+  .latest {
+    position: absolute;
+    right: var(--nf-space-4);
+    bottom: var(--nf-space-2);
+  }
+</style>
diff --git a/plugins/console/src/widgets/console/GroupChips.svelte b/plugins/console/src/widgets/console/GroupChips.svelte
new file mode 100644
index 00000000..ad67e5ff
--- /dev/null
+++ b/plugins/console/src/widgets/console/GroupChips.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+  import { GROUPS, type GroupId } from '../../store/log-sources';
+  import type { GroupStats } from './console-filters';
+
+  interface Props {
+    /** Whether each group's output is shown. */
+    groups: Record<GroupId, boolean>;
+    stats: Record<GroupId, GroupStats>;
+  }
+
+  let { groups = $bindable(), stats }: Props = $props();
+</script>
+
+<div class="chips" role="group" aria-label="Source groups">
+  {#each GROUPS as group (group.id)}
+    {@const stat = stats[group.id]}
+    <button
+      type="button"
+      class="chip"
+      aria-pressed={groups[group.id]}
+      title={`${groups[group.id] ? 'Hide' : 'Show'} ${group.label.toLowerCase()} output`}
+      onclick={() => (groups[group.id] = !groups[group.id])}
+    >
+      {group.label}
+      <span class="lines">{stat.lines}</span>
+      {#if !groups[group.id] && stat.alerts}
+        <span class="alerts" title={`${stat.alerts} hidden warnings or errors`}>
+          <span class="sr">, {stat.alerts} hidden warnings or errors</span>
+        </span>
+      {/if}
+    </button>
+  {/each}
+</div>
+
+<style>
+  .chips {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  .chip {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    height: 22px;
+    padding: 0 var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: 11px;
+    background: none;
+    color: var(--nf-color-text-faint);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  .chip:hover {
+    background: var(--nf-color-hover);
+  }
+  .chip:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: 1px;
+  }
+  .chip[aria-pressed='true'] {
+    border-color: var(--nf-color-border-strong);
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+  .chip .lines {
+    color: var(--nf-color-text-faint);
+    font-variant-numeric: tabular-nums;
+  }
+  .alerts {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--nf-color-warning);
+  }
+  .sr {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+</style>
diff --git a/plugins/console/src/widgets/console/LinkedText.svelte b/plugins/console/src/widgets/console/LinkedText.svelte
new file mode 100644
index 00000000..1f02b54e
--- /dev/null
+++ b/plugins/console/src/widgets/console/LinkedText.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+  import type { FileTarget, FrameTarget, TextSegment } from '../../link/linkify';
+
+  interface Props {
+    segments: readonly TextSegment[];
+    /** The project file behind a position in a built bundle, if it can be mapped. */
+    locate: (frame: FrameTarget) => Promise<FileTarget | undefined>;
+    onopen: (target: FileTarget) => void;
+  }
+
+  const { segments, locate, onopen }: Props = $props();
+
+  const where = (target: FileTarget) =>
+    `${target.path}${target.line ? `:${target.line}${target.column ? `:${target.column}` : ''}` : ''}`;
+</script>
+
+{#snippet link(text: string, target: FileTarget)}
+  <button
+    type="button"
+    class="link"
+    title={`Open ${where(target)}`}
+    onclick={(event) => {
+      event.stopPropagation();
+      onopen(target);
+    }}>{text}</button
+  >
+{/snippet}
+
+{#each segments as segment, index (index)}
+  {#if !segment.target}
+    {segment.text}
+  {:else if segment.target.kind === 'file'}
+    {@render link(segment.text, segment.target)}
+  {:else}
+    {#await locate(segment.target)}
+      {segment.text}
+    {:then file}
+      {#if file}{@render link(where(file), file)}{:else}{segment.text}{/if}
+    {:catch}
+      {segment.text}
+    {/await}
+  {/if}
+{/each}
+
+<style>
+  .link {
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--nf-color-accent);
+    font: inherit;
+    text-align: left;
+    text-decoration: underline;
+    text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
+    cursor: pointer;
+    overflow-wrap: anywhere;
+  }
+  .link:hover {
+    text-decoration-color: currentColor;
+  }
+  .link:focus-visible {
+    outline: 1px solid var(--nf-color-accent);
+    outline-offset: 1px;
+  }
+</style>
diff --git a/plugins/console/src/widgets/console/ValueTree.svelte b/plugins/console/src/widgets/console/ValueTree.svelte
new file mode 100644
index 00000000..0dbe2dc1
--- /dev/null
+++ b/plugins/console/src/widgets/console/ValueTree.svelte
@@ -0,0 +1,157 @@
+<script lang="ts">
+  import { type LogValue, formatLogValue, isExpandableLogValue } from '@nanoforge-dev/editor-sdk';
+  import { Icon } from '@nanoforge-dev/editor-sdk/ui';
+
+  import Self from './ValueTree.svelte';
+
+  interface Props {
+    value: LogValue;
+    /** The key this value is under, shown before it. */
+    name?: string;
+    /** Strings are quoted below the top level. */
+    nested?: boolean;
+  }
+
+  const { value, name, nested = false }: Props = $props();
+  let open = $state(false);
+
+  const expandable = $derived(isExpandableLogValue(value));
+  const preview = $derived(formatLogValue(value, nested));
+  const kind = $derived(
+    value === null ? 'null' : typeof value === 'object' ? value.type : typeof value,
+  );
+
+  /** Children of an expanded value: `[key, value]`, the key undefined for stack text. */
+  const children = $derived.by((): (readonly [string, LogValue])[] => {
+    if (value === null || typeof value !== 'object') return [];
+    switch (value.type) {
+      case 'object':
+        return [...value.entries];
+      case 'array':
+        return value.items.map((item, index) => [String(index), item] as const);
+      case 'map':
+        return value.entries.map(([key, item]) => [formatLogValue(key, true), item] as const);
+      default:
+        return [];
+    }
+  });
+  const more = $derived(
+    value !== null && typeof value === 'object' && 'more' in value ? (value.more ?? 0) : 0,
+  );
+  const stack = $derived(
+    value !== null && typeof value === 'object' && value.type === 'error' ? value.stack : undefined,
+  );
+</script>
+
+{#if expandable}
+  <span class="value">
+    <button
+      type="button"
+      class="toggle"
+      aria-expanded={open}
+      aria-label={`${open ? 'Collapse' : 'Expand'} ${name ?? 'value'}`}
+      onclick={() => (open = !open)}
+    >
+      <Icon name={open ? 'chevron-down' : 'chevron-right'} size={12} />
+      {#if name !== undefined}<span class="key">{name}:</span>{/if}
+      <span class="preview {kind}">{preview}</span>
+    </button>
+    {#if open}
+      <span class="children" role="group">
+        {#if stack}
+          <span class="stack">{stack}</span>
+        {/if}
+        {#each children as [key, child], index (index)}
+          <span class="child"><Self value={child} name={key} nested /></span>
+        {/each}
+        {#if more}
+          <span class="child more">… {more} more</span>
+        {/if}
+      </span>
+    {/if}
+  </span>
+{:else}
+  <span class="leaf">
+    {#if name !== undefined}<span class="key">{name}:</span>{/if}
+    <span class="preview {kind}">{preview}</span>
+  </span>
+{/if}
+
+<style>
+  .value {
+    display: inline-flex;
+    flex-direction: column;
+    vertical-align: top;
+    max-width: 100%;
+  }
+  .toggle {
+    display: inline-flex;
+    gap: 2px;
+    align-items: baseline;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .toggle:focus-visible {
+    outline: 1px solid var(--nf-color-accent);
+    outline-offset: 1px;
+  }
+  .toggle :global(svg) {
+    flex: none;
+    align-self: center;
+    color: var(--nf-color-text-faint);
+  }
+  .preview {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .children {
+    display: flex;
+    flex-direction: column;
+    padding-left: var(--nf-space-4);
+  }
+  .child,
+  .leaf {
+    white-space: pre-wrap;
+  }
+  .leaf .preview {
+    white-space: pre-wrap;
+  }
+  .children :global(.leaf) {
+    padding-left: 14px;
+  }
+  .key {
+    margin-right: 0.5ch;
+    color: var(--nf-color-text-muted);
+  }
+  .stack {
+    padding-left: 14px;
+    color: var(--nf-color-text-muted);
+    white-space: pre-wrap;
+  }
+  .more {
+    padding-left: 14px;
+    color: var(--nf-color-text-faint);
+  }
+  .number,
+  .bigint,
+  .boolean {
+    color: var(--nf-color-accent);
+  }
+  .null,
+  .undefined,
+  .cut,
+  .circular,
+  .function,
+  .symbol {
+    color: var(--nf-color-text-faint);
+  }
+  .error {
+    color: var(--nf-color-danger);
+  }
+</style>
diff --git a/plugins/console/src/widgets/console/console-filters.ts b/plugins/console/src/widgets/console/console-filters.ts
new file mode 100644
index 00000000..118acab4
--- /dev/null
+++ b/plugins/console/src/widgets/console/console-filters.ts
@@ -0,0 +1,60 @@
+import type { MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { ConsoleLine } from '../../store/console-store';
+import { GROUPS, type GroupId, sourceLabel } from '../../store/log-sources';
+
+export interface GroupStats {
+  readonly lines: number;
+  /** Warnings and errors: shown on a hidden group's chip. */
+  readonly alerts: number;
+}
+
+/** Lines per group, and the warnings and errors each holds. */
+export const consoleStats = (lines: readonly ConsoleLine[]): Record<GroupId, GroupStats> => {
+  const result = Object.fromEntries(
+    GROUPS.map((group) => [group.id, { lines: 0, alerts: 0 }]),
+  ) as Record<GroupId, { lines: number; alerts: number }>;
+  for (const line of lines) {
+    const group = result[line.group];
+    group.lines++;
+    if (line.level === 'warn' || line.level === 'error') group.alerts++;
+  }
+  return result;
+};
+
+/** The Sources menu: every source seen, by group, checked when shown. */
+export const sourcesMenu = (
+  lines: readonly ConsoleLine[],
+  hidden: readonly string[],
+  toggle: (source: string) => void,
+  showAll: () => void,
+): MenuEntry[] => {
+  const known = [...new Set([...lines.map((line) => line.source), ...hidden])].sort();
+  const entries: MenuEntry[] = [];
+  for (const group of GROUPS) {
+    const sources = known.filter(
+      (source) => lines.find((line) => line.source === source)?.group === group.id,
+    );
+    if (!sources.length) continue;
+    entries.push({
+      kind: 'submenu',
+      label: group.label,
+      items: sources.map((source) => ({
+        kind: 'item',
+        id: source,
+        label: sourceLabel(source),
+        checked: !hidden.includes(source),
+        onSelect: () => toggle(source),
+      })),
+    });
+  }
+  if (hidden.length) {
+    entries.push(
+      { kind: 'separator' },
+      { kind: 'item', id: 'all', label: 'Show every source', onSelect: showAll },
+    );
+  }
+  return entries.length
+    ? entries
+    : [{ kind: 'item', id: 'none', label: 'No sources yet', disabled: true, onSelect: () => {} }];
+};
diff --git a/plugins/console/src/widgets/problems/ProblemsView.svelte b/plugins/console/src/widgets/problems/ProblemsView.svelte
new file mode 100644
index 00000000..6f5bcd97
--- /dev/null
+++ b/plugins/console/src/widgets/problems/ProblemsView.svelte
@@ -0,0 +1,226 @@
+<script lang="ts">
+  import {
+    type CodeDiagnostic,
+    DiagnosticsServiceToken,
+    DocumentServiceToken,
+    EditorServices,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    EmptyState,
+    Icon,
+    IconButton,
+    Input,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { type Severity, groupProblems, origin, positionAt } from '../../problems/group-problems';
+
+  interface SavedState {
+    severities?: Partial<Record<Severity, boolean>>;
+  }
+
+  const SEVERITIES = [
+    { id: 'error', label: 'Errors', icon: 'circle-alert' },
+    { id: 'warning', label: 'Warnings', icon: 'triangle-alert' },
+    { id: 'info', label: 'Infos', icon: 'info' },
+  ] as const;
+  const ICON = { error: 'circle-alert', warning: 'triangle-alert', info: 'info' } as const;
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const commands = services.get(EditorServices.Commands);
+  const all = services.get(DiagnosticsServiceToken).all;
+
+  // svelte-ignore state_referenced_locally
+  let severities = $state<Record<Severity, boolean>>({
+    error: true,
+    warning: true,
+    info: true,
+    ...instance.getState<SavedState>()?.severities,
+  });
+  $effect(() => instance.setState({ severities: { ...severities } }));
+  let query = $state('');
+  let collapsed = $state<readonly string[]>([]);
+
+  const groups = $derived(groupProblems($all, { severities, query }));
+  const total = $derived([...$all.values()].reduce((sum, list) => sum + list.length, 0));
+
+  const toggle = (key: string) => {
+    collapsed = collapsed.includes(key)
+      ? collapsed.filter((other) => other !== key)
+      : [...collapsed, key];
+  };
+
+  const counts = (errors: number, warnings: number) =>
+    [
+      errors && `${errors} error${errors > 1 ? 's' : ''}`,
+      warnings && `${warnings} warning${warnings > 1 ? 's' : ''}`,
+    ]
+      .filter(Boolean)
+      .join(', ');
+
+  const position = (problem: CodeDiagnostic) =>
+    problem.line ? `${problem.line}:${problem.column ?? 1}` : '';
+
+  const open = async (problem: CodeDiagnostic) => {
+    if (!problem.path) return;
+    let where = problem.line ? { line: problem.line, column: problem.column ?? 1 } : undefined;
+    if (!where && problem.start >= 0) {
+      const text = await services
+        .tryGet(DocumentServiceToken)
+        ?.getText(problem.path)
+        .catch(() => undefined);
+      if (text !== undefined) where = positionAt(text, problem.start);
+    }
+    await commands.execute('documents.open', problem.path, where ?? {});
+  };
+</script>
+
+<div class="problems">
+  <div class="toolbar">
+    <div class="severities" role="group" aria-label="Severities">
+      {#each SEVERITIES as severity (severity.id)}
+        <IconButton
+          icon={severity.icon}
+          label={severity.label}
+          pressed={severities[severity.id]}
+          onclick={() => (severities[severity.id] = !severities[severity.id])}
+        />
+      {/each}
+    </div>
+    <Input bind:value={query} placeholder="Search problems" aria-label="Search problems" />
+  </div>
+  <div class="list" role="list" aria-label="Problems">
+    {#each groups as group (group.key)}
+      {@const open_ = !collapsed.includes(group.key)}
+      <section role="listitem" aria-label={group.label}>
+        <button type="button" class="file" aria-expanded={open_} onclick={() => toggle(group.key)}>
+          <Icon name={open_ ? 'chevron-down' : 'chevron-right'} size={14} />
+          <span class="path">{group.label}</span>
+          <span class="counts">{counts(group.errors, group.warnings)}</span>
+        </button>
+        {#if open_}
+          {#each group.problems as problem, index (index)}
+            <button
+              type="button"
+              class="problem {problem.severity}"
+              disabled={!problem.path}
+              title={problem.message}
+              onclick={() => void open(problem)}
+            >
+              <Icon name={ICON[problem.severity]} size={14} label={problem.severity} />
+              <span class="message">{problem.message.split('\n')[0]}</span>
+              <span class="origin">{origin(problem)}</span>
+              {#if position(problem)}<span class="position">{position(problem)}</span>{/if}
+            </button>
+          {/each}
+        {/if}
+      </section>
+    {:else}
+      <EmptyState
+        icon="circle-check"
+        title={total ? 'No problems match the filters' : 'No problems'}
+        description={total
+          ? 'Show more severities or change the search.'
+          : 'Errors and warnings of the project appear here.'}
+      />
+    {/each}
+  </div>
+</div>
+
+<style>
+  .problems {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 0;
+  }
+  .severities {
+    display: flex;
+    gap: var(--nf-space-1);
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    font-size: var(--nf-font-size-sm);
+  }
+  .file,
+  .problem {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    width: 100%;
+    padding: 2px var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: var(--nf-color-text);
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .file:hover,
+  .problem:hover:not(:disabled) {
+    background: var(--nf-color-hover);
+  }
+  .file:focus-visible,
+  .problem:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .file :global(svg),
+  .problem :global(svg) {
+    flex: none;
+  }
+  .path {
+    overflow: hidden;
+    font-weight: 600;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .counts,
+  .origin,
+  .position {
+    flex: none;
+    color: var(--nf-color-text-faint);
+  }
+  .problem {
+    padding-left: calc(var(--nf-space-4) + var(--nf-space-2));
+  }
+  .problem:disabled {
+    cursor: default;
+  }
+  .message {
+    flex: 0 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .position {
+    margin-left: auto;
+    font-variant-numeric: tabular-nums;
+  }
+  .error :global(svg) {
+    color: var(--nf-color-danger);
+  }
+  .warning :global(svg) {
+    color: var(--nf-color-warning);
+  }
+  .info :global(svg) {
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/plugins/console/svelte.config.js b/plugins/console/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/console/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/console/test/link/linkify.spec.ts b/plugins/console/test/link/linkify.spec.ts
new file mode 100644
index 00000000..34a18d7b
--- /dev/null
+++ b/plugins/console/test/link/linkify.spec.ts
@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest';
+
+import { linkify } from '../../src/link/linkify';
+
+const FILES = new Set(['apps/client/src/main.ts', 'package.json', 'apps/server/src/main.ts']);
+const exists = (path: string) => FILES.has(path);
+const targets = (text: string) =>
+  linkify(text, exists)
+    .filter((segment) => segment.target)
+    .map((segment) => [segment.text, segment.target]);
+
+describe('linkify', () => {
+  it('links project paths with their position', () => {
+    expect(targets('error at apps/client/src/main.ts:12:3 here')).toEqual([
+      [
+        'apps/client/src/main.ts:12:3',
+        { kind: 'file', path: 'apps/client/src/main.ts', line: 12, column: 3 },
+      ],
+    ]);
+    expect(targets('apps/client/src/main.ts(4,7): error TS2322')).toEqual([
+      [
+        'apps/client/src/main.ts(4,7)',
+        { kind: 'file', path: 'apps/client/src/main.ts', line: 4, column: 7 },
+      ],
+    ]);
+    expect(targets('see ./package.json')).toEqual([
+      ['./package.json', { kind: 'file', path: 'package.json' }],
+    ]);
+  });
+
+  it('keeps the text around links', () => {
+    expect(linkify('a package.json b', exists).map((segment) => segment.text)).toEqual([
+      'a ',
+      'package.json',
+      ' b',
+    ]);
+    expect(linkify('nothing here, v1.2 e.g. missing.ts:3', exists)).toEqual([
+      { text: 'nothing here, v1.2 e.g. missing.ts:3' },
+    ]);
+  });
+
+  it('finds the project file of an absolute path', () => {
+    expect(targets('    at /home/me/pong/apps/server/src/main.ts:8:1')).toEqual([
+      [
+        '/home/me/pong/apps/server/src/main.ts:8:1',
+        { kind: 'file', path: 'apps/server/src/main.ts', line: 8, column: 1 },
+      ],
+    ]);
+  });
+
+  it('marks frames of bundles for source mapping', () => {
+    expect(
+      targets(
+        '    at update (http://localhost:4790/runtime/p/apps%2Fclient/main.js?v=ab&run=2:10:5)',
+      ),
+    ).toEqual([
+      [
+        'http://localhost:4790/runtime/p/apps%2Fclient/main.js?v=ab&run=2:10:5',
+        {
+          kind: 'frame',
+          file: 'http://localhost:4790/runtime/p/apps%2Fclient/main.js?v=ab&run=2',
+          line: 10,
+          column: 5,
+        },
+      ],
+    ]);
+    expect(targets('at /home/me/pong/apps/server/.nanoforge/server/main.js:30:2')).toEqual([
+      [
+        '/home/me/pong/apps/server/.nanoforge/server/main.js:30:2',
+        {
+          kind: 'frame',
+          file: '/home/me/pong/apps/server/.nanoforge/server/main.js',
+          line: 30,
+          column: 2,
+        },
+      ],
+    ]);
+  });
+});
diff --git a/plugins/console/test/problems/group-problems.spec.ts b/plugins/console/test/problems/group-problems.spec.ts
new file mode 100644
index 00000000..7a16d205
--- /dev/null
+++ b/plugins/console/test/problems/group-problems.spec.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest';
+
+import type { CodeDiagnostic } from '@nanoforge-dev/editor-sdk';
+
+import { groupProblems, origin, positionAt, summary } from '../../src/problems/group-problems';
+
+const problem = (patch: Partial<CodeDiagnostic>): CodeDiagnostic => ({
+  path: 'src/a.ts',
+  start: 0,
+  length: 1,
+  message: 'Type mismatch',
+  severity: 'error',
+  source: 'typescript',
+  ...patch,
+});
+
+const ALL = new Map<string, CodeDiagnostic[]>([
+  ['src/b.ts', [problem({ path: 'src/b.ts', severity: 'warning', message: 'Unused' })]],
+  ['src/a.ts', [problem({ code: 2322 }), problem({ severity: 'info', message: 'Hint' })]],
+  ['', [problem({ path: '', source: 'build:apps/client', message: 'Build of Client failed' })]],
+]);
+const EVERY = { error: true, warning: true, info: true };
+
+describe('problems', () => {
+  it('groups by file in order, problems without a file under their source first', () => {
+    const groups = groupProblems(ALL, { severities: EVERY, query: '' });
+    expect(groups.map((group) => [group.label, group.path, group.errors, group.warnings])).toEqual([
+      ['Build of apps/client', undefined, 1, 0],
+      ['src/a.ts', 'src/a.ts', 1, 0],
+      ['src/b.ts', 'src/b.ts', 0, 1],
+    ]);
+  });
+
+  it('filters by severity and text', () => {
+    const errors = groupProblems(ALL, {
+      severities: { error: true, warning: false, info: false },
+      query: '',
+    });
+    expect(errors.map((group) => group.problems.length)).toEqual([1, 1]);
+    expect(
+      groupProblems(ALL, { severities: EVERY, query: 'UNUSED' }).map((group) => group.label),
+    ).toEqual(['src/b.ts']);
+    expect(
+      groupProblems(ALL, { severities: EVERY, query: '2322' }).map((group) => group.label),
+    ).toEqual(['src/a.ts']);
+  });
+
+  it('summarizes for the status bar', () => {
+    expect(summary(ALL)).toBe('2 errors · 1 warning');
+    expect(summary(new Map())).toBe('No problems');
+    expect(summary(new Map([['a', [problem({})]]]))).toBe('1 error');
+  });
+
+  it('names where a problem comes from, and finds positions from offsets', () => {
+    expect(origin(problem({ code: 2322 }))).toBe('typescript 2322');
+    expect(origin(problem({ source: 'build:apps/client' }))).toBe('build');
+    expect(positionAt('ab\ncd\nef', 4)).toEqual({ line: 2, column: 2 });
+    expect(positionAt('ab', 0)).toEqual({ line: 1, column: 1 });
+  });
+});
diff --git a/plugins/console/test/store/console-store.spec.ts b/plugins/console/test/store/console-store.spec.ts
new file mode 100644
index 00000000..f611dbcb
--- /dev/null
+++ b/plugins/console/test/store/console-store.spec.ts
@@ -0,0 +1,119 @@
+import { describe, expect, it } from 'vitest';
+
+import { type LogEntry, LogLevel } from '@nanoforge-dev/editor-sdk';
+
+import { ConsoleStore } from '../../src/store/console-store';
+import { groupOf, sourceLabel } from '../../src/store/log-sources';
+
+/** The part of the editor's logger the console uses: sinks, with a replay of earlier entries. */
+class Logs {
+  private readonly _sinks = new Set<(entry: LogEntry) => void>();
+  private readonly _history: LogEntry[] = [];
+
+  addSink(sink: (entry: LogEntry) => void, options: { replay?: boolean } = {}) {
+    if (options.replay) for (const entry of this._history) sink(entry);
+    this._sinks.add(sink);
+    return { dispose: () => void this._sinks.delete(sink) };
+  }
+
+  write(entry: LogEntry): void {
+    this._history.push(entry);
+    for (const sink of this._sinks) sink(entry);
+  }
+
+  getLogger(source: string) {
+    const log =
+      (level: LogLevel) =>
+      (message: string, ...args: unknown[]) =>
+        this.write({ level, source, message, args, time: Date.now() });
+    return { info: log(LogLevel.Info), warn: log(LogLevel.Warn) };
+  }
+}
+
+const setup = (maxLines = 100) => {
+  const logs = new Logs();
+  return { logs, store: new ConsoleStore(logs, () => maxLines) };
+};
+
+describe('sources', () => {
+  it('groups sources by where they come from', () => {
+    expect(
+      ['game:client', 'build:apps/client', 'cli:nf install', '@acme/hello', 'kernel.plugins'].map(
+        groupOf,
+      ),
+    ).toEqual(['game', 'build', 'tasks', 'plugins', 'editor']);
+    expect(sourceLabel('game:server')).toBe('server');
+    expect(sourceLabel('build:')).toBe('project');
+    expect(sourceLabel('@acme/hello')).toBe('@acme/hello');
+  });
+});
+
+describe('ConsoleStore', () => {
+  it('replays earlier entries and follows new ones', () => {
+    const logs = new Logs();
+    logs.getLogger('editor').info('before');
+    const store = new ConsoleStore(logs);
+    logs.getLogger('@acme/hello').warn('after');
+    expect(store.lines.map((line) => [line.group, line.level, line.text])).toEqual([
+      ['editor', 'info', 'before'],
+      ['plugins', 'warn', 'after'],
+    ]);
+  });
+
+  it('merges identical consecutive lines into one with a count', () => {
+    const { logs, store } = setup();
+    const game = logs.getLogger('game:client');
+    game.info('tick');
+    game.info('tick');
+    game.info('tick');
+    game.warn('tick');
+    logs.getLogger('game:server').warn('tick');
+    game.info('tick');
+    expect(store.lines.map((line) => [line.source, line.level, line.count])).toEqual([
+      ['game:client', 'info', 3],
+      ['game:client', 'warn', 1],
+      ['game:server', 'warn', 1],
+      ['game:client', 'info', 1],
+    ]);
+  });
+
+  it('keeps logged values as trees, and plain text as text', () => {
+    const { logs, store } = setup();
+    logs.getLogger('editor').info('saved', { files: 2 }, 'ok');
+    logs.getLogger('editor').info('count', 3);
+    logs.write({
+      level: LogLevel.Debug,
+      source: 'game:client',
+      message: 'score {"left":1}',
+      args: [],
+      time: 1,
+      values: ['score', { type: 'object', entries: [['left', 1]] }],
+      location: { file: 'http://x/main.js', line: 3, column: 1 },
+    });
+    const [saved, count, game] = store.lines;
+    expect(saved).toMatchObject({ text: 'saved { files: 2 } ok' });
+    expect(saved!.values).toHaveLength(3);
+    expect(count).toMatchObject({ text: 'count 3' });
+    expect(count!.values).toBeUndefined();
+    expect(game).toMatchObject({
+      level: 'debug',
+      text: 'score {"left":1}',
+      location: { line: 3 },
+    });
+    expect(game!.values).toHaveLength(2);
+  });
+
+  it('drops the oldest lines over the limit, and clears', () => {
+    const { logs, store } = setup(2);
+    const logger = logs.getLogger('editor');
+    logger.info('a');
+    logger.info('b');
+    logger.info('c');
+    expect(store.lines.map((line) => line.text)).toEqual(['b', 'c']);
+    let revisions = 0;
+    store.revision.subscribe(() => revisions++);
+    store.clear();
+    expect(store.lines).toEqual([]);
+    expect(revisions).toBeGreaterThan(0);
+  });
+});
diff --git a/plugins/console/tsconfig.json b/plugins/console/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/console/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/console/vite.config.ts b/plugins/console/vite.config.ts
new file mode 100644
index 00000000..a2c780b6
--- /dev/null
+++ b/plugins/console/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'console' },
+  },
+});
diff --git a/plugins/ecs/.prettierignore b/plugins/ecs/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/ecs/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/ecs/LICENSE b/plugins/ecs/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/ecs/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/ecs/README.md b/plugins/ecs/README.md
new file mode 100644
index 00000000..1ae3805c
--- /dev/null
+++ b/plugins/ecs/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/ecs"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fecs" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-ecs` is an internal package of the NanoForge Editor.
+
+Built-in ECS plugin: entities, components, systems and the live world.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/ecs
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/ecs/nanoforge.manifest.json b/plugins/ecs/nanoforge.manifest.json
new file mode 100644
index 00000000..4e8018cd
--- /dev/null
+++ b/plugins/ecs/nanoforge.manifest.json
@@ -0,0 +1,103 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/ecs",
+  "version": "0.1.0",
+  "displayName": "ECS",
+  "description": "Entities, components and systems of each app: hierarchy, inspector, browser, and the live world while playing.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "engineLibs": {
+    "required": {
+      "@nanoforge-dev/ecs": "*"
+    },
+    "optional": {
+      "@nanoforge-dev/graphics-2d": "*"
+    }
+  },
+  "entry": {
+    "client": "index.js",
+    "worker": "worker.js"
+  },
+  "activation": [
+    "onWidget:ecs.hierarchy",
+    "onWidget:ecs.inspector",
+    "onWidget:ecs.browser",
+    "onWidget:ecs.systems",
+    "onCommand:ecs.addEntity",
+    "onCommand:ecs.removeEntity",
+    "onWidget:code-editor.script",
+    "onWidget:viewport.scene"
+  ],
+  "contributes": {
+    "itemOwner": {
+      "schema": 1,
+      "tags": ["component", "system", "query", "uses"]
+    },
+    "widgets": [
+      {
+        "id": "ecs.hierarchy",
+        "title": "Hierarchy",
+        "icon": "list-tree",
+        "defaultSlot": "leftTop",
+        "order": 200
+      },
+      {
+        "id": "ecs.inspector",
+        "title": "Inspector",
+        "icon": "sliders-horizontal",
+        "defaultSlot": "rightTop",
+        "order": 150
+      },
+      {
+        "id": "ecs.browser",
+        "title": "Components",
+        "icon": "blocks",
+        "defaultSlot": "leftBottom",
+        "order": 200
+      },
+      {
+        "id": "ecs.systems",
+        "title": "Systems",
+        "icon": "settings",
+        "defaultSlot": "leftBottom",
+        "order": 210
+      }
+    ],
+    "commands": [
+      {
+        "id": "ecs.addEntity",
+        "title": "Add entity",
+        "category": "ECS"
+      },
+      {
+        "id": "ecs.removeEntity",
+        "title": "Remove selected entity",
+        "category": "ECS"
+      }
+    ],
+    "settings": [
+      {
+        "key": "autoApply",
+        "type": "boolean",
+        "default": false,
+        "title": "Apply live edits to code",
+        "description": "Write every change made while playing to the code as it happens.",
+        "category": "Editor/ECS",
+        "order": 0
+      },
+      {
+        "key": "liveRateMs",
+        "type": "number",
+        "minimum": 16,
+        "maximum": 2000,
+        "default": 100,
+        "title": "Live world refresh (ms)",
+        "description": "How often the running game sends its world while playing.",
+        "category": "Editor/ECS",
+        "order": 1
+      }
+    ]
+  }
+}
diff --git a/plugins/ecs/package.json b/plugins/ecs/package.json
new file mode 100644
index 00000000..d4459c5a
--- /dev/null
+++ b/plugins/ecs/package.json
@@ -0,0 +1,67 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-ecs",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in ECS plugin: entities, components, systems and the live world",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/ecs"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-code": "workspace:*",
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "ts-morph": "catalog:code",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/ecs/src/create/create-item.ts b/plugins/ecs/src/create/create-item.ts
new file mode 100644
index 00000000..73fb15a8
--- /dev/null
+++ b/plugins/ecs/src/create/create-item.ts
@@ -0,0 +1,82 @@
+/** New components and systems (templates with the TSDoc tags). */
+import type { AppModel, ClientProject } from '@nanoforge-dev/editor-sdk';
+
+export type ItemKind = 'component' | 'system';
+
+const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+
+export const kebab = (name: string): string =>
+  name
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/[^A-Za-z0-9]+/g, '-')
+    .toLowerCase()
+    .replace(/^-|-$/g, '');
+
+export const validateItemName = (kind: ItemKind, name: string): string | undefined => {
+  if (!IDENTIFIER.test(name)) return 'Use letters, digits, _ or $, not starting with a digit.';
+  if (kind === 'component' && !/^[A-Z]/.test(name))
+    return 'Component names start with a capital letter.';
+  if (kind === 'system' && !/^[a-z]/.test(name))
+    return 'System names start with a lowercase letter.';
+  return undefined;
+};
+
+/** `@side` of a new item: the app's side, `shared` in a shared library. */
+export const sideOf = (target: AppModel): 'client' | 'server' | 'shared' =>
+  target.type === 'lib' ? 'shared' : target.type;
+
+export const itemTemplate = (kind: ItemKind, name: string, target: AppModel): string => {
+  const side = sideOf(target);
+  if (kind === 'component') {
+    return [
+      '/**',
+      ` * ${name}: what it holds.`,
+      ' *',
+      ' * @component',
+      ` * @side ${side}`,
+      ' */',
+      `export class ${name} {`,
+      `  name = "${name}";`,
+      '',
+      '  constructor(',
+      '    /** A value of the component. */',
+      '    public value = 0,',
+      '  ) {}',
+      '}',
+      '',
+    ].join('\n');
+  }
+  const ecs = side === 'server' ? '@nanoforge-dev/ecs/server' : '@nanoforge-dev/ecs/client';
+  return [
+    'import type { Context } from "@nanoforge-dev/common";',
+    `import type { Registry } from "${ecs}";`,
+    '',
+    '/**',
+    ` * ${name}: what it does each tick.`,
+    ' *',
+    ' * @system',
+    ` * @side ${side}`,
+    ' */',
+    `export function ${name}(registry: Registry, ctx: Context) {`,
+    '  void registry;',
+    '  void ctx;',
+    '}',
+    '',
+  ].join('\n');
+};
+
+/** Path of a new item's file in an app or shared library. */
+export const itemPath = (kind: ItemKind, name: string, target: AppModel): string =>
+  `${kind === 'component' ? target.dirs.components : target.dirs.systems}/${kebab(name)}.ts`;
+
+export const createItem = async (
+  project: ClientProject,
+  kind: ItemKind,
+  name: string,
+  target: AppModel,
+): Promise<string> => {
+  const path = itemPath(kind, name, target);
+  if (project.fs.entry(path)) throw new Error(`${path} already exists.`);
+  await project.fs.write(path, itemTemplate(kind, name, target), { expectedHash: null });
+  return path;
+};
diff --git a/plugins/ecs/src/extension/ecs-source.extension-point.ts b/plugins/ecs/src/extension/ecs-source.extension-point.ts
new file mode 100644
index 00000000..41105746
--- /dev/null
+++ b/plugins/ecs/src/extension/ecs-source.extension-point.ts
@@ -0,0 +1,41 @@
+import { type AppModel, type Observable, defineExtensionPoint } from '@nanoforge-dev/editor-sdk';
+
+import type { EntryScope } from '../model/ecs-model.type';
+
+/** Where the ECS widgets read and write entities: a file, and the function body in it. */
+export interface EcsLocation {
+  readonly path: string;
+  /** `main` by default; a scene's `setup` is `{ kind: 'method', class, method: 'setup' }`. */
+  readonly scope?: EntryScope;
+  /** Shown above the hierarchy (`Level1`). */
+  readonly label?: string;
+  /** The scene id of the location: live entities spawned by that scene carry it. */
+  readonly scene?: string;
+}
+
+/** A location shown read-only under the edited one (a parent scene's entities). */
+export interface InheritedLocation extends EcsLocation {
+  readonly label: string;
+}
+
+/**
+ * What the ECS widgets edit for an app, when it is not the app's `main` (a scene plugin edits
+ * the selected scene). The highest `priority` that applies to the app wins.
+ */
+export interface EcsSource {
+  readonly id: string;
+  readonly priority: number;
+  /** Shown by the widgets while `current` is `undefined`. */
+  readonly emptyMessage?: string;
+  appliesTo(app: AppModel): boolean;
+  /** The edited location; `undefined` while nothing is chosen (`emptyMessage` is shown). */
+  current(app: AppModel): Observable<EcsLocation | undefined>;
+  /** Read-only locations shown with it, outermost first (the scene's parents). */
+  inherited(app: AppModel): Observable<readonly InheritedLocation[]>;
+  /** Makes an inherited location the edited one (_Edit this scene_). */
+  edit?(app: AppModel, location: InheritedLocation): void;
+  /** The location of a scene, by the id live entities carry (live mode, _Apply to code_). */
+  locationOf?(app: AppModel, scene: string): EcsLocation | undefined;
+}
+
+export const ECS_SOURCES = defineExtensionPoint<EcsSource>('ecs.sources');
diff --git a/plugins/ecs/src/extension/field-editor.extension-point.ts b/plugins/ecs/src/extension/field-editor.extension-point.ts
new file mode 100644
index 00000000..6e6f8753
--- /dev/null
+++ b/plugins/ecs/src/extension/field-editor.extension-point.ts
@@ -0,0 +1,35 @@
+import type { Component } from 'svelte';
+
+import { type Element, type ElementType, defineExtensionPoint } from '@nanoforge-dev/editor-sdk';
+
+import type { ArgModel, ArgValue, ImportNeed } from '../model/ecs-model.type';
+
+/**
+ * Extension points of the ECS plugin. Other plugins contribute with the same ids (and declare
+ * `@nanoforge/ecs` as a dependency): `defineExtensionPoint('ecs.fieldEditors')`.
+ */
+
+export interface FieldEditorProps {
+  readonly element: Element;
+  readonly arg: ArgModel | undefined;
+  readonly label: string;
+  readonly disabled: boolean;
+  onchange(value: ArgValue, imports?: ImportNeed[]): void;
+}
+
+/** The inspector field of an element type, or of one `ref` (`@nanoforge-dev/graphics-2d#Rect`). */
+export interface FieldEditor {
+  readonly type?: ElementType;
+  readonly ref?: string;
+  readonly component: Component<FieldEditorProps>;
+}
+
+export const FIELD_EDITORS = defineExtensionPoint<FieldEditor>('ecs.fieldEditors');
+
+/** The contributed editor for an element: one for its ref first, else one for its type. */
+export const fieldEditorFor = (
+  editors: readonly FieldEditor[],
+  element: Element,
+): FieldEditor | undefined =>
+  (element.type === 'ref' ? editors.find((editor) => editor.ref === element.ref) : undefined) ??
+  editors.find((editor) => !editor.ref && editor.type === element.type);
diff --git a/plugins/ecs/src/extension/param-preset.extension-point.ts b/plugins/ecs/src/extension/param-preset.extension-point.ts
new file mode 100644
index 00000000..afc34ca6
--- /dev/null
+++ b/plugins/ecs/src/extension/param-preset.extension-point.ts
@@ -0,0 +1,22 @@
+import type { Component } from 'svelte';
+
+import { defineExtensionPoint } from '@nanoforge-dev/editor-sdk';
+
+import type { PresetDefinition, PresetRow } from '../layout/param-layout';
+import type { ArgValue } from '../model/ecs-model.type';
+
+export interface PresetEditorProps {
+  readonly row: PresetRow;
+  /** The value of each slot (same order as `row.slots`). */
+  readonly values: readonly unknown[];
+  readonly disabled: boolean;
+  /** New values by param index. */
+  onchange(args: Record<number, ArgValue>): void;
+}
+
+/** A visual preset merging params (see "Param layout"), with its own control if it has one. */
+export interface ParamPreset extends PresetDefinition {
+  readonly component?: Component<PresetEditorProps>;
+}
+
+export const PARAM_PRESETS = defineExtensionPoint<ParamPreset>('ecs.paramPresets');
diff --git a/plugins/ecs/src/index.ts b/plugins/ecs/src/index.ts
new file mode 100644
index 00000000..f75ae349
--- /dev/null
+++ b/plugins/ecs/src/index.ts
@@ -0,0 +1,136 @@
+import Move from '@lucide/svelte/icons/move';
+import type { Component } from 'svelte';
+
+import {
+  type AppModel,
+  CODEGEN_TARGETS,
+  type CodegenTarget,
+  EditorServices,
+  type Observable,
+  definePlugin,
+  observe,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  CODE_EDITOR_SIDE_PANELS,
+  SCENE_EDITORS,
+  StyleServiceToken,
+  VIEWPORT_OVERLAYS,
+  VIEWPORT_TOOLS,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { LiveService, LiveServiceToken } from './live/live-service';
+import { MOVE_IN_GAME_KEY, moveInGame } from './live/move-in-game';
+import type { EntryModel, EntryOp } from './model/ecs-model.type';
+import { ecsApps } from './service/ecs-data';
+import { EcsService, EcsServiceToken } from './service/ecs-service';
+import { setPanelServices } from './session/panel-services';
+import Browser from './widgets/browser/Browser.svelte';
+import ComponentPanel from './widgets/component-panel/ComponentPanel.svelte';
+import Hierarchy from './widgets/hierarchy/Hierarchy.svelte';
+import Inspector from './widgets/inspector/Inspector.svelte';
+import GameMoveOverlay from './widgets/scene/GameMoveOverlay.svelte';
+import SceneView from './widgets/scene/SceneView.svelte';
+import Systems from './widgets/systems/Systems.svelte';
+
+type WidgetComponent = Component<{ instance: WidgetInstance }>;
+
+export default definePlugin({
+  async activate(context) {
+    const css = await fetch(context.resolveAsset('ecs.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(context.services.get(StyleServiceToken).inject(context.name, css));
+
+    const ecs = context.subscriptions.add(new EcsService(context));
+    context.provide(EcsServiceToken, ecs);
+    const live = context.subscriptions.add(new LiveService(context, ecs));
+    context.provide(LiveServiceToken, live);
+
+    const widgets: [string, WidgetComponent][] = [
+      ['ecs.hierarchy', Hierarchy as WidgetComponent],
+      ['ecs.inspector', Inspector as WidgetComponent],
+      ['ecs.browser', Browser as WidgetComponent],
+      ['ecs.systems', Systems as WidgetComponent],
+    ];
+    for (const [id, component] of widgets) context.contribute(WIDGET_VIEWS, { id, component });
+
+    setPanelServices(context.services);
+    context.subscriptions.add({ dispose: () => setPanelServices(undefined) });
+    context.contribute(CODE_EDITOR_SIDE_PANELS, {
+      id: 'ecs.component',
+      title: 'Component',
+      icon: 'blocks',
+      appliesTo: (path) => ecs.componentsIn(path).length > 0,
+      changes: ecs.catalogState,
+      component: ComponentPanel as Component<{ path: string }>,
+    });
+
+    const target: CodegenTarget<EntryModel, EntryOp> = {
+      id: 'ecs.entry-file',
+      label: 'Entry file (main.ts)',
+      priority: 0,
+      appliesTo: (app: AppModel) => ecsApps({ apps: [app] } as never).length > 0,
+      load: (app: AppModel): Observable<EntryModel | undefined> => {
+        let current: EntryModel | undefined;
+        return {
+          get: () => current,
+          subscribe: (run) =>
+            ecs.model.subscribe(() => {
+              void ecs.analyzeApp(app).then((model) => {
+                current = model;
+                run(model);
+              });
+            }),
+        };
+      },
+      apply: (app: AppModel, op: EntryOp) => ecs.commandFor(app, op, `ECS: ${op.kind}`),
+    };
+    context.contribute(CODEGEN_TARGETS, target as CodegenTarget);
+
+    context.contribute(SCENE_EDITORS, {
+      id: 'ecs.scene-2d',
+      title: '2D scene',
+      targets: ['ecs.entry-file'],
+      component: SceneView as Component<{ instance?: WidgetInstance }>,
+    });
+
+    context.subscriptions.add(registerIcons({ move: Move }));
+    const contextKeys = context.services.get(EditorServices.ContextKeys);
+    context.subscriptions.add(observe(moveInGame, (on) => contextKeys.set(MOVE_IN_GAME_KEY, on)));
+    context.subscriptions.add({ dispose: () => moveInGame.set(false) });
+    context.registerCommand('ecs.toggleMoveInGame', () => moveInGame.set(!moveInGame.get()), {
+      title: 'Move entities in the game',
+      category: 'ECS',
+    });
+    context.contribute(VIEWPORT_TOOLS, {
+      id: 'ecs.moveInGame',
+      screen: 'game',
+      icon: 'move',
+      title: 'Move entities',
+      command: 'ecs.toggleMoveInGame',
+      order: 5,
+      toggled: MOVE_IN_GAME_KEY,
+    });
+    context.contribute(VIEWPORT_OVERLAYS, {
+      id: 'ecs.moveInGame',
+      screen: 'game',
+      component: GameMoveOverlay as Component<Record<string, never>>,
+    });
+
+    context.registerCommand('ecs.addEntity', () => ecs.apply({ kind: 'addEntity' }, 'Add entity'), {
+      title: 'Add entity',
+      category: 'ECS',
+    });
+    context.registerCommand(
+      'ecs.removeEntity',
+      () => {
+        const entity = ecs.selection.get();
+        return entity ? ecs.apply({ kind: 'removeEntity', entity }, `Remove ${entity}`) : false;
+      },
+      { title: 'Remove selected entity', category: 'ECS' },
+    );
+  },
+});
diff --git a/plugins/ecs/src/layout/param-layout.ts b/plugins/ecs/src/layout/param-layout.ts
new file mode 100644
index 00000000..7699efdd
--- /dev/null
+++ b/plugins/ecs/src/layout/param-layout.ts
@@ -0,0 +1,243 @@
+/**
+ * How a component's params are laid out in the inspector (spec: "Param layout"): groups,
+ * presets that merge params into one control, labels, colors, and what's hidden.
+ */
+import type { Element, ParamGroup } from '@nanoforge-dev/editor-sdk';
+
+export interface PresetDefinition {
+  readonly id: string;
+  readonly title: string;
+  /** Slots the params fill, in display order. Absent: a one-param preset. */
+  readonly slots?: readonly string[];
+  /** Slots that must all be filled. */
+  readonly required?: readonly string[];
+  /** Least number of slots filled (e.g. a vector needs 2). */
+  readonly minimum?: number;
+  /** Element types a param must have to use it. */
+  readonly types: readonly Element['type'][];
+}
+
+export const BUILT_IN_PRESETS: readonly PresetDefinition[] = [
+  {
+    id: 'vector',
+    title: 'Vector',
+    slots: ['x', 'y', 'z', 'w'],
+    required: ['x', 'y'],
+    minimum: 2,
+    types: ['number'],
+  },
+  {
+    id: 'size',
+    title: 'Size',
+    slots: ['width', 'height'],
+    required: ['width', 'height'],
+    types: ['number'],
+  },
+  { id: 'color', title: 'Color', types: ['string'] },
+  {
+    id: 'color',
+    title: 'Color',
+    slots: ['r', 'g', 'b', 'a'],
+    required: ['r', 'g', 'b'],
+    types: ['number'],
+  },
+];
+
+export interface ParamRow {
+  readonly kind: 'param';
+  readonly index: number;
+  readonly element: Element;
+  readonly label: string;
+  readonly color?: string;
+  /** A one-param preset (a color picker). */
+  readonly preset?: string;
+  readonly hidden: boolean;
+}
+
+export interface PresetRow {
+  readonly kind: 'preset';
+  readonly preset: PresetDefinition;
+  readonly label: string;
+  readonly slots: readonly {
+    readonly slot: string;
+    readonly index: number;
+    readonly element: Element;
+  }[];
+  readonly hidden: boolean;
+}
+
+export type LayoutRow = ParamRow | PresetRow;
+
+export interface GroupBlock {
+  readonly kind: 'group';
+  readonly group: ParamGroup;
+  readonly rows: readonly LayoutRow[];
+  readonly hidden: boolean;
+}
+
+export type LayoutBlock = LayoutRow | GroupBlock;
+
+export interface HiddenEntry {
+  /** `param:<name>` or `group:<name>`. */
+  readonly id: string;
+  readonly label: string;
+}
+
+export interface ParamLayout {
+  readonly blocks: readonly LayoutBlock[];
+  /** What is hidden now (for the "Show hidden" menu). */
+  readonly hidden: readonly HiddenEntry[];
+  readonly warnings: readonly string[];
+}
+
+export const paramLabel = (element: Element): string => element.layout?.label ?? element.name;
+
+const presetFor = (
+  presets: readonly PresetDefinition[],
+  id: string,
+  element: Element,
+  slotted: boolean,
+): PresetDefinition | undefined =>
+  presets.find(
+    (preset) =>
+      preset.id === id && !!preset.slots === slotted && preset.types.includes(element.type),
+  );
+
+/**
+ * The blocks of a component's params. `shown` holds the ids (`param:x`, `group:Debug`) the user
+ * chose to show although they are hidden.
+ */
+export const buildLayout = (
+  params: readonly Element[],
+  groups: readonly ParamGroup[],
+  shown: ReadonlySet<string> = new Set(),
+  presets: readonly PresetDefinition[] = BUILT_IN_PRESETS,
+): ParamLayout => {
+  const warnings: string[] = [];
+  const groupOf = new Map(groups.map((group) => [group.name, group]));
+  const isHidden = (id: string, flag: boolean | undefined) => !!flag && !shown.has(id);
+
+  const members = new Map<string, { index: number; element: Element }[]>();
+  params.forEach((element, index) => {
+    const key = element.layout?.group ?? '';
+    if (!members.has(key)) members.set(key, []);
+    members.get(key)!.push({ index, element });
+  });
+
+  const rowsOf = (
+    list: readonly { index: number; element: Element }[],
+    groupName: string,
+  ): LayoutRow[] => {
+    const slotted = new Map<string, { slot: string; index: number; element: Element }[]>();
+    for (const { index, element } of list) {
+      const preset = element.layout?.preset;
+      if (preset?.slot) {
+        const entries = slotted.get(preset.id) ?? [];
+        entries.push({ slot: preset.slot, index, element });
+        slotted.set(preset.id, entries);
+      }
+    }
+    const valid = new Map<string, { definition: PresetDefinition; entries: typeof list }>();
+    for (const [id, entries] of slotted) {
+      const definition = presetFor(presets, id, entries[0]!.element, true);
+      const names = entries.map((entry) => entry.slot);
+      const problem = !definition
+        ? `Unknown preset "${id}" for ${entries.map((entry) => entry.element.name).join(', ')}.`
+        : entries.some((entry) => !definition.types.includes(entry.element.type))
+          ? `The preset "${id}" needs ${definition.types.join(' or ')} params.`
+          : names.some((name) => !definition.slots!.includes(name))
+            ? `The preset "${id}" has no slot "${names.find((name) => !definition.slots!.includes(name))}" (slots: ${definition.slots!.join(', ')}).`
+            : new Set(names).size !== names.length
+              ? `Two params use the same slot of the preset "${id}".`
+              : (definition.required ?? []).some((slot) => !names.includes(slot)) ||
+                  names.length < (definition.minimum ?? 1)
+                ? `The preset "${id}" needs the slots ${(definition.required ?? []).join(', ')}.`
+                : undefined;
+      if (problem) warnings.push(groupName ? `${groupName}: ${problem}` : problem);
+      else valid.set(id, { definition: definition!, entries });
+    }
+
+    const rows: LayoutRow[] = [];
+    const placed = new Set<string>();
+    for (const { index, element } of list) {
+      const preset = element.layout?.preset;
+      if (preset?.slot && valid.has(preset.id)) {
+        if (placed.has(preset.id)) continue;
+        placed.add(preset.id);
+        const { definition, entries } = valid.get(preset.id)!;
+        const slots = definition
+          .slots!.map((slot) => {
+            const entry = entries.find(
+              (candidate) => candidate.element.layout?.preset?.slot === slot,
+            );
+            return entry && { slot, index: entry.index, element: entry.element };
+          })
+          .filter((entry): entry is NonNullable<typeof entry> => !!entry);
+        rows.push({
+          kind: 'preset',
+          preset: definition,
+          label: groupName || definition.title,
+          slots,
+          hidden: slots.every((slot) =>
+            isHidden(`param:${slot.element.name}`, slot.element.layout?.hidden),
+          ),
+        });
+        continue;
+      }
+      const single =
+        preset && !preset.slot ? presetFor(presets, preset.id, element, false) : undefined;
+      if (preset && !preset.slot && !single)
+        warnings.push(`The preset "${preset.id}" doesn't fit ${element.name} (${element.type}).`);
+      rows.push({
+        kind: 'param',
+        index,
+        element,
+        label: paramLabel(element),
+        ...(element.layout?.color && { color: element.layout.color }),
+        ...(single && { preset: single.id }),
+        hidden: isHidden(`param:${element.name}`, element.layout?.hidden),
+      });
+    }
+    return rows;
+  };
+
+  const loose = new Map<number, LayoutRow>();
+  for (const row of rowsOf(members.get('') ?? [], ''))
+    loose.set(
+      row.kind === 'param' ? row.index : Math.min(...row.slots.map((slot) => slot.index)),
+      row,
+    );
+  const blocks: LayoutBlock[] = [];
+  const emitted = new Set<string>();
+  params.forEach((element, index) => {
+    const key = element.layout?.group ?? '';
+    if (!key) {
+      const row = loose.get(index);
+      if (row) blocks.push(row);
+      return;
+    }
+    if (emitted.has(key)) return;
+    emitted.add(key);
+    const group = groupOf.get(key) ?? { name: key };
+    blocks.push({
+      kind: 'group',
+      group,
+      rows: rowsOf(members.get(key)!, key),
+      hidden: isHidden(`group:${key}`, group.hidden),
+    });
+  });
+
+  const hidden: HiddenEntry[] = [];
+  for (const block of blocks) {
+    if (block.kind === 'group') {
+      if (block.hidden) hidden.push({ id: `group:${block.group.name}`, label: block.group.name });
+      else
+        for (const row of block.rows)
+          if (row.kind === 'param' && row.hidden)
+            hidden.push({ id: `param:${row.element.name}`, label: row.label });
+    } else if (block.kind === 'param' && block.hidden) {
+      hidden.push({ id: `param:${block.element.name}`, label: block.label });
+    }
+  }
+  return { blocks, hidden, warnings };
+};
diff --git a/plugins/ecs/src/library/check-libraries.ts b/plugins/ecs/src/library/check-libraries.ts
new file mode 100644
index 00000000..d7b88803
--- /dev/null
+++ b/plugins/ecs/src/library/check-libraries.ts
@@ -0,0 +1,77 @@
+import {
+  type PluginContext,
+  ProjectServiceToken,
+  libraryImporters,
+  runnableApps,
+  workspaceIo,
+} from '@nanoforge-dev/editor-sdk';
+
+import { RELOCATED_TEXT_ANALYZER } from '../model/ecs.const';
+import { codeServices } from '../service/code-services';
+
+/**
+ * The import problems of the shared libraries: a library importing an app, libraries importing
+ * each other, an app importing a library it does not use. Undefined without a project or code.
+ */
+export const checkLibraries = async (context: PluginContext): Promise<string[] | undefined> => {
+  const { code } = codeServices(context);
+  const project = context.services.get(ProjectServiceToken).current.get();
+  if (!code || !project) return undefined;
+  const apps = project.model.get().apps;
+  const libraries = apps.filter((app) => app.type === 'lib');
+  if (!libraries.length) {
+    return [];
+  }
+  const ownerOf = (path: string) =>
+    apps.find((app) => app.root && (path === app.root || path.startsWith(`${app.root}/`)));
+  const problems: string[] = [];
+  const edges = new Map<string, Set<string>>();
+  for (const library of libraries) {
+    const files = project.fs.entries.filter(
+      (entry) =>
+        entry.kind === 'file' &&
+        /\.[cm]?[jt]sx?$/.test(entry.path) &&
+        entry.path.startsWith(`${library.root}/`),
+    );
+    for (const file of files) {
+      const { imports } = await code
+        .analyze<{ imports: string[] }>(file.path, RELOCATED_TEXT_ANALYZER, { to: file.path })
+        .catch(() => ({ imports: [] as string[] }));
+      for (const target of imports) {
+        const owner = ownerOf(target);
+        if (!owner || owner === library) continue;
+        if (owner.type !== 'lib')
+          problems.push(`${file.path} imports ${target}: a shared library can't import an app.`);
+        else edges.set(library.name, (edges.get(library.name) ?? new Set()).add(owner.name));
+      }
+    }
+  }
+  const visit = (name: string, path: string[]): string[] | undefined => {
+    if (path.includes(name)) return [...path.slice(path.indexOf(name)), name];
+    for (const next of edges.get(name) ?? []) {
+      const cycle = visit(next, [...path, name]);
+      if (cycle) return cycle;
+    }
+    return undefined;
+  };
+  for (const library of libraries) {
+    const cycle = visit(library.name, []);
+    if (cycle) {
+      problems.push(`Shared libraries import each other: ${cycle.join(' → ')}.`);
+      break;
+    }
+  }
+  const io = workspaceIo(project);
+  for (const library of libraries) {
+    const importers = await libraryImporters(io, library).catch(() => [] as string[]);
+    for (const app of runnableApps(project.model.get())) {
+      if (app.libraries.includes(library.name)) continue;
+      const file = importers.find((path) => path.startsWith(`${app.root}/`));
+      if (file)
+        problems.push(
+          `${file} imports ${library.name}, which ${app.name} does not use: tick ${app.name} under "Used by" on the Project screen.`,
+        );
+    }
+  }
+  return problems;
+};
diff --git a/plugins/ecs/src/library/create-shared-library.ts b/plugins/ecs/src/library/create-shared-library.ts
new file mode 100644
index 00000000..71f9d8ed
--- /dev/null
+++ b/plugins/ecs/src/library/create-shared-library.ts
@@ -0,0 +1,46 @@
+import {
+  type HistoryCommand,
+  type PluginContext,
+  ProjectServiceToken,
+  createLibrary,
+  runnableApps,
+  workspaceIo,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import { refactorsHistory } from './refactors-history';
+
+/** Creates a shared library (ADR 0004): one undo step in the Refactors history. */
+export const createSharedLibrary = async (
+  context: PluginContext,
+  folder: string,
+  packageName: string,
+): Promise<boolean> => {
+  const project = context.services.get(ProjectServiceToken).current.get();
+  if (!project) return false;
+  let undo: (() => Promise<void>) | undefined;
+  const command: HistoryCommand = {
+    label: `New shared library ${packageName}`,
+    do: async () => {
+      undo = await createLibrary(workspaceIo(project), {
+        folder,
+        packageName,
+        usedBy: runnableApps(project.model.get()),
+      });
+    },
+    undo: async () => {
+      await undo?.();
+    },
+  };
+  try {
+    await refactorsHistory(context).push(command);
+    return true;
+  } catch (error) {
+    context.services
+      .tryGet(NotificationServiceToken)
+      ?.notify('error', 'Could not create the shared library', {
+        detail: error instanceof Error ? error.message : String(error),
+      });
+    return false;
+  }
+};
diff --git a/plugins/ecs/src/library/refactors-history.ts b/plugins/ecs/src/library/refactors-history.ts
new file mode 100644
index 00000000..1f63d7fb
--- /dev/null
+++ b/plugins/ecs/src/library/refactors-history.ts
@@ -0,0 +1,28 @@
+import {
+  type HistoryCommand,
+  HistoryServiceToken,
+  type PluginContext,
+} from '@nanoforge-dev/editor-sdk';
+
+import { REFACTORS_HISTORY } from '../service/ecs-data';
+
+/** The "Refactors" undo context (moves, copies, new libraries). */
+export const refactorsHistory = (
+  context: PluginContext,
+): { push(command: HistoryCommand): Promise<void> } => {
+  const history = context.services.tryGet(HistoryServiceToken);
+  const refactors = history
+    ? (history.get(REFACTORS_HISTORY) ??
+      history.registerContext({
+        id: REFACTORS_HISTORY,
+        label: 'Refactors',
+        owner: context.name,
+      }))
+    : undefined;
+  return {
+    push: async (command) => {
+      if (refactors) await refactors.stack.push(command);
+      else await command.do();
+    },
+  };
+};
diff --git a/plugins/ecs/src/library/relocate-item.ts b/plugins/ecs/src/library/relocate-item.ts
new file mode 100644
index 00000000..9951caa4
--- /dev/null
+++ b/plugins/ecs/src/library/relocate-item.ts
@@ -0,0 +1,119 @@
+import {
+  type AppModel,
+  type CatalogItem,
+  type HistoryCommand,
+  type PluginContext,
+  ProjectServiceToken,
+  compositeCommand,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import {
+  IMPORTERS_ANALYZER,
+  RELOCATED_TEXT_ANALYZER,
+  REWRITE_IMPORTS_TRANSFORMER,
+} from '../model/ecs.const';
+import { codeServices } from '../service/code-services';
+import { ecsData } from '../service/ecs-data';
+import { refactorsHistory } from './refactors-history';
+
+/**
+ * Moves or copies an item's file into an app or a shared library (ADR 0004): the file's own
+ * imports follow it, and a move rewrites every import of it. One undo step ("Refactors").
+ */
+export const relocateItem = async (
+  context: PluginContext,
+  item: CatalogItem,
+  target: AppModel,
+  move: boolean,
+): Promise<boolean> => {
+  const { code, documents } = codeServices(context);
+  const project = context.services.get(ProjectServiceToken).current.get();
+  const notify = (title: string, detail: string) =>
+    context.services.tryGet(NotificationServiceToken)?.notify('warning', title, { detail });
+  if (!code || !documents || !project) return false;
+  const from = item.meta.source;
+  const kind = ecsData(item)?.type === 'system' ? 'systems' : 'components';
+  const to = `${kind === 'systems' ? target.dirs.systems : target.dirs.components}/${from.split('/').at(-1)}`;
+  const title = move ? `Move ${item.meta.export}` : `Copy ${item.meta.export}`;
+  if (project.fs.entry(to)) {
+    notify(`${title}: not possible`, `${to} already exists.`);
+    return false;
+  }
+  const relocated = await code.analyze<{ text: string; imports: string[] }>(
+    from,
+    RELOCATED_TEXT_ANALYZER,
+    { to },
+  );
+  if (target.type === 'lib') {
+    const apps = (project.model.get().apps ?? []).filter((app) => app.type !== 'lib');
+    const appImport = relocated.imports.find((path) =>
+      apps.some((app) => path === app.root || path.startsWith(`${app.root}/`)),
+    );
+    if (appImport) {
+      notify(
+        `${title}: not possible`,
+        `It imports ${appImport}, and a shared library can't import an app. Move that file first.`,
+      );
+      return false;
+    }
+  }
+  const importers = move
+    ? await code.analyze<string[]>(from, IMPORTERS_ANALYZER)
+    : ([] as string[]);
+  const edits: HistoryCommand[] = [];
+  for (const importer of importers) {
+    if (importer === from) continue;
+    const command = await code.edit(
+      importer,
+      REWRITE_IMPORTS_TRANSFORMER,
+      { from, to },
+      {
+        label: `Imports of ${item.meta.export}`,
+      },
+    );
+    if (command) edits.push(command);
+  }
+  const original = await documents.getText(from);
+  const fs = project.fs;
+  const textOf = (path: string) => documents.getText(path).catch(() => undefined);
+  /** Moves a file and writes its new text; a failed write moves it back. */
+  const moveWith = async (source: string, target: string, text: string) => {
+    await fs.rename(source, target);
+    try {
+      await fs.write(target, text);
+    } catch (error) {
+      await fs.rename(target, source).catch(() => undefined);
+      throw error;
+    }
+  };
+  let applied = false;
+  const file: HistoryCommand = {
+    label: `${move ? 'Move' : 'Copy'} ${from}`,
+    do: async () => {
+      if (move) await moveWith(from, to, relocated.text);
+      else await fs.write(to, relocated.text);
+      applied = true;
+    },
+    undo: async () => {
+      if (move) await moveWith(to, from, original);
+      else await fs.delete(to);
+      applied = false;
+    },
+    isValid: async () => {
+      if (applied) return (await textOf(to)) === relocated.text;
+      return move ? (await textOf(from)) === original : (await textOf(to)) === undefined;
+    },
+  };
+  const command = compositeCommand(
+    move ? `${title} to ${target.name}` : `${title} into ${target.name}`,
+    [file, ...edits],
+  );
+  try {
+    await refactorsHistory(context).push(command);
+    return true;
+  } catch (error) {
+    notify(`${title}: not possible`, error instanceof Error ? error.message : String(error));
+    return false;
+  }
+};
diff --git a/plugins/ecs/src/live/live-service.ts b/plugins/ecs/src/live/live-service.ts
new file mode 100644
index 00000000..9ffb71cb
--- /dev/null
+++ b/plugins/ecs/src/live/live-service.ts
@@ -0,0 +1,399 @@
+import {
+  type AppModel,
+  type Disposable,
+  DisposableStore,
+  type Observable,
+  ObservableValue,
+  type PluginContext,
+  ProjectServiceToken,
+  RuntimeServiceToken,
+  SettingsServiceToken,
+  createToken,
+  isPlaying,
+  runtimeOutputPath,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { EcsLocation } from '../extension/ecs-source.extension-point';
+import type { EntryModel, EntryOp } from '../model/ecs-model.type';
+import { ecsData } from '../service/ecs-data';
+import type { EcsService } from '../service/ecs-service';
+import type { EngineWorld, LiveEntity, LiveInstance, LiveSelection, LiveSource } from './live.type';
+
+export const AUTO_APPLY = '@nanoforge/ecs.autoApply';
+export const RATE = '@nanoforge/ecs.liveRateMs';
+
+/** Changes made while playing, by app, entity key (`liveKey`), component name and field. */
+export type Pending = Map<string, Map<string, Map<string, Record<string, unknown>>>>;
+
+export const LiveServiceToken = createToken<LiveService>('ecs.live');
+
+export class LiveService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _session = new DisposableStore();
+  private readonly _playing = new ObservableValue(false);
+  private readonly _instances = new ObservableValue<readonly LiveInstance[]>([]);
+  private readonly _selection = new ObservableValue<LiveSelection | undefined>(undefined);
+  private readonly _pending = new ObservableValue<Pending>(new Map());
+  /** Per app: the bundle text (fetched once per session) and spawn indexes by site. */
+  private readonly _bundles = new Map<string, Promise<string | undefined>>();
+  private readonly _siteIndex = new Map<string, number>();
+  private _generation = 0;
+  /** "Apply to code" runs one at a time: two writes to one file at once refuse each other. */
+  private _applying: Promise<unknown> = Promise.resolve();
+
+  constructor(
+    private readonly _context: PluginContext,
+    private readonly _ecs: EcsService,
+  ) {
+    this._store.add(this._session);
+    const runtime = _context.services.tryGet(RuntimeServiceToken);
+    if (!runtime) return;
+    this._store.add({
+      dispose: runtime.session.subscribe((session) => {
+        const playing = isPlaying(session.state);
+        if (playing === this._playing.get()) return;
+        this._playing.set(playing);
+        if (playing) this._start();
+        else this._stop();
+      }),
+    });
+  }
+
+  get playing(): Observable<boolean> {
+    return this._playing.readonly();
+  }
+
+  get instances(): Observable<readonly LiveInstance[]> {
+    return this._instances.readonly();
+  }
+
+  get selection(): Observable<LiveSelection | undefined> {
+    return this._selection.readonly();
+  }
+
+  get pending(): Observable<Pending> {
+    return this._pending.readonly();
+  }
+
+  select(selection: LiveSelection | undefined): void {
+    this._selection.set(selection);
+  }
+
+  instance(source: LiveSource): LiveInstance | undefined {
+    return this._instances.get().find((instance) => instance.source === source);
+  }
+
+  entity(selection: LiveSelection | undefined): LiveEntity | undefined {
+    return selection
+      ? this.instance(selection.source)?.entities.find((entity) => entity.id === selection.id)
+      : undefined;
+  }
+
+  /** Changes a component field in the running game (and remembers it for "Apply to code"). */
+  setField(
+    source: LiveSource,
+    entity: LiveEntity,
+    component: string,
+    field: string,
+    value: unknown,
+  ) {
+    this._send('ecs-set-component', [entity.id, component, field, value], source);
+    const app = this.instance(source)?.app;
+    if (!app || !entity.key) return;
+    const pending = clonePending(this._pending.get());
+    const byEntity = pending.get(app) ?? new Map();
+    const byComponent = byEntity.get(entity.key) ?? new Map();
+    byComponent.set(component, { ...(byComponent.get(component) ?? {}), [field]: value });
+    byEntity.set(entity.key, byComponent);
+    pending.set(app, byEntity);
+    this._pending.set(pending);
+    if (this._context.services.tryGet(SettingsServiceToken)?.get<boolean>(AUTO_APPLY))
+      void this.applyToCode(app, entity.key);
+  }
+
+  addComponent(
+    source: LiveSource,
+    entity: LiveEntity,
+    className: string,
+    args: readonly unknown[],
+  ) {
+    this._send('ecs-add-component', [entity.id, className, [...args]], source);
+  }
+
+  removeComponent(source: LiveSource, entity: LiveEntity, component: string) {
+    this._send('ecs-remove-component', [entity.id, component], source);
+  }
+
+  spawnEntity(source: LiveSource) {
+    this._send('ecs-spawn-entity', [], source);
+  }
+
+  removeEntity(source: LiveSource, entity: LiveEntity) {
+    this._send('ecs-remove-entity', [entity.id], source);
+  }
+
+  setSystemEnabled(source: LiveSource, index: number, enabled: boolean) {
+    this._send('ecs-set-system-enabled', [index, enabled], source);
+  }
+
+  /** Whether an entity (by `LiveEntity.key`) has changes made while playing not in the code. */
+  hasPending(app: string, key: string | undefined): boolean {
+    return !!key && !!this._pending.get().get(app)?.get(key)?.size;
+  }
+
+  /**
+   * Writes an entity's changes made while playing to the code (one undo step per component):
+   * into `main`, or into the `setup` of the scene that spawned it. A change stays pending until
+   * it is written: when a write fails, when its component is not in the code, or when it
+   * changed again meanwhile. Resolves with whether nothing is left pending for the entity.
+   */
+  applyToCode(appId: string, key: string): Promise<boolean> {
+    const run = this._applying.then(() => this._applyToCode(appId, key));
+    this._applying = run.catch(() => undefined);
+    return run;
+  }
+
+  /** Applies every change made while playing. */
+  async applyAll(): Promise<void> {
+    for (const [app, entities] of this._pending.get())
+      for (const entity of entities.keys()) await this.applyToCode(app, entity);
+  }
+
+  dispose(): void {
+    this._store.dispose();
+  }
+
+  private async _applyToCode(appId: string, key: string): Promise<boolean> {
+    const app = this._app(appId);
+    const changes = this._pending.get().get(appId)?.get(key);
+    if (!changes) return true;
+    if (!app) return false;
+    const { scene, name: entityName } = parseKey(key);
+    const location: EcsLocation | undefined = scene
+      ? this._ecs.sceneLocation(app, scene)
+      : undefined;
+    if (scene && !location) return false;
+    const model = location
+      ? await this._ecs.analyzeLocation(location)
+      : await this._ecs.analyzeApp(app);
+    const entity = model?.entities.find((candidate) => candidate.name === entityName);
+    if (!entity) return false;
+    const applied = new Map<string, Record<string, unknown>>();
+    for (const [componentName, fields] of changes) {
+      const index = entity.components.findIndex((use) => {
+        const item = this._ecs.item(use.item);
+        const data = ecsData(item);
+        return (data?.type === 'component' ? data.name : use.className) === componentName;
+      });
+      const use = entity.components[index];
+      const item = this._ecs.item(use?.item);
+      if (index < 0 || !item) continue;
+      const args: Record<number, { value: unknown }> = {};
+      item.meta.params.forEach((param, position) => {
+        if (param.name in fields) args[position] = { value: fields[param.name] };
+      });
+      if (!Object.keys(args).length) continue;
+      const fill = item.meta.params.map((param) =>
+        'default' in param && param.default !== undefined
+          ? { value: param.default }
+          : param.defaultCode
+            ? { code: param.defaultCode }
+            : { code: 'undefined' },
+      );
+      const op: EntryOp = { kind: 'setArgs', entity: entityName, index, args, fill };
+      const label = `Apply live ${componentName} of ${entityName}`;
+      if (await this._ecs.applyTo(app, op, label, location)) applied.set(componentName, fields);
+    }
+    const pending = withoutApplied(this._pending.get(), appId, key, applied);
+    this._pending.set(pending);
+    return !pending.get(appId)?.get(key)?.size;
+  }
+
+  private _send(event: string, args: readonly unknown[], source: LiveSource): void {
+    this._context.services.tryGet(RuntimeServiceToken)?.send(event, args, source);
+  }
+
+  private _app(id: string): AppModel | undefined {
+    return this._context.services
+      .get(ProjectServiceToken)
+      .current.get()
+      ?.model.get()
+      .apps.find((app) => app.id === id);
+  }
+
+  private _start(): void {
+    const runtime = this._context.services.tryGet(RuntimeServiceToken);
+    if (!runtime) return;
+    const generation = ++this._generation;
+    this._bundles.clear();
+    this._siteIndex.clear();
+    const rate = this._context.services.tryGet(SettingsServiceToken)?.get<number>(RATE) ?? 100;
+    this._session.add(runtime.useFeatures({ ecsWorld: { intervalMs: rate } }));
+    this._session.add(
+      runtime.onEvent((event) => {
+        if (event.event !== 'ecs-world') return;
+        const world = event.args[0] as EngineWorld;
+        void this._linked(event.source, event.app, world).then((instance) => {
+          if (generation !== this._generation) return;
+          const others = this._instances.get().filter((other) => other.source !== event.source);
+          this._instances.set(
+            [...others, instance].sort((a, b) => a.source.localeCompare(b.source)),
+          );
+        });
+      }),
+    );
+  }
+
+  private _stop(): void {
+    this._generation++;
+    this._session.clear();
+    this._instances.set([]);
+    this._selection.set(undefined);
+    const count = [...this._pending.get().values()].reduce(
+      (sum, entities) => sum + entities.size,
+      0,
+    );
+    if (!count) return;
+    this._context.services
+      .tryGet(NotificationServiceToken)
+      ?.notify('info', `${count} ${count > 1 ? 'entities' : 'entity'} changed while playing`, {
+        detail: 'The game is stopped: apply the changes to the code, or they are lost.',
+        timeout: 0,
+        actions: [
+          { title: 'Apply to code', run: () => void this.applyAll() },
+          { title: 'Discard', run: () => this._pending.set(new Map()) },
+        ],
+      });
+  }
+
+  /**
+   * Links the live entities of an app to the code: the variables of its entry file's `main`, or
+   * of the `setup` of the scene that spawned them; "from code" ones; runtime ones.
+   */
+  private async _linked(
+    source: LiveSource,
+    appId: string,
+    world: EngineWorld,
+  ): Promise<LiveInstance> {
+    const app = this._app(appId);
+    const model = app ? await this._ecs.analyzeApp(app).catch(() => undefined) : undefined;
+    const spawnsOf = new Map<string, ReturnType<typeof spawnSites>>([['', spawnSites(model)]]);
+    if (app) {
+      for (const scene of new Set(world.entities.map((entity) => entity.scene))) {
+        if (!scene) continue;
+        const location = this._ecs.sceneLocation(app, scene);
+        const sceneModel = location
+          ? await this._ecs.analyzeLocation(location).catch(() => undefined)
+          : undefined;
+        spawnsOf.set(scene, spawnSites(sceneModel));
+      }
+    }
+    const unknown = world.entities.filter(
+      (entity) => entity.site && !this._siteIndex.has(siteKey(appId, entity.site, entity.scene)),
+    );
+    if (unknown.length && app) {
+      const bundle = await this._bundle(app);
+      if (bundle) {
+        const sites = unknown.map((entity) => ({
+          ...entity.site!,
+          ...(entity.scene && { enclosing: true }),
+        }));
+        const indexes = await this._ecs.analyzeBundle(app, bundle, sites);
+        unknown.forEach((entity, i) =>
+          this._siteIndex.set(siteKey(appId, entity.site!, entity.scene), indexes[i] ?? -1),
+        );
+      }
+    }
+    return {
+      source,
+      app: appId,
+      systems: world.systems,
+      entities: world.entities.map((entity) => {
+        const index = entity.site
+          ? (this._siteIndex.get(siteKey(appId, entity.site, entity.scene)) ?? -1)
+          : -1;
+        const spawn = index >= 0 ? spawnsOf.get(entity.scene ?? '')?.[index] : undefined;
+        return {
+          id: entity.id,
+          components: entity.components,
+          runtime: !spawn,
+          ...(entity.scene && { scene: entity.scene }),
+          ...(spawn?.name && {
+            code: spawn.name,
+            key: entity.scene ? `${entity.scene}:${spawn.name}` : spawn.name,
+          }),
+          ...(spawn && !spawn.name && { codeOnlyLine: spawn.line }),
+        };
+      }),
+    };
+  }
+
+  private _bundle(app: AppModel): Promise<string | undefined> {
+    let bundle = this._bundles.get(app.id);
+    if (!bundle) {
+      const project = this._context.services.get(ProjectServiceToken).current.get();
+      const url = project ? `${runtimeOutputPath(project.id, app.id)}main.js` : undefined;
+      bundle = url
+        ? fetch(url)
+            .then((response) => (response.ok ? response.text() : undefined))
+            .catch(() => undefined)
+        : Promise.resolve(undefined);
+      this._bundles.set(app.id, bundle);
+    }
+    return bundle;
+  }
+}
+
+export const siteKey = (
+  app: string,
+  site: { file: string; line: number; column: number },
+  scene?: string,
+) => `${app}|${scene ?? ''}|${site.file.replace(/\?.*$/, '')}|${site.line}|${site.column}`;
+
+/** The scene and variable of a `LiveEntity.key`. */
+export const parseKey = (key: string): { scene?: string; name: string } => {
+  const colon = key.indexOf(':');
+  return colon < 0 ? { name: key } : { scene: key.slice(0, colon), name: key.slice(colon + 1) };
+};
+
+/** The `spawnEntity()` calls of `main` in text order: entity variables and "from code" ones. */
+export const spawnSites = (
+  model: EntryModel | undefined,
+): { name?: string; line: number; start: number }[] =>
+  [
+    ...(model?.entities ?? []).map((entity) => ({
+      name: entity.name,
+      line: entity.line,
+      start: entity.node.start,
+    })),
+    ...(model?.codeOnly ?? []).map((entry) => ({ line: entry.line, start: entry.start })),
+  ].sort((a, b) => a.start - b.start);
+
+/**
+ * `pending` without the components of an entity that were written to the code, unless they
+ * changed again since (`setField` replaces a component's fields object on every change).
+ */
+export const withoutApplied = (
+  pending: Pending,
+  app: string,
+  key: string,
+  applied: ReadonlyMap<string, Record<string, unknown>>,
+): Pending => {
+  const next = clonePending(pending);
+  const components = next.get(app)?.get(key);
+  if (!components) return next;
+  for (const [component, fields] of applied) {
+    if (components.get(component) === fields) components.delete(component);
+  }
+  if (!components.size) next.get(app)!.delete(key);
+  return next;
+};
+
+export const clonePending = (pending: Pending): Pending =>
+  new Map(
+    [...pending].map(([app, entities]) => [
+      app,
+      new Map([...entities].map(([entity, components]) => [entity, new Map(components)])),
+    ]),
+  );
diff --git a/plugins/ecs/src/live/live.type.ts b/plugins/ecs/src/live/live.type.ts
new file mode 100644
index 00000000..900ab816
--- /dev/null
+++ b/plugins/ecs/src/live/live.type.ts
@@ -0,0 +1,53 @@
+/**
+ * Live mode (spec: "Live mode"): the world of the running games, linked to the code, and the
+ * edits made while playing (changed in the game only, until "Apply to code").
+ */
+
+export type LiveSource = 'client' | 'server';
+
+/** Engine `EditorWorld` (modules/ecs editor-world.ts). */
+export interface EngineWorld {
+  entities: {
+    id: number;
+    site?: { file: string; line: number; column: number };
+    /** The id of the scene that spawned it (`EcsScene`). */
+    scene?: string;
+    components: { name: string; value: Record<string, unknown> }[];
+  }[];
+  systems: { index: number; name: string; enabled: boolean }[];
+}
+
+export interface LiveEntity {
+  readonly id: number;
+  /** The entity's variable in `main` (or in its scene's `setup`), when it is declared there. */
+  readonly code?: string;
+  /** The id of the scene that spawned it, when a scene did. */
+  readonly scene?: string;
+  /** Names its changes made while playing: `code`, or `scene:code` for a scene's entity. */
+  readonly key?: string;
+  /** Spawned by code the editor can't model (its line in the entry file). */
+  readonly codeOnlyLine?: number;
+  /** Spawned at runtime (by a system…): not in `main`. */
+  readonly runtime: boolean;
+  readonly components: readonly {
+    readonly name: string;
+    readonly value: Record<string, unknown>;
+  }[];
+}
+
+export interface LiveInstance {
+  readonly source: LiveSource;
+  /** App id. */
+  readonly app: string;
+  readonly entities: readonly LiveEntity[];
+  readonly systems: readonly {
+    readonly index: number;
+    readonly name: string;
+    readonly enabled: boolean;
+  }[];
+}
+
+export interface LiveSelection {
+  readonly source: LiveSource;
+  readonly id: number;
+}
diff --git a/plugins/ecs/src/live/move-in-game.ts b/plugins/ecs/src/live/move-in-game.ts
new file mode 100644
index 00000000..72fef2e4
--- /dev/null
+++ b/plugins/ecs/src/live/move-in-game.ts
@@ -0,0 +1,10 @@
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+
+/** Context key of the Game screen's _Move entities_ tool (its pressed state). */
+export const MOVE_IN_GAME_KEY = 'ecs.moveInGame';
+
+/**
+ * Whether the Game screen moves entities: pointer events go to the editor's overlay, which
+ * outlines the entities and drags them, instead of the game.
+ */
+export const moveInGame = new ObservableValue(false);
diff --git a/plugins/ecs/src/model/arg-values.ts b/plugins/ecs/src/model/arg-values.ts
new file mode 100644
index 00000000..3a8bfcaa
--- /dev/null
+++ b/plugins/ecs/src/model/arg-values.ts
@@ -0,0 +1,69 @@
+/** Values of component params: what an argument holds, and what to write for a new value. */
+import type { Element } from '@nanoforge-dev/editor-sdk';
+
+import type { ArgModel, ArgValue, ImportNeed } from './ecs-model.type';
+
+/** The value a field shows: the argument's, else the param's default. */
+export const currentValue = (element: Element, arg: ArgModel | undefined): unknown =>
+  arg ? (arg.value ?? undefined) : 'default' in element ? element.default : undefined;
+
+/** The argument to write when a param has no argument yet (filling earlier positions). */
+export const defaultArg = (element: Element): ArgValue => {
+  if ('default' in element && element.default !== undefined) return { value: element.default };
+  if (element.defaultCode) return { code: element.defaultCode };
+  if (element.optional) return { code: 'undefined' };
+  switch (element.type) {
+    case 'number':
+      return { value: 0 };
+    case 'boolean':
+      return { value: false };
+    case 'string':
+    case 'asset':
+      return { value: element.type === 'string' && element.enum?.[0] ? element.enum[0] : '' };
+    case 'array':
+      return { value: [] };
+    default:
+      return { code: 'undefined' };
+  }
+};
+
+/** Arguments of a new component: every param up to the last one without a default. */
+export const initialArgs = (params: readonly Element[]): ArgValue[] => {
+  let last = -1;
+  params.forEach((param, index) => {
+    if (!param.optional) last = index;
+  });
+  return params.slice(0, last + 1).map(defaultArg);
+};
+
+/** `@nanoforge-dev/input#InputEnum` → the enum's name and module. */
+export const splitRef = (ref: string): { module: string; name: string } => {
+  const index = ref.lastIndexOf('#');
+  return { module: ref.slice(0, index), name: ref.slice(index + 1) };
+};
+
+/** An enum member's code (`InputEnum.ArrowUp`) and the import it needs. */
+export const enumMemberArg = (
+  enumRef: string,
+  member: string,
+): { value: ArgValue; imports: ImportNeed[] } => {
+  const { module, name } = splitRef(enumRef);
+  return { value: { code: `${name}.${member}` }, imports: [{ name, from: module }] };
+};
+
+/** `#rrggbb` of a color string, when it is one. */
+export const hexColor = (value: unknown): string | undefined =>
+  typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : undefined;
+
+const hex = (value: number) =>
+  Math.max(0, Math.min(255, Math.round(value)))
+    .toString(16)
+    .padStart(2, '0');
+
+export const rgbToHex = (r: number, g: number, b: number): string => `#${hex(r)}${hex(g)}${hex(b)}`;
+
+export const hexToRgb = (value: string): [number, number, number] => [
+  Number.parseInt(value.slice(1, 3), 16),
+  Number.parseInt(value.slice(3, 5), 16),
+  Number.parseInt(value.slice(5, 7), 16),
+];
diff --git a/plugins/ecs/src/model/ecs-model.type.ts b/plugins/ecs/src/model/ecs-model.type.ts
new file mode 100644
index 00000000..d978ff60
--- /dev/null
+++ b/plugins/ecs/src/model/ecs-model.type.ts
@@ -0,0 +1,157 @@
+import type { ItemRef, NodeRef } from '@nanoforge-dev/editor-sdk';
+
+/**
+ * Types shared by the plugin's worker entry (analyzers, transformers, item owner) and its widgets.
+ * Type-only: nothing here runs.
+ */
+
+/** The `@nanoforge/ecs` object of an item (ADR 0003). */
+export type EcsItemData =
+  | {
+      type: 'component';
+      /** The ECS registry key: the class's `name = "X"` field. */
+      name: string;
+      /** Found without `@component` (a class with a `name` field in a components folder). */
+      inferred?: boolean;
+    }
+  | {
+      type: 'system';
+      /** One list per `getZipper([...])` (or `getComponents(X)`): item refs, or the code. */
+      query: string[][];
+      /** `ctx` libraries it uses: app, graphics, input, network… */
+      uses: string[];
+      inferred?: boolean;
+    };
+
+/** An argument of `new X(...)`. */
+export interface ArgModel {
+  readonly code: string;
+  readonly start: number;
+  readonly end: number;
+  /** JSON value when the argument is a literal (an enum member gives its value). */
+  readonly value?: unknown;
+  /** `new Rect({ width: 30 })`: the class and its literal arguments (the 2D scene draws them). */
+  readonly construct?: { readonly className: string; readonly args: readonly unknown[] };
+}
+
+/** `registry.addComponent(entity, new X(...))`. */
+export interface ComponentUse {
+  readonly node: NodeRef;
+  /** The class, when the component is `new X(...)`. */
+  readonly className?: string;
+  /** The catalog item of the class, when it is exported by an app, library or package. */
+  readonly item?: ItemRef;
+  /** Project path of the class's file. */
+  readonly source?: string;
+  readonly args: readonly ArgModel[];
+  /** The component expression, as written. */
+  readonly code: string;
+  /** False when the component isn't `new X(...)`: shown, not edited. */
+  readonly editable: boolean;
+}
+
+/** `const paddle = registry.spawnEntity();` and its components. */
+export interface EntityModel {
+  /** The variable name, also the entity's name in the hierarchy. */
+  readonly name: string;
+  readonly node: NodeRef;
+  readonly line: number;
+  readonly components: readonly ComponentUse[];
+}
+
+/** A `spawnEntity()` the editor can't model (in a loop, a helper…): read-only. */
+export interface CodeOnlyEntity {
+  readonly line: number;
+  readonly start: number;
+  readonly end: number;
+  /** The statement that spawns it. */
+  readonly code: string;
+}
+
+/** `registry.addSystem(fn)`. */
+export interface SystemUse {
+  readonly node: NodeRef;
+  /** The function name when it's an identifier. */
+  readonly name?: string;
+  readonly item?: ItemRef;
+  readonly code: string;
+}
+
+export interface EntryModel {
+  readonly path: string;
+  /** `main` was found. */
+  readonly found: boolean;
+  /** The registry expression (`registry`). */
+  readonly registry?: string;
+  readonly entities: readonly EntityModel[];
+  readonly codeOnly: readonly CodeOnlyEntity[];
+  readonly systems: readonly SystemUse[];
+  /** Why parts of the file can't be edited. */
+  readonly problems: readonly string[];
+}
+
+/** The folder and item reference base of each source (like the catalog's roots). */
+export interface EntryRoot {
+  readonly path: string;
+  readonly ref: string;
+}
+
+/**
+ * Which function body holds the spawns: the app's `main` (the default), or a method of an
+ * exported class (a scene's `setup`).
+ */
+export type EntryScope =
+  | { readonly kind: 'main' }
+  | { readonly kind: 'method'; readonly class: string; readonly method: string };
+
+export interface EntryAnalyzeArgs {
+  readonly roots: readonly EntryRoot[];
+  readonly scope?: EntryScope;
+}
+
+/** An import a change needs: `import { name } from <specifier of path>`. */
+export interface ImportNeed {
+  readonly name: string;
+  /** Project path of the file that exports it, or a package name (`@nanoforge-dev/input`). */
+  readonly from: string;
+}
+
+/** An argument's new code: a JSON value (written as a literal) or code as is. */
+export type ArgValue = { readonly value: unknown } | { readonly code: string };
+
+export type EntryOp =
+  | { readonly kind: 'addEntity'; readonly name?: string }
+  | { readonly kind: 'removeEntity'; readonly entity: string }
+  | { readonly kind: 'renameEntity'; readonly entity: string; readonly name: string }
+  | { readonly kind: 'duplicateEntity'; readonly entity: string; readonly name?: string }
+  | { readonly kind: 'moveEntity'; readonly entity: string; readonly before?: string }
+  | {
+      readonly kind: 'addComponent';
+      readonly entity: string;
+      readonly className: string;
+      readonly args: readonly ArgValue[];
+      readonly imports: readonly ImportNeed[];
+    }
+  | { readonly kind: 'removeComponent'; readonly entity: string; readonly index: number }
+  | {
+      readonly kind: 'moveComponent';
+      readonly entity: string;
+      readonly from: number;
+      readonly to: number;
+    }
+  | {
+      readonly kind: 'setArgs';
+      readonly entity: string;
+      readonly index: number;
+      /** New arguments by position; missing positions between are filled with `fill`. */
+      readonly args: Readonly<Record<number, ArgValue>>;
+      /** Each parameter's default, to fill positions before a set one. */
+      readonly fill?: readonly ArgValue[];
+      readonly imports?: readonly ImportNeed[];
+    }
+  | { readonly kind: 'addSystem'; readonly name: string; readonly imports: readonly ImportNeed[] }
+  | { readonly kind: 'removeSystem'; readonly index: number }
+  | { readonly kind: 'moveSystem'; readonly from: number; readonly to: number };
+
+/** An `EntryOp` on a scope other than `main` (the transformer's input). */
+export type ScopedEntryOp = EntryOp & { readonly scope?: EntryScope };
diff --git a/plugins/ecs/src/model/ecs.const.ts b/plugins/ecs/src/model/ecs.const.ts
new file mode 100644
index 00000000..80320324
--- /dev/null
+++ b/plugins/ecs/src/model/ecs.const.ts
@@ -0,0 +1,9 @@
+export const ECS_KEY = '@nanoforge/ecs';
+
+export const ENTRY_ANALYZER = 'ecs.entry-file';
+export const ITEM_DOCS_TRANSFORMER = 'ecs.item-docs';
+export const IMPORTERS_ANALYZER = 'ecs.importers';
+export const RELOCATED_TEXT_ANALYZER = 'ecs.relocated-text';
+export const REWRITE_IMPORTS_TRANSFORMER = 'ecs.rewrite-imports';
+export const BUNDLE_SPAWNS_ANALYZER = 'ecs.bundle-spawns';
+export const ENTRY_TRANSFORMER = 'ecs.entry-file';
diff --git a/plugins/ecs/src/model/item-docs.type.ts b/plugins/ecs/src/model/item-docs.type.ts
new file mode 100644
index 00000000..a088397c
--- /dev/null
+++ b/plugins/ecs/src/model/item-docs.type.ts
@@ -0,0 +1,26 @@
+/** Docs of one param or field, as the Component panel edits them. */
+export interface ParamDocs {
+  readonly description?: string;
+  readonly label?: string;
+  readonly group?: string;
+  /** `vector.x`, or `color`. */
+  readonly preset?: string;
+  readonly color?: string;
+  readonly hidden?: boolean;
+}
+
+/** The Component panel's change: what to write in a component's doc comments. */
+export interface ItemDocsOp {
+  readonly export: string;
+  /** The class summary. */
+  readonly description?: string;
+  /** Every `@group` of the header (replaces the current ones). */
+  readonly groups?: readonly {
+    readonly name: string;
+    readonly description?: string;
+    readonly color?: string;
+    readonly hidden?: boolean;
+  }[];
+  /** The full layout of each param named here (layout tags not given are removed). */
+  readonly params?: Readonly<Record<string, ParamDocs>>;
+}
diff --git a/plugins/ecs/src/model/scope-name.ts b/plugins/ecs/src/model/scope-name.ts
new file mode 100644
index 00000000..67876519
--- /dev/null
+++ b/plugins/ecs/src/model/scope-name.ts
@@ -0,0 +1,5 @@
+import type { EntryScope } from './ecs-model.type';
+
+/** How a scope is named in messages: `main`, `Level1.setup`. */
+export const scopeName = (scope: EntryScope | undefined): string =>
+  scope?.kind === 'method' ? `${scope.class}.${scope.method}` : 'main';
diff --git a/plugins/ecs/src/scene/build-scene.ts b/plugins/ecs/src/scene/build-scene.ts
new file mode 100644
index 00000000..59404a91
--- /dev/null
+++ b/plugins/ecs/src/scene/build-scene.ts
@@ -0,0 +1,119 @@
+/**
+ * The 2D scene of an app (spec: "Scene screen"), drawn from its entry file: each entity's
+ * position (a component with numeric `x` and `y` params) and its graphics-2d shapes (`Rect`,
+ * `Circle` arguments written as literals). While playing, positions come from the live world.
+ */
+import type { CatalogItem } from '@nanoforge-dev/editor-sdk';
+
+import type { LiveEntity } from '../live/live.type';
+import type { ArgModel, EntryModel } from '../model/ecs-model.type';
+
+export interface ScenePosition {
+  /** Index of the component in the entity (for `setArgs`). */
+  readonly component: number;
+  /** ECS name of the component (for live edits). */
+  readonly componentName: string;
+  readonly xParam: number;
+  readonly yParam: number;
+}
+
+export interface SceneShape {
+  /** The entity's variable. */
+  readonly entity: string;
+  readonly kind: 'rect' | 'circle';
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+  readonly radius: number;
+  readonly fill?: string;
+  readonly stroke?: string;
+  readonly position?: ScenePosition;
+}
+
+const SHAPES: Record<string, 'rect' | 'circle'> = { Rect: 'rect', Circle: 'circle' };
+
+const num = (value: unknown, fallback = 0) => (typeof value === 'number' ? value : fallback);
+const str = (value: unknown) => (typeof value === 'string' ? value : undefined);
+
+const argNumber = (arg: ArgModel | undefined, fallback: unknown) =>
+  num(arg?.value !== undefined ? arg.value : fallback);
+
+/** The shapes of the entry file's entities. */
+export const buildScene = (
+  model: EntryModel | undefined,
+  itemOf: (ref: string | undefined) => CatalogItem | undefined,
+  ecsNameOf: (item: CatalogItem | undefined, className: string | undefined) => string,
+): SceneShape[] => {
+  const shapes: SceneShape[] = [];
+  for (const entity of model?.entities ?? []) {
+    let position: (ScenePosition & { x: number; y: number }) | undefined;
+    let named = false;
+    entity.components.forEach((use, index) => {
+      if (named) return;
+      const item = itemOf(use.item);
+      const params = item?.meta.params ?? [];
+      const xParam = params.findIndex((param) => param.name === 'x' && param.type === 'number');
+      const yParam = params.findIndex((param) => param.name === 'y' && param.type === 'number');
+      if (xParam < 0 || yParam < 0) return;
+      const isNamed = /position|transform|location/i.test(ecsNameOf(item, use.className));
+      if (position && !isNamed) return;
+      named = isNamed;
+      const defaults = params as readonly { default?: unknown }[];
+      position = {
+        component: index,
+        componentName: ecsNameOf(item, use.className),
+        xParam,
+        yParam,
+        x: argNumber(use.args[xParam], defaults[xParam]?.default),
+        y: argNumber(use.args[yParam], defaults[yParam]?.default),
+      };
+    });
+    for (const use of entity.components) {
+      for (const arg of use.args) {
+        const kind = arg.construct ? SHAPES[arg.construct.className] : undefined;
+        if (!kind || !arg.construct) continue;
+        const config = (arg.construct.args[0] ?? {}) as Record<string, unknown>;
+        shapes.push({
+          entity: entity.name,
+          kind,
+          x: (position?.x ?? 0) + num(config.x),
+          y: (position?.y ?? 0) + num(config.y),
+          width: num(config.width, 50),
+          height: num(config.height, 50),
+          radius: num(config.radius, 25),
+          ...(str(config.fill) && { fill: str(config.fill) }),
+          ...(str(config.stroke) && { stroke: str(config.stroke) }),
+          ...(position && {
+            position: {
+              component: position.component,
+              componentName: position.componentName,
+              xParam: position.xParam,
+              yParam: position.yParam,
+            },
+          }),
+        });
+      }
+    }
+  }
+  return shapes;
+};
+
+/** The code shapes moved to their live positions (entities of the running game). */
+export const withLivePositions = (
+  shapes: readonly SceneShape[],
+  entities: readonly LiveEntity[],
+  /** The scene of the shapes: live entities of other scenes don't match. */
+  scene?: string,
+): SceneShape[] =>
+  shapes.map((shape) => {
+    const entity = entities.find(
+      (candidate) => candidate.code === shape.entity && candidate.scene === scene,
+    );
+    const position = shape.position;
+    const value = position
+      ? entity?.components.find((component) => component.name === position.componentName)?.value
+      : undefined;
+    if (!value || typeof value.x !== 'number' || typeof value.y !== 'number') return shape;
+    return { ...shape, x: value.x, y: value.y };
+  });
diff --git a/plugins/ecs/src/service/code-services.ts b/plugins/ecs/src/service/code-services.ts
new file mode 100644
index 00000000..1b4ee194
--- /dev/null
+++ b/plugins/ecs/src/service/code-services.ts
@@ -0,0 +1,18 @@
+import {
+  type CodeService,
+  CodeServiceToken,
+  type DocumentService,
+  DocumentServiceToken,
+  type PluginContext,
+} from '@nanoforge-dev/editor-sdk';
+
+/** The code and document services, when the editor has them. */
+export const codeServices = (
+  context: PluginContext,
+): { code?: CodeService; documents?: DocumentService } => {
+  const services = context.services;
+  return {
+    code: services.tryGet(CodeServiceToken),
+    documents: services.tryGet(DocumentServiceToken),
+  };
+};
diff --git a/plugins/ecs/src/service/ecs-data.ts b/plugins/ecs/src/service/ecs-data.ts
new file mode 100644
index 00000000..50c51cc3
--- /dev/null
+++ b/plugins/ecs/src/service/ecs-data.ts
@@ -0,0 +1,64 @@
+import {
+  type AppModel,
+  type CatalogItem,
+  type Observable,
+  type ProjectModel,
+  appRefName,
+} from '@nanoforge-dev/editor-sdk';
+
+import type { EcsLocation, InheritedLocation } from '../extension/ecs-source.extension-point';
+import type { EcsItemData, EntryModel, EntryRoot } from '../model/ecs-model.type';
+import { ECS_KEY } from '../model/ecs.const';
+
+export const ACTIVE_APP_KEY = 'activeApp';
+/** Undo context of moves and copies between apps and shared libraries. */
+export const REFACTORS_HISTORY = 'ecs:refactors';
+export const SHOWN_STORAGE_KEY = 'nanoforge.ecs.shown';
+export const REFRESH_DELAY_MS = 120;
+
+/** Apps whose scene the plugin edits: an entry file and the ECS engine library. */
+export const ecsApps = (model: ProjectModel | undefined): AppModel[] =>
+  (model?.apps ?? []).filter(
+    (app) => app.type !== 'lib' && !!app.entryFile && '@nanoforge-dev/ecs' in app.engineLibs,
+  );
+
+export const ecsData = (item: CatalogItem | undefined): EcsItemData | undefined =>
+  item?.meta[ECS_KEY] as EcsItemData | undefined;
+
+/** A parent scene's entities and systems, shown read-only (see `ecs.sources`). */
+export interface InheritedModel {
+  readonly location: InheritedLocation;
+  readonly model: EntryModel;
+}
+
+/** Where each source's items come from, for the analyzer's item references. */
+export const rootsOf = (model: ProjectModel, paths: readonly string[]): EntryRoot[] => [
+  ...model.apps.map((app) => ({
+    path: app.root,
+    ref: app.type === 'lib' ? app.name : `app:${appRefName(app)}`,
+  })),
+  ...paths
+    .filter((path) => /^nf_modules\/@[^/]+\/[^/]+$/.test(path))
+    .map((path) => ({ path, ref: path.slice('nf_modules/'.length) })),
+];
+
+export const sameLocation = (a: EcsLocation | undefined, b: EcsLocation | undefined): boolean =>
+  a?.path === b?.path && JSON.stringify(a?.scope) === JSON.stringify(b?.scope);
+
+export const readShown = (): Record<string, string[]> => {
+  try {
+    const raw = localStorage.getItem(SHOWN_STORAGE_KEY);
+    return raw ? (JSON.parse(raw) as Record<string, string[]>) : {};
+  } catch {
+    return {};
+  }
+};
+
+/** The values of an extension point's contributions. */
+export const values = <T>(
+  contributions: Observable<readonly { readonly value: T }[]>,
+): Observable<T[]> => ({
+  get: () => contributions.get().map((contribution) => contribution.value),
+  subscribe: (run) =>
+    contributions.subscribe((list) => run(list.map((contribution) => contribution.value))),
+});
diff --git a/plugins/ecs/src/service/ecs-service.ts b/plugins/ecs/src/service/ecs-service.ts
new file mode 100644
index 00000000..0d671f7a
--- /dev/null
+++ b/plugins/ecs/src/service/ecs-service.ts
@@ -0,0 +1,546 @@
+import {
+  type AppModel,
+  type CatalogItem,
+  CatalogServiceToken,
+  type CatalogState,
+  CodeServiceToken,
+  type Disposable,
+  DisposableStore,
+  EditorServices,
+  type Logger,
+  type Observable,
+  ObservableValue,
+  type PluginContext,
+  type ProjectModel,
+  ProjectServiceToken,
+  createToken,
+  itemFitsApp,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import {
+  ECS_SOURCES,
+  type EcsLocation,
+  type EcsSource,
+  type InheritedLocation,
+} from '../extension/ecs-source.extension-point';
+import { FIELD_EDITORS, type FieldEditor } from '../extension/field-editor.extension-point';
+import { PARAM_PRESETS, type ParamPreset } from '../extension/param-preset.extension-point';
+import { checkLibraries } from '../library/check-libraries';
+import { createSharedLibrary } from '../library/create-shared-library';
+import { relocateItem } from '../library/relocate-item';
+import type { EntryModel, EntryOp, ImportNeed, ScopedEntryOp } from '../model/ecs-model.type';
+import {
+  BUNDLE_SPAWNS_ANALYZER,
+  ENTRY_ANALYZER,
+  ENTRY_TRANSFORMER,
+  ITEM_DOCS_TRANSFORMER,
+} from '../model/ecs.const';
+import type { ItemDocsOp } from '../model/item-docs.type';
+import { codeServices } from './code-services';
+import {
+  ACTIVE_APP_KEY,
+  type InheritedModel,
+  REFRESH_DELAY_MS,
+  SHOWN_STORAGE_KEY,
+  ecsApps,
+  ecsData,
+  readShown,
+  rootsOf,
+  sameLocation,
+  values,
+} from './ecs-data';
+
+/**
+ * The ECS view of the open project: the app being edited, its entry file's model (entities,
+ * components, systems), the selected entity, and the operations that edit the code.
+ */
+export class EcsService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _project = new DisposableStore();
+  private readonly _app = new ObservableValue<string | undefined>(undefined);
+  private readonly _model = new ObservableValue<EntryModel | undefined>(undefined);
+  private readonly _selection = new ObservableValue<string | undefined>(undefined);
+  private readonly _catalog = new ObservableValue<CatalogState | undefined>(undefined);
+  private readonly _openedItem = new ObservableValue<string | undefined>(undefined);
+  private readonly _projectModel = new ObservableValue<ProjectModel | undefined>(undefined);
+  private readonly _libraryProblems = new ObservableValue<readonly string[]>([]);
+  private _libraryTimer: ReturnType<typeof setTimeout> | undefined;
+  private readonly _shown = new ObservableValue<Record<string, string[]>>(readShown());
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _generation = 0;
+  /** The `ecs.sources` contribution used for the selected app, and its subscriptions. */
+  private readonly _sourceStore = new DisposableStore();
+  private readonly _source = new ObservableValue<EcsSource | undefined>(undefined);
+  private readonly _location = new ObservableValue<EcsLocation | undefined>(undefined);
+  private readonly _inheritedLocations = new ObservableValue<readonly InheritedLocation[]>([]);
+  private readonly _inherited = new ObservableValue<readonly InheritedModel[]>([]);
+
+  constructor(private readonly _context: PluginContext) {
+    this._store.add(this._project);
+    this._store.add(this._sourceStore);
+    this._store.add({
+      dispose: _context.scope.observe(CodeServiceToken).subscribe(() => this._bindProject()),
+    });
+    this._store.add({
+      dispose: _context.contributions(ECS_SOURCES).subscribe(() => this._bindSource()),
+    });
+  }
+
+  /**
+   * What the widgets edit: the selected app's `main`, or what an `ecs.sources` contribution
+   * says (a scene). `undefined` while that source has nothing chosen.
+   */
+  get location(): Observable<EcsLocation | undefined> {
+    return this._location.readonly();
+  }
+  /** The `ecs.sources` contribution used for the selected app, if any. */
+  get source(): Observable<EcsSource | undefined> {
+    return this._source.readonly();
+  }
+  /** The read-only models shown with the edited one (a scene's parents), outermost first. */
+  get inherited(): Observable<readonly InheritedModel[]> {
+    return this._inherited.readonly();
+  }
+  get logger(): Logger {
+    return this._context.logger;
+  }
+  /** Inspector fields contributed by other plugins (`ecs.fieldEditors`). */
+  get fieldEditors(): Observable<FieldEditor[]> {
+    return values(this._context.contributions(FIELD_EDITORS));
+  }
+
+  /** Presets contributed by other plugins (`ecs.paramPresets`). */
+  get paramPresets(): Observable<ParamPreset[]> {
+    return values(this._context.contributions(PARAM_PRESETS));
+  }
+
+  /** Apps with an entry file and the ECS. */
+  get apps(): Observable<AppModel[]> {
+    return {
+      get: () => ecsApps(this._projectModel.get()),
+      subscribe: (run) => this._projectModel.subscribe((model) => run(ecsApps(model))),
+    };
+  }
+  /**
+   * Import rules of shared libraries (ADR 0004): a library never imports an app, and libraries
+   * don't import each other in a cycle.
+   */
+  get libraryProblems(): Observable<readonly string[]> {
+    return this._libraryProblems.readonly();
+  }
+
+  /** Shared libraries of the project (ADR 0004). */
+  get libraries(): Observable<AppModel[]> {
+    const libs = (model: ProjectModel | undefined) =>
+      (model?.apps ?? []).filter((app) => app.type === 'lib');
+    return {
+      get: () => libs(this._projectModel.get()),
+      subscribe: (run) => this._projectModel.subscribe((model) => run(libs(model))),
+    };
+  }
+
+  get appId(): Observable<string | undefined> {
+    return this._app.readonly();
+  }
+  get app(): AppModel | undefined {
+    return ecsApps(this._projectModel.get()).find((app) => app.id === this._app.get());
+  }
+  get model(): Observable<EntryModel | undefined> {
+    return this._model.readonly();
+  }
+  get selection(): Observable<string | undefined> {
+    return this._selection.readonly();
+  }
+  get catalogState(): Observable<CatalogState | undefined> {
+    return this._catalog.readonly();
+  }
+  /** Items the selected app can use. */
+  items(): CatalogItem[] {
+    const app = this.app;
+    const state = this._catalog.get();
+    return app && state ? state.items.filter((item) => itemFitsApp(item, app)) : [];
+  }
+  item(ref: string | undefined): CatalogItem | undefined {
+    return ref ? this._catalog.get()?.items.find((item) => item.ref === ref) : undefined;
+  }
+  selectApp(id: string): void {
+    if (this._app.get() === id) return;
+    this._app.set(id);
+    this._selection.set(undefined);
+    this._context.contextKeys.set(ACTIVE_APP_KEY, id);
+    this._bindSource();
+    this._refresh(0);
+  }
+  select(entity: string | undefined): void {
+    this._selection.set(entity);
+  }
+  /**
+   * Hidden params and groups the user chose to show, for an item (`param:x`, `group:Debug`).
+   * Local to this browser and project, never committed.
+   */
+  get shown(): Observable<Record<string, string[]>> {
+    return this._shown.readonly();
+  }
+  shownFor(ref: string | undefined): Set<string> {
+    return new Set(ref ? (this._shown.get()[this._shownKey(ref)] ?? []) : []);
+  }
+  setShown(ref: string, id: string, visible: boolean): void {
+    const key = this._shownKey(ref);
+    const current = new Set(this._shown.get()[key] ?? []);
+    if (visible) current.add(id);
+    else current.delete(id);
+    const next = Object.fromEntries(
+      Object.entries({ ...this._shown.get(), [key]: [...current] }).filter(
+        ([, ids]) => ids.length > 0,
+      ),
+    );
+    this._shown.set(next);
+    try {
+      localStorage.setItem(SHOWN_STORAGE_KEY, JSON.stringify(next));
+    } catch {}
+  }
+  /** The import a use of an item needs. */
+  importOf(item: CatalogItem): ImportNeed {
+    return { name: item.meta.export, from: item.meta.source };
+  }
+  /** Edits the edited location's file; one undo step in its history. Returns false when refused. */
+  async apply(op: EntryOp, label: string): Promise<boolean> {
+    const location = this._location.get();
+    const code = codeServices(this._context).code;
+    const documents = codeServices(this._context).documents;
+    if (!location || !code || !documents) return false;
+    try {
+      const scoped: ScopedEntryOp = location.scope ? { ...op, scope: location.scope } : op;
+      const command = await code.edit(location.path, ENTRY_TRANSFORMER, scoped, { label });
+      if (!command) return true;
+      const context = documents.historyContext(location.path);
+      if (context) await context.stack.push(command);
+      else await command.do();
+      if (op.kind === 'renameEntity' && this._selection.get() === op.entity)
+        this._selection.set(op.name);
+      this._refresh(0);
+      return true;
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      this._context.services
+        .tryGet(NotificationServiceToken)
+        ?.notify('warning', `${label}: not possible`, { detail: message });
+      return false;
+    }
+  }
+  /**
+   * Edits an app's entry file, or another location of it (a scene: live mode's "Apply to
+   * code"); one undo step there.
+   */
+  async applyTo(
+    app: AppModel,
+    op: EntryOp,
+    label: string,
+    location?: EcsLocation,
+  ): Promise<boolean> {
+    const { documents } = codeServices(this._context);
+    const path = location?.path ?? app.entryFile;
+    if (!path || !documents) return false;
+    try {
+      const command = await this.commandFor(app, op, label, location);
+      const context = documents.historyContext(path);
+      if (context) await context.stack.push(command);
+      else await command.do();
+      if (app.id === this._app.get()) this._refresh(0);
+      return true;
+    } catch (error) {
+      this._context.services
+        .tryGet(NotificationServiceToken)
+        ?.notify('warning', `${label}: not possible`, {
+          detail: error instanceof Error ? error.message : String(error),
+        });
+      return false;
+    }
+  }
+
+  /** The location of a scene of an app, by its id (from the `ecs.sources` that applies). */
+  sceneLocation(app: AppModel, scene: string): EcsLocation | undefined {
+    return this._context
+      .contributions(ECS_SOURCES)
+      .get()
+      .map((contribution) => contribution.value)
+      .filter((source) => source.appliesTo(app))
+      .sort((a, b) => b.priority - a.priority)[0]
+      ?.locationOf?.(app, scene);
+  }
+
+  /**
+   * Which spawn call each call site of a running game is: among those of `main`, or of the
+   * function it is in for `enclosing` sites (a scene's `setup`). See live mode.
+   */
+  async analyzeBundle(
+    app: AppModel,
+    bundle: string,
+    sites: readonly { line: number; column: number; enclosing?: boolean }[],
+  ): Promise<number[]> {
+    const { code } = codeServices(this._context);
+    if (!code || !app.entryFile) return sites.map(() => -1);
+    return code.analyze<number[]>(app.entryFile, BUNDLE_SPAWNS_ANALYZER, { bundle, sites });
+  }
+
+  /** Writes a component's docs (Component panel); one undo step in that file's history. */
+  async editDocs(path: string, op: ItemDocsOp, label: string): Promise<boolean> {
+    const { code, documents } = codeServices(this._context);
+    if (!code || !documents) return false;
+    try {
+      const command = await code.edit(path, ITEM_DOCS_TRANSFORMER, op, { label });
+      if (!command) return true;
+      const context = documents.historyContext(path);
+      if (context) await context.stack.push(command);
+      else await command.do();
+      return true;
+    } catch (error) {
+      this._context.services
+        .tryGet(NotificationServiceToken)
+        ?.notify('warning', `${label}: not possible`, {
+          detail: error instanceof Error ? error.message : String(error),
+        });
+      return false;
+    }
+  }
+
+  /**
+   * Moves an app's component or system file into a shared library (ADR 0004): the file's own
+   * imports follow it, and every import of it is rewritten. One undo step ("Refactors").
+   */
+  async moveToLibrary(item: CatalogItem, library: AppModel): Promise<boolean> {
+    return relocateItem(this._context, item, library, true);
+  }
+
+  /** Copies an item's file (an installed package's, usually) into an app or shared library. */
+  async copyTo(item: CatalogItem, target: AppModel): Promise<boolean> {
+    return relocateItem(this._context, item, target, false);
+  }
+
+  /** Creates a shared library (ADR 0004): one undo step in the Refactors history. */
+  createLibrary(folder: string, packageName: string): Promise<boolean> {
+    return createSharedLibrary(this._context, folder, packageName);
+  }
+
+  /** Components defined in a file (the Component panel's subjects). */
+  componentsIn(path: string): CatalogItem[] {
+    return (this._catalog.get()?.items ?? []).filter(
+      (item) => item.meta.source === path && ecsData(item)?.type === 'component',
+    );
+  }
+
+  /** Opens a file in the code editor, at a line. */
+  async openInCode(path: string, line?: number): Promise<void> {
+    await this._context.executeCommand('codeEditor.open', path, line ? { line } : {});
+  }
+  /** Ref of the item last opened in code: the Component panel shows that one. */
+  get openedItem(): Observable<string | undefined> {
+    return this._openedItem.readonly();
+  }
+  /** Opens the source of an item at its declaration. */
+  async openItem(item: CatalogItem): Promise<void> {
+    this._openedItem.set(item.ref);
+    let line: number | undefined;
+    try {
+      const text = await codeServices(this._context).documents?.getText(item.meta.source);
+      const name = item.meta.export.replace(/[^\w]/g, '');
+      const declaration = new RegExp(
+        `^[ \\t]*export\\s+(?:default\\s+)?(?:abstract\\s+)?(?:async\\s+)?(?:class|function\\*?|const|let|var)\\s+${name}\\b`,
+        'm',
+      ).exec(text ?? '');
+      if (text && declaration) line = text.slice(0, declaration.index).split('\n').length;
+    } catch {}
+    await this.openInCode(item.meta.source, line);
+  }
+  dispose(): void {
+    clearTimeout(this._timer);
+    clearTimeout(this._libraryTimer);
+    this._store.dispose();
+  }
+  /** The entry file model of any app (the codegen target's `load`). */
+  async analyzeApp(app: AppModel): Promise<EntryModel | undefined> {
+    return app.entryFile ? this.analyzeLocation({ path: app.entryFile }) : undefined;
+  }
+  /** The model of a location: a file's `main`, or a method of a class in it. */
+  async analyzeLocation(location: EcsLocation): Promise<EntryModel | undefined> {
+    const { code } = codeServices(this._context);
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    if (!code || !project) return undefined;
+    const roots = rootsOf(
+      project.model.get(),
+      project.fs.entries.filter((entry) => entry.kind === 'directory').map((entry) => entry.path),
+    );
+    return code.analyze<EntryModel>(location.path, ENTRY_ANALYZER, {
+      roots,
+      ...(location.scope && { scope: location.scope }),
+    });
+  }
+  /**
+   * An undoable command applying an op to an app's entry file, or to another location (the
+   * codegen target's `apply`).
+   */
+  async commandFor(app: AppModel, op: EntryOp, label: string, location?: EcsLocation) {
+    const { code } = codeServices(this._context);
+    const path = location?.path ?? app.entryFile;
+    if (!path || !code) throw new Error('No entry file or code service');
+    const scoped: ScopedEntryOp = location?.scope ? { ...op, scope: location.scope } : op;
+    const command = await code.edit(path, ENTRY_TRANSFORMER, scoped, { label });
+    if (!command) throw new Error('Nothing to change');
+    return command;
+  }
+  /**
+   * Follows the `ecs.sources` contribution that applies to the selected app: its location and
+   * inherited ones. Without one, the app's `main` is edited.
+   */
+  private _bindSource(): void {
+    this._sourceStore.clear();
+    const app = this.app;
+    const source = app
+      ? this._context
+          .contributions(ECS_SOURCES)
+          .get()
+          .map((contribution) => contribution.value)
+          .filter((candidate) => candidate.appliesTo(app))
+          .sort((a, b) => b.priority - a.priority)[0]
+      : undefined;
+    this._source.set(source);
+    if (!app || !source) {
+      this._location.set(app?.entryFile ? { path: app.entryFile } : undefined);
+      this._inheritedLocations.set([]);
+      return;
+    }
+    const current = source.current(app);
+    const inherited = source.inherited(app);
+    this._location.set(current.get());
+    this._inheritedLocations.set(inherited.get());
+    this._sourceStore.add({
+      dispose: current.subscribe((location) => {
+        if (sameLocation(location, this._location.get())) return;
+        this._location.set(location);
+        this._selection.set(undefined);
+        this._refresh(0);
+      }),
+    });
+    this._sourceStore.add({
+      dispose: inherited.subscribe((locations) => {
+        this._inheritedLocations.set(locations);
+        this._refresh(0);
+      }),
+    });
+  }
+
+  /** Checks the imports of every shared library file (debounced; after catalog changes). */
+  private _checkLibraries(): void {
+    clearTimeout(this._libraryTimer);
+    this._libraryTimer = setTimeout(
+      () =>
+        void checkLibraries(this._context).then(
+          (problems) => problems && this._libraryProblems.set(problems),
+        ),
+      500,
+    );
+  }
+
+  private _shownKey(ref: string): string {
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    return `${project?.id ?? ''}|${ref}`;
+  }
+  private _bindProject(): void {
+    this._project.clear();
+    this._model.set(undefined);
+    this._selection.set(undefined);
+    const services = this._context.services;
+    const project = services.get(ProjectServiceToken).current.get();
+    const { code, documents } = codeServices(this._context);
+    const catalog = services.tryGet(CatalogServiceToken);
+    if (!project || !code || !documents) {
+      this._projectModel.set(undefined);
+      return;
+    }
+    this._project.add({
+      dispose: project.model.subscribe((model) => {
+        this._projectModel.set(model);
+        const apps = ecsApps(model);
+        if (!apps.some((app) => app.id === this._app.get())) {
+          const preferred =
+            apps.find((app) => app.id === this._context.contextKeys.get<string>(ACTIVE_APP_KEY)) ??
+            apps.find((app) => app.type === 'client') ??
+            apps[0];
+          this._app.set(preferred?.id);
+          if (preferred) this._context.contextKeys.set(ACTIVE_APP_KEY, preferred.id);
+        }
+        this._bindSource();
+        this._refresh(0);
+      }),
+    });
+    if (catalog)
+      this._project.add({
+        dispose: catalog.state.subscribe((state) => {
+          this._catalog.set(state);
+          this._refresh();
+          this._checkLibraries();
+        }),
+      });
+    this._project.add(
+      documents.onDidChange(({ uri }) => {
+        if (uri.endsWith('.ts') || uri.endsWith('.js')) this._refresh();
+      }),
+    );
+    this._project.add(
+      project.fs.onDidChange((changes) => {
+        if (changes.some((change) => /\.[cm]?[jt]sx?$/.test(change.path))) this._refresh();
+      }),
+    );
+  }
+  /** Analyzes the entry file again (debounced). */
+  private _refresh(delay = REFRESH_DELAY_MS): void {
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => void this._analyze(), delay);
+  }
+  private async _analyze(): Promise<void> {
+    const generation = ++this._generation;
+    const location = this._location.get();
+    if (!location) {
+      this._model.set(undefined);
+      this._inherited.set([]);
+      return;
+    }
+    try {
+      const model = await this.analyzeLocation(location);
+      const inherited: InheritedModel[] = [];
+      for (const parent of this._inheritedLocations.get()) {
+        const parentModel = await this.analyzeLocation(parent).catch(() => undefined);
+        if (parentModel) inherited.push({ location: parent, model: parentModel });
+      }
+      if (generation !== this._generation) return;
+      this._inherited.set(inherited);
+      if (!model) {
+        this._model.set(undefined);
+        return;
+      }
+      this._model.set(model);
+      const selected = this._selection.get();
+      if (selected && !model.entities.some((entity) => entity.name === selected))
+        this._selection.set(undefined);
+    } catch (error) {
+      if (generation !== this._generation) return;
+      if (error instanceof Error && error.message.includes('Unknown analyzer')) {
+        this._refresh(300);
+        return;
+      }
+      this.logger.warn(`Could not read ${location.path}`, error);
+      this._model.set({
+        path: location.path,
+        found: false,
+        entities: [],
+        codeOnly: [],
+        systems: [],
+        problems: [error instanceof Error ? error.message : String(error)],
+      });
+    }
+  }
+}
+export const EcsServiceToken = createToken<EcsService>('ecs.service');
+
+export { EditorServices };
diff --git a/plugins/ecs/src/session/panel-services.ts b/plugins/ecs/src/session/panel-services.ts
new file mode 100644
index 00000000..11f53ecb
--- /dev/null
+++ b/plugins/ecs/src/session/panel-services.ts
@@ -0,0 +1,13 @@
+import type { ServiceAccessor } from '@nanoforge-dev/editor-sdk';
+
+let services: ServiceAccessor | undefined;
+
+/** The plugin's services, for components mounted by other plugins (code editor side panels). */
+export const panelServices = (): ServiceAccessor => {
+  if (!services) throw new Error('The ECS plugin is not active');
+  return services;
+};
+
+export const setPanelServices = (accessor: ServiceAccessor | undefined): void => {
+  services = accessor;
+};
diff --git a/plugins/ecs/src/widgets/browser/Browser.svelte b/plugins/ecs/src/widgets/browser/Browser.svelte
new file mode 100644
index 00000000..bc62fa26
--- /dev/null
+++ b/plugins/ecs/src/widgets/browser/Browser.svelte
@@ -0,0 +1,216 @@
+<script lang="ts">
+  import { type AppModel, ProjectServiceToken } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    EmptyState,
+    Input,
+    Menu,
+    type MenuEntry,
+    NotificationServiceToken,
+    PromptServiceToken,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import ItemDetails from './ItemDetails.svelte';
+  import { browserSections, nameCollisions } from './browser-sections';
+  import { createItemFlow, createLibraryFlow } from './create-flows';
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { REFACTORS_HISTORY, ecsData } from '../../service/ecs-data';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const ecs = services.get(EcsServiceToken);
+  const projects = services.get(ProjectServiceToken);
+  const prompts = services.tryGet(PromptServiceToken);
+  const notifications = services.tryGet(NotificationServiceToken);
+  const catalog = ecs.catalogState;
+  const appId = ecs.appId;
+
+  $effect(() => instance.setHistoryContext(REFACTORS_HISTORY));
+
+  let query = $state('');
+  let selectedRef = $state<string>();
+
+  const sections = $derived.by(() => {
+    void $catalog;
+    void $appId;
+    return browserSections(ecs.items(), query);
+  });
+
+  /** Components the app can use that share an ECS name: the registry would mix them up. */
+  const collisions = $derived.by(() => {
+    void $catalog;
+    void $appId;
+    return nameCollisions(ecs.items());
+  });
+
+  const selected = $derived(selectedRef ? ecs.item(selectedRef) : undefined);
+  const selectedData = $derived(ecsData(selected));
+
+  const libraryModels = ecs.libraries;
+  const libraryProblems = ecs.libraryProblems;
+  const targets = $derived.by((): AppModel[] => {
+    void $appId;
+    return [...(ecs.app ? [ecs.app] : []), ...$libraryModels];
+  });
+
+  const flows = { ecs, projects, prompts, notifications };
+
+  const newMenu = $derived.by((): MenuEntry[] => [
+    ...targets.flatMap((target): MenuEntry[] => {
+      const where = target.type === 'lib' ? `shared library ${target.name}` : `app ${target.name}`;
+      return [
+        {
+          kind: 'item',
+          id: `c-${target.id}`,
+          label: `New component in ${where}`,
+          onSelect: () => void createItemFlow(flows, 'component', target),
+        },
+        {
+          kind: 'item',
+          id: `s-${target.id}`,
+          label: `New system in ${where}`,
+          onSelect: () => void createItemFlow(flows, 'system', target),
+        },
+      ];
+    }),
+    { kind: 'separator' },
+    {
+      kind: 'item',
+      id: 'lib',
+      label: 'New shared library…',
+      onSelect: () => void createLibraryFlow(flows),
+    },
+  ]);
+</script>
+
+<div class="browser">
+  <div class="toolbar">
+    <Input bind:value={query} placeholder="Search" aria-label="Search components and systems" />
+    <Menu items={newMenu}>
+      {#snippet trigger({ props })}
+        <Button {...props} size="sm" icon="plus">New</Button>
+      {/snippet}
+    </Menu>
+  </div>
+
+  <div class="content">
+    {#each $libraryProblems as problem (problem)}
+      <p class="collision" role="alert">{problem}</p>
+    {/each}
+    {#each collisions as [name, items] (name)}
+      <p class="collision" role="alert">
+        {items.length} components are named “{name}”: {items
+          .map((item) =>
+            item.source.kind === 'app' ? `app ${item.source.name}` : item.source.name,
+          )
+          .join(', ')}. The ECS registry keys on the name: rename one.
+      </p>
+    {/each}
+    <div class="list" aria-label="Components and systems">
+      {#if !$catalog || $catalog.loading}
+        <p class="muted">Reading components and systems…</p>
+      {:else if !sections.length}
+        <EmptyState
+          icon="blocks"
+          title={query ? 'No match' : 'No components or systems'}
+          description={query ? undefined : 'Create one with New.'}
+        />
+      {/if}
+      {#each sections as section (section.title)}
+        <h3>
+          {section.title}
+          {#if section.readonly}<span class="lock" title="Read-only">🔒</span>{/if}
+        </h3>
+        {#each section.items as item (item.ref)}
+          {@const data = ecsData(item)}
+          <button
+            class="item"
+            class:active={item.ref === selectedRef}
+            onclick={() => (selectedRef = item.ref)}
+            ondblclick={() => void ecs.openItem(item)}
+          >
+            <span class="kind">{data?.type === 'system' ? 'S' : 'C'}</span>
+            <span class="name">{item.meta.export}</span>
+            {#if data?.inferred}<span
+                class="hint"
+                title="Recognized by its shape. Add @{data.type} to its documentation to declare it."
+                >untagged</span
+              >{/if}
+          </button>
+        {/each}
+      {/each}
+    </div>
+
+    {#if selected && selectedData}
+      <ItemDetails {ecs} item={selected} data={selectedData} {targets} />
+    {/if}
+  </div>
+</div>
+
+<style>
+  .browser {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 0;
+  }
+  .content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    overflow: auto;
+  }
+  h3 {
+    margin: var(--nf-space-2) var(--nf-space-2) var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  .item {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    width: 100%;
+    padding: 2px var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .item:hover,
+  .item.active {
+    background: var(--nf-color-hover, rgb(127 127 127 / 15%));
+  }
+  .kind {
+    width: 16px;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    text-align: center;
+  }
+  .hint,
+  .muted {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .collision {
+    margin: var(--nf-space-2);
+    color: var(--nf-color-warning, orange);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/browser/ItemDetails.svelte b/plugins/ecs/src/widgets/browser/ItemDetails.svelte
new file mode 100644
index 00000000..ff822027
--- /dev/null
+++ b/plugins/ecs/src/widgets/browser/ItemDetails.svelte
@@ -0,0 +1,154 @@
+<script lang="ts">
+  import type { AppModel, CatalogItem } from '@nanoforge-dev/editor-sdk';
+  import { Button, Menu, type MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { EcsItemData } from '../../model/ecs-model.type';
+  import { initialArgs } from '../../model/arg-values';
+  import type { EcsService } from '../../service/ecs-service';
+
+  interface Props {
+    ecs: EcsService;
+    item: CatalogItem;
+    data: EcsItemData;
+    /** Where it can be copied: the app, then the shared libraries. */
+    targets: readonly AppModel[];
+  }
+
+  const { ecs, item, data, targets }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const selection = ecs.selection;
+  // svelte-ignore state_referenced_locally
+  const model = ecs.model;
+  // svelte-ignore state_referenced_locally
+  const location = ecs.location;
+
+  const libraries = $derived(targets.filter((target) => target.type === 'lib'));
+
+  const addToEntity = () => {
+    const entity = $selection;
+    if (!entity) return;
+    void ecs.apply(
+      {
+        kind: 'addComponent',
+        entity,
+        className: item.meta.export,
+        args: initialArgs(item.meta.params),
+        imports: [ecs.importOf(item)],
+      },
+      `Add ${item.meta.export} to ${entity}`,
+    );
+  };
+
+  const addToApp = () =>
+    void ecs.apply(
+      { kind: 'addSystem', name: item.meta.export, imports: [ecs.importOf(item)] },
+      `Add ${item.meta.export}`,
+    );
+
+  const moveMenu = (): MenuEntry[] =>
+    libraries.map((library) => ({
+      kind: 'item',
+      id: `move-${library.id}`,
+      label: `Move to shared library ${library.name}`,
+      onSelect: () => void ecs.moveToLibrary(item, library),
+    }));
+
+  const copyMenu = (): MenuEntry[] =>
+    targets.map((target) => ({
+      kind: 'item',
+      id: `copy-${target.id}`,
+      label:
+        target.type === 'lib'
+          ? `Copy to shared library ${target.name}`
+          : `Copy to app ${target.name}`,
+      onSelect: () => void ecs.copyTo(item, target),
+    }));
+</script>
+
+<section class="details" aria-label="Details of {item.meta.export}">
+  <h3>
+    {item.meta.export}
+    <span class="muted">{data.type} · {item.meta.side}</span>
+  </h3>
+  {#if item.meta.description}<p>{item.meta.description}</p>{/if}
+  {#if data.type === 'component' && item.meta.params.length}
+    <ul class="params">
+      {#each item.meta.params as param (param.name)}
+        <li>
+          <code>{param.name}</code>
+          <span class="muted">{param.type}</span>{#if param.description}
+            — {param.description}{/if}
+        </li>
+      {/each}
+    </ul>
+  {/if}
+  {#if data.type === 'system'}
+    {#if data.query.length}
+      <p class="muted">
+        Reads {data.query
+          .map((list) => list.map((ref) => ref.slice(ref.indexOf('#') + 1)).join(' + '))
+          .join('; ')}
+      </p>
+    {/if}
+    {#if data.uses.length}<p class="muted">
+        Uses ctx.{data.uses.join(', ctx.')}
+      </p>{/if}
+  {/if}
+  {#if item.meta.example}<pre>{item.meta.example}</pre>{/if}
+  <div class="actions">
+    {#if data.type === 'component'}
+      <Button size="sm" disabled={!$selection || !$model?.found} onclick={addToEntity}>
+        {$selection ? `Add to ${$selection}` : 'Select an entity to add it'}
+      </Button>
+    {:else}
+      <Button size="sm" disabled={!$model?.found} onclick={addToApp}
+        >{$location?.scope?.kind === 'method' ? 'Add to scene' : 'Add to app'}</Button
+      >
+    {/if}
+    <Button size="sm" variant="ghost" onclick={() => void ecs.openItem(item)}>Open in code</Button>
+    {#if item.source.kind === 'app' && libraries.length}
+      <Menu items={moveMenu()}>
+        {#snippet trigger({ props })}
+          <Button {...props} size="sm" variant="ghost">Move to shared library</Button>
+        {/snippet}
+      </Menu>
+    {:else if item.readonly}
+      <Menu items={copyMenu()}>
+        {#snippet trigger({ props })}
+          <Button {...props} size="sm" variant="ghost">Copy to…</Button>
+        {/snippet}
+      </Menu>
+    {/if}
+  </div>
+</section>
+
+<style>
+  .details {
+    padding: var(--nf-space-2);
+    border-top: 1px solid var(--nf-color-border);
+  }
+  h3 {
+    margin: 0 0 var(--nf-space-1);
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  p {
+    margin: 0 0 var(--nf-space-1);
+  }
+  .muted {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .params {
+    margin: 0 0 var(--nf-space-1);
+    padding-left: var(--nf-space-3, 16px);
+  }
+  pre {
+    overflow: auto;
+    font-size: var(--nf-font-size-sm);
+  }
+  .actions {
+    display: flex;
+    gap: var(--nf-space-2);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/browser/browser-sections.ts b/plugins/ecs/src/widgets/browser/browser-sections.ts
new file mode 100644
index 00000000..dcaabef3
--- /dev/null
+++ b/plugins/ecs/src/widgets/browser/browser-sections.ts
@@ -0,0 +1,55 @@
+import type { CatalogItem } from '@nanoforge-dev/editor-sdk';
+
+import { ecsData } from '../../service/ecs-data';
+
+/** Items of one source: an app, a shared library or an installed package. */
+export interface BrowserSection {
+  readonly title: string;
+  readonly readonly: boolean;
+  readonly items: CatalogItem[];
+}
+
+const RANK = { app: 0, lib: 1, module: 2 } as const;
+
+/** The components and systems a search keeps, by source: apps, libraries, then packages. */
+export const browserSections = (items: readonly CatalogItem[], query: string): BrowserSection[] => {
+  const search = query.trim().toLowerCase();
+  const bySource = new Map<string, BrowserSection>();
+  for (const item of items) {
+    if (!ecsData(item)) continue;
+    if (
+      search &&
+      !item.meta.export.toLowerCase().includes(search) &&
+      !(item.meta.description ?? '').toLowerCase().includes(search)
+    )
+      continue;
+    const key = `${item.source.kind}:${item.source.name}`;
+    const title =
+      item.source.kind === 'app'
+        ? `App ${item.source.name}`
+        : item.source.kind === 'lib'
+          ? `Shared library ${item.source.name}`
+          : `Installed package ${item.source.name}`;
+    const section = bySource.get(key) ?? { title, readonly: item.readonly, items: [] };
+    section.items.push(item);
+    bySource.set(key, section);
+  }
+  return [...bySource.entries()]
+    .sort(
+      ([a], [b]) =>
+        RANK[a.split(':')[0] as keyof typeof RANK] - RANK[b.split(':')[0] as keyof typeof RANK] ||
+        a.localeCompare(b),
+    )
+    .map(([, section]) => section);
+};
+
+/** Components the app can use that share an ECS name: the registry would mix them up. */
+export const nameCollisions = (items: readonly CatalogItem[]): [string, CatalogItem[]][] => {
+  const byName = new Map<string, CatalogItem[]>();
+  for (const item of items) {
+    const data = ecsData(item);
+    if (data?.type !== 'component') continue;
+    byName.set(data.name, [...(byName.get(data.name) ?? []), item]);
+  }
+  return [...byName].filter(([, list]) => list.length > 1);
+};
diff --git a/plugins/ecs/src/widgets/browser/create-flows.ts b/plugins/ecs/src/widgets/browser/create-flows.ts
new file mode 100644
index 00000000..d24bcb4a
--- /dev/null
+++ b/plugins/ecs/src/widgets/browser/create-flows.ts
@@ -0,0 +1,79 @@
+import {
+  type AppModel,
+  type ProjectService,
+  validateFolder,
+  validatePackageName,
+} from '@nanoforge-dev/editor-sdk';
+import type { NotificationService, PromptService } from '@nanoforge-dev/editor-sdk/ui';
+
+import { type ItemKind, createItem, validateItemName } from '../../create/create-item';
+import type { EcsService } from '../../service/ecs-service';
+
+export interface CreateFlowServices {
+  readonly ecs: EcsService;
+  readonly projects: ProjectService;
+  readonly prompts: PromptService | undefined;
+  readonly notifications: NotificationService | undefined;
+}
+
+/** Asks for a name, creates a component or system file in an app or library, and opens it. */
+export const createItemFlow = async (
+  { ecs, projects, prompts, notifications }: CreateFlowServices,
+  kind: ItemKind,
+  target: AppModel,
+): Promise<void> => {
+  const project = projects.current.get();
+  if (!project || !prompts) return;
+  const name = await prompts.ask({
+    title: kind === 'component' ? 'New component' : 'New system',
+    label: 'Name',
+    value: kind === 'component' ? 'Health' : 'regenerate',
+    confirm: 'Create',
+    validate: (value) => validateItemName(kind, value),
+  });
+  if (!name) return;
+  try {
+    const path = await createItem(project, kind, name, target);
+    await ecs.openInCode(path);
+  } catch (error) {
+    notifications?.notify('error', `Could not create ${name}`, {
+      detail: error instanceof Error ? error.message : String(error),
+    });
+  }
+};
+
+/** Asks for a folder and a package name, then creates a shared library (ADR 0004). */
+export const createLibraryFlow = async ({
+  ecs,
+  projects,
+  prompts,
+  notifications,
+}: CreateFlowServices): Promise<void> => {
+  const project = projects.current.get();
+  if (!project || !prompts) return;
+  const folder = await prompts.ask({
+    title: 'New shared library',
+    label: 'Folder in libs/',
+    value: 'shared',
+    confirm: 'Next',
+    validate: (value) =>
+      validateFolder({ exists: (path) => project.fs.entry(path) !== undefined }, 'libs', value),
+  });
+  if (!folder) return;
+  const scope = project.model
+    .get()
+    .name.toLowerCase()
+    .replace(/[^a-z0-9-]+/g, '-');
+  const packageName = await prompts.ask({
+    title: 'New shared library',
+    label: 'Package name (how apps import it)',
+    value: `@${scope}/${folder}`,
+    confirm: 'Create',
+    validate: validatePackageName,
+  });
+  if (!packageName) return;
+  if (await ecs.createLibrary(folder, packageName))
+    notifications?.notify('success', `Shared library ${packageName} created`, {
+      detail: `In libs/${folder}. Apps import it as ${packageName}/components/….`,
+    });
+};
diff --git a/plugins/ecs/src/widgets/component-panel/ComponentPanel.svelte b/plugins/ecs/src/widgets/component-panel/ComponentPanel.svelte
new file mode 100644
index 00000000..c76649b0
--- /dev/null
+++ b/plugins/ecs/src/widgets/component-panel/ComponentPanel.svelte
@@ -0,0 +1,207 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import type { Element, ParamGroup } from '@nanoforge-dev/editor-sdk';
+  import { Select } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import type { ComponentUse } from '../../model/ecs-model.type';
+  import type { ItemDocsOp, ParamDocs } from '../../model/item-docs.type';
+  import ComponentCard from '../inspector/ComponentCard.svelte';
+  import GroupsSection from './GroupsSection.svelte';
+  import ParamEditor from './ParamEditor.svelte';
+  import { changedGroup, docsOf, nextGroupName, presetDoc, regrouped } from './component-docs';
+  import { panelServices } from '../../session/panel-services';
+
+  const { path }: { path: string } = $props();
+  const ecs = panelServices().get(EcsServiceToken);
+  const catalog = ecs.catalogState;
+
+  let chosen = $state<string>();
+  const opened = ecs.openedItem;
+  $effect(() => {
+    const ref = $opened;
+    if (ref && untrack(() => ecs.componentsIn(path)).some((candidate) => candidate.ref === ref))
+      chosen = ref;
+  });
+  const items = $derived.by(() => {
+    void $catalog;
+    return ecs.componentsIn(path);
+  });
+  const item = $derived(items.find((candidate) => candidate.ref === chosen) ?? items[0]);
+  const meta = $derived(item?.meta);
+  const readonly = $derived(item?.readonly ?? true);
+  const params = $derived<readonly Element[]>(meta ? [...meta.params, ...meta.fields] : []);
+  const groups = $derived<readonly ParamGroup[]>(meta?.groups ?? []);
+
+  const write = (op: Omit<ItemDocsOp, 'export'>, label: string) => {
+    if (!meta || readonly) return;
+    void ecs.editDocs(path, { export: meta.export, ...op }, label);
+  };
+
+  const setParam = (element: Element, change: Partial<ParamDocs>, label: string) => {
+    const docs = Object.fromEntries(
+      Object.entries({ ...docsOf(element), ...change }).filter(
+        ([, value]) => value !== undefined && value !== '',
+      ),
+    );
+    write({ params: { [element.name]: docs as ParamDocs } }, label);
+  };
+
+  const setGroups = (
+    next: readonly ParamGroup[],
+    label: string,
+    params?: Record<string, ParamDocs>,
+  ) => write({ groups: next, ...(params && { params }) }, label);
+
+  const renameGroup = (group: ParamGroup, name: string) => {
+    const trimmed = name.trim();
+    if (!trimmed || trimmed === group.name || groups.some((other) => other.name === trimmed))
+      return;
+    setGroups(
+      groups.map((other) => (other === group ? { ...other, name: trimmed } : other)),
+      `Rename group ${group.name}`,
+      regrouped(params, group.name, trimmed),
+    );
+  };
+
+  const removeGroup = (group: ParamGroup) =>
+    setGroups(
+      groups.filter((other) => other !== group),
+      `Remove group ${group.name}`,
+      regrouped(params, group.name, undefined),
+    );
+
+  const updateGroup = (group: ParamGroup, change: Partial<ParamGroup>, label: string) =>
+    setGroups(
+      groups.map((other) => (other === group ? changedGroup(other, change) : other)),
+      label,
+    );
+
+  const newGroupFor = (element: Element) => {
+    const name = nextGroupName(groups);
+    setGroups([...groups, { name }], `Put ${element.name} in a new group`, {
+      [element.name]: { ...docsOf(element), group: name },
+    });
+  };
+
+  const setPreset = (element: Element, presetId: string | undefined) => {
+    if (!presetId)
+      return setParam(element, { preset: undefined }, `Remove the preset of ${element.name}`);
+    const preset = presetDoc(params, element, presetId);
+    if (preset) setParam(element, { preset }, `Set the preset of ${element.name}`);
+  };
+
+  const preview = $derived<ComponentUse | undefined>(
+    meta && {
+      node: { id: 'preview', path, kind: 'NewExpression', start: 0, end: 0 },
+      className: meta.export,
+      item: item?.ref,
+      args: [],
+      code: `new ${meta.export}()`,
+      editable: true,
+    },
+  );
+</script>
+
+<div class="panel">
+  {#if !meta}
+    <p class="muted">No component in this file.</p>
+  {:else}
+    {#if items.length > 1}
+      <Select
+        label="Component to edit"
+        value={item?.ref ?? ''}
+        items={items.map((candidate) => ({ value: candidate.ref, label: candidate.meta.export }))}
+        onchange={(ref) => (chosen = ref)}
+      />
+    {/if}
+    {#if readonly}
+      <p class="muted">An installed package: read-only. Copy it into your project to change it.</p>
+    {/if}
+
+    <section aria-label="Description">
+      <h3>{meta.export}</h3>
+      <textarea
+        aria-label="Description of {meta.export}"
+        placeholder="Description"
+        disabled={readonly}
+        value={meta.description ?? ''}
+        onchange={(event) =>
+          write(
+            { description: (event.currentTarget as HTMLTextAreaElement).value.trim() },
+            `Describe ${meta.export}`,
+          )}></textarea>
+    </section>
+
+    <GroupsSection
+      {groups}
+      {readonly}
+      onadd={() => setGroups([...groups, { name: nextGroupName(groups) }], 'Add a group')}
+      onrename={renameGroup}
+      onupdate={updateGroup}
+      onremove={removeGroup}
+    />
+
+    <section aria-label="Params">
+      <h3>Params</h3>
+      {#each params as element (element.name)}
+        <ParamEditor
+          {element}
+          {params}
+          {groups}
+          {readonly}
+          onchange={(change, label) => setParam(element, change, label)}
+          onnewgroup={() => newGroupFor(element)}
+          onpreset={(presetId) => setPreset(element, presetId)}
+        />
+      {/each}
+    </section>
+
+    {#if preview}
+      <section aria-label="Preview">
+        <h3>Preview</h3>
+        <ComponentCard
+          component={preview}
+          {item}
+          shown={new Set()}
+          first
+          last
+          onargs={() => undefined}
+          onshow={() => undefined}
+          onmove={() => undefined}
+          onremove={() => undefined}
+          onopen={() => undefined}
+        />
+      </section>
+    {/if}
+  {/if}
+</div>
+
+<style>
+  .panel {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-2);
+    padding: var(--nf-space-2);
+  }
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-1);
+  }
+  h3 {
+    margin: 0;
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  textarea {
+    min-height: 48px;
+    resize: vertical;
+    font: inherit;
+  }
+  .muted {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/component-panel/GroupsSection.svelte b/plugins/ecs/src/widgets/component-panel/GroupsSection.svelte
new file mode 100644
index 00000000..2eaa6a73
--- /dev/null
+++ b/plugins/ecs/src/widgets/component-panel/GroupsSection.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+  import type { ParamGroup } from '@nanoforge-dev/editor-sdk';
+  import { Button, ColorPicker, IconButton, Input, Switch } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { hexColor } from '../../model/arg-values';
+
+  interface Props {
+    groups: readonly ParamGroup[];
+    readonly: boolean;
+    onadd: () => void;
+    onrename: (group: ParamGroup, name: string) => void;
+    onupdate: (group: ParamGroup, change: Partial<ParamGroup>, label: string) => void;
+    onremove: (group: ParamGroup) => void;
+  }
+
+  const { groups, readonly, onadd, onrename, onupdate, onremove }: Props = $props();
+</script>
+
+<section aria-label="Groups">
+  <header>
+    <h3>Groups</h3>
+    <Button size="sm" icon="plus" disabled={readonly} onclick={onadd}>New group</Button>
+  </header>
+  {#each groups as group (group.name)}
+    <div class="group-row" role="group" aria-label="Group {group.name}">
+      <Input
+        aria-label="Name of group {group.name}"
+        value={group.name}
+        disabled={readonly}
+        onchange={(event) => onrename(group, (event.currentTarget as HTMLInputElement).value)}
+      />
+      <ColorPicker
+        label="Color of group {group.name}"
+        value={hexColor(group.color) ?? '#ffffff'}
+        disabled={readonly}
+        onchange={(value, final) =>
+          final && onupdate(group, { color: value }, `Color group ${group.name}`)}
+      />
+      <Switch
+        label="Hide group {group.name}"
+        checked={group.hidden ?? false}
+        disabled={readonly}
+        onchange={(hidden) => onupdate(group, { hidden }, `Hide group ${group.name}`)}
+      />
+      <IconButton
+        icon="trash-2"
+        label="Remove group {group.name}"
+        disabled={readonly}
+        onclick={() => onremove(group)}
+      />
+      <Input
+        class="wide"
+        aria-label="Description of group {group.name}"
+        placeholder="Description"
+        value={group.description ?? ''}
+        disabled={readonly}
+        onchange={(event) =>
+          onupdate(
+            group,
+            { description: (event.currentTarget as HTMLInputElement).value.trim() },
+            `Describe group ${group.name}`,
+          )}
+      />
+    </div>
+  {/each}
+</section>
+
+<style>
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-1);
+  }
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  h3 {
+    margin: 0;
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  .group-row {
+    display: grid;
+    grid-template-columns: 1fr auto auto;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  .group-row :global(.wide),
+  .group-row > :global(input:first-child) {
+    grid-column: 1 / -1;
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/component-panel/ParamEditor.svelte b/plugins/ecs/src/widgets/component-panel/ParamEditor.svelte
new file mode 100644
index 00000000..7983cb9c
--- /dev/null
+++ b/plugins/ecs/src/widgets/component-panel/ParamEditor.svelte
@@ -0,0 +1,152 @@
+<script lang="ts">
+  import type { Element, ParamGroup } from '@nanoforge-dev/editor-sdk';
+  import { Button, ColorPicker, Input, Select, Switch } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { BUILT_IN_PRESETS } from '../../layout/param-layout';
+  import { hexColor } from '../../model/arg-values';
+  import type { ParamDocs } from '../../model/item-docs.type';
+  import { freeSlots } from './component-docs';
+
+  interface Props {
+    element: Element;
+    /** Every param of the component: slots are shared within a group. */
+    params: readonly Element[];
+    groups: readonly ParamGroup[];
+    readonly: boolean;
+    onchange: (change: Partial<ParamDocs>, label: string) => void;
+    /** Puts the param in a group of its own. */
+    onnewgroup: () => void;
+    onpreset: (presetId: string | undefined) => void;
+  }
+
+  const { element, params, groups, readonly, onchange, onnewgroup, onpreset }: Props = $props();
+
+  const NONE = '__none__';
+  const NEW_GROUP = '__new__';
+  const presetIds = [...new Set(BUILT_IN_PRESETS.map((preset) => preset.id))];
+  const presetId = $derived(element.layout?.preset?.id ?? NONE);
+</script>
+
+<div class="param" role="group" aria-label="Param {element.name}">
+  <strong>{element.name}</strong> <span class="muted">{element.type}</span>
+  <label>
+    <span>Name</span>
+    <Input
+      aria-label="Name of {element.name}"
+      placeholder={element.name}
+      value={element.layout?.label ?? ''}
+      disabled={readonly}
+      onchange={(event) =>
+        onchange(
+          { label: (event.currentTarget as HTMLInputElement).value.trim() || undefined },
+          `Name ${element.name}`,
+        )}
+    />
+  </label>
+  <label>
+    <span>Description</span>
+    <Input
+      aria-label="Description of {element.name}"
+      value={element.description ?? ''}
+      disabled={readonly}
+      onchange={(event) =>
+        onchange(
+          { description: (event.currentTarget as HTMLInputElement).value.trim() },
+          `Describe ${element.name}`,
+        )}
+    />
+  </label>
+  <div class="row">
+    <span>Group</span>
+    <Select
+      label="Group of {element.name}"
+      value={element.layout?.group ?? NONE}
+      items={[
+        { value: NONE, label: 'None' },
+        ...groups.map((group) => ({ value: group.name, label: group.name })),
+        { value: NEW_GROUP, label: 'New group…' },
+      ]}
+      disabled={readonly}
+      onchange={(value) => {
+        if (value === NEW_GROUP) onnewgroup();
+        else onchange({ group: value === NONE ? undefined : value }, `Group ${element.name}`);
+      }}
+    />
+  </div>
+  <div class="row">
+    <span>Preset</span>
+    <Select
+      label="Preset of {element.name}"
+      value={presetId}
+      items={[{ value: NONE, label: 'None' }, ...presetIds.map((id) => ({ value: id, label: id }))]}
+      disabled={readonly}
+      onchange={(value) => onpreset(value === NONE ? undefined : value)}
+    />
+    {#if element.layout?.preset?.slot}
+      {@const slots = [
+        element.layout.preset.slot,
+        ...freeSlots(params, element, presetId).filter(
+          (slot) => slot !== element.layout?.preset?.slot,
+        ),
+      ]}
+      <Select
+        label="Slot of {element.name}"
+        value={element.layout.preset.slot}
+        items={slots.map((slot) => ({ value: slot, label: slot }))}
+        disabled={readonly}
+        onchange={(slot) =>
+          onchange({ preset: `${presetId}.${slot}` }, `Set the slot of ${element.name}`)}
+      />
+    {/if}
+  </div>
+  <div class="row">
+    <span>Color</span>
+    <ColorPicker
+      label="Color of {element.name}"
+      value={hexColor(element.layout?.color) ?? '#ffffff'}
+      disabled={readonly}
+      onchange={(value, final) => final && onchange({ color: value }, `Color ${element.name}`)}
+    />
+    {#if element.layout?.color}
+      <Button
+        size="sm"
+        variant="ghost"
+        disabled={readonly}
+        onclick={() => onchange({ color: undefined }, `Remove the color of ${element.name}`)}
+        >None</Button
+      >
+    {/if}
+    <Switch
+      label="Hide {element.name}"
+      checked={element.layout?.hidden ?? false}
+      disabled={readonly}
+      onchange={(hidden) => onchange({ hidden: hidden || undefined }, `Hide ${element.name}`)}
+    />
+  </div>
+</div>
+
+<style>
+  .param {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--nf-space-1) 0;
+    border-top: 1px solid var(--nf-color-border);
+  }
+  label,
+  .row {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  label > span,
+  .row > span {
+    width: 80px;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .muted {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/component-panel/component-docs.ts b/plugins/ecs/src/widgets/component-panel/component-docs.ts
new file mode 100644
index 00000000..613f512a
--- /dev/null
+++ b/plugins/ecs/src/widgets/component-panel/component-docs.ts
@@ -0,0 +1,86 @@
+import type { Element, ParamGroup } from '@nanoforge-dev/editor-sdk';
+
+import { BUILT_IN_PRESETS } from '../../layout/param-layout';
+import type { ParamDocs } from '../../model/item-docs.type';
+
+/** A param's layout as its doc tags say it. */
+export const docsOf = (element: Element): ParamDocs => {
+  const layout = element.layout ?? {};
+  return {
+    ...(layout.label && { label: layout.label }),
+    ...(layout.group && { group: layout.group }),
+    ...(layout.preset && {
+      preset: layout.preset.slot ? `${layout.preset.id}.${layout.preset.slot}` : layout.preset.id,
+    }),
+    ...(layout.color && { color: layout.color }),
+    ...(layout.hidden && { hidden: true }),
+  };
+};
+
+/** `Group N`, the first name no group has. */
+export const nextGroupName = (groups: readonly ParamGroup[]): string => {
+  let index = groups.length + 1;
+  while (groups.some((group) => group.name === `Group ${index}`)) index += 1;
+  return `Group ${index}`;
+};
+
+/** The docs of the params of a group, moved to another group (or to none). */
+export const regrouped = (
+  params: readonly Element[],
+  group: string,
+  to: string | undefined,
+): Record<string, ParamDocs> => {
+  const moved: Record<string, ParamDocs> = {};
+  for (const element of params)
+    if (element.layout?.group === group) {
+      const docs = { ...docsOf(element) };
+      if (to) docs.group = to;
+      else delete (docs as { group?: string }).group;
+      moved[element.name] = docs;
+    }
+  return moved;
+};
+
+/** A group with a change, without its empty fields. */
+export const changedGroup = (group: ParamGroup, change: Partial<ParamGroup>): ParamGroup =>
+  Object.fromEntries(
+    Object.entries({ ...group, ...change }).filter(
+      ([, value]) => value !== undefined && value !== '' && value !== false,
+    ),
+  ) as unknown as ParamGroup;
+
+/** Slots of a preset still free in a group (plus the param's own). */
+export const freeSlots = (
+  params: readonly Element[],
+  element: Element,
+  presetId: string,
+): string[] => {
+  const definition = BUILT_IN_PRESETS.find(
+    (preset) => preset.id === presetId && preset.slots && preset.types.includes(element.type),
+  );
+  if (!definition?.slots) return [];
+  const taken = new Set(
+    params
+      .filter(
+        (other) =>
+          other !== element &&
+          other.layout?.group === element.layout?.group &&
+          other.layout?.preset?.id === presetId,
+      )
+      .map((other) => other.layout?.preset?.slot),
+  );
+  return definition.slots.filter((slot) => !taken.has(slot));
+};
+
+/** The `preset` doc of a param put in a preset: its first free slot, or the preset alone. */
+export const presetDoc = (
+  params: readonly Element[],
+  element: Element,
+  presetId: string,
+): string | undefined => {
+  const slots = freeSlots(params, element, presetId);
+  const single = BUILT_IN_PRESETS.some(
+    (preset) => preset.id === presetId && !preset.slots && preset.types.includes(element.type),
+  );
+  return slots.length ? `${presetId}.${slots[0]}` : single ? presetId : undefined;
+};
diff --git a/plugins/ecs/src/widgets/hierarchy/Hierarchy.svelte b/plugins/ecs/src/widgets/hierarchy/Hierarchy.svelte
new file mode 100644
index 00000000..3e0b6186
--- /dev/null
+++ b/plugins/ecs/src/widgets/hierarchy/Hierarchy.svelte
@@ -0,0 +1,275 @@
+<script lang="ts">
+  import { documentHistoryId } from '@nanoforge-dev/editor-sdk';
+  import {
+    ContextMenu,
+    type DropPosition,
+    EmptyState,
+    IconButton,
+    Input,
+    type MenuEntry,
+    Select,
+    Tree,
+    type TreeNode,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import type { LiveSource } from '../../live/live.type';
+  import { LiveServiceToken } from '../../live/live-service';
+  import InheritedEntitiesTree from './InheritedEntitiesTree.svelte';
+  import LiveEntitiesTree from './LiveEntitiesTree.svelte';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const ecs = instance.services.get(EcsServiceToken);
+  const location = ecs.location;
+  const ecsSource = ecs.source;
+  $effect(() => {
+    const path = $location?.path;
+    instance.setHistoryContext(path ? documentHistoryId(path) : undefined);
+  });
+  const apps = ecs.apps;
+  const appId = ecs.appId;
+  const model = ecs.model;
+  const selection = ecs.selection;
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(LiveServiceToken);
+  const playing = live.playing;
+  const instances = live.instances;
+  let chosenSource = $state<LiveSource>();
+  const liveMode = $derived($playing && $instances.length > 0);
+  const source = $derived(
+    $instances.find((candidate) => candidate.source === chosenSource)?.source ??
+      $instances[0]?.source,
+  );
+  const liveInstance = $derived($instances.find((candidate) => candidate.source === source));
+  let liveExpanded = $state(new Set<string>());
+  let inheritedExpanded = $state(new Set<string>());
+
+  let filter = $state('');
+  let menuTarget = $state<string>();
+  let tree = $state<{ rename: (id: string) => void }>();
+
+  const CODE_PREFIX = 'code:';
+  const nodes = $derived.by((): TreeNode[] => {
+    const query = filter.trim().toLowerCase();
+    const matches = (name: string, components: readonly string[]) =>
+      !query ||
+      name.toLowerCase().includes(query) ||
+      components.some((component) => component.toLowerCase().includes(query));
+    const entities = ($model?.entities ?? [])
+      .filter((entity) =>
+        matches(
+          entity.name,
+          entity.components.map((component) => component.className ?? ''),
+        ),
+      )
+      .map((entity) => ({
+        id: entity.name,
+        label: entity.name,
+        icon: 'box',
+        detail: entity.components.map((component) => component.className ?? '…').join(', '),
+      }));
+    const codeOnly = query
+      ? []
+      : ($model?.codeOnly ?? []).map((entry) => ({
+          id: `${CODE_PREFIX}${entry.line}`,
+          label: `Line ${entry.line}`,
+          icon: 'lock',
+          detail: 'from code',
+          draggable: false,
+          droppable: false,
+        }));
+    return [...entities, ...codeOnly];
+  });
+
+  const selected = $derived(new Set($selection ? [$selection] : []));
+
+  const lineOf = (id: string) =>
+    id.startsWith(CODE_PREFIX)
+      ? Number(id.slice(CODE_PREFIX.length))
+      : $model?.entities.find((entity) => entity.name === id)?.line;
+
+  const openInCode = (id: string) => {
+    if ($model) void ecs.openInCode($model.path, lineOf(id));
+  };
+
+  const move = (ids: string[], target: string, position: DropPosition) => {
+    const [entity] = ids;
+    if (!entity || entity === target || target.startsWith(CODE_PREFIX)) return;
+    const names = ($model?.entities ?? []).map((candidate) => candidate.name);
+    const before =
+      position === 'after' || position === 'inside' ? names[names.indexOf(target) + 1] : target;
+    void ecs.apply(
+      { kind: 'moveEntity', entity, ...(before && before !== entity && { before }) },
+      `Move ${entity}`,
+    );
+  };
+
+  const menu = (): MenuEntry[] => {
+    const id = menuTarget;
+    if (!id) return [{ kind: 'item', id: 'add', label: 'Add entity', onSelect: add }];
+    if (id.startsWith(CODE_PREFIX))
+      return [{ kind: 'item', id: 'open', label: 'Open in code', onSelect: () => openInCode(id) }];
+    return [
+      {
+        kind: 'item',
+        id: 'duplicate',
+        label: 'Duplicate',
+        onSelect: () => void ecs.apply({ kind: 'duplicateEntity', entity: id }, `Duplicate ${id}`),
+      },
+      {
+        kind: 'item',
+        id: 'rename',
+        label: 'Rename',
+        shortcut: 'F2',
+        onSelect: () => setTimeout(() => tree?.rename(id), 150),
+      },
+      { kind: 'item', id: 'open', label: 'Open in code', onSelect: () => openInCode(id) },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'remove',
+        label: 'Remove',
+        onSelect: () => void ecs.apply({ kind: 'removeEntity', entity: id }, `Remove ${id}`),
+      },
+    ];
+  };
+
+  const add = () => void ecs.apply({ kind: 'addEntity' }, 'Add entity');
+</script>
+
+<div class="hierarchy">
+  <div class="toolbar">
+    {#if liveMode}
+      <Select
+        label="Running game"
+        value={source ?? ''}
+        items={$instances.map((candidate) => ({
+          value: candidate.source,
+          label: `${candidate.source === 'client' ? 'Client' : 'Server'} (running)`,
+        }))}
+        onchange={(value) => (chosenSource = value as LiveSource)}
+      />
+    {:else if $apps.length > 1}
+      <Select
+        label="App"
+        value={$appId ?? ''}
+        items={$apps.map((app) => ({ value: app.id, label: app.name }))}
+        onchange={(id) => ecs.selectApp(id)}
+      />
+    {/if}
+    <Input bind:value={filter} placeholder="Filter" aria-label="Filter entities" />
+    {#if liveMode}
+      <IconButton
+        icon="plus"
+        label="Spawn an entity in the game"
+        onclick={() => source && live.spawnEntity(source)}
+      />
+    {:else}
+      <IconButton icon="plus" label="Add entity" onclick={add} disabled={!$model?.found} />
+    {/if}
+  </div>
+
+  {#if liveMode}
+    <LiveEntitiesTree
+      {live}
+      instance={liveInstance}
+      {source}
+      {filter}
+      bind:expanded={liveExpanded}
+    />
+  {:else if !$apps.length}
+    <EmptyState
+      icon="box"
+      title="No app with the ECS"
+      description="Apps that use @nanoforge-dev/ecs show their entities here."
+    />
+  {:else if $ecsSource && !$location}
+    <EmptyState
+      icon="layers"
+      title="No scene selected"
+      description={$ecsSource.emptyMessage ?? 'Choose what to edit.'}
+    />
+  {:else if $model && !$model.found}
+    <EmptyState
+      icon="triangle-alert"
+      title="No scene to edit"
+      description={$model.problems.join(' ')}
+    />
+  {:else}
+    <InheritedEntitiesTree {ecs} bind:expanded={inheritedExpanded} />
+    {#if $location?.label}
+      <div class="scene-label">{$location.label}</div>
+    {/if}
+    <ContextMenu items={menu}>
+      <div
+        class="list"
+        role="presentation"
+        oncontextmenu={(event) => {
+          if (!(event.target as HTMLElement).closest('[data-id]')) menuTarget = undefined;
+        }}
+      >
+        {#if nodes.length}
+          <Tree
+            bind:this={tree}
+            label="Entities"
+            {nodes}
+            {selected}
+            onselectionchange={(next) => {
+              const [id] = [...next];
+              ecs.select(id && !id.startsWith(CODE_PREFIX) ? id : undefined);
+            }}
+            onactivate={openInCode}
+            onrename={(id, name) =>
+              !id.startsWith(CODE_PREFIX) &&
+              ecs.apply({ kind: 'renameEntity', entity: id, name }, `Rename ${id}`)}
+            ondrop={move}
+            oncontextmenu={(id) => (menuTarget = id)}
+          />
+        {:else}
+          <EmptyState
+            icon="box"
+            title={filter ? 'No match' : 'No entity yet'}
+            description={filter ? undefined : 'Add an entity to start.'}
+          />
+        {/if}
+      </div>
+    </ContextMenu>
+  {/if}
+</div>
+
+<style>
+  .hierarchy {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    flex-wrap: wrap;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  /* In a narrow dock the filter goes under the app selector instead of shrinking to nothing. */
+  .toolbar :global(input) {
+    flex: 1 1 90px;
+    min-width: 0;
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .scene-label {
+    flex: none;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/hierarchy/InheritedEntitiesTree.svelte b/plugins/ecs/src/widgets/hierarchy/InheritedEntitiesTree.svelte
new file mode 100644
index 00000000..5e84e399
--- /dev/null
+++ b/plugins/ecs/src/widgets/hierarchy/InheritedEntitiesTree.svelte
@@ -0,0 +1,109 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import { ContextMenu, type MenuEntry, Tree, type TreeNode } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { EcsService } from '../../service/ecs-service';
+
+  interface Props {
+    ecs: EcsService;
+    expanded: Set<string>;
+  }
+
+  let { ecs, expanded = $bindable() }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const inherited = ecs.inherited;
+  // svelte-ignore state_referenced_locally
+  const ecsSource = ecs.source;
+
+  const INHERITED_PREFIX = 'inherited:';
+
+  const nodes = $derived(
+    $inherited.map(({ location: parent, model: parentModel }, index): TreeNode => ({
+      id: `${INHERITED_PREFIX}${index}`,
+      label: parent.label,
+      icon: 'layers',
+      detail: 'parent scene',
+      draggable: false,
+      droppable: false,
+      children: parentModel.entities.map((entity) => ({
+        id: `${INHERITED_PREFIX}${index}:${entity.name}`,
+        label: entity.name,
+        icon: 'lock',
+        detail: entity.components.map((component) => component.className ?? '…').join(', '),
+        draggable: false,
+        droppable: false,
+      })),
+    })),
+  );
+  /** Groups expand when they first appear; one the user collapsed stays collapsed. */
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- bookkeeping, not state
+  const offered = new Set<string>();
+  $effect(() => {
+    const fresh = nodes.map((node) => node.id).filter((id) => !offered.has(id));
+    if (!fresh.length) return;
+    for (const id of fresh) offered.add(id);
+    expanded = new Set([...untrack(() => expanded), ...fresh]);
+  });
+  /** The inherited location and entity line of an inherited row. */
+  const inheritedOf = (id: string) => {
+    const [index, name] = id.slice(INHERITED_PREFIX.length).split(':');
+    const entry = $inherited[Number(index)];
+    if (!entry) return undefined;
+    const line = name ? entry.model.entities.find((entity) => entity.name === name)?.line : 1;
+    return { entry, line };
+  };
+  let menuTarget = $state<string>();
+  const menu = (): MenuEntry[] => {
+    const target = menuTarget ? inheritedOf(menuTarget) : undefined;
+    if (!target) return [];
+    const app = ecs.app;
+    const edit = $ecsSource?.edit;
+    return [
+      {
+        kind: 'item',
+        id: 'open',
+        label: 'Open in code',
+        onSelect: () => void ecs.openInCode(target.entry.location.path, target.line),
+      },
+      ...(edit && app
+        ? [
+            {
+              kind: 'item' as const,
+              id: 'edit',
+              label: 'Edit this scene',
+              onSelect: () => edit(app, target.entry.location),
+            },
+          ]
+        : []),
+    ];
+  };
+</script>
+
+{#if nodes.length}
+  <ContextMenu items={menu}>
+    <div class="inherited" role="presentation">
+      <Tree
+        label="Inherited entities"
+        {nodes}
+        bind:expanded
+        selected={new Set()}
+        onactivate={(id) => {
+          const target = inheritedOf(id);
+          if (target) void ecs.openInCode(target.entry.location.path, target.line);
+        }}
+        oncontextmenu={(id) => (menuTarget = id)}
+      />
+    </div>
+  </ContextMenu>
+{/if}
+
+<style>
+  .inherited {
+    flex: none;
+    max-height: 40%;
+    overflow: auto;
+    border-bottom: 1px solid var(--nf-color-border);
+    opacity: 0.7;
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/hierarchy/LiveEntitiesTree.svelte b/plugins/ecs/src/widgets/hierarchy/LiveEntitiesTree.svelte
new file mode 100644
index 00000000..d0ec83d8
--- /dev/null
+++ b/plugins/ecs/src/widgets/hierarchy/LiveEntitiesTree.svelte
@@ -0,0 +1,136 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import { ContextMenu, type MenuEntry, Tree, type TreeNode } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { LiveService } from '../../live/live-service';
+  import type { LiveEntity, LiveInstance, LiveSource } from '../../live/live.type';
+
+  interface Props {
+    live: LiveService;
+    /** The running game shown. */
+    instance: LiveInstance | undefined;
+    source: LiveSource | undefined;
+    filter: string;
+    expanded: Set<string>;
+  }
+
+  let { live, instance, source, filter, expanded = $bindable() }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const pending = live.pending;
+  // svelte-ignore state_referenced_locally
+  const liveSelection = live.selection;
+
+  const LIVE_PREFIX = 'live:';
+  const SCENE_PREFIX = 'scene:';
+  const liveLabel = (entity: LiveEntity) =>
+    entity.code ?? (entity.codeOnlyLine ? `Line ${entity.codeOnlyLine}` : `Entity ${entity.id}`);
+  const liveNode = (entity: LiveEntity): TreeNode => ({
+    id: `${LIVE_PREFIX}${entity.id}`,
+    label: liveLabel(entity),
+    icon: entity.runtime ? 'play' : entity.codeOnlyLine ? 'lock' : 'box',
+    detail: [
+      entity.components.map((component) => component.name).join(', '),
+      entity.runtime ? 'runtime' : entity.codeOnlyLine ? 'from code' : '',
+      instance && live.hasPending(instance.app, entity.key) ? 'changed' : '',
+    ]
+      .filter(Boolean)
+      .join(' · '),
+    draggable: false,
+    droppable: false,
+  });
+  const nodes = $derived.by((): TreeNode[] => {
+    void $pending;
+    const query = filter.trim().toLowerCase();
+    const shown = (instance?.entities ?? []).filter(
+      (entity) =>
+        !query ||
+        liveLabel(entity).toLowerCase().includes(query) ||
+        entity.components.some((component) => component.name.toLowerCase().includes(query)),
+    );
+    const scenes = [...new Set(shown.map((entity) => entity.scene).filter(Boolean))] as string[];
+    return [
+      ...scenes.map((scene) => ({
+        id: `${SCENE_PREFIX}${scene}`,
+        label: scene,
+        icon: 'layers',
+        detail: 'scene',
+        draggable: false,
+        droppable: false,
+        children: shown.filter((entity) => entity.scene === scene).map(liveNode),
+      })),
+      ...shown.filter((entity) => !entity.scene).map(liveNode),
+    ];
+  });
+  /** Groups expand when they first appear; one the user collapsed stays collapsed. */
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- bookkeeping, not state
+  const offered = new Set<string>();
+  $effect(() => {
+    const fresh = nodes
+      .filter((node) => node.children && !offered.has(node.id))
+      .map((node) => node.id);
+    if (!fresh.length) return;
+    for (const id of fresh) offered.add(id);
+    expanded = new Set([...untrack(() => expanded), ...fresh]);
+  });
+  const selected = $derived(
+    new Set(
+      $liveSelection && $liveSelection.source === source
+        ? [`${LIVE_PREFIX}${$liveSelection.id}`]
+        : [],
+    ),
+  );
+  const entityOf = (id: string) =>
+    instance?.entities.find((entity) => `${LIVE_PREFIX}${entity.id}` === id);
+
+  let menuTarget = $state<string>();
+  const menu = (): MenuEntry[] => {
+    const entity = menuTarget ? entityOf(menuTarget) : undefined;
+    if (!entity || !instance || !source) return [];
+    const app = instance.app;
+    return [
+      ...(entity.key
+        ? [
+            {
+              kind: 'item' as const,
+              id: 'apply',
+              label: 'Apply to code',
+              disabled: !live.hasPending(app, entity.key),
+              onSelect: () => void live.applyToCode(app, entity.key!),
+            },
+          ]
+        : []),
+      {
+        kind: 'item',
+        id: 'remove',
+        label: 'Remove from the game',
+        onSelect: () => live.removeEntity(source, entity),
+      },
+    ];
+  };
+</script>
+
+<ContextMenu items={menu}>
+  <div class="list" role="presentation">
+    <Tree
+      label="Live entities"
+      {nodes}
+      bind:expanded
+      {selected}
+      onselectionchange={(next) => {
+        const [id] = [...next];
+        const entity = id ? entityOf(id) : undefined;
+        live.select(entity && source ? { source, id: entity.id } : undefined);
+      }}
+      oncontextmenu={(id) => (menuTarget = id)}
+    />
+  </div>
+</ContextMenu>
+
+<style>
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/inspector/ComponentCard.svelte b/plugins/ecs/src/widgets/inspector/ComponentCard.svelte
new file mode 100644
index 00000000..d87faad9
--- /dev/null
+++ b/plugins/ecs/src/widgets/inspector/ComponentCard.svelte
@@ -0,0 +1,342 @@
+<script lang="ts">
+  import type { CatalogItem, Element } from '@nanoforge-dev/editor-sdk';
+  import {
+    ColorPicker,
+    IconButton,
+    Menu,
+    type MenuEntry,
+    NumberInput,
+    Tooltip,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { FieldEditor } from '../../extension/field-editor.extension-point';
+  import type { ParamPreset } from '../../extension/param-preset.extension-point';
+  import { BUILT_IN_PRESETS, type LayoutRow, buildLayout } from '../../layout/param-layout';
+  import type { ArgValue, ComponentUse, ImportNeed } from '../../model/ecs-model.type';
+  import { currentValue, defaultArg, hexToRgb, rgbToHex } from '../../model/arg-values';
+  import ParamField from './ParamField.svelte';
+
+  interface Props {
+    component: ComponentUse;
+    item: CatalogItem | undefined;
+    /** Ids (`param:x`, `group:Debug`) the user chose to show although hidden. */
+    shown: ReadonlySet<string>;
+    first: boolean;
+    last: boolean;
+    editors?: readonly FieldEditor[];
+    presets?: readonly ParamPreset[];
+    onargs: (args: Record<number, ArgValue>, fill: ArgValue[], imports?: ImportNeed[]) => void;
+    onshow: (id: string, visible: boolean) => void;
+    onmove: (offset: -1 | 1) => void;
+    onremove: () => void;
+    onopen: () => void;
+  }
+
+  const {
+    component,
+    item,
+    shown,
+    first,
+    last,
+    editors = [],
+    presets = [],
+    onargs,
+    onshow,
+    onmove,
+    onremove,
+    onopen,
+  }: Props = $props();
+
+  /** Params from the catalog; without it, one code field per argument. */
+  const params = $derived<readonly Element[]>(
+    item?.meta.params ??
+      component.args.map((_, index) => ({
+        type: 'unknown',
+        name: `argument ${index + 1}`,
+        tsType: '',
+      })),
+  );
+  const layout = $derived(
+    buildLayout(params, item?.meta.groups ?? [], shown, [...presets, ...BUILT_IN_PRESETS]),
+  );
+  const title = $derived(component.className ?? component.code);
+  let collapsed = $state(new Set<string>());
+  let ratioLocked = $state(false);
+
+  const fill = () => params.map(defaultArg);
+  const set = (index: number, value: ArgValue, imports?: ImportNeed[]) =>
+    onargs({ [index]: value }, fill(), imports);
+  const numberOf = (index: number) => {
+    const value = currentValue(params[index]!, component.args[index]);
+    return typeof value === 'number' ? value : 0;
+  };
+
+  const menu = $derived.by((): MenuEntry[] => {
+    const hiddenShown = [...shown].filter((id) =>
+      id.startsWith('group:')
+        ? item?.meta.groups.some((group) => `group:${group.name}` === id && group.hidden)
+        : params.some((param) => `param:${param.name}` === id && param.layout?.hidden),
+    );
+    return [
+      { kind: 'item', id: 'up', label: 'Move up', disabled: first, onSelect: () => onmove(-1) },
+      { kind: 'item', id: 'down', label: 'Move down', disabled: last, onSelect: () => onmove(1) },
+      { kind: 'item', id: 'open', label: 'Open source', disabled: !item, onSelect: onopen },
+      ...(hiddenShown.length
+        ? [
+            { kind: 'separator' as const },
+            ...hiddenShown.map((id) => ({
+              kind: 'item' as const,
+              id: `hide-${id}`,
+              label: `Hide ${id.slice(id.indexOf(':') + 1)} again`,
+              onSelect: () => onshow(id, false),
+            })),
+          ]
+        : []),
+      { kind: 'separator' },
+      { kind: 'item', id: 'remove', label: 'Remove component', onSelect: onremove },
+    ];
+  });
+
+  const toggle = (name: string) => {
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, not mutated in place
+    const next = new Set(collapsed);
+    if (next.has(name)) next.delete(name);
+    else next.add(name);
+    collapsed = next;
+  };
+</script>
+
+{#snippet info(text: string | undefined, label: string)}
+  {#if text}
+    <Tooltip {text}>
+      {#snippet children({ props })}
+        <span {...props} class="info" role="img" aria-label="About {label}">ⓘ</span>
+      {/snippet}
+    </Tooltip>
+  {/if}
+{/snippet}
+
+{#snippet row(entry: LayoutRow)}
+  {#if !entry.hidden}
+    {#if entry.kind === 'param'}
+      <ParamField
+        element={entry.element}
+        arg={component.args[entry.index]}
+        label={entry.label}
+        color={entry.color}
+        preset={entry.preset}
+        {editors}
+        disabled={!component.editable}
+        onchange={(value, imports) => set(entry.index, value, imports)}
+      />
+    {:else if (entry.preset as ParamPreset).component}
+      {@const Editor = (entry.preset as ParamPreset).component!}
+      <div class="preset" role="group" aria-label={entry.label}>
+        <span class="label">{entry.label}</span>
+        <Editor
+          row={entry}
+          values={entry.slots.map((slot) => currentValue(slot.element, component.args[slot.index]))}
+          disabled={!component.editable}
+          onchange={(args) => onargs(args, fill())}
+        />
+      </div>
+    {:else if entry.preset.id === 'color'}
+      {@const [r, g, b] = entry.slots.map((slot) => numberOf(slot.index))}
+      <div class="preset" role="group" aria-label={entry.label}>
+        <span class="label">{entry.label}</span>
+        <ColorPicker
+          label={entry.label}
+          value={rgbToHex(r ?? 0, g ?? 0, b ?? 0)}
+          disabled={!component.editable}
+          onchange={(next, final) => {
+            if (!final) return;
+            const rgb = hexToRgb(next);
+            const args: Record<number, ArgValue> = {};
+            entry.slots.forEach((slot, i) => {
+              if (i < 3) args[slot.index] = { value: rgb[i] };
+            });
+            onargs(args, fill());
+          }}
+        />
+      </div>
+    {:else}
+      <div class="preset" role="group" aria-label={entry.label}>
+        <span class="label">{entry.label}</span>
+        <span class="inputs">
+          {#each entry.slots as slot (slot.slot)}
+            <NumberInput
+              prefix={slot.slot === 'width'
+                ? 'W'
+                : slot.slot === 'height'
+                  ? 'H'
+                  : slot.slot.toUpperCase()}
+              label="{entry.label} {slot.slot}"
+              value={numberOf(slot.index)}
+              disabled={!component.editable}
+              onchange={(next, final) => {
+                if (!final) return;
+                const args: Record<number, ArgValue> = { [slot.index]: { value: next } };
+                if (entry.preset.id === 'size' && ratioLocked) {
+                  const other = entry.slots.find((candidate) => candidate !== slot);
+                  const before = numberOf(slot.index);
+                  if (other && before)
+                    args[other.index] = { value: (numberOf(other.index) * next) / before };
+                }
+                onargs(args, fill());
+              }}
+            />
+          {/each}
+          {#if entry.preset.id === 'size'}
+            <IconButton
+              icon="lock"
+              label={ratioLocked ? 'Unlock the ratio' : 'Keep the ratio'}
+              pressed={ratioLocked}
+              onclick={() => (ratioLocked = !ratioLocked)}
+            />
+          {/if}
+        </span>
+      </div>
+    {/if}
+  {/if}
+{/snippet}
+
+<section class="card" aria-label={title}>
+  <header>
+    <span class="title">{title}</span>
+    {@render info(item?.meta.description, title)}
+    <span class="spacer"></span>
+    {#if layout.hidden.length}
+      <Menu
+        items={layout.hidden.map((entry) => ({
+          kind: 'item' as const,
+          id: entry.id,
+          label: entry.label,
+          onSelect: () => onshow(entry.id, true),
+        }))}
+      >
+        {#snippet trigger({ props })}
+          <button {...props} class="show-hidden">Show hidden ({layout.hidden.length})</button>
+        {/snippet}
+      </Menu>
+    {/if}
+    <Menu items={menu}>
+      {#snippet trigger({ props })}
+        <IconButton {...props} icon="ellipsis" label="{title} actions" />
+      {/snippet}
+    </Menu>
+  </header>
+
+  {#if !component.editable}
+    <p class="code-only">{component.code}</p>
+  {:else}
+    <div class="body">
+      {#each layout.blocks as block, index (index)}
+        {#if block.kind === 'group'}
+          {#if !block.hidden}
+            <div class="group">
+              <button
+                class="group-title"
+                style:color={block.group.color}
+                aria-expanded={!collapsed.has(block.group.name)}
+                onclick={() => toggle(block.group.name)}
+              >
+                {collapsed.has(block.group.name) ? '▸' : '▾'}
+                {block.group.name}
+              </button>
+              {@render info(block.group.description, block.group.name)}
+              {#if !collapsed.has(block.group.name)}
+                <div class="group-body">
+                  {#each block.rows as entry, rowIndex (rowIndex)}
+                    {@render row(entry)}
+                  {/each}
+                </div>
+              {/if}
+            </div>
+          {/if}
+        {:else}
+          {@render row(block)}
+        {/if}
+      {/each}
+      {#each layout.warnings as warning (warning)}
+        <p class="warning">{warning}</p>
+      {/each}
+    </div>
+  {/if}
+</section>
+
+<style>
+  .card {
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  header {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    background: transparent;
+  }
+  .title {
+    font-weight: 600;
+  }
+  .spacer {
+    flex: 1;
+  }
+  .info {
+    cursor: help;
+    opacity: 0.7;
+  }
+  .show-hidden {
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  .body {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--nf-space-1) var(--nf-space-2) var(--nf-space-2);
+  }
+  .group-title {
+    border: 0;
+    background: none;
+    color: inherit;
+    font-weight: 600;
+    cursor: pointer;
+    padding: 2px 0;
+  }
+  .group-body {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding-left: var(--nf-space-2);
+  }
+  .preset {
+    display: grid;
+    grid-template-columns: minmax(80px, 38%) 1fr;
+    gap: var(--nf-space-2);
+    align-items: center;
+  }
+  .preset .label {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .inputs {
+    display: flex;
+    gap: var(--nf-space-1);
+    min-width: 0;
+  }
+  .code-only {
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    font-family: var(--nf-font-mono);
+    font-size: var(--nf-font-size-sm);
+    white-space: pre-wrap;
+  }
+  .warning {
+    margin: var(--nf-space-1) 0 0;
+    color: var(--nf-color-warning, orange);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/inspector/Inspector.svelte b/plugins/ecs/src/widgets/inspector/Inspector.svelte
new file mode 100644
index 00000000..38e1caea
--- /dev/null
+++ b/plugins/ecs/src/widgets/inspector/Inspector.svelte
@@ -0,0 +1,171 @@
+<script lang="ts">
+  import { documentHistoryId } from '@nanoforge-dev/editor-sdk';
+  import { Combobox, EmptyState, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { ecsData } from '../../service/ecs-data';
+  import { initialArgs } from '../../model/arg-values';
+  import { LiveServiceToken } from '../../live/live-service';
+  import ComponentCard from './ComponentCard.svelte';
+  import LiveInspector from './LiveInspector.svelte';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const ecs = instance.services.get(EcsServiceToken);
+  /** Undo targets the file the Inspector edits: `main`, or the selected scene's file. */
+  const location = ecs.location;
+  $effect(() => {
+    const path = $location?.path;
+    instance.setHistoryContext(path ? documentHistoryId(path) : undefined);
+  });
+  const model = ecs.model;
+  const selection = ecs.selection;
+  const catalog = ecs.catalogState;
+  const shownState = ecs.shown;
+  const editors = ecs.fieldEditors;
+  const presets = ecs.paramPresets;
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(LiveServiceToken);
+  const playing = live.playing;
+  const instances = live.instances;
+  const liveSelection = live.selection;
+  const liveTarget = $derived.by(() => {
+    if (!$playing || !$liveSelection) return undefined;
+    const running = $instances.find((candidate) => candidate.source === $liveSelection.source);
+    const entity = running?.entities.find((candidate) => candidate.id === $liveSelection.id);
+    return running && entity ? { running, entity } : undefined;
+  });
+
+  const shownFor = $derived.by(() => {
+    void $shownState;
+    return (ref: string | undefined) => ecs.shownFor(ref);
+  });
+
+  const entity = $derived($model?.entities.find((candidate) => candidate.name === $selection));
+
+  const choices = $derived.by(() => {
+    void $catalog;
+    return ecs
+      .items()
+      .filter((item) => ecsData(item)?.type === 'component')
+      .map((item) => ({
+        value: item.ref,
+        label: item.meta.export,
+        detail:
+          item.source.kind === 'app'
+            ? 'App'
+            : item.source.kind === 'lib'
+              ? `Shared library ${item.source.name}`
+              : `Installed package ${item.source.name}`,
+      }));
+  });
+
+  const addComponent = (ref: string) => {
+    const item = ecs.item(ref);
+    if (!item || !entity) return;
+    void ecs.apply(
+      {
+        kind: 'addComponent',
+        entity: entity.name,
+        className: item.meta.export,
+        args: initialArgs(item.meta.params),
+        imports: [ecs.importOf(item)],
+      },
+      `Add ${item.meta.export} to ${entity.name}`,
+    );
+  };
+</script>
+
+<div class="inspector">
+  {#if liveTarget}
+    <LiveInspector
+      {instance}
+      source={liveTarget.running.source}
+      app={liveTarget.running.app}
+      entity={liveTarget.entity}
+      editors={$editors}
+      presets={$presets}
+    />
+  {:else if $playing && $instances.length}
+    <EmptyState
+      icon="play"
+      title="No entity selected"
+      description="Select an entity of the running game."
+    />
+  {:else if !entity}
+    <EmptyState
+      icon="box"
+      title="No entity selected"
+      description="Select an entity in the hierarchy."
+    />
+  {:else}
+    <h2 class="entity">{entity.name}</h2>
+    <div class="components">
+      {#each entity.components as component, index (component.node.id)}
+        {@const item = ecs.item(component.item)}
+        {@const shown = shownFor(component.item)}
+        <ComponentCard
+          {component}
+          {item}
+          {shown}
+          editors={$editors}
+          presets={$presets}
+          first={index === 0}
+          last={index === entity.components.length - 1}
+          onargs={(args, fill, imports) =>
+            void ecs.apply(
+              {
+                kind: 'setArgs',
+                entity: entity.name,
+                index,
+                args,
+                fill,
+                ...(imports && { imports }),
+              },
+              `Edit ${component.className ?? 'component'} of ${entity.name}`,
+            )}
+          onshow={(id, visible) => component.item && ecs.setShown(component.item, id, visible)}
+          onmove={(offset) =>
+            void ecs.apply(
+              { kind: 'moveComponent', entity: entity.name, from: index, to: index + offset },
+              `Move ${component.className ?? 'component'}`,
+            )}
+          onremove={() =>
+            void ecs.apply(
+              { kind: 'removeComponent', entity: entity.name, index },
+              `Remove ${component.className ?? 'component'} from ${entity.name}`,
+            )}
+          onopen={() => item && void ecs.openItem(item)}
+        />
+      {/each}
+    </div>
+    <div class="add">
+      <Combobox
+        label="Add component"
+        placeholder="Add component…"
+        value=""
+        items={choices}
+        onchange={addComponent}
+      />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .inspector {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    overflow: auto;
+  }
+  .entity {
+    margin: 0;
+    padding: var(--nf-space-2);
+    font-size: var(--nf-font-size-md, 14px);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .add {
+    padding: var(--nf-space-2);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/inspector/LiveInspector.svelte b/plugins/ecs/src/widgets/inspector/LiveInspector.svelte
new file mode 100644
index 00000000..1b2ebca5
--- /dev/null
+++ b/plugins/ecs/src/widgets/inspector/LiveInspector.svelte
@@ -0,0 +1,199 @@
+<script lang="ts">
+  import type { CatalogItem, Element } from '@nanoforge-dev/editor-sdk';
+  import { Button, Combobox, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { ecsData } from '../../service/ecs-data';
+  import type { FieldEditor } from '../../extension/field-editor.extension-point';
+  import type { ParamPreset } from '../../extension/param-preset.extension-point';
+  import type { LiveEntity, LiveSource } from '../../live/live.type';
+  import { LiveServiceToken } from '../../live/live-service';
+  import type { ArgModel, ComponentUse } from '../../model/ecs-model.type';
+  import { initialArgs } from '../../model/arg-values';
+  import ComponentCard from './ComponentCard.svelte';
+
+  interface Props {
+    instance: WidgetInstance;
+    source: LiveSource;
+    app: string;
+    entity: LiveEntity;
+    editors: readonly FieldEditor[];
+    presets: readonly ParamPreset[];
+  }
+
+  const { instance, source, app, entity, editors, presets }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const ecs = instance.services.get(EcsServiceToken);
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(LiveServiceToken);
+  const catalog = ecs.catalogState;
+  const pending = live.pending;
+
+  const title = $derived(
+    entity.code ?? (entity.codeOnlyLine ? `Line ${entity.codeOnlyLine}` : `Entity ${entity.id}`),
+  );
+
+  /** The catalog item of a live component (by its ECS registry name). */
+  const itemFor = (name: string): CatalogItem | undefined => {
+    void $catalog;
+    return ($catalog?.items ?? []).find((item) => {
+      const data = ecsData(item);
+      return data?.type === 'component' && data.name === name;
+    });
+  };
+
+  /** Params of a component without a catalog item: its fields, typed by their values. */
+  const fieldsOf = (value: Record<string, unknown>): Element[] =>
+    Object.entries(value)
+      .filter(([key]) => key !== '$class' && key !== 'name')
+      .map(([name, field]) =>
+        typeof field === 'number'
+          ? { type: 'number', name }
+          : typeof field === 'string'
+            ? { type: 'string', name }
+            : typeof field === 'boolean'
+              ? { type: 'boolean', name }
+              : { type: 'unknown', name, tsType: '' },
+      );
+
+  /** An object of the running game in one readable line: `Circle { radius: 30, fill: "red", … }`. */
+  const summary = (field: object): string => {
+    if (Array.isArray(field)) return `[${field.length} ${field.length === 1 ? 'item' : 'items'}]`;
+    const entries = Object.entries(field).filter(([key]) => key !== '$class');
+    const plain = entries.filter(([, value]) => value === null || typeof value !== 'object');
+    const shown = plain.slice(0, 4).map(([key, value]) => `${key}: ${JSON.stringify(value)}`);
+    if (entries.length > shown.length) shown.push('…');
+    const name = (field as { $class?: unknown }).$class;
+    return `${typeof name === 'string' ? `${name} ` : ''}{ ${shown.join(', ')} }`;
+  };
+
+  const argsOf = (params: readonly Element[], value: Record<string, unknown>): ArgModel[] =>
+    params.map((param) => {
+      const field = value[param.name];
+      const plain = field === null || typeof field !== 'object';
+      return {
+        code: plain ? JSON.stringify(field ?? null) : summary(field),
+        start: 0,
+        end: 0,
+        ...(plain && field !== undefined && field !== null && { value: field }),
+      };
+    });
+
+  /** A catalog-like item for a component the catalog doesn't know (its fields as params). */
+  const fallbackItem = (name: string, params: readonly Element[]): CatalogItem =>
+    ({
+      ref: `live#${name}`,
+      source: { kind: 'app', name: app, path: '' },
+      readonly: true,
+      meta: {
+        export: name,
+        source: '',
+        kind: 'class',
+        side: 'shared',
+        params: [...params],
+        fields: [],
+        groups: [],
+        requires: [],
+      },
+    }) as unknown as CatalogItem;
+
+  const choices = $derived.by(() => {
+    void $catalog;
+    return ecs
+      .items()
+      .filter((item) => ecsData(item)?.type === 'component')
+      .map((item) => ({ value: item.ref, label: item.meta.export }));
+  });
+
+  const add = (ref: string) => {
+    const item = ecs.item(ref);
+    const data = ecsData(item);
+    if (!item || data?.type !== 'component') return;
+    const args = initialArgs(item.meta.params).map((arg) =>
+      'value' in arg ? arg.value : undefined,
+    );
+    live.addComponent(source, entity, data.name, args);
+  };
+
+  const changed = $derived((void $pending, live.hasPending(app, entity.key)));
+</script>
+
+<header class="live-header">
+  <h2>{title}</h2>
+  <span class="badge"
+    >{entity.runtime ? 'runtime' : entity.codeOnlyLine ? 'from code' : 'live'}</span
+  >
+  <span class="spacer"></span>
+  {#if entity.key}
+    <Button size="sm" disabled={!changed} onclick={() => void live.applyToCode(app, entity.key!)}>
+      Apply to code
+    </Button>
+  {/if}
+</header>
+
+{#each entity.components as component (component.name)}
+  {@const item = itemFor(component.name)}
+  {@const params = item?.meta.params ?? fieldsOf(component.value)}
+  {@const use: ComponentUse = {
+    node: { id: `live:${entity.id}:${component.name}`, path: '', kind: 'live', start: 0, end: 0 },
+    className: component.name,
+    ...(item && { item: item.ref }),
+    args: argsOf(params, component.value),
+    code: component.name,
+    editable: true,
+  }}
+  <ComponentCard
+    component={use}
+    item={item ?? fallbackItem(component.name, params)}
+    shown={ecs.shownFor(item?.ref)}
+    first
+    last
+    {editors}
+    {presets}
+    onargs={(args) => {
+      for (const [index, value] of Object.entries(args)) {
+        const param = params[Number(index)];
+        if (param && 'value' in value)
+          live.setField(source, entity, component.name, param.name, value.value);
+      }
+    }}
+    onshow={(id, visible) => item && ecs.setShown(item.ref, id, visible)}
+    onmove={() => undefined}
+    onremove={() => live.removeComponent(source, entity, component.name)}
+    onopen={() => item && void ecs.openItem(item)}
+  />
+{/each}
+
+<div class="add">
+  <Combobox
+    label="Add component to the game"
+    placeholder="Add component…"
+    value=""
+    items={choices}
+    onchange={add}
+  />
+</div>
+
+<style>
+  .live-header {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  h2 {
+    margin: 0;
+    font-size: var(--nf-font-size-md, 14px);
+  }
+  .badge {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .spacer {
+    flex: 1;
+  }
+  .add {
+    padding: var(--nf-space-2);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/inspector/ParamField.svelte b/plugins/ecs/src/widgets/inspector/ParamField.svelte
new file mode 100644
index 00000000..561e7424
--- /dev/null
+++ b/plugins/ecs/src/widgets/inspector/ParamField.svelte
@@ -0,0 +1,161 @@
+<script lang="ts">
+  import type { Element } from '@nanoforge-dev/editor-sdk';
+  import {
+    ColorPicker,
+    Input,
+    NumberInput,
+    Select,
+    Switch,
+    Tooltip,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { type FieldEditor, fieldEditorFor } from '../../extension/field-editor.extension-point';
+  import type { ArgModel, ArgValue, ImportNeed } from '../../model/ecs-model.type';
+  import { currentValue, enumMemberArg, hexColor } from '../../model/arg-values';
+
+  interface Props {
+    element: Element;
+    arg: ArgModel | undefined;
+    label: string;
+    color?: string;
+    /** A one-param preset (`color`). */
+    preset?: string;
+    disabled?: boolean;
+    /** Fields contributed by other plugins (`ecs.fieldEditors`). */
+    editors?: readonly FieldEditor[];
+    onchange: (value: ArgValue, imports?: ImportNeed[]) => void;
+  }
+
+  const {
+    element,
+    arg,
+    label,
+    color,
+    preset,
+    disabled = false,
+    editors = [],
+    onchange,
+  }: Props = $props();
+  const contributed = $derived(fieldEditorFor(editors, element));
+
+  const value = $derived(currentValue(element, arg));
+  /** The argument's code, when the field edits code (refs, objects, non-literal args). */
+  const code = $derived(arg?.code ?? ('defaultCode' in element ? (element.defaultCode ?? '') : ''));
+  const members = $derived('enumMembers' in element ? (element.enumMembers ?? []) : []);
+  /** The enum member of the argument: by value, or by its code (`InputEnum.ArrowUp`). */
+  const member = $derived(
+    members.find((candidate) => candidate.value === value)?.name ??
+      members.find((candidate) => arg?.code.trim().endsWith(`.${candidate.name}`))?.name ??
+      '',
+  );
+  const literalOnly = $derived(arg !== undefined && arg.value === undefined);
+  let text = $derived(typeof value === 'string' ? value : code);
+</script>
+
+<div class="field">
+  <span class="label" style:color>
+    {label}
+    {#if element.description}
+      <Tooltip text={element.description}>
+        {#snippet children({ props })}
+          <span {...props} class="info" role="img" aria-label="About {label}">ⓘ</span>
+        {/snippet}
+      </Tooltip>
+    {/if}
+  </span>
+  <span class="control">
+    {#if contributed}
+      {@const Editor = contributed.component}
+      <Editor {element} {arg} {label} {disabled} {onchange} />
+    {:else if members.length && 'enumRef' in element && element.enumRef}
+      {@const enumRef = element.enumRef}
+      <Select
+        {label}
+        value={member}
+        items={members.map((candidate) => ({ value: candidate.name, label: candidate.name }))}
+        {disabled}
+        onchange={(name) => {
+          const next = enumMemberArg(enumRef, name);
+          onchange(next.value, next.imports);
+        }}
+      />
+    {:else if literalOnly || element.type === 'ref' || element.type === 'unknown' || element.type === 'object' || element.type === 'array'}
+      <Input
+        class="code"
+        aria-label="{label} (code)"
+        title={code}
+        value={code}
+        {disabled}
+        onchange={(event) => onchange({ code: (event.currentTarget as HTMLInputElement).value })}
+      />
+    {:else if element.type === 'number'}
+      <NumberInput
+        {label}
+        value={typeof value === 'number' ? value : 0}
+        {disabled}
+        onchange={(next, final) => final && onchange({ value: next })}
+      />
+    {:else if element.type === 'boolean'}
+      <Switch
+        {label}
+        checked={value === true}
+        {disabled}
+        onchange={(next) => onchange({ value: next })}
+      />
+    {:else if element.type === 'string' && element.enum?.length}
+      <Select
+        {label}
+        value={typeof value === 'string' ? value : ''}
+        items={element.enum.map((option) => ({ value: option, label: option }))}
+        {disabled}
+        onchange={(next) => onchange({ value: next })}
+      />
+    {:else if preset === 'color' && (hexColor(value) || value === undefined)}
+      <ColorPicker
+        {label}
+        value={hexColor(value) ?? '#ffffff'}
+        {disabled}
+        onchange={(next, final) => final && onchange({ value: next })}
+      />
+    {:else}
+      <Input
+        aria-label={label}
+        bind:value={text}
+        placeholder={element.type === 'asset' ? 'Path of an asset' : ''}
+        {disabled}
+        onchange={() => onchange({ value: text })}
+      />
+    {/if}
+  </span>
+</div>
+
+<style>
+  .field {
+    display: grid;
+    grid-template-columns: minmax(80px, 38%) 1fr;
+    gap: var(--nf-space-2);
+    align-items: center;
+    min-height: 26px;
+  }
+  .label {
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .info {
+    margin-left: 2px;
+    cursor: help;
+    opacity: 0.7;
+  }
+  .control {
+    min-width: 0;
+  }
+  .control :global(input) {
+    width: 100%;
+  }
+  .control :global(.code) {
+    font-family: var(--nf-font-mono);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/scene/GameMoveOverlay.svelte b/plugins/ecs/src/widgets/scene/GameMoveOverlay.svelte
new file mode 100644
index 00000000..40395c43
--- /dev/null
+++ b/plugins/ecs/src/widgets/scene/GameMoveOverlay.svelte
@@ -0,0 +1,214 @@
+<script lang="ts">
+  import {
+    type EngineViewport,
+    ProjectServiceToken,
+    RuntimeServiceToken,
+  } from '@nanoforge-dev/editor-sdk';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { ecsData } from '../../service/ecs-data';
+  import { moveInGame } from '../../live/move-in-game';
+  import { LiveServiceToken } from '../../live/live-service';
+  import type { EntryModel } from '../../model/ecs-model.type';
+  import { type SceneShape, buildScene, withLivePositions } from '../../scene/build-scene';
+  import { panelServices } from '../../session/panel-services';
+
+  const services = panelServices();
+  const ecs = services.get(EcsServiceToken);
+  const live = services.get(LiveServiceToken);
+  const runtime = services.tryGet(RuntimeServiceToken);
+  const project = services.get(ProjectServiceToken).current;
+  const instances = live.instances;
+  const liveSelection = live.selection;
+  const entryModel = ecs.model;
+  const location = ecs.location;
+  const catalog = ecs.catalogState;
+  const active = moveInGame;
+
+  const client = $derived($instances.find((candidate) => candidate.source === 'client'));
+
+  /** How game coordinates map to this box (engine `viewport` events, asked for while active). */
+  let viewport = $state<EngineViewport>();
+  $effect(() => {
+    if (!$active || !runtime) return;
+    const events = runtime.onEvent(({ source, event, args }) => {
+      if (source === 'client' && event === 'viewport' && args[0])
+        viewport = args[0] as EngineViewport;
+    });
+    const features = runtime.useFeatures({ viewport: true });
+    return () => {
+      events.dispose();
+      features.dispose();
+      viewport = undefined;
+    };
+  });
+
+  /** The client app (an id: the live instance is a new object on every world update). */
+  const clientApp = $derived(client?.app);
+  const editedApp = ecs.appId;
+
+  /**
+   * The entities the client's code spawns where the edited location is: the selected scene's
+   * `setup` when the Hierarchy shows the client app, else the client's `main`.
+   */
+  let model = $state<EntryModel>();
+  $effect(() => {
+    void $entryModel;
+    const app = $project?.model.get().apps.find((candidate) => candidate.id === clientApp);
+    if (!$active || !app) {
+      model = undefined;
+      return;
+    }
+    const scene = $location?.scene && $editedApp === app.id ? $location : undefined;
+    let current = true;
+    void (scene ? ecs.analyzeLocation(scene) : ecs.analyzeApp(app)).then((next) => {
+      if (current) model = next;
+    });
+    return () => {
+      current = false;
+    };
+  });
+
+  const shapes = $derived.by((): SceneShape[] => {
+    void $catalog;
+    if (!client) return [];
+    const code = buildScene(
+      model,
+      (ref) => ecs.item(ref),
+      (item, className) => {
+        const data = ecsData(item);
+        return data?.type === 'component' ? data.name : (className ?? '');
+      },
+    );
+    const scene = $editedApp === clientApp ? $location?.scene : undefined;
+    return withLivePositions(code, client.entities, scene).filter((shape) => shape.position);
+  });
+  const selected = $derived(
+    client && $liveSelection?.source === 'client'
+      ? client.entities.find((entity) => entity.id === $liveSelection.id)?.code
+      : undefined,
+  );
+
+  let svg = $state<SVGSVGElement>();
+  let drag = $state<{ entity: string; dx: number; dy: number; startX: number; startY: number }>();
+
+  /** The game point under the pointer. */
+  const toGame = (event: PointerEvent) => {
+    const box = svg!.getBoundingClientRect();
+    const view = viewport!;
+    return {
+      x: (event.clientX - box.left - view.contentLeft - view.originX) / view.scaleX,
+      y: (event.clientY - box.top - view.contentTop - view.originY) / view.scaleY,
+    };
+  };
+
+  const entityOf = (shape: SceneShape) =>
+    client?.entities.find(
+      (candidate) => candidate.code === shape.entity && candidate.scene === $location?.scene,
+    );
+
+  const start = (event: PointerEvent, shape: SceneShape) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    const entity = entityOf(shape);
+    live.select(entity ? { source: 'client', id: entity.id } : undefined);
+    const point = toGame(event);
+    drag = { entity: shape.entity, dx: 0, dy: 0, startX: point.x, startY: point.y };
+    (event.currentTarget as Element).setPointerCapture(event.pointerId);
+  };
+
+  const move = (event: PointerEvent) => {
+    if (!drag) return;
+    const point = toGame(event);
+    drag = {
+      ...drag,
+      dx: Math.round(point.x - drag.startX),
+      dy: Math.round(point.y - drag.startY),
+    };
+  };
+
+  /** Moves the entity in the running game: a live edit, which _Apply to code_ writes. */
+  const end = () => {
+    const current = drag;
+    drag = undefined;
+    if (!current || (!current.dx && !current.dy)) return;
+    const shape = shapes.find((candidate) => candidate.entity === current.entity);
+    const entity = shape && entityOf(shape);
+    if (!shape?.position || !entity) return;
+    live.setField('client', entity, shape.position.componentName, 'x', shape.x + current.dx);
+    live.setField('client', entity, shape.position.componentName, 'y', shape.y + current.dy);
+  };
+
+  const offset = (shape: SceneShape) =>
+    drag && drag.entity === shape.entity ? { x: drag.dx, y: drag.dy } : { x: 0, y: 0 };
+</script>
+
+{#if $active && viewport}
+  <svg
+    bind:this={svg}
+    class="move"
+    role="application"
+    aria-label="Move entities in the game"
+    onpointermove={move}
+    onpointerup={end}
+    onpointercancel={() => (drag = undefined)}
+  >
+    <g
+      transform="translate({viewport.contentLeft + viewport.originX} {viewport.contentTop +
+        viewport.originY}) scale({viewport.scaleX} {viewport.scaleY})"
+    >
+      {#each shapes as shape, index (`${shape.entity}:${index}`)}
+        {@const delta = offset(shape)}
+        <g
+          role="button"
+          tabindex="-1"
+          aria-label="Move {shape.entity}"
+          aria-pressed={shape.entity === selected}
+          class:selected={shape.entity === selected}
+          class:dragged={drag?.entity === shape.entity}
+          transform="translate({shape.x + delta.x} {shape.y + delta.y})"
+          onpointerdown={(event) => start(event, shape)}
+        >
+          {#if shape.kind === 'rect'}
+            <rect width={shape.width} height={shape.height} />
+          {:else}
+            <circle r={shape.radius} />
+          {/if}
+        </g>
+      {/each}
+    </g>
+  </svg>
+{/if}
+
+<style>
+  .move {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    cursor: default;
+    touch-action: none;
+  }
+  .move g[role='button'] {
+    cursor: move;
+  }
+  .move rect,
+  .move circle {
+    fill: transparent;
+    stroke: var(--nf-color-accent);
+    stroke-dasharray: 4 3;
+    stroke-width: 1px;
+    vector-effect: non-scaling-stroke;
+  }
+  .move g[role='button']:hover rect,
+  .move g[role='button']:hover circle,
+  .move .selected rect,
+  .move .selected circle {
+    stroke-dasharray: none;
+    stroke-width: 2px;
+  }
+  .move .dragged rect,
+  .move .dragged circle {
+    fill: color-mix(in srgb, var(--nf-color-accent) 25%, transparent);
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/scene/SceneView.svelte b/plugins/ecs/src/widgets/scene/SceneView.svelte
new file mode 100644
index 00000000..a5ec812b
--- /dev/null
+++ b/plugins/ecs/src/widgets/scene/SceneView.svelte
@@ -0,0 +1,344 @@
+<script lang="ts">
+  import { documentHistoryId } from '@nanoforge-dev/editor-sdk';
+  import { Button, EmptyState, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { ecsData } from '../../service/ecs-data';
+  import { LiveServiceToken } from '../../live/live-service';
+  import { type SceneShape, buildScene, withLivePositions } from '../../scene/build-scene';
+  import { panelServices } from '../../session/panel-services';
+
+  /** The Scene screen hosting this view. */
+  const { instance }: { instance?: WidgetInstance } = $props();
+  const services = panelServices();
+  const ecs = services.get(EcsServiceToken);
+  const location = ecs.location;
+  const inherited = ecs.inherited;
+  $effect(() => {
+    const path = $location?.path;
+    instance?.setHistoryContext(path ? documentHistoryId(path) : undefined);
+  });
+  const live = services.get(LiveServiceToken);
+  const model = ecs.model;
+  const catalog = ecs.catalogState;
+  const selection = ecs.selection;
+  const playing = live.playing;
+  const instances = live.instances;
+  const liveSelection = live.selection;
+
+  /** Design resolution of the game (the engine's default viewport). */
+  const WIDTH = 1920;
+  const HEIGHT = 1080;
+
+  const client = $derived($instances.find((candidate) => candidate.source === 'client'));
+  const componentName = (item: ReturnType<typeof ecs.item>, className: string | undefined) => {
+    const data = ecsData(item);
+    return data?.type === 'component' ? data.name : (className ?? '');
+  };
+  const codeShapes = $derived.by(() => {
+    void $catalog;
+    return buildScene($model, (ref) => ecs.item(ref), componentName);
+  });
+  /** The parent scenes' shapes: drawn under the edited ones, dimmed, not editable. */
+  const inheritedShapes = $derived.by(() => {
+    void $catalog;
+    if ($playing) return [];
+    return $inherited.flatMap(({ model: parentModel }) =>
+      buildScene(parentModel, (ref) => ecs.item(ref), componentName),
+    );
+  });
+  const shapes = $derived(
+    $playing && client
+      ? withLivePositions(codeShapes, client.entities, $location?.scene)
+      : codeShapes,
+  );
+
+  const selectedEntity = $derived.by(() => {
+    if ($playing && client && $liveSelection?.source === 'client')
+      return client.entities.find(
+        (entity) => entity.id === $liveSelection.id && entity.scene === $location?.scene,
+      )?.code;
+    return $selection;
+  });
+
+  /** The part of the world in view: the whole stage with a margin, until zoomed or panned. */
+  const MARGIN = 0.05;
+  const FIT = {
+    x: -WIDTH * MARGIN,
+    y: -HEIGHT * MARGIN,
+    width: WIDTH * (1 + 2 * MARGIN),
+    height: HEIGHT * (1 + 2 * MARGIN),
+  };
+  const MIN_ZOOM = 0.1;
+  const MAX_ZOOM = 16;
+  let view = $state({ ...FIT });
+  const zoom = $derived(FIT.width / view.width);
+  const fitted = $derived(
+    view.x === FIT.x && view.y === FIT.y && view.width === FIT.width && view.height === FIT.height,
+  );
+
+  let root = $state<HTMLElement>();
+  let svg = $state<SVGSVGElement>();
+  let pan = $state<{ clientX: number; clientY: number; x: number; y: number }>();
+  let drag = $state<{ entity: string; dx: number; dy: number; startX: number; startY: number }>();
+
+  const toScene = (event: MouseEvent) => {
+    const point = svg!.createSVGPoint();
+    point.x = event.clientX;
+    point.y = event.clientY;
+    const matrix = svg!.getScreenCTM();
+    return matrix ? point.matrixTransform(matrix.inverse()) : point;
+  };
+
+  const select = (shape: SceneShape) => {
+    if ($playing && client) {
+      const entity = client.entities.find(
+        (candidate) => candidate.code === shape.entity && candidate.scene === $location?.scene,
+      );
+      live.select(entity ? { source: 'client', id: entity.id } : undefined);
+    } else ecs.select(shape.entity);
+  };
+
+  /** Zooms around the pointer (a non-passive listener: the page must not scroll). */
+  const wheel = (node: SVGSVGElement) => {
+    const onwheel = (event: WheelEvent) => {
+      event.preventDefault();
+      const point = toScene(event);
+      const next = Math.min(
+        MAX_ZOOM,
+        Math.max(MIN_ZOOM, zoom * (event.deltaY > 0 ? 1 / 1.15 : 1.15)),
+      );
+      const ratio = zoom / next;
+      view = {
+        x: point.x - (point.x - view.x) * ratio,
+        y: point.y - (point.y - view.y) * ratio,
+        width: view.width * ratio,
+        height: view.height * ratio,
+      };
+    };
+    node.addEventListener('wheel', onwheel, { passive: false });
+    return { destroy: () => node.removeEventListener('wheel', onwheel) };
+  };
+
+  /** Pointer down anywhere in the scene takes the focus, so Ctrl+Z undoes scene edits. */
+  const focus = () => root?.focus({ preventScroll: true });
+
+  /** Pans from the background, or from anywhere with the middle button. */
+  const press = (event: PointerEvent) => {
+    const onShape = !!(event.target as Element).closest('g[role="button"]');
+    if (event.button !== 1 && (event.button !== 0 || onShape)) return;
+    event.preventDefault();
+    pan = { clientX: event.clientX, clientY: event.clientY, x: view.x, y: view.y };
+    svg?.setPointerCapture(event.pointerId);
+  };
+
+  const start = (event: PointerEvent, shape: SceneShape) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    select(shape);
+    if (!shape.position) return;
+    const point = toScene(event);
+    drag = { entity: shape.entity, dx: 0, dy: 0, startX: point.x, startY: point.y };
+    (event.currentTarget as Element).setPointerCapture(event.pointerId);
+  };
+
+  const move = (event: PointerEvent) => {
+    if (pan && svg) {
+      const box = svg.getBoundingClientRect();
+      const scale = Math.min(box.width / view.width, box.height / view.height) || 1;
+      view = {
+        ...view,
+        x: pan.x - (event.clientX - pan.clientX) / scale,
+        y: pan.y - (event.clientY - pan.clientY) / scale,
+      };
+      return;
+    }
+    if (!drag) return;
+    const point = toScene(event);
+    drag = {
+      ...drag,
+      dx: Math.round(point.x - drag.startX),
+      dy: Math.round(point.y - drag.startY),
+    };
+  };
+
+  const end = () => {
+    pan = undefined;
+    const current = drag;
+    drag = undefined;
+    if (!current || (!current.dx && !current.dy)) return;
+    const shape = shapes.find(
+      (candidate) => candidate.entity === current.entity && candidate.position,
+    );
+    const position = shape?.position;
+    if (!shape || !position) return;
+    const x = shape.x + current.dx;
+    const y = shape.y + current.dy;
+    if ($playing && client) {
+      const entity = client.entities.find(
+        (candidate) => candidate.code === shape.entity && candidate.scene === $location?.scene,
+      );
+      if (!entity) return;
+      live.setField('client', entity, position.componentName, 'x', x);
+      live.setField('client', entity, position.componentName, 'y', y);
+      return;
+    }
+    const fill = [x, y];
+    void ecs.apply(
+      {
+        kind: 'setArgs',
+        entity: shape.entity,
+        index: position.component,
+        args: { [position.xParam]: { value: fill[0] }, [position.yParam]: { value: fill[1] } },
+        fill: [{ value: 0 }, { value: 0 }],
+      },
+      `Move ${shape.entity}`,
+    );
+  };
+
+  const offset = (shape: SceneShape) =>
+    drag && drag.entity === shape.entity ? { x: drag.dx, y: drag.dy } : { x: 0, y: 0 };
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="scene" bind:this={root} tabindex="-1" onpointerdown={focus}>
+  {#if !$model?.found}
+    <EmptyState
+      icon="layers"
+      title="No scene to show"
+      description="Apps using the ECS show their entities here, drawn from main.ts."
+    />
+  {:else}
+    <svg
+      bind:this={svg}
+      viewBox="{view.x} {view.y} {view.width} {view.height}"
+      class:panning={!!pan}
+      use:wheel
+      onpointerdown={press}
+      preserveAspectRatio="xMidYMid meet"
+      role="application"
+      aria-label="2D scene"
+      onpointermove={move}
+      onpointerup={end}
+      onpointercancel={() => {
+        drag = undefined;
+        pan = undefined;
+      }}
+    >
+      <rect class="stage" x="0" y="0" width={WIDTH} height={HEIGHT} />
+      {#each inheritedShapes as shape, index (`inherited:${shape.entity}:${index}`)}
+        <g class="inherited" transform="translate({shape.x} {shape.y})" aria-hidden="true">
+          {#if shape.kind === 'rect'}
+            <rect
+              width={shape.width}
+              height={shape.height}
+              fill={shape.fill ?? 'none'}
+              stroke={shape.stroke}
+            />
+          {:else}
+            <circle r={shape.radius} fill={shape.fill ?? 'none'} stroke={shape.stroke} />
+          {/if}
+        </g>
+      {/each}
+      {#each shapes as shape, index (`${shape.entity}:${index}`)}
+        {@const delta = offset(shape)}
+        {@const selected = shape.entity === selectedEntity}
+        <g
+          role="button"
+          tabindex="-1"
+          aria-label="{shape.entity} ({shape.kind})"
+          aria-pressed={selected}
+          class:selected
+          class:movable={!!shape.position}
+          transform="translate({shape.x + delta.x} {shape.y + delta.y})"
+          onpointerdown={(event) => start(event, shape)}
+        >
+          {#if shape.kind === 'rect'}
+            <rect
+              width={shape.width}
+              height={shape.height}
+              fill={shape.fill ?? 'none'}
+              stroke={shape.stroke}
+            />
+            {#if selected}<rect class="outline" width={shape.width} height={shape.height} />{/if}
+          {:else}
+            <circle r={shape.radius} fill={shape.fill ?? 'none'} stroke={shape.stroke} />
+            {#if selected}<circle class="outline" r={shape.radius} />{/if}
+          {/if}
+        </g>
+      {/each}
+    </svg>
+    <div class="tools">
+      <span class="zoom" aria-label="Zoom">{Math.round(zoom * 100)}%</span>
+      <Button size="sm" variant="ghost" disabled={fitted} onclick={() => (view = { ...FIT })}
+        >Fit</Button
+      >
+    </div>
+    <p class="hint">
+      {$playing
+        ? 'Dragging moves the entity in the running game.'
+        : `Drag an entity to move it in ${$location?.label ?? 'main.ts'}.`}
+      Scroll to zoom; drag the background or use the middle button to pan.
+    </p>
+  {/if}
+</div>
+
+<style>
+  .scene {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    background: var(--nf-color-sunken);
+    outline: none;
+  }
+  svg.panning {
+    cursor: grabbing;
+  }
+  .tools {
+    position: absolute;
+    top: var(--nf-space-2);
+    right: var(--nf-space-2);
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+  }
+  .zoom {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    font-variant-numeric: tabular-nums;
+  }
+  svg {
+    flex: 1;
+    width: 100%;
+    min-height: 0;
+    touch-action: none;
+  }
+  .stage {
+    fill: #000;
+  }
+  g.inherited {
+    opacity: 0.35;
+    pointer-events: none;
+  }
+  g.movable {
+    cursor: grab;
+  }
+  .outline {
+    fill: none;
+    stroke: var(--nf-color-accent, #4aa3ff);
+    stroke-width: 4;
+    stroke-dasharray: 12 6;
+    pointer-events: none;
+  }
+  .hint {
+    position: absolute;
+    bottom: var(--nf-space-2);
+    left: var(--nf-space-2);
+    margin: 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    pointer-events: none;
+  }
+</style>
diff --git a/plugins/ecs/src/widgets/systems/Systems.svelte b/plugins/ecs/src/widgets/systems/Systems.svelte
new file mode 100644
index 00000000..1b5f2d99
--- /dev/null
+++ b/plugins/ecs/src/widgets/systems/Systems.svelte
@@ -0,0 +1,237 @@
+<script lang="ts">
+  import { documentHistoryId } from '@nanoforge-dev/editor-sdk';
+  import {
+    Combobox,
+    ContextMenu,
+    type DropPosition,
+    EmptyState,
+    Icon,
+    type MenuEntry,
+    Switch,
+    Tree,
+    type TreeNode,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { EcsServiceToken } from '../../service/ecs-service';
+  import { ecsData } from '../../service/ecs-data';
+  import { LiveServiceToken } from '../../live/live-service';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const ecs = instance.services.get(EcsServiceToken);
+  const location = ecs.location;
+  const ecsSource = ecs.source;
+  const inherited = ecs.inherited;
+  $effect(() => {
+    const path = $location?.path;
+    instance.setHistoryContext(path ? documentHistoryId(path) : undefined);
+  });
+  const model = ecs.model;
+  const owner = $derived($location?.scope?.kind === 'method' ? 'scene' : 'app');
+  /** The parents' systems, which run before this scene's (read-only). */
+  const inheritedSystems = $derived(
+    $inherited.flatMap(({ location: parent, model: parentModel }) =>
+      parentModel.systems.map((system) => ({
+        scene: parent.label,
+        name: system.name ?? system.code,
+      })),
+    ),
+  );
+  const catalog = ecs.catalogState;
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(LiveServiceToken);
+  const playing = live.playing;
+  const instances = live.instances;
+  const liveSelection = live.selection;
+  const running = $derived(
+    $instances.find((candidate) => candidate.source === $liveSelection?.source) ?? $instances[0],
+  );
+  let menuTarget = $state<number>();
+
+  const label = (ref: string) => ref.slice(ref.indexOf('#') + 1);
+
+  const nodes = $derived.by((): TreeNode[] => {
+    void $catalog;
+    return ($model?.systems ?? []).map((system, index) => {
+      const data = ecsData(ecs.item(system.item));
+      const reads = data?.type === 'system' ? data.query.flat().map(label).join(', ') : undefined;
+      return {
+        id: String(index),
+        label: system.name ?? system.code,
+        icon: 'settings',
+        ...(reads && { detail: reads }),
+      };
+    });
+  });
+
+  const choices = $derived.by(() => {
+    void $catalog;
+    return ecs
+      .items()
+      .filter((item) => ecsData(item)?.type === 'system')
+      .map((item) => ({
+        value: item.ref,
+        label: item.meta.export,
+        detail: item.meta.description ?? '',
+      }));
+  });
+
+  const move = (ids: string[], target: string, position: DropPosition) => {
+    const from = Number(ids[0]);
+    let to = Number(target);
+    if (position === 'after' && to < from) to += 1;
+    if (position === 'before' && to > from) to -= 1;
+    if (from !== to) void ecs.apply({ kind: 'moveSystem', from, to }, 'Reorder systems');
+  };
+
+  const menu = (): MenuEntry[] => {
+    const index = menuTarget;
+    const system = index === undefined ? undefined : $model?.systems[index];
+    if (index === undefined || !system) return [];
+    const item = ecs.item(system.item);
+    return [
+      {
+        kind: 'item',
+        id: 'open',
+        label: 'Open source',
+        disabled: !item,
+        onSelect: () => item && void ecs.openItem(item),
+      },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'remove',
+        label: `Remove from ${owner}`,
+        onSelect: () =>
+          void ecs.apply({ kind: 'removeSystem', index }, `Remove ${system.name ?? 'system'}`),
+      },
+    ];
+  };
+
+  const add = (ref: string) => {
+    const item = ecs.item(ref);
+    if (item)
+      void ecs.apply(
+        { kind: 'addSystem', name: item.meta.export, imports: [ecs.importOf(item)] },
+        `Add ${item.meta.export}`,
+      );
+  };
+</script>
+
+<div class="systems">
+  {#if $playing && running}
+    <ul class="live" aria-label="Systems of the running {running.source}">
+      {#each running.systems as system (system.index)}
+        <li>
+          <Switch
+            label="Run {system.name}"
+            checked={system.enabled}
+            onchange={(enabled) => live.setSystemEnabled(running.source, system.index, enabled)}
+          />
+          <span class:paused={!system.enabled}>{system.name}</span>
+        </li>
+      {/each}
+    </ul>
+  {:else if $ecsSource && !$location}
+    <EmptyState
+      icon="layers"
+      title="No scene selected"
+      description={$ecsSource.emptyMessage ?? 'Choose what to edit.'}
+    />
+  {:else if !$model?.found}
+    <EmptyState
+      icon="settings"
+      title="No systems"
+      description="Systems of the selected {owner} show here."
+    />
+  {:else}
+    {#if inheritedSystems.length}
+      <ul class="inherited" aria-label="Systems of the parent scenes">
+        {#each inheritedSystems as system, index (index)}
+          <li><Icon name="lock" size={12} />{system.name} <em>{system.scene}</em></li>
+        {/each}
+      </ul>
+    {/if}
+    <ContextMenu items={menu}>
+      <div class="list">
+        {#if nodes.length}
+          <Tree
+            label="Systems in run order"
+            {nodes}
+            ondrop={move}
+            oncontextmenu={(id) => (menuTarget = Number(id))}
+            onactivate={(id) => {
+              const item = ecs.item($model?.systems[Number(id)]?.item);
+              if (item) void ecs.openItem(item);
+            }}
+          />
+        {:else}
+          <EmptyState icon="settings" title="No system yet" description="Add one below." />
+        {/if}
+      </div>
+    </ContextMenu>
+    <div class="add">
+      <Combobox
+        label="Add system"
+        placeholder="Add system…"
+        value=""
+        items={choices}
+        onchange={add}
+      />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .systems {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .live {
+    margin: 0;
+    padding: var(--nf-space-2);
+    list-style: none;
+  }
+  .live li {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: 2px 0;
+  }
+  .paused {
+    color: var(--nf-color-text-muted);
+    text-decoration: line-through;
+  }
+  .inherited {
+    flex: none;
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+    color: var(--nf-color-text-muted);
+    list-style: none;
+  }
+  .inherited li {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: baseline;
+    padding: 2px 0;
+  }
+  .inherited em {
+    margin-left: auto;
+    font-size: var(--nf-font-size-sm);
+    font-style: normal;
+  }
+  .add {
+    flex: none;
+    padding: var(--nf-space-2);
+    border-top: 1px solid var(--nf-color-border);
+  }
+</style>
diff --git a/plugins/ecs/src/worker/bundle-spawns.ts b/plugins/ecs/src/worker/bundle-spawns.ts
new file mode 100644
index 00000000..dac63ba9
--- /dev/null
+++ b/plugins/ecs/src/worker/bundle-spawns.ts
@@ -0,0 +1,106 @@
+import { ts } from 'ts-morph';
+
+import type { AnalyzeContext } from '@nanoforge-dev/editor-sdk/worker';
+
+export interface BundleSite {
+  /** 1-based, as in stack traces. */
+  readonly line: number;
+  readonly column: number;
+  /**
+   * Count the spawns of the function the site is in (a scene's `setup`), not those of `main`.
+   */
+  readonly enclosing?: boolean;
+}
+
+export interface BundleSpawnsArgs {
+  /** The built entry file (`main.js`). */
+  readonly bundle: string;
+  readonly sites: readonly BundleSite[];
+}
+
+const isSpawnCall = (node: ts.Node): node is ts.CallExpression =>
+  ts.isCallExpression(node) &&
+  ts.isPropertyAccessExpression(node.expression) &&
+  node.expression.name.text === 'spawnEntity';
+
+/** The body of the bundle's `main` (a function, or a const holding one). */
+const mainBody = (file: ts.SourceFile): ts.Node | undefined => {
+  let found: ts.Node | undefined;
+  const visit = (node: ts.Node) => {
+    if (found) return;
+    if (ts.isFunctionDeclaration(node) && node.name?.text === 'main') found = node.body;
+    else if (
+      ts.isVariableDeclaration(node) &&
+      ts.isIdentifier(node.name) &&
+      node.name.text === 'main' &&
+      node.initializer &&
+      (ts.isArrowFunction(node.initializer) || ts.isFunctionExpression(node.initializer))
+    )
+      found = node.initializer.body;
+    else ts.forEachChild(node, visit);
+  };
+  visit(file);
+  return found;
+};
+
+/**
+ * The body a position's spawns are counted in: the innermost method holding it (a scene's
+ * `setup`), even from a callback inside it (`bricks.forEach(() => registry.spawnEntity())`),
+ * as the source side counts every spawn of the method. Outside of any method, the innermost
+ * function.
+ */
+const enclosingBody = (file: ts.SourceFile, offset: number): ts.Node | undefined => {
+  let method: ts.Node | undefined;
+  let fn: ts.Node | undefined;
+  const visit = (node: ts.Node) => {
+    if (offset < node.getStart(file) || offset > node.getEnd()) return;
+    if (ts.isMethodDeclaration(node) && node.body) method = node.body;
+    else if (ts.isFunctionLike(node) && 'body' in node && node.body) fn = node.body as ts.Node;
+    ts.forEachChild(node, visit);
+  };
+  visit(file);
+  return method ?? fn;
+};
+
+/**
+ * Which `spawnEntity()` of `main` each call site of a running game is: its index among the
+ * spawn calls of `main` in the built bundle (the bundler keeps their order), or -1 when it
+ * isn't in `main` (a system or a helper spawned it). No source maps needed.
+ */
+export const analyzeBundleSpawns = (_context: AnalyzeContext, rawArgs: unknown): number[] => {
+  const { bundle, sites } = rawArgs as BundleSpawnsArgs;
+  const file = ts.createSourceFile(
+    'main.js',
+    bundle,
+    ts.ScriptTarget.Latest,
+    true,
+    ts.ScriptKind.JS,
+  );
+  const spawnsIn = (body: ts.Node): ts.CallExpression[] => {
+    const calls: ts.CallExpression[] = [];
+    const collect = (node: ts.Node) => {
+      if (isSpawnCall(node)) calls.push(node);
+      ts.forEachChild(node, collect);
+    };
+    collect(body);
+    return calls;
+  };
+  const main = mainBody(file);
+  const mainCalls = main ? spawnsIn(main) : [];
+  const lineStarts = file.getLineStarts();
+  return sites.map((site) => {
+    const lineStart = lineStarts[site.line - 1];
+    if (lineStart === undefined) return -1;
+    const offset = lineStart + site.column - 1;
+    const body = site.enclosing ? enclosingBody(file, offset) : main;
+    if (!body) return -1;
+    const calls = site.enclosing ? spawnsIn(body) : mainCalls;
+    const inside = calls.findIndex(
+      (call) => call.getStart(file) <= offset && offset <= call.getEnd(),
+    );
+    if (inside >= 0) return inside;
+    return calls.findIndex(
+      (call) => file.getLineAndCharacterOfPosition(call.getStart(file)).line === site.line - 1,
+    );
+  });
+};
diff --git a/plugins/ecs/src/worker/component-args.ts b/plugins/ecs/src/worker/component-args.ts
new file mode 100644
index 00000000..ed3b598e
--- /dev/null
+++ b/plugins/ecs/src/worker/component-args.ts
@@ -0,0 +1,39 @@
+import { type CallExpression, type ExpressionStatement, type NewExpression, Node } from 'ts-morph';
+
+import type { TransformContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type { ArgValue } from '../model/ecs-model.type';
+import { componentExpression } from './entry-file';
+import { fail, literal } from './transform-helpers';
+
+export const componentCall = (statement: ExpressionStatement): CallExpression =>
+  statement.getExpression() as CallExpression;
+
+/** Rewrites `new X(...)` arguments: in place when they exist, else the whole argument list. */
+export const setArgs = (
+  context: TransformContext,
+  statement: ExpressionStatement,
+  args: Readonly<Record<number, ArgValue>>,
+  fill: readonly ArgValue[],
+) => {
+  const expression = componentExpression(statement);
+  if (!Node.isNewExpression(expression))
+    fail('This component is not `new X(...)`: edit it in the code.');
+  const existing = (expression as NewExpression).getArguments() as Node[];
+  const indent = context.edit.indentationOf(statement);
+  const positions = Object.keys(args).map(Number);
+  if (positions.every((position) => position < existing.length)) {
+    for (const position of positions)
+      context.edit.replace(existing[position]!, literal(context, args[position]!, indent));
+    return;
+  }
+  const count = Math.max(existing.length, ...positions.map((position) => position + 1));
+  const list = Array.from({ length: count }, (_, position) =>
+    args[position] !== undefined
+      ? literal(context, args[position], indent)
+      : (existing[position]?.getText() ??
+        (fill[position] ? literal(context, fill[position], indent) : 'undefined')),
+  );
+  const callee = (expression as NewExpression).getExpression().getText();
+  context.edit.replace(expression, `new ${callee}(${list.join(', ')})`);
+};
diff --git a/plugins/ecs/src/worker/ensure-imports.ts b/plugins/ecs/src/worker/ensure-imports.ts
new file mode 100644
index 00000000..17a8b1ce
--- /dev/null
+++ b/plugins/ecs/src/worker/ensure-imports.ts
@@ -0,0 +1,53 @@
+import type { TransformContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type { ImportNeed } from '../model/ecs-model.type';
+import { CODE_EXTENSION } from './transform-helpers';
+
+/** Adds the imports a change needs, merging into existing imports of the same module. */
+export const ensureImports = (context: TransformContext, needs: readonly ImportNeed[]): void => {
+  const { file, edit } = context;
+  const imported = new Set(
+    file
+      .getImportDeclarations()
+      .flatMap((declaration) => [
+        ...declaration
+          .getNamedImports()
+          .map((named) => (named.getAliasNode() ?? named.getNameNode()).getText()),
+        ...(declaration.getDefaultImport() ? [declaration.getDefaultImport()!.getText()] : []),
+      ]),
+  );
+  const declared = new Set(
+    [...file.getClasses(), ...file.getFunctions(), ...file.getEnums()].flatMap((node) =>
+      node.getName() ? [node.getName()!] : [],
+    ),
+  );
+  const byModule = new Map<string, string[]>();
+  for (const need of needs) {
+    if (imported.has(need.name) || declared.has(need.name)) continue;
+    const specifier = CODE_EXTENSION.test(need.from)
+      ? context.moduleSpecifier(need.from)
+      : need.from;
+    const names = byModule.get(specifier) ?? [];
+    if (!names.includes(need.name)) names.push(need.name);
+    byModule.set(specifier, names);
+    imported.add(need.name);
+  }
+  const quote = context.literals.quoteStyle(file);
+  for (const [specifier, names] of byModule) {
+    const existing = file
+      .getImportDeclarations()
+      .find(
+        (declaration) =>
+          declaration.getModuleSpecifierValue() === specifier && !declaration.isTypeOnly(),
+      );
+    const last = existing?.getNamedImports().at(-1);
+    if (last) {
+      edit.insertAfter(last, `, ${names.join(', ')}`);
+      continue;
+    }
+    const line = `import { ${names.join(', ')} } from ${quote}${specifier}${quote};`;
+    const lastImport = file.getImportDeclarations().at(-1);
+    if (lastImport) edit.insertAfter(lastImport, `\n${line}`);
+    else edit.insertAt(0, `${line}\n\n`);
+  }
+};
diff --git a/plugins/ecs/src/worker/entry-file.ts b/plugins/ecs/src/worker/entry-file.ts
new file mode 100644
index 00000000..bc590367
--- /dev/null
+++ b/plugins/ecs/src/worker/entry-file.ts
@@ -0,0 +1,297 @@
+import {
+  type Block,
+  type CallExpression,
+  type ExpressionStatement,
+  Node,
+  type PropertyAccessExpression,
+  type SourceFile,
+  SyntaxKind,
+  type VariableStatement,
+} from 'ts-morph';
+
+import type { AnalyzeContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type {
+  ArgModel,
+  CodeOnlyEntity,
+  ComponentUse,
+  EntityModel,
+  EntryAnalyzeArgs,
+  EntryModel,
+  EntryRoot,
+  EntryScope,
+  SystemUse,
+} from '../model/ecs-model.type';
+import { scopeName } from '../model/scope-name';
+
+/** The body of `export const main = async (…) => { … }` or `export function main(…) { … }`. */
+export const findMain = (file: SourceFile): Block | undefined => {
+  const fn = file.getFunction('main');
+  if (fn?.isExported()) return fn.getBody() as Block | undefined;
+  const variable = file.getVariableDeclaration('main');
+  const initializer = variable?.getInitializer();
+  if (
+    variable?.isExported() &&
+    initializer &&
+    (Node.isArrowFunction(initializer) || Node.isFunctionExpression(initializer))
+  ) {
+    const body = initializer.getBody();
+    return Node.isBlock(body) ? body : undefined;
+  }
+  return undefined;
+};
+
+/** The body of a scope: `main`, or a method of a class of the file (`Level1.setup`). */
+export const findBody = (file: SourceFile, scope: EntryScope | undefined): Block | undefined => {
+  if (scope?.kind !== 'method') return findMain(file);
+  const body = file.getClass(scope.class)?.getMethod(scope.method)?.getBody();
+  return body && Node.isBlock(body) ? body : undefined;
+};
+
+/** A method's first parameter: the registry a scene's `setup(registry, ctx)` gets. */
+const registryParameter = (body: Block): string | undefined => {
+  const method = body.getParent();
+  if (!method || !Node.isMethodDeclaration(method)) return undefined;
+  const first = method.getParameters()[0];
+  return first && Node.isIdentifier(first.getNameNode()) ? first.getName() : undefined;
+};
+
+/** `<receiver>.<method>(…)` of an expression, if it is that call. */
+const methodCall = (node: Node | undefined, method: string): CallExpression | undefined => {
+  if (!node || !Node.isCallExpression(node)) return undefined;
+  const callee = node.getExpression();
+  return Node.isPropertyAccessExpression(callee) && callee.getName() === method ? node : undefined;
+};
+
+const receiverOf = (call: CallExpression) =>
+  (call.getExpression() as PropertyAccessExpression).getExpression().getText();
+
+export interface ParsedEntity {
+  readonly name: string;
+  readonly declaration: VariableStatement;
+  readonly components: ExpressionStatement[];
+}
+
+/** What the analyzer and the transformers see of an entry file. */
+export interface ParsedEntry {
+  readonly main: Block;
+  readonly registry?: string;
+  readonly entities: ParsedEntity[];
+  readonly systems: ExpressionStatement[];
+  /** `spawnEntity()` calls that aren't `const x = registry.spawnEntity();` in `main`. */
+  readonly codeOnly: CallExpression[];
+}
+
+export const parseEntry = (file: SourceFile, scope?: EntryScope): ParsedEntry | undefined => {
+  const main = findBody(file, scope);
+  if (!main) return undefined;
+  const spawns = main
+    .getDescendantsOfKind(SyntaxKind.CallExpression)
+    .filter((call) => methodCall(call, 'spawnEntity'));
+  const registry = spawns[0]
+    ? receiverOf(spawns[0])
+    : (registryVariable(main) ?? registryParameter(main));
+
+  const entities: ParsedEntity[] = [];
+  const byName = new Map<string, ParsedEntity>();
+  const systems: ExpressionStatement[] = [];
+  const modeled = new Set<CallExpression>();
+  for (const statement of main.getStatements()) {
+    if (Node.isVariableStatement(statement)) {
+      const [declaration, ...others] = statement.getDeclarations();
+      const spawn = methodCall(declaration?.getInitializer(), 'spawnEntity');
+      if (
+        declaration &&
+        !others.length &&
+        spawn &&
+        !spawn.getArguments().length &&
+        receiverOf(spawn) === registry &&
+        Node.isIdentifier(declaration.getNameNode())
+      ) {
+        const entity = { name: declaration.getName(), declaration: statement, components: [] };
+        entities.push(entity);
+        byName.set(entity.name, entity);
+        modeled.add(spawn);
+      }
+      continue;
+    }
+    if (!Node.isExpressionStatement(statement)) continue;
+    const expression = statement.getExpression();
+    const add = methodCall(expression, 'addComponent');
+    if (add && receiverOf(add) === registry) {
+      const [target] = add.getArguments();
+      const entity = target && Node.isIdentifier(target) ? byName.get(target.getText()) : undefined;
+      if (entity && add.getArguments().length === 2) entity.components.push(statement);
+      continue;
+    }
+    const system = methodCall(expression, 'addSystem');
+    if (system && receiverOf(system) === registry && system.getArguments().length === 1)
+      systems.push(statement);
+  }
+  return {
+    main,
+    ...(registry && { registry }),
+    entities,
+    systems,
+    codeOnly: spawns.filter((call) => !modeled.has(call)),
+  };
+};
+
+/** `const registry = ecs.registry` (or any `… = <x>.registry`). */
+const registryVariable = (main: Block): string | undefined => {
+  for (const statement of main.getStatements()) {
+    if (!Node.isVariableStatement(statement)) continue;
+    for (const declaration of statement.getDeclarations()) {
+      const initializer = declaration.getInitializer();
+      if (
+        initializer &&
+        Node.isPropertyAccessExpression(initializer) &&
+        initializer.getName() === 'registry'
+      )
+        return declaration.getName();
+    }
+  }
+  return undefined;
+};
+
+/** `new X(...)` of an `addComponent` statement. */
+export const componentExpression = (statement: ExpressionStatement): Node =>
+  (statement.getExpression() as CallExpression).getArguments()[1]!;
+
+/** The item a class or function identifier refers to, and its file. */
+const itemOf = (node: Node, roots: readonly EntryRoot[]): { source?: string; item?: string } => {
+  let symbol = node.getSymbol();
+  if (symbol?.isAlias()) symbol = symbol.getAliasedSymbol();
+  const declaration = symbol?.getDeclarations()[0];
+  if (!symbol || !declaration) return {};
+  const path = declaration
+    .getSourceFile()
+    .getFilePath()
+    .replace(/^\/project\//, '');
+  const exportable = Node.isVariableDeclaration(declaration)
+    ? declaration.getVariableStatement()
+    : declaration;
+  const exported = !!exportable && Node.isExportable(exportable) && exportable.isExported();
+  const root = [...roots]
+    .sort((a, b) => b.path.length - a.path.length)
+    .find((candidate) => candidate.path === '' || path.startsWith(`${candidate.path}/`));
+  return {
+    source: path,
+    ...(exported && root && { item: `${root.ref}#${symbol.getName()}` }),
+  };
+};
+
+const argValue = (context: AnalyzeContext, node: Node): unknown => {
+  try {
+    return context.literals.literalToValue(node);
+  } catch {
+    if (Node.isPropertyAccessExpression(node)) {
+      const value = node
+        .getProject()
+        .getTypeChecker()
+        .compilerObject.getConstantValue(node.compilerNode);
+      if (value !== undefined) return value;
+    }
+    return undefined;
+  }
+};
+
+const componentUse = (
+  context: AnalyzeContext,
+  statement: ExpressionStatement,
+  roots: readonly EntryRoot[],
+): ComponentUse => {
+  const expression = componentExpression(statement);
+  const base = { node: context.ref(statement), code: expression.getText() };
+  if (!Node.isNewExpression(expression) || !Node.isIdentifier(expression.getExpression()))
+    return { ...base, args: [], editable: false };
+  const identifier = expression.getExpression();
+  const args: ArgModel[] = (expression.getArguments() as Node[]).map((arg) => {
+    const value = argValue(context, arg);
+    const construct =
+      Node.isNewExpression(arg) && Node.isIdentifier(arg.getExpression())
+        ? {
+            className: arg.getExpression().getText(),
+            args: (arg.getArguments() as Node[]).map((inner) => argValue(context, inner) ?? null),
+          }
+        : undefined;
+    return {
+      code: arg.getText(),
+      start: arg.getStart(),
+      end: arg.getEnd(),
+      ...(value !== undefined && { value }),
+      ...(construct && { construct }),
+    };
+  });
+  return {
+    ...base,
+    className: identifier.getText(),
+    ...itemOf(identifier, roots),
+    args,
+    editable: true,
+  };
+};
+
+const lineOf = (node: Node) => node.getStartLineNumber();
+
+/** The entities, their components, the systems and the read-only parts of an entry file. */
+export const analyzeEntry = (context: AnalyzeContext, rawArgs: unknown): EntryModel => {
+  const args = (rawArgs ?? { roots: [] }) as EntryAnalyzeArgs;
+  const parsed = parseEntry(context.file, args.scope);
+  if (!parsed) {
+    return {
+      path: context.path,
+      found: false,
+      entities: [],
+      codeOnly: [],
+      systems: [],
+      problems: [
+        args.scope?.kind === 'method'
+          ? `No \`${scopeName(args.scope)}\` method in this file.`
+          : 'No exported `main` function in this file.',
+      ],
+    };
+  }
+  const entities: EntityModel[] = parsed.entities.map((entity) => ({
+    name: entity.name,
+    node: context.ref(entity.declaration),
+    line: lineOf(entity.declaration),
+    components: entity.components.map((statement) => componentUse(context, statement, args.roots)),
+  }));
+  const codeOnly: CodeOnlyEntity[] = parsed.codeOnly.map((call) => {
+    const statement =
+      call.getFirstAncestor((node) => Node.isStatement(node) && node.getParent() === parsed.main) ??
+      call;
+    return {
+      line: lineOf(call),
+      start: statement.getStart(),
+      end: statement.getEnd(),
+      code: statement.getText(),
+    };
+  });
+  const systems: SystemUse[] = parsed.systems.map((statement) => {
+    const [fn] = (statement.getExpression() as CallExpression).getArguments();
+    const name = fn && Node.isIdentifier(fn) ? fn.getText() : undefined;
+    const item = fn && Node.isIdentifier(fn) ? itemOf(fn, args.roots).item : undefined;
+    return {
+      node: context.ref(statement),
+      code: fn?.getText() ?? '',
+      ...(name && { name }),
+      ...(item && { item }),
+    };
+  });
+  const problems: string[] = [];
+  if (!parsed.registry)
+    problems.push(
+      `No ECS registry found in \`${scopeName(args.scope)}\` (\`registry.spawnEntity()\`).`,
+    );
+  return {
+    path: context.path,
+    found: true,
+    ...(parsed.registry && { registry: parsed.registry }),
+    entities,
+    codeOnly,
+    systems,
+    problems,
+  };
+};
diff --git a/plugins/ecs/src/worker/index.ts b/plugins/ecs/src/worker/index.ts
new file mode 100644
index 00000000..28cf9aeb
--- /dev/null
+++ b/plugins/ecs/src/worker/index.ts
@@ -0,0 +1,34 @@
+/**
+ * Code worker entry (`entry.worker`): the `@nanoforge/ecs` item owner, and the entry file's
+ * analyzer and transformer. `ts-morph` and the worker SDK come from the editor's worker.
+ */
+import { defineWorkerPlugin } from '@nanoforge-dev/editor-sdk/worker';
+
+import {
+  BUNDLE_SPAWNS_ANALYZER,
+  ENTRY_ANALYZER,
+  ENTRY_TRANSFORMER,
+  IMPORTERS_ANALYZER,
+  ITEM_DOCS_TRANSFORMER,
+  RELOCATED_TEXT_ANALYZER,
+  REWRITE_IMPORTS_TRANSFORMER,
+} from '../model/ecs.const';
+import { analyzeBundleSpawns } from './bundle-spawns';
+import { analyzeEntry } from './entry-file';
+import { transformItemDocs } from './item-docs';
+import { ecsOwner } from './owner';
+import { analyzeImporters, analyzeRelocatedText, transformRewriteImports } from './refactor';
+import { transformEntry } from './transforms';
+
+export default defineWorkerPlugin({
+  activate(sdk) {
+    sdk.registerItemOwner(ecsOwner);
+    sdk.registerAnalyzer(ENTRY_ANALYZER, analyzeEntry);
+    sdk.registerTransformer(ENTRY_TRANSFORMER, transformEntry);
+    sdk.registerTransformer(ITEM_DOCS_TRANSFORMER, transformItemDocs);
+    sdk.registerAnalyzer(IMPORTERS_ANALYZER, analyzeImporters);
+    sdk.registerAnalyzer(RELOCATED_TEXT_ANALYZER, analyzeRelocatedText);
+    sdk.registerTransformer(REWRITE_IMPORTS_TRANSFORMER, transformRewriteImports);
+    sdk.registerAnalyzer(BUNDLE_SPAWNS_ANALYZER, analyzeBundleSpawns);
+  },
+});
diff --git a/plugins/ecs/src/worker/item-docs.ts b/plugins/ecs/src/worker/item-docs.ts
new file mode 100644
index 00000000..9ecb3408
--- /dev/null
+++ b/plugins/ecs/src/worker/item-docs.ts
@@ -0,0 +1,176 @@
+import type { ClassDeclaration, Node } from 'ts-morph';
+
+import {
+  CodeError,
+  type Doc,
+  type TransformContext,
+  leadingDocComments,
+  parseDocComment,
+} from '@nanoforge-dev/editor-sdk/worker';
+
+import type { ItemDocsOp, ParamDocs } from '../model/item-docs.type';
+
+/** Tags the Component panel manages on a param; the others are kept as written. */
+const LAYOUT_TAGS = new Set(['group', 'preset', 'label', 'color', 'hidden']);
+
+const lastDocRange = (node: Node) => leadingDocComments(node).at(-1);
+
+const docOf = (node: Node): Doc => {
+  const range = lastDocRange(node);
+  return range ? parseDocComment(range.text) : { description: '', tags: [] };
+};
+
+/** A multi-line doc comment from its description and tags, at an indentation. */
+const blockComment = (
+  description: string,
+  tags: readonly { name: string; text: string }[],
+  indent: string,
+) => {
+  const lines: string[] = [];
+  if (description) lines.push(...description.split('\n'));
+  if (description && tags.length) lines.push('');
+  for (const tag of tags) {
+    const [first = '', ...rest] = tag.text.split('\n');
+    lines.push(`@${tag.name}${first ? ` ${first}` : ''}`, ...rest);
+  }
+  return `/**\n${lines.map((line) => `${indent} *${line ? ` ${line}` : ''}`).join('\n')}\n${indent} */`;
+};
+
+/** A one-line doc comment when it fits, else a block. */
+const paramComment = (
+  description: string,
+  tags: readonly { name: string; text: string }[],
+  indent: string,
+  ownLine: boolean,
+) => {
+  const inline = [
+    description,
+    ...tags.map((tag) => `@${tag.name}${tag.text ? ` ${tag.text}` : ''}`),
+  ]
+    .filter(Boolean)
+    .join(' ');
+  if (!inline) return '';
+  if (inline.length <= 90 && !inline.includes('\n')) return `/** ${inline} */`;
+  return ownLine
+    ? blockComment(description, tags, indent)
+    : `/** ${inline.replace(/\s+/g, ' ')} */`;
+};
+
+const layoutTags = (docs: ParamDocs): { name: string; text: string }[] => [
+  ...(docs.group ? [{ name: 'group', text: docs.group }] : []),
+  ...(docs.preset ? [{ name: 'preset', text: docs.preset }] : []),
+  ...(docs.label ? [{ name: 'label', text: docs.label }] : []),
+  ...(docs.color ? [{ name: 'color', text: docs.color }] : []),
+  ...(docs.hidden ? [{ name: 'hidden', text: '' }] : []),
+];
+
+const groupText = (
+  group: ItemDocsOp['groups'] extends readonly (infer G)[] | undefined ? G : never,
+) =>
+  [
+    group.name,
+    ...(group.color ? [`color=${group.color}`] : []),
+    ...(group.hidden ? ['hidden'] : []),
+    ...(group.description ? [`- ${group.description.replace(/\s+/g, ' ')}`] : []),
+  ].join(' ');
+
+/** Replaces (or inserts) the doc comment right before a node. */
+const writeDoc = (context: TransformContext, node: Node, comment: string, ownLine: boolean) => {
+  const range = lastDocRange(node);
+  const indent = context.edit.indentationOf(node);
+  if (range) {
+    if (!comment) {
+      context.edit.remove({ start: range.start, end: node.getStart() });
+      return;
+    }
+    context.edit.replace({ start: range.start, end: range.end }, comment);
+    return;
+  }
+  if (!comment) return;
+  context.edit.insertAt(node.getStart(), ownLine ? `${comment}\n${indent}` : `${comment} `);
+};
+
+const isOnOwnLine = (context: TransformContext, node: Node) => {
+  const lineStart = context.text.lastIndexOf('\n', node.getStart() - 1) + 1;
+  return context.text.slice(lineStart, node.getStart()).trim() === '';
+};
+
+/**
+ * Writes a component's docs from the Component panel: its description and `@group`
+ * declarations (other tags kept), and each param's description and layout tags, as inline docs.
+ */
+export const transformItemDocs = (context: TransformContext, rawOp: unknown): void => {
+  const op = rawOp as ItemDocsOp;
+  const declaration = context.file.getClass(op.export);
+  if (!declaration) throw new CodeError(`No class ${op.export} in this file.`);
+  writeClassDocs(context, declaration, op);
+  if (op.params) writeParamDocs(context, declaration, op.params);
+};
+
+const writeClassDocs = (
+  context: TransformContext,
+  declaration: ClassDeclaration,
+  op: ItemDocsOp,
+) => {
+  if (op.description === undefined && op.groups === undefined) return;
+  const doc = docOf(declaration);
+  const description = op.description ?? doc.description;
+  const kept = doc.tags.filter((tag) => op.groups === undefined || tag.name !== 'group');
+  const groups = op.groups?.map((group) => ({ name: 'group', text: groupText(group) })) ?? [];
+  const comment = blockComment(
+    description,
+    [...kept, ...groups],
+    context.edit.indentationOf(declaration),
+  );
+  writeDoc(context, declaration, comment, true);
+};
+
+const writeParamDocs = (
+  context: TransformContext,
+  declaration: ClassDeclaration,
+  params: Readonly<Record<string, ParamDocs>>,
+) => {
+  const constructor =
+    declaration.getConstructors().find((candidate) => candidate.hasBody()) ??
+    declaration.getConstructors()[0];
+  const byName = new Map(
+    constructor?.getParameters().map((param) => [param.getName(), param]) ?? [],
+  );
+  const fields = new Map(
+    declaration.getProperties().map((property) => [property.getName(), property]),
+  );
+  for (const [name, docs] of Object.entries(params)) {
+    const node: Node | undefined = byName.get(name) ?? fields.get(name);
+    if (!node)
+      throw new CodeError(`No param or field ${name} in ${declaration.getName() ?? 'this class'}.`);
+    const doc = docOf(node);
+    const others = doc.tags.filter((tag) => !LAYOUT_TAGS.has(tag.name));
+    const description = docs.description ?? doc.description;
+    const ownLine = isOnOwnLine(context, node);
+    const comment = paramComment(
+      description.replace(/\s+/g, ' ').trim(),
+      [...layoutTags(docs), ...others],
+      context.edit.indentationOf(node),
+      ownLine,
+    );
+    writeDoc(context, node, comment, ownLine);
+  }
+  if (!constructor) return;
+  const described = Object.entries(params)
+    .filter(([name, docs]) => docs.description !== undefined && byName.has(name))
+    .map(([name]) => name);
+  const range = lastDocRange(constructor);
+  if (!described.length || !range) return;
+  const doc = parseDocComment(range.text);
+  const tags = doc.tags.filter(
+    (tag) =>
+      tag.name !== 'param' ||
+      !described.some((name) => new RegExp(`^(\\{[^}]*\\}\\s*)?\\[?${name}\\b`).test(tag.text)),
+  );
+  if (tags.length === doc.tags.length) return;
+  const comment =
+    doc.description || tags.length
+      ? blockComment(doc.description, tags, context.edit.indentationOf(constructor))
+      : '';
+  writeDoc(context, constructor, comment, true);
+};
diff --git a/plugins/ecs/src/worker/owner.ts b/plugins/ecs/src/worker/owner.ts
new file mode 100644
index 00000000..1f8c058b
--- /dev/null
+++ b/plugins/ecs/src/worker/owner.ts
@@ -0,0 +1,127 @@
+import { Node, SyntaxKind } from 'ts-morph';
+
+import type { ItemOwner, OwnerInput } from '@nanoforge-dev/editor-sdk/worker';
+
+import manifest from '../../nanoforge.manifest.json';
+import type { EcsItemData } from '../model/ecs-model.type';
+
+/** Registry methods whose component arguments are what a system reads. */
+const QUERY_METHODS = new Set(['getZipper', 'getIndexedZipper']);
+const SINGLE_QUERY_METHODS = new Set(['getComponents', 'getComponentsConst']);
+
+/** The literal of the class's `name = "X"` field, the ECS registry key. */
+const registryName = (input: OwnerInput): string | undefined => {
+  const { declaration } = input;
+  if (!Node.isClassDeclaration(declaration)) return undefined;
+  const initializer = declaration.getProperty('name')?.getInitializer();
+  if (!initializer) return undefined;
+  if (Node.isStringLiteral(initializer)) return initializer.getLiteralValue();
+  const text = initializer.getText().replace(/\s+/g, '');
+  const className = declaration.getName();
+  if (className && (text === 'this.constructor.name' || text === `${className}.name`))
+    return className;
+  return undefined;
+};
+
+/** The function node of a system: the function itself, or an arrow/function const. */
+const systemFunction = (input: OwnerInput) => {
+  const { declaration } = input;
+  if (Node.isFunctionDeclaration(declaration)) return declaration;
+  const initializer = Node.isVariableDeclaration(declaration)
+    ? declaration.getInitializer()
+    : undefined;
+  return initializer &&
+    (Node.isArrowFunction(initializer) || Node.isFunctionExpression(initializer))
+    ? initializer
+    : undefined;
+};
+
+const words = (texts: readonly string[] | undefined) =>
+  (texts ?? []).flatMap((text) => text.split(/[\s,]+/)).filter(Boolean);
+
+/** What a system reads (`getZipper([A, B])` → `[A, B]`), and the `ctx` libraries it uses. */
+const systemData = (input: OwnerInput): EcsItemData => {
+  const fn = systemFunction(input);
+  const { context, tags } = input;
+  const query: string[][] = [];
+  const uses = new Set<string>();
+  if (fn) {
+    const ctx = fn.getParameters()[1]?.getName();
+    for (const call of fn.getDescendantsOfKind(SyntaxKind.CallExpression)) {
+      const callee = call.getExpression();
+      if (!Node.isPropertyAccessExpression(callee)) continue;
+      const method = callee.getName();
+      const [first] = call.getArguments();
+      if (QUERY_METHODS.has(method) && first && Node.isArrayLiteralExpression(first)) {
+        query.push(
+          first.getElements().map((element) => context.refOf(element) ?? element.getText()),
+        );
+      } else if (SINGLE_QUERY_METHODS.has(method) && first) {
+        query.push([context.refOf(first) ?? first.getText()]);
+      }
+    }
+    if (ctx) {
+      for (const access of fn.getDescendantsOfKind(SyntaxKind.PropertyAccessExpression)) {
+        const target = access.getExpression();
+        if (Node.isIdentifier(target) && target.getText() === ctx) uses.add(access.getName());
+      }
+    }
+  }
+  const queryTags = tags.query;
+  if (queryTags?.length) {
+    const byName = new Map<string, string>();
+    for (const identifier of context.file.getDescendantsOfKind(SyntaxKind.Identifier)) {
+      const ref = context.refOf(identifier);
+      if (ref) byName.set(identifier.getText(), ref);
+    }
+    query.splice(
+      0,
+      query.length,
+      ...queryTags.map((text) => words([text]).map((name) => byName.get(name) ?? name)),
+    );
+  }
+  const usesTags = words(tags.uses);
+  return {
+    type: 'system',
+    query,
+    uses: usesTags.length ? usesTags : [...uses].sort(),
+  };
+};
+
+/**
+ * `@nanoforge/ecs` item data (ADR 0003): components (`@component`, or classes with a literal
+ * `name` field in a components folder) and systems (`@system`, or functions in a systems folder).
+ */
+export const ecsOwner: ItemOwner = {
+  name: manifest.name,
+  version: manifest.version,
+  schema: manifest.contributes.itemOwner.schema,
+  tags: manifest.contributes.itemOwner.tags,
+  infer: (input) => {
+    if (input.context.folder === 'components') return registryName(input) !== undefined;
+    if (input.context.folder === 'systems') return systemFunction(input) !== undefined;
+    return false;
+  },
+  claims: (input) =>
+    systemFunction(input) && !input.tags.component
+      ? {
+          params: systemFunction(input)!
+            .getParameters()
+            .map((param) => param.getName()),
+        }
+      : { fields: ['name'] },
+  extract: (input) => {
+    if (input.tags.system || (!input.tags.component && systemFunction(input))) {
+      return systemFunction(input)
+        ? { ...systemData(input), ...(!input.tags.system && { inferred: true }) }
+        : undefined;
+    }
+    if (!Node.isClassDeclaration(input.declaration)) return undefined;
+    const data: EcsItemData = {
+      type: 'component',
+      name: registryName(input) ?? input.declaration.getName() ?? 'Component',
+      ...(!input.tags.component && { inferred: true }),
+    };
+    return { ...data };
+  },
+};
diff --git a/plugins/ecs/src/worker/refactor.ts b/plugins/ecs/src/worker/refactor.ts
new file mode 100644
index 00000000..cf37d28f
--- /dev/null
+++ b/plugins/ecs/src/worker/refactor.ts
@@ -0,0 +1,67 @@
+import type { ExportDeclaration, ImportDeclaration, SourceFile } from 'ts-morph';
+
+import type { AnalyzeContext, TransformContext } from '@nanoforge-dev/editor-sdk/worker';
+
+const ROOT = '/project/';
+const projectPath = (file: SourceFile) => file.getFilePath().replace(ROOT, '');
+
+const moduleDeclarations = (file: SourceFile): (ImportDeclaration | ExportDeclaration)[] => [
+  ...file.getImportDeclarations(),
+  ...file.getExportDeclarations().filter((declaration) => declaration.getModuleSpecifier()),
+];
+
+/** Project files that import the analyzed file (Move to shared library rewrites them). */
+export const analyzeImporters = (context: AnalyzeContext): string[] =>
+  context.project
+    .getSourceFiles()
+    .filter((file) =>
+      moduleDeclarations(file).some(
+        (declaration) => declaration.getModuleSpecifierSourceFile() === context.file,
+      ),
+    )
+    .map(projectPath)
+    .filter((path) => !path.startsWith('node_modules/'))
+    .sort();
+
+/**
+ * The analyzed file's text with its own imports written as if it were at `to`, and the project
+ * files it imports (a shared library must not import an app).
+ */
+export const analyzeRelocatedText = (
+  context: AnalyzeContext,
+  args: unknown,
+): { text: string; imports: string[] } => {
+  const { to } = args as { to: string };
+  const replacements: { start: number; end: number; text: string }[] = [];
+  const imports: string[] = [];
+  for (const declaration of moduleDeclarations(context.file)) {
+    const target = declaration.getModuleSpecifierSourceFile();
+    const specifier = declaration.getModuleSpecifier();
+    if (!target || !specifier) continue;
+    if (!projectPath(target).startsWith('node_modules/')) imports.push(projectPath(target));
+    const value = declaration.getModuleSpecifierValue() ?? '';
+    if (!value.startsWith('.')) continue;
+    const quote = specifier.getText()[0];
+    replacements.push({
+      start: specifier.getStart(),
+      end: specifier.getEnd(),
+      text: `${quote}${context.moduleSpecifier(projectPath(target), to)}${quote}`,
+    });
+  }
+  let text = context.text;
+  for (const replacement of replacements.sort((a, b) => b.start - a.start))
+    text = text.slice(0, replacement.start) + replacement.text + text.slice(replacement.end);
+  return { text, imports: [...new Set(imports)].sort() };
+};
+
+/** Points the imports of `from` to `to` (a file moved to a shared library). */
+export const transformRewriteImports = (context: TransformContext, op: unknown): void => {
+  const { from, to } = op as { from: string; to: string };
+  for (const declaration of moduleDeclarations(context.file)) {
+    const target = declaration.getModuleSpecifierSourceFile();
+    const specifier = declaration.getModuleSpecifier();
+    if (!target || !specifier || projectPath(target) !== from) continue;
+    const quote = specifier.getText()[0];
+    context.edit.replace(specifier, `${quote}${context.moduleSpecifier(to)}${quote}`);
+  }
+};
diff --git a/plugins/ecs/src/worker/transform-helpers.ts b/plugins/ecs/src/worker/transform-helpers.ts
new file mode 100644
index 00000000..f67f6e66
--- /dev/null
+++ b/plugins/ecs/src/worker/transform-helpers.ts
@@ -0,0 +1,84 @@
+import { Node, type Statement } from 'ts-morph';
+
+import { CodeError, type TransformContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type { ArgValue } from '../model/ecs-model.type';
+import type { ParsedEntity, ParsedEntry } from './entry-file';
+
+export const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+export const CODE_EXTENSION = /\.[cm]?[jt]sx?$/;
+
+export const fail = (message: string): never => {
+  throw new CodeError(message);
+};
+
+export const entityOf = (parsed: ParsedEntry, name: string): ParsedEntity =>
+  parsed.entities.find((entity) => entity.name === name) ??
+  fail(`The entity "${name}" isn't declared as \`const ${name} = registry.spawnEntity();\`.`);
+
+export const lastStatementOf = (entity: ParsedEntity): Statement =>
+  entity.components.at(-1) ?? entity.declaration;
+
+/** Names already used in the file (declarations and references). */
+export const usedNames = (context: TransformContext): Set<string> =>
+  new Set(
+    context.file
+      .getDescendants()
+      .filter(Node.isIdentifier)
+      .map((node) => node.getText()),
+  );
+
+export const uniqueName = (context: TransformContext, base: string): string => {
+  const used = usedNames(context);
+  const clean = IDENTIFIER.test(base) ? base : 'entity';
+  if (!used.has(clean)) return clean;
+  for (let index = 2; ; index++) if (!used.has(`${clean}${index}`)) return `${clean}${index}`;
+};
+
+export const checkNewName = (context: TransformContext, name: string) => {
+  if (!IDENTIFIER.test(name)) fail(`"${name}" isn't a valid name: use letters, digits, _ or $.`);
+  if (usedNames(context).has(name)) fail(`"${name}" is already used in this file.`);
+};
+
+export const literal = (context: TransformContext, value: ArgValue, indent: string): string =>
+  'code' in value
+    ? value.code
+    : context.literals.valueToLiteral(value.value as never, {
+        quote: context.literals.quoteStyle(context.file),
+        indent,
+      });
+
+/** Writes the first statement of an empty block (`setup() {}` of a new scene). */
+export const insertInEmpty = (context: TransformContext, block: Node, text: string): void => {
+  const indent = context.edit.indentationOf(block.getParentOrThrow());
+  const step = indent.includes('\t') ? '\t' : '  ';
+  const open = block.getStart() + 1;
+  const close = block.getEnd() - 1;
+  context.edit.replace({ start: open, end: close }, `\n${indent}${step}${text}\n${indent}`);
+};
+
+/** Inserts a statement on its own line after another one. */
+export const insertAfter = (context: TransformContext, anchor: Node, text: string) =>
+  context.edit.insertAfter(anchor, `\n${context.edit.indentationOf(anchor)}${text}`);
+
+/** Start of the line of a node, and end of the line of another (with its line break). */
+export const lineRange = (context: TransformContext, first: Node, last: Node) => {
+  const start = context.text.lastIndexOf('\n', first.getStart() - 1) + 1;
+  const newline = context.text.indexOf('\n', last.getEnd());
+  return { start, end: newline < 0 ? context.text.length : newline + 1 };
+};
+
+/** Moves whole lines [first..last] to the start of the line of `target`. */
+export const moveLines = (
+  context: TransformContext,
+  first: Node,
+  last: Node,
+  target: Node | number,
+) => {
+  const block = lineRange(context, first, last);
+  const at =
+    typeof target === 'number' ? target : context.text.lastIndexOf('\n', target.getStart() - 1) + 1;
+  if (at > block.start && at < block.end) return;
+  context.edit.remove(block);
+  context.edit.insertAt(at, context.text.slice(block.start, block.end));
+};
diff --git a/plugins/ecs/src/worker/transforms.ts b/plugins/ecs/src/worker/transforms.ts
new file mode 100644
index 00000000..104f423a
--- /dev/null
+++ b/plugins/ecs/src/worker/transforms.ts
@@ -0,0 +1,203 @@
+import { type Identifier, Node } from 'ts-morph';
+
+import type { TransformContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type { ScopedEntryOp } from '../model/ecs-model.type';
+import { scopeName } from '../model/scope-name';
+import { componentCall, setArgs } from './component-args';
+import { ensureImports } from './ensure-imports';
+import { componentExpression, parseEntry } from './entry-file';
+import {
+  IDENTIFIER,
+  checkNewName,
+  entityOf,
+  fail,
+  insertAfter,
+  insertInEmpty,
+  lastStatementOf,
+  lineRange,
+  literal,
+  moveLines,
+  uniqueName,
+} from './transform-helpers';
+
+/** Applies an `EntryOp` to the entry file (see `analyzeEntry`). */
+export const transformEntry = (context: TransformContext, rawOp: unknown): void => {
+  const op = rawOp as ScopedEntryOp;
+  const where = scopeName(op.scope);
+  const parsed =
+    parseEntry(context.file, op.scope) ??
+    fail(
+      op.scope?.kind === 'method'
+        ? `No \`${where}\` method in this file.`
+        : 'No exported `main` function in this file.',
+    );
+  const registry = parsed.registry ?? fail(`No ECS registry found in \`${where}\`.`);
+  const { edit } = context;
+
+  switch (op.kind) {
+    case 'addEntity': {
+      const name = op.name
+        ? (checkNewName(context, op.name), op.name)
+        : uniqueName(context, 'entity');
+      const text = `const ${name} = ${registry}.spawnEntity();`;
+      const last = parsed.entities.at(-1);
+      if (last) insertAfter(context, lastStatementOf(last), text);
+      else {
+        const anchor = parsed.main
+          .getStatements()
+          .find(
+            (statement) =>
+              Node.isVariableStatement(statement) &&
+              statement.getDeclarations().some((declaration) => declaration.getName() === registry),
+          );
+        if (anchor) insertAfter(context, anchor, text);
+        else {
+          const first = parsed.main.getStatements()[0];
+          if (first) edit.insertBefore(first, `${text}\n${edit.indentationOf(first)}`);
+          else insertInEmpty(context, parsed.main, text);
+        }
+      }
+      return;
+    }
+    case 'removeEntity': {
+      const entity = entityOf(parsed, op.entity);
+      const own = new Set<Node>([entity.declaration, ...entity.components]);
+      const nameNode = entity.declaration.getDeclarations()[0]!.getNameNode();
+      const elsewhere = (nameNode as Identifier)
+        .findReferencesAsNodes()
+        .filter((node) => node.getSourceFile() === context.file)
+        .filter(
+          (node) =>
+            ![...own].some((statement) => statement.containsRange(node.getStart(), node.getEnd())),
+        );
+      if (elsewhere.length)
+        fail(
+          `"${entity.name}" is used elsewhere in the code (line ${elsewhere[0]!.getStartLineNumber()}). Remove those uses first.`,
+        );
+      for (const statement of own) edit.removeLines(statement);
+      return;
+    }
+    case 'renameEntity': {
+      const entity = entityOf(parsed, op.entity);
+      if (op.name === entity.name) return;
+      checkNewName(context, op.name);
+      const nameNode = entity.declaration.getDeclarations()[0]!.getNameNode() as Identifier;
+      const nodes = new Set<Node>([nameNode, ...nameNode.findReferencesAsNodes()]);
+      for (const node of nodes)
+        if (node.getSourceFile() === context.file) edit.replace(node, op.name);
+      return;
+    }
+    case 'duplicateEntity': {
+      const entity = entityOf(parsed, op.entity);
+      const name = op.name
+        ? (checkNewName(context, op.name), op.name)
+        : uniqueName(context, `${entity.name}Copy`);
+      const indent = edit.indentationOf(entity.declaration);
+      const lines = [
+        `const ${name} = ${registry}.spawnEntity();`,
+        ...entity.components.map(
+          (statement) =>
+            `${registry}.addComponent(${name}, ${componentExpression(statement).getText()});`,
+        ),
+      ];
+      edit.insertAfter(lastStatementOf(entity), lines.map((line) => `\n${indent}${line}`).join(''));
+      return;
+    }
+    case 'moveEntity': {
+      const entity = entityOf(parsed, op.entity);
+      const statements = parsed.main.getStatements();
+      const indices = [entity.declaration, ...entity.components].map((statement) =>
+        statements.indexOf(statement),
+      );
+      if (indices.some((index, position) => position > 0 && index !== indices[position - 1]! + 1))
+        fail(
+          `"${entity.name}" and its components aren't next to each other: move them in the code.`,
+        );
+      if (op.before === entity.name) return;
+      if (op.before)
+        moveLines(
+          context,
+          entity.declaration,
+          lastStatementOf(entity),
+          entityOf(parsed, op.before).declaration,
+        );
+      else {
+        const last = parsed.entities.at(-1)!;
+        if (last === entity) return;
+        moveLines(
+          context,
+          entity.declaration,
+          lastStatementOf(entity),
+          lineRange(context, lastStatementOf(last), lastStatementOf(last)).end,
+        );
+      }
+      return;
+    }
+    case 'addComponent': {
+      const entity = entityOf(parsed, op.entity);
+      if (!IDENTIFIER.test(op.className)) fail(`"${op.className}" isn't a class name.`);
+      const indent = edit.indentationOf(entity.declaration);
+      const args = op.args.map((arg) => literal(context, arg, indent)).join(', ');
+      insertAfter(
+        context,
+        lastStatementOf(entity),
+        `${registry}.addComponent(${entity.name}, new ${op.className}(${args}));`,
+      );
+      ensureImports(context, op.imports);
+      return;
+    }
+    case 'removeComponent': {
+      const entity = entityOf(parsed, op.entity);
+      edit.removeLines(
+        entity.components[op.index] ?? fail(`"${entity.name}" has no component ${op.index}.`),
+      );
+      return;
+    }
+    case 'moveComponent': {
+      const entity = entityOf(parsed, op.entity);
+      const from =
+        entity.components[op.from] ?? fail(`"${entity.name}" has no component ${op.from}.`);
+      const to = entity.components[op.to] ?? fail(`"${entity.name}" has no component ${op.to}.`);
+      if (from === to) return;
+      if (op.to < op.from) moveLines(context, from, from, to);
+      else moveLines(context, from, from, lineRange(context, to, to).end);
+      return;
+    }
+    case 'setArgs': {
+      const entity = entityOf(parsed, op.entity);
+      const statement =
+        entity.components[op.index] ?? fail(`"${entity.name}" has no component ${op.index}.`);
+      setArgs(context, statement, op.args, op.fill ?? []);
+      if (op.imports?.length) ensureImports(context, op.imports);
+      return;
+    }
+    case 'addSystem': {
+      if (!IDENTIFIER.test(op.name)) fail(`"${op.name}" isn't a function name.`);
+      const text = `${registry}.addSystem(${op.name});`;
+      const last =
+        parsed.systems.at(-1) ??
+        parsed.entities.at(-1)?.components.at(-1) ??
+        parsed.entities.at(-1)?.declaration;
+      const anchor = last ?? parsed.main.getStatements().at(-1);
+      if (anchor) insertAfter(context, anchor, text);
+      else insertInEmpty(context, parsed.main, text);
+      ensureImports(context, op.imports);
+      return;
+    }
+    case 'removeSystem': {
+      edit.removeLines(parsed.systems[op.index] ?? fail(`There is no system ${op.index}.`));
+      return;
+    }
+    case 'moveSystem': {
+      const from = parsed.systems[op.from] ?? fail(`There is no system ${op.from}.`);
+      const to = parsed.systems[op.to] ?? fail(`There is no system ${op.to}.`);
+      if (from === to) return;
+      if (op.to < op.from) moveLines(context, from, from, to);
+      else moveLines(context, from, from, lineRange(context, to, to).end);
+      return;
+    }
+  }
+};
+
+export { componentCall };
diff --git a/plugins/ecs/svelte.config.js b/plugins/ecs/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/ecs/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/ecs/test/extension/field-editor.spec.ts b/plugins/ecs/test/extension/field-editor.spec.ts
new file mode 100644
index 00000000..fd70945f
--- /dev/null
+++ b/plugins/ecs/test/extension/field-editor.spec.ts
@@ -0,0 +1,52 @@
+import type { Component } from 'svelte';
+import { describe, expect, it } from 'vitest';
+
+import { type FieldEditor, fieldEditorFor } from '../../src/extension/field-editor.extension-point';
+import { buildLayout } from '../../src/layout/param-layout';
+
+const component = {} as Component<never>;
+
+describe('contributed field editors and presets', () => {
+  it('prefers an editor for the ref, then one for the type', () => {
+    const rect: FieldEditor = { ref: '@nanoforge-dev/graphics-2d#Rect', component };
+    const anyRef: FieldEditor = { type: 'ref', component };
+    const numbers: FieldEditor = { type: 'number', component };
+    const editors = [anyRef, rect, numbers];
+    expect(
+      fieldEditorFor(editors, {
+        type: 'ref',
+        name: 'shape',
+        ref: '@nanoforge-dev/graphics-2d#Rect',
+      }),
+    ).toBe(rect);
+    expect(fieldEditorFor(editors, { type: 'ref', name: 'shape', ref: '@x/y#Circle' })).toBe(
+      anyRef,
+    );
+    expect(fieldEditorFor(editors, { type: 'number', name: 'x' })).toBe(numbers);
+    expect(fieldEditorFor(editors, { type: 'string', name: 's' })).toBeUndefined();
+  });
+
+  it('merges params with a contributed preset', () => {
+    const layout = buildLayout(
+      [
+        { type: 'number', name: 'min', layout: { preset: { id: 'range', slot: 'min' } } },
+        { type: 'number', name: 'max', layout: { preset: { id: 'range', slot: 'max' } } },
+      ],
+      [],
+      new Set(),
+      [
+        {
+          id: 'range',
+          title: 'Range',
+          slots: ['min', 'max'],
+          required: ['min', 'max'],
+          types: ['number'],
+        },
+      ],
+    );
+    expect(layout.warnings).toEqual([]);
+    expect(layout.blocks).toMatchObject([
+      { kind: 'preset', label: 'Range', slots: [{ slot: 'min' }, { slot: 'max' }] },
+    ]);
+  });
+});
diff --git a/plugins/ecs/test/fixtures/bundle.js b/plugins/ecs/test/fixtures/bundle.js
new file mode 100644
index 00000000..be435564
--- /dev/null
+++ b/plugins/ecs/test/fixtures/bundle.js
@@ -0,0 +1,14 @@
+// helper.ts
+var make = () => registry.spawnEntity();
+
+// main.ts
+var main = async () => {
+  const terrain = registry.spawnEntity();
+  for (let i = 0;i < 2; i++)
+    registry.spawnEntity();
+  const ball = registry.spawnEntity();
+  make();
+};
+export {
+  main
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/client/nanoforge.config.ts b/plugins/ecs/test/fixtures/e2e-game/apps/client/nanoforge.config.ts
new file mode 100644
index 00000000..77607cbd
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/client/nanoforge.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "client",
+});
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/client/src/components/example.component.ts b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/components/example.component.ts
new file mode 100644
index 00000000..25f486bd
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/components/example.component.ts
@@ -0,0 +1,55 @@
+import { type EditorComponentManifest } from "@nanoforge-dev/ecs/client";
+
+export class ExampleComponent {
+  name = this.constructor.name;
+
+  constructor(
+    public paramA: string,
+    public paramB: number,
+    public paramC: boolean = false,
+  ) {}
+
+  get foo() {
+    return "bar";
+  }
+
+  get paramAOrDefault() {
+    return this.paramC ? this.paramA : "default";
+  }
+
+  addOne() {
+    this.paramB += 1;
+  }
+}
+
+// * Required to generate code
+export default ExampleComponent.name;
+
+// * Required for the editor to display the component and generate code
+export const EDITOR_COMPONENT_MANIFEST: EditorComponentManifest = {
+  name: "Example",
+  description: "Example component description",
+  params: [
+    {
+      type: "string",
+      name: "Param A",
+      description: "Param A description",
+      example: "Example value",
+    },
+    {
+      type: "number",
+      name: "Param B",
+      description: "Param B description",
+      example: 3,
+    },
+    {
+      type: "boolean",
+      name: "Param C",
+      description: "Param C description",
+      example: true,
+      default: false,
+      // Not required because it has a default value
+      optional: true,
+    },
+  ],
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/client/src/main.ts b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/main.ts
new file mode 100644
index 00000000..989aa900
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/main.ts
@@ -0,0 +1,48 @@
+import type { ClientRunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/client";
+import { Graphics2DLibrary } from "@nanoforge-dev/graphics-2d";
+import { InputLibrary } from "@nanoforge-dev/input";
+import { MusicLibrary } from "@nanoforge-dev/music";
+import { NetworkClientLibrary } from "@nanoforge-dev/network/client";
+import { SoundLibrary } from "@nanoforge-dev/sound";
+
+import { ExampleComponent } from "./components/example.component";
+import { exampleSystem } from "./systems/example.system";
+
+export const main = async (options: ClientRunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createClient({ tickRate: 60 });
+
+  const graphics = new Graphics2DLibrary();
+  const ecs = new EcsLibrary();
+  const input = new InputLibrary();
+  const music = new MusicLibrary();
+  const network = new NetworkClientLibrary();
+  const sound = new SoundLibrary();
+
+  app.use(graphics);
+  app.use(ecs);
+  app.use(input);
+  app.use(music);
+  app.use(network);
+  app.use(sound);
+
+  await app.init({
+    ...options,
+    env: {
+      ...options.env,
+      SERVER_ADDRESS: "127.0.0.1",
+      SERVER_TCP_PORT: "4445",
+      SERVER_UDP_PORT: "4444",
+    },
+  });
+
+  const registry = ecs.registry;
+
+  const exampleEntity = registry.spawnEntity();
+  registry.addComponent(exampleEntity, new ExampleComponent("example", 10));
+
+  registry.addSystem(exampleSystem);
+
+  await app.run();
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/client/src/systems/example.system.ts b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/systems/example.system.ts
new file mode 100644
index 00000000..e98af998
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/client/src/systems/example.system.ts
@@ -0,0 +1,31 @@
+import { type Context } from "@nanoforge-dev/common";
+import { type EditorSystemManifest, type Registry } from "@nanoforge-dev/ecs/client";
+
+import { ExampleComponent } from "../components/example.component";
+
+export const exampleSystem = (registry: Registry, ctx: Context) => {
+  const entities = registry.getZipper([ExampleComponent]);
+
+  entities.forEach((entity) => {
+    if (entity.ExampleComponent.paramA === "end") {
+      ctx.app.requestStop();
+      return;
+    }
+
+    if (entity.ExampleComponent.paramB === 0) entity.ExampleComponent.paramA = "end";
+
+    if (entity.ExampleComponent.paramB >= 0)
+      entity.ExampleComponent.paramB = entity.ExampleComponent.paramB - 1;
+  });
+};
+
+// * Required to generate code
+export default exampleSystem.name;
+
+// * Required for the editor to display the system and generate code
+export const EDITOR_SYSTEM_MANIFEST: EditorSystemManifest = {
+  name: "Example",
+  description:
+    "This system end the game when paramB reaches 0 for any entity with ExampleComponent",
+  dependencies: ["ExampleComponent"],
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/server/nanoforge.config.ts b/plugins/ecs/test/fixtures/e2e-game/apps/server/nanoforge.config.ts
new file mode 100644
index 00000000..43a3fef2
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/server/nanoforge.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "@nanoforge-dev/config";
+
+export default defineConfig({
+  type: "server",
+});
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/server/src/components/example.component.ts b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/components/example.component.ts
new file mode 100644
index 00000000..39d9fce0
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/components/example.component.ts
@@ -0,0 +1,55 @@
+import { type EditorComponentManifest } from "@nanoforge-dev/ecs/server";
+
+export class ExampleComponent {
+  name = this.constructor.name;
+
+  constructor(
+    public paramA: string,
+    public paramB: number,
+    public paramC: boolean = false,
+  ) {}
+
+  get foo() {
+    return "bar";
+  }
+
+  get paramAOrDefault() {
+    return this.paramC ? this.paramA : "default";
+  }
+
+  addOne() {
+    this.paramB += 1;
+  }
+}
+
+// * Required to generate code
+export default ExampleComponent.name;
+
+// * Required for the editor to display the component and generate code
+export const EDITOR_COMPONENT_MANIFEST: EditorComponentManifest = {
+  name: "Example",
+  description: "Example component description",
+  params: [
+    {
+      type: "string",
+      name: "Param A",
+      description: "Param A description",
+      example: "Example value",
+    },
+    {
+      type: "number",
+      name: "Param B",
+      description: "Param B description",
+      example: 3,
+    },
+    {
+      type: "boolean",
+      name: "Param C",
+      description: "Param C description",
+      example: true,
+      default: false,
+      // Not required because it has a default value
+      optional: true,
+    },
+  ],
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/server/src/main.ts b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/main.ts
new file mode 100644
index 00000000..0fef76aa
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/main.ts
@@ -0,0 +1,30 @@
+import { type RunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/server";
+
+import { ExampleComponent } from "./components/example.component";
+import { exampleSystem } from "./systems/example.system";
+import { TickerLibrary } from "./ticker.library";
+
+export const main = async (options: RunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createServer({ tickRate: 60 });
+
+  const ecs = new EcsLibrary();
+  const ticker = new TickerLibrary(5);
+
+  app.use(ecs);
+  app.use(ticker);
+
+  await app.init(options);
+
+  const registry = ecs.registry;
+
+  const exampleEntity = registry.spawnEntity();
+  registry.addComponent(exampleEntity, new ExampleComponent("example", 10));
+
+  registry.addSystem(exampleSystem);
+
+  await app.run();
+
+  await ticker.done;
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/server/src/systems/example.system.ts b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/systems/example.system.ts
new file mode 100644
index 00000000..ee900db8
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/systems/example.system.ts
@@ -0,0 +1,31 @@
+import { type Context } from "@nanoforge-dev/common";
+import { type EditorSystemManifest, type Registry } from "@nanoforge-dev/ecs/server";
+
+import { ExampleComponent } from "../components/example.component";
+
+export const exampleSystem = (registry: Registry, ctx: Context) => {
+  const entities = registry.getZipper([ExampleComponent]);
+
+  entities.forEach((entity) => {
+    if (entity.ExampleComponent.paramA === "end") {
+      ctx.app.requestStop();
+      return;
+    }
+
+    if (entity.ExampleComponent.paramB === 0) entity.ExampleComponent.paramA = "end";
+
+    if (entity.ExampleComponent.paramB >= 0)
+      entity.ExampleComponent.paramB = entity.ExampleComponent.paramB - 1;
+  });
+};
+
+// * Required to generate code
+export default exampleSystem.name;
+
+// * Required for the editor to display the system and generate code
+export const EDITOR_SYSTEM_MANIFEST: EditorSystemManifest = {
+  name: "Example",
+  description:
+    "This system end the game when paramB reaches 0 for any entity with ExampleComponent",
+  dependencies: ["ExampleComponent"],
+};
diff --git a/plugins/ecs/test/fixtures/e2e-game/apps/server/src/ticker.library.ts b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/ticker.library.ts
new file mode 100644
index 00000000..a3867475
--- /dev/null
+++ b/plugins/ecs/test/fixtures/e2e-game/apps/server/src/ticker.library.ts
@@ -0,0 +1,35 @@
+import { type Context, Library, defineLibraryKey } from "@nanoforge-dev/common";
+
+declare module "@nanoforge-dev/common" {
+  interface Context {
+    ticker: unknown;
+  }
+}
+
+/**
+ * Stops the game loop after a fixed number of ticks.
+ * Exposes `done`, which resolves once the loop has stopped.
+ */
+export class TickerLibrary extends Library {
+  readonly key = defineLibraryKey("ticker");
+
+  private _remaining: number;
+  private _resolve!: () => void;
+
+  public readonly done: Promise<void> = new Promise<void>((resolve) => {
+    this._resolve = resolve;
+  });
+
+  constructor(ticks: number) {
+    super();
+    this._remaining = ticks;
+  }
+
+  public override async __run(ctx: Context): Promise<void> {
+    this._remaining--;
+    if (this._remaining <= 0) {
+      ctx.app.requestStop();
+      this._resolve();
+    }
+  }
+}
diff --git a/plugins/ecs/test/fixtures/pong-game/apps/client/src/components/components.ts b/plugins/ecs/test/fixtures/pong-game/apps/client/src/components/components.ts
new file mode 100644
index 00000000..7a867570
--- /dev/null
+++ b/plugins/ecs/test/fixtures/pong-game/apps/client/src/components/components.ts
@@ -0,0 +1,23 @@
+import type { Circle, Rect } from "@nanoforge-dev/graphics-2d";
+
+import { layer } from "../main";
+
+export class CircleComponent {
+  name = "CircleComponent";
+  component: Circle;
+
+  constructor(component: Circle) {
+    this.component = component;
+    layer.add(this.component);
+  }
+}
+
+export class RectangleComponent {
+  name = "RectangleComponent";
+  component: Rect;
+
+  constructor(component: Rect) {
+    this.component = component;
+    layer.add(this.component);
+  }
+}
diff --git a/plugins/ecs/test/fixtures/pong-game/apps/client/src/main.ts b/plugins/ecs/test/fixtures/pong-game/apps/client/src/main.ts
new file mode 100644
index 00000000..d0e9124a
--- /dev/null
+++ b/plugins/ecs/test/fixtures/pong-game/apps/client/src/main.ts
@@ -0,0 +1,51 @@
+import type { ClientRunOptions } from "@nanoforge-dev/common";
+import { NanoforgeFactory } from "@nanoforge-dev/core";
+import { EcsLibrary } from "@nanoforge-dev/ecs/client";
+import { Circle, Graphics2DLibrary, Layer, Rect } from "@nanoforge-dev/graphics-2d";
+import { Position } from "@pong-game/shared/components/position";
+import { Velocity } from "@pong-game/shared/components/velocity";
+
+import { CircleComponent, RectangleComponent } from "./components/components";
+
+export const layer = new Layer();
+
+export const main = async (options: ClientRunOptions): Promise<void> => {
+  const app = NanoforgeFactory.createClient({
+    tickRate: 60,
+    viewport: { width: 1920, height: 1080, fit: "contain" },
+  });
+  const graphics = new Graphics2DLibrary();
+  const ecs = new EcsLibrary();
+
+  app.use(graphics);
+  app.use(ecs);
+
+  await app.init(options);
+
+  const registry = ecs.registry;
+
+  graphics.stage.add(layer);
+
+  const ball = registry.spawnEntity();
+  registry.addComponent(ball, new Velocity(4, 4));
+  registry.addComponent(ball, new Position(960, 540));
+  registry.addComponent(ball, new CircleComponent(new Circle({ radius: 30, fill: "red" })));
+
+  const paddle1 = registry.spawnEntity();
+  registry.addComponent(paddle1, new Position(40, 390));
+  registry.addComponent(paddle1, new Velocity(0, 0));
+  registry.addComponent(
+    paddle1,
+    new RectangleComponent(new Rect({ fill: "blue", width: 30, height: 300 })),
+  );
+
+  const paddle2 = registry.spawnEntity();
+  registry.addComponent(paddle2, new Position(1850, 390));
+  registry.addComponent(paddle2, new Velocity(0, 0));
+  registry.addComponent(
+    paddle2,
+    new RectangleComponent(new Rect({ fill: "blue", width: 30, height: 300 })),
+  );
+
+  await app.run();
+};
diff --git a/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/position.ts b/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/position.ts
new file mode 100644
index 00000000..a909baa2
--- /dev/null
+++ b/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/position.ts
@@ -0,0 +1,16 @@
+/**
+ * Where an entity is, in game units.
+ *
+ * @component
+ * @side shared
+ */
+export class Position {
+  name = "Position";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
diff --git a/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/velocity.ts b/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/velocity.ts
new file mode 100644
index 00000000..e80b5afd
--- /dev/null
+++ b/plugins/ecs/test/fixtures/pong-game/libs/shared/src/components/velocity.ts
@@ -0,0 +1,16 @@
+/**
+ * How fast an entity moves, in game units per tick.
+ *
+ * @component
+ * @side shared
+ */
+export class Velocity {
+  name = "Velocity";
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
diff --git a/plugins/ecs/test/fixtures/pong-game/tsconfig.json b/plugins/ecs/test/fixtures/pong-game/tsconfig.json
new file mode 100644
index 00000000..69f05e58
--- /dev/null
+++ b/plugins/ecs/test/fixtures/pong-game/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "@pong-game/shared/*": ["libs/shared/src/*"]
+    }
+  },
+  "include": ["apps/*/src/**/*.ts", "libs/*/src/**/*.ts"]
+}
diff --git a/plugins/ecs/test/fixtures/run-bundle.mjs b/plugins/ecs/test/fixtures/run-bundle.mjs
new file mode 100644
index 00000000..621fbfb0
--- /dev/null
+++ b/plugins/ecs/test/fixtures/run-bundle.mjs
@@ -0,0 +1,14 @@
+// Runs a bundle with a registry that records the caller frame of each spawnEntity() (like the
+// engine's live mode), and prints the sites as JSON.
+const sites = [];
+globalThis.registry = {
+  spawnEntity() {
+    const frame = new Error().stack.split('\n')[2];
+    const match = /:(\d+):(\d+)\)?\s*$/.exec(frame.trim());
+    sites.push({ line: Number(match[1]), column: Number(match[2]) });
+  },
+  addComponent() {},
+};
+const { main } = await import(process.argv[2]);
+await main();
+console.log(JSON.stringify(sites));
diff --git a/plugins/ecs/test/layout/param-layout.spec.ts b/plugins/ecs/test/layout/param-layout.spec.ts
new file mode 100644
index 00000000..c86a8d1d
--- /dev/null
+++ b/plugins/ecs/test/layout/param-layout.spec.ts
@@ -0,0 +1,58 @@
+import { describe, expect, it } from 'vitest';
+
+import type { Element } from '@nanoforge-dev/editor-sdk';
+
+import { buildLayout } from '../../src/layout/param-layout';
+
+const number = (name: string, layout?: Element['layout']): Element => ({
+  type: 'number',
+  name,
+  ...(layout && { layout }),
+});
+
+describe('buildLayout', () => {
+  const params: Element[] = [
+    number('x', { group: 'Coords', preset: { id: 'vector', slot: 'x' } }),
+    number('y', { group: 'Coords', preset: { id: 'vector', slot: 'y' } }),
+    number('z', { label: 'Layer', color: 'orange' }),
+    { type: 'boolean', name: 'trail', layout: { group: 'Debug', hidden: true } },
+    { type: 'string', name: 'tint', layout: { preset: { id: 'color' } } },
+  ];
+  const groups = [
+    { name: 'Coords', color: '#4aa3ff', description: 'Where.' },
+    { name: 'Debug', hidden: true },
+  ];
+
+  it('merges a group preset into one row named after the group', () => {
+    const layout = buildLayout(params, groups);
+    expect(layout.warnings).toEqual([]);
+    expect(layout.blocks.map((block) => block.kind)).toEqual(['group', 'param', 'group', 'param']);
+    const coords = layout.blocks[0]!;
+    expect(coords).toMatchObject({ kind: 'group', group: { name: 'Coords', color: '#4aa3ff' } });
+    expect(coords.kind === 'group' && coords.rows).toMatchObject([
+      {
+        kind: 'preset',
+        label: 'Coords',
+        slots: [
+          { slot: 'x', index: 0 },
+          { slot: 'y', index: 1 },
+        ],
+      },
+    ]);
+    expect(layout.blocks[1]).toMatchObject({ kind: 'param', label: 'Layer', color: 'orange' });
+    expect(layout.blocks[3]).toMatchObject({ kind: 'param', preset: 'color' });
+  });
+
+  it('lists hidden groups and params, and shows the ones chosen', () => {
+    expect(buildLayout(params, groups).hidden).toEqual([{ id: 'group:Debug', label: 'Debug' }]);
+    const shown = buildLayout(params, groups, new Set(['group:Debug']));
+    expect(shown.hidden).toEqual([{ id: 'param:trail', label: 'trail' }]);
+    expect(buildLayout(params, groups, new Set(['group:Debug', 'param:trail'])).hidden).toEqual([]);
+  });
+
+  it('falls back to plain fields when a preset is incomplete', () => {
+    const layout = buildLayout([number('x', { preset: { id: 'vector', slot: 'x' } })], []);
+    expect(layout.blocks).toMatchObject([{ kind: 'param', element: { name: 'x' } }]);
+    expect(layout.warnings).toEqual(['The preset "vector" needs the slots x, y.']);
+  });
+});
diff --git a/plugins/ecs/test/library/relocate-item.spec.ts b/plugins/ecs/test/library/relocate-item.spec.ts
new file mode 100644
index 00000000..fdbb2155
--- /dev/null
+++ b/plugins/ecs/test/library/relocate-item.spec.ts
@@ -0,0 +1,87 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import {
+  type AppModel,
+  type CatalogItem,
+  CodeServiceToken,
+  DocumentServiceToken,
+  type PluginContext,
+  ProjectServiceToken,
+} from '@nanoforge-dev/editor-sdk';
+
+import { relocateItem } from '../../src/library/relocate-item';
+import { RELOCATED_TEXT_ANALYZER } from '../../src/model/ecs.const';
+
+vi.mock('@nanoforge-dev/editor-sdk/ui', () => ({
+  NotificationServiceToken: Symbol('notifications'),
+}));
+
+/** A project in memory whose writes can be made to fail. */
+const setup = () => {
+  const files = new Map([['apps/client/src/components/position.ts', 'export class Position {}']]);
+  const fs = {
+    failWrites: false,
+    entry: (path: string) => (files.has(path) ? { path } : undefined),
+    rename: async (from: string, to: string) => {
+      files.set(to, files.get(from)!);
+      files.delete(from);
+    },
+    write: async (path: string, text: string) => {
+      if (fs.failWrites) throw new Error('Disk full');
+      files.set(path, text);
+    },
+    delete: async (path: string) => void files.delete(path),
+  };
+  const services = new Map<unknown, unknown>([
+    [
+      CodeServiceToken,
+      {
+        analyze: async (_path: string, analyzer: string) =>
+          analyzer === RELOCATED_TEXT_ANALYZER
+            ? { text: 'export class Position {} /* moved */', imports: [] }
+            : [],
+        edit: async () => undefined,
+      },
+    ],
+    [DocumentServiceToken, { getText: async (path: string) => files.get(path) ?? '' }],
+    [
+      ProjectServiceToken,
+      { current: { get: () => ({ fs, model: { get: () => ({ apps: [] }) } }) } },
+    ],
+  ]);
+  const context = {
+    name: '@nanoforge/ecs',
+    services: {
+      tryGet: (token: unknown) => services.get(token),
+      get: (t: unknown) => services.get(t),
+    },
+  } as unknown as PluginContext;
+  const item = {
+    meta: { source: 'apps/client/src/components/position.ts', export: 'Position' },
+  } as unknown as CatalogItem;
+  const target = {
+    name: '@pong/shared',
+    type: 'lib',
+    dirs: { components: 'libs/shared/src/components', systems: 'libs/shared/src/systems' },
+  } as unknown as AppModel;
+  return { context, item, target, files, fs };
+};
+
+describe('relocateItem', () => {
+  it('moves an item file with its new text', async () => {
+    const { context, item, target, files } = setup();
+    expect(await relocateItem(context, item, target, true)).toBe(true);
+    expect([...files]).toEqual([
+      ['libs/shared/src/components/position.ts', 'export class Position {} /* moved */'],
+    ]);
+  });
+
+  it('leaves the file where it was when its new text cannot be written', async () => {
+    const { context, item, target, files, fs } = setup();
+    fs.failWrites = true;
+    expect(await relocateItem(context, item, target, true)).toBe(false);
+    expect([...files]).toEqual([
+      ['apps/client/src/components/position.ts', 'export class Position {}'],
+    ]);
+  });
+});
diff --git a/plugins/ecs/test/live/live-service.spec.ts b/plugins/ecs/test/live/live-service.spec.ts
new file mode 100644
index 00000000..ea6a443e
--- /dev/null
+++ b/plugins/ecs/test/live/live-service.spec.ts
@@ -0,0 +1,99 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+
+import { LiveService, type Pending, withoutApplied } from '../../src/live/live-service';
+
+vi.mock('@nanoforge-dev/editor-sdk/ui', () => ({
+  NotificationServiceToken: Symbol('notifications'),
+}));
+
+const pendingOf = (fields: Record<string, Record<string, unknown>>): Pending =>
+  new Map([['client', new Map([['ball', new Map(Object.entries(fields))]])]]);
+
+describe('withoutApplied', () => {
+  it('drops the written components, unless they changed again', () => {
+    const position = { x: 1 };
+    const velocity = { dx: 2 };
+    const pending = pendingOf({ Position: position, Velocity: velocity });
+    const next = withoutApplied(pending, 'client', 'ball', new Map([['Position', position]]));
+    expect([...next.get('client')!.get('ball')!.keys()]).toEqual(['Velocity']);
+    expect(pending.get('client')!.get('ball')!.size).toBe(2);
+
+    const stale = withoutApplied(pending, 'client', 'ball', new Map([['Position', { x: 1 }]]));
+    expect(stale.get('client')!.get('ball')!.size).toBe(2);
+
+    const all = withoutApplied(
+      pending,
+      'client',
+      'ball',
+      new Map([
+        ['Position', position],
+        ['Velocity', velocity],
+      ]),
+    );
+    expect(all.get('client')!.has('ball')).toBe(false);
+  });
+});
+
+describe('LiveService.applyToCode', () => {
+  const setup = (results: boolean[]) => {
+    const app = { id: 'client', entryFile: 'apps/client/src/main.ts' };
+    const project = { model: new ObservableValue({ apps: [app] }) };
+    const context = {
+      services: {
+        tryGet: () => undefined,
+        get: () => ({ current: new ObservableValue(project) }),
+      },
+    };
+    const calls: string[] = [];
+    let running = 0;
+    const ecs = {
+      analyzeApp: async () => ({
+        entities: [
+          {
+            name: 'ball',
+            components: [
+              { item: 'position', className: 'Position' },
+              { item: 'velocity', className: 'Velocity' },
+            ],
+          },
+        ],
+      }),
+      item: (id: string) => ({
+        meta: { params: id === 'position' ? [{ name: 'x' }] : [{ name: 'dx' }] },
+      }),
+      applyTo: async (_app: unknown, _op: unknown, label: string) => {
+        running++;
+        if (running > 1) throw new Error('two writes at once');
+        calls.push(label);
+        await new Promise((resolve) => setTimeout(resolve, 5));
+        running--;
+        return results.shift() ?? true;
+      },
+    };
+    const service = new LiveService(context as never, ecs as never);
+    const pending = (service as unknown as { _pending: ObservableValue<Pending> })._pending;
+    return { service, pending, calls };
+  };
+
+  it('keeps a change pending when writing it failed', async () => {
+    const { service, pending } = setup([false, true]);
+    pending.set(pendingOf({ Position: { x: 1 }, Velocity: { dx: 2 } }));
+    expect(await service.applyToCode('client', 'ball')).toBe(false);
+    expect([...pending.get().get('client')!.get('ball')!.keys()]).toEqual(['Position']);
+    expect(service.hasPending('client', 'ball')).toBe(true);
+  });
+
+  it('runs one apply at a time', async () => {
+    const { service, pending, calls } = setup([]);
+    pending.set(pendingOf({ Position: { x: 1 }, Velocity: { dx: 2 } }));
+    const results = await Promise.all([
+      service.applyToCode('client', 'ball'),
+      service.applyToCode('client', 'ball'),
+    ]);
+    expect(results).toEqual([true, true]);
+    expect(calls).toEqual(['Apply live Position of ball', 'Apply live Velocity of ball']);
+    expect(service.hasPending('client', 'ball')).toBe(false);
+  });
+});
diff --git a/plugins/ecs/test/scene/build-scene.spec.ts b/plugins/ecs/test/scene/build-scene.spec.ts
new file mode 100644
index 00000000..8f21b1e9
--- /dev/null
+++ b/plugins/ecs/test/scene/build-scene.spec.ts
@@ -0,0 +1,121 @@
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { CODE_FILE, CodeEngine } from '@nanoforge-dev/editor-code/engine';
+
+import type { EntryModel } from '../../src/model/ecs-model.type';
+import { buildScene, withLivePositions } from '../../src/scene/build-scene';
+import { analyzeEntry } from '../../src/worker/entry-file';
+import { ecsOwner } from '../../src/worker/owner';
+
+const FIXTURE = join(
+  import.meta.dirname,
+  '../../../../packages/server-core/test/fixtures/pong-network',
+);
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    if (name === 'node_modules') return [];
+    return statSync(path).isDirectory() ? walk(path) : CODE_FILE.test(name) ? [path] : [];
+  });
+
+describe('2D scene', () => {
+  it('places an entity by its position, not by the first component with x and y', async () => {
+    const root = join(import.meta.dirname, '../fixtures/pong-game');
+    const engine = new CodeEngine();
+    engine.setFiles(
+      walk(root).map((file) => ({ path: relative(root, file), text: readFileSync(file, 'utf8') })),
+    );
+    engine.setTsconfig(readFileSync(join(root, 'tsconfig.json'), 'utf8'));
+    engine.registerItemOwner(ecsOwner, '@nanoforge/ecs');
+    engine.registerAnalyzer('entry', analyzeEntry);
+    const roots = [
+      { path: 'apps/client', ref: 'app:client' },
+      { path: 'libs/shared', ref: '@pong-game/shared' },
+    ];
+    const model = engine.analyze('apps/client/src/main.ts', 'entry', { roots }) as EntryModel;
+    const app = await engine.extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [{ path: 'apps/client/src/components/components.ts', folder: 'components' }],
+      roots,
+    });
+    const library = await engine.extractMeta({
+      source: { kind: 'lib', name: '@pong-game/shared', path: 'libs/shared' },
+      files: ['position', 'velocity'].map((name) => ({
+        path: `libs/shared/src/components/${name}.ts`,
+        folder: 'components',
+      })),
+      roots,
+    });
+    const items = new Map(
+      [
+        ...app.items.map((item) => [`app:client#${item.export}`, item] as const),
+        ...library.items.map((item) => [`@pong-game/shared#${item.export}`, item] as const),
+      ].map(([ref, meta]) => [ref, { ref, meta }]),
+    );
+    const shapes = buildScene(
+      model,
+      (ref) => items.get(ref ?? '') as never,
+      (_item, name) => name ?? '',
+    );
+    const ball = shapes.find((shape) => shape.entity === 'ball')!;
+    expect([ball.x, ball.y]).toEqual([960, 540]);
+    expect(ball.position).toMatchObject({ component: 1, componentName: 'Position' });
+    expect(shapes.find((shape) => shape.entity === 'paddle2')).toMatchObject({ x: 1850, y: 390 });
+  });
+
+  it('draws pong from main.ts: rectangles and the ball at their positions', async () => {
+    const engine = new CodeEngine();
+    engine.setFiles(
+      walk(FIXTURE).map((file) => ({
+        path: relative(FIXTURE, file),
+        text: readFileSync(file, 'utf8'),
+      })),
+    );
+    engine.registerItemOwner(ecsOwner, '@nanoforge/ecs');
+    engine.registerAnalyzer('entry', analyzeEntry);
+    const roots = [{ path: 'apps/client', ref: 'app:client' }];
+    const model = engine.analyze('apps/client/src/main.ts', 'entry', { roots }) as EntryModel;
+    const meta = await engine.extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [{ path: 'apps/client/src/components/components.ts', folder: 'components' }],
+      roots,
+    });
+    const items = new Map(
+      meta.items.map((item) => [
+        `app:client#${item.export}`,
+        { ref: `app:client#${item.export}`, meta: item },
+      ]),
+    );
+    const shapes = buildScene(
+      model,
+      (ref) => items.get(ref ?? '') as never,
+      (_item, name) => name ?? '',
+    );
+    expect(
+      shapes.map((shape) => [shape.entity, shape.kind, shape.x, shape.width, shape.fill]),
+    ).toEqual([
+      ['terrain', 'rect', 0, 1920, 'rgb(58,99,39)'],
+      ['terrainLine', 'rect', 955, 10, 'rgb(148,204,117)'],
+      ['ball', 'circle', 0, 50, 'red'],
+      ['paddle1', 'rect', 0, 30, 'blue'],
+      ['paddle2', 'rect', 0, 30, 'blue'],
+    ]);
+    expect(shapes[1]!.position).toEqual({
+      component: 0,
+      componentName: 'Position',
+      xParam: 0,
+      yParam: 1,
+    });
+    const live = withLivePositions(shapes, [
+      {
+        id: 1,
+        code: 'terrainLine',
+        runtime: false,
+        components: [{ name: 'Position', value: { x: 900, y: 5 } }],
+      },
+    ]);
+    expect([live[1]!.x, live[1]!.y]).toEqual([900, 5]);
+  });
+});
diff --git a/plugins/ecs/test/worker/__snapshots__/entry-file.spec.ts.snap b/plugins/ecs/test/worker/__snapshots__/entry-file.spec.ts.snap
new file mode 100644
index 00000000..6240123f
--- /dev/null
+++ b/plugins/ecs/test/worker/__snapshots__/entry-file.spec.ts.snap
@@ -0,0 +1,146 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`entry file analyzer (pong-network client) > reads entities, components, systems 1`] = `
+[
+  {
+    "components": [
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Position",
+        "item": "app:client#Position",
+      },
+      {
+        "args": [
+          "new Rect({ fill: "rgb(58,99,39)", width: 1920, height: 1080 })",
+        ],
+        "class": "RectangleComponent",
+        "item": "app:client#RectangleComponent",
+      },
+    ],
+    "name": "terrain",
+  },
+  {
+    "components": [
+      {
+        "args": [
+          955,
+          0,
+        ],
+        "class": "Position",
+        "item": "app:client#Position",
+      },
+      {
+        "args": [
+          "new Rect({ fill: "rgb(148,204,117)", width: 10, height: 1080 })",
+        ],
+        "class": "RectangleComponent",
+        "item": "app:client#RectangleComponent",
+      },
+    ],
+    "name": "terrainLine",
+  },
+  {
+    "components": [
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Velocity",
+        "item": "app:client#Velocity",
+      },
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Position",
+        "item": "app:client#Position",
+      },
+      {
+        "args": [
+          "new Circle({
+        radius: 30,
+        fill: "red",
+      })",
+        ],
+        "class": "CircleComponent",
+        "item": "app:client#CircleComponent",
+      },
+    ],
+    "name": "ball",
+  },
+  {
+    "components": [
+      {
+        "args": [
+          "InputEnum.ArrowUp",
+          "InputEnum.ArrowDown",
+        ],
+        "class": "Controller",
+        "item": "app:client#Controller",
+      },
+    ],
+    "name": "me",
+  },
+  {
+    "components": [
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Position",
+        "item": "app:client#Position",
+      },
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Velocity",
+        "item": "app:client#Velocity",
+      },
+      {
+        "args": [
+          "new Rect({ fill: "blue", width: 30, height: 300 })",
+        ],
+        "class": "RectangleComponent",
+        "item": "app:client#RectangleComponent",
+      },
+    ],
+    "name": "paddle1",
+  },
+  {
+    "components": [
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Position",
+        "item": "app:client#Position",
+      },
+      {
+        "args": [
+          0,
+          0,
+        ],
+        "class": "Velocity",
+        "item": "app:client#Velocity",
+      },
+      {
+        "args": [
+          "new Rect({ fill: "blue", width: 30, height: 300 })",
+        ],
+        "class": "RectangleComponent",
+        "item": "app:client#RectangleComponent",
+      },
+    ],
+    "name": "paddle2",
+  },
+]
+`;
diff --git a/plugins/ecs/test/worker/bundle-spawns.spec.ts b/plugins/ecs/test/worker/bundle-spawns.spec.ts
new file mode 100644
index 00000000..79270fe0
--- /dev/null
+++ b/plugins/ecs/test/worker/bundle-spawns.spec.ts
@@ -0,0 +1,79 @@
+import { spawnSync } from 'node:child_process';
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { analyzeBundleSpawns } from '../../src/worker/bundle-spawns';
+
+const BUNDLE = join(import.meta.dirname, '../fixtures/bundle.js');
+const RUN = join(import.meta.dirname, '../fixtures/run-bundle.mjs');
+
+const sitesWith = (runtime: string) => {
+  const result = spawnSync(runtime, [RUN, BUNDLE], { encoding: 'utf8' });
+  if (result.status !== 0) throw new Error(result.stderr);
+  return JSON.parse(result.stdout) as { line: number; column: number }[];
+};
+
+describe('bundle spawns (live entity → code)', () => {
+  for (const runtime of ['node', 'bun']) {
+    it(`maps the call sites recorded by ${runtime}`, () => {
+      const sites = sitesWith(runtime);
+      expect(sites).toHaveLength(5);
+      const indexes = analyzeBundleSpawns({} as never, {
+        bundle: readFileSync(BUNDLE, 'utf8'),
+        sites,
+      });
+      expect(indexes).toEqual([0, 1, 1, 2, -1]);
+    });
+  }
+});
+
+describe('bundle spawns of a scene setup', () => {
+  const bundle = [
+    'class Level1 extends EcsScene {',
+    '  setup(registry) {',
+    '    const wall = registry.spawnEntity();',
+    '    const ball = registry.spawnEntity();',
+    '  }',
+    '}',
+    'const main = async () => {',
+    '  const terrain = registry.spawnEntity();',
+    '};',
+  ].join('\n');
+
+  it('counts the spawns of the method the site is in', () => {
+    expect(
+      analyzeBundleSpawns({} as never, {
+        bundle,
+        sites: [
+          { line: 4, column: 27, enclosing: true },
+          { line: 3, column: 27, enclosing: true },
+          { line: 8, column: 27 },
+          { line: 8, column: 27, enclosing: true },
+        ],
+      }),
+    ).toEqual([1, 0, 0, 0]);
+  });
+
+  it('counts a spawn in a callback among the spawns of its method', () => {
+    const scene = [
+      'class Level1 extends EcsScene {',
+      '  setup(registry) {',
+      '    const wall = registry.spawnEntity();',
+      '    [1, 2].forEach(() => { const brick = registry.spawnEntity(); });',
+      '    const paddle = registry.spawnEntity();',
+      '  }',
+      '}',
+    ].join('\n');
+    expect(
+      analyzeBundleSpawns({} as never, {
+        bundle: scene,
+        sites: [
+          { line: 3, column: 18, enclosing: true },
+          { line: 4, column: 42, enclosing: true },
+          { line: 5, column: 20, enclosing: true },
+        ],
+      }),
+    ).toEqual([0, 1, 2]);
+  });
+});
diff --git a/plugins/ecs/test/worker/e2e-game.spec.ts b/plugins/ecs/test/worker/e2e-game.spec.ts
new file mode 100644
index 00000000..c81398a8
--- /dev/null
+++ b/plugins/ecs/test/worker/e2e-game.spec.ts
@@ -0,0 +1,102 @@
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { CODE_FILE, CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import type { EntryModel } from '../../src/model/ecs-model.type';
+import { ECS_KEY } from '../../src/model/ecs.const';
+import { analyzeEntry } from '../../src/worker/entry-file';
+import { ecsOwner } from '../../src/worker/owner';
+import { transformEntry } from '../../src/worker/transforms';
+
+/** A copy of engine/e2e/game (the engine's end-to-end test game). */
+const FIXTURE = join(import.meta.dirname, '../fixtures/e2e-game');
+const MAIN = 'apps/client/src/main.ts';
+const ROOTS = [{ path: 'apps/client', ref: 'app:client' }];
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    return statSync(path).isDirectory() ? walk(path) : CODE_FILE.test(name) ? [path] : [];
+  });
+
+const setup = () => {
+  const engine = new CodeEngine();
+  engine.setFiles(
+    walk(FIXTURE).map((file) => ({
+      path: relative(FIXTURE, file),
+      text: readFileSync(file, 'utf8'),
+    })),
+  );
+  engine.registerItemOwner(ecsOwner, '@nanoforge/ecs');
+  engine.registerAnalyzer('entry', analyzeEntry);
+  engine.registerTransformer('entry', transformEntry);
+  return engine;
+};
+
+describe('engine e2e game', () => {
+  it('reads its entity, component and system', () => {
+    const model = setup().analyze(MAIN, 'entry', { roots: ROOTS }) as EntryModel;
+    expect(model.entities).toMatchObject([
+      {
+        name: 'exampleEntity',
+        components: [
+          {
+            className: 'ExampleComponent',
+            item: 'app:client#ExampleComponent',
+            args: [{ value: 'example' }, { value: 10 }],
+          },
+        ],
+      },
+    ]);
+    expect(model.systems).toMatchObject([
+      { name: 'exampleSystem', item: 'app:client#exampleSystem' },
+    ]);
+  });
+
+  it('infers the component (name = this.constructor.name) and the system', async () => {
+    const meta = await setup().extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [
+        { path: 'apps/client/src/components/example.component.ts', folder: 'components' },
+        { path: 'apps/client/src/systems/example.system.ts', folder: 'systems' },
+      ],
+      roots: ROOTS,
+    });
+    const byName = Object.fromEntries(meta.items.map((item) => [item.export, item]));
+    expect(byName.ExampleComponent).toMatchObject({
+      params: [
+        { name: 'paramA', type: 'string' },
+        { name: 'paramB', type: 'number' },
+        { name: 'paramC', type: 'boolean', default: false, optional: true },
+      ],
+      [ECS_KEY]: { type: 'component', name: 'ExampleComponent' },
+    });
+    expect(byName.exampleSystem).toMatchObject({
+      [ECS_KEY]: { type: 'system', query: [['app:client#ExampleComponent']], uses: ['app'] },
+    });
+  });
+
+  it('round-trips an edit: only the argument changes', () => {
+    const engine = setup();
+    const before = engine.text(MAIN)!;
+    const { text } = applyTextEdits(
+      before,
+      engine.transform(MAIN, 'entry', {
+        kind: 'setArgs',
+        entity: 'exampleEntity',
+        index: 0,
+        args: { 2: { value: true } },
+        fill: [{ value: '' }, { value: 0 }, { value: false }],
+      }),
+    );
+    expect(text).toBe(
+      before.replace(
+        'new ExampleComponent("example", 10)',
+        'new ExampleComponent("example", 10, true)',
+      ),
+    );
+  });
+});
diff --git a/plugins/ecs/test/worker/entry-file.spec.ts b/plugins/ecs/test/worker/entry-file.spec.ts
new file mode 100644
index 00000000..6009b84c
--- /dev/null
+++ b/plugins/ecs/test/worker/entry-file.spec.ts
@@ -0,0 +1,369 @@
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { CODE_FILE, CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import type { EntryModel, EntryOp } from '../../src/model/ecs-model.type';
+import { ECS_KEY } from '../../src/model/ecs.const';
+import { analyzeEntry } from '../../src/worker/entry-file';
+import { ecsOwner } from '../../src/worker/owner';
+import { transformEntry } from '../../src/worker/transforms';
+
+const FIXTURE = join(
+  import.meta.dirname,
+  '../../../../packages/server-core/test/fixtures/pong-network',
+);
+const MAIN = 'apps/client/src/main.ts';
+const ROOTS = [
+  { path: 'apps/client', ref: 'app:client' },
+  { path: 'apps/server', ref: 'app:server' },
+];
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    if (name === 'node_modules') return [];
+    return statSync(path).isDirectory() ? walk(path) : CODE_FILE.test(name) ? [path] : [];
+  });
+
+const setup = () => {
+  const engine = new CodeEngine();
+  engine.setFiles(
+    walk(FIXTURE).map((file) => ({
+      path: relative(FIXTURE, file).split('\\').join('/'),
+      text: readFileSync(file, 'utf8'),
+    })),
+  );
+  engine.registerItemOwner(ecsOwner, '@nanoforge/ecs');
+  engine.registerAnalyzer('ecs.entry-file', analyzeEntry);
+  engine.registerTransformer('ecs.entry-file', transformEntry);
+  return engine;
+};
+
+const analyze = (engine: CodeEngine, path = MAIN) =>
+  engine.analyze(path, 'ecs.entry-file', { roots: ROOTS }) as EntryModel;
+
+/** Applies an op and returns the new text (and puts it in the engine). */
+const apply = (engine: CodeEngine, op: EntryOp, path = MAIN) => {
+  const before = engine.text(path)!;
+  const { text } = applyTextEdits(before, engine.transform(path, 'ecs.entry-file', op));
+  engine.setFiles([{ path, text }]);
+  return { before, text };
+};
+
+/** Lines added and removed by a change (a readable golden diff). */
+const diff = (before: string, after: string) => {
+  const a = before.split('\n');
+  const b = after.split('\n');
+  return {
+    removed: a.filter((line) => !b.includes(line)),
+    added: b.filter((line) => !a.includes(line)),
+  };
+};
+
+describe('entry file analyzer (pong-network client)', () => {
+  it('reads entities, components, systems', () => {
+    const model = analyze(setup());
+    expect(model.found).toBe(true);
+    expect(model.registry).toBe('registry');
+    expect(model.codeOnly).toEqual([]);
+    expect(
+      model.entities.map((entity) => ({
+        name: entity.name,
+        components: entity.components.map((component) => ({
+          class: component.className,
+          item: component.item,
+          args: component.args.map((arg) => arg.value ?? arg.code),
+        })),
+      })),
+    ).toMatchSnapshot();
+    expect(model.systems.map((system) => [system.name, system.item])).toEqual([
+      ['packetHandler', 'app:client#packetHandler'],
+      ['move', 'app:client#move'],
+      ['controlPlayer', 'app:client#controlPlayer'],
+      ['draw', 'app:client#draw'],
+    ]);
+  });
+
+  it('marks spawns it cannot model as code-only', () => {
+    const engine = setup();
+    engine.setFiles([
+      {
+        path: 'apps/client/src/extra.ts',
+        text: [
+          'declare const registry: { spawnEntity(): unknown; addComponent(e: unknown, c: unknown): void };',
+          'export const main = () => {',
+          '  const hero = registry.spawnEntity();',
+          '  for (let i = 0; i < 3; i++) registry.spawnEntity();',
+          '};',
+        ].join('\n'),
+      },
+    ]);
+    const model = analyze(engine, 'apps/client/src/extra.ts');
+    expect(model.entities.map((entity) => entity.name)).toEqual(['hero']);
+    expect(model.codeOnly).toMatchObject([
+      { line: 4, code: 'for (let i = 0; i < 3; i++) registry.spawnEntity();' },
+    ]);
+  });
+});
+
+describe('ecs item owner', () => {
+  it('infers pong components and systems, with queries and ctx uses', async () => {
+    const engine = setup();
+    const result = await engine.extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [
+        { path: 'apps/client/src/components/components.ts', folder: 'components' },
+        { path: 'apps/client/src/systems/systems.ts', folder: 'systems' },
+      ],
+      roots: ROOTS,
+    });
+    const byName = Object.fromEntries(result.items.map((item) => [item.export, item]));
+    expect(byName.Position).toMatchObject({
+      params: [
+        { name: 'x', type: 'number' },
+        { name: 'y', type: 'number' },
+      ],
+      fields: [],
+      [ECS_KEY]: { type: 'component', name: 'Position', inferred: true },
+    });
+    expect(byName.move).toMatchObject({
+      params: [],
+      [ECS_KEY]: {
+        type: 'system',
+        query: [['app:client#Position', 'app:client#Velocity']],
+        uses: ['app'],
+        inferred: true,
+      },
+    });
+  });
+});
+
+describe('entry file transformer', () => {
+  it('adds, renames, duplicates and removes an entity', () => {
+    const engine = setup();
+    let step = apply(engine, { kind: 'addEntity', name: 'score' });
+    expect(diff(step.before, step.text)).toEqual({
+      removed: [],
+      added: ['  const score = registry.spawnEntity();'],
+    });
+    expect(step.text.indexOf('const score')).toBeGreaterThan(step.text.indexOf('paddle2,\n'));
+
+    step = apply(engine, { kind: 'renameEntity', entity: 'me', name: 'player' });
+    expect(step.text).toContain('const player = registry.spawnEntity();');
+    expect(step.text).toContain('registry.addComponent(player, new Controller(');
+
+    step = apply(engine, { kind: 'duplicateEntity', entity: 'player' });
+    expect(diff(step.before, step.text).added).toEqual([
+      '  const playerCopy = registry.spawnEntity();',
+      '  registry.addComponent(playerCopy, new Controller(InputEnum.ArrowUp, InputEnum.ArrowDown));',
+    ]);
+
+    step = apply(engine, { kind: 'removeEntity', entity: 'playerCopy' });
+    expect(diff(step.before, step.text)).toEqual({
+      removed: [
+        '  const playerCopy = registry.spawnEntity();',
+        '  registry.addComponent(playerCopy, new Controller(InputEnum.ArrowUp, InputEnum.ArrowDown));',
+      ],
+      added: [],
+    });
+  });
+
+  it('adds a component with its import, edits and removes it', () => {
+    const engine = setup();
+    let step = apply(engine, {
+      kind: 'addComponent',
+      entity: 'ball',
+      className: 'Player',
+      args: [{ value: 'one' }, { value: 3 }],
+      imports: [{ name: 'Player', from: 'libs/shared/src/components/player.ts' }],
+    });
+    expect(diff(step.before, step.text).added).toEqual([
+      'import { Player } from "../../../libs/shared/src/components/player";',
+      '  registry.addComponent(ball, new Player("one", 3));',
+    ]);
+
+    const model = analyze(engine);
+    const ball = model.entities.find((entity) => entity.name === 'ball')!;
+    const index = ball.components.findIndex((component) => component.className === 'Player');
+    step = apply(engine, { kind: 'setArgs', entity: 'ball', index, args: { 1: { value: 5 } } });
+    expect(diff(step.before, step.text)).toEqual({
+      removed: ['  registry.addComponent(ball, new Player("one", 3));'],
+      added: ['  registry.addComponent(ball, new Player("one", 5));'],
+    });
+    step = apply(engine, {
+      kind: 'setArgs',
+      entity: 'ball',
+      index,
+      args: { 3: { code: 'InputEnum.ArrowUp' } },
+      fill: [{ value: '' }, { value: 0 }, { value: false }],
+    });
+    expect(step.text).toContain('new Player("one", 5, false, InputEnum.ArrowUp)');
+
+    step = apply(engine, { kind: 'removeComponent', entity: 'ball', index });
+    expect(diff(step.before, step.text).removed).toEqual([
+      '  registry.addComponent(ball, new Player("one", 5, false, InputEnum.ArrowUp));',
+    ]);
+  });
+
+  it('merges an import into an existing one and keeps the rest byte-identical', () => {
+    const engine = setup();
+    const { before, text } = apply(engine, {
+      kind: 'addComponent',
+      entity: 'terrain',
+      className: 'NetworkId',
+      args: [{ value: 1 }],
+      imports: [{ name: 'NetworkId', from: 'apps/client/src/components/components.ts' }],
+    });
+    expect(text).toContain('  Velocity, NetworkId,\n} from "./components/components";');
+    const untouched = before.slice(
+      before.indexOf('export const layer'),
+      before.indexOf('  const terrainLine'),
+    );
+    expect(text).toContain(
+      untouched.replace('new Position(0, 0));\n', 'new Position(0, 0));\n').slice(0, 200),
+    );
+    expect(text.slice(text.indexOf('  const terrainLine'))).toBe(
+      before.slice(before.indexOf('  const terrainLine')),
+    );
+  });
+
+  it('reorders entities, components and systems', () => {
+    const engine = setup();
+    let step = apply(engine, { kind: 'moveEntity', entity: 'me', before: 'ball' });
+    let model = analyze(engine);
+    expect(model.entities.map((entity) => entity.name)).toEqual([
+      'terrain',
+      'terrainLine',
+      'me',
+      'ball',
+      'paddle1',
+      'paddle2',
+    ]);
+    expect(step.text.length).toBe(step.before.length);
+
+    step = apply(engine, { kind: 'moveComponent', entity: 'ball', from: 0, to: 1 });
+    model = analyze(engine);
+    expect(
+      model.entities.find((entity) => entity.name === 'ball')!.components.map((c) => c.className),
+    ).toEqual(['Position', 'Velocity', 'CircleComponent']);
+
+    apply(engine, { kind: 'moveSystem', from: 3, to: 0 });
+    apply(engine, { kind: 'removeSystem', index: 1 });
+    apply(engine, {
+      kind: 'addSystem',
+      name: 'score',
+      imports: [{ name: 'score', from: 'apps/client/src/systems/score.ts' }],
+    });
+    model = analyze(engine);
+    expect(model.systems.map((system) => system.name)).toEqual([
+      'draw',
+      'move',
+      'controlPlayer',
+      'score',
+    ]);
+    expect(engine.text(MAIN)).toContain('import { score } from "./systems/score";');
+  });
+
+  it('refuses to remove an entity used elsewhere', () => {
+    const engine = setup();
+    engine.setFiles([
+      {
+        path: MAIN,
+        text: engine
+          .text(MAIN)!
+          .replace('await app.run();', 'console.log(ball);\n  await app.run();'),
+      },
+    ]);
+    expect(() =>
+      engine.transform(MAIN, 'ecs.entry-file', { kind: 'removeEntity', entity: 'ball' }),
+    ).toThrow(/used elsewhere/);
+  });
+});
+
+describe('entry file on a scene setup', () => {
+  const SCENE = 'apps/client/src/scenes/level.ts';
+  const SCOPE = { kind: 'method', class: 'Level', method: 'setup' } as const;
+  const sceneEngine = (setupBody: string) => {
+    const engine = setup();
+    engine.setFiles([
+      {
+        path: SCENE,
+        text: [
+          "import type { Context } from '@nanoforge-dev/common';",
+          "import type { Registry } from '@nanoforge-dev/ecs/client';",
+          "import { EcsScene } from '@nanoforge-dev/ecs/scene';",
+          '',
+          "import { Position } from '../components/components';",
+          '',
+          'export class Level extends EcsScene {',
+          `  override setup(registry: Registry, ctx: Context) {${setupBody}}`,
+          '}',
+          '',
+        ].join('\n'),
+      },
+    ]);
+    return engine;
+  };
+
+  it('reads the spawns and systems of the method', () => {
+    const engine = sceneEngine(
+      '\n    const wall = registry.spawnEntity();\n    registry.addComponent(wall, new Position(1, 2));\n    registry.addSystem(move);\n  ',
+    );
+    const model = engine.analyze(SCENE, 'ecs.entry-file', {
+      roots: ROOTS,
+      scope: SCOPE,
+    }) as EntryModel;
+    expect(model.found).toBe(true);
+    expect(model.registry).toBe('registry');
+    expect(model.entities.map((entity) => entity.name)).toEqual(['wall']);
+    expect(model.entities[0]!.components[0]!.className).toBe('Position');
+    expect(model.systems.map((system) => system.code)).toEqual(['move']);
+  });
+
+  it('says so when the class has no such method', () => {
+    const model = sceneEngine('').analyze(SCENE, 'ecs.entry-file', {
+      roots: ROOTS,
+      scope: { kind: 'method', class: 'Level', method: 'teardown' },
+    }) as EntryModel;
+    expect(model.found).toBe(false);
+    expect(model.problems).toEqual(['No `Level.teardown` method in this file.']);
+  });
+
+  it('writes into an empty setup, the registry being its first parameter', () => {
+    const engine = sceneEngine('');
+    expect(
+      (engine.analyze(SCENE, 'ecs.entry-file', { roots: ROOTS, scope: SCOPE }) as EntryModel)
+        .registry,
+    ).toBe('registry');
+    const added = apply(
+      engine,
+      { kind: 'addEntity', name: 'wall', scope: SCOPE } as EntryOp,
+      SCENE,
+    );
+    expect(diff(added.before, added.text)).toEqual({
+      removed: ['  override setup(registry: Registry, ctx: Context) {}'],
+      added: [
+        '  override setup(registry: Registry, ctx: Context) {',
+        '    const wall = registry.spawnEntity();',
+        '  }',
+      ],
+    });
+    const system = apply(
+      engine,
+      {
+        kind: 'addSystem',
+        name: 'move',
+        imports: [{ name: 'move', from: 'apps/client/src/systems/systems.ts' }],
+        scope: SCOPE,
+      } as EntryOp,
+      SCENE,
+    );
+    expect(diff(system.before, system.text).added).toEqual([
+      "import { move } from '../systems/systems';",
+      '    registry.addSystem(move);',
+    ]);
+  });
+});
diff --git a/plugins/ecs/test/worker/item-docs.spec.ts b/plugins/ecs/test/worker/item-docs.spec.ts
new file mode 100644
index 00000000..041057af
--- /dev/null
+++ b/plugins/ecs/test/worker/item-docs.spec.ts
@@ -0,0 +1,134 @@
+import { describe, expect, it } from 'vitest';
+
+import { CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import type { ItemDocsOp } from '../../src/model/item-docs.type';
+import { transformItemDocs } from '../../src/worker/item-docs';
+import { ecsOwner } from '../../src/worker/owner';
+
+const PATH = 'apps/client/src/components/position.ts';
+const SOURCE = [
+  '/**',
+  ' * Where an entity is.',
+  ' *',
+  ' * @component',
+  ' * @side client',
+  ' */',
+  'export class Position {',
+  '  name = "Position";',
+  '',
+  '  /**',
+  '   * @param x - Distance from the left edge.',
+  '   */',
+  '  constructor(',
+  '    public x = 0,',
+  '    /** Distance from the top. @deprecated use z */',
+  '    public y = 0,',
+  '  ) {}',
+  '}',
+  '',
+].join('\n');
+
+const setup = () => {
+  const engine = new CodeEngine();
+  engine.registerTransformer('ecs.item-docs', transformItemDocs);
+  engine.registerItemOwner(ecsOwner, '@nanoforge/ecs');
+  engine.setFiles([{ path: PATH, text: SOURCE }]);
+  return engine;
+};
+
+const apply = (engine: CodeEngine, op: ItemDocsOp) => {
+  const { text } = applyTextEdits(engine.text(PATH)!, engine.transform(PATH, 'ecs.item-docs', op));
+  engine.setFiles([{ path: PATH, text }]);
+  return text;
+};
+
+describe('item docs transformer (Component panel)', () => {
+  it('writes groups in the header and layout tags on params, keeping other tags', async () => {
+    const engine = setup();
+    const text = apply(engine, {
+      export: 'Position',
+      groups: [{ name: 'Coords', color: '#4aa3ff', description: 'Position in pixels.' }],
+      params: {
+        x: { group: 'Coords', preset: 'vector.x', description: 'Distance from the left.' },
+        y: { group: 'Coords', preset: 'vector.y', label: 'Top', hidden: true },
+      },
+    });
+    expect(text).toContain(
+      ' * @component\n * @side client\n * @group Coords color=#4aa3ff - Position in pixels.\n */',
+    );
+    expect(text).toContain(
+      '    /** Distance from the left. @group Coords @preset vector.x */\n    public x = 0,',
+    );
+    expect(text).toContain(
+      '    /** Distance from the top. @group Coords @preset vector.y @label Top @hidden @deprecated use z */',
+    );
+    expect(text).not.toContain('@param x');
+    expect(text).toContain('  constructor(');
+
+    const meta = await engine.extractMeta({
+      source: { kind: 'app', name: 'client', path: 'apps/client' },
+      files: [{ path: PATH, folder: 'components' }],
+      roots: [{ path: 'apps/client', ref: 'app:client' }],
+    });
+    expect(meta.items[0]).toMatchObject({
+      groups: [{ name: 'Coords', color: '#4aa3ff', description: 'Position in pixels.' }],
+      params: [
+        {
+          name: 'x',
+          description: 'Distance from the left.',
+          layout: { group: 'Coords', preset: { id: 'vector', slot: 'x' } },
+        },
+        { name: 'y', layout: { group: 'Coords', label: 'Top', hidden: true }, deprecated: 'use z' },
+      ],
+    });
+  });
+
+  it('removes layout tags and the description of a param', () => {
+    const engine = setup();
+    apply(engine, { export: 'Position', params: { y: { group: 'Debug' } } });
+    const text = apply(engine, { export: 'Position', params: { y: { description: '' } } });
+    expect(text).toContain('    /** @deprecated use z */\n    public y = 0,');
+  });
+
+  it('updates the description and keeps the example', () => {
+    const engine = setup();
+    const text = apply(engine, { export: 'Position', description: 'Where it is,\nin pixels.' });
+    expect(
+      text.startsWith(
+        '/**\n * Where it is,\n * in pixels.\n *\n * @component\n * @side client\n */',
+      ),
+    ).toBe(true);
+  });
+});
+
+describe('item docs on one-line constructors', () => {
+  it('replaces the inline doc of a first parameter instead of adding one', () => {
+    const engine = new CodeEngine();
+    engine.registerTransformer('ecs.item-docs', transformItemDocs);
+    const path = 'apps/client/src/components/components.ts';
+    engine.setFiles([
+      {
+        path,
+        text: 'export class Position {\n  name = "Position";\n  constructor(x: number, y: number) {}\n}\n',
+      },
+    ]);
+    const run = (op: ItemDocsOp) => {
+      const { text } = applyTextEdits(
+        engine.text(path)!,
+        engine.transform(path, 'ecs.item-docs', op),
+      );
+      engine.setFiles([{ path, text }]);
+      return text;
+    };
+    run({ export: 'Position', params: { x: { group: 'Coords' } } });
+    const text = run({
+      export: 'Position',
+      params: { x: { group: 'Coords', preset: 'vector.x' } },
+    });
+    expect(text).toContain(
+      'constructor(/** @group Coords @preset vector.x */ x: number, y: number)',
+    );
+  });
+});
diff --git a/plugins/ecs/test/worker/refactor.spec.ts b/plugins/ecs/test/worker/refactor.spec.ts
new file mode 100644
index 00000000..f35301ca
--- /dev/null
+++ b/plugins/ecs/test/worker/refactor.spec.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from 'vitest';
+
+import { CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import {
+  analyzeImporters,
+  analyzeRelocatedText,
+  transformRewriteImports,
+} from '../../src/worker/refactor';
+
+const setup = () => {
+  const engine = new CodeEngine();
+  engine.registerAnalyzer('importers', analyzeImporters);
+  engine.registerAnalyzer('relocated', analyzeRelocatedText);
+  engine.registerTransformer('rewrite', transformRewriteImports);
+  engine.setTsconfig(
+    '{ "compilerOptions": { "paths": { "@pong/shared/*": ["./libs/shared/src/*"] } } }',
+  );
+  engine.setFiles([
+    {
+      path: 'apps/client/src/components/health.ts',
+      text: 'import { max } from "../config";\nexport class Health { name = "Health"; constructor(public points = max) {} }\n',
+    },
+    { path: 'apps/client/src/config.ts', text: 'export const max = 3;\n' },
+    {
+      path: 'apps/client/src/main.ts',
+      text: 'import { Health } from "./components/health";\nnew Health();\n',
+    },
+    {
+      path: 'apps/client/src/systems/regen.ts',
+      text: "import type { Health } from '../components/health';\nexport const regen = (h: Health) => h;\n",
+    },
+  ]);
+  return engine;
+};
+
+describe('move to shared library', () => {
+  it('finds the importers, relocates the file and rewrites their imports', () => {
+    const engine = setup();
+    const from = 'apps/client/src/components/health.ts';
+    const to = 'libs/shared/src/components/health.ts';
+    expect(engine.analyze(from, 'importers')).toEqual([
+      'apps/client/src/main.ts',
+      'apps/client/src/systems/regen.ts',
+    ]);
+    expect(engine.analyze(from, 'relocated', { to })).toMatchObject({
+      imports: ['apps/client/src/config.ts'],
+    });
+    expect((engine.analyze(from, 'relocated', { to }) as { text: string }).text).toContain(
+      'import { max } from "../../../../apps/client/src/config";',
+    );
+    const main = 'apps/client/src/main.ts';
+    const { text } = applyTextEdits(
+      engine.text(main)!,
+      engine.transform(main, 'rewrite', { from, to }),
+    );
+    expect(text).toBe('import { Health } from "@pong/shared/components/health";\nnew Health();\n');
+    const regen = 'apps/client/src/systems/regen.ts';
+    expect(
+      applyTextEdits(engine.text(regen)!, engine.transform(regen, 'rewrite', { from, to })).text,
+    ).toContain("import type { Health } from '@pong/shared/components/health';");
+  });
+});
diff --git a/plugins/ecs/tsconfig.json b/plugins/ecs/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/ecs/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/ecs/vite.config.ts b/plugins/ecs/vite.config.ts
new file mode 100644
index 00000000..8fac285c
--- /dev/null
+++ b/plugins/ecs/vite.config.ts
@@ -0,0 +1,15 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: {
+      entry: { index: 'src/index.ts', worker: 'src/worker/index.ts' },
+      formats: ['es'],
+      cssFileName: 'ecs',
+    },
+  },
+});
diff --git a/plugins/file-manager/.prettierignore b/plugins/file-manager/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/file-manager/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/file-manager/LICENSE b/plugins/file-manager/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/file-manager/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/file-manager/README.md b/plugins/file-manager/README.md
new file mode 100644
index 00000000..22467115
--- /dev/null
+++ b/plugins/file-manager/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/file-manager"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Ffile-manager" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-file-manager` is an internal package of the NanoForge Editor.
+
+Built-in file manager.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/file-manager
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/file-manager/nanoforge.manifest.json b/plugins/file-manager/nanoforge.manifest.json
new file mode 100644
index 00000000..8aeaccd4
--- /dev/null
+++ b/plugins/file-manager/nanoforge.manifest.json
@@ -0,0 +1,216 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/file-manager",
+  "version": "0.1.0",
+  "displayName": "File manager",
+  "description": "Browse and organize the project's files: tree, asset grid, templates, import, undo.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "entry": {
+    "client": "index.js"
+  },
+  "activation": [
+    "onWidget:file-manager.files",
+    "onCommand:fileManager.import",
+    "onCommand:fileManager.preview"
+  ],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "file-manager.files",
+        "title": "Files",
+        "icon": "folder-tree",
+        "defaultSlot": "leftTop",
+        "order": 100,
+        "historyContext": "file-manager"
+      }
+    ],
+    "commands": [
+      {
+        "id": "fileManager.newFile",
+        "title": "New file\u2026",
+        "category": "File"
+      },
+      {
+        "id": "fileManager.newFolder",
+        "title": "New folder\u2026",
+        "category": "File"
+      },
+      {
+        "id": "fileManager.newFromTemplate",
+        "title": "New from template\u2026",
+        "category": "File",
+        "palette": false
+      },
+      {
+        "id": "fileManager.import",
+        "title": "Import files\u2026",
+        "category": "File"
+      },
+      {
+        "id": "fileManager.rename",
+        "title": "Rename\u2026",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.delete",
+        "title": "Delete",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.duplicate",
+        "title": "Duplicate",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.copy",
+        "title": "Copy",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.cut",
+        "title": "Cut",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.paste",
+        "title": "Paste",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.reveal",
+        "title": "Reveal in file manager",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.download",
+        "title": "Download",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.copyPath",
+        "title": "Copy path",
+        "category": "Files"
+      },
+      {
+        "id": "fileManager.toggleHidden",
+        "title": "Show or hide hidden files",
+        "category": "View"
+      },
+      {
+        "id": "fileManager.preview",
+        "title": "Preview",
+        "category": "File",
+        "palette": false
+      }
+    ],
+    "keybindings": [
+      {
+        "key": "Delete",
+        "command": "fileManager.delete",
+        "when": "focusedWidget == 'file-manager.files' && !textInputFocus"
+      },
+      {
+        "key": "Mod+C",
+        "command": "fileManager.copy",
+        "when": "focusedWidget == 'file-manager.files' && !textInputFocus"
+      },
+      {
+        "key": "Mod+X",
+        "command": "fileManager.cut",
+        "when": "focusedWidget == 'file-manager.files' && !textInputFocus"
+      },
+      {
+        "key": "Mod+V",
+        "command": "fileManager.paste",
+        "when": "focusedWidget == 'file-manager.files' && !textInputFocus"
+      },
+      {
+        "key": "Mod+D",
+        "command": "fileManager.duplicate",
+        "when": "focusedWidget == 'file-manager.files' && !textInputFocus"
+      }
+    ],
+    "menus": [
+      {
+        "menu": "file",
+        "command": "fileManager.newFile",
+        "group": "new",
+        "order": 0
+      },
+      {
+        "menu": "file",
+        "command": "fileManager.newFolder",
+        "group": "new",
+        "order": 1
+      },
+      {
+        "menu": "file",
+        "command": "fileManager.import",
+        "group": "new",
+        "order": 2
+      },
+      {
+        "menu": "view",
+        "command": "fileManager.toggleHidden",
+        "group": "files"
+      }
+    ],
+    "settings": [
+      {
+        "key": "exclude",
+        "type": "array",
+        "items": {
+          "type": "string"
+        },
+        "default": ["node_modules/", "dist/", ".turbo/", "coverage/", ".*", "!.env"],
+        "title": "Hidden files",
+        "description": "Files the file manager hides (gitignore syntax). .nfignore hides files from the whole editor.",
+        "category": "Editor/Files",
+        "order": 0
+      },
+      {
+        "key": "showHidden",
+        "type": "boolean",
+        "default": false,
+        "title": "Show hidden files",
+        "category": "Editor/Files",
+        "order": 1,
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "view",
+        "type": "string",
+        "enum": ["tree", "split"],
+        "default": "split",
+        "title": "View",
+        "description": "Tree only, or tree and asset grid.",
+        "category": "Editor/Files",
+        "order": 2,
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "gridSize",
+        "type": "number",
+        "integer": true,
+        "minimum": 48,
+        "maximum": 256,
+        "default": 96,
+        "title": "Thumbnail size (px)",
+        "category": "Editor/Files",
+        "order": 3,
+        "scopes": ["account", "machine"]
+      }
+    ],
+    "documentEditors": [
+      {
+        "pattern": "**/*.{png,jpg,jpeg,gif,webp,avif,bmp,ico,mp3,wav,ogg,flac,m4a,mp4,webm}",
+        "widget": "file-manager.files",
+        "command": "fileManager.preview",
+        "title": "Preview"
+      }
+    ]
+  }
+}
diff --git a/plugins/file-manager/package.json b/plugins/file-manager/package.json
new file mode 100644
index 00000000..6a2ab642
--- /dev/null
+++ b/plugins/file-manager/package.json
@@ -0,0 +1,65 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-file-manager",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in file manager",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/file-manager"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "ignore": "catalog:libs",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/file-manager/src/dialogs/preview/PreviewDialog.svelte b/plugins/file-manager/src/dialogs/preview/PreviewDialog.svelte
new file mode 100644
index 00000000..8d8d638e
--- /dev/null
+++ b/plugins/file-manager/src/dialogs/preview/PreviewDialog.svelte
@@ -0,0 +1,86 @@
+<script lang="ts">
+  import { Button, Dialog } from '@nanoforge-dev/editor-sdk/ui';
+
+  interface Props {
+    /** Project path of the file. */
+    path: string;
+    url: string;
+    kind: 'image' | 'audio' | 'video';
+    ondownload: () => void;
+    onclose: () => void;
+  }
+
+  // svelte-ignore state_referenced_locally
+  const { path, url, kind, ondownload, onclose }: Props = $props();
+  let open = $state(true);
+  let size = $state('');
+  /** Pixel art and icons are shown enlarged, with sharp pixels. */
+  let small = $state(false);
+
+  const close = () => {
+    open = false;
+    onclose();
+  };
+</script>
+
+<Dialog bind:open title={path.split('/').at(-1) ?? path} width="min(900px, 92vw)" onclose={close}>
+  <div class="preview">
+    {#if kind === 'image'}
+      <img
+        src={url}
+        alt={path}
+        class:small
+        onload={(event) => {
+          const image = event.currentTarget as HTMLImageElement;
+          size = `${image.naturalWidth} × ${image.naturalHeight}`;
+          small = image.naturalWidth <= 64 && image.naturalHeight <= 64;
+        }}
+      />
+    {:else if kind === 'audio'}
+      <audio src={url} controls aria-label={path}></audio>
+    {:else}
+      <!-- svelte-ignore a11y_media_has_caption -->
+      <video src={url} controls aria-label={path}></video>
+    {/if}
+  </div>
+  <p class="meta">{path}{size ? ` · ${size}` : ''}</p>
+  {#snippet footer()}
+    <Button onclick={ondownload}>Download</Button>
+    <Button variant="primary" onclick={close}>Close</Button>
+  {/snippet}
+</Dialog>
+
+<style>
+  .preview {
+    display: grid;
+    place-items: center;
+    min-height: 160px;
+    /* The dialog is at most 70vh, with its header and footer. */
+    max-height: calc(70vh - 170px);
+    border-radius: var(--nf-radius-control);
+    /* A checkerboard shows through transparent images. */
+    background: repeating-conic-gradient(
+        var(--nf-color-sunken) 0% 25%,
+        var(--nf-color-surface) 0% 50%
+      )
+      50% / 16px 16px;
+    overflow: auto;
+  }
+  img,
+  video {
+    max-width: 100%;
+    max-height: calc(70vh - 170px);
+    image-rendering: auto;
+  }
+  img.small {
+    width: 128px;
+    height: 128px;
+    object-fit: contain;
+    image-rendering: pixelated;
+  }
+  .meta {
+    margin: var(--nf-space-2) 0 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/file-manager/src/filter/file-filter.ts b/plugins/file-manager/src/filter/file-filter.ts
new file mode 100644
index 00000000..a5ea87f6
--- /dev/null
+++ b/plugins/file-manager/src/filter/file-filter.ts
@@ -0,0 +1,45 @@
+import ignore, { type Ignore } from 'ignore';
+
+import { type FileEntry, basename } from '@nanoforge-dev/editor-sdk';
+
+/** Folder of installed bundles, shown apart and read-only. */
+export const PACKAGES = 'nf_modules';
+
+export const isPackagePath = (path: string): boolean =>
+  path === PACKAGES || path.startsWith(`${PACKAGES}/`);
+
+/** `fileManager.exclude`: gitignore patterns hidden in the file manager. */
+export class FileFilter {
+  private readonly _rules: Ignore;
+
+  constructor(patterns: readonly string[]) {
+    this._rules = ignore().add([...patterns]);
+  }
+
+  excludes(entry: Pick<FileEntry, 'path' | 'kind'>): boolean {
+    const path = entry.kind === 'directory' ? `${entry.path}/` : entry.path;
+    return this._rules.ignores(path);
+  }
+}
+
+/**
+ * Fuzzy match of a query on a file name: every query character in order, case-insensitive.
+ * Returns a score (higher is better: consecutive and early matches) or -1.
+ */
+export const fuzzyScore = (query: string, path: string): number => {
+  const name = basename(path).toLowerCase();
+  const needle = query.toLowerCase();
+  if (!needle) return 0;
+  let score = 0;
+  let from = 0;
+  let previous = -2;
+  for (const char of needle) {
+    const index = name.indexOf(char, from);
+    if (index < 0) return -1;
+    score += index === previous + 1 ? 3 : 1;
+    if (index === 0) score += 2;
+    previous = index;
+    from = index + 1;
+  }
+  return score - name.length / 100;
+};
diff --git a/plugins/file-manager/src/icons.ts b/plugins/file-manager/src/icons.ts
new file mode 100644
index 00000000..f2e1f354
--- /dev/null
+++ b/plugins/file-manager/src/icons.ts
@@ -0,0 +1,45 @@
+import Box from '@lucide/svelte/icons/box';
+import ClipboardPaste from '@lucide/svelte/icons/clipboard-paste';
+import Download from '@lucide/svelte/icons/download';
+import Eye from '@lucide/svelte/icons/eye';
+import EyeOff from '@lucide/svelte/icons/eye-off';
+import FileJson from '@lucide/svelte/icons/file-braces';
+import FileImage from '@lucide/svelte/icons/file-image';
+import FileMusic from '@lucide/svelte/icons/file-music';
+import FileText from '@lucide/svelte/icons/file-text';
+import FileType from '@lucide/svelte/icons/file-type';
+import LayoutGrid from '@lucide/svelte/icons/layout-grid';
+import Music from '@lucide/svelte/icons/music';
+import Scissors from '@lucide/svelte/icons/scissors';
+import Upload from '@lucide/svelte/icons/upload';
+
+import type { FileIcon } from '@nanoforge-dev/editor-sdk/ui';
+
+/** Icons the file manager uses beyond the editor's own set. */
+export const ICONS = {
+  box: Box,
+  'clipboard-paste': ClipboardPaste,
+  download: Download,
+  eye: Eye,
+  'eye-off': EyeOff,
+  'file-image': FileImage,
+  'file-json': FileJson,
+  'file-music': FileMusic,
+  'file-text': FileText,
+  'file-type': FileType,
+  'layout-grid': LayoutGrid,
+  music: Music,
+  scissors: Scissors,
+  upload: Upload,
+};
+
+/** Default file icons (other plugins contribute more, with a higher priority). */
+export const FILE_ICON_DEFAULTS: FileIcon[] = [
+  { pattern: '**/*.{ts,tsx,mts,cts,js,jsx,mjs,cjs,svelte,vue}', icon: 'file-code' },
+  { pattern: '**/*.{json,jsonc}', icon: 'file-json' },
+  { pattern: '**/*.{md,mdx,txt,log}', icon: 'file-text' },
+  { pattern: '**/*.{png,jpg,jpeg,gif,webp,svg,bmp,avif}', icon: 'file-image' },
+  { pattern: '**/*.{mp3,wav,ogg,flac,m4a}', icon: 'file-music' },
+  { pattern: '**/*.{ttf,otf,woff,woff2}', icon: 'file-type' },
+  { pattern: '**/*.wasm', icon: 'box' },
+];
diff --git a/plugins/file-manager/src/index.ts b/plugins/file-manager/src/index.ts
new file mode 100644
index 00000000..bcd0ee28
--- /dev/null
+++ b/plugins/file-manager/src/index.ts
@@ -0,0 +1,158 @@
+import { type Component, mount, unmount } from 'svelte';
+
+import {
+  EditorServices,
+  HistoryServiceToken,
+  ProjectServiceToken,
+  RuntimeServiceToken,
+  SettingsServiceToken,
+  definePlugin,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  FILE_ICONS,
+  NotificationServiceToken,
+  PromptServiceToken,
+  StyleServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import PreviewDialog from './dialogs/preview/PreviewDialog.svelte';
+import { FILE_ICON_DEFAULTS, ICONS } from './icons';
+import { FileManagerService } from './service/file-manager-service';
+import { current } from './session/file-manager-session';
+import { SETTING } from './settings/file-manager-settings.const';
+import FilesView from './widgets/files/FilesView.svelte';
+
+export const FILES_WIDGET = 'file-manager.files';
+/** Undo/redo context of file operations (the widget's `historyContext`). */
+export const FILES_HISTORY = 'file-manager';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('file-manager.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+    for (const icon of FILE_ICON_DEFAULTS) {
+      context.subscriptions.add(context.contribute(FILE_ICONS, icon, { priority: -100 }));
+    }
+    context.subscriptions.add(
+      context.contribute(WIDGET_VIEWS, {
+        id: FILES_WIDGET,
+        component: FilesView as Component<{ instance: WidgetInstance }>,
+      }),
+    );
+
+    const history = services.get(HistoryServiceToken);
+    const extensions = services.get(EditorServices.Extensions);
+    const unsubscribe = services.get(ProjectServiceToken).current.subscribe((project) => {
+      current.get()?.dispose();
+      current.set(undefined);
+      if (!project) return;
+      current.set(
+        new FileManagerService({
+          project,
+          history: history.registerContext({
+            id: FILES_HISTORY,
+            label: 'Files',
+            owner: context.name,
+          }),
+          extensions,
+          prompts: services.tryGet(PromptServiceToken),
+          notifications: services.tryGet(NotificationServiceToken),
+          executeCommand: (id, ...args) => context.executeCommand(id, ...args),
+          logger: context.logger,
+          local: services.tryGet(RuntimeServiceToken) !== undefined,
+        }),
+      );
+    });
+    context.subscriptions.add({
+      dispose: () => {
+        unsubscribe();
+        current.get()?.dispose();
+        current.set(undefined);
+      },
+    });
+
+    const paths = (value: unknown): string[] | undefined =>
+      Array.isArray(value)
+        ? value.filter((item): item is string => typeof item === 'string')
+        : undefined;
+    const folder = (value: unknown) => (typeof value === 'string' ? value : undefined);
+    const settings = services.get(SettingsServiceToken);
+
+    let dialog: ReturnType<typeof mount> | undefined;
+    const closePreview = () => {
+      if (dialog) void unmount(dialog);
+      dialog = undefined;
+    };
+    context.subscriptions.add({ dispose: closePreview });
+    const preview = (service: FileManagerService, arg: unknown) => {
+      const path = folder(arg);
+      if (!path) return;
+      closePreview();
+      const extension = path.slice(path.lastIndexOf('.') + 1).toLowerCase();
+      const target = document.createElement('div');
+      document.body.append(target);
+      dialog = mount(PreviewDialog, {
+        target,
+        props: {
+          path,
+          url: service.fileUrl(path, service.entry(path)?.mtime),
+          kind: ['mp3', 'wav', 'ogg', 'flac', 'm4a'].includes(extension)
+            ? 'audio'
+            : ['mp4', 'webm'].includes(extension)
+              ? 'video'
+              : 'image',
+          ondownload: () => void service.download(path),
+          onclose: () => {
+            closePreview();
+            target.remove();
+          },
+        },
+      });
+    };
+    const commands: [string, (service: FileManagerService, arg: unknown) => unknown][] = [
+      ['fileManager.newFile', (service, arg) => service.newFile(folder(arg))],
+      ['fileManager.newFolder', (service, arg) => service.newFolder(folder(arg))],
+      ['fileManager.newFromTemplate', (service, arg) => service.newFromTemplate(String(arg))],
+      ['fileManager.import', (service, arg) => service.pickFiles(folder(arg))],
+      ['fileManager.rename', (service, arg) => service.rename(folder(arg))],
+      ['fileManager.delete', (service, arg) => service.delete(paths(arg))],
+      ['fileManager.duplicate', (service, arg) => service.duplicate(paths(arg))],
+      ['fileManager.copy', (service, arg) => service.copyToClipboard('copy', paths(arg))],
+      ['fileManager.cut', (service, arg) => service.copyToClipboard('cut', paths(arg))],
+      ['fileManager.paste', (service, arg) => service.paste(folder(arg))],
+      ['fileManager.reveal', (service, arg) => service.reveal(folder(arg))],
+      ['fileManager.download', (service, arg) => service.download(folder(arg))],
+      ['fileManager.copyPath', (service, arg) => service.copyPath(folder(arg))],
+      ['fileManager.preview', (service, arg) => preview(service, arg)],
+      [
+        'fileManager.toggleHidden',
+        () =>
+          settings.set(
+            SETTING.showHidden,
+            !settings.get<boolean>(SETTING.showHidden),
+            settings.hasStore('machine') ? 'machine' : 'account',
+          ),
+      ],
+    ];
+    let queue: Promise<unknown> = Promise.resolve();
+    for (const [id, run] of commands) {
+      context.subscriptions.add(
+        context.registerCommand(id, (_services, arg?: unknown) => {
+          const next = queue.then(() => {
+            const service = current.get();
+            return service ? run(service, arg) : undefined;
+          });
+          queue = next.catch(() => undefined);
+          return next;
+        }),
+      );
+    }
+  },
+});
diff --git a/plugins/file-manager/src/menu/file-menu.ts b/plugins/file-manager/src/menu/file-menu.ts
new file mode 100644
index 00000000..c2581b68
--- /dev/null
+++ b/plugins/file-manager/src/menu/file-menu.ts
@@ -0,0 +1,160 @@
+import { type ContextKeyService, basename } from '@nanoforge-dev/editor-sdk';
+import { FILE_ACTIONS, type FileAction, type MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { FileManagerService } from '../service/file-manager-service';
+import type { Contributions } from '../service/file-manager-service.type';
+
+const extname = (path: string) => {
+  const name = basename(path);
+  const dot = name.lastIndexOf('.');
+  return dot > 0 ? name.slice(dot) : '';
+};
+
+const item = (
+  id: string,
+  label: string,
+  onSelect: () => unknown,
+  extra: { icon?: string; shortcut?: string; disabled?: boolean } = {},
+): MenuEntry => ({ kind: 'item', id, label, onSelect: () => void onSelect(), ...extra });
+
+const SEPARATOR: MenuEntry = { kind: 'separator' };
+
+/** "New" entries: file, folder and the contributed templates by category. */
+export const newEntries = (service: FileManagerService, folder: string): MenuEntry[] => {
+  const templates = service.templates();
+  const categories = [...new Set(templates.map((template) => template.category ?? ''))];
+  return [
+    item('new-file', 'File…', () => service.newFile(folder), { icon: 'file' }),
+    item('new-folder', 'Folder…', () => service.newFolder(folder), { icon: 'folder' }),
+    ...categories.flatMap((category) => [
+      SEPARATOR,
+      ...templates
+        .filter((template) => (template.category ?? '') === category)
+        .map((template) =>
+          item(
+            `template-${template.id}`,
+            `${template.title}…`,
+            () => service.newFromTemplate(template.id, folder),
+            { ...(template.icon && { icon: template.icon }) },
+          ),
+        ),
+    ]),
+  ];
+};
+
+/**
+ * Context menu of entries (empty `paths`: the project root). Contributed file actions are
+ * filtered by their `when` clause over `fileKind`, `fileExtname`, `fileReadOnly` and
+ * `fileSelectionCount`.
+ */
+export const fileMenu = (
+  service: FileManagerService,
+  paths: readonly string[],
+  contextKeys: ContextKeyService,
+  extensions: Contributions,
+  executeCommand: (id: string, ...args: unknown[]) => Promise<unknown>,
+): MenuEntry[] => {
+  const [first] = paths;
+  const entry = first !== undefined ? service.entry(first) : undefined;
+  const folder = service.targetFolder(first ?? '');
+  const readOnly = paths.some((path) => service.readOnly(path)) || service.readOnly(folder);
+  const single = paths.length === 1 && first !== undefined;
+  const entries: MenuEntry[] = [];
+
+  if (single && entry?.kind === 'file') {
+    entries.push(item('open', 'Open', () => service.open(first)));
+    const editors = service.editorsOf(first);
+    if (editors.length > 1) {
+      entries.push({
+        kind: 'submenu',
+        label: 'Open with',
+        items: editors.map((editor) =>
+          item(`open-with-${editor.widget}`, editor.title ?? editor.widget, () =>
+            service.openWith(first, editor),
+          ),
+        ),
+      });
+    }
+    entries.push(SEPARATOR);
+  }
+  if (!readOnly) {
+    entries.push({ kind: 'submenu', label: 'New', items: newEntries(service, folder) });
+    entries.push(
+      item('import', 'Import files…', () => executeCommand('fileManager.import', folder), {
+        icon: 'upload',
+      }),
+    );
+    entries.push(SEPARATOR);
+  }
+  if (paths.length) {
+    entries.push(
+      item('cut', 'Cut', () => service.copyToClipboard('cut', paths), {
+        shortcut: 'Ctrl+X',
+        disabled: readOnly,
+      }),
+      item('copy', 'Copy', () => service.copyToClipboard('copy', paths), { shortcut: 'Ctrl+C' }),
+    );
+  }
+  entries.push(
+    item('paste', 'Paste', () => service.paste(folder), {
+      shortcut: 'Ctrl+V',
+      disabled: readOnly || !service.clipboard.get(),
+    }),
+  );
+  if (paths.length && !readOnly) {
+    entries.push(
+      item('duplicate', 'Duplicate', () => service.duplicate(paths), { shortcut: 'Ctrl+D' }),
+      ...(single
+        ? [item('rename', 'Rename…', () => service.rename(first), { shortcut: 'F2' })]
+        : []),
+      item('delete', 'Delete', () => service.delete(paths), { icon: 'trash-2', shortcut: 'Del' }),
+    );
+  }
+  entries.push(SEPARATOR);
+  if (single || !paths.length) {
+    const target = first ?? '';
+    if (service.local) {
+      entries.push(item('reveal', 'Reveal in file manager', () => service.reveal(target)));
+    }
+    entries.push(
+      item(
+        'download',
+        entry?.kind === 'file' ? 'Download' : 'Download as .zip',
+        () => service.download(target),
+        { icon: 'download' },
+      ),
+    );
+    if (single) entries.push(item('copy-path', 'Copy path', () => service.copyPath(first)));
+  }
+
+  const scope = contextKeys.createScoped('file-manager.menu');
+  scope.set('fileKind', entry?.kind ?? 'directory');
+  scope.set('fileExtname', first !== undefined ? extname(first) : '');
+  scope.set('fileReadOnly', readOnly);
+  scope.set('fileSelectionCount', paths.length);
+  const actions = extensions
+    .getValues(FILE_ACTIONS)
+    .filter((action) => scope.evaluate(action.when))
+    .sort(
+      (a, b) => (a.group ?? '').localeCompare(b.group ?? '') || (a.order ?? 0) - (b.order ?? 0),
+    );
+  scope.dispose();
+  let group: string | undefined;
+  for (const action of actions as FileAction[]) {
+    if (action.group !== group) {
+      entries.push(SEPARATOR);
+      group = action.group;
+    }
+    entries.push(
+      item(`action-${action.id}`, action.title, () => executeCommand(action.command, [...paths]), {
+        ...(action.icon && { icon: action.icon }),
+      }),
+    );
+  }
+
+  return entries.filter(
+    (entry, index, all) =>
+      entry.kind !== 'separator' ||
+      (index > 0 && index < all.length - 1 && all[index - 1]?.kind !== 'separator'),
+  );
+};
diff --git a/plugins/file-manager/src/service/file-manager-service.ts b/plugins/file-manager/src/service/file-manager-service.ts
new file mode 100644
index 00000000..7082ca6e
--- /dev/null
+++ b/plugins/file-manager/src/service/file-manager-service.ts
@@ -0,0 +1,315 @@
+import {
+  type ClientProject,
+  type Disposable,
+  type DocumentEditor,
+  type FileEntry,
+  type Observable,
+  ObservableValue,
+  basename,
+  dirname,
+  editorsFor,
+  matchesGlob,
+} from '@nanoforge-dev/editor-sdk';
+import { FILE_ICONS, FILE_TEMPLATES, type FileTemplate } from '@nanoforge-dev/editor-sdk/ui';
+
+import { isPackagePath } from '../filter/file-filter';
+import type { Clipboard, FileManagerServiceOptions } from './file-manager-service.type';
+import { FileOperations } from './file-operations';
+
+export const NAME = /^[^/\\:*?"<>|]+$/;
+export const validateName = (value: string) =>
+  !value.trim()
+    ? 'Enter a name'
+    : !NAME.test(value) || value === '.' || value === '..'
+      ? 'Names cannot contain / \\ : * ? " < > |'
+      : undefined;
+
+/**
+ * State and actions of the file manager for the open project: selection, grid folder,
+ * clipboard, pending deletes, and every operation of the context menu and shortcuts.
+ */
+export class FileManagerService implements Disposable {
+  readonly operations: FileOperations;
+  private readonly _selection = new ObservableValue<readonly string[]>([]);
+  private readonly _folder = new ObservableValue<string>('');
+  private readonly _clipboard = new ObservableValue<Clipboard | undefined>(undefined);
+  private readonly _pendingDelete = new ObservableValue<readonly string[] | undefined>(undefined);
+
+  constructor(private readonly _options: FileManagerServiceOptions) {
+    this.operations = new FileOperations(_options.project, _options.history);
+  }
+
+  get project(): ClientProject {
+    return this._options.project;
+  }
+
+  get local(): boolean {
+    return this._options.local;
+  }
+
+  get selection(): Observable<readonly string[]> {
+    return this._selection.readonly();
+  }
+
+  /** Folder shown by the grid. */
+  get folder(): Observable<string> {
+    return this._folder.readonly();
+  }
+
+  get clipboard(): Observable<Clipboard | undefined> {
+    return this._clipboard.readonly();
+  }
+
+  /** Several entries or a folder waiting for a delete confirmation. */
+  get pendingDelete(): Observable<readonly string[] | undefined> {
+    return this._pendingDelete.readonly();
+  }
+
+  entry(path: string): FileEntry | undefined {
+    return this._options.project.fs.entry(path);
+  }
+
+  select(paths: readonly string[]): void {
+    this._selection.set(paths);
+    const [first] = paths;
+    if (first !== undefined) this._folder.set(this.targetFolder(first));
+  }
+
+  showFolder(path: string): void {
+    this._folder.set(path);
+  }
+
+  /** Where new entries go for a target: the folder itself, or the file's folder. */
+  targetFolder(path: string | undefined = this._selection.get()[0]): string {
+    if (path === undefined) return this._folder.get();
+    return this.entry(path)?.kind === 'directory' ? path : dirname(path);
+  }
+
+  readOnly(path: string): boolean {
+    return isPackagePath(path);
+  }
+
+  templates(): FileTemplate[] {
+    return this._options.extensions.getValues(FILE_TEMPLATES);
+  }
+
+  editorsOf(path: string): DocumentEditor[] {
+    return editorsFor(this._options.extensions, path);
+  }
+
+  /** Icon of an entry: contributed icons (highest priority first), else a default. */
+  iconOf(entry: Pick<FileEntry, 'path' | 'kind'>, expanded = false): string {
+    if (entry.kind === 'directory') return expanded ? 'folder-open' : 'folder';
+    const icon = this._options.extensions
+      .getValues(FILE_ICONS)
+      .filter((candidate) => matchesGlob(candidate.pattern, entry.path))
+      .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0))[0];
+    return icon?.icon ?? 'file';
+  }
+
+  open(path: string): Promise<unknown> {
+    if (this.entry(path)?.kind === 'directory') {
+      this.showFolder(path);
+      return Promise.resolve();
+    }
+    return this._options.executeCommand('documents.open', path);
+  }
+
+  openWith(path: string, editor: DocumentEditor): Promise<unknown> {
+    return editor.command
+      ? this._options.executeCommand(editor.command, path)
+      : this._options.executeCommand('workbench.openWidget', editor.widget);
+  }
+
+  async newFile(folder = this.targetFolder()): Promise<void> {
+    const name = await this._ask('New file', 'File name', 'untitled.ts', folder);
+    if (name)
+      await this._run(async () => {
+        const path = await this.operations.createFile(folder, name);
+        this.select([path]);
+        await this._options.executeCommand('documents.open', path, { line: 1 });
+      });
+  }
+
+  async newFolder(folder = this.targetFolder()): Promise<void> {
+    const name = await this._ask('New folder', 'Folder name', 'folder', folder);
+    if (name) {
+      await this._run(async () => this.select([await this.operations.createFolder(folder, name)]));
+    }
+  }
+
+  async newFromTemplate(id: string, folder = this.targetFolder()): Promise<void> {
+    const template = this.templates().find((candidate) => candidate.id === id);
+    if (!template) return;
+    const name = await this._ask(
+      `New ${template.title.toLowerCase()}`,
+      'Name',
+      template.defaultName,
+      folder,
+    );
+    if (!name) return;
+    await this._run(async () => {
+      const [main] = await this.operations.createFromTemplate(template, folder, name);
+      if (main) {
+        this.select([main]);
+        await this.open(main);
+      }
+    });
+  }
+
+  async rename(path = this._selection.get()[0]): Promise<void> {
+    if (path === undefined || this.readOnly(path)) return;
+    const name = await this._options.prompts?.ask({
+      title: `Rename ${basename(path)}`,
+      label: 'New name',
+      value: basename(path),
+      confirm: 'Rename',
+      validate: (value) =>
+        validateName(value) ??
+        (value !== basename(path) &&
+        this.entry(`${dirname(path) ? `${dirname(path)}/` : ''}${value}`)
+          ? `${value} already exists`
+          : undefined),
+    });
+    if (name && name !== basename(path)) await this.renameTo(path, name);
+  }
+
+  /** Inline rename (tree). */
+  async renameTo(path: string, name: string): Promise<boolean> {
+    const invalid = validateName(name);
+    if (invalid || this.readOnly(path)) {
+      if (invalid) this._report(invalid);
+      return false;
+    }
+    return this._run(async () => this.select([await this.operations.rename(path, name)]));
+  }
+
+  async move(paths: readonly string[], folder: string): Promise<void> {
+    const movable = paths.filter((path) => !this.readOnly(path));
+    if (!movable.length || this.readOnly(folder)) return;
+    await this._run(async () => {
+      const moved = await this.operations.move(movable, folder);
+      if (moved.length) this.select(moved);
+    });
+  }
+
+  copyToClipboard(mode: Clipboard['mode'], paths = this._selection.get()): void {
+    const usable = mode === 'cut' ? paths.filter((path) => !this.readOnly(path)) : paths;
+    if (usable.length) this._clipboard.set({ mode, paths: [...usable] });
+  }
+
+  async paste(folder = this.targetFolder()): Promise<void> {
+    const clipboard = this._clipboard.get();
+    if (!clipboard || this.readOnly(folder)) return;
+    await this._run(async () => {
+      const pasted =
+        clipboard.mode === 'cut'
+          ? await this.operations.move(clipboard.paths, folder)
+          : await this.operations.copy(clipboard.paths, folder);
+      if (clipboard.mode === 'cut') this._clipboard.set(undefined);
+      if (pasted.length) this.select(pasted);
+    });
+  }
+
+  async duplicate(paths = this._selection.get()): Promise<void> {
+    const copies = paths.filter((path) => !this.readOnly(path));
+    if (!copies.length) return;
+    await this._run(async () => this.select(await this.operations.duplicate(copies)));
+  }
+
+  /** Deletes at once for one file; asks first for folders or several entries. */
+  async delete(paths = this._selection.get()): Promise<void> {
+    const targets = paths.filter((path) => !this.readOnly(path));
+    if (!targets.length) return;
+    const [only] = targets;
+    if (targets.length === 1 && only !== undefined && this.entry(only)?.kind === 'file') {
+      await this._run(() => this.operations.delete(targets));
+    } else this._pendingDelete.set(targets);
+  }
+
+  async confirmDelete(confirmed: boolean): Promise<void> {
+    const paths = this._pendingDelete.get();
+    this._pendingDelete.set(undefined);
+    if (confirmed && paths) await this._run(() => this.operations.delete(paths));
+  }
+
+  async importFiles(folder: string, files: readonly File[]): Promise<void> {
+    if (!files.length) return;
+    if (this.readOnly(folder)) {
+      this._report('Installed packages (nf_modules) cannot be changed');
+      return;
+    }
+    await this._run(async () => this.select(await this.operations.import(folder, files)));
+  }
+
+  /** Asks the computer for files to import into a folder. */
+  pickFiles(folder = this.targetFolder()): void {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.multiple = true;
+    input.onchange = () => void this.importFiles(folder, [...(input.files ?? [])]);
+    input.click();
+  }
+
+  async reveal(path = this._selection.get()[0] ?? ''): Promise<void> {
+    await this._run(() => this.project.fs.reveal(path));
+  }
+
+  /** URL of a project file (thumbnails, previews). */
+  fileUrl(path: string, version?: number): string {
+    const encoded = path.split('/').map(encodeURIComponent).join('/');
+    return `/files/${this.project.id}/${encoded}${version ? `?v=${Math.round(version)}` : ''}`;
+  }
+
+  /** Downloads a file, or a folder as .zip. */
+  download(path = this._selection.get()[0] ?? ''): void {
+    const link = document.createElement('a');
+    const encoded = path.split('/').map(encodeURIComponent).join('/');
+    link.href = `/files/${this.project.id}/${encoded}?download`;
+    link.download = '';
+    document.body.append(link);
+    link.click();
+    link.remove();
+  }
+
+  async copyPath(path = this._selection.get()[0]): Promise<void> {
+    if (path !== undefined) await navigator.clipboard?.writeText(path).catch(() => undefined);
+  }
+
+  dispose(): void {
+    this._options.history.dispose();
+  }
+
+  private async _ask(title: string, label: string, value: string, folder: string) {
+    if (this.readOnly(folder)) {
+      this._report('Installed packages (nf_modules) cannot be changed');
+      return undefined;
+    }
+    return this._options.prompts?.ask({
+      title,
+      label,
+      value,
+      confirm: 'Create',
+      validate: (candidate) =>
+        validateName(candidate) ??
+        (this.entry(folder ? `${folder}/${candidate}` : candidate)
+          ? `${candidate} already exists`
+          : undefined),
+    });
+  }
+
+  private async _run(task: () => Promise<unknown>): Promise<boolean> {
+    try {
+      await task();
+      return true;
+    } catch (error) {
+      this._report(error instanceof Error ? error.message : String(error));
+      return false;
+    }
+  }
+
+  private _report(message: string): void {
+    this._options.logger.warn(message);
+    this._options.notifications?.notify('error', message);
+  }
+}
diff --git a/plugins/file-manager/src/service/file-manager-service.type.ts b/plugins/file-manager/src/service/file-manager-service.type.ts
new file mode 100644
index 00000000..60a82614
--- /dev/null
+++ b/plugins/file-manager/src/service/file-manager-service.type.ts
@@ -0,0 +1,29 @@
+import type {
+  ClientProject,
+  ExtensionPoint,
+  HistoryContext,
+  Logger,
+} from '@nanoforge-dev/editor-sdk';
+import type { NotificationService, PromptService } from '@nanoforge-dev/editor-sdk/ui';
+
+export interface Clipboard {
+  readonly mode: 'copy' | 'cut';
+  readonly paths: readonly string[];
+}
+
+/** The part of the extension registry the file manager reads. */
+export interface Contributions {
+  getValues<T>(point: ExtensionPoint<T>): T[];
+}
+
+export interface FileManagerServiceOptions {
+  readonly project: ClientProject;
+  readonly history: HistoryContext;
+  readonly extensions: Contributions;
+  readonly prompts: PromptService | undefined;
+  readonly notifications: NotificationService | undefined;
+  readonly executeCommand: (id: string, ...args: unknown[]) => Promise<unknown>;
+  readonly logger: Logger;
+  /** Local editors can reveal files in the OS file manager. */
+  readonly local: boolean;
+}
diff --git a/plugins/file-manager/src/service/file-operations.ts b/plugins/file-manager/src/service/file-operations.ts
new file mode 100644
index 00000000..288fb634
--- /dev/null
+++ b/plugins/file-manager/src/service/file-operations.ts
@@ -0,0 +1,255 @@
+import {
+  type ClientProject,
+  type HistoryCommand,
+  type HistoryContext,
+  basename,
+  dirname,
+  joinPath,
+} from '@nanoforge-dev/editor-sdk';
+import type { FileTemplate } from '@nanoforge-dev/editor-sdk/ui';
+
+/** Splits `name.ext` (dotfiles and folders have no extension). */
+const splitName = (name: string): [string, string] => {
+  const dot = name.lastIndexOf('.');
+  return dot > 0 ? [name.slice(0, dot), name.slice(dot)] : [name, ''];
+};
+
+/** A free name in a folder: `name`, else `name copy`, `name copy 2`… */
+export const freeName = (
+  exists: (path: string) => boolean,
+  folder: string,
+  name: string,
+  suffix = ' copy',
+): string => {
+  if (!exists(joinPath(folder, name))) return name;
+  const [stem, extension] = splitName(name);
+  for (let index = 1; ; index++) {
+    const candidate = `${stem}${suffix}${index > 1 ? ` ${index}` : ''}${extension}`;
+    if (!exists(joinPath(folder, candidate))) return candidate;
+  }
+};
+
+/** Whether `path` is `folder` or inside it. */
+export const isInside = (path: string, folder: string): boolean =>
+  folder === '' || path === folder || path.startsWith(`${folder}/`);
+
+/** The entries of a selection that are not inside another selected entry. */
+export const selectionRoots = (paths: readonly string[]): string[] =>
+  paths.filter((path) => !paths.some((other) => other !== path && isInside(path, other)));
+
+interface Step {
+  do(): Promise<unknown>;
+  undo(): Promise<unknown>;
+}
+
+/**
+ * Runs steps in order, all or nothing: when one fails, those already done are undone (newest
+ * first) and the error is rethrown, so a failed operation leaves no half-done change behind.
+ */
+export const runSteps = async (steps: readonly Step[]): Promise<void> => {
+  const done: Step[] = [];
+  try {
+    for (const step of steps) {
+      await step.do();
+      done.push(step);
+    }
+  } catch (error) {
+    for (const step of done.reverse()) await step.undo().catch(() => undefined);
+    throw error;
+  }
+};
+
+/** Undoes steps, newest first. */
+const undoSteps = async (steps: readonly Step[]) => {
+  for (const step of [...steps].reverse()) await step.undo();
+};
+
+/**
+ * File operations of the file manager, each one an undo step of its history context:
+ * create, rename, move, copy, duplicate, delete (to the trash), import.
+ */
+export class FileOperations {
+  constructor(
+    private readonly _project: ClientProject,
+    private readonly _history: HistoryContext,
+  ) {}
+
+  private get _fs() {
+    return this._project.fs;
+  }
+
+  exists = (path: string): boolean => !!this._fs.entry(path);
+
+  async createFile(
+    folder: string,
+    name: string,
+    content: string | Uint8Array = '',
+  ): Promise<string> {
+    const path = joinPath(folder, name);
+    await this._push({
+      label: `Create ${name}`,
+      do: async () => {
+        await this._fs.write(path, content, { expectedHash: null });
+      },
+      undo: async () => {
+        await this._fs.delete(path);
+      },
+    });
+    return path;
+  }
+
+  async createFolder(folder: string, name: string): Promise<string> {
+    const path = joinPath(folder, name);
+    await this._push({
+      label: `Create folder ${name}`,
+      do: () => this._fs.mkdir(path),
+      undo: async () => {
+        await this._fs.delete(path);
+      },
+    });
+    return path;
+  }
+
+  /** Creates the files of a template; resolves with their paths (the first is the main one). */
+  async createFromTemplate(
+    template: FileTemplate,
+    folder: string,
+    name: string,
+  ): Promise<string[]> {
+    const files = await template.create({ folder, name });
+    const paths = files.map((file) => joinPath(folder, file.path));
+    for (const path of paths) {
+      if (this.exists(path)) throw new Error(`${path} already exists`);
+    }
+    const steps = files.map((file, index) => ({
+      do: () => this._fs.write(paths[index]!, file.content, { expectedHash: null }),
+      undo: () => this._fs.delete(paths[index]!),
+    }));
+    await this._push({
+      label: `Create ${template.title.toLowerCase()} ${name}`,
+      do: () => runSteps(steps),
+      undo: () => undoSteps(steps),
+    });
+    return paths;
+  }
+
+  async rename(path: string, name: string): Promise<string> {
+    const target = joinPath(dirname(path), name);
+    if (target === path) return path;
+    await this._push({
+      label: `Rename ${basename(path)} to ${name}`,
+      do: () => this._fs.rename(path, target),
+      undo: () => this._fs.rename(target, path),
+    });
+    return target;
+  }
+
+  /** Moves entries into a folder (entries already there, or the folder itself, are skipped). */
+  async move(paths: readonly string[], folder: string): Promise<string[]> {
+    const moves = selectionRoots(paths)
+      .filter((path) => dirname(path) !== folder && !isInside(folder, path))
+      .map((path) => [path, joinPath(folder, basename(path))] as const);
+    for (const [, target] of moves) {
+      if (this.exists(target)) throw new Error(`${target} already exists`);
+    }
+    if (!moves.length) return [];
+    const steps = moves.map(([from, to]) => ({
+      do: () => this._fs.rename(from, to),
+      undo: () => this._fs.rename(to, from),
+    }));
+    await this._push({
+      label: moves.length === 1 ? `Move ${basename(moves[0]![0])}` : `Move ${moves.length} items`,
+      do: () => runSteps(steps),
+      undo: () => undoSteps(steps),
+    });
+    return moves.map(([, to]) => to);
+  }
+
+  /** Copies entries into a folder, under free names. */
+  async copy(paths: readonly string[], folder: string, suffix?: string): Promise<string[]> {
+    const taken = new Set<string>();
+    const copies = paths.map((path) => {
+      const name = freeName(
+        (candidate) => this.exists(candidate) || taken.has(candidate),
+        folder,
+        basename(path),
+        suffix,
+      );
+      const target = joinPath(folder, name);
+      taken.add(target);
+      return [path, target] as const;
+    });
+    if (!copies.length) return [];
+    const steps = copies.map(([from, to]) => ({
+      do: () => this._fs.copy(from, to),
+      undo: () => this._fs.delete(to),
+    }));
+    await this._push({
+      label:
+        copies.length === 1 ? `Copy ${basename(copies[0]![0])}` : `Copy ${copies.length} items`,
+      do: () => runSteps(steps),
+      undo: () => undoSteps(steps),
+    });
+    return copies.map(([, to]) => to);
+  }
+
+  duplicate(paths: readonly string[]): Promise<string[]> {
+    return Promise.all(paths.map((path) => this.copy([path], dirname(path)))).then((all) =>
+      all.flat(),
+    );
+  }
+
+  /** Moves entries to the project trash; undo brings them back. */
+  async delete(paths: readonly string[]): Promise<void> {
+    const roots = selectionRoots(paths);
+    const steps = roots.map((path) => {
+      let trashPath = '';
+      return {
+        do: async () => {
+          ({ trashPath } = await this._fs.delete(path));
+        },
+        undo: () => this._fs.restore(trashPath, path),
+      };
+    });
+    await this._push({
+      label: roots.length === 1 ? `Delete ${basename(roots[0]!)}` : `Delete ${roots.length} items`,
+      do: () => runSteps(steps),
+      undo: () => undoSteps(steps),
+    });
+  }
+
+  /** Imports files from the computer into a folder (free names when they exist). */
+  async import(folder: string, files: readonly File[]): Promise<string[]> {
+    const taken = new Set<string>();
+    const entries = await Promise.all(
+      files.map(async (file) => {
+        const name = freeName(
+          (candidate) => this.exists(candidate) || taken.has(candidate),
+          folder,
+          file.name,
+        );
+        const path = joinPath(folder, name);
+        taken.add(path);
+        return { path, content: new Uint8Array(await file.arrayBuffer()) };
+      }),
+    );
+    if (!entries.length) return [];
+    const steps = entries.map(({ path, content }) => ({
+      do: () => this._fs.write(path, content, { expectedHash: null }),
+      undo: () => this._fs.delete(path),
+    }));
+    await this._push({
+      label:
+        entries.length === 1
+          ? `Import ${basename(entries[0]!.path)}`
+          : `Import ${entries.length} files`,
+      do: () => runSteps(steps),
+      undo: () => undoSteps(steps),
+    });
+    return entries.map((entry) => entry.path);
+  }
+
+  private _push(command: HistoryCommand): Promise<void> {
+    return this._history.stack.push(command);
+  }
+}
diff --git a/plugins/file-manager/src/session/file-manager-session.ts b/plugins/file-manager/src/session/file-manager-session.ts
new file mode 100644
index 00000000..82ebb78d
--- /dev/null
+++ b/plugins/file-manager/src/session/file-manager-session.ts
@@ -0,0 +1,6 @@
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+
+import type { FileManagerService } from '../service/file-manager-service';
+
+/** Service of the open project (undefined without one), shared with the widget. */
+export const current = new ObservableValue<FileManagerService | undefined>(undefined);
diff --git a/plugins/file-manager/src/settings/file-manager-settings.const.ts b/plugins/file-manager/src/settings/file-manager-settings.const.ts
new file mode 100644
index 00000000..c9fda15f
--- /dev/null
+++ b/plugins/file-manager/src/settings/file-manager-settings.const.ts
@@ -0,0 +1,7 @@
+/** Settings of the plugin (declared in its manifest, prefixed with its name). */
+export const SETTING = {
+  exclude: '@nanoforge/file-manager.exclude',
+  showHidden: '@nanoforge/file-manager.showHidden',
+  view: '@nanoforge/file-manager.view',
+  gridSize: '@nanoforge/file-manager.gridSize',
+} as const;
diff --git a/plugins/file-manager/src/widgets/files/FilesView.svelte b/plugins/file-manager/src/widgets/files/FilesView.svelte
new file mode 100644
index 00000000..0dc2a10c
--- /dev/null
+++ b/plugins/file-manager/src/widgets/files/FilesView.svelte
@@ -0,0 +1,354 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import {
+    EditorServices,
+    type FileEntry,
+    SettingsServiceToken,
+    basename,
+    dirname,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    FILE_DECORATIONS,
+    type FileDecoration,
+    Button,
+    ContextMenu,
+    Dialog,
+    EmptyState,
+    IconButton,
+    Input,
+    Menu,
+    Tree,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import GridView from './GridView.svelte';
+  import {
+    type FileTreeContext,
+    buildTree,
+    gridOrder,
+    openFolders,
+    searchTree,
+    treeNode,
+    visibleEntries,
+  } from './file-tree';
+  import { FileFilter, PACKAGES } from '../../filter/file-filter';
+  import { fileMenu, newEntries } from '../../menu/file-menu';
+  import { current } from '../../session/file-manager-session';
+  import { SETTING } from '../../settings/file-manager-settings.const';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const settings = services.get(SettingsServiceToken);
+  const extensions = services.get(EditorServices.Extensions);
+  const contextKeys = services.get(EditorServices.ContextKeys);
+  const commands = services.get(EditorServices.Commands);
+
+  const exclude = settings.observe<string[]>(SETTING.exclude);
+  const showHidden = settings.observe<boolean>(SETTING.showHidden);
+  const view = settings.observe<'tree' | 'split'>(SETTING.view);
+  const gridSize = settings.observe<number>(SETTING.gridSize);
+
+  const service = $derived($current);
+  const selection = $derived(service?.selection);
+  const folder = $derived(service?.folder);
+  const pendingDelete = $derived(service?.pendingDelete);
+
+  let revision = $state(0);
+  let query = $state('');
+  // svelte-ignore state_referenced_locally
+  let expanded = $state(new Set<string>(instance.getState<string[]>() ?? []));
+  let selected = $state(new Set<string>());
+  let menuTarget = $state<readonly string[]>([]);
+  let dropFolder = $state<string>();
+
+  $effect(() => {
+    const project = service?.project;
+    if (!project) return;
+    const subscription = project.fs.onDidChange(() => revision++);
+    return () => subscription.dispose();
+  });
+  $effect(() => instance.setState([...expanded]));
+
+  const decorators = extensions.observe(FILE_DECORATIONS);
+  $effect(() => {
+    const unsubscribers = $decorators.map((provider) =>
+      provider.value.changes.subscribe(() => untrack(() => revision++)),
+    );
+    return () => unsubscribers.forEach((unsubscribe) => unsubscribe());
+  });
+  const decorate = (entry: FileEntry): FileDecoration | undefined => {
+    void revision;
+    for (const provider of $decorators) {
+      const decoration = provider.value.decorate(entry.path, entry.kind);
+      if (decoration) return decoration;
+    }
+    return undefined;
+  };
+  $effect(() => {
+    const paths = [...selected];
+    untrack(() => service?.select(paths));
+  });
+  $effect(() => {
+    const paths = $selection ?? [];
+    untrack(() => {
+      if (paths.length !== selected.size || paths.some((path) => !selected.has(path))) {
+        selected = new Set(paths);
+      }
+    });
+  });
+
+  const filter = $derived(new FileFilter($exclude ?? []));
+  const tree = $derived<FileTreeContext | undefined>(
+    service && { service, filter, showHidden: !!$showHidden, expanded, decorate },
+  );
+
+  const nodes = $derived.by(() => {
+    void revision;
+    if (!tree) return [];
+    return query.trim() ? searchTree(tree, '', query.trim()) : buildTree(tree, '');
+  });
+
+  const packages = $derived.by(() => {
+    void revision;
+    const entry = service?.project.fs.entry(PACKAGES);
+    return entry && tree ? [treeNode(tree, entry, buildTree(tree, PACKAGES))] : [];
+  });
+
+  const searchExpanded = $derived(query.trim() ? openFolders(nodes) : undefined);
+
+  const gridEntries = $derived.by(() => {
+    void revision;
+    return tree ? gridOrder(visibleEntries(tree, $folder ?? '')) : [];
+  });
+
+  let treeHost = $state<HTMLElement>();
+  /** After a drop, keyboard focus returns to the tree: Ctrl+Z undoes the move right away. */
+  const refocus = () => treeHost?.querySelector<HTMLElement>('[role="tree"]')?.focus();
+
+  const move = (paths: string[], target: string, position: 'before' | 'inside' | 'after') => {
+    const destination = position === 'inside' ? target : dirname(target);
+    refocus();
+    void service?.move(paths, destination);
+  };
+
+  const menu = () =>
+    service
+      ? fileMenu(service, menuTarget, contextKeys, extensions, (id, ...args) =>
+          commands.execute(id, ...args),
+        )
+      : [];
+
+  /** Files dropped from the computer onto a row (its folder) or the tree background (root). */
+  const osDrop = (event: DragEvent) => {
+    const files = [...(event.dataTransfer?.files ?? [])];
+    if (!files.length || !service) return;
+    event.preventDefault();
+    dropFolder = undefined;
+    const row = (event.target as HTMLElement).closest<HTMLElement>('[data-id]');
+    refocus();
+    void service.importFiles(row ? service.targetFolder(row.dataset.id) : '', files);
+  };
+  const osDragOver = (event: DragEvent) => {
+    if (!event.dataTransfer?.types.includes('Files')) return;
+    event.preventDefault();
+    const row = (event.target as HTMLElement).closest<HTMLElement>('[data-id]');
+    dropFolder = row ? service?.targetFolder(row.dataset.id) : '';
+  };
+
+  const toggleSetting = (key: string, value: unknown) =>
+    void settings.set(key, value, settings.hasStore('machine') ? 'machine' : 'account');
+</script>
+
+{#if service}
+  <div class="files">
+    <div class="toolbar" role="toolbar" aria-label="Files">
+      <Input bind:value={query} placeholder="Search files" aria-label="Search files" />
+      <Menu items={newEntries(service, service.targetFolder())} align="end">
+        {#snippet trigger({ props })}
+          <IconButton {...props} icon="plus" label="New" />
+        {/snippet}
+      </Menu>
+      <IconButton
+        icon="upload"
+        label="Import files"
+        onclick={() => service.pickFiles(service.targetFolder())}
+      />
+      <IconButton
+        icon={$showHidden ? 'eye' : 'eye-off'}
+        label={$showHidden ? 'Hide hidden files' : 'Show hidden files'}
+        pressed={$showHidden}
+        onclick={() => toggleSetting(SETTING.showHidden, !$showHidden)}
+      />
+      <IconButton
+        icon="layout-grid"
+        label={$view === 'split' ? 'Hide the grid' : 'Show the grid'}
+        pressed={$view === 'split'}
+        onclick={() => toggleSetting(SETTING.view, $view === 'split' ? 'tree' : 'split')}
+      />
+    </div>
+
+    <ContextMenu items={menu}>
+      <div class="panes" class:split={$view === 'split'}>
+        <div
+          bind:this={treeHost}
+          class="tree"
+          class:drop={dropFolder === ''}
+          role="presentation"
+          oncontextmenu={(event) => {
+            if (!(event.target as HTMLElement).closest('[data-id]')) {
+              menuTarget = [];
+              selected = new Set();
+            }
+          }}
+          ondragover={osDragOver}
+          ondragleave={() => (dropFolder = undefined)}
+          ondrop={osDrop}
+        >
+          {#if nodes.length || query}
+            {#if searchExpanded}
+              <Tree
+                label="Project files"
+                {nodes}
+                expanded={searchExpanded}
+                bind:selected
+                onactivate={(path) => void service.open(path)}
+                onrename={(path, name) => service.renameTo(path, name)}
+                ondrop={move}
+                oncontextmenu={() => (menuTarget = [...selected])}
+              />
+            {:else}
+              <Tree
+                label="Project files"
+                {nodes}
+                bind:expanded
+                bind:selected
+                onactivate={(path) => void service.open(path)}
+                onrename={(path, name) => service.renameTo(path, name)}
+                ondrop={move}
+                oncontextmenu={() => (menuTarget = [...selected])}
+              />
+            {/if}
+          {:else}
+            <EmptyState icon="folder-open" title="No files" description="Create or import files." />
+          {/if}
+          {#if packages.length && !query}
+            <section class="packages" aria-label="Packages">
+              <h3>Packages <span>read-only</span></h3>
+              <Tree
+                label="Installed packages"
+                nodes={packages}
+                bind:expanded
+                bind:selected
+                onactivate={(path) => void service.open(path)}
+                oncontextmenu={() => (menuTarget = [...selected])}
+              />
+            </section>
+          {/if}
+        </div>
+        {#if $view === 'split'}
+          <div class="grid-pane">
+            <p class="location">{$folder || 'Project'}</p>
+            <GridView
+              {service}
+              folder={$folder ?? ''}
+              entries={gridEntries}
+              selection={$selection ?? []}
+              size={$gridSize ?? 96}
+              {decorate}
+              oncontext={(path) => (menuTarget = path ? [...($selection ?? [path])] : [])}
+              onimport={(target, files) => void service.importFiles(target, files)}
+            />
+          </div>
+        {/if}
+      </div>
+    </ContextMenu>
+  </div>
+
+  <Dialog
+    open={!!$pendingDelete}
+    title={$pendingDelete?.length === 1
+      ? `Delete ${basename($pendingDelete[0] ?? '')} and everything in it?`
+      : `Delete ${$pendingDelete?.length ?? 0} items?`}
+    description="They go to the project trash. Undo (Ctrl+Z) brings them back."
+    onclose={() => void service.confirmDelete(false)}
+  >
+    {#snippet footer()}
+      <Button onclick={() => void service.confirmDelete(false)}>Cancel</Button>
+      <Button variant="danger" onclick={() => void service.confirmDelete(true)}>Delete</Button>
+    {/snippet}
+  </Dialog>
+{:else}
+  <EmptyState icon="folder-tree" title="No project open" />
+{/if}
+
+<style>
+  .files {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 0;
+  }
+  .files :global(.nf-context-area) {
+    display: block;
+    flex: 1;
+    min-height: 0;
+  }
+  .panes {
+    display: grid;
+    grid-template-rows: 1fr;
+    height: 100%;
+    min-height: 0;
+  }
+  .panes.split {
+    grid-template-rows: minmax(120px, 1fr) minmax(120px, 1fr);
+  }
+  .tree {
+    min-height: 0;
+    overflow: auto;
+  }
+  .tree.drop {
+    box-shadow: inset 0 0 0 2px var(--nf-color-accent);
+  }
+  .grid-pane {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    border-top: 1px solid var(--nf-color-border);
+  }
+  .location {
+    flex: none;
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-3);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .packages {
+    border-top: 1px solid var(--nf-color-border);
+  }
+  .packages h3 {
+    margin: 0;
+    padding: var(--nf-space-2) var(--nf-space-3) var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  .packages h3 span {
+    margin-left: var(--nf-space-1);
+    color: var(--nf-color-text-faint);
+    font-weight: 400;
+  }
+</style>
diff --git a/plugins/file-manager/src/widgets/files/GridView.svelte b/plugins/file-manager/src/widgets/files/GridView.svelte
new file mode 100644
index 00000000..2161645b
--- /dev/null
+++ b/plugins/file-manager/src/widgets/files/GridView.svelte
@@ -0,0 +1,246 @@
+<script lang="ts">
+  import { type FileEntry, basename, dirname } from '@nanoforge-dev/editor-sdk';
+  import { type FileDecoration, Icon, IconButton } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { FileManagerService } from '../../service/file-manager-service';
+
+  interface Props {
+    service: FileManagerService;
+    folder: string;
+    entries: readonly FileEntry[];
+    selection: readonly string[];
+    size: number;
+    /** Marks from other plugins (git status…). */
+    decorate: (entry: FileEntry) => FileDecoration | undefined;
+    oncontext: (path: string | undefined) => void;
+    onimport: (folder: string, files: File[]) => void;
+  }
+
+  const { service, folder, entries, selection, size, decorate, oncontext, onimport }: Props =
+    $props();
+
+  const IMAGE = /\.(png|jpe?g|gif|webp|svg|bmp|avif)$/i;
+  const SOUND = /\.(mp3|wav|ogg|flac|m4a)$/i;
+  let playing = $state<string>();
+  let audio: HTMLAudioElement | undefined;
+  let dropTarget = $state<string>();
+
+  const select = (event: MouseEvent, path: string) => {
+    if (event.ctrlKey || event.metaKey) {
+      service.select(
+        selection.includes(path) ? selection.filter((item) => item !== path) : [...selection, path],
+      );
+    } else service.select([path]);
+    service.showFolder(folder);
+  };
+
+  const togglePlay = (path: string) => {
+    audio?.pause();
+    if (playing === path) {
+      playing = undefined;
+      return;
+    }
+    audio = new Audio(service.fileUrl(path));
+    audio.onended = () => (playing = undefined);
+    void audio.play();
+    playing = path;
+  };
+  $effect(() => () => audio?.pause());
+
+  const dragStart = (event: DragEvent, path: string) => {
+    const paths = selection.includes(path) ? selection : [path];
+    event.dataTransfer?.setData('application/x-nanoforge-paths', JSON.stringify(paths));
+    if (event.dataTransfer) event.dataTransfer.effectAllowed = 'move';
+  };
+
+  const dragOver = (event: DragEvent, target: string) => {
+    const types = event.dataTransfer?.types ?? [];
+    if (!types.includes('Files') && !types.includes('application/x-nanoforge-paths')) return;
+    event.preventDefault();
+    dropTarget = target;
+  };
+
+  const drop = (event: DragEvent, target: string) => {
+    event.preventDefault();
+    event.stopPropagation();
+    dropTarget = undefined;
+    const files = [...(event.dataTransfer?.files ?? [])];
+    if (files.length) return onimport(target, files);
+    const raw = event.dataTransfer?.getData('application/x-nanoforge-paths');
+    if (raw) void service.move(JSON.parse(raw) as string[], target);
+  };
+</script>
+
+<div
+  class="grid"
+  role="listbox"
+  aria-label={`Files in ${folder || 'the project'}`}
+  aria-multiselectable="true"
+  tabindex="0"
+  style:--tile={`${size}px`}
+  class:drop={dropTarget === folder}
+  oncontextmenu={(event) => {
+    if (event.target === event.currentTarget) oncontext(undefined);
+  }}
+  ondragover={(event) => dragOver(event, folder)}
+  ondragleave={() => (dropTarget = undefined)}
+  ondrop={(event) => drop(event, folder)}
+>
+  {#if folder}
+    <button
+      type="button"
+      class="tile up"
+      ondblclick={() => service.showFolder(dirname(folder))}
+      ondragover={(event) => dragOver(event, dirname(folder))}
+      ondrop={(event) => drop(event, dirname(folder))}
+      title="Parent folder"
+    >
+      <span class="preview"><Icon name="folder-open" size={28} /></span>
+      <span class="name">..</span>
+    </button>
+  {/if}
+  {#each entries as entry (entry.path)}
+    {@const selected = selection.includes(entry.path)}
+    <div
+      class="tile"
+      class:selected
+      class:drop={dropTarget === entry.path}
+      role="option"
+      aria-selected={selected}
+      tabindex="-1"
+      title={entry.path}
+      draggable={!service.readOnly(entry.path)}
+      onclick={(event) => select(event, entry.path)}
+      ondblclick={() => void service.open(entry.path)}
+      onkeydown={(event) => event.key === 'Enter' && void service.open(entry.path)}
+      oncontextmenu={() => {
+        if (!selected) service.select([entry.path]);
+        oncontext(entry.path);
+      }}
+      ondragstart={(event) => dragStart(event, entry.path)}
+      ondragover={(event) => entry.kind === 'directory' && dragOver(event, entry.path)}
+      ondrop={(event) => entry.kind === 'directory' && drop(event, entry.path)}
+    >
+      <span class="preview">
+        {#if entry.kind === 'file' && IMAGE.test(entry.path)}
+          <img src={service.fileUrl(entry.path, entry.mtime)} alt="" loading="lazy" />
+        {:else if entry.kind === 'file' && SOUND.test(entry.path)}
+          <Icon name="music" size={28} />
+          <span class="play">
+            <IconButton
+              icon={playing === entry.path ? 'square' : 'play'}
+              label={playing === entry.path
+                ? `Stop ${basename(entry.path)}`
+                : `Play ${basename(entry.path)}`}
+              size={14}
+              onclick={(event) => {
+                event.stopPropagation();
+                togglePlay(entry.path);
+              }}
+            />
+          </span>
+        {:else}
+          <Icon name={service.iconOf(entry)} size={28} />
+        {/if}
+      </span>
+      <span class="name">{basename(entry.path)}</span>
+      {#if decorate(entry)}
+        {@const decoration = decorate(entry)!}
+        <span class="mark" data-tone={decoration.tone} title={decoration.tooltip}
+          >{decoration.badge}</span
+        >
+      {/if}
+    </div>
+  {:else}
+    <p class="empty">This folder is empty. Drop files here to import them.</p>
+  {/each}
+</div>
+
+<style>
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(calc(var(--tile) + 16px), 1fr));
+    align-content: start;
+    gap: var(--nf-space-1);
+    height: 100%;
+    padding: var(--nf-space-2);
+    overflow: auto;
+    outline: none;
+  }
+  .grid.drop {
+    box-shadow: inset 0 0 0 2px var(--nf-color-accent);
+  }
+  .tile {
+    display: grid;
+    justify-items: center;
+    gap: var(--nf-space-1);
+    padding: var(--nf-space-1);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: var(--nf-color-text);
+    font: inherit;
+    cursor: pointer;
+  }
+  .tile:hover {
+    background: var(--nf-color-hover);
+  }
+  .tile.selected {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .tile.drop {
+    box-shadow: inset 0 0 0 2px var(--nf-color-accent);
+  }
+  .preview {
+    position: relative;
+    display: grid;
+    place-items: center;
+    width: var(--tile);
+    height: var(--tile);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text-muted);
+    overflow: hidden;
+  }
+  .preview img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    /* Small sprites scale up sharp. */
+    image-rendering: pixelated;
+  }
+  .play {
+    position: absolute;
+    right: 2px;
+    bottom: 2px;
+  }
+  .name {
+    max-width: calc(var(--tile) + 8px);
+    overflow: hidden;
+    font-size: var(--nf-font-size-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .mark {
+    font-size: var(--nf-font-size-xs, 11px);
+    font-weight: 600;
+    color: var(--nf-color-text-faint);
+  }
+  .mark[data-tone='modified'] {
+    color: var(--nf-color-warning);
+  }
+  .mark[data-tone='added'] {
+    color: var(--nf-color-success);
+  }
+  .mark[data-tone='deleted'],
+  .mark[data-tone='conflict'] {
+    color: var(--nf-color-danger);
+  }
+  .empty {
+    grid-column: 1 / -1;
+    margin: var(--nf-space-3);
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/file-manager/src/widgets/files/file-tree.ts b/plugins/file-manager/src/widgets/files/file-tree.ts
new file mode 100644
index 00000000..7b7fe466
--- /dev/null
+++ b/plugins/file-manager/src/widgets/files/file-tree.ts
@@ -0,0 +1,88 @@
+import { type FileEntry, basename } from '@nanoforge-dev/editor-sdk';
+import type { FileDecoration, TreeNode } from '@nanoforge-dev/editor-sdk/ui';
+
+import { type FileFilter, PACKAGES, fuzzyScore, isPackagePath } from '../../filter/file-filter';
+import type { FileManagerService } from '../../service/file-manager-service';
+
+/** What the Files panel shows: the project, its filters and the open folders. */
+export interface FileTreeContext {
+  readonly service: FileManagerService;
+  readonly filter: FileFilter;
+  readonly showHidden: boolean;
+  readonly expanded: ReadonlySet<string>;
+  readonly decorate: (entry: FileEntry) => FileDecoration | undefined;
+}
+
+/** Entries shown under `path` (hidden ones only with the toggle; packages apart). */
+export const visibleEntries = (context: FileTreeContext, path: string): FileEntry[] =>
+  context.service.project.fs
+    .children(path)
+    .filter((entry) => path !== '' || entry.path !== PACKAGES)
+    .filter((entry) => context.showHidden || !context.filter.excludes(entry));
+
+export const treeNode = (
+  context: FileTreeContext,
+  entry: FileEntry,
+  children?: TreeNode[],
+): TreeNode => {
+  const directory = entry.kind === 'directory';
+  const hidden = context.filter.excludes(entry);
+  const readOnly = isPackagePath(entry.path);
+  const decoration = context.decorate(entry);
+  return {
+    id: entry.path,
+    label: basename(entry.path),
+    icon:
+      readOnly && entry.path === PACKAGES
+        ? 'lock'
+        : context.service.iconOf(entry, context.expanded.has(entry.path)),
+    ...(hidden
+      ? { detail: 'hidden' }
+      : decoration && {
+          detail: decoration.badge,
+          ...(decoration.tone && { tone: decoration.tone }),
+          ...(decoration.tooltip && { detailTitle: decoration.tooltip }),
+        }),
+    ...(readOnly && { draggable: false }),
+    ...(directory && { children: children ?? [], droppable: !readOnly }),
+  };
+};
+
+export const buildTree = (context: FileTreeContext, path: string): TreeNode[] =>
+  visibleEntries(context, path).map((entry) =>
+    treeNode(
+      context,
+      entry,
+      entry.kind === 'directory' ? buildTree(context, entry.path) : undefined,
+    ),
+  );
+
+/** Search: matching entries, inside their (expanded) folders. */
+export const searchTree = (context: FileTreeContext, path: string, needle: string): TreeNode[] =>
+  visibleEntries(context, path).flatMap((entry) => {
+    const children = entry.kind === 'directory' ? searchTree(context, entry.path, needle) : [];
+    if (fuzzyScore(needle, entry.path) < 0 && !children.length) return [];
+    return [treeNode(context, entry, entry.kind === 'directory' ? children : undefined)];
+  });
+
+/** The folders a search result opens: every one that holds a match. */
+export const openFolders = (nodes: readonly TreeNode[]): Set<string> => {
+  const open = new Set<string>();
+  const walk = (list: readonly TreeNode[]) => {
+    for (const item of list) {
+      if (item.children?.length) {
+        open.add(item.id);
+        walk(item.children);
+      }
+    }
+  };
+  walk(nodes);
+  return open;
+};
+
+/** The entries of the grid: folders first, then by path. */
+export const gridOrder = (entries: FileEntry[]): FileEntry[] =>
+  entries.sort(
+    (a, b) =>
+      (a.kind === b.kind ? 0 : a.kind === 'directory' ? -1 : 1) || a.path.localeCompare(b.path),
+  );
diff --git a/plugins/file-manager/svelte.config.js b/plugins/file-manager/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/file-manager/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/file-manager/test/service/file-operations.spec.ts b/plugins/file-manager/test/service/file-operations.spec.ts
new file mode 100644
index 00000000..1d5ba254
--- /dev/null
+++ b/plugins/file-manager/test/service/file-operations.spec.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from 'vitest';
+
+import type { HistoryCommand } from '@nanoforge-dev/editor-sdk';
+
+import { FileOperations } from '../../src/service/file-operations';
+
+/** Files of a fake project, by path; `failOn` makes that rename or copy throw. */
+const setup = (paths: string[], failOn?: string) => {
+  const files = new Set(paths);
+  const fs = {
+    entry: (path: string) => (files.has(path) ? { path } : undefined),
+    rename: async (from: string, to: string) => {
+      if (from === failOn) throw new Error(`cannot move ${from}`);
+      for (const path of [...files]) {
+        if (path === from || path.startsWith(`${from}/`)) {
+          files.delete(path);
+          files.add(to + path.slice(from.length));
+        }
+      }
+    },
+    copy: async (from: string, to: string) => {
+      if (from === failOn) throw new Error(`cannot copy ${from}`);
+      files.add(to);
+    },
+    delete: async (path: string) => {
+      files.delete(path);
+      return { trashPath: `.trash/${path}` };
+    },
+  };
+  const recorded: HistoryCommand[] = [];
+  const history = {
+    stack: {
+      push: async (command: HistoryCommand) => {
+        await command.do();
+        recorded.push(command);
+      },
+    },
+  };
+  const operations = new FileOperations({ fs } as never, history as never);
+  return { operations, files, recorded };
+};
+
+describe('FileOperations', () => {
+  it('undoes the moves already done when one fails, and records nothing', async () => {
+    const { operations, files, recorded } = setup(['a.ts', 'b.ts', 'c.ts', 'dest'], 'b.ts');
+    await expect(operations.move(['a.ts', 'b.ts', 'c.ts'], 'dest')).rejects.toThrow(
+      'cannot move b.ts',
+    );
+    expect([...files].sort()).toEqual(['a.ts', 'b.ts', 'c.ts', 'dest']);
+    expect(recorded).toEqual([]);
+  });
+
+  it('moves a folder selected with one of its own files as the folder only', async () => {
+    const { operations, files } = setup(['src', 'src/main.ts', 'dest']);
+    expect(await operations.move(['src', 'src/main.ts'], 'dest')).toEqual(['dest/src']);
+    expect([...files].sort()).toEqual(['dest', 'dest/src', 'dest/src/main.ts']);
+  });
+
+  it('removes the copies already made when one fails', async () => {
+    const { operations, files } = setup(['a.ts', 'b.ts', 'dest'], 'b.ts');
+    await expect(operations.copy(['a.ts', 'b.ts'], 'dest')).rejects.toThrow('cannot copy b.ts');
+    expect([...files].sort()).toEqual(['a.ts', 'b.ts', 'dest']);
+  });
+});
diff --git a/plugins/file-manager/tsconfig.json b/plugins/file-manager/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/file-manager/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/file-manager/vite.config.ts b/plugins/file-manager/vite.config.ts
new file mode 100644
index 00000000..76dcb5c2
--- /dev/null
+++ b/plugins/file-manager/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'file-manager' },
+  },
+});
diff --git a/plugins/git/.prettierignore b/plugins/git/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/git/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/git/LICENSE b/plugins/git/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/git/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/git/README.md b/plugins/git/README.md
new file mode 100644
index 00000000..cc40c3df
--- /dev/null
+++ b/plugins/git/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/git"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fgit" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-git` is an internal package of the NanoForge Editor.
+
+Built-in Git panel: changes, commits, branches, sync, stashes, history.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/git
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/git/nanoforge.manifest.json b/plugins/git/nanoforge.manifest.json
new file mode 100644
index 00000000..7a9a706d
--- /dev/null
+++ b/plugins/git/nanoforge.manifest.json
@@ -0,0 +1,66 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/git",
+  "version": "0.1.0",
+  "displayName": "Git",
+  "description": "The VCS menu, the Commit panel and the Git log of the project's repository (local editors).",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onStartup"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "git.changes",
+        "title": "Commit",
+        "icon": "check",
+        "defaultSlot": "leftTop",
+        "order": 300
+      },
+      {
+        "id": "git.log",
+        "title": "Git",
+        "icon": "git-branch",
+        "defaultSlot": "bottom",
+        "order": 115
+      }
+    ],
+    "commands": [
+      {
+        "id": "git.init",
+        "title": "Initialize repository",
+        "category": "VCS",
+        "when": "!git.repository"
+      },
+      { "id": "git.commit", "title": "Commit…", "category": "VCS", "when": "git.repository" },
+      { "id": "git.pull", "title": "Update project", "category": "VCS", "when": "git.repository" },
+      { "id": "git.push", "title": "Push…", "category": "VCS", "when": "git.repository" },
+      { "id": "git.fetch", "title": "Fetch", "category": "VCS", "when": "git.repository" },
+      {
+        "id": "git.newBranch",
+        "title": "New branch…",
+        "category": "VCS",
+        "when": "git.repository"
+      },
+      {
+        "id": "git.stash",
+        "title": "Stash changes…",
+        "category": "VCS",
+        "when": "git.repository"
+      },
+      { "id": "git.showLog", "title": "Show Git log", "category": "VCS" },
+      { "id": "git.refresh", "title": "Refresh the repository state", "category": "VCS" }
+    ],
+    "menus": [
+      { "menu": "vcs", "command": "git.init", "group": "a-init", "when": "!git.repository" },
+      { "menu": "vcs", "command": "git.commit", "group": "b-commit", "order": 0 },
+      { "menu": "vcs", "command": "git.pull", "group": "b-commit", "order": 1 },
+      { "menu": "vcs", "command": "git.push", "group": "b-commit", "order": 2 },
+      { "menu": "vcs", "command": "git.fetch", "group": "b-commit", "order": 3 },
+      { "menu": "vcs", "command": "git.newBranch", "group": "c-branch", "order": 0 },
+      { "menu": "vcs", "command": "git.stash", "group": "c-branch", "order": 1 },
+      { "menu": "vcs", "command": "git.showLog", "group": "d-log", "order": 0 },
+      { "menu": "vcs", "command": "git.refresh", "group": "d-log", "order": 1 }
+    ]
+  }
+}
diff --git a/plugins/git/package.json b/plugins/git/package.json
new file mode 100644
index 00000000..6c761198
--- /dev/null
+++ b/plugins/git/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-git",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in Git panel: changes, commits, branches, sync, stashes, history",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/git"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/git/src/actions/create-actions.ts b/plugins/git/src/actions/create-actions.ts
new file mode 100644
index 00000000..8120e13f
--- /dev/null
+++ b/plugins/git/src/actions/create-actions.ts
@@ -0,0 +1,176 @@
+import {
+  EditorServices,
+  ObservableValue,
+  type ProjectFs,
+  type ServiceAccessor,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken, PromptServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import { openPushDialog } from '../dialogs/open-push-dialog';
+import type { GitRpc } from '../session/git-session';
+import type { GitStore } from '../store/git-store';
+
+const BRANCH_NAME = /^(?!-)(?!.*\.\.)[^\s~^:?*[\\]+$/;
+
+export interface CommitRequest {
+  readonly message: string;
+  /** Files to commit; undefined commits what is staged (a merge). */
+  readonly paths?: readonly string[];
+  readonly amend?: boolean;
+  /** Push once committed. */
+  readonly push?: boolean;
+}
+
+/**
+ * What the VCS menu, the Commit panel and the Git panel do: each runs a git operation of the
+ * open project, reports a failure with git's own message, and refreshes the panels.
+ */
+export const createActions = (options: {
+  services: ServiceAccessor;
+  store: GitStore;
+  api: GitRpc;
+  project: () => string | undefined;
+  /** Files of the open project. */
+  fs: () => ProjectFs | undefined;
+}) => {
+  const { services, store, api } = options;
+  const input = <T extends object>(extra?: T) =>
+    ({ project: options.project() ?? '', ...extra }) as T & { project: string };
+  const notify = (kind: 'info' | 'warning', title: string, detail?: string) =>
+    services.tryGet(NotificationServiceToken)?.notify(kind, title, detail ? { detail } : {});
+  const commands = services.get(EditorServices.Commands);
+  /** Untracked folders are listed as `folder/`: the server takes paths without the slash. */
+  const clean = (paths: readonly string[]) => paths.map((path) => path.replace(/\/$/, ''));
+  /** Asks the Commit panel to focus its message box (bumped by `Commit…`). */
+  const focusMessage = new ObservableValue(0);
+
+  const actions = {
+    input,
+    focusMessage: focusMessage.readonly(),
+
+    /** The full message of the current commit, to start an Amend from (empty on failure). */
+    headMessage: () => api.headMessage(input()).catch(() => ''),
+    init: () => store.run('Could not initialize the repository', () => api.init(input())),
+    fetch: () => store.run('Could not fetch', () => api.fetch(input())),
+    /** Pushes at once (after the Push dialog's confirmation). */
+    pushNow: () => store.run('Could not push', () => api.push(input())),
+    /** Push…: shows the commits a push would send, and pushes on confirmation. */
+    push: () => {
+      const status = store.state.get().status;
+      const branch = status?.branch ?? 'HEAD';
+      openPushDialog({
+        target: `${branch} → ${status?.upstream ?? `origin/${branch}`}`,
+        commits: api.outgoing(input()),
+        onpush: () => void actions.pushNow(),
+      });
+      return Promise.resolve(true);
+    },
+
+    /** Update project: a merge pull. Conflicts are listed in the Commit panel. */
+    pull: async () => {
+      let conflicts = false;
+      const done = await store.run('Could not update the project', async () => {
+        conflicts = (await api.pull(input())).conflicts;
+      });
+      if (done && conflicts) {
+        notify(
+          'warning',
+          'The update stopped on conflicts',
+          'Fix the files under Merge conflicts in the Commit panel, mark them resolved, then commit.',
+        );
+        await commands.execute('workbench.openWidget', 'git.changes');
+      }
+      return done;
+    },
+
+    commit: async ({ message, paths, amend = false, push = false }: CommitRequest) => {
+      const done = await store.run('Could not commit', () =>
+        api.commit(input({ message, amend, all: false, ...(paths && { paths: clean(paths) }) })),
+      );
+      return done && push ? actions.push() : done;
+    },
+
+    /** Opens the Commit panel with the focus in its message box. */
+    showCommit: async () => {
+      await commands.execute('workbench.openWidget', 'git.changes');
+      focusMessage.set(focusMessage.get() + 1);
+    },
+    showLog: () => commands.execute('workbench.openWidget', 'git.log'),
+
+    rollback: (paths: readonly string[]) =>
+      store.run('Could not roll back', () => api.discard(input({ paths: clean(paths) }))),
+    /** Add to VCS: git starts tracking the files (they move from Unversioned to Changes). */
+    add: (paths: readonly string[]) =>
+      store.run('Could not add the files', () => api.stage(input({ paths: clean(paths) }))),
+    /** Appends the paths to the project's `.gitignore`. */
+    ignore: (paths: readonly string[]) =>
+      store.run('Could not write .gitignore', async () => {
+        const fs = options.fs();
+        if (!fs) throw new Error('No project is open');
+        const current = fs.entry('.gitignore') ? (await fs.readText('.gitignore')).text : '';
+        const lines = clean(paths).map((path) => `/${path}`);
+        const text = `${current}${current && !current.endsWith('\n') ? '\n' : ''}${lines.join('\n')}\n`;
+        await fs.write('.gitignore', text);
+      }),
+    markResolved: (path: string) =>
+      store.run('Could not mark the file resolved', () =>
+        api.stage(input({ paths: clean([path]) })),
+      ),
+
+    /** Asks for a name and creates a branch at the current commit, or from a branch. */
+    newBranch: async (from?: string) => {
+      const name = await services.get(PromptServiceToken).ask({
+        title: from ? `New branch from ${from}` : 'New branch',
+        label: 'Branch name',
+        confirm: 'Create branch',
+        validate: (value) =>
+          BRANCH_NAME.test(value) ? undefined : 'This is not a valid branch name',
+      });
+      return name
+        ? store.run('Could not create the branch', () =>
+            api.createBranch(input({ name, ...(from && { from }) })),
+          )
+        : false;
+    },
+    checkout: (name: string) =>
+      store.run('Could not check out the branch', () => api.switchBranch(input({ name }))),
+    /** Deletes a branch; rejects with git's message when it is not merged and `force` is off. */
+    deleteBranch: async (name: string, force: boolean) => {
+      await api.deleteBranch(input({ name, force }));
+      await store.refresh();
+    },
+
+    stash: async () => {
+      const text = await services.get(PromptServiceToken).ask({
+        title: 'Stash changes',
+        label: 'Message (optional)',
+        confirm: 'Stash',
+      });
+      if (text === undefined) return false;
+      const message = text.trim();
+      return store.run('Could not stash', () => api.stash(input(message ? { message } : {})));
+    },
+    applyStash: (index: number, pop: boolean) =>
+      store.run(pop ? 'Could not pop the stash' : 'Could not apply the stash', () =>
+        api.applyStash(input({ index, pop })),
+      ),
+    dropStash: (index: number) =>
+      store.run('Could not drop the stash', () => api.dropStash(input({ index }))),
+
+    /** Shows a file next to an earlier version of it, in the code editor. */
+    compare: async (path: string, revision: string, label: string) => {
+      await store.run(`Could not compare ${path}`, async () => {
+        const text = await api.show(input({ path, revision }));
+        await commands.execute('codeEditor.compare', path, {
+          text: text ?? '',
+          label: text === null ? `${label} (the file did not exist)` : label,
+        });
+      });
+    },
+    open: (path: string) => commands.execute('documents.open', path),
+    info: (title: string) => notify('info', title),
+  };
+  return actions;
+};
+
+export type GitActions = ReturnType<typeof createActions>;
diff --git a/plugins/git/src/dialogs/PushDialog.svelte b/plugins/git/src/dialogs/PushDialog.svelte
new file mode 100644
index 00000000..eecc50b4
--- /dev/null
+++ b/plugins/git/src/dialogs/PushDialog.svelte
@@ -0,0 +1,87 @@
+<script lang="ts">
+  import type { GitCommit } from '@nanoforge-dev/editor-sdk';
+  import { Button, Dialog } from '@nanoforge-dev/editor-sdk/ui';
+
+  interface Props {
+    /** `main → origin : main`. */
+    target: string;
+    /** The commits the push sends; undefined while they are read. */
+    commits: Promise<readonly GitCommit[]>;
+    onpush: () => void;
+    onclose: () => void;
+  }
+
+  const given: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const [target, commits, onpush, onclose] = [
+    given.target,
+    given.commits,
+    given.onpush,
+    given.onclose,
+  ];
+  let open = $state(true);
+</script>
+
+<Dialog bind:open title="Push commits" description={target} {onclose}>
+  {#await commits}
+    <p class="note">Reading the commits to push…</p>
+  {:then list}
+    {#if list.length}
+      <ul aria-label="Commits to push">
+        {#each list as commit (commit.hash)}
+          <li>
+            <span class="subject">{commit.subject}</span>
+            <span class="meta">{commit.author} · {commit.shortHash}</span>
+          </li>
+        {/each}
+      </ul>
+    {:else}
+      <p class="note">Everything is already pushed.</p>
+    {/if}
+  {:catch}
+    <p class="note">The commits could not be read. You can still push.</p>
+  {/await}
+  {#snippet footer()}
+    <Button
+      onclick={() => {
+        open = false;
+        onclose();
+      }}>Cancel</Button
+    >
+    <Button
+      variant="primary"
+      onclick={() => {
+        open = false;
+        onpush();
+      }}>Push</Button
+    >
+  {/snippet}
+</Dialog>
+
+<style>
+  ul {
+    max-height: 40vh;
+    margin: 0;
+    padding: 0;
+    overflow: auto;
+    list-style: none;
+  }
+  li {
+    display: flex;
+    gap: var(--nf-space-3);
+    justify-content: space-between;
+    padding: 2px 0;
+  }
+  .subject {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .meta,
+  .note {
+    flex: none;
+    margin: 0;
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/plugins/git/src/dialogs/open-push-dialog.ts b/plugins/git/src/dialogs/open-push-dialog.ts
new file mode 100644
index 00000000..d219f4d8
--- /dev/null
+++ b/plugins/git/src/dialogs/open-push-dialog.ts
@@ -0,0 +1,42 @@
+import { mount, unmount } from 'svelte';
+
+import type { GitCommit } from '@nanoforge-dev/editor-sdk';
+
+import PushDialog from './PushDialog.svelte';
+
+let current: { component: ReturnType<typeof mount>; host: HTMLElement } | undefined;
+
+const close = () => {
+  if (!current) return;
+  void unmount(current.component);
+  current.host.remove();
+  current = undefined;
+};
+
+/** Shows what a push would send, and pushes on confirmation (IntelliJ's Push dialog). */
+export const openPushDialog = (options: {
+  target: string;
+  commits: Promise<readonly GitCommit[]>;
+  onpush: () => void;
+}): void => {
+  close();
+  const host = document.createElement('div');
+  document.body.append(host);
+  current = {
+    host,
+    component: mount(PushDialog, {
+      target: host,
+      props: {
+        target: options.target,
+        commits: options.commits,
+        onpush: () => {
+          close();
+          options.onpush();
+        },
+        onclose: close,
+      },
+    }),
+  };
+};
+
+export const closePushDialog = close;
diff --git a/plugins/git/src/icons.ts b/plugins/git/src/icons.ts
new file mode 100644
index 00000000..66fb7ecd
--- /dev/null
+++ b/plugins/git/src/icons.ts
@@ -0,0 +1,34 @@
+import Archive from '@lucide/svelte/icons/archive';
+import ArrowDownToLine from '@lucide/svelte/icons/arrow-down-to-line';
+import ArrowUpFromLine from '@lucide/svelte/icons/arrow-up-from-line';
+import Check from '@lucide/svelte/icons/check';
+import ChevronsDownUp from '@lucide/svelte/icons/chevrons-down-up';
+import ChevronsUpDown from '@lucide/svelte/icons/chevrons-up-down';
+import Ellipsis from '@lucide/svelte/icons/ellipsis';
+import FileDiff from '@lucide/svelte/icons/file-diff';
+import GitBranch from '@lucide/svelte/icons/git-branch';
+import History from '@lucide/svelte/icons/history';
+import Minus from '@lucide/svelte/icons/minus';
+import Plus from '@lucide/svelte/icons/plus';
+import RefreshCw from '@lucide/svelte/icons/refresh-cw';
+import Tag from '@lucide/svelte/icons/tag';
+import Undo2 from '@lucide/svelte/icons/undo-2';
+
+/** Icons of the Git panel (registering one the editor already has is harmless). */
+export const ICONS = {
+  archive: Archive,
+  'arrow-down-to-line': ArrowDownToLine,
+  'arrow-up-from-line': ArrowUpFromLine,
+  check: Check,
+  'chevrons-down-up': ChevronsDownUp,
+  'chevrons-up-down': ChevronsUpDown,
+  'file-diff': FileDiff,
+  history: History,
+  ellipsis: Ellipsis,
+  'git-branch': GitBranch,
+  minus: Minus,
+  plus: Plus,
+  'refresh-cw': RefreshCw,
+  tag: Tag,
+  'undo-2': Undo2,
+};
diff --git a/plugins/git/src/index.ts b/plugins/git/src/index.ts
new file mode 100644
index 00000000..28a634ee
--- /dev/null
+++ b/plugins/git/src/index.ts
@@ -0,0 +1,136 @@
+import type { Component } from 'svelte';
+
+import {
+  EditorServices,
+  ProjectServiceToken,
+  RpcClientToken,
+  definePlugin,
+  derived,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  FILE_DECORATIONS,
+  MENU_BAR,
+  NotificationServiceToken,
+  STATUS_BAR_ITEMS,
+  StyleServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { createActions } from './actions/create-actions';
+import { closePushDialog } from './dialogs/open-push-dialog';
+import { ICONS } from './icons';
+import { branchLabel } from './model/branch-label';
+import { decorationOf } from './model/file-decoration';
+import { gitApi, setSession } from './session/git-session';
+import { GitStore } from './store/git-store';
+import CommitView from './widgets/commit/CommitView.svelte';
+import LogView from './widgets/log/LogView.svelte';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('git.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+
+    const api = gitApi(services.get(RpcClientToken));
+    const projects = services.get(ProjectServiceToken);
+    const contextKeys = services.get(EditorServices.ContextKeys);
+    const store = new GitStore((title, error) =>
+      services.tryGet(NotificationServiceToken)?.notify('error', title, {
+        detail: error instanceof Error ? error.message : String(error),
+      }),
+    );
+    context.subscriptions.add(store);
+    const actions = createActions({
+      services,
+      store,
+      api,
+      project: () => projects.current.get()?.id,
+      fs: () => projects.current.get()?.fs,
+    });
+    setSession({ store, api, actions });
+    context.subscriptions.add({ dispose: () => setSession(undefined) });
+    context.subscriptions.add({ dispose: closePushDialog });
+
+    let stopWatching: (() => void) | undefined;
+    context.subscriptions.add({
+      dispose: projects.current.subscribe((project) => {
+        stopWatching?.();
+        stopWatching = undefined;
+        if (!project) {
+          store.setApi(undefined);
+          return;
+        }
+        const input = { project: project.id };
+        store.setApi({
+          status: () => api.status(input),
+          branches: () => api.branches(input),
+          stashes: () => api.stashes(input),
+          log: (limit, branch) => api.log({ ...input, limit, ...(branch && { branch }) }),
+        });
+        const watching = project.fs.onDidChange(() => store.schedule());
+        stopWatching = () => watching.dispose();
+      }),
+    });
+    context.subscriptions.add({ dispose: () => stopWatching?.() });
+    const onFocus = () => store.schedule();
+    window.addEventListener('focus', onFocus);
+    context.subscriptions.add({ dispose: () => window.removeEventListener('focus', onFocus) });
+
+    context.subscriptions.add({
+      dispose: store.state.subscribe(({ status }) =>
+        contextKeys.set('git.repository', status?.repository === true),
+      ),
+    });
+
+    for (const [id, component] of [
+      ['git.changes', CommitView],
+      ['git.log', LogView],
+    ] as const) {
+      context.subscriptions.add(
+        context.contribute(WIDGET_VIEWS, {
+          id,
+          component: component as unknown as Component<{ instance: WidgetInstance }>,
+        }),
+      );
+    }
+    context.subscriptions.add(
+      context.contribute(STATUS_BAR_ITEMS, {
+        id: 'git.branch',
+        alignment: 'left',
+        order: 3,
+        when: 'git.repository',
+        text: derived([store.state], ({ status }) => branchLabel(status)),
+        tooltip: 'Show branches and history',
+        command: 'git.showLog',
+      }),
+    );
+    context.subscriptions.add(context.contribute(MENU_BAR, { id: 'vcs', title: 'VCS', order: 4 }));
+    context.subscriptions.add(
+      context.contribute(FILE_DECORATIONS, {
+        id: 'git.status',
+        changes: store.state,
+        decorate: (path, kind) => decorationOf(store.state.get().status, path, kind),
+      }),
+    );
+
+    for (const [id, run] of [
+      ['git.init', actions.init],
+      ['git.commit', actions.showCommit],
+      ['git.pull', actions.pull],
+      ['git.push', actions.push],
+      ['git.fetch', actions.fetch],
+      ['git.newBranch', () => actions.newBranch()],
+      ['git.stash', actions.stash],
+      ['git.showLog', actions.showLog],
+      ['git.refresh', () => store.refresh()],
+    ] as const) {
+      context.subscriptions.add(context.registerCommand(id, () => run()));
+    }
+  },
+});
diff --git a/plugins/git/src/model/branch-groups.ts b/plugins/git/src/model/branch-groups.ts
new file mode 100644
index 00000000..ba8d1f40
--- /dev/null
+++ b/plugins/git/src/model/branch-groups.ts
@@ -0,0 +1,11 @@
+import type { GitBranch } from '@nanoforge-dev/editor-sdk';
+
+/** Local branches (the current one first) and the branches of remotes. */
+export const branchGroups = (
+  branches: readonly GitBranch[],
+): { local: GitBranch[]; remote: GitBranch[] } => ({
+  local: branches
+    .filter((branch) => !branch.remote)
+    .sort((a, b) => Number(b.current) - Number(a.current) || a.name.localeCompare(b.name)),
+  remote: branches.filter((branch) => branch.remote).sort((a, b) => a.name.localeCompare(b.name)),
+});
diff --git a/plugins/git/src/model/branch-label.ts b/plugins/git/src/model/branch-label.ts
new file mode 100644
index 00000000..f56911b8
--- /dev/null
+++ b/plugins/git/src/model/branch-label.ts
@@ -0,0 +1,11 @@
+import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+
+/** `main ↑1 ↓2`: the branch and how far it is from its upstream. */
+export const branchLabel = (status: GitStatus | undefined): string => {
+  if (!status?.repository) return '';
+  const name = status.branch ?? (status.head ? `detached at ${status.head}` : 'no branch');
+  const sync = [status.ahead && `↑${status.ahead}`, status.behind && `↓${status.behind}`]
+    .filter(Boolean)
+    .join(' ');
+  return sync ? `${name} ${sync}` : name;
+};
diff --git a/plugins/git/src/model/change-groups.ts b/plugins/git/src/model/change-groups.ts
new file mode 100644
index 00000000..3cd1fb65
--- /dev/null
+++ b/plugins/git/src/model/change-groups.ts
@@ -0,0 +1,61 @@
+import type { GitChange, GitFile, GitStatus } from '@nanoforge-dev/editor-sdk';
+
+import { CHANGE_TITLES } from './change-titles.const';
+
+export interface FileRow {
+  readonly file: GitFile;
+  /** M, A, D, R, U (unversioned) or C (conflict). */
+  readonly letter: GitChange | 'C';
+  readonly title: string;
+  /** File name, and the folder it is in (shown dimmed after the name). */
+  readonly name: string;
+  readonly folder: string;
+}
+
+const row = (file: GitFile, letter: GitChange | 'C'): FileRow => {
+  const path = file.path.replace(/\/$/, '');
+  const slash = path.lastIndexOf('/');
+  return {
+    file,
+    letter,
+    title: file.from ? `${CHANGE_TITLES[letter]} (was ${file.from})` : CHANGE_TITLES[letter],
+    name: path.slice(slash + 1) + (file.path.endsWith('/') ? '/' : ''),
+    folder: slash < 0 ? '' : path.slice(0, slash),
+  };
+};
+
+export interface ChangeGroups {
+  readonly conflicts: FileRow[];
+  /** Files git knows that changed, staged or not. */
+  readonly changes: FileRow[];
+  /** Files git does not know yet. */
+  readonly unversioned: FileRow[];
+}
+
+/** The files of a status as the Commit panel lists them. */
+export const changeGroups = (status: Pick<GitStatus, 'files'>): ChangeGroups => ({
+  conflicts: status.files.filter((file) => file.conflicted).map((file) => row(file, 'C')),
+  changes: status.files
+    .filter((file) => !file.conflicted && (file.staged || file.unstaged !== 'U'))
+    .map((file) => row(file, file.staged ?? file.unstaged ?? 'M')),
+  unversioned: status.files
+    .filter((file) => !file.conflicted && !file.staged && file.unstaged === 'U')
+    .map((file) => row(file, 'U')),
+});
+
+/**
+ * The files checked for the next commit after the list changed: files already listed keep
+ * their state, new changes are checked, new unversioned files are not.
+ */
+export const nextChecked = (
+  checked: ReadonlySet<string>,
+  known: ReadonlySet<string>,
+  groups: ChangeGroups,
+): Set<string> => {
+  const next = new Set<string>();
+  for (const { file } of [...groups.changes, ...groups.unversioned]) {
+    if (known.has(file.path) ? checked.has(file.path) : file.unstaged !== 'U' || !!file.staged)
+      next.add(file.path);
+  }
+  return next;
+};
diff --git a/plugins/git/src/model/change-titles.const.ts b/plugins/git/src/model/change-titles.const.ts
new file mode 100644
index 00000000..2fa56290
--- /dev/null
+++ b/plugins/git/src/model/change-titles.const.ts
@@ -0,0 +1,11 @@
+import type { GitChange } from '@nanoforge-dev/editor-sdk';
+
+/** What each change letter means, in tooltips and row titles. */
+export const CHANGE_TITLES: Record<GitChange | 'C', string> = {
+  M: 'Modified',
+  A: 'Added',
+  D: 'Deleted',
+  R: 'Renamed',
+  U: 'Unversioned',
+  C: 'Conflict',
+};
diff --git a/plugins/git/src/model/file-decoration.ts b/plugins/git/src/model/file-decoration.ts
new file mode 100644
index 00000000..951ec5ba
--- /dev/null
+++ b/plugins/git/src/model/file-decoration.ts
@@ -0,0 +1,33 @@
+import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+import type { FileDecoration } from '@nanoforge-dev/editor-sdk/ui';
+
+import { CHANGE_TITLES } from './change-titles.const';
+
+const TONES = { M: 'modified', R: 'modified', A: 'added', U: 'added', D: 'deleted' } as const;
+
+/** The mark of a file or folder in the Files panel. */
+export const decorationOf = (
+  status: Pick<GitStatus, 'files'> | undefined,
+  path: string,
+  kind: 'file' | 'directory',
+): FileDecoration | undefined => {
+  if (!status?.files.length) return undefined;
+  if (kind === 'directory') {
+    const inside = status.files.filter((file) => file.path.startsWith(`${path}/`));
+    if (!inside.length) return undefined;
+    const conflict = inside.some((file) => file.conflicted);
+    return {
+      badge: '•',
+      tone: conflict ? 'conflict' : 'modified',
+      tooltip: `${inside.length} changed ${inside.length === 1 ? 'file' : 'files'} inside`,
+    };
+  }
+  const file = status.files.find(
+    (candidate) =>
+      candidate.path === path || (candidate.path.endsWith('/') && path.startsWith(candidate.path)),
+  );
+  if (!file) return undefined;
+  if (file.conflicted) return { badge: 'C', tone: 'conflict', tooltip: CHANGE_TITLES.C };
+  const letter = file.unstaged ?? file.staged;
+  return letter && { badge: letter, tone: TONES[letter], tooltip: CHANGE_TITLES[letter] };
+};
diff --git a/plugins/git/src/model/relative-time.ts b/plugins/git/src/model/relative-time.ts
new file mode 100644
index 00000000..ecadfb3b
--- /dev/null
+++ b/plugins/git/src/model/relative-time.ts
@@ -0,0 +1,21 @@
+/** `3 min ago`, `2 days ago`, from seconds since epoch. */
+export const relativeTime = (seconds: number, now = Date.now()): string => {
+  const elapsed = Math.max(Math.round(now / 1000 - seconds), 0);
+  const units: [number, string][] = [
+    [60, 'second'],
+    [60, 'minute'],
+    [24, 'hour'],
+    [30, 'day'],
+    [12, 'month'],
+    [Infinity, 'year'],
+  ];
+  let value = elapsed;
+  for (const [size, unit] of units) {
+    if (value < size) {
+      if (unit === 'second') return 'just now';
+      return `${value} ${unit}${value === 1 ? '' : 's'} ago`;
+    }
+    value = Math.floor(value / size);
+  }
+  return '';
+};
diff --git a/plugins/git/src/session/git-session.ts b/plugins/git/src/session/git-session.ts
new file mode 100644
index 00000000..5411e6de
--- /dev/null
+++ b/plugins/git/src/session/git-session.ts
@@ -0,0 +1,25 @@
+import { GitContract, type RpcClient } from '@nanoforge-dev/editor-sdk';
+
+import type { GitActions } from '../actions/create-actions';
+import type { GitStore } from '../store/git-store';
+
+export const gitApi = (rpc: RpcClient) => rpc.api(GitContract);
+export type GitRpc = ReturnType<typeof gitApi>;
+
+/** What the plugin shares with its panel. */
+export interface GitSession {
+  readonly store: GitStore;
+  readonly api: GitRpc;
+  readonly actions: GitActions;
+}
+
+let session: GitSession | undefined;
+
+export const setSession = (value: GitSession | undefined): void => {
+  session = value;
+};
+
+export const getSession = (): GitSession => {
+  if (!session) throw new Error('The git plugin is not active');
+  return session;
+};
diff --git a/plugins/git/src/store/git-store.ts b/plugins/git/src/store/git-store.ts
new file mode 100644
index 00000000..3f601873
--- /dev/null
+++ b/plugins/git/src/store/git-store.ts
@@ -0,0 +1,180 @@
+import {
+  type Disposable,
+  type GitBranch,
+  type GitCommit,
+  type GitStash,
+  type GitStatus,
+  ObservableValue,
+} from '@nanoforge-dev/editor-sdk';
+
+/** The git API of one project (the RPC contract with the project bound). */
+export interface GitApi {
+  status(): Promise<GitStatus>;
+  branches(): Promise<GitBranch[]>;
+  stashes(): Promise<GitStash[]>;
+  /** The history of a branch (the current one when undefined). */
+  log(limit: number, branch: string | undefined): Promise<GitCommit[]>;
+}
+
+export interface GitState {
+  /** Undefined until the first answer. */
+  readonly status: GitStatus | undefined;
+  readonly branches: readonly GitBranch[];
+  readonly stashes: readonly GitStash[];
+  readonly log: readonly GitCommit[];
+  /** Branch whose history is listed; undefined: the current one. */
+  readonly logBranch: string | undefined;
+  /** Commits asked for (_Show more_ raises it). */
+  readonly logLimit: number;
+  /** Whether the history may hold more commits than shown. */
+  readonly more: boolean;
+  /** An operation is running. */
+  readonly busy: boolean;
+  /** Why git can't be used here (a hosted editor), if so. */
+  readonly unavailable: string | undefined;
+  /** Why the last read of the repository failed (git missing, a broken `.git`…), if it did. */
+  readonly readError: string | undefined;
+}
+
+const EMPTY: GitState = {
+  status: undefined,
+  branches: [],
+  stashes: [],
+  log: [],
+  logBranch: undefined,
+  logLimit: 50,
+  more: false,
+  busy: false,
+  unavailable: undefined,
+  readError: undefined,
+};
+
+const PAGE = 50;
+
+/**
+ * What the Git panel, the status bar and the Files marks show: the repository state of the open
+ * project, refreshed after each operation and when files change (debounced).
+ */
+export class GitStore implements Disposable {
+  private readonly _state = new ObservableValue<GitState>(EMPTY);
+  private _api: GitApi | undefined;
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _generation = 0;
+  private _refreshing: Promise<void> | undefined;
+  private _queued: Promise<void> | undefined;
+
+  readonly state = this._state.readonly();
+
+  constructor(
+    private readonly _onError: (title: string, error: unknown) => void = () => undefined,
+    private readonly _delayMs = 400,
+  ) {}
+
+  /** Follows a project's repository (undefined: no project). */
+  setApi(api: GitApi | undefined): void {
+    this._api = api;
+    this._generation++;
+    clearTimeout(this._timer);
+    this._state.set(EMPTY);
+    if (api) void this.refresh();
+  }
+
+  /** Refreshes soon: for bursts of file changes. */
+  schedule(): void {
+    if (!this._api || this._state.get().unavailable) return;
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => void this.refresh(), this._delayMs);
+  }
+
+  /**
+   * Reads the repository again. A call made while a read runs gets one more read after it
+   * (shared by every such call), so its answer is never older than the call.
+   */
+  refresh(): Promise<void> {
+    if (!this._refreshing) {
+      this._refreshing = this._read().finally(() => (this._refreshing = undefined));
+      return this._refreshing;
+    }
+    this._queued ??= this._refreshing.then(() => {
+      this._queued = undefined;
+      return this.refresh();
+    });
+    return this._queued;
+  }
+
+  /** Runs an operation, then refreshes. Resolves false when it failed (the error is reported). */
+  async run(title: string, operation: () => Promise<unknown>): Promise<boolean> {
+    this._patch({ busy: true });
+    try {
+      await operation();
+      return true;
+    } catch (error) {
+      this._onError(title, error);
+      return false;
+    } finally {
+      this._patch({ busy: false });
+      await this.refresh();
+    }
+  }
+
+  /** Lists the history of a branch (undefined: the current one). */
+  showBranch(branch: string | undefined): Promise<void> {
+    this._patch({ logBranch: branch, logLimit: PAGE });
+    return this.refresh();
+  }
+
+  showMore(): Promise<void> {
+    this._patch({ logLimit: this._state.get().logLimit + PAGE });
+    return this.refresh();
+  }
+
+  dispose(): void {
+    clearTimeout(this._timer);
+    this._api = undefined;
+    this._generation++;
+  }
+
+  private async _read(): Promise<void> {
+    const api = this._api;
+    const generation = this._generation;
+    if (!api) return;
+    try {
+      const status = await api.status();
+      const limit = this._state.get().logLimit;
+      const branches = status.repository ? await api.branches() : [];
+      const wanted = this._state.get().logBranch;
+      const logBranch =
+        wanted !== status.branch && branches.some((branch) => branch.name === wanted)
+          ? wanted
+          : undefined;
+      const [stashes, log] = status.repository
+        ? await Promise.all([api.stashes(), api.log(limit, logBranch)])
+        : [[], []];
+      if (generation !== this._generation) return;
+      this._patch({
+        status,
+        branches,
+        stashes,
+        log,
+        logBranch,
+        more: log.length >= limit,
+        unavailable: undefined,
+        readError: undefined,
+      });
+    } catch (error) {
+      if (generation !== this._generation) return;
+      if ((error as { code?: string }).code === 'FORBIDDEN') {
+        this._patch({ ...EMPTY, unavailable: 'Git is available in local editors only.' });
+        return;
+      }
+      const message = error instanceof Error ? error.message : String(error);
+      const repeated = this._state.get().readError === message;
+      this._patch({ readError: message });
+      if (!repeated) this._onError('Could not read the repository', error);
+    }
+  }
+
+  private _patch(patch: Partial<GitState>): void {
+    this._state.set({ ...this._state.get(), ...patch });
+  }
+}
diff --git a/plugins/git/src/widgets/ConfirmDialog.svelte b/plugins/git/src/widgets/ConfirmDialog.svelte
new file mode 100644
index 00000000..202cfd23
--- /dev/null
+++ b/plugins/git/src/widgets/ConfirmDialog.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { Button, Dialog } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { Confirmation } from './confirmation.type';
+
+  let { request = $bindable() }: { request: Confirmation | undefined } = $props();
+</script>
+
+<Dialog
+  open={request !== undefined}
+  title={request?.title ?? ''}
+  description={request?.description}
+  onclose={() => (request = undefined)}
+>
+  {#snippet footer()}
+    <Button onclick={() => (request = undefined)}>Cancel</Button>
+    <Button
+      variant="danger"
+      onclick={() => {
+        const action = request?.run;
+        request = undefined;
+        action?.();
+      }}>{request?.confirm ?? 'Confirm'}</Button
+    >
+  {/snippet}
+</Dialog>
diff --git a/plugins/git/src/widgets/RepositoryGate.svelte b/plugins/git/src/widgets/RepositoryGate.svelte
new file mode 100644
index 00000000..538dd264
--- /dev/null
+++ b/plugins/git/src/widgets/RepositoryGate.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { Button, EmptyState } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { getSession } from '../session/git-session';
+
+  interface Props {
+    /** What to do when the project is not a repository. */
+    description: string;
+    actions?: Snippet;
+    /** The panel, once the project is a repository. */
+    children: Snippet<[GitStatus]>;
+  }
+
+  const { description, actions, children }: Props = $props();
+  const { store } = getSession();
+  const git = store.state;
+</script>
+
+{#if $git.unavailable}
+  <EmptyState icon="git-branch" title="Git is not available here" description={$git.unavailable} />
+{:else if !$git.status && $git.readError}
+  <EmptyState
+    icon="triangle-alert"
+    title="Could not read the repository"
+    description={$git.readError}
+  >
+    {#snippet actions()}
+      <Button onclick={() => void store.refresh()}>Try again</Button>
+    {/snippet}
+  </EmptyState>
+{:else if !$git.status}
+  <EmptyState icon="git-branch" title="Reading the repository…" />
+{:else if !$git.status.repository}
+  <EmptyState
+    icon="git-branch"
+    title="This project is not a git repository"
+    {description}
+    {actions}
+  />
+{:else}
+  {@render children($git.status)}
+{/if}
diff --git a/plugins/git/src/widgets/commit/ChangeGroupNode.svelte b/plugins/git/src/widgets/commit/ChangeGroupNode.svelte
new file mode 100644
index 00000000..2baa8f59
--- /dev/null
+++ b/plugins/git/src/widgets/commit/ChangeGroupNode.svelte
@@ -0,0 +1,223 @@
+<script lang="ts">
+  import { Button, Icon } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { FileRow } from '../../model/change-groups';
+  import { getSession } from '../../session/git-session';
+  import { type ChangeGroup, MAX_ROWS } from './change-group';
+
+  type Modifiers = { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean };
+
+  interface Props {
+    group: ChangeGroup;
+    folded: boolean;
+    /** Whether the group node itself is selected. */
+    active: boolean;
+    selected: readonly string[];
+    checked: ReadonlySet<string>;
+    onfold: (folded: boolean) => void;
+    onselect: (event: Modifiers, path: string) => void;
+    onselectgroup: () => void;
+    oncheck: (paths: readonly string[], on: boolean) => void;
+    ondiff: (row: FileRow) => void;
+  }
+
+  const {
+    group,
+    folded,
+    active,
+    selected,
+    checked,
+    onfold,
+    onselect,
+    onselectgroup,
+    oncheck,
+    ondiff,
+  }: Props = $props();
+  const { actions: act } = getSession();
+  const count = $derived(group.rows.filter((row) => checked.has(row.file.path)).length);
+</script>
+
+{#snippet fileRow(row: FileRow, checkable: boolean)}
+  <li
+    role="option"
+    aria-label={row.file.path}
+    aria-selected={selected.includes(row.file.path)}
+    class:selected={selected.includes(row.file.path)}
+    data-path={row.file.path}
+    title={`${row.title}: ${row.file.path}`}
+    onclick={(event) => onselect(event, row.file.path)}
+    ondblclick={() => ondiff(row)}
+    oncontextmenu={(event) => {
+      if (!selected.includes(row.file.path)) onselect(event, row.file.path);
+    }}
+    onkeydown={() => undefined}
+  >
+    {#if checkable}
+      <input
+        type="checkbox"
+        tabindex="-1"
+        aria-label={`Include ${row.file.path}`}
+        checked={checked.has(row.file.path)}
+        onclick={(event) => event.stopPropagation()}
+        onchange={(event) => oncheck([row.file.path], event.currentTarget.checked)}
+      />
+    {/if}
+    <Icon name="file-code" size={13} />
+    <span class="name" data-letter={row.letter}>{row.name}</span>
+    {#if row.folder}<span class="folder">{row.folder}</span>{/if}
+    {#if row.letter === 'C'}
+      <Button
+        size="sm"
+        variant="ghost"
+        onclick={(event) => {
+          event.stopPropagation();
+          void act.markResolved(row.file.path);
+        }}>Mark resolved</Button
+      >
+    {/if}
+  </li>
+{/snippet}
+
+<section aria-label={group.title}>
+  <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+  <div class="group" class:selected={active} onclick={onselectgroup}>
+    <button
+      type="button"
+      class="chevron"
+      tabindex="-1"
+      aria-expanded={!folded}
+      aria-label={`${folded ? 'Expand' : 'Collapse'} ${group.title}`}
+      onclick={(event) => {
+        event.stopPropagation();
+        onfold(!folded);
+      }}
+    >
+      <Icon name={folded ? 'chevron-right' : 'chevron-down'} size={12} />
+    </button>
+    {#if group.checkable}
+      <input
+        type="checkbox"
+        tabindex="-1"
+        aria-label={`Include all: ${group.title}`}
+        checked={group.rows.length > 0 && count === group.rows.length}
+        indeterminate={count > 0 && count < group.rows.length}
+        disabled={!group.rows.length}
+        onclick={(event) => event.stopPropagation()}
+        onchange={(event) =>
+          oncheck(
+            group.rows.map((row) => row.file.path),
+            event.currentTarget.checked,
+          )}
+      />
+    {/if}
+    <span class="title">{group.title}</span>
+    <span class="count">{group.rows.length} {group.rows.length === 1 ? 'file' : 'files'}</span>
+  </div>
+  {#if !folded}
+    <ul role="listbox" aria-multiselectable="true" aria-label={`${group.title}: files`}>
+      {#each group.rows.slice(0, MAX_ROWS) as row (row.file.path)}
+        {@render fileRow(row, group.checkable)}
+      {/each}
+    </ul>
+    {#if group.rows.length > MAX_ROWS}
+      <p class="none">
+        {group.rows.length - MAX_ROWS} more files are not shown. If they are dependencies or build output,
+        add their folder to .gitignore.
+      </p>
+    {/if}
+  {/if}
+</section>
+
+<style>
+  input[type='checkbox'] {
+    flex: none;
+    margin: 0;
+    accent-color: var(--nf-color-accent);
+  }
+  .group {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2) 2px var(--nf-space-1);
+    cursor: default;
+    user-select: none;
+  }
+  .chevron {
+    display: grid;
+    place-items: center;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .title {
+    font-weight: 600;
+  }
+  .count {
+    margin-left: var(--nf-space-1);
+    color: var(--nf-color-text-faint);
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  li {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2) 2px 24px;
+    cursor: default;
+    user-select: none;
+    white-space: nowrap;
+  }
+  li :global(svg) {
+    flex: none;
+    color: var(--nf-color-text-faint);
+  }
+  li:hover,
+  .group:hover {
+    background: var(--nf-color-hover);
+  }
+  li.selected,
+  .group.selected {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .name[data-letter='M'],
+  .name[data-letter='R'] {
+    color: var(--git-modified);
+  }
+  .name[data-letter='A'] {
+    color: var(--git-added);
+  }
+  .name[data-letter='D'] {
+    color: var(--git-deleted);
+  }
+  .name[data-letter='U'] {
+    color: var(--git-unversioned);
+  }
+  .name[data-letter='C'] {
+    color: var(--git-conflict);
+  }
+  li.selected .name,
+  li.selected .folder,
+  li.selected :global(svg) {
+    color: inherit;
+  }
+  .folder {
+    flex: 1;
+    min-width: 0;
+    margin-left: var(--nf-space-1);
+    overflow: hidden;
+    color: var(--nf-color-text-faint);
+    text-overflow: ellipsis;
+  }
+  .none {
+    padding: var(--nf-space-2) var(--nf-space-4);
+    color: var(--nf-color-text-faint);
+  }
+</style>
diff --git a/plugins/git/src/widgets/commit/ChangesTab.svelte b/plugins/git/src/widgets/commit/ChangesTab.svelte
new file mode 100644
index 00000000..5ee36db4
--- /dev/null
+++ b/plugins/git/src/widgets/commit/ChangesTab.svelte
@@ -0,0 +1,280 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { ContextMenu, IconButton, type MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { type FileRow, changeGroups } from '../../model/change-groups';
+  import { getSession } from '../../session/git-session';
+  import type { Confirmation } from '../confirmation.type';
+  import ChangeGroupNode from './ChangeGroupNode.svelte';
+  import CommitMessage from './CommitMessage.svelte';
+  import { type ChangeGroup, MAX_ROWS, pathsOf } from './change-group';
+  import type { CommitPanelState } from './commit-panel-state.svelte';
+
+  interface Props {
+    status: GitStatus;
+    panel: CommitPanelState;
+    confirm: (request: Confirmation) => void;
+  }
+
+  const { status, panel, confirm }: Props = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+
+  const lists = $derived(changeGroups(status));
+  const groups = $derived<ChangeGroup[]>([
+    ...(lists.conflicts.length
+      ? [
+          {
+            id: 'conflicts',
+            title: 'Merge Conflicts',
+            rows: lists.conflicts,
+            checkable: false,
+          } as const,
+        ]
+      : []),
+    { id: 'changes', title: 'Changes', rows: lists.changes, checkable: true },
+    { id: 'unversioned', title: 'Unversioned Files', rows: lists.unversioned, checkable: true },
+  ]);
+  const busy = $derived($git.busy);
+
+  let tree = $state<HTMLElement>();
+
+  const included = $derived(
+    [...lists.changes, ...lists.unversioned]
+      .filter((row) => panel.checked.has(row.file.path))
+      .flatMap(pathsOf),
+  );
+
+  const visibleRows = $derived(
+    groups.flatMap((group) => (panel.isFolded(group) ? [] : group.rows.slice(0, MAX_ROWS))),
+  );
+  const visiblePaths = $derived(visibleRows.map((row) => row.file.path));
+  const allRows = $derived(groups.flatMap((group) => [...group.rows]));
+  $effect(() => {
+    const listed = new Set(allRows.map((row) => row.file.path));
+    const current = untrack(() => panel.selected);
+    if (current.some((path) => !listed.has(path)))
+      panel.selected = current.filter((path) => listed.has(path));
+  });
+  const select = (event: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean }, path: string) =>
+    panel.select(event, path, visiblePaths);
+  const selectedRows = $derived(allRows.filter((row) => panel.selected.includes(row.file.path)));
+  const rollbackRows = $derived(selectedRows.filter((row) => row.letter !== 'C'));
+  const unversionedSelected = $derived(selectedRows.filter((row) => row.letter === 'U'));
+
+  const showDiff = (row: FileRow) => {
+    if (row.letter === 'D') act.info(`${row.file.path} was deleted: there is nothing to compare`);
+    else if (row.letter === 'U' || row.letter === 'C') void act.open(row.file.path);
+    else void act.compare(row.file.path, 'HEAD', 'Last commit');
+  };
+  const jumpToSource = (row: FileRow) => {
+    if (row.letter !== 'D') void act.open(row.file.path);
+  };
+  const rollback = (
+    rows: readonly FileRow[] = rollbackRows,
+    verb: 'Rollback' | 'Delete' = 'Rollback',
+  ) => {
+    if (!rows.length) return;
+    confirm({
+      title:
+        rows.length === 1
+          ? `${verb} ${rows[0]!.file.path}?`
+          : `${verb} the ${rows.length} selected files?`,
+      description:
+        verb === 'Delete'
+          ? 'The files are deleted from the disk. This cannot be undone.'
+          : 'Changed files go back to the last commit. Unversioned files are deleted. This cannot be undone.',
+      confirm: verb,
+      run: () => void act.rollback(rows.flatMap(pathsOf)),
+    });
+  };
+
+  const rowMenu = (): MenuEntry[] => [
+    {
+      kind: 'item',
+      id: 'diff',
+      label: 'Show Diff',
+      shortcut: 'Ctrl+D',
+      disabled: selectedRows.length !== 1,
+      onSelect: () => selectedRows[0] && showDiff(selectedRows[0]),
+    },
+    {
+      kind: 'item',
+      id: 'source',
+      label: 'Jump to Source',
+      shortcut: 'F4',
+      disabled: selectedRows.length !== 1 || selectedRows[0]?.letter === 'D',
+      onSelect: () => selectedRows[0] && jumpToSource(selectedRows[0]),
+    },
+    { kind: 'separator' },
+    {
+      kind: 'item',
+      id: 'rollback',
+      label: 'Rollback…',
+      shortcut: 'Ctrl+Alt+Z',
+      disabled: !rollbackRows.length,
+      onSelect: () => rollback(),
+    },
+    ...(unversionedSelected.length
+      ? ([
+          {
+            kind: 'item',
+            id: 'add',
+            label: 'Add to VCS',
+            onSelect: () => void act.add(unversionedSelected.map((row) => row.file.path)),
+          },
+          {
+            kind: 'item',
+            id: 'delete',
+            label: 'Delete…',
+            shortcut: 'Delete',
+            onSelect: () => rollback(unversionedSelected, 'Delete'),
+          },
+          {
+            kind: 'item',
+            id: 'ignore',
+            label: 'Add to .gitignore',
+            onSelect: () => void act.ignore(unversionedSelected.map((row) => row.file.path)),
+          },
+        ] satisfies MenuEntry[])
+      : []),
+    { kind: 'separator' },
+    { kind: 'item', id: 'refresh', label: 'Refresh', onSelect: () => void store.refresh() },
+  ];
+
+  const onkeydown = (event: KeyboardEvent) => {
+    if ((event.target as HTMLElement).tagName === 'INPUT') return;
+    const order = visiblePaths;
+    const mod = event.ctrlKey || event.metaKey;
+    const first = selectedRows[0];
+    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+      if (!order.length) return;
+      const at = panel.cursor ? order.indexOf(panel.cursor) : -1;
+      const next =
+        order[Math.min(Math.max(at + (event.key === 'ArrowDown' ? 1 : -1), 0), order.length - 1)]!;
+      select({ shiftKey: event.shiftKey, ctrlKey: false, metaKey: false }, next);
+      tree
+        ?.querySelector(`[data-path="${CSS.escape(next)}"]`)
+        ?.scrollIntoView({ block: 'nearest' });
+    } else if (mod && event.key.toLowerCase() === 'a') {
+      panel.selected = order;
+      panel.selectedGroup = undefined;
+    } else if (event.key === ' ') {
+      const paths = selectedRows.filter((row) => row.letter !== 'C').map((row) => row.file.path);
+      if (!paths.length) return;
+      panel.setChecked(paths, !paths.every((path) => panel.checked.has(path)));
+    } else if ((mod && event.key.toLowerCase() === 'd') || event.key === 'Enter') {
+      if (!first) return;
+      showDiff(first);
+    } else if (event.key === 'F4') {
+      if (!first) return;
+      jumpToSource(first);
+    } else if (mod && event.altKey && event.key.toLowerCase() === 'z') rollback();
+    else if (event.key === 'Delete') {
+      if (!unversionedSelected.length) return;
+      rollback(unversionedSelected, 'Delete');
+    } else return;
+    event.preventDefault();
+    event.stopPropagation();
+  };
+</script>
+
+<div class="toolbar" role="toolbar" aria-label="Changes">
+  <IconButton icon="refresh-cw" size={14} label="Refresh" onclick={() => void store.refresh()} />
+  <IconButton
+    icon="undo-2"
+    size={14}
+    label="Rollback"
+    disabled={busy || !rollbackRows.length}
+    onclick={() => rollback()}
+  />
+  <IconButton
+    icon="file-diff"
+    size={14}
+    label="Show Diff"
+    disabled={selectedRows.length !== 1}
+    onclick={() => selectedRows[0] && showDiff(selectedRows[0])}
+  />
+  <IconButton
+    icon="archive"
+    size={14}
+    label="Stash Changes"
+    disabled={busy || (!lists.changes.length && !lists.unversioned.length)}
+    onclick={() => void act.stash()}
+  />
+  <span class="grow"></span>
+  <IconButton
+    icon="chevrons-up-down"
+    size={14}
+    label="Expand All"
+    onclick={() => (panel.folded = [])}
+  />
+  <IconButton
+    icon="chevrons-down-up"
+    size={14}
+    label="Collapse All"
+    onclick={() => (panel.folded = groups.map((group) => group.id))}
+  />
+</div>
+<!-- svelte-ignore a11y_no_noninteractive_tabindex, a11y_no_noninteractive_element_interactions -->
+<div
+  class="scroll"
+  role="group"
+  aria-label="Changed files"
+  tabindex="0"
+  bind:this={tree}
+  {onkeydown}
+  onclick={(event) => {
+    const target = event.target as HTMLElement;
+    if (!target.closest('li') && !target.closest('.group')) {
+      panel.selected = [];
+      panel.selectedGroup = undefined;
+    }
+  }}
+>
+  <ContextMenu items={rowMenu}>
+    {#each groups as group (group.id)}
+      <ChangeGroupNode
+        {group}
+        folded={panel.isFolded(group)}
+        active={panel.selectedGroup === group.id}
+        selected={panel.selected}
+        checked={panel.checked}
+        onfold={(on) => panel.setFolded(group, on)}
+        onselect={select}
+        onselectgroup={() => panel.selectGroup(group)}
+        oncheck={(paths, on) => panel.setChecked(paths, on)}
+        ondiff={showDiff}
+      />
+    {/each}
+  </ContextMenu>
+</div>
+<CommitMessage {status} {included} conflicted={lists.conflicts.length > 0} {panel} />
+
+<style>
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .grow {
+    flex: 1;
+  }
+  .scroll {
+    flex: 1;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    overflow: auto;
+    list-style: none;
+  }
+  .scroll:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+</style>
diff --git a/plugins/git/src/widgets/commit/CommitMessage.svelte b/plugins/git/src/widgets/commit/CommitMessage.svelte
new file mode 100644
index 00000000..f588371c
--- /dev/null
+++ b/plugins/git/src/widgets/commit/CommitMessage.svelte
@@ -0,0 +1,135 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { Button, Checkbox, IconButton, Menu, type MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { getSession } from '../../session/git-session';
+  import type { CommitPanelState } from './commit-panel-state.svelte';
+
+  interface Props {
+    status: GitStatus;
+    /** The paths the commit takes. */
+    included: readonly string[];
+    /** Whether conflicts are left: nothing can be committed until they are resolved. */
+    conflicted: boolean;
+    panel: CommitPanelState;
+  }
+
+  const { status, included, conflicted, panel }: Props = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+
+  let messageBox = $state<HTMLTextAreaElement>();
+
+  const focusMessage = act.focusMessage;
+  $effect(() => {
+    if ($focusMessage > 0) messageBox?.focus();
+  });
+
+  $effect(() => {
+    if (!panel.amend || untrack(() => panel.message.trim())) return;
+    void act.headMessage().then((message) => {
+      if (panel.amend && !panel.message.trim()) panel.message = message;
+    });
+  });
+
+  const merging = $derived(status.merging);
+  const canCommit = $derived(
+    !$git.busy &&
+      panel.message.trim() !== '' &&
+      !conflicted &&
+      (merging || panel.amend || included.length > 0),
+  );
+  const commit = async (push: boolean) => {
+    if (!canCommit) return;
+    const text = panel.message.trim();
+    const done = await act.commit({
+      message: text,
+      ...(!merging && { paths: included }),
+      amend: panel.amend,
+      push,
+    });
+    if (done) {
+      panel.remember(text);
+      panel.message = '';
+      panel.amend = false;
+    }
+  };
+  const messageHistory = $derived<MenuEntry[]>(
+    panel.messages.length
+      ? panel.messages.map((text, index) => ({
+          kind: 'item',
+          id: String(index),
+          label: text.split('\n')[0]!.slice(0, 80),
+          onSelect: () => (panel.message = text),
+        }))
+      : [{ kind: 'item', id: 'none', label: 'No message yet', disabled: true, onSelect: () => {} }],
+  );
+</script>
+
+<div class="message">
+  <div class="options">
+    <Checkbox bind:checked={panel.amend} label="Amend" />
+    <span class="grow"></span>
+    <Menu items={messageHistory} align="end">
+      {#snippet trigger({ props })}
+        <IconButton {...props} icon="history" size={14} label="Commit Message History" />
+      {/snippet}
+    </Menu>
+  </div>
+  <textarea
+    bind:this={messageBox}
+    bind:value={panel.message}
+    rows="3"
+    aria-label="Commit message"
+    placeholder="Commit Message"
+    onkeydown={(event) => {
+      if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+        event.preventDefault();
+        void commit(false);
+      }
+    }}></textarea>
+  <div class="buttons">
+    <Button variant="primary" size="sm" disabled={!canCommit} onclick={() => void commit(false)}
+      >Commit</Button
+    >
+    <Button size="sm" disabled={!canCommit} onclick={() => void commit(true)}
+      >Commit and Push…</Button
+    >
+  </div>
+</div>
+
+<style>
+  .message {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    gap: var(--nf-space-1);
+    padding: var(--nf-space-1) var(--nf-space-2) var(--nf-space-2);
+    border-top: 1px solid var(--nf-color-border);
+  }
+  .options {
+    display: flex;
+    align-items: center;
+  }
+  .grow {
+    flex: 1;
+  }
+  textarea {
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text);
+    font: inherit;
+    resize: vertical;
+  }
+  textarea:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+  }
+  .buttons {
+    display: flex;
+    gap: var(--nf-space-2);
+  }
+</style>
diff --git a/plugins/git/src/widgets/commit/CommitView.svelte b/plugins/git/src/widgets/commit/CommitView.svelte
new file mode 100644
index 00000000..84740f42
--- /dev/null
+++ b/plugins/git/src/widgets/commit/CommitView.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import { Button, Tabs, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { changeGroups } from '../../model/change-groups';
+  import { getSession } from '../../session/git-session';
+  import ConfirmDialog from '../ConfirmDialog.svelte';
+  import RepositoryGate from '../RepositoryGate.svelte';
+  import type { Confirmation } from '../confirmation.type';
+  import ChangesTab from './ChangesTab.svelte';
+  import StashTab from './StashTab.svelte';
+  import { CommitPanelState } from './commit-panel-state.svelte';
+
+  interface SavedState {
+    folded?: string[];
+    messages?: string[];
+  }
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+  // svelte-ignore state_referenced_locally
+  const saved = instance.getState<SavedState>() ?? {};
+
+  let tab = $state('commit');
+  const panel = new CommitPanelState(saved);
+  $effect(() => instance.setState({ folded: [...panel.folded], messages: [...panel.messages] }));
+  $effect(() => {
+    const status = $git.status;
+    const lists = status ? changeGroups(status) : { conflicts: [], changes: [], unversioned: [] };
+    untrack(() => panel.syncChecked(lists));
+  });
+  let confirming = $state<Confirmation>();
+  const confirm = (request: Confirmation) => (confirming = request);
+
+  const focusMessage = act.focusMessage;
+  $effect(() => {
+    if ($focusMessage > 0) tab = 'commit';
+  });
+</script>
+
+<div class="commit-panel" aria-busy={$git.busy}>
+  <RepositoryGate description="Initialize one to keep the history of your changes.">
+    {#snippet actions()}
+      <Button variant="primary" disabled={$git.busy} onclick={() => void act.init()}
+        >Initialize repository</Button
+      >
+    {/snippet}
+    {#snippet children(status)}
+      <Tabs
+        label="Commit panel"
+        active={tab}
+        onchange={(id) => (tab = id)}
+        items={[
+          { id: 'commit', label: 'Commit' },
+          { id: 'stash', label: `Stash${$git.stashes.length ? ` (${$git.stashes.length})` : ''}` },
+        ]}
+      />
+      {#if tab === 'commit'}
+        <ChangesTab {status} {panel} {confirm} />
+      {:else}
+        <StashTab {status} {confirm} />
+      {/if}
+    {/snippet}
+  </RepositoryGate>
+</div>
+
+<ConfirmDialog bind:request={confirming} />
+
+<style>
+  .commit-panel {
+    /* File status colors, after IntelliJ's. */
+    --git-modified: light-dark(#0032a0, #6897bb);
+    --git-added: light-dark(#0a7700, #629755);
+    --git-deleted: light-dark(#616161, #7a7a7a);
+    --git-unversioned: light-dark(#993300, #d1675a);
+    --git-conflict: light-dark(#d0262d, #e06c75);
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/git/src/widgets/commit/StashTab.svelte b/plugins/git/src/widgets/commit/StashTab.svelte
new file mode 100644
index 00000000..deff87ea
--- /dev/null
+++ b/plugins/git/src/widgets/commit/StashTab.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+  import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { Button } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { getSession } from '../../session/git-session';
+  import type { Confirmation } from '../confirmation.type';
+
+  interface Props {
+    status: GitStatus;
+    confirm: (request: Confirmation) => void;
+  }
+
+  const { status, confirm }: Props = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+  const hasChanges = $derived(status.files.some((file) => !file.conflicted));
+</script>
+
+<div class="toolbar" role="toolbar" aria-label="Stashes">
+  <Button
+    size="sm"
+    variant="ghost"
+    disabled={$git.busy || !hasChanges}
+    onclick={() => void act.stash()}>Stash Changes</Button
+  >
+</div>
+<ul class="scroll" aria-label="Stashes">
+  {#each $git.stashes as entry (entry.index)}
+    <li class="stash" aria-label={entry.message}>
+      <span class="name">{entry.message}</span>
+      <Button size="sm" variant="ghost" onclick={() => void act.applyStash(entry.index, false)}
+        >Apply</Button
+      >
+      <Button size="sm" variant="ghost" onclick={() => void act.applyStash(entry.index, true)}
+        >Pop</Button
+      >
+      <Button
+        size="sm"
+        variant="ghost"
+        onclick={() =>
+          confirm({
+            title: 'Drop this stash?',
+            description: `"${entry.message}" will be lost. This cannot be undone.`,
+            confirm: 'Drop',
+            run: () => void act.dropStash(entry.index),
+          })}>Drop</Button
+      >
+    </li>
+  {:else}
+    <li class="none">No stash.</li>
+  {/each}
+</ul>
+
+<style>
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .scroll {
+    flex: 1;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    overflow: auto;
+    list-style: none;
+  }
+  li {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2) 2px var(--nf-space-3);
+    cursor: default;
+    user-select: none;
+    white-space: nowrap;
+  }
+  li:hover {
+    background: var(--nf-color-hover);
+  }
+  .name {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .none {
+    padding: var(--nf-space-2) var(--nf-space-4);
+    color: var(--nf-color-text-faint);
+  }
+</style>
diff --git a/plugins/git/src/widgets/commit/change-group.ts b/plugins/git/src/widgets/commit/change-group.ts
new file mode 100644
index 00000000..3ee5d5db
--- /dev/null
+++ b/plugins/git/src/widgets/commit/change-group.ts
@@ -0,0 +1,16 @@
+import type { FileRow } from '../../model/change-groups';
+
+/** A node of the Commit panel's tree. */
+export interface ChangeGroup {
+  readonly id: 'conflicts' | 'changes' | 'unversioned';
+  readonly title: string;
+  readonly rows: readonly FileRow[];
+  readonly checkable: boolean;
+}
+
+/** Rows drawn per group: a folder of dependencies that is not ignored can hold thousands. */
+export const MAX_ROWS = 500;
+
+/** A renamed file is committed and rolled back with where it was: both halves of the rename. */
+export const pathsOf = (row: FileRow): string[] =>
+  row.file.from ? [row.file.path, row.file.from] : [row.file.path];
diff --git a/plugins/git/src/widgets/commit/commit-panel-state.svelte.ts b/plugins/git/src/widgets/commit/commit-panel-state.svelte.ts
new file mode 100644
index 00000000..399505ad
--- /dev/null
+++ b/plugins/git/src/widgets/commit/commit-panel-state.svelte.ts
@@ -0,0 +1,88 @@
+import { type ChangeGroups, nextChecked } from '../../model/change-groups';
+import type { ChangeGroup } from './change-group';
+
+type Modifiers = { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean };
+
+/**
+ * What the Commit panel keeps while its tabs come and go: the folded groups, the commit message,
+ * the files checked for the commit and the selection.
+ */
+export class CommitPanelState {
+  folded = $state<readonly string[]>([]);
+  /** The last commit messages, the newest first (the clock button). */
+  messages = $state<readonly string[]>([]);
+  message = $state('');
+  amend = $state(false);
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, never mutated
+  checked = $state<ReadonlySet<string>>(new Set());
+  selected = $state<readonly string[]>([]);
+  /** A group node selected by a click on it (its files are then all selected). */
+  selectedGroup = $state<ChangeGroup['id']>();
+  cursor = $state<string>();
+  private _anchor: string | undefined;
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, never mutated
+  private _known: ReadonlySet<string> = new Set();
+
+  constructor(saved: { folded?: readonly string[]; messages?: readonly string[] }) {
+    this.folded = saved.folded ?? [];
+    this.messages = saved.messages ?? [];
+  }
+
+  isFolded(group: ChangeGroup): boolean {
+    return this.folded.includes(group.id);
+  }
+
+  setFolded(group: ChangeGroup, on: boolean): void {
+    this.folded = on
+      ? // eslint-disable-next-line svelte/prefer-svelte-reactivity -- a throwaway copy
+        [...new Set([...this.folded, group.id])]
+      : this.folded.filter((id) => id !== group.id);
+  }
+
+  /** Follows a new list of changes: see `nextChecked`. */
+  syncChecked(lists: ChangeGroups): void {
+    this.checked = nextChecked(this.checked, this._known, lists);
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, never mutated
+    this._known = new Set([...lists.changes, ...lists.unversioned].map((row) => row.file.path));
+  }
+
+  setChecked(paths: readonly string[], on: boolean): void {
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- replaced, never mutated
+    const next = new Set(this.checked);
+    for (const path of paths) {
+      if (on) next.add(path);
+      else next.delete(path);
+    }
+    this.checked = next;
+  }
+
+  /** A click on a file: `order` is the visible files, for a Shift range. */
+  select(event: Modifiers, path: string, order: readonly string[]): void {
+    this.selectedGroup = undefined;
+    this.cursor = path;
+    if (event.shiftKey && this._anchor) {
+      const [from, to] = [order.indexOf(this._anchor), order.indexOf(path)].sort((x, y) => x - y);
+      this.selected = order.slice(Math.max(from!, 0), to! + 1);
+      return;
+    }
+    if (event.ctrlKey || event.metaKey) {
+      this.selected = this.selected.includes(path)
+        ? this.selected.filter((other) => other !== path)
+        : [...this.selected, path];
+    } else this.selected = [path];
+    this._anchor = path;
+  }
+
+  /** A click on a group node selects the node, and with it every file of the group. */
+  selectGroup(group: ChangeGroup): void {
+    this.selectedGroup = group.id;
+    this.selected = group.rows.map((row) => row.file.path);
+    this._anchor = this.selected[0];
+    this.cursor = this.selected[0];
+  }
+
+  /** Keeps a commit message in the history. */
+  remember(message: string): void {
+    this.messages = [message, ...this.messages.filter((other) => other !== message)].slice(0, 10);
+  }
+}
diff --git a/plugins/git/src/widgets/confirmation.type.ts b/plugins/git/src/widgets/confirmation.type.ts
new file mode 100644
index 00000000..87487868
--- /dev/null
+++ b/plugins/git/src/widgets/confirmation.type.ts
@@ -0,0 +1,8 @@
+/** A destructive action waiting for the user's confirmation. */
+export interface Confirmation {
+  readonly title: string;
+  readonly description: string;
+  /** The label of the button that runs it. */
+  readonly confirm: string;
+  readonly run: () => void;
+}
diff --git a/plugins/git/src/widgets/log/BranchTree.svelte b/plugins/git/src/widgets/log/BranchTree.svelte
new file mode 100644
index 00000000..4f59186c
--- /dev/null
+++ b/plugins/git/src/widgets/log/BranchTree.svelte
@@ -0,0 +1,321 @@
+<script lang="ts">
+  import type { GitBranch, GitStatus } from '@nanoforge-dev/editor-sdk';
+  import {
+    ContextMenu,
+    Icon,
+    IconButton,
+    Input,
+    type MenuEntry,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { branchGroups } from '../../model/branch-groups';
+  import { getSession } from '../../session/git-session';
+  import type { Confirmation } from '../confirmation.type';
+
+  interface Props {
+    status: GitStatus;
+    confirm: (request: Confirmation) => void;
+  }
+
+  const { status, confirm }: Props = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+  const busy = $derived($git.busy);
+
+  let branchQuery = $state('');
+  let foldedNodes = $state<readonly string[]>([]);
+  let selectedBranch = $state<string>();
+  const branchNeedle = $derived(branchQuery.trim().toLowerCase());
+  const tree = $derived.by(() => {
+    const { local, remote } = branchGroups(
+      $git.branches.filter((branch) => branch.name.toLowerCase().includes(branchNeedle)),
+    );
+    const remotes: Record<string, GitBranch[]> = {};
+    for (const branch of remote) {
+      const name = branch.name.slice(0, branch.name.indexOf('/'));
+      (remotes[name] ??= []).push(branch);
+    }
+    return { local, remotes: Object.entries(remotes) };
+  });
+  const shownBranch = $derived($git.logBranch ?? status.branch);
+  const toggleNode = (id: string) => {
+    foldedNodes = foldedNodes.includes(id)
+      ? foldedNodes.filter((other) => other !== id)
+      : [...foldedNodes, id];
+  };
+  const pick = (branch: GitBranch) => {
+    selectedBranch = branch.name;
+    void store.showBranch(branch.current ? undefined : branch.name);
+  };
+  const selectedBranchEntry = $derived($git.branches.find((b) => b.name === selectedBranch));
+
+  const remove = (branch: GitBranch) => {
+    const force = () =>
+      void store.run('Could not delete the branch', () => act.deleteBranch(branch.name, true));
+    confirm({
+      title: `Delete the branch ${branch.name}?`,
+      description: 'Its commits stay in the repository only if another branch has them.',
+      confirm: 'Delete',
+      run: () =>
+        void act.deleteBranch(branch.name, false).catch((error: unknown) => {
+          if (/not fully merged/.test(String((error as Error).message))) {
+            confirm({
+              title: `${branch.name} is not merged`,
+              description: 'Deleting it loses the commits that only this branch has.',
+              confirm: 'Delete anyway',
+              run: force,
+            });
+          } else void store.run('Could not delete the branch', () => Promise.reject(error));
+        }),
+    });
+  };
+  let menuBranch: GitBranch | undefined;
+  const branchMenu = (): MenuEntry[] => {
+    const branch = menuBranch;
+    if (!branch) return [];
+    return [
+      {
+        kind: 'item',
+        id: 'checkout',
+        label: 'Checkout',
+        disabled: branch.current,
+        onSelect: () => void act.checkout(branch.name),
+      },
+      {
+        kind: 'item',
+        id: 'new',
+        label: `New Branch from '${branch.name}'…`,
+        onSelect: () => void act.newBranch(branch.name),
+      },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'update',
+        label: 'Update',
+        disabled: !branch.current,
+        onSelect: () => void act.pull(),
+      },
+      {
+        kind: 'item',
+        id: 'push',
+        label: 'Push…',
+        disabled: !branch.current,
+        onSelect: () => void act.push(),
+      },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'delete',
+        label: 'Delete',
+        disabled: branch.current || branch.remote,
+        onSelect: () => remove(branch),
+      },
+    ];
+  };
+</script>
+
+{#snippet branchRow(branch: GitBranch, label: string)}
+  <li>
+    <button
+      type="button"
+      class="branch"
+      class:current={branch.current}
+      class:selected={selectedBranch === branch.name}
+      aria-current={branch.name === shownBranch ? 'true' : undefined}
+      title={branch.current ? 'The current branch' : 'Double-click to check it out'}
+      onclick={() => pick(branch)}
+      ondblclick={() => !branch.current && void act.checkout(branch.name)}
+      oncontextmenu={() => {
+        menuBranch = branch;
+        selectedBranch = branch.name;
+      }}
+    >
+      <Icon name={branch.current ? 'tag' : 'git-branch'} size={12} />
+      <span class="label">{label}</span>
+    </button>
+  </li>
+{/snippet}
+
+{#snippet node(id: string, title: string)}
+  <button
+    type="button"
+    class="node"
+    aria-expanded={!foldedNodes.includes(id)}
+    onclick={() => toggleNode(id)}
+  >
+    <Icon name={foldedNodes.includes(id) ? 'chevron-right' : 'chevron-down'} size={12} />
+    {title}
+  </button>
+{/snippet}
+
+<nav class="branches" aria-label="Branches">
+  <div class="toolbar" role="toolbar" aria-label="Branch actions">
+    <IconButton
+      icon="plus"
+      size={14}
+      label="New Branch"
+      onclick={() => void act.newBranch(selectedBranchEntry?.name)}
+    />
+    <IconButton
+      icon="arrow-down-to-line"
+      size={14}
+      label="Update Selected"
+      disabled={busy}
+      onclick={() => void act.pull()}
+    />
+    <IconButton
+      icon="trash-2"
+      size={14}
+      label="Delete Branch"
+      disabled={!selectedBranchEntry || selectedBranchEntry.current || selectedBranchEntry.remote}
+      onclick={() => selectedBranchEntry && remove(selectedBranchEntry)}
+    />
+    <IconButton
+      icon="refresh-cw"
+      size={14}
+      label="Fetch All Remotes"
+      disabled={busy}
+      onclick={() => void act.fetch()}
+    />
+    <IconButton
+      icon="arrow-up-from-line"
+      size={14}
+      label="Push"
+      disabled={busy}
+      onclick={() => void act.push()}
+    />
+  </div>
+  <div class="search">
+    <Input bind:value={branchQuery} placeholder="Search branches" aria-label="Search branches" />
+  </div>
+  <ContextMenu items={branchMenu}>
+    <div class="tree">
+      <button
+        type="button"
+        class="branch head"
+        aria-current={!$git.logBranch ? 'true' : undefined}
+        onclick={() => {
+          selectedBranch = status.branch;
+          void store.showBranch(undefined);
+        }}
+      >
+        <Icon name="tag" size={12} />
+        <span class="label">HEAD (Current Branch)</span>
+      </button>
+      {@render node('local', 'Local')}
+      {#if !foldedNodes.includes('local')}
+        <ul aria-label="Local branches">
+          {#each tree.local as branch (branch.name)}
+            {@render branchRow(branch, branch.name)}
+          {/each}
+        </ul>
+      {/if}
+      {#if tree.remotes.length}
+        {@render node('remote', 'Remote')}
+        {#if !foldedNodes.includes('remote')}
+          {#each tree.remotes as [remote, list] (remote)}
+            <p class="remote">{remote}</p>
+            <ul aria-label={`Branches of ${remote}`}>
+              {#each list as branch (branch.name)}
+                {@render branchRow(branch, branch.name.slice(remote.length + 1))}
+              {/each}
+            </ul>
+          {/each}
+        {/if}
+      {/if}
+    </div>
+  </ContextMenu>
+</nav>
+
+<style>
+  .branches {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 0;
+    border-right: 1px solid var(--nf-color-border);
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .search {
+    flex: none;
+    padding: var(--nf-space-1) var(--nf-space-2);
+  }
+  .search :global(input) {
+    width: 100%;
+  }
+  .tree {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .node,
+  .branch {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    width: 100%;
+    padding: 2px var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: default;
+    user-select: none;
+  }
+  .node {
+    color: var(--nf-color-text-muted);
+    cursor: pointer;
+  }
+  .branch {
+    padding-left: var(--nf-space-4);
+  }
+  .branch.head {
+    padding-left: var(--nf-space-2);
+  }
+  .remote {
+    margin: 0;
+    padding: 2px var(--nf-space-2) 2px var(--nf-space-4);
+    color: var(--nf-color-text-faint);
+  }
+  ul[aria-label^='Branches of'] .branch {
+    padding-left: calc(var(--nf-space-4) + var(--nf-space-3));
+  }
+  .branch:hover,
+  .node:hover {
+    background: var(--nf-color-hover);
+  }
+  .branch[aria-current='true'] {
+    background: var(--nf-color-pressed);
+  }
+  .branch.selected {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .branch.current .label {
+    font-weight: 600;
+  }
+  .node:focus-visible,
+  .branch:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
diff --git a/plugins/git/src/widgets/log/CommitDetails.svelte b/plugins/git/src/widgets/log/CommitDetails.svelte
new file mode 100644
index 00000000..ddbfb40f
--- /dev/null
+++ b/plugins/git/src/widgets/log/CommitDetails.svelte
@@ -0,0 +1,166 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import type { GitCommit, GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { Icon } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { getSession } from '../../session/git-session';
+  import RefLabel from './RefLabel.svelte';
+  import { splitPath } from './commit-format';
+
+  interface Props {
+    status: GitStatus;
+    /** The selected commit. */
+    commit: GitCommit | undefined;
+  }
+
+  type ChangedFile = { path: string; change: string };
+
+  const { status, commit }: Props = $props();
+  const { api, actions: act } = getSession();
+
+  let files = $state<{ hash: string; list: ChangedFile[] }>();
+  $effect(() => {
+    const hash = commit?.hash;
+    if (!hash || untrack(() => files?.hash) === hash) return;
+    files = undefined;
+    api
+      .commitFiles(act.input({ hash }))
+      .catch(() => [])
+      .then((list) => {
+        if (commit?.hash === hash) files = { hash, list };
+      });
+  });
+
+  const showFile = (file: ChangedFile) => {
+    if (commit && file.change !== 'D')
+      void act.compare(file.path, `${commit.hash}^`, `Before ${commit.shortHash}`);
+  };
+</script>
+
+<aside class="details" aria-label="Commit details">
+  {#if commit}
+    <ul class="changed" aria-label="Changed files">
+      {#each files?.hash === commit.hash ? files.list : [] as file (file.path)}
+        {@const parts = splitPath(file.path)}
+        <li>
+          <button
+            type="button"
+            title={file.change === 'D'
+              ? 'Deleted by this commit'
+              : `Double-click: compare with the version before ${commit.shortHash}`}
+            ondblclick={() => showFile(file)}
+            onkeydown={(event) => event.key === 'Enter' && showFile(file)}
+          >
+            <Icon name="file-code" size={13} />
+            <span class="name" data-letter={file.change}>{parts.name}</span>
+            {#if parts.folder}<span class="folder">{parts.folder}</span>{/if}
+          </button>
+        </li>
+      {/each}
+    </ul>
+    <div class="info">
+      <h3>{commit.subject}</h3>
+      <p class="meta">
+        <span class="hash">{commit.shortHash}</span>
+        {commit.author} on {new Date(commit.time * 1000).toLocaleString()}
+      </p>
+      {#if commit.refs.length}
+        <p class="meta">
+          {#each commit.refs as ref (ref)}
+            <RefLabel {ref} {status} />
+          {/each}
+        </p>
+      {/if}
+    </div>
+  {:else}
+    <p class="none">Select commit to view changes</p>
+  {/if}
+</aside>
+
+<style>
+  .details {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 0;
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .changed {
+    flex: 1;
+    min-height: 40px;
+    overflow: auto;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .changed button {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    width: 100%;
+    padding: 2px var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: default;
+    user-select: none;
+  }
+  .changed button:hover {
+    background: var(--nf-color-hover);
+  }
+  .changed button:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .changed button :global(svg) {
+    flex: none;
+    color: var(--nf-color-text-faint);
+  }
+  .name {
+    flex: none;
+    color: var(--git-modified);
+  }
+  .name[data-letter='A'] {
+    color: var(--git-added);
+  }
+  .name[data-letter='D'] {
+    color: var(--git-deleted);
+  }
+  .folder {
+    min-width: 0;
+    overflow: hidden;
+    color: var(--nf-color-text-faint);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .info {
+    flex: none;
+    max-height: 45%;
+    padding: var(--nf-space-2);
+    overflow: auto;
+  }
+  h3 {
+    margin: 0;
+    font-size: inherit;
+  }
+  .meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--nf-space-1);
+    margin: var(--nf-space-1) 0 0;
+    color: var(--nf-color-text-muted);
+  }
+  .hash {
+    font-family: var(--nf-font-code);
+  }
+  .none {
+    margin: 0;
+    padding: var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/plugins/git/src/widgets/log/CommitTable.svelte b/plugins/git/src/widgets/log/CommitTable.svelte
new file mode 100644
index 00000000..5e62796d
--- /dev/null
+++ b/plugins/git/src/widgets/log/CommitTable.svelte
@@ -0,0 +1,257 @@
+<script lang="ts">
+  import type { GitCommit, GitStatus } from '@nanoforge-dev/editor-sdk';
+  import { Button, ContextMenu, Input, type MenuEntry, Select } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { getSession } from '../../session/git-session';
+  import RefLabel from './RefLabel.svelte';
+  import { commitTime } from './commit-format';
+
+  type DateRange = 'all' | 'day' | 'week';
+
+  interface Props {
+    status: GitStatus;
+    selectedHash: string | undefined;
+  }
+
+  let { status, selectedHash = $bindable() }: Props = $props();
+  const { store, actions: act } = getSession();
+  const git = store.state;
+
+  let query = $state('');
+  let user = $state('all');
+  let range = $state<DateRange>('all');
+  let now = $state(Date.now());
+  $effect(() => {
+    const timer = setInterval(() => (now = Date.now()), 60_000);
+    return () => clearInterval(timer);
+  });
+  const shownBranch = $derived($git.logBranch ?? status.branch);
+  const users = $derived([...new Set($git.log.map((commit) => commit.author))].sort());
+  const needle = $derived(query.trim().toLowerCase());
+  const commits = $derived(
+    $git.log.filter(
+      (commit) =>
+        (user === 'all' || commit.author === user) &&
+        (range === 'all' || now / 1000 - commit.time < (range === 'day' ? 86_400 : 7 * 86_400)) &&
+        (!needle ||
+          commit.subject.toLowerCase().includes(needle) ||
+          commit.hash.startsWith(needle)),
+    ),
+  );
+
+  let menuCommit: GitCommit | undefined;
+  const commitMenu = (): MenuEntry[] => {
+    const commit = menuCommit;
+    if (!commit) return [];
+    return [
+      {
+        kind: 'item',
+        id: 'copy',
+        label: 'Copy Revision Number',
+        onSelect: () => void navigator.clipboard?.writeText(commit.hash).catch(() => undefined),
+      },
+      {
+        kind: 'item',
+        id: 'branch',
+        label: 'New Branch…',
+        onSelect: () => void act.newBranch(commit.hash),
+      },
+    ];
+  };
+</script>
+
+<div class="commits">
+  <div class="filters">
+    <Input bind:value={query} placeholder="Text or hash" aria-label="Text or hash" />
+    <span class="filter" role="status" aria-label="Branch shown"
+      >Branch: {shownBranch ?? 'detached'}{status.upstream && !$git.logBranch
+        ? ` ↑${status.ahead} ↓${status.behind}`
+        : ''}</span
+    >
+    <Select
+      label="User"
+      value={user}
+      items={[
+        { value: 'all', label: 'User: All' },
+        ...users.map((name) => ({ value: name, label: `User: ${name}` })),
+      ]}
+      onchange={(value) => (user = value)}
+    />
+    <Select
+      label="Date"
+      value={range}
+      items={[
+        { value: 'all', label: 'Date: All' },
+        { value: 'day', label: 'Date: Last 24 hours' },
+        { value: 'week', label: 'Date: Last 7 days' },
+      ]}
+      onchange={(value) => (range = value)}
+    />
+  </div>
+  <ContextMenu items={commitMenu}>
+    <div class="rows">
+      <table aria-label="Commits">
+        <tbody>
+          {#each commits as commit, index (commit.hash)}
+            <tr
+              aria-selected={commit.hash === selectedHash}
+              tabindex="0"
+              onclick={() => (selectedHash = commit.hash)}
+              oncontextmenu={() => {
+                menuCommit = commit;
+                selectedHash = commit.hash;
+              }}
+              onkeydown={(event) => event.key === 'Enter' && (selectedHash = commit.hash)}
+            >
+              <td class="graph" aria-hidden="true">
+                <span
+                  class="dot"
+                  class:first={index === 0}
+                  class:last={index === commits.length - 1}
+                ></span>
+              </td>
+              <td class="subject">
+                <div class="cell">
+                  <span class="text">{commit.subject}</span>
+                  {#each commit.refs as ref (ref)}
+                    <RefLabel {ref} {status} />
+                  {/each}
+                </div>
+              </td>
+              <td class="author">{commit.author}</td>
+              <td class="date">{commitTime(commit.time, now)}</td>
+            </tr>
+          {/each}
+        </tbody>
+      </table>
+      {#if !commits.length}
+        <p class="none">{$git.log.length ? 'No commit matches.' : 'No commit yet.'}</p>
+      {/if}
+      {#if $git.more}
+        <Button size="sm" variant="ghost" onclick={() => void store.showMore()}>Show more</Button>
+      {/if}
+    </div>
+  </ContextMenu>
+</div>
+
+<style>
+  .commits {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 0;
+    border-right: 1px solid var(--nf-color-border);
+  }
+  .filters {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .filters :global(input) {
+    flex: 1;
+    min-width: 80px;
+  }
+  .filter {
+    flex: none;
+    color: var(--nf-color-text-muted);
+    white-space: nowrap;
+  }
+  .rows {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+  td.author {
+    width: 110px;
+  }
+  td.date {
+    width: 120px;
+  }
+  td.author,
+  td.date {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  td {
+    padding: 2px var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+    white-space: nowrap;
+  }
+  td.graph {
+    width: 16px;
+    padding: 0 0 0 var(--nf-space-2);
+  }
+  /* A straight line of commits: the history of one branch. */
+  .dot {
+    position: relative;
+    display: block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--ref-local);
+  }
+  .dot::before,
+  .dot::after {
+    content: '';
+    position: absolute;
+    left: 3px;
+    width: 2px;
+    height: 9px;
+    background: var(--ref-local);
+  }
+  .dot::before {
+    bottom: 8px;
+  }
+  .dot::after {
+    top: 8px;
+  }
+  .dot.first::before,
+  .dot.last::after {
+    display: none;
+  }
+  td.subject {
+    color: var(--nf-color-text);
+  }
+  .cell {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    min-width: 0;
+  }
+  .cell .text {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  tbody tr {
+    cursor: default;
+  }
+  tbody tr:hover {
+    background: var(--nf-color-hover);
+  }
+  tbody tr:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  tbody tr[aria-selected='true'] {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  tbody tr[aria-selected='true'] td {
+    color: inherit;
+  }
+  .none {
+    margin: 0;
+    padding: var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/plugins/git/src/widgets/log/LogView.svelte b/plugins/git/src/widgets/log/LogView.svelte
new file mode 100644
index 00000000..8dae1f73
--- /dev/null
+++ b/plugins/git/src/widgets/log/LogView.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+  import { getSession } from '../../session/git-session';
+  import ConfirmDialog from '../ConfirmDialog.svelte';
+  import RepositoryGate from '../RepositoryGate.svelte';
+  import type { Confirmation } from '../confirmation.type';
+  import BranchTree from './BranchTree.svelte';
+  import CommitDetails from './CommitDetails.svelte';
+  import CommitTable from './CommitTable.svelte';
+
+  const git = getSession().store.state;
+
+  let selectedHash = $state<string>();
+  const selected = $derived($git.log.find((commit) => commit.hash === selectedHash));
+  let confirming = $state<Confirmation>();
+</script>
+
+<div class="log-panel" aria-busy={$git.busy}>
+  <RepositoryGate description="Initialize one from the Commit panel or the VCS menu.">
+    {#snippet children(status)}
+      <BranchTree {status} confirm={(request) => (confirming = request)} />
+      <CommitTable {status} bind:selectedHash />
+      <CommitDetails {status} commit={selected} />
+    {/snippet}
+  </RepositoryGate>
+</div>
+
+<ConfirmDialog bind:request={confirming} />
+
+<style>
+  .log-panel {
+    --git-modified: light-dark(#0032a0, #6897bb);
+    --git-added: light-dark(#0a7700, #629755);
+    --git-deleted: light-dark(#616161, #7a7a7a);
+    /* Reference labels, after IntelliJ's: current head, local, remote, tag. */
+    --ref-head: light-dark(#8a6d00, #e8bf6a);
+    --ref-local: light-dark(#0a7700, #6aab73);
+    --ref-remote: light-dark(#6f42c1, #b189f5);
+    --ref-tag: light-dark(#616161, #9e9e9e);
+    display: grid;
+    grid-template-columns: minmax(160px, 230px) minmax(0, 3fr) minmax(220px, 2fr);
+    height: 100%;
+    min-height: 0;
+    font-size: var(--nf-font-size-sm);
+  }
+  .log-panel > :global(.empty) {
+    grid-column: 1 / -1;
+  }
+</style>
diff --git a/plugins/git/src/widgets/log/RefLabel.svelte b/plugins/git/src/widgets/log/RefLabel.svelte
new file mode 100644
index 00000000..12d2ae57
--- /dev/null
+++ b/plugins/git/src/widgets/log/RefLabel.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+  import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+
+  import { getSession } from '../../session/git-session';
+  import { refKind } from './commit-format';
+
+  const { ref, status }: { ref: string; status: GitStatus } = $props();
+  const git = getSession().store.state;
+</script>
+
+<span class="ref" data-kind={refKind(ref, status, $git.branches)}>{ref.replace(/^tag: /, '')}</span>
+
+<style>
+  .ref {
+    flex: none;
+    padding: 0 5px;
+    border: 1px solid currentColor;
+    border-radius: 3px;
+    font-size: var(--nf-font-size-xs, 11px);
+  }
+  .ref[data-kind='head'] {
+    color: var(--ref-head);
+  }
+  .ref[data-kind='local'] {
+    color: var(--ref-local);
+  }
+  .ref[data-kind='remote'] {
+    color: var(--ref-remote);
+  }
+  .ref[data-kind='tag'] {
+    color: var(--ref-tag);
+  }
+</style>
diff --git a/plugins/git/src/widgets/log/commit-format.ts b/plugins/git/src/widgets/log/commit-format.ts
new file mode 100644
index 00000000..a5560744
--- /dev/null
+++ b/plugins/git/src/widgets/log/commit-format.ts
@@ -0,0 +1,32 @@
+import type { GitBranch, GitStatus } from '@nanoforge-dev/editor-sdk';
+
+export type RefKind = 'head' | 'local' | 'remote' | 'tag';
+
+/** `Today 14:32`, `Yesterday 09:10`, else the date and time. */
+export const commitTime = (seconds: number, now: number): string => {
+  const date = new Date(seconds * 1000);
+  const time = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
+  const today = new Date(now);
+  const startOfToday = Date.parse(
+    `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}T00:00:00`,
+  );
+  if (date.getTime() >= startOfToday) return `Today ${time}`;
+  if (date.getTime() >= startOfToday - 86_400_000) return `Yesterday ${time}`;
+  return `${date.toLocaleDateString()} ${time}`;
+};
+
+/** Labels after IntelliJ's: the current branch, local branches, remote branches, tags. */
+export const refKind = (ref: string, status: GitStatus, branches: readonly GitBranch[]): RefKind =>
+  ref.startsWith('tag: ')
+    ? 'tag'
+    : ref === status.branch
+      ? 'head'
+      : branches.find((branch) => branch.name === ref)?.remote
+        ? 'remote'
+        : 'local';
+
+/** The file name of a path, and the folder it is in. */
+export const splitPath = (path: string): { name: string; folder: string } => {
+  const slash = path.lastIndexOf('/');
+  return { name: path.slice(slash + 1), folder: slash < 0 ? '' : path.slice(0, slash) };
+};
diff --git a/plugins/git/svelte.config.js b/plugins/git/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/git/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/git/test/fixtures/status.ts b/plugins/git/test/fixtures/status.ts
new file mode 100644
index 00000000..8811cf68
--- /dev/null
+++ b/plugins/git/test/fixtures/status.ts
@@ -0,0 +1,18 @@
+import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+
+export const status = (patch: Partial<GitStatus> = {}): GitStatus => ({
+  repository: true,
+  branch: 'main',
+  head: 'abc1234',
+  ahead: 0,
+  behind: 0,
+  merging: false,
+  files: [
+    { path: 'a.txt', staged: 'M', unstaged: 'M', conflicted: false },
+    { path: 'src/new.ts', unstaged: 'U', conflicted: false },
+    { path: 'src/gone.ts', staged: 'D', conflicted: false },
+    { path: 'moved.ts', from: 'old.ts', staged: 'R', conflicted: false },
+    { path: 'src/deep/both.ts', conflicted: true },
+  ],
+  ...patch,
+});
diff --git a/plugins/git/test/model/branch-groups.spec.ts b/plugins/git/test/model/branch-groups.spec.ts
new file mode 100644
index 00000000..6dd36a2b
--- /dev/null
+++ b/plugins/git/test/model/branch-groups.spec.ts
@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+
+import { branchGroups } from '../../src/model/branch-groups';
+
+describe('branchGroups', () => {
+  it('groups branches: local with the current one first, then remote', () => {
+    const groups = branchGroups([
+      { name: 'feature', current: false, remote: false },
+      { name: 'origin/main', current: false, remote: true },
+      { name: 'main', current: true, remote: false },
+    ]);
+    expect(groups.local.map((branch) => branch.name)).toEqual(['main', 'feature']);
+    expect(groups.remote.map((branch) => branch.name)).toEqual(['origin/main']);
+  });
+});
diff --git a/plugins/git/test/model/branch-label.spec.ts b/plugins/git/test/model/branch-label.spec.ts
new file mode 100644
index 00000000..b0073fab
--- /dev/null
+++ b/plugins/git/test/model/branch-label.spec.ts
@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+
+import { branchLabel } from '../../src/model/branch-label';
+import { status } from '../fixtures/status';
+
+describe('branchLabel', () => {
+  it('labels the branch with what is ahead and behind', () => {
+    expect(branchLabel(status())).toBe('main');
+    expect(branchLabel(status({ ahead: 2, behind: 1 }))).toBe('main ↑2 ↓1');
+    expect(branchLabel(status({ behind: 3 }))).toBe('main ↓3');
+    expect(branchLabel(status({ branch: undefined }))).toBe('detached at abc1234');
+    expect(branchLabel({ ...status(), repository: false })).toBe('');
+    expect(branchLabel(undefined)).toBe('');
+  });
+});
diff --git a/plugins/git/test/model/change-groups.spec.ts b/plugins/git/test/model/change-groups.spec.ts
new file mode 100644
index 00000000..2d2b1466
--- /dev/null
+++ b/plugins/git/test/model/change-groups.spec.ts
@@ -0,0 +1,38 @@
+import { describe, expect, it } from 'vitest';
+
+import { changeGroups, nextChecked } from '../../src/model/change-groups';
+import { status } from '../fixtures/status';
+
+describe('changeGroups', () => {
+  it('lists conflicts, changes and unversioned files, with name and folder', () => {
+    const groups = changeGroups(status());
+    const names = (rows: { letter: string; file: { path: string } }[]) =>
+      rows.map((row) => `${row.letter} ${row.file.path}`);
+    expect(names(groups.conflicts)).toEqual(['C src/deep/both.ts']);
+    expect(names(groups.changes)).toEqual(['M a.txt', 'D src/gone.ts', 'R moved.ts']);
+    expect(names(groups.unversioned)).toEqual(['U src/new.ts']);
+    expect(groups.changes[2]!.title).toBe('Renamed (was old.ts)');
+    expect(groups.changes[1]).toMatchObject({ name: 'gone.ts', folder: 'src' });
+    expect(groups.changes[0]).toMatchObject({ name: 'a.txt', folder: '' });
+    const folder = changeGroups({
+      files: [{ path: 'deps/lib/', unstaged: 'U', conflicted: false }],
+    });
+    expect(folder.unversioned[0]).toMatchObject({ name: 'lib/', folder: 'deps' });
+  });
+});
+
+describe('nextChecked', () => {
+  it('checks new changes for the commit, not new unversioned files, and keeps choices', () => {
+    const groups = changeGroups(status());
+    const first = nextChecked(new Set(), new Set(), groups);
+    expect([...first].sort()).toEqual(['a.txt', 'moved.ts', 'src/gone.ts']);
+    const known = new Set(['a.txt', 'moved.ts', 'src/gone.ts', 'src/new.ts']);
+    const chosen = new Set(['moved.ts', 'src/gone.ts', 'src/new.ts']);
+    expect([...nextChecked(chosen, known, groups)].sort()).toEqual([
+      'moved.ts',
+      'src/gone.ts',
+      'src/new.ts',
+    ]);
+    expect(nextChecked(chosen, known, changeGroups({ files: [] })).size).toBe(0);
+  });
+});
diff --git a/plugins/git/test/model/file-decoration.spec.ts b/plugins/git/test/model/file-decoration.spec.ts
new file mode 100644
index 00000000..ba88cd7a
--- /dev/null
+++ b/plugins/git/test/model/file-decoration.spec.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+
+import { decorationOf } from '../../src/model/file-decoration';
+import { status } from '../fixtures/status';
+
+describe('decorationOf', () => {
+  it('marks files and the folders that hold changes', () => {
+    const value = status();
+    expect(decorationOf(value, 'a.txt', 'file')).toEqual({
+      badge: 'M',
+      tone: 'modified',
+      tooltip: 'Modified',
+    });
+    expect(decorationOf(value, 'src/new.ts', 'file')).toMatchObject({ badge: 'U', tone: 'added' });
+    expect(decorationOf(value, 'src/gone.ts', 'file')).toMatchObject({
+      badge: 'D',
+      tone: 'deleted',
+    });
+    expect(decorationOf(value, 'src/deep/both.ts', 'file')).toMatchObject({ badge: 'C' });
+    expect(decorationOf(value, 'clean.txt', 'file')).toBeUndefined();
+    expect(decorationOf(value, 'src', 'directory')).toEqual({
+      badge: '•',
+      tone: 'conflict',
+      tooltip: '3 changed files inside',
+    });
+    expect(decorationOf(value, 'sr', 'directory')).toBeUndefined();
+    const untracked = status({ files: [{ path: 'deps/', unstaged: 'U', conflicted: false }] });
+    expect(decorationOf(untracked, 'deps', 'directory')).toMatchObject({ badge: '•' });
+    expect(decorationOf(untracked, 'deps/lib/index.js', 'file')).toMatchObject({ badge: 'U' });
+    expect(decorationOf(untracked, 'depsy.js', 'file')).toBeUndefined();
+    expect(decorationOf(undefined, 'a.txt', 'file')).toBeUndefined();
+  });
+});
diff --git a/plugins/git/test/model/relative-time.spec.ts b/plugins/git/test/model/relative-time.spec.ts
new file mode 100644
index 00000000..197532b2
--- /dev/null
+++ b/plugins/git/test/model/relative-time.spec.ts
@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+
+import { relativeTime } from '../../src/model/relative-time';
+
+describe('relativeTime', () => {
+  it('tells how long ago', () => {
+    const now = 1_000_000_000;
+    const ago = (seconds: number) => relativeTime(now / 1000 - seconds, now);
+    expect(ago(5)).toBe('just now');
+    expect(ago(60)).toBe('1 minute ago');
+    expect(ago(3 * 3600)).toBe('3 hours ago');
+    expect(ago(2 * 86400)).toBe('2 days ago');
+    expect(ago(400 * 86400)).toBe('1 year ago');
+  });
+});
diff --git a/plugins/git/test/store/git-store.spec.ts b/plugins/git/test/store/git-store.spec.ts
new file mode 100644
index 00000000..73858de9
--- /dev/null
+++ b/plugins/git/test/store/git-store.spec.ts
@@ -0,0 +1,107 @@
+import { describe, expect, it } from 'vitest';
+
+import type { GitStatus } from '@nanoforge-dev/editor-sdk';
+
+import { GitStore } from '../../src/store/git-store';
+import { status } from '../fixtures/status';
+
+describe('GitStore', () => {
+  const api = (value: GitStatus) => {
+    const calls: string[] = [];
+    return {
+      calls,
+      api: {
+        status: async () => (calls.push('status'), value),
+        branches: async () => (
+          calls.push('branches'),
+          [
+            { name: 'main', current: true, remote: false },
+            { name: 'feature', current: false, remote: false },
+          ]
+        ),
+        stashes: async () => (calls.push('stashes'), []),
+        log: async (limit: number, branch?: string) => (
+          calls.push(`log ${limit}${branch ? ` ${branch}` : ''}`),
+          []
+        ),
+      },
+    };
+  };
+
+  it('reads the repository, and nothing more than the status without one', async () => {
+    const store = new GitStore();
+    const repo = api(status());
+    store.setApi(repo.api);
+    await store.refresh();
+    expect(store.state.get()).toMatchObject({
+      status: { branch: 'main' },
+      branches: [{ name: 'main', current: true }, { name: 'feature' }],
+      busy: false,
+    });
+    const none = api({ ...status(), repository: false, files: [] });
+    store.setApi(none.api);
+    await store.refresh();
+    expect(new Set(none.calls)).toEqual(new Set(['status']));
+    expect(store.state.get().status?.repository).toBe(false);
+  });
+
+  it('refreshes after an operation and reports a failure', async () => {
+    const errors: string[] = [];
+    const store = new GitStore((title, error) => errors.push(`${title}: ${String(error)}`));
+    const repo = api(status());
+    store.setApi(repo.api);
+    await store.refresh();
+    repo.calls.length = 0;
+    expect(await store.run('Commit', async () => undefined)).toBe(true);
+    expect(repo.calls).toContain('status');
+    expect(
+      await store.run('Push failed', async () => {
+        throw new Error('rejected');
+      }),
+    ).toBe(false);
+    expect(errors).toEqual(['Push failed: Error: rejected']);
+    expect(store.state.get().busy).toBe(false);
+  });
+
+  it('keeps why the repository could not be read, and reports it once', async () => {
+    const errors: string[] = [];
+    const store = new GitStore((title) => errors.push(title));
+    let broken = true;
+    const repo = api(status());
+    store.setApi({
+      ...repo.api,
+      status: async () => {
+        if (broken) throw new Error('detected dubious ownership');
+        return repo.api.status();
+      },
+    });
+    await store.refresh();
+    await store.refresh();
+    expect(store.state.get().readError).toBe('detected dubious ownership');
+    expect(errors).toEqual(['Could not read the repository']);
+    broken = false;
+    await store.refresh();
+    expect(store.state.get()).toMatchObject({ readError: undefined, status: { branch: 'main' } });
+  });
+
+  it('says so in a hosted editor, and asks for more history', async () => {
+    const store = new GitStore();
+    store.setApi({
+      ...api(status()).api,
+      status: async () => {
+        throw Object.assign(new Error('no'), { code: 'FORBIDDEN' });
+      },
+    });
+    await store.refresh();
+    expect(store.state.get().unavailable).toMatch(/local editors/);
+    const repo = api(status());
+    store.setApi(repo.api);
+    await store.refresh();
+    await store.showMore();
+    expect(repo.calls).toContain('log 100');
+    await store.showBranch('feature');
+    expect(repo.calls).toContain('log 50 feature');
+    await store.showBranch('gone');
+    expect(store.state.get().logBranch).toBeUndefined();
+  });
+});
diff --git a/plugins/git/tsconfig.json b/plugins/git/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/git/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/git/vite.config.ts b/plugins/git/vite.config.ts
new file mode 100644
index 00000000..8dbac00d
--- /dev/null
+++ b/plugins/git/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'git' },
+  },
+});
diff --git a/plugins/history-panel/.prettierignore b/plugins/history-panel/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/history-panel/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/history-panel/LICENSE b/plugins/history-panel/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/history-panel/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/history-panel/README.md b/plugins/history-panel/README.md
new file mode 100644
index 00000000..03ec2791
--- /dev/null
+++ b/plugins/history-panel/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/history-panel"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fhistory-panel" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-history-panel` is an internal package of the NanoForge Editor.
+
+Built-in history panel.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/history-panel
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/history-panel/nanoforge.manifest.json b/plugins/history-panel/nanoforge.manifest.json
new file mode 100644
index 00000000..7113e4c2
--- /dev/null
+++ b/plugins/history-panel/nanoforge.manifest.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/history-panel",
+  "version": "0.1.0",
+  "displayName": "History",
+  "description": "Every change you can undo: jump to a step, previews, search.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onWidget:history-panel.history"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "history-panel.history",
+        "title": "History",
+        "icon": "history",
+        "defaultSlot": "rightTop",
+        "order": 100
+      }
+    ]
+  }
+}
diff --git a/plugins/history-panel/package.json b/plugins/history-panel/package.json
new file mode 100644
index 00000000..cd06518f
--- /dev/null
+++ b/plugins/history-panel/package.json
@@ -0,0 +1,61 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-history-panel",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in history panel",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/history-panel"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/history-panel/src/index.ts b/plugins/history-panel/src/index.ts
new file mode 100644
index 00000000..b20a4018
--- /dev/null
+++ b/plugins/history-panel/src/index.ts
@@ -0,0 +1,21 @@
+import type { Component } from 'svelte';
+
+import { definePlugin } from '@nanoforge-dev/editor-sdk';
+import { StyleServiceToken, WIDGET_VIEWS, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+import HistoryView from './widgets/history/HistoryView.svelte';
+
+export default definePlugin({
+  async activate(context) {
+    const css = await fetch(context.resolveAsset('history-panel.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(context.services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(
+      context.contribute(WIDGET_VIEWS, {
+        id: 'history-panel.history',
+        component: HistoryView as Component<{ instance: WidgetInstance }>,
+      }),
+    );
+  },
+});
diff --git a/plugins/history-panel/src/widgets/history/ContextSection.svelte b/plugins/history-panel/src/widgets/history/ContextSection.svelte
new file mode 100644
index 00000000..d1a72fcb
--- /dev/null
+++ b/plugins/history-panel/src/widgets/history/ContextSection.svelte
@@ -0,0 +1,280 @@
+<script lang="ts">
+  import type {
+    CommandOrigin,
+    HistoryCommand,
+    HistoryContextInfo,
+    HistoryEntry,
+  } from '@nanoforge-dev/editor-sdk';
+  import { Icon, IconButton } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { relativeTime } from './relative-time';
+
+  interface Props {
+    context: HistoryContextInfo;
+    local: CommandOrigin;
+    query: string;
+    now: number;
+    ongoto: (entryId: number) => void;
+    onclear: () => void;
+    /** Shown as a collapsible group (All mode). */
+    collapsible?: boolean;
+  }
+
+  const { context, local, query, now, ongoto, onclear, collapsible = false }: Props = $props();
+  let collapsed = $state(false);
+  let expanded = $state<ReadonlySet<number>>(new Set());
+  let previewed = $state<number>();
+
+  const matches = (command: HistoryCommand) =>
+    !query.trim() ||
+    command.label.toLowerCase().includes(query.trim().toLowerCase()) ||
+    (command.children ?? []).some((child) =>
+      child.label.toLowerCase().includes(query.trim().toLowerCase()),
+    );
+
+  const past = $derived(context.state.past.filter((entry) => matches(entry.command)));
+  const future = $derived(
+    [...context.state.future].reverse().filter((entry) => matches(entry.command)),
+  );
+  const current = $derived(context.state.past.at(-1)?.id ?? 0);
+
+  const originOf = (entry: HistoryEntry) =>
+    entry.origin.kind === local.kind && entry.origin.id === local.id
+      ? undefined
+      : entry.origin.kind === 'plugin'
+        ? entry.origin.id
+        : entry.origin.kind === 'remote'
+          ? `${entry.origin.id} (remote)`
+          : entry.origin.id;
+
+  const toggle = (id: number) => {
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity
+    const next = new Set(expanded);
+    if (!next.delete(id)) next.add(id);
+    expanded = next;
+  };
+</script>
+
+<section class="context" aria-label={`History of ${context.label}`}>
+  <header>
+    {#if collapsible}
+      <button
+        type="button"
+        class="collapse"
+        aria-expanded={!collapsed}
+        onclick={() => (collapsed = !collapsed)}
+      >
+        <Icon name={collapsed ? 'chevron-right' : 'chevron-down'} size={14} />
+        <h3>{context.label}</h3>
+      </button>
+    {:else}
+      <h3>{context.label}</h3>
+    {/if}
+    <IconButton
+      icon="trash-2"
+      label={`Clear the history of ${context.label}`}
+      size={14}
+      disabled={!context.state.past.length && !context.state.future.length}
+      onclick={onclear}
+    />
+  </header>
+
+  {#if !collapsed}
+    <ol class="entries">
+      {#if !query.trim()}
+        <li>
+          <button
+            type="button"
+            class="entry initial"
+            class:current={current === 0}
+            aria-current={current === 0 ? 'step' : undefined}
+            onclick={() => ongoto(0)}
+          >
+            <span class="label">Initial state</span>
+          </button>
+        </li>
+      {/if}
+      {#each [...past.map( (entry) => ({ entry, undone: false }) ), ...future.map( (entry) => ({ entry, undone: true }) )] as { entry, undone } (entry.id)}
+        {@const origin = originOf(entry)}
+        {@const children = entry.command.children ?? []}
+        <li
+          onmouseenter={() => (previewed = entry.id)}
+          onmouseleave={() => previewed === entry.id && (previewed = undefined)}
+        >
+          <div class="row">
+            {#if children.length}
+              <IconButton
+                icon={expanded.has(entry.id) ? 'chevron-down' : 'chevron-right'}
+                label={expanded.has(entry.id) ? 'Hide steps' : `Show ${children.length} steps`}
+                size={12}
+                onclick={() => toggle(entry.id)}
+              />
+            {/if}
+            <button
+              type="button"
+              class="entry"
+              class:current={entry.id === current}
+              class:undone
+              class:foreign={!entry.undoable}
+              aria-current={entry.id === current ? 'step' : undefined}
+              title={undone ? 'Redo up to here' : 'Go back to this step'}
+              onclick={() => ongoto(entry.id)}
+              onfocus={() => (previewed = entry.id)}
+              onblur={() => previewed === entry.id && (previewed = undefined)}
+            >
+              <span class="label">{entry.command.label}</span>
+              {#if origin}<span class="origin">{origin}</span>{/if}
+              <time datetime={new Date(entry.time).toISOString()}
+                >{relativeTime(entry.time, now)}</time
+              >
+            </button>
+          </div>
+          {#if expanded.has(entry.id)}
+            <ol class="steps" aria-label={`Steps of ${entry.command.label}`}>
+              {#each children as child, index (index)}<li>{child.label}</li>{/each}
+            </ol>
+          {/if}
+          {#if previewed === entry.id && entry.command.preview}
+            <div class="preview" role="note" aria-label="Change preview">
+              {#if entry.command.preview.title}<p class="title">
+                  {entry.command.preview.title}
+                </p>{/if}
+              <pre class="before" aria-label="Before">{entry.command.preview.before}</pre>
+              <pre class="after" aria-label="After">{entry.command.preview.after}</pre>
+            </div>
+          {/if}
+        </li>
+      {:else}
+        {#if query.trim()}<li class="none">No matching change</li>{/if}
+      {/each}
+    </ol>
+  {/if}
+</section>
+
+<style>
+  .context + :global(.context) {
+    border-top: 1px solid var(--nf-color-border);
+  }
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--nf-space-1) var(--nf-space-2) var(--nf-space-1) var(--nf-space-3);
+  }
+  h3 {
+    margin: 0;
+    font-size: var(--nf-font-size-sm);
+    font-weight: 600;
+  }
+  .collapse {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+  }
+  .entries,
+  .steps {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .row {
+    display: flex;
+    align-items: center;
+    padding-left: var(--nf-space-2);
+  }
+  .entry {
+    display: flex;
+    flex: 1;
+    gap: var(--nf-space-2);
+    align-items: baseline;
+    min-width: 0;
+    padding: 3px var(--nf-space-3) 3px var(--nf-space-2);
+    border: 0;
+    border-left: 2px solid transparent;
+    background: none;
+    color: var(--nf-color-text);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    text-align: left;
+    cursor: pointer;
+  }
+  .entry:hover {
+    background: var(--nf-color-hover);
+  }
+  .entry.current {
+    border-left-color: var(--nf-color-accent);
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  .entry.initial {
+    margin-left: var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+  }
+  .entry.undone {
+    color: var(--nf-color-text-faint);
+  }
+  .entry.foreign .label {
+    font-style: italic;
+  }
+  .label {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .origin {
+    padding: 0 var(--nf-space-1);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text-muted);
+    font-size: 11px;
+  }
+  time {
+    color: var(--nf-color-text-faint);
+    font-size: 11px;
+    white-space: nowrap;
+  }
+  .steps li {
+    padding: 1px var(--nf-space-3) 1px calc(var(--nf-space-3) + 28px);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .preview {
+    margin: var(--nf-space-1) var(--nf-space-3) var(--nf-space-2) calc(var(--nf-space-3) + 12px);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    overflow: hidden;
+  }
+  .preview .title {
+    margin: 0;
+    padding: 2px var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+    font-size: 11px;
+  }
+  pre {
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    overflow-x: auto;
+    font-family: var(--nf-font-code);
+    font-size: 11px;
+    line-height: 1.45;
+  }
+  .before {
+    border-left: 3px solid var(--nf-color-danger);
+  }
+  .after {
+    border-left: 3px solid var(--nf-color-success);
+  }
+  .none {
+    padding: var(--nf-space-2) var(--nf-space-3);
+    color: var(--nf-color-text-faint);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/history-panel/src/widgets/history/HistoryView.svelte b/plugins/history-panel/src/widgets/history/HistoryView.svelte
new file mode 100644
index 00000000..2ea75f3e
--- /dev/null
+++ b/plugins/history-panel/src/widgets/history/HistoryView.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+  import {
+    EditorServices,
+    HISTORY_CONTEXT_KEY,
+    HistoryServiceToken,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    Dialog,
+    EmptyState,
+    Input,
+    Switch,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import ContextSection from './ContextSection.svelte';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const history = services.get(HistoryServiceToken);
+  const contextKeys = services.get(EditorServices.ContextKeys);
+  const contexts = history.contexts;
+
+  // svelte-ignore state_referenced_locally
+  let all = $state(instance.getState<{ all?: boolean }>()?.all ?? false);
+  $effect(() => instance.setState({ all }));
+  let query = $state('');
+  let clearing = $state<string>();
+  let now = $state(Date.now());
+  $effect(() => {
+    const timer = setInterval(() => (now = Date.now()), 30_000);
+    return () => clearInterval(timer);
+  });
+
+  /** What the user works on: the last focused widget with a history (not this panel). */
+  let focused = $state<string | undefined>(
+    contextKeys.get<string>(HISTORY_CONTEXT_KEY) ?? 'layout',
+  );
+  $effect(() => {
+    const subscription = contextKeys.onDidChange(({ keys }) => {
+      if (!keys.has(HISTORY_CONTEXT_KEY)) return;
+      const id = contextKeys.get<string>(HISTORY_CONTEXT_KEY);
+      if (id) focused = id;
+    });
+    return () => subscription.dispose();
+  });
+
+  const shown = $derived(all ? $contexts : $contexts.filter((context) => context.id === focused));
+  const clearingLabel = $derived($contexts.find((context) => context.id === clearing)?.label);
+</script>
+
+<div class="history">
+  <div class="toolbar">
+    <Input bind:value={query} placeholder="Search changes" aria-label="Search changes" />
+    <span class="all">
+      <Switch bind:checked={all} label="All" />
+      <span aria-hidden="true">All</span>
+    </span>
+  </div>
+  <div class="list">
+    {#each shown as context (context.id)}
+      <ContextSection
+        {context}
+        local={history.localOrigin}
+        {query}
+        {now}
+        collapsible={all}
+        ongoto={(entryId) => void history.goTo(context.id, entryId)}
+        onclear={() => (clearing = context.id)}
+      />
+    {:else}
+      <EmptyState
+        icon="history"
+        title={all ? 'Nothing to undo yet' : 'No history here'}
+        description={all
+          ? undefined
+          : 'Changes of the focused panel or document appear here. Switch on All to see every history.'}
+      />
+    {/each}
+  </div>
+</div>
+
+<Dialog
+  open={clearing !== undefined}
+  title={`Clear the history of ${clearingLabel ?? ''}?`}
+  description="Its changes stay; they just can't be undone anymore."
+  onclose={() => (clearing = undefined)}
+>
+  {#snippet footer()}
+    <Button onclick={() => (clearing = undefined)}>Cancel</Button>
+    <Button
+      variant="danger"
+      onclick={() => {
+        const id = clearing;
+        clearing = undefined;
+        if (id) void history.clear(id);
+      }}>Clear</Button
+    >
+  {/snippet}
+</Dialog>
+
+<style>
+  .history {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 0;
+  }
+  .all {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+</style>
diff --git a/plugins/history-panel/src/widgets/history/relative-time.ts b/plugins/history-panel/src/widgets/history/relative-time.ts
new file mode 100644
index 00000000..9b159953
--- /dev/null
+++ b/plugins/history-panel/src/widgets/history/relative-time.ts
@@ -0,0 +1,8 @@
+/** "just now", "2 min ago", "3 h ago", then the date. */
+export const relativeTime = (time: number, now = Date.now()): string => {
+  const seconds = Math.max(0, Math.round((now - time) / 1000));
+  if (seconds < 30) return 'just now';
+  if (seconds < 3600) return `${Math.max(1, Math.round(seconds / 60))} min ago`;
+  if (seconds < 86_400) return `${Math.round(seconds / 3600)} h ago`;
+  return new Date(time).toLocaleDateString();
+};
diff --git a/plugins/history-panel/svelte.config.js b/plugins/history-panel/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/history-panel/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/history-panel/tsconfig.json b/plugins/history-panel/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/history-panel/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/history-panel/vite.config.ts b/plugins/history-panel/vite.config.ts
new file mode 100644
index 00000000..0e305a86
--- /dev/null
+++ b/plugins/history-panel/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'history-panel' },
+  },
+});
diff --git a/plugins/inspectors/.prettierignore b/plugins/inspectors/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/inspectors/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/inspectors/LICENSE b/plugins/inspectors/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/inspectors/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/inspectors/README.md b/plugins/inspectors/README.md
new file mode 100644
index 00000000..28a59214
--- /dev/null
+++ b/plugins/inspectors/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/inspectors"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Finspectors" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-inspectors` is an internal package of the NanoForge Editor.
+
+Built-in runtime inspectors: profiler, network trace, world.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/inspectors
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/inspectors/nanoforge.manifest.json b/plugins/inspectors/nanoforge.manifest.json
new file mode 100644
index 00000000..b2e10f64
--- /dev/null
+++ b/plugins/inspectors/nanoforge.manifest.json
@@ -0,0 +1,53 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/inspectors",
+  "version": "0.1.0",
+  "displayName": "Inspectors",
+  "description": "The running game from the inside: tick times and systems, network packets, and the ECS world.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": [
+    "onWidget:inspectors.profiler",
+    "onWidget:inspectors.network",
+    "onWidget:inspectors.world"
+  ],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "inspectors.profiler",
+        "title": "Profiler",
+        "icon": "activity",
+        "defaultSlot": "bottom",
+        "order": 120
+      },
+      {
+        "id": "inspectors.network",
+        "title": "Network",
+        "icon": "network",
+        "defaultSlot": "bottom",
+        "order": 130
+      },
+      {
+        "id": "inspectors.world",
+        "title": "World",
+        "icon": "globe",
+        "defaultSlot": "bottom",
+        "order": 140
+      }
+    ],
+    "settings": [
+      {
+        "key": "tickBudgetMs",
+        "type": "number",
+        "minimum": 1,
+        "maximum": 1000,
+        "default": 16.7,
+        "title": "Tick time budget (ms)",
+        "description": "The Profiler draws this line and marks the windows whose slowest tick went over it. 16.7 ms is 60 ticks per second.",
+        "category": "Editor/Inspectors",
+        "order": 0
+      }
+    ]
+  }
+}
diff --git a/plugins/inspectors/package.json b/plugins/inspectors/package.json
new file mode 100644
index 00000000..3012ed93
--- /dev/null
+++ b/plugins/inspectors/package.json
@@ -0,0 +1,64 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-inspectors",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in runtime inspectors: profiler, network trace, world",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/inspectors"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/inspectors/src/icons.ts b/plugins/inspectors/src/icons.ts
new file mode 100644
index 00000000..4afbd326
--- /dev/null
+++ b/plugins/inspectors/src/icons.ts
@@ -0,0 +1,14 @@
+import Activity from '@lucide/svelte/icons/activity';
+import Globe from '@lucide/svelte/icons/globe';
+import Network from '@lucide/svelte/icons/network';
+import Pause from '@lucide/svelte/icons/pause';
+import Play from '@lucide/svelte/icons/play';
+
+/** Icons of the inspectors (registering one the editor already has is harmless). */
+export const ICONS = {
+  activity: Activity,
+  globe: Globe,
+  network: Network,
+  pause: Pause,
+  play: Play,
+};
diff --git a/plugins/inspectors/src/index.ts b/plugins/inspectors/src/index.ts
new file mode 100644
index 00000000..2a5a4782
--- /dev/null
+++ b/plugins/inspectors/src/index.ts
@@ -0,0 +1,68 @@
+import type { Component } from 'svelte';
+
+import {
+  MutableDisposable,
+  ProjectServiceToken,
+  RuntimeServiceToken,
+  definePlugin,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  StyleServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { ICONS } from './icons';
+import { Recorder } from './recorder/recorder';
+import { setRecorder } from './session/recorder-session';
+import NetworkView from './widgets/network/NetworkView.svelte';
+import ProfilerView from './widgets/profiler/ProfilerView.svelte';
+import WorldView from './widgets/world/WorldView.svelte';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('inspectors.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+
+    const recorder = new Recorder();
+    setRecorder(recorder);
+    context.subscriptions.add(recorder);
+    context.subscriptions.add({ dispose: () => setRecorder(undefined) });
+
+    const session = context.subscriptions.add(new MutableDisposable());
+    const followRuntime = () => {
+      const runtime = services.tryGet(RuntimeServiceToken);
+      recorder.reset();
+      recorder.setRuntime(runtime);
+      let previous = runtime?.session.get().state;
+      const unsubscribe = runtime?.session.subscribe(({ state }) => {
+        if (state === 'building' && previous !== 'building') recorder.reset();
+        previous = state;
+      });
+      session.value = { dispose: () => unsubscribe?.() };
+    };
+    context.subscriptions.add({
+      dispose: services
+        .get(ProjectServiceToken)
+        .current.subscribe(() => queueMicrotask(followRuntime)),
+    });
+
+    for (const [id, component] of [
+      ['inspectors.profiler', ProfilerView],
+      ['inspectors.network', NetworkView],
+      ['inspectors.world', WorldView],
+    ] as const) {
+      context.subscriptions.add(
+        context.contribute(WIDGET_VIEWS, {
+          id,
+          component: component as Component<{ instance: WidgetInstance }>,
+        }),
+      );
+    }
+  },
+});
diff --git a/plugins/inspectors/src/network/packets.ts b/plugins/inspectors/src/network/packets.ts
new file mode 100644
index 00000000..8f0ce572
--- /dev/null
+++ b/plugins/inspectors/src/network/packets.ts
@@ -0,0 +1,100 @@
+/** Bytes of a hex string (`0a1b…`); a broken tail is dropped. */
+export const hexToBytes = (hex: string): Uint8Array => {
+  const bytes = new Uint8Array(Math.floor(hex.length / 2));
+  for (let index = 0; index < bytes.length; index++) {
+    const value = Number.parseInt(hex.slice(index * 2, index * 2 + 2), 16);
+    if (Number.isNaN(value)) return bytes.subarray(0, index);
+    bytes[index] = value;
+  }
+  return bytes;
+};
+
+export type Decoded =
+  | { readonly kind: 'json'; readonly text: string }
+  | { readonly kind: 'text'; readonly text: string }
+  | { readonly kind: 'binary' };
+
+/**
+ * A payload as people read it: formatted JSON when it parses, text when it is valid UTF-8
+ * without control characters, else binary. `complete` false means only the start of the packet
+ * is known: JSON that was cut is shown as text.
+ */
+export const decodePayload = (bytes: Uint8Array, complete = true): Decoded => {
+  if (!bytes.length) return { kind: 'binary' };
+  let text: string;
+  try {
+    text = new TextDecoder('utf-8', { fatal: true }).decode(bytes);
+  } catch {
+    if (complete) return { kind: 'binary' };
+    text = new TextDecoder('utf-8').decode(bytes).replace(/�+$/, '');
+    if (text.includes('�')) return { kind: 'binary' };
+  }
+  // eslint-disable-next-line no-control-regex -- control characters mean binary data
+  if (/[\x00-\x08\x0e-\x1f]/.test(text)) return { kind: 'binary' };
+  if (complete) {
+    try {
+      const value: unknown = JSON.parse(text);
+      if (value !== null && typeof value === 'object')
+        return { kind: 'json', text: JSON.stringify(value, null, 2) };
+    } catch {}
+  }
+  return { kind: 'text', text };
+};
+
+export interface ReadPacket {
+  /** The type name of a typed packet (`definePacket`), absent for `sendData` and older packets. */
+  readonly name?: string;
+  /** The payload, without the type name in front. */
+  readonly decoded: Decoded;
+}
+
+/**
+ * A packet as people read it. The network library writes `[name length][name][payload]`
+ * (a length of 0 for `sendData`); older engines sent the payload alone, read as such when it is
+ * JSON, or when the bytes after the first one do not start with a plausible name (no spaces nor
+ * JSON punctuation).
+ */
+export const readPacket = (bytes: Uint8Array, complete = true): ReadPacket => {
+  const whole = decodePayload(bytes, complete);
+  if (whole.kind === 'json' || !bytes.length) return { decoded: whole };
+  const end = 1 + bytes[0]!;
+  if (bytes.length < end) return { decoded: whole };
+  const payload = decodePayload(bytes.subarray(end), complete);
+  if (end === 1) return { decoded: payload };
+  const name = decodePayload(bytes.subarray(1, end));
+  if (name.kind !== 'text' || /[\s"{}[\]:,]/.test(name.text)) return { decoded: whole };
+  return { name: name.text, decoded: payload };
+};
+
+export interface DumpRow {
+  /** Offset of the row, hex. */
+  readonly offset: string;
+  /** The bytes, two hex digits each. */
+  readonly hex: readonly string[];
+  /** Printable characters, `.` for the rest. */
+  readonly ascii: string;
+}
+
+/** A classic hex dump, 16 bytes per row. */
+export const hexDump = (bytes: Uint8Array, width = 16): DumpRow[] => {
+  const rows: DumpRow[] = [];
+  for (let offset = 0; offset < bytes.length; offset += width) {
+    const slice = bytes.subarray(offset, offset + width);
+    rows.push({
+      offset: offset.toString(16).padStart(4, '0'),
+      hex: Array.from(slice, (byte) => byte.toString(16).padStart(2, '0')),
+      ascii: Array.from(slice, (byte) =>
+        byte >= 0x20 && byte < 0x7f ? String.fromCharCode(byte) : '.',
+      ).join(''),
+    });
+  }
+  return rows;
+};
+
+/** `512 B`, `1.5 kB`, `2.0 MB`. */
+export const formatBytes = (bytes: number): string =>
+  bytes < 1000
+    ? `${Math.round(bytes)} B`
+    : bytes < 1_000_000
+      ? `${(bytes / 1000).toFixed(1)} kB`
+      : `${(bytes / 1_000_000).toFixed(1)} MB`;
diff --git a/plugins/inspectors/src/recorder/recorder.ts b/plugins/inspectors/src/recorder/recorder.ts
new file mode 100644
index 00000000..fbb1628d
--- /dev/null
+++ b/plugins/inspectors/src/recorder/recorder.ts
@@ -0,0 +1,240 @@
+import {
+  type Disposable,
+  type EngineFeatures,
+  type EngineFrameStats,
+  type EngineNetworkStats,
+  type EngineNetworkTrace,
+  type EngineSystemStats,
+  type EngineWorld,
+  type GameEvent,
+  ObservableValue,
+} from '@nanoforge-dev/editor-sdk';
+
+export type GameSource = 'client' | 'server';
+
+/** One sampling window of the profiler. */
+export interface FrameSample {
+  /** When it arrived (ms since epoch). */
+  readonly time: number;
+  readonly stats: EngineFrameStats;
+  /** The latest system timings when the window ended, when the engine sends them. */
+  readonly systems?: EngineSystemStats;
+}
+
+export interface Packet extends EngineNetworkTrace {
+  readonly id: number;
+}
+
+/** What one game (the client or the server) reported during the run. */
+export interface SourceRecord {
+  frames: FrameSample[];
+  packets: Packet[];
+  network: EngineNetworkStats[];
+  /** Packets the engine left out of the list (rate limit, sampling). */
+  untraced: number;
+  world: EngineWorld | undefined;
+}
+
+export const LIMITS = {
+  /** Two minutes of 250 ms windows. */
+  frames: 480,
+  packets: 2000,
+  /** Two minutes of one-second totals. */
+  network: 120,
+} as const;
+
+/** What each inspector asks the engine for, while it is shown. */
+export const FEATURES = {
+  profiler: { frameStats: { intervalMs: 250 }, ecsSystemStats: { intervalMs: 250 } },
+  network: { networkTrace: { maxPerSecond: 200, maxBytes: 512 } },
+  world: { ecsWorld: { intervalMs: 250 } },
+} as const satisfies Record<string, EngineFeatures>;
+
+export type Inspector = keyof typeof FEATURES;
+
+const emptyRecord = (): SourceRecord => ({
+  frames: [],
+  packets: [],
+  network: [],
+  untraced: 0,
+  world: undefined,
+});
+
+/** A new list with the item, the oldest dropped over the limit (views compare lists by identity). */
+const push = <T>(list: readonly T[], item: T, limit: number): T[] => [
+  ...list.slice(Math.max(list.length + 1 - limit, 0)),
+  item,
+];
+
+/** The part of the runtime service the recorder uses. */
+export interface RecorderRuntime {
+  onEvent(listener: (event: GameEvent) => void): Disposable;
+  useFeatures(features: EngineFeatures): Disposable;
+  /** The worlds already sent in this run (the engine sends one again only when it changes). */
+  lastWorlds?(): readonly GameEvent[];
+}
+
+/**
+ * Keeps what the running games report to the inspectors: frame windows, system timings,
+ * packets, network totals and the world, per game. Features are asked for while an inspector
+ * needs them (`acquire`), and a new run starts from nothing (`reset`).
+ */
+export class Recorder implements Disposable {
+  private _records = new Map<GameSource, SourceRecord>();
+  private readonly _revision = new ObservableValue(0);
+  private readonly _uses = new Map<Inspector, { count: number; request?: Disposable }>();
+  private _runtime: RecorderRuntime | undefined;
+  private _listener: Disposable | undefined;
+  private _systems = new Map<GameSource, EngineSystemStats>();
+  private _nextPacket = 0;
+  private _now: () => number;
+
+  /** Bumped when anything recorded changes. */
+  readonly revision = this._revision.readonly();
+
+  constructor(now: () => number = Date.now) {
+    this._now = now;
+  }
+
+  /** Games that reported something, the client first. */
+  get sources(): GameSource[] {
+    return (['client', 'server'] as const).filter((source) => this._records.has(source));
+  }
+
+  record(source: GameSource): SourceRecord | undefined {
+    return this._records.get(source);
+  }
+
+  /** Follows the runtime of the open project (undefined: none). */
+  setRuntime(runtime: RecorderRuntime | undefined): void {
+    this._listener?.dispose();
+    for (const use of this._uses.values()) {
+      use.request?.dispose();
+      delete use.request;
+    }
+    this._runtime = runtime;
+    this._listener = runtime?.onEvent((event) => this.handle(event));
+    for (const event of runtime?.lastWorlds?.() ?? []) this.handle(event);
+    for (const [inspector, use] of this._uses) {
+      if (runtime && use.count > 0) use.request = runtime.useFeatures(FEATURES[inspector]);
+    }
+  }
+
+  /** Asks the engine for an inspector's data until disposed (counted: several views can ask). */
+  acquire(inspector: Inspector): Disposable {
+    const use = this._uses.get(inspector) ?? { count: 0 };
+    this._uses.set(inspector, use);
+    if (use.count++ === 0 && this._runtime)
+      use.request = this._runtime.useFeatures(FEATURES[inspector]);
+    let disposed = false;
+    return {
+      dispose: () => {
+        if (disposed) return;
+        disposed = true;
+        if (--use.count > 0) return;
+        use.request?.dispose();
+        delete use.request;
+      },
+    };
+  }
+
+  /** Forgets the last run (a new one starts). */
+  reset(): void {
+    this._records = new Map();
+    this._systems.clear();
+    this._bump();
+  }
+
+  handle({ source, event, args }: GameEvent): void {
+    const payload = args[0];
+    if (!payload || typeof payload !== 'object') return;
+    const record = () => {
+      let found = this._records.get(source);
+      if (!found) this._records.set(source, (found = emptyRecord()));
+      return found;
+    };
+    switch (event) {
+      case 'frame-stats': {
+        if (!this._uses.get('profiler')?.count) return;
+        const systems = this._systems.get(source);
+        const target = record();
+        target.frames = push(
+          target.frames,
+          { time: this._now(), stats: payload as EngineFrameStats, ...(systems && { systems }) },
+          LIMITS.frames,
+        );
+        break;
+      }
+      case 'ecs-system-stats': {
+        this._systems.set(source, payload as EngineSystemStats);
+        return;
+      }
+      case 'network-trace': {
+        const target = record();
+        target.packets = push(
+          target.packets,
+          { ...(payload as EngineNetworkTrace), id: this._nextPacket++ },
+          LIMITS.packets,
+        );
+        break;
+      }
+      case 'network-stats': {
+        const stats = payload as EngineNetworkStats;
+        const target = record();
+        target.network = push(target.network, stats, LIMITS.network);
+        target.untraced += stats.untraced;
+        break;
+      }
+      case 'ecs-world':
+        record().world = payload as EngineWorld;
+        break;
+      default:
+        return;
+    }
+    this._bump();
+  }
+
+  dispose(): void {
+    this.setRuntime(undefined);
+    this._uses.clear();
+  }
+
+  private _bump(): void {
+    this._revision.set(this._revision.get() + 1);
+  }
+}
+
+/** Windows whose slowest tick went over the budget. */
+export const isSpike = (sample: FrameSample, budgetMs: number): boolean =>
+  sample.stats.tick.max > budgetMs;
+
+export interface LibraryRow {
+  readonly name: string;
+  readonly avg: number;
+  readonly max: number;
+  /** Share of the average tick, 0 to 1. */
+  readonly share: number;
+}
+
+/** Libraries of a window, the most expensive first. */
+export const libraryRows = (stats: EngineFrameStats): LibraryRow[] =>
+  Object.entries(stats.libraries)
+    .map(([name, timing]) => ({
+      name,
+      avg: timing.avg,
+      max: timing.max,
+      share: stats.tick.avg > 0 ? Math.min(timing.avg / stats.tick.avg, 1) : 0,
+    }))
+    .sort((a, b) => b.avg - a.avg || a.name.localeCompare(b.name));
+
+/** Bytes and packets per second of a totals window, in and out, both transports together. */
+export const throughput = (
+  stats: EngineNetworkStats,
+): Record<'in' | 'out', { bytes: number; packets: number }> => {
+  const seconds = Math.max(stats.windowMs, 1) / 1000;
+  const sum = (direction: 'in' | 'out') => ({
+    bytes: (stats.tcp[direction].bytes + stats.udp[direction].bytes) / seconds,
+    packets: (stats.tcp[direction].packets + stats.udp[direction].packets) / seconds,
+  });
+  return { in: sum('in'), out: sum('out') };
+};
diff --git a/plugins/inspectors/src/session/recorder-session.ts b/plugins/inspectors/src/session/recorder-session.ts
new file mode 100644
index 00000000..ef5bd52c
--- /dev/null
+++ b/plugins/inspectors/src/session/recorder-session.ts
@@ -0,0 +1,13 @@
+import type { Recorder } from '../recorder/recorder';
+
+/** Set by the plugin on activation, read by its widgets. */
+let recorder: Recorder | undefined;
+
+export const setRecorder = (value: Recorder | undefined): void => {
+  recorder = value;
+};
+
+export const getRecorder = (): Recorder => {
+  if (!recorder) throw new Error('The inspectors plugin is not active');
+  return recorder;
+};
diff --git a/plugins/inspectors/src/widgets/JsonTree.svelte b/plugins/inspectors/src/widgets/JsonTree.svelte
new file mode 100644
index 00000000..7c8f3c9e
--- /dev/null
+++ b/plugins/inspectors/src/widgets/JsonTree.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+  import type { EngineWorldValue } from '@nanoforge-dev/editor-sdk';
+  import { Icon } from '@nanoforge-dev/editor-sdk/ui';
+
+  import Self from './JsonTree.svelte';
+
+  const { name, value }: { name: string; value: EngineWorldValue } = $props();
+  let open = $state(false);
+
+  const entries = $derived(
+    value === null || typeof value !== 'object'
+      ? []
+      : Array.isArray(value)
+        ? value.map((item, index) => [String(index), item] as const)
+        : Object.entries(value).filter(([key]) => key !== '$class'),
+  );
+  const summary = $derived.by(() => {
+    if (value === null) return 'null';
+    if (typeof value === 'string') return JSON.stringify(value);
+    if (typeof value !== 'object') return String(value);
+    if (Array.isArray(value)) return `Array(${value.length})`;
+    const type = typeof value.$class === 'string' ? value.$class : 'Object';
+    return `${type} { ${entries.map(([key]) => key).join(', ')} }`;
+  });
+</script>
+
+{#if entries.length}
+  <div class="node">
+    <button type="button" aria-expanded={open} onclick={() => (open = !open)}>
+      <Icon name={open ? 'chevron-down' : 'chevron-right'} size={12} />
+      <span class="key">{name}</span>
+      <span class="value">{summary}</span>
+    </button>
+    {#if open}
+      <div class="children" role="group">
+        {#each entries as [key, child] (key)}
+          <Self name={key} value={child} />
+        {/each}
+      </div>
+    {/if}
+  </div>
+{:else}
+  <div class="leaf">
+    <span class="key">{name}</span>
+    <span class="value {value === null ? 'null' : typeof value}">{summary}</span>
+  </div>
+{/if}
+
+<style>
+  button {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    width: 100%;
+    padding: 1px 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  button:hover,
+  .leaf:hover {
+    background: var(--nf-color-hover);
+  }
+  button:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .children {
+    padding-left: var(--nf-space-4);
+  }
+  .leaf {
+    display: flex;
+    gap: var(--nf-space-1);
+    padding: 1px 0 1px 16px;
+  }
+  .key {
+    color: var(--nf-color-text-muted);
+  }
+  .key::after {
+    content: ':';
+  }
+  .value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .value.number,
+  .value.boolean {
+    color: var(--nf-color-accent);
+  }
+  .value.null {
+    color: var(--nf-color-text-faint);
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/SourcePicker.svelte b/plugins/inspectors/src/widgets/SourcePicker.svelte
new file mode 100644
index 00000000..11dad0ff
--- /dev/null
+++ b/plugins/inspectors/src/widgets/SourcePicker.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import type { GameSource } from '../recorder/recorder';
+
+  interface Props {
+    sources: readonly GameSource[];
+    value: GameSource;
+    onchange: (source: GameSource) => void;
+  }
+
+  const { sources, value, onchange }: Props = $props();
+  const LABELS = { client: 'Client', server: 'Server' } as const;
+</script>
+
+{#if sources.length > 1}
+  <div class="picker" role="group" aria-label="Game">
+    {#each sources as source (source)}
+      <button type="button" aria-pressed={source === value} onclick={() => onchange(source)}
+        >{LABELS[source]}</button
+      >
+    {/each}
+  </div>
+{:else if sources.length}
+  <span class="single">{LABELS[sources[0]!]}</span>
+{/if}
+
+<style>
+  .picker {
+    display: inline-flex;
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    overflow: hidden;
+  }
+  button {
+    height: 22px;
+    padding: 0 var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-muted);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  button[aria-pressed='true'] {
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+  button:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .single {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/chart/LineChart.svelte b/plugins/inspectors/src/widgets/chart/LineChart.svelte
new file mode 100644
index 00000000..19ea9034
--- /dev/null
+++ b/plugins/inspectors/src/widgets/chart/LineChart.svelte
@@ -0,0 +1,289 @@
+<script lang="ts">
+  import { indexAt, linePath, niceMax } from './chart-scale';
+
+  interface Series {
+    readonly label: string;
+    /** 1 or 2: the chart palette's slot. */
+    readonly slot: 1 | 2;
+    readonly values: readonly number[];
+  }
+
+  interface Props {
+    /** What the chart shows, for assistive technology and the tooltip. */
+    label: string;
+    series: readonly Series[];
+    /** Time of each value (ms since epoch). */
+    times: readonly number[];
+    /** Values the x axis has room for: the newest is at the right edge. */
+    slots: number;
+    format: (value: number) => string;
+    height?: number;
+    /** A horizontal reference line. */
+    budget?: { value: number; label: string };
+    /** Values to mark above the plot (spikes). */
+    marks?: readonly boolean[];
+    marksLabel?: string;
+    /** Index shown as selected (a pinned window). */
+    selected?: number | undefined;
+    onhover?: (index: number | undefined) => void;
+    onpick?: (index: number) => void;
+  }
+
+  const {
+    label,
+    series,
+    times,
+    slots,
+    format,
+    height = 120,
+    budget,
+    marks,
+    marksLabel = 'Spike',
+    selected,
+    onhover,
+    onpick,
+  }: Props = $props();
+
+  const MARGIN = { top: 12, right: 8, bottom: 4, left: 44 };
+  let width = $state(0);
+  let hovered = $state<number>();
+
+  const plotWidth = $derived(Math.max(width - MARGIN.left - MARGIN.right, 0));
+  const plotHeight = $derived(height - MARGIN.top - MARGIN.bottom);
+  const count = $derived(times.length);
+  const max = $derived(
+    niceMax(Math.max(budget?.value ?? 0, ...series.flatMap((entry) => entry.values), 0)),
+  );
+  const ticks = $derived([0, max / 2, max]);
+  const y = (value: number) => plotHeight - (Math.min(value, max) / max) * plotHeight;
+  const x = (index: number) =>
+    slots > 1 ? ((slots - count + index) * plotWidth) / (slots - 1) : plotWidth;
+  const focus = $derived(hovered ?? selected);
+  const time = (value: number) => new Date(value).toLocaleTimeString([], { hour12: false });
+
+  const move = (event: PointerEvent) => {
+    const box = (event.currentTarget as SVGElement).getBoundingClientRect();
+    hovered = indexAt(event.clientX - box.left, plotWidth, count, slots);
+    onhover?.(hovered);
+  };
+  const leave = () => {
+    hovered = undefined;
+    onhover?.(undefined);
+  };
+  const onkeydown = (event: KeyboardEvent) => {
+    if (!count || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) return;
+    event.preventDefault();
+    const from = focus ?? count - 1;
+    const next = Math.min(Math.max(from + (event.key === 'ArrowLeft' ? -1 : 1), 0), count - 1);
+    onpick?.(next);
+  };
+</script>
+
+<figure class="chart" aria-label={label}>
+  <figcaption class="legend">
+    <span class="title">{label}</span>
+    {#if series.length > 1}
+      {#each series as entry (entry.label)}
+        <span><i class="swatch slot-{entry.slot}"></i>{entry.label}</span>
+      {/each}
+    {/if}
+    {#if budget}<span><i class="swatch budget"></i>{budget.label}</span>{/if}
+  </figcaption>
+  <div class="plot" bind:clientWidth={width} style:height={`${height}px`}>
+    {#if width > 0}
+      <svg {width} {height} role="img" aria-label={label}>
+        <g transform={`translate(${MARGIN.left},${MARGIN.top})`}>
+          {#each ticks as tick (tick)}
+            <line class="grid" x1="0" x2={plotWidth} y1={y(tick)} y2={y(tick)} />
+            <text class="axis" x="-6" y={y(tick)} dy="0.32em" text-anchor="end">{format(tick)}</text
+            >
+          {/each}
+          {#if budget}
+            <line class="budget" x1="0" x2={plotWidth} y1={y(budget.value)} y2={y(budget.value)} />
+          {/if}
+          {#each series as entry (entry.label)}
+            <path
+              class="line slot-{entry.slot}"
+              d={linePath(entry.values, plotWidth, plotHeight, max, slots)}
+            />
+          {/each}
+          {#each marks ?? [] as marked, index (index)}
+            {#if marked}
+              <path class="mark" transform={`translate(${x(index)},-10)`} d="M-4,0L4,0L0,7Z">
+                <title>{marksLabel}</title>
+              </path>
+            {/if}
+          {/each}
+          {#if focus !== undefined && focus < count}
+            <line class="crosshair" x1={x(focus)} x2={x(focus)} y1="0" y2={plotHeight} />
+            {#each series as entry (entry.label)}
+              <circle
+                class="dot slot-{entry.slot}"
+                cx={x(focus)}
+                cy={y(entry.values[focus] ?? 0)}
+                r="4"
+              />
+            {/each}
+          {/if}
+          <rect
+            class="hit"
+            width={plotWidth}
+            height={plotHeight}
+            role="slider"
+            tabindex="0"
+            aria-label={`${label}: pick a window`}
+            aria-valuemin="0"
+            aria-valuemax={Math.max(count - 1, 0)}
+            aria-valuenow={focus ?? Math.max(count - 1, 0)}
+            aria-valuetext={focus !== undefined && focus < count
+              ? `${time(times[focus]!)}: ${series
+                  .map((entry) => `${entry.label} ${format(entry.values[focus] ?? 0)}`)
+                  .join(', ')}`
+              : 'Latest'}
+            onpointermove={move}
+            onpointerleave={leave}
+            onclick={() => hovered !== undefined && onpick?.(hovered)}
+            {onkeydown}
+          />
+        </g>
+      </svg>
+      {#if focus !== undefined && focus < count}
+        <div
+          class="tooltip"
+          class:left={x(focus) > plotWidth / 2}
+          style:left={`${MARGIN.left + x(focus)}px`}
+        >
+          <strong>{time(times[focus]!)}</strong>
+          {#each series as entry (entry.label)}
+            <span
+              ><i class="swatch slot-{entry.slot}"></i>{entry.label}
+              {format(entry.values[focus] ?? 0)}</span
+            >
+          {/each}
+          {#if marks?.[focus]}<span class="over">{marksLabel}</span>{/if}
+        </div>
+      {/if}
+    {/if}
+  </div>
+</figure>
+
+<style>
+  .chart {
+    /* The validated default categorical pair (blue, orange), per color scheme. */
+    --chart-1: light-dark(#2a78d6, #3987e5);
+    --chart-2: light-dark(#eb6834, #d95926);
+    margin: 0;
+    min-width: 0;
+  }
+  .legend {
+    display: flex;
+    gap: var(--nf-space-3);
+    padding: 0 0 var(--nf-space-1) 44px;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .legend .title {
+    color: var(--nf-color-text);
+  }
+  .legend span,
+  .tooltip span {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  .swatch {
+    display: inline-block;
+    width: 10px;
+    height: 2px;
+    border-radius: 1px;
+  }
+  .swatch.slot-1 {
+    background: var(--chart-1);
+  }
+  .swatch.slot-2 {
+    background: var(--chart-2);
+  }
+  .swatch.budget {
+    height: 0;
+    border-top: 1px dashed var(--nf-color-text-muted);
+  }
+  .plot {
+    position: relative;
+  }
+  svg {
+    display: block;
+  }
+  .grid {
+    stroke: var(--nf-color-border);
+    stroke-width: 1;
+  }
+  .axis {
+    fill: var(--nf-color-text-faint);
+    font-size: 10px;
+    font-variant-numeric: tabular-nums;
+  }
+  .budget {
+    stroke: var(--nf-color-text-muted);
+    stroke-width: 1;
+    stroke-dasharray: 4 3;
+  }
+  .line {
+    fill: none;
+    stroke-width: 2;
+    stroke-linejoin: round;
+    stroke-linecap: round;
+  }
+  .line.slot-1 {
+    stroke: var(--chart-1);
+  }
+  .line.slot-2 {
+    stroke: var(--chart-2);
+  }
+  .dot {
+    stroke: var(--nf-color-bg);
+    stroke-width: 2;
+  }
+  .dot.slot-1 {
+    fill: var(--chart-1);
+  }
+  .dot.slot-2 {
+    fill: var(--chart-2);
+  }
+  .mark {
+    fill: var(--nf-color-warning);
+  }
+  .crosshair {
+    stroke: var(--nf-color-text-faint);
+    stroke-width: 1;
+  }
+  .hit {
+    fill: transparent;
+    cursor: crosshair;
+  }
+  .hit:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+  }
+  .tooltip {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    margin-left: 8px;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border: 1px solid var(--nf-color-border-strong);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-raised);
+    color: var(--nf-color-text);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+    pointer-events: none;
+  }
+  .tooltip.left {
+    margin-left: -8px;
+    transform: translateX(-100%);
+  }
+  .tooltip .over {
+    color: var(--nf-color-text-muted);
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/chart/chart-scale.ts b/plugins/inspectors/src/widgets/chart/chart-scale.ts
new file mode 100644
index 00000000..3bcd8600
--- /dev/null
+++ b/plugins/inspectors/src/widgets/chart/chart-scale.ts
@@ -0,0 +1,41 @@
+/** A round number at or above a value, for the top of an axis: 1, 2, 5, 10, 20, 50… */
+export const niceMax = (value: number): number => {
+  if (!(value > 0)) return 1;
+  const power = 10 ** Math.floor(Math.log10(value));
+  const scaled = value / power;
+  const step = scaled <= 1 ? 1 : scaled <= 2 ? 2 : scaled <= 5 ? 5 : 10;
+  return step * power;
+};
+
+/** SVG path of a line through values spread evenly over a width (y grows down). */
+export const linePath = (
+  values: readonly number[],
+  width: number,
+  height: number,
+  max: number,
+  slots = values.length,
+): string => {
+  if (!values.length) return '';
+  const step = slots > 1 ? width / (slots - 1) : 0;
+  const offset = (slots - values.length) * step;
+  return values
+    .map((value, index) => {
+      const x = offset + index * step;
+      const y = height - (Math.min(Math.max(value, 0), max) / max) * height;
+      return `${index ? 'L' : 'M'}${x.toFixed(1)},${y.toFixed(1)}`;
+    })
+    .join('');
+};
+
+/** Index of the value under an x position, or undefined outside of the data. */
+export const indexAt = (
+  x: number,
+  width: number,
+  count: number,
+  slots = count,
+): number | undefined => {
+  if (!count || width <= 0) return undefined;
+  const step = slots > 1 ? width / (slots - 1) : width;
+  const index = Math.round(x / step) - (slots - count);
+  return index < 0 || index >= count ? undefined : index;
+};
diff --git a/plugins/inspectors/src/widgets/follow.svelte.ts b/plugins/inspectors/src/widgets/follow.svelte.ts
new file mode 100644
index 00000000..7caf9788
--- /dev/null
+++ b/plugins/inspectors/src/widgets/follow.svelte.ts
@@ -0,0 +1,62 @@
+import type { Disposable, Observable } from '@nanoforge-dev/editor-sdk';
+
+import type { GameSource, Inspector, Recorder } from '../recorder/recorder';
+
+/**
+ * What every inspector view needs: the engine feature while the view is on screen, a revision
+ * that follows the recorder (one update per frame at most), and the game being looked at.
+ */
+export const follow = (recorder: Recorder, inspector: Inspector, visible: Observable<boolean>) => {
+  let revision = $state(0);
+  let picked = $state<GameSource>();
+
+  $effect(() => {
+    let request: Disposable | undefined;
+    const stopWatching = visible.subscribe((shown) => {
+      if (shown) request ??= recorder.acquire(inspector);
+      else {
+        request?.dispose();
+        request = undefined;
+      }
+    });
+    let frame = 0;
+    const unsubscribe = recorder.revision.subscribe(() => {
+      if (frame) return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        revision++;
+      });
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      unsubscribe();
+      stopWatching();
+      request?.dispose();
+    };
+  });
+
+  return {
+    get revision() {
+      return revision;
+    },
+    get sources() {
+      void revision;
+      return recorder.sources;
+    },
+    /** The picked game, or the first one that reported something. */
+    get source(): GameSource | undefined {
+      void revision;
+      const sources = recorder.sources;
+      return picked && sources.includes(picked) ? picked : sources[0];
+    },
+    set source(value: GameSource | undefined) {
+      picked = value;
+    },
+    get record() {
+      void revision;
+      const source = this.source;
+      const record = source ? recorder.record(source) : undefined;
+      return record && { ...record };
+    },
+  };
+};
diff --git a/plugins/inspectors/src/widgets/network/NetworkView.svelte b/plugins/inspectors/src/widgets/network/NetworkView.svelte
new file mode 100644
index 00000000..497d6cd2
--- /dev/null
+++ b/plugins/inspectors/src/widgets/network/NetworkView.svelte
@@ -0,0 +1,288 @@
+<script lang="ts">
+  import { tick, untrack } from 'svelte';
+
+  import { EmptyState, Input, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import SourcePicker from '../SourcePicker.svelte';
+  import { follow } from '../follow.svelte';
+  import { formatBytes, hexDump, hexToBytes, readPacket } from '../../network/packets';
+  import type { Packet } from '../../recorder/recorder';
+  import { getRecorder } from '../../session/recorder-session';
+  import PacketDetail from './PacketDetail.svelte';
+  import ThroughputCharts from './ThroughputCharts.svelte';
+
+  type Choice<T extends string> = 'all' | T;
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const view = follow(getRecorder(), 'network', instance.visible);
+
+  let direction = $state<Choice<'in' | 'out'>>('all');
+  let transport = $state<Choice<'tcp' | 'udp'>>('all');
+  let query = $state('');
+  let selectedId = $state<number>();
+  let list = $state<HTMLElement>();
+  let stick = $state(true);
+
+  const record = $derived(view.record);
+  const packets = $derived(record?.packets ?? []);
+  const totals = $derived(record?.network ?? []);
+
+  /** Payload bytes the editor has, and how people read them (computed once per packet). */
+  const details = new WeakMap<
+    Packet,
+    { bytes: Uint8Array; read: ReturnType<typeof readPacket>; text: string; search: string }
+  >();
+  const detailOf = (packet: Packet) => {
+    let found = details.get(packet);
+    if (!found) {
+      const bytes = hexToBytes(packet.data ?? packet.head);
+      const read = readPacket(bytes, bytes.length >= packet.size);
+      const text = [read.name, read.decoded.kind === 'binary' ? '' : read.decoded.text]
+        .filter(Boolean)
+        .join(' ');
+      found = { bytes, read, text, search: text.toLowerCase().replace(/\s+/g, '') };
+      details.set(packet, found);
+    }
+    return found;
+  };
+
+  const needle = $derived(query.toLowerCase().replace(/\s+/g, ''));
+  const shown = $derived(
+    packets.filter(
+      (packet) =>
+        (direction === 'all' || packet.direction === direction) &&
+        (transport === 'all' || packet.transport === transport) &&
+        (!needle ||
+          detailOf(packet).search.includes(needle) ||
+          (packet.data ?? packet.head).includes(needle) ||
+          (packet.clientId ?? '').toLowerCase().includes(needle)),
+    ),
+  );
+  const selected = $derived(packets.find((packet) => packet.id === selectedId));
+  const selectedDetail = $derived.by(() => {
+    if (!selected) return undefined;
+    const { bytes, read } = detailOf(selected);
+    return {
+      bytes,
+      name: read.name,
+      decoded: read.decoded,
+      rows: hexDump(bytes),
+      missing: selected.size - bytes.length,
+    };
+  });
+
+  $effect(() => {
+    void shown;
+    if (untrack(() => stick)) void tick().then(() => list && (list.scrollTop = list.scrollHeight));
+  });
+  const onscroll = () => {
+    if (list) stick = list.scrollTop + list.clientHeight >= list.scrollHeight - 8;
+  };
+
+  const time = (value: number) => {
+    const date = new Date(value);
+    return `${date.toLocaleTimeString([], { hour12: false })}.${String(date.getMilliseconds()).padStart(3, '0')}`;
+  };
+  const preview = (packet: Packet) => {
+    const { text } = detailOf(packet);
+    return text ? text.replace(/\s+/g, ' ').slice(0, 80) : packet.head;
+  };
+</script>
+
+{#snippet choice(
+  label: string,
+  value: string,
+  options: readonly (readonly [string, string])[],
+  set: (value: string) => void,
+)}
+  <div class="choice" role="group" aria-label={label}>
+    {#each options as [id, text] (id)}
+      <button type="button" aria-pressed={value === id} onclick={() => set(id)}>{text}</button>
+    {/each}
+  </div>
+{/snippet}
+
+<div class="network">
+  {#if !record || (!packets.length && !totals.length)}
+    <EmptyState
+      icon="activity"
+      title="No packets yet"
+      description="Play a game that uses the network library: its packets appear here."
+    />
+  {:else}
+    <div class="toolbar">
+      <SourcePicker
+        sources={view.sources}
+        value={view.source ?? 'client'}
+        onchange={(source) => {
+          view.source = source;
+          selectedId = undefined;
+        }}
+      />
+      {@render choice(
+        'Direction',
+        direction,
+        [
+          ['all', 'All'],
+          ['in', 'In'],
+          ['out', 'Out'],
+        ],
+        (value) => (direction = value as typeof direction),
+      )}
+      {@render choice(
+        'Transport',
+        transport,
+        [
+          ['all', 'All'],
+          ['tcp', 'TCP'],
+          ['udp', 'UDP'],
+        ],
+        (value) => (transport = value as typeof transport),
+      )}
+      <Input bind:value={query} placeholder="Search payloads" aria-label="Search payloads" />
+      <span class="count" role="status">
+        {shown.length} of {packets.length} packets{record.untraced
+          ? `, ${record.untraced} more not listed`
+          : ''}
+      </span>
+    </div>
+    <ThroughputCharts {totals} />
+    <div class="body">
+      <div class="list" bind:this={list} {onscroll}>
+        <table aria-label="Packets">
+          <thead>
+            <tr>
+              <th>Time</th><th>Direction</th><th>Transport</th><th>Client</th><th>Size</th>
+              <th>Payload</th>
+            </tr>
+          </thead>
+          <tbody>
+            {#each shown as packet (packet.id)}
+              <tr
+                aria-selected={packet.id === selectedId}
+                tabindex="0"
+                onclick={() => (selectedId = packet.id)}
+                onkeydown={(event) => event.key === 'Enter' && (selectedId = packet.id)}
+              >
+                <td>{time(packet.time)}</td>
+                <td>{packet.direction === 'in' ? '← in' : '→ out'}</td>
+                <td>{packet.transport.toUpperCase()}</td>
+                <td>{packet.clientId ?? ''}</td>
+                <td class="size">{formatBytes(packet.size)}</td>
+                <td class="payload">{preview(packet)}</td>
+              </tr>
+            {/each}
+          </tbody>
+        </table>
+      </div>
+      <PacketDetail packet={selected} detail={selectedDetail} />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .network {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    flex-wrap: wrap;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 120px;
+  }
+  .choice {
+    display: inline-flex;
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    overflow: hidden;
+  }
+  .choice button {
+    height: 22px;
+    padding: 0 var(--nf-space-2);
+    border: 0;
+    background: none;
+    color: var(--nf-color-text-muted);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  .choice button[aria-pressed='true'] {
+    background: var(--nf-color-pressed);
+    color: var(--nf-color-text);
+  }
+  .choice button:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .count {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .body {
+    display: grid;
+    flex: 1;
+    grid-template-columns: minmax(0, 3fr) minmax(220px, 2fr);
+    min-height: 120px;
+    border-top: 1px solid var(--nf-color-border);
+  }
+  .list {
+    min-height: 0;
+    overflow: auto;
+  }
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+  }
+  th {
+    position: sticky;
+    top: 0;
+    background: var(--nf-color-bg);
+    color: var(--nf-color-text-faint);
+    font-family: var(--nf-font-ui, inherit);
+    font-weight: 400;
+  }
+  th,
+  td {
+    padding: 1px var(--nf-space-2);
+    text-align: left;
+    white-space: nowrap;
+  }
+  .size {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+  .payload {
+    max-width: 0;
+    width: 100%;
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    text-overflow: ellipsis;
+  }
+  tbody tr {
+    cursor: pointer;
+  }
+  tbody tr:hover {
+    background: var(--nf-color-hover);
+  }
+  tbody tr[aria-selected='true'] {
+    background: var(--nf-color-selection);
+    color: var(--nf-color-selection-text);
+  }
+  tbody tr:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/network/PacketDetail.svelte b/plugins/inspectors/src/widgets/network/PacketDetail.svelte
new file mode 100644
index 00000000..36b85d0d
--- /dev/null
+++ b/plugins/inspectors/src/widgets/network/PacketDetail.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+  import { type Decoded, formatBytes, type hexDump } from '../../network/packets';
+  import type { Packet } from '../../recorder/recorder';
+
+  interface Props {
+    packet: Packet | undefined;
+    /** The packet's payload as the editor has it, decoded and dumped. */
+    detail:
+      | {
+          bytes: Uint8Array;
+          /** The type name of a typed packet. */
+          name: string | undefined;
+          decoded: Decoded;
+          rows: ReturnType<typeof hexDump>;
+          missing: number;
+        }
+      | undefined;
+  }
+
+  const { packet, detail }: Props = $props();
+</script>
+
+<aside class="detail" aria-label="Packet detail">
+  {#if packet && detail}
+    <h3>
+      {packet.direction === 'in' ? 'Received' : 'Sent'} over {packet.transport.toUpperCase()},
+      {formatBytes(packet.size)}
+    </h3>
+    {#if detail.missing > 0}
+      <p class="note">
+        The first {detail.bytes.length} bytes: {detail.missing} more were not sent to the editor.
+      </p>
+    {/if}
+    {#if detail.name}
+      <p>Packet type <code aria-label="Packet type">{detail.name}</code></p>
+    {/if}
+    {#if detail.decoded.kind !== 'binary'}
+      <h4>Decoded ({detail.decoded.kind === 'json' ? 'JSON' : 'text'})</h4>
+      <pre aria-label="Decoded payload">{detail.decoded.text}</pre>
+    {/if}
+    <h4>Bytes</h4>
+    <div class="dump" role="group" aria-label="Payload bytes">
+      {#each detail.rows as row (row.offset)}
+        <div>
+          <span class="offset">{row.offset}</span>
+          <span>{row.hex.join(' ').padEnd(47)}</span>
+          <span class="ascii">{row.ascii}</span>
+        </div>
+      {/each}
+    </div>
+  {:else}
+    <p class="note">Select a packet to see its payload.</p>
+  {/if}
+</aside>
+
+<style>
+  .detail {
+    min-height: 0;
+    padding: var(--nf-space-2);
+    overflow: auto;
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .note {
+    margin: 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  h3,
+  h4 {
+    margin: 0 0 var(--nf-space-1);
+    font-size: var(--nf-font-size-sm);
+  }
+  h4 {
+    margin-top: var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+    font-weight: 400;
+  }
+  .dump div {
+    display: flex;
+    gap: 2ch;
+    white-space: pre;
+  }
+  pre,
+  .dump {
+    margin: 0;
+    padding: var(--nf-space-2);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+    overflow: auto;
+  }
+  .offset,
+  .ascii {
+    color: var(--nf-color-text-faint);
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/network/ThroughputCharts.svelte b/plugins/inspectors/src/widgets/network/ThroughputCharts.svelte
new file mode 100644
index 00000000..360cd324
--- /dev/null
+++ b/plugins/inspectors/src/widgets/network/ThroughputCharts.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { formatBytes } from '../../network/packets';
+  import { LIMITS, throughput } from '../../recorder/recorder';
+  import LineChart from '../chart/LineChart.svelte';
+
+  /** The network totals the engine reported, oldest first. */
+  const { totals }: { totals: readonly Parameters<typeof throughput>[0][] } = $props();
+
+  const rates = $derived(totals.map(throughput));
+  const times = $derived(totals.map((entry) => entry.time));
+</script>
+
+<div class="charts">
+  {#if totals.length}
+    <LineChart
+      label="Bytes per second"
+      height={72}
+      {times}
+      slots={LIMITS.network}
+      format={formatBytes}
+      series={[
+        { label: 'In', slot: 1, values: rates.map((rate) => rate.in.bytes) },
+        { label: 'Out', slot: 2, values: rates.map((rate) => rate.out.bytes) },
+      ]}
+    />
+    <LineChart
+      label="Packets per second"
+      height={72}
+      {times}
+      slots={LIMITS.network}
+      format={(value) => String(Math.round(value))}
+      series={[
+        { label: 'In', slot: 1, values: rates.map((rate) => rate.in.packets) },
+        { label: 'Out', slot: 2, values: rates.map((rate) => rate.out.packets) },
+      ]}
+    />
+  {:else}
+    <p class="note">This game's engine doesn't report network totals: no throughput charts.</p>
+  {/if}
+</div>
+
+<style>
+  .charts {
+    display: grid;
+    flex: none;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: var(--nf-space-3);
+    padding: var(--nf-space-2);
+  }
+  .note {
+    margin: 0;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/profiler/ProfilerView.svelte b/plugins/inspectors/src/widgets/profiler/ProfilerView.svelte
new file mode 100644
index 00000000..5fc5e052
--- /dev/null
+++ b/plugins/inspectors/src/widgets/profiler/ProfilerView.svelte
@@ -0,0 +1,249 @@
+<script lang="ts">
+  import { SettingsServiceToken } from '@nanoforge-dev/editor-sdk';
+  import { Button, EmptyState, Icon, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import LineChart from '../chart/LineChart.svelte';
+  import SourcePicker from '../SourcePicker.svelte';
+  import { follow } from '../follow.svelte';
+  import { type FrameSample, LIMITS, isSpike, libraryRows } from '../../recorder/recorder';
+  import { getRecorder } from '../../session/recorder-session';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const settings = instance.services.get(SettingsServiceToken);
+  // svelte-ignore state_referenced_locally
+  const view = follow(getRecorder(), 'profiler', instance.visible);
+  const budgetSetting = settings.observe<number>('@nanoforge/inspectors.tickBudgetMs');
+  const budget = $derived($budgetSetting ?? 16.7);
+
+  /** While paused, the charts keep the windows they had (the recorder goes on). */
+  let frozen = $state<readonly FrameSample[]>();
+  let pinned = $state<FrameSample>();
+  let hovered = $state<number>();
+
+  const frames = $derived(frozen ?? view.record?.frames ?? []);
+  const spikes = $derived(frames.map((sample) => isSpike(sample, budget)));
+  const spikeCount = $derived(spikes.filter(Boolean).length);
+  const latest = $derived(frames.at(-1));
+  const shown = $derived((hovered !== undefined ? frames[hovered] : undefined) ?? pinned ?? latest);
+  const pinnedIndex = $derived(pinned ? frames.indexOf(pinned) : -1);
+  const libraries = $derived(shown ? libraryRows(shown.stats) : []);
+
+  const pause = () => {
+    frozen = [...(view.record?.frames ?? [])];
+  };
+  const resume = () => {
+    frozen = undefined;
+    pinned = undefined;
+  };
+  const pin = (index: number) => {
+    if (!frozen) pause();
+    pinned = frames[index];
+  };
+
+  const ms = (value: number) => `${value < 10 ? value.toFixed(2) : value.toFixed(1)} ms`;
+  const time = (value: number) => new Date(value).toLocaleTimeString([], { hour12: false });
+</script>
+
+<div class="profiler">
+  {#if !frames.length}
+    <EmptyState
+      icon="activity"
+      title="No game is running"
+      description="Play the game: tick times, libraries and systems appear here."
+    />
+  {:else}
+    <div class="toolbar">
+      <SourcePicker
+        sources={view.sources}
+        value={view.source ?? 'client'}
+        onchange={(source) => {
+          view.source = source;
+          resume();
+        }}
+      />
+      <span class="stat"><strong>{Math.round(latest?.stats.tps ?? 0)}</strong> ticks/s</span>
+      <span class="stat"><strong>{ms(latest?.stats.tick.avg ?? 0)}</strong> average tick</span>
+      <span class="stat" class:over={spikeCount > 0}>
+        {#if spikeCount}<Icon name="triangle-alert" size={13} />{/if}
+        <strong>{spikeCount}</strong>
+        {spikeCount === 1 ? 'spike' : 'spikes'} over {ms(budget)}
+      </span>
+      <span class="grow"></span>
+      {#if frozen}
+        <span class="paused" role="status"
+          >Paused{pinned ? `, window of ${time(pinned.time)}` : ''}</span
+        >
+        <Button size="sm" icon="play" onclick={resume}>Resume</Button>
+      {:else}
+        <Button size="sm" icon="pause" onclick={pause}>Pause</Button>
+      {/if}
+    </div>
+    <div class="charts">
+      <LineChart
+        label="Tick time"
+        times={frames.map((sample) => sample.time)}
+        slots={LIMITS.frames}
+        format={(value) => `${value >= 10 ? Math.round(value) : value.toFixed(1)} ms`}
+        series={[
+          { label: 'Average', slot: 1, values: frames.map((sample) => sample.stats.tick.avg) },
+          { label: 'Slowest', slot: 2, values: frames.map((sample) => sample.stats.tick.max) },
+        ]}
+        budget={{ value: budget, label: `Budget ${ms(budget)}` }}
+        marks={spikes}
+        marksLabel="Over the budget"
+        selected={pinnedIndex >= 0 ? pinnedIndex : undefined}
+        onhover={(index) => (hovered = index)}
+        onpick={pin}
+      />
+      <LineChart
+        label="Ticks per second"
+        height={56}
+        times={frames.map((sample) => sample.time)}
+        slots={LIMITS.frames}
+        format={(value) => String(Math.round(value))}
+        series={[{ label: 'Ticks per second', slot: 1, values: frames.map((s) => s.stats.tps) }]}
+        selected={pinnedIndex >= 0 ? pinnedIndex : undefined}
+        onhover={(index) => (hovered = index)}
+        onpick={pin}
+      />
+    </div>
+    {#if shown}
+      <div class="tables">
+        <table aria-label="Libraries">
+          <caption>Libraries, window of {time(shown.time)}</caption>
+          <thead>
+            <tr><th>Library</th><th>Average</th><th>Slowest</th><th>Share of the tick</th></tr>
+          </thead>
+          <tbody>
+            {#each libraries as row (row.name)}
+              <tr>
+                <th scope="row">{row.name}</th>
+                <td>{ms(row.avg)}</td>
+                <td>{ms(row.max)}</td>
+                <td>
+                  <span class="bar" style:width={`${Math.round(row.share * 60)}px`}></span>
+                  {Math.round(row.share * 100)}%
+                </td>
+              </tr>
+            {/each}
+          </tbody>
+        </table>
+        <table aria-label="Systems">
+          <caption>Systems, in run order</caption>
+          <thead>
+            <tr><th>System</th><th>Average</th><th>Slowest</th><th>Calls</th></tr>
+          </thead>
+          <tbody>
+            {#each shown.systems?.systems ?? [] as system (system.index)}
+              <tr class:idle={!system.calls}>
+                <th scope="row">{system.name}</th>
+                <td>{ms(system.avg)}</td>
+                <td>{ms(system.max)}</td>
+                <td>{system.calls}</td>
+              </tr>
+            {:else}
+              <tr>
+                <td colspan="4" class="none">
+                  This game's engine doesn't report system timings (it needs an ECS library that
+                  does).
+                </td>
+              </tr>
+            {/each}
+          </tbody>
+        </table>
+      </div>
+    {/if}
+  {/if}
+</div>
+
+<style>
+  .profiler {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    overflow: auto;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    flex-wrap: wrap;
+    gap: var(--nf-space-3);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+    font-size: var(--nf-font-size-sm);
+  }
+  .stat {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    color: var(--nf-color-text-muted);
+  }
+  .stat strong {
+    color: var(--nf-color-text);
+    font-variant-numeric: tabular-nums;
+  }
+  .stat.over :global(svg) {
+    color: var(--nf-color-warning);
+  }
+  .grow {
+    flex: 1;
+  }
+  .paused {
+    color: var(--nf-color-text-muted);
+  }
+  .charts {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    gap: var(--nf-space-2);
+    padding: var(--nf-space-2);
+  }
+  .tables {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: var(--nf-space-4);
+    padding: 0 var(--nf-space-2) var(--nf-space-2);
+  }
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--nf-font-size-sm);
+  }
+  caption {
+    padding-bottom: var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    text-align: left;
+  }
+  th,
+  td {
+    padding: 2px var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+    text-align: right;
+    font-weight: 400;
+    font-variant-numeric: tabular-nums;
+  }
+  thead th {
+    color: var(--nf-color-text-faint);
+  }
+  th:first-child {
+    text-align: left;
+  }
+  tr.idle {
+    color: var(--nf-color-text-faint);
+  }
+  .none {
+    color: var(--nf-color-text-muted);
+    text-align: left;
+  }
+  .bar {
+    display: inline-block;
+    height: 6px;
+    margin-right: var(--nf-space-1);
+    border-radius: 0 3px 3px 0;
+    background: light-dark(#2a78d6, #3987e5);
+    vertical-align: middle;
+  }
+</style>
diff --git a/plugins/inspectors/src/widgets/world/WorldView.svelte b/plugins/inspectors/src/widgets/world/WorldView.svelte
new file mode 100644
index 00000000..81bf2b15
--- /dev/null
+++ b/plugins/inspectors/src/widgets/world/WorldView.svelte
@@ -0,0 +1,144 @@
+<script lang="ts">
+  import { EmptyState, Icon, Input, type WidgetInstance } from '@nanoforge-dev/editor-sdk/ui';
+
+  import JsonTree from '../JsonTree.svelte';
+  import SourcePicker from '../SourcePicker.svelte';
+  import { follow } from '../follow.svelte';
+  import { getRecorder } from '../../session/recorder-session';
+  import { filterEntities } from '../../world/world-query';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const view = follow(getRecorder(), 'world', instance.visible);
+  let query = $state('');
+  let open = $state<readonly number[]>([]);
+
+  const world = $derived(view.record?.world);
+  const entities = $derived(world ? filterEntities(world.entities, query) : []);
+  const toggle = (id: number) => {
+    open = open.includes(id) ? open.filter((other) => other !== id) : [...open, id];
+  };
+</script>
+
+<div class="world">
+  {#if !world}
+    <EmptyState
+      icon="list-tree"
+      title="No game is running"
+      description="Play the game: its entities and their components appear here."
+    />
+  {:else}
+    <div class="toolbar">
+      <SourcePicker
+        sources={view.sources}
+        value={view.source ?? 'client'}
+        onchange={(source) => (view.source = source)}
+      />
+      <Input
+        bind:value={query}
+        aria-label="World query"
+        placeholder="Position   Position.x > 100   #12   &quot;text&quot;"
+      />
+      <span class="count" role="status"
+        >{entities.length} of {world.entities.length}
+        {world.entities.length === 1 ? 'entity' : 'entities'}</span
+      >
+    </div>
+    <ul class="entities" aria-label="Entities of the running world">
+      {#each entities as entity (entity.id)}
+        {@const expanded = open.includes(entity.id)}
+        <li aria-label={`Entity ${entity.id}`}>
+          <button type="button" aria-expanded={expanded} onclick={() => toggle(entity.id)}>
+            <Icon name={expanded ? 'chevron-down' : 'chevron-right'} size={12} />
+            <span class="id">#{entity.id}</span>
+            <span class="names"
+              >{entity.components.map((c) => c.name).join(', ') || 'no component'}</span
+            >
+          </button>
+          {#if expanded}
+            <div class="components">
+              {#each entity.components as component (component.name)}
+                <JsonTree name={component.name} value={component.value} />
+              {/each}
+            </div>
+          {/if}
+        </li>
+      {:else}
+        <li class="none">No entity matches the query.</li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  .world {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .toolbar :global(input) {
+    flex: 1;
+    min-width: 0;
+  }
+  .count {
+    flex: none;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .entities {
+    flex: 1;
+    min-height: 0;
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    overflow: auto;
+    list-style: none;
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+  }
+  li > button {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    width: 100%;
+    padding: 1px 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  li > button:hover {
+    background: var(--nf-color-hover);
+  }
+  li > button:focus-visible {
+    outline: 1px solid var(--nf-color-focus);
+    outline-offset: -1px;
+  }
+  .id {
+    color: var(--nf-color-accent);
+  }
+  .names {
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .components {
+    padding-left: var(--nf-space-4);
+  }
+  .none {
+    padding: var(--nf-space-2) 0;
+    color: var(--nf-color-text-muted);
+    font-family: inherit;
+  }
+</style>
diff --git a/plugins/inspectors/src/world/world-query.ts b/plugins/inspectors/src/world/world-query.ts
new file mode 100644
index 00000000..77ce1844
--- /dev/null
+++ b/plugins/inspectors/src/world/world-query.ts
@@ -0,0 +1,111 @@
+import type { EngineWorld, EngineWorldValue } from '@nanoforge-dev/editor-sdk';
+
+export type WorldEntity = EngineWorld['entities'][number];
+
+type Operator = '=' | '!=' | '>' | '>=' | '<' | '<=';
+
+export type QueryTerm =
+  | { readonly kind: 'id'; readonly id: number }
+  | { readonly kind: 'text'; readonly text: string }
+  | {
+      readonly kind: 'field';
+      /** Undefined: a field of any component. */
+      readonly component?: string;
+      readonly field?: string;
+      readonly compare?: { readonly operator: Operator; readonly value: string };
+    };
+
+const TERM =
+  /#(\d+)|"([^"]*)"|([A-Za-z_$][\w$]*)(?:\.([A-Za-z_$][\w$]*))?(?:\s*(!=|>=|<=|=|>|<)\s*("[^"]*"|[^\s"]+))?/g;
+
+/**
+ * Terms of a world query, all of which an entity must match:
+ * `#12`, `"text"`, `Position`, `Position.x`, `Position.x > 100`, `x > 100`.
+ * A single name is a component name, or a field of any component.
+ */
+export const parseQuery = (query: string): QueryTerm[] => {
+  const terms: QueryTerm[] = [];
+  for (const match of query.matchAll(TERM)) {
+    const [, id, text, first, second, operator, raw] = match;
+    if (id !== undefined) terms.push({ kind: 'id', id: Number(id) });
+    else if (text !== undefined) {
+      if (text) terms.push({ kind: 'text', text: text.toLowerCase() });
+    } else if (first) {
+      const compare = operator
+        ? { operator: operator as Operator, value: raw!.replace(/^"|"$/g, '') }
+        : undefined;
+      terms.push({
+        kind: 'field',
+        ...(second ? { component: first, field: second } : { field: first }),
+        ...(compare && { compare }),
+      });
+    }
+  }
+  return terms;
+};
+
+const compareValues = (actual: EngineWorldValue, operator: Operator, expected: string): boolean => {
+  if (actual === null || typeof actual === 'object') return false;
+  const number = Number(expected);
+  const numeric = typeof actual === 'number' && expected.trim() !== '' && !Number.isNaN(number);
+  const [a, b] = numeric ? [actual, number] : [String(actual), expected];
+  switch (operator) {
+    case '=':
+      return a === b;
+    case '!=':
+      return a !== b;
+    case '>':
+      return a > b;
+    case '>=':
+      return a >= b;
+    case '<':
+      return a < b;
+    case '<=':
+      return a <= b;
+  }
+};
+
+const contains = (value: EngineWorldValue, text: string): boolean => {
+  if (value === null) return false;
+  if (typeof value !== 'object') return String(value).toLowerCase().includes(text);
+  if (Array.isArray(value)) return value.some((item) => contains(item, text));
+  return Object.entries(value).some(
+    ([key, item]) => key.toLowerCase().includes(text) || contains(item, text),
+  );
+};
+
+const matchesTerm = (entity: WorldEntity, term: QueryTerm): boolean => {
+  switch (term.kind) {
+    case 'id':
+      return entity.id === term.id;
+    case 'text':
+      return entity.components.some(
+        (component) =>
+          component.name.toLowerCase().includes(term.text) || contains(component.value, term.text),
+      );
+    case 'field': {
+      const { component, field, compare } = term;
+      const lower = (text: string) => text.toLowerCase();
+      if (component === undefined && field !== undefined && !compare) {
+        return entity.components.some(
+          (candidate) => lower(candidate.name).includes(lower(field)) || field in candidate.value,
+        );
+      }
+      return entity.components.some((candidate) => {
+        if (component !== undefined && lower(candidate.name) !== lower(component)) return false;
+        if (field === undefined || !(field in candidate.value)) return false;
+        return compare
+          ? compareValues(candidate.value[field]!, compare.operator, compare.value)
+          : true;
+      });
+    }
+  }
+};
+
+/** Entities matching every term of the query (all of them when it is empty). */
+export const filterEntities = (entities: readonly WorldEntity[], query: string): WorldEntity[] => {
+  const terms = parseQuery(query);
+  return terms.length
+    ? entities.filter((entity) => terms.every((term) => matchesTerm(entity, term)))
+    : [...entities];
+};
diff --git a/plugins/inspectors/svelte.config.js b/plugins/inspectors/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/inspectors/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/inspectors/test/network/packets.spec.ts b/plugins/inspectors/test/network/packets.spec.ts
new file mode 100644
index 00000000..25ecf999
--- /dev/null
+++ b/plugins/inspectors/test/network/packets.spec.ts
@@ -0,0 +1,84 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+  decodePayload,
+  formatBytes,
+  hexDump,
+  hexToBytes,
+  readPacket,
+} from '../../src/network/packets';
+
+const bytesOf = (text: string) => new TextEncoder().encode(text);
+
+describe('packets', () => {
+  it('reads hex', () => {
+    expect([...hexToBytes('00ff10')]).toEqual([0, 255, 16]);
+    expect([...hexToBytes('0a1')]).toEqual([10]);
+    expect([...hexToBytes('0azz')]).toEqual([10]);
+  });
+
+  it('decodes JSON, text and binary payloads', () => {
+    expect(decodePayload(bytesOf('{"type":"play","n":1}'))).toEqual({
+      kind: 'json',
+      text: '{\n  "type": "play",\n  "n": 1\n}',
+    });
+    expect(decodePayload(bytesOf('hello é'))).toEqual({ kind: 'text', text: 'hello é' });
+    expect(decodePayload(bytesOf('42'))).toEqual({ kind: 'text', text: '42' });
+    expect(decodePayload(new Uint8Array([0, 1, 2, 255]))).toEqual({ kind: 'binary' });
+    expect(decodePayload(new Uint8Array([0xff, 0xfe]))).toEqual({ kind: 'binary' });
+    expect(decodePayload(new Uint8Array())).toEqual({ kind: 'binary' });
+  });
+
+  it('shows a cut payload as text, even cut inside a character', () => {
+    expect(decodePayload(bytesOf('{"type":"pl'), false)).toEqual({
+      kind: 'text',
+      text: '{"type":"pl',
+    });
+    const cut = bytesOf('abé').subarray(0, 3);
+    expect(decodePayload(cut, false)).toEqual({ kind: 'text', text: 'ab' });
+    expect(decodePayload(cut, true)).toEqual({ kind: 'binary' });
+  });
+
+  it('reads the type name of typed packets, and older packets as they are', () => {
+    const framed = (name: string, payload: string) =>
+      new Uint8Array([name.length, ...bytesOf(name), ...bytesOf(payload)]);
+    expect(readPacket(framed('assignId', '{"id":0}'))).toEqual({
+      name: 'assignId',
+      decoded: { kind: 'json', text: '{\n  "id": 0\n}' },
+    });
+    expect(readPacket(framed('play', ''))).toEqual({ name: 'play', decoded: { kind: 'binary' } });
+    expect(readPacket(framed('', 'hello'))).toEqual({ decoded: { kind: 'text', text: 'hello' } });
+    expect(readPacket(framed('move', '{"x":1'), false)).toEqual({
+      name: 'move',
+      decoded: { kind: 'text', text: '{"x":1' },
+    });
+    expect(readPacket(bytesOf('{"type":"play"}'))).toEqual({
+      decoded: { kind: 'json', text: '{\n  "type": "play"\n}' },
+    });
+    expect(readPacket(framed('playerMove', '{"x":1}'))).toMatchObject({ name: 'playerMove' });
+    expect(readPacket(framed('spawnEntity!', '{}'))).toMatchObject({ name: 'spawnEntity!' });
+    expect(readPacket(framed('x'.repeat(40), '1'))).toMatchObject({ name: 'x'.repeat(40) });
+    const cut = `{"type":"state","items":[${'1,'.repeat(70)}`;
+    expect(readPacket(bytesOf(cut), false)).toEqual({ decoded: { kind: 'text', text: cut } });
+    expect(readPacket(new Uint8Array([9, 1, 2]))).toEqual({ decoded: { kind: 'binary' } });
+    expect(readPacket(new Uint8Array([2, 1, 2, 3]))).toEqual({ decoded: { kind: 'binary' } });
+  });
+
+  it('dumps bytes in rows with offsets and printable characters', () => {
+    const rows = hexDump(bytesOf('Hello, NanoForge!\n'));
+    expect(rows).toEqual([
+      {
+        offset: '0000',
+        hex: '48 65 6c 6c 6f 2c 20 4e 61 6e 6f 46 6f 72 67 65'.split(' '),
+        ascii: 'Hello, NanoForge',
+      },
+      { offset: '0010', hex: ['21', '0a'], ascii: '!.' },
+    ]);
+  });
+
+  it('formats sizes', () => {
+    expect(formatBytes(512)).toBe('512 B');
+    expect(formatBytes(1500)).toBe('1.5 kB');
+    expect(formatBytes(2_000_000)).toBe('2.0 MB');
+  });
+});
diff --git a/plugins/inspectors/test/recorder/recorder.spec.ts b/plugins/inspectors/test/recorder/recorder.spec.ts
new file mode 100644
index 00000000..1b7cadf6
--- /dev/null
+++ b/plugins/inspectors/test/recorder/recorder.spec.ts
@@ -0,0 +1,170 @@
+import { describe, expect, it } from 'vitest';
+
+import type { EngineFeatures, GameEvent } from '@nanoforge-dev/editor-sdk';
+
+import {
+  FEATURES,
+  LIMITS,
+  Recorder,
+  isSpike,
+  libraryRows,
+  throughput,
+} from '../../src/recorder/recorder';
+
+const frame = (avg: number, max = avg) => ({
+  windowMs: 250,
+  ticks: 15,
+  tps: 60,
+  tick: { avg, max },
+  libraries: { ecs: { avg: avg / 2, max }, graphics: { avg: avg / 4, max: avg } },
+});
+const event = (source: 'client' | 'server', name: string, payload: unknown): GameEvent => ({
+  source,
+  app: `apps/${source}`,
+  event: name,
+  args: [payload],
+});
+const totals = (packets: number, bytes: number) => ({ packets, bytes });
+
+const fakeRuntime = () => {
+  const requests = new Set<EngineFeatures>();
+  let listener: ((event: GameEvent) => void) | undefined;
+  return {
+    requests,
+    emit: (value: GameEvent) => listener?.(value),
+    runtime: {
+      onEvent: (next: (event: GameEvent) => void) => {
+        listener = next;
+        return { dispose: () => (listener = undefined) };
+      },
+      useFeatures: (features: EngineFeatures) => {
+        requests.add(features);
+        return { dispose: () => void requests.delete(features) };
+      },
+    },
+  };
+};
+
+describe('Recorder', () => {
+  it('keeps frame windows per game, with the system timings of the window', () => {
+    let now = 1000;
+    const recorder = new Recorder(() => now);
+    recorder.acquire('profiler');
+    const systems = {
+      windowMs: 250,
+      systems: [{ index: 0, name: 'move', calls: 15, avg: 1, max: 2 }],
+    };
+    recorder.handle(event('client', 'ecs-system-stats', systems));
+    recorder.handle(event('client', 'frame-stats', frame(4)));
+    now = 1250;
+    recorder.handle(event('client', 'frame-stats', frame(5)));
+    recorder.handle(event('server', 'frame-stats', frame(1)));
+    expect(recorder.sources).toEqual(['client', 'server']);
+    expect(recorder.record('client')!.frames).toEqual([
+      { time: 1000, stats: frame(4), systems },
+      { time: 1250, stats: frame(5), systems },
+    ]);
+    expect(recorder.record('server')!.frames[0]!.systems).toBeUndefined();
+  });
+
+  it('keeps the last windows and packets only', () => {
+    const recorder = new Recorder();
+    recorder.handle(event('client', 'frame-stats', frame(99)));
+    expect(recorder.record('client')).toBeUndefined();
+    const shown = recorder.acquire('profiler');
+    for (let index = 0; index < LIMITS.frames + 5; index++)
+      recorder.handle(event('client', 'frame-stats', frame(index)));
+    const frames = recorder.record('client')!.frames;
+    expect(frames).toHaveLength(LIMITS.frames);
+    expect(frames[0]!.stats.tick.avg).toBe(5);
+    shown.dispose();
+    recorder.handle(event('client', 'frame-stats', frame(99)));
+    expect(recorder.record('client')!.frames).toHaveLength(LIMITS.frames);
+  });
+
+  it('records packets, totals and what the engine left out, and the world', () => {
+    const recorder = new Recorder();
+    let revisions = 0;
+    recorder.revision.subscribe(() => revisions++);
+    const packet = { direction: 'in', transport: 'tcp', size: 3, head: '010203', time: 5 };
+    recorder.handle(event('server', 'network-trace', packet));
+    recorder.handle(event('server', 'network-trace', packet));
+    const stats = {
+      windowMs: 1000,
+      time: 9,
+      tcp: { in: totals(10, 300), out: totals(0, 0) },
+      udp: { in: totals(5, 200), out: totals(20, 1000) },
+      untraced: 13,
+    };
+    recorder.handle(event('server', 'network-stats', stats));
+    recorder.handle(event('server', 'network-stats', stats));
+    recorder.handle(event('server', 'ecs-world', { entities: [], systems: [] }));
+    recorder.handle(event('server', 'state', 'running'));
+    const record = recorder.record('server')!;
+    expect(record.packets.map((entry) => entry.id)).toEqual([0, 1]);
+    expect(record.untraced).toBe(26);
+    expect(record.world).toEqual({ entities: [], systems: [] });
+    expect(throughput(stats)).toEqual({
+      in: { bytes: 500, packets: 15 },
+      out: { bytes: 1000, packets: 20 },
+    });
+    expect(revisions).toBe(6);
+    recorder.reset();
+    expect(recorder.sources).toEqual([]);
+  });
+
+  it('starts from the world a paused game already sent', () => {
+    const { runtime } = fakeRuntime();
+    const world = { entities: [{ id: 1, components: [] }], systems: [] };
+    const recorder = new Recorder();
+    recorder.setRuntime({ ...runtime, lastWorlds: () => [event('server', 'ecs-world', world)] });
+    expect(recorder.sources).toEqual(['server']);
+    expect(recorder.record('server')!.world).toEqual(world);
+  });
+
+  it('asks the engine for an inspector only while something shows it', () => {
+    const { runtime, requests, emit } = fakeRuntime();
+    const recorder = new Recorder();
+    const first = recorder.acquire('profiler');
+    expect(requests.size).toBe(0);
+    recorder.setRuntime(runtime);
+    expect([...requests]).toEqual([FEATURES.profiler]);
+    const second = recorder.acquire('profiler');
+    const network = recorder.acquire('network');
+    expect(requests.size).toBe(2);
+    first.dispose();
+    first.dispose();
+    expect(requests.size).toBe(2);
+    second.dispose();
+    expect([...requests]).toEqual([FEATURES.network]);
+    emit(
+      event('client', 'network-trace', {
+        direction: 'in',
+        transport: 'tcp',
+        size: 1,
+        head: '01',
+        time: 1,
+      }),
+    );
+    expect(recorder.record('client')!.packets).toHaveLength(1);
+    const other = fakeRuntime();
+    recorder.setRuntime(other.runtime);
+    expect(requests.size).toBe(0);
+    expect([...other.requests]).toEqual([FEATURES.network]);
+    network.dispose();
+    expect(other.requests.size).toBe(0);
+  });
+});
+
+describe('profiler numbers', () => {
+  it('marks windows over the budget and ranks libraries', () => {
+    const sample = { time: 0, stats: frame(8, 20) };
+    expect(isSpike(sample, 16.7)).toBe(true);
+    expect(isSpike(sample, 25)).toBe(false);
+    expect(libraryRows(sample.stats)).toEqual([
+      { name: 'ecs', avg: 4, max: 20, share: 0.5 },
+      { name: 'graphics', avg: 2, max: 8, share: 0.25 },
+    ]);
+    expect(libraryRows(frame(0))[0]!.share).toBe(0);
+  });
+});
diff --git a/plugins/inspectors/test/widgets/chart/chart-scale.spec.ts b/plugins/inspectors/test/widgets/chart/chart-scale.spec.ts
new file mode 100644
index 00000000..9976b503
--- /dev/null
+++ b/plugins/inspectors/test/widgets/chart/chart-scale.spec.ts
@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest';
+
+import { indexAt, linePath, niceMax } from '../../../src/widgets/chart/chart-scale';
+
+describe('chart math', () => {
+  it('rounds the top of an axis up', () => {
+    expect([0, 0.3, 1, 1.2, 4, 16.7, 60, 730].map(niceMax)).toEqual([
+      1, 0.5, 1, 2, 5, 20, 100, 1000,
+    ]);
+  });
+
+  it('draws a line right-aligned while the history fills up', () => {
+    expect(linePath([0, 5, 10], 100, 50, 10)).toBe('M0.0,50.0L50.0,25.0L100.0,0.0');
+    expect(linePath([10], 100, 50, 10, 5)).toBe('M100.0,0.0');
+    expect(linePath([0, 20], 100, 50, 10, 5)).toBe('M75.0,50.0L100.0,0.0');
+    expect(linePath([], 100, 50, 10)).toBe('');
+  });
+
+  it('finds the value under the pointer', () => {
+    expect(indexAt(0, 100, 3)).toBe(0);
+    expect(indexAt(60, 100, 3)).toBe(1);
+    expect(indexAt(100, 100, 3)).toBe(2);
+    expect(indexAt(100, 100, 2, 5)).toBe(1);
+    expect(indexAt(10, 100, 2, 5)).toBeUndefined();
+    expect(indexAt(10, 100, 0)).toBeUndefined();
+  });
+});
diff --git a/plugins/inspectors/test/world/world-query.spec.ts b/plugins/inspectors/test/world/world-query.spec.ts
new file mode 100644
index 00000000..268823a0
--- /dev/null
+++ b/plugins/inspectors/test/world/world-query.spec.ts
@@ -0,0 +1,71 @@
+import { describe, expect, it } from 'vitest';
+
+import { filterEntities, parseQuery } from '../../src/world/world-query';
+
+const WORLD = [
+  {
+    id: 1,
+    components: [
+      { name: 'Position', value: { x: 120, y: 4 } },
+      { name: 'Controller', value: { side: 'left' } },
+    ],
+  },
+  {
+    id: 2,
+    components: [
+      { name: 'Position', value: { x: 10, y: 4 } },
+      { name: 'Velocity', value: { x: 3, y: 0 } },
+      { name: 'Shape', value: { shape: { $class: 'Circle', radius: 8 } } },
+    ],
+  },
+  { id: 12, components: [] },
+];
+const ids = (query: string) => filterEntities(WORLD, query).map((entity) => entity.id);
+
+describe('world query', () => {
+  it('parses terms', () => {
+    expect(parseQuery('#12 Position.x >= 100 "left" speed')).toEqual([
+      { kind: 'id', id: 12 },
+      {
+        kind: 'field',
+        component: 'Position',
+        field: 'x',
+        compare: { operator: '>=', value: '100' },
+      },
+      { kind: 'text', text: 'left' },
+      { kind: 'field', field: 'speed' },
+    ]);
+    expect(parseQuery('side = "left"')).toEqual([
+      { kind: 'field', field: 'side', compare: { operator: '=', value: 'left' } },
+    ]);
+    expect(parseQuery('   ')).toEqual([]);
+  });
+
+  it('matches components, fields and ids', () => {
+    expect(ids('')).toEqual([1, 2, 12]);
+    expect(ids('Velocity')).toEqual([2]);
+    expect(ids('veloc')).toEqual([2]);
+    expect(ids('Position.x')).toEqual([1, 2]);
+    expect(ids('Position.z')).toEqual([]);
+    expect(ids('side')).toEqual([1]);
+    expect(ids('#12')).toEqual([12]);
+  });
+
+  it('compares values, numbers as numbers', () => {
+    expect(ids('Position.x > 100')).toEqual([1]);
+    expect(ids('Position.x<=10')).toEqual([2]);
+    expect(ids('x = 3')).toEqual([2]);
+    expect(ids('x > 5')).toEqual([1, 2]);
+    expect(ids('side = left')).toEqual([1]);
+    expect(ids('side != left')).toEqual([]);
+    expect(ids('Shape.shape = Circle')).toEqual([]);
+  });
+
+  it('needs every term, and searches quoted text everywhere', () => {
+    expect(ids('Position Velocity')).toEqual([2]);
+    expect(ids('Position.x > 5 Controller')).toEqual([1]);
+    expect(ids('"circle"')).toEqual([2]);
+    expect(ids('"radius"')).toEqual([2]);
+    expect(ids('"120"')).toEqual([1]);
+  });
+});
diff --git a/plugins/inspectors/tsconfig.json b/plugins/inspectors/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/inspectors/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/inspectors/vite.config.ts b/plugins/inspectors/vite.config.ts
new file mode 100644
index 00000000..f7899c29
--- /dev/null
+++ b/plugins/inspectors/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'inspectors' },
+  },
+});
diff --git a/plugins/packages/.prettierignore b/plugins/packages/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/packages/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/packages/LICENSE b/plugins/packages/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/packages/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/packages/README.md b/plugins/packages/README.md
new file mode 100644
index 00000000..3b992042
--- /dev/null
+++ b/plugins/packages/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/packages"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fpackages" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-packages` is an internal package of the NanoForge Editor.
+
+Built-in Packages dialog: browse the registry, install and update the project's packages.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/packages
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/packages/nanoforge.manifest.json b/plugins/packages/nanoforge.manifest.json
new file mode 100644
index 00000000..937ab37c
--- /dev/null
+++ b/plugins/packages/nanoforge.manifest.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/packages",
+  "version": "0.1.0",
+  "displayName": "Packages",
+  "description": "The Packages dialog: browse the registry, install, update and remove the packages of the project.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onCommand:packages.open"],
+  "contributes": {
+    "commands": [{ "id": "packages.open", "title": "Packages…", "category": "File" }],
+    "menus": [{ "menu": "file", "command": "packages.open", "group": "z-settings" }]
+  }
+}
diff --git a/plugins/packages/package.json b/plugins/packages/package.json
new file mode 100644
index 00000000..ae54db95
--- /dev/null
+++ b/plugins/packages/package.json
@@ -0,0 +1,63 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-packages",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in Packages dialog: browse the registry, install and update the project's packages",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/packages"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/packages/src/dialogs/packages/BrowseTab.svelte b/plugins/packages/src/dialogs/packages/BrowseTab.svelte
new file mode 100644
index 00000000..869eeb71
--- /dev/null
+++ b/plugins/packages/src/dialogs/packages/BrowseTab.svelte
@@ -0,0 +1,208 @@
+<script lang="ts">
+  import { Button, EmptyState, Input } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { PackagesDialogState } from './packages-dialog-state.svelte';
+
+  const { packages }: { packages: PackagesDialogState } = $props();
+</script>
+
+<div class="market">
+  <div class="results">
+    <Input bind:value={packages.query} placeholder="Search packages" aria-label="Search packages" />
+    {#if packages.unavailable}
+      <EmptyState icon="box" title="Registry not available" description={packages.unavailable}>
+        {#snippet actions()}
+          <Button size="sm" onclick={() => void packages.search(packages.query)}>Try again</Button>
+        {/snippet}
+      </EmptyState>
+    {:else if !packages.results.length}
+      <EmptyState
+        icon="box"
+        title={packages.searching
+          ? 'Searching…'
+          : packages.query.trim()
+            ? 'No package matches'
+            : 'No packages yet'}
+      />
+    {:else}
+      <ul aria-label="Registry packages">
+        {#each packages.results as item (item.name)}
+          {@const mine = packages.installedOf(item.name)}
+          <li class:selected={item.name === packages.selected}>
+            <button
+              type="button"
+              class="pick"
+              aria-current={item.name === packages.selected}
+              onclick={() => (packages.selected = item.name)}
+            >
+              <span class="name">{item.name}</span>
+              <span class="meta">
+                {item.version}{item.author ? ` · ${item.author}` : ''}{mine
+                  ? ` · ${mine.version} installed`
+                  : ''}
+              </span>
+              {#if item.description}<span class="description">{item.description}</span>{/if}
+            </button>
+          </li>
+        {/each}
+      </ul>
+      {#if packages.total > packages.results.length}
+        <p class="hint">{packages.results.length} of {packages.total} shown: search to narrow.</p>
+      {/if}
+    {/if}
+  </div>
+  <div class="details" aria-label="Package details">
+    {#if packages.details && packages.details.name === packages.selected}
+      {@const details = packages.details}
+      {@const mine = packages.installedOf(details.name)}
+      {@const dependencies = Object.entries(details.versions[0]?.dependencies ?? {})}
+      {@const suggested = Object.keys(details.versions[0]?.suggestedPlugins ?? {})}
+      {@const kinds = Object.entries(details.kinds)}
+      <div class="title">
+        <div class="text">
+          <span class="name">{details.name}</span>
+          <span class="meta">
+            {details.author || 'Unknown author'} · latest {details.version}
+          </span>
+        </div>
+        {#if packages.busy === details.name}
+          <Button size="sm" disabled>Working…</Button>
+        {:else if mine}
+          <span class="state">{mine.version} installed</span>
+        {:else}
+          <Button
+            size="sm"
+            variant="primary"
+            disabled={!!packages.busy || !!packages.readOnly || !packages.project}
+            aria-label={`Install ${details.name}`}
+            onclick={() => void packages.install(details.name)}>Install</Button
+          >
+        {/if}
+      </div>
+      {#if details.description}<p>{details.description}</p>{/if}
+      {#if kinds.length}
+        <h3>Holds</h3>
+        <ul class="plain" aria-label="Contents">
+          {#each kinds as [kind, count] (kind)}
+            {@const [owner, short] = kind.includes(':') ? kind.split(':') : ['', kind]}
+            <li>
+              <span>{count} {short}</span>
+              {#if owner}<span class="meta">{owner}</span>{/if}
+            </li>
+          {/each}
+        </ul>
+      {/if}
+      {#if suggested.length}
+        <h3>Works best with</h3>
+        <ul class="plain" aria-label="Suggested plugins">
+          {#each suggested as name (name)}
+            <li><span>{name}</span></li>
+          {/each}
+        </ul>
+        <p class="hint">Editor plugins: the editor offers the missing ones once it is installed.</p>
+      {/if}
+      <h3>Depends on</h3>
+      {#if dependencies.length}
+        <ul class="plain" aria-label="Dependencies">
+          {#each dependencies as [name, range] (name)}
+            <li><span>{name}</span> <span class="meta">{range}</span></li>
+          {/each}
+        </ul>
+        <p class="hint">Installed next to it in nf_modules.</p>
+      {:else}
+        <p class="hint">No other package.</p>
+      {/if}
+      {#if details.readme}<pre class="readme">{details.readme}</pre>{/if}
+    {:else if !packages.unavailable && packages.results.length}
+      <EmptyState icon="box" title={packages.selected ? 'Loading…' : 'Select a package'} />
+    {/if}
+  </div>
+</div>
+
+<style>
+  h3 {
+    margin: var(--nf-space-3) 0 var(--nf-space-1);
+    font-size: inherit;
+  }
+  .hint {
+    margin: 0 0 var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .market {
+    display: grid;
+    flex: 1;
+    grid-template-columns: minmax(240px, 2fr) 3fr;
+    gap: var(--nf-space-3);
+    min-height: 0;
+  }
+  .results,
+  .details {
+    min-height: 0;
+    overflow: auto;
+  }
+  .results {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-2);
+  }
+  .details {
+    padding-left: var(--nf-space-3);
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .pick {
+    display: grid;
+    gap: 2px;
+    width: 100%;
+    padding: var(--nf-space-2);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .pick:hover {
+    background: var(--nf-color-hover);
+  }
+  .selected .pick {
+    background: var(--nf-color-selection);
+  }
+  .title {
+    display: flex;
+    gap: var(--nf-space-3);
+    align-items: center;
+    justify-content: space-between;
+  }
+  .text {
+    display: grid;
+    gap: 2px;
+    min-width: 0;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .meta,
+  .description,
+  .state {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .state {
+    white-space: nowrap;
+  }
+  .plain li {
+    padding: 2px 0;
+  }
+  .readme {
+    margin: var(--nf-space-3) 0 0;
+    font: inherit;
+    white-space: pre-wrap;
+  }
+</style>
diff --git a/plugins/packages/src/dialogs/packages/InstalledTab.svelte b/plugins/packages/src/dialogs/packages/InstalledTab.svelte
new file mode 100644
index 00000000..26c013ea
--- /dev/null
+++ b/plugins/packages/src/dialogs/packages/InstalledTab.svelte
@@ -0,0 +1,99 @@
+<script lang="ts">
+  import { Button, EmptyState } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { reasonOf, updateChoices } from '../../model/installed-package';
+  import type { PackagesDialogState } from './packages-dialog-state.svelte';
+
+  interface Props {
+    packages: PackagesDialogState;
+    /** Shows the Browse tab. */
+    onbrowse: () => void;
+  }
+
+  const { packages, onbrowse }: Props = $props();
+</script>
+
+<div class="installed">
+  {#if !packages.installed.length}
+    <EmptyState
+      icon="box"
+      title="No packages in this project"
+      description="Packages bring components, systems and assets, read-only in nf_modules."
+    >
+      {#snippet actions()}
+        <Button size="sm" onclick={onbrowse}>Browse packages</Button>
+      {/snippet}
+    </EmptyState>
+  {:else}
+    <ul aria-label="Installed packages">
+      {#each packages.installed as entry (entry.name)}
+        <li class="row">
+          <div class="text">
+            <span class="name">{entry.name}</span>
+            <span class="meta">
+              {entry.version} · {reasonOf(entry)}{entry.latest
+                ? ` · latest ${entry.latest}`
+                : ''}{entry.present ? '' : ' · not in nf_modules'}
+            </span>
+          </div>
+          {#if packages.busy === entry.name}
+            <Button size="sm" disabled>Working…</Button>
+          {:else}
+            {#each updateChoices(entry) as choice (choice.version)}
+              <Button
+                size="sm"
+                variant={choice.latest ? 'secondary' : 'primary'}
+                disabled={!!packages.busy}
+                aria-label={`Update ${entry.name} to ${choice.version}`}
+                onclick={() => void packages.update(entry.name, choice.latest)}
+                >{choice.label}</Button
+              >
+            {/each}
+            <Button
+              size="sm"
+              disabled={!!packages.busy || entry.dependents.length > 0}
+              title={entry.dependents.length
+                ? `Needed by ${entry.dependents.join(', ')}`
+                : undefined}
+              aria-label={`Uninstall ${entry.name}`}
+              onclick={() => void packages.uninstall(entry.name)}>Uninstall</Button
+            >
+          {/if}
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .installed {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .row {
+    display: flex;
+    gap: var(--nf-space-3);
+    align-items: center;
+    padding: var(--nf-space-2) 0;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .text {
+    display: grid;
+    flex: 1;
+    gap: 2px;
+    min-width: 0;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .meta {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/packages/src/dialogs/packages/PackagesDialog.svelte b/plugins/packages/src/dialogs/packages/PackagesDialog.svelte
new file mode 100644
index 00000000..d9502993
--- /dev/null
+++ b/plugins/packages/src/dialogs/packages/PackagesDialog.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import {
+    CatalogServiceToken,
+    ProjectServiceToken,
+    RpcClientToken,
+    type ServiceAccessor,
+  } from '@nanoforge-dev/editor-sdk';
+  import { Button, Dialog, Tabs } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { plural } from '../../model/installed-package';
+  import BrowseTab from './BrowseTab.svelte';
+  import InstalledTab from './InstalledTab.svelte';
+  import { PackagesDialogState, registryApi } from './packages-dialog-state.svelte';
+
+  interface Props {
+    services: ServiceAccessor;
+    onclose: () => void;
+    tab?: 'browse' | 'installed';
+  }
+
+  // svelte-ignore state_referenced_locally
+  const { services, onclose, tab: initialTab }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const packages = new PackagesDialogState(
+    registryApi(services.get(RpcClientToken)),
+    services.get(ProjectServiceToken).current.get()?.id,
+    services.tryGet(CatalogServiceToken),
+  );
+
+  let open = $state(true);
+  // svelte-ignore state_referenced_locally
+  let tab = $state<'browse' | 'installed'>(initialTab ?? 'browse');
+
+  const close = () => {
+    open = false;
+    onclose();
+  };
+
+  void packages.loadInstalled();
+
+  $effect(() => {
+    if (tab !== 'browse') return;
+    const text = packages.query;
+    const timer = setTimeout(
+      () => void packages.search(text),
+      untrack(() => packages.results.length) ? 200 : 0,
+    );
+    return () => clearTimeout(timer);
+  });
+
+  $effect(() => {
+    const name = packages.selected;
+    packages.details = undefined;
+    if (!name) return;
+    return packages.loadDetails(name);
+  });
+</script>
+
+<Dialog bind:open title="Packages" width="min(960px, 94vw)" onclose={close}>
+  <div class="packages">
+    <div class="top">
+      <Tabs
+        label="Packages"
+        items={[
+          { id: 'browse', label: 'Browse' },
+          { id: 'installed', label: `Installed (${packages.installed.length})` },
+        ]}
+        active={tab}
+        onchange={(id) => (tab = id as typeof tab)}
+      />
+    </div>
+    {#if !packages.project}
+      <p class="note" role="status">Open a project to install packages in it.</p>
+    {:else if packages.readOnly}
+      <p class="note" role="status">{packages.readOnly}</p>
+    {/if}
+    {#if packages.absent.length}
+      <p class="note" role="status">
+        {plural(packages.absent.length, 'package')} of this project {packages.absent.length === 1
+          ? 'is'
+          : 'are'} not in nf_modules.
+        <Button
+          size="sm"
+          variant="primary"
+          disabled={!!packages.busy}
+          onclick={() => void packages.restore()}>Restore packages</Button
+        >
+      </p>
+    {/if}
+    {#if packages.failure}
+      <p class="failure" role="alert">{packages.failure}</p>
+    {/if}
+
+    {#if tab === 'browse'}
+      <BrowseTab {packages} />
+    {:else}
+      <InstalledTab {packages} onbrowse={() => (tab = 'browse')} />
+    {/if}
+  </div>
+  {#snippet footer()}
+    <Button onclick={close}>Close</Button>
+  {/snippet}
+</Dialog>
+
+<style>
+  .packages {
+    display: flex;
+    flex-direction: column;
+    /* The dialog is at most 70vh, with its header and footer. */
+    height: min(560px, calc(70vh - 120px));
+    min-height: 0;
+  }
+  .top {
+    padding-bottom: var(--nf-space-2);
+  }
+  .note {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    margin: 0 0 var(--nf-space-2);
+  }
+  .failure {
+    margin: 0 0 var(--nf-space-2);
+    color: var(--nf-color-danger);
+  }
+</style>
diff --git a/plugins/packages/src/dialogs/packages/open-packages-dialog.ts b/plugins/packages/src/dialogs/packages/open-packages-dialog.ts
new file mode 100644
index 00000000..4058cac5
--- /dev/null
+++ b/plugins/packages/src/dialogs/packages/open-packages-dialog.ts
@@ -0,0 +1,33 @@
+import { mount, unmount } from 'svelte';
+
+import type { ServiceAccessor } from '@nanoforge-dev/editor-sdk';
+
+import PackagesDialog from './PackagesDialog.svelte';
+
+let current: { component: ReturnType<typeof mount>; host: HTMLElement } | undefined;
+
+/** Closes the Packages dialog, when it is open. */
+export const closePackagesDialog = (): void => {
+  if (!current) return;
+  void unmount(current.component);
+  current.host.remove();
+  current = undefined;
+};
+
+/** Shows the Packages dialog (File › Packages…), on a tab when one is given. */
+export const openPackagesDialog = (services: ServiceAccessor, tab?: unknown): void => {
+  closePackagesDialog();
+  const host = document.createElement('div');
+  document.body.append(host);
+  current = {
+    host,
+    component: mount(PackagesDialog, {
+      target: host,
+      props: {
+        services,
+        ...((tab === 'browse' || tab === 'installed') && { tab }),
+        onclose: closePackagesDialog,
+      },
+    }),
+  };
+};
diff --git a/plugins/packages/src/dialogs/packages/packages-dialog-state.svelte.ts b/plugins/packages/src/dialogs/packages/packages-dialog-state.svelte.ts
new file mode 100644
index 00000000..c2577860
--- /dev/null
+++ b/plugins/packages/src/dialogs/packages/packages-dialog-state.svelte.ts
@@ -0,0 +1,137 @@
+import {
+  type InstalledPackage,
+  RegistryContract,
+  type RegistryItem,
+  type RegistrySummary,
+  type RpcClient,
+} from '@nanoforge-dev/editor-sdk';
+
+import { missing } from '../../model/installed-package';
+
+export const registryApi = (rpc: RpcClient) => rpc.api(RegistryContract);
+export type RegistryApi = ReturnType<typeof registryApi>;
+
+const message = (error: unknown) => (error instanceof Error ? error.message : String(error));
+const codeOf = (error: unknown) => (error as { code?: string }).code;
+
+/**
+ * What the Packages dialog keeps while its tabs come and go: the search, the selected package,
+ * the project's packages and the change in progress.
+ */
+export class PackagesDialogState {
+  query = $state('');
+  results = $state<RegistrySummary[]>([]);
+  total = $state(0);
+  searching = $state(false);
+  /** Why the registry can't be shown, when it can't. */
+  unavailable = $state<string>();
+  selected = $state<string>();
+  details = $state<RegistryItem>();
+  installed = $state<InstalledPackage[]>([]);
+  /** Why the project's packages can't be read or changed here (a hosted editor). */
+  readOnly = $state<string>();
+  /** The package being changed, or `*` for all of them. */
+  busy = $state<string>();
+  failure = $state<string>();
+  readonly absent = $derived(missing(this.installed));
+  private _generation = 0;
+
+  constructor(
+    private readonly _registry: RegistryApi,
+    readonly project: string | undefined,
+    private readonly _catalog?: { refresh(): unknown },
+  ) {}
+
+  installedOf(name: string): InstalledPackage | undefined {
+    return this.installed.find((entry) => entry.name === name);
+  }
+
+  async loadInstalled(): Promise<void> {
+    if (!this.project) return;
+    try {
+      this.installed = await this._registry.packages({ project: this.project });
+      this.readOnly = undefined;
+    } catch (error) {
+      if (codeOf(error) === 'FORBIDDEN')
+        this.readOnly = 'Packages can only be installed in a local editor.';
+      else this.failure = message(error);
+    }
+  }
+
+  async search(text: string): Promise<void> {
+    const mine = ++this._generation;
+    this.searching = true;
+    try {
+      const found = await this._registry.search({ type: 'package', q: text });
+      if (mine !== this._generation) return;
+      this.results = found.items;
+      this.total = found.total;
+      this.unavailable = undefined;
+      if (!found.items.some((item) => item.name === this.selected))
+        this.selected = found.items[0]?.name;
+    } catch (error) {
+      if (mine !== this._generation) return;
+      this.results = [];
+      this.total = 0;
+      this.unavailable =
+        codeOf(error) === 'UNAVAILABLE'
+          ? 'The package registry cannot be reached right now. Installed packages keep working.'
+          : message(error);
+    } finally {
+      if (mine === this._generation) this.searching = false;
+    }
+  }
+
+  /** Reads the details of a package; the returned function drops a late answer. */
+  loadDetails(name: string): () => void {
+    let stale = false;
+    this._registry.details({ name }).then(
+      (item) => {
+        if (!stale) this.details = item;
+      },
+      () => undefined,
+    );
+    return () => {
+      stale = true;
+    };
+  }
+
+  install(name: string) {
+    const project = this.project;
+    return project && this._change(name, () => this._registry.installPackage({ project, name }));
+  }
+
+  uninstall(name: string) {
+    const project = this.project;
+    return project && this._change(name, () => this._registry.uninstallPackage({ project, name }));
+  }
+
+  update(name: string, latest: boolean) {
+    const project = this.project;
+    return (
+      project && this._change(name, () => this._registry.updatePackage({ project, name, latest }))
+    );
+  }
+
+  restore() {
+    const project = this.project;
+    return project && this._change('*', () => this._registry.restorePackages({ project }));
+  }
+
+  /** Runs a change of the project's packages, then lets the editor see the new items. */
+  private async _change(name: string, action: () => Promise<InstalledPackage[]>): Promise<void> {
+    this.busy = name;
+    this.failure = undefined;
+    try {
+      this.installed = await action();
+      void this._catalog?.refresh();
+    } catch (error) {
+      this.failure =
+        codeOf(error) === 'FORBIDDEN'
+          ? 'Packages can only be installed in a local editor.'
+          : message(error);
+    } finally {
+      this.busy = undefined;
+    }
+  }
+}
diff --git a/plugins/packages/src/index.ts b/plugins/packages/src/index.ts
new file mode 100644
index 00000000..07aa4e2f
--- /dev/null
+++ b/plugins/packages/src/index.ts
@@ -0,0 +1,21 @@
+import { definePlugin } from '@nanoforge-dev/editor-sdk';
+import { StyleServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import { closePackagesDialog, openPackagesDialog } from './dialogs/packages/open-packages-dialog';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('packages.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+
+    context.subscriptions.add({ dispose: closePackagesDialog });
+    context.subscriptions.add(
+      context.registerCommand('packages.open', (_services, tab?: unknown) =>
+        openPackagesDialog(services, tab),
+      ),
+    );
+  },
+});
diff --git a/plugins/packages/src/model/installed-package.ts b/plugins/packages/src/model/installed-package.ts
new file mode 100644
index 00000000..faab49a4
--- /dev/null
+++ b/plugins/packages/src/model/installed-package.ts
@@ -0,0 +1,45 @@
+import type { InstalledPackage } from '@nanoforge-dev/editor-sdk';
+
+export interface UpdateChoice {
+  readonly version: string;
+  /** Past the project's range: the range moves to `^version`. */
+  readonly latest: boolean;
+  readonly label: string;
+}
+
+/**
+ * The updates to offer for an installed package: the newest version in its range, and the
+ * newest of all when that is another one. A package only others need follows them: it has no
+ * range of its own to move.
+ */
+export const updateChoices = (installed: InstalledPackage): UpdateChoice[] => {
+  const choices: UpdateChoice[] = [];
+  if (installed.wanted)
+    choices.push({
+      version: installed.wanted,
+      latest: false,
+      label: `Update to ${installed.wanted}`,
+    });
+  if (installed.latest && installed.latest !== installed.wanted && installed.range !== undefined)
+    choices.push({
+      version: installed.latest,
+      latest: true,
+      label: `Update to ${installed.latest}`,
+    });
+  return choices;
+};
+
+/** Why a package is in the project: asked for with a range, or brought by others. */
+export const reasonOf = (installed: InstalledPackage): string =>
+  installed.range !== undefined
+    ? `asked for as ${installed.range}`
+    : installed.dependents.length
+      ? `needed by ${installed.dependents.join(', ')}`
+      : 'not needed any more';
+
+/** The lock lists them, `nf_modules` lacks them (a fresh clone). */
+export const missing = (installed: readonly InstalledPackage[]): InstalledPackage[] =>
+  installed.filter((entry) => !entry.present);
+
+export const plural = (count: number, noun: string): string =>
+  `${count} ${noun}${count === 1 ? '' : 's'}`;
diff --git a/plugins/packages/svelte.config.js b/plugins/packages/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/packages/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/packages/test/model/installed-package.spec.ts b/plugins/packages/test/model/installed-package.spec.ts
new file mode 100644
index 00000000..756b37e2
--- /dev/null
+++ b/plugins/packages/test/model/installed-package.spec.ts
@@ -0,0 +1,28 @@
+import { describe, expect, it } from 'vitest';
+
+import { missing, plural, reasonOf, updateChoices } from '../../src/model/installed-package';
+
+const base = { name: '@acme/shapes', version: '1.0.0', dependents: [], present: true };
+
+describe('packages model', () => {
+  it('offers the update in the range, and the latest when it is another one', () => {
+    expect(updateChoices({ ...base, range: '^1.0.0' })).toEqual([]);
+    expect(updateChoices({ ...base, range: '^1.0.0', wanted: '1.1.0', latest: '1.1.0' })).toEqual([
+      { version: '1.1.0', latest: false, label: 'Update to 1.1.0' },
+    ]);
+    expect(updateChoices({ ...base, range: '^1.0.0', wanted: '1.1.0', latest: '2.0.0' })).toEqual([
+      { version: '1.1.0', latest: false, label: 'Update to 1.1.0' },
+      { version: '2.0.0', latest: true, label: 'Update to 2.0.0' },
+    ]);
+    expect(updateChoices({ ...base, dependents: ['@acme/render'], latest: '2.0.0' })).toEqual([]);
+  });
+
+  it('says why a package is there, and which are missing', () => {
+    expect(reasonOf({ ...base, range: '^1.0.0' })).toBe('asked for as ^1.0.0');
+    expect(reasonOf({ ...base, dependents: ['@acme/render', '@acme/ui'] })).toBe(
+      'needed by @acme/render, @acme/ui',
+    );
+    expect(missing([base, { ...base, name: '@acme/gone', present: false }])).toHaveLength(1);
+    expect([plural(1, 'package'), plural(2, 'package')]).toEqual(['1 package', '2 packages']);
+  });
+});
diff --git a/plugins/packages/tsconfig.json b/plugins/packages/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/packages/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/packages/vite.config.ts b/plugins/packages/vite.config.ts
new file mode 100644
index 00000000..ffb52172
--- /dev/null
+++ b/plugins/packages/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'packages' },
+  },
+});
diff --git a/plugins/scene/.prettierignore b/plugins/scene/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/scene/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/scene/LICENSE b/plugins/scene/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/scene/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/scene/README.md b/plugins/scene/README.md
new file mode 100644
index 00000000..0c443610
--- /dev/null
+++ b/plugins/scene/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/scene"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fscene" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-scene` is an internal package of the NanoForge Editor.
+
+Built-in scene plugin: the scene tree, scene vars and the loaded scenes.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/scene
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/scene/nanoforge.manifest.json b/plugins/scene/nanoforge.manifest.json
new file mode 100644
index 00000000..ca054a61
--- /dev/null
+++ b/plugins/scene/nanoforge.manifest.json
@@ -0,0 +1,60 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/scene",
+  "version": "0.1.0",
+  "displayName": "Scenes",
+  "description": "The scenes of each app: their tree, their entities and systems (through the ECS widgets), the scene vars, and the loaded scenes while playing.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "dependencies": ["@nanoforge/ecs"],
+  "engineLibs": {
+    "required": {
+      "@nanoforge-dev/scene": "*"
+    }
+  },
+  "entry": {
+    "client": "index.js",
+    "worker": "worker.js"
+  },
+  "activation": [
+    "onWidget:scene.scenes",
+    "onWidget:scene.vars",
+    "onWidget:ecs.hierarchy",
+    "onWidget:ecs.inspector",
+    "onWidget:ecs.systems",
+    "onWidget:viewport.scene"
+  ],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "scene.scenes",
+        "title": "Scenes",
+        "icon": "layers",
+        "defaultSlot": "leftTop",
+        "order": 190
+      },
+      {
+        "id": "scene.vars",
+        "title": "Vars",
+        "icon": "variable",
+        "defaultSlot": "rightBottom",
+        "order": 200
+      }
+    ],
+    "commands": [
+      {
+        "id": "scene.newScene",
+        "title": "New scene…",
+        "category": "Scenes"
+      },
+      {
+        "id": "scene.edit",
+        "title": "Edit scene",
+        "category": "Scenes",
+        "palette": false
+      }
+    ]
+  }
+}
diff --git a/plugins/scene/package.json b/plugins/scene/package.json
new file mode 100644
index 00000000..8fb5f686
--- /dev/null
+++ b/plugins/scene/package.json
@@ -0,0 +1,67 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-scene",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in scene plugin: the scene tree, scene vars and the loaded scenes",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/scene"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-code": "workspace:*",
+    "@nanoforge-dev/editor-history": "workspace:*",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "ts-morph": "catalog:code",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/scene/src/extension/ecs-source.extension-point.ts b/plugins/scene/src/extension/ecs-source.extension-point.ts
new file mode 100644
index 00000000..6803c9f1
--- /dev/null
+++ b/plugins/scene/src/extension/ecs-source.extension-point.ts
@@ -0,0 +1,33 @@
+/**
+ * The ECS plugin's `ecs.sources` extension point, as this plugin contributes to it (plugins
+ * import only the SDK: the point is defined again with the same id).
+ */
+import { type AppModel, type Observable, defineExtensionPoint } from '@nanoforge-dev/editor-sdk';
+
+export type EntryScope =
+  | { readonly kind: 'main' }
+  | { readonly kind: 'method'; readonly class: string; readonly method: string };
+
+export interface EcsLocation {
+  readonly path: string;
+  readonly scope?: EntryScope;
+  readonly label?: string;
+  readonly scene?: string;
+}
+
+export interface InheritedLocation extends EcsLocation {
+  readonly label: string;
+}
+
+export interface EcsSource {
+  readonly id: string;
+  readonly priority: number;
+  readonly emptyMessage?: string;
+  appliesTo(app: AppModel): boolean;
+  current(app: AppModel): Observable<EcsLocation | undefined>;
+  inherited(app: AppModel): Observable<readonly InheritedLocation[]>;
+  edit?(app: AppModel, location: InheritedLocation): void;
+  locationOf?(app: AppModel, scene: string): EcsLocation | undefined;
+}
+
+export const ECS_SOURCES = defineExtensionPoint<EcsSource>('ecs.sources');
diff --git a/plugins/scene/src/icons.ts b/plugins/scene/src/icons.ts
new file mode 100644
index 00000000..5fe05bb5
--- /dev/null
+++ b/plugins/scene/src/icons.ts
@@ -0,0 +1,6 @@
+import Flag from '@lucide/svelte/icons/flag';
+import Layers from '@lucide/svelte/icons/layers';
+import Variable from '@lucide/svelte/icons/variable';
+
+/** Icons of the scene plugin (registering one the editor already has is harmless). */
+export const ICONS = { flag: Flag, layers: Layers, variable: Variable };
diff --git a/plugins/scene/src/index.ts b/plugins/scene/src/index.ts
new file mode 100644
index 00000000..59548cf8
--- /dev/null
+++ b/plugins/scene/src/index.ts
@@ -0,0 +1,76 @@
+import type { Component } from 'svelte';
+
+import { definePlugin } from '@nanoforge-dev/editor-sdk';
+import {
+  PromptServiceToken,
+  StyleServiceToken,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { ECS_SOURCES, type EcsSource } from './extension/ecs-source.extension-point';
+import { ICONS } from './icons';
+import { SceneLiveService, SceneLiveServiceToken } from './live/scene-live-service';
+import { SceneService, SceneServiceToken, sceneApps } from './service/scene-service';
+import { validateSceneName } from './template/scene-template';
+import Scenes from './widgets/scenes/Scenes.svelte';
+import Vars from './widgets/vars/Vars.svelte';
+
+type WidgetComponent = Component<{ instance: WidgetInstance }>;
+
+export default definePlugin({
+  async activate(context) {
+    const css = await fetch(context.resolveAsset('scene.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(context.services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+
+    const scenes = context.subscriptions.add(new SceneService(context));
+    context.provide(SceneServiceToken, scenes);
+    const live = context.subscriptions.add(new SceneLiveService(context));
+    context.provide(SceneLiveServiceToken, live);
+
+    context.contribute(WIDGET_VIEWS, { id: 'scene.scenes', component: Scenes as WidgetComponent });
+    context.contribute(WIDGET_VIEWS, { id: 'scene.vars', component: Vars as WidgetComponent });
+
+    const source: EcsSource = {
+      id: 'scene.scenes',
+      priority: 10,
+      appliesTo: (app) => sceneApps({ apps: [app] } as never).length > 0,
+      current: (app) => scenes.current(app),
+      inherited: (app) => scenes.inherited(app),
+      edit: (_app, location) =>
+        scenes.select(location.scope?.kind === 'method' ? location.scope.class : undefined),
+      locationOf: (app, id) => scenes.sceneLocation(app, id),
+    };
+    context.contribute(ECS_SOURCES, source);
+
+    context.registerCommand(
+      'scene.newScene',
+      async () => {
+        const prompts = context.services.tryGet(PromptServiceToken);
+        const taken = (scenes.model.get()?.scenes ?? []).map((scene) => scene.className);
+        const name = await prompts?.ask({
+          title: 'New scene',
+          label: 'Name',
+          value: 'Level',
+          confirm: 'Create',
+          validate: (value) => validateSceneName(value, taken),
+        });
+        return name ? scenes.newScene(name) : false;
+      },
+      { title: 'New scene…', category: 'Scenes' },
+    );
+    context.registerCommand(
+      'scene.edit',
+      (className: unknown) => {
+        if (typeof className !== 'string') return false;
+        scenes.select(className);
+        return true;
+      },
+      { title: 'Edit scene', category: 'Scenes', palette: false },
+    );
+  },
+});
diff --git a/plugins/scene/src/live/scene-live-service.ts b/plugins/scene/src/live/scene-live-service.ts
new file mode 100644
index 00000000..2aaaead6
--- /dev/null
+++ b/plugins/scene/src/live/scene-live-service.ts
@@ -0,0 +1,139 @@
+/**
+ * Live mode (spec: "Live mode"): the loaded scenes and the vars of the running games, and the
+ * commands that change them (the running game only).
+ */
+import {
+  type Disposable,
+  DisposableStore,
+  type EngineScenes,
+  type Observable,
+  ObservableValue,
+  type PluginContext,
+  RuntimeServiceToken,
+  createToken,
+  isPlaying,
+} from '@nanoforge-dev/editor-sdk';
+
+const INTERVAL_MS = 200;
+
+/** The scenes of one running game. */
+export interface LiveScenes extends EngineScenes {
+  readonly source: 'client' | 'server';
+  /** App id. */
+  readonly app: string;
+}
+
+export class SceneLiveService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _session = new DisposableStore();
+  private readonly _playing = new ObservableValue(false);
+  private readonly _games = new ObservableValue<readonly LiveScenes[]>([]);
+  private _watchers = 0;
+  private _features: Disposable | undefined;
+
+  constructor(private readonly _context: PluginContext) {
+    this._store.add(this._session);
+    const runtime = _context.services.tryGet(RuntimeServiceToken);
+    if (!runtime) return;
+    this._store.add({
+      dispose: runtime.session.subscribe((session) => {
+        const playing = isPlaying(session.state);
+        if (playing === this._playing.get()) return;
+        this._playing.set(playing);
+        if (playing) this._start();
+        else this._stop();
+      }),
+    });
+  }
+
+  get playing(): Observable<boolean> {
+    return this._playing.readonly();
+  }
+
+  /** The scenes of each running game that uses the scene library. */
+  get games(): Observable<readonly LiveScenes[]> {
+    return this._games.readonly();
+  }
+
+  /** The running game of an app, if it sent its scenes. */
+  game(app: string | undefined): LiveScenes | undefined {
+    return this._games.get().find((game) => game.app === app);
+  }
+
+  /**
+   * Asks the games for their scenes while a view shows them (a panel on screen): the engine
+   * sends them only when asked.
+   */
+  watch(): Disposable {
+    this._watchers++;
+    this._updateFeatures();
+    let disposed = false;
+    return {
+      dispose: () => {
+        if (disposed) return;
+        disposed = true;
+        this._watchers--;
+        this._updateFeatures();
+      },
+    };
+  }
+
+  /** Moves a running game to a scene (its id), with params and a parent (an id, or "current"). */
+  load(game: LiveScenes, id: string, params?: unknown, parent?: string): void {
+    this._send(game, 'scenes-load', [id, params ?? null, ...(parent ? [parent] : [])]);
+  }
+
+  unload(game: LiveScenes, id: string): void {
+    this._send(game, 'scenes-unload', [id]);
+  }
+
+  setVar(game: LiveScenes, key: string, value: unknown): void {
+    this._send(game, 'scenes-set-var', [key, value]);
+  }
+
+  dispose(): void {
+    this._features?.dispose();
+    this._store.dispose();
+  }
+
+  private _send(game: LiveScenes, event: string, args: readonly unknown[]): void {
+    this._context.services.tryGet(RuntimeServiceToken)?.send(event, args, game.source);
+  }
+
+  private _updateFeatures(): void {
+    const runtime = this._context.services.tryGet(RuntimeServiceToken);
+    const wanted = this._watchers > 0 && this._playing.get();
+    if (wanted && !this._features && runtime)
+      this._features = runtime.useFeatures({ scenes: { intervalMs: INTERVAL_MS } });
+    else if (!wanted && this._features) {
+      this._features.dispose();
+      this._features = undefined;
+    }
+  }
+
+  private _start(): void {
+    const runtime = this._context.services.tryGet(RuntimeServiceToken);
+    if (!runtime) return;
+    this._updateFeatures();
+    this._session.add(
+      runtime.onEvent((event) => {
+        if (event.event !== 'scenes') return;
+        const scenes = event.args[0] as EngineScenes;
+        const others = this._games.get().filter((game) => game.source !== event.source);
+        this._games.set(
+          [...others, { ...scenes, source: event.source, app: event.app }].sort((a, b) =>
+            a.source.localeCompare(b.source),
+          ),
+        );
+      }),
+    );
+  }
+
+  private _stop(): void {
+    this._session.clear();
+    this._updateFeatures();
+    this._games.set([]);
+  }
+}
+
+export const SceneLiveServiceToken = createToken<SceneLiveService>('scene.live');
diff --git a/plugins/scene/src/model/scene-model.type.ts b/plugins/scene/src/model/scene-model.type.ts
new file mode 100644
index 00000000..fbb77e36
--- /dev/null
+++ b/plugins/scene/src/model/scene-model.type.ts
@@ -0,0 +1,91 @@
+/**
+ * Types shared by the plugin's worker entry (analyzers, transformers) and its widgets.
+ * Type-only: nothing here runs, except the ids.
+ */
+
+/** A param of a scene (`Scene<{ seed: number }>`), from its type argument. */
+export interface SceneParam {
+  readonly name: string;
+  /** The type as written (`number`, `'easy' | 'hard'`). */
+  readonly type: string;
+  readonly optional: boolean;
+  readonly description?: string;
+}
+
+/** A scene class of an app. */
+export interface SceneModel {
+  /** Its id: its key in `SceneLibrary`'s `scenes`, else its class name. */
+  readonly id: string;
+  readonly className: string;
+  /** Project path of its file. */
+  readonly path: string;
+  /** Line of the class. */
+  readonly line: number;
+  /** Class name of its parent (`static parent`, its own or a base class's). */
+  readonly parent?: string;
+  /** Extends `EcsScene` (directly or through a base class). */
+  readonly ecs: boolean;
+  /** Has a `setup` method of its own (the ECS widgets edit it). */
+  readonly ownSetup: boolean;
+  /** The params type as written, if it has one (`{ seed: number }`). */
+  readonly paramsType?: string;
+  /** The params' fields, when the type is a type literal. */
+  readonly params: readonly SceneParam[];
+  /** The class's doc summary. */
+  readonly description?: string;
+  /** Tagged `@scene` (else found by its base class only). */
+  readonly tagged: boolean;
+  readonly side?: string;
+  /** `@vars score, lives`. */
+  readonly vars: readonly string[];
+}
+
+/** `new SceneLibrary({ initial, scenes })` in the entry file. */
+export interface LibraryModel {
+  /** Class name given as `initial`. */
+  readonly initial?: string;
+  /** The `scenes` map: id → class name. */
+  readonly scenes: Readonly<Record<string, string>>;
+  /** `scenes` is written (an object literal the editor can edit). */
+  readonly hasScenes: boolean;
+  readonly line: number;
+}
+
+export interface AppScenesModel {
+  readonly scenes: readonly SceneModel[];
+  /** `undefined` when the entry file creates no `SceneLibrary`. */
+  readonly library?: LibraryModel;
+  readonly problems: readonly string[];
+}
+
+export interface ScenesAnalyzeArgs {
+  /** The app's folder: scenes are its classes (and those tagged `@scene`). */
+  readonly root: string;
+}
+
+/** What a change of the entry file's `SceneLibrary` imports: a project path or a package. */
+export type LibraryOp =
+  | { readonly kind: 'addScene'; readonly className: string; readonly from: string }
+  | { readonly kind: 'removeScene'; readonly className: string }
+  | { readonly kind: 'setInitial'; readonly className: string; readonly from: string };
+
+/** A change of a scene's file. `parent.from` is the path of the parent's file. */
+export type SceneFileOp =
+  | {
+      readonly kind: 'setParent';
+      readonly className: string;
+      readonly parent?: { readonly className: string; readonly from: string };
+    }
+  | { readonly kind: 'removeClass'; readonly className: string };
+
+/** Ranges of a file replaced by a text. */
+export interface TextReplace {
+  readonly ranges: readonly { readonly start: number; readonly end: number }[];
+  readonly text: string;
+}
+
+/** The references of a class in one file. */
+export interface ReferenceRange {
+  readonly path: string;
+  readonly ranges: readonly { readonly start: number; readonly end: number }[];
+}
diff --git a/plugins/scene/src/model/scene-params.ts b/plugins/scene/src/model/scene-params.ts
new file mode 100644
index 00000000..738ed216
--- /dev/null
+++ b/plugins/scene/src/model/scene-params.ts
@@ -0,0 +1,22 @@
+import type { SceneParam } from './scene-model.type';
+
+/** A param's value from a prompt's text: by its type, else JSON, else the text itself. */
+export const parseParam = (param: Pick<SceneParam, 'type'>, text: string): unknown => {
+  const type = param.type.trim();
+  if (type === 'number') return Number(text);
+  if (type === 'boolean') return text.trim() === 'true';
+  if (type === 'string') return text;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return text;
+  }
+};
+
+/** A live value as one line (the engine's JSON view: class instances carry `$class`). */
+export const formatValue = (value: unknown): string => {
+  if (value === null || value === undefined) return '—';
+  if (typeof value === 'string') return JSON.stringify(value);
+  const text = JSON.stringify(value);
+  return text.length > 60 ? `${text.slice(0, 57)}…` : text;
+};
diff --git a/plugins/scene/src/model/scene.const.ts b/plugins/scene/src/model/scene.const.ts
new file mode 100644
index 00000000..130b6f31
--- /dev/null
+++ b/plugins/scene/src/model/scene.const.ts
@@ -0,0 +1,13 @@
+export const SCENES_ANALYZER = 'scene.app';
+
+export const LIBRARY_TRANSFORMER = 'scene.library';
+export const SCENE_FILE_TRANSFORMER = 'scene.file';
+export const REPLACE_TRANSFORMER = 'scene.replace';
+export const REFERENCES_ANALYZER = 'scene.references';
+export const CLASSES_ANALYZER = 'scene.classes';
+
+export const VARS_ANALYZER = 'scene.vars';
+export const VARS_TRANSFORMER = 'scene.vars-file';
+
+/** The file a new app's vars are declared in. */
+export const VARS_FILE = 'scene-vars.ts';
diff --git a/plugins/scene/src/model/vars-model.type.ts b/plugins/scene/src/model/vars-model.type.ts
new file mode 100644
index 00000000..72a83738
--- /dev/null
+++ b/plugins/scene/src/model/vars-model.type.ts
@@ -0,0 +1,56 @@
+/** A scene var declared in `SceneVars` (`src/scene-vars.ts`). */
+export interface VarModel {
+  readonly name: string;
+  /** As written: `number`, `'easy' | 'hard'`. */
+  readonly type: string;
+  readonly optional: boolean;
+  readonly description?: string;
+  /** `@default` as written. */
+  readonly default?: string;
+  readonly line: number;
+}
+
+/** A `vars.init/set/get/has/remove("key", …)` call with a string-literal key. */
+export interface VarUse {
+  readonly key: string;
+  readonly kind: 'init' | 'set' | 'get' | 'has' | 'remove';
+  readonly path: string;
+  readonly line: number;
+  /** The key's text, quotes excluded (what a rename replaces). */
+  readonly start: number;
+  readonly end: number;
+  /** The class the call is in (a scene's `setup`). */
+  readonly className?: string;
+  /** Type of the value given to `init` / `set`, when it is a literal. */
+  readonly valueType?: string;
+}
+
+export interface VarsModel {
+  /** The file declaring `SceneVars`, if any. */
+  readonly file?: string;
+  readonly vars: readonly VarModel[];
+  readonly uses: readonly VarUse[];
+}
+
+export interface VarsAnalyzeArgs {
+  readonly root: string;
+}
+
+/** A change of `SceneVars`' declaration. */
+export type VarsOp =
+  | {
+      readonly kind: 'addVar';
+      readonly name: string;
+      readonly type: string;
+      readonly description?: string;
+      readonly default?: string;
+    }
+  | {
+      readonly kind: 'updateVar';
+      readonly name: string;
+      readonly rename?: string;
+      readonly type?: string;
+      readonly description?: string;
+      readonly default?: string;
+    }
+  | { readonly kind: 'removeVar'; readonly name: string };
diff --git a/plugins/scene/src/service/saved-command.ts b/plugins/scene/src/service/saved-command.ts
new file mode 100644
index 00000000..49079a80
--- /dev/null
+++ b/plugins/scene/src/service/saved-command.ts
@@ -0,0 +1,18 @@
+import type { HistoryCommand } from '@nanoforge-dev/editor-sdk';
+
+/** A command whose file is saved after it is done, undone or redone. */
+export const saved = (command: HistoryCommand, save: () => Promise<void>): HistoryCommand => ({
+  ...command,
+  do: async () => {
+    await command.do();
+    await save();
+  },
+  undo: async () => {
+    await command.undo();
+    await save();
+  },
+  redo: async () => {
+    await (command.redo ?? command.do).call(command);
+    await save();
+  },
+});
diff --git a/plugins/scene/src/service/scene-history.const.ts b/plugins/scene/src/service/scene-history.const.ts
new file mode 100644
index 00000000..60ff5fa0
--- /dev/null
+++ b/plugins/scene/src/service/scene-history.const.ts
@@ -0,0 +1,2 @@
+/** Undo context of the scene tree's changes (new, rename, delete, parents, initial). */
+export const SCENES_HISTORY = 'scene:tree';
diff --git a/plugins/scene/src/service/scene-service.ts b/plugins/scene/src/service/scene-service.ts
new file mode 100644
index 00000000..806115fe
--- /dev/null
+++ b/plugins/scene/src/service/scene-service.ts
@@ -0,0 +1,576 @@
+import {
+  type AppModel,
+  CodeServiceToken,
+  type Disposable,
+  DisposableStore,
+  DocumentServiceToken,
+  type HistoryCommand,
+  type Observable,
+  ObservableValue,
+  type PluginContext,
+  type ProjectModel,
+  ProjectServiceToken,
+  createToken,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { EcsLocation, InheritedLocation } from '../extension/ecs-source.extension-point';
+import type {
+  AppScenesModel,
+  LibraryOp,
+  ReferenceRange,
+  SceneFileOp,
+  SceneModel,
+} from '../model/scene-model.type';
+import {
+  CLASSES_ANALYZER,
+  LIBRARY_TRANSFORMER,
+  REFERENCES_ANALYZER,
+  REPLACE_TRANSFORMER,
+  SCENES_ANALYZER,
+  SCENE_FILE_TRANSFORMER,
+  VARS_ANALYZER,
+  VARS_FILE,
+  VARS_TRANSFORMER,
+} from '../model/scene.const';
+import type { VarsModel, VarsOp } from '../model/vars-model.type';
+import { kebab, scenePath, sceneTemplate } from '../template/scene-template';
+import { varsTemplate } from '../template/vars-template';
+import { saved } from './saved-command';
+import type { Step } from './scene-step.type';
+import { SceneSteps } from './scene-steps';
+
+/** The ECS plugin's analyzer and transformer of imports (moving a file). */
+const IMPORTERS_ANALYZER = 'ecs.importers';
+const REWRITE_IMPORTS_TRANSFORMER = 'ecs.rewrite-imports';
+
+/** The ECS plugin's selected app (a global context key). */
+const ACTIVE_APP_KEY = 'activeApp';
+const REFRESH_DELAY_MS = 150;
+
+/** Apps whose scenes the plugin edits: an entry file and the scene engine library. */
+export const sceneApps = (model: ProjectModel | undefined): AppModel[] =>
+  (model?.apps ?? []).filter(
+    (app) => app.type !== 'lib' && !!app.entryFile && '@nanoforge-dev/scene' in app.engineLibs,
+  );
+
+/** Where a scene's entities are: its class's `setup`. */
+export const locationOf = (scene: SceneModel): EcsLocation => ({
+  path: scene.path,
+  scope: { kind: 'method', class: scene.className, method: 'setup' },
+  label: scene.id,
+  scene: scene.id,
+});
+
+/** The label of the entry file's `main` in the scene tree and the ECS widgets. */
+export const MAIN_LABEL = 'main.ts';
+
+/** Where the app's own entities are: its entry file's `main`. */
+export const mainLocation = (app: AppModel): EcsLocation | undefined =>
+  app.entryFile ? { path: app.entryFile, label: MAIN_LABEL } : undefined;
+
+/** A scene's parents, outermost first (stops at a cycle or an unknown parent). */
+export const parentsOf = (scenes: readonly SceneModel[], scene: SceneModel): SceneModel[] => {
+  const chain: SceneModel[] = [];
+  let parent = scenes.find((candidate) => candidate.className === scene.parent);
+  while (parent && !chain.includes(parent) && parent !== scene) {
+    chain.unshift(parent);
+    const next = parent.parent;
+    parent = scenes.find((candidate) => candidate.className === next);
+  }
+  return chain;
+};
+
+/**
+ * The scenes of the app the ECS widgets edit (their analysis, the selected one), and what the
+ * ECS widgets edit for it (the `ecs.sources` contribution).
+ */
+export class SceneService implements Disposable {
+  private readonly _store = new DisposableStore();
+  private readonly _project = new DisposableStore();
+  private readonly _projectModel = new ObservableValue<ProjectModel | undefined>(undefined);
+  private readonly _appId = new ObservableValue<string | undefined>(undefined);
+  private readonly _model = new ObservableValue<AppScenesModel | undefined>(undefined);
+  private readonly _vars = new ObservableValue<VarsModel | undefined>(undefined);
+  /** The selected scene (class name) of each app. */
+  private readonly _selected = new ObservableValue<ReadonlyMap<string, string>>(new Map());
+  private _timer: ReturnType<typeof setTimeout> | undefined;
+  private _generation = 0;
+
+  private readonly _steps: SceneSteps;
+
+  constructor(private readonly _context: PluginContext) {
+    this._steps = new SceneSteps(_context, () => this._refresh(0));
+    this._store.add(this._project);
+    this._store.add({
+      dispose: _context.scope.observe(CodeServiceToken).subscribe(() => this._bindProject()),
+    });
+    this._store.add(
+      _context.contextKeys.onDidChange(({ keys }) => {
+        if (keys.has(ACTIVE_APP_KEY)) this._pickApp();
+      }),
+    );
+  }
+
+  /** Apps with the scene library. */
+  get apps(): AppModel[] {
+    return sceneApps(this._projectModel.get());
+  }
+  get appId(): Observable<string | undefined> {
+    return this._appId.readonly();
+  }
+  get app(): AppModel | undefined {
+    return this.apps.find((app) => app.id === this._appId.get());
+  }
+  /** The scenes of the app. */
+  get model(): Observable<AppScenesModel | undefined> {
+    return this._model.readonly();
+  }
+  /** The scene vars of the app: their declaration and uses. */
+  get vars(): Observable<VarsModel | undefined> {
+    return this._vars.readonly();
+  }
+  /** The selected scene's class name, per app. */
+  get selected(): Observable<ReadonlyMap<string, string>> {
+    return this._selected.readonly();
+  }
+
+  /** The selected scene of an app. */
+  selectedScene(app: AppModel | undefined): SceneModel | undefined {
+    const className = app ? this._selected.get().get(app.id) : undefined;
+    return app?.id === this._appId.get()
+      ? this._model.get()?.scenes.find((scene) => scene.className === className)
+      : undefined;
+  }
+
+  /** Makes a scene the one the ECS widgets edit. */
+  select(className: string | undefined): void {
+    const app = this._appId.get();
+    if (!app) return;
+    const next = new Map(this._selected.get());
+    if (className) next.set(app, className);
+    else next.delete(app);
+    this._selected.set(next);
+  }
+
+  /** What the ECS widgets edit for an app: its selected scene's `setup`, else its `main`. */
+  current(app: AppModel): Observable<EcsLocation | undefined> {
+    const compute = () => {
+      const scene = this.selectedScene(app);
+      return scene ? locationOf(scene) : mainLocation(app);
+    };
+    return this._derived(compute);
+  }
+
+  /** `main` and the selected scene's parents, outermost first, read-only in the ECS widgets. */
+  inherited(app: AppModel): Observable<readonly InheritedLocation[]> {
+    const compute = (): InheritedLocation[] => {
+      const scene = this.selectedScene(app);
+      const scenes = this._model.get()?.scenes ?? [];
+      if (!scene) return [];
+      const main = mainLocation(app);
+      return [
+        ...(main ? [{ ...main, label: MAIN_LABEL }] : []),
+        ...parentsOf(scenes, scene).map((parent) => ({ ...locationOf(parent), label: parent.id })),
+      ];
+    };
+    return this._derived(compute);
+  }
+
+  /** A scene's location, by id (live entities carry it). */
+  sceneLocation(app: AppModel, id: string): EcsLocation | undefined {
+    if (app.id !== this._appId.get()) return undefined;
+    const scene = this._model.get()?.scenes.find((candidate) => candidate.id === id);
+    return scene ? locationOf(scene) : undefined;
+  }
+
+  /** Creates a scene (its file, and its entry in `scenes`), under a parent or as a root. */
+  async newScene(name: string, parent?: SceneModel): Promise<boolean> {
+    const app = this.app;
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    if (!app?.entryFile || !project) return false;
+    const path = scenePath(app, name);
+    if (project.fs.entry(path))
+      return this._steps.fail(`New scene ${name}`, `${path} already exists.`);
+    const text = sceneTemplate(
+      app,
+      name,
+      parent && { className: parent.className, path: parent.path },
+    );
+    const entry = app.entryFile;
+    const ok = await this._steps.push(`New scene ${name}`, [
+      async () => ({
+        label: `Create ${path}`,
+        do: async () => void (await project.fs.write(path, text, { expectedHash: null })),
+        undo: async () => void (await project.fs.delete(path)),
+      }),
+      () => this._libraryStep(entry, { kind: 'addScene', className: name, from: path }),
+    ]);
+    if (!ok) return false;
+    this.select(name);
+    await this.openInCode(path, parent ? 11 : 10);
+    return true;
+  }
+
+  /** Writes `initial` in the entry file. */
+  async setInitial(scene: SceneModel): Promise<boolean> {
+    const entry = this.app?.entryFile;
+    if (!entry) return false;
+    return this._steps.push(`Set ${scene.id} as the initial scene`, [
+      () =>
+        this._steps.edit(entry, LIBRARY_TRANSFORMER, {
+          kind: 'setInitial',
+          className: scene.className,
+          from: scene.path,
+        } satisfies LibraryOp),
+    ]);
+  }
+
+  /** Writes a scene's `static parent` (none: a root scene). */
+  async setParent(scene: SceneModel, parent: SceneModel | undefined): Promise<boolean> {
+    const scenes = this._model.get()?.scenes ?? [];
+    if (parent && (parent === scene || parentsOf(scenes, parent).includes(scene)))
+      return this._steps.fail(`Move ${scene.id}`, `${parent.id} is inside ${scene.id}.`);
+    return this._steps.push(
+      parent ? `Move ${scene.id} under ${parent.id}` : `Move ${scene.id} to the root`,
+      [
+        () =>
+          this._steps.edit(scene.path, SCENE_FILE_TRANSFORMER, {
+            kind: 'setParent',
+            className: scene.className,
+            ...(parent && { parent: { className: parent.className, from: parent.path } }),
+          } satisfies SceneFileOp),
+      ],
+    );
+  }
+
+  /**
+   * Renames a scene class everywhere it is used, and its file when it is named after it and holds
+   * nothing else (the imports follow).
+   */
+  async rename(scene: SceneModel, name: string): Promise<boolean> {
+    const code = this._context.services.tryGet(CodeServiceToken);
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    if (!code || !project || name === scene.className) return false;
+    const fileName = scene.path
+      .split('/')
+      .at(-1)!
+      .replace(/\.[cm]?[jt]sx?$/, '');
+    const classes = await code
+      .analyze<string[]>(scene.path, CLASSES_ANALYZER)
+      .catch(() => [] as string[]);
+    const to = `${scene.path.split('/').slice(0, -1).join('/')}/${kebab(name)}.ts`;
+    const moveFile =
+      fileName === kebab(scene.className) && classes.length === 1 && !project.fs.entry(to);
+    const documents = this._context.services.tryGet(DocumentServiceToken);
+    if (!documents) return false;
+    const references = await code.analyze<ReferenceRange[]>(scene.path, REFERENCES_ANALYZER, {
+      className: scene.className,
+    });
+    const importers = moveFile
+      ? (
+          await code.analyze<string[]>(scene.path, IMPORTERS_ANALYZER).catch(() => [] as string[])
+        ).filter((importer) => importer !== scene.path)
+      : [];
+    const steps: Step[] = [
+      async () => {
+        const edits: HistoryCommand[] = [];
+        for (const { path, ranges } of references) {
+          const command = await code.edit(
+            path,
+            REPLACE_TRANSFORMER,
+            { ranges, text: name },
+            { label: `Rename ${scene.className}` },
+          );
+          if (command) edits.push(saved(command, () => documents.save(path)));
+        }
+        return this._steps.group(`Rename ${scene.className} to ${name}`, edits);
+      },
+    ];
+    if (moveFile) {
+      steps.push(
+        async () => {
+          const edits: HistoryCommand[] = [];
+          for (const importer of importers) {
+            const command = await code
+              .edit(
+                importer,
+                REWRITE_IMPORTS_TRANSFORMER,
+                { from: scene.path, to },
+                { label: 'Imports' },
+              )
+              .catch(() => undefined);
+            if (command) edits.push(saved(command, () => documents.save(importer)));
+          }
+          return this._steps.group('Imports', edits);
+        },
+        async () => ({
+          label: `Rename ${scene.path}`,
+          do: async () => project.fs.rename(scene.path, to),
+          undo: async () => project.fs.rename(to, scene.path),
+        }),
+      );
+    }
+    const ok = await this._steps.push(`Rename ${scene.id} to ${name}`, steps);
+    if (ok && this._selected.get().get(this._appId.get() ?? '') === scene.className)
+      this.select(name);
+    return ok;
+  }
+
+  /**
+   * Deletes a scene: its entry in `scenes`, the `static parent` of its children (they become
+   * roots), and its class (its file, when it holds nothing else).
+   */
+  async delete(scene: SceneModel): Promise<boolean> {
+    const code = this._context.services.tryGet(CodeServiceToken);
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    const app = this.app;
+    const model = this._model.get();
+    if (!code || !project || !app?.entryFile || !model) return false;
+    if (model.library?.initial === scene.className)
+      return this._steps.fail(
+        `Delete ${scene.id}`,
+        `${scene.id} is the initial scene: set another one first.`,
+      );
+    const children = model.scenes.filter((candidate) => candidate.parent === scene.className);
+    const classes = await code
+      .analyze<string[]>(scene.path, CLASSES_ANALYZER)
+      .catch(() => [] as string[]);
+    const entry = app.entryFile;
+    const steps: Step[] = [
+      ...(model.library?.scenes && Object.values(model.library.scenes).includes(scene.className)
+        ? [() => this._libraryStep(entry, { kind: 'removeScene', className: scene.className })]
+        : []),
+      ...children.map(
+        (child): Step =>
+          () =>
+            this._steps.edit(child.path, SCENE_FILE_TRANSFORMER, {
+              kind: 'setParent',
+              className: child.className,
+            } satisfies SceneFileOp),
+      ),
+      classes.length === 1
+        ? async () => {
+            let trash = '';
+            return {
+              label: `Delete ${scene.path}`,
+              do: async () => {
+                trash = (await project.fs.delete(scene.path)).trashPath;
+              },
+              undo: async () => project.fs.restore(trash, scene.path),
+            };
+          }
+        : () =>
+            this._steps.edit(scene.path, SCENE_FILE_TRANSFORMER, {
+              kind: 'removeClass',
+              className: scene.className,
+            } satisfies SceneFileOp),
+    ];
+    const ok = await this._steps.push(`Delete ${scene.id}`, steps);
+    if (ok) {
+      if (this._selected.get().get(app.id) === scene.className) this.select(undefined);
+      this._context.services
+        .tryGet(NotificationServiceToken)
+        ?.notify('info', `Deleted ${scene.id}`, {
+          detail: children.length
+            ? `${children.map((child) => child.id).join(', ')} no longer ${children.length > 1 ? 'have' : 'has'} a parent. Code that still uses ${scene.className} must be changed.`
+            : `Code that still uses ${scene.className} must be changed.`,
+          actions: [{ title: 'Undo', run: () => void this._steps.history()?.stack.undo() }],
+        });
+    }
+    return ok;
+  }
+
+  /**
+   * Declares a var in `SceneVars` (`scene-vars.ts` next to the entry file, created on the first
+   * var).
+   */
+  async addVar(name: string, type: string, description?: string, fallback?: string) {
+    const app = this.app;
+    const project = this._context.services.get(ProjectServiceToken).current.get();
+    if (!app?.entryFile || !project) return false;
+    const op: VarsOp = {
+      kind: 'addVar',
+      name,
+      type,
+      ...(description && { description }),
+      ...(fallback && { default: fallback }),
+    };
+    const file = this._vars.get()?.file;
+    if (file)
+      return this._steps.push(`Add var ${name}`, [
+        () => this._steps.edit(file, VARS_TRANSFORMER, op),
+      ]);
+    const path = `${app.entryFile.split('/').slice(0, -1).join('/')}/${VARS_FILE}`;
+    if (project.fs.entry(path))
+      return this._steps.fail(`Add var ${name}`, `${path} declares no SceneVars.`);
+    const text = varsTemplate(name, type, description, fallback);
+    return this._steps.push(`Add var ${name}`, [
+      async () => ({
+        label: `Create ${path}`,
+        do: async () => void (await project.fs.write(path, text, { expectedHash: null })),
+        undo: async () => void (await project.fs.delete(path)),
+      }),
+    ]);
+  }
+
+  /** Changes a var's type, default or description, or renames it with its string-key uses. */
+  async updateVar(
+    name: string,
+    changes: { rename?: string; type?: string; description?: string; default?: string },
+  ): Promise<boolean> {
+    const vars = this._vars.get();
+    const file = vars?.file;
+    const code = this._context.services.tryGet(CodeServiceToken);
+    const documents = this._context.services.tryGet(DocumentServiceToken);
+    if (!file || !code || !documents) return false;
+    const rename = changes.rename && changes.rename !== name ? changes.rename : undefined;
+    const steps: Step[] = [
+      () =>
+        this._steps.edit(file, VARS_TRANSFORMER, {
+          kind: 'updateVar',
+          name,
+          ...changes,
+        } satisfies VarsOp),
+    ];
+    if (rename) {
+      const byPath = new Map<string, { start: number; end: number }[]>();
+      for (const use of vars.uses.filter((candidate) => candidate.key === name))
+        byPath.set(use.path, [...(byPath.get(use.path) ?? []), { start: use.start, end: use.end }]);
+      for (const [path, ranges] of byPath)
+        steps.push(() => this._steps.edit(path, REPLACE_TRANSFORMER, { ranges, text: rename }));
+    }
+    return this._steps.push(rename ? `Rename var ${name} to ${rename}` : `Edit var ${name}`, steps);
+  }
+
+  /** Removes a var's declaration (its uses stay: they become undeclared keys). */
+  async removeVar(name: string): Promise<boolean> {
+    const file = this._vars.get()?.file;
+    if (!file) return false;
+    return this._steps.push(`Remove var ${name}`, [
+      () => this._steps.edit(file, VARS_TRANSFORMER, { kind: 'removeVar', name } satisfies VarsOp),
+    ]);
+  }
+
+  /** Opens a file in the code editor, at a line. */
+  async openInCode(path: string, line?: number): Promise<void> {
+    await this._context.executeCommand('codeEditor.open', path, line ? { line } : {});
+  }
+
+  dispose(): void {
+    clearTimeout(this._timer);
+    this._store.dispose();
+  }
+
+  /** A change of the entry file's `SceneLibrary`, skipped when the app has none. */
+  private async _libraryStep(entry: string, op: LibraryOp) {
+    if (!this._model.get()?.library?.hasScenes && op.kind !== 'setInitial') return undefined;
+    return this._steps.edit(entry, LIBRARY_TRANSFORMER, op);
+  }
+
+  /** An observable of a value computed from the model and the selection. */
+  private _derived<T>(compute: () => T): Observable<T> {
+    return {
+      get: compute,
+      subscribe: (run) => {
+        let last = JSON.stringify(compute());
+        const update = () => {
+          const value = compute();
+          const json = JSON.stringify(value);
+          if (json === last) return;
+          last = json;
+          run(value);
+        };
+        const model = this._model.subscribe(update);
+        const selected = this._selected.subscribe(update);
+        return () => {
+          model();
+          selected();
+        };
+      },
+    };
+  }
+
+  /** The app the ECS widgets edit, when it has scenes; else the first app with scenes. */
+  private _pickApp(): void {
+    const apps = this.apps;
+    const active = this._context.contextKeys.get<string>(ACTIVE_APP_KEY);
+    const app =
+      apps.find((candidate) => candidate.id === active) ??
+      apps.find((candidate) => candidate.id === this._appId.get()) ??
+      apps.find((candidate) => candidate.type === 'client') ??
+      apps[0];
+    if (app?.id === this._appId.get()) return;
+    this._appId.set(app?.id);
+    this._model.set(undefined);
+    this._vars.set(undefined);
+    this._refresh(0);
+  }
+
+  private _bindProject(): void {
+    this._project.clear();
+    const services = this._context.services;
+    const project = services.get(ProjectServiceToken).current.get();
+    const documents = services.tryGet(DocumentServiceToken);
+    if (!project || !documents) {
+      this._projectModel.set(undefined);
+      this._model.set(undefined);
+      return;
+    }
+    this._project.add({
+      dispose: project.model.subscribe((model) => {
+        this._projectModel.set(model);
+        this._pickApp();
+        this._refresh(0);
+      }),
+    });
+    this._project.add(
+      documents.onDidChange(({ uri }) => {
+        if (/\.[cm]?[jt]sx?$/.test(uri)) this._refresh();
+      }),
+    );
+    this._project.add(
+      project.fs.onDidChange((changes) => {
+        if (changes.some((change) => /\.[cm]?[jt]sx?$/.test(change.path))) this._refresh();
+      }),
+    );
+  }
+
+  /** Analyzes the app's scenes again (debounced). */
+  private _refresh(delay = REFRESH_DELAY_MS): void {
+    clearTimeout(this._timer);
+    this._timer = setTimeout(() => void this._analyze(), delay);
+  }
+
+  private async _analyze(): Promise<void> {
+    const generation = ++this._generation;
+    const app = this.app;
+    const code = this._context.services.tryGet(CodeServiceToken);
+    if (!app?.entryFile || !code) {
+      this._model.set(undefined);
+      return;
+    }
+    try {
+      const model = await code.analyze<AppScenesModel>(app.entryFile, SCENES_ANALYZER, {
+        root: app.root,
+      });
+      const vars = await code.analyze<VarsModel>(app.entryFile, VARS_ANALYZER, { root: app.root });
+      if (generation !== this._generation) return;
+      this._model.set(model);
+      this._vars.set(vars);
+    } catch (error) {
+      if (generation !== this._generation) return;
+      if (error instanceof Error && error.message.includes('Unknown analyzer')) {
+        this._refresh(300);
+        return;
+      }
+      this._context.logger.warn(`Could not read the scenes of ${app.name}`, error);
+      this._model.set({
+        scenes: [],
+        problems: [error instanceof Error ? error.message : String(error)],
+      });
+    }
+  }
+}
+
+export const SceneServiceToken = createToken<SceneService>('scene.service');
diff --git a/plugins/scene/src/service/scene-step.type.ts b/plugins/scene/src/service/scene-step.type.ts
new file mode 100644
index 00000000..544c6d3e
--- /dev/null
+++ b/plugins/scene/src/service/scene-step.type.ts
@@ -0,0 +1,4 @@
+import type { HistoryCommand } from '@nanoforge-dev/editor-sdk';
+
+/** One step of a command made of steps run one after the other (each computed on the result of the previous ones). */
+export type Step = () => Promise<HistoryCommand | undefined>;
diff --git a/plugins/scene/src/service/scene-steps.ts b/plugins/scene/src/service/scene-steps.ts
new file mode 100644
index 00000000..8ebf6fc7
--- /dev/null
+++ b/plugins/scene/src/service/scene-steps.ts
@@ -0,0 +1,96 @@
+import {
+  CodeServiceToken,
+  DocumentServiceToken,
+  type HistoryCommand,
+  HistoryServiceToken,
+  type PluginContext,
+  compositeCommand,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import { saved } from './saved-command';
+import { SCENES_HISTORY } from './scene-history.const';
+import type { Step } from './scene-step.type';
+
+/**
+ * Runs the Scenes edits: document edits saved after they run, and undo steps made of steps
+ * computed one after the other.
+ */
+export class SceneSteps {
+  constructor(
+    private readonly _context: PluginContext,
+    /** Called after a step is pushed: the scenes are read again. */
+    private readonly _ondone: () => void,
+  ) {}
+
+  /**
+   * A document edit command (`undefined` when nothing changes). The file is saved after it runs:
+   * a structural change does not wait in an open editor.
+   */
+  async edit(path: string, transformer: string, op: unknown) {
+    const code = this._context.services.tryGet(CodeServiceToken);
+    const documents = this._context.services.tryGet(DocumentServiceToken);
+    if (!code || !documents) throw new Error('No code service');
+    const command = await code.edit(path, transformer, op, { label: 'Scenes' });
+    return command ? saved(command, () => documents.save(path)) : undefined;
+  }
+  /**
+   * Commands run in order, undone in reverse; each is checked when its turn comes (an edit by
+   * hand in between drops the step instead of undoing at the wrong place).
+   */
+  group(label: string, children: readonly HistoryCommand[]): HistoryCommand | undefined {
+    return children.length ? compositeCommand(label, children) : undefined;
+  }
+  /**
+   * Pushes one undo step in the Scenes history, made of steps computed and run one after the
+   * other (each on the files the previous ones changed). Notifies and returns false when refused.
+   */
+  async push(label: string, steps: readonly Step[]): Promise<boolean> {
+    const done: HistoryCommand[] = [];
+    let group: HistoryCommand | undefined;
+    const command: HistoryCommand = {
+      label,
+      do: async () => {
+        for (const step of steps) {
+          const next = await step();
+          if (!next) continue;
+          await next.do();
+          done.push(next);
+        }
+        group = compositeCommand(label, done);
+      },
+      undo: () => group?.undo(),
+      redo: () => group?.redo?.(),
+      isValid: async () => (await group?.isValid?.()) ?? true,
+    };
+    try {
+      const history = this.history();
+      if (history) await history.stack.push(command);
+      else await command.do();
+      this._ondone();
+      return true;
+    } catch (error) {
+      for (const step of [...done].reverse())
+        await Promise.resolve(step.undo()).catch(() => undefined);
+      return this.fail(label, error instanceof Error ? error.message : String(error));
+    }
+  }
+  fail(title: string, detail: string): false {
+    this._context.services
+      .tryGet(NotificationServiceToken)
+      ?.notify('warning', `${title}: not possible`, { detail });
+    return false;
+  }
+  /** The Scenes undo context (registered on first use). */
+  history() {
+    const history = this._context.services.tryGet(HistoryServiceToken);
+    return history
+      ? (history.get(SCENES_HISTORY) ??
+          history.registerContext({
+            id: SCENES_HISTORY,
+            label: 'Scenes',
+            owner: this._context.name,
+          }))
+      : undefined;
+  }
+}
diff --git a/plugins/scene/src/template/scene-template.ts b/plugins/scene/src/template/scene-template.ts
new file mode 100644
index 00000000..f50b9909
--- /dev/null
+++ b/plugins/scene/src/template/scene-template.ts
@@ -0,0 +1,63 @@
+/** A new scene's file (an `EcsScene` with the TSDoc tags), and its path. */
+import type { AppModel } from '@nanoforge-dev/editor-sdk';
+
+const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+
+export const kebab = (name: string): string =>
+  name
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/[^A-Za-z0-9]+/g, '-')
+    .toLowerCase()
+    .replace(/^-|-$/g, '');
+
+/** An error message for a scene class name, or `undefined` when it is fine. */
+export const validateSceneName = (name: string, taken: readonly string[]): string | undefined => {
+  if (!IDENTIFIER.test(name)) return 'Use letters, digits, _ or $, not starting with a digit.';
+  if (!/^[A-Z]/.test(name)) return 'Scene names start with a capital letter.';
+  if (taken.includes(name)) return `${name} already exists.`;
+  return undefined;
+};
+
+/** Where a new scene's file goes: the app's scenes folder. */
+export const scenePath = (app: AppModel, name: string): string =>
+  `${app.dirs.scenes}/${kebab(name)}.ts`;
+
+/** The import of a file from another one in the same app (relative, no extension). */
+export const relativeImport = (from: string, to: string): string => {
+  const source = from.split('/').slice(0, -1);
+  const target = to.replace(/\.[cm]?[jt]sx?$/, '').split('/');
+  let common = 0;
+  while (common < source.length && source[common] === target[common]) common++;
+  const up = source.length - common;
+  const rest = target.slice(common).join('/');
+  return up ? `${'../'.repeat(up)}${rest}` : `./${rest}`;
+};
+
+export const sceneTemplate = (
+  app: AppModel,
+  name: string,
+  parent?: { className: string; path: string },
+): string => {
+  const side = app.type === 'server' ? 'server' : 'client';
+  const path = scenePath(app, name);
+  return [
+    'import type { Context } from "@nanoforge-dev/common";',
+    `import type { Registry } from "@nanoforge-dev/ecs/${side}";`,
+    'import { EcsScene } from "@nanoforge-dev/ecs/scene";',
+    ...(parent
+      ? ['', `import { ${parent.className} } from "${relativeImport(path, parent.path)}";`]
+      : []),
+    '',
+    '/**',
+    ` * ${name}: what it shows.`,
+    ' *',
+    ' * @scene',
+    ` * @side ${side}`,
+    ' */',
+    `export class ${name} extends EcsScene {`,
+    ...(parent ? [`  static override parent = ${parent.className};`, ''] : []),
+    '  override setup(registry: Registry, ctx: Context) {}',
+    '}',
+    '',
+  ].join('\n');
+};
diff --git a/plugins/scene/src/template/vars-template.ts b/plugins/scene/src/template/vars-template.ts
new file mode 100644
index 00000000..460df811
--- /dev/null
+++ b/plugins/scene/src/template/vars-template.ts
@@ -0,0 +1,26 @@
+/** A new `scene-vars.ts`, with its first var. */
+export const varsTemplate = (
+  name: string,
+  type: string,
+  description: string | undefined,
+  fallback: string | undefined,
+): string => {
+  const doc = [description?.trim(), fallback?.trim() ? `@default ${fallback.trim()}` : '']
+    .filter(Boolean)
+    .join(' ');
+  return [
+    '/**',
+    ' * The scene vars of the game. A var belongs to the scene that made it, and goes away when that',
+    ' * scene is unloaded, unless it is persistent.',
+    ' */',
+    'declare module "@nanoforge-dev/scene" {',
+    '  interface SceneVars {',
+    ...(doc ? [`    /** ${doc} */`] : []),
+    `    ${name}: ${type};`,
+    '  }',
+    '}',
+    '',
+    'export {};',
+    '',
+  ].join('\n');
+};
diff --git a/plugins/scene/src/widgets/scenes/Scenes.svelte b/plugins/scene/src/widgets/scenes/Scenes.svelte
new file mode 100644
index 00000000..d96b6b16
--- /dev/null
+++ b/plugins/scene/src/widgets/scenes/Scenes.svelte
@@ -0,0 +1,291 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import {
+    ContextMenu,
+    type DropPosition,
+    EmptyState,
+    IconButton,
+    type MenuEntry,
+    PromptServiceToken,
+    Tree,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { SceneLiveServiceToken } from '../../live/scene-live-service';
+  import type { SceneModel } from '../../model/scene-model.type';
+  import { MAIN_LABEL, SceneServiceToken } from '../../service/scene-service';
+  import { SCENES_HISTORY } from '../../service/scene-history.const';
+  import { validateSceneName } from '../../template/scene-template';
+  import { askSceneParams } from './scene-prompts';
+  import { MAIN_ID, sceneTree } from './scene-tree';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const scenes = instance.services.get(SceneServiceToken);
+  // svelte-ignore state_referenced_locally
+  const prompts = instance.services.tryGet(PromptServiceToken);
+  $effect(() => instance.setHistoryContext(SCENES_HISTORY));
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(SceneLiveServiceToken);
+  const games = live.games;
+  // svelte-ignore state_referenced_locally
+  const visible = instance.visible;
+  $effect(() => {
+    if (!$visible) return;
+    const watching = live.watch();
+    return () => watching.dispose();
+  });
+  const game = $derived($games.find((candidate) => candidate.app === $appId));
+  const loadedIds = $derived(game?.loaded.map((scene) => scene.id) ?? []);
+
+  const loadLive = async (scene: SceneModel, underCurrent: boolean) => {
+    if (!game) return;
+    const params = await askSceneParams(prompts, scene);
+    if (!params) return;
+    live.load(game, scene.id, params.value, underCurrent ? 'current' : undefined);
+  };
+  const model = scenes.model;
+  const selectedByApp = scenes.selected;
+  const appId = scenes.appId;
+
+  let expanded = $state(new Set<string>());
+  let menuTarget = $state<string>();
+  let tree = $state<{ rename: (id: string) => void }>();
+  const taken = () => ($model?.scenes ?? []).map((scene) => scene.className);
+
+  const create = async (parent?: SceneModel) => {
+    const name = await prompts?.ask({
+      title: parent ? `New scene under ${parent.id}` : 'New scene',
+      label: 'Name',
+      value: 'Level',
+      confirm: 'Create',
+      validate: (value) => validateSceneName(value, taken()),
+    });
+    if (name) await scenes.newScene(name, parent);
+  };
+
+  const rename = (className: string, name: string) => {
+    const scene = sceneOf(className);
+    if (!scene || name === className) return;
+    const problem = validateSceneName(name, taken());
+    if (problem) return;
+    void scenes.rename(scene, name);
+  };
+
+  /** Dropped inside a scene: under it; before or after: next to it (its parent). */
+  const drop = (ids: string[], target: string, position: DropPosition) => {
+    if (target === MAIN_ID) return;
+    const scene = sceneOf(ids[0]);
+    const onto = sceneOf(target);
+    if (!scene || !onto || scene === onto) return;
+    const parent = position === 'inside' ? onto : sceneOf(onto.parent);
+    if (parent?.className === scene.parent || (!parent && !scene.parent)) return;
+    void scenes.setParent(scene, parent);
+  };
+
+  const sceneOf = (className: string | undefined) =>
+    $model?.scenes.find((scene) => scene.className === className);
+
+  const nodes = $derived(sceneTree($model, loadedIds, MAIN_LABEL));
+
+  /** Parent scenes expand when they first appear; one the user collapsed stays collapsed. */
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- bookkeeping, not state
+  const offered = new Set<string>();
+  $effect(() => {
+    const fresh = ($model?.scenes ?? [])
+      .map((scene) => scene.parent)
+      .filter((parent): parent is string => !!parent && !offered.has(parent));
+    if (!fresh.length) return;
+    for (const parent of fresh) offered.add(parent);
+    expanded = new Set([...untrack(() => expanded), ...fresh]);
+  });
+
+  const selected = $derived(new Set([($appId && $selectedByApp.get($appId)) || MAIN_ID]));
+
+  const open = (className: string) => {
+    const entry = scenes.app?.entryFile;
+    if (className === MAIN_ID && entry) void scenes.openInCode(entry);
+    const scene = sceneOf(className);
+    if (scene) void scenes.openInCode(scene.path, scene.line);
+  };
+
+  const menu = (): MenuEntry[] => {
+    const scene = sceneOf(menuTarget);
+    if (!scene)
+      return [{ kind: 'item', id: 'new', label: 'New scene…', onSelect: () => void create() }];
+    const initial = scene.className === $model?.library?.initial;
+    const liveEntries: MenuEntry[] = game
+      ? [
+          {
+            kind: 'item',
+            id: 'load',
+            label: 'Load scene',
+            onSelect: () => void loadLive(scene, false),
+          },
+          ...(!scene.parent
+            ? [
+                {
+                  kind: 'item' as const,
+                  id: 'load-under',
+                  label: 'Load under the current scene',
+                  disabled: !loadedIds.length,
+                  onSelect: () => void loadLive(scene, true),
+                },
+              ]
+            : []),
+          {
+            kind: 'item',
+            id: 'unload',
+            label: 'Unload scene',
+            disabled: !loadedIds.includes(scene.id),
+            onSelect: () => live.unload(game, scene.id),
+          },
+          { kind: 'separator' },
+        ]
+      : [];
+    return [
+      ...liveEntries,
+      {
+        kind: 'item',
+        id: 'edit',
+        label: 'Edit',
+        onSelect: () => scenes.select(scene.className),
+      },
+      { kind: 'item', id: 'open', label: 'Open in code', onSelect: () => open(scene.className) },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'new-child',
+        label: `New scene under ${scene.id}…`,
+        onSelect: () => void create(scene),
+      },
+      {
+        kind: 'item',
+        id: 'initial',
+        label: 'Set as initial scene',
+        disabled: initial,
+        onSelect: () => void scenes.setInitial(scene),
+      },
+      ...(scene.parent
+        ? [
+            {
+              kind: 'item' as const,
+              id: 'root',
+              label: 'Move to the root',
+              onSelect: () => void scenes.setParent(scene, undefined),
+            },
+          ]
+        : []),
+      {
+        kind: 'item',
+        id: 'rename',
+        label: 'Rename',
+        shortcut: 'F2',
+        onSelect: () => setTimeout(() => tree?.rename(scene.className), 150),
+      },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'delete',
+        label: 'Delete',
+        disabled: initial,
+        onSelect: () => void scenes.delete(scene),
+      },
+    ];
+  };
+</script>
+
+<div class="scenes">
+  <div class="toolbar">
+    <span class="title">{scenes.app?.name ?? ''}</span>
+    <IconButton icon="plus" label="New scene" disabled={!$model} onclick={() => void create()} />
+  </div>
+  {#if !scenes.apps.length}
+    <EmptyState
+      icon="layers"
+      title="No app with scenes"
+      description="Apps that use @nanoforge-dev/scene show their scenes here."
+    />
+  {:else if !$model}
+    <EmptyState icon="layers" title="Reading the scenes…" />
+  {:else}
+    <ContextMenu items={menu}>
+      <div
+        class="list"
+        role="presentation"
+        oncontextmenu={(event) => {
+          if (!(event.target as HTMLElement).closest('[data-id]')) menuTarget = undefined;
+        }}
+      >
+        <Tree
+          bind:this={tree}
+          label="Scenes"
+          {nodes}
+          bind:expanded
+          {selected}
+          onselectionchange={(next) => {
+            const [className] = [...next];
+            if (className) scenes.select(className === MAIN_ID ? undefined : className);
+          }}
+          onactivate={open}
+          onrename={rename}
+          ondrop={drop}
+          oncontextmenu={(id) => (menuTarget = id)}
+        />
+      </div>
+    </ContextMenu>
+    {#if !$model.scenes.length}
+      <EmptyState
+        icon="layers"
+        title="No scene yet"
+        description="A scene is a class extending EcsScene in the app's scenes folder."
+      />
+    {/if}
+  {/if}
+  {#if $model?.problems.length}
+    <ul class="problems" aria-label="Scene problems">
+      {#each $model.problems as problem (problem)}
+        <li>{problem}</li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  .scenes {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .title {
+    flex: 1;
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .problems {
+    flex: none;
+    margin: 0;
+    padding: var(--nf-space-2) var(--nf-space-2) var(--nf-space-2) var(--nf-space-5, 24px);
+    border-top: 1px solid var(--nf-color-border);
+    color: var(--nf-color-warning, #e0a03a);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/scene/src/widgets/scenes/scene-prompts.ts b/plugins/scene/src/widgets/scenes/scene-prompts.ts
new file mode 100644
index 00000000..4db51773
--- /dev/null
+++ b/plugins/scene/src/widgets/scenes/scene-prompts.ts
@@ -0,0 +1,35 @@
+import type { PromptService } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { SceneModel } from '../../model/scene-model.type';
+import { parseParam } from '../../model/scene-params';
+
+/** Asks for a scene's params, one prompt per field. `undefined` when cancelled. */
+export const askSceneParams = async (
+  prompts: PromptService | undefined,
+  scene: SceneModel,
+): Promise<{ value: unknown } | undefined> => {
+  if (!scene.paramsType) return { value: undefined };
+  if (!prompts) return undefined;
+  if (!scene.params.length) {
+    const text = await prompts.ask({
+      title: `Load ${scene.id}`,
+      label: `Params (${scene.paramsType}, JSON)`,
+      value: '{}',
+      confirm: 'Load',
+    });
+    return text === undefined ? undefined : { value: parseParam({ type: 'json' }, text) };
+  }
+  const value: Record<string, unknown> = {};
+  for (const [index, param] of scene.params.entries()) {
+    const text = await prompts.ask({
+      title: `Load ${scene.id}: ${param.name}`,
+      label: `${param.name} (${param.type})`,
+      value: param.type === 'number' ? '0' : '',
+      confirm: index === scene.params.length - 1 ? 'Load' : 'Next',
+      ...(param.optional && { optional: true }),
+    });
+    if (text === undefined) return undefined;
+    if (text !== '' || !param.optional) value[param.name] = parseParam(param, text);
+  }
+  return { value };
+};
diff --git a/plugins/scene/src/widgets/scenes/scene-tree.ts b/plugins/scene/src/widgets/scenes/scene-tree.ts
new file mode 100644
index 00000000..ec5e893f
--- /dev/null
+++ b/plugins/scene/src/widgets/scenes/scene-tree.ts
@@ -0,0 +1,63 @@
+import type { TreeNode } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { AppScenesModel, SceneModel } from '../../model/scene-model.type';
+
+/** The row of the entry file's `main` (not a scene). */
+export const MAIN_ID = '#main';
+
+/** What a scene's row says of it: initial, its params, what it lacks. */
+export const sceneDetail = (model: AppScenesModel | undefined, scene: SceneModel): string =>
+  [
+    scene.className === model?.library?.initial ? 'initial' : '',
+    scene.paramsType ?? '',
+    scene.ecs ? '' : 'not an EcsScene',
+    scene.tagged ? '' : 'untagged',
+  ]
+    .filter(Boolean)
+    .join(' · ');
+
+/** The scenes as a tree, by `static parent`, under the entry file's `main`. */
+export const sceneTree = (
+  model: AppScenesModel | undefined,
+  loadedIds: readonly string[],
+  mainLabel: string,
+): TreeNode[] => {
+  const all = model?.scenes ?? [];
+  const known = new Set(all.map((scene) => scene.className));
+  const children = (parent: string | undefined, seen: Set<string>): TreeNode[] =>
+    all
+      .filter((scene) =>
+        parent === undefined ? !scene.parent || !known.has(scene.parent) : scene.parent === parent,
+      )
+      .filter((scene) => !seen.has(scene.className))
+      .map((scene) => {
+        const inner = children(scene.className, new Set([...seen, scene.className]));
+        return {
+          id: scene.className,
+          label: scene.id,
+          icon: scene.className === model?.library?.initial ? 'flag' : 'layers',
+          detail: [
+            loadedIds.at(-1) === scene.id
+              ? 'current'
+              : loadedIds.includes(scene.id)
+                ? 'loaded'
+                : '',
+            sceneDetail(model, scene),
+          ]
+            .filter(Boolean)
+            .join(' · '),
+          ...(loadedIds.includes(scene.id) && { tone: 'added' as const }),
+          ...(inner.length && { children: inner }),
+          droppable: true,
+        };
+      });
+  const main: TreeNode = {
+    id: MAIN_ID,
+    label: mainLabel,
+    icon: 'file-code',
+    detail: 'app: in every scene',
+    draggable: false,
+    droppable: false,
+  };
+  return [main, ...children(undefined, new Set())];
+};
diff --git a/plugins/scene/src/widgets/vars/VarRow.svelte b/plugins/scene/src/widgets/vars/VarRow.svelte
new file mode 100644
index 00000000..91518805
--- /dev/null
+++ b/plugins/scene/src/widgets/vars/VarRow.svelte
@@ -0,0 +1,130 @@
+<script lang="ts">
+  import { formatValue } from '../../model/scene-params';
+  import type { VarModel, VarUse } from '../../model/vars-model.type';
+
+  interface Props {
+    field: VarModel;
+    uses: readonly VarUse[];
+    /** The scenes that make the var. */
+    owners: readonly string[];
+    /** Whether a game runs; its value of the var, when it has one. */
+    playing: boolean;
+    value: { value: unknown; persistent?: boolean; owner?: string | undefined } | undefined;
+    open: boolean;
+    ontoggle: () => void;
+    onopen: (use: VarUse) => void;
+  }
+
+  const { field, uses, owners, playing, value, open, ontoggle, onopen }: Props = $props();
+
+  const where = (use: VarUse) => `${use.path.split('/').at(-1)}:${use.line}`;
+</script>
+
+<li data-var={field.name} aria-label={field.name} class:unused={!uses.length}>
+  <button class="row" aria-expanded={open} onclick={ontoggle}>
+    <span class="name">{field.name}</span>
+    <span class="type">{field.type}</span>
+    {#if field.default}<span class="default">= {field.default}</span>{/if}
+    <span class="detail">
+      {owners.length ? `made by ${owners.join(', ')}` : ''}
+      {uses.length ? `· ${uses.length} use${uses.length > 1 ? 's' : ''}` : '· unused'}
+    </span>
+  </button>
+  {#if playing}
+    <p class="live" aria-label="Live value of {field.name}">
+      {#if value}
+        <span class="value">{formatValue(value.value)}</span>
+        <span class="owner"
+          >{value.persistent ? 'persistent' : value.owner ? `of ${value.owner}` : ''}</span
+        >
+      {:else}
+        <span class="owner">not set in the game</span>
+      {/if}
+    </p>
+  {/if}
+  {#if field.description}<p class="description">{field.description}</p>{/if}
+  {#if open}
+    <ul class="uses" aria-label="Uses of {field.name}">
+      {#each uses as use (`${use.path}:${use.start}`)}
+        <li>
+          <button class="link" onclick={() => onopen(use)}>
+            <span class="kind">{use.kind}</span>
+            {use.className ?? ''}
+            <span class="where">{where(use)}</span>
+          </button>
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</li>
+
+<style>
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  li {
+    padding: 2px var(--nf-space-2);
+  }
+  li.unused .name {
+    color: var(--nf-color-text-muted);
+  }
+  .row,
+  .link {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: baseline;
+    width: 100%;
+    padding: 2px 0;
+    border: none;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .row:hover,
+  .link:hover {
+    background: var(--nf-color-hover, rgba(127, 127, 127, 0.1));
+  }
+  .name {
+    font-weight: 600;
+  }
+  .type,
+  .default,
+  .detail,
+  .where,
+  .kind {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .detail,
+  .where {
+    margin-left: auto;
+  }
+  .kind {
+    min-width: 3.5em;
+  }
+  .live {
+    display: flex;
+    gap: var(--nf-space-2);
+    margin: 0;
+    font-size: var(--nf-font-size-sm);
+  }
+  .value {
+    color: var(--nf-color-success, #6ab04c);
+    font-family: var(--nf-font-mono, monospace);
+  }
+  .owner {
+    color: var(--nf-color-text-muted);
+  }
+  .description {
+    margin: 0 0 var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .uses {
+    padding-left: var(--nf-space-3, 12px);
+  }
+</style>
diff --git a/plugins/scene/src/widgets/vars/Vars.svelte b/plugins/scene/src/widgets/vars/Vars.svelte
new file mode 100644
index 00000000..7aae2cc8
--- /dev/null
+++ b/plugins/scene/src/widgets/vars/Vars.svelte
@@ -0,0 +1,306 @@
+<script lang="ts">
+  import {
+    Button,
+    ContextMenu,
+    EmptyState,
+    IconButton,
+    type MenuEntry,
+    PromptServiceToken,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { SceneLiveServiceToken } from '../../live/scene-live-service';
+  import type { VarModel, VarUse } from '../../model/vars-model.type';
+  import { formatValue, parseParam } from '../../model/scene-params';
+  import { SceneServiceToken } from '../../service/scene-service';
+  import { SCENES_HISTORY } from '../../service/scene-history.const';
+  import VarRow from './VarRow.svelte';
+  import { type VarField, askNewVar, askVarField } from './var-prompts';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const scenes = instance.services.get(SceneServiceToken);
+  // svelte-ignore state_referenced_locally
+  const prompts = instance.services.tryGet(PromptServiceToken);
+  const vars = scenes.vars;
+  const model = scenes.model;
+  $effect(() => instance.setHistoryContext(SCENES_HISTORY));
+  // svelte-ignore state_referenced_locally
+  const live = instance.services.get(SceneLiveServiceToken);
+  const games = live.games;
+  // svelte-ignore state_referenced_locally
+  const visible = instance.visible;
+  $effect(() => {
+    if (!$visible) return;
+    const watching = live.watch();
+    return () => watching.dispose();
+  });
+  const appId = scenes.appId;
+  const game = $derived($games.find((candidate) => candidate.app === $appId));
+  const liveVar = (key: string) => game?.vars.find((entry) => entry.key === key);
+  /** Vars of the running game that the code neither declares nor names. */
+  const runtimeOnly = $derived.by(() => {
+    const known = new Set([
+      ...($vars?.vars ?? []).map((field) => field.name),
+      ...($vars?.uses ?? []).map((use) => use.key),
+    ]);
+    return (game?.vars ?? []).filter((entry) => !known.has(entry.key));
+  });
+
+  const setLive = async (key: string, type: string) => {
+    const current = liveVar(key);
+    if (!game || !prompts) return;
+    const text = await prompts.ask({
+      title: `Live value of ${key}`,
+      label: `${key} (${type})`,
+      value: current
+        ? typeof current.value === 'string'
+          ? current.value
+          : JSON.stringify(current.value)
+        : '',
+      confirm: 'Set',
+    });
+    if (text !== undefined) live.setVar(game, key, parseParam({ type }, text));
+  };
+
+  const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+  let open = $state<string>();
+  let menuTarget = $state<string>();
+
+  const usesOf = (key: string) => ($vars?.uses ?? []).filter((use) => use.key === key);
+  /** The scenes that make a var (`init`): its possible owners. */
+  const ownersOf = (key: string) => {
+    const classes = new Set(
+      usesOf(key)
+        .filter((use) => use.kind === 'init' && use.className)
+        .map((use) => use.className!),
+    );
+    return ($model?.scenes ?? [])
+      .filter((scene) => classes.has(scene.className))
+      .map((scene) => scene.id);
+  };
+  /** Keys used in code with no declaration. */
+  const undeclared = $derived.by(() => {
+    const declared = new Set(($vars?.vars ?? []).map((field) => field.name));
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- a throwaway copy
+    const keys = new Map<string, VarUse[]>();
+    for (const use of $vars?.uses ?? [])
+      if (!declared.has(use.key)) keys.set(use.key, [...(keys.get(use.key) ?? []), use]);
+    return [...keys];
+  });
+
+  const nameProblem = (value: string, current?: string) => {
+    if (!IDENTIFIER.test(value)) return 'Use letters, digits, _ or $, not starting with a digit.';
+    if (value !== current && ($vars?.vars ?? []).some((field) => field.name === value))
+      return `${value} already exists.`;
+    return undefined;
+  };
+
+  const add = async (key?: string, type?: string) => {
+    if (!prompts) return;
+    const created = await askNewVar(prompts, nameProblem, key, type);
+    if (created)
+      await scenes.addVar(created.name, created.type, created.description, created.fallback);
+  };
+
+  const edit = async (field: VarModel, what: VarField) => {
+    if (!prompts) return;
+    const value = await askVarField(prompts, field, what, nameProblem);
+    if (value !== undefined) await scenes.updateVar(field.name, { [what]: value });
+  };
+
+  const menu = (): MenuEntry[] => {
+    const field = $vars?.vars.find((candidate) => candidate.name === menuTarget);
+    if (!field) {
+      const runtime = runtimeOnly.find((entry) => entry.key === menuTarget);
+      return runtime
+        ? [
+            {
+              kind: 'item',
+              id: 'live',
+              label: 'Set live value…',
+              onSelect: () => void setLive(runtime.key, 'json'),
+            },
+          ]
+        : [{ kind: 'item', id: 'add', label: 'Add var…', onSelect: () => void add() }];
+    }
+    return [
+      ...(game
+        ? [
+            {
+              kind: 'item' as const,
+              id: 'live',
+              label: 'Set live value…',
+              disabled: !liveVar(field.name),
+              onSelect: () => void setLive(field.name, field.type),
+            },
+            { kind: 'separator' as const },
+          ]
+        : []),
+      { kind: 'item', id: 'rename', label: 'Rename…', onSelect: () => void edit(field, 'rename') },
+      { kind: 'item', id: 'type', label: 'Change type…', onSelect: () => void edit(field, 'type') },
+      {
+        kind: 'item',
+        id: 'default',
+        label: 'Change default…',
+        onSelect: () => void edit(field, 'default'),
+      },
+      {
+        kind: 'item',
+        id: 'description',
+        label: 'Change description…',
+        onSelect: () => void edit(field, 'description'),
+      },
+      { kind: 'separator' },
+      {
+        kind: 'item',
+        id: 'remove',
+        label: 'Remove',
+        onSelect: () => void scenes.removeVar(field.name),
+      },
+    ];
+  };
+</script>
+
+<div class="vars">
+  <div class="toolbar">
+    <span class="title">{$vars?.file ?? 'Scene vars'}</span>
+    <IconButton icon="plus" label="Add var" disabled={!$vars} onclick={() => void add()} />
+  </div>
+  {#if !scenes.apps.length}
+    <EmptyState
+      icon="variable"
+      title="No app with scenes"
+      description="Apps that use @nanoforge-dev/scene show their scene vars here."
+    />
+  {:else if !$vars}
+    <EmptyState icon="variable" title="Reading the vars…" />
+  {:else}
+    <ContextMenu items={menu}>
+      <div
+        class="list"
+        role="presentation"
+        oncontextmenu={(event) => {
+          const row = (event.target as HTMLElement).closest('[data-var]');
+          menuTarget = row?.getAttribute('data-var') ?? undefined;
+        }}
+      >
+        {#if !$vars.vars.length && !undeclared.length}
+          <EmptyState
+            icon="variable"
+            title="No var yet"
+            description="Scene vars are shared by scenes and systems: ctx.scenes.vars."
+          />
+        {/if}
+        <ul aria-label="Scene vars">
+          {#each $vars.vars as field (field.name)}
+            {@const uses = usesOf(field.name)}
+            {@const owners = ownersOf(field.name)}
+            <VarRow
+              {field}
+              {uses}
+              {owners}
+              playing={!!game}
+              value={liveVar(field.name)}
+              open={open === field.name}
+              ontoggle={() => (open = open === field.name ? undefined : field.name)}
+              onopen={(use) => void scenes.openInCode(use.path, use.line)}
+            />
+          {/each}
+        </ul>
+        {#if runtimeOnly.length}
+          <h3>Only in the running game</h3>
+          <ul aria-label="Runtime vars">
+            {#each runtimeOnly as entry (entry.key)}
+              <li data-var={entry.key} aria-label={entry.key} class="undeclared">
+                <span class="name">{entry.key}</span>
+                <span class="value">{formatValue(entry.value)}</span>
+                <span class="detail"
+                  >{entry.persistent ? 'persistent' : entry.owner ? `of ${entry.owner}` : ''}</span
+                >
+              </li>
+            {/each}
+          </ul>
+        {/if}
+        {#if undeclared.length}
+          <h3>Used but not declared</h3>
+          <ul aria-label="Undeclared vars">
+            {#each undeclared as [key, uses] (key)}
+              <li aria-label={key} class="undeclared">
+                <span class="name">{key}</span>
+                <span class="detail">{uses.length} use{uses.length > 1 ? 's' : ''}</span>
+                <Button
+                  size="sm"
+                  variant="ghost"
+                  onclick={() =>
+                    void add(key, uses.find((use) => use.valueType)?.valueType ?? 'unknown')}
+                  >Declare {key}</Button
+                >
+              </li>
+            {/each}
+          </ul>
+        {/if}
+      </div>
+    </ContextMenu>
+  {/if}
+</div>
+
+<style>
+  .vars {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .title {
+    flex: 1;
+    overflow: hidden;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  li {
+    padding: 2px var(--nf-space-2);
+  }
+  .name {
+    font-weight: 600;
+  }
+  .value {
+    color: var(--nf-color-success, #6ab04c);
+    font-family: var(--nf-font-mono, monospace);
+  }
+  .detail {
+    margin-left: auto;
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  h3 {
+    margin: var(--nf-space-2) var(--nf-space-2) 0;
+    color: var(--nf-color-warning, #e0a03a);
+    font-size: var(--nf-font-size-sm);
+  }
+  .undeclared {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+  }
+</style>
diff --git a/plugins/scene/src/widgets/vars/var-prompts.ts b/plugins/scene/src/widgets/vars/var-prompts.ts
new file mode 100644
index 00000000..f5a1b813
--- /dev/null
+++ b/plugins/scene/src/widgets/vars/var-prompts.ts
@@ -0,0 +1,92 @@
+import type { PromptService } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { VarModel } from '../../model/vars-model.type';
+
+export interface NewVar {
+  readonly name: string;
+  readonly type: string;
+  readonly fallback: string;
+  readonly description: string;
+}
+
+export type VarField = 'rename' | 'type' | 'default' | 'description';
+
+/** Asks for a new var (or the type of one used but not declared): name, type, default, description. */
+export const askNewVar = async (
+  prompts: PromptService,
+  nameProblem: (value: string) => string | undefined,
+  key?: string,
+  type?: string,
+): Promise<NewVar | undefined> => {
+  const name =
+    key ??
+    (await prompts.ask({
+      title: 'Add var',
+      label: 'Name',
+      value: 'score',
+      confirm: 'Next',
+      validate: (value) => nameProblem(value),
+    }));
+  if (!name) return undefined;
+  const chosenType = await prompts.ask({
+    title: `Type of ${name}`,
+    label: 'Type',
+    value: type ?? 'number',
+    confirm: 'Next',
+    validate: (value) => (value.trim() ? undefined : 'Give a type: number, string, boolean…'),
+  });
+  if (!chosenType) return undefined;
+  const fallback = await prompts.ask({
+    title: `Default of ${name}`,
+    label: 'Default (optional)',
+    value: chosenType === 'number' ? '0' : '',
+    confirm: 'Next',
+    optional: true,
+  });
+  if (fallback === undefined) return undefined;
+  const description = await prompts.ask({
+    title: `Description of ${name}`,
+    label: 'Description (optional)',
+    value: '',
+    confirm: key ? 'Declare' : 'Add',
+    optional: true,
+  });
+  if (description === undefined) return undefined;
+  return {
+    name,
+    type: chosenType.trim(),
+    description: description.trim(),
+    fallback: fallback.trim(),
+  };
+};
+
+const LABELS = {
+  rename: 'Name',
+  type: 'Type',
+  default: 'Default',
+  description: 'Description',
+} as const;
+
+/** Asks for a new value of one of a var's fields; undefined when cancelled or unchanged. */
+export const askVarField = async (
+  prompts: PromptService,
+  field: VarModel,
+  what: VarField,
+  nameProblem: (value: string, current?: string) => string | undefined,
+): Promise<string | undefined> => {
+  const current = {
+    rename: field.name,
+    type: field.type,
+    default: field.default ?? '',
+    description: field.description ?? '',
+  }[what];
+  const value = await prompts.ask({
+    title: what === 'rename' ? `Rename ${field.name}` : `${LABELS[what]} of ${field.name}`,
+    label: LABELS[what],
+    value: current,
+    confirm: what === 'rename' ? 'Rename' : 'Save',
+    optional: what === 'default' || what === 'description',
+    ...(what === 'rename' && { validate: (next: string) => nameProblem(next, field.name) }),
+  });
+  return value === undefined || value === current ? undefined : value.trim();
+};
diff --git a/plugins/scene/src/worker/edits.ts b/plugins/scene/src/worker/edits.ts
new file mode 100644
index 00000000..50d5a915
--- /dev/null
+++ b/plugins/scene/src/worker/edits.ts
@@ -0,0 +1,227 @@
+import { type ClassDeclaration, Node, type SourceFile, SyntaxKind } from 'ts-morph';
+
+import {
+  type AnalyzeContext,
+  CodeError,
+  type TransformContext,
+} from '@nanoforge-dev/editor-sdk/worker';
+
+import type {
+  LibraryOp,
+  ReferenceRange,
+  SceneFileOp,
+  TextReplace,
+} from '../model/scene-model.type';
+import { findLibrary, projectPath } from './scenes';
+
+const fail = (message: string): never => {
+  throw new CodeError(message);
+};
+
+/** Adds `import { name } from <specifier of path>` unless the file already has the name. */
+const ensureImport = (context: TransformContext, name: string, from: string): void => {
+  const file = context.file;
+  if (file.getClass(name)) return;
+  const imported = file
+    .getImportDeclarations()
+    .some((declaration) =>
+      declaration
+        .getNamedImports()
+        .some((specifier) => (specifier.getAliasNode()?.getText() ?? specifier.getName()) === name),
+    );
+  if (imported) return;
+  const specifier = from.startsWith('@') ? from : context.moduleSpecifier(from);
+  const existing = file
+    .getImportDeclarations()
+    .find(
+      (declaration) =>
+        declaration.getModuleSpecifierValue() === specifier && !declaration.isTypeOnly(),
+    );
+  const named = existing?.getNamedImports().at(-1);
+  if (named) {
+    context.edit.insertAfter(named, `, ${name}`);
+    return;
+  }
+  const quote = context.literals.quoteStyle(context.file);
+  const line = `import { ${name} } from ${quote}${specifier}${quote};\n`;
+  const last = file.getImportDeclarations().at(-1);
+  if (last) context.edit.insertAfter(last, `\n${line.trimEnd()}`);
+  else context.edit.insertAt(0, `${line}\n`);
+};
+
+/** Removes the import of a name (the whole declaration when it is the only one). */
+const removeImport = (context: TransformContext, name: string): void => {
+  for (const declaration of context.file.getImportDeclarations()) {
+    const named = declaration.getNamedImports();
+    const specifier = named.find(
+      (candidate) => (candidate.getAliasNode()?.getText() ?? candidate.getName()) === name,
+    );
+    if (!specifier) continue;
+    if (named.length === 1 && !declaration.getDefaultImport())
+      context.edit.removeLines(declaration);
+    else {
+      const index = named.indexOf(specifier);
+      const next = named[index + 1];
+      const previous = named[index - 1];
+      if (next) context.edit.replace({ start: specifier.getStart(), end: next.getStart() }, '');
+      else if (previous)
+        context.edit.replace({ start: previous.getEnd(), end: specifier.getEnd() }, '');
+    }
+    return;
+  }
+};
+
+/** Whether a name is still used in the file other than by its import and the given nodes. */
+const usedElsewhere = (file: SourceFile, name: string, except: readonly Node[]): boolean =>
+  file
+    .getDescendantsOfKind(SyntaxKind.Identifier)
+    .some(
+      (identifier) =>
+        identifier.getText() === name &&
+        !identifier.getFirstAncestorByKind(SyntaxKind.ImportDeclaration) &&
+        !except.some((node) => node === identifier || identifier.getAncestors().includes(node)),
+    );
+
+/** `new SceneLibrary({ … })` of the entry file: its `scenes` map and `initial` (see `LibraryOp`). */
+export const transformLibrary = (context: TransformContext, rawOp: unknown): void => {
+  const op = rawOp as LibraryOp;
+  const library = findLibrary(context.file) ?? fail('No `new SceneLibrary(…)` in this file.');
+  const options = library.options ?? fail('SceneLibrary has no options object to edit.');
+  const scenes = options.getProperty('scenes');
+  const map = scenes && Node.isPropertyAssignment(scenes) ? scenes.getInitializer() : undefined;
+
+  switch (op.kind) {
+    case 'addScene': {
+      ensureImport(context, op.className, op.from);
+      if (!map || !Node.isObjectLiteralExpression(map)) {
+        const last = options.getProperties().at(-1);
+        const text = `scenes: { ${op.className} }`;
+        if (last) context.edit.insertAfter(last, `, ${text}`);
+        else context.edit.replace(options, `{ ${text} }`);
+        return;
+      }
+      const entries = map.getProperties();
+      const last = entries.at(-1);
+      if (last) context.edit.insertAfter(last, `, ${op.className}`);
+      else context.edit.replace(map, `{ ${op.className} }`);
+      return;
+    }
+    case 'removeScene': {
+      const removed: Node[] = [];
+      if (map && Node.isObjectLiteralExpression(map)) {
+        const entries = map.getProperties();
+        const index = entries.findIndex((entry) =>
+          Node.isShorthandPropertyAssignment(entry)
+            ? entry.getName() === op.className
+            : Node.isPropertyAssignment(entry) &&
+              entry.getInitializer()?.getText() === op.className,
+        );
+        const entry = entries[index];
+        if (entry) {
+          removed.push(entry);
+          const next = entries[index + 1];
+          const previous = entries[index - 1];
+          if (next) context.edit.replace({ start: entry.getStart(), end: next.getStart() }, '');
+          else if (previous)
+            context.edit.replace({ start: previous.getEnd(), end: entry.getEnd() }, '');
+          else context.edit.replace(map, '{}');
+        }
+      }
+      const initial = options.getProperty('initial');
+      if (initial && initial.getText().replace(/^initial:\s*/, '') === op.className)
+        fail(`${op.className} is the initial scene: choose another initial scene first.`);
+      if (!usedElsewhere(context.file, op.className, removed)) removeImport(context, op.className);
+      return;
+    }
+    case 'setInitial': {
+      ensureImport(context, op.className, op.from);
+      const initial = options.getProperty('initial');
+      if (initial && Node.isPropertyAssignment(initial)) {
+        const value = initial.getInitializerOrThrow();
+        context.edit.replace(value, op.className);
+      } else if (initial && Node.isShorthandPropertyAssignment(initial)) {
+        context.edit.replace(initial, `initial: ${op.className}`);
+      } else {
+        const first = options.getProperties()[0];
+        if (first) context.edit.insertBefore(first, `initial: ${op.className}, `);
+        else context.edit.replace(options, `{ initial: ${op.className} }`);
+      }
+      return;
+    }
+  }
+};
+
+const classOf = (context: TransformContext, name: string): ClassDeclaration =>
+  context.file.getClass(name) ?? fail(`No class ${name} in this file.`);
+
+/** A scene's own file: its `static parent`, or the class itself (see `SceneFileOp`). */
+export const transformSceneFile = (context: TransformContext, rawOp: unknown): void => {
+  const op = rawOp as SceneFileOp;
+  switch (op.kind) {
+    case 'setParent': {
+      const declaration = classOf(context, op.className);
+      const own = declaration.getStaticProperty('parent');
+      const oldParent =
+        own && Node.isPropertyDeclaration(own) ? own.getInitializer()?.getText() : undefined;
+      const inherits = !!declaration.getBaseClass()?.getStaticProperty('parent');
+      const value = op.parent?.className ?? (inherits ? 'undefined' : undefined);
+      if (own) {
+        if (value) context.edit.replace(own, `static override parent = ${value};`);
+        else context.edit.removeLines(own);
+      } else if (value) {
+        const indent = `${context.edit.indentationOf(declaration)}  `;
+        const brace = declaration.getFirstChildByKindOrThrow(SyntaxKind.OpenBraceToken);
+        const members = declaration.getMembers();
+        const text = `\n${indent}static override parent = ${value};${members.length ? '\n' : ''}`;
+        context.edit.insertAfter(brace, text);
+      }
+      if (op.parent) ensureImport(context, op.parent.className, op.parent.from);
+      if (oldParent && oldParent !== op.parent?.className && own) {
+        if (!usedElsewhere(context.file, oldParent, [own])) removeImport(context, oldParent);
+      }
+      return;
+    }
+    case 'removeClass': {
+      const declaration = classOf(context, op.className);
+      const docs = declaration.getJsDocs();
+      const start = docs[0]?.getStart() ?? declaration.getStart();
+      context.edit.removeLines({ start, end: declaration.getEnd() });
+      return;
+    }
+  }
+};
+
+/** Replaces ranges of the file with a text (a rename's references in this file). */
+export const transformReplace = (context: TransformContext, rawOp: unknown): void => {
+  const { ranges, text } = rawOp as TextReplace;
+  for (const range of ranges) context.edit.replace(range, text);
+};
+
+/**
+ * Every reference to a class of the analyzed file, in the whole project (its declaration's name
+ * included), by file: what a rename changes.
+ */
+export const analyzeReferences = (context: AnalyzeContext, rawArgs: unknown): ReferenceRange[] => {
+  const { className } = rawArgs as { className: string };
+  const declaration = context.file.getClass(className) ?? fail(`No class ${className} here.`);
+  const name = declaration.getNameNode() ?? fail(`${className} has no name.`);
+  const byPath = new Map<string, { start: number; end: number }[]>();
+  for (const node of name.findReferencesAsNodes()) {
+    const path = projectPath(node.getSourceFile());
+    if (path.includes('/node_modules/')) continue;
+    const ranges = byPath.get(path) ?? [];
+    ranges.push({ start: node.getStart(), end: node.getEnd() });
+    byPath.set(path, ranges);
+  }
+  const own = byPath.get(context.path) ?? [];
+  if (!own.some((range) => range.start === name.getStart()))
+    byPath.set(context.path, [...own, { start: name.getStart(), end: name.getEnd() }]);
+  return [...byPath].map(([path, ranges]) => ({ path, ranges }));
+};
+
+/** Exported classes of the analyzed file (to know whether a scene is alone in it). */
+export const analyzeClasses = (context: AnalyzeContext): string[] =>
+  context.file
+    .getClasses()
+    .map((declaration) => declaration.getName())
+    .filter((name): name is string => !!name);
diff --git a/plugins/scene/src/worker/index.ts b/plugins/scene/src/worker/index.ts
new file mode 100644
index 00000000..b2c2f1b9
--- /dev/null
+++ b/plugins/scene/src/worker/index.ts
@@ -0,0 +1,38 @@
+/**
+ * Code worker entry (`entry.worker`): the analyzers and transformers of scenes, `main.ts`'s
+ * `SceneLibrary` and the scene vars. `ts-morph` and the worker SDK come from the editor's worker.
+ */
+import { defineWorkerPlugin } from '@nanoforge-dev/editor-sdk/worker';
+
+import {
+  CLASSES_ANALYZER,
+  LIBRARY_TRANSFORMER,
+  REFERENCES_ANALYZER,
+  REPLACE_TRANSFORMER,
+  SCENES_ANALYZER,
+  SCENE_FILE_TRANSFORMER,
+  VARS_ANALYZER,
+  VARS_TRANSFORMER,
+} from '../model/scene.const';
+import {
+  analyzeClasses,
+  analyzeReferences,
+  transformLibrary,
+  transformReplace,
+  transformSceneFile,
+} from './edits';
+import { analyzeScenes } from './scenes';
+import { analyzeVars, transformVars } from './vars';
+
+export default defineWorkerPlugin({
+  activate(sdk) {
+    sdk.registerAnalyzer(SCENES_ANALYZER, analyzeScenes);
+    sdk.registerAnalyzer(REFERENCES_ANALYZER, analyzeReferences);
+    sdk.registerAnalyzer(CLASSES_ANALYZER, analyzeClasses);
+    sdk.registerTransformer(LIBRARY_TRANSFORMER, transformLibrary);
+    sdk.registerTransformer(SCENE_FILE_TRANSFORMER, transformSceneFile);
+    sdk.registerTransformer(REPLACE_TRANSFORMER, transformReplace);
+    sdk.registerAnalyzer(VARS_ANALYZER, analyzeVars);
+    sdk.registerTransformer(VARS_TRANSFORMER, transformVars);
+  },
+});
diff --git a/plugins/scene/src/worker/scenes.ts b/plugins/scene/src/worker/scenes.ts
new file mode 100644
index 00000000..8c01fca7
--- /dev/null
+++ b/plugins/scene/src/worker/scenes.ts
@@ -0,0 +1,250 @@
+import {
+  type ClassDeclaration,
+  type JSDocTag,
+  Node,
+  type ObjectLiteralExpression,
+  type SourceFile,
+  SyntaxKind,
+  type TypeNode,
+} from 'ts-morph';
+
+import type { AnalyzeContext } from '@nanoforge-dev/editor-sdk/worker';
+
+import type {
+  AppScenesModel,
+  LibraryModel,
+  SceneModel,
+  SceneParam,
+  ScenesAnalyzeArgs,
+} from '../model/scene-model.type';
+
+/** The engine's scene base classes, by module. */
+const BASES: Record<string, { name: string; ecs: boolean }> = {
+  '@nanoforge-dev/scene': { name: 'Scene', ecs: false },
+  '@nanoforge-dev/ecs/scene': { name: 'EcsScene', ecs: true },
+};
+
+/** Project path of a file (the worker's files live under `/project/`). */
+export const projectPath = (file: SourceFile): string =>
+  file.getFilePath().replace(/^\/project\//, '');
+
+interface ImportedName {
+  readonly module: string;
+  /** The exported name (`Scene` of `import { Scene as Base }`). */
+  readonly name: string;
+  readonly file?: SourceFile;
+}
+
+/** Where a name used in a file comes from, when it is imported. */
+const importOf = (file: SourceFile, local: string): ImportedName | undefined => {
+  for (const declaration of file.getImportDeclarations()) {
+    const named = declaration
+      .getNamedImports()
+      .find((specifier) => (specifier.getAliasNode()?.getText() ?? specifier.getName()) === local);
+    if (named)
+      return {
+        module: declaration.getModuleSpecifierValue(),
+        name: named.getName(),
+        file: declaration.getModuleSpecifierSourceFile(),
+      };
+  }
+  return undefined;
+};
+
+/** A class declaration a name refers to: in the same file, or imported from a project file. */
+export const classNamed = (file: SourceFile, local: string): ClassDeclaration | undefined => {
+  const own = file.getClass(local);
+  if (own) return own;
+  const imported = importOf(file, local);
+  return imported?.file?.getClass(imported.name);
+};
+
+export interface SceneBase {
+  readonly ecs: boolean;
+  /** The type argument given to `Scene` / `EcsScene`, if any. */
+  readonly params?: TypeNode;
+  /** The class and its project base classes, the class first. */
+  readonly chain: readonly ClassDeclaration[];
+}
+
+/** Whether a class is a scene: it extends `Scene` or `EcsScene`, through project classes. */
+export const sceneBase = (
+  declaration: ClassDeclaration,
+  seen = new Set<ClassDeclaration>(),
+): SceneBase | undefined => {
+  if (seen.has(declaration)) return undefined;
+  seen.add(declaration);
+  const heritage = declaration.getExtends();
+  const expression = heritage?.getExpression();
+  if (!heritage || !expression || !Node.isIdentifier(expression)) return undefined;
+  const file = declaration.getSourceFile();
+  const local = expression.getText();
+  const imported = importOf(file, local);
+  const engine = imported ? BASES[imported.module] : undefined;
+  if (engine && imported?.name === engine.name) {
+    const [params] = heritage.getTypeArguments();
+    return { ecs: engine.ecs, ...(params && { params }), chain: [declaration] };
+  }
+  const base = classNamed(file, local);
+  const inner = base ? sceneBase(base, seen) : undefined;
+  return inner && { ...inner, chain: [declaration, ...inner.chain] };
+};
+
+/** The class a `static parent = X` names, its own or a base class's. */
+const parentOf = (chain: readonly ClassDeclaration[]): string | undefined => {
+  for (const declaration of chain) {
+    const initializer = declaration.getStaticProperty('parent');
+    const value =
+      initializer && Node.isPropertyDeclaration(initializer)
+        ? initializer.getInitializer()
+        : undefined;
+    if (value && Node.isIdentifier(value)) {
+      const local = value.getText();
+      return importOf(declaration.getSourceFile(), local)?.name ?? local;
+    }
+  }
+  return undefined;
+};
+
+const docOf = (declaration: ClassDeclaration) => {
+  const doc = declaration.getJsDocs().at(-1);
+  const tags = doc?.getTags() ?? [];
+  const tagText = (tag: JSDocTag | undefined) =>
+    (tag?.getCommentText() ?? '').replace(/\s+/g, ' ').trim();
+  const find = (name: string) => tags.find((tag) => tag.getTagName() === name);
+  const description = doc
+    ?.getDescription()
+    .trim()
+    .split(/\n\s*\n/)[0]
+    ?.replace(/\s+/g, ' ');
+  const vars = tagText(find('vars'))
+    .split(/[\s,]+/)
+    .filter(Boolean);
+  return {
+    ...(description && { description }),
+    tagged: !!find('scene'),
+    ...(find('side') && { side: tagText(find('side')) }),
+    vars,
+  };
+};
+
+const paramsOf = (type: TypeNode | undefined): SceneParam[] => {
+  if (!type || !Node.isTypeLiteral(type)) return [];
+  return type.getProperties().map((property) => {
+    const description = property.getJsDocs().at(-1)?.getDescription().trim().replace(/\s+/g, ' ');
+    return {
+      name: property.getName(),
+      type: property.getTypeNode()?.getText() ?? 'unknown',
+      optional: property.hasQuestionToken(),
+      ...(description && { description }),
+    };
+  });
+};
+
+/** `new SceneLibrary({ … })` in a file. */
+export const findLibrary = (
+  file: SourceFile,
+): { options?: ObjectLiteralExpression; line: number } | undefined => {
+  const created = file
+    .getDescendantsOfKind(SyntaxKind.NewExpression)
+    .find((expression) => expression.getExpression().getText() === 'SceneLibrary');
+  if (!created) return undefined;
+  const [first] = created.getArguments();
+  return {
+    ...(first && Node.isObjectLiteralExpression(first) && { options: first }),
+    line: created.getStartLineNumber(),
+  };
+};
+
+const libraryOf = (file: SourceFile): LibraryModel | undefined => {
+  const found = findLibrary(file);
+  if (!found) return undefined;
+  const { options } = found;
+  const property = (name: string) => options?.getProperty(name);
+  const initialProperty = property('initial');
+  const initial =
+    initialProperty && Node.isShorthandPropertyAssignment(initialProperty)
+      ? initialProperty.getName()
+      : initialProperty && Node.isPropertyAssignment(initialProperty)
+        ? initialProperty.getInitializer()?.getText()
+        : undefined;
+  const scenesProperty = property('scenes');
+  const map =
+    scenesProperty && Node.isPropertyAssignment(scenesProperty)
+      ? scenesProperty.getInitializer()
+      : undefined;
+  const scenes: Record<string, string> = {};
+  if (map && Node.isObjectLiteralExpression(map)) {
+    for (const entry of map.getProperties()) {
+      if (Node.isShorthandPropertyAssignment(entry)) scenes[entry.getName()] = entry.getName();
+      else if (Node.isPropertyAssignment(entry)) {
+        const value = entry.getInitializer();
+        if (value && Node.isIdentifier(value))
+          scenes[entry.getName().replace(/^['"]|['"]$/g, '')] = value.getText();
+      }
+    }
+  }
+  return {
+    ...(initial && { initial }),
+    scenes,
+    hasScenes: !!map && Node.isObjectLiteralExpression(map),
+    line: found.line,
+  };
+};
+
+/**
+ * The scenes of an app (classes of its folder extending `Scene` or `EcsScene`, or tagged
+ * `@scene`) and the `SceneLibrary` of its entry file (the analyzed file).
+ */
+export const analyzeScenes = (context: AnalyzeContext, rawArgs: unknown): AppScenesModel => {
+  const { root } = rawArgs as ScenesAnalyzeArgs;
+  const prefix = root ? `${root}/` : '';
+  const library = libraryOf(context.file);
+  const idOf = (className: string) =>
+    Object.entries(library?.scenes ?? {}).find(([, value]) => value === className)?.[0] ??
+    className;
+
+  const scenes: SceneModel[] = [];
+  for (const file of context.project.getSourceFiles()) {
+    const path = projectPath(file);
+    if (!path.startsWith(prefix) || path.includes('/node_modules/') || path.endsWith('.d.ts'))
+      continue;
+    for (const declaration of file.getClasses()) {
+      const className = declaration.getName();
+      if (!className || !declaration.isExported() || declaration.isAbstract()) continue;
+      const base = sceneBase(declaration);
+      const doc = docOf(declaration);
+      if (!base && !doc.tagged) continue;
+      const params = base?.params;
+      const parent = base ? parentOf(base.chain) : undefined;
+      scenes.push({
+        id: idOf(className),
+        className,
+        path,
+        line: declaration.getStartLineNumber(),
+        ...(parent && { parent }),
+        ecs: base?.ecs ?? false,
+        ownSetup: !!declaration.getMethod('setup'),
+        ...(params && { paramsType: params.getText() }),
+        params: paramsOf(params),
+        ...doc,
+      });
+    }
+  }
+  scenes.sort((a, b) => a.path.localeCompare(b.path) || a.line - b.line);
+
+  const problems: string[] = [];
+  if (library?.hasScenes) {
+    const listed = new Set(Object.values(library.scenes));
+    for (const scene of scenes)
+      if (!listed.has(scene.className))
+        problems.push(`${scene.className} is not in the scenes of SceneLibrary.`);
+    for (const [id, className] of Object.entries(library.scenes))
+      if (!scenes.some((scene) => scene.className === className))
+        problems.push(`The scene "${id}" of SceneLibrary is not a scene class of this app.`);
+  }
+  for (const scene of scenes)
+    if (scene.parent && !scenes.some((candidate) => candidate.className === scene.parent))
+      problems.push(`${scene.className}'s parent ${scene.parent} is not a scene of this app.`);
+  return { scenes, ...(library && { library }), problems };
+};
diff --git a/plugins/scene/src/worker/vars.ts b/plugins/scene/src/worker/vars.ts
new file mode 100644
index 00000000..de2c257c
--- /dev/null
+++ b/plugins/scene/src/worker/vars.ts
@@ -0,0 +1,178 @@
+import {
+  type InterfaceDeclaration,
+  Node,
+  type PropertySignature,
+  type SourceFile,
+  SyntaxKind,
+} from 'ts-morph';
+
+import {
+  type AnalyzeContext,
+  CodeError,
+  type TransformContext,
+} from '@nanoforge-dev/editor-sdk/worker';
+
+import type {
+  VarModel,
+  VarUse,
+  VarsAnalyzeArgs,
+  VarsModel,
+  VarsOp,
+} from '../model/vars-model.type';
+import { projectPath } from './scenes';
+
+const METHODS = new Set(['init', 'set', 'get', 'has', 'remove']);
+const MODULE = '@nanoforge-dev/scene';
+
+/** `interface SceneVars` of a `declare module "@nanoforge-dev/scene"` block of a file. */
+export const sceneVarsOf = (file: SourceFile): InterfaceDeclaration | undefined => {
+  for (const module of file.getModules()) {
+    const name = module.getName().replace(/^['"]|['"]$/g, '');
+    if (name === MODULE) return module.getInterface('SceneVars');
+  }
+  return undefined;
+};
+
+const docOf = (property: PropertySignature) => {
+  const doc = property.getJsDocs().at(-1);
+  const description = doc?.getDescription().trim().replace(/\s+/g, ' ');
+  const fallback = doc?.getTags().find((tag) => tag.getTagName() === 'default');
+  return {
+    ...(description && { description }),
+    ...(fallback && { default: (fallback.getCommentText() ?? '').trim() }),
+  };
+};
+
+const literalType = (node: Node | undefined): string | undefined => {
+  if (!node) return undefined;
+  if (Node.isNumericLiteral(node) || Node.isPrefixUnaryExpression(node)) return 'number';
+  if (Node.isStringLiteral(node) || Node.isNoSubstitutionTemplateLiteral(node)) return 'string';
+  if (node.getKind() === SyntaxKind.TrueKeyword || node.getKind() === SyntaxKind.FalseKeyword)
+    return 'boolean';
+  return undefined;
+};
+
+/**
+ * The app's scene vars: their declaration in `SceneVars` (its file, its fields and docs) and
+ * their uses (`….vars.init("key", …)` and the like, in the app's files).
+ */
+export const analyzeVars = (context: AnalyzeContext, rawArgs: unknown): VarsModel => {
+  const { root } = rawArgs as VarsAnalyzeArgs;
+  const prefix = root ? `${root}/` : '';
+  let file: string | undefined;
+  const vars: VarModel[] = [];
+  const uses: VarUse[] = [];
+  for (const source of context.project.getSourceFiles()) {
+    const path = projectPath(source);
+    if (!path.startsWith(prefix) || path.includes('/node_modules/') || path.endsWith('.d.ts'))
+      continue;
+    const declaration = sceneVarsOf(source);
+    if (declaration && !file) {
+      file = path;
+      for (const property of declaration.getProperties())
+        vars.push({
+          name: property.getName(),
+          type: property.getTypeNode()?.getText() ?? 'unknown',
+          optional: property.hasQuestionToken(),
+          ...docOf(property),
+          line: property.getStartLineNumber(),
+        });
+    }
+    for (const call of source.getDescendantsOfKind(SyntaxKind.CallExpression)) {
+      const callee = call.getExpression();
+      if (!Node.isPropertyAccessExpression(callee) || !METHODS.has(callee.getName())) continue;
+      const target = callee.getExpression();
+      const isVars = Node.isPropertyAccessExpression(target)
+        ? target.getName() === 'vars'
+        : Node.isIdentifier(target) && target.getText() === 'vars';
+      if (!isVars) continue;
+      const [key, value] = call.getArguments();
+      if (!key || !(Node.isStringLiteral(key) || Node.isNoSubstitutionTemplateLiteral(key)))
+        continue;
+      const className = call.getFirstAncestorByKind(SyntaxKind.ClassDeclaration)?.getName();
+      const valueType = literalType(value);
+      uses.push({
+        key: key.getLiteralText(),
+        kind: callee.getName() as VarUse['kind'],
+        path,
+        line: call.getStartLineNumber(),
+        start: key.getStart() + 1,
+        end: key.getEnd() - 1,
+        ...(className && { className }),
+        ...(valueType && { valueType }),
+      });
+    }
+  }
+  return { ...(file && { file }), vars, uses };
+};
+
+const fail = (message: string): never => {
+  throw new CodeError(message);
+};
+
+/** The doc and line of a var's field. */
+const fieldText = (
+  indent: string,
+  name: string,
+  type: string,
+  description: string | undefined,
+  fallback: string | undefined,
+) => {
+  const doc = [description?.trim(), fallback?.trim() ? `@default ${fallback.trim()}` : '']
+    .filter(Boolean)
+    .join(' ');
+  return `${doc ? `${indent}/** ${doc} */\n` : ''}${indent}${name}: ${type};`;
+};
+
+const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+
+/** Edits the `SceneVars` declaration of the file (see `VarsOp`). */
+export const transformVars = (context: TransformContext, rawOp: unknown): void => {
+  const op = rawOp as VarsOp;
+  const declaration = sceneVarsOf(context.file) ?? fail('No `interface SceneVars` in this file.');
+  const property = (name: string) =>
+    declaration.getProperty(name) ?? fail(`No var "${name}" in SceneVars.`);
+  const indentOf = (node: Node) => context.edit.indentationOf(node);
+
+  switch (op.kind) {
+    case 'addVar': {
+      if (!IDENTIFIER.test(op.name)) fail(`"${op.name}" isn't a valid var name.`);
+      if (declaration.getProperty(op.name)) fail(`The var "${op.name}" already exists.`);
+      const last = declaration.getProperties().at(-1);
+      const indent = last ? indentOf(last) : `${indentOf(declaration)}  `;
+      const text = fieldText(indent, op.name, op.type, op.description, op.default);
+      if (last) context.edit.insertAfter(last, `\n${text}`);
+      else {
+        const brace = declaration.getFirstChildByKindOrThrow(SyntaxKind.OpenBraceToken);
+        context.edit.insertAfter(brace, `\n${text}`);
+      }
+      return;
+    }
+    case 'updateVar': {
+      const field = property(op.name);
+      const name = op.rename ?? op.name;
+      if (op.rename && !IDENTIFIER.test(op.rename)) fail(`"${op.rename}" isn't a valid var name.`);
+      if (op.rename && op.rename !== op.name && declaration.getProperty(op.rename))
+        fail(`The var "${op.rename}" already exists.`);
+      const current = docOf(field);
+      const docs = field.getJsDocs();
+      const start = docs[0]?.getStart() ?? field.getStart();
+      const indent = indentOf(field);
+      const text = fieldText(
+        indent,
+        `${name}${field.hasQuestionToken() ? '?' : ''}`,
+        op.type ?? field.getTypeNode()?.getText() ?? 'unknown',
+        op.description ?? current.description,
+        op.default ?? current.default,
+      );
+      context.edit.replace({ start, end: field.getEnd() }, text.slice(indent.length));
+      return;
+    }
+    case 'removeVar': {
+      const field = property(op.name);
+      const start = field.getJsDocs()[0]?.getStart() ?? field.getStart();
+      context.edit.removeLines({ start, end: field.getEnd() });
+      return;
+    }
+  }
+};
diff --git a/plugins/scene/svelte.config.js b/plugins/scene/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/scene/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/scene/test/fixtures/breakout.ts b/plugins/scene/test/fixtures/breakout.ts
new file mode 100644
index 00000000..a4a6ae2d
--- /dev/null
+++ b/plugins/scene/test/fixtures/breakout.ts
@@ -0,0 +1,31 @@
+/* eslint-disable no-restricted-imports -- tests run the worker code against the real code engine */
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+
+import { CODE_FILE, CodeEngine } from '@nanoforge-dev/editor-code/engine';
+
+import { SCENES_ANALYZER } from '../../src/model/scene.const';
+import { analyzeScenes } from '../../src/worker/scenes';
+
+/** The breakout example: every scene of it is an `EcsScene`. */
+export const BREAKOUT = join(import.meta.dirname, '../../../../examples/breakout');
+export const MAIN = 'apps/client/src/main.ts';
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir).flatMap((name) => {
+    const path = join(dir, name);
+    if (name === 'node_modules' || name === 'dist') return [];
+    return statSync(path).isDirectory() ? walk(path) : CODE_FILE.test(name) ? [path] : [];
+  });
+
+export const breakoutEngine = () => {
+  const engine = new CodeEngine();
+  engine.setFiles(
+    walk(join(BREAKOUT, 'apps')).map((file) => ({
+      path: relative(BREAKOUT, file).split('\\').join('/'),
+      text: readFileSync(file, 'utf8'),
+    })),
+  );
+  engine.registerAnalyzer(SCENES_ANALYZER, analyzeScenes);
+  return engine;
+};
diff --git a/plugins/scene/test/model/scene-params.spec.ts b/plugins/scene/test/model/scene-params.spec.ts
new file mode 100644
index 00000000..6be71e45
--- /dev/null
+++ b/plugins/scene/test/model/scene-params.spec.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest';
+
+import { formatValue, parseParam } from '../../src/model/scene-params';
+
+describe('scene params from prompts', () => {
+  it('reads a value by the param type', () => {
+    expect(parseParam({ type: 'number' }, '42')).toBe(42);
+    expect(parseParam({ type: 'boolean' }, 'true')).toBe(true);
+    expect(parseParam({ type: 'string' }, 'easy')).toBe('easy');
+    expect(parseParam({ type: '{ x: number }' }, '{"x": 1}')).toEqual({ x: 1 });
+    expect(parseParam({ type: "'a' | 'b'" }, 'a')).toBe('a');
+  });
+
+  it('shows a live value on one line', () => {
+    expect(formatValue(3)).toBe('3');
+    expect(formatValue('Run')).toBe('"Run"');
+    expect(formatValue(null)).toBe('—');
+    expect(formatValue({ list: Array.from({ length: 40 }, (_, i) => i) }).endsWith('…')).toBe(true);
+  });
+});
diff --git a/plugins/scene/test/service/scene-steps.spec.ts b/plugins/scene/test/service/scene-steps.spec.ts
new file mode 100644
index 00000000..659d2892
--- /dev/null
+++ b/plugins/scene/test/service/scene-steps.spec.ts
@@ -0,0 +1,72 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import {
+  type HistoryCommand,
+  HistoryServiceToken,
+  type PluginContext,
+} from '@nanoforge-dev/editor-sdk';
+
+import { SceneSteps } from '../../src/service/scene-steps';
+
+vi.mock('@nanoforge-dev/editor-sdk/ui', () => ({
+  NotificationServiceToken: Symbol('notifications'),
+}));
+
+/** A file and its edits, valid in the text they last left (as `DocumentService`'s). */
+const file = () => {
+  const state = { text: '' };
+  const append = (chars: string): HistoryCommand => {
+    let expected = '';
+    const run = (text: string) => {
+      state.text = text;
+      expected = text;
+    };
+    return {
+      label: `append ${chars}`,
+      do: () => run(state.text + chars),
+      undo: () => run(state.text.slice(0, -chars.length)),
+      isValid: () => state.text === expected,
+    };
+  };
+  return { state, append };
+};
+
+/** Scenes steps whose history keeps the pushed step. */
+const setup = () => {
+  const pushed: HistoryCommand[] = [];
+  const stack = {
+    push: async (command: HistoryCommand) => {
+      await command.do();
+      pushed.push(command);
+    },
+  };
+  const context = {
+    name: '@nanoforge/scene',
+    services: {
+      tryGet: (token: unknown) =>
+        token === HistoryServiceToken ? { get: () => ({ stack }) } : undefined,
+    },
+  } as unknown as PluginContext;
+  return { steps: new SceneSteps(context, () => undefined), pushed };
+};
+
+describe('SceneSteps', () => {
+  it('undoes and redoes a step that edits the same file twice', async () => {
+    const { steps, pushed } = setup();
+    const main = file();
+    expect(
+      await steps.push('Rename scene', [
+        async () => main.append('a'),
+        async () => main.append('b'),
+      ]),
+    ).toBe(true);
+    const step = pushed[0]!;
+    expect(main.state.text).toBe('ab');
+    expect(await step.isValid?.()).toBe(true);
+    await step.undo();
+    expect(main.state.text).toBe('');
+    expect(await step.isValid?.()).toBe(true);
+    await step.redo?.();
+    expect(main.state.text).toBe('ab');
+  });
+});
diff --git a/plugins/scene/test/worker/edits.spec.ts b/plugins/scene/test/worker/edits.spec.ts
new file mode 100644
index 00000000..ac27a902
--- /dev/null
+++ b/plugins/scene/test/worker/edits.spec.ts
@@ -0,0 +1,136 @@
+import { describe, expect, it } from 'vitest';
+
+import type { CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import type { LibraryOp, ReferenceRange, SceneFileOp } from '../../src/model/scene-model.type';
+import {
+  LIBRARY_TRANSFORMER,
+  REFERENCES_ANALYZER,
+  REPLACE_TRANSFORMER,
+  SCENE_FILE_TRANSFORMER,
+} from '../../src/model/scene.const';
+import {
+  analyzeReferences,
+  transformLibrary,
+  transformReplace,
+  transformSceneFile,
+} from '../../src/worker/edits';
+import { MAIN, breakoutEngine } from '../fixtures/breakout';
+
+const LEVELS = 'apps/client/src/scenes/levels.ts';
+const PAUSE = 'apps/client/src/scenes/pause.ts';
+
+const engine = () => {
+  const code = breakoutEngine();
+  code.registerTransformer(LIBRARY_TRANSFORMER, transformLibrary);
+  code.registerTransformer(SCENE_FILE_TRANSFORMER, transformSceneFile);
+  code.registerTransformer(REPLACE_TRANSFORMER, transformReplace);
+  code.registerAnalyzer(REFERENCES_ANALYZER, analyzeReferences);
+  return code;
+};
+
+const apply = (code: CodeEngine, path: string, transformer: string, op: unknown) => {
+  const before = code.text(path)!;
+  const { text } = applyTextEdits(before, code.transform(path, transformer, op));
+  code.setFiles([{ path, text }]);
+  const a = before.split('\n');
+  const b = text.split('\n');
+  return {
+    removed: a.filter((line) => !b.includes(line)),
+    added: b.filter((line) => !a.includes(line)),
+  };
+};
+
+describe('SceneLibrary transformer', () => {
+  it('adds a scene to scenes, with its import, and removes it', () => {
+    const code = engine();
+    const added = apply(code, MAIN, LIBRARY_TRANSFORMER, {
+      kind: 'addScene',
+      className: 'Bonus',
+      from: 'apps/client/src/scenes/bonus.ts',
+    } satisfies LibraryOp);
+    expect(added.added).toEqual([
+      'import { Bonus } from "./scenes/bonus";',
+      '      scenes: { Menu, Run, Level1, Level2, Level3, Pause, GameOver, Victory, Bonus },',
+    ]);
+    const removed = apply(code, MAIN, LIBRARY_TRANSFORMER, {
+      kind: 'removeScene',
+      className: 'Bonus',
+    } satisfies LibraryOp);
+    expect(removed.removed).toEqual(added.added);
+  });
+
+  it('sets the initial scene', () => {
+    expect(
+      apply(engine(), MAIN, LIBRARY_TRANSFORMER, {
+        kind: 'setInitial',
+        className: 'Level1',
+        from: LEVELS,
+      } satisfies LibraryOp),
+    ).toEqual({ removed: ['      initial: Menu,'], added: ['      initial: Level1,'] });
+  });
+
+  it('refuses to remove the initial scene', () => {
+    expect(() =>
+      engine().transform(MAIN, LIBRARY_TRANSFORMER, { kind: 'removeScene', className: 'Menu' }),
+    ).toThrow('Menu is the initial scene');
+  });
+});
+
+describe('scene file transformer', () => {
+  it('gives a scene a parent, with its import, and takes it back', () => {
+    const code = engine();
+    const set = apply(code, PAUSE, SCENE_FILE_TRANSFORMER, {
+      kind: 'setParent',
+      className: 'Pause',
+      parent: { className: 'Run', from: 'apps/client/src/scenes/run.ts' },
+    } satisfies SceneFileOp);
+    expect(set.added).toEqual(['import { Run } from "./run";', '  static override parent = Run;']);
+    const unset = apply(code, PAUSE, SCENE_FILE_TRANSFORMER, {
+      kind: 'setParent',
+      className: 'Pause',
+    } satisfies SceneFileOp);
+    expect(unset.removed).toEqual(set.added);
+  });
+
+  it('writes undefined over a parent a base class gives', () => {
+    expect(
+      apply(engine(), LEVELS, SCENE_FILE_TRANSFORMER, {
+        kind: 'setParent',
+        className: 'Level2',
+      } satisfies SceneFileOp).added,
+    ).toEqual(['  static override parent = undefined;']);
+  });
+
+  it('removes a class with its doc', () => {
+    const { removed } = apply(engine(), LEVELS, SCENE_FILE_TRANSFORMER, {
+      kind: 'removeClass',
+      className: 'Level3',
+    } satisfies SceneFileOp);
+    expect(removed).toContain(
+      ' * Level 3: bricks that take two hits, faster still. The last level.',
+    );
+    expect(removed).toContain('export class Level3 extends Level {');
+  });
+});
+
+describe('rename references', () => {
+  it('finds every reference of a scene class in the project', () => {
+    const code = engine();
+    const references = code.analyze(PAUSE, REFERENCES_ANALYZER, {
+      className: 'Pause',
+    }) as ReferenceRange[];
+    expect(references.map((reference) => reference.path).sort()).toEqual([
+      'apps/client/src/main.ts',
+      'apps/client/src/scenes/levels.ts',
+      PAUSE,
+    ]);
+    for (const { path, ranges } of references)
+      apply(code, path, REPLACE_TRANSFORMER, { ranges, text: 'Halt' });
+    expect(code.text(MAIN)).toContain('import { Halt } from "./scenes/pause";');
+    expect(code.text(MAIN)).toContain('Level3, Halt, GameOver');
+    expect(code.text(PAUSE)).toContain('export class Halt extends EcsScene');
+    expect(code.text(PAUSE)).toContain('ctx.scenes.unload(ctx, Halt)');
+  });
+});
diff --git a/plugins/scene/test/worker/scenes.spec.ts b/plugins/scene/test/worker/scenes.spec.ts
new file mode 100644
index 00000000..58a4bba3
--- /dev/null
+++ b/plugins/scene/test/worker/scenes.spec.ts
@@ -0,0 +1,77 @@
+import { describe, expect, it } from 'vitest';
+
+import type { CodeEngine } from '@nanoforge-dev/editor-code/engine';
+
+import type { AppScenesModel } from '../../src/model/scene-model.type';
+import { SCENES_ANALYZER } from '../../src/model/scene.const';
+import { MAIN, breakoutEngine } from '../fixtures/breakout';
+
+const analyze = (engine: CodeEngine) =>
+  engine.analyze(MAIN, SCENES_ANALYZER, { root: 'apps/client' }) as AppScenesModel;
+
+describe('scene analyzer (breakout)', () => {
+  it('finds the scenes, their parents, params and tags', () => {
+    const model = analyze(breakoutEngine());
+    expect(
+      model.scenes.map((scene) => [scene.id, scene.parent ?? null, scene.ecs, scene.ownSetup]),
+    ).toEqual([
+      ['GameOver', null, true, true],
+      ['Level1', 'Run', true, true],
+      ['Level2', 'Run', true, true],
+      ['Level3', 'Run', true, true],
+      ['Menu', null, true, true],
+      ['Pause', null, true, true],
+      ['Run', null, true, true],
+      ['Victory', null, true, true],
+    ]);
+    const gameOver = model.scenes.find((scene) => scene.id === 'GameOver')!;
+    expect(gameOver.params).toEqual([
+      {
+        name: 'score',
+        type: 'number',
+        optional: false,
+        description: 'The score of the game that ended.',
+      },
+    ]);
+    const level = model.scenes.find((scene) => scene.id === 'Level1')!;
+    expect(level).toMatchObject({
+      path: 'apps/client/src/scenes/levels.ts',
+      tagged: true,
+      side: 'client',
+      vars: ['level', 'bricksLeft', 'ballSpeed', 'served'],
+      description: 'Level 1: three rows that break in one hit.',
+    });
+    expect(model.problems).toEqual([]);
+  });
+
+  it("reads SceneLibrary's initial scene and scenes", () => {
+    expect(analyze(breakoutEngine()).library).toMatchObject({
+      initial: 'Menu',
+      hasScenes: true,
+      scenes: {
+        Menu: 'Menu',
+        Run: 'Run',
+        Level1: 'Level1',
+        Level2: 'Level2',
+        Level3: 'Level3',
+        Pause: 'Pause',
+        GameOver: 'GameOver',
+        Victory: 'Victory',
+      },
+    });
+  });
+
+  it('names a scene by its key in scenes, and reports one missing from it', () => {
+    const engine = breakoutEngine();
+    const main = engine.text(MAIN)!;
+    engine.setFiles([
+      {
+        path: MAIN,
+        text: main.replace('scenes: { Menu, Run,', 'scenes: { Title: Menu,').replace(' Run,', ''),
+      },
+    ]);
+    const model = analyze(engine);
+    expect(model.scenes.find((scene) => scene.className === 'Menu')?.id).toBe('Title');
+    expect(model.problems).toContain('Run is not in the scenes of SceneLibrary.');
+  });
+});
diff --git a/plugins/scene/test/worker/vars.spec.ts b/plugins/scene/test/worker/vars.spec.ts
new file mode 100644
index 00000000..32004562
--- /dev/null
+++ b/plugins/scene/test/worker/vars.spec.ts
@@ -0,0 +1,95 @@
+import { describe, expect, it } from 'vitest';
+
+import type { CodeEngine } from '@nanoforge-dev/editor-code/engine';
+import { applyTextEdits } from '@nanoforge-dev/editor-history';
+
+import { VARS_ANALYZER, VARS_TRANSFORMER } from '../../src/model/scene.const';
+import type { VarsModel, VarsOp } from '../../src/model/vars-model.type';
+import { analyzeVars, transformVars } from '../../src/worker/vars';
+import { MAIN, breakoutEngine } from '../fixtures/breakout';
+
+const VARS = 'apps/client/src/scene-vars.ts';
+
+const engine = () => {
+  const code = breakoutEngine();
+  code.registerAnalyzer(VARS_ANALYZER, analyzeVars);
+  code.registerTransformer(VARS_TRANSFORMER, transformVars);
+  return code;
+};
+
+const analyze = (code: CodeEngine) =>
+  code.analyze(MAIN, VARS_ANALYZER, { root: 'apps/client' }) as VarsModel;
+
+const apply = (code: CodeEngine, op: VarsOp) => {
+  const before = code.text(VARS)!;
+  const { text } = applyTextEdits(before, code.transform(VARS, VARS_TRANSFORMER, op));
+  code.setFiles([{ path: VARS, text }]);
+  const a = before.split('\n');
+  const b = text.split('\n');
+  return {
+    removed: a.filter((line) => !b.includes(line)),
+    added: b.filter((line) => !a.includes(line)),
+  };
+};
+
+describe('vars analyzer (breakout)', () => {
+  it('reads SceneVars with their docs and defaults', () => {
+    const model = analyze(engine());
+    expect(model.file).toBe(VARS);
+    expect(model.vars.map((field) => field.name)).toEqual([
+      'best',
+      'score',
+      'lives',
+      'level',
+      'bricksLeft',
+      'ballSpeed',
+      'served',
+      'paused',
+    ]);
+    expect(model.vars.find((field) => field.name === 'lives')).toMatchObject({
+      type: 'number',
+      default: '3',
+      description: 'Balls left in the current game (made by `Run`).',
+    });
+  });
+
+  it('finds the uses of each key, with the scene they are in', () => {
+    const { uses } = analyze(engine());
+    const lives = uses.filter((use) => use.key === 'lives');
+    expect(
+      lives.map((use) => [use.kind, use.className ?? null, use.path.split('/').at(-1)]),
+    ).toEqual(
+      expect.arrayContaining([
+        ['init', 'Run', 'run.ts'],
+        ['get', null, 'levels.ts'],
+        ['set', null, 'lose-ball.ts'],
+      ]),
+    );
+    const init = lives.find((use) => use.kind === 'init')!;
+    expect(init.valueType).toBe('number');
+    expect(engine().text(init.path)!.slice(init.start, init.end)).toBe('lives');
+  });
+});
+
+describe('vars transformer', () => {
+  it('adds, updates, renames and removes a var', () => {
+    const code = engine();
+    expect(
+      apply(code, {
+        kind: 'addVar',
+        name: 'combo',
+        type: 'number',
+        description: 'Bricks in a row.',
+        default: '0',
+      }).added,
+    ).toEqual(['    /** Bricks in a row. @default 0 */', '    combo: number;']);
+    expect(
+      apply(code, { kind: 'updateVar', name: 'combo', rename: 'streak', default: '1' }).added,
+    ).toEqual(['    /** Bricks in a row. @default 1 */', '    streak: number;']);
+    expect(apply(code, { kind: 'removeVar', name: 'streak' }).removed).toEqual([
+      '    /** Bricks in a row. @default 1 */',
+      '    streak: number;',
+    ]);
+    expect(analyze(code).vars).toHaveLength(8);
+  });
+});
diff --git a/plugins/scene/tsconfig.json b/plugins/scene/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/scene/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/scene/vite.config.ts b/plugins/scene/vite.config.ts
new file mode 100644
index 00000000..b268884c
--- /dev/null
+++ b/plugins/scene/vite.config.ts
@@ -0,0 +1,15 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: {
+      entry: { index: 'src/index.ts', worker: 'src/worker/index.ts' },
+      formats: ['es'],
+      cssFileName: 'scene',
+    },
+  },
+});
diff --git a/plugins/settings-ui/.prettierignore b/plugins/settings-ui/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/settings-ui/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/settings-ui/LICENSE b/plugins/settings-ui/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/settings-ui/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/settings-ui/README.md b/plugins/settings-ui/README.md
new file mode 100644
index 00000000..e31dbf71
--- /dev/null
+++ b/plugins/settings-ui/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/settings-ui"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fsettings-ui" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-settings-ui` is an internal package of the NanoForge Editor.
+
+Built-in settings dialog.
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/settings-ui
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/settings-ui/nanoforge.manifest.json b/plugins/settings-ui/nanoforge.manifest.json
new file mode 100644
index 00000000..38c338f1
--- /dev/null
+++ b/plugins/settings-ui/nanoforge.manifest.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/settings-ui",
+  "version": "0.1.0",
+  "displayName": "Settings",
+  "description": "The settings dialog: categories, search, scopes, plugins, import and export.",
+  "engines": { "editor": ">=0.1.0" },
+  "entry": { "client": "index.js" },
+  "activation": ["onStartup"],
+  "contributes": {
+    "commands": [{ "id": "settings.open", "title": "Settings…", "category": "File" }],
+    "keybindings": [
+      { "key": "Mod+Alt+S", "command": "settings.open" },
+      { "key": "Mod+,", "command": "settings.open" }
+    ],
+    "menus": [{ "menu": "file", "command": "settings.open", "group": "z-settings" }]
+  }
+}
diff --git a/plugins/settings-ui/package.json b/plugins/settings-ui/package.json
new file mode 100644
index 00000000..43af452e
--- /dev/null
+++ b/plugins/settings-ui/package.json
@@ -0,0 +1,63 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-settings-ui",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in settings dialog",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/settings-ui"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/settings-ui/src/dialogs/settings/ConflictsPage.svelte b/plugins/settings-ui/src/dialogs/settings/ConflictsPage.svelte
new file mode 100644
index 00000000..246a0c6d
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/ConflictsPage.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import type { MergeConflict } from '@nanoforge-dev/editor-sdk';
+  import { Button } from '@nanoforge-dev/editor-sdk/ui';
+
+  interface Props {
+    conflicts: readonly MergeConflict[];
+    onresolve: (key: string, value: unknown) => void;
+  }
+
+  const { conflicts, onresolve }: Props = $props();
+  const format = (value: unknown) => (value === undefined ? '(unset)' : JSON.stringify(value));
+</script>
+
+<section class="page" aria-label="Sync conflicts">
+  <h2>Sync conflicts</h2>
+  <p class="hint">
+    These settings changed on this device while offline and in your account meanwhile. Pick the
+    value to keep.
+  </p>
+  {#each conflicts as conflict (conflict.key)}
+    <div class="conflict">
+      <code class="key">{conflict.key}</code>
+      <div class="choices">
+        <Button onclick={() => onresolve(conflict.key, conflict.local)}>
+          This device: <code>{format(conflict.local)}</code>
+        </Button>
+        <Button onclick={() => onresolve(conflict.key, conflict.remote)}>
+          Account: <code>{format(conflict.remote)}</code>
+        </Button>
+      </div>
+    </div>
+  {:else}
+    <p>No conflicts.</p>
+  {/each}
+</section>
+
+<style>
+  .page {
+    padding: var(--nf-space-3) var(--nf-space-4);
+  }
+  h2 {
+    margin: 0 0 var(--nf-space-1);
+    font-size: var(--nf-font-size-lg);
+  }
+  .hint {
+    margin: 0 0 var(--nf-space-3);
+    color: var(--nf-color-text-muted);
+  }
+  .conflict {
+    padding: var(--nf-space-2) 0;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .choices {
+    display: flex;
+    gap: var(--nf-space-2);
+    margin-top: var(--nf-space-1);
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/ImportExportPage.svelte b/plugins/settings-ui/src/dialogs/settings/ImportExportPage.svelte
new file mode 100644
index 00000000..06924165
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/ImportExportPage.svelte
@@ -0,0 +1,124 @@
+<script lang="ts">
+  import type { ImportPreview, SettingsService, WritableScope } from '@nanoforge-dev/editor-sdk';
+  import { Button, Select } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { SCOPE_LABELS } from '../../settings/setting-categories';
+
+  interface Props {
+    settings: SettingsService;
+    notify: (kind: 'info' | 'error', title: string, detail?: string) => void;
+  }
+
+  const { settings, notify }: Props = $props();
+  const scopes = (['account', 'machine', 'project', 'projectLocal'] as const).filter((scope) =>
+    settings.hasStore(scope),
+  );
+  let scope = $state<WritableScope>(
+    scopes.includes('machine') ? 'machine' : (scopes[0] ?? 'machine'),
+  );
+  let preview = $state<ImportPreview>();
+
+  const exportScope = () => {
+    const blob = new Blob([settings.export(scope)], { type: 'application/json' });
+    const link = document.createElement('a');
+    link.href = URL.createObjectURL(blob);
+    link.download = `nanoforge-settings-${scope}.json`;
+    document.body.append(link);
+    link.click();
+    link.remove();
+    setTimeout(() => URL.revokeObjectURL(link.href), 1000);
+  };
+
+  const pick = () => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.json,application/json';
+    input.onchange = async () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      try {
+        preview = settings.previewImport(scope, await file.text());
+      } catch (error) {
+        notify('error', 'This file is not a settings export', String(error));
+      }
+    };
+    input.click();
+  };
+
+  const apply = async () => {
+    if (!preview) return;
+    await settings.applyImport(preview);
+    notify('info', `Settings imported into ${SCOPE_LABELS[preview.scope]}`);
+    preview = undefined;
+  };
+</script>
+
+<section class="page" aria-label="Import and export">
+  <h2>Import & export</h2>
+  <div class="row">
+    <Select
+      label="Scope"
+      value={scope}
+      items={scopes.map((value) => ({ value, label: SCOPE_LABELS[value] }))}
+      onchange={(value) => {
+        scope = value as WritableScope;
+        preview = undefined;
+      }}
+    />
+    <Button icon="download" onclick={exportScope}>Export…</Button>
+    <Button icon="upload" onclick={pick}>Import…</Button>
+  </div>
+
+  {#if preview}
+    <div class="preview" role="region" aria-label="Import preview">
+      <h3>Importing into {SCOPE_LABELS[preview.scope]}</h3>
+      {#each [['Added', preview.added], ['Changed', preview.changed], ['Unknown (kept, unused)', preview.unknown]] as const as [label, keys] (label)}
+        {#if keys.length}
+          <p><strong>{label}:</strong> {keys.join(', ')}</p>
+        {/if}
+      {/each}
+      {#if preview.rejected.length}
+        <p class="rejected">
+          <strong>Rejected:</strong>
+          {preview.rejected.map((entry) => `${entry.key} (${entry.reason})`).join(', ')}
+        </p>
+      {/if}
+      {#if !preview.added.length && !preview.changed.length}<p>Nothing changes.</p>{/if}
+      <div class="row">
+        <Button onclick={() => (preview = undefined)}>Cancel</Button>
+        <Button variant="primary" onclick={apply}>Import</Button>
+      </div>
+    </div>
+  {/if}
+</section>
+
+<style>
+  .page {
+    padding: var(--nf-space-3) var(--nf-space-4);
+  }
+  h2 {
+    margin: 0 0 var(--nf-space-3);
+    font-size: var(--nf-font-size-lg);
+  }
+  h3 {
+    margin: 0 0 var(--nf-space-2);
+    font-size: var(--nf-font-size-md);
+  }
+  .row {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+  }
+  .preview {
+    margin-top: var(--nf-space-4);
+    padding: var(--nf-space-3);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-float);
+  }
+  .preview p {
+    margin: 0 0 var(--nf-space-2);
+  }
+  .rejected {
+    color: var(--nf-color-danger);
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/SettingRow.svelte b/plugins/settings-ui/src/dialogs/settings/SettingRow.svelte
new file mode 100644
index 00000000..ffbd6f3b
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/SettingRow.svelte
@@ -0,0 +1,302 @@
+<script lang="ts">
+  import type {
+    SettingDefinition,
+    SettingScope,
+    SettingsService,
+    WritableScope,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    IconButton,
+    Input,
+    Menu,
+    type MenuEntry,
+    NumberInput,
+    Select,
+    Switch,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { SCOPE_LABELS } from '../../settings/setting-categories';
+  import type { SettingsDraft } from '../../settings/settings-draft';
+  import { controlOf } from '../../settings/setting-control';
+
+  interface Props {
+    definition: SettingDefinition;
+    draft: SettingsDraft;
+    settings: SettingsService;
+    /** Bumped when settings or the draft change (the row reads plain values). */
+    revision: number;
+    /** Known values of a text setting (e.g. the installed themes): shown as a list. */
+    choices?: { value: string; label: string }[] | undefined;
+  }
+
+  const { definition, draft, settings, revision, choices }: Props = $props();
+
+  const control = $derived(controlOf(definition));
+  const title = $derived(definition.title ?? definition.key);
+  const inspection = $derived.by(() => {
+    void revision;
+    return settings.inspect(definition);
+  });
+  const value = $derived.by(() => {
+    void revision;
+    return draft.valueOf(definition);
+  });
+  const target = $derived.by(() => {
+    void revision;
+    return draft.scopeOf(definition);
+  });
+  const pending = $derived.by(() => {
+    void revision;
+    return draft.changes.get().has(definition.key);
+  });
+  const modified = $derived(inspection.effectiveScope !== 'default');
+  let error = $state<string>();
+  let inspecting = $state(false);
+  let jsonText = $state('');
+  $effect(() => {
+    if (control.kind === 'json') jsonText = JSON.stringify(value, null, 2);
+  });
+
+  const update = (next: unknown) => {
+    const parsed = definition.schema.safeParse(next);
+    if (!parsed.success) {
+      error = parsed.error.issues[0]?.message ?? 'Invalid value';
+      return;
+    }
+    error = undefined;
+    draft.set(definition, parsed.data);
+  };
+
+  const scopes = $derived(definition.scopes.filter((scope) => settings.hasStore(scope)));
+  const scopeMenu = (): MenuEntry[] =>
+    scopes.map((scope) => ({
+      kind: 'item',
+      id: scope,
+      label: SCOPE_LABELS[scope],
+      checked: scope === target,
+      onSelect: () => draft.setScope(definition, scope),
+    }));
+
+  const format = (entry: unknown) =>
+    entry === undefined ? '—' : typeof entry === 'string' ? entry : JSON.stringify(entry);
+  const inspected = $derived(
+    (['default', 'account', 'machine', 'project', 'projectLocal'] as const).filter(
+      (scope: SettingScope) => scope === 'default' || definition.scopes.includes(scope),
+    ),
+  );
+</script>
+
+<div class="setting" class:pending data-key={definition.key}>
+  <div class="head">
+    <label class="title" for={`setting-${definition.key}`}>
+      {title}
+      {#if pending}<span class="marker pending" title="Not applied yet">●</span>
+      {:else if modified}<span class="marker" title="Changed from the default">●</span>{/if}
+    </label>
+    <div class="scope">
+      <Menu items={scopeMenu()} align="end">
+        {#snippet trigger({ props })}
+          <button {...props} type="button" class="scope-button" aria-label={`Scope of ${title}`}>
+            {SCOPE_LABELS[target]}
+          </button>
+        {/snippet}
+      </Menu>
+      <IconButton
+        icon="info"
+        label={`Values of ${title} in each scope`}
+        size={14}
+        pressed={inspecting}
+        onclick={() => (inspecting = !inspecting)}
+      />
+    </div>
+  </div>
+  {#if definition.description}<p class="description">{definition.description}</p>{/if}
+
+  <div class="control">
+    {#if control.kind === 'boolean'}
+      <Switch checked={value === true} label={title} onchange={(checked) => update(checked)} />
+    {:else if control.kind === 'enum'}
+      <Select
+        label={title}
+        value={String(value)}
+        items={control.options.map((option) => ({ value: option, label: option }))}
+        onchange={(next) => update(next)}
+      />
+    {:else if control.kind === 'number'}
+      <NumberInput
+        label={title}
+        value={Number(value)}
+        {...control.min !== undefined && { min: control.min }}
+        {...control.max !== undefined && { max: control.max }}
+        precision={control.integer ? 0 : 2}
+        onchange={(next, final) => final && update(next)}
+      />
+    {:else if control.kind === 'string' && choices?.length}
+      <Select
+        label={title}
+        value={String(value ?? '')}
+        items={choices.some((choice) => choice.value === value)
+          ? choices
+          : [...choices, { value: String(value ?? ''), label: String(value ?? '') }]}
+        onchange={(next) => update(next)}
+      />
+    {:else if control.kind === 'string'}
+      <Input
+        id={`setting-${definition.key}`}
+        value={String(value ?? '')}
+        invalid={!!error}
+        onchange={(event) => update((event.currentTarget as HTMLInputElement).value)}
+      />
+    {:else if control.kind === 'lines'}
+      <textarea
+        id={`setting-${definition.key}`}
+        rows={Math.min(8, Math.max(3, (value as string[]).length + 1))}
+        value={(value as string[]).join('\n')}
+        onchange={(event) =>
+          update(
+            event.currentTarget.value
+              .split('\n')
+              .map((line) => line.trim())
+              .filter(Boolean),
+          )}></textarea>
+    {:else}
+      <textarea
+        id={`setting-${definition.key}`}
+        rows="4"
+        bind:value={jsonText}
+        onchange={() => {
+          try {
+            update(JSON.parse(jsonText));
+          } catch {
+            error = 'Invalid JSON';
+          }
+        }}></textarea>
+    {/if}
+    {#if error}<p class="error" role="alert">{error}</p>{/if}
+  </div>
+
+  {#if inspecting}
+    <table class="inspect" aria-label={`Values of ${title}`}>
+      <tbody>
+        {#each inspected as scope (scope)}
+          {@const scoped = scope === 'default' ? definition.default : inspection.scopes[scope]}
+          <tr class:effective={inspection.effectiveScope === scope}>
+            <th scope="row">{SCOPE_LABELS[scope]}</th>
+            <td><code>{format(scoped)}</code></td>
+            <td>
+              {#if scope !== 'default' && scoped !== undefined}
+                <Button
+                  size="sm"
+                  variant="ghost"
+                  onclick={() => draft.reset(definition, scope as WritableScope)}
+                >
+                  Reset
+                </Button>
+              {:else if inspection.effectiveScope === scope}
+                <span class="effective-label">in use</span>
+              {/if}
+            </td>
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  {/if}
+  <p class="key">{definition.key}</p>
+</div>
+
+<style>
+  .setting {
+    padding: var(--nf-space-3) var(--nf-space-4);
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .setting.pending {
+    box-shadow: inset 2px 0 0 var(--nf-color-accent);
+  }
+  .head {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    justify-content: space-between;
+  }
+  .title {
+    font-weight: 600;
+  }
+  .marker {
+    margin-left: var(--nf-space-1);
+    color: var(--nf-color-text-muted);
+    font-size: 9px;
+    vertical-align: middle;
+  }
+  .marker.pending {
+    color: var(--nf-color-accent-text);
+  }
+  .scope {
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+  }
+  .scope-button {
+    height: 24px;
+    padding: 0 var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text-muted);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  .description {
+    max-width: 640px;
+    margin: var(--nf-space-1) 0 0;
+    color: var(--nf-color-text-muted);
+  }
+  .control {
+    max-width: 480px;
+    margin-top: var(--nf-space-2);
+  }
+  textarea {
+    box-sizing: border-box;
+    width: 100%;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-control);
+    background: var(--nf-color-sunken);
+    color: var(--nf-color-text);
+    font-family: var(--nf-font-code);
+    font-size: var(--nf-font-size-sm);
+  }
+  .error {
+    margin: var(--nf-space-1) 0 0;
+    color: var(--nf-color-danger);
+    font-size: var(--nf-font-size-sm);
+  }
+  .inspect {
+    margin-top: var(--nf-space-2);
+    border-collapse: collapse;
+    font-size: var(--nf-font-size-sm);
+  }
+  .inspect th {
+    padding: 2px var(--nf-space-3) 2px 0;
+    color: var(--nf-color-text-muted);
+    font-weight: 400;
+    text-align: left;
+  }
+  .inspect td {
+    padding: 2px var(--nf-space-2) 2px 0;
+  }
+  .inspect tr.effective th,
+  .inspect tr.effective code {
+    color: var(--nf-color-accent-text);
+  }
+  .effective-label {
+    color: var(--nf-color-text-faint);
+  }
+  .key {
+    margin: var(--nf-space-2) 0 0;
+    color: var(--nf-color-text-faint);
+    font-family: var(--nf-font-code);
+    font-size: 11px;
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/SettingsDialog.svelte b/plugins/settings-ui/src/dialogs/settings/SettingsDialog.svelte
new file mode 100644
index 00000000..275dd9c5
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/SettingsDialog.svelte
@@ -0,0 +1,331 @@
+<script lang="ts">
+  import {
+    AccountSyncToken,
+    EditorServices,
+    PluginHostToken,
+    ObservableValue,
+    RpcClientToken,
+    SessionContract,
+    type ServiceAccessor,
+    SettingsRegistryToken,
+    SettingsServiceToken,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    Dialog,
+    EmptyState,
+    Input,
+    Menu,
+    type MenuEntry,
+    NotificationServiceToken,
+    SETTINGS_PAGES,
+    ThemeServiceToken,
+    Tree,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { untrack } from 'svelte';
+
+  import ConflictsPage from './ConflictsPage.svelte';
+  import ImportExportPage from './ImportExportPage.svelte';
+  import PluginsPage from './plugins/PluginsPage.svelte';
+  import SettingRow from './SettingRow.svelte';
+  import { categoryTree, searchSettings, settingsIn } from '../../settings/setting-categories';
+  import { SettingsDraft } from '../../settings/settings-draft';
+  import { settingsPageApi } from './settings-page-api';
+  import { settingsTree } from './settings-tree';
+  import { SYNC_STATUS } from './sync-status.const';
+
+  interface Props {
+    services: ServiceAccessor;
+    onclose: () => void;
+    /** Page to show first (a category id or `plugins`, `import`, `conflicts`). */
+    page?: string;
+  }
+
+  const input: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const [services, onclose, initialPage] = [input.services, input.onclose, input.page];
+  const settings = services.get(SettingsServiceToken);
+  const registry = services.get(SettingsRegistryToken);
+  const account = services.tryGet(AccountSyncToken);
+  const host = services.tryGet(PluginHostToken);
+  const commands = services.get(EditorServices.Commands);
+  const notifications = services.tryGet(NotificationServiceToken);
+  const themes = services.tryGet(ThemeServiceToken)?.themes ?? [];
+  const choices: Record<string, { value: string; label: string }[]> = {
+    ...(themes.length && {
+      'appearance.theme': themes.map((theme) => ({ value: theme.id, label: theme.label })),
+    }),
+  };
+  const draft = new SettingsDraft(settings);
+  const status = account?.status;
+  const syncError = account?.error;
+  const conflicts = account?.conflicts;
+  const changes = draft.changes;
+
+  let open = $state(true);
+  let query = $state('');
+  let revision = $state(0);
+  const pageRevision = new ObservableValue(0);
+  $effect(() => {
+    const bump = () =>
+      untrack(() => {
+        revision++;
+        pageRevision.set(pageRevision.get() + 1);
+      });
+    const subscription = settings.onDidChange(bump);
+    const unsubscribe = draft.changes.subscribe(bump);
+    const scopes = draft.scopes.subscribe(bump);
+    return () => {
+      subscription.dispose();
+      unsubscribe();
+      scopes();
+    };
+  });
+
+  const pages = services
+    .get(EditorServices.Extensions)
+    .getValues(SETTINGS_PAGES)
+    .toSorted((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.title.localeCompare(b.title));
+  const owned = new Set(pages.flatMap((contributed) => contributed.settings ?? []));
+  const pageApi = settingsPageApi(registry, draft, pageRevision.readonly());
+
+  const definitions = registry
+    .getAll()
+    .filter((definition) => !definition.deprecated && !owned.has(definition.key));
+  const pluginsDisabled = registry.get('plugins.disabled');
+  const categories = categoryTree(
+    host
+      ? definitions.filter(
+          (definition) =>
+            definition !== pluginsDisabled &&
+            definition.key !== 'plugins.account' &&
+            definition.key !== 'plugins.trustedProjects',
+        )
+      : definitions,
+  );
+  const nodes = $derived(
+    settingsTree(categories, pages, { plugins: !!host, conflicts: !!$conflicts?.length }),
+  );
+  // svelte-ignore state_referenced_locally
+  let selected = $state(new Set([initialPage ?? categories[0]?.id ?? 'plugins']));
+  // svelte-ignore state_referenced_locally
+  let expanded = $state(new Set(categories.map((node) => node.id)));
+  const page = $derived([...selected][0] ?? categories[0]?.id ?? '');
+  const shown = $derived(
+    query.trim() ? searchSettings(definitions, query) : settingsIn(definitions, page),
+  );
+  const contributedPage = $derived(pages.find((contributed) => contributed.id === page));
+
+  let kept = $state(false);
+  void services
+    .get(RpcClientToken)
+    .api(SessionContract)
+    .info(null)
+    .then((session) => (kept = session.mode === 'ONLINE' && !session.features.includes('settings')))
+    .catch(() => undefined);
+
+  const notify = (kind: 'info' | 'error', title: string, detail?: string) =>
+    notifications?.notify(kind, title, detail ? { detail } : {});
+
+  const apply = async () => {
+    const failed = await draft.apply();
+    for (const { key, error } of failed) {
+      notify(
+        'error',
+        `Could not save ${key}`,
+        error instanceof Error ? error.message : String(error),
+      );
+    }
+    return !failed.length;
+  };
+
+  const close = () => {
+    open = false;
+    onclose();
+  };
+
+  const editJson = (): MenuEntry[] => [
+    ...(settings.hasStore('project')
+      ? [
+          {
+            kind: 'item' as const,
+            id: 'project',
+            label: 'Project settings (settings.json)',
+            onSelect: () => void openFile('.nanoforge/editor/settings.json'),
+          },
+        ]
+      : []),
+    ...(settings.hasStore('projectLocal')
+      ? [
+          {
+            kind: 'item' as const,
+            id: 'projectLocal',
+            label: 'Project, only me (local.json)',
+            onSelect: () => void openFile('.nanoforge/editor/local.json'),
+          },
+        ]
+      : []),
+  ];
+
+  const openFile = async (path: string) => {
+    if (!(await apply())) return;
+    close();
+    await commands.execute('documents.open', path);
+  };
+</script>
+
+<Dialog bind:open title="Settings" width="min(1040px, 94vw)" onclose={close}>
+  <div class="settings">
+    <div class="top">
+      <Input bind:value={query} placeholder="Search settings" aria-label="Search settings" />
+      {#if $status}
+        <span
+          class="sync {$status}"
+          role="status"
+          title={kept
+            ? 'Account sync is not available yet: settings stay on this editor.'
+            : $status === 'error'
+              ? $syncError
+              : undefined}
+          >{kept && $status === 'idle' ? 'Saved on this editor' : SYNC_STATUS[$status]}</span
+        >
+        {#if $status === 'error' && $syncError}
+          <span class="sync-error">{$syncError}</span>
+        {/if}
+      {/if}
+      {#if editJson().length}
+        <Menu items={editJson()} align="end">
+          {#snippet trigger({ props: triggerProps })}
+            <Button {...triggerProps} size="sm" variant="ghost" icon="file-code"
+              >Edit as JSON</Button
+            >
+          {/snippet}
+        </Menu>
+      {/if}
+    </div>
+    <div class="body">
+      <nav aria-label="Settings categories">
+        <Tree
+          label="Settings categories"
+          {nodes}
+          bind:expanded
+          selected={query.trim() ? new Set() : selected}
+          onselectionchange={(next) => {
+            selected = next;
+            query = '';
+          }}
+        />
+      </nav>
+      <div class="content">
+        {#if query.trim()}
+          {#each shown as definition (definition.key)}
+            <SettingRow
+              {definition}
+              {draft}
+              {settings}
+              {revision}
+              choices={choices[definition.key]}
+            />
+          {:else}
+            <EmptyState icon="search" title="No setting matches" />
+          {/each}
+        {:else if page === 'plugins' && host && pluginsDisabled}
+          <PluginsPage
+            {services}
+            {host}
+            {draft}
+            definition={pluginsDisabled}
+            {revision}
+            onreload={async () => {
+              if (await apply()) location.reload();
+            }}
+          />
+        {:else if contributedPage}
+          {@const Page = contributedPage.component}
+          <Page {services} page={pageApi} />
+        {:else if page === 'import'}
+          <ImportExportPage {settings} {notify} />
+        {:else if page === 'conflicts'}
+          <ConflictsPage
+            conflicts={$conflicts ?? []}
+            onresolve={(key, value) => void account?.resolveConflict(key, value)}
+          />
+        {:else}
+          {#each shown as definition (definition.key)}
+            <SettingRow
+              {definition}
+              {draft}
+              {settings}
+              {revision}
+              choices={choices[definition.key]}
+            />
+          {:else}
+            <EmptyState icon="sliders-horizontal" title="No settings in this category" />
+          {/each}
+        {/if}
+      </div>
+    </div>
+  </div>
+  {#snippet footer()}
+    <Button onclick={close}>Cancel</Button>
+    <Button disabled={!$changes.size} onclick={() => void apply()}>Apply</Button>
+    <Button
+      variant="primary"
+      onclick={async () => {
+        if (await apply()) close();
+      }}>OK</Button
+    >
+  {/snippet}
+</Dialog>
+
+<style>
+  .sync-error {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .settings {
+    display: flex;
+    flex-direction: column;
+    /* The dialog is at most 70vh, with its header and footer. */
+    height: min(640px, calc(70vh - 120px));
+    min-height: 0;
+  }
+  .top {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    padding-bottom: var(--nf-space-2);
+  }
+  .top :global(input) {
+    flex: 1;
+  }
+  .sync {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+    white-space: nowrap;
+  }
+  .sync.conflict,
+  .sync.error {
+    color: var(--nf-color-warning);
+  }
+  .body {
+    display: grid;
+    flex: 1;
+    grid-template-columns: 240px 1fr;
+    min-height: 0;
+    border: 1px solid var(--nf-color-border);
+    border-radius: var(--nf-radius-float);
+    overflow: hidden;
+  }
+  nav {
+    min-height: 0;
+    border-right: 1px solid var(--nf-color-border);
+    background: var(--nf-color-sunken);
+    overflow: auto;
+  }
+  .content {
+    min-height: 0;
+    overflow: auto;
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/open-settings-dialog.ts b/plugins/settings-ui/src/dialogs/settings/open-settings-dialog.ts
new file mode 100644
index 00000000..51fe40b4
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/open-settings-dialog.ts
@@ -0,0 +1,33 @@
+import { mount, unmount } from 'svelte';
+
+import type { ServiceAccessor } from '@nanoforge-dev/editor-sdk';
+
+import SettingsDialog from './SettingsDialog.svelte';
+
+let current: { component: ReturnType<typeof mount>; host: HTMLElement } | undefined;
+
+/** Closes the Settings dialog, when it is open. */
+export const closeSettingsDialog = (): void => {
+  if (!current) return;
+  void unmount(current.component);
+  current.host.remove();
+  current = undefined;
+};
+
+/** Shows the Settings dialog, on a page when one is given (a category id, `plugins`…). */
+export const openSettingsDialog = (services: ServiceAccessor, page?: unknown): void => {
+  closeSettingsDialog();
+  const host = document.createElement('div');
+  document.body.append(host);
+  current = {
+    host,
+    component: mount(SettingsDialog, {
+      target: host,
+      props: {
+        services,
+        ...(typeof page === 'string' && { page }),
+        onclose: closeSettingsDialog,
+      },
+    }),
+  };
+};
diff --git a/plugins/settings-ui/src/dialogs/settings/plugins/InstalledPluginsTab.svelte b/plugins/settings-ui/src/dialogs/settings/plugins/InstalledPluginsTab.svelte
new file mode 100644
index 00000000..15b3b43a
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/plugins/InstalledPluginsTab.svelte
@@ -0,0 +1,148 @@
+<script lang="ts">
+  import type { PluginInfo } from '@nanoforge-dev/editor-sdk';
+  import { Button, Switch } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { type KnownPlugin, scopeOf } from '../../../marketplace/marketplace';
+  import type { PluginsPageState } from './plugins-page-state.svelte';
+
+  interface Props {
+    page: PluginsPageState;
+    plugins: readonly PluginInfo[];
+    known: readonly KnownPlugin[];
+    /** Names of the disabled plugins, with the pending changes. */
+    disabled: ReadonlySet<string>;
+    /** Plugins that cannot be disabled (they show no switch). */
+    required: readonly string[];
+    ontoggle: (name: string, enabled: boolean) => void;
+  }
+
+  const { page, plugins, known, disabled, required, ontoggle }: Props = $props();
+
+  const STATUS: Record<string, string> = {
+    ok: 'active',
+    disabled: 'disabled',
+    shadowed: 'replaced by another copy',
+    'incompatible-editor': 'needs another editor version',
+    'incompatible-runtime': 'built for another editor',
+    'missing-dependency': 'missing a dependency',
+    'dependency-version': 'wrong dependency version',
+    'dependency-failed': 'a dependency failed',
+    cycle: 'dependency cycle',
+  };
+  const SOURCE: Record<string, string> = {
+    bundled: 'built in',
+    installed: 'installed for me',
+    project: 'installed for this project',
+    dev: 'development',
+  };
+</script>
+
+<p class="hint">
+  Enabling, disabling, installing or removing a plugin takes effect after a reload of the editor.
+</p>
+<ul class="installed" aria-label="Installed plugins">
+  {#each plugins as plugin (`${plugin.descriptor.source}:${plugin.name}`)}
+    {@const enabled = !disabled.has(plugin.name)}
+    {@const scope = scopeOf(plugin.descriptor.source)}
+    {@const change = page.pending.get(plugin.name)}
+    {@const label = plugin.descriptor.manifest.displayName ?? plugin.name}
+    {@const update = page.newest.get(plugin.name)}
+    <li class="row">
+      <div class="text">
+        <span class="name">{label}</span>
+        <span class="meta">
+          {plugin.name} · {plugin.descriptor.manifest.version} ·
+          {SOURCE[plugin.descriptor.source] ?? plugin.descriptor.source} ·
+          {change === 'removed'
+            ? 'removed, reload to finish'
+            : change
+              ? `${change.version} installed, reload to finish`
+              : plugin.status.kind === 'ok'
+                ? plugin.state
+                : (STATUS[plugin.status.kind] ?? plugin.status.kind)}
+        </span>
+        {#if plugin.descriptor.manifest.description}
+          <span class="description">{plugin.descriptor.manifest.description}</span>
+        {/if}
+      </div>
+      {#if scope && !change}
+        {#if page.busy === plugin.name}
+          <Button size="sm" disabled>Working…</Button>
+        {:else}
+          {#if update && update !== plugin.descriptor.manifest.version}
+            <Button
+              size="sm"
+              variant="primary"
+              aria-label={`Update ${label} to ${update}`}
+              onclick={() => void page.install(plugin.name, scope)}>Update to {update}</Button
+            >
+          {/if}
+          <Button
+            size="sm"
+            aria-label={`Uninstall ${label}`}
+            onclick={() => void page.uninstall(plugin.name, scope)}>Uninstall</Button
+          >
+        {/if}
+      {/if}
+      {#if required.includes(plugin.name)}
+        <span class="required">Required</span>
+      {:else}
+        <Switch
+          checked={enabled}
+          label={`${enabled ? 'Disable' : 'Enable'} ${label}`}
+          onchange={(checked) => ontoggle(plugin.name, checked)}
+        />
+      {/if}
+    </li>
+  {/each}
+  {#each [...page.pending].filter(([name, change]) => change !== 'removed' && !known.some((plugin) => plugin.name === name && scopeOf(plugin.source))) as [name, change] (name)}
+    <li class="row">
+      <div class="text">
+        <span class="name">{name}</span>
+        <span class="meta">
+          {name} · {change !== 'removed' ? change.version : ''} · installed, reload to finish
+        </span>
+      </div>
+    </li>
+  {/each}
+</ul>
+
+<style>
+  .hint {
+    margin: 0 0 var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  /* The list scrolls inside the page, under the tabs. */
+  .installed {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .row {
+    display: flex;
+    gap: var(--nf-space-3);
+    align-items: center;
+    padding: var(--nf-space-2) 0;
+    border-bottom: 1px solid var(--nf-color-border);
+  }
+  .text {
+    display: grid;
+    flex: 1;
+    gap: 2px;
+    min-width: 0;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .meta,
+  .description,
+  .required {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/plugins/MarketplaceTab.svelte b/plugins/settings-ui/src/dialogs/settings/plugins/MarketplaceTab.svelte
new file mode 100644
index 00000000..88a6dd28
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/plugins/MarketplaceTab.svelte
@@ -0,0 +1,232 @@
+<script lang="ts">
+  import { Button, EmptyState, Input, Menu, type MenuEntry } from '@nanoforge-dev/editor-sdk/ui';
+
+  import { SCOPE_LABEL, compactCount, marketAction } from '../../../marketplace/marketplace';
+  import type { PluginsPageState } from './plugins-page-state.svelte';
+
+  const { page }: { page: PluginsPageState } = $props();
+
+  const installMenu = (name: string): MenuEntry[] => [
+    {
+      kind: 'item',
+      id: 'user',
+      label: 'For me (every project)',
+      onSelect: () => void page.install(name, 'user'),
+    },
+    {
+      kind: 'item',
+      id: 'project',
+      label: 'For this project',
+      onSelect: () => void page.install(name, 'project'),
+    },
+  ];
+  const date = (iso: string) => (iso ? new Date(iso).toLocaleDateString() : '');
+</script>
+
+{#snippet marketButton(name: string, compatible: string | undefined)}
+  {@const copy = page.copyOf(name)}
+  {@const action = marketAction(copy, compatible)}
+  {#if page.busy === name}
+    <Button size="sm" disabled>Working…</Button>
+  {:else if action === 'install' && page.project}
+    <Menu items={installMenu(name)} align="end">
+      {#snippet trigger({ props: triggerProps })}
+        <Button {...triggerProps} size="sm" variant="primary" aria-label={`Install ${name}`}
+          >Install</Button
+        >
+      {/snippet}
+    </Menu>
+  {:else if action === 'install'}
+    <Button
+      size="sm"
+      variant="primary"
+      aria-label={`Install ${name}`}
+      onclick={() => void page.install(name, 'user')}>Install</Button
+    >
+  {:else if action === 'update' && copy?.scope}
+    <Button
+      size="sm"
+      variant="primary"
+      aria-label={`Update ${name} to ${compatible}`}
+      onclick={() => void page.install(name, copy.scope!)}>Update to {compatible}</Button
+    >
+  {:else if action === 'installed'}
+    <span class="state">Installed</span>
+  {:else if action === 'builtin'}
+    <span class="state">{copy?.version ? 'Part of this editor' : ''}</span>
+  {:else}
+    <span class="state" title="No version of this plugin runs on this editor"
+      >Needs another editor</span
+    >
+  {/if}
+{/snippet}
+
+<div class="market">
+  <div class="results">
+    <Input bind:value={page.query} placeholder="Search plugins" aria-label="Search plugins" />
+    {#if page.unavailable}
+      <EmptyState icon="plug" title="Marketplace not available" description={page.unavailable}>
+        {#snippet actions()}
+          <Button size="sm" onclick={() => void page.search(page.query)}>Try again</Button>
+        {/snippet}
+      </EmptyState>
+    {:else if !page.results.length}
+      <EmptyState
+        icon="plug"
+        title={page.searching
+          ? 'Searching…'
+          : page.query.trim()
+            ? 'No plugin matches'
+            : 'No plugins yet'}
+      />
+    {:else}
+      <ul aria-label="Marketplace plugins">
+        {#each page.results as item (item.name)}
+          <li class:selected={item.name === page.selected}>
+            <button
+              type="button"
+              class="pick"
+              aria-current={item.name === page.selected}
+              onclick={() => (page.selected = item.name)}
+            >
+              <span class="name">{item.name}</span>
+              <span class="meta">
+                {item.version}{item.author ? ` · ${item.author}` : ''} ·
+                {compactCount(item.downloads)} downloads
+              </span>
+              {#if item.description}<span class="description">{item.description}</span>{/if}
+            </button>
+          </li>
+        {/each}
+      </ul>
+      {#if page.total > page.results.length}
+        <p class="hint">{page.results.length} of {page.total} shown: search to narrow.</p>
+      {/if}
+    {/if}
+  </div>
+  <div class="details" aria-label="Plugin details">
+    {#if page.details && page.details.name === page.selected}
+      {@const details = page.details}
+      {@const copy = page.copyOf(details.name)}
+      <div class="title">
+        <div class="text">
+          <span class="name">{details.name}</span>
+          <span class="meta">
+            {details.author || 'Unknown author'} · latest {details.version}
+            {#if copy}
+              · {copy.scope ? `${copy.version} installed ${SCOPE_LABEL[copy.scope]}` : 'built in'}
+            {/if}
+          </span>
+        </div>
+        {@render marketButton(details.name, details.compatible)}
+      </div>
+      {#if details.description}<p>{details.description}</p>{/if}
+      {#if details.readme}<pre class="readme">{details.readme}</pre>{/if}
+      <h3>Versions</h3>
+      <ul class="versions" aria-label="Versions">
+        {#each details.versions as version (version.version)}
+          <li>
+            <span>{version.version}</span>
+            <span class="meta">
+              {date(version.publishedAt)}{version.engines.editor
+                ? ` · editor ${version.engines.editor}`
+                : ''}
+            </span>
+          </li>
+        {/each}
+      </ul>
+    {:else if !page.unavailable && page.results.length}
+      <EmptyState icon="plug" title={page.selected ? 'Loading…' : 'Select a plugin'} />
+    {/if}
+  </div>
+</div>
+
+<style>
+  h3 {
+    margin: var(--nf-space-3) 0 var(--nf-space-1);
+    font-size: inherit;
+  }
+  .hint {
+    margin: 0 0 var(--nf-space-2);
+    color: var(--nf-color-text-muted);
+  }
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .text {
+    display: grid;
+    gap: 2px;
+    min-width: 0;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .meta,
+  .description,
+  .state {
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .state {
+    white-space: nowrap;
+  }
+  .market {
+    display: grid;
+    flex: 1;
+    grid-template-columns: minmax(220px, 2fr) 3fr;
+    gap: var(--nf-space-3);
+    min-height: 0;
+  }
+  .results,
+  .details {
+    min-height: 0;
+    overflow: auto;
+  }
+  .results {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nf-space-2);
+  }
+  .details {
+    padding-left: var(--nf-space-3);
+    border-left: 1px solid var(--nf-color-border);
+  }
+  .pick {
+    display: grid;
+    gap: 2px;
+    width: 100%;
+    padding: var(--nf-space-2);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .pick:hover {
+    background: var(--nf-color-hover);
+  }
+  .selected .pick {
+    background: var(--nf-color-selection);
+  }
+  .title {
+    display: flex;
+    gap: var(--nf-space-3);
+    align-items: center;
+    justify-content: space-between;
+  }
+  .readme {
+    margin: var(--nf-space-2) 0 0;
+    font: inherit;
+    white-space: pre-wrap;
+  }
+  .versions li {
+    display: flex;
+    gap: var(--nf-space-3);
+    justify-content: space-between;
+    padding: 2px 0;
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/plugins/PluginsPage.svelte b/plugins/settings-ui/src/dialogs/settings/plugins/PluginsPage.svelte
new file mode 100644
index 00000000..94916647
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/plugins/PluginsPage.svelte
@@ -0,0 +1,179 @@
+<script lang="ts">
+  import { untrack } from 'svelte';
+
+  import {
+    type PluginHost,
+    ProjectServiceToken,
+    REQUIRED_PLUGINS,
+    RpcClientToken,
+    type ServiceAccessor,
+    type SettingDefinition,
+    SettingsServiceToken,
+    type WritableScope,
+  } from '@nanoforge-dev/editor-sdk';
+  import { Button, Tabs } from '@nanoforge-dev/editor-sdk/ui';
+
+  import type { SettingsDraft } from '../../../settings/settings-draft';
+  import InstalledPluginsTab from './InstalledPluginsTab.svelte';
+  import MarketplaceTab from './MarketplaceTab.svelte';
+  import { PluginsPageState, registryApi } from './plugins-page-state.svelte';
+
+  interface Props {
+    services: ServiceAccessor;
+    host: PluginHost;
+    draft: SettingsDraft;
+    /** `plugins.disabled`. */
+    definition: SettingDefinition;
+    revision: number;
+    onreload: () => void;
+  }
+
+  const { services, host, draft, definition, revision, onreload }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const plugins = host.plugins;
+
+  const known = $derived(
+    $plugins.map((plugin) => ({
+      name: plugin.name,
+      version: plugin.descriptor.manifest.version,
+      source: plugin.descriptor.source,
+    })),
+  );
+  // svelte-ignore state_referenced_locally
+  const page = new PluginsPageState(
+    registryApi(services.get(RpcClientToken)),
+    services.get(ProjectServiceToken).current.get()?.id,
+    services.get(SettingsServiceToken),
+    () => known,
+  );
+
+  const disabled = $derived.by(() => {
+    void revision;
+    return new Set(draft.valueOf(definition) as string[]);
+  });
+  const changed = $derived.by(() => {
+    void revision;
+    return draft.changes.get().has(definition.key);
+  });
+
+  /** The disabled list of one scope only: the shown list merges every scope. */
+  const listIn = (scope: WritableScope) =>
+    (draft.scopeValue(definition, scope) as string[] | undefined) ?? [];
+  /**
+   * Disabling adds the plugin to the target scope's list. Enabling removes it from every scope
+   * that lists it: writing the merged list into one scope would leave it disabled by another, and
+   * copy personal entries into a project's committed settings.
+   */
+  const toggle = (name: string, enabled: boolean) => {
+    if (!enabled) {
+      const scope = draft.scopeOf(definition);
+      const list = listIn(scope);
+      if (!list.includes(name)) draft.setIn(definition, [...list, name].sort(), scope);
+      return;
+    }
+    for (const scope of definition.scopes) {
+      const list = listIn(scope);
+      if (list.includes(name))
+        draft.setIn(
+          definition,
+          list.filter((entry) => entry !== name),
+          scope,
+        );
+    }
+  };
+
+  let tab = $state<'marketplace' | 'installed'>('installed');
+
+  $effect(() => {
+    if (tab !== 'marketplace') return;
+    const text = page.query;
+    const timer = setTimeout(
+      () => void page.search(text),
+      untrack(() => page.results.length) ? 200 : 0,
+    );
+    return () => clearTimeout(timer);
+  });
+
+  $effect(() => {
+    const name = page.selected;
+    page.details = undefined;
+    if (!name) return;
+    return page.loadDetails(name);
+  });
+
+  $effect(() => {
+    if (tab === 'installed') untrack(() => page.lookUpNewest(known));
+  });
+</script>
+
+<section class="page" aria-label="Plugins">
+  <header>
+    <h2>Plugins</h2>
+    <Tabs
+      label="Plugins"
+      items={[
+        { id: 'marketplace', label: 'Marketplace' },
+        { id: 'installed', label: 'Installed' },
+      ]}
+      active={tab}
+      onchange={(id) => (tab = id as typeof tab)}
+    />
+  </header>
+  {#if changed || page.pending.size}
+    <p class="reload" role="status">
+      {page.pending.size
+        ? 'Plugins were installed or removed: reload the editor to finish.'
+        : 'Apply your changes, then reload.'}
+      <Button size="sm" variant="primary" onclick={onreload}
+        >{page.pending.size && !changed ? 'Reload now' : 'Apply and reload'}</Button
+      >
+    </p>
+  {/if}
+  {#if page.failure}
+    <p class="failure" role="alert">{page.failure}</p>
+  {/if}
+
+  {#if tab === 'marketplace'}
+    <MarketplaceTab {page} />
+  {:else}
+    <InstalledPluginsTab
+      {page}
+      plugins={$plugins}
+      {known}
+      {disabled}
+      required={REQUIRED_PLUGINS}
+      ontoggle={toggle}
+    />
+  {/if}
+</section>
+
+<style>
+  .page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    padding: var(--nf-space-3) var(--nf-space-4);
+    box-sizing: border-box;
+  }
+  header {
+    display: flex;
+    gap: var(--nf-space-4);
+    align-items: center;
+    margin-bottom: var(--nf-space-2);
+  }
+  h2 {
+    margin: 0;
+    font-size: var(--nf-font-size-lg);
+  }
+  .reload {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    margin: 0 0 var(--nf-space-2);
+  }
+  .failure {
+    margin: 0 0 var(--nf-space-2);
+    color: var(--nf-color-danger);
+  }
+</style>
diff --git a/plugins/settings-ui/src/dialogs/settings/plugins/plugins-page-state.svelte.ts b/plugins/settings-ui/src/dialogs/settings/plugins/plugins-page-state.svelte.ts
new file mode 100644
index 00000000..8baa310f
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/plugins/plugins-page-state.svelte.ts
@@ -0,0 +1,162 @@
+import { SvelteMap } from 'svelte/reactivity';
+
+import {
+  type PluginScope,
+  RegistryContract,
+  type RegistryItem,
+  type RegistrySummary,
+  type RpcClient,
+  type SettingsService,
+} from '@nanoforge-dev/editor-sdk';
+
+import {
+  ACCOUNT_PLUGINS,
+  type AccountPlugins,
+  type InstalledCopy,
+  type KnownPlugin,
+  type PendingChange,
+  installedCopy,
+  scopeOf,
+  withAccountPlugin,
+  withoutAccountPlugins,
+} from '../../../marketplace/marketplace';
+
+export const registryApi = (rpc: RpcClient) => rpc.api(RegistryContract);
+export type RegistryApi = ReturnType<typeof registryApi>;
+export type PluginDetails = RegistryItem & { compatible?: string | undefined };
+
+const message = (error: unknown) => (error instanceof Error ? error.message : String(error));
+const codeOf = (error: unknown) => (error as { code?: string }).code;
+
+/**
+ * What the Plugins page keeps while its tabs come and go: the marketplace search, the selected
+ * plugin, and what the page installed or removed (the editor follows after a reload).
+ */
+export class PluginsPageState {
+  query = $state('');
+  results = $state<RegistrySummary[]>([]);
+  total = $state(0);
+  searching = $state(false);
+  /** Why the marketplace can't be shown, when it can't. */
+  unavailable = $state<string>();
+  selected = $state<string>();
+  details = $state<PluginDetails>();
+  /** The plugin being installed, updated or removed. */
+  busy = $state<string>();
+  failure = $state<string>();
+  /** What this page changed on disk: the editor follows after a reload. */
+  readonly pending = new SvelteMap<string, PendingChange>();
+  /** The newest version this editor can run, per installed plugin the registry knows. */
+  readonly newest = new SvelteMap<string, string>();
+  private _generation = 0;
+  private _lookedUp = false;
+
+  constructor(
+    private readonly _registry: RegistryApi,
+    readonly project: string | undefined,
+    private readonly _settings: SettingsService,
+    /** The plugins the host knows. */
+    private readonly _known: () => readonly KnownPlugin[],
+  ) {}
+
+  copyOf(name: string): InstalledCopy | undefined {
+    return installedCopy(name, this._known(), this.pending);
+  }
+
+  async search(text: string): Promise<void> {
+    const mine = ++this._generation;
+    this.searching = true;
+    try {
+      const found = await this._registry.search({ type: 'plugin', q: text });
+      if (mine !== this._generation) return;
+      this.results = found.items;
+      this.total = found.total;
+      this.unavailable = undefined;
+      if (!found.items.some((item) => item.name === this.selected))
+        this.selected = found.items[0]?.name;
+    } catch (error) {
+      if (mine !== this._generation) return;
+      this.results = [];
+      this.total = 0;
+      this.unavailable =
+        codeOf(error) === 'UNAVAILABLE'
+          ? 'The plugin registry cannot be reached right now. Installed plugins keep working.'
+          : message(error);
+    } finally {
+      if (mine === this._generation) this.searching = false;
+    }
+  }
+
+  /** Reads the details of a plugin; the returned function drops a late answer. */
+  loadDetails(name: string): () => void {
+    let stale = false;
+    this._registry.details({ name }).then(
+      (item) => {
+        if (stale) return;
+        this.details = item;
+        if (item.compatible) this.newest.set(name, item.compatible);
+      },
+      () => undefined,
+    );
+    return () => {
+      stale = true;
+    };
+  }
+
+  /** Asks the registry, once, for the newest version of each installed plugin. */
+  lookUpNewest(known: readonly KnownPlugin[]): void {
+    if (this._lookedUp) return;
+    this._lookedUp = true;
+    for (const plugin of known) {
+      if (!scopeOf(plugin.source)) continue;
+      this._registry.details({ name: plugin.name }).then(
+        (item) => item.compatible && this.newest.set(plugin.name, item.compatible),
+        () => undefined,
+      );
+    }
+  }
+
+  install(name: string, scope: PluginScope): Promise<void> {
+    return this._run(name, async () => {
+      const { version } = await this._registry.installPlugin(this._target(name, scope));
+      if (scope === 'user') this._remember(withAccountPlugin(this._accountList(), name, version));
+      return { version, scope };
+    });
+  }
+
+  uninstall(name: string, scope: PluginScope): Promise<void> {
+    return this._run(name, async () => {
+      await this._registry.uninstallPlugin(this._target(name, scope));
+      if (scope === 'user') this._remember(withoutAccountPlugins(this._accountList(), [name]));
+      return 'removed';
+    });
+  }
+
+  private async _run(name: string, action: () => Promise<PendingChange>): Promise<void> {
+    this.busy = name;
+    this.failure = undefined;
+    try {
+      this.pending.set(name, await action());
+    } catch (error) {
+      this.failure =
+        codeOf(error) === 'FORBIDDEN'
+          ? 'Plugins can only be installed in a local editor.'
+          : `${name}: ${message(error)}`;
+    } finally {
+      this.busy = undefined;
+    }
+  }
+
+  private _accountList(): AccountPlugins {
+    return (this._settings.get(ACCOUNT_PLUGINS) ?? {}) as AccountPlugins;
+  }
+
+  private _remember(list: AccountPlugins): void {
+    if (this._settings.hasStore('account'))
+      void this._settings.set(ACCOUNT_PLUGINS, list, 'account');
+  }
+
+  private _target(name: string, scope: PluginScope) {
+    return { name, scope, ...(scope === 'project' && this.project && { project: this.project }) };
+  }
+}
diff --git a/plugins/settings-ui/src/dialogs/settings/settings-page-api.ts b/plugins/settings-ui/src/dialogs/settings/settings-page-api.ts
new file mode 100644
index 00000000..305ef8df
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/settings-page-api.ts
@@ -0,0 +1,26 @@
+import type { Observable, SettingsRegistry } from '@nanoforge-dev/editor-sdk';
+import type { SettingsPageApi } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { SettingsDraft } from '../../settings/settings-draft';
+
+/** What a contributed settings page reads and writes: the dialog's draft. */
+export const settingsPageApi = (
+  registry: SettingsRegistry,
+  draft: SettingsDraft,
+  revision: Observable<number>,
+): SettingsPageApi => ({
+  value: (key) => {
+    const definition = registry.get(key);
+    return definition ? draft.valueOf(definition) : undefined;
+  },
+  scopeValue: (key, scope) => {
+    const definition = registry.get(key);
+    return definition ? draft.scopeValue(definition, scope) : undefined;
+  },
+  set: (key, value, scope) => {
+    const definition = registry.get(key);
+    if (definition) draft.setIn(definition, value, scope);
+  },
+  isPending: (key) => draft.changes.get().has(key),
+  revision,
+});
diff --git a/plugins/settings-ui/src/dialogs/settings/settings-tree.ts b/plugins/settings-ui/src/dialogs/settings/settings-tree.ts
new file mode 100644
index 00000000..4fb082c4
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/settings-tree.ts
@@ -0,0 +1,29 @@
+import type { SettingsPage, TreeNode } from '@nanoforge-dev/editor-sdk/ui';
+
+import type { CategoryNode } from '../../settings/setting-categories';
+
+const toNodes = (list: readonly CategoryNode[]): TreeNode[] =>
+  list.map((node) => ({
+    id: node.id,
+    label: node.label,
+    ...(node.children.length && { children: toNodes(node.children) }),
+  }));
+
+/** The tree of the dialog: categories, contributed pages, then the editor's own pages. */
+export const settingsTree = (
+  categories: readonly CategoryNode[],
+  pages: readonly SettingsPage[],
+  options: { plugins: boolean; conflicts: boolean },
+): TreeNode[] => [
+  ...toNodes(categories),
+  ...pages.map((contributed) => ({
+    id: contributed.id,
+    label: contributed.title,
+    ...(contributed.icon && { icon: contributed.icon }),
+  })),
+  ...(options.plugins ? [{ id: 'plugins', label: 'Plugins', icon: 'plug' }] : []),
+  { id: 'import', label: 'Import & export', icon: 'download' },
+  ...(options.conflicts
+    ? [{ id: 'conflicts', label: 'Sync conflicts', icon: 'triangle-alert' }]
+    : []),
+];
diff --git a/plugins/settings-ui/src/dialogs/settings/sync-status.const.ts b/plugins/settings-ui/src/dialogs/settings/sync-status.const.ts
new file mode 100644
index 00000000..d1464ce6
--- /dev/null
+++ b/plugins/settings-ui/src/dialogs/settings/sync-status.const.ts
@@ -0,0 +1,11 @@
+import type { SyncStatus } from '@nanoforge-dev/editor-sdk';
+
+/** What the dialog says of the account sync. */
+export const SYNC_STATUS: Record<SyncStatus, string> = {
+  idle: 'Account synced',
+  syncing: 'Syncing…',
+  pending: 'Changes waiting to sync',
+  offline: 'Offline: changes sync later',
+  conflict: 'Sync conflicts to resolve',
+  error: 'Sync failed',
+};
diff --git a/plugins/settings-ui/src/index.ts b/plugins/settings-ui/src/index.ts
new file mode 100644
index 00000000..9a7fe7ea
--- /dev/null
+++ b/plugins/settings-ui/src/index.ts
@@ -0,0 +1,84 @@
+import {
+  AccountSyncToken,
+  JSON_SCHEMAS,
+  PluginHostToken,
+  RpcClientToken,
+  SettingsRegistryToken,
+  SettingsServiceToken,
+  definePlugin,
+  jsonSchemaOf,
+} from '@nanoforge-dev/editor-sdk';
+import { NotificationServiceToken, StyleServiceToken } from '@nanoforge-dev/editor-sdk/ui';
+
+import { closeSettingsDialog, openSettingsDialog } from './dialogs/settings/open-settings-dialog';
+import { followAccountPlugins } from './marketplace/account-plugins';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('settings-ui.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+
+    context.subscriptions.add({ dispose: closeSettingsDialog });
+    context.subscriptions.add(
+      context.registerCommand('settings.open', (_services, page?: unknown) =>
+        openSettingsDialog(services, page),
+      ),
+    );
+
+    const registry = services.get(SettingsRegistryToken);
+    context.subscriptions.add(
+      context.contribute(JSON_SCHEMAS, {
+        fileMatch: ['.nanoforge/editor/settings.json', '.nanoforge/editor/local.json'],
+        schema: () => ({
+          type: 'object',
+          properties: Object.fromEntries(
+            registry.getAll().map((definition) => [
+              definition.key,
+              {
+                ...(jsonSchemaOf(definition) as object),
+                ...((definition.title ?? definition.description) && {
+                  description: [definition.title, definition.description]
+                    .filter(Boolean)
+                    .join(': '),
+                }),
+              },
+            ]),
+          ),
+        }),
+      }),
+    );
+
+    const host = services.tryGet(PluginHostToken);
+    const notifications = services.tryGet(NotificationServiceToken);
+    if (host && notifications) {
+      context.subscriptions.add(
+        followAccountPlugins({
+          rpc: services.get(RpcClientToken),
+          settings: services.get(SettingsServiceToken),
+          host,
+          notifications,
+        }),
+      );
+    }
+
+    const account = services.tryGet(AccountSyncToken);
+    if (account) {
+      let known = 0;
+      context.subscriptions.add({
+        dispose: account.conflicts.subscribe((conflicts) => {
+          if (conflicts.length > known) {
+            services
+              .tryGet(NotificationServiceToken)
+              ?.notify('warning', 'Some settings conflict with your account', {
+                detail: 'Open Settings › Sync conflicts to choose which values to keep.',
+              });
+          }
+          known = conflicts.length;
+        }),
+      });
+    }
+  },
+});
diff --git a/plugins/settings-ui/src/marketplace/account-plugins.ts b/plugins/settings-ui/src/marketplace/account-plugins.ts
new file mode 100644
index 00000000..dc9eb03c
--- /dev/null
+++ b/plugins/settings-ui/src/marketplace/account-plugins.ts
@@ -0,0 +1,113 @@
+import {
+  type Disposable,
+  type PluginHost,
+  RegistryContract,
+  type RpcClient,
+  SessionContract,
+  type SettingsService,
+} from '@nanoforge-dev/editor-sdk';
+import type { NotificationService } from '@nanoforge-dev/editor-sdk/ui';
+
+import {
+  ACCOUNT_PLUGINS,
+  type AccountPlugins,
+  missingAccountPlugins,
+  withoutAccountPlugins,
+} from './marketplace';
+
+export interface AccountPluginsOptions {
+  readonly rpc: RpcClient;
+  readonly settings: SettingsService;
+  readonly host: PluginHost;
+  readonly notifications: NotificationService;
+  /** Wait before the first look, so the account settings and the plugin list are there. */
+  readonly delay?: number;
+}
+
+/**
+ * Offers to install the plugins of the account that this editor lacks (installed "for me" on
+ * another machine). Local editors only: a hosted editor does not install plugins.
+ */
+export const followAccountPlugins = (options: AccountPluginsOptions): Disposable => {
+  const { rpc, settings, host, notifications } = options;
+  const registry = rpc.api(RegistryContract);
+  /** Names already offered in this session: one notification each, not one per sync. */
+  const offered = new Set<string>();
+  let disposed = false;
+
+  const list = () => (settings.get(ACCOUNT_PLUGINS) ?? {}) as AccountPlugins;
+  const message = (error: unknown) => (error instanceof Error ? error.message : String(error));
+
+  const install = async (names: readonly string[]) => {
+    const failed: string[] = [];
+    for (const name of names) {
+      try {
+        await registry.installPlugin({ name, scope: 'user' });
+      } catch (error) {
+        failed.push(`${name}: ${message(error)}`);
+      }
+    }
+    if (failed.length) {
+      notifications.notify('error', 'Some plugins could not be installed', {
+        detail: failed.join('. '),
+      });
+    }
+    if (failed.length < names.length) {
+      notifications.notify('info', 'Plugins installed: reload the editor to finish', {
+        actions: [{ title: 'Reload now', run: () => location.reload() }],
+        timeout: 0,
+      });
+    }
+  };
+
+  const check = () => {
+    if (disposed) return;
+    const known = host.plugins.get().map((plugin) => ({
+      name: plugin.name,
+      version: plugin.descriptor.manifest.version,
+      source: plugin.descriptor.source,
+    }));
+    const missing = missingAccountPlugins(list(), known).filter((name) => !offered.has(name));
+    if (!missing.length) return;
+    for (const name of missing) offered.add(name);
+    const count = missing.length > 1 ? `${missing.length} plugins` : 'A plugin';
+    notifications.notify(
+      'info',
+      `${count} of your account ${missing.length > 1 ? 'are' : 'is'} not installed here`,
+      {
+        detail: missing.join(', '),
+        actions: [
+          { title: 'Install', run: () => install(missing) },
+          {
+            title: 'Remove from my account',
+            run: () =>
+              settings.set(ACCOUNT_PLUGINS, withoutAccountPlugins(list(), missing), 'account'),
+          },
+        ],
+        timeout: 0,
+      },
+    );
+  };
+
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  let subscription: Disposable | undefined;
+  void rpc
+    .api(SessionContract)
+    .info(null)
+    .then((session) => {
+      if (disposed || session.mode !== 'OFFLINE') return;
+      timer = setTimeout(check, options.delay ?? 3000);
+      subscription = settings.onDidChange((event) => {
+        if (event.keys.has(ACCOUNT_PLUGINS)) check();
+      });
+    })
+    .catch(() => undefined);
+
+  return {
+    dispose: () => {
+      disposed = true;
+      clearTimeout(timer);
+      subscription?.dispose();
+    },
+  };
+};
diff --git a/plugins/settings-ui/src/marketplace/marketplace.ts b/plugins/settings-ui/src/marketplace/marketplace.ts
new file mode 100644
index 00000000..8541fc55
--- /dev/null
+++ b/plugins/settings-ui/src/marketplace/marketplace.ts
@@ -0,0 +1,98 @@
+import type { PluginScope } from '@nanoforge-dev/editor-sdk';
+
+/** A plugin the host knows, reduced to what the marketplace needs. */
+export interface KnownPlugin {
+  readonly name: string;
+  readonly version: string;
+  readonly source: string;
+}
+
+/** A change made from the page, which the editor only follows after a reload. */
+export type PendingChange = { version: string; scope: PluginScope } | 'removed';
+
+export interface InstalledCopy {
+  readonly version: string;
+  /** Where it was installed from the marketplace; absent for built-in and dev plugins. */
+  readonly scope?: PluginScope;
+}
+
+const SCOPES: Record<string, PluginScope> = { installed: 'user', project: 'project' };
+
+/** The scope a plugin source stands for, when it is one the marketplace installs into. */
+export const scopeOf = (source: string): PluginScope | undefined => SCOPES[source];
+
+/**
+ * The copy of a plugin the marketplace should speak of: what this page just did when it did
+ * something, else the copy installed from the marketplace, else a built-in or dev one.
+ */
+export const installedCopy = (
+  name: string,
+  plugins: readonly KnownPlugin[],
+  pending: ReadonlyMap<string, PendingChange>,
+): InstalledCopy | undefined => {
+  const change = pending.get(name);
+  if (change === 'removed')
+    return plugins.find((plugin) => plugin.name === name && !scopeOf(plugin.source));
+  if (change) return change;
+  const copies = plugins.filter((plugin) => plugin.name === name);
+  const own =
+    copies.find((plugin) => plugin.source === 'project') ??
+    copies.find((plugin) => plugin.source === 'installed');
+  if (own) return { version: own.version, scope: scopeOf(own.source)! };
+  return copies[0] && { version: copies[0].version };
+};
+
+export type MarketAction = 'install' | 'update' | 'installed' | 'builtin' | 'unsupported';
+
+/** What the marketplace offers for an item, given the newest version this editor can run. */
+export const marketAction = (
+  copy: InstalledCopy | undefined,
+  compatible: string | undefined,
+): MarketAction => {
+  if (copy && !copy.scope) return 'builtin';
+  if (!compatible) return copy ? 'installed' : 'unsupported';
+  if (!copy) return 'install';
+  return copy.version === compatible ? 'installed' : 'update';
+};
+
+export const SCOPE_LABEL: Record<PluginScope, string> = {
+  user: 'for me',
+  project: 'for this project',
+};
+
+/** `1.2k`, `3.4M`: download counts in a list. */
+export const compactCount = (value: number): string =>
+  value >= 1_000_000
+    ? `${(value / 1_000_000).toFixed(1).replace(/\.0$/, '')}M`
+    : value >= 1000
+      ? `${(value / 1000).toFixed(1).replace(/\.0$/, '')}k`
+      : String(value);
+
+/** `plugins.account`: the plugins installed for me, with version ranges. */
+export const ACCOUNT_PLUGINS = 'plugins.account';
+export type AccountPlugins = Readonly<Record<string, string>>;
+
+/** The list with a plugin installed for me (its range follows the installed version). */
+export const withAccountPlugin = (
+  list: AccountPlugins,
+  name: string,
+  version: string,
+): AccountPlugins =>
+  Object.fromEntries(
+    Object.entries({ ...list, [name]: `^${version}` }).sort(([a], [b]) => a.localeCompare(b)),
+  );
+
+export const withoutAccountPlugins = (
+  list: AccountPlugins,
+  names: readonly string[],
+): AccountPlugins =>
+  Object.fromEntries(Object.entries(list).filter(([name]) => !names.includes(name)));
+
+/** The plugins of the account this editor does not have, from any source. */
+export const missingAccountPlugins = (
+  list: AccountPlugins,
+  plugins: readonly KnownPlugin[],
+): string[] =>
+  Object.keys(list)
+    .filter((name) => !plugins.some((plugin) => plugin.name === name))
+    .sort();
diff --git a/plugins/settings-ui/src/settings/setting-categories.ts b/plugins/settings-ui/src/settings/setting-categories.ts
new file mode 100644
index 00000000..97c11111
--- /dev/null
+++ b/plugins/settings-ui/src/settings/setting-categories.ts
@@ -0,0 +1,80 @@
+import type { SettingDefinition, SettingScope } from '@nanoforge-dev/editor-sdk';
+
+export const SCOPE_LABELS: Record<SettingScope, string> = {
+  default: 'Default',
+  account: 'Account',
+  machine: 'This machine',
+  project: 'Project',
+  projectLocal: 'Project (only me)',
+};
+
+export const OTHER_CATEGORY = 'Other';
+
+/** A node of the category tree: `Editor`, `Editor/Code editor`… */
+export interface CategoryNode {
+  readonly id: string;
+  readonly label: string;
+  readonly children: CategoryNode[];
+}
+
+export const categoryOf = (definition: SettingDefinition): string =>
+  definition.category ?? OTHER_CATEGORY;
+
+/** Category tree of every setting (paths split on `/`). */
+export const categoryTree = (definitions: readonly SettingDefinition[]): CategoryNode[] => {
+  const roots: CategoryNode[] = [];
+  const index = new Map<string, CategoryNode>();
+  for (const category of [...new Set(definitions.map(categoryOf))].sort()) {
+    let parent: CategoryNode[] = roots;
+    let path = '';
+    for (const part of category.split('/')) {
+      path = path ? `${path}/${part}` : part;
+      let node = index.get(path);
+      if (!node) {
+        node = { id: path, label: part, children: [] };
+        index.set(path, node);
+        parent.push(node);
+      }
+      parent = node.children;
+    }
+  }
+  return roots;
+};
+
+/** Settings of a category and its subcategories, ordered. */
+export const settingsIn = (
+  definitions: readonly SettingDefinition[],
+  category: string,
+): SettingDefinition[] =>
+  definitions
+    .filter((definition) => {
+      const own = categoryOf(definition);
+      return own === category || own.startsWith(`${category}/`);
+    })
+    .sort(
+      (a, b) =>
+        categoryOf(a).localeCompare(categoryOf(b)) ||
+        (a.order ?? 0) - (b.order ?? 0) ||
+        a.key.localeCompare(b.key),
+    );
+
+/** Settings whose title, description, key or tags contain every word of the query. */
+export const searchSettings = (
+  definitions: readonly SettingDefinition[],
+  query: string,
+): SettingDefinition[] => {
+  const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+  if (!words.length) return [];
+  return definitions.filter((definition) => {
+    const text = [
+      definition.title,
+      definition.description,
+      definition.key,
+      categoryOf(definition),
+      ...(definition.tags ?? []),
+    ]
+      .join(' ')
+      .toLowerCase();
+    return words.every((word) => text.includes(word));
+  });
+};
diff --git a/plugins/settings-ui/src/settings/setting-control.ts b/plugins/settings-ui/src/settings/setting-control.ts
new file mode 100644
index 00000000..068f5b96
--- /dev/null
+++ b/plugins/settings-ui/src/settings/setting-control.ts
@@ -0,0 +1,63 @@
+import {
+  type SettingDefinition,
+  type SettingsService,
+  type WritableScope,
+  jsonSchemaOf,
+} from '@nanoforge-dev/editor-sdk';
+
+export type Control =
+  | { kind: 'boolean' }
+  | { kind: 'enum'; options: string[] }
+  | { kind: 'number'; min?: number; max?: number; integer: boolean }
+  | { kind: 'string' }
+  | { kind: 'lines' }
+  | { kind: 'json' };
+
+/** The control a setting's schema calls for. */
+export const controlOf = (definition: SettingDefinition): Control => {
+  const schema = jsonSchemaOf(definition) as {
+    type?: string;
+    enum?: unknown[];
+    minimum?: number;
+    maximum?: number;
+    items?: { type?: string };
+  };
+  if (schema.enum?.every((value) => typeof value === 'string')) {
+    return { kind: 'enum', options: schema.enum as string[] };
+  }
+  switch (schema.type) {
+    case 'boolean':
+      return { kind: 'boolean' };
+    case 'number':
+    case 'integer':
+      return {
+        kind: 'number',
+        integer: schema.type === 'integer',
+        ...(schema.minimum !== undefined && { min: schema.minimum }),
+        ...(schema.maximum !== undefined && { max: schema.maximum }),
+      };
+    case 'string':
+      return { kind: 'string' };
+    case 'array':
+      return schema.items?.type === 'string' ? { kind: 'lines' } : { kind: 'json' };
+    default:
+      return { kind: 'json' };
+  }
+};
+
+/**
+ * Where a change goes by default: the scope the value comes from, else the account (when
+ * signed in) or this machine, else the first scope the setting allows.
+ */
+export const defaultScope = (
+  settings: SettingsService,
+  definition: SettingDefinition,
+): WritableScope => {
+  const { effectiveScope } = settings.inspect(definition);
+  const allowed = definition.scopes.filter((scope) => settings.hasStore(scope));
+  if (effectiveScope !== 'default' && allowed.includes(effectiveScope)) return effectiveScope;
+  for (const scope of ['account', 'machine', 'project', 'projectLocal'] as const) {
+    if (allowed.includes(scope)) return scope;
+  }
+  return definition.scopes[0] ?? 'machine';
+};
diff --git a/plugins/settings-ui/src/settings/settings-draft.ts b/plugins/settings-ui/src/settings/settings-draft.ts
new file mode 100644
index 00000000..674810d3
--- /dev/null
+++ b/plugins/settings-ui/src/settings/settings-draft.ts
@@ -0,0 +1,155 @@
+import {
+  ObservableValue,
+  type SettingDefinition,
+  type SettingsService,
+  type WritableScope,
+} from '@nanoforge-dev/editor-sdk';
+
+import { defaultScope } from './setting-control';
+
+export type PendingChange =
+  | { readonly kind: 'set'; readonly scope: WritableScope; readonly value: unknown }
+  | { readonly kind: 'reset'; readonly scope: WritableScope };
+
+/** Pending changes of one setting, by scope. */
+export type PendingChanges = ReadonlyMap<WritableScope, PendingChange>;
+
+/** Writable scopes from the lowest precedence to the highest. */
+const PRECEDENCE: readonly WritableScope[] = ['account', 'machine', 'project', 'projectLocal'];
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value);
+
+const deepMerge = (base: unknown, value: unknown): unknown => {
+  if (!isRecord(base) || !isRecord(value)) return value;
+  const merged: Record<string, unknown> = { ...base };
+  for (const [key, entry] of Object.entries(value)) merged[key] = deepMerge(merged[key], entry);
+  return merged;
+};
+
+/** How the settings service combines the values of the scopes (`mergeStrategy`). */
+const combine = (definition: SettingDefinition, values: readonly unknown[]): unknown => {
+  switch (definition.mergeStrategy) {
+    case 'deep':
+      return values.reduce((merged, value) => deepMerge(merged, value));
+    case 'union': {
+      if (!values.every(Array.isArray)) return values.at(-1);
+      const seen = new Set<string>();
+      return (values as unknown[][]).flat().filter((item) => {
+        const key = JSON.stringify(item);
+        if (seen.has(key)) return false;
+        seen.add(key);
+        return true;
+      });
+    }
+    default:
+      return values.at(-1);
+  }
+};
+
+/**
+ * Changes made in the dialog, written on Apply. A setting can have one pending change per scope:
+ * a list such as `plugins.disabled` merges every scope, so editing it may touch several.
+ */
+export class SettingsDraft {
+  private readonly _changes = new ObservableValue<ReadonlyMap<string, PendingChanges>>(new Map());
+  /** Target scope chosen per setting (defaults to `defaultScope`). */
+  private readonly _scopes = new ObservableValue<ReadonlyMap<string, WritableScope>>(new Map());
+
+  constructor(private readonly _settings: SettingsService) {}
+
+  get changes() {
+    return this._changes.readonly();
+  }
+
+  get scopes() {
+    return this._scopes.readonly();
+  }
+
+  scopeOf(definition: SettingDefinition): WritableScope {
+    return this._scopes.get().get(definition.key) ?? defaultScope(this._settings, definition);
+  }
+
+  /** Changes the target scope; a value set in the previous target moves with it. */
+  setScope(definition: SettingDefinition, scope: WritableScope): void {
+    const previous = this.scopeOf(definition);
+    this._scopes.set(new Map(this._scopes.get()).set(definition.key, scope));
+    const change = this._changes.get().get(definition.key)?.get(previous);
+    if (change?.kind !== 'set' || previous === scope) return;
+    this._drop(definition.key, previous);
+    this._put(definition.key, { ...change, scope });
+  }
+
+  /** The value shown for a setting: every scope with its pending change, combined. */
+  valueOf(definition: SettingDefinition): unknown {
+    const pending = this._changes.get().get(definition.key);
+    if (!pending) return this._settings.get(definition);
+    const { scopes } = this._settings.inspect(definition);
+    const values: unknown[] = [definition.default];
+    for (const scope of PRECEDENCE) {
+      const change = pending.get(scope);
+      const value = change ? (change.kind === 'set' ? change.value : undefined) : scopes[scope];
+      if (value !== undefined) values.push(value);
+    }
+    return combine(definition, values);
+  }
+
+  set(definition: SettingDefinition, value: unknown): void {
+    this._put(definition.key, { kind: 'set', scope: this.scopeOf(definition), value });
+  }
+
+  /** Sets the value of a setting in a given scope (pages that edit one scope at a time). */
+  setIn(definition: SettingDefinition, value: unknown, scope: WritableScope): void {
+    this._put(definition.key, { kind: 'set', scope, value });
+  }
+
+  /** What a scope holds for a setting, pending change included; undefined when not set there. */
+  scopeValue(definition: SettingDefinition, scope: WritableScope): unknown {
+    const change = this._changes.get().get(definition.key)?.get(scope);
+    if (change) return change.kind === 'set' ? change.value : undefined;
+    return this._settings.inspect(definition).scopes[scope];
+  }
+
+  reset(definition: SettingDefinition, scope: WritableScope): void {
+    this._put(definition.key, { kind: 'reset', scope });
+  }
+
+  discard(key: string): void {
+    const next = new Map(this._changes.get());
+    next.delete(key);
+    this._changes.set(next);
+  }
+
+  /** Writes every pending change; resolves with the ones that failed (they stay pending). */
+  async apply(): Promise<{ key: string; error: unknown }[]> {
+    const failed: { key: string; error: unknown }[] = [];
+    const remaining = new Map<string, PendingChanges>();
+    for (const [key, changes] of this._changes.get()) {
+      for (const change of changes.values()) {
+        try {
+          if (change.kind === 'set') await this._settings.set(key, change.value, change.scope);
+          else await this._settings.reset(key, change.scope);
+        } catch (error) {
+          failed.push({ key, error });
+          remaining.set(key, new Map(remaining.get(key)).set(change.scope, change));
+        }
+      }
+    }
+    this._changes.set(remaining);
+    return failed;
+  }
+
+  private _put(key: string, change: PendingChange): void {
+    const changes = new Map(this._changes.get().get(key)).set(change.scope, change);
+    this._changes.set(new Map(this._changes.get()).set(key, changes));
+  }
+
+  private _drop(key: string, scope: WritableScope): void {
+    const changes = new Map(this._changes.get().get(key));
+    changes.delete(scope);
+    const next = new Map(this._changes.get());
+    if (changes.size) next.set(key, changes);
+    else next.delete(key);
+    this._changes.set(next);
+  }
+}
diff --git a/plugins/settings-ui/svelte.config.js b/plugins/settings-ui/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/settings-ui/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/settings-ui/test/marketplace/marketplace.spec.ts b/plugins/settings-ui/test/marketplace/marketplace.spec.ts
new file mode 100644
index 00000000..922d5a8b
--- /dev/null
+++ b/plugins/settings-ui/test/marketplace/marketplace.spec.ts
@@ -0,0 +1,69 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+  type PendingChange,
+  compactCount,
+  installedCopy,
+  marketAction,
+  missingAccountPlugins,
+  withAccountPlugin,
+  withoutAccountPlugins,
+} from '../../src/marketplace/marketplace';
+
+const plugins = [
+  { name: '@nanoforge/git', version: '0.1.0', source: 'bundled' },
+  { name: '@acme/tools', version: '1.0.0', source: 'installed' },
+  { name: '@acme/both', version: '1.0.0', source: 'installed' },
+  { name: '@acme/both', version: '1.1.0', source: 'project' },
+  { name: '@acme/hello', version: '0.0.1', source: 'dev' },
+];
+const none = new Map<string, PendingChange>();
+
+describe('marketplace', () => {
+  it('finds the copy of a plugin to speak of', () => {
+    expect(installedCopy('@acme/none', plugins, none)).toBeUndefined();
+    expect(installedCopy('@acme/tools', plugins, none)).toEqual({
+      version: '1.0.0',
+      scope: 'user',
+    });
+    expect(installedCopy('@acme/both', plugins, none)).toEqual({
+      version: '1.1.0',
+      scope: 'project',
+    });
+    expect(installedCopy('@nanoforge/git', plugins, none)).toEqual({ version: '0.1.0' });
+    const pending = new Map<string, PendingChange>([
+      ['@acme/tools', 'removed'],
+      ['@acme/new', { version: '2.0.0', scope: 'user' }],
+    ]);
+    expect(installedCopy('@acme/tools', plugins, pending)).toBeUndefined();
+    expect(installedCopy('@acme/new', plugins, pending)).toEqual({
+      version: '2.0.0',
+      scope: 'user',
+    });
+  });
+
+  it('offers install, update, or nothing', () => {
+    expect(marketAction(undefined, '1.0.0')).toBe('install');
+    expect(marketAction(undefined, undefined)).toBe('unsupported');
+    expect(marketAction({ version: '1.0.0', scope: 'user' }, '1.0.0')).toBe('installed');
+    expect(marketAction({ version: '1.0.0', scope: 'user' }, '1.2.0')).toBe('update');
+    expect(marketAction({ version: '1.0.0', scope: 'user' }, undefined)).toBe('installed');
+    expect(marketAction({ version: '0.1.0' }, '9.0.0')).toBe('builtin');
+  });
+
+  it('keeps the list of plugins installed for me, and finds the ones missing here', () => {
+    const list = withAccountPlugin({ '@b/two': '^1.0.0' }, '@a/one', '2.1.0');
+    expect(Object.entries(list)).toEqual([
+      ['@a/one', '^2.1.0'],
+      ['@b/two', '^1.0.0'],
+    ]);
+    expect(withoutAccountPlugins(list, ['@b/two'])).toEqual({ '@a/one': '^2.1.0' });
+    expect(missingAccountPlugins({ '@acme/hello': '*', '@acme/gone': '*' }, plugins)).toEqual([
+      '@acme/gone',
+    ]);
+  });
+
+  it('shortens download counts', () => {
+    expect([12, 1000, 1250, 3_400_000].map(compactCount)).toEqual(['12', '1k', '1.3k', '3.4M']);
+  });
+});
diff --git a/plugins/settings-ui/test/settings/settings-draft.spec.ts b/plugins/settings-ui/test/settings/settings-draft.spec.ts
new file mode 100644
index 00000000..0574e4e9
--- /dev/null
+++ b/plugins/settings-ui/test/settings/settings-draft.spec.ts
@@ -0,0 +1,51 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import type { SettingDefinition, WritableScope } from '@nanoforge-dev/editor-sdk';
+
+import { SettingsDraft } from '../../src/settings/settings-draft';
+
+const disabled = {
+  key: 'plugins.disabled',
+  default: [],
+  mergeStrategy: 'union',
+  scopes: ['account', 'machine', 'project', 'projectLocal'],
+} as unknown as SettingDefinition;
+
+/** A settings service holding one setting's value per scope. */
+const settingsWith = (values: Partial<Record<WritableScope, string[]>>) => ({
+  inspect: () => ({ scopes: values, effectiveScope: 'account' }),
+  get: () => [...new Set(Object.values(values).flat())],
+  hasStore: () => true,
+  set: vi.fn(async (_key: string, value: string[], scope: WritableScope) => {
+    values[scope] = value;
+  }),
+  reset: vi.fn(),
+});
+
+describe('SettingsDraft', () => {
+  it('keeps a pending change per scope and merges them like the settings service', async () => {
+    const settings = settingsWith({ account: ['a'], project: ['b'] });
+    const draft = new SettingsDraft(settings as never);
+    expect(draft.valueOf(disabled)).toEqual(['a', 'b']);
+
+    draft.setIn(disabled, [], 'project');
+    draft.setIn(disabled, ['a', 'c'], 'account');
+    expect(draft.valueOf(disabled)).toEqual(['a', 'c']);
+    expect(draft.scopeValue(disabled, 'project')).toEqual([]);
+    expect(draft.changes.get().get('plugins.disabled')?.size).toBe(2);
+
+    expect(await draft.apply()).toEqual([]);
+    expect(settings.set).toHaveBeenCalledWith('plugins.disabled', [], 'project');
+    expect(settings.set).toHaveBeenCalledWith('plugins.disabled', ['a', 'c'], 'account');
+    expect(draft.changes.get().size).toBe(0);
+  });
+
+  it('moves a pending value with the target scope', () => {
+    const draft = new SettingsDraft(settingsWith({ account: ['a'] }) as never);
+    draft.set(disabled, ['a', 'b']);
+    draft.setScope(disabled, 'machine');
+    const changes = draft.changes.get().get('plugins.disabled')!;
+    expect([...changes.keys()]).toEqual(['machine']);
+    expect(draft.valueOf(disabled)).toEqual(['a', 'b']);
+  });
+});
diff --git a/plugins/settings-ui/tsconfig.json b/plugins/settings-ui/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/settings-ui/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/settings-ui/vite.config.ts b/plugins/settings-ui/vite.config.ts
new file mode 100644
index 00000000..8e6c03ac
--- /dev/null
+++ b/plugins/settings-ui/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'settings-ui' },
+  },
+});
diff --git a/plugins/viewport/.prettierignore b/plugins/viewport/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/plugins/viewport/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/plugins/viewport/LICENSE b/plugins/viewport/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/plugins/viewport/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/plugins/viewport/README.md b/plugins/viewport/README.md
new file mode 100644
index 00000000..11665558
--- /dev/null
+++ b/plugins/viewport/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/plugins/viewport"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=plugins%2Fviewport" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-plugin-viewport` is an internal package of the NanoForge Editor.
+
+Built-in viewport (Game and Scene screens).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/plugins/viewport
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/plugins/viewport/nanoforge.manifest.json b/plugins/viewport/nanoforge.manifest.json
new file mode 100644
index 00000000..8fa067b1
--- /dev/null
+++ b/plugins/viewport/nanoforge.manifest.json
@@ -0,0 +1,190 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@nanoforge/viewport",
+  "version": "0.1.0",
+  "displayName": "Viewport",
+  "description": "The Game and Scene screens: resolutions, zoom, stats, screenshots, pop out.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "entry": {
+    "client": "index.js"
+  },
+  "activation": ["onStartup"],
+  "contributes": {
+    "widgets": [
+      {
+        "id": "viewport.scene",
+        "title": "Scene",
+        "icon": "box",
+        "kind": "screen",
+        "order": 150
+      },
+      {
+        "id": "viewport.game",
+        "title": "Game",
+        "icon": "gamepad-2",
+        "kind": "screen",
+        "order": 300
+      }
+    ],
+    "commands": [
+      {
+        "id": "viewport.setResolution",
+        "title": "Set game resolution",
+        "category": "Game",
+        "palette": false
+      },
+      {
+        "id": "viewport.customResolution",
+        "title": "Custom game resolution\u2026",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.rotate",
+        "title": "Rotate the game view",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.zoomIn",
+        "title": "Zoom in the game",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.zoomOut",
+        "title": "Zoom out the game",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.resetZoom",
+        "title": "Reset the game zoom",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.togglePixelPerfect",
+        "title": "Pixel perfect",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.toggleStats",
+        "title": "Show or hide game stats",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.toggleMute",
+        "title": "Mute or unmute the game",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.toggleMaximizeOnPlay",
+        "title": "Maximize on play",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.screenshot",
+        "title": "Take a screenshot of the game",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.popOut",
+        "title": "Pop out the game",
+        "category": "Game"
+      },
+      {
+        "id": "viewport.bringBack",
+        "title": "Bring the game back",
+        "category": "Game"
+      }
+    ],
+    "menus": [
+      {
+        "menu": "run",
+        "command": "viewport.toggleMaximizeOnPlay",
+        "group": "y-viewport",
+        "order": 0
+      },
+      {
+        "menu": "run",
+        "command": "viewport.screenshot",
+        "group": "y-viewport",
+        "order": 1,
+        "when": "runtime.active"
+      },
+      {
+        "menu": "run",
+        "command": "viewport.popOut",
+        "group": "y-viewport",
+        "order": 2,
+        "when": "runtime.active"
+      }
+    ],
+    "settings": [
+      {
+        "key": "resolution",
+        "type": "string",
+        "pattern": "^(fit|1080p|720p|4:3|phone|tablet|\\d{2,5}x\\d{2,5})$",
+        "default": "fit",
+        "title": "Game resolution",
+        "description": "fit, a preset, or WIDTHxHEIGHT.",
+        "category": "Editor/Game view",
+        "order": 0
+      },
+      {
+        "key": "orientation",
+        "type": "string",
+        "enum": ["landscape", "portrait"],
+        "default": "landscape",
+        "title": "Device orientation",
+        "category": "Editor/Game view",
+        "order": 1
+      },
+      {
+        "key": "zoom",
+        "type": "number",
+        "minimum": 0.25,
+        "maximum": 4,
+        "default": 1,
+        "title": "Game zoom",
+        "category": "Editor/Game view",
+        "order": 2
+      },
+      {
+        "key": "pixelPerfect",
+        "type": "boolean",
+        "default": false,
+        "title": "Pixel perfect",
+        "description": "Integer zoom and pixelated rendering.",
+        "category": "Editor/Game view",
+        "order": 3
+      },
+      {
+        "key": "stats",
+        "type": "boolean",
+        "default": false,
+        "title": "Show game stats",
+        "category": "Editor/Game view",
+        "order": 4,
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "muted",
+        "type": "boolean",
+        "default": false,
+        "title": "Mute the game",
+        "category": "Editor/Game view",
+        "order": 5,
+        "scopes": ["account", "machine"]
+      },
+      {
+        "key": "maximizeOnPlay",
+        "type": "boolean",
+        "default": false,
+        "title": "Maximize on play",
+        "description": "Hide the docks while playing.",
+        "category": "Editor/Game view",
+        "order": 6
+      }
+    ]
+  }
+}
diff --git a/plugins/viewport/package.json b/plugins/viewport/package.json
new file mode 100644
index 00000000..63e1a43f
--- /dev/null
+++ b/plugins/viewport/package.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-plugin-viewport",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Built-in viewport (Game and Scene screens)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "plugins/viewport"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@lucide/svelte": "catalog:components",
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "@sveltejs/vite-plugin-svelte": "catalog:core",
+    "svelte": "catalog:core",
+    "svelte-check": "catalog:core",
+    "typescript": "catalog:build",
+    "vite": "catalog:core"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.{ts,svelte}": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/plugins/viewport/src/game/popout.ts b/plugins/viewport/src/game/popout.ts
new file mode 100644
index 00000000..3c512558
--- /dev/null
+++ b/plugins/viewport/src/game/popout.ts
@@ -0,0 +1,54 @@
+import { ObservableValue } from '@nanoforge-dev/editor-sdk';
+import type { RuntimeService } from '@nanoforge-dev/editor-sdk';
+
+/** The window the game was moved to, if any. */
+export const popout = new ObservableValue<Window | undefined>(undefined);
+
+const FORWARDED = ['keydown', 'keyup'] as const;
+
+/**
+ * Moves the running game into a new browser window (same page realm: the game keeps running).
+ * Keys typed there are forwarded to the editor window, where the engine listens. Closing the
+ * window brings the game back (the Game screen re-attaches it).
+ */
+export const popOut = (runtime: RuntimeService, title: string): boolean => {
+  if (popout.get()) {
+    popout.get()!.focus();
+    return true;
+  }
+  const opened = window.open('', 'nanoforge-game', 'popup,width=1280,height=760');
+  if (!opened) return false;
+  const doc = opened.document;
+  doc.title = title;
+  doc.body.style.cssText = 'margin:0;background:#000;overflow:hidden';
+  const host = doc.createElement('div');
+  host.style.cssText = 'position:fixed;inset:0';
+  doc.body.append(host);
+  for (const type of FORWARDED) {
+    opened.addEventListener(type, (event) => {
+      window.dispatchEvent(new KeyboardEvent(type, event));
+    });
+  }
+  const view = runtime.attach(host);
+  popout.set(opened);
+  const back = () => {
+    if (popout.get() !== opened) return;
+    view.dispose();
+    popout.set(undefined);
+  };
+  opened.addEventListener('pagehide', back);
+  const timer = setInterval(() => {
+    if (opened.closed) {
+      clearInterval(timer);
+      back();
+    }
+  }, 500);
+  return true;
+};
+
+/** Brings a popped out game back (closes its window). */
+export const bringBack = (): void => {
+  const opened = popout.get();
+  popout.set(undefined);
+  opened?.close();
+};
diff --git a/plugins/viewport/src/game/resolutions.ts b/plugins/viewport/src/game/resolutions.ts
new file mode 100644
index 00000000..25b6d643
--- /dev/null
+++ b/plugins/viewport/src/game/resolutions.ts
@@ -0,0 +1,45 @@
+export interface Resolution {
+  readonly id: string;
+  readonly label: string;
+  readonly width: number;
+  readonly height: number;
+  /** Devices can be turned (portrait/landscape). */
+  readonly device?: boolean;
+}
+
+export const RESOLUTIONS: readonly Resolution[] = [
+  { id: '1080p', label: '1920 × 1080 (16:9)', width: 1920, height: 1080 },
+  { id: '720p', label: '1280 × 720 (16:9)', width: 1280, height: 720 },
+  { id: '4:3', label: '1024 × 768 (4:3)', width: 1024, height: 768 },
+  { id: 'phone', label: 'Phone (390 × 844)', width: 844, height: 390, device: true },
+  { id: 'tablet', label: 'Tablet (820 × 1180)', width: 1180, height: 820, device: true },
+];
+
+export const ZOOMS = [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4] as const;
+
+/**
+ * Size of the game container: undefined to fill the screen (`fit`), else the preset or custom
+ * `WxH`, turned for devices in portrait, times the zoom.
+ */
+export const frameSize = (
+  resolution: string,
+  orientation: 'landscape' | 'portrait',
+  zoom: number,
+): { width: number; height: number } | undefined => {
+  if (resolution === 'fit') return undefined;
+  const preset = RESOLUTIONS.find((candidate) => candidate.id === resolution);
+  const custom = /^(\d{2,5})x(\d{2,5})$/.exec(resolution);
+  let width = preset?.width ?? Number(custom?.[1] ?? 0);
+  let height = preset?.height ?? Number(custom?.[2] ?? 0);
+  if (!width || !height) return undefined;
+  if (preset?.device && orientation === 'portrait') [width, height] = [height, width];
+  return { width: Math.round(width * zoom), height: Math.round(height * zoom) };
+};
+
+/** Next zoom step (pixel perfect: integers only). */
+export const stepZoom = (zoom: number, direction: 1 | -1, pixelPerfect: boolean): number => {
+  const steps = pixelPerfect ? ZOOMS.filter((value) => Number.isInteger(value)) : ZOOMS;
+  const index = steps.findIndex((value) => value >= zoom - 1e-9);
+  const current = index < 0 ? steps.length - 1 : index;
+  return steps[Math.min(steps.length - 1, Math.max(0, current + direction))]!;
+};
diff --git a/plugins/viewport/src/game/screenshot.ts b/plugins/viewport/src/game/screenshot.ts
new file mode 100644
index 00000000..87dee12c
--- /dev/null
+++ b/plugins/viewport/src/game/screenshot.ts
@@ -0,0 +1,30 @@
+/** Composes the canvases of the game (layers) into one PNG. */
+export const captureGame = async (stage: HTMLElement): Promise<Blob | undefined> => {
+  const canvases = [...stage.querySelectorAll('canvas')];
+  if (!canvases.length) return undefined;
+  const bounds = stage.getBoundingClientRect();
+  const scale = window.devicePixelRatio || 1;
+  const output = document.createElement('canvas');
+  output.width = Math.round(bounds.width * scale);
+  output.height = Math.round(bounds.height * scale);
+  const context = output.getContext('2d');
+  if (!context) return undefined;
+  for (const canvas of canvases) {
+    const rect = canvas.getBoundingClientRect();
+    if (!rect.width || !rect.height) continue;
+    context.drawImage(
+      canvas,
+      (rect.left - bounds.left) * scale,
+      (rect.top - bounds.top) * scale,
+      rect.width * scale,
+      rect.height * scale,
+    );
+  }
+  return new Promise((resolve) => output.toBlob((blob) => resolve(blob ?? undefined), 'image/png'));
+};
+
+/** `screenshots/2026-09-27_14-03-05.png` */
+export const screenshotPath = (date = new Date()): string => {
+  const pad = (value: number) => String(value).padStart(2, '0');
+  return `screenshots/${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}_${pad(date.getHours())}-${pad(date.getMinutes())}-${pad(date.getSeconds())}.png`;
+};
diff --git a/plugins/viewport/src/icons.ts b/plugins/viewport/src/icons.ts
new file mode 100644
index 00000000..f059b51f
--- /dev/null
+++ b/plugins/viewport/src/icons.ts
@@ -0,0 +1,24 @@
+import Activity from '@lucide/svelte/icons/activity';
+import Camera from '@lucide/svelte/icons/camera';
+import ExternalLink from '@lucide/svelte/icons/external-link';
+import Grid3x3 from '@lucide/svelte/icons/grid-3x3';
+import Maximize from '@lucide/svelte/icons/maximize';
+import Minus from '@lucide/svelte/icons/minus';
+import Monitor from '@lucide/svelte/icons/monitor';
+import RotateCw from '@lucide/svelte/icons/rotate-cw';
+import Volume2 from '@lucide/svelte/icons/volume-2';
+import VolumeX from '@lucide/svelte/icons/volume-x';
+
+/** Icons the viewport uses beyond the editor's own set. */
+export const ICONS = {
+  activity: Activity,
+  camera: Camera,
+  'external-link': ExternalLink,
+  'grid-3x3': Grid3x3,
+  maximize: Maximize,
+  minus: Minus,
+  monitor: Monitor,
+  'rotate-cw': RotateCw,
+  'volume-2': Volume2,
+  'volume-x': VolumeX,
+};
diff --git a/plugins/viewport/src/index.ts b/plugins/viewport/src/index.ts
new file mode 100644
index 00000000..0e13818b
--- /dev/null
+++ b/plugins/viewport/src/index.ts
@@ -0,0 +1,217 @@
+import type { Component } from 'svelte';
+
+import {
+  DisposableStore,
+  EditorServices,
+  MutableDisposable,
+  ProjectServiceToken,
+  RuntimeServiceToken,
+  SettingsServiceToken,
+  definePlugin,
+  observe,
+} from '@nanoforge-dev/editor-sdk';
+import {
+  LayoutControllerToken,
+  NotificationServiceToken,
+  PromptServiceToken,
+  StyleServiceToken,
+  VIEWPORT_TOOLS,
+  WIDGET_VIEWS,
+  type WidgetInstance,
+  registerIcons,
+} from '@nanoforge-dev/editor-sdk/ui';
+
+import { bringBack, popOut, popout } from './game/popout';
+import { frameSize, stepZoom } from './game/resolutions';
+import { captureGame, screenshotPath } from './game/screenshot';
+import { ICONS } from './icons';
+import { GAME_SCREEN, SCENE_SCREEN, SETTING } from './settings/viewport-settings.const';
+import { TOGGLES, TOOLS } from './toolbar/viewport-tools.const';
+import GameScreen from './widgets/game/GameScreen.svelte';
+import SceneScreen from './widgets/scene/SceneScreen.svelte';
+
+export default definePlugin({
+  async activate(context) {
+    const { services } = context;
+    const css = await fetch(context.resolveAsset('viewport.css')).then((response) =>
+      response.ok ? response.text() : '',
+    );
+    context.subscriptions.add(services.get(StyleServiceToken).inject(context.name, css));
+    context.subscriptions.add(registerIcons(ICONS));
+    for (const [id, component] of [
+      [GAME_SCREEN, GameScreen],
+      [SCENE_SCREEN, SceneScreen],
+    ] as const) {
+      context.subscriptions.add(
+        context.contribute(WIDGET_VIEWS, {
+          id,
+          component: component as Component<{ instance: WidgetInstance }>,
+        }),
+      );
+    }
+    for (const tool of TOOLS) {
+      context.subscriptions.add(context.contribute(VIEWPORT_TOOLS, { screen: 'game', ...tool }));
+    }
+
+    const settings = services.get(SettingsServiceToken);
+    const contextKeys = services.get(EditorServices.ContextKeys);
+    for (const [key, setting] of Object.entries(TOGGLES)) {
+      context.subscriptions.add(
+        observe(settings.observe<boolean>(setting), (value) => contextKeys.set(key, value)),
+      );
+    }
+    const write = (key: string, value: unknown) =>
+      settings.set(key, value, settings.hasStore('machine') ? 'machine' : 'account');
+    const toggle = (key: string) => write(key, !settings.get<boolean>(key));
+    const runtime = () => services.tryGet(RuntimeServiceToken);
+    const notify = (kind: 'info' | 'error', title: string, detail?: string) =>
+      services.tryGet(NotificationServiceToken)?.notify(kind, title, detail ? { detail } : {});
+
+    const playing = context.subscriptions.add(new MutableDisposable<DisposableStore>());
+    context.subscriptions.add({
+      dispose: services.get(ProjectServiceToken).current.subscribe(() => {
+        playing.clear();
+        const service = runtime();
+        if (!service) return;
+        const store = new DisposableStore();
+        let previousScreen: string | undefined;
+        let previousState = service.session.get().state;
+        store.add({
+          dispose: service.session.subscribe(({ state, mode }) => {
+            const layout = services.tryGet(LayoutControllerToken);
+            const was = previousState;
+            previousState = state;
+            if (state === 'building' && (was === 'idle' || was === 'crashed')) {
+              const active = layout?.current.activeScreen;
+              if (mode !== 'server') {
+                previousScreen = active && active !== GAME_SCREEN ? active : undefined;
+                layout?.showScreen(GAME_SCREEN);
+              }
+              if (settings.get<boolean>(SETTING.maximizeOnPlay)) layout?.setDocksHidden(true);
+            }
+            if (state === 'running' && was === 'starting') {
+              service.send('mute', [settings.get<boolean>(SETTING.muted)]);
+            }
+            if (state === 'crashed') layout?.setDocksHidden(false);
+            if (state === 'idle' && was !== 'idle') {
+              layout?.setDocksHidden(false);
+              bringBack();
+              if (previousScreen && layout?.current.activeScreen === GAME_SCREEN) {
+                layout.showScreen(previousScreen);
+              }
+              previousScreen = undefined;
+            }
+          }),
+        });
+        store.add(
+          observe(settings.observe<boolean>(SETTING.muted), (muted) => {
+            if (['running', 'paused'].includes(service.session.get().state)) {
+              service.send('mute', [muted]);
+            }
+          }),
+        );
+        playing.value = store;
+      }),
+    });
+
+    const stageOf = () =>
+      popout.get()?.document.querySelector<HTMLElement>('[data-nf-game-stage]') ??
+      document.querySelector<HTMLElement>('[data-nf-game-stage]');
+
+    const commands: [string, (...args: unknown[]) => unknown][] = [
+      ['viewport.setResolution', (id) => typeof id === 'string' && write(SETTING.resolution, id)],
+      [
+        'viewport.customResolution',
+        async () => {
+          const value = await services.tryGet(PromptServiceToken)?.ask({
+            title: 'Custom resolution',
+            label: 'Width × height (e.g. 1600x900)',
+            value: '1600x900',
+            confirm: 'Apply',
+            validate: (text) =>
+              frameSize(
+                text.replace(/\s|×/g, (char) => (char === '×' ? 'x' : '')),
+                'landscape',
+                1,
+              )
+                ? undefined
+                : 'Use WIDTHxHEIGHT, e.g. 1600x900',
+          });
+          if (value) await write(SETTING.resolution, value.replace(/\s/g, '').replace('×', 'x'));
+        },
+      ],
+      [
+        'viewport.rotate',
+        () =>
+          write(
+            SETTING.orientation,
+            settings.get(SETTING.orientation) === 'portrait' ? 'landscape' : 'portrait',
+          ),
+      ],
+      [
+        'viewport.zoomIn',
+        () =>
+          write(
+            SETTING.zoom,
+            stepZoom(settings.get(SETTING.zoom), 1, settings.get(SETTING.pixelPerfect)),
+          ),
+      ],
+      [
+        'viewport.zoomOut',
+        () =>
+          write(
+            SETTING.zoom,
+            stepZoom(settings.get(SETTING.zoom), -1, settings.get(SETTING.pixelPerfect)),
+          ),
+      ],
+      ['viewport.resetZoom', () => write(SETTING.zoom, 1)],
+      [
+        'viewport.togglePixelPerfect',
+        async () => {
+          await toggle(SETTING.pixelPerfect);
+          const zoom = settings.get<number>(SETTING.zoom);
+          if (settings.get(SETTING.pixelPerfect) && !Number.isInteger(zoom)) {
+            await write(SETTING.zoom, Math.max(1, Math.round(zoom)));
+          }
+        },
+      ],
+      ['viewport.toggleStats', () => toggle(SETTING.stats)],
+      ['viewport.toggleMute', () => toggle(SETTING.muted)],
+      ['viewport.toggleMaximizeOnPlay', () => toggle(SETTING.maximizeOnPlay)],
+      [
+        'viewport.screenshot',
+        async () => {
+          const stage = stageOf();
+          const project = services.get(ProjectServiceToken).current.get();
+          const image = stage && (await captureGame(stage));
+          if (!image || !project) {
+            notify('info', 'Nothing to capture: play the game first');
+            return;
+          }
+          const path = screenshotPath();
+          await project.fs.write(path, new Uint8Array(await image.arrayBuffer()));
+          await navigator.clipboard
+            ?.write([new ClipboardItem({ 'image/png': image })])
+            .catch(() => undefined);
+          notify('info', 'Screenshot saved', path);
+        },
+      ],
+      [
+        'viewport.popOut',
+        () => {
+          const service = runtime();
+          if (service && !popOut(service, 'NanoForge game')) {
+            notify('error', 'The browser blocked the new window', 'Allow pop-ups for the editor.');
+          }
+        },
+      ],
+      ['viewport.bringBack', () => bringBack()],
+    ];
+    for (const [id, run] of commands) {
+      context.subscriptions.add(
+        context.registerCommand(id, (_services, ...args: unknown[]) => run(...args)),
+      );
+    }
+    context.subscriptions.add({ dispose: () => bringBack() });
+  },
+});
diff --git a/plugins/viewport/src/settings/viewport-settings.const.ts b/plugins/viewport/src/settings/viewport-settings.const.ts
new file mode 100644
index 00000000..633d2729
--- /dev/null
+++ b/plugins/viewport/src/settings/viewport-settings.const.ts
@@ -0,0 +1,13 @@
+/** Settings of the plugin (declared in its manifest, prefixed with its name). */
+export const SETTING = {
+  resolution: '@nanoforge/viewport.resolution',
+  orientation: '@nanoforge/viewport.orientation',
+  zoom: '@nanoforge/viewport.zoom',
+  pixelPerfect: '@nanoforge/viewport.pixelPerfect',
+  stats: '@nanoforge/viewport.stats',
+  muted: '@nanoforge/viewport.muted',
+  maximizeOnPlay: '@nanoforge/viewport.maximizeOnPlay',
+} as const;
+
+export const GAME_SCREEN = 'viewport.game';
+export const SCENE_SCREEN = 'viewport.scene';
diff --git a/plugins/viewport/src/toolbar/viewport-tools.const.ts b/plugins/viewport/src/toolbar/viewport-tools.const.ts
new file mode 100644
index 00000000..61af030a
--- /dev/null
+++ b/plugins/viewport/src/toolbar/viewport-tools.const.ts
@@ -0,0 +1,69 @@
+import { SETTING } from '../settings/viewport-settings.const';
+
+/** Settings mirrored as context keys (`toggled` states of the tools). */
+export const TOGGLES = {
+  'viewport.stats': SETTING.stats,
+  'viewport.muted': SETTING.muted,
+  'viewport.pixelPerfect': SETTING.pixelPerfect,
+  'viewport.maximizeOnPlay': SETTING.maximizeOnPlay,
+} as const;
+
+export const TOOLS = [
+  {
+    id: 'viewport.pixelPerfect',
+    icon: 'grid-3x3',
+    title: 'Pixel perfect',
+    command: 'viewport.togglePixelPerfect',
+    order: 10,
+    toggled: 'viewport.pixelPerfect',
+  },
+  {
+    id: 'viewport.stats',
+    icon: 'activity',
+    title: 'Stats',
+    command: 'viewport.toggleStats',
+    order: 20,
+    toggled: 'viewport.stats',
+  },
+  {
+    id: 'viewport.mute',
+    icon: 'volume-2',
+    title: 'Mute the game',
+    command: 'viewport.toggleMute',
+    order: 30,
+    when: '!viewport.muted',
+  },
+  {
+    id: 'viewport.unmute',
+    icon: 'volume-x',
+    title: 'Unmute the game',
+    command: 'viewport.toggleMute',
+    order: 30,
+    when: 'viewport.muted',
+    toggled: 'viewport.muted',
+  },
+  {
+    id: 'viewport.screenshot',
+    icon: 'camera',
+    title: 'Screenshot',
+    command: 'viewport.screenshot',
+    order: 40,
+    when: 'runtime.active',
+  },
+  {
+    id: 'viewport.popOut',
+    icon: 'external-link',
+    title: 'Pop out',
+    command: 'viewport.popOut',
+    order: 50,
+    when: 'runtime.active',
+  },
+  {
+    id: 'viewport.maximizeOnPlay',
+    icon: 'maximize',
+    title: 'Maximize on play',
+    command: 'viewport.toggleMaximizeOnPlay',
+    order: 60,
+    toggled: 'viewport.maximizeOnPlay',
+  },
+] as const;
diff --git a/plugins/viewport/src/widgets/ViewportToolbar.svelte b/plugins/viewport/src/widgets/ViewportToolbar.svelte
new file mode 100644
index 00000000..1b211eb5
--- /dev/null
+++ b/plugins/viewport/src/widgets/ViewportToolbar.svelte
@@ -0,0 +1,67 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import { EditorServices, type ServiceAccessor } from '@nanoforge-dev/editor-sdk';
+  import { IconButton, VIEWPORT_TOOLS, type ViewportScreen } from '@nanoforge-dev/editor-sdk/ui';
+
+  interface Props {
+    screen: ViewportScreen;
+    services: ServiceAccessor;
+    start?: Snippet;
+  }
+
+  const { screen, services, start }: Props = $props();
+  // svelte-ignore state_referenced_locally
+  const tools = services.get(EditorServices.Extensions).observe(VIEWPORT_TOOLS);
+  // svelte-ignore state_referenced_locally
+  const contextKeys = services.get(EditorServices.ContextKeys);
+  // svelte-ignore state_referenced_locally
+  const commands = services.get(EditorServices.Commands);
+
+  /** Bumped when context keys change: `when` and `toggled` are re-evaluated. */
+  let keys = $state(0);
+  $effect(() => {
+    const subscription = contextKeys.onDidChange(() => keys++);
+    return () => subscription.dispose();
+  });
+  const visible = $derived.by(() => {
+    void keys;
+    return $tools
+      .map((contribution) => contribution.value)
+      .filter((tool) => tool.screen === screen && contextKeys.evaluate(tool.when))
+      .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
+      .map((tool) => ({
+        tool,
+        pressed: tool.toggled ? contextKeys.evaluate(tool.toggled) : undefined,
+      }));
+  });
+</script>
+
+<div class="toolbar" role="toolbar" aria-label={screen === 'game' ? 'Game view' : 'Scene view'}>
+  {@render start?.()}
+  <span class="spacer"></span>
+  {#each visible as { tool, pressed } (tool.id)}
+    <IconButton
+      icon={tool.icon}
+      label={tool.title}
+      {pressed}
+      onclick={() => void commands.execute(tool.command)}
+    />
+  {/each}
+</div>
+
+<style>
+  .toolbar {
+    display: flex;
+    flex: none;
+    gap: var(--nf-space-1);
+    align-items: center;
+    height: 34px;
+    padding: 0 var(--nf-space-2);
+    border-bottom: 1px solid var(--nf-color-border);
+    background: var(--nf-color-surface);
+  }
+  .spacer {
+    flex: 1;
+  }
+</style>
diff --git a/plugins/viewport/src/widgets/game/GameScreen.svelte b/plugins/viewport/src/widgets/game/GameScreen.svelte
new file mode 100644
index 00000000..f83639fc
--- /dev/null
+++ b/plugins/viewport/src/widgets/game/GameScreen.svelte
@@ -0,0 +1,417 @@
+<script lang="ts">
+  import {
+    EditorServices,
+    RuntimeServiceToken,
+    SettingsServiceToken,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    Button,
+    EmptyState,
+    Icon,
+    IconButton,
+    Menu,
+    type MenuEntry,
+    VIEWPORT_OVERLAYS,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import StatsOverlay from './StatsOverlay.svelte';
+  import ViewportToolbar from '../ViewportToolbar.svelte';
+  import { popout } from '../../game/popout';
+  import { RESOLUTIONS, frameSize } from '../../game/resolutions';
+  import { SETTING } from '../../settings/viewport-settings.const';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const runtime = services.tryGet(RuntimeServiceToken);
+  const commands = services.get(EditorServices.Commands);
+  const extensions = services.get(EditorServices.Extensions);
+  const settings = services.get(SettingsServiceToken);
+  const session = runtime?.session;
+  const overlays = extensions.observe(VIEWPORT_OVERLAYS);
+
+  const resolution = settings.observe<string>(SETTING.resolution);
+  const orientation = settings.observe<'landscape' | 'portrait'>(SETTING.orientation);
+  const zoom = settings.observe<number>(SETTING.zoom);
+  const pixelPerfect = settings.observe<boolean>(SETTING.pixelPerfect);
+  const stats = settings.observe<boolean>(SETTING.stats);
+
+  let host = $state<HTMLElement>();
+  let frame = $state<HTMLElement>();
+  /** Compatibility warnings the user closed during this play session. */
+  let dismissed = $state(false);
+  const warnings = $derived(
+    ($session?.compatibility ?? []).flatMap((check) => (check.message ? [check.message] : [])),
+  );
+  const size = $derived(frameSize($resolution ?? 'fit', $orientation ?? 'landscape', $zoom ?? 1));
+  const playing = $derived($session?.state === 'running' || $session?.state === 'paused');
+
+  $effect(() => {
+    if (!runtime || !host || $popout) return;
+    const view = runtime.attach(host);
+    return () => view.dispose();
+  });
+
+  let previous: string | undefined;
+  $effect(() => {
+    const state = $session?.state;
+    if (state === 'building') dismissed = false;
+    if (state === 'running' && previous === 'starting') frame?.focus();
+    previous = state;
+  });
+
+  const run = (command: string, ...args: unknown[]) => void commands.execute(command, ...args);
+  const PROGRESS: Record<string, string> = {
+    building: 'Building the game…',
+    starting: 'Starting the game…',
+    stopping: 'Stopping the game…',
+  };
+
+  const resolutions = (): MenuEntry[] => [
+    {
+      kind: 'item',
+      id: 'fit',
+      label: 'Fit to screen',
+      checked: $resolution === 'fit',
+      onSelect: () => run('viewport.setResolution', 'fit'),
+    },
+    { kind: 'separator' },
+    ...RESOLUTIONS.map((preset): MenuEntry => ({
+      kind: 'item',
+      id: preset.id,
+      label: preset.label,
+      checked: $resolution === preset.id,
+      onSelect: () => run('viewport.setResolution', preset.id),
+    })),
+    { kind: 'separator' },
+    {
+      kind: 'item',
+      id: 'custom',
+      label: 'Custom size…',
+      checked: /^\d+x\d+$/.test($resolution ?? ''),
+      onSelect: () => run('viewport.customResolution'),
+    },
+  ];
+  const resolutionLabel = $derived(
+    $resolution === 'fit'
+      ? 'Fit'
+      : (RESOLUTIONS.find((preset) => preset.id === $resolution)?.label.split(' (')[0] ??
+          $resolution?.replace('x', ' × ')),
+  );
+</script>
+
+<div class="screen" data-state={$session?.state ?? 'unavailable'}>
+  <ViewportToolbar screen="game" {services}>
+    {#snippet start()}
+      <Menu items={resolutions()}>
+        {#snippet trigger({ props })}
+          <button {...props} type="button" class="resolution" aria-label="Resolution">
+            <Icon name="monitor" size={14} />{resolutionLabel}<Icon name="chevron-down" size={12} />
+          </button>
+        {/snippet}
+      </Menu>
+      {#if $resolution !== 'fit'}
+        <IconButton
+          icon="rotate-cw"
+          label="Rotate (portrait/landscape)"
+          pressed={$orientation === 'portrait'}
+          onclick={() => run('viewport.rotate')}
+        />
+        <IconButton icon="minus" label="Zoom out" onclick={() => run('viewport.zoomOut')} />
+        <button
+          type="button"
+          class="zoom"
+          title="Reset zoom"
+          onclick={() => run('viewport.resetZoom')}
+        >
+          {Math.round(($zoom ?? 1) * 100)}%
+        </button>
+        <IconButton icon="plus" label="Zoom in" onclick={() => run('viewport.zoomIn')} />
+      {/if}
+    {/snippet}
+  </ViewportToolbar>
+
+  <div class="area">
+    <!-- svelte-ignore a11y_no_noninteractive_tabindex, a11y_no_noninteractive_element_interactions -->
+    <div
+      class="frame"
+      class:fit={!size}
+      class:pixelated={$pixelPerfect}
+      style:width={size ? `${size.width}px` : undefined}
+      style:height={size ? `${size.height}px` : undefined}
+      bind:this={frame}
+      tabindex="0"
+      role="application"
+      aria-label="Running game"
+      onkeydown={(event) => {
+        if (event.key === 'Escape') (event.currentTarget as HTMLElement).blur();
+      }}
+    >
+      <div class="host" bind:this={host}></div>
+      {#if $session?.state === 'paused'}
+        <div class="dim" aria-hidden="true"></div>
+        <p class="badge" role="status"><Icon name="pause" size={14} />Paused</p>
+      {/if}
+      {#if playing && !$popout}
+        {#each $overlays.filter((overlay) => overlay.value.screen === 'game') as overlay (overlay.value.id)}
+          {@const Overlay = overlay.value.component}
+          <Overlay />
+        {/each}
+        {#if $stats && runtime}<StatsOverlay {runtime} />{/if}
+      {/if}
+    </div>
+
+    {#if $popout && playing}
+      <div class="overlay">
+        <EmptyState
+          icon="external-link"
+          title="The game runs in another window"
+          description="Close that window, or bring it back here."
+        >
+          {#snippet actions()}
+            <Button onclick={() => run('viewport.popOut')}>Show the window</Button>
+            <Button variant="primary" onclick={() => run('viewport.bringBack')}
+              >Bring it back</Button
+            >
+          {/snippet}
+        </EmptyState>
+      </div>
+    {:else if !runtime}
+      <div class="overlay">
+        <EmptyState
+          icon="gamepad-2"
+          title="Games run from a local editor"
+          description="Open this project with nf editor on your machine to play it."
+        />
+      </div>
+    {:else if $session?.state === 'idle'}
+      <div class="overlay">
+        <EmptyState
+          icon="gamepad-2"
+          title="Play your game here"
+          description="Play builds the game, starts its server in the background and runs the client in this screen."
+        >
+          {#snippet actions()}
+            <Button variant="primary" icon="play" onclick={() => run('runtime.play')}>Play</Button>
+          {/snippet}
+        </EmptyState>
+      </div>
+    {:else if $session && PROGRESS[$session.state]}
+      <div class="overlay" role="status">
+        <p class="progress"><Icon name="loader-circle" size={16} />{PROGRESS[$session.state]}</p>
+      </div>
+    {:else if $session?.state === 'crashed'}
+      <div class="overlay">
+        <EmptyState icon="circle-alert" title={$session.error ?? 'The game stopped'}>
+          {#snippet actions()}
+            {#if $session.diagnostics?.length}
+              <ul class="diagnostics">
+                {#each $session.diagnostics.slice(0, 5) as diagnostic, index (index)}
+                  <li>
+                    {#if diagnostic.path}
+                      <code>{diagnostic.path}{diagnostic.line ? `:${diagnostic.line}` : ''}</code>
+                    {/if}
+                    {diagnostic.message}
+                  </li>
+                {/each}
+              </ul>
+            {/if}
+            <div class="buttons">
+              <Button variant="primary" icon="rotate-ccw" onclick={() => run('runtime.restart')}>
+                Try again
+              </Button>
+              {#if commands.has('console.show')}
+                <Button icon="square-terminal" onclick={() => run('console.show')}
+                  >Show the console</Button
+                >
+              {/if}
+              <Button onclick={() => run('runtime.stop')}>Dismiss</Button>
+            </div>
+          {/snippet}
+        </EmptyState>
+      </div>
+    {:else if $session?.mode === 'server'}
+      <div class="overlay">
+        <EmptyState
+          icon="server"
+          title={$session.state === 'paused'
+            ? 'The game server is paused'
+            : 'The game server is running'}
+          description="Its output is in the Output panel. Play with a client to see the game here."
+        />
+      </div>
+    {/if}
+
+    {#if warnings.length && !dismissed && playing}
+      <div class="warning" role="alert">
+        <Icon name="triangle-alert" size={16} />
+        <div>
+          {#each warnings as warning (warning)}<p>{warning}</p>{/each}
+        </div>
+        <IconButton icon="x" label="Dismiss" onclick={() => (dismissed = true)} />
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .screen {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--nf-color-bg);
+  }
+  .resolution,
+  .zoom {
+    display: inline-flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    height: 26px;
+    padding: 0 var(--nf-space-2);
+    border: 0;
+    border-radius: var(--nf-radius-control);
+    background: transparent;
+    color: var(--nf-color-text);
+    font: inherit;
+    font-size: var(--nf-font-size-sm);
+    cursor: pointer;
+  }
+  .resolution:hover,
+  .zoom:hover {
+    background: var(--nf-color-hover);
+  }
+  .zoom {
+    min-width: 48px;
+    justify-content: center;
+    color: var(--nf-color-text-muted);
+  }
+  .area {
+    position: relative;
+    display: grid;
+    flex: 1;
+    min-height: 0;
+    place-items: center;
+    overflow: auto;
+    background: repeating-conic-gradient(var(--nf-color-sunken) 0 25%, var(--nf-color-bg) 0 50%) 0
+      0 / 16px 16px;
+  }
+  .frame {
+    position: relative;
+    flex: none;
+    background: #000;
+    box-shadow: 0 0 0 1px var(--nf-color-border);
+    outline: none;
+  }
+  .frame:focus-visible {
+    box-shadow: 0 0 0 2px var(--nf-color-focus);
+  }
+  .frame.fit {
+    position: absolute;
+    inset: 0;
+    box-shadow: none;
+  }
+  .frame.pixelated :global(canvas) {
+    image-rendering: pixelated;
+  }
+  .host {
+    position: absolute;
+    inset: 0;
+  }
+  .screen:not([data-state='running'], [data-state='paused']) .frame {
+    visibility: hidden;
+  }
+  .dim {
+    position: absolute;
+    inset: 0;
+    background: rgb(0 0 0 / 45%);
+    pointer-events: none;
+  }
+  .badge {
+    position: absolute;
+    top: var(--nf-space-2);
+    right: var(--nf-space-2);
+    display: flex;
+    gap: var(--nf-space-1);
+    align-items: center;
+    margin: 0;
+    padding: var(--nf-space-1) var(--nf-space-2);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-surface);
+    color: var(--nf-color-text-muted);
+    font-size: var(--nf-font-size-sm);
+  }
+  .overlay {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    background: var(--nf-color-bg);
+  }
+  .progress {
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: center;
+    margin: 0;
+    color: var(--nf-color-text-muted);
+  }
+  .progress :global(svg) {
+    animation: spin 1s linear infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .progress :global(svg) {
+      animation: none;
+    }
+  }
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .diagnostics {
+    max-width: 640px;
+    margin: 0 0 var(--nf-space-2);
+    padding: 0;
+    list-style: none;
+    font-size: var(--nf-font-size-sm);
+    text-align: left;
+  }
+  .diagnostics li {
+    margin-bottom: var(--nf-space-1);
+  }
+  .diagnostics code {
+    margin-right: var(--nf-space-2);
+    color: var(--nf-color-danger);
+  }
+  .buttons {
+    display: flex;
+    gap: var(--nf-space-2);
+    justify-content: center;
+  }
+  .warning {
+    position: absolute;
+    top: var(--nf-space-2);
+    left: 50%;
+    display: flex;
+    gap: var(--nf-space-2);
+    align-items: flex-start;
+    max-width: min(640px, calc(100% - 2 * var(--nf-space-3)));
+    padding: var(--nf-space-2) var(--nf-space-2) var(--nf-space-2) var(--nf-space-3);
+    border: 1px solid var(--nf-color-warning);
+    border-radius: var(--nf-radius-float);
+    background: var(--nf-color-surface);
+    font-size: var(--nf-font-size-sm);
+    transform: translateX(-50%);
+  }
+  .warning > :global(svg) {
+    flex: none;
+    margin-top: 2px;
+    color: var(--nf-color-warning);
+  }
+  .warning p {
+    margin: 0;
+  }
+  .warning p + p {
+    margin-top: var(--nf-space-1);
+  }
+</style>
diff --git a/plugins/viewport/src/widgets/game/StatsOverlay.svelte b/plugins/viewport/src/widgets/game/StatsOverlay.svelte
new file mode 100644
index 00000000..6d23e196
--- /dev/null
+++ b/plugins/viewport/src/widgets/game/StatsOverlay.svelte
@@ -0,0 +1,78 @@
+<script lang="ts">
+  import type { RuntimeService } from '@nanoforge-dev/editor-sdk';
+
+  const { runtime }: { runtime: RuntimeService } = $props();
+  // svelte-ignore state_referenced_locally
+  const stats = runtime.frameStats;
+
+  $effect(() => {
+    const request = runtime.useFeatures({ frameStats: { intervalMs: 500 } });
+    return () => request.dispose();
+  });
+
+  let heap = $state<number>();
+  $effect(() => {
+    const memory = () =>
+      (performance as Performance & { memory?: { usedJSHeapSize: number } }).memory;
+    const timer = setInterval(() => (heap = memory()?.usedJSHeapSize), 1000);
+    heap = memory()?.usedJSHeapSize;
+    return () => clearInterval(timer);
+  });
+
+  const ms = (value: number) => `${value.toFixed(value < 10 ? 2 : 1)} ms`;
+</script>
+
+<div class="stats" role="status" aria-label="Game stats">
+  {#each [...$stats].sort(([a], [b]) => a.localeCompare(b)) as [source, frame] (source)}
+    {@const slowest = Object.entries(frame.libraries)
+      .sort(([, a], [, b]) => b.avg - a.avg)
+      .slice(0, 3)}
+    <section>
+      <h4>{source}</h4>
+      <p>
+        <strong>{Math.round(frame.tps)}</strong> tps · tick {ms(frame.tick.avg)} (max {ms(
+          frame.tick.max,
+        )})
+      </p>
+      {#each slowest as [library, timing] (library)}
+        <p class="library">{library} {ms(timing.avg)}</p>
+      {/each}
+    </section>
+  {:else}
+    <p>Waiting for frame stats…</p>
+  {/each}
+  {#if heap}<p class="heap">JS heap {(heap / 1024 / 1024).toFixed(0)} MB</p>{/if}
+</div>
+
+<style>
+  .stats {
+    position: absolute;
+    top: var(--nf-space-2);
+    left: var(--nf-space-2);
+    min-width: 180px;
+    padding: var(--nf-space-2);
+    border-radius: var(--nf-radius-control);
+    background: rgb(0 0 0 / 70%);
+    color: #e8e8f0;
+    font-family: var(--nf-font-code);
+    font-size: 11px;
+    line-height: 1.5;
+    pointer-events: none;
+  }
+  section + section {
+    margin-top: var(--nf-space-1);
+  }
+  h4 {
+    margin: 0;
+    color: #a78bfa;
+    font-size: 11px;
+    text-transform: capitalize;
+  }
+  p {
+    margin: 0;
+  }
+  .library,
+  .heap {
+    color: #b4b4c4;
+  }
+</style>
diff --git a/plugins/viewport/src/widgets/scene/SceneScreen.svelte b/plugins/viewport/src/widgets/scene/SceneScreen.svelte
new file mode 100644
index 00000000..314f8765
--- /dev/null
+++ b/plugins/viewport/src/widgets/scene/SceneScreen.svelte
@@ -0,0 +1,92 @@
+<script lang="ts">
+  import {
+    CODEGEN_TARGETS,
+    EditorServices,
+    ProjectServiceToken,
+    selectTarget,
+  } from '@nanoforge-dev/editor-sdk';
+  import {
+    EmptyState,
+    SCENE_EDITORS,
+    type SceneEditor,
+    VIEWPORT_OVERLAYS,
+    type WidgetInstance,
+  } from '@nanoforge-dev/editor-sdk/ui';
+
+  import ViewportToolbar from '../ViewportToolbar.svelte';
+
+  const { instance }: { instance: WidgetInstance } = $props();
+  // svelte-ignore state_referenced_locally
+  const { services } = instance;
+  const extensions = services.get(EditorServices.Extensions);
+  const editors = extensions.observe(SCENE_EDITORS);
+  const targets = extensions.observe(CODEGEN_TARGETS);
+  const overlays = extensions.observe(VIEWPORT_OVERLAYS);
+  const project = services.get(ProjectServiceToken).current;
+
+  /**
+   * The scene editor for the codegen target of the project's first client app (else any app).
+   * Choosing the app (client, server, lib) comes with the scene editor plugins.
+   */
+  const editor = $derived.by((): SceneEditor | undefined => {
+    void $targets;
+    const apps = $project?.model.get().apps ?? [];
+    const app = apps.find((candidate) => candidate.type === 'client') ?? apps[0];
+    const target = app ? selectTarget(extensions, app) : undefined;
+    return $editors
+      .map((contribution) => contribution.value)
+      .find(
+        (candidate) =>
+          candidate.targets.includes('*') || (!!target && candidate.targets.includes(target.id)),
+      );
+  });
+
+  let host = $state<HTMLElement>();
+  $effect(() => {
+    if (!host || !editor?.mount) return;
+    const mounted = editor.mount(host);
+    return () => mounted.dispose();
+  });
+</script>
+
+<div class="screen">
+  <ViewportToolbar screen="scene" {services} />
+  <div class="area">
+    {#if editor?.component}
+      {@const Editor = editor.component}
+      <Editor {instance} />
+    {:else if editor?.mount}
+      <div class="host" bind:this={host}></div>
+    {:else}
+      <EmptyState
+        icon="layers"
+        title="No scene editor"
+        description="A scene editor plugin fills this screen: the ECS plugin adds one for games using @nanoforge-dev/ecs."
+      />
+    {/if}
+    {#if editor}
+      {#each $overlays.filter((overlay) => overlay.value.screen === 'scene') as overlay (overlay.value.id)}
+        {@const Overlay = overlay.value.component}
+        <Overlay />
+      {/each}
+    {/if}
+  </div>
+</div>
+
+<style>
+  .screen {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--nf-color-bg);
+  }
+  .area {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+  }
+  .host {
+    position: absolute;
+    inset: 0;
+  }
+</style>
diff --git a/plugins/viewport/svelte.config.js b/plugins/viewport/svelte.config.js
new file mode 100644
index 00000000..e4c62a9c
--- /dev/null
+++ b/plugins/viewport/svelte.config.js
@@ -0,0 +1,2 @@
+/** Plugins compile Svelte in runes mode (the host's runtime flags). */
+export default { compilerOptions: { runes: true } };
diff --git a/plugins/viewport/tsconfig.json b/plugins/viewport/tsconfig.json
new file mode 100644
index 00000000..a10595a5
--- /dev/null
+++ b/plugins/viewport/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.svelte"]
+}
diff --git a/plugins/viewport/vite.config.ts b/plugins/viewport/vite.config.ts
new file mode 100644
index 00000000..1876b044
--- /dev/null
+++ b/plugins/viewport/vite.config.ts
@@ -0,0 +1,11 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [svelte(), nanoforgeEditorPlugin()],
+  build: {
+    lib: { entry: { index: 'src/index.ts' }, formats: ['es'], cssFileName: 'viewport' },
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 141014af..ce711722 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,3 +1,104 @@
+---
+lockfileVersion: '9.0'
+
+importers:
+
+  .:
+    configDependencies: {}
+    packageManagerDependencies:
+      pnpm:
+        specifier: 12.0.0
+        version: 12.0.0
+
+packages:
+
+  '@pnpm/exe.darwin-arm64@12.0.0':
+    resolution: {integrity: sha512-sqeoPfVMIfQhbwzDrKraXY2ynyuWClFqzvfImzAS/yczEru1m5SGvQ9kgFPDvQzJZ9AetedgJeDZC6qYvH8/tQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@pnpm/exe.darwin-x64@12.0.0':
+    resolution: {integrity: sha512-Quc3J6c9cGTy+LDgz1cLVgCNOU9IERuyAlDoEj0DCilKqvo50Jx1GV8k74iwn4J9fFSKkm8JrwNvtTDj3uWnUA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@pnpm/exe.linux-arm64-musl@12.0.0':
+    resolution: {integrity: sha512-EVWd3OTmgsMFhXx69b5JxIzoabG9Ma7m4OeTaf0ZKBzMnfYi8u21NDQo92ToMrdYL5dYDDCHsyYIjXzk+d0HhA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/exe.linux-arm64@12.0.0':
+    resolution: {integrity: sha512-cXHHW8M4rAPsYNkKZO9WVcpLLK55i9EaIsZPfIqUuY2eopd5LqnFyBge54HCh1GC0yCX8ySn0hYIi+4OyAEoDg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.linux-x64-musl@12.0.0':
+    resolution: {integrity: sha512-UcXwMdFjly0mpddkGigHKTxe27IMv2fUK4IWW/MHmJ3yMguxXmkwNlEI4aE+G1HO2TLo20uNEUWD4ymLe/DaCQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/exe.linux-x64@12.0.0':
+    resolution: {integrity: sha512-6Rsl+zEWMOmus7v7/9J3OE8EMvHyNAfxYmDfmhQG4J0985OuT3G3Ho9NSGHjkBn4aU4bgklWifRhe1HX8dUSyw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.win32-arm64@12.0.0':
+    resolution: {integrity: sha512-O5F76A4oVFrpDGdFxEszRIThOSBfjHdH5c006gR+7UTCfiXrukr1XfqPungUI1DXcSR5gb9jBsPQqQZOAoOOxw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@pnpm/exe.win32-x64@12.0.0':
+    resolution: {integrity: sha512-5dKFajIEWJ1ai+KHXFJvskY6vchbunmLwSUV2ywbLymcmJjfY5XJVpgzPCyIoVCMVG0zHorr66+hM8h8b3aRfQ==}
+    cpu: [x64]
+    os: [win32]
+
+  pnpm@12.0.0:
+    resolution: {integrity: sha512-ni49w5EZlYaNyUuBdcIXwn6VQI+gO0oidJd48rNPdzt3zdOznt6BcbIvzVO+ajU0Lp+smUimjvWN9kiM6Jp+Zw==}
+    engines: {node: '>=18.*'}
+    hasBin: true
+
+snapshots:
+
+  '@pnpm/exe.darwin-arm64@12.0.0':
+    optional: true
+
+  '@pnpm/exe.darwin-x64@12.0.0':
+    optional: true
+
+  '@pnpm/exe.linux-arm64-musl@12.0.0':
+    optional: true
+
+  '@pnpm/exe.linux-arm64@12.0.0':
+    optional: true
+
+  '@pnpm/exe.linux-x64-musl@12.0.0':
+    optional: true
+
+  '@pnpm/exe.linux-x64@12.0.0':
+    optional: true
+
+  '@pnpm/exe.win32-arm64@12.0.0':
+    optional: true
+
+  '@pnpm/exe.win32-x64@12.0.0':
+    optional: true
+
+  pnpm@12.0.0:
+    optionalDependencies:
+      '@pnpm/exe.darwin-arm64': 12.0.0
+      '@pnpm/exe.darwin-x64': 12.0.0
+      '@pnpm/exe.linux-arm64': 12.0.0
+      '@pnpm/exe.linux-arm64-musl': 12.0.0
+      '@pnpm/exe.linux-x64': 12.0.0
+      '@pnpm/exe.linux-x64-musl': 12.0.0
+      '@pnpm/exe.win32-arm64': 12.0.0
+      '@pnpm/exe.win32-x64': 12.0.0
+
+---
 lockfileVersion: '9.0'
 
 settings:
@@ -5,23 +106,30 @@ settings:
   excludeLinksFromLockfile: false
 
 catalogs:
+  adapter:
+    '@sveltejs/adapter-static':
+      specifier: ^3.0.10
+      version: 3.0.10
   build:
-    '@tsconfig/svelte':
-      specifier: ^5.0.8
-      version: 5.0.8
-    svelte-adapter-bun:
-      specifier: ^1.0.1
-      version: 1.0.1
+    tsdown:
+      specifier: ^0.22.14
+      version: 0.22.14
+    turbo:
+      specifier: ^2.10.12
+      version: 2.11.4
     typescript:
       specifier: ^6.0.3
       version: 6.0.3
+    unrun:
+      specifier: ^0.3.0
+      version: 0.3.1
   ci:
     '@commitlint/cli':
       specifier: ^21.2.0
-      version: 21.2.0
+      version: 21.2.3
     '@commitlint/config-conventional':
       specifier: ^21.2.0
-      version: 21.2.0
+      version: 21.2.3
     '@favware/cliff-jumper':
       specifier: ^6.1.0
       version: 6.1.0
@@ -33,131 +141,72 @@ catalogs:
       version: 9.1.7
     lint-staged:
       specifier: ^17.0.8
-      version: 17.0.8
+      version: 17.5.1
+  code:
+    ts-morph:
+      specifier: ^28.0.0
+      version: 28.0.0
   components:
+    '@fontsource/instrument-sans':
+      specifier: ^5.3.0
+      version: 5.3.0
+    '@fontsource/jetbrains-mono':
+      specifier: ^5.3.0
+      version: 5.3.0
+    '@lucide/svelte':
+      specifier: ^1.48.0
+      version: 1.48.0
     bits-ui:
-      specifier: ^2.18.1
-      version: 2.18.1
+      specifier: ^2.19.3
+      version: 2.19.3
     monaco-editor:
       specifier: ^0.55.1
       version: 0.55.1
+  config:
+    '@nanoforge-dev/config':
+      specifier: ^2.3.0
+      version: 2.3.0
   core:
-    '@nanoforge-dev/ecs-lib':
-      specifier: ^1.4.0
-      version: 1.4.0
     '@sveltejs/kit':
       specifier: ^2.65.0
-      version: 2.65.0
+      version: 2.70.3
     '@sveltejs/vite-plugin-svelte':
       specifier: ^7.1.2
-      version: 7.1.2
+      version: 7.3.1
     '@types/bun':
       specifier: ^1.3.14
-      version: 1.3.14
-    bun:
-      specifier: ^1.3.14
-      version: 1.3.14
+      version: 1.4.2
+    '@types/node':
+      specifier: ^26.4.0
+      version: 26.6.2
     svelte:
       specifier: ^5.56.3
-      version: 5.56.3
+      version: 5.57.1
     svelte-check:
       specifier: ^4.6.0
-      version: 4.6.0
-    svelte-kit-sessions:
-      specifier: ^0.4.0
-      version: 0.4.0
+      version: 4.7.6
     vite:
       specifier: ^8.0.16
-      version: 8.0.16
-  css:
-    '@alexanderniebuhr/prettier-plugin-unocss':
-      specifier: ^0.0.4
-      version: 0.0.4
-    '@unocss/extractor-svelte':
-      specifier: ^66.7.4
-      version: 66.7.4
-    '@unocss/preset-icons':
-      specifier: ^66.7.4
-      version: 66.7.4
-    '@unocss/preset-web-fonts':
-      specifier: ^66.7.4
-      version: 66.7.4
-    '@unocss/preset-wind4':
-      specifier: ^66.7.4
-      version: 66.7.4
-    clsx:
-      specifier: ^2.1.1
-      version: 2.1.1
-    tailwind-merge:
-      specifier: ^3.6.0
-      version: 3.6.0
-    tailwind-variants:
-      specifier: ^3.2.2
-      version: 3.2.2
-    tailwindcss:
-      specifier: ^4.3.2
-      version: 4.3.2
-    unocss:
-      specifier: ^66.7.4
-      version: 66.7.4
-  i18n:
-    '@inlang/paraglide-js':
-      specifier: ^2.20.2
-      version: 2.20.2
-  icons:
-    '@iconify-json/clarity':
-      specifier: ^1.2.4
-      version: 1.2.4
-    '@iconify-json/ic':
-      specifier: ^1.2.4
-      version: 1.2.4
-    '@iconify-json/material-icon-theme':
-      specifier: ^1.2.68
-      version: 1.2.68
-    '@iconify-json/solar':
-      specifier: ^1.2.5
-      version: 1.2.5
-    '@lucide/svelte':
-      specifier: ^1.22.0
-      version: 1.22.0
-  libs-back:
-    class-transformer:
-      specifier: ^0.5.1
-      version: 0.5.1
-    class-validator:
-      specifier: ^0.15.1
-      version: 0.15.1
-    dotenv:
-      specifier: ^17.4.2
-      version: 17.4.2
-    micromatch:
-      specifier: ^4.0.8
-      version: 4.0.8
-    tar:
-      specifier: ^7.5.19
-      version: 7.5.19
-  libs-front:
-    '@internationalized/date':
-      specifier: ^3.12.2
-      version: 3.12.2
-    '@tanstack/svelte-query':
-      specifier: ^6.1.36
-      version: 6.1.36
-    formsnap:
-      specifier: ^2.0.1
-      version: 2.0.1
-    mode-watcher:
-      specifier: ^1.1.0
-      version: 1.1.0
-    svelte-sonner:
-      specifier: ^1.1.1
-      version: 1.1.1
-    sveltekit-superforms:
-      specifier: ^2.30.1
-      version: 2.30.1
+      version: 8.3.1
+  libs:
+    '@jridgewell/trace-mapping':
+      specifier: ^0.3.31
+      version: 0.3.31
+    '@types/semver':
+      specifier: ^7.7.1
+      version: 7.8.0
+    fflate:
+      specifier: ^0.8.2
+      version: 0.8.3
+    ignore:
+      specifier: ^7.0.5
+      version: 7.0.10
+    semver:
+      specifier: ^7.7.3
+      version: 7.8.5
     zod:
       specifier: ^4.4.3
-      version: 4.4.3
+      version: 4.6.5
   lint:
     '@nanoforge-dev/utils-eslint-config':
       specifier: ^1.0.2
@@ -170,242 +219,1075 @@ catalogs:
       version: 6.0.2
     eslint:
       specifier: ^10.6.0
-      version: 10.6.0
+      version: 10.11.0
     eslint-plugin-svelte:
       specifier: ^3.20.0
-      version: 3.20.0
+      version: 3.23.0
     globals:
       specifier: ^17.7.0
-      version: 17.7.0
+      version: 17.12.0
     prettier:
       specifier: ^3.9.4
-      version: 3.9.4
+      version: 3.9.9
     prettier-plugin-svelte:
       specifier: ^4.1.1
       version: 4.1.1
     typescript-eslint:
       specifier: ^8.62.1
-      version: 8.62.1
+      version: 8.70.1
+  server:
+    chokidar:
+      specifier: ^4.0.3
+      version: 4.0.3
+    prettier:
+      specifier: ^3.9.4
+      version: 3.9.9
+    yaml:
+      specifier: ^2.9.1
+      version: 2.9.1
   test:
     '@playwright/test':
       specifier: ^1.61.1
-      version: 1.61.1
+      version: 1.63.0
     '@vitest/browser-playwright':
       specifier: ^4.1.9
-      version: 4.1.9
+      version: 4.1.11
     '@vitest/coverage-v8':
       specifier: ^4.1.9
-      version: 4.1.9
+      version: 4.1.11
     playwright:
-      specifier: ^1.61.1
-      version: 1.61.1
+      specifier: ^1.63.0
+      version: 1.63.0
     vitest:
       specifier: ^4.1.9
-      version: 4.1.9
+      version: 4.1.11
     vitest-browser-svelte:
       specifier: ^2.2.0
-      version: 2.2.0
+      version: 2.2.1
+  tooling:
+    es-module-lexer:
+      specifier: ^2.0.0
+      version: 2.3.2
+
+importers:
+
+  .:
+    devDependencies:
+      '@commitlint/cli':
+        specifier: catalog:ci
+        version: 21.2.3(@types/node@26.6.2)(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)
+      '@commitlint/config-conventional':
+        specifier: catalog:ci
+        version: 21.2.3
+      '@nanoforge-dev/actions':
+        specifier: catalog:ci
+        version: 2.1.5
+      '@nanoforge-dev/utils-eslint-config':
+        specifier: catalog:lint
+        version: 1.0.2(@types/eslint@9.6.1)(eslint@10.11.0(jiti@2.6.1))(prettier@3.9.9)(typescript@6.0.3)
+      '@nanoforge-dev/utils-prettier-config':
+        specifier: catalog:lint
+        version: 1.0.2
+      '@trivago/prettier-plugin-sort-imports':
+        specifier: catalog:lint
+        version: 6.0.2(prettier-plugin-svelte@4.1.1(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1)))(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      '@vitest/coverage-v8':
+        specifier: catalog:test
+        version: 4.1.11(@vitest/browser@4.1.11)(vitest@4.1.11)
+      eslint:
+        specifier: catalog:lint
+        version: 10.11.0(jiti@2.6.1)
+      eslint-plugin-svelte:
+        specifier: catalog:lint
+        version: 3.23.0(eslint@10.11.0(jiti@2.6.1))(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      globals:
+        specifier: catalog:lint
+        version: 17.12.0
+      husky:
+        specifier: catalog:ci
+        version: 9.1.7
+      lint-staged:
+        specifier: catalog:ci
+        version: 17.5.1
+      prettier:
+        specifier: catalog:lint
+        version: 3.9.9
+      prettier-plugin-svelte:
+        specifier: catalog:lint
+        version: 4.1.1(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      turbo:
+        specifier: catalog:build
+        version: 2.11.4
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      typescript-eslint:
+        specifier: catalog:lint
+        version: 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  apps/editor:
+    dependencies:
+      chokidar:
+        specifier: catalog:server
+        version: 4.0.3
+      prettier:
+        specifier: catalog:server
+        version: 3.9.9
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      unrun:
+        specifier: catalog:build
+        version: 0.3.1(synckit@0.11.13)
+      yaml:
+        specifier: catalog:server
+        version: 2.9.1
+    devDependencies:
+      '@favware/cliff-jumper':
+        specifier: catalog:ci
+        version: 6.1.0
+      '@nanoforge-dev/editor-code':
+        specifier: workspace:*
+        version: link:../../packages/code
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../../packages/history
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../../packages/kernel
+      '@nanoforge-dev/editor-plugin-code-editor':
+        specifier: workspace:*
+        version: link:../../plugins/code-editor
+      '@nanoforge-dev/editor-plugin-command-palette':
+        specifier: workspace:*
+        version: link:../../plugins/command-palette
+      '@nanoforge-dev/editor-plugin-console':
+        specifier: workspace:*
+        version: link:../../plugins/console
+      '@nanoforge-dev/editor-plugin-ecs':
+        specifier: workspace:*
+        version: link:../../plugins/ecs
+      '@nanoforge-dev/editor-plugin-file-manager':
+        specifier: workspace:*
+        version: link:../../plugins/file-manager
+      '@nanoforge-dev/editor-plugin-git':
+        specifier: workspace:*
+        version: link:../../plugins/git
+      '@nanoforge-dev/editor-plugin-history-panel':
+        specifier: workspace:*
+        version: link:../../plugins/history-panel
+      '@nanoforge-dev/editor-plugin-inspectors':
+        specifier: workspace:*
+        version: link:../../plugins/inspectors
+      '@nanoforge-dev/editor-plugin-packages':
+        specifier: workspace:*
+        version: link:../../plugins/packages
+      '@nanoforge-dev/editor-plugin-scene':
+        specifier: workspace:*
+        version: link:../../plugins/scene
+      '@nanoforge-dev/editor-plugin-settings-ui':
+        specifier: workspace:*
+        version: link:../../plugins/settings-ui
+      '@nanoforge-dev/editor-plugin-viewport':
+        specifier: workspace:*
+        version: link:../../plugins/viewport
+      '@nanoforge-dev/editor-project':
+        specifier: workspace:*
+        version: link:../../packages/project
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../../packages/protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../../packages/rpc
+      '@nanoforge-dev/editor-runtime':
+        specifier: workspace:*
+        version: link:../../packages/runtime
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-server-core':
+        specifier: workspace:*
+        version: link:../../packages/server-core
+      '@nanoforge-dev/editor-settings':
+        specifier: workspace:*
+        version: link:../../packages/settings
+      '@nanoforge-dev/editor-ui':
+        specifier: workspace:*
+        version: link:../../packages/ui
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@playwright/test':
+        specifier: catalog:test
+        version: 1.63.0
+      '@sveltejs/adapter-static':
+        specifier: catalog:adapter
+        version: 3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))
+      '@sveltejs/kit':
+        specifier: catalog:core
+        version: 2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      '@types/bun':
+        specifier: catalog:core
+        version: 1.4.2
+      playwright:
+        specifier: catalog:test
+        version: 1.63.0
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+
+  packages/code:
+    dependencies:
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../history
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-meta':
+        specifier: workspace:*
+        version: link:../meta
+      '@nanoforge-dev/editor-project':
+        specifier: workspace:*
+        version: link:../project
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/registry':
+        specifier: workspace:*
+        version: link:../registry
+      ts-morph:
+        specifier: catalog:code
+        version: 28.0.0
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@nanoforge-dev/editor-server-core':
+        specifier: workspace:*
+        version: link:../server-core
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/history:
+    dependencies:
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+    devDependencies:
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/kernel:
+    dependencies:
+      semver:
+        specifier: catalog:libs
+        version: 7.8.5
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@types/semver':
+        specifier: catalog:libs
+        version: 7.8.0
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/layout:
+    dependencies:
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/meta:
+    dependencies:
+      ts-morph:
+        specifier: catalog:code
+        version: 28.0.0
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/project:
+    dependencies:
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/registry':
+        specifier: workspace:*
+        version: link:../registry
+    devDependencies:
+      '@nanoforge-dev/editor-server-core':
+        specifier: workspace:*
+        version: link:../server-core
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/protocol:
+    dependencies:
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/registry':
+        specifier: workspace:*
+        version: link:../registry
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/registry:
+    dependencies:
+      fflate:
+        specifier: catalog:libs
+        version: 0.8.3
+      semver:
+        specifier: catalog:libs
+        version: 7.8.5
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      '@types/semver':
+        specifier: catalog:libs
+        version: 7.8.0
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/rpc:
+    dependencies:
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/runtime:
+    dependencies:
+      '@jridgewell/trace-mapping':
+        specifier: catalog:libs
+        version: 0.3.31
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/editor-settings':
+        specifier: workspace:*
+        version: link:../settings
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@nanoforge-dev/editor-server-core':
+        specifier: workspace:*
+        version: link:../server-core
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/sdk:
+    dependencies:
+      '@nanoforge-dev/editor-code':
+        specifier: workspace:*
+        version: link:../code
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../history
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-meta':
+        specifier: workspace:*
+        version: link:../meta
+      '@nanoforge-dev/editor-project':
+        specifier: workspace:*
+        version: link:../project
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/editor-runtime':
+        specifier: workspace:*
+        version: link:../runtime
+      '@nanoforge-dev/editor-settings':
+        specifier: workspace:*
+        version: link:../settings
+      '@nanoforge-dev/editor-ui':
+        specifier: workspace:*
+        version: link:../ui
+    devDependencies:
+      '@favware/cliff-jumper':
+        specifier: catalog:ci
+        version: 6.1.0
+      tsdown:
+        specifier: catalog:build
+        version: 0.22.14(typescript@6.0.3)(unrun@0.3.1(synckit@0.11.13))
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/server-core:
+    dependencies:
+      '@nanoforge-dev/config':
+        specifier: catalog:config
+        version: 2.3.0(synckit@0.11.13)
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      '@nanoforge-dev/registry':
+        specifier: workspace:*
+        version: link:../registry
+      chokidar:
+        specifier: catalog:server
+        version: 4.0.3
+      fflate:
+        specifier: catalog:libs
+        version: 0.8.3
+      ignore:
+        specifier: catalog:libs
+        version: 7.0.10
+      prettier:
+        specifier: catalog:server
+        version: 3.9.9
+      semver:
+        specifier: catalog:libs
+        version: 7.8.5
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      unrun:
+        specifier: catalog:build
+        version: 0.3.1(synckit@0.11.13)
+      yaml:
+        specifier: catalog:server
+        version: 2.9.1
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@types/bun':
+        specifier: catalog:core
+        version: 1.4.2
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      '@types/semver':
+        specifier: catalog:libs
+        version: 7.8.0
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/settings:
+    dependencies:
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-project':
+        specifier: workspace:*
+        version: link:../project
+      '@nanoforge-dev/editor-protocol':
+        specifier: workspace:*
+        version: link:../protocol
+      '@nanoforge-dev/editor-rpc':
+        specifier: workspace:*
+        version: link:../rpc
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@nanoforge-dev/editor-server-core':
+        specifier: workspace:*
+        version: link:../server-core
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  packages/ui:
+    dependencies:
+      '@fontsource/instrument-sans':
+        specifier: catalog:components
+        version: 5.3.0
+      '@fontsource/jetbrains-mono':
+        specifier: catalog:components
+        version: 5.3.0
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../history
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../kernel
+      '@nanoforge-dev/editor-layout':
+        specifier: workspace:*
+        version: link:../layout
+      '@nanoforge-dev/editor-settings':
+        specifier: workspace:*
+        version: link:../settings
+      bits-ui:
+        specifier: catalog:components
+        version: 2.19.3(@internationalized/date@3.12.4)(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      '@vitest/browser-playwright':
+        specifier: catalog:test
+        version: 4.1.11(playwright@1.63.0)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)
+      playwright:
+        specifier: catalog:test
+        version: 1.63.0
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      vitest-browser-svelte:
+        specifier: catalog:test
+        version: 2.2.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vitest@4.1.11)
+
+  plugins/code-editor:
+    devDependencies:
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      monaco-editor:
+        specifier: catalog:components
+        version: 0.55.1
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/command-palette:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
-importers:
+  plugins/console:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
-  .:
-    dependencies:
-      bun:
+  plugins/ecs:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-code':
+        specifier: workspace:*
+        version: link:../../packages/code
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../../packages/history
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
         specifier: catalog:core
-        version: 1.3.14
-      class-transformer:
-        specifier: catalog:libs-back
-        version: 0.5.1
-      class-validator:
-        specifier: catalog:libs-back
-        version: 0.15.1
-      dotenv:
-        specifier: catalog:libs-back
-        version: 17.4.2
-      micromatch:
-        specifier: catalog:libs-back
-        version: 4.0.8
-      tar:
-        specifier: catalog:libs-back
-        version: 7.5.19
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      ts-morph:
+        specifier: catalog:code
+        version: 28.0.0
       typescript:
         specifier: catalog:build
         version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/file-manager:
     devDependencies:
-      '@alexanderniebuhr/prettier-plugin-unocss':
-        specifier: catalog:css
-        version: 0.0.4
-      '@commitlint/cli':
-        specifier: catalog:ci
-        version: 21.2.0(@types/node@25.9.3)(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)
-      '@commitlint/config-conventional':
-        specifier: catalog:ci
-        version: 21.2.0
-      '@favware/cliff-jumper':
-        specifier: catalog:ci
-        version: 6.1.0
-      '@iconify-json/clarity':
-        specifier: catalog:icons
-        version: 1.2.4
-      '@iconify-json/ic':
-        specifier: catalog:icons
-        version: 1.2.4
-      '@iconify-json/icomoon-free':
-        specifier: ^1.2.1
-        version: 1.2.1
-      '@iconify-json/material-icon-theme':
-        specifier: catalog:icons
-        version: 1.2.68
-      '@iconify-json/solar':
-        specifier: catalog:icons
-        version: 1.2.5
-      '@inlang/paraglide-js':
-        specifier: catalog:i18n
-        version: 2.20.2(typescript@6.0.3)
-      '@internationalized/date':
-        specifier: catalog:libs-front
-        version: 3.12.2
       '@lucide/svelte':
-        specifier: catalog:icons
-        version: 1.22.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      '@nanoforge-dev/actions':
-        specifier: catalog:ci
-        version: 2.1.5
-      '@nanoforge-dev/ecs-lib':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
         specifier: catalog:core
-        version: 1.4.0
-      '@nanoforge-dev/utils-eslint-config':
-        specifier: catalog:lint
-        version: 1.0.2(@types/eslint@9.6.1)(eslint@10.6.0(jiti@2.7.0))(prettier@3.9.4)(typescript@6.0.3)
-      '@nanoforge-dev/utils-prettier-config':
-        specifier: catalog:lint
-        version: 1.0.2
-      '@playwright/test':
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      ignore:
+        specifier: catalog:libs
+        version: 7.0.10
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
         specifier: catalog:test
-        version: 1.61.1
-      '@sveltejs/kit':
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/git:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
         specifier: catalog:core
-        version: 2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/history-panel:
+    devDependencies:
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
       '@sveltejs/vite-plugin-svelte':
         specifier: catalog:core
-        version: 7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      '@tanstack/svelte-query':
-        specifier: catalog:libs-front
-        version: 6.1.36(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      '@trivago/prettier-plugin-sort-imports':
-        specifier: catalog:lint
-        version: 6.0.2(prettier-plugin-svelte@4.1.1(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1)))(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      '@tsconfig/svelte':
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
         specifier: catalog:build
-        version: 5.0.8
-      '@types/bun':
+        version: 6.0.3
+      vite:
         specifier: catalog:core
-        version: 1.3.14
-      '@types/micromatch':
-        specifier: ^4.0.10
-        version: 4.0.10
-      '@unocss/extractor-svelte':
-        specifier: catalog:css
-        version: 66.7.4
-      '@unocss/preset-icons':
-        specifier: catalog:css
-        version: 66.7.4
-      '@unocss/preset-web-fonts':
-        specifier: catalog:css
-        version: 66.7.4
-      '@unocss/preset-wind4':
-        specifier: catalog:css
-        version: 66.7.4
-      '@vitest/browser-playwright':
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+
+  plugins/inspectors:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
         specifier: catalog:test
-        version: 4.1.9(playwright@1.61.1)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)
-      '@vitest/coverage-v8':
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/packages:
+    devDependencies:
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
         specifier: catalog:test
-        version: 4.1.9(@vitest/browser@4.1.9)(vitest@4.1.9)
-      bits-ui:
-        specifier: catalog:components
-        version: 2.18.1(@internationalized/date@3.12.2)(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      clsx:
-        specifier: catalog:css
-        version: 2.1.1
-      eslint:
-        specifier: catalog:lint
-        version: 10.6.0(jiti@2.7.0)
-      eslint-plugin-svelte:
-        specifier: catalog:lint
-        version: 3.20.0(eslint@10.6.0(jiti@2.7.0))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      formsnap:
-        specifier: catalog:libs-front
-        version: 2.0.1(svelte@5.56.3(@typescript-eslint/types@8.62.1))(sveltekit-superforms@2.30.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3))
-      globals:
-        specifier: catalog:lint
-        version: 17.7.0
-      husky:
-        specifier: catalog:ci
-        version: 9.1.7
-      lint-staged:
-        specifier: catalog:ci
-        version: 17.0.8
-      mode-watcher:
-        specifier: catalog:libs-front
-        version: 1.1.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      monaco-editor:
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/scene:
+    devDependencies:
+      '@lucide/svelte':
         specifier: catalog:components
-        version: 0.55.1
-      playwright:
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-code':
+        specifier: workspace:*
+        version: link:../../packages/code
+      '@nanoforge-dev/editor-history':
+        specifier: workspace:*
+        version: link:../../packages/history
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      ts-morph:
+        specifier: catalog:code
+        version: 28.0.0
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
         specifier: catalog:test
-        version: 1.61.1
-      prettier:
-        specifier: catalog:lint
-        version: 3.9.4
-      prettier-plugin-svelte:
-        specifier: catalog:lint
-        version: 4.1.1(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/settings-ui:
+    devDependencies:
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
       svelte:
         specifier: catalog:core
-        version: 5.56.3(@typescript-eslint/types@8.62.1)
-      svelte-adapter-bun:
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-check:
+        specifier: catalog:core
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
         specifier: catalog:build
-        version: 1.0.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(typescript@6.0.3)
+        version: 6.0.3
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitest:
+        specifier: catalog:test
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+
+  plugins/viewport:
+    devDependencies:
+      '@lucide/svelte':
+        specifier: catalog:components
+        version: 1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../../tooling/vite-plugin
+      '@sveltejs/vite-plugin-svelte':
+        specifier: catalog:core
+        version: 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
       svelte-check:
         specifier: catalog:core
-        version: 4.6.0(picomatch@4.0.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)
-      svelte-kit-sessions:
+        version: 4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
+      vite:
         specifier: catalog:core
-        version: 0.4.0(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte-sonner:
-        specifier: catalog:libs-front
-        version: 1.1.1(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      sveltekit-superforms:
-        specifier: catalog:libs-front
-        version: 2.30.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)
-      tailwind-merge:
-        specifier: catalog:css
-        version: 3.6.0
-      tailwind-variants:
-        specifier: catalog:css
-        version: 3.2.2(tailwind-merge@3.6.0)(tailwindcss@4.3.2)
-      tailwindcss:
-        specifier: catalog:css
-        version: 4.3.2
-      typescript-eslint:
-        specifier: catalog:lint
-        version: 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      unocss:
-        specifier: catalog:css
-        version: 66.7.4(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+
+  tooling/example-plugin:
+    devDependencies:
+      '@nanoforge-dev/editor-sdk':
+        specifier: workspace:*
+        version: link:../../packages/sdk
+      '@nanoforge-dev/editor-vite-plugin':
+        specifier: workspace:*
+        version: link:../vite-plugin
+      svelte:
+        specifier: catalog:core
+        version: 5.57.1(@typescript-eslint/types@8.70.1)
+      vite:
+        specifier: catalog:core
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+
+  tooling/vite-plugin:
+    dependencies:
+      es-module-lexer:
+        specifier: catalog:tooling
+        version: 2.3.2
+      semver:
+        specifier: catalog:libs
+        version: 7.8.5
+      zod:
+        specifier: catalog:libs
+        version: 4.6.5
+    devDependencies:
+      '@favware/cliff-jumper':
+        specifier: catalog:ci
+        version: 6.1.0
+      '@nanoforge-dev/editor-kernel':
+        specifier: workspace:*
+        version: link:../../packages/kernel
+      '@types/node':
+        specifier: catalog:core
+        version: 26.6.2
+      tsdown:
+        specifier: catalog:build
+        version: 0.22.14(typescript@6.0.3)(unrun@0.3.1(synckit@0.11.13))
+      typescript:
+        specifier: catalog:build
+        version: 6.0.3
       vite:
         specifier: catalog:core
-        version: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
+        version: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
       vitest:
         specifier: catalog:test
-        version: 4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      vitest-browser-svelte:
-        specifier: catalog:test
-        version: 2.2.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vitest@4.1.9)
-      zod:
-        specifier: catalog:libs-front
-        version: 4.4.3
+        version: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
 packages:
 
@@ -427,24 +1309,12 @@ packages:
   '@actions/io@3.0.2':
     resolution: {integrity: sha512-nRBchcMM+QK1pdjO7/idu86rbJI5YHUKCvKs0KxnSYbVe3F51UfGxuZX4Qy/fWlp6l7gWFwIkrOzN+oUK03kfw==}
 
-  '@alexanderniebuhr/prettier-plugin-unocss@0.0.4':
-    resolution: {integrity: sha512-uuuNFjp+WNGsP7V5C7F7uot4a8imccsRf9DYXuQquzXzxLEfzWfqYy/cZUNUk4+fOpLbXGlPUxrJvPAcPau0Ow==}
-
-  '@antfu/install-pkg@1.1.0':
-    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
-
-  '@ark/schema@0.56.0':
-    resolution: {integrity: sha512-ECg3hox/6Z/nLajxXqNhgPtNdHWC9zNsDyskwO28WinoFEnWow4IsERNz9AnXRhTZJnYIlAJ4uGn3nlLk65vZA==}
-
-  '@ark/util@0.56.0':
-    resolution: {integrity: sha512-BghfRC8b9pNs3vBoDJhcta0/c1J1rsoS1+HgVUreMFPdhz/CRAKReAu57YEllNaSy98rWAdY1gE+gFup7OXpgA==}
-
   '@babel/code-frame@7.29.7':
     resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.29.7':
-    resolution: {integrity: sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==}
+  '@babel/generator@7.29.8':
+    resolution: {integrity: sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-globals@7.29.7':
@@ -459,25 +1329,21 @@ packages:
     resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.29.7':
-    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
+  '@babel/parser@7.29.9':
+    resolution: {integrity: sha512-CjXrNHTnvqBVqHgdBysY3vk2T8tpJHb5/RMeHJBTyVa9xgugCB0CJTx/3oO8RV2QRQP391RWpB7D6hLjm8V9uA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/runtime@7.29.7':
-    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/template@7.29.7':
     resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.29.7':
-    resolution: {integrity: sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==}
+  '@babel/traverse@7.29.8':
+    resolution: {integrity: sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.29.7':
-    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
     engines: {node: '>=6.9.0'}
 
   '@bcoe/v8-coverage@1.0.2':
@@ -487,61 +1353,67 @@ packages:
   '@blazediff/core@1.9.1':
     resolution: {integrity: sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==}
 
-  '@commitlint/cli@21.2.0':
-    resolution: {integrity: sha512-4GLVIhUaT3c3GBlQ0GB80/5H3xXdn/Tgw4lrsuoOQVDu2wl4Xw0GuzSar8xZKSMv4H3xaKaQXmvH91GmdyYBZA==}
+  '@cacheable/memory@2.2.0':
+    resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
+
+  '@cacheable/utils@2.5.0':
+    resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==}
+
+  '@commitlint/cli@21.2.3':
+    resolution: {integrity: sha512-5yOX6IRjcrIReCxpyAd04hgI/yhUMpVBJ/ouwFV0wk9yx5+fYRDWZWJ5h55Tbedgfol+5m2mU5nqzbB8g3v0vQ==}
     engines: {node: '>=22.12.0'}
     hasBin: true
 
-  '@commitlint/config-conventional@21.2.0':
-    resolution: {integrity: sha512-Qf8WRDVcyVd14if6VTWenebxFbKnVnbzPUJjlzjkyJGeHK2xCGd63Dr1XZzj0plXKQb9P0BfOxoc1HVeCo2BWQ==}
+  '@commitlint/config-conventional@21.2.3':
+    resolution: {integrity: sha512-EP2n5DN2GwRWNVrLX0Jx3mpQlW5PfFi9HnD9OJ8hN/H0xFqpCFyHeGDhg+0P8/21iMMcdkcQgbNqmVklebqYsQ==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/config-validator@21.2.0':
-    resolution: {integrity: sha512-t7AzNHAKeIdo/3NRGwzpufKHsKkPHmFs/56N2Fnsh0/r0rGtnQzTxk6vnFgjaGr4hdSQKNB50/KAhR9Yk4LJKA==}
+  '@commitlint/config-validator@21.2.3':
+    resolution: {integrity: sha512-JQ13v0GafSM4fBYX8UowSy++07Was20auq0NcTdnzSEq6/05Cq5GBUMIfKkqjzyBwC9sJFmPpKWgLLhH7cygkw==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/ensure@21.2.0':
-    resolution: {integrity: sha512-76IF9vDNS13lAzEEik9eKwzt8f9hYhWiwVXZ2AnyLCz5/f511FsEQ3pw1X3/zSQpdRLQU7i5qDMVKyXi1GWjSg==}
+  '@commitlint/ensure@21.2.3':
+    resolution: {integrity: sha512-gEjNKgRocbODI5/sMx2Qc9XOf2/zFTNV2aEK1QZ4gKDKxDC/VR7us3QtIX1C5d5xxHxx0I/tEbYbdSP1Am2LwA==}
     engines: {node: '>=22.12.0'}
 
   '@commitlint/execute-rule@21.0.1':
     resolution: {integrity: sha512-RifH+FmImozKBE6mozhF4K3r2RRKP7SMi/Q/zLCmExtp5e05lhHOUYqGBlFBAGNHaZxU/WYw1XuugYK9jQzqnA==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/format@21.2.0':
-    resolution: {integrity: sha512-c4q64xaav2U83t7k7RyzJerBZurPer7FxUOY0RL5L/6CZijZ7K+s6HIBGIghj0ey1P2+seRX0J9XQYtDued6tg==}
+  '@commitlint/format@21.2.3':
+    resolution: {integrity: sha512-KKwCjXYqA8r295uhLnulDXL9yekdXmj2yp2Q0XsBPhxQ2iPuvRE8F43j7g7yexo69wTdmUQmFz15jpderluzUQ==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/is-ignored@21.2.0':
-    resolution: {integrity: sha512-4/eB0vBN7L88O/oC4ajAEqi7j2ZfNgxl/+11RfAV9YosejZgDXhY2C9VcHnHJhOzPLoSy5P3Mg/46kqeyJfXKw==}
+  '@commitlint/is-ignored@21.2.3':
+    resolution: {integrity: sha512-Ng4nRj/LBAOvc+GQu7bsFW4/fL89LvZ14OOC/ERLbUpnG6QBwWRzY/1oXGwPs3C8YHWjJObin4kLYo2YeEn70w==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/lint@21.2.0':
-    resolution: {integrity: sha512-ceO5dp9pLjEZ6y6qbq/uXWXDPykqqlTsyzoQ0NzecpisSJhK3kTy9qzQoPeJuWG/IMNdV1lO0RgmzqoAlSi1uw==}
+  '@commitlint/lint@21.2.3':
+    resolution: {integrity: sha512-lUZcSuVLLEDkhge9ERk8Rp+FXQtrUhCK+h328BFnzKXrTuXGdqiYMEpTlNWdZaOrjyMhMJaz354ZaWEGJxcLeg==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/load@21.2.0':
-    resolution: {integrity: sha512-RjlzWQqruRwIenJEfZtq7kG97co97nKoHpflE5YnF61tDLXxHPrdWImgzw6VL6MlFyaOcVlk74eBV8ZQmc3oIA==}
+  '@commitlint/load@21.2.3':
+    resolution: {integrity: sha512-cDrL8lOo23Lk7knGzQdjbFcq7z2JgvjwV6PhbESVvEc+Fe21MeLjPKBJi8nKjg7j+jh79CVbVSUbZc104thXRw==}
     engines: {node: '>=22.12.0'}
 
   '@commitlint/message@21.2.0':
     resolution: {integrity: sha512-YxGoiXD/HXNXLJPrQwE5poXa+XH0CBEm+mdvbHQP0g6MV/dmJyUFCzPNzZbxL93GvZ70TmtTK0Z0/IBpAqHv8g==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/parse@21.2.0':
-    resolution: {integrity: sha512-QHWxG4d0PLTF634/AdyZ0MQS+CLn5YOuJlCFhMMlSGKFxzYGUetkHBj18xgBD+6fVzUrA2lrCdi/vlS2f/oYXg==}
+  '@commitlint/parse@21.2.3':
+    resolution: {integrity: sha512-Jt61QpF1xA88damCELe8I0FlDZPSpXNc8IhN7z5kZ0EcDYPjdZ+ZHPvsSXl69r2MIlLnNKeHhOn2cmVpziFE9w==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/read@21.2.0':
-    resolution: {integrity: sha512-ELx8Ovh/JoAw5lpvDgxc6Y0We9skf2IPI2RFN+gnYgDGjRdMSF8zeodxhZmcclLWzfUIF7hXLOa8gOlllYcvBA==}
+  '@commitlint/read@21.2.3':
+    resolution: {integrity: sha512-szAepuLA1vTTr7fuudEg7jYyVHudf+FH+vptU91bhxE1WnE8TKrfTAi44HVllz8XpI8Pvp4GjR/iP5Nshgh+og==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/resolve-extends@21.2.0':
-    resolution: {integrity: sha512-4O/1j51+79Wth9s/MGxt/5gs0XYLDgNlYpltQfhAvLE0itusLKs9zruxbiNg1oOkmkb9L9L4USYGjEj7n87NxA==}
+  '@commitlint/resolve-extends@21.2.3':
+    resolution: {integrity: sha512-bqJdmAtXgAQel+l02uIsF7rHgKgx1AGZdGBjam7uK4XW54ZAQtB6XAIUXezYprQiCcRMpBh4fHs5JodXK4mVZA==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/rules@21.2.0':
-    resolution: {integrity: sha512-C2yXMNpiB8ETZKfx5JD8+ExgF8vTU1VQMKPSUUYwqKpw9oJWQBrlXBpdU038mj2WPjof7o9UzFpmTyBeGMZwZg==}
+  '@commitlint/rules@21.2.3':
+    resolution: {integrity: sha512-5+YnI/LuTx3JDl9GjqfP2z9x96M8KKDrd+4jOel/T0L1BB3oAmBlSN8xppf63QsudiVEgR8C0gRoAMrPVrms6g==}
     engines: {node: '>=22.12.0'}
 
   '@commitlint/to-lines@21.0.1':
@@ -552,8 +1424,8 @@ packages:
     resolution: {integrity: sha512-Y5gmQ+KxzqCrBFJfLvFEPvvwD3LDiNZoTT2yeFBm96M8qhmqSzQc5DvX3rheAaAMjyIvMXOCLS/mWfdpONsjyQ==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/types@21.2.0':
-    resolution: {integrity: sha512-7zVFCDB2reMvJH5dmbKnOQPjZEvjdJTH8jc0U/PIPU1r3/+vf5pD1HlfitV2MWsWXrvu7u39iY1lyLUPOaN0Gw==}
+  '@commitlint/types@21.2.3':
+    resolution: {integrity: sha512-sGEA473TlCvhCGNoTBY9OXZVWdscIXdGt0dm8EpB+2MRfmt8LNh/X56P/T3nCtEB+eH5qGEa3odphSAoUxSfSQ==}
     engines: {node: '>=22.12.0'}
 
   '@conventional-changelog/git-client@2.7.0':
@@ -568,8 +1440,20 @@ packages:
       conventional-commits-parser:
         optional: true
 
-  '@conventional-changelog/template@1.2.0':
-    resolution: {integrity: sha512-12qHxvlKjHmP0PQ+17EREgC7lWyLwbph1RKcZQZ7k7ZWGmrxfxC9gadHGfvzr0g0u8BhiBGg3tks93txodlyRQ==}
+  '@conventional-changelog/git-client@3.1.2':
+    resolution: {integrity: sha512-jZqwnJwf7nboIlAcw/mkOjVa6DexCcUOgT2oOQgkoi3z9vR8tGFkcMy2BFcYwjhL9sYcDDXkRQDayiDieCoW7A==}
+    engines: {node: '>=22'}
+    peerDependencies:
+      conventional-commits-filter: ^6.0.1
+      conventional-commits-parser: ^7.1.2
+    peerDependenciesMeta:
+      conventional-commits-filter:
+        optional: true
+      conventional-commits-parser:
+        optional: true
+
+  '@conventional-changelog/template@1.4.0':
+    resolution: {integrity: sha512-aalGyl7dbB5PArRebDIX43ZvBlXrYm9uWzGJ26t+4SzJVPsOuvfILGGbw5X4yX7i50YEmJ8zvbiWnqH/AAnZqg==}
     engines: {node: '>=22'}
 
   '@dprint/formatter@0.5.1':
@@ -581,26 +1465,8 @@ packages:
   '@dprint/toml@0.7.0':
     resolution: {integrity: sha512-eFaQTcfxKHB+YyTh83x7GEv+gDPuj9q5NFOTaoj5rZmQTbj6OgjjMxUicmS1R8zYcx8YAq5oA9J3YFa5U6x2gA==}
 
-  '@emnapi/core@1.10.0':
-    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
-
-  '@emnapi/core@1.11.0':
-    resolution: {integrity: sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q==}
-
-  '@emnapi/runtime@1.10.0':
-    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
-
-  '@emnapi/runtime@1.11.0':
-    resolution: {integrity: sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==}
-
-  '@emnapi/wasi-threads@1.2.1':
-    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
-
-  '@emnapi/wasi-threads@1.2.2':
-    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
-
-  '@eslint-community/eslint-utils@4.9.1':
-    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
@@ -613,29 +1479,26 @@ packages:
     resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/config-helpers@0.6.0':
-    resolution: {integrity: sha512-ii6Bw9jJ2zi2cWA2Z+9/QZ/+3DX6kwaV5Q986D/CdP3Lap3w/pgQZ373FV7byY/i7L4IRH/G43I5dz1ClsCbpA==}
+  '@eslint/config-helpers@0.7.0':
+    resolution: {integrity: sha512-DObd/KKUsU+FaFv4PLxSRenpXfQWmPXXP3pPZ6/K1PCrMu2vQpMDMuQe/BqYeoLcz8ro0bVDF1RxOJgfVEdhUw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   '@eslint/core@1.2.1':
     resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/js@9.39.4':
-    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+  '@eslint/js@9.39.5':
+    resolution: {integrity: sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@3.0.5':
     resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/plugin-kit@0.7.2':
-    resolution: {integrity: sha512-+CNAzxglkrpNf/kKywqQfk74QjtceuOE7Qm+AF8miRvPF/wmmK5+OJOgVh3AVTT3RP2mH3+FOaxlE5v72owk0A==}
+  '@eslint/plugin-kit@0.7.3':
+    resolution: {integrity: sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@exodus/schemasafe@1.3.0':
-    resolution: {integrity: sha512-5Aap/GaRupgNx/feGBwLLTVv8OQFfv3pq2lPRzPg9R+IOBnDgghTGW7l7EuVXOvg5cc/xSAlRW8rBrjIC3Nvqw==}
-
   '@favware/cliff-jumper@6.1.0':
     resolution: {integrity: sha512-BTuJ3evIMbkXgcQSk9K9B2vAuENi0bzS6qhtKLx6ZO/LTUIuoJfG05IsLqTngwBsJ6ZGnN3dXYGK/ANVMT8Xrw==}
     engines: {node: '>=v18'}
@@ -645,20 +1508,20 @@ packages:
     resolution: {integrity: sha512-PPYtcLzhSafdylp8NBOxMCYIcLqTUMNiQc7ciBoAIvxNG2egM+P7e2nNPui5+Svyk89Q+Tnbrp139ZRIIBw3IA==}
     engines: {node: '>=v16'}
 
-  '@floating-ui/core@1.7.5':
-    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+  '@floating-ui/core@1.8.0':
+    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
 
-  '@floating-ui/dom@1.7.6':
-    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+  '@floating-ui/dom@1.8.0':
+    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
 
-  '@floating-ui/utils@0.2.11':
-    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+  '@floating-ui/utils@0.2.12':
+    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
 
-  '@hapi/hoek@9.3.0':
-    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+  '@fontsource/instrument-sans@5.3.0':
+    resolution: {integrity: sha512-QwXc4hb/px3XvSPS2CPAOgey8nyrQFxgxrmXQQ+pN+P51hKdAcchxpg8rSbjANFfPu6VKXhDqkVDucXMZ9CM5g==}
 
-  '@hapi/topo@5.1.0':
-    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+  '@fontsource/jetbrains-mono@5.3.0':
+    resolution: {integrity: sha512-fqDfB5I9f1p1TV486aUgB9t8zP84P0O1FtQR5Ol9vjwPy+S+EIGlVYm1cvj2W5shcZMTg2nZFdVMoH5wFu8a1A==}
 
   '@humanfs/core@0.19.2':
     resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
@@ -678,55 +1541,10 @@ packages:
 
   '@humanwhocodes/retry@0.4.3':
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
-    engines: {node: '>=18.18'}
-
-  '@iconify-json/clarity@1.2.4':
-    resolution: {integrity: sha512-9hQ405dgvK2b2BWQdAIb/+ayH02k5VE4lKw2456wpjtq+57shHXE4Kk8bFa7RwchQHFuTtJBItVhlU4kjejxDw==}
-
-  '@iconify-json/ic@1.2.4':
-    resolution: {integrity: sha512-pzPMmrZrBQuwT7nmtrYdkttun8KalRGgZPIL1Ny9KpF2zjRGIUPN+npTfuD3lrgO/OnSwAoJWuekQwBpt/Cqrw==}
-
-  '@iconify-json/icomoon-free@1.2.1':
-    resolution: {integrity: sha512-Me5L0/vH/LlhVr5R85TFah0LcJD7an6mv+5dagvXY/YnXQsOx3eB7GUioXheSoB8tObhvCuZFbvujMYKPKNWfw==}
-
-  '@iconify-json/material-icon-theme@1.2.68':
-    resolution: {integrity: sha512-08ZX1L3Lt1lKvcflvp57ZTpXwpMBtr1KI2CxTRQ1ryPkiDI3WacoSXVfE7/nO7CeV9RewfegjfgsPbidF1BxLA==}
-
-  '@iconify-json/solar@1.2.5':
-    resolution: {integrity: sha512-WMAiNwchU8zhfrySww6KQBRIBbsQ6SvgIu2yA+CHGyMima/0KQwT5MXogrZPJGoQF+1Ye3Qj6K+1CiyNn3YkoA==}
-
-  '@iconify/types@2.0.0':
-    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
-
-  '@iconify/utils@3.1.3':
-    resolution: {integrity: sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==}
-
-  '@inlang/paraglide-js@2.20.2':
-    resolution: {integrity: sha512-V8iY3uu/vQU94gEag1bdC3glMJSp4Dg3XMwfnabZLBh1Dv0F++DvDYlMeniqv2+nHbnS/twB75AM140OmpHDEg==}
-    hasBin: true
-    peerDependencies:
-      typescript: '>=5.6'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@inlang/recommend-sherlock@0.2.1':
-    resolution: {integrity: sha512-ckv8HvHy/iTqaVAEKrr+gnl+p3XFNwe5D2+6w6wJk2ORV2XkcRkKOJ/XsTUJbPSiyi4PI+p+T3bqbmNx/rDUlg==}
-
-  '@inlang/sdk@2.10.0':
-    resolution: {integrity: sha512-xLVRHAI9Jw6L/NrlK6s1mXCvbFwzk5INEL4i3By4jW9yjIMchJ+JGSw4WgFpiLlcoBuR/qIMmSn6te/Jozuybg==}
-    engines: {node: '>=20.0.0'}
-
-  '@internationalized/date@3.12.2':
-    resolution: {integrity: sha512-FY1Y+H64NDs+HAF6omlnWxm3mEpfgaCSWtL5l551ZZfImA+kGjPFgrnJrGjH6lfmLL0g8Z/mBu1R3kufeCp6Jw==}
-
-  '@isaacs/fs-minipass@4.0.1':
-    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
-    engines: {node: '>=18.0.0'}
+    engines: {node: '>=18.18'}
 
-  '@isaacs/ttlcache@1.4.1':
-    resolution: {integrity: sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==}
-    engines: {node: '>=12'}
+  '@internationalized/date@3.12.4':
+    resolution: {integrity: sha512-M1dEn4c1U1HsSlaVR8upZtSqvXrTkHDfv18H01uCSJyjVLDxnBR38v/fMxecmlwXKR4i9HeZcmgQAPE6A+aGJQ==}
 
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
@@ -738,21 +1556,23 @@ packages:
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+  '@jridgewell/sourcemap-codec@1.6.0':
+    resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==}
 
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
-  '@lix-js/sdk@0.4.10':
-    resolution: {integrity: sha512-0dMInAJK/67guTG5rRZaCEhvzC5cCXENOjaePA5AqMXrCE97kaY7SRor9e2vnoGsFIiGqXKlT0MCIoZj36G0gg==}
-    engines: {node: '>=18'}
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
 
-  '@lix-js/server-protocol-schema@0.1.1':
-    resolution: {integrity: sha512-jBeALB6prAbtr5q4vTuxnRZZv1M2rKe8iNqRQhFJ4Tv7150unEa0vKyz0hs8Gl3fUGsWaNJBh3J8++fpbrpRBQ==}
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
 
-  '@lucide/svelte@1.22.0':
-    resolution: {integrity: sha512-eaNC3GGu9ma7mviB9vPL6OnawXqxdvRnoAQSq5l15mBlsuwD7kozZ7pzPXSlT6OwSl7hz4qTk+ZU3OEewwi5gQ==}
+  '@lucide/svelte@1.48.0':
+    resolution: {integrity: sha512-bLimVDjehxu3fpu9XEUpqEkBk2sJAHAT2sVcLHhlM70EdNsXuj9ZnYENWv5xgw3+05h4i5TirAxTiTgnZZf8gw==}
     peerDependencies:
       svelte: ^5
 
@@ -760,13 +1580,9 @@ packages:
     resolution: {integrity: sha512-aXFw1PGS8NmSEGAIJ1g5X+0kAiaWYPOvxkLttmKR1qO95O17mcpkKXfTdoSIyFnqPF2YnZjq9KR7Cvs27fNewg==}
     engines: {node: '25'}
 
-  '@nanoforge-dev/common@1.4.0':
-    resolution: {integrity: sha512-B26XC1iG8l7VWD+xsNBLPhde+ZH6Rf59cUnLVIYJAvGxtjbOhupe+jLW8SrCaMwm7PrPrrSRKAChOrx5lP0Wcg==}
-    engines: {node: '25'}
-
-  '@nanoforge-dev/ecs-lib@1.4.0':
-    resolution: {integrity: sha512-CAei/D0in14J7lw64xwKSl+i1v36BGS54ieySPcHP+k5t7bnpcNG9OPenzZzhaQb2KX7m45W+BCLyOekMvmqSA==}
-    engines: {node: '25'}
+  '@nanoforge-dev/config@2.3.0':
+    resolution: {integrity: sha512-+RKaLm9NnT+ddbA1GVjhNOi3y9qW9/Hc0sU1bozYA/MLPnTP4EwMfuIxl0R3sackGsu2EO9Zqu8TPgt87JWdFg==}
+    engines: {node: '26'}
 
   '@nanoforge-dev/utils-eslint-config@1.0.2':
     resolution: {integrity: sha512-hIsVGGpVIW3RvPZocWEf15Y5eqmIxTtLfWI66wqx+AO6PHcatUBhEi4sk1i54Qb2yGFueRBS/dSXj0kxG4Rbcw==}
@@ -776,31 +1592,31 @@ packages:
     resolution: {integrity: sha512-dTa2ixPJmWVD+L13Iuxx51JIm3gaX+gnRCe8jA0PFw0xjMjLYv+0ZgbWSSVlNmowp6fqpOzfPdWADkkPNQs8LQ==}
     engines: {node: '25'}
 
-  '@napi-rs/wasm-runtime@1.1.5':
-    resolution: {integrity: sha512-AWPoBRJ9tsnVhor4sjO7rkni+7p+2IAEFj6cx06UgP10jkQHqay/36uRV/bFkgrh18D9vb4cr8Q0Pthskgzy+Q==}
-    peerDependencies:
-      '@emnapi/core': ^1.7.1
-      '@emnapi/runtime': ^1.7.1
-
   '@octokit/auth-token@6.0.0':
     resolution: {integrity: sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w==}
     engines: {node: '>= 20'}
 
-  '@octokit/core@7.0.6':
-    resolution: {integrity: sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==}
+  '@octokit/core@7.0.8':
+    resolution: {integrity: sha512-L7y8eYc+AwxGr2PWI4WFt1VG4TiJ66c26BD16mXpYIlXxG0SMigM1+m4aTSlYyBr5BlQsGAlz8uDCoZN4SEMcg==}
     engines: {node: '>= 20'}
 
-  '@octokit/endpoint@11.0.3':
-    resolution: {integrity: sha512-FWFlNxghg4HrXkD3ifYbS/IdL/mDHjh9QcsNyhQjN8dplUoZbejsdpmuqdA76nxj2xoWPs7p8uX2SNr9rYu0Ag==}
+  '@octokit/endpoint@11.0.5':
+    resolution: {integrity: sha512-iXa654H3yFafF/ieHkukfbgWo2rmXD2ceD0ZOtrPhw1bc3FDch1d9N/TNs0FQ1/cIbwb7kspUX8jzIs8nzb9DQ==}
     engines: {node: '>= 20'}
 
-  '@octokit/graphql@9.0.3':
-    resolution: {integrity: sha512-grAEuupr/C1rALFnXTv6ZQhFuL1D8G5y8CN04RgrO4FIPMrtm+mcZzFG7dcBm+nq+1ppNixu+Jd78aeJOYxlGA==}
+  '@octokit/graphql@9.0.5':
+    resolution: {integrity: sha512-bt/hm03LeU6Vy7FwTrkkC9p3XGT/lBwClglMqxBSe5/q0E5CdJTXeAqEI0vlw89/LF/G6tryTIH8HirZ3prMVg==}
     engines: {node: '>= 20'}
 
   '@octokit/openapi-types@27.0.0':
     resolution: {integrity: sha512-whrdktVs1h6gtR+09+QsNk2+FO+49j6ga1c55YZudfEG+oKJVvJLQi3zkOm5JjiUXAagWK2tI2kTGKJ2Ys7MGA==}
 
+  '@octokit/openapi-types@28.0.0':
+    resolution: {integrity: sha512-0rFyLuyHvIj6uuZWuDslxkowFYdPXoNIkeAv4b27dzm2Tf4vGWXnPsMcxs7d65kLdMERgP3wc1AEPlqMz8e1cQ==}
+
+  '@octokit/openapi-types@29.0.1':
+    resolution: {integrity: sha512-9qWOMFNxxLokERcms42rU0PTLqQmVs7g5E41TI4mCOxmpFayD1rfC7XxOL55cG9MBZLFlC31BrR37myMKardwg==}
+
   '@octokit/plugin-paginate-rest@14.0.0':
     resolution: {integrity: sha512-fNVRE7ufJiAA3XUrha2omTA39M6IXIc6GIZLvlbsm8QOQCYvpq/LkMNGyFlB1d8hTDzsAXa3OKtybdMAYsV/fw==}
     engines: {node: '>= 20'}
@@ -813,238 +1629,31 @@ packages:
     peerDependencies:
       '@octokit/core': '>=6'
 
-  '@octokit/plugin-retry@8.1.0':
-    resolution: {integrity: sha512-O1FZgXeiGb2sowEr/hYTr6YunGdSAFWnr2fyW39Ah85H8O33ELASQxcvOFF5LE6Tjekcyu2ms4qAzJVhSaJxTw==}
+  '@octokit/plugin-retry@8.1.1':
+    resolution: {integrity: sha512-VCVvZ/R1+u3WuiBWpNavZ0mY4aaJNAsENrpBP9aLSR2QyOpQgd7DhM5j4AW7z4MQpnJYgwBPf0XqPQoNBRdQwg==}
     engines: {node: '>= 20'}
     peerDependencies:
       '@octokit/core': '>=7'
 
-  '@octokit/request-error@7.1.0':
-    resolution: {integrity: sha512-KMQIfq5sOPpkQYajXHwnhjCC0slzCNScLHs9JafXc4RAJI+9f+jNDlBNaIMTvazOPLgb4BnlhGJOTbnN0wIjPw==}
+  '@octokit/request-error@7.1.2':
+    resolution: {integrity: sha512-XZRuT3xZ84D3gYErI1DZvhJ33dCWVV6uzBtWkaBB4TvA/L6eOeTZodxLFVB44bBEEo3vEx7y00UfX1tBLrtLRg==}
     engines: {node: '>= 20'}
 
-  '@octokit/request@10.0.10':
-    resolution: {integrity: sha512-KxNC2pTqqhszMNrf12ZRd4PonRgyJdsM4F/jySiddQK+DsRcfBtUvqn8t7UsyZhnRJHvX46OohDt5N3VqIWC2w==}
+  '@octokit/request@10.0.16':
+    resolution: {integrity: sha512-A0zWGjHzISIb+9ccG8s0dq7LKO5zVpJLRICjgUb+sJxEWqn8RUHB1rD3AE51+PECvXHIxqZ1VVvs4fHTSD9nUQ==}
     engines: {node: '>= 20'}
 
   '@octokit/types@16.0.0':
     resolution: {integrity: sha512-sKq+9r1Mm4efXW1FCk7hFSeJo4QKreL/tTbR0rz/qx/r1Oa2VV83LTA/H/MuCOX7uCIJmQVRKBcbmWoySjAnSg==}
 
-  '@oven/bun-darwin-aarch64@1.3.14':
-    resolution: {integrity: sha512-Omj20SuiHBOUjUBIyqtkNjSUIjOtEOJwmbix/ZyFH4BaQ6OZTaaRWIR4TjHVz0yadHgli6lLTiAh1uarnvD49A==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@oven/bun-darwin-x64-baseline@1.3.14':
-    resolution: {integrity: sha512-OSfsTZstc898HHElhU4NccaBGOSSDn5VfahiVTnidZ9B/+wb7WTyfZJaBeJcfjwJ9H2W9uTh2TGtl3UfcXgV9g==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@oven/bun-darwin-x64@1.3.14':
-    resolution: {integrity: sha512-FFj3QdU/OhlDyZOJ8CWfN5eWLpRlT4qjZg7lMQi7jA6GuoY5ajlO1zWLP/MuHYRSbXQUvV52RejNi8DVnAp13w==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@oven/bun-freebsd-aarch64@1.3.14':
-    resolution: {integrity: sha512-LIKrXaFxAHybVO5Pf+9XP2FHUj/5APvXTUKk9dqHm5iFz4oH+W24cmhjkJirNujh9hKeTyrpWSe3no9JZKowIw==}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@oven/bun-freebsd-x64@1.3.14':
-    resolution: {integrity: sha512-uwD+fGUH1ADpIF3B1U2jWzzb20QwRLZfj5QZ28GUCGrAJ/nTmWrD6YYGsblCY1wuhldRez3lU40AyuvSCyLYmw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@oven/bun-linux-aarch64-android@1.3.14':
-    resolution: {integrity: sha512-y4kq5b85lsrmFb9Xvi4w9mA5IEFJkLMrSmYn06q24KjL9rUWDWO3VFZEtteZxUN5+ec3Zm5S8OnJw1umaCbVjA==}
-    cpu: [arm64]
-    os: [android]
-
-  '@oven/bun-linux-aarch64-musl@1.3.14':
-    resolution: {integrity: sha512-jmqOA92Cd1NL/1XBd4bFkJLxQ86K0RW7ohxS2qzzAvuitO4JiIxjjTeCspoU44zCozH72HpfZfUE2On31OjnWA==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@oven/bun-linux-aarch64@1.3.14':
-    resolution: {integrity: sha512-X5SsPZHs+iYO8R/efIcRtc7gT2Q2DgPfliCxEkx4cXBumwkw0c/EsHMNwH3EgGpCDaZ7IYVPhpCG/xBOQHEwZw==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@oven/bun-linux-x64-android@1.3.14':
-    resolution: {integrity: sha512-qe9e1d+3VAEU7nAA2ol9Jvmy/o99PVMSgZhHn7Q/9O3YcDrfEqyQ8zm4zoe5qTEo8HZH0dN03Le0Ys2eQPs7eg==}
-    cpu: [x64]
-    os: [android]
-
-  '@oven/bun-linux-x64-baseline@1.3.14':
-    resolution: {integrity: sha512-q/8EdOC0yUE8FPeoOVq8/Pw5I9/tJaYmUfO/uDUAREx8IUnOJH1RJ5A3BjFqre8pvJoiZA9AovPJq5FnNNjSxA==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oven/bun-linux-x64-musl-baseline@1.3.14':
-    resolution: {integrity: sha512-n6iE71G4lQE4XkrZhQQcL5YUlxDbnq6nqV7zeQi33PMsLT/0kYE+RvHOtBWZ3w0wMdXZfINmp63hIb9ijUBGtw==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oven/bun-linux-x64-musl@1.3.14':
-    resolution: {integrity: sha512-GBCB/k/sIqcr06eTNgg7g46qiUv35Jasx4XiccJ/n7RGqrE4RWUD/XJBbWFprVPjvqd59+QtSnS99XGqvftHfg==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oven/bun-linux-x64@1.3.14':
-    resolution: {integrity: sha512-7OVTAKvwfPmSbIV1HpdOoVVx5VRc427GuPPne93N6vk4eQBPId9nXmZDh9/zGaKPdbVjVtQSZafWQoUjx38Utw==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oven/bun-windows-aarch64@1.3.14':
-    resolution: {integrity: sha512-T7s3x/BsVKQObGU6QDkZeI6wKynzqGbBH1yI77jrrj5siElclxr3DQrDIk8CV4G5/SJq2HHq4kpLyYY2DKCSmA==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@oven/bun-windows-x64-baseline@1.3.14':
-    resolution: {integrity: sha512-uIjLUC1S9DWgICzuoMba7vurBJnBruE4S5CxnvmZkdqWVXRzx1Rgu636HoH+k0qeaQCFh3jeG3JQ1y6fRHv0sw==}
-    cpu: [x64]
-    os: [win32]
-
-  '@oven/bun-windows-x64@1.3.14':
-    resolution: {integrity: sha512-mUFWL3BoYkNpjd8e9PqROiFF/1Xeotq20mABJsiQH62jM1g5zqWh4khw1RZ6bX8Q8fWvlPaxG1PjofkmjUi3vg==}
-    cpu: [x64]
-    os: [win32]
-
-  '@oxc-parser/binding-android-arm-eabi@0.131.0':
-    resolution: {integrity: sha512-t2xicr9pfzkSRYx5aPqZqlLaayIwJTqgQ81Jor31Xep2nGyL2Aq3d0K5wOfeR7VevaSdxaS9dzSQP9xDwn8fDg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm]
-    os: [android]
-
-  '@oxc-parser/binding-android-arm64@0.131.0':
-    resolution: {integrity: sha512-nlGIod6gw75x1aEDgLS+srj+JRGY0HHm9MI9YgzE/B64l6d6+H3MSP9NOgp0+HTg8tp4vV9rVfgQGgd+TfVZcA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [android]
-
-  '@oxc-parser/binding-darwin-arm64@0.131.0':
-    resolution: {integrity: sha512-jukuV6xe5RbQKFo7QD34NDCLDZp4PSOm8rmckhNdH/60ymG5zXbDzGBEyc+nTkuLQNama2aSGCt+CPfpjNTqyw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@oxc-parser/binding-darwin-x64@0.131.0':
-    resolution: {integrity: sha512-g3JOo4khe9rslHm5WYaVDWb0HS/M1MLR3I9S8560MkKIcC96VQY00QjOlsuRyfSj/JDXj8i9T7ryPO2RidiXVg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [darwin]
-
-  '@oxc-parser/binding-freebsd-x64@0.131.0':
-    resolution: {integrity: sha512-1hziITDTxjMePnX+dR9ocVT+EuZkQ8wm4FPAbmbEiKG+Phbo73J1ZnPAA6Y/aGsWF3McOFnQuZIktAFwalkfJQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.131.0':
-    resolution: {integrity: sha512-9uRxfXwyKG9+MwmGQBo2ncPNwZH5HTmCETFM2WiuDBNDCW4NC5ttSQkwCAMrTAWgwMzVBH1CP8pM0v7nebCWXQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm]
-    os: [linux]
-
-  '@oxc-parser/binding-linux-arm-musleabihf@0.131.0':
-    resolution: {integrity: sha512-mgbLvzRShXOLBdWGInf08Af4q+pfj1xD8hSgLClDZ9of/BXkB6+LIhTH7fihiDUipqB3yoSkKBWaZ3Ejlf5Yag==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm]
-    os: [linux]
-
-  '@oxc-parser/binding-linux-arm64-gnu@0.131.0':
-    resolution: {integrity: sha512-OPT8++4aN6j2GJ8+3IZHS/byXoZP4aSBn+FoG6rgBJ2fKwPKXWF3MqrFMNW7NKHM28FLY579xYLxJSfgobEqPA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
-  '@oxc-parser/binding-linux-arm64-musl@0.131.0':
-    resolution: {integrity: sha512-vtPiwmfVTAXzaxDKsOXG+LwgRAA7WEnaeHzhS5z0GE89gAK18KSXnly7Z6saXXq6L3dVMyK44uoTI03zKxrpmw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
-  '@oxc-parser/binding-linux-ppc64-gnu@0.131.0':
-    resolution: {integrity: sha512-8AW8L7w5cGHSdZPcyZX2yR0+GUODsT15rbRjfdD54rv6DMbtuEB19ysLOpKJlRGfH6UNYNpCHaU1uJWgTWf1/w==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
-  '@oxc-parser/binding-linux-riscv64-gnu@0.131.0':
-    resolution: {integrity: sha512-vvpjkjEOUsPcsYf8evE4MO3aGx9+3wodXEBOicGNnOwTuAik8eBONNkgSdhkGsAblQmfVHJyanRnpxglddTXIA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-
-  '@oxc-parser/binding-linux-riscv64-musl@0.131.0':
-    resolution: {integrity: sha512-AqmcNC3fClXX+fxQ6VGEN1667xVFiRBkY0CZmDMSiaeFUsv1+UkBPYYi48IUKcA9/ivvoKNRzQl2I4//kT9F/w==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [musl]
-
-  '@oxc-parser/binding-linux-s390x-gnu@0.131.0':
-    resolution: {integrity: sha512-7d3jOMKy7RSQCcDLIci+ySll2FgsOMl/GiRux4q2JNv0zg4EdhFISa9idvrdN/HEUIQQJNg6dmveUeJl2YErGA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
-  '@oxc-parser/binding-linux-x64-gnu@0.131.0':
-    resolution: {integrity: sha512-JHK/h95qVqVQ+ITER837kcTdwBDFpFaNnOTYGCP0zdUSX/mLKC7tXOoyrTb6vG7iRPwGlcgBil3v2IjYw1FqJA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
-  '@oxc-parser/binding-linux-x64-musl@0.131.0':
-    resolution: {integrity: sha512-b2BO82O8azXAyf7EUgOPKu145nWypbNyk07HbU09fkzhm9lEA5oPvaN/M8Nlo7tOErVTa2WOgS4QbOnxAPXdDQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
-  '@oxc-parser/binding-openharmony-arm64@0.131.0':
-    resolution: {integrity: sha512-GHO9glZaX7LkX/OGfluEPf1yjg+ehiFbUdowbX6uNWOQhmwKWU4m4+nZ9FJkrHNKuxyI1KKertMdGjVKCApKWA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@oxc-parser/binding-wasm32-wasi@0.131.0':
-    resolution: {integrity: sha512-3SkikPaEFoih1N83qLVEDLRLeY4nYsf6JT9SnWiMCQ5lGQdKup6bEuKCqkRiG9dD1IIaFeYz9RjlciPmYoFIWA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [wasm32]
-
-  '@oxc-parser/binding-win32-arm64-msvc@0.131.0':
-    resolution: {integrity: sha512-Os5bEhryeA2jkH+ZrnZyAC1EP5gs+X4YB1Fjqml7UPD5kU7ecsK1MPEVMfCrdt/GDNpDbavYXiOXOdyJ5b3OPw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [win32]
-
-  '@oxc-parser/binding-win32-ia32-msvc@0.131.0':
-    resolution: {integrity: sha512-m+jNz9EuF0NXoiptc6B9h5yompZQVW/a5MJeOu5zojfH5yWk82tvF2ccrHkfhgtrS9h9DD5l1Qv8dWlfY7Nz8g==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [ia32]
-    os: [win32]
-
-  '@oxc-parser/binding-win32-x64-msvc@0.131.0':
-    resolution: {integrity: sha512-o14Hk8dAyiEUMFEWEgmAwFZvBt1RzAYLM3xeQ+5315JXgVYhoemivgYcbYVRbsFkS71ShMGlAFE0kPnr460rww==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [win32]
-
-  '@oxc-project/types@0.131.0':
-    resolution: {integrity: sha512-PgnWDfV0h+b16XNKbXU7Daib/BFSt/J2mEzfYIBu6JB/wNdlU+kVYXCkGA1A9fWkTbOgbjh4e6NhPeQOYvFhEA==}
+  '@octokit/types@17.0.0':
+    resolution: {integrity: sha512-ByP1v7YL5SMveFPP7+sj0/ZuWCOOg/Chs4NafOMpq6WNIM/hdGY0S7C0TCGDBWu1aGmOxmUIhMx3cO+IdwYZ1Q==}
 
-  '@oxc-project/types@0.133.0':
-    resolution: {integrity: sha512-KzkdCd6Uxqnf6l3HOw1xfatAlUURA0g14cvBYFyJ5SaNOQbOUvBr9PKArcPcrNIeRsBdgcUzOGrhKveVpvOIGA==}
+  '@octokit/types@18.0.0':
+    resolution: {integrity: sha512-l6bAF43PNxkJp6g+W4PjoUSSkxHomXw2nOum5CTftJz1NlV3vu93NImgOYtLf6CbBUb5j+fiuzW0PPQ5JTSvZA==}
 
-  '@oxc-project/types@0.135.0':
-    resolution: {integrity: sha512-wR+xRdFkUBMvcAjBJ2q2kcZM6d+DKu2NgoOyxZgYwZdLhmiv6+rnO8PZ/P68kMiZtIKm+pW7zyEJ4kSOs0vo+Q==}
+  '@oxc-project/types@0.151.0':
+    resolution: {integrity: sha512-J1yXrIlNDZVzE3ada310xeAw7nH8yCAyLPuUIsjKatFPmfn5bS1oW+cM+QsGOtVWd5nhSpbwZWx/rue+r5Z+PA==}
 
   '@oxfmt/binding-android-arm-eabi@0.35.0':
     resolution: {integrity: sha512-BaRKlM3DyG81y/xWTsE6gZiv89F/3pHe2BqX2H4JbiB8HNVlWWtplzgATAE5IDSdwChdeuWLDTQzJ92Lglw3ZA==}
@@ -1172,206 +1781,109 @@ packages:
     resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  '@playwright/test@1.61.1':
-    resolution: {integrity: sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==}
-    engines: {node: '>=18'}
+  '@playwright/test@1.63.0':
+    resolution: {integrity: sha512-oxMK4vllB9RK5NQ2l1pq1IfOf2AvnEuj/vYGDj0H2nMtmtZpKtCwt/l00GEO6xjGfpBNAvjovvYdCm50dRQkpQ==}
+    engines: {node: '>=20'}
     hasBin: true
 
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
-  '@poppinss/macroable@1.1.2':
-    resolution: {integrity: sha512-FAVBRzzWhYP5mA3lCwLH1A0fKBqq5anyjGet90Z81aRK5c/+LTGUE1zJhZrErjaenBSOOI9BVUs3WVmotneFQA==}
+  '@quansync/fs@1.1.0':
+    resolution: {integrity: sha512-qAPG/t3HqML1TlN7sY/pTbEjzFVAKsMjNNMGheyDosro+kT4iw2KCUoHcVdmliwWjorm4elZbgNQyU2eD97eDg==}
 
-  '@quansync/fs@1.0.0':
-    resolution: {integrity: sha512-4TJ3DFtlf1L5LDMaM6CanJ/0lckGNtJcMjQ1NAV6zDmA0tEHKZtxNKin8EgPaVX1YzljbxckyT2tJrpQKAtngQ==}
-
-  '@rolldown/binding-android-arm64@1.0.3':
-    resolution: {integrity: sha512-454rs7jHngixp/NMxd5srYD57OnzSlZ/eFTETjORQHLwJG1lRtmNOJcBerZlfu4GjKqeq8aCCIQrMdHyhI51Hw==}
+  '@rolldown/binding-android-arm-eabi@1.2.11':
+    resolution: {integrity: sha512-A5kXfGKvKWWZE0TtPrfsvT+q4Y5d1QG8gGUzpYjGydM+fARM9MuX90PrXYXe0XbsDVgyxxNzHo6giCj90bsFNw==}
     engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
+    cpu: [arm]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.1.1':
-    resolution: {integrity: sha512-BLf9Wak/gfwVb7NQTQW4wBgL3oAfPy7ArEkhwV543OVw/uY6B47z5xYsqPSZ9PDOorvURPinws6ThaFuNgGLgA==}
+  '@rolldown/binding-android-arm64@1.2.11':
+    resolution: {integrity: sha512-z6cTycz+iJ4PVkuL4HHW4DfTfoeU/2nqYYuSOrTmH7yHK5Y0LCOnA03V4ZNxavyVaU1oOqUgIg2klN/s+USGOA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-darwin-arm64@1.0.3':
-    resolution: {integrity: sha512-PcAhP+ynjURNyy8SKGl5DQP94aGuB/7JrXJb/t7P+hanXvQVMWzUvRRhBAcg/lNRadBhoUPqSoP4xw5tR/KBEA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@rolldown/binding-darwin-arm64@1.1.1':
-    resolution: {integrity: sha512-rRZRPy/Ynb+Mxu0O6tfPldHeDgAn0sRij+IOUy6sFdUlv3hArGW/DloE3GfAxtqpOJuRNgF74Nr5gM4xBeU2jQ==}
+  '@rolldown/binding-darwin-arm64@1.2.11':
+    resolution: {integrity: sha512-jShvqNtP6vDC6/A5JOAzbVV+DkgHqhl/ScVCJEbt+TUY6QYz7YnXcrg3sLtFBniro0f/Ld50ZwCWA6f7KYD1nQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.0.3':
-    resolution: {integrity: sha512-9YpfeUvSE2RS7wysJ81uOZkXJz7f7Q55H2Gvp3VEw/EsahqDtrphrZ0EwDLK5vvKOzaCrBsjF8JmnMLcUt78Gg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [darwin]
-
-  '@rolldown/binding-darwin-x64@1.1.1':
-    resolution: {integrity: sha512-/MtefPxhKPyWWFM8L45OWiEqRf+eSU2Qv9ZAyTaoZOoGcoPKxbbhjTJO2/U2IThv0uDZ4NWHc3/oTsR6IEOtww==}
+  '@rolldown/binding-darwin-x64@1.2.11':
+    resolution: {integrity: sha512-f2i2xiNWq1Z1l2++q2fuhZRdLAT3aqxD6vRNm1RAxpUoBcdqNB3C0s1Bt+K+PbEx2F5F4gQp6hqKkphCY/xF9w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-freebsd-x64@1.0.3':
-    resolution: {integrity: sha512-yB1IlAsSNHncV6SCTL27/MVGR5htvQsoGxIv5KMGXALp+Ll1wYsn+x98M9MW7qa+NdSbvrrY7ANI4wLJ0n1e6g==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@rolldown/binding-freebsd-x64@1.1.1':
-    resolution: {integrity: sha512-202K+cpIi1kx/Zn7AtxBi4LTXSY67Aszb2K9rNsuW7FeBeh0nqoNmYLOSZidV0p88VPBzMmTZcHAdPNo3kRYzQ==}
+  '@rolldown/binding-freebsd-x64@1.2.11':
+    resolution: {integrity: sha512-4Ir5FSOKIAMr4r0kExpt1s3bMgzJU3rA45AYOHtQpls0oNeqcYBKrWMlckrYH4KCfGLfkfn1tN1dmZPMVsdXow==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.3':
-    resolution: {integrity: sha512-Yi30IVAAfLUCy2MseFjbB1jAMDl1VMCAas5StnYp8da9+CKvMd2H2cbEjWcw5NPaPqzvYkVIaF1nNUG+b7u/sw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm]
-    os: [linux]
-
-  '@rolldown/binding-linux-arm-gnueabihf@1.1.1':
-    resolution: {integrity: sha512-wl9NfeXNUwrXtUc063tddmZFUI6qiNs1CNOwni0OL4vC7MqVSYugra3ZgtDmtVy8e0DluJTENmzIv2BwqLzT4Q==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.11':
+    resolution: {integrity: sha512-/gnRDM+39BROzAN/k1OZjDPnDMcZxB/0EUxKjONO5yVkNEvlsoMDrxGNKgZi/ttFriS2gwlDNzB65pvNbFOXIQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.3':
-    resolution: {integrity: sha512-jsO7R8To+AdlYgUmN5sHSCZbfhtMBkO0WUx8iORQnPcMMdgr7qM2DQmMwgabs3GhNztdmoKkMKQFHD6DTMCIQw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rolldown/binding-linux-arm64-gnu@1.1.1':
-    resolution: {integrity: sha512-at2EO4o7D/PJLC4Xik16bU4CcjQE2tSv1LfqMA0TRYQYQihRm3gZeDB8xaX28A9SFedibcAk5DeMCKt4REKG0A==}
+  '@rolldown/binding-linux-arm64-gnu@1.2.11':
+    resolution: {integrity: sha512-PFaK8HwvAHbaKbBcDNQihjMKYvFnA5hiENx/l5tphTDz1E0WFp32l0A7aq7lyUwGsRw/xSrNIy/gIK4thrSCrw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-arm64-musl@1.0.3':
-    resolution: {integrity: sha512-VWkUHwWriDciit80wleYwKILoR/KMvxh/IdwS/paX+ZgpuRpCrKLUdadJbc0NpBEiyhpYawsJ73j9aCvOH+f7Q==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
-  '@rolldown/binding-linux-arm64-musl@1.1.1':
-    resolution: {integrity: sha512-5PUjZx366h9tkJTPJF5eibxOlK3sGoeRiBJLLjjEB5/kLDuhr6qB3LkhqLz1smXNgsX+pBhnbcJBrPE30HznAA==}
+  '@rolldown/binding-linux-arm64-musl@1.2.11':
+    resolution: {integrity: sha512-AskzJUIKRLPxkruR1wLKewGbOw+EYfU/9lOrBFj4AFrEA8hPpKFnODWNu2WLaNs0QNkEb9QIJufmVZZIL/bJlg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-linux-ppc64-gnu@1.0.3':
-    resolution: {integrity: sha512-5f1laC0SlIR0yDbFCd8acUhvJIag6N3zC5P7oUPN6wX0aOma+uKJ0wBDH5aq7I1PVI2ttTlhJwzwRIBnLiSGEg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rolldown/binding-linux-ppc64-gnu@1.1.1':
-    resolution: {integrity: sha512-1WK84XPeio3tjP1sM/TMXiC0G1i1iq1qGZ71KfNQjEFLU1kwD+Cv5T8nGySg/JUFwLbaScu6ve9DmeXlmqpkFA==}
+  '@rolldown/binding-linux-ppc64-gnu@1.2.11':
+    resolution: {integrity: sha512-qlUGAheh2yh8afH7QBgx0PrRHN85hKnNd78x8MeMhXivuevgd8vgf6/CstOzmNKY/lLTHvNTrPy98cLnAugzJw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-s390x-gnu@1.0.3':
-    resolution: {integrity: sha512-Iq4ko0r4XsgbrF/LunNgHtAGLRRVE2kXonAXQ/MV0mC6jQpMOhW1SvtZja2EhC/kd05++bP78dsqBeIQyYJ6Yg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
-  '@rolldown/binding-linux-s390x-gnu@1.1.1':
-    resolution: {integrity: sha512-1nS1X5z1uMJ369RU25hTpKCFvUwXZp12dIzlzk4S+UxCTcSVGsAE6tzkOSufv/7jnmAtK0ZlrsJxh2fGmsnVSw==}
+  '@rolldown/binding-linux-s390x-gnu@1.2.11':
+    resolution: {integrity: sha512-secpEad+0vCbSfn8upFySkDskv+bGPk3THSDS9Y89yc4rb4kzqHp8Dmyd9BkQW4SnhNXBZCl/6CrO//hZahNJQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-gnu@1.0.3':
-    resolution: {integrity: sha512-B8m6tD5+/N5FeNQFbKlLA/2yVq9ycQP1SeedyEYYKWBNR3ZQbkvIUcNnDNM03lO1l5F2roiiFJGgvoLLyZXtSg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rolldown/binding-linux-x64-gnu@1.1.1':
-    resolution: {integrity: sha512-NwX/wspnq4vYyMFsqbYvzums3ki/Tk8FZbMzMAovPDp3OfLeYKby/D+9osokadXuYEV3OvpeHlwnr/bG8QMixA==}
+  '@rolldown/binding-linux-x64-gnu@1.2.11':
+    resolution: {integrity: sha512-mOVBT3dPpkWm8XBWPmU4bf+U6dYDLeMo/9ojUmis4N0L5uu10qra5vOyngZ7/PSdoE4G9KvRt4bloRxNjLas7A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-musl@1.0.3':
-    resolution: {integrity: sha512-pSdpdUJHkuCxun9LE7jvgUB9qsRgaiyNNCX7m/AvHTcq67AiT/Yhoxvw5zPfhrM8k/BfP8ce/hMOpthKDpEUow==}
+  '@rolldown/binding-linux-x64-musl@1.2.11':
+    resolution: {integrity: sha512-Is78i9A8Ui4SqcxUwFJ9uMmjDn58IbVTjFWYdQestFEgeuEmHMLGNriXnVJKkwG2YiZjw8cP0zCTyDMdDGtOOg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-linux-x64-musl@1.1.1':
-    resolution: {integrity: sha512-+n46LhDrJFQM+229y4oXtVpj1G50U/+XuHMlpnisFTEXhrg9f/YIjp/HymX+PVJjBEr7XHRs3CFLelV464pqwA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
-  '@rolldown/binding-openharmony-arm64@1.0.3':
-    resolution: {integrity: sha512-OXXS3RKJgX2uLwM+gYyuH5omcH8fL1LJs96pZGgtetVCahON57+d4SJHzTgZiOjxgGkSnpXpOsWuPDGAKAigEg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@rolldown/binding-openharmony-arm64@1.1.1':
-    resolution: {integrity: sha512-qGwEu47zOWYo7LdRHhCWTNhzwGtxXpdY6CERs8QEOqC0PXGGics/e3vHnyEUKt8xK6YkbZXFUCeklrpB6js8ag==}
+  '@rolldown/binding-openharmony-arm64@1.2.11':
+    resolution: {integrity: sha512-dUCXneZ87INUMyQ0D+C0HrEBNUPNXHaPmU5GTjyKTJEiussw9Kaj5Ln8UztPe4epV/ffvgNBEadksdYhmW6xJA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-wasm32-wasi@1.0.3':
-    resolution: {integrity: sha512-JTtb8BWFynicNSoPrehsCzBtOKjZ6jhMiPFEmOiuXg1Fl8dn2KHQob+GuPSGR0dryQa1PQJbzjF3dqO/whhjLg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [wasm32]
-
-  '@rolldown/binding-wasm32-wasi@1.1.1':
-    resolution: {integrity: sha512-qczfgEH8u0wHGGOXtA7UMAybNKuQjjEXairyQaw4WzjiMztfbgatG1h4OKays/smhtwbWltpKCRGtVhU6h40Sg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [wasm32]
-
-  '@rolldown/binding-win32-arm64-msvc@1.0.3':
-    resolution: {integrity: sha512-gEdFFEN70A/jxb2svrWsN3aDL7OUtmvlOy+6fa2jxG8K0wQ1ZbdeLGnidov6Yu5/733dI5ySfzFlQ/cb0bSz1g==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [win32]
-
-  '@rolldown/binding-win32-arm64-msvc@1.1.1':
-    resolution: {integrity: sha512-4psXSh63mSbwJF+mB8/9yfUUEzBiHYcUjxa32EO9ZwKy0Ypwjcg4F10D8SvVXgd+isy2UUUjF9HJJnDu1T/4Gg==}
+  '@rolldown/binding-win32-arm64-msvc@1.2.11':
+    resolution: {integrity: sha512-jByxb6qfd+bH1xUd0qnfFnb17i9sWBPY2tOavJ0l3tdr3OTu+Kvtm8cd/JV5nFt657b1VqGltxg9olOEfofXWw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.0.3':
-    resolution: {integrity: sha512-eXB7CHuaQdqmJcc3koCNtNPmT/bj2gc999kUFgBxG8Ac0NdgXc4rkCHhqrgrhN3zddvvvrgzj1e90SuSfmyIXA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [win32]
-
-  '@rolldown/binding-win32-x64-msvc@1.1.1':
-    resolution: {integrity: sha512-MUvC/HLXVjzkQkWiExdVTEEWf0py+GfWm8WKSZsekG3ih6a21iy0BHPF07X3JIf3ifoklZXTIaHTLPBgH1C3dw==}
+  '@rolldown/binding-win32-x64-msvc@1.2.11':
+    resolution: {integrity: sha512-/PzKqzAJ03i19oy2ItPvyvaVjOjBCNnfaJs8yvUdGBKmiESgnrJSQ2awd81QzFbbnAmu7YO9ZnJrDCb9VSJPRA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -1390,19 +1902,14 @@ packages:
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
-  '@sideway/address@4.1.5':
-    resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
-
-  '@sideway/formula@3.0.1':
-    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
-
-  '@sideway/pinpoint@2.0.0':
-    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
-
   '@simple-libs/child-process-utils@1.0.2':
     resolution: {integrity: sha512-/4R8QKnd/8agJynkNdJmNw2MBxuFTRcNFnE5Sg/G+jkSsV8/UBgULMzhizWWW42p8L5H7flImV2ATi79Ove2Tw==}
     engines: {node: '>=18'}
 
+  '@simple-libs/child-process-utils@2.0.0':
+    resolution: {integrity: sha512-dvNoRKLijXnD0XoJAz94pbNuB5GQgDr55UhpSPhffDkTT0Cmcqh9jSCOtwfT2d4H6MI9E7c4SgtMuJXZ6F3c6A==}
+    engines: {node: '>=22'}
+
   '@simple-libs/stream-utils@1.2.0':
     resolution: {integrity: sha512-KxXvfapcixpz6rVEB6HPjOUZT22yN6v0vI0urQSk1L8MlEWPDFCZkhw2xmkyoTGYeFw7tWTZd7e3lVzRZRN/EA==}
     engines: {node: '>=18'}
@@ -1411,27 +1918,25 @@ packages:
     resolution: {integrity: sha512-fCTuZK4QBa+39Oz9l4OGfJfz+GpwCp3AqO7Zch3to99xHPgstVsRFpeQ8LNd2o1Gv8raL2mCFwiaHh7bFSp5DQ==}
     engines: {node: '>=22'}
 
-  '@sinclair/typebox@0.31.28':
-    resolution: {integrity: sha512-/s55Jujywdw/Jpan+vsy6JZs1z2ZTGxTmbZTPiuSL2wz9mfzA2gN1zzaqmvfi4pq+uOt7Du85fkiwv5ymW84aQ==}
-
   '@sindresorhus/merge-streams@4.0.0':
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
 
-  '@sqlite.org/sqlite-wasm@3.48.0-build4':
-    resolution: {integrity: sha512-hI6twvUkzOmyGZhQMza1gpfqErZxXRw6JEsiVjUbo7tFanVD+8Oil0Ih3l2nGzHdxPI41zFmfUQG7GHqhciKZQ==}
-    hasBin: true
-
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
-  '@sveltejs/acorn-typescript@1.0.10':
-    resolution: {integrity: sha512-4WfKk68eTih+MiJD4fSbxN7E8kVBmTMPWHUPYjvl2N0rMs53YLTT8/YjKU5Dtnz5LqDjl7LEw4U7lXR2W3J5WA==}
+  '@sveltejs/acorn-typescript@1.0.13':
+    resolution: {integrity: sha512-wgKggnhZVL9Bfx1OaKKTrYY9BFRk6C8UAkQNUcIv1+llzYrIqy+RZm5HPKzn0NpEBvTVhTqB4kQyllZywsRBRQ==}
     peerDependencies:
       acorn: ^8.9.0
 
-  '@sveltejs/kit@2.65.0':
-    resolution: {integrity: sha512-nUWJ4dSKNo8mIOh+HTL+XyRj8FX9Dyb1ayBxj4q9+WrTJfn4jfTt21p3WUFTnnmdnt9xAXpBKLQ+H9y41x0X7Q==}
+  '@sveltejs/adapter-static@3.0.10':
+    resolution: {integrity: sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/kit@2.70.3':
+    resolution: {integrity: sha512-UDvEYuZqAMbfB/oXIoqKvbKcb7YczK5zYrzmsGV1zRJk03jntwp8dXiYoIJotxAndsKvcPFtx9H1GRSKFdSHgg==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -1446,12 +1951,12 @@ packages:
       typescript:
         optional: true
 
-  '@sveltejs/load-config@0.1.1':
-    resolution: {integrity: sha512-BXXm+VOH/9X4N7Dd1iZ2MqA1h7M+9i2noI8QYuLDY8QcN2WHYn7D/VK/+IJNfcAmRw7ACNJ538UT9GXIhnBTiA==}
+  '@sveltejs/load-config@0.2.3':
+    resolution: {integrity: sha512-VT3qmUb8pRV2QrZjd8iAmtg8lf4W0TIjZbvXtz5MKei/q96teWZgGJyyidJzOjzZzvdq616eSRVeMYIQChUTAQ==}
     engines: {node: '>= 18.0.0'}
 
-  '@sveltejs/vite-plugin-svelte@7.1.2':
-    resolution: {integrity: sha512-DrUBA2UXRfDmUX/ZTiEopd3X40yavsJF1FX2RygcuIScHL7o5YX1fMvoYnDhjeJQC4weCOklirpNWlcb2NiSeA==}
+  '@sveltejs/vite-plugin-svelte@7.3.1':
+    resolution: {integrity: sha512-ZPsLN8B1e/En+Ak5s4V7srFDT532oS0qieLsQwu63NGKsS+iAjoO2Js1BochlHlglcU+Pt7WAO3C5Ee+4f6gVA==}
     engines: {node: ^20.19 || ^22.12 || >=24}
     peerDependencies:
       svelte: ^5.46.4
@@ -1460,14 +1965,6 @@ packages:
   '@swc/helpers@0.5.23':
     resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
 
-  '@tanstack/query-core@5.101.2':
-    resolution: {integrity: sha512-hH5MLoJhF7KaIGd7q3xTXGXvslI+GYlM1Z/35aSHHWaCJWB7XvTSHYuV3eM7tw+aE0mT/xMro4M4Q9rCGHT0lw==}
-
-  '@tanstack/svelte-query@6.1.36':
-    resolution: {integrity: sha512-AVyvXPzBh5OQnWFB7rk9gskciPouayAhU9Vm24uMai+Imf+ZfBEbjOAEtdM41oexFK/cdXmpAIySDSVaAzy9zw==}
-    peerDependencies:
-      svelte: ^5.25.0
-
   '@testing-library/svelte-core@1.1.3':
     resolution: {integrity: sha512-KkMAvXeWorxN2Yn0kdC1lfoAItxpoj4uOWzxK5leDrNxonLvS5nwBFvztrroyTszQ0Wf/EU6iLT8JhY5qcn22g==}
     engines: {node: '>=16'}
@@ -1493,17 +1990,41 @@ packages:
       svelte:
         optional: true
 
-  '@tsconfig/svelte@5.0.8':
-    resolution: {integrity: sha512-UkNnw1/oFEfecR8ypyHIQuWYdkPvHiwcQ78sh+ymIiYoF+uc5H1UBetbjyqT+vgGJ3qQN6nhucJviX6HesWtKQ==}
+  '@ts-morph/common@0.29.0':
+    resolution: {integrity: sha512-35oUmphHbJvQ/+UTwFNme/t2p3FoKiGJ5auTjjpNTop2dyREspirjMy82PLSC1pnDJ8ah1GU98hwpVt64YXQsg==}
+
+  '@turbo/darwin-64@2.11.4':
+    resolution: {integrity: sha512-fEmcQVa95k79tZjcay5b2A4cpR/VrlNUki4AN7EbA+32vj5C5rBUE1q3i2yOFxsB2n01sOlzIZ+s2p2zADCTig==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@turbo/darwin-arm64@2.11.4':
+    resolution: {integrity: sha512-SgXCVgBC1v+bdE6+KQGV6Kob7nBYo75zxzNFFuA4jLdM0J8lYamdTUoZSHLR0dy+kXVEYZqSC98CKqC17NG3Og==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@turbo/linux-64@2.11.4':
+    resolution: {integrity: sha512-MWM7Au6NPJMBmHJAzFzQ/PACYNRpBOqnBkj+7csdR+YhJ+0XBg4Z64wFwLnGFDac0gc+YlasWOZ5t05bGs54aQ==}
+    cpu: [x64]
+    os: [android, linux]
+
+  '@turbo/linux-arm64@2.11.4':
+    resolution: {integrity: sha512-rRVOh0UNlLbKPuf70FokqjahO/hCGgBmgvZcNXUPayn8Wk0zXIsVoNKpr0UQUhhR+KMiibvBKkVAGDViDFQHKA==}
+    cpu: [arm64]
+    os: [android, linux]
 
-  '@tybys/wasm-util@0.10.2':
-    resolution: {integrity: sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==}
+  '@turbo/windows-64@2.11.4':
+    resolution: {integrity: sha512-COr+++1GwDg09XbJdm3sP1gEQApeV43UknYP9h82qet1tAGJrGQAxKVTMrf2JMsMw8MkJRnQj3gAVuQmV1kIyQ==}
+    cpu: [x64]
+    os: [win32]
 
-  '@types/braces@3.0.5':
-    resolution: {integrity: sha512-SQFof9H+LXeWNz8wDe7oN5zu7ket0qwMu5vZubW4GCJ8Kkeh6nBWUz87+KTz/G3Kqsrp0j/W253XJb3KMEeg3w==}
+  '@turbo/windows-arm64@2.11.4':
+    resolution: {integrity: sha512-gh5lwDA2d4aBdLvTANhFsFEgxbBqKZ4m4dCyChw9GoX8b+Esk8H3p25Q+rlWCUVJ2o6Hne10ZTL0QSFfWD4gIA==}
+    cpu: [arm64]
+    os: [win32]
 
-  '@types/bun@1.3.14':
-    resolution: {integrity: sha512-h1hFqFVcvAvD9j9K7ZW7vd82aSA+rTdznZa+5bwvCwqSB1jmmfLcbIWhOLx1/+boy/xmjgCs/OMUL8hRJSmnPw==}
+  '@types/bun@1.4.2':
+    resolution: {integrity: sha512-GimotNn7+ZV0uVArItBbriZsR1oNf0+WTzPkdcFrzShI7k2norL0uzEaJT8T33dWr7O/c9ZDuAFQrctKCi72oQ==}
 
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
@@ -1526,243 +2047,265 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/micromatch@4.0.10':
-    resolution: {integrity: sha512-5jOhFDElqr4DKTrTEbnW8DZ4Hz5LRUEmyrGpCMrD/NphYv3nUnaF08xmSLx1rGGnyEs/kFnhiw6dCgcDqMr5PQ==}
+  '@types/node@26.6.2':
+    resolution: {integrity: sha512-X1P21scMv4zGKLYqjdGjaKa7COa0RKVYYZZN/NfvLQ1JegxFhdhpZG/Lyn8AXx6CDUavKAd11v6BvfpkDByK8g==}
 
-  '@types/node@25.9.3':
-    resolution: {integrity: sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==}
+  '@types/semver@7.8.0':
+    resolution: {integrity: sha512-1mAINjtQCXXeLkJ9ehXkwOcBpqtLxiVtKhpUf83DdRNdQKV0iXZpaHYqRr7nj+wvxuJzoAmAwXI+sCNMv1CzLQ==}
 
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
-  '@types/validator@13.15.10':
-    resolution: {integrity: sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==}
-
-  '@typeschema/class-validator@0.3.0':
-    resolution: {integrity: sha512-OJSFeZDIQ8EK1HTljKLT5CItM2wsbgczLN8tMEfz3I1Lmhc5TBfkZ0eikFzUC16tI3d1Nag7um6TfCgp2I2Bww==}
-    peerDependencies:
-      class-validator: ^0.14.1
-    peerDependenciesMeta:
-      class-validator:
-        optional: true
-
-  '@typeschema/core@0.14.0':
-    resolution: {integrity: sha512-Ia6PtZHcL3KqsAWXjMi5xIyZ7XMH4aSnOQes8mfMLx+wGFGtGRNlwe6Y7cYvX+WfNK67OL0/HSe9t8QDygV0/w==}
-    peerDependencies:
-      '@types/json-schema': ^7.0.15
-    peerDependenciesMeta:
-      '@types/json-schema':
-        optional: true
-
-  '@typescript-eslint/eslint-plugin@8.62.1':
-    resolution: {integrity: sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==}
+  '@typescript-eslint/eslint-plugin@8.70.1':
+    resolution: {integrity: sha512-nDNrUQ/4ruSNYbu749TRY7cfrzPtoLHEXSNBI8aaNY32LlZCajixqRf3FqcKC4p5Cam4VOHYx/t+i5+nKXvrqA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.62.1
+      '@typescript-eslint/parser': ^8.70.1
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/parser@8.62.1':
-    resolution: {integrity: sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==}
+  '@typescript-eslint/parser@8.70.1':
+    resolution: {integrity: sha512-nO974WLllwhSFWQXnMLj6nDGa8f0khKEz1JzpPJ1u7Vm/4X1X6ZHajpoknU4bb41vJyMB0HHVyS2GqdhWfIXZw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/project-service@8.62.1':
-    resolution: {integrity: sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==}
+  '@typescript-eslint/project-service@8.70.1':
+    resolution: {integrity: sha512-62xOgboPfwc3/IgPSX/W6oQR3ZbF04194FPGUGH8HL8iLFHbt/456/8Ph1wLNUgVF+s94FlHoipBsz+v7+LMnA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/scope-manager@8.62.1':
-    resolution: {integrity: sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==}
+  '@typescript-eslint/scope-manager@8.70.1':
+    resolution: {integrity: sha512-Pa0EeSeAusQc1WbjQMac+YfenewYTBu0KjgYvkUKwhXaHUKbFog23Dm/rp0DX/6tyYOQ3Xl1a+3EcFNZynGHCw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.62.1':
-    resolution: {integrity: sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==}
+  '@typescript-eslint/tsconfig-utils@8.70.1':
+    resolution: {integrity: sha512-jumze1fPI+sDOaM2TWGQdn39PDxTr7TZGeuyLkAbNyx2vtMT3uRnVKChN0hfht5V2TugphJzF6bYXvBcE09qqg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/type-utils@8.62.1':
-    resolution: {integrity: sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==}
+  '@typescript-eslint/type-utils@8.70.1':
+    resolution: {integrity: sha512-7zKTnyvaVWqzLZHPFQtX1hVHqgkMC+WebPWakNCSyrQVbIP1AM0L0TlBZtACldIRb6PptI8Odk+jyZ5kP3B1VA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/types@8.62.1':
-    resolution: {integrity: sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==}
+  '@typescript-eslint/types@8.70.1':
+    resolution: {integrity: sha512-Dm1ypdhhrGCTyyehxElhgJ6kgk8MVCv5qXdoOVqPr1uqk42jX8KjrZqhROvdShczA8qrDoYiOWn1ykWlx2k81Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.62.1':
-    resolution: {integrity: sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==}
+  '@typescript-eslint/typescript-estree@8.70.1':
+    resolution: {integrity: sha512-TU8PwyGN0PQJUcE96mw8eCQ44SmxGdQlJmlWakHaHQ15eIuuvye5yNtmh/i6oS88jzXVQB71xdNkbkB/fMwL0g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/utils@8.62.1':
-    resolution: {integrity: sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==}
+  '@typescript-eslint/utils@8.70.1':
+    resolution: {integrity: sha512-Esgul8MsnKnRLdYU2Eb2cRV9bS5HJYtKj1ByJnOzzG2M58DGdSUQ1jUuILxipqcpB2h9WLrbD5GijIWUjX/Tqw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/visitor-keys@8.62.1':
-    resolution: {integrity: sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==}
+  '@typescript-eslint/visitor-keys@8.70.1':
+    resolution: {integrity: sha512-Vwj9lUIW5Xq3wQ9w6gv3R86g1hMK8f2zNOdGTAgeXUMMXFK78G9ruCjjqutHMNJc0+CH7LYRnHeUB9IT8wFmcw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@unocss/cli@66.7.4':
-    resolution: {integrity: sha512-ujqzt7An9Y1BUL0xMFQvF219nLwz7hF2lh/E97YhzB8lI8xA/T/VB7+njXXBEADV4Jp/5qGVaAatME9tadCqBw==}
-    hasBin: true
-
-  '@unocss/config@66.7.4':
-    resolution: {integrity: sha512-xdIpeZv2l69GlvO2GjAMXXMnJ4LPI0J9OXIEsON6kSHJzZqL9Gbztqvt9L+3OXQsNCeduJF/Dm9JrNPSbpDqHw==}
-
-  '@unocss/core@0.25.1':
-    resolution: {integrity: sha512-YYX40KA2rhsm6aTKTGpE0bi9E7RoAcuqMo/L+f6DmBSwtTXdflckoa903rxgOa6HOLH9fXgOJP9jHt3O/5ysPA==}
-
-  '@unocss/core@66.7.4':
-    resolution: {integrity: sha512-OGXh+RRsAgOrecTKRjUd4SepHR7W4v6zIf6pGtKyIIAIMnzcW/tU+afR1cDbhtb4efZMQhzaoAh3ncvkL8eEYA==}
-
-  '@unocss/extractor-arbitrary-variants@66.7.4':
-    resolution: {integrity: sha512-0yawiWzVDDBRow8kuMeNFhzYJUwYrsKc1xclzNurkisal7tTG24haDmpqneol8j3TT2blrQOIuSQPrEgv6y4oQ==}
+  '@vitest/browser-playwright@4.1.11':
+    resolution: {integrity: sha512-riLBxPqwnJ0lWs2DN2WeUfYeKLoAjbP2Xx8cLQdSddzMi20sksIa6K2mPz79DyMZKKVKH2ksOC2yJvtNcZg8cg==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 4.1.11
 
-  '@unocss/extractor-svelte@66.7.4':
-    resolution: {integrity: sha512-ei0eVTBtS8TOqc9T79/Hh776oWx3PZis/pSQ4s2uYyJldl5SooKJQlFyfZzqMfQ6yC7goy4wCDkn36Wq4nOF8A==}
+  '@vitest/browser@4.1.11':
+    resolution: {integrity: sha512-bwMovvAeuTFOK5kIFevw4VEf+1gVEICv4SYK4k3knJOxl6b1zEWud8mYKD73e1B0odAn174h1MofURy2TPWf3w==}
+    peerDependencies:
+      vitest: 4.1.11
 
-  '@unocss/inspector@66.7.4':
-    resolution: {integrity: sha512-YxgG9KaXZTe9wVffhUQkV/RY+PPcXha/jAg0rcPUYQr88Z0PEenOUp/Q11ATP8mTwNd+3oUwbKMnkXvv2qsdQA==}
+  '@vitest/coverage-v8@4.1.11':
+    resolution: {integrity: sha512-8MVGEFnJIcdGjcbfKmeq8z0pZHH0JlVtoVZH9Q/qwUp6wyFnEJUBMrw9DCaj+ra3vShGmhavjalMIhPNxZAUcw==}
+    peerDependencies:
+      '@vitest/browser': 4.1.11
+      vitest: 4.1.11
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
 
-  '@unocss/preset-attributify@66.7.4':
-    resolution: {integrity: sha512-DqRGDJ4OH9h8IissdbZ+IoiIg4q9gdZwdDfnrPcNbBm1ZC4QV/SEizt9GGF6Z/bgvMscMupMU233btQyTq+h6w==}
+  '@vitest/expect@4.1.11':
+    resolution: {integrity: sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==}
 
-  '@unocss/preset-icons@66.7.4':
-    resolution: {integrity: sha512-E5DZJOBv4dNsKheds5MNjELF/boMvJNGya1I6NKzC3FQJC7BBSs67+7HAWTz7KKavLS9dEBjdh3JUlXhYMSO8w==}
+  '@vitest/mocker@4.1.11':
+    resolution: {integrity: sha512-2XJVD55d1o5AZous5CCGKS74g/riOj9odEt2bQpCVZeblHyHdnMeFl4jl0XjU21stf4mbjUkew2eXQZt65g5CQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
 
-  '@unocss/preset-mini@0.25.1':
-    resolution: {integrity: sha512-NBfa2/t0TIAT//L8OVskDDQJ3OREjLwDzWMBNO86rvM0VPCIBvCmkKuFR3zxQcWK+aegISeScJA9Zcdk3qJjHA==}
+  '@vitest/pretty-format@4.1.11':
+    resolution: {integrity: sha512-yiZzPbGTS9Sr/JpFl8zHrcIkAofNbFV6k21vIgQN/cY/oxZeXhJv5sc/MBJ5jFKWmWs+oJHw0UXLZjmf931+Vw==}
 
-  '@unocss/preset-mini@66.7.4':
-    resolution: {integrity: sha512-aITPP3k60ya3ZMubWQfwNUjh8SzA6YRsbX37WaAMYyIrP1lilgCClJi9HxYt0/Wya09NmUrVNdyYKZfYhfvprA==}
+  '@vitest/runner@4.1.11':
+    resolution: {integrity: sha512-LztvUgdwMNJMIkj3hQnnxiC2Xy1zNxq928W/xhjCLaNCzqTZOudjwbQf6v9IntZGPw132i2Lq2rgTRZHD3JHNw==}
 
-  '@unocss/preset-tagify@66.7.4':
-    resolution: {integrity: sha512-4AU4WJfQlk4X+AcsNO532dLcrSxPjEiFTVY7IjDrR4fnFV6bU5yXvEMpM9mToZvk1oDosDjT9Zt7MEpt2d/N1A==}
+  '@vitest/snapshot@4.1.11':
+    resolution: {integrity: sha512-pN7ikn1ON7h8ee4gIAp4AzyK+zBtJPzVbqOgu5LCEh4VaJVbPQcgYQYJIMGQPXVeJJq1fnfazis7a5pFNPahog==}
 
-  '@unocss/preset-typography@66.7.4':
-    resolution: {integrity: sha512-FNlkAdlfUqsiHrkeKt5gr8rbTH5K6qNBv44n5fK6wWWbrl/6mB+oazvC9yFp+winJWr+M7TBrnrhC7wAeTdpAA==}
+  '@vitest/spy@4.1.11':
+    resolution: {integrity: sha512-apNa/prQy2qCeywhnixOHPRCgGNhvg7T4Dapfl1GahLp/R+uhBm5cPyFoNVyqsNd2h1nJxL6BqqdIjiABL60YA==}
 
-  '@unocss/preset-uno@0.25.1':
-    resolution: {integrity: sha512-e5lvCF5GD52nD/7l/k4TJedw5AgsVGTs/6rKxE9DP0G5oGszKjx+oHLzoYvCP2aQAcallnZ/CxXTbOvqCQCVxQ==}
+  '@vitest/utils@4.1.11':
+    resolution: {integrity: sha512-zTCVGpyFsGWBhllOyKlTw/vnr6D9qxsfSDyfbyZmTyjHw5N/VuvzHpHoQjm2ZJzn4RJgx5w4r7V0er69CmLgPQ==}
 
-  '@unocss/preset-uno@66.7.4':
-    resolution: {integrity: sha512-ov0sGR2mQ3x4OtdFHdpndy3VuK5UkXuhEAb6LwxSzUIKOqWcxSi24nugBchfInS930pI3Ka9Eje7kAsU+QAPEg==}
+  '@yuku-codegen/binding-android-arm64@0.8.7':
+    resolution: {integrity: sha512-C/0zV5IhgVdYhGJTwrY0v8dknxlhiKwtVJkMUaexu9/QvRmzlV4vfU3hZlUSgqc2BxQHntL1mCVbDq8j0FRFDw==}
+    cpu: [arm64]
+    os: [android]
 
-  '@unocss/preset-web-fonts@66.7.4':
-    resolution: {integrity: sha512-pzpaKZzcbtEVodMf6RvcjyYhgfJ6JrOzsELgo7tzKWSrUuuAuVteTXQTVNIsgjRncJ+adeUhIVTtWg6uHjj1Yg==}
+  '@yuku-codegen/binding-darwin-arm64@0.8.7':
+    resolution: {integrity: sha512-/u+REDMI4a0/lsJXTM4c53/w31OGZLOReZIyg62uhgLs0kc8NHsj/nOcxTdlQjq5gi0zhdkccD9LaLTXcdzPvw==}
+    cpu: [arm64]
+    os: [darwin]
 
-  '@unocss/preset-wind3@66.7.4':
-    resolution: {integrity: sha512-wnYilrLEYyuXzWlC1WfHB8xl+Y8ah3ZHbRBEZbOlYIDAgrGdDHxPT1EOHSHVphfoobCp8+t7eNQvjB1xBG0LaQ==}
+  '@yuku-codegen/binding-darwin-x64@0.8.7':
+    resolution: {integrity: sha512-sMMzFOwCo4WXR+/6zIBThOocSC50iIIZZdfiIDbaLvj0Ax/rWt/iavyfEAqajyvzydLyCqR/ZItdLWSRlu1umw==}
+    cpu: [x64]
+    os: [darwin]
 
-  '@unocss/preset-wind4@66.7.4':
-    resolution: {integrity: sha512-X3Tde85s9qMlow0IWy32yo8ivtZ3jvpYIWLeOmmBSJXil7GVvA1Yi3LYSLSMoR4VT8CasbQKg99LyhtXiDhYlQ==}
+  '@yuku-codegen/binding-freebsd-x64@0.8.7':
+    resolution: {integrity: sha512-MpdpKXix9P+Y1rKgjvcNeNtGjXeL1CmttNhYINrWls8kRpm4xM/oBGTmn6w7to8lAlwj5jm8q03dQPl5mRv4Qw==}
+    cpu: [x64]
+    os: [freebsd]
 
-  '@unocss/preset-wind@0.25.1':
-    resolution: {integrity: sha512-y5gkCCNiGsonqI8OOmtMVXgEMjPDtr+ihxnS3oDptYR4CcBE1cREhLgZocChHHQNEMN9Qx2GsoMN9l6RsoExiA==}
+  '@yuku-codegen/binding-linux-arm-gnu@0.8.7':
+    resolution: {integrity: sha512-rr1srFLlPAmC1vtxfc9C1YLDe3iH09YjfSeeIidBqKhzx1MATjOAq4mjlRUOnhr/L27MotWIYOFKwVsd5JZFOg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
 
-  '@unocss/preset-wind@66.7.4':
-    resolution: {integrity: sha512-OZRsTfjY0iTEu01oqknKFxCxudv+3yXkXTVdllFBrFXws7OKXmm78Wmo+jwX3PhDBaEq71WuHi8s6u76YOiNLQ==}
+  '@yuku-codegen/binding-linux-arm-musl@0.8.7':
+    resolution: {integrity: sha512-eAufXh8qBRpiSO6ueaMDL+yyoXIGLhpUce72YbcACtZU2qhExwBIJyEtQf5kH2Ki0X2aqkSjSfog4OPtKXan3Q==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
 
-  '@unocss/rule-utils@66.7.4':
-    resolution: {integrity: sha512-S+q2gqsWpZfW+MJV6LGH42eyKDK8xGdUPse72T8euNDagl5/OZFGSJ3TlIrlNilscbUiWM8nIu0cWeRaAmEMlA==}
+  '@yuku-codegen/binding-linux-arm64-gnu@0.8.7':
+    resolution: {integrity: sha512-gw4w6wPoHObBrdIC4duVWLmJOvpdE25j5D7yrM5mACNlK4klRz/lv8hK+ssQk9EJHBgZjSaqZIJVFgqNYbfv7A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
 
-  '@unocss/transformer-attributify-jsx@66.7.4':
-    resolution: {integrity: sha512-HvSmnxEaMdvEOBAe4JeGfQHYoemY7eyEkM9tK60KBvuvLS/tpkTu9sQy8Y2PaSVdtdl8wNJYAjBq14mBTJhJQQ==}
+  '@yuku-codegen/binding-linux-arm64-musl@0.8.7':
+    resolution: {integrity: sha512-L68N6Y4XkqcIaKo3Ra88JEvBEH4AHff44A4INcrxeVWZ8CZtu2tCpfVxe3hR8qQQMcvBSQlDn24KpkCKEhVvfA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
 
-  '@unocss/transformer-compile-class@66.7.4':
-    resolution: {integrity: sha512-CqagFT2ybqeEIf5YDPalK+ueKewNiI3h/a0MDH+VqDEmyl4ICgSB38VtQabiMnFG4um0kVGqThHoYKDy6qGKyg==}
+  '@yuku-codegen/binding-linux-x64-gnu@0.8.7':
+    resolution: {integrity: sha512-dzyAbltJmf3Cqlb8HcFuYIf5Yn0fl1vTr3XJ9HiVNNvOlhqPSArOqtw9vI1p6/VTXTjrMLXlU+s+/kNHiIy/Cw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
 
-  '@unocss/transformer-directives@66.7.4':
-    resolution: {integrity: sha512-mMS+9NWMI7riWW9LI9+XibbAs6kJuhEezqQ+99d0s40k2w+io7vJab2i+LkDDyCmdaPL5tdqcb48PXu9mzvAeQ==}
+  '@yuku-codegen/binding-linux-x64-musl@0.8.7':
+    resolution: {integrity: sha512-Otw4MH3404q0Bbvl+YTdW9aoUV5vXmUw8260bWvt1XlaoIX/ceSgI4ygheRDMfBPoHt6FDayQaO9OLVUZAgkFA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
 
-  '@unocss/transformer-variant-group@66.7.4':
-    resolution: {integrity: sha512-3+fdrcpg7f8wltk7Ph4nK817HkwVfKoKOImPuD9nnb3T6RVUuwDq3N3XZK4vrwlFyEJqNLDBhzHF3rCGymreOg==}
+  '@yuku-codegen/binding-win32-arm64@0.8.7':
+    resolution: {integrity: sha512-qo/jyrzryiBuKEsFiuWaBCBe3tRMynQ0qFWFgOEjcCMQeZfBm+wKiVEUEFXXLc7bh8YezguAWp0Mtnhq4ARNyA==}
+    cpu: [arm64]
+    os: [win32]
 
-  '@unocss/vite@66.7.4':
-    resolution: {integrity: sha512-U6P3qWuGJIQ3fqMQf9qMB2kkXGrISkcdeW1kHlBKs54QjWKJRMNTxgAAb57ytlbD2K9osEMO/k58w96lbXcTNg==}
-    peerDependencies:
-      vite: ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0 || ^8.0.0-0
+  '@yuku-codegen/binding-win32-x64@0.8.7':
+    resolution: {integrity: sha512-D5lDsVDx6m00E6bWySlWdH72Ca4TPSaphDqB6QjU6MpuNLIJqoGoatYyq2rOmBE8Zv/kunot/o58KGL03P3eiA==}
+    cpu: [x64]
+    os: [win32]
 
-  '@valibot/to-json-schema@1.7.1':
-    resolution: {integrity: sha512-3qkmU6KXWh8GIThEAW3kuRHPQBMjWkKy+Ppz3WkUucx53DTpOa6siMn4xDGSOhlVyMrDaJTCTMLYPZVAIk1P0A==}
-    peerDependencies:
-      valibot: ^1.4.0
+  '@yuku-parser/binding-android-arm64@0.8.7':
+    resolution: {integrity: sha512-eGKYiUDX7Y0V7tDTmg+JTVnXnjMqfXXsorZ+EDf5kxwchQ3Or1HS14MzI2fw+jFhHR85fCWt+mtX33Yao73hIQ==}
+    cpu: [arm64]
+    os: [android]
 
-  '@vinejs/compiler@3.0.0':
-    resolution: {integrity: sha512-v9Lsv59nR56+bmy2p0+czjZxsLHwaibJ+SV5iK9JJfehlJMa501jUJQqqz4X/OqKXrxtE3uTQmSqjUqzF3B2mw==}
-    engines: {node: '>=18.0.0'}
+  '@yuku-parser/binding-darwin-arm64@0.8.7':
+    resolution: {integrity: sha512-Re0RHelKLnjEURulY2/KxW+Ngb8zuNA4BRZuMwgGQNzVumT6u4U2N2hc01oeYVNVof0i7GrXE4UCNBgbpRRnjQ==}
+    cpu: [arm64]
+    os: [darwin]
 
-  '@vinejs/vine@3.0.1':
-    resolution: {integrity: sha512-ZtvYkYpZOYdvbws3uaOAvTFuvFXoQGAtmzeiXu+XSMGxi5GVsODpoI9Xu9TplEMuD/5fmAtBbKb9cQHkWkLXDQ==}
-    engines: {node: '>=18.16.0'}
+  '@yuku-parser/binding-darwin-x64@0.8.7':
+    resolution: {integrity: sha512-Hn8DROtQkjlA1ACbPgj4a7eP9IuVOI504oiTwpkWPbpaDWD9KdmnVYCqW+1LfenNK/g7O9NhWGpXEdaCNX7lIA==}
+    cpu: [x64]
+    os: [darwin]
 
-  '@vitest/browser-playwright@4.1.9':
-    resolution: {integrity: sha512-Bq1rOGf9waevzG3EOkO/dene6bvKTUsZMVg8S1i+WH3JcMjuXEjiahP9rAqZRELUqjBySOJsvvSWqK/B3wjKQw==}
-    peerDependencies:
-      playwright: '*'
-      vitest: 4.1.9
+  '@yuku-parser/binding-freebsd-x64@0.8.7':
+    resolution: {integrity: sha512-bAP2OV8wRuzplX/jYxv9+vvqQT8JxyNphI8fLfXGL054Xs+4/J5u33cIm3y4rxY8rdoLmmdiJs2Tq7r7lrDRfA==}
+    cpu: [x64]
+    os: [freebsd]
 
-  '@vitest/browser@4.1.9':
-    resolution: {integrity: sha512-j1BKtWmPcqpMhmx/L9EPLgAJpCb0zKfwoWLmqBbxaogCXHjOwHFSEoHCBfnGtx93xKQwilZ26m+UOsHqHMkRNg==}
-    peerDependencies:
-      vitest: 4.1.9
+  '@yuku-parser/binding-linux-arm-gnu@0.8.7':
+    resolution: {integrity: sha512-kTYwJQQgmZeAWdDIWabiReIZMpmfLueIj1tCmjStUtFGhR1Z0qwxonKVfUC4N7h/VhGGzLZ//7O1kgt1QKqgCg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
 
-  '@vitest/coverage-v8@4.1.9':
-    resolution: {integrity: sha512-G9/lgqibheLVBDRuya45EbsEXTYcWoSG+TLg7i2axuzx0Eq62eXn+aWXyaVdV5vKvFSWd6ywcX8hA7la9Pvu8g==}
-    peerDependencies:
-      '@vitest/browser': 4.1.9
-      vitest: 4.1.9
-    peerDependenciesMeta:
-      '@vitest/browser':
-        optional: true
+  '@yuku-parser/binding-linux-arm-musl@0.8.7':
+    resolution: {integrity: sha512-uL4jE8HPT2BLlxAXyD10LqgPuXa9eDa0BKpCdSANmzIJghq/2eZo3/gQNtaxPZMupWoxjYzSad9IXrwu7aYPXQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
 
-  '@vitest/expect@4.1.9':
-    resolution: {integrity: sha512-vl/rYsUKcBr3SnQn166+XR5ZQcgMx3DQhFWdfli/cWpLnLUmbxZvyrJZotLFUryib+LtArYMSTJ5RbQ57ZqrlA==}
+  '@yuku-parser/binding-linux-arm64-gnu@0.8.7':
+    resolution: {integrity: sha512-3gVN4pWSKZmXiNX7cU164dR9MPvesCHnlH6nPfpK+yQsCuYphjKKplcb4SnZBrhiqmXbgb2HR0c2TS0IZUPhgA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
 
-  '@vitest/mocker@4.1.9':
-    resolution: {integrity: sha512-EVkXzBjrPGM+cK8/ANWgBrkUCfJfb38/EfTSO8h7pWvKkyPkpWxvR7BkD2MyItMF62C97zAEoqdpUixwR/e+Rw==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
+  '@yuku-parser/binding-linux-arm64-musl@0.8.7':
+    resolution: {integrity: sha512-S0mwfEjoLpxzXeZw802Wa4RaELsQiPtWqG6INcy8j4GtvNFtl4LCX3eGO1XLn9pyLAISLzTRyU3zUCBUPin8lg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
 
-  '@vitest/pretty-format@4.1.9':
-    resolution: {integrity: sha512-s0iufns3iIFitdgm+YR7g1whCAaGtXz459VS9/PqyKDEEFgYIhsHOQmXgIgDuYCt7DeQmiZT0Qe2OA2p4ZPu5A==}
+  '@yuku-parser/binding-linux-x64-gnu@0.8.7':
+    resolution: {integrity: sha512-lnbWdPmerE5D1uH1G4IEZKnPzCrWCStRGrtgpSIe1RibAo5bZIjDbbbPYXmMHCEh4F+x/JaJpElh26a3r+BPbg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
 
-  '@vitest/runner@4.1.9':
-    resolution: {integrity: sha512-KXLMDtc7oe70+3mJfGrPUWPesswH+3sTxAMAMl8DG7I8IUQT4XW718dY5ID3vPUcmlu27CcKfY4P3h3I29SLJg==}
+  '@yuku-parser/binding-linux-x64-musl@0.8.7':
+    resolution: {integrity: sha512-769uwndMvMzUvATWbAcEvyLHKA+DzhHSCl/obBUrRdYfRo26yxui6S8y3z7uJ+Naup7UKrDxrpK7OnQkxkl9KQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
 
-  '@vitest/snapshot@4.1.9':
-    resolution: {integrity: sha512-Jc7RKGNBo8Z28WYIm0Niej4xdSPByRf6mU58VpHQkd6Zh05rlnA+twjbK5HyeIGHxrzsc3mJgS43uM0CZKzaIA==}
+  '@yuku-parser/binding-win32-arm64@0.8.7':
+    resolution: {integrity: sha512-mEB/9PlaAkisJ6KWGz0zvywXoU6+80dTlR2LwS7s/jcXXoU6fm2+sitBZXtqu3+Q4DcDgPxM45uWMCzPs0TSRw==}
+    cpu: [arm64]
+    os: [win32]
 
-  '@vitest/spy@4.1.9':
-    resolution: {integrity: sha512-fHpsS6mIi+PiEW+vcRVOMkX1oSaPKne3VOclSFICPcGOmfKgXPU5iAah+wcNcj2xPrCCmfq99IDGf+EojhhvhA==}
+  '@yuku-parser/binding-win32-x64@0.8.7':
+    resolution: {integrity: sha512-8vNB2DP0ou61nGb8tc/qfi41gfyDXz1MHr2zqL3nR+cJ6CEbiuWV/l/a/vv151gCgiZLLAyGkQGENpozdg716w==}
+    cpu: [x64]
+    os: [win32]
 
-  '@vitest/utils@4.1.9':
-    resolution: {integrity: sha512-A51o8ymO5PpqlWNnBP9ZHPXDIpuMtTLlGSjN7la4US+LJzoUMyhwjA5QXlm39JexgwHKW4Xjs8Z2d3dLCXOeuA==}
+  '@yuku-toolchain/types@0.8.7':
+    resolution: {integrity: sha512-2Z53dNxAJL6UvFoIrDZvYf3zlO8s4VJK4O2hhaB4mXVwwpX/7ajtss3cmfqKvamlNLWyt9FSWs4eoYdlbxpnHA==}
 
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn@8.17.0:
-    resolution: {integrity: sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==}
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -1776,36 +2319,35 @@ packages:
     resolution: {integrity: sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==}
     engines: {node: '>=18'}
 
-  ansi-regex@6.2.2:
-    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+  ansi-regex@6.3.0:
+    resolution: {integrity: sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==}
     engines: {node: '>=12'}
 
   ansi-styles@6.2.3:
     resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
 
+  ansis@4.4.0:
+    resolution: {integrity: sha512-9k3v7xcHwgdO/DruxGIg4HtjvlAZlcnsX/mzqUb1t3NkYnl9kK2UJ+Gq0io+vQf7iT//BD/HB/NBkUR1LWxoeA==}
+    engines: {node: '>=14'}
+
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  argue-cli@3.2.0:
+    resolution: {integrity: sha512-VipTB0gXgGIFO2Rg9yEVN5wLt2AurJcZqDbgmYSwPwsykhLrQhs240/bfceev4w68lI8JshoOJIk9uW7tFzROw==}
+    engines: {node: '>=22'}
+
   aria-query@5.3.1:
     resolution: {integrity: sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==}
     engines: {node: '>= 0.4'}
 
-  arkregex@0.0.5:
-    resolution: {integrity: sha512-ncYjBdLlh5/QnVsAA8De16Tc9EqmYM7y/WU9j+236KcyYNUXogpz3sC4ATIZYzzLxwI+0sEOaQLEmLmRleaEXw==}
-
-  arktype@2.2.0:
-    resolution: {integrity: sha512-t54MZ7ti5BhOEvzEkgKnWvqj+UbDfWig+DHr5I34xatymPusKLS0lQpNJd8M6DzmIto2QGszHfNKoFIT8tMCZQ==}
-
-  array-timsort@1.0.3:
-    resolution: {integrity: sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==}
-
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
-  ast-v8-to-istanbul@1.0.4:
-    resolution: {integrity: sha512-0bC0/4bTSrnwdhU3IsZDwEdojvuPrSg59OYZfKsLRtJZ0u8VBx9DebfqqG8bRdCC0I7vjgxmPi41P0lpkhJHtA==}
+  ast-v8-to-istanbul@1.0.7:
+    resolution: {integrity: sha512-kFL68AG6ajd8fg248zwM9GQrUWEp79gsmjum34OEXjs4yHuUMZfYKwOLW9GMmB4oNvVrj+EAGxsP7ye2UR9UlA==}
 
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
@@ -1821,8 +2363,8 @@ packages:
   before-after-hook@4.0.0:
     resolution: {integrity: sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ==}
 
-  bits-ui@2.18.1:
-    resolution: {integrity: sha512-KkemzKFH4T3gt3H+P86JcnAWExjByv/6vlwjm/BoCwTPHu03yiCdxbghdJLvFReQTe0acCAiRcKfmixxD6XvlA==}
+  bits-ui@2.19.3:
+    resolution: {integrity: sha512-04COIqqht1h0YRnVTJVHy3+F8NhzS5x0eSM8eqvavaWmK/GLDTgYJW2h1CA//8hh9vSk4rG7rOvJ3QAIpCuYIw==}
     engines: {node: '>=20'}
     peerDependencies:
       '@internationalized/date': ^3.8.1
@@ -1831,38 +2373,27 @@ packages:
   bottleneck@2.19.5:
     resolution: {integrity: sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==}
 
-  brace-expansion@2.1.1:
-    resolution: {integrity: sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==}
-
-  brace-expansion@5.0.6:
-    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
-    engines: {node: 18 || 20 || >=22}
-
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
+  brace-expansion@2.1.7:
+    resolution: {integrity: sha512-uZbew1NqdmPDTMJ8ah1y+b+9QEJrfkXFk3RcTQw3X0jW/xRUvFKsg1CfQdSYGdTbXZWExtU3J3ccxtnfw1Fi0g==}
 
-  bun-types@1.3.14:
-    resolution: {integrity: sha512-4N0ig0fEomHt5R0KCFWjovxow98rIoRwKolrYdCcknNwMekCXRnWEUvgu5soYV8QXtVsrUD8B95MBOZGPvr6KQ==}
+  brace-expansion@5.0.12:
+    resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==}
+    engines: {node: 20 || >=22}
 
-  bun@1.3.14:
-    resolution: {integrity: sha512-aB6GVd42x1Y5ie1K16SF+oLGtgSkwX9hgoDdIW88pjvfTccU8F1vfpoOt34QLv0dZ1v3XimtaxPlZUG81Gx9Zg==}
-    cpu: [arm64, x64]
-    os: [darwin, linux, android, freebsd, win32]
-    hasBin: true
+  bun-types@1.4.2:
+    resolution: {integrity: sha512-bxV1FgK7yBIzjRe5zBozIM4Bem11ZJcCXSrjWRG3YWLt8yFDePu4cLjpebO8OvPeIE9trbyPF4fuj3Cia4Fj3w==}
 
   cac@7.0.0:
     resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
     engines: {node: '>=20.19.0'}
 
+  cacheable@2.5.0:
+    resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
+
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase@8.0.0:
-    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
-    engines: {node: '>=16'}
-
   chai@6.2.2:
     resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
     engines: {node: '>=18'}
@@ -1875,31 +2406,6 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
-  chokidar@5.0.0:
-    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
-    engines: {node: '>= 20.19.0'}
-
-  chownr@3.0.0:
-    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
-    engines: {node: '>=18'}
-
-  class-transformer@0.5.1:
-    resolution: {integrity: sha512-SQa1Ws6hUbfC98vKGxZH3KFY0Y1lm5Zm0SY8XX9zbK7FJCyVEac3ATW0RIpwzW+oOfmHE5PMPufDG9hCfoEOMw==}
-
-  class-validator@0.14.4:
-    resolution: {integrity: sha512-AwNusCCam51q703dW82x95tOqQp6oC9HNUl724KxJJOfnKscI8dOloXFgyez7LbTTKWuRBA37FScqVbJEoq8Yw==}
-
-  class-validator@0.15.1:
-    resolution: {integrity: sha512-LqoS80HBBSCVhz/3KloUly0ovokxpdOLR++Al3J3+dHXWt9sTKlKd4eYtoxhxyUjoe5+UcIM+5k9MIxyBWnRTw==}
-
-  cli-cursor@5.0.0:
-    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
-    engines: {node: '>=18'}
-
-  cli-truncate@5.2.0:
-    resolution: {integrity: sha512-xRwvIOMGrfOAnM1JYtqQImuaNtDEv9v6oIYAs4LIHwTiKee8uwvIi363igssOC0O5U04i4AlENs79LQLu9tEMw==}
-    engines: {node: '>=20'}
-
   cliui@9.0.1:
     resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==}
     engines: {node: '>=20'}
@@ -1908,13 +2414,12 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
+  code-block-writer@13.0.3:
+    resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
+
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
-  commander@11.1.0:
-    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
-    engines: {node: '>=16'}
-
   commander@14.0.3:
     resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
     engines: {node: '>=20'}
@@ -1923,31 +2428,16 @@ packages:
     resolution: {integrity: sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==}
     engines: {node: '>=22.12.0'}
 
-  comment-json@4.6.2:
-    resolution: {integrity: sha512-R2rze/hDX30uul4NZoIZ76ImSJLFxn/1/ZxtKC1L77y2X1k+yYu1joKbAtMA2Fg3hZrTOiw0I5mwVMo0cf250w==}
-    engines: {node: '>= 6'}
-
-  confbox@0.1.8:
-    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
-
-  consola@3.4.0:
-    resolution: {integrity: sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==}
-    engines: {node: ^14.18.0 || >=16.10.0}
-
-  consola@3.4.2:
-    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
-    engines: {node: ^14.18.0 || >=16.10.0}
-
-  content-type@2.0.0:
-    resolution: {integrity: sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==}
-    engines: {node: '>=18'}
+  content-type@3.1.1:
+    resolution: {integrity: sha512-GW4qUsfFo59d0HbUibDlWv5wPz+vAAcaTWbKIuKCf0JkC7wWkSyf8f13IpXn5JkeMlB2P8iTSSIjwXljorg2vA==}
+    engines: {node: '>=22'}
 
-  conventional-changelog-angular@9.2.0:
-    resolution: {integrity: sha512-2EihZvM1KmbBGwuUow8lNXLe+ECRFsyOcV8X0197/WI7Rvvgfi55Oicfw0wxJTXGGIVXSfj+xBoNj+cxLlIiVw==}
+  conventional-changelog-angular@9.4.0:
+    resolution: {integrity: sha512-HdxRxuS8bBXVIuo4V82gvSwAXT0vYQUizrjs/izmPg5JdDstr8v8I5hduGL3iQbG+o310dUDxC4+LetuS5hu9w==}
     engines: {node: '>=22'}
 
-  conventional-changelog-conventionalcommits@10.2.0:
-    resolution: {integrity: sha512-UtlM9GqolY7OmlQh5L/UEVoKsTUpTgUVy1PU8JN5gl5Ydaejb7WRklGliG1SKPxxj7hzA173eG3Kt5fYWE2pmg==}
+  conventional-changelog-conventionalcommits@10.4.0:
+    resolution: {integrity: sha512-Rriac6ZrAlVm6cy9Bz4NSp+WMHpwNXoPIYex+HjCgduAVUSbnew29DQjQw0C4g9u3HtSYzGiGY+pdBXAZo+4aA==}
     engines: {node: '>=22'}
 
   conventional-changelog-preset-loader@5.0.0:
@@ -1963,8 +2453,8 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  conventional-commits-parser@7.0.0:
-    resolution: {integrity: sha512-dZe/p+FgGQLNJFqaCgNdl8j6a7gI8xuaN30Wy5g7nvyK3jqOpNUEUZ3pGJ5D68h89uRh038FtkeOk/bnGmYkmg==}
+  conventional-commits-parser@7.1.2:
+    resolution: {integrity: sha512-O+x4N2yH+ijvqWlIyTHsXTAP+algNWgGbjY2duCe8w2vUMvUB95cLRslCPfTMQyLAKlet3bhZTdu6ozn4M+QJQ==}
     engines: {node: '>=22'}
     hasBin: true
 
@@ -2001,18 +2491,11 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  css-tree@3.2.1:
-    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
 
-  dayjs@1.11.21:
-    resolution: {integrity: sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==}
-
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -2022,14 +2505,6 @@ packages:
       supports-color:
         optional: true
 
-  dedent@1.5.1:
-    resolution: {integrity: sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==}
-    peerDependencies:
-      babel-plugin-macros: ^3.1.0
-    peerDependenciesMeta:
-      babel-plugin-macros:
-        optional: true
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -2044,35 +2519,32 @@ packages:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
-  destr@2.0.5:
-    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
-
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
-  devalue@5.8.1:
-    resolution: {integrity: sha512-4CXDYRBGqN+57wVJkuXBYmpAVUSg3L6JAQa/DFqm238G73E1wuyc/JhGQJzN7vUf/CMphYau2zXbfWzDR5aTEw==}
-
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+  devalue@5.9.4:
+    resolution: {integrity: sha512-sPAT4pztbu6586/hrhOnMKS17IJrvg12mXiSPSS3W5qDeN2RGgvZ0diZCm31dBbnevfVmujNO3IM2wrS4Y2Rhg==}
 
   dompurify@3.2.7:
     resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
 
-  dotenv@17.4.2:
-    resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==}
-    engines: {node: '>=12'}
-
-  duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
-
-  effect@3.21.3:
-    resolution: {integrity: sha512-RqwU7WnJ6CqYhyjpOVJA5vh1Sgkn6eVECO6mnD0EjlbWcC2M3LJaPglXXr13Rdo/Y+B+wTEPzGRYFNL2xKxNeQ==}
+  dts-resolver@3.0.0:
+    resolution: {integrity: sha512-1T1f+z+4tl9XD+m+0HBgWoL/nm0bOIffyWaUuUSBlFg/86IWvfx+wjNaO/ybU0AJzG9/Mi5hBUgGV6zCmWEN7Q==}
+    engines: {node: ^22.18.0 || >=24.0.0}
+    peerDependencies:
+      oxc-resolver: '>=11.0.0'
+    peerDependenciesMeta:
+      oxc-resolver:
+        optional: true
 
   emoji-regex@10.6.0:
     resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
 
+  empathic@2.1.0:
+    resolution: {integrity: sha512-AnfC1ATldl49/cvZdLPDjBfrRNwbDO05aibiOtzQu3qtlbJtomNLhF30HEtn/7iBz50dlMECqATo3fG0LrdEgw==}
+    engines: {node: '>=14'}
+
   env-paths@2.2.1:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
@@ -2084,11 +2556,11 @@ packages:
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
-  es-module-lexer@2.1.0:
-    resolution: {integrity: sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==}
+  es-module-lexer@2.3.2:
+    resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
 
-  es-toolkit@1.47.1:
-    resolution: {integrity: sha512-5RAqEwf4P4E17p+W75KLOWw/nOvKZzSQpxM32IpI2KZLaVonjTrZ0Ai5ghMaVI9eKC2p8eoQgcBdkEDgzFk6+Q==}
+  es-toolkit@1.52.0:
+    resolution: {integrity: sha512-XTNEJQh1tY1ZJVcf6ayP/2n4ZPyaHlW2FWs7xvw5ddPuhUVjLD3olQVQS7kf58JbAB48iL0uL/jerTrjtV3lDA==}
 
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
@@ -2135,8 +2607,8 @@ packages:
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-svelte@3.20.0:
-    resolution: {integrity: sha512-AElKLVt7Hjy4d7ljwhrhw9hux60DCxCNkmK8cY/aAXvjs8tpR7PvU4DlyI/SA1PaJww1gh0wPGo2pbyURuEwxQ==}
+  eslint-plugin-svelte@3.23.0:
+    resolution: {integrity: sha512-n9jRklDqy0+W834568a4ZIZTK7DHXxvvHHxxGP8nNq7N//pOZMubttskHOquyGgfTR4Z05q2NdGNlsTpIEA48w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.1 || ^9.0.0 || ^10.0.0
@@ -2168,8 +2640,8 @@ packages:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  eslint@10.6.0:
-    resolution: {integrity: sha512-6lVbcqSodALYo+4ELD0heG6lFiFxnLMuLkiMi2qV8LMp54N8tE8FT1GMH+ev4Ti00nFjNze2+Su6DsV5OQW3Dg==}
+  eslint@10.11.0:
+    resolution: {integrity: sha512-P7a6UEEqb9G95MYAtqkmsTbVXIYyzIfl6NGOIJk162PaahFxFyeGcrlXYFSiagECg4sEm8IseJdZBKR3rx6MsQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
     hasBin: true
     peerDependencies:
@@ -2189,17 +2661,12 @@ packages:
     resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   esquery@1.7.0:
     resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
 
-  esrap@2.2.11:
-    resolution: {integrity: sha512-gPdx+I+BjYEinNMQaBXFjbaJVyoPMU4ZODg5mE+M4DqVG9VusAVHHjcBX+zqyITlI0DIARwDMMzZwAWj36dRoQ==}
+  esrap@2.3.12:
+    resolution: {integrity: sha512-X+t0J3EQKrrw5lgpgjn4hKjD17cHCZBZIcp2OUOyH7teMjH67gNRR2p+b1rMYavBkRN6VfHPWJOPY7w+VwQf/g==}
     peerDependencies:
       '@typescript-eslint/types': ^8.2.0
     peerDependenciesMeta:
@@ -2221,21 +2688,14 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  eventemitter3@5.0.4:
-    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
-
   execa@9.6.1:
     resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
     engines: {node: ^18.19.0 || >=20.5.0}
 
-  expect-type@1.3.0:
-    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
     engines: {node: '>=12.0.0'}
 
-  fast-check@3.23.2:
-    resolution: {integrity: sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==}
-    engines: {node: '>=8.0.0'}
-
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2248,8 +2708,8 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-uri@3.1.2:
-    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+  fast-uri@3.1.8:
+    resolution: {integrity: sha512-GZMtZUTNRpOVIECoXwLNZS5xUGE+mVNbTB8h/7Rwh2TFWcBQiPzTgyZi05BF9UMZKkLJv8XBRJTlU7zg8+ZfMg==}
 
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
@@ -2260,40 +2720,25 @@ packages:
       picomatch:
         optional: true
 
+  fflate@0.8.3:
+    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
+
   figures@6.1.0:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
 
-  file-entry-cache@8.0.0:
-    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
-    engines: {node: '>=16.0.0'}
-
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
+  file-entry-cache@11.1.5:
+    resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
 
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  flat-cache@4.0.1:
-    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
-    engines: {node: '>=16'}
-
-  flatted@3.4.2:
-    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
-
-  formsnap@2.0.1:
-    resolution: {integrity: sha512-iJSe4YKd/W6WhLwKDVJU9FQeaJRpEFuolhju7ZXlRpUVyDdqFdMP8AUBICgnVvQPyP41IPAlBa/v0Eo35iE6wQ==}
-    engines: {node: '>=18', pnpm: '>=8.7.0'}
-    peerDependencies:
-      svelte: ^5.0.0
-      sveltekit-superforms: ^2.19.0
+  flat-cache@6.1.23:
+    resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==}
 
-  fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
+  flatted@3.4.4:
+    resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==}
 
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -2304,55 +2749,53 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-east-asian-width@1.6.0:
-    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+  get-east-asian-width@1.7.0:
+    resolution: {integrity: sha512-XjH1AECxf0giL2V1aU8vKyRR2ppRUb5c0EvT7zuJTokQ74bNo52zOtghqdWIqrhUD79fo3x0WfKZdOqxF6LG1Q==}
     engines: {node: '>=18'}
 
   get-stream@9.0.1:
     resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
     engines: {node: '>=18'}
 
-  git-cliff-darwin-arm64@2.13.1:
-    resolution: {integrity: sha512-3ebPUnUlLmrSZDHknSZQmyZV7DEJVtKse8I25Am0cENET5Py9u9Hg9k8IRXdiDtHtPDs6MYZx7BOi11WtcfqSg==}
+  get-tsconfig@5.0.0-beta.5:
+    resolution: {integrity: sha512-/6gFNr0N04nob252sTQxyFLi3eKFRqIg1I87YcqAMT1i6SQrSF6KujUEQrtrjMV0H/eejTCltLdDSTEMzHbnsQ==}
+    engines: {node: '>=20.20.0'}
+
+  git-cliff-darwin-arm64@2.14.2:
+    resolution: {integrity: sha512-Ylk39hv5flEUrXeoGvH6M3WjHBNERFH7a9DVEcGU2a8Q7a7fPtVasNk1fMuJ7CVbZCRIzUNyQV0ejRpxBdFnag==}
     cpu: [arm64]
     os: [darwin]
 
-  git-cliff-darwin-x64@2.13.1:
-    resolution: {integrity: sha512-KZfggGAiw1EvZH3BOUclEU4eGCP2+Z+lH/N2Ni3FH9L2M1U7FYJqqaMhqgO8azTj67betvDshH8WBUkIkSsVxA==}
+  git-cliff-darwin-x64@2.14.2:
+    resolution: {integrity: sha512-3FZNm0BGCIim/3G6uHSWAakrCaGmC47lcI+Cob9CZPMBYHKrenYk0i6B8MlObSXr2Lr7Ve1BpGbd/foQg4NOiA==}
     cpu: [x64]
     os: [darwin]
 
-  git-cliff-linux-arm64@2.13.1:
-    resolution: {integrity: sha512-clNRcNzdvk4GKyTt3ZhhWqcrjVRghcUcGNSV/Y87YJf3Mc/zl9ajUAhnXPOBSX/KWBr2od5SmkCt0qGYagY07g==}
+  git-cliff-linux-arm64@2.14.2:
+    resolution: {integrity: sha512-3oMDpoyfsy2angD9ulcCBtyWCkzZqN3spmmtb0jic8OKAu1p+CALS8oep7J8AdgkDojuLo6bdHiSZIM9PeTxmQ==}
     cpu: [arm64]
     os: [linux]
 
-  git-cliff-linux-x64@2.13.1:
-    resolution: {integrity: sha512-gZcIQhIQ1lDUMD8UieUSEZAYoyZN7nPd8O3VQoj1Ddhqll4UAS1Zxms1SU3U8pb0UTdc2m3ia/wtOnyhvbjdjQ==}
+  git-cliff-linux-x64@2.14.2:
+    resolution: {integrity: sha512-4EaBYwBiCupECZ2rzC6CelNSGYvkvtJeja4wXLDGtfKnRhCN/WNoqbM+hvrtm32uf5qovfoNoDA906F8itw+oQ==}
     cpu: [x64]
     os: [linux]
 
-  git-cliff-windows-arm64@2.13.1:
-    resolution: {integrity: sha512-+XubuQv68DuDwF0u6Af5d889MEf/RD48VBQS7ZmPi4sUSCXAZqRm1/ApCsStLqxMDCf1+7s05B/kNbm9wjV80A==}
+  git-cliff-windows-arm64@2.14.2:
+    resolution: {integrity: sha512-0oc0xD/6A+BvInz8imBJulXVOlR9M0nL+d3ibL0lwJvxUVTMQzvoCnsn9OxpsdzXrEisnTvaf+GExoKVJkUcDw==}
     cpu: [arm64]
     os: [win32]
 
-  git-cliff-windows-x64@2.13.1:
-    resolution: {integrity: sha512-Bi8ehp1VMkomY7M/356PgovKQ8CBRiuOOkq+aWC2evQuMFfXWjG0GBlPED9QkZoUJ4iQ5ygB5DYdK3BjhaOyPw==}
+  git-cliff-windows-x64@2.14.2:
+    resolution: {integrity: sha512-RFmCMiwGMU8O+rF//wxT7L10ssoDtzI+QFxlbjpA8E1BAEafkmLTQkKalT88ipEweD46P+Sfc20v8RXuE7V/UA==}
     cpu: [x64]
     os: [win32]
 
-  git-cliff@2.13.1:
-    resolution: {integrity: sha512-2BzXwrom+SMHeNA5Ut+MtzqXejg0wbVwmzj3k7e9w62UQoyCDrM9UIcvtl6hnT3jocEQ1zLRQBaXXx97Gmnk7A==}
+  git-cliff@2.14.2:
+    resolution: {integrity: sha512-hlXIq4k2Tdj9C59WsD7FsLE0xRGFDozTUuoeqg9toMyVohaVxXiSiLnhM/IQyCmhOh5M4zuNckr2o8qMeuffbg==}
     engines: {node: ^18.19 || >=20.6}
     hasBin: true
 
-  git-raw-commits@5.0.1:
-    resolution: {integrity: sha512-Y+csSm2GD/PCSh6Isd/WiMjNAydu0VBiG9J7EdQsNA5P9uXvLayqjmTsNlK5Gs9IhblFZqOU0yid5Il5JPoLiQ==}
-    engines: {node: '>=18'}
-    deprecated: Deprecated and no longer maintained. Use @conventional-changelog/git-client instead.
-    hasBin: true
-
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
@@ -2365,14 +2808,10 @@ packages:
     resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
     engines: {node: '>=18'}
 
-  globals@17.7.0:
-    resolution: {integrity: sha512-Czmyns5dUsq4seFBR/Kdydhmo8y9kC79hiSkPn0YcGtNnYWnrgt0vjrSjx9tspoDGWm2CMarffRuLjM4xUz8xg==}
+  globals@17.12.0:
+    resolution: {integrity: sha512-cezEd/DTyyht9cvSSURyygXPfy04GtWO/5e6ZPvH7fCtjKz9PYOmuawphw1Ctd1f6C+5JypXfGD7ahNMXvevBA==}
     engines: {node: '>=18'}
 
-  gzip-size@6.0.0:
-    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
-    engines: {node: '>=10'}
-
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -2381,13 +2820,22 @@ packages:
     resolution: {integrity: sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA==}
     engines: {node: '>=12'}
 
+  hashery@1.5.1:
+    resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
+    engines: {node: '>=20'}
+
+  hookable@6.1.2:
+    resolution: {integrity: sha512-+abwxtiEA52GCVIsQqut3S/uKTbUwYIp4Pe/vv+6py5XiXBCqMZHg6pA6Y5qhgLSEys0/cYuPbO0z1QFj5ZCmg==}
+
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
+  hookified@2.2.0:
+    resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==}
+
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
-  human-id@4.2.0:
-    resolution: {integrity: sha512-K3GbkIWqyvvlpfhBPlbEvD97TtqBpAYA4kt+cn2lD2x2HuohzZCibcA2nOlnJT6exqvJLggoB5nv2dNf192nEA==}
-    hasBin: true
-
   human-signals@8.0.1:
     resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
     engines: {node: '>=18.18.0'}
@@ -2401,20 +2849,17 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
-  ignore@7.0.5:
-    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+  ignore@7.0.10:
+    resolution: {integrity: sha512-HpbUakT7xp5miBUywCHf36ZEuAJNklBJDDsGpUIjMzOSmM8ELSfA9Sa/QDPeNeqeoN31u+UTCkL4klCOVvRm4Q==}
     engines: {node: '>= 4'}
 
-  import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
-
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
-  import-meta-resolve@4.2.0:
-    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+  import-without-cache@0.4.1:
+    resolution: {integrity: sha512-vXoV9PjKHEednCUu01e98TkImxy67e3BJXbTIOmIq4Hyzw3IAwYRcuPkfeTzJzwyyts4kjuA73x+pWJLc4f86A==}
+    engines: {node: ^22.18.0 || >=24.0.0}
 
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
@@ -2438,18 +2883,10 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
-  is-fullwidth-code-point@5.1.0:
-    resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
-    engines: {node: '>=18'}
-
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
   is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
@@ -2487,24 +2924,14 @@ packages:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
-  jiti@2.7.0:
-    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
-    hasBin: true
-
-  joi@17.13.4:
-    resolution: {integrity: sha512-1RuuER6kmt8K8I3nIWvPZKi5RQCb568ZPyY4Pwjlua+yo+63ZTmIwxLZH0heBmiKN4uxjvCiarDrjaeH84xicQ==}
-
-  js-sha256@0.11.1:
-    resolution: {integrity: sha512-o6WSo/LUvY2uC4j7mO50a2ms7E/EAdbP0swigLV+nzHKTTaYnaLIWJ02VdXrsJX0vGedDESQnLsOekr94ryfjg==}
-
   js-tokens@10.0.0:
     resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
 
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  js-yaml@4.2.0:
-    resolution: {integrity: sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==}
+  js-yaml@4.3.2:
+    resolution: {integrity: sha512-SFNOvSJ+Dgf/9An904Yx+CgSlIPCkIpao4qo51lpee25TIRejdH3rhR4EZMGoNx3/TP3O+wzWuiTFl4sqbltzA==}
     hasBin: true
 
   jsesc@3.1.0:
@@ -2512,16 +2939,9 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
-  json-schema-to-ts@3.1.1:
-    resolution: {integrity: sha512-+DWg8jCJG2TEnpy7kOm/7/AxaYoaRbjVB4LFZLySZlWn8exGs3A4OLJR966cVvU26N7X9TWxl+Jsw7dzAqKT6g==}
-    engines: {node: '>=16'}
-
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -2531,16 +2951,11 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json-with-bigint@3.5.8:
-    resolution: {integrity: sha512-eq/4KP6K34kwa7TcFdtvnftvHCD9KvHOGGICWwMFc4dOOKF5t4iYqnfLK8otCRCRv06FXOzGGyqE8h8ElMvvdw==}
-
-  json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
+  json-with-bigint@3.5.12:
+    resolution: {integrity: sha512-uwbF/wSSuOgC7qqlq27Xp5B6a2MHVug3t0idZdTqu0JnlFvgJuH7ju+KAk/J06C7GfhoYy2gnb9wz2INqcne7w==}
 
-  keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
 
   kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
@@ -2549,89 +2964,82 @@ packages:
   known-css-properties@0.37.0:
     resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
 
-  kysely@0.28.17:
-    resolution: {integrity: sha512-nbD8lB9EB3wNdMhOCdx5Li8DxnLbvKByylRLcJ1h+4SkrowVeECAyZlyiKMThF7xFdRz0jSQ2MoJr+wXux2y0Q==}
-    engines: {node: '>=20.0.0'}
-
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
-  libphonenumber-js@1.13.6:
-    resolution: {integrity: sha512-NdB6O6QvlGMCoG003m0YIKG2+Xw7DjmCZhmc1RH+K6HncADUbRf8TZeLegxBBN1VFyPHcNpPTKpIhYLXzJVy1Q==}
-
-  lightningcss-android-arm64@1.32.0:
-    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [android]
 
-  lightningcss-darwin-arm64@1.32.0:
-    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.32.0:
-    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.32.0:
-    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.32.0:
-    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.32.0:
-    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  lightningcss-linux-arm64-musl@1.32.0:
-    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  lightningcss-linux-x64-gnu@1.32.0:
-    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  lightningcss-linux-x64-musl@1.32.0:
-    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  lightningcss-win32-arm64-msvc@1.32.0:
-    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.32.0:
-    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.32.0:
-    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@2.1.0:
@@ -2641,15 +3049,11 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lint-staged@17.0.8:
-    resolution: {integrity: sha512-B2P/d+jVW0UXOQ0MVMLrB/9ydA1P+zz6jYfdrbbEd9ur3S2rcbduFWKiUCC02Sm5hbC8nrm7y24WuYMG54HfxA==}
+  lint-staged@17.5.1:
+    resolution: {integrity: sha512-7EDuco1xnBMeVpvAbeMq1U5KXwJGLmY8q6l+Ye78r36C4mPc+Vg1Z2SK8gHyRTyvPro90A0q5/FAZ+Au23d6QQ==}
     engines: {node: '>=22.22.1'}
     hasBin: true
 
-  listr2@10.2.1:
-    resolution: {integrity: sha512-7I5knELsJKTUjXG+A6BkKAiGkW1i25fNa/xlUl9hFtk15WbE9jndA89xu5FzQKrY5llajE1hfZZFMILXkDHk/Q==}
-    engines: {node: '>=22.13.0'}
-
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
@@ -2664,22 +3068,18 @@ packages:
     resolution: {integrity: sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==}
     engines: {node: '>=18'}
 
-  log-update@6.1.0:
-    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
-    engines: {node: '>=18'}
-
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
 
-  magic-regexp@0.10.0:
-    resolution: {integrity: sha512-Uly1Bu4lO1hwHUW0CQeSWuRtzCMNO00CmXtS8N6fyvB3B979GOEEeAkiTUDsmbYLAbvpUS/Kt5c4ibosAzVyVg==}
-
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
-  magicast@0.5.3:
-    resolution: {integrity: sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw==}
+  magic-string@1.4.2:
+    resolution: {integrity: sha512-vG+rjFRj1PqdIBozIxAGMjPlOhaVe+GXpbttY/iSK7rGcJRMlwNJO7dcUwmUqkymsFLJiNGI06t4D7Fr7yRC9g==}
+
+  magicast@0.5.5:
+    resolution: {integrity: sha512-UicdXN8zQ3JHlxVq+28afMXPr1z7WNY6+7EJnzTdQWkTAlMLF5fNCCKxJHBQwGaNGR11581EiQmQzx73+MvszA==}
 
   make-dir@4.0.0:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
@@ -2690,52 +3090,18 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
-  mdn-data@2.27.1:
-    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
-
-  memoize-weak@1.0.2:
-    resolution: {integrity: sha512-gj39xkrjEw7nCn4nJ1M5ms6+MyMlyiGmttzsqAUsAKn6bYKwuTHh/AO3cKPF8IBrTIYTxb0wWXFs3E//Y8VoWQ==}
-
   meow@13.2.0:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
     engines: {node: '>=18'}
 
-  meow@14.1.0:
-    resolution: {integrity: sha512-EDYo6VlmtnumlcBCbh1gLJ//9jvM/ndXHfVXIFrZVr6fGcwTUyCTFNTLCKuY3ffbK8L/+3Mzqnd58RojiZqHVw==}
-    engines: {node: '>=20'}
-
-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
-
-  mimic-function@5.0.1:
-    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
-    engines: {node: '>=18'}
-
-  minimatch@10.2.5:
-    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
     engines: {node: 18 || 20 || >=22}
 
   minimatch@9.0.9:
     resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minipass@7.1.3:
-    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minizlib@3.1.0:
-    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
-    engines: {node: '>= 18'}
-
-  mlly@1.8.2:
-    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
-
-  mode-watcher@1.1.0:
-    resolution: {integrity: sha512-mUT9RRGPDYenk59qJauN1rhsIMKBmWA3xMF+uRwE8MW/tjhaDSCCARqkSuDTq8vr4/2KcAxIGVjACxTjdk5C3g==}
-    peerDependencies:
-      svelte: ^5.27.0
-
   monaco-editor@0.55.1:
     resolution: {integrity: sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==}
 
@@ -2750,52 +3116,29 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  nanoid@3.3.12:
-    resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
+  nanoid@3.3.19:
+    resolution: {integrity: sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  node-fetch-native@1.6.7:
-    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
-
-  normalize-url@8.1.1:
-    resolution: {integrity: sha512-JYc0DPlpGWB40kH5g07gGTrYuMqV653k3uBKY6uITPWds3M0ov3GaWGp9lbE3Bzngx8+XkfzgvASb9vk9JDFXQ==}
-    engines: {node: '>=14.16'}
-
   npm-run-path@6.0.0:
     resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
     engines: {node: '>=18'}
 
-  obug@2.1.3:
-    resolution: {integrity: sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg==}
+  obug@2.2.1:
+    resolution: {integrity: sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==}
     engines: {node: '>=12.20.0'}
 
-  ofetch@1.5.1:
-    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
-
-  ohash@2.0.11:
-    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
-
-  onetime@7.0.0:
-    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
-    engines: {node: '>=18'}
+  ohash@2.0.12:
+    resolution: {integrity: sha512-65S/5gk9YSsaRjcyf7Nfa6h/d3E8/1gslpXfI4W7Dxn/oap8IKRuNT5VXkLQ1YFKIEg4apRY4Pj6aiwFzrDdmw==}
 
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
-  oxc-parser@0.131.0:
-    resolution: {integrity: sha512-SJ3/7ZPbgie8dr5Z9BI/M51zZbpXba+hRSG0MDzVwMW5CRQg2fjYE0jHGlLX4eeiibGgC/mzoDFKSDHwVZEHRQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-
-  oxc-walker@0.7.0:
-    resolution: {integrity: sha512-54B4KUhrzbzc4sKvKwVYm7E2PgeROpGba0/2nlNZMqfDyca+yOor5IMb4WLGBatGDT0nkzYdYuzylg7n3YfB7A==}
-    peerDependencies:
-      oxc-parser: '>=0.98.0'
-
   oxfmt@0.35.0:
     resolution: {integrity: sha512-QYeXWkP+aLt7utt5SLivNIk09glWx9QE235ODjgcEZ3sd1VMaUBSpLymh6ZRCA76gD2rMP4bXanUz/fx+nLM9Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2809,9 +3152,6 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  package-manager-detector@1.6.0:
-    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
-
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -2830,6 +3170,9 @@ packages:
   parse-statements@1.0.11:
     resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
 
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -2845,31 +3188,21 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
-  perfect-debounce@2.1.0:
-    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  picomatch@2.3.2:
-    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
-    engines: {node: '>=8.6'}
-
-  picomatch@4.0.4:
-    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+  picomatch@4.0.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
     engines: {node: '>=12'}
 
-  pkg-types@1.3.1:
-    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
-
-  playwright-core@1.61.1:
-    resolution: {integrity: sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==}
-    engines: {node: '>=18'}
+  playwright-core@1.63.0:
+    resolution: {integrity: sha512-rYCsBF/M5HjUch52bbtVONEFjv6Xu8sm8h72dNlR5bzIE1fvC/bxgspzkjSfU+MweEMmPM8KJebG6nnyxo5mCg==}
+    engines: {node: '>=20'}
     hasBin: true
 
-  playwright@1.61.1:
-    resolution: {integrity: sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==}
-    engines: {node: '>=18'}
+  playwright@1.63.0:
+    resolution: {integrity: sha512-+7ziBLidS4NaNCdt57SUDT+wYmmd5fmiQejUic/kb+YsYSCPyOOE9sebzMjNmQrsnNpDJqd4WHvV/8lfKfUDUg==}
+    engines: {node: '>=20'}
     hasBin: true
 
   plur@5.1.0:
@@ -2892,8 +3225,8 @@ packages:
       ts-node:
         optional: true
 
-  postcss-safe-parser@7.0.1:
-    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
+  postcss-safe-parser@7.1.0:
+    resolution: {integrity: sha512-1WzZxRLaAFwEh6Do+zyGpjWV3nGJNxxhuh7Ubu/q1ICImMgZJnLwhoaEpRbG4pJppp2Y1ncL9ffA2f+LhrefQg==}
     engines: {node: '>=18.0'}
     peerDependencies:
       postcss: ^8.4.31
@@ -2904,12 +3237,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.29
 
-  postcss-selector-parser@7.1.4:
-    resolution: {integrity: sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==}
+  postcss-selector-parser@7.1.6:
+    resolution: {integrity: sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==}
     engines: {node: '>=4'}
 
-  postcss@8.5.15:
-    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
+  postcss@8.5.28:
+    resolution: {integrity: sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -2927,29 +3260,22 @@ packages:
       prettier: ^3.0.0
       svelte: ^5.0.0
 
-  prettier@2.5.1:
-    resolution: {integrity: sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-
-  prettier@3.9.4:
-    resolution: {integrity: sha512-yWG/o/4oJfo036EKAfK6ACAoDOfHeRHx4tuxkfBZiauURiaSmYwlpOr5LQqKtIkRD2z1PLteme2WoxEnj4tHTg==}
+  prettier@3.9.9:
+    resolution: {integrity: sha512-Z/CJHIkdujO/OtN7nXUii0Rf3VT5SRuhjBA82Xvu2XhBUgX3nhP67T0LHceBdQLex7OOFGTox+Q5Yg8Jk2Qivg==}
     engines: {node: '>=14'}
     hasBin: true
 
-  pretty-ms@9.3.0:
-    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+  pretty-ms@9.3.1:
+    resolution: {integrity: sha512-HzMy3Geq23nVALD/M2LliU+F+M+gVNsvkQWWqeBZ8HDiCgzo6YPJ/Omrmtq24EFrIsk0a3EkQGEd7bDOo+IhGA==}
     engines: {node: '>=18'}
 
-  property-expr@2.0.6:
-    resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  pure-rand@6.1.0:
-    resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
+  qified@0.10.1:
+    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+    engines: {node: '>=20'}
 
   quansync@1.0.0:
     resolution: {integrity: sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==}
@@ -2958,14 +3284,6 @@ packages:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
-  readdirp@5.0.0:
-    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
-    engines: {node: '>= 20.19.0'}
-
-  regexp-tree@0.1.27:
-    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
-    hasBin: true
-
   require-from-string@2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
@@ -2978,38 +3296,33 @@ packages:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
 
-  restore-cursor@5.1.0:
-    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
-    engines: {node: '>=18'}
-
-  rfdc@1.4.1:
-    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  rolldown@1.0.3:
-    resolution: {integrity: sha512-i00lAJ2ks1BYr7rjNjKC7BcqAS7nVfiT3QX1SI5aY+AFHblCmaUf9OE9dbdzDvW6dJxbi2ZCZiy9v3CcwOiX3g==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
+  rolldown-plugin-dts@0.27.14:
+    resolution: {integrity: sha512-ZvuDDwoIpRK9RPxDXratCpklFO9QZZWndf/sd0VBFb4LEj0jj07UcHK9OCh7V4XiFz2Z89ziyBC2K6tJiDjrbw==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+    peerDependencies:
+      '@typescript/native-preview': '*'
+      '@volar/typescript': ~2.4.0
+      rolldown: ^1.0.0
+      typescript: ^5.0.0 || ^6.0.0 || ~7.0.0
+      vue-tsc: ~3.2.0 || ~3.3.0
+    peerDependenciesMeta:
+      '@typescript/native-preview':
+        optional: true
+      '@volar/typescript':
+        optional: true
+      typescript:
+        optional: true
+      vue-tsc:
+        optional: true
 
-  rolldown@1.1.1:
-    resolution: {integrity: sha512-IN750c0p+s3jqJIsFLRZrQazmbAB1kkQDTtQjSt/gbS2ywLhlv4R5Shazer0FZKmuo/BsO3/w2UoYnUjuOZqHg==}
+  rolldown@1.2.11:
+    resolution: {integrity: sha512-qpSwIyz0jHQq5qXBTNxFmE6664rJ7O+4TvPFOiOaBSrz8IOHc1koKKSqTM2H6u1UG1+TveuC6vaDHKXFOvb1Kw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  runed@0.23.4:
-    resolution: {integrity: sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA==}
-    peerDependencies:
-      svelte: ^5.7.0
-
-  runed@0.25.0:
-    resolution: {integrity: sha512-7+ma4AG9FT2sWQEA0Egf6mb7PBT2vHyuHail1ie8ropfSjvZGtEAx8YTmUjv/APCsdRRxEVvArNjALk9zFSOrg==}
-    peerDependencies:
-      svelte: ^5.7.0
-
-  runed@0.28.0:
-    resolution: {integrity: sha512-k2xx7RuO9hWcdd9f+8JoBeqWtYrm5CALfgpkg2YDB80ds/QE4w0qqu34A7fqiAwiBBSBQOid7TLxwxVC27ymWQ==}
-    peerDependencies:
-      svelte: ^5.7.0
-
   runed@0.35.1:
     resolution: {integrity: sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==}
     peerDependencies:
@@ -3023,13 +3336,13 @@ packages:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
 
-  semver@7.8.4:
-    resolution: {integrity: sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==}
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
     engines: {node: '>=10'}
     hasBin: true
 
-  set-cookie-parser@3.1.0:
-    resolution: {integrity: sha512-kjnC1DXBHcxaOaOXBHBeRtltsDG2nUiUni+jP92M9gYdW12rsmx92UsfpH7o5tDRs7I1ZZPSQJQGv3UaRfCiuw==}
+  set-cookie-parser@3.1.2:
+    resolution: {integrity: sha512-5/r/lTwbJ3zQ+qwdUFZYeRNqda7P5HD8zQKqlSjdGt1/S0cjLAphHusj4Y58ahDtWn/g32xrIS58/ikOvwl0Lw==}
 
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -3050,32 +3363,19 @@ packages:
     resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
     engines: {node: '>=18'}
 
-  slice-ansi@7.1.2:
-    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
-    engines: {node: '>=18'}
-
-  slice-ansi@8.0.0:
-    resolution: {integrity: sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==}
-    engines: {node: '>=20'}
-
-  smol-toml@1.6.1:
-    resolution: {integrity: sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==}
+  smol-toml@1.9.0:
+    resolution: {integrity: sha512-hpd+HLON7HdZXqYchMM/+LaTTbdK0AU3NngIJ4KVyWbY9bfQqdL9cD+4yf6dUoU2Ap4VsU0JkQi6FxAI1B2mXQ==}
     engines: {node: '>= 18'}
 
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  sqlite-wasm-kysely@0.3.0:
-    resolution: {integrity: sha512-TzjBNv7KwRw6E3pdKdlRyZiTmUIE0UttT/Sl56MVwVARl/u5gp978KepazCJZewFUnlWHz9i3NQd4kOtP/Afdg==}
-    peerDependencies:
-      kysely: '*'
-
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
-  std-env@4.1.0:
-    resolution: {integrity: sha512-Rq7ybcX2RuC55r9oaPVEW7/xu3tj8u4GeBYHBWCychFtzMIr86A7e3PPEBPT37sHStKX3+TiX/Fr/ACmJLVlLQ==}
+  std-env@4.2.0:
+    resolution: {integrity: sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==}
 
   string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
@@ -3085,8 +3385,8 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
-  string-width@8.2.1:
-    resolution: {integrity: sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==}
+  string-width@8.3.0:
+    resolution: {integrity: sha512-ZbmZM0JCihQN91dWnxoipT2KOEyHqEyfRXUyjuRhW8b/xnqPDoq4gWEVApTVa9db2wN8mmoikgFBbjh71+cGeQ==}
     engines: {node: '>=20'}
 
   strip-ansi@7.2.0:
@@ -3100,10 +3400,6 @@ packages:
   style-to-object@1.0.14:
     resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
 
-  superstruct@2.0.2:
-    resolution: {integrity: sha512-uV+TFRZdXsqXTL2pRvujROjdZQ4RAlBUS5BTh9IGm+jTqQntYThciG/qu57Gs69yjnVUSqdxF9YLmSnpupBW9A==}
-    engines: {node: '>=14.0.0'}
-
   supports-color@10.2.2:
     resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
     engines: {node: '>=18'}
@@ -3112,107 +3408,49 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
-  supports-hyperlinks@4.4.0:
-    resolution: {integrity: sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg==}
+  supports-hyperlinks@4.5.0:
+    resolution: {integrity: sha512-ZW2OvfeCXrNTbLakPUzjQG922EeGCOteFSVoek5DKStTh898wf7zgtuFlzQN8HfZCxC3Eh02yJVrRW51hADf+w==}
     engines: {node: '>=20'}
 
-  svelte-adapter-bun@1.0.1:
-    resolution: {integrity: sha512-tNOvfm8BGgG+rmEA7hkmqtq07v7zoo4skLQc+hIoQ79J+1fkEMpJEA2RzCIe3aPc8JdrsMJkv3mpiZPMsgahjA==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.4.0
-      typescript: ^5
-
-  svelte-check@4.6.0:
-    resolution: {integrity: sha512-KhVnDFDSid57mmZtHz8gfW8AAGylOZ0vPnOIzVmAL+urzwK8sBYXRss953gD8T0OdgAQ11mdWhE6uadmtOz8TQ==}
+  svelte-check@4.7.6:
+    resolution: {integrity: sha512-t2scM//ZuVbSY/T2w6FSBw1v9s2NEmh/g+sy1lqtosW5ylBV5AF4wFb1Ts9Kf3MbfPDUDJDZ9L436YT0SPTdvw==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
-      typescript: '>=5.0.0'
+      typescript: ^5.0.0 || ^6.0.0
 
-  svelte-eslint-parser@1.8.0:
-    resolution: {integrity: sha512-mikR1qwIVy3t5WthUoAXkMwxkXvabZP9FJgdx35Ei7EbGWmctva1Pih16Koeor/bdNNq8NXHlwKGS6NkYTawLg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0, pnpm: 10.34.1}
+  svelte-eslint-parser@1.8.1:
+    resolution: {integrity: sha512-5zgKBqAf6V8Jyrmr1jViksyG4NKT8NheYwkdxRaMRDAqpGWi9wR8ktcGrAZbfMn/PHUp1BWzAp0cYQECkWuAMA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0, pnpm: 10.34.5}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       svelte:
         optional: true
 
-  svelte-kit-sessions@0.4.0:
-    resolution: {integrity: sha512-cWjHwd+EGIuZ0p8CxSqE5EMOT8EUsoYfAnbE8QB+r6FonroYiMvTLUgv8b9dVLC55Yw3UtTntjUaZ5fKJF3XOA==}
-    peerDependencies:
-      '@sveltejs/kit': ^1.0.0 || ^2.0.0
-      svelte: ^5.1.13
-
-  svelte-sonner@1.1.1:
-    resolution: {integrity: sha512-5cd3p7wa4cq0NsqslMwdlPb7x1JglEZ/GKrLePWNr5bCxR1nagAVrY01FRFrXfUGs41miLt3C327+8XJo5BzZw==}
-    peerDependencies:
-      svelte: ^5.0.0
-
   svelte-toolbelt@0.10.6:
     resolution: {integrity: sha512-YWuX+RE+CnWYx09yseAe4ZVMM7e7GRFZM6OYWpBKOb++s+SQ8RBIMMe+Bs/CznBMc0QPLjr+vDBxTAkozXsFXQ==}
     engines: {node: '>=18', pnpm: '>=8.7.0'}
     peerDependencies:
       svelte: ^5.30.2
 
-  svelte-toolbelt@0.5.0:
-    resolution: {integrity: sha512-t3tenZcnfQoIeRuQf/jBU7bvTeT3TGkcEE+1EUr5orp0lR7NEpprflpuie3x9Dn0W9nOKqs3HwKGJeeN5Ok1sQ==}
-    engines: {node: '>=18', pnpm: '>=8.7.0'}
-    peerDependencies:
-      svelte: ^5.0.0-next.126
-
-  svelte-toolbelt@0.7.1:
-    resolution: {integrity: sha512-HcBOcR17Vx9bjaOceUvxkY3nGmbBmCBBbuWLLEWO6jtmWH8f/QoWmbyUfQZrpDINH39en1b8mptfPQT9VKQ1xQ==}
-    engines: {node: '>=18', pnpm: '>=8.7.0'}
-    peerDependencies:
-      svelte: ^5.0.0
-
-  svelte@5.56.3:
-    resolution: {integrity: sha512-w7JvrM5IFl5cmfbY0TLik9o7mjRUJmRMhOR51tBPu708Gr/MjbGs7VnJnr/B0CaXeI4vtnOh7RKxDr0cwhMdDA==}
+  svelte@5.57.1:
+    resolution: {integrity: sha512-Uqj49lWKB+iSSnneuwiYYJ7MZgkB+eXr0LXBhv4uDuAkXqnWmq65Sxflfvp0Lc6MdKjMUxGaeOKWJqz5SNiVIA==}
     engines: {node: '>=18'}
 
-  sveltekit-superforms@2.30.1:
-    resolution: {integrity: sha512-wBzyqsE0idvEJWuNJ+HCiAtdxa7Z55GZ8jmtlVHJfonrk9bRYC49MoPaloYyFoYuU3QPy6Omna/Qzn1kaIkgew==}
-    peerDependencies:
-      '@sveltejs/kit': 1.x || 2.x
-      svelte: 3.x || 4.x || >=5.0.0-next.51
-
   synckit@0.11.13:
     resolution: {integrity: sha512-eNRKgb3z66Yp3D2CixVujOUvXLFUTij/zVnV8KRyvFdQwpz7I5DS8UfRkTeLzb64u+dkzDSdelE24izu+zSSUg==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  tabbable@6.4.0:
-    resolution: {integrity: sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==}
-
-  tailwind-merge@3.6.0:
-    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
-
-  tailwind-variants@3.2.2:
-    resolution: {integrity: sha512-Mi4kHeMTLvKlM98XPnK+7HoBPmf4gygdFmqQPaDivc3DpYS6aIY6KiG/PgThrGvii5YZJqRsPz0aPyhoFzmZgg==}
-    engines: {node: '>=16.x', pnpm: '>=7.x'}
-    peerDependencies:
-      tailwind-merge: '>=3.0.0'
-      tailwindcss: '*'
-    peerDependenciesMeta:
-      tailwind-merge:
-        optional: true
-
-  tailwindcss@4.3.2:
-    resolution: {integrity: sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==}
-
-  tar@7.5.19:
-    resolution: {integrity: sha512-4LeEWl96twnS2Q7Bz4MGqgazLqO+hJN63GZxXoIqh1T3VweYD997gbU1ItNsQafqqXTXd5WFyFdReLtwvRBNiw==}
-    engines: {node: '>=18'}
-
-  tiny-case@1.0.3:
-    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
+  tabbable@6.5.0:
+    resolution: {integrity: sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==}
 
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
-  tinyexec@1.2.4:
-    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+  tinyexec@1.3.1:
+    resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
     engines: {node: '>=18'}
 
   tinyglobby@0.2.17:
@@ -3223,23 +3461,17 @@ packages:
     resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
     engines: {node: ^20.0.0 || >=22.0.0}
 
-  tinyrainbow@3.1.0:
-    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
+  tinyrainbow@3.1.1:
+    resolution: {integrity: sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==}
     engines: {node: '>=14.0.0'}
 
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  toposort@2.0.2:
-    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
-
   totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
 
-  ts-algebra@2.0.0:
-    resolution: {integrity: sha512-FPAhNPFMrkwz76P7cdjdmiShwMynZYN6SgOujD1urY4oNm80Ou9oMdmbR45LotcKOXoy7wSmHkRFE6Mxbrhefw==}
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
 
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
@@ -3247,9 +3479,42 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
-  ts-deepmerge@7.0.3:
-    resolution: {integrity: sha512-Du/ZW2RfwV/D4cmA5rXafYjBQVuvu4qGiEEla4EmEHVHgRdx68Gftx7i66jn2bzHPwSVZY36Ae6OuDn9el4ZKA==}
-    engines: {node: '>=14.13.1'}
+  ts-morph@28.0.0:
+    resolution: {integrity: sha512-Wp3tnZ2bzwxyTZMtgWVzXDfm7lB1Drz+y9DmmYH/L702PQhPyVrp3pkou3yIz4qjS14GY9kcpmLiOOMvl8oG1g==}
+
+  tsdown@0.22.14:
+    resolution: {integrity: sha512-ule7Y+fsAN2iZbLDoo7C4KYljFJNJJ+fLshyn+9gozeTspVersWHxwdGB+Dm2hzA38s6muFnUTl0jK3vJm9ifQ==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+    hasBin: true
+    peerDependencies:
+      '@arethetypeswrong/core': ^0.18.1
+      '@tsdown/css': 0.22.14
+      '@tsdown/exe': 0.22.14
+      '@vitejs/devtools': '*'
+      publint: ^0.3.8
+      tsx: '*'
+      typescript: ^5.0.0 || ^6.0.0 || ^7.0.0
+      unplugin-unused: ^0.5.0
+      unrun: '*'
+    peerDependenciesMeta:
+      '@arethetypeswrong/core':
+        optional: true
+      '@tsdown/css':
+        optional: true
+      '@tsdown/exe':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      publint:
+        optional: true
+      tsx:
+        optional: true
+      typescript:
+        optional: true
+      unplugin-unused:
+        optional: true
+      unrun:
+        optional: true
 
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
@@ -3258,22 +3523,16 @@ packages:
     resolution: {integrity: sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==}
     engines: {node: '>=0.6.11 <=0.7.0 || >=0.7.3'}
 
+  turbo@2.11.4:
+    resolution: {integrity: sha512-nedZtJ2hjWpU/JBFq7Aj1GQBxQ56si+kIUmNZBUX35O35TIuhSBR6/u3yHHmk81U+RBdBcVjvLQ3/iOFzMwKsA==}
+    hasBin: true
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-
-  type-level-regexp@0.1.17:
-    resolution: {integrity: sha512-wTk4DH3cxwk196uGLK/E9pE45aLfeKJacKmcEgEOA/q5dnPGNxXt0cfYdFxb57L+sEpf1oJH4Dnx/pnRcku9jg==}
-
-  typebox@1.2.8:
-    resolution: {integrity: sha512-rlsKhsd7L3082m9nxhFIB4Gl8jizLd/6YlFAWaz96hdV8+VJRjwYaYmDlT0jlTRwkb48SxCSSirqUtrg/HilNw==}
-
-  typescript-eslint@8.62.1:
-    resolution: {integrity: sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==}
+  typescript-eslint@8.70.1:
+    resolution: {integrity: sha512-AcWG7KDjZ2THNXsgwttMaGmzVi0VFRlFYfqFHYQRbDpF3owuYbuiL8c7UUrd2k8s3PoSfIQrWfrGXfcElrWLYA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
@@ -3284,20 +3543,14 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  ufo@1.6.4:
-    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
-
   unconfig-core@7.5.0:
     resolution: {integrity: sha512-Su3FauozOGP44ZmKdHy2oE6LPjk51M/TRRjHv2HNCWiDvfvCoxC2lno6jevMA91MYAdCdwP05QnWdWpSbncX/w==}
 
-  unconfig@7.5.0:
-    resolution: {integrity: sha512-oi8Qy2JV4D3UQ0PsopR28CzdQ3S/5A1zwsUwp/rosSbfhJ5z7b90bIyTwi/F7hCLD4SGcZVjDzd4XoUQcEanvA==}
+  undici-types@8.9.0:
+    resolution: {integrity: sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==}
 
-  undici-types@7.24.6:
-    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
-
-  undici@6.26.0:
-    resolution: {integrity: sha512-4yqz8a3n5HmGTlsbADNtr/dJlhkh/55Rq798G6ibiULcXbDtaLpTl1pvdqcbFfeoj3iSi52lePFM7h9H21cw/A==}
+  undici@6.28.1:
+    resolution: {integrity: sha512-zWpdTVD54H48CIybL0rWQ3ukpb9d23wM7eH5RtfdmeP70cWHNjtfo7P4vZX+5CoDcO53J4Pu5uXp7lNfjc6DRA==}
     engines: {node: '>=18.17'}
 
   unicorn-magic@0.3.0:
@@ -3307,60 +3560,33 @@ packages:
   universal-user-agent@7.0.3:
     resolution: {integrity: sha512-TmnEAEAsBJVZM/AADELsK76llnwcf9vMKuPz8JflO1frO8Lchitr0fNaN9d+Ap0BjKtqWqd/J17qeDnXh8CL2A==}
 
-  unocss@66.7.4:
-    resolution: {integrity: sha512-a9Aqre6SS036sAO5qo0hrOAfrgWuilNIO3ekwp/tWz0CtsL7SXOA3lAtHi3WP0vtIsWbbYJEEGX4n4VBoQprqA==}
+  unrun@0.3.1:
+    resolution: {integrity: sha512-onIck/oNnCaytwths1ZVp1LK2Gq2hPoyFhiHebObuUXqR3S0uHuLLaBK8K6mRRgV7Ptip8AnNvaUsgzwWwBZuA==}
+    engines: {node: ^22.13.0 || >=24.0.0}
+    hasBin: true
     peerDependencies:
-      '@unocss/astro': 66.7.4
-      '@unocss/postcss': 66.7.4
-      '@unocss/webpack': 66.7.4
+      synckit: ^0.11.11
     peerDependenciesMeta:
-      '@unocss/astro':
+      synckit:
         optional: true
-      '@unocss/postcss':
-        optional: true
-      '@unocss/webpack':
-        optional: true
-
-  unplugin-utils@0.3.1:
-    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
-    engines: {node: '>=20.19.0'}
-
-  unplugin@2.3.11:
-    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
-    engines: {node: '>=18.12.0'}
 
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  urlpattern-polyfill@10.1.0:
-    resolution: {integrity: sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  uuid@14.0.0:
-    resolution: {integrity: sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==}
-    hasBin: true
-
-  valibot@1.4.1:
-    resolution: {integrity: sha512-klCmFTz2jeDluy9RwX+F884TCiogtdBJ/YaxSx1EOBYXa3NXNWj8kR1jjN8rzluwojJVWWaHJ4r1U5LfICnM3g==}
-    peerDependencies:
-      typescript: '>=5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  validator@13.15.35:
-    resolution: {integrity: sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==}
-    engines: {node: '>= 0.10'}
+  verkit@0.3.2:
+    resolution: {integrity: sha512-zj/ob3UsvJGN0whEAKFp53REA5X66hvffVqoCtVQAakJKnKlH+/PcOfMoFwIG/o4rElqLv/ycAFlx8ZlXUorCg==}
+    engines: {node: '>=18.12.0'}
 
-  vite@8.0.16:
-    resolution: {integrity: sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==}
+  vite@8.3.1:
+    resolution: {integrity: sha512-/bvH9E9tmCXRGp2uXY3WbOldqpTwFkbha/8ANaEQ6VkxhH60KyqLwgZq6lG2y+4uT55x9+9eUHMpQ7uGnOCKjA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
       '@types/node': ^20.19.0 || >=22.12.0
-      '@vitejs/devtools': ^0.1.18
+      '@vitejs/devtools': ^0.7.1
       esbuild: ^0.27.0 || ^0.28.0
       jiti: '>=1.21.0'
       less: ^4.0.0
@@ -3405,26 +3631,26 @@ packages:
       vite:
         optional: true
 
-  vitest-browser-svelte@2.2.0:
-    resolution: {integrity: sha512-gxEvWHTzU66PceLXZI9jcInSuHAumeva2DSeEYtI7T9JiFfBscrxSfQsMMEViIgEgTJmL3AZPCRYiV1bDWXooQ==}
+  vitest-browser-svelte@2.2.1:
+    resolution: {integrity: sha512-dVjmXuk58eLSloA41Lvz5ALMqWVzK7Gk5TvY5KWFbI8VoEO1nJF1/M498NwJRbxlnjaEZrASd02h+NDS/T9mBA==}
     peerDependencies:
       svelte: ^3 || ^4 || ^5 || ^5.0.0-next.0
       vitest: ^4.0.0
 
-  vitest@4.1.9:
-    resolution: {integrity: sha512-nE3/LEyc0z87uHYLZebqCUOaJr2hdtuPp7BQ4BosVFnfltxgAvMG08NyrSGlPpOUWvR27c5flSmYFTNr78L9GQ==}
+  vitest@4.1.11:
+    resolution: {integrity: sha512-fhACrNXUidIbGSBr5FlbuBkO7VWC1ZyLl0DO4CU2DrQoAPxX84Ysxs+HeGQpii5lZWV1Q4gBZTTu49mF+A6Edw==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
       '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/browser-playwright': 4.1.9
-      '@vitest/browser-preview': 4.1.9
-      '@vitest/browser-webdriverio': 4.1.9
-      '@vitest/coverage-istanbul': 4.1.9
-      '@vitest/coverage-v8': 4.1.9
-      '@vitest/ui': 4.1.9
+      '@vitest/browser-playwright': 4.1.11
+      '@vitest/browser-preview': 4.1.11
+      '@vitest/browser-webdriverio': 4.1.11
+      '@vitest/coverage-istanbul': 4.1.11
+      '@vitest/coverage-v8': 4.1.11
+      '@vitest/ui': 4.1.11
       happy-dom: '*'
       jsdom: '*'
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -3452,9 +3678,6 @@ packages:
       jsdom:
         optional: true
 
-  webpack-virtual-modules@0.6.2:
-    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
-
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -3469,16 +3692,12 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  wrap-ansi@10.0.0:
-    resolution: {integrity: sha512-SGcvg80f0wUy2/fXES19feHMz8E0JoXv2uNgHOu4Dgi2OrCy1lqwFYEJz1BLbDI0exjPMe/ZdzZ/YpGECBG/aQ==}
-    engines: {node: '>=20'}
-
   wrap-ansi@9.0.2:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
 
-  ws@8.21.0:
-    resolution: {integrity: sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==}
+  ws@8.21.3:
+    resolution: {integrity: sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -3493,16 +3712,12 @@ packages:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
 
-  yallist@5.0.0:
-    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
-    engines: {node: '>=18'}
-
   yaml@1.10.3:
     resolution: {integrity: sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==}
     engines: {node: '>= 6'}
 
-  yaml@2.9.0:
-    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+  yaml@2.9.1:
+    resolution: {integrity: sha512-3NxN8+78OdzbT7C/WjGsyfPAtJaN3FNDsWxv7Y7mcDsT/oOmgW8BpyQQFFBnvZE3j9Y2Sdz1ULFLezL7Eb2yFw==}
     engines: {node: '>= 14.6'}
     hasBin: true
 
@@ -3510,31 +3725,32 @@ packages:
     resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=23}
 
-  yargs@18.0.0:
-    resolution: {integrity: sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==}
+  yargs@18.2.0:
+    resolution: {integrity: sha512-9OpKOLeaoNFecEp7P6iYbzze/5CqWoH7N3SMs/6y1XF4nMvFMspEGZzJ6uFi9MmQwXhyzqYoSEKO3tvA3Z/o2w==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=23}
 
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yoctocolors@2.1.2:
-    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+  yoctocolors@2.2.0:
+    resolution: {integrity: sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==}
     engines: {node: '>=18'}
 
-  yup@1.7.1:
-    resolution: {integrity: sha512-GKHFX2nXul2/4Dtfxhozv701jLQHdf6J34YDh2cEkpqoo8le5Mg6/LrdseVLrFarmFygZTlfIhHx/QKfb/QWXw==}
+  yuku-ast@0.8.7:
+    resolution: {integrity: sha512-h6+4bDfyootiMB9vckk5uKo5r5j0GHrkr17FQTDNfEsFT3DWlN9uu1HJwQwc64pgmLCI945fWM3lbTIqxjT3GQ==}
 
-  zimmerframe@1.1.4:
-    resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==}
+  yuku-codegen@0.8.7:
+    resolution: {integrity: sha512-adwDZSh8oVDzhE6Du9PwVWxcOxeV0e2EVhUuMKWfhSY4wkrDq9eqixlxFF3l/XGUV1E7UFzhpz9393MUumkyNw==}
 
-  zod-v3-to-json-schema@4.0.0:
-    resolution: {integrity: sha512-KixLrhX/uPmRFnDgsZrzrk4x5SSJA+PmaE5adbfID9+3KPJcdxqRobaHU397EfWBqfQircrjKqvEqZ/mW5QH6w==}
-    peerDependencies:
-      zod: ^3.25 || ^4.0.14
+  yuku-parser@0.8.7:
+    resolution: {integrity: sha512-vRD9nwt4L3aYpxNqeSC4WqLv58xrXef0Ong1Mc45CTXTIpvLafx7JO05sczmQZwdLEZvywrLOGdNC5+Rp5N1BQ==}
 
-  zod@4.4.3:
-    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
+  zimmerframe@1.1.5:
+    resolution: {integrity: sha512-msJxIvYDYcoNL+PJsu+7qmpDWsYmAxTY+2TNYXXF0hzBzBk0BMecOqDOG/EckUoKCuKwObfbugIl8QpqHDXeFA==}
+
+  zod@4.6.5:
+    resolution: {integrity: sha512-v5l/aFXZQeai4awLbOpSoHecE9UiMrnfx75tEXLjNonXVARxQ5mOeipTjROUchszUNCqnE+hqAMujRsRHsut2Q==}
 
 snapshots:
 
@@ -3550,54 +3766,35 @@ snapshots:
   '@actions/github@9.1.1':
     dependencies:
       '@actions/http-client': 3.0.2
-      '@octokit/core': 7.0.6
-      '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.6)
-      '@octokit/plugin-rest-endpoint-methods': 17.0.0(@octokit/core@7.0.6)
-      '@octokit/request': 10.0.10
-      '@octokit/request-error': 7.1.0
-      undici: 6.26.0
+      '@octokit/core': 7.0.8
+      '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.8)
+      '@octokit/plugin-rest-endpoint-methods': 17.0.0(@octokit/core@7.0.8)
+      '@octokit/request': 10.0.16
+      '@octokit/request-error': 7.1.2
+      undici: 6.28.1
 
   '@actions/http-client@3.0.2':
     dependencies:
       tunnel: 0.0.6
-      undici: 6.26.0
+      undici: 6.28.1
 
   '@actions/http-client@4.0.1':
     dependencies:
       tunnel: 0.0.6
-      undici: 6.26.0
+      undici: 6.28.1
 
   '@actions/io@3.0.2': {}
 
-  '@alexanderniebuhr/prettier-plugin-unocss@0.0.4':
-    dependencies:
-      '@unocss/preset-uno': 0.25.1
-      import-fresh: 3.3.0
-      prettier: 2.5.1
-
-  '@antfu/install-pkg@1.1.0':
-    dependencies:
-      package-manager-detector: 1.6.0
-      tinyexec: 1.2.4
-
-  '@ark/schema@0.56.0':
-    dependencies:
-      '@ark/util': 0.56.0
-    optional: true
-
-  '@ark/util@0.56.0':
-    optional: true
-
   '@babel/code-frame@7.29.7':
     dependencies:
       '@babel/helper-validator-identifier': 7.29.7
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/generator@7.29.7':
+  '@babel/generator@7.29.8':
     dependencies:
-      '@babel/parser': 7.29.7
-      '@babel/types': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
@@ -3608,32 +3805,29 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.29.7': {}
 
-  '@babel/parser@7.29.7':
+  '@babel/parser@7.29.9':
     dependencies:
-      '@babel/types': 7.29.7
-
-  '@babel/runtime@7.29.7':
-    optional: true
+      '@babel/types': 7.29.8
 
   '@babel/template@7.29.7':
     dependencies:
       '@babel/code-frame': 7.29.7
-      '@babel/parser': 7.29.7
-      '@babel/types': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
 
-  '@babel/traverse@7.29.7':
+  '@babel/traverse@7.29.8':
     dependencies:
       '@babel/code-frame': 7.29.7
-      '@babel/generator': 7.29.7
+      '@babel/generator': 7.29.8
       '@babel/helper-globals': 7.29.7
-      '@babel/parser': 7.29.7
+      '@babel/parser': 7.29.9
       '@babel/template': 7.29.7
-      '@babel/types': 7.29.7
+      '@babel/types': 7.29.8
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.29.7':
+  '@babel/types@7.29.8':
     dependencies:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
@@ -3642,65 +3836,77 @@ snapshots:
 
   '@blazediff/core@1.9.1': {}
 
-  '@commitlint/cli@21.2.0(@types/node@25.9.3)(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)':
+  '@cacheable/memory@2.2.0':
+    dependencies:
+      '@cacheable/utils': 2.5.0
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.5.0':
     dependencies:
-      '@commitlint/config-conventional': 21.2.0
-      '@commitlint/format': 21.2.0
-      '@commitlint/lint': 21.2.0
-      '@commitlint/load': 21.2.0(@types/node@25.9.3)(typescript@6.0.3)
-      '@commitlint/read': 21.2.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)
-      '@commitlint/types': 21.2.0
-      tinyexec: 1.2.4
-      yargs: 18.0.0
+      hashery: 1.5.1
+      keyv: 5.6.0
+
+  '@commitlint/cli@21.2.3(@types/node@26.6.2)(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)':
+    dependencies:
+      '@commitlint/config-conventional': 21.2.3
+      '@commitlint/format': 21.2.3
+      '@commitlint/lint': 21.2.3
+      '@commitlint/load': 21.2.3(@types/node@26.6.2)(typescript@6.0.3)
+      '@commitlint/read': 21.2.3(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)
+      '@commitlint/types': 21.2.3
+      tinyexec: 1.3.1
+      yargs: 18.2.0
     transitivePeerDependencies:
       - '@types/node'
       - conventional-commits-filter
       - conventional-commits-parser
       - typescript
 
-  '@commitlint/config-conventional@21.2.0':
+  '@commitlint/config-conventional@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
-      conventional-changelog-conventionalcommits: 10.2.0
+      '@commitlint/types': 21.2.3
+      conventional-changelog-conventionalcommits: 10.4.0
 
-  '@commitlint/config-validator@21.2.0':
+  '@commitlint/config-validator@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.2.3
       ajv: 8.20.0
 
-  '@commitlint/ensure@21.2.0':
+  '@commitlint/ensure@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
-      es-toolkit: 1.47.1
+      '@commitlint/types': 21.2.3
+      es-toolkit: 1.52.0
 
   '@commitlint/execute-rule@21.0.1': {}
 
-  '@commitlint/format@21.2.0':
+  '@commitlint/format@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.2.3
       picocolors: 1.1.1
 
-  '@commitlint/is-ignored@21.2.0':
+  '@commitlint/is-ignored@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
-      semver: 7.8.4
+      '@commitlint/types': 21.2.3
+      semver: 7.8.5
 
-  '@commitlint/lint@21.2.0':
+  '@commitlint/lint@21.2.3':
     dependencies:
-      '@commitlint/is-ignored': 21.2.0
-      '@commitlint/parse': 21.2.0
-      '@commitlint/rules': 21.2.0
-      '@commitlint/types': 21.2.0
+      '@commitlint/is-ignored': 21.2.3
+      '@commitlint/parse': 21.2.3
+      '@commitlint/rules': 21.2.3
+      '@commitlint/types': 21.2.3
 
-  '@commitlint/load@21.2.0(@types/node@25.9.3)(typescript@6.0.3)':
+  '@commitlint/load@21.2.3(@types/node@26.6.2)(typescript@6.0.3)':
     dependencies:
-      '@commitlint/config-validator': 21.2.0
+      '@commitlint/config-validator': 21.2.3
       '@commitlint/execute-rule': 21.0.1
-      '@commitlint/resolve-extends': 21.2.0
-      '@commitlint/types': 21.2.0
+      '@commitlint/resolve-extends': 21.2.3
+      '@commitlint/types': 21.2.3
       cosmiconfig: 9.0.2(typescript@6.0.3)
-      cosmiconfig-typescript-loader: 6.3.0(@types/node@25.9.3)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3)
-      es-toolkit: 1.47.1
+      cosmiconfig-typescript-loader: 6.3.0(@types/node@26.6.2)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3)
+      es-toolkit: 1.52.0
       is-plain-obj: 4.1.0
       picocolors: 1.1.1
     transitivePeerDependencies:
@@ -3709,36 +3915,36 @@ snapshots:
 
   '@commitlint/message@21.2.0': {}
 
-  '@commitlint/parse@21.2.0':
+  '@commitlint/parse@21.2.3':
     dependencies:
-      '@commitlint/types': 21.2.0
-      conventional-changelog-angular: 9.2.0
-      conventional-commits-parser: 7.0.0
+      '@commitlint/types': 21.2.3
+      conventional-changelog-angular: 9.4.0
+      conventional-commits-parser: 7.1.2
 
-  '@commitlint/read@21.2.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)':
+  '@commitlint/read@21.2.3(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)':
     dependencies:
       '@commitlint/top-level': 21.2.0
-      '@commitlint/types': 21.2.0
-      git-raw-commits: 5.0.1(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)
-      tinyexec: 1.2.4
+      '@commitlint/types': 21.2.3
+      '@conventional-changelog/git-client': 3.1.2(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)
+      tinyexec: 1.3.1
     transitivePeerDependencies:
       - conventional-commits-filter
       - conventional-commits-parser
 
-  '@commitlint/resolve-extends@21.2.0':
+  '@commitlint/resolve-extends@21.2.3':
     dependencies:
-      '@commitlint/config-validator': 21.2.0
-      '@commitlint/types': 21.2.0
-      es-toolkit: 1.47.1
+      '@commitlint/config-validator': 21.2.3
+      '@commitlint/types': 21.2.3
+      es-toolkit: 1.52.0
       global-directory: 5.0.0
       resolve-from: 5.0.0
 
-  '@commitlint/rules@21.2.0':
+  '@commitlint/rules@21.2.3':
     dependencies:
-      '@commitlint/ensure': 21.2.0
+      '@commitlint/ensure': 21.2.3
       '@commitlint/message': 21.2.0
       '@commitlint/to-lines': 21.0.1
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.2.3
 
   '@commitlint/to-lines@21.0.1': {}
 
@@ -3746,21 +3952,30 @@ snapshots:
     dependencies:
       escalade: 3.2.0
 
-  '@commitlint/types@21.2.0':
+  '@commitlint/types@21.2.3':
     dependencies:
-      conventional-commits-parser: 7.0.0
+      conventional-commits-parser: 7.1.2
       picocolors: 1.1.1
 
   '@conventional-changelog/git-client@2.7.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)':
     dependencies:
       '@simple-libs/child-process-utils': 1.0.2
       '@simple-libs/stream-utils': 1.2.0
-      semver: 7.8.4
+      semver: 7.8.5
+    optionalDependencies:
+      conventional-commits-filter: 5.0.0
+      conventional-commits-parser: 6.4.0
+
+  '@conventional-changelog/git-client@3.1.2(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)':
+    dependencies:
+      '@simple-libs/child-process-utils': 2.0.0
+      '@simple-libs/stream-utils': 2.0.0
+      semver: 7.8.5
     optionalDependencies:
       conventional-commits-filter: 5.0.0
       conventional-commits-parser: 6.4.0
 
-  '@conventional-changelog/template@1.2.0': {}
+  '@conventional-changelog/template@1.4.0': {}
 
   '@dprint/formatter@0.5.1': {}
 
@@ -3768,41 +3983,9 @@ snapshots:
 
   '@dprint/toml@0.7.0': {}
 
-  '@emnapi/core@1.10.0':
-    dependencies:
-      '@emnapi/wasi-threads': 1.2.1
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/core@1.11.0':
-    dependencies:
-      '@emnapi/wasi-threads': 1.2.2
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@1.10.0':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@1.11.0':
+  '@eslint-community/eslint-utils@4.10.1(eslint@10.11.0(jiti@2.6.1))':
     dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@1.2.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@1.2.2':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@eslint-community/eslint-utils@4.9.1(eslint@10.6.0(jiti@2.7.0))':
-    dependencies:
-      eslint: 10.6.0(jiti@2.7.0)
+      eslint: 10.11.0(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
@@ -3811,11 +3994,11 @@ snapshots:
     dependencies:
       '@eslint/object-schema': 3.0.5
       debug: 4.4.3
-      minimatch: 10.2.5
+      minimatch: 10.2.6
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.6.0':
+  '@eslint/config-helpers@0.7.0':
     dependencies:
       '@eslint/core': 1.2.1
 
@@ -3823,57 +4006,50 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/js@9.39.4': {}
+  '@eslint/js@9.39.5': {}
 
   '@eslint/object-schema@3.0.5': {}
 
-  '@eslint/plugin-kit@0.7.2':
+  '@eslint/plugin-kit@0.7.3':
     dependencies:
       '@eslint/core': 1.2.1
       levn: 0.4.1
 
-  '@exodus/schemasafe@1.3.0':
-    optional: true
-
   '@favware/cliff-jumper@6.1.0':
     dependencies:
       '@favware/colorette-spinner': 1.0.1
       '@octokit/auth-token': 6.0.0
-      '@octokit/core': 7.0.6
-      '@octokit/plugin-retry': 8.1.0(@octokit/core@7.0.6)
+      '@octokit/core': 7.0.8
+      '@octokit/plugin-retry': 8.1.1(@octokit/core@7.0.8)
       '@sapphire/result': 2.8.0
       '@sapphire/utilities': 3.18.2
       colorette: 2.0.20
       commander: 14.0.3
       conventional-recommended-bump: 11.2.0
       execa: 9.6.1
-      git-cliff: 2.13.1
-      js-yaml: 4.2.0
-      semver: 7.8.4
-      smol-toml: 1.6.1
+      git-cliff: 2.14.2
+      js-yaml: 4.3.2
+      semver: 7.8.5
+      smol-toml: 1.9.0
 
   '@favware/colorette-spinner@1.0.1':
     dependencies:
       colorette: 2.0.20
 
-  '@floating-ui/core@1.7.5':
+  '@floating-ui/core@1.8.0':
     dependencies:
-      '@floating-ui/utils': 0.2.11
+      '@floating-ui/utils': 0.2.12
 
-  '@floating-ui/dom@1.7.6':
+  '@floating-ui/dom@1.8.0':
     dependencies:
-      '@floating-ui/core': 1.7.5
-      '@floating-ui/utils': 0.2.11
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/utils': 0.2.12
 
-  '@floating-ui/utils@0.2.11': {}
+  '@floating-ui/utils@0.2.12': {}
 
-  '@hapi/hoek@9.3.0':
-    optional: true
+  '@fontsource/instrument-sans@5.3.0': {}
 
-  '@hapi/topo@5.1.0':
-    dependencies:
-      '@hapi/hoek': 9.3.0
-    optional: true
+  '@fontsource/jetbrains-mono@5.3.0': {}
 
   '@humanfs/core@0.19.2':
     dependencies:
@@ -3891,75 +4067,13 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@iconify-json/clarity@1.2.4':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/ic@1.2.4':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/icomoon-free@1.2.1':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/material-icon-theme@1.2.68':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/solar@1.2.5':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify/types@2.0.0': {}
-
-  '@iconify/utils@3.1.3':
-    dependencies:
-      '@antfu/install-pkg': 1.1.0
-      '@iconify/types': 2.0.0
-      import-meta-resolve: 4.2.0
-
-  '@inlang/paraglide-js@2.20.2(typescript@6.0.3)':
-    dependencies:
-      '@inlang/recommend-sherlock': 0.2.1
-      '@inlang/sdk': 2.10.0
-      commander: 11.1.0
-      consola: 3.4.0
-      json5: 2.2.3
-      unplugin: 2.3.11
-      urlpattern-polyfill: 10.1.0
-    optionalDependencies:
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - babel-plugin-macros
-
-  '@inlang/recommend-sherlock@0.2.1':
-    dependencies:
-      comment-json: 4.6.2
-
-  '@inlang/sdk@2.10.0':
-    dependencies:
-      '@lix-js/sdk': 0.4.10
-      '@sinclair/typebox': 0.31.28
-      kysely: 0.28.17
-      sqlite-wasm-kysely: 0.3.0(kysely@0.28.17)
-      uuid: 14.0.0
-    transitivePeerDependencies:
-      - babel-plugin-macros
-
-  '@internationalized/date@3.12.2':
+  '@internationalized/date@3.12.4':
     dependencies:
       '@swc/helpers': 0.5.23
 
-  '@isaacs/fs-minipass@4.0.1':
-    dependencies:
-      minipass: 7.1.3
-
-  '@isaacs/ttlcache@1.4.1': {}
-
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/sourcemap-codec': 1.6.0
       '@jridgewell/trace-mapping': 0.3.31
 
   '@jridgewell/remapping@2.3.5':
@@ -3969,253 +4083,130 @@ snapshots:
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  '@jridgewell/sourcemap-codec@1.6.0': {}
 
   '@jridgewell/trace-mapping@0.3.31':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/sourcemap-codec': 1.6.0
 
-  '@lix-js/sdk@0.4.10':
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
     dependencies:
-      '@lix-js/server-protocol-schema': 0.1.1
-      dedent: 1.5.1
-      human-id: 4.2.0
-      js-sha256: 0.11.1
-      kysely: 0.28.17
-      sqlite-wasm-kysely: 0.3.0(kysely@0.28.17)
-      uuid: 14.0.0
-    transitivePeerDependencies:
-      - babel-plugin-macros
+      hashery: 1.5.1
+      hookified: 1.15.1
+      keyv: 5.6.0
 
-  '@lix-js/server-protocol-schema@0.1.1': {}
+  '@keyv/serialize@1.1.1': {}
 
-  '@lucide/svelte@1.22.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))':
+  '@lucide/svelte@1.48.0(svelte@5.57.1(@typescript-eslint/types@8.70.1))':
     dependencies:
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
 
   '@nanoforge-dev/actions@2.1.5':
     dependencies:
       '@actions/core': 3.0.1
       '@actions/github': 9.1.1
       commander: 15.0.0
-      semver: 7.8.4
+      semver: 7.8.5
 
-  '@nanoforge-dev/common@1.4.0': {}
-
-  '@nanoforge-dev/ecs-lib@1.4.0':
-    dependencies:
-      '@nanoforge-dev/common': 1.4.0
-
-  '@nanoforge-dev/utils-eslint-config@1.0.2(@types/eslint@9.6.1)(eslint@10.6.0(jiti@2.7.0))(prettier@3.9.4)(typescript@6.0.3)':
+  '@nanoforge-dev/config@2.3.0(synckit@0.11.13)':
     dependencies:
-      '@eslint/js': 9.39.4
-      '@favware/cliff-jumper': 6.1.0
-      eslint-config-prettier: 10.1.8(eslint@10.6.0(jiti@2.7.0))
-      eslint-formatter-pretty: 7.1.0
-      eslint-plugin-format: 1.5.0(eslint@10.6.0(jiti@2.7.0))
-      eslint-plugin-prettier: 5.5.6(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@10.6.0(jiti@2.7.0)))(eslint@10.6.0(jiti@2.7.0))(prettier@3.9.4)
-      globals: 16.5.0
-      typescript-eslint: 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      unrun: 0.3.1(synckit@0.11.13)
+      zod: 4.6.5
     transitivePeerDependencies:
-      - '@types/eslint'
-      - eslint
-      - prettier
-      - supports-color
-      - typescript
-
-  '@nanoforge-dev/utils-prettier-config@1.0.2': {}
-
-  '@napi-rs/wasm-runtime@1.1.5(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
-    dependencies:
-      '@emnapi/core': 1.10.0
-      '@emnapi/runtime': 1.10.0
-      '@tybys/wasm-util': 0.10.2
-    optional: true
-
-  '@napi-rs/wasm-runtime@1.1.5(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)':
-    dependencies:
-      '@emnapi/core': 1.11.0
-      '@emnapi/runtime': 1.11.0
-      '@tybys/wasm-util': 0.10.2
-    optional: true
-
-  '@octokit/auth-token@6.0.0': {}
-
-  '@octokit/core@7.0.6':
-    dependencies:
-      '@octokit/auth-token': 6.0.0
-      '@octokit/graphql': 9.0.3
-      '@octokit/request': 10.0.10
-      '@octokit/request-error': 7.1.0
-      '@octokit/types': 16.0.0
-      before-after-hook: 4.0.0
-      universal-user-agent: 7.0.3
-
-  '@octokit/endpoint@11.0.3':
-    dependencies:
-      '@octokit/types': 16.0.0
-      universal-user-agent: 7.0.3
-
-  '@octokit/graphql@9.0.3':
-    dependencies:
-      '@octokit/request': 10.0.10
-      '@octokit/types': 16.0.0
-      universal-user-agent: 7.0.3
-
-  '@octokit/openapi-types@27.0.0': {}
-
-  '@octokit/plugin-paginate-rest@14.0.0(@octokit/core@7.0.6)':
-    dependencies:
-      '@octokit/core': 7.0.6
-      '@octokit/types': 16.0.0
-
-  '@octokit/plugin-rest-endpoint-methods@17.0.0(@octokit/core@7.0.6)':
-    dependencies:
-      '@octokit/core': 7.0.6
-      '@octokit/types': 16.0.0
-
-  '@octokit/plugin-retry@8.1.0(@octokit/core@7.0.6)':
-    dependencies:
-      '@octokit/core': 7.0.6
-      '@octokit/request-error': 7.1.0
-      '@octokit/types': 16.0.0
-      bottleneck: 2.19.5
-
-  '@octokit/request-error@7.1.0':
-    dependencies:
-      '@octokit/types': 16.0.0
-
-  '@octokit/request@10.0.10':
-    dependencies:
-      '@octokit/endpoint': 11.0.3
-      '@octokit/request-error': 7.1.0
-      '@octokit/types': 16.0.0
-      content-type: 2.0.0
-      json-with-bigint: 3.5.8
-      universal-user-agent: 7.0.3
-
-  '@octokit/types@16.0.0':
-    dependencies:
-      '@octokit/openapi-types': 27.0.0
-
-  '@oven/bun-darwin-aarch64@1.3.14':
-    optional: true
-
-  '@oven/bun-darwin-x64-baseline@1.3.14':
-    optional: true
-
-  '@oven/bun-darwin-x64@1.3.14':
-    optional: true
-
-  '@oven/bun-freebsd-aarch64@1.3.14':
-    optional: true
-
-  '@oven/bun-freebsd-x64@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-aarch64-android@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-aarch64-musl@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-aarch64@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-x64-android@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-x64-baseline@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-x64-musl-baseline@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-x64-musl@1.3.14':
-    optional: true
-
-  '@oven/bun-linux-x64@1.3.14':
-    optional: true
-
-  '@oven/bun-windows-aarch64@1.3.14':
-    optional: true
-
-  '@oven/bun-windows-x64-baseline@1.3.14':
-    optional: true
-
-  '@oven/bun-windows-x64@1.3.14':
-    optional: true
-
-  '@oxc-parser/binding-android-arm-eabi@0.131.0':
-    optional: true
-
-  '@oxc-parser/binding-android-arm64@0.131.0':
-    optional: true
-
-  '@oxc-parser/binding-darwin-arm64@0.131.0':
-    optional: true
-
-  '@oxc-parser/binding-darwin-x64@0.131.0':
-    optional: true
-
-  '@oxc-parser/binding-freebsd-x64@0.131.0':
-    optional: true
+      - synckit
 
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.131.0':
-    optional: true
+  '@nanoforge-dev/utils-eslint-config@1.0.2(@types/eslint@9.6.1)(eslint@10.11.0(jiti@2.6.1))(prettier@3.9.9)(typescript@6.0.3)':
+    dependencies:
+      '@eslint/js': 9.39.5
+      '@favware/cliff-jumper': 6.1.0
+      eslint-config-prettier: 10.1.8(eslint@10.11.0(jiti@2.6.1))
+      eslint-formatter-pretty: 7.1.0
+      eslint-plugin-format: 1.5.0(eslint@10.11.0(jiti@2.6.1))
+      eslint-plugin-prettier: 5.5.6(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@10.11.0(jiti@2.6.1)))(eslint@10.11.0(jiti@2.6.1))(prettier@3.9.9)
+      globals: 16.5.0
+      typescript-eslint: 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+    transitivePeerDependencies:
+      - '@types/eslint'
+      - eslint
+      - prettier
+      - supports-color
+      - typescript
 
-  '@oxc-parser/binding-linux-arm-musleabihf@0.131.0':
-    optional: true
+  '@nanoforge-dev/utils-prettier-config@1.0.2': {}
 
-  '@oxc-parser/binding-linux-arm64-gnu@0.131.0':
-    optional: true
+  '@octokit/auth-token@6.0.0': {}
 
-  '@oxc-parser/binding-linux-arm64-musl@0.131.0':
-    optional: true
+  '@octokit/core@7.0.8':
+    dependencies:
+      '@octokit/auth-token': 6.0.0
+      '@octokit/graphql': 9.0.5
+      '@octokit/request': 10.0.16
+      '@octokit/request-error': 7.1.2
+      '@octokit/types': 18.0.0
+      before-after-hook: 4.0.0
+      universal-user-agent: 7.0.3
 
-  '@oxc-parser/binding-linux-ppc64-gnu@0.131.0':
-    optional: true
+  '@octokit/endpoint@11.0.5':
+    dependencies:
+      '@octokit/types': 18.0.0
+      universal-user-agent: 7.0.3
 
-  '@oxc-parser/binding-linux-riscv64-gnu@0.131.0':
-    optional: true
+  '@octokit/graphql@9.0.5':
+    dependencies:
+      '@octokit/request': 10.0.16
+      '@octokit/types': 18.0.0
+      universal-user-agent: 7.0.3
 
-  '@oxc-parser/binding-linux-riscv64-musl@0.131.0':
-    optional: true
+  '@octokit/openapi-types@27.0.0': {}
 
-  '@oxc-parser/binding-linux-s390x-gnu@0.131.0':
-    optional: true
+  '@octokit/openapi-types@28.0.0': {}
 
-  '@oxc-parser/binding-linux-x64-gnu@0.131.0':
-    optional: true
+  '@octokit/openapi-types@29.0.1': {}
 
-  '@oxc-parser/binding-linux-x64-musl@0.131.0':
-    optional: true
+  '@octokit/plugin-paginate-rest@14.0.0(@octokit/core@7.0.8)':
+    dependencies:
+      '@octokit/core': 7.0.8
+      '@octokit/types': 16.0.0
 
-  '@oxc-parser/binding-openharmony-arm64@0.131.0':
-    optional: true
+  '@octokit/plugin-rest-endpoint-methods@17.0.0(@octokit/core@7.0.8)':
+    dependencies:
+      '@octokit/core': 7.0.8
+      '@octokit/types': 16.0.0
 
-  '@oxc-parser/binding-wasm32-wasi@0.131.0':
+  '@octokit/plugin-retry@8.1.1(@octokit/core@7.0.8)':
     dependencies:
-      '@emnapi/core': 1.10.0
-      '@emnapi/runtime': 1.10.0
-      '@napi-rs/wasm-runtime': 1.1.5(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
-    optional: true
+      '@octokit/core': 7.0.8
+      '@octokit/request-error': 7.1.2
+      '@octokit/types': 17.0.0
+      bottleneck: 2.19.5
 
-  '@oxc-parser/binding-win32-arm64-msvc@0.131.0':
-    optional: true
+  '@octokit/request-error@7.1.2':
+    dependencies:
+      '@octokit/types': 18.0.0
 
-  '@oxc-parser/binding-win32-ia32-msvc@0.131.0':
-    optional: true
+  '@octokit/request@10.0.16':
+    dependencies:
+      '@octokit/endpoint': 11.0.5
+      '@octokit/request-error': 7.1.2
+      '@octokit/types': 18.0.0
+      content-type: 3.1.1
+      json-with-bigint: 3.5.12
+      universal-user-agent: 7.0.3
 
-  '@oxc-parser/binding-win32-x64-msvc@0.131.0':
-    optional: true
+  '@octokit/types@16.0.0':
+    dependencies:
+      '@octokit/openapi-types': 27.0.0
 
-  '@oxc-project/types@0.131.0': {}
+  '@octokit/types@17.0.0':
+    dependencies:
+      '@octokit/openapi-types': 28.0.0
 
-  '@oxc-project/types@0.133.0': {}
+  '@octokit/types@18.0.0':
+    dependencies:
+      '@octokit/openapi-types': 29.0.1
 
-  '@oxc-project/types@0.135.0': {}
+  '@oxc-project/types@0.151.0': {}
 
   '@oxfmt/binding-android-arm-eabi@0.35.0':
     optional: true
@@ -4276,115 +4267,59 @@ snapshots:
 
   '@pkgr/core@0.3.6': {}
 
-  '@playwright/test@1.61.1':
+  '@playwright/test@1.63.0':
     dependencies:
-      playwright: 1.61.1
+      playwright: 1.63.0
 
   '@polka/url@1.0.0-next.29': {}
 
-  '@poppinss/macroable@1.1.2':
-    optional: true
-
-  '@quansync/fs@1.0.0':
+  '@quansync/fs@1.1.0':
     dependencies:
       quansync: 1.0.0
 
-  '@rolldown/binding-android-arm64@1.0.3':
-    optional: true
-
-  '@rolldown/binding-android-arm64@1.1.1':
-    optional: true
-
-  '@rolldown/binding-darwin-arm64@1.0.3':
-    optional: true
-
-  '@rolldown/binding-darwin-arm64@1.1.1':
-    optional: true
-
-  '@rolldown/binding-darwin-x64@1.0.3':
-    optional: true
-
-  '@rolldown/binding-darwin-x64@1.1.1':
-    optional: true
-
-  '@rolldown/binding-freebsd-x64@1.0.3':
-    optional: true
-
-  '@rolldown/binding-freebsd-x64@1.1.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.3':
-    optional: true
-
-  '@rolldown/binding-linux-arm-gnueabihf@1.1.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-gnu@1.0.3':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-gnu@1.1.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-musl@1.0.3':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-musl@1.1.1':
-    optional: true
-
-  '@rolldown/binding-linux-ppc64-gnu@1.0.3':
-    optional: true
-
-  '@rolldown/binding-linux-ppc64-gnu@1.1.1':
+  '@rolldown/binding-android-arm-eabi@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-s390x-gnu@1.0.3':
+  '@rolldown/binding-android-arm64@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-s390x-gnu@1.1.1':
+  '@rolldown/binding-darwin-arm64@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.0.3':
+  '@rolldown/binding-darwin-x64@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.1.1':
+  '@rolldown/binding-freebsd-x64@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.0.3':
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.11':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.1.1':
+  '@rolldown/binding-linux-arm64-gnu@1.2.11':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.0.3':
+  '@rolldown/binding-linux-arm64-musl@1.2.11':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.1.1':
+  '@rolldown/binding-linux-ppc64-gnu@1.2.11':
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.0.3':
-    dependencies:
-      '@emnapi/core': 1.10.0
-      '@emnapi/runtime': 1.10.0
-      '@napi-rs/wasm-runtime': 1.1.5(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+  '@rolldown/binding-linux-s390x-gnu@1.2.11':
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.1.1':
-    dependencies:
-      '@emnapi/core': 1.11.0
-      '@emnapi/runtime': 1.11.0
-      '@napi-rs/wasm-runtime': 1.1.5(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)
+  '@rolldown/binding-linux-x64-gnu@1.2.11':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.3':
+  '@rolldown/binding-linux-x64-musl@1.2.11':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.1.1':
+  '@rolldown/binding-openharmony-arm64@1.2.11':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.0.3':
+  '@rolldown/binding-win32-arm64-msvc@1.2.11':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.1.1':
+  '@rolldown/binding-win32-x64-msvc@1.2.11':
     optional: true
 
   '@rolldown/pluginutils@1.0.1': {}
@@ -4395,112 +4330,113 @@ snapshots:
 
   '@sec-ant/readable-stream@0.4.1': {}
 
-  '@sideway/address@4.1.5':
-    dependencies:
-      '@hapi/hoek': 9.3.0
-    optional: true
-
-  '@sideway/formula@3.0.1':
-    optional: true
-
-  '@sideway/pinpoint@2.0.0':
-    optional: true
-
   '@simple-libs/child-process-utils@1.0.2':
     dependencies:
       '@simple-libs/stream-utils': 1.2.0
 
+  '@simple-libs/child-process-utils@2.0.0':
+    dependencies:
+      '@simple-libs/stream-utils': 2.0.0
+
   '@simple-libs/stream-utils@1.2.0': {}
 
   '@simple-libs/stream-utils@2.0.0': {}
 
-  '@sinclair/typebox@0.31.28': {}
-
   '@sindresorhus/merge-streams@4.0.0': {}
 
-  '@sqlite.org/sqlite-wasm@3.48.0-build4': {}
-
   '@standard-schema/spec@1.1.0': {}
 
-  '@sveltejs/acorn-typescript@1.0.10(acorn@8.17.0)':
+  '@sveltejs/acorn-typescript@1.0.13(acorn@8.18.0)':
+    dependencies:
+      acorn: 8.18.0
+
+  '@sveltejs/adapter-static@3.0.10(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))':
     dependencies:
-      acorn: 8.17.0
+      '@sveltejs/kit': 2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
-  '@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))':
+  '@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))':
     dependencies:
       '@standard-schema/spec': 1.1.0
-      '@sveltejs/acorn-typescript': 1.0.10(acorn@8.17.0)
-      '@sveltejs/vite-plugin-svelte': 7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      '@sveltejs/acorn-typescript': 1.0.13(acorn@8.18.0)
+      '@sveltejs/vite-plugin-svelte': 7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
       '@types/cookie': 0.6.0
-      acorn: 8.17.0
+      acorn: 8.18.0
       cookie: 0.6.0
-      devalue: 5.8.1
+      devalue: 5.9.4
       esm-env: 1.2.2
       kleur: 4.1.5
       magic-string: 0.30.21
       mrmime: 2.0.1
-      set-cookie-parser: 3.1.0
+      set-cookie-parser: 3.1.2
       sirv: 3.0.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
+      vite: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
     optionalDependencies:
       typescript: 6.0.3
 
-  '@sveltejs/load-config@0.1.1': {}
+  '@sveltejs/load-config@0.2.3': {}
 
-  '@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))':
+  '@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))':
     dependencies:
       deepmerge: 4.3.1
-      magic-string: 0.30.21
-      obug: 2.1.3
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
-      vitefu: 1.1.3(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      magic-string: 1.4.2
+      obug: 2.2.1
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
+      vite: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
+      vitefu: 1.1.3(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
   '@swc/helpers@0.5.23':
     dependencies:
       tslib: 2.8.1
 
-  '@tanstack/query-core@5.101.2': {}
-
-  '@tanstack/svelte-query@6.1.36(svelte@5.56.3(@typescript-eslint/types@8.62.1))':
-    dependencies:
-      '@tanstack/query-core': 5.101.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  '@testing-library/svelte-core@1.1.3(svelte@5.56.3(@typescript-eslint/types@8.62.1))':
+  '@testing-library/svelte-core@1.1.3(svelte@5.57.1(@typescript-eslint/types@8.70.1))':
     dependencies:
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
 
-  '@trivago/prettier-plugin-sort-imports@6.0.2(prettier-plugin-svelte@4.1.1(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1)))(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))':
+  '@trivago/prettier-plugin-sort-imports@6.0.2(prettier-plugin-svelte@4.1.1(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1)))(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1))':
     dependencies:
-      '@babel/generator': 7.29.7
-      '@babel/parser': 7.29.7
-      '@babel/traverse': 7.29.7
-      '@babel/types': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/parser': 7.29.9
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
       javascript-natural-sort: 0.7.1
       lodash-es: 4.18.1
       minimatch: 9.0.9
       parse-imports-exports: 0.2.4
-      prettier: 3.9.4
+      prettier: 3.9.9
     optionalDependencies:
-      prettier-plugin-svelte: 4.1.1(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      prettier-plugin-svelte: 4.1.1(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@tsconfig/svelte@5.0.8': {}
-
-  '@tybys/wasm-util@0.10.2':
+  '@ts-morph/common@0.29.0':
     dependencies:
-      tslib: 2.8.1
+      minimatch: 10.2.6
+      path-browserify: 1.0.1
+      tinyglobby: 0.2.17
+
+  '@turbo/darwin-64@2.11.4':
+    optional: true
+
+  '@turbo/darwin-arm64@2.11.4':
+    optional: true
+
+  '@turbo/linux-64@2.11.4':
+    optional: true
+
+  '@turbo/linux-arm64@2.11.4':
+    optional: true
+
+  '@turbo/windows-64@2.11.4':
     optional: true
 
-  '@types/braces@3.0.5': {}
+  '@turbo/windows-arm64@2.11.4':
+    optional: true
 
-  '@types/bun@1.3.14':
+  '@types/bun@1.4.2':
     dependencies:
-      bun-types: 1.3.14
+      bun-types: 1.4.2
 
   '@types/chai@5.2.3':
     dependencies:
@@ -4522,383 +4458,272 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/micromatch@4.0.10':
-    dependencies:
-      '@types/braces': 3.0.5
-
-  '@types/node@25.9.3':
+  '@types/node@26.6.2':
     dependencies:
-      undici-types: 7.24.6
+      undici-types: 8.9.0
 
-  '@types/trusted-types@2.0.7': {}
-
-  '@types/validator@13.15.10': {}
-
-  '@typeschema/class-validator@0.3.0(@types/json-schema@7.0.15)(class-validator@0.14.4)':
-    dependencies:
-      '@typeschema/core': 0.14.0(@types/json-schema@7.0.15)
-    optionalDependencies:
-      class-validator: 0.14.4
-    transitivePeerDependencies:
-      - '@types/json-schema'
-    optional: true
+  '@types/semver@7.8.0': {}
 
-  '@typeschema/core@0.14.0(@types/json-schema@7.0.15)':
-    optionalDependencies:
-      '@types/json-schema': 7.0.15
+  '@types/trusted-types@2.0.7':
     optional: true
 
-  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3))(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/type-utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
-      eslint: 10.6.0(jiti@2.7.0)
-      ignore: 7.0.5
+      '@typescript-eslint/parser': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/type-utils': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.70.1
+      eslint: 10.11.0(jiti@2.6.1)
+      ignore: 7.0.10
       natural-compare: 1.4.0
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/parser@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.70.1
       debug: 4.4.3
-      eslint: 10.6.0(jiti@2.7.0)
+      eslint: 10.11.0(jiti@2.6.1)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/project-service@8.70.1(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/tsconfig-utils': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/types': 8.70.1
       debug: 4.4.3
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.62.1':
+  '@typescript-eslint/scope-manager@8.70.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/visitor-keys': 8.70.1
 
-  '@typescript-eslint/tsconfig-utils@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/tsconfig-utils@8.70.1(typescript@6.0.3)':
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
       debug: 4.4.3
-      eslint: 10.6.0(jiti@2.7.0)
+      eslint: 10.11.0(jiti@2.6.1)
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.62.1': {}
+  '@typescript-eslint/types@8.70.1': {}
 
-  '@typescript-eslint/typescript-estree@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/typescript-estree@8.70.1(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/project-service': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/tsconfig-utils': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/visitor-keys': 8.70.1
       debug: 4.4.3
-      minimatch: 10.2.5
-      semver: 7.8.4
+      minimatch: 10.2.6
+      semver: 7.8.5
       tinyglobby: 0.2.17
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.6.0(jiti@2.7.0))
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      eslint: 10.6.0(jiti@2.7.0)
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.11.0(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@6.0.3)
+      eslint: 10.11.0(jiti@2.6.1)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.62.1':
+  '@typescript-eslint/visitor-keys@8.70.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/types': 8.70.1
       eslint-visitor-keys: 5.0.1
 
-  '@unocss/cli@66.7.4':
-    dependencies:
-      '@jridgewell/remapping': 2.3.5
-      '@unocss/config': 66.7.4
-      '@unocss/core': 66.7.4
-      '@unocss/preset-wind3': 66.7.4
-      '@unocss/preset-wind4': 66.7.4
-      '@unocss/transformer-directives': 66.7.4
-      cac: 7.0.0
-      chokidar: 5.0.0
-      colorette: 2.0.20
-      consola: 3.4.2
-      magic-string: 0.30.21
-      pathe: 2.0.3
-      perfect-debounce: 2.1.0
-      tinyglobby: 0.2.17
-      unplugin-utils: 0.3.1
-
-  '@unocss/config@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      colorette: 2.0.20
-      consola: 3.4.2
-      unconfig: 7.5.0
-
-  '@unocss/core@0.25.1': {}
-
-  '@unocss/core@66.7.4': {}
-
-  '@unocss/extractor-arbitrary-variants@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-
-  '@unocss/extractor-svelte@66.7.4': {}
-
-  '@unocss/inspector@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-      colorette: 2.0.20
-      gzip-size: 6.0.0
-      sirv: 3.0.2
-
-  '@unocss/preset-attributify@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-
-  '@unocss/preset-icons@66.7.4':
-    dependencies:
-      '@iconify/utils': 3.1.3
-      '@unocss/core': 66.7.4
-      ofetch: 1.5.1
-
-  '@unocss/preset-mini@0.25.1':
-    dependencies:
-      '@unocss/core': 0.25.1
-
-  '@unocss/preset-mini@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/extractor-arbitrary-variants': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-
-  '@unocss/preset-tagify@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-
-  '@unocss/preset-typography@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-
-  '@unocss/preset-uno@0.25.1':
-    dependencies:
-      '@unocss/core': 0.25.1
-      '@unocss/preset-mini': 0.25.1
-      '@unocss/preset-wind': 0.25.1
-
-  '@unocss/preset-uno@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/preset-wind3': 66.7.4
-
-  '@unocss/preset-web-fonts@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      ofetch: 1.5.1
-
-  '@unocss/preset-wind3@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/preset-mini': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-
-  '@unocss/preset-wind4@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/extractor-arbitrary-variants': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-
-  '@unocss/preset-wind@0.25.1':
-    dependencies:
-      '@unocss/core': 0.25.1
-      '@unocss/preset-mini': 0.25.1
-
-  '@unocss/preset-wind@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/preset-wind3': 66.7.4
-
-  '@unocss/rule-utils@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      magic-string: 0.30.21
-
-  '@unocss/transformer-attributify-jsx@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      oxc-parser: 0.131.0
-      oxc-walker: 0.7.0(oxc-parser@0.131.0)
-
-  '@unocss/transformer-compile-class@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-
-  '@unocss/transformer-directives@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-      '@unocss/rule-utils': 66.7.4
-      css-tree: 3.2.1
-
-  '@unocss/transformer-variant-group@66.7.4':
-    dependencies:
-      '@unocss/core': 66.7.4
-
-  '@unocss/vite@66.7.4(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))':
-    dependencies:
-      '@jridgewell/remapping': 2.3.5
-      '@unocss/config': 66.7.4
-      '@unocss/core': 66.7.4
-      '@unocss/inspector': 66.7.4
-      chokidar: 5.0.0
-      magic-string: 0.30.21
-      pathe: 2.0.3
-      tinyglobby: 0.2.17
-      unplugin-utils: 0.3.1
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
-
-  '@valibot/to-json-schema@1.7.1(valibot@1.4.1(typescript@6.0.3))':
-    dependencies:
-      valibot: 1.4.1(typescript@6.0.3)
-    optional: true
-
-  '@vinejs/compiler@3.0.0':
-    optional: true
-
-  '@vinejs/vine@3.0.1':
-    dependencies:
-      '@poppinss/macroable': 1.1.2
-      '@types/validator': 13.15.10
-      '@vinejs/compiler': 3.0.0
-      camelcase: 8.0.0
-      dayjs: 1.11.21
-      dlv: 1.1.3
-      normalize-url: 8.1.1
-      validator: 13.15.35
-    optional: true
-
-  '@vitest/browser-playwright@4.1.9(playwright@1.61.1)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)':
+  '@vitest/browser-playwright@4.1.11(playwright@1.63.0)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)':
     dependencies:
-      '@vitest/browser': 4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)
-      '@vitest/mocker': 4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      playwright: 1.61.1
-      tinyrainbow: 3.1.0
-      vitest: 4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      '@vitest/browser': 4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)
+      '@vitest/mocker': 4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      playwright: 1.63.0
+      tinyrainbow: 3.1.1
+      vitest: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)':
+  '@vitest/browser@4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      '@vitest/utils': 4.1.9
+      '@vitest/mocker': 4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      '@vitest/utils': 4.1.11
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
-      tinyrainbow: 3.1.0
-      vitest: 4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      ws: 8.21.0
+      tinyrainbow: 3.1.1
+      vitest: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      ws: 8.21.3
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/coverage-v8@4.1.9(@vitest/browser@4.1.9)(vitest@4.1.9)':
+  '@vitest/coverage-v8@4.1.11(@vitest/browser@4.1.11)(vitest@4.1.11)':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
-      '@vitest/utils': 4.1.9
-      ast-v8-to-istanbul: 1.0.4
+      '@vitest/utils': 4.1.11
+      ast-v8-to-istanbul: 1.0.7
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-reports: 3.2.0
-      magicast: 0.5.3
-      obug: 2.1.3
-      std-env: 4.1.0
-      tinyrainbow: 3.1.0
-      vitest: 4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      magicast: 0.5.5
+      obug: 2.2.1
+      std-env: 4.2.0
+      tinyrainbow: 3.1.1
+      vitest: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
     optionalDependencies:
-      '@vitest/browser': 4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)
+      '@vitest/browser': 4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)
 
-  '@vitest/expect@4.1.9':
+  '@vitest/expect@4.1.11':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@vitest/spy': 4.1.9
-      '@vitest/utils': 4.1.9
+      '@vitest/spy': 4.1.11
+      '@vitest/utils': 4.1.11
       chai: 6.2.2
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
 
-  '@vitest/mocker@4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))':
     dependencies:
-      '@vitest/spy': 4.1.9
+      '@vitest/spy': 4.1.11
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
 
-  '@vitest/pretty-format@4.1.9':
+  '@vitest/pretty-format@4.1.11':
     dependencies:
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
 
-  '@vitest/runner@4.1.9':
+  '@vitest/runner@4.1.11':
     dependencies:
-      '@vitest/utils': 4.1.9
+      '@vitest/utils': 4.1.11
       pathe: 2.0.3
 
-  '@vitest/snapshot@4.1.9':
+  '@vitest/snapshot@4.1.11':
     dependencies:
-      '@vitest/pretty-format': 4.1.9
-      '@vitest/utils': 4.1.9
+      '@vitest/pretty-format': 4.1.11
+      '@vitest/utils': 4.1.11
       magic-string: 0.30.21
       pathe: 2.0.3
 
-  '@vitest/spy@4.1.9': {}
+  '@vitest/spy@4.1.11': {}
 
-  '@vitest/utils@4.1.9':
+  '@vitest/utils@4.1.11':
     dependencies:
-      '@vitest/pretty-format': 4.1.9
+      '@vitest/pretty-format': 4.1.11
       convert-source-map: 2.0.0
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
+
+  '@yuku-codegen/binding-android-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-darwin-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-darwin-x64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-freebsd-x64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm64-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-x64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-x64-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-win32-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-win32-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-android-arm64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-darwin-arm64@0.8.7':
+    optional: true
 
-  acorn-jsx@5.3.2(acorn@8.17.0):
+  '@yuku-parser/binding-darwin-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-freebsd-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm64-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-x64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-x64-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-win32-arm64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-win32-x64@0.8.7':
+    optional: true
+
+  '@yuku-toolchain/types@0.8.7': {}
+
+  acorn-jsx@5.3.2(acorn@8.18.0):
     dependencies:
-      acorn: 8.17.0
+      acorn: 8.18.0
 
-  acorn@8.17.0: {}
+  acorn@8.18.0: {}
 
   ajv@6.15.0:
     dependencies:
@@ -4910,7 +4735,7 @@ snapshots:
   ajv@8.20.0:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.1.2
+      fast-uri: 3.1.8
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
@@ -4918,31 +4743,21 @@ snapshots:
     dependencies:
       environment: 1.1.0
 
-  ansi-regex@6.2.2: {}
+  ansi-regex@6.3.0: {}
 
   ansi-styles@6.2.3: {}
 
-  argparse@2.0.1: {}
-
-  aria-query@5.3.1: {}
+  ansis@4.4.0: {}
 
-  arkregex@0.0.5:
-    dependencies:
-      '@ark/util': 0.56.0
-    optional: true
+  argparse@2.0.1: {}
 
-  arktype@2.2.0:
-    dependencies:
-      '@ark/schema': 0.56.0
-      '@ark/util': 0.56.0
-      arkregex: 0.0.5
-    optional: true
+  argue-cli@3.2.0: {}
 
-  array-timsort@1.0.3: {}
+  aria-query@5.3.1: {}
 
   assertion-error@2.0.1: {}
 
-  ast-v8-to-istanbul@1.0.4:
+  ast-v8-to-istanbul@1.0.7:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       estree-walker: 3.0.3
@@ -4956,62 +4771,44 @@ snapshots:
 
   before-after-hook@4.0.0: {}
 
-  bits-ui@2.18.1(@internationalized/date@3.12.2)(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  bits-ui@2.19.3(@internationalized/date@3.12.4)(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
-      '@floating-ui/core': 1.7.5
-      '@floating-ui/dom': 1.7.6
-      '@internationalized/date': 3.12.2
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/dom': 1.8.0
+      '@internationalized/date': 3.12.4
       esm-env: 1.2.2
-      runed: 0.35.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      svelte-toolbelt: 0.10.6(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      tabbable: 6.4.0
+      runed: 0.35.1(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
+      svelte-toolbelt: 0.10.6(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      tabbable: 6.5.0
     transitivePeerDependencies:
       - '@sveltejs/kit'
 
   bottleneck@2.19.5: {}
 
-  brace-expansion@2.1.1:
+  brace-expansion@2.1.7:
     dependencies:
       balanced-match: 1.0.2
 
-  brace-expansion@5.0.6:
+  brace-expansion@5.0.12:
     dependencies:
       balanced-match: 4.0.4
 
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
-  bun-types@1.3.14:
+  bun-types@1.4.2:
     dependencies:
-      '@types/node': 25.9.3
-
-  bun@1.3.14:
-    optionalDependencies:
-      '@oven/bun-darwin-aarch64': 1.3.14
-      '@oven/bun-darwin-x64': 1.3.14
-      '@oven/bun-darwin-x64-baseline': 1.3.14
-      '@oven/bun-freebsd-aarch64': 1.3.14
-      '@oven/bun-freebsd-x64': 1.3.14
-      '@oven/bun-linux-aarch64': 1.3.14
-      '@oven/bun-linux-aarch64-android': 1.3.14
-      '@oven/bun-linux-aarch64-musl': 1.3.14
-      '@oven/bun-linux-x64': 1.3.14
-      '@oven/bun-linux-x64-android': 1.3.14
-      '@oven/bun-linux-x64-baseline': 1.3.14
-      '@oven/bun-linux-x64-musl': 1.3.14
-      '@oven/bun-linux-x64-musl-baseline': 1.3.14
-      '@oven/bun-windows-aarch64': 1.3.14
-      '@oven/bun-windows-x64': 1.3.14
-      '@oven/bun-windows-x64-baseline': 1.3.14
+      '@types/node': 26.6.2
 
   cac@7.0.0: {}
 
-  callsites@3.1.0: {}
+  cacheable@2.5.0:
+    dependencies:
+      '@cacheable/memory': 2.2.0
+      '@cacheable/utils': 2.5.0
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.10.1
 
-  camelcase@8.0.0:
-    optional: true
+  callsites@3.1.0: {}
 
   chai@6.2.2: {}
 
@@ -5021,36 +4818,6 @@ snapshots:
     dependencies:
       readdirp: 4.1.2
 
-  chokidar@5.0.0:
-    dependencies:
-      readdirp: 5.0.0
-
-  chownr@3.0.0: {}
-
-  class-transformer@0.5.1: {}
-
-  class-validator@0.14.4:
-    dependencies:
-      '@types/validator': 13.15.10
-      libphonenumber-js: 1.13.6
-      validator: 13.15.35
-    optional: true
-
-  class-validator@0.15.1:
-    dependencies:
-      '@types/validator': 13.15.10
-      libphonenumber-js: 1.13.6
-      validator: 13.15.35
-
-  cli-cursor@5.0.0:
-    dependencies:
-      restore-cursor: 5.1.0
-
-  cli-truncate@5.2.0:
-    dependencies:
-      slice-ansi: 8.0.0
-      string-width: 8.2.1
-
   cliui@9.0.1:
     dependencies:
       string-width: 7.2.0
@@ -5059,34 +4826,23 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  colorette@2.0.20: {}
+  code-block-writer@13.0.3: {}
 
-  commander@11.1.0: {}
+  colorette@2.0.20: {}
 
   commander@14.0.3: {}
 
   commander@15.0.0: {}
 
-  comment-json@4.6.2:
-    dependencies:
-      array-timsort: 1.0.3
-      esprima: 4.0.1
-
-  confbox@0.1.8: {}
-
-  consola@3.4.0: {}
+  content-type@3.1.1: {}
 
-  consola@3.4.2: {}
-
-  content-type@2.0.0: {}
-
-  conventional-changelog-angular@9.2.0:
+  conventional-changelog-angular@9.4.0:
     dependencies:
-      '@conventional-changelog/template': 1.2.0
+      '@conventional-changelog/template': 1.4.0
 
-  conventional-changelog-conventionalcommits@10.2.0:
+  conventional-changelog-conventionalcommits@10.4.0:
     dependencies:
-      '@conventional-changelog/template': 1.2.0
+      '@conventional-changelog/template': 1.4.0
 
   conventional-changelog-preset-loader@5.0.0: {}
 
@@ -5097,10 +4853,10 @@ snapshots:
       '@simple-libs/stream-utils': 1.2.0
       meow: 13.2.0
 
-  conventional-commits-parser@7.0.0:
+  conventional-commits-parser@7.1.2:
     dependencies:
       '@simple-libs/stream-utils': 2.0.0
-      meow: 14.1.0
+      argue-cli: 3.2.0
 
   conventional-recommended-bump@11.2.0:
     dependencies:
@@ -5114,9 +4870,9 @@ snapshots:
 
   cookie@0.6.0: {}
 
-  cosmiconfig-typescript-loader@6.3.0(@types/node@25.9.3)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3):
+  cosmiconfig-typescript-loader@6.3.0(@types/node@26.6.2)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3):
     dependencies:
-      '@types/node': 25.9.3
+      '@types/node': 26.6.2
       cosmiconfig: 9.0.2(typescript@6.0.3)
       jiti: 2.6.1
       typescript: 6.0.3
@@ -5125,7 +4881,7 @@ snapshots:
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
-      js-yaml: 4.2.0
+      js-yaml: 4.3.2
       parse-json: 5.2.0
     optionalDependencies:
       typescript: 6.0.3
@@ -5136,22 +4892,12 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-tree@3.2.1:
-    dependencies:
-      mdn-data: 2.27.1
-      source-map-js: 1.2.1
-
   cssesc@3.0.0: {}
 
-  dayjs@1.11.21:
-    optional: true
-
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
-  dedent@1.5.1: {}
-
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -5160,31 +4906,20 @@ snapshots:
 
   dequal@2.0.3: {}
 
-  destr@2.0.5: {}
-
   detect-libc@2.1.2: {}
 
-  devalue@5.8.1: {}
-
-  dlv@1.1.3:
-    optional: true
+  devalue@5.9.4: {}
 
   dompurify@3.2.7:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
 
-  dotenv@17.4.2: {}
-
-  duplexer@0.1.2: {}
-
-  effect@3.21.3:
-    dependencies:
-      '@standard-schema/spec': 1.1.0
-      fast-check: 3.23.2
-    optional: true
+  dts-resolver@3.0.0: {}
 
   emoji-regex@10.6.0: {}
 
+  empathic@2.1.0: {}
+
   env-paths@2.2.1: {}
 
   environment@1.1.0: {}
@@ -5193,17 +4928,17 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-module-lexer@2.1.0: {}
+  es-module-lexer@2.3.2: {}
 
-  es-toolkit@1.47.1: {}
+  es-toolkit@1.52.0: {}
 
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@10.1.8(eslint@10.6.0(jiti@2.7.0)):
+  eslint-config-prettier@10.1.8(eslint@10.11.0(jiti@2.6.1)):
     dependencies:
-      eslint: 10.6.0(jiti@2.7.0)
+      eslint: 10.11.0(jiti@2.6.1)
 
   eslint-formatter-pretty@7.1.0:
     dependencies:
@@ -5213,54 +4948,54 @@ snapshots:
       eslint-rule-docs: 1.1.235
       log-symbols: 7.0.1
       plur: 5.1.0
-      string-width: 8.2.1
-      supports-hyperlinks: 4.4.0
+      string-width: 8.3.0
+      supports-hyperlinks: 4.5.0
 
-  eslint-formatting-reporter@0.0.0(eslint@10.6.0(jiti@2.7.0)):
+  eslint-formatting-reporter@0.0.0(eslint@10.11.0(jiti@2.6.1)):
     dependencies:
-      eslint: 10.6.0(jiti@2.7.0)
+      eslint: 10.11.0(jiti@2.6.1)
       prettier-linter-helpers: 1.0.1
 
   eslint-parser-plain@0.1.1: {}
 
-  eslint-plugin-format@1.5.0(eslint@10.6.0(jiti@2.7.0)):
+  eslint-plugin-format@1.5.0(eslint@10.11.0(jiti@2.6.1)):
     dependencies:
       '@dprint/formatter': 0.5.1
       '@dprint/markdown': 0.21.1
       '@dprint/toml': 0.7.0
-      eslint: 10.6.0(jiti@2.7.0)
-      eslint-formatting-reporter: 0.0.0(eslint@10.6.0(jiti@2.7.0))
+      eslint: 10.11.0(jiti@2.6.1)
+      eslint-formatting-reporter: 0.0.0(eslint@10.11.0(jiti@2.6.1))
       eslint-parser-plain: 0.1.1
-      ohash: 2.0.11
+      ohash: 2.0.12
       oxfmt: 0.35.0
-      prettier: 3.9.4
+      prettier: 3.9.9
       synckit: 0.11.13
 
-  eslint-plugin-prettier@5.5.6(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@10.6.0(jiti@2.7.0)))(eslint@10.6.0(jiti@2.7.0))(prettier@3.9.4):
+  eslint-plugin-prettier@5.5.6(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@10.11.0(jiti@2.6.1)))(eslint@10.11.0(jiti@2.6.1))(prettier@3.9.9):
     dependencies:
-      eslint: 10.6.0(jiti@2.7.0)
-      prettier: 3.9.4
+      eslint: 10.11.0(jiti@2.6.1)
+      prettier: 3.9.9
       prettier-linter-helpers: 1.0.1
       synckit: 0.11.13
     optionalDependencies:
       '@types/eslint': 9.6.1
-      eslint-config-prettier: 10.1.8(eslint@10.6.0(jiti@2.7.0))
+      eslint-config-prettier: 10.1.8(eslint@10.11.0(jiti@2.6.1))
 
-  eslint-plugin-svelte@3.20.0(eslint@10.6.0(jiti@2.7.0))(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  eslint-plugin-svelte@3.23.0(eslint@10.11.0(jiti@2.6.1))(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.6.0(jiti@2.7.0))
-      '@jridgewell/sourcemap-codec': 1.5.5
-      eslint: 10.6.0(jiti@2.7.0)
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.11.0(jiti@2.6.1))
+      '@jridgewell/sourcemap-codec': 1.6.0
+      eslint: 10.11.0(jiti@2.6.1)
       esutils: 2.0.3
       globals: 16.5.0
       known-css-properties: 0.37.0
-      postcss: 8.5.15
-      postcss-load-config: 3.1.4(postcss@8.5.15)
-      postcss-safe-parser: 7.0.1(postcss@8.5.15)
-      semver: 7.8.4
-      svelte-eslint-parser: 1.8.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
+      postcss: 8.5.28
+      postcss-load-config: 3.1.4(postcss@8.5.28)
+      postcss-safe-parser: 7.1.0(postcss@8.5.28)
+      semver: 7.8.5
+      svelte-eslint-parser: 1.8.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))
     optionalDependencies:
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
     transitivePeerDependencies:
       - ts-node
 
@@ -5284,14 +5019,14 @@ snapshots:
 
   eslint-visitor-keys@5.0.1: {}
 
-  eslint@10.6.0(jiti@2.7.0):
+  eslint@10.11.0(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.6.0(jiti@2.7.0))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.11.0(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
       '@eslint/config-array': 0.23.5
-      '@eslint/config-helpers': 0.6.0
+      '@eslint/config-helpers': 0.7.0
       '@eslint/core': 1.2.1
-      '@eslint/plugin-kit': 0.7.2
+      '@eslint/plugin-kit': 0.7.3
       '@humanfs/node': 0.16.8
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
@@ -5306,18 +5041,18 @@ snapshots:
       esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 8.0.0
+      file-entry-cache: 11.1.5
       find-up: 5.0.0
       glob-parent: 6.0.2
       ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       json-stable-stringify-without-jsonify: 1.0.1
-      minimatch: 10.2.5
+      minimatch: 10.2.6
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
-      jiti: 2.7.0
+      jiti: 2.6.1
     transitivePeerDependencies:
       - supports-color
 
@@ -5325,27 +5060,25 @@ snapshots:
 
   espree@10.4.0:
     dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
       eslint-visitor-keys: 4.2.1
 
   espree@11.2.0:
     dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
       eslint-visitor-keys: 5.0.1
 
-  esprima@4.0.1: {}
-
   esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
 
-  esrap@2.2.11(@typescript-eslint/types@8.62.1):
+  esrap@2.3.12(@typescript-eslint/types@8.70.1):
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/sourcemap-codec': 1.6.0
     optionalDependencies:
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/types': 8.70.1
 
   esrecurse@4.3.0:
     dependencies:
@@ -5359,8 +5092,6 @@ snapshots:
 
   esutils@2.0.3: {}
 
-  eventemitter3@5.0.4: {}
-
   execa@9.6.1:
     dependencies:
       '@sindresorhus/merge-streams': 4.0.0
@@ -5371,17 +5102,12 @@ snapshots:
       is-plain-obj: 4.1.0
       is-stream: 4.0.1
       npm-run-path: 6.0.0
-      pretty-ms: 9.3.0
+      pretty-ms: 9.3.1
       signal-exit: 4.1.0
       strip-final-newline: 4.0.0
-      yoctocolors: 2.1.2
+      yoctocolors: 2.2.0
 
-  expect-type@1.3.0: {}
-
-  fast-check@3.23.2:
-    dependencies:
-      pure-rand: 6.1.0
-    optional: true
+  expect-type@1.4.0: {}
 
   fast-deep-equal@3.1.3: {}
 
@@ -5391,93 +5117,79 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-uri@3.1.2: {}
+  fast-uri@3.1.8: {}
 
-  fdir@6.5.0(picomatch@4.0.4):
+  fdir@6.5.0(picomatch@4.0.7):
     optionalDependencies:
-      picomatch: 4.0.4
+      picomatch: 4.0.7
+
+  fflate@0.8.3: {}
 
   figures@6.1.0:
     dependencies:
       is-unicode-supported: 2.1.0
 
-  file-entry-cache@8.0.0:
+  file-entry-cache@11.1.5:
     dependencies:
-      flat-cache: 4.0.1
-
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
+      flat-cache: 6.1.23
 
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  flat-cache@4.0.1:
-    dependencies:
-      flatted: 3.4.2
-      keyv: 4.5.4
-
-  flatted@3.4.2: {}
-
-  formsnap@2.0.1(svelte@5.56.3(@typescript-eslint/types@8.62.1))(sveltekit-superforms@2.30.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)):
+  flat-cache@6.1.23:
     dependencies:
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      svelte-toolbelt: 0.5.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      sveltekit-superforms: 2.30.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)
+      cacheable: 2.5.0
+      flatted: 3.4.4
+      hookified: 1.15.1
 
-  fsevents@2.3.2:
-    optional: true
+  flatted@3.4.4: {}
 
   fsevents@2.3.3:
     optional: true
 
   get-caller-file@2.0.5: {}
 
-  get-east-asian-width@1.6.0: {}
+  get-east-asian-width@1.7.0: {}
 
   get-stream@9.0.1:
     dependencies:
       '@sec-ant/readable-stream': 0.4.1
       is-stream: 4.0.1
 
-  git-cliff-darwin-arm64@2.13.1:
+  get-tsconfig@5.0.0-beta.5:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  git-cliff-darwin-arm64@2.14.2:
     optional: true
 
-  git-cliff-darwin-x64@2.13.1:
+  git-cliff-darwin-x64@2.14.2:
     optional: true
 
-  git-cliff-linux-arm64@2.13.1:
+  git-cliff-linux-arm64@2.14.2:
     optional: true
 
-  git-cliff-linux-x64@2.13.1:
+  git-cliff-linux-x64@2.14.2:
     optional: true
 
-  git-cliff-windows-arm64@2.13.1:
+  git-cliff-windows-arm64@2.14.2:
     optional: true
 
-  git-cliff-windows-x64@2.13.1:
+  git-cliff-windows-x64@2.14.2:
     optional: true
 
-  git-cliff@2.13.1:
+  git-cliff@2.14.2:
     dependencies:
       execa: 9.6.1
     optionalDependencies:
-      git-cliff-darwin-arm64: 2.13.1
-      git-cliff-darwin-x64: 2.13.1
-      git-cliff-linux-arm64: 2.13.1
-      git-cliff-linux-x64: 2.13.1
-      git-cliff-windows-arm64: 2.13.1
-      git-cliff-windows-x64: 2.13.1
-
-  git-raw-commits@5.0.1(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0):
-    dependencies:
-      '@conventional-changelog/git-client': 2.7.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.4.0)
-      meow: 13.2.0
-    transitivePeerDependencies:
-      - conventional-commits-filter
-      - conventional-commits-parser
+      git-cliff-darwin-arm64: 2.14.2
+      git-cliff-darwin-x64: 2.14.2
+      git-cliff-linux-arm64: 2.14.2
+      git-cliff-linux-x64: 2.14.2
+      git-cliff-windows-arm64: 2.14.2
+      git-cliff-windows-x64: 2.14.2
 
   glob-parent@6.0.2:
     dependencies:
@@ -5489,19 +5201,23 @@ snapshots:
 
   globals@16.5.0: {}
 
-  globals@17.7.0: {}
-
-  gzip-size@6.0.0:
-    dependencies:
-      duplexer: 0.1.2
+  globals@17.12.0: {}
 
   has-flag@4.0.0: {}
 
   has-flag@5.0.1: {}
 
-  html-escaper@2.0.2: {}
+  hashery@1.5.1:
+    dependencies:
+      hookified: 1.15.1
+
+  hookable@6.1.2: {}
 
-  human-id@4.2.0: {}
+  hookified@1.15.1: {}
+
+  hookified@2.2.0: {}
+
+  html-escaper@2.0.2: {}
 
   human-signals@8.0.1: {}
 
@@ -5509,19 +5225,14 @@ snapshots:
 
   ignore@5.3.2: {}
 
-  ignore@7.0.5: {}
-
-  import-fresh@3.3.0:
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
+  ignore@7.0.10: {}
 
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-meta-resolve@4.2.0: {}
+  import-without-cache@0.4.1: {}
 
   imurmurhash@0.1.4: {}
 
@@ -5535,16 +5246,10 @@ snapshots:
 
   is-extglob@2.1.1: {}
 
-  is-fullwidth-code-point@5.1.0:
-    dependencies:
-      get-east-asian-width: 1.6.0
-
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
-  is-number@7.0.0: {}
-
   is-plain-obj@4.1.0: {}
 
   is-reference@3.0.3:
@@ -5574,135 +5279,99 @@ snapshots:
 
   jiti@2.6.1: {}
 
-  jiti@2.7.0: {}
-
-  joi@17.13.4:
-    dependencies:
-      '@hapi/hoek': 9.3.0
-      '@hapi/topo': 5.1.0
-      '@sideway/address': 4.1.5
-      '@sideway/formula': 3.0.1
-      '@sideway/pinpoint': 2.0.0
-    optional: true
-
-  js-sha256@0.11.1: {}
-
   js-tokens@10.0.0: {}
 
   js-tokens@4.0.0: {}
 
-  js-yaml@4.2.0:
+  js-yaml@4.3.2:
     dependencies:
       argparse: 2.0.1
 
   jsesc@3.1.0: {}
 
-  json-buffer@3.0.1: {}
-
   json-parse-even-better-errors@2.3.1: {}
 
-  json-schema-to-ts@3.1.1:
-    dependencies:
-      '@babel/runtime': 7.29.7
-      ts-algebra: 2.0.0
-    optional: true
-
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json-with-bigint@3.5.8: {}
-
-  json5@2.2.3: {}
+  json-with-bigint@3.5.12: {}
 
-  keyv@4.5.4:
+  keyv@5.6.0:
     dependencies:
-      json-buffer: 3.0.1
+      '@keyv/serialize': 1.1.1
 
   kleur@4.1.5: {}
 
   known-css-properties@0.37.0: {}
 
-  kysely@0.28.17: {}
-
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  libphonenumber-js@1.13.6: {}
-
-  lightningcss-android-arm64@1.32.0:
+  lightningcss-android-arm64@1.33.0:
     optional: true
 
-  lightningcss-darwin-arm64@1.32.0:
+  lightningcss-darwin-arm64@1.33.0:
     optional: true
 
-  lightningcss-darwin-x64@1.32.0:
+  lightningcss-darwin-x64@1.33.0:
     optional: true
 
-  lightningcss-freebsd-x64@1.32.0:
+  lightningcss-freebsd-x64@1.33.0:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.32.0:
+  lightningcss-linux-arm-gnueabihf@1.33.0:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.32.0:
+  lightningcss-linux-arm64-gnu@1.33.0:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.32.0:
+  lightningcss-linux-arm64-musl@1.33.0:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.32.0:
+  lightningcss-linux-x64-gnu@1.33.0:
     optional: true
 
-  lightningcss-linux-x64-musl@1.32.0:
+  lightningcss-linux-x64-musl@1.33.0:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.32.0:
+  lightningcss-win32-arm64-msvc@1.33.0:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.32.0:
+  lightningcss-win32-x64-msvc@1.33.0:
     optional: true
 
-  lightningcss@1.32.0:
+  lightningcss@1.33.0:
     dependencies:
       detect-libc: 2.1.2
     optionalDependencies:
-      lightningcss-android-arm64: 1.32.0
-      lightningcss-darwin-arm64: 1.32.0
-      lightningcss-darwin-x64: 1.32.0
-      lightningcss-freebsd-x64: 1.32.0
-      lightningcss-linux-arm-gnueabihf: 1.32.0
-      lightningcss-linux-arm64-gnu: 1.32.0
-      lightningcss-linux-arm64-musl: 1.32.0
-      lightningcss-linux-x64-gnu: 1.32.0
-      lightningcss-linux-x64-musl: 1.32.0
-      lightningcss-win32-arm64-msvc: 1.32.0
-      lightningcss-win32-x64-msvc: 1.32.0
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
 
   lilconfig@2.1.0: {}
 
   lines-and-columns@1.2.4: {}
 
-  lint-staged@17.0.8:
+  lint-staged@17.5.1:
     dependencies:
-      listr2: 10.2.1
-      picomatch: 4.0.4
+      picomatch: 4.0.7
       string-argv: 0.3.2
-      tinyexec: 1.2.4
+      tinyexec: 1.3.1
     optionalDependencies:
-      yaml: 2.9.0
-
-  listr2@10.2.1:
-    dependencies:
-      cli-truncate: 5.2.0
-      eventemitter3: 5.0.4
-      log-update: 6.1.0
-      rfdc: 1.4.1
-      wrap-ansi: 10.0.0
+      yaml: 2.9.1
 
   locate-character@3.0.0: {}
 
@@ -5715,85 +5384,39 @@ snapshots:
   log-symbols@7.0.1:
     dependencies:
       is-unicode-supported: 2.1.0
-      yoctocolors: 2.1.2
-
-  log-update@6.1.0:
-    dependencies:
-      ansi-escapes: 7.3.0
-      cli-cursor: 5.0.0
-      slice-ansi: 7.1.2
-      strip-ansi: 7.2.0
-      wrap-ansi: 9.0.2
+      yoctocolors: 2.2.0
 
   lz-string@1.5.0: {}
 
-  magic-regexp@0.10.0:
+  magic-string@0.30.21:
     dependencies:
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-      mlly: 1.8.2
-      regexp-tree: 0.1.27
-      type-level-regexp: 0.1.17
-      ufo: 1.6.4
-      unplugin: 2.3.11
+      '@jridgewell/sourcemap-codec': 1.6.0
 
-  magic-string@0.30.21:
+  magic-string@1.4.2:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/sourcemap-codec': 1.6.0
 
-  magicast@0.5.3:
+  magicast@0.5.5:
     dependencies:
-      '@babel/parser': 7.29.7
-      '@babel/types': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
       source-map-js: 1.2.1
 
   make-dir@4.0.0:
     dependencies:
-      semver: 7.8.4
+      semver: 7.8.5
 
   marked@14.0.0: {}
 
-  mdn-data@2.27.1: {}
-
-  memoize-weak@1.0.2: {}
-
   meow@13.2.0: {}
 
-  meow@14.1.0: {}
-
-  micromatch@4.0.8:
+  minimatch@10.2.6:
     dependencies:
-      braces: 3.0.3
-      picomatch: 2.3.2
-
-  mimic-function@5.0.1: {}
-
-  minimatch@10.2.5:
-    dependencies:
-      brace-expansion: 5.0.6
+      brace-expansion: 5.0.12
 
   minimatch@9.0.9:
     dependencies:
-      brace-expansion: 2.1.1
-
-  minipass@7.1.3: {}
-
-  minizlib@3.1.0:
-    dependencies:
-      minipass: 7.1.3
-
-  mlly@1.8.2:
-    dependencies:
-      acorn: 8.17.0
-      pathe: 2.0.3
-      pkg-types: 1.3.1
-      ufo: 1.6.4
-
-  mode-watcher@1.1.0(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      runed: 0.25.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      svelte-toolbelt: 0.7.1(svelte@5.56.3(@typescript-eslint/types@8.62.1))
+      brace-expansion: 2.1.7
 
   monaco-editor@0.55.1:
     dependencies:
@@ -5806,33 +5429,18 @@ snapshots:
 
   ms@2.1.3: {}
 
-  nanoid@3.3.12: {}
+  nanoid@3.3.19: {}
 
   natural-compare@1.4.0: {}
 
-  node-fetch-native@1.6.7: {}
-
-  normalize-url@8.1.1:
-    optional: true
-
   npm-run-path@6.0.0:
     dependencies:
       path-key: 4.0.0
       unicorn-magic: 0.3.0
 
-  obug@2.1.3: {}
-
-  ofetch@1.5.1:
-    dependencies:
-      destr: 2.0.5
-      node-fetch-native: 1.6.7
-      ufo: 1.6.4
-
-  ohash@2.0.11: {}
+  obug@2.2.1: {}
 
-  onetime@7.0.0:
-    dependencies:
-      mimic-function: 5.0.1
+  ohash@2.0.12: {}
 
   optionator@0.9.4:
     dependencies:
@@ -5843,36 +5451,6 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
-  oxc-parser@0.131.0:
-    dependencies:
-      '@oxc-project/types': 0.131.0
-    optionalDependencies:
-      '@oxc-parser/binding-android-arm-eabi': 0.131.0
-      '@oxc-parser/binding-android-arm64': 0.131.0
-      '@oxc-parser/binding-darwin-arm64': 0.131.0
-      '@oxc-parser/binding-darwin-x64': 0.131.0
-      '@oxc-parser/binding-freebsd-x64': 0.131.0
-      '@oxc-parser/binding-linux-arm-gnueabihf': 0.131.0
-      '@oxc-parser/binding-linux-arm-musleabihf': 0.131.0
-      '@oxc-parser/binding-linux-arm64-gnu': 0.131.0
-      '@oxc-parser/binding-linux-arm64-musl': 0.131.0
-      '@oxc-parser/binding-linux-ppc64-gnu': 0.131.0
-      '@oxc-parser/binding-linux-riscv64-gnu': 0.131.0
-      '@oxc-parser/binding-linux-riscv64-musl': 0.131.0
-      '@oxc-parser/binding-linux-s390x-gnu': 0.131.0
-      '@oxc-parser/binding-linux-x64-gnu': 0.131.0
-      '@oxc-parser/binding-linux-x64-musl': 0.131.0
-      '@oxc-parser/binding-openharmony-arm64': 0.131.0
-      '@oxc-parser/binding-wasm32-wasi': 0.131.0
-      '@oxc-parser/binding-win32-arm64-msvc': 0.131.0
-      '@oxc-parser/binding-win32-ia32-msvc': 0.131.0
-      '@oxc-parser/binding-win32-x64-msvc': 0.131.0
-
-  oxc-walker@0.7.0(oxc-parser@0.131.0):
-    dependencies:
-      magic-regexp: 0.10.0
-      oxc-parser: 0.131.0
-
   oxfmt@0.35.0:
     dependencies:
       tinypool: 2.1.0
@@ -5905,8 +5483,6 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
-  package-manager-detector@1.6.0: {}
-
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -5926,6 +5502,8 @@ snapshots:
 
   parse-statements@1.0.11: {}
 
+  path-browserify@1.0.1: {}
+
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
@@ -5934,27 +5512,15 @@ snapshots:
 
   pathe@2.0.3: {}
 
-  perfect-debounce@2.1.0: {}
-
   picocolors@1.1.1: {}
 
-  picomatch@2.3.2: {}
+  picomatch@4.0.7: {}
 
-  picomatch@4.0.4: {}
+  playwright-core@1.63.0: {}
 
-  pkg-types@1.3.1:
+  playwright@1.63.0:
     dependencies:
-      confbox: 0.1.8
-      mlly: 1.8.2
-      pathe: 2.0.3
-
-  playwright-core@1.61.1: {}
-
-  playwright@1.61.1:
-    dependencies:
-      playwright-core: 1.61.1
-    optionalDependencies:
-      fsevents: 2.3.2
+      playwright-core: 1.63.0
 
   plur@5.1.0:
     dependencies:
@@ -5962,29 +5528,29 @@ snapshots:
 
   pngjs@7.0.0: {}
 
-  postcss-load-config@3.1.4(postcss@8.5.15):
+  postcss-load-config@3.1.4(postcss@8.5.28):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.3
     optionalDependencies:
-      postcss: 8.5.15
+      postcss: 8.5.28
 
-  postcss-safe-parser@7.0.1(postcss@8.5.15):
+  postcss-safe-parser@7.1.0(postcss@8.5.28):
     dependencies:
-      postcss: 8.5.15
+      postcss: 8.5.28
 
-  postcss-scss@4.0.9(postcss@8.5.15):
+  postcss-scss@4.0.9(postcss@8.5.28):
     dependencies:
-      postcss: 8.5.15
+      postcss: 8.5.28
 
-  postcss-selector-parser@7.1.4:
+  postcss-selector-parser@7.1.6:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.5.15:
+  postcss@8.5.28:
     dependencies:
-      nanoid: 3.3.12
+      nanoid: 3.3.19
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
@@ -5994,121 +5560,86 @@ snapshots:
     dependencies:
       fast-diff: 1.3.0
 
-  prettier-plugin-svelte@4.1.1(prettier@3.9.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  prettier-plugin-svelte@4.1.1(prettier@3.9.9)(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
-      prettier: 3.9.4
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  prettier@2.5.1: {}
+      prettier: 3.9.9
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
 
-  prettier@3.9.4: {}
+  prettier@3.9.9: {}
 
-  pretty-ms@9.3.0:
+  pretty-ms@9.3.1:
     dependencies:
       parse-ms: 4.0.0
 
-  property-expr@2.0.6:
-    optional: true
-
   punycode@2.3.1: {}
 
-  pure-rand@6.1.0:
-    optional: true
+  qified@0.10.1:
+    dependencies:
+      hookified: 2.2.0
 
   quansync@1.0.0: {}
 
   readdirp@4.1.2: {}
 
-  readdirp@5.0.0: {}
-
-  regexp-tree@0.1.27: {}
-
   require-from-string@2.0.2: {}
 
   resolve-from@4.0.0: {}
 
   resolve-from@5.0.0: {}
 
-  restore-cursor@5.1.0:
-    dependencies:
-      onetime: 7.0.0
-      signal-exit: 4.1.0
+  resolve-pkg-maps@1.0.0: {}
 
-  rfdc@1.4.1: {}
-
-  rolldown@1.0.3:
+  rolldown-plugin-dts@0.27.14(rolldown@1.2.11)(typescript@6.0.3):
     dependencies:
-      '@oxc-project/types': 0.133.0
-      '@rolldown/pluginutils': 1.0.1
+      dts-resolver: 3.0.0
+      get-tsconfig: 5.0.0-beta.5
+      obug: 2.2.1
+      rolldown: 1.2.11
+      yuku-ast: 0.8.7
+      yuku-codegen: 0.8.7
+      yuku-parser: 0.8.7
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.0.3
-      '@rolldown/binding-darwin-arm64': 1.0.3
-      '@rolldown/binding-darwin-x64': 1.0.3
-      '@rolldown/binding-freebsd-x64': 1.0.3
-      '@rolldown/binding-linux-arm-gnueabihf': 1.0.3
-      '@rolldown/binding-linux-arm64-gnu': 1.0.3
-      '@rolldown/binding-linux-arm64-musl': 1.0.3
-      '@rolldown/binding-linux-ppc64-gnu': 1.0.3
-      '@rolldown/binding-linux-s390x-gnu': 1.0.3
-      '@rolldown/binding-linux-x64-gnu': 1.0.3
-      '@rolldown/binding-linux-x64-musl': 1.0.3
-      '@rolldown/binding-openharmony-arm64': 1.0.3
-      '@rolldown/binding-wasm32-wasi': 1.0.3
-      '@rolldown/binding-win32-arm64-msvc': 1.0.3
-      '@rolldown/binding-win32-x64-msvc': 1.0.3
-
-  rolldown@1.1.1:
-    dependencies:
-      '@oxc-project/types': 0.135.0
-      '@rolldown/pluginutils': 1.0.1
-    optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.1.1
-      '@rolldown/binding-darwin-arm64': 1.1.1
-      '@rolldown/binding-darwin-x64': 1.1.1
-      '@rolldown/binding-freebsd-x64': 1.1.1
-      '@rolldown/binding-linux-arm-gnueabihf': 1.1.1
-      '@rolldown/binding-linux-arm64-gnu': 1.1.1
-      '@rolldown/binding-linux-arm64-musl': 1.1.1
-      '@rolldown/binding-linux-ppc64-gnu': 1.1.1
-      '@rolldown/binding-linux-s390x-gnu': 1.1.1
-      '@rolldown/binding-linux-x64-gnu': 1.1.1
-      '@rolldown/binding-linux-x64-musl': 1.1.1
-      '@rolldown/binding-openharmony-arm64': 1.1.1
-      '@rolldown/binding-wasm32-wasi': 1.1.1
-      '@rolldown/binding-win32-arm64-msvc': 1.1.1
-      '@rolldown/binding-win32-x64-msvc': 1.1.1
-
-  runed@0.23.4(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      esm-env: 1.2.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  runed@0.25.0(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      esm-env: 1.2.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - oxc-resolver
 
-  runed@0.28.0(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  rolldown@1.2.11:
     dependencies:
-      esm-env: 1.2.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  runed@0.35.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+      '@oxc-project/types': 0.151.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.11
+      '@rolldown/binding-android-arm64': 1.2.11
+      '@rolldown/binding-darwin-arm64': 1.2.11
+      '@rolldown/binding-darwin-x64': 1.2.11
+      '@rolldown/binding-freebsd-x64': 1.2.11
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.11
+      '@rolldown/binding-linux-arm64-gnu': 1.2.11
+      '@rolldown/binding-linux-arm64-musl': 1.2.11
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.11
+      '@rolldown/binding-linux-s390x-gnu': 1.2.11
+      '@rolldown/binding-linux-x64-gnu': 1.2.11
+      '@rolldown/binding-linux-x64-musl': 1.2.11
+      '@rolldown/binding-openharmony-arm64': 1.2.11
+      '@rolldown/binding-win32-arm64-msvc': 1.2.11
+      '@rolldown/binding-win32-x64-msvc': 1.2.11
+
+  runed@0.35.1(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
       dequal: 2.0.3
       esm-env: 1.2.2
       lz-string: 1.5.0
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
     optionalDependencies:
-      '@sveltejs/kit': 2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      '@sveltejs/kit': 2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
 
-  semver@7.8.4: {}
+  semver@7.8.5: {}
 
-  set-cookie-parser@3.1.0: {}
+  set-cookie-parser@3.1.2: {}
 
   shebang-command@2.0.0:
     dependencies:
@@ -6126,45 +5657,30 @@ snapshots:
       mrmime: 2.0.1
       totalist: 3.0.1
 
-  slice-ansi@7.1.2:
-    dependencies:
-      ansi-styles: 6.2.3
-      is-fullwidth-code-point: 5.1.0
-
-  slice-ansi@8.0.0:
-    dependencies:
-      ansi-styles: 6.2.3
-      is-fullwidth-code-point: 5.1.0
-
-  smol-toml@1.6.1: {}
+  smol-toml@1.9.0: {}
 
   source-map-js@1.2.1: {}
 
-  sqlite-wasm-kysely@0.3.0(kysely@0.28.17):
-    dependencies:
-      '@sqlite.org/sqlite-wasm': 3.48.0-build4
-      kysely: 0.28.17
-
   stackback@0.0.2: {}
 
-  std-env@4.1.0: {}
+  std-env@4.2.0: {}
 
   string-argv@0.3.2: {}
 
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
-      get-east-asian-width: 1.6.0
+      get-east-asian-width: 1.7.0
       strip-ansi: 7.2.0
 
-  string-width@8.2.1:
+  string-width@8.3.0:
     dependencies:
-      get-east-asian-width: 1.6.0
+      get-east-asian-width: 1.7.0
       strip-ansi: 7.2.0
 
   strip-ansi@7.2.0:
     dependencies:
-      ansi-regex: 6.2.2
+      ansi-regex: 6.3.0
 
   strip-final-newline@4.0.0: {}
 
@@ -6172,348 +5688,238 @@ snapshots:
     dependencies:
       inline-style-parser: 0.2.7
 
-  superstruct@2.0.2:
-    optional: true
-
   supports-color@10.2.2: {}
 
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
-  supports-hyperlinks@4.4.0:
+  supports-hyperlinks@4.5.0:
     dependencies:
       has-flag: 5.0.1
       supports-color: 10.2.2
 
-  svelte-adapter-bun@1.0.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(typescript@6.0.3):
-    dependencies:
-      '@sveltejs/kit': 2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      rolldown: 1.1.1
-      typescript: 6.0.3
-
-  svelte-check@4.6.0(picomatch@4.0.4)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3):
+  svelte-check@4.7.6(picomatch@4.0.7)(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
-      '@sveltejs/load-config': 0.1.1
+      '@sveltejs/load-config': 0.2.3
       chokidar: 4.0.3
-      fdir: 6.5.0(picomatch@4.0.4)
+      fdir: 6.5.0(picomatch@4.0.7)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
       typescript: 6.0.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-eslint-parser@1.8.0(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  svelte-eslint-parser@1.8.1(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      postcss: 8.5.15
-      postcss-scss: 4.0.9(postcss@8.5.15)
-      postcss-selector-parser: 7.1.4
-      semver: 7.8.4
+      postcss: 8.5.28
+      postcss-scss: 4.0.9(postcss@8.5.28)
+      postcss-selector-parser: 7.1.6
+      semver: 7.8.5
     optionalDependencies:
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  svelte-kit-sessions@0.4.0(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      '@isaacs/ttlcache': 1.4.1
-      '@sveltejs/kit': 2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
 
-  svelte-sonner@1.1.1(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      runed: 0.28.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  svelte-toolbelt@0.10.6(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
+  svelte-toolbelt@0.10.6(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1)):
     dependencies:
       clsx: 2.1.1
-      runed: 0.35.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))
+      runed: 0.35.1(@sveltejs/kit@2.70.3(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))(typescript@6.0.3)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)))(svelte@5.57.1(@typescript-eslint/types@8.70.1))
       style-to-object: 1.0.14
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
     transitivePeerDependencies:
       - '@sveltejs/kit'
 
-  svelte-toolbelt@0.5.0(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      clsx: 2.1.1
-      style-to-object: 1.0.14
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  svelte-toolbelt@0.7.1(svelte@5.56.3(@typescript-eslint/types@8.62.1)):
-    dependencies:
-      clsx: 2.1.1
-      runed: 0.23.4(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      style-to-object: 1.0.14
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-
-  svelte@5.56.3(@typescript-eslint/types@8.62.1):
+  svelte@5.57.1(@typescript-eslint/types@8.70.1):
     dependencies:
       '@jridgewell/remapping': 2.3.5
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@sveltejs/acorn-typescript': 1.0.10(acorn@8.17.0)
+      '@jridgewell/sourcemap-codec': 1.6.0
+      '@sveltejs/acorn-typescript': 1.0.13(acorn@8.18.0)
       '@types/estree': 1.0.9
-      '@types/trusted-types': 2.0.7
-      acorn: 8.17.0
+      acorn: 8.18.0
       aria-query: 5.3.1
       axobject-query: 4.1.0
       clsx: 2.1.1
-      devalue: 5.8.1
+      devalue: 5.9.4
       esm-env: 1.2.2
-      esrap: 2.2.11(@typescript-eslint/types@8.62.1)
+      esrap: 2.3.12(@typescript-eslint/types@8.70.1)
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.21
-      zimmerframe: 1.1.4
+      zimmerframe: 1.1.5
     transitivePeerDependencies:
       - '@typescript-eslint/types'
 
-  sveltekit-superforms@2.30.1(@sveltejs/kit@2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(@types/json-schema@7.0.15)(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3):
-    dependencies:
-      '@sveltejs/kit': 2.65.0(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)))(svelte@5.56.3(@typescript-eslint/types@8.62.1))(typescript@6.0.3)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      devalue: 5.8.1
-      memoize-weak: 1.0.2
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      ts-deepmerge: 7.0.3
-    optionalDependencies:
-      '@exodus/schemasafe': 1.3.0
-      '@standard-schema/spec': 1.1.0
-      '@typeschema/class-validator': 0.3.0(@types/json-schema@7.0.15)(class-validator@0.14.4)
-      '@valibot/to-json-schema': 1.7.1(valibot@1.4.1(typescript@6.0.3))
-      '@vinejs/vine': 3.0.1
-      arktype: 2.2.0
-      class-validator: 0.14.4
-      effect: 3.21.3
-      joi: 17.13.4
-      json-schema-to-ts: 3.1.1
-      superstruct: 2.0.2
-      typebox: 1.2.8
-      valibot: 1.4.1(typescript@6.0.3)
-      yup: 1.7.1
-      zod: 4.4.3
-      zod-v3-to-json-schema: 4.0.0(zod@4.4.3)
-    transitivePeerDependencies:
-      - '@types/json-schema'
-      - typescript
-
   synckit@0.11.13:
     dependencies:
       '@pkgr/core': 0.3.6
 
-  tabbable@6.4.0: {}
-
-  tailwind-merge@3.6.0: {}
-
-  tailwind-variants@3.2.2(tailwind-merge@3.6.0)(tailwindcss@4.3.2):
-    dependencies:
-      tailwindcss: 4.3.2
-    optionalDependencies:
-      tailwind-merge: 3.6.0
-
-  tailwindcss@4.3.2: {}
-
-  tar@7.5.19:
-    dependencies:
-      '@isaacs/fs-minipass': 4.0.1
-      chownr: 3.0.0
-      minipass: 7.1.3
-      minizlib: 3.1.0
-      yallist: 5.0.0
-
-  tiny-case@1.0.3:
-    optional: true
+  tabbable@6.5.0: {}
 
   tinybench@2.9.0: {}
 
-  tinyexec@1.2.4: {}
+  tinyexec@1.3.1: {}
 
   tinyglobby@0.2.17:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.4)
-      picomatch: 4.0.4
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
 
   tinypool@2.1.0: {}
 
-  tinyrainbow@3.1.0: {}
-
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
-  toposort@2.0.2:
-    optional: true
+  tinyrainbow@3.1.1: {}
 
   totalist@3.0.1: {}
 
-  ts-algebra@2.0.0:
-    optional: true
+  tree-kill@1.2.2: {}
 
   ts-api-utils@2.5.0(typescript@6.0.3):
     dependencies:
       typescript: 6.0.3
 
-  ts-deepmerge@7.0.3: {}
+  ts-morph@28.0.0:
+    dependencies:
+      '@ts-morph/common': 0.29.0
+      code-block-writer: 13.0.3
+
+  tsdown@0.22.14(typescript@6.0.3)(unrun@0.3.1(synckit@0.11.13)):
+    dependencies:
+      ansis: 4.4.0
+      cac: 7.0.0
+      defu: 6.1.7
+      empathic: 2.1.0
+      hookable: 6.1.2
+      import-without-cache: 0.4.1
+      obug: 2.2.1
+      picomatch: 4.0.7
+      rolldown: 1.2.11
+      rolldown-plugin-dts: 0.27.14(rolldown@1.2.11)(typescript@6.0.3)
+      tinyexec: 1.3.1
+      tinyglobby: 0.2.17
+      tree-kill: 1.2.2
+      unconfig-core: 7.5.0
+      verkit: 0.3.2
+    optionalDependencies:
+      typescript: 6.0.3
+      unrun: 0.3.1(synckit@0.11.13)
+    transitivePeerDependencies:
+      - '@typescript/native-preview'
+      - '@volar/typescript'
+      - oxc-resolver
+      - vue-tsc
 
   tslib@2.8.1: {}
 
   tunnel@0.0.6: {}
 
+  turbo@2.11.4:
+    optionalDependencies:
+      '@turbo/darwin-64': 2.11.4
+      '@turbo/darwin-arm64': 2.11.4
+      '@turbo/linux-64': 2.11.4
+      '@turbo/linux-arm64': 2.11.4
+      '@turbo/windows-64': 2.11.4
+      '@turbo/windows-arm64': 2.11.4
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-fest@2.19.0:
-    optional: true
-
-  type-level-regexp@0.1.17: {}
-
-  typebox@1.2.8:
-    optional: true
-
-  typescript-eslint@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3):
+  typescript-eslint@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.6.0(jiti@2.7.0))(typescript@6.0.3)
-      eslint: 10.6.0(jiti@2.7.0)
+      '@typescript-eslint/eslint-plugin': 8.70.1(@typescript-eslint/parser@8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3))(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@10.11.0(jiti@2.6.1))(typescript@6.0.3)
+      eslint: 10.11.0(jiti@2.6.1)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
   typescript@6.0.3: {}
 
-  ufo@1.6.4: {}
-
   unconfig-core@7.5.0:
     dependencies:
-      '@quansync/fs': 1.0.0
-      quansync: 1.0.0
-
-  unconfig@7.5.0:
-    dependencies:
-      '@quansync/fs': 1.0.0
-      defu: 6.1.7
-      jiti: 2.7.0
+      '@quansync/fs': 1.1.0
       quansync: 1.0.0
-      unconfig-core: 7.5.0
 
-  undici-types@7.24.6: {}
+  undici-types@8.9.0: {}
 
-  undici@6.26.0: {}
+  undici@6.28.1: {}
 
   unicorn-magic@0.3.0: {}
 
   universal-user-agent@7.0.3: {}
 
-  unocss@66.7.4(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)):
-    dependencies:
-      '@unocss/cli': 66.7.4
-      '@unocss/core': 66.7.4
-      '@unocss/preset-attributify': 66.7.4
-      '@unocss/preset-icons': 66.7.4
-      '@unocss/preset-mini': 66.7.4
-      '@unocss/preset-tagify': 66.7.4
-      '@unocss/preset-typography': 66.7.4
-      '@unocss/preset-uno': 66.7.4
-      '@unocss/preset-web-fonts': 66.7.4
-      '@unocss/preset-wind': 66.7.4
-      '@unocss/preset-wind3': 66.7.4
-      '@unocss/preset-wind4': 66.7.4
-      '@unocss/transformer-attributify-jsx': 66.7.4
-      '@unocss/transformer-compile-class': 66.7.4
-      '@unocss/transformer-directives': 66.7.4
-      '@unocss/transformer-variant-group': 66.7.4
-      '@unocss/vite': 66.7.4(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-    transitivePeerDependencies:
-      - vite
-
-  unplugin-utils@0.3.1:
-    dependencies:
-      pathe: 2.0.3
-      picomatch: 4.0.4
-
-  unplugin@2.3.11:
+  unrun@0.3.1(synckit@0.11.13):
     dependencies:
-      '@jridgewell/remapping': 2.3.5
-      acorn: 8.17.0
-      picomatch: 4.0.4
-      webpack-virtual-modules: 0.6.2
+      rolldown: 1.2.11
+    optionalDependencies:
+      synckit: 0.11.13
 
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
-  urlpattern-polyfill@10.1.0: {}
-
   util-deprecate@1.0.2: {}
 
-  uuid@14.0.0: {}
-
-  valibot@1.4.1(typescript@6.0.3):
-    optionalDependencies:
-      typescript: 6.0.3
-    optional: true
-
-  validator@13.15.35: {}
+  verkit@0.3.2: {}
 
-  vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0):
+  vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1):
     dependencies:
-      lightningcss: 1.32.0
-      picomatch: 4.0.4
-      postcss: 8.5.15
-      rolldown: 1.0.3
+      lightningcss: 1.33.0
+      picomatch: 4.0.7
+      postcss: 8.5.28
+      rolldown: 1.2.11
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 25.9.3
+      '@types/node': 26.6.2
       fsevents: 2.3.3
-      jiti: 2.7.0
-      yaml: 2.9.0
+      jiti: 2.6.1
+      yaml: 2.9.1
 
-  vitefu@1.1.3(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)):
+  vitefu@1.1.3(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)):
     optionalDependencies:
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
 
-  vitest-browser-svelte@2.2.0(svelte@5.56.3(@typescript-eslint/types@8.62.1))(vitest@4.1.9):
+  vitest-browser-svelte@2.2.1(svelte@5.57.1(@typescript-eslint/types@8.70.1))(vitest@4.1.11):
     dependencies:
-      '@testing-library/svelte-core': 1.1.3(svelte@5.56.3(@typescript-eslint/types@8.62.1))
-      svelte: 5.56.3(@typescript-eslint/types@8.62.1)
-      vitest: 4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
+      '@testing-library/svelte-core': 1.1.3(svelte@5.57.1(@typescript-eslint/types@8.70.1))
+      svelte: 5.57.1(@typescript-eslint/types@8.70.1)
+      vitest: 4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
 
-  vitest@4.1.9(@types/node@25.9.3)(@vitest/browser-playwright@4.1.9)(@vitest/coverage-v8@4.1.9)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)):
+  vitest@4.1.11(@types/node@26.6.2)(@vitest/browser-playwright@4.1.11)(@vitest/coverage-v8@4.1.11)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)):
     dependencies:
-      '@vitest/expect': 4.1.9
-      '@vitest/mocker': 4.1.9(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))
-      '@vitest/pretty-format': 4.1.9
-      '@vitest/runner': 4.1.9
-      '@vitest/snapshot': 4.1.9
-      '@vitest/spy': 4.1.9
-      '@vitest/utils': 4.1.9
-      es-module-lexer: 2.1.0
-      expect-type: 1.3.0
+      '@vitest/expect': 4.1.11
+      '@vitest/mocker': 4.1.11(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))
+      '@vitest/pretty-format': 4.1.11
+      '@vitest/runner': 4.1.11
+      '@vitest/snapshot': 4.1.11
+      '@vitest/spy': 4.1.11
+      '@vitest/utils': 4.1.11
+      es-module-lexer: 2.3.2
+      expect-type: 1.4.0
       magic-string: 0.30.21
-      obug: 2.1.3
+      obug: 2.2.1
       pathe: 2.0.3
-      picomatch: 4.0.4
-      std-env: 4.1.0
+      picomatch: 4.0.7
+      std-env: 4.2.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.1
       tinyglobby: 0.2.17
-      tinyrainbow: 3.1.0
-      vite: 8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0)
+      tinyrainbow: 3.1.1
+      vite: 8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 25.9.3
-      '@vitest/browser-playwright': 4.1.9(playwright@1.61.1)(vite@8.0.16(@types/node@25.9.3)(jiti@2.7.0)(yaml@2.9.0))(vitest@4.1.9)
-      '@vitest/coverage-v8': 4.1.9(@vitest/browser@4.1.9)(vitest@4.1.9)
+      '@types/node': 26.6.2
+      '@vitest/browser-playwright': 4.1.11(playwright@1.63.0)(vite@8.3.1(@types/node@26.6.2)(jiti@2.6.1)(yaml@2.9.1))(vitest@4.1.11)
+      '@vitest/coverage-v8': 4.1.11(@vitest/browser@4.1.11)(vitest@4.1.11)
     transitivePeerDependencies:
       - msw
 
-  webpack-virtual-modules@0.6.2: {}
-
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -6525,57 +5931,74 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  wrap-ansi@10.0.0:
-    dependencies:
-      ansi-styles: 6.2.3
-      string-width: 8.2.1
-      strip-ansi: 7.2.0
-
   wrap-ansi@9.0.2:
     dependencies:
       ansi-styles: 6.2.3
       string-width: 7.2.0
       strip-ansi: 7.2.0
 
-  ws@8.21.0: {}
+  ws@8.21.3: {}
 
   y18n@5.0.8: {}
 
-  yallist@5.0.0: {}
-
   yaml@1.10.3: {}
 
-  yaml@2.9.0:
-    optional: true
+  yaml@2.9.1: {}
 
   yargs-parser@22.0.0: {}
 
-  yargs@18.0.0:
+  yargs@18.2.0:
     dependencies:
       cliui: 9.0.1
       escalade: 3.2.0
       get-caller-file: 2.0.5
-      string-width: 7.2.0
+      string-width: 8.3.0
       y18n: 5.0.8
       yargs-parser: 22.0.0
 
   yocto-queue@0.1.0: {}
 
-  yoctocolors@2.1.2: {}
+  yoctocolors@2.2.0: {}
 
-  yup@1.7.1:
+  yuku-ast@0.8.7:
     dependencies:
-      property-expr: 2.0.6
-      tiny-case: 1.0.3
-      toposort: 2.0.2
-      type-fest: 2.19.0
-    optional: true
-
-  zimmerframe@1.1.4: {}
+      '@yuku-toolchain/types': 0.8.7
 
-  zod-v3-to-json-schema@4.0.0(zod@4.4.3):
+  yuku-codegen@0.8.7:
     dependencies:
-      zod: 4.4.3
-    optional: true
-
-  zod@4.4.3: {}
+      '@yuku-toolchain/types': 0.8.7
+    optionalDependencies:
+      '@yuku-codegen/binding-android-arm64': 0.8.7
+      '@yuku-codegen/binding-darwin-arm64': 0.8.7
+      '@yuku-codegen/binding-darwin-x64': 0.8.7
+      '@yuku-codegen/binding-freebsd-x64': 0.8.7
+      '@yuku-codegen/binding-linux-arm-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-arm-musl': 0.8.7
+      '@yuku-codegen/binding-linux-arm64-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-arm64-musl': 0.8.7
+      '@yuku-codegen/binding-linux-x64-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-x64-musl': 0.8.7
+      '@yuku-codegen/binding-win32-arm64': 0.8.7
+      '@yuku-codegen/binding-win32-x64': 0.8.7
+
+  yuku-parser@0.8.7:
+    dependencies:
+      '@yuku-toolchain/types': 0.8.7
+      yuku-ast: 0.8.7
+    optionalDependencies:
+      '@yuku-parser/binding-android-arm64': 0.8.7
+      '@yuku-parser/binding-darwin-arm64': 0.8.7
+      '@yuku-parser/binding-darwin-x64': 0.8.7
+      '@yuku-parser/binding-freebsd-x64': 0.8.7
+      '@yuku-parser/binding-linux-arm-gnu': 0.8.7
+      '@yuku-parser/binding-linux-arm-musl': 0.8.7
+      '@yuku-parser/binding-linux-arm64-gnu': 0.8.7
+      '@yuku-parser/binding-linux-arm64-musl': 0.8.7
+      '@yuku-parser/binding-linux-x64-gnu': 0.8.7
+      '@yuku-parser/binding-linux-x64-musl': 0.8.7
+      '@yuku-parser/binding-win32-arm64': 0.8.7
+      '@yuku-parser/binding-win32-x64': 0.8.7
+
+  zimmerframe@1.1.5: {}
+
+  zod@4.6.5: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 0cd6228b..b9a857c2 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,11 +1,19 @@
+packages:
+  - apps/*
+  - packages/*
+  - plugins/*
+  - tooling/*
+
 allowBuilds:
   bun: true
+  esbuild: true
 
 catalogs:
   build:
-    '@tsconfig/svelte': ^5.0.8
-    'svelte-adapter-bun': ^1.0.1
+    tsdown: ^0.22.14
+    turbo: ^2.10.12
     typescript: ^6.0.3
+    unrun: ^0.3.0
   ci:
     '@commitlint/cli': ^21.2.0
     '@commitlint/config-conventional': ^21.2.0
@@ -14,53 +22,30 @@ catalogs:
     husky: ^9.1.7
     lint-staged: ^17.0.8
   components:
-    bits-ui: ^2.18.1
+    '@lucide/svelte': ^1.48.0
+    '@fontsource/instrument-sans': ^5.3.0
+    '@fontsource/jetbrains-mono': ^5.3.0
+    bits-ui: ^2.19.3
+    paneforge: ^1.0.2
     monaco-editor: ^0.55.1
-    svelte-sonner: ^1.1.1
+  config:
+    '@nanoforge-dev/config': ^2.3.0
   core:
-    '@nanoforge-dev/ecs-lib': ^1.4.0
-    '@sveltejs/adapter-auto': ^7.0.1
     '@sveltejs/kit': ^2.65.0
     '@sveltejs/vite-plugin-svelte': ^7.1.2
     '@types/bun': ^1.3.14
-    bun: ^1.3.14
+    '@types/node': ^26.4.0
     svelte: ^5.56.3
     svelte-check: ^4.6.0
-    svelte-kit-sessions: ^0.4.0
     vite: ^8.0.16
-  css:
-    '@alexanderniebuhr/prettier-plugin-unocss': ^0.0.4
-    '@unocss/extractor-svelte': ^66.7.4
-    '@unocss/preset-icons': ^66.7.4
-    '@unocss/preset-web-fonts': ^66.7.4
-    '@unocss/preset-wind4': ^66.7.4
-    clsx: ^2.1.1
-    tailwind-merge: ^3.6.0
-    tailwind-variants: ^3.2.2
-    tailwindcss: ^4.3.2
-    unocss: ^66.7.4
-  i18n:
-    '@inlang/paraglide-js': ^2.20.2
-  icons:
-    '@iconify-json/clarity': ^1.2.4
-    '@iconify-json/ic': ^1.2.4
-    '@iconify-json/icomoon-free': ^1.2.1
-    '@iconify-json/material-icon-theme': ^1.2.68
-    '@iconify-json/solar': ^1.2.5
-    '@lucide/svelte': ^1.22.0
-  libs-back:
-    class-transformer: ^0.5.1
-    class-validator: ^0.15.1
-    dotenv: ^17.4.2
-    micromatch: ^4.0.8
-    tar: ^7.5.19
-  libs-front:
-    '@internationalized/date': ^3.12.2
-    '@tanstack/svelte-query': ^6.1.36
-    formsnap: ^2.0.1
-    mode-watcher: ^1.1.0
-    svelte-sonner: ^1.1.1
-    sveltekit-superforms: ^2.30.1
+  adapter:
+    '@sveltejs/adapter-static': ^3.0.10
+  libs:
+    '@jridgewell/trace-mapping': ^0.3.31
+    fflate: ^0.8.2
+    ignore: ^7.0.5
+    semver: ^7.7.3
+    '@types/semver': ^7.7.1
     zod: ^4.4.3
   lint:
     '@nanoforge-dev/utils-eslint-config': ^1.0.2
@@ -72,10 +57,18 @@ catalogs:
     prettier: ^3.9.4
     prettier-plugin-svelte: ^4.1.1
     typescript-eslint: ^8.62.1
+  code:
+    ts-morph: ^28.0.0
+  tooling:
+    es-module-lexer: ^2.0.0
+  server:
+    chokidar: ^4.0.3
+    prettier: ^3.9.4
+    yaml: ^2.9.1
   test:
     '@playwright/test': ^1.61.1
     '@vitest/browser-playwright': ^4.1.9
     '@vitest/coverage-v8': ^4.1.9
-    playwright: ^1.61.1
+    playwright: ^1.63.0
     vitest: ^4.1.9
     vitest-browser-svelte: ^2.2.0
diff --git a/prettier.config.js b/prettier.config.js
index e2ca49d7..362b4ed4 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -4,14 +4,6 @@ export default {
   ...prettierConfig,
   plugins: ['@trivago/prettier-plugin-sort-imports', 'prettier-plugin-svelte'],
   overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
-  importOrder: [
-    '^.app/(.*)$',
-    '^.env/(.*)$',
-    '^.lib/(.*)$',
-    '^@utils/(.*)$',
-    '^@utils-client/(.*)$',
-    '^@utils-server/(.*)$',
-    '^[./]',
-  ],
+  importOrder: ['^@nanoforge-dev/(.*)$', '^\\$app/(.*)$', '^\\$lib/(.*)$', '^[./]'],
   singleQuote: true,
 };
diff --git a/project.inlang/settings.json b/project.inlang/settings.json
deleted file mode 100644
index f135c202..00000000
--- a/project.inlang/settings.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "$schema": "https://inlang.com/schema/project-settings",
-  "modules": [
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
-  ],
-  "plugin.inlang.messageFormat": {
-    "pathPattern": "./messages/{locale}.json"
-  },
-  "baseLocale": "en",
-  "locales": ["en", "fr"]
-}
diff --git a/scripts/engine-bridge.mjs b/scripts/engine-bridge.mjs
new file mode 100644
index 00000000..d7af004a
--- /dev/null
+++ b/scripts/engine-bridge.mjs
@@ -0,0 +1,88 @@
+import {
+  existsSync,
+  lstatSync,
+  mkdirSync,
+  readFileSync,
+  readdirSync,
+  realpathSync,
+  rmSync,
+  symlinkSync,
+  writeFileSync,
+} from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+
+/**
+ * The engine checkout the scripts link games to: `NANOFORGE_ENGINE`, or `engine` next to the
+ * editor repository (`root`).
+ */
+export const engineRoot = (root) =>
+  resolve(process.env.NANOFORGE_ENGINE ?? join(root, '../engine'));
+
+const speaks = (file) =>
+  existsSync(file) && readFileSync(file, 'utf8').includes('EDITOR_PROTOCOL_VERSION');
+
+/**
+ * How an engine checkout speaks the editor bridge:
+ * - `library`: engine 2.0 and later. The bridge is `@nanoforge-dev/editor-lib`
+ *   (`modules/editor`), and a game registers its `EditorLibrary`;
+ * - `core`: earlier bridge branches, where core handled it for every game;
+ * - `undefined`: no bridge (or the engine is not built).
+ */
+export const bridgeOf = (engine) => {
+  if (speaks(join(engine, 'modules/editor/dist/index.js'))) return 'library';
+  if (speaks(join(engine, 'packages/common/dist/index.js'))) return 'core';
+  return undefined;
+};
+
+/** Links `@nanoforge-dev/editor-lib` of the engine into the `node_modules` of a game's app. */
+export const linkEditorLibrary = (engine, app) => {
+  const link = join(app, 'node_modules/@nanoforge-dev/editor-lib');
+  mkdirSync(dirname(link), { recursive: true });
+  rmSync(link, { recursive: true, force: true });
+  symlinkSync(join(engine, 'modules/editor'), link);
+};
+
+/**
+ * Registers `EditorLibrary` in a game's `main.ts`, after its last `app.use(...)`. A game that
+ * already has it is left as it is.
+ */
+export const useEditorLibrary = (main) => {
+  const text = readFileSync(main, 'utf8');
+  if (text.includes('EditorLibrary')) return;
+  const uses = [...text.matchAll(/^([ \t]*)app\.use\(.*\);[ \t]*$/gm)];
+  const last = uses.at(-1);
+  if (!last) throw new Error(`${main} registers no library: cannot add the editor library`);
+  const end = last.index + last[0].length;
+  writeFileSync(
+    main,
+    `import { EditorLibrary } from "@nanoforge-dev/editor-lib";\n${text.slice(0, end)}\n${last[1]}app.use(new EditorLibrary());${text.slice(end)}`,
+  );
+};
+
+/**
+ * Gives a game folder the `node_modules` of a folder of the engine's examples: a copy made of
+ * links (scopes and `.bin` are real folders of links), so the game resolves the engine's builds.
+ */
+export const linkNodeModules = (from, to) => {
+  rmSync(to, { recursive: true, force: true });
+  const copy = (dir, target) => {
+    mkdirSync(target, { recursive: true });
+    for (const entry of readdirSync(dir, { withFileTypes: true })) {
+      if (entry.name === '.vite' || entry.name === '.unrun') continue;
+      const path = join(dir, entry.name);
+      if (lstatSync(path).isDirectory()) copy(path, join(target, entry.name));
+      else symlinkSync(realpathSync(path), join(target, entry.name));
+    }
+  };
+  copy(from, to);
+};
+
+/** Links engine modules (`modules/<name>`) into the `node_modules` of a game's app. */
+export const linkEngineModules = (engine, app, modules) => {
+  for (const module of modules) {
+    const target = join(app, 'node_modules/@nanoforge-dev', module);
+    mkdirSync(dirname(target), { recursive: true });
+    rmSync(target, { recursive: true, force: true });
+    symlinkSync(join(engine, 'modules', module), target);
+  }
+};
diff --git a/scripts/example.mjs b/scripts/example.mjs
new file mode 100644
index 00000000..79f37b59
--- /dev/null
+++ b/scripts/example.mjs
@@ -0,0 +1,86 @@
+import { spawn } from 'node:child_process';
+import { existsSync, rmSync, symlinkSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+
+import {
+  bridgeOf,
+  engineRoot,
+  linkEditorLibrary,
+  linkEngineModules,
+  linkNodeModules,
+} from './engine-bridge.mjs';
+
+const root = resolve(import.meta.dirname, '..');
+const examples = join(root, 'examples');
+/**
+ * The examples. Their `node_modules` are those of the engine's pong example (`apps`: the folders
+ * linked), plus engine modules it does not use (`modules`, folders of the engine's `modules`).
+ */
+const GAMES = {
+  breakout: { apps: ['apps/client'], modules: ['scene'] },
+};
+const name = process.argv[2] ?? 'breakout';
+const fail = (message) => {
+  console.error(`\n${message}\n`);
+  process.exit(1);
+};
+const options = GAMES[name];
+if (!options) fail(`No example "${name}". Examples: ${Object.keys(GAMES).join(', ')}.`);
+const game = join(examples, name);
+if (!existsSync(join(game, 'nanoforge.config.ts')))
+  fail(`The example "${name}" is missing: ${game} has no nanoforge.config.ts.`);
+const engine = engineRoot(root);
+const source = join(engine, 'example/pong-network');
+const port = process.env.PORT ?? '4800';
+
+const common = join(engine, 'packages/common/dist/index.js');
+const bridge = bridgeOf(engine);
+if (!existsSync(join(source, 'node_modules/.bin/nf')) || !existsSync(common))
+  fail(
+    `No built engine at ${engine}.\nSet NANOFORGE_ENGINE to an engine checkout, and run "pnpm install" and "pnpm build" in it.`,
+  );
+if (bridge !== 'library')
+  fail(
+    `The engine at ${engine} has no built editor library (modules/editor), which the example game imports.\nUse an engine 2.0 or later, and run "pnpm build" in it.`,
+  );
+for (const module of options.modules) {
+  if (!existsSync(join(engine, 'modules', module, 'dist/index.js')))
+    fail(
+      `The engine at ${engine} has no built modules/${module}, which the ${name} example imports.\nUse an engine with it (engine main has it), and run "pnpm build" in it.`,
+    );
+}
+const server = join(root, 'apps/editor/dist/index.js');
+if (!existsSync(server))
+  fail('The editor is not built. Run: pnpm turbo build --filter=@nanoforge-dev/editor...');
+
+for (const folder of ['', ...options.apps])
+  linkNodeModules(join(source, folder, 'node_modules'), join(game, folder, 'node_modules'));
+for (const folder of options.apps) {
+  linkEditorLibrary(engine, join(game, folder));
+  linkEngineModules(engine, join(game, folder), options.modules);
+}
+
+const hoisted = join(examples, 'node_modules');
+rmSync(hoisted, { recursive: true, force: true });
+symlinkSync(join(engine, 'node_modules'), hoisted);
+
+const cli = process.env.NANOFORGE_CLI && resolve(process.env.NANOFORGE_CLI);
+if (cli && existsSync(join(cli, 'dist/command.loader.js'))) {
+  const local = join(game, 'node_modules/@nanoforge-dev/cli');
+  rmSync(local, { recursive: true, force: true });
+  symlinkSync(cli, local);
+}
+
+const url = `http://127.0.0.1:${port}/load?path=${name}`;
+console.log(`\nExample project: ${game}\nEngine: ${engine}\n\nOpen ${url}\n`);
+const child = spawn('bun', [server], {
+  stdio: 'inherit',
+  env: {
+    ...process.env,
+    PORT: port,
+    FS_ROOT: examples,
+    DATA_DIR: join(examples, '.data'),
+  },
+});
+child.on('exit', (code) => process.exit(code ?? 0));
+for (const signal of ['SIGINT', 'SIGTERM']) process.on(signal, () => child.kill(signal));
diff --git a/src/app.css b/src/app.css
deleted file mode 100644
index 99d7ca42..00000000
--- a/src/app.css
+++ /dev/null
@@ -1,123 +0,0 @@
-@layer base {
-  /* disable chrome cancel button */
-  input[type='search']::-webkit-search-cancel-button {
-    display: none;
-  }
-}
-
-/* White theme */
-/*:root {*/
-/*  --background: 0.9851 0 0;*/
-/*  --foreground: 0.2046 0 0;*/
-
-/*  --border: 0.9288 0.0126 255.51;*/
-/*  --input: 0.9683 0.0069 247.9;*/
-/*  --ring: 0.4493 0.1953 294.69;*/
-
-/*  --card: 1 0 0;*/
-/*  --card-foreground: 0.2046 0 0;*/
-
-/*  --popover: 1 0 0;*/
-/*  --popover-foreground: 0.2046 0 0;*/
-
-/*  --primary: 0.4493 0.1953 294.69;*/
-/*  --primary-foreground: 0.9842 0.0034 247.86;*/
-
-/*  --secondary: 0.9683 0.0069 247.9;*/
-/*  --secondary-foreground: 0.2077 0.0398 265.75;*/
-
-/*  --muted: 0.9683 0.0069 247.9;*/
-/*  --muted-foreground: 0.5544 0.0407 257.42;*/
-
-/*  --accent: 0.4493 0.1953 294.69;*/
-/*  --accent-foreground: 0.9842 0.0034 247.86;*/
-
-/*  --destructive: 0.6368 0.2078 25.33;*/
-/*  --destructive-foreground: 0.9842 0.0034 247.86;*/
-/*}*/
-
-/* Dark theme */
-/*.dark {*/
-:root {
-  --background: 0.115 0 89.876;
-  --foreground: 0.9461 0 0;
-
-  --border: 0.2256 0 0;
-  --input: 0.244 0 89.876;
-  --ring: 0.4493 0.1953 294.69;
-
-  --card: 0.1683 0 0;
-  --card-foreground: 0.9461 0 0;
-
-  --popover: 0.115 0 89.876;
-  --popover-foreground: 0.9461 0 0;
-
-  --primary: 0.4493 0.1953 294.69;
-  --primary-foreground: 0.9461 0 0;
-
-  --secondary: 0.244 0 89.876;
-  --secondary-foreground: 0.9461 0 0;
-
-  --muted: 0.205 0 89.876;
-  --muted-foreground: 0.7107 0.0351 256.79;
-
-  --accent: 0.4493 0.1953 294.69;
-  --accent-foreground: 0.9461 0 0;
-
-  --success: 0.4546 0.1348 141.88;
-  --success-foreground: 0.9461 0 0;
-
-  --destructive: 0.551 0.222 28.915;
-  --destructive-foreground: 0.9461 0 0;
-}
-
-body {
-  background: oklch(var(--background));
-  color: oklch(var(--foreground));
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-
-  line-height: 1.5;
-  font-weight: 400;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-html {
-  scrollbar-color: #52525b #18181b;
-  scrollbar-width: thin;
-}
-
-html::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-html::-webkit-scrollbar-track {
-  background: #18181b;
-}
-
-html::-webkit-scrollbar-thumb {
-  background: #52525b;
-  border-radius: 9999px;
-}
-
-@keyframes enter {
-  from {
-    opacity: var(--un-enter-opacity, 1);
-    transform: translate3d(var(--un-enter-translate-x, 0), var(--un-enter-translate-y, 0), 0)
-      scale3d(var(--un-enter-scale, 1), var(--un-enter-scale, 1), var(--un-enter-scale, 1))
-      rotate(var(--un-enter-rotate, 0));
-  }
-}
-
-@keyframes exit {
-  to {
-    opacity: var(--un-exit-opacity, 1);
-    transform: translate3d(var(--un-exit-translate-x, 0), var(--un-exit-translate-y, 0), 0)
-      scale3d(var(--un-exit-scale, 1), var(--un-exit-scale, 1), var(--un-exit-scale, 1))
-      rotate(var(--un-exit-rotate, 0));
-  }
-}
diff --git a/src/app.d.ts b/src/app.d.ts
deleted file mode 100644
index 85e7cdf9..00000000
--- a/src/app.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
-    // interface Platform {}
-  }
-}
-
-declare module 'svelte-kit-sessions' {
-  interface SessionData {
-    id: string;
-  }
-}
-
-export {};
diff --git a/src/demo.spec.ts b/src/demo.spec.ts
deleted file mode 100644
index e2efa47c..00000000
--- a/src/demo.spec.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { expect, it } from 'vitest';
-
-it('expect 1 + 2 = 3', async () => {
-  expect(1 + 2).equal(3);
-});
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
deleted file mode 100644
index 310fe4f5..00000000
--- a/src/hooks.server.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-import { sequence } from '@sveltejs/kit/hooks';
-
-import { paraglideMiddleware } from '$lib/paraglide/server';
-import { checkAuthorizationHandle, sessionHandle } from '$lib/server/session';
-
-const handleParaglide: Handle = ({ event, resolve }) =>
-  paraglideMiddleware(event.request, ({ request, locale }) => {
-    event.request = request;
-
-    return resolve(event, {
-      transformPageChunk: ({ html }) => html.replace('%paraglide.lang%', locale),
-    });
-  });
-
-export const handle: Handle = sequence(sessionHandle, handleParaglide, checkAuthorizationHandle);
diff --git a/src/hooks.ts b/src/hooks.ts
deleted file mode 100644
index e75600b3..00000000
--- a/src/hooks.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { deLocalizeUrl } from '$lib/paraglide/runtime';
-
-export const reroute = (request) => deLocalizeUrl(request.url).pathname;
diff --git a/src/lib/assets/Tools/play.png b/src/lib/assets/Tools/play.png
deleted file mode 100644
index 6df69353..00000000
Binary files a/src/lib/assets/Tools/play.png and /dev/null differ
diff --git a/src/lib/assets/defaultProjectCover.png b/src/lib/assets/defaultProjectCover.png
deleted file mode 100644
index 96e772fc..00000000
Binary files a/src/lib/assets/defaultProjectCover.png and /dev/null differ
diff --git a/src/lib/assets/logo.png b/src/lib/assets/logo.png
deleted file mode 100644
index 3aac5522..00000000
Binary files a/src/lib/assets/logo.png and /dev/null differ
diff --git a/src/lib/client/action/base.repository.ts b/src/lib/client/action/base.repository.ts
deleted file mode 100644
index 2cea8a84..00000000
--- a/src/lib/client/action/base.repository.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { deserialize } from '$app/forms';
-
-import { Exception } from '@utils/exception';
-import type { HttpClient, RequestOptions } from '@utils/http';
-
-export class BaseRepository {
-  private readonly _client: HttpClient;
-
-  constructor(client: HttpClient) {
-    this._client = client;
-  }
-
-  protected run<R extends object = object, I extends object = object>(
-    path: string,
-    body?: I,
-    options?: RequestOptions,
-  ): Promise<R> {
-    return this.runRequestBody(path, body, options);
-  }
-
-  private async runRequestBody<R, I>(path: string, body?: I, options?: RequestOptions): Promise<R> {
-    const rawResult = await this._client.post(path, this._parseBodyToFormData(body), options);
-    const result = deserialize(await rawResult.text());
-
-    if (result.type === 'redirect')
-      throw new Error(`Redirect (${result.status}) - ${result.location}`);
-    if (result.type === 'error') {
-      if (result.error?.error && result.error?.message && result.status)
-        throw new Exception(result.error.error, result.error.message, result.status);
-      throw new Error(`Error (${result.status}) - ${result.error}`);
-    }
-
-    if (result.type === 'failure') {
-      if (result.data?.error && result.data?.message && result.status)
-        throw new Exception(
-          result.data.error as string,
-          result.data.message as string,
-          result.status,
-        );
-      throw new Error(`Failure (${result.status}) - ${result.data}`);
-    }
-
-    return result.data as R;
-  }
-
-  private _parseBodyToFormData(body?: any): FormData {
-    const formData = new FormData();
-    if (body) {
-      for (const [key, baseValue] of Object.entries(body)) {
-        let value: Blob | string;
-        if (baseValue instanceof File) value = baseValue;
-        else value = JSON.stringify(baseValue);
-        formData.append(key, value);
-      }
-    }
-    return formData;
-  }
-}
diff --git a/src/lib/client/action/client.ts b/src/lib/client/action/client.ts
deleted file mode 100644
index e5fc7582..00000000
--- a/src/lib/client/action/client.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SESSION_PROJECT_HEADER } from '@utils/const';
-import { HttpClient } from '@utils/http';
-
-import { ProjectArchiveRepository } from './repositories/archive.repository';
-import { ProjectFsRepository } from './repositories/fs.repository';
-import { ProjectLoaderRepository } from './repositories/loader.repository';
-import { ProjectPackageRepository } from './repositories/package.repository';
-import { ProjectRepository } from './repositories/project.repository';
-import { ProjectSaveRepository } from './repositories/save.repository';
-
-export interface ActionClient {
-  archive: ProjectArchiveRepository;
-  fs: ProjectFsRepository;
-  loader: ProjectLoaderRepository;
-  package: ProjectPackageRepository;
-  project: ProjectRepository;
-  save: ProjectSaveRepository;
-}
-
-export const getActionClient = (projectId?: string): ActionClient => {
-  const client = new HttpClient(
-    '',
-    projectId ? { headers: { [SESSION_PROJECT_HEADER]: projectId } } : {},
-  );
-
-  return {
-    archive: new ProjectArchiveRepository(client),
-    fs: new ProjectFsRepository(client),
-    loader: new ProjectLoaderRepository(client),
-    package: new ProjectPackageRepository(client),
-    project: new ProjectRepository(client),
-    save: new ProjectSaveRepository(client),
-  };
-};
-
-export const noProjectActions = getActionClient();
diff --git a/src/lib/client/action/index.ts b/src/lib/client/action/index.ts
deleted file mode 100644
index c2c5d62f..00000000
--- a/src/lib/client/action/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { noProjectActions, type ActionClient, getActionClient } from './client';
-export * from './types';
diff --git a/src/lib/client/action/repositories/archive.repository.ts b/src/lib/client/action/repositories/archive.repository.ts
deleted file mode 100644
index b15b8871..00000000
--- a/src/lib/client/action/repositories/archive.repository.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { Archive } from '../types';
-
-export class ProjectArchiveRepository extends BaseRepository {
-  create(): Promise<Archive> {
-    return this.run(`/actions/project/archive?/create`);
-  }
-}
diff --git a/src/lib/client/action/repositories/fs.repository.ts b/src/lib/client/action/repositories/fs.repository.ts
deleted file mode 100644
index e19e0de1..00000000
--- a/src/lib/client/action/repositories/fs.repository.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { ReaddirFsActionInput, ReaddirFsActionResult } from '../types';
-
-export class ProjectFsRepository extends BaseRepository {
-  readdir(input: ReaddirFsActionInput): Promise<ReaddirFsActionResult> {
-    return this.run(`/actions/project/fs?/readdir`, input);
-  }
-}
diff --git a/src/lib/client/action/repositories/library.repository.ts b/src/lib/client/action/repositories/library.repository.ts
deleted file mode 100644
index 5ed4341e..00000000
--- a/src/lib/client/action/repositories/library.repository.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { InstallLibraryActionInput, InstallLibraryPackageResult } from '../types';
-
-export class ProjectLibraryRepository extends BaseRepository {
-  install(input: InstallLibraryActionInput): Promise<InstallLibraryPackageResult[]> {
-    return this.run(`/actions/project/library?/install`, input);
-  }
-}
diff --git a/src/lib/client/action/repositories/loader.repository.ts b/src/lib/client/action/repositories/loader.repository.ts
deleted file mode 100644
index d7dd0526..00000000
--- a/src/lib/client/action/repositories/loader.repository.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { ActionLoaderEnv, ActionLoaderManifest } from '../types';
-
-export class ProjectLoaderRepository extends BaseRepository {
-  env(): Promise<ActionLoaderEnv> {
-    return this.run(`/actions/project/loader?/env`);
-  }
-
-  manifest(): Promise<ActionLoaderManifest> {
-    return this.run(`/actions/project/loader?/manifest`);
-  }
-
-  build(): Promise<object> {
-    return this.run(`/actions/project/loader?/build`);
-  }
-}
diff --git a/src/lib/client/action/repositories/package.repository.ts b/src/lib/client/action/repositories/package.repository.ts
deleted file mode 100644
index b6a3cbb4..00000000
--- a/src/lib/client/action/repositories/package.repository.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type {
-  AssetPkg,
-  ComponentPkg,
-  CreateComponentActionInput,
-  CreateSystemActionInput,
-  InstallPackagesActionInput,
-  Package,
-  SearchInput,
-  SearchPackages,
-  SystemPkg,
-} from '../types';
-
-export class ProjectPackageRepository extends BaseRepository {
-  createComponent(input: CreateComponentActionInput): Promise<ComponentPkg> {
-    return this.run(`/actions/project/package?/create-component`, input);
-  }
-
-  createSystem(input: CreateSystemActionInput): Promise<SystemPkg> {
-    return this.run(`/actions/project/package?/create-system`, input);
-  }
-
-  getComponents(): Promise<ComponentPkg[]> {
-    return this.run(`/actions/project/package?/get-components`);
-  }
-
-  getSystems(): Promise<SystemPkg[]> {
-    return this.run(`/actions/project/package?/get-systems`);
-  }
-
-  getAssets(): Promise<AssetPkg[]> {
-    return this.run(`/actions/project/package?/get-assets`);
-  }
-
-  installPackages(input: InstallPackagesActionInput): Promise<Package[]> {
-    return this.run(`/actions/project/package?/install-packages`, input);
-  }
-
-  searchPackages(input: SearchInput): Promise<SearchPackages> {
-    return this.run(`/actions/project/package?/search-packages`, input);
-  }
-}
diff --git a/src/lib/client/action/repositories/project.repository.ts b/src/lib/client/action/repositories/project.repository.ts
deleted file mode 100644
index 47243d3d..00000000
--- a/src/lib/client/action/repositories/project.repository.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type {
-  ActionProject,
-  CompleteProjectActionInput,
-  CreateProjectActionInput,
-  GatewayProjectResult,
-  InfoProjectInput,
-  InfoProjectResult,
-  LoadProjectActionInput,
-} from '../types';
-
-export class ProjectRepository extends BaseRepository {
-  load(input: LoadProjectActionInput): Promise<ActionProject> {
-    return this.run(`/actions/project?/load`, input);
-  }
-
-  new(input: CreateProjectActionInput): Promise<ActionProject> {
-    return this.run(`/actions/project?/new`, input);
-  }
-
-  complete(input: CompleteProjectActionInput): Promise<ActionProject> {
-    return this.run(`/actions/project?/complete`, input);
-  }
-
-  getInfo(): Promise<InfoProjectResult> {
-    return this.run(`/actions/project?/get-info`);
-  }
-
-  setInfo(input: InfoProjectInput): Promise<object> {
-    return this.run(`/actions/project?/set-info`, input);
-  }
-
-  getGatewayProjects(): Promise<GatewayProjectResult[]> {
-    return this.run(`/actions/project?/get-gateway-projects`);
-  }
-
-  syncGatewayProject(): Promise<GatewayProjectResult[]> {
-    return this.run(`/actions/project?/sync-gateway-project`);
-  }
-}
diff --git a/src/lib/client/action/repositories/save.repository.ts b/src/lib/client/action/repositories/save.repository.ts
deleted file mode 100644
index e2939f4c..00000000
--- a/src/lib/client/action/repositories/save.repository.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { GetSaveResult, SetSaveInput } from '../types';
-
-export class ProjectSaveRepository extends BaseRepository {
-  get(): Promise<GetSaveResult> {
-    return this.run(`/actions/project/save?/get`);
-  }
-  set(input: SetSaveInput): Promise<object> {
-    return this.run(`/actions/project/save?/set`, input);
-  }
-}
diff --git a/src/lib/client/action/types/archive.type.ts b/src/lib/client/action/types/archive.type.ts
deleted file mode 100644
index fc411076..00000000
--- a/src/lib/client/action/types/archive.type.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { CreateArchiveResult } from '$lib/server/actions/project/archive/create.action';
-
-export type Archive = CreateArchiveResult;
diff --git a/src/lib/client/action/types/fs.type.ts b/src/lib/client/action/types/fs.type.ts
deleted file mode 100644
index ee726958..00000000
--- a/src/lib/client/action/types/fs.type.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { ReaddirFsBody } from '$lib/server/actions/project/fs/readdir.action';
-import type { DirectoryContent } from '$lib/server/file-system/project-directory';
-
-export type ReaddirFsActionInput = ReaddirFsBody;
-
-export type ReaddirFsActionResult = DirectoryContent;
diff --git a/src/lib/client/action/types/index.ts b/src/lib/client/action/types/index.ts
deleted file mode 100644
index 6c4c59e6..00000000
--- a/src/lib/client/action/types/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './archive.type';
-export * from './fs.type';
-export * from './library.type';
-export * from './loader.type';
-export * from './project.type';
-export * from './package.type';
-export * from './save.type';
diff --git a/src/lib/client/action/types/library.type.ts b/src/lib/client/action/types/library.type.ts
deleted file mode 100644
index c3a38802..00000000
--- a/src/lib/client/action/types/library.type.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { InstallLibraryBody } from '$lib/server/actions/project/library/install-library.action';
-import type { LibraryPackage } from '$lib/server/project/library';
-
-export type InstallLibraryActionInput = InstallLibraryBody;
-
-export type InstallLibraryPackageResult = LibraryPackage;
diff --git a/src/lib/client/action/types/loader.type.ts b/src/lib/client/action/types/loader.type.ts
deleted file mode 100644
index 3b24c56a..00000000
--- a/src/lib/client/action/types/loader.type.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { Loader } from '$lib/server/project/loader';
-
-export type ActionLoaderManifest = ReturnType<Loader['getManifest']>;
-
-export type ActionLoaderEnv = ReturnType<Loader['getEnv']>;
diff --git a/src/lib/client/action/types/package.type.ts b/src/lib/client/action/types/package.type.ts
deleted file mode 100644
index 8754b87e..00000000
--- a/src/lib/client/action/types/package.type.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { CreateComponentBody } from '$lib/server/actions/project/package/create-component.action';
-import type { CreateSystemBody } from '$lib/server/actions/project/package/create-system.action';
-import type { InstallPackagesBody } from '$lib/server/actions/project/package/install-packages.action';
-import type { SearchPackagesBody } from '$lib/server/actions/project/package/search-packages.action';
-import type { PaginateResult, Package as ServerPackage } from '$lib/server/api';
-import type {
-  AssetPackage,
-  ComponentPackage,
-  SystemPackage,
-} from '$lib/server/project/package/package.type';
-
-export type ComponentPkg = ComponentPackage;
-
-export type SystemPkg = SystemPackage;
-
-export type AssetPkg = AssetPackage;
-
-export type Package = ComponentPackage | SystemPackage;
-
-export type InstallPackagesActionInput = InstallPackagesBody;
-
-export type CreateComponentActionInput = CreateComponentBody;
-
-export type CreateSystemActionInput = CreateSystemBody;
-
-export type SearchInput = SearchPackagesBody;
-
-export type ApiPackage = ServerPackage;
-
-export type SearchPackages = PaginateResult<ApiPackage>;
diff --git a/src/lib/client/action/types/project.type.ts b/src/lib/client/action/types/project.type.ts
deleted file mode 100644
index 50a1e50f..00000000
--- a/src/lib/client/action/types/project.type.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { CompleteProjectBody } from '$lib/server/actions/project/complete.action';
-import type { GatewayProject } from '$lib/server/actions/project/gateway.action';
-import type { InfoProject, InfoProjectBody } from '$lib/server/actions/project/info.action';
-import type { LoadProjectBody } from '$lib/server/actions/project/load.action';
-import type { CreateProjectBody } from '$lib/server/actions/project/new.action';
-import type { Project } from '$lib/server/project';
-
-export type ActionProject = Project;
-
-export type LoadProjectActionInput = LoadProjectBody;
-
-export type CreateProjectActionInput = CreateProjectBody;
-export type CompleteProjectActionInput = CompleteProjectBody;
-
-export type InfoProjectResult = InfoProject;
-export type InfoProjectInput = InfoProjectBody;
-
-export type GatewayProjectResult = GatewayProject;
diff --git a/src/lib/client/action/types/save.type.ts b/src/lib/client/action/types/save.type.ts
deleted file mode 100644
index 3f71760f..00000000
--- a/src/lib/client/action/types/save.type.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { SetSaveBody } from '$lib/server/actions/project/save/set-save.action';
-
-import type { Save } from '@utils/types';
-
-export type GetSaveResult = Save;
-
-export type SetSaveInput = SetSaveBody;
diff --git a/src/lib/client/config/config.ts b/src/lib/client/config/config.ts
deleted file mode 100644
index ef1d4989..00000000
--- a/src/lib/client/config/config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { PUBLIC_MODE } from '$env/static/public';
-
-import type { Config } from './config.type';
-
-export const getConfig = (): Config => {
-  return {
-    mode: PUBLIC_MODE === 'ONLINE' ? 'online' : 'offline',
-  };
-};
diff --git a/src/lib/client/config/config.type.ts b/src/lib/client/config/config.type.ts
deleted file mode 100644
index 0b54c056..00000000
--- a/src/lib/client/config/config.type.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface Config {
-  mode: 'offline' | 'online';
-}
diff --git a/src/lib/client/config/index.ts b/src/lib/client/config/index.ts
deleted file mode 100644
index ce28a644..00000000
--- a/src/lib/client/config/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { Config } from './config.type';
-export { getConfig } from './config';
diff --git a/src/lib/client/ecs/asset/asset-handle.ts b/src/lib/client/ecs/asset/asset-handle.ts
deleted file mode 100644
index c89aae34..00000000
--- a/src/lib/client/ecs/asset/asset-handle.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { type Writable, get, writable } from 'svelte/store';
-
-import { resolveStore } from '../utils';
-import type { AssetManager } from './asset-manager';
-import type { Asset } from './asset.type';
-
-const _storage = writable<Record<string, Writable<Asset>>>({});
-
-export class AssetHandle {
-  private _manager: AssetManager;
-  private readonly _store: Writable<Asset>;
-  public readonly id: string;
-
-  static reset() {
-    _storage.set({});
-  }
-
-  constructor(manager: AssetManager, asset: Asset) {
-    this._manager = manager;
-    this.id = asset.id;
-
-    this._store = resolveStore(_storage, this.id, asset);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  update(asset: Partial<Asset>) {
-    this._store.set({ ...get(this._store), ...asset });
-  }
-
-  delete() {
-    return this._manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/asset/asset-manager.ts b/src/lib/client/ecs/asset/asset-manager.ts
deleted file mode 100644
index cc2b0765..00000000
--- a/src/lib/client/ecs/asset/asset-manager.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { type Unsubscriber, get, writable } from 'svelte/store';
-
-import type { AssetPkg } from '$lib/client/action';
-import { useProject } from '$lib/client/project';
-
-import { assetTransformer, assetsTransformer } from '../transformers';
-import { resetSubscriptions } from '../utils';
-import { AssetHandle } from './asset-handle';
-import type { Asset } from './asset.type';
-
-const _storage = writable<Asset[]>([]);
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-export class AssetManager {
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set([]);
-  }
-
-  constructor(assets: Asset[]) {
-    _storage.set(assets);
-  }
-
-  get store() {
-    return _storage;
-  }
-
-  get data() {
-    return get(_storage);
-  }
-
-  async createMany(files: File[]): Promise<void> {
-    const { fs } = useProject();
-
-    await Promise.all(files.map(this.create.bind(this)));
-
-    await this.sync();
-    const dir = await fs.getDirectory();
-    await dir.readdir(true);
-  }
-
-  async create(file: File): Promise<void> {
-    const { fs } = useProject();
-    const assetDir = await fs.getDirectory('static');
-    const assetFile = await assetDir.getFile(file.name);
-    const stream = await assetFile.createWritable();
-    await file.stream().pipeTo(stream);
-    await assetFile.sync();
-  }
-
-  add(asset: AssetPkg) {
-    this._add(assetTransformer(asset));
-  }
-
-  async sync() {
-    const { actions } = useProject();
-    const assets = await actions.package.getAssets();
-    _storage.set(assetsTransformer(assets));
-  }
-
-  get(id: string): AssetHandle {
-    const asset = get(_storage).find((asset) => asset.id === id);
-    if (!asset) throw new Error(`Asset with id ${id} not found`);
-    const handle = new AssetHandle(this, asset);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  async delete(id: string) {
-    const assets = get(_storage);
-    const asset = assets.find((c) => c.id === id);
-
-    if (!asset) throw new Error(`System not found: ${id}`);
-
-    _storage.set(assets.filter((c) => c.id !== id));
-    const { fs } = useProject();
-    const file = await fs.getFile(asset.path);
-    await file.delete();
-
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[id]) {
-      subscriptions[id]();
-      subscriptions[id] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _add(asset: Asset) {
-    const assets = get(_storage);
-    assets.push(asset);
-    _storage.set(assets);
-  }
-
-  private _subscribe(id: string, handle: AssetHandle) {
-    setTimeout(() => {
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[id]) return;
-      subscriptions[id] = handle.store.subscribe((asset) => this._update(id, asset));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, asset: Asset) {
-    const assets = get(_storage);
-    const index = assets.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    assets[index] = asset;
-    _storage.set(assets);
-  }
-}
diff --git a/src/lib/client/ecs/asset/asset.type.ts b/src/lib/client/ecs/asset/asset.type.ts
deleted file mode 100644
index 81777b29..00000000
--- a/src/lib/client/ecs/asset/asset.type.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Asset {
-  id: string;
-  path: string;
-}
diff --git a/src/lib/client/ecs/component/component-handle.ts b/src/lib/client/ecs/component/component-handle.ts
deleted file mode 100644
index 5a3ad199..00000000
--- a/src/lib/client/ecs/component/component-handle.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { type Writable, get, writable } from 'svelte/store';
-
-import { resolveStore } from '../utils';
-import type { ComponentManager } from './component-manager';
-import type { Component } from './component.type';
-
-const _storage = writable<Record<string, Writable<Component>>>({});
-
-export class ComponentHandle {
-  private _manager: ComponentManager;
-  private readonly _store: Writable<Component>;
-  public readonly id: string;
-
-  static reset() {
-    _storage.set({});
-  }
-
-  constructor(manager: ComponentManager, component: Component) {
-    this._manager = manager;
-    this.id = component.id;
-
-    this._store = resolveStore(_storage, this.id, component);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  update(component: Partial<Component>) {
-    this._store.set({ ...get(this._store), ...component });
-  }
-
-  delete() {
-    return this._manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/component/component-manager.ts b/src/lib/client/ecs/component/component-manager.ts
deleted file mode 100644
index 57127b04..00000000
--- a/src/lib/client/ecs/component/component-manager.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { type Unsubscriber, get, writable } from 'svelte/store';
-
-import type { ComponentPkg } from '$lib/client/action';
-import { useProject } from '$lib/client/project';
-
-import { componentTransformer, componentsTransformer } from '../transformers';
-import { resetSubscriptions } from '../utils';
-import { ComponentHandle } from './component-handle';
-import type { Component } from './component.type';
-
-const _storage = writable<Component[]>([]);
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-export class ComponentManager {
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set([]);
-  }
-
-  constructor(components: Component[]) {
-    _storage.set(components);
-  }
-
-  get store() {
-    return _storage;
-  }
-
-  get data() {
-    return get(_storage);
-  }
-
-  async create(name: string) {
-    const { actions, fs } = useProject();
-    const component = await actions.package.createComponent({ componentName: name });
-    this._add(componentTransformer(component));
-    const dir = await fs.getDirectory();
-    await dir.readdir(true);
-  }
-
-  add(component: ComponentPkg) {
-    this._add(componentTransformer(component));
-  }
-
-  async sync() {
-    const { actions } = useProject();
-    const components = await actions.package.getComponents();
-    _storage.set(componentsTransformer(components));
-  }
-
-  get(id: string): ComponentHandle {
-    const component = get(_storage).find((component) => component.id === id);
-    if (!component) throw new Error(`Component with id ${id} not found`);
-    const handle = new ComponentHandle(this, component);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  async delete(id: string) {
-    const components = get(_storage);
-    const component = components.find((c) => c.id === id);
-
-    if (!component) throw new Error(`System not found: ${id}`);
-
-    _storage.set(components.filter((c) => c.id !== id));
-    const { fs } = useProject();
-    const file = await fs.getFile(component.path);
-    await file.delete();
-
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[id]) {
-      subscriptions[id]();
-      subscriptions[id] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _add(component: Component) {
-    const components = get(_storage);
-    components.push(component);
-    _storage.set(components);
-  }
-
-  private _subscribe(id: string, handle: ComponentHandle) {
-    setTimeout(() => {
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[id]) return;
-      subscriptions[id] = handle.store.subscribe((component) => this._update(id, component));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, component: Component) {
-    const components = get(_storage);
-    const index = components.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    components[index] = component;
-    _storage.set(components);
-  }
-}
diff --git a/src/lib/client/ecs/component/component.type.ts b/src/lib/client/ecs/component/component.type.ts
deleted file mode 100644
index 5247dd9f..00000000
--- a/src/lib/client/ecs/component/component.type.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { ComponentManifest } from '$lib/server/project/package/manifest/manifest.type';
-
-export type ComponentParam = ComponentManifest['params'][number];
-
-export interface Component {
-  id: string;
-  name: string;
-  path: string;
-  params: ComponentParam[];
-}
diff --git a/src/lib/client/ecs/ecs-handler.ts b/src/lib/client/ecs/ecs-handler.ts
deleted file mode 100644
index b5f566c1..00000000
--- a/src/lib/client/ecs/ecs-handler.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import {
-  assetsTransformer,
-  componentsTransformer,
-  librariesTransformer,
-  scenesTransformer,
-  systemsTransformer,
-} from '$lib/client/ecs/transformers';
-import type { Project } from '$lib/client/project';
-
-import { AssetHandle } from './asset/asset-handle';
-import { AssetManager } from './asset/asset-manager';
-import { ComponentHandle } from './component/component-handle';
-import { ComponentManager } from './component/component-manager';
-import { LibraryHandle } from './library/library-handle';
-import { LibraryManager } from './library/library-manager';
-import { EntityComponentManager } from './scene/entity/component/component-manager';
-import { ComponentParamHandle } from './scene/entity/component/component-param-handle';
-import { ComponentParamManager } from './scene/entity/component/component-param-manager';
-import { SceneEntityHandle } from './scene/entity/entity-handle';
-import { SceneEntityManager } from './scene/entity/entity-manager';
-import { SceneHandle } from './scene/scene-handle';
-import { SceneManager } from './scene/scene-manager';
-import { SceneSystemManager } from './scene/system/system-manager';
-import { SystemHandle } from './system/system-handle';
-import { SystemManager } from './system/system-manager';
-
-export class ECSHandler {
-  private readonly _project: Project;
-
-  private _sceneManager: SceneManager | undefined;
-  private _assetManager: AssetManager | undefined;
-  private _componentManager: ComponentManager | undefined;
-  private _systemManager: SystemManager | undefined;
-  private _libraryManager: LibraryManager | undefined;
-
-  static reset() {
-    // * Child must be reset before parents
-    ComponentParamHandle.reset();
-    ComponentParamManager.reset();
-    EntityComponentManager.reset();
-    SceneSystemManager.reset();
-    SceneEntityHandle.reset();
-    SceneEntityManager.reset();
-    AssetHandle.reset();
-    AssetManager.reset();
-    ComponentHandle.reset();
-    ComponentManager.reset();
-    SystemManager.reset();
-    SystemHandle.reset();
-    LibraryManager.reset();
-    LibraryHandle.reset();
-    SceneHandle.reset();
-    SceneManager.reset();
-  }
-
-  constructor(project: Project) {
-    this._project = project;
-  }
-
-  async init() {
-    /**
-     * @todo
-     * This init is only made for the current version of the editor
-     * When scenes will be implemented, this init must be changed accordingly
-     */
-
-    const assets = await this._project.actions.package.getAssets();
-    const components = await this._project.actions.package.getComponents();
-    const systems = await this._project.actions.package.getSystems();
-    // Cannot use save handler as it needs to use ecs handler to subscribe to ecs changes
-    const save = await this._project.actions.save.get();
-
-    this._assetManager = new AssetManager(assetsTransformer(assets));
-    this._componentManager = new ComponentManager(componentsTransformer(components));
-    this._systemManager = new SystemManager(systemsTransformer(systems));
-    this._libraryManager = new LibraryManager(librariesTransformer(save));
-    // Scene Manager needs others managers to be initialized
-    this._sceneManager = new SceneManager(this, scenesTransformer(save), ['default'], 'default');
-  }
-
-  get scenes(): SceneManager {
-    if (!this._sceneManager) throw new Error('ECS handler not initialized');
-    return this._sceneManager;
-  }
-
-  get assets(): AssetManager {
-    if (!this._assetManager) throw new Error('ECS handler not initialized');
-    return this._assetManager;
-  }
-
-  get components(): ComponentManager {
-    if (!this._componentManager) throw new Error('ECS handler not initialized');
-    return this._componentManager;
-  }
-
-  get systems(): SystemManager {
-    if (!this._systemManager) throw new Error('ECS handler not initialized');
-    return this._systemManager;
-  }
-
-  get libraries(): LibraryManager {
-    if (!this._libraryManager) throw new Error('ECS handler not initialized');
-    return this._libraryManager;
-  }
-}
diff --git a/src/lib/client/ecs/index.ts b/src/lib/client/ecs/index.ts
deleted file mode 100644
index bfdfd86c..00000000
--- a/src/lib/client/ecs/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export { ECSHandler } from './ecs-handler';
-
-export type { AssetHandle } from './asset/asset-handle';
-export type { AssetManager } from './asset/asset-manager';
-export type { Asset } from './asset/asset.type';
-
-export type { ComponentHandle } from './component/component-handle';
-export type { ComponentManager } from './component/component-manager';
-export type { Component, ComponentParam } from './component/component.type';
-
-export type { LibraryManager } from './library/library-manager';
-export type { LibraryHandle } from './library/library-handle';
-export type { Library } from './library/library.type';
-
-export type { SystemManager } from './system/system-manager';
-export type { SystemHandle } from './system/system-handle';
-export type { System } from './system/system.type';
-
-export type { SceneHandle } from './scene/scene-handle';
-export type { SceneManager } from './scene/scene-manager';
-export type { Scene } from './scene/scene.type';
-
-export type { SceneSystemManager } from './scene/system/system-manager';
-export type { SceneSystemHandle } from './scene/system/system-handle';
-
-export type { SceneEntityHandle } from './scene/entity/entity-handle';
-export type { SceneEntityManager } from './scene/entity/entity-manager';
-export type { Entity } from './scene/entity/entity.type';
-
-export type { EntityComponentHandle } from './scene/entity/component/component-handle';
-export type { EntityComponentManager } from './scene/entity/component/component-manager';
-
-export type { ComponentParamHandle } from './scene/entity/component/component-param-handle';
-export type { ComponentParamManager } from './scene/entity/component/component-param-manager';
diff --git a/src/lib/client/ecs/library/library-handle.ts b/src/lib/client/ecs/library/library-handle.ts
deleted file mode 100644
index 6c2c9fb3..00000000
--- a/src/lib/client/ecs/library/library-handle.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { type Writable, get, writable } from 'svelte/store';
-
-import { resolveStore } from '../utils';
-import type { LibraryManager } from './library-manager';
-import type { Library } from './library.type';
-
-const _storage = writable<Record<string, Writable<Library>>>({});
-
-export class LibraryHandle {
-  private _manager: LibraryManager;
-  public readonly id: string;
-  private readonly _store: Writable<Library>;
-
-  static reset() {
-    _storage.set({});
-  }
-
-  constructor(manager: LibraryManager, library: Library) {
-    this._manager = manager;
-    this.id = library.id;
-
-    this._store = resolveStore(_storage, this.id, library);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  update(library: Partial<Library>) {
-    this._store.set({ ...get(this._store), ...library });
-  }
-
-  delete() {
-    this._manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/library/library-manager.ts b/src/lib/client/ecs/library/library-manager.ts
deleted file mode 100644
index 862d0247..00000000
--- a/src/lib/client/ecs/library/library-manager.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { type Unsubscriber, get, writable } from 'svelte/store';
-
-import { resetSubscriptions } from '../utils';
-import { LibraryHandle } from './library-handle';
-import type { Library } from './library.type';
-
-const _storage = writable<Library[]>([]);
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-export class LibraryManager {
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set([]);
-  }
-
-  constructor(libraries: Library[]) {
-    _storage.set(libraries);
-  }
-
-  get store() {
-    return _storage;
-  }
-
-  get data() {
-    return get(_storage);
-  }
-
-  add(library: { name: string }): string {
-    const libraries = get(_storage);
-    libraries.push({ ...library, id: library.name });
-    _storage.set(libraries);
-    return library.name;
-  }
-
-  get(id: string): LibraryHandle {
-    const library = get(_storage).find((library) => library.id === id);
-    if (!library) throw new Error(`Library with id ${id} not found`);
-    const handle = new LibraryHandle(this, library);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  delete(id: string) {
-    const libraries = get(_storage);
-    _storage.set(libraries.filter((library) => library.id !== id));
-
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[id]) {
-      subscriptions[id]();
-      subscriptions[id] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _subscribe(id: string, handle: LibraryHandle) {
-    setTimeout(() => {
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[id]) return;
-      subscriptions[id] = handle.store.subscribe((library) => this._update(id, library));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, library: Library) {
-    const libraries = get(_storage);
-    const index = libraries.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    libraries[index] = library;
-    _storage.set(libraries);
-  }
-}
diff --git a/src/lib/client/ecs/library/library.type.ts b/src/lib/client/ecs/library/library.type.ts
deleted file mode 100644
index 4c3389c3..00000000
--- a/src/lib/client/ecs/library/library.type.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Library {
-  id: string;
-  name: string;
-}
diff --git a/src/lib/client/ecs/scene/entity/component/component-handle.ts b/src/lib/client/ecs/scene/entity/component/component-handle.ts
deleted file mode 100644
index 27be6f6f..00000000
--- a/src/lib/client/ecs/scene/entity/component/component-handle.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { type Readable, get } from 'svelte/store';
-
-import type { Component } from '../../../component/component.type';
-import type { EntityComponentManager } from './component-manager';
-import { ComponentParamManager } from './component-param-manager';
-
-export class EntityComponentHandle {
-  public readonly manager: EntityComponentManager;
-  public readonly id: string;
-  private readonly _store: Readable<Component>;
-  private readonly _params: ComponentParamManager;
-
-  constructor(
-    manager: EntityComponentManager,
-    componentId: string,
-    params: Record<string, string>,
-  ) {
-    this.manager = manager;
-    this._store = manager.entity.manager.scene.manager.ecs.components.get(componentId).store;
-    this.id = componentId;
-    this._params = new ComponentParamManager(this, params);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  get params(): ComponentParamManager {
-    return this._params;
-  }
-
-  delete() {
-    this.manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/component/component-manager.ts b/src/lib/client/ecs/scene/entity/component/component-manager.ts
deleted file mode 100644
index 4ba59a71..00000000
--- a/src/lib/client/ecs/scene/entity/component/component-manager.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { resetListener, resetSubscriptions } from '../../../utils';
-import { resolveStore } from '../../../utils';
-import type { SceneEntityHandle } from '../entity-handle';
-import { EntityComponentHandle } from './component-handle';
-
-const _storage = writable<Record<string, Writable<Record<string, Record<string, string>>>>>({});
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-const _listener = writable<Unsubscriber[] | null>();
-
-export class EntityComponentManager {
-  public readonly entity: SceneEntityHandle;
-  private readonly _store: Writable<Record<string, Record<string, string>>>;
-
-  private readonly _storageResolvable: string;
-
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    resetListener(_listener);
-    _storage.set({});
-  }
-
-  constructor(entity: SceneEntityHandle, components: Record<string, Record<string, string>>) {
-    this.entity = entity;
-
-    this._storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
-
-    this._store = resolveStore(_storage, this._storageResolvable, components);
-
-    this._listen();
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  add(component: string) {
-    const components = get(this._store);
-    const manifest = this.entity.manager.scene.manager.ecs.components.get(component).data;
-    components[component] = {
-      ...Object.fromEntries(
-        manifest.params
-          .filter((param) => param.default !== undefined)
-          .map((param) => [param.name, param.default as string]),
-      ),
-    };
-    this._store.set(components);
-  }
-
-  get(id: string): EntityComponentHandle {
-    const params = get(this._store)[id];
-    if (!params) throw new Error(`Component with id ${id} not found`);
-    const handle = new EntityComponentHandle(this, id, params);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  delete(id: string) {
-    const components = get(this._store);
-    const newComponents: Record<string, Record<string, string>> = {};
-    Object.entries(components).forEach(([key, params]) => {
-      if (key !== id) newComponents[key] = params;
-    });
-    this._store.set(newComponents);
-
-    const fullId = `${this._storageResolvable}/${id}`;
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[fullId]) {
-      subscriptions[fullId]();
-      subscriptions[fullId] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _listen() {
-    if (get(_listener)) return;
-    const unsub = this.entity.manager.scene.manager.ecs.components.store.subscribe((components) => {
-      const entityComponents = get(this._store);
-      const newComponents: Record<string, Record<string, string>> = {};
-      Object.entries(entityComponents).forEach(([key, params]) => {
-        if (components.find((s) => s.id === key)) newComponents[key] = params;
-      });
-      this._store.set(newComponents);
-    });
-    _listener.set([unsub]);
-  }
-
-  private _subscribe(id: string, handle: EntityComponentHandle) {
-    setTimeout(() => {
-      const fullId = `${this._storageResolvable}/${id}`;
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[fullId]) return;
-      subscriptions[fullId] = handle.params.values.subscribe((params) => this._update(id, params));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, params: Record<string, string>) {
-    const component = get(this._store);
-    component[id] = params;
-    this._store.set(component);
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/component/component-param-handle.ts b/src/lib/client/ecs/scene/entity/component/component-param-handle.ts
deleted file mode 100644
index 3beb490c..00000000
--- a/src/lib/client/ecs/scene/entity/component/component-param-handle.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { type Readable, type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import type { ComponentParam } from '../../../component/component.type';
-import { resetListeners, resolveStore } from '../../../utils';
-import type { ComponentParamManager } from './component-param-manager';
-
-const _storage = writable<Record<string, Writable<ComponentParam>>>({});
-const _valueStorage = writable<Record<string, Writable<any | undefined>>>({});
-
-const _listeners = writable<Record<string, Unsubscriber[] | null>>({});
-
-export class ComponentParamHandle {
-  public readonly manager: ComponentParamManager;
-  public readonly id: string;
-  private readonly fullId: string;
-  private readonly _store: Writable<ComponentParam>;
-  private readonly _valueStore: Writable<any | undefined>;
-
-  static reset() {
-    resetListeners(_listeners);
-    _storage.set({});
-    _valueStorage.set({});
-  }
-
-  constructor(manager: ComponentParamManager, param: ComponentParam, value: any | undefined) {
-    this.manager = manager;
-    this.id = param.name;
-    this.fullId = `${this.manager.component.manager.entity.manager.scene.id}/${this.manager.component.manager.entity.id}/${this.manager.component.id}/${this.id}`;
-
-    this._store = resolveStore(_storage, this.fullId, param);
-    this._valueStore = resolveStore(_valueStorage, this.fullId, value);
-
-    this._listen();
-  }
-
-  get store(): Readable<ComponentParam> {
-    return this._store;
-  }
-
-  get value() {
-    return this._valueStore;
-  }
-
-  delete() {
-    this.manager.delete(this.id);
-  }
-
-  private _listen() {
-    const listeners = get(_listeners);
-    if (listeners[this.fullId]) return;
-    const unsub = this.manager.component.store.subscribe((component) => {
-      const newParam = component.params.find((param) => param.name === this.id);
-      if (!newParam) return;
-      this._store.set(newParam);
-    });
-    _listeners.set({ ...listeners, [this.fullId]: [unsub] });
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/component/component-param-manager.ts b/src/lib/client/ecs/scene/entity/component/component-param-manager.ts
deleted file mode 100644
index b30729f4..00000000
--- a/src/lib/client/ecs/scene/entity/component/component-param-manager.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import type { ComponentParam } from '../../../component/component.type';
-import { resetListener, resetSubscriptions } from '../../../utils';
-import { resolveStore } from '../../../utils';
-import type { EntityComponentHandle } from './component-handle';
-import { ComponentParamHandle } from './component-param-handle';
-
-const _storage = writable<Record<string, Writable<ComponentParam[]>>>({});
-const _valueStorage = writable<Record<string, Writable<Record<string, string>>>>({});
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-const _listener = writable<Unsubscriber[] | null>();
-
-export class ComponentParamManager {
-  public readonly component: EntityComponentHandle;
-  private readonly _store: Writable<ComponentParam[]>;
-  private readonly _valuesStore: Writable<Record<string, string>>;
-
-  private readonly _storageResolvable: string;
-
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    resetListener(_listener);
-    _storage.set({});
-    _valueStorage.set({});
-  }
-
-  constructor(component: EntityComponentHandle, params: Record<string, string>) {
-    this.component = component;
-
-    this._storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
-
-    this._store = resolveStore(_storage, this._storageResolvable, get(component.store).params);
-    this._valuesStore = resolveStore(_valueStorage, this._storageResolvable, params);
-
-    this._listen();
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get values() {
-    return this._valuesStore;
-  }
-
-  get(id: string): ComponentParamHandle {
-    const param = get(this._store).find((param) => param.name === id);
-    if (!param) throw new Error(`Param with id ${id} not found`);
-
-    const value = get(this._valuesStore)[id];
-    const handle = new ComponentParamHandle(this, param, value);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  delete(id: string) {
-    const params = get(this._store);
-    this._store.set(
-      params.map((param) => (param.name === id ? { ...param, value: undefined } : param)),
-    );
-
-    const fullId = `${this._storageResolvable}/${id}`;
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[fullId]) {
-      subscriptions[fullId]();
-      subscriptions[fullId] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _listen() {
-    if (get(_listener)) return;
-    const unsub = this.component.store.subscribe((component) => {
-      this._store.set(component.params);
-    });
-    _listener.set([unsub]);
-  }
-
-  private _subscribe(id: string, handle: ComponentParamHandle) {
-    setTimeout(() => {
-      const fullId = `${this._storageResolvable}/${id}`;
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[fullId]) return;
-      subscriptions[fullId] = handle.value.subscribe((param) => this._update(id, param));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, value: any | undefined) {
-    const params = get(this._valuesStore);
-    params[id] = value;
-    this._valuesStore.set(params);
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/entity-handle.ts b/src/lib/client/ecs/scene/entity/entity-handle.ts
deleted file mode 100644
index c61d37e8..00000000
--- a/src/lib/client/ecs/scene/entity/entity-handle.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { resetListeners, resolveStore } from '../../utils';
-import { EntityComponentManager } from './component/component-manager';
-import type { SceneEntityManager } from './entity-manager';
-import type { Entity } from './entity.type';
-
-const _storage = writable<Record<string, Writable<Entity>>>({});
-
-const _listeners = writable<Record<string, Unsubscriber[] | null>>({});
-
-export class SceneEntityHandle {
-  public readonly manager: SceneEntityManager;
-  public readonly id: string;
-  private readonly fullId: string;
-  private readonly _store: Writable<Entity>;
-  private readonly _components: EntityComponentManager;
-
-  static reset() {
-    resetListeners(_listeners);
-    _storage.set({});
-  }
-
-  constructor(manager: SceneEntityManager, entity: Entity) {
-    this.manager = manager;
-    this.id = entity.id;
-    this.fullId = `${manager.scene.id}/${entity.id}`;
-
-    this._store = resolveStore(_storage, this.fullId, entity);
-
-    this._components = new EntityComponentManager(this, entity.components);
-
-    this._listen();
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  get components() {
-    return this._components;
-  }
-
-  update(entity: Partial<Entity>) {
-    this._store.set({ ...get(this._store), ...entity });
-  }
-
-  delete() {
-    this.manager.delete(this.id);
-  }
-
-  setSelected() {
-    this.manager.selected = this;
-  }
-
-  private _listen() {
-    const listeners = get(_listeners);
-    if (listeners[this.fullId]) return;
-    const unsub = this._components.store.subscribe((components) => {
-      const entity = get(this._store);
-      entity.components = components;
-      this._store.set(entity);
-    });
-    _listeners.set({ ...listeners, [this.fullId]: [unsub] });
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/entity-manager.ts b/src/lib/client/ecs/scene/entity/entity-manager.ts
deleted file mode 100644
index 07613869..00000000
--- a/src/lib/client/ecs/scene/entity/entity-manager.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { getId, resetSubscriptions } from '../../utils';
-import { resolveStore } from '../../utils';
-import type { SceneHandle } from '../scene-handle';
-import { SceneEntityHandle } from './entity-handle';
-import type { Entity } from './entity.type';
-
-const _storage = writable<Record<string, Writable<Entity[]>>>({});
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-const selectedEntity = writable<SceneEntityHandle | undefined>(undefined);
-
-export class SceneEntityManager {
-  public readonly scene: SceneHandle;
-  private readonly _store: Writable<Entity[]>;
-
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set({});
-  }
-
-  constructor(scene: SceneHandle, entities: Entity[]) {
-    this.scene = scene;
-
-    this._store = resolveStore(_storage, this.scene.id, entities);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  get selectedData(): SceneEntityHandle | undefined {
-    return get(selectedEntity);
-  }
-
-  get selected(): Writable<SceneEntityHandle | undefined> {
-    return selectedEntity;
-  }
-
-  set selected(entity: SceneEntityHandle | undefined) {
-    selectedEntity.set(entity);
-  }
-
-  add(entity: Omit<Entity, 'id'>): string {
-    const entities = get(this._store);
-    const id = getId(this.data, entity.name);
-    entities.push({ ...entity, id });
-    this._store.set(entities);
-    return id;
-  }
-
-  get(id: string): SceneEntityHandle {
-    const entity = get(this._store).find((entity) => entity.id === id);
-    if (!entity) throw new Error(`Entity with id ${id} not found`);
-    const handle = new SceneEntityHandle(this, entity);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  delete(id: string) {
-    const entities = get(this._store);
-    this._store.set(entities.filter((entity) => entity.id !== id));
-
-    const fullId = `${this.scene.id}/${id}`;
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[fullId]) {
-      subscriptions[fullId]();
-      subscriptions[fullId] = null;
-      _subscriptions.set(subscriptions);
-    }
-
-    if (this.selectedData?.id === id) {
-      this.selected = undefined;
-    }
-  }
-
-  private _subscribe(id: string, handle: SceneEntityHandle) {
-    setTimeout(() => {
-      const fullId = `${this.scene.id}/${id}`;
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[fullId]) return;
-      subscriptions[fullId] = handle.store.subscribe((entity) => this._update(id, entity));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, entity: Entity) {
-    const entities = get(this._store);
-    const index = entities.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    entities[index] = entity;
-    this._store.set(entities);
-  }
-}
diff --git a/src/lib/client/ecs/scene/entity/entity.type.ts b/src/lib/client/ecs/scene/entity/entity.type.ts
deleted file mode 100644
index 50e6edd9..00000000
--- a/src/lib/client/ecs/scene/entity/entity.type.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Entity {
-  id: string;
-  name: string;
-  treePath: string;
-  components: Record<string, Record<string, string>>;
-}
diff --git a/src/lib/client/ecs/scene/scene-handle.ts b/src/lib/client/ecs/scene/scene-handle.ts
deleted file mode 100644
index a1729e2b..00000000
--- a/src/lib/client/ecs/scene/scene-handle.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { resetListeners, resolveStore } from '../utils';
-import { SceneEntityManager } from './entity/entity-manager';
-import type { SceneManager } from './scene-manager';
-import type { Scene } from './scene.type';
-import { SceneSystemManager } from './system/system-manager';
-
-const _storage = writable<Record<string, Writable<Scene>>>({});
-
-const _listeners = writable<Record<string, Unsubscriber[] | null>>({});
-
-export class SceneHandle {
-  public readonly manager: SceneManager;
-  public readonly id: string;
-  private readonly _store: Writable<Scene>;
-  private readonly _entities: SceneEntityManager;
-  private readonly _systems: SceneSystemManager;
-
-  static reset() {
-    resetListeners(_listeners);
-    _storage.set({});
-  }
-
-  constructor(manager: SceneManager, scene: Scene) {
-    this.manager = manager;
-    this.id = scene.id;
-
-    this._store = resolveStore(_storage, this.id, scene);
-
-    this._entities = new SceneEntityManager(this, scene.entities);
-    this._systems = new SceneSystemManager(this, scene.systems);
-
-    this._listen();
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  get entities() {
-    return this._entities;
-  }
-
-  get systems() {
-    return this._systems;
-  }
-
-  update(scene: Partial<Scene>) {
-    this._store.set({ ...get(this._store), ...scene });
-  }
-
-  delete() {
-    this.manager.delete(this.id);
-  }
-
-  setActive() {
-    this.manager.active = this;
-  }
-
-  setDefault() {
-    this.manager.default = this.id;
-  }
-
-  private _listen() {
-    const listeners = get(_listeners);
-    if (listeners[this.id]) return;
-    const unsub = [
-      this._entities.store.subscribe((entities) => {
-        const scene = get(this._store);
-        scene.entities = entities;
-        this._store.set(scene);
-      }),
-      this._systems.store.subscribe((systems) => {
-        const scene = get(this._store);
-        scene.systems = systems;
-        this._store.set(scene);
-      }),
-    ];
-    _listeners.set({ ...listeners, [this.id]: unsub });
-  }
-}
diff --git a/src/lib/client/ecs/scene/scene-manager.ts b/src/lib/client/ecs/scene/scene-manager.ts
deleted file mode 100644
index aa7e0999..00000000
--- a/src/lib/client/ecs/scene/scene-manager.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import type { ECSHandler } from '../ecs-handler';
-import { getId, resetSubscriptions } from '../utils';
-import { SceneHandle } from './scene-handle';
-import type { Scene } from './scene.type';
-
-const _storage = writable<Scene[]>([]);
-const _rootScenesStorage = writable<string[]>([]);
-const _activeSceneStorage = writable<SceneHandle>();
-const _defaultSceneStorage = writable<string>();
-
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-export class SceneManager {
-  public readonly ecs: ECSHandler;
-
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set([]);
-    _rootScenesStorage.set([]);
-    _activeSceneStorage.set(undefined as any);
-    _defaultSceneStorage.set(undefined as any);
-  }
-
-  constructor(ecs: ECSHandler, scenes: Scene[], rootScenes: string[], defaultSceneId: string) {
-    this.ecs = ecs;
-    _storage.set(scenes);
-
-    const defaultScene = scenes.find((scene) => scene.id === defaultSceneId);
-    if (!defaultScene) throw new Error(`Default scene with id ${defaultSceneId} not found`);
-
-    _activeSceneStorage.set(new SceneHandle(this, defaultScene));
-    _defaultSceneStorage.set(defaultSceneId);
-    _rootScenesStorage.set(rootScenes);
-  }
-
-  get store() {
-    return _storage;
-  }
-
-  get data() {
-    return get(_storage);
-  }
-
-  get activeData(): SceneHandle {
-    return get(_activeSceneStorage);
-  }
-
-  get active(): Writable<SceneHandle> {
-    return _activeSceneStorage;
-  }
-
-  set active(handle: SceneHandle) {
-    _activeSceneStorage.set(handle);
-  }
-
-  get defaultData(): string {
-    return get(_defaultSceneStorage);
-  }
-
-  get default(): Writable<string> {
-    return _defaultSceneStorage;
-  }
-
-  set default(handle: string) {
-    _defaultSceneStorage.set(handle);
-  }
-
-  get rootScenes(): string[] {
-    return get(_rootScenesStorage);
-  }
-
-  get rootScenesStore(): Writable<string[]> {
-    return _rootScenesStorage;
-  }
-
-  set rootScenes(scenes: string[]) {
-    _rootScenesStorage.set(Array.from(new Set(scenes)));
-  }
-
-  add(scene: Omit<Scene, 'id'>): string {
-    const scenes = get(_storage);
-    const id = getId(this.data, scene.name);
-    scenes.push({ ...scene, id });
-    _storage.set(scenes);
-    return id;
-  }
-
-  get(id: string): SceneHandle {
-    const scene = get(_storage).find((scene) => scene.id === id);
-    if (!scene) throw new Error(`Scene with id ${id} not found`);
-    const handle = new SceneHandle(this, scene);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  delete(id: string) {
-    const scenes = get(_storage);
-    _storage.set(scenes.filter((scene) => scene.id !== id));
-
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[id]) {
-      subscriptions[id]();
-      subscriptions[id] = null;
-      _subscriptions.set(subscriptions);
-    }
-
-    if (this.rootScenes.includes(id))
-      this.rootScenes = this.rootScenes.filter((scene) => scene !== id);
-
-    if (this.defaultData === id) {
-      this.get(this.data.find((v) => !!v)?.id ?? '').setDefault();
-    }
-
-    if (this.activeData.id === id) {
-      this.get(
-        (this.data.find((scene) => scene.id === this.defaultData) ?? this.data.find((v) => !!v))
-          ?.id ?? '',
-      ).setActive();
-    }
-  }
-
-  private _subscribe(id: string, handle: SceneHandle) {
-    setTimeout(() => {
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[id]) return;
-      subscriptions[id] = handle.store.subscribe((scene) => this._update(id, scene));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, scene: Scene) {
-    const scenes = get(_storage);
-    const index = scenes.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    scenes[index] = scene;
-    _storage.set(scenes);
-  }
-}
diff --git a/src/lib/client/ecs/scene/scene.type.ts b/src/lib/client/ecs/scene/scene.type.ts
deleted file mode 100644
index c7c8330f..00000000
--- a/src/lib/client/ecs/scene/scene.type.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { Entity } from './entity/entity.type';
-
-export interface Scene {
-  id: string;
-  name: string;
-  path: string;
-  subScenes: string[];
-  assets: string[];
-  systems: string[];
-  entities: Entity[];
-}
diff --git a/src/lib/client/ecs/scene/system/system-handle.ts b/src/lib/client/ecs/scene/system/system-handle.ts
deleted file mode 100644
index 10965d3b..00000000
--- a/src/lib/client/ecs/scene/system/system-handle.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { type Readable, get } from 'svelte/store';
-
-import type { System } from '../../system/system.type';
-import type { SceneSystemManager } from './system-manager';
-
-export class SceneSystemHandle {
-  public readonly manager: SceneSystemManager;
-  public readonly id: string;
-  private readonly _store: Readable<System>;
-
-  constructor(manager: SceneSystemManager, systemId: string) {
-    this.manager = manager;
-    this.id = systemId;
-
-    this._store = manager.scene.manager.ecs.systems.get(systemId).store;
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  delete() {
-    this.manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/scene/system/system-manager.ts b/src/lib/client/ecs/scene/system/system-manager.ts
deleted file mode 100644
index 382f07ba..00000000
--- a/src/lib/client/ecs/scene/system/system-manager.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { resetListener, resolveStore } from '../../utils';
-import type { SceneHandle } from '../scene-handle';
-import { SceneSystemHandle } from './system-handle';
-
-const _storage = writable<Record<string, Writable<string[]>>>({});
-
-const _listener = writable<Unsubscriber[] | null>();
-
-export class SceneSystemManager {
-  public readonly scene: SceneHandle;
-  private readonly _store: Writable<string[]>;
-
-  static reset() {
-    resetListener(_listener);
-    _storage.set({});
-  }
-
-  constructor(scene: SceneHandle, systems: string[]) {
-    this.scene = scene;
-
-    this._store = resolveStore(_storage, this.scene.id, systems);
-
-    this._listen();
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  add(system: string) {
-    const systems = get(this._store);
-    systems.push(system);
-    this._store.set(systems);
-  }
-
-  get(id: string) {
-    const system = get(this._store).find((system) => system === id);
-    if (!system) throw new Error(`System with id ${id} not found`);
-    return new SceneSystemHandle(this, system);
-  }
-
-  delete(id: string) {
-    const systems = get(this._store);
-    this._store.set(systems.filter((system) => system !== id));
-  }
-
-  private _listen() {
-    if (get(_listener)) return;
-    const unsub = this.scene.manager.ecs.systems.store.subscribe((systems) => {
-      const sceneSystems = get(this._store);
-      sceneSystems.filter((system) => systems.find((s) => s.id === system));
-      this._store.set(sceneSystems);
-    });
-    _listener.set([unsub]);
-  }
-}
diff --git a/src/lib/client/ecs/system/system-handle.ts b/src/lib/client/ecs/system/system-handle.ts
deleted file mode 100644
index 2a84c7c3..00000000
--- a/src/lib/client/ecs/system/system-handle.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { type Writable, get, writable } from 'svelte/store';
-
-import { resolveStore } from '../utils';
-import type { SystemManager } from './system-manager';
-import type { System } from './system.type';
-
-const _storage = writable<Record<string, Writable<System>>>({});
-
-export class SystemHandle {
-  private _manager: SystemManager;
-  public readonly id: string;
-  private readonly _store: Writable<System>;
-
-  static reset() {
-    _storage.set({});
-  }
-
-  constructor(manager: SystemManager, system: System) {
-    this._manager = manager;
-    this.id = system.id;
-
-    this._store = resolveStore(_storage, this.id, system);
-  }
-
-  get store() {
-    return this._store;
-  }
-
-  get data() {
-    return get(this._store);
-  }
-
-  update(system: Partial<System>) {
-    this._store.set({ ...get(this._store), ...system });
-  }
-
-  delete() {
-    return this._manager.delete(this.id);
-  }
-}
diff --git a/src/lib/client/ecs/system/system-manager.ts b/src/lib/client/ecs/system/system-manager.ts
deleted file mode 100644
index 9f97fdbd..00000000
--- a/src/lib/client/ecs/system/system-manager.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { type Unsubscriber, get, writable } from 'svelte/store';
-
-import type { SystemPkg } from '$lib/client/action';
-import { useProject } from '$lib/client/project';
-
-import { systemTransformer, systemsTransformer } from '../transformers';
-import { resetSubscriptions } from '../utils';
-import { SystemHandle } from './system-handle';
-import type { System } from './system.type';
-
-const _storage = writable<System[]>([]);
-const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
-
-export class SystemManager {
-  static reset() {
-    resetSubscriptions(_subscriptions);
-    _storage.set([]);
-  }
-
-  constructor(systems: System[]) {
-    _storage.set(systems);
-  }
-
-  get store() {
-    return _storage;
-  }
-
-  get data() {
-    return get(_storage);
-  }
-
-  async create(name: string) {
-    const { actions, fs } = useProject();
-    const system = await actions.package.createSystem({ systemName: name });
-    this._add(systemTransformer(system));
-    const dir = await fs.getDirectory();
-    await dir.readdir(true);
-  }
-
-  add(system: SystemPkg) {
-    this._add(systemTransformer(system));
-  }
-
-  async sync() {
-    const { actions } = useProject();
-    const systems = await actions.package.getSystems();
-    _storage.set(systemsTransformer(systems));
-  }
-
-  get(id: string): SystemHandle {
-    const system = get(_storage).find((system) => system.id === id);
-    if (!system) throw new Error(`System with id ${id} not found`);
-    const handle = new SystemHandle(this, system);
-
-    this._subscribe(id, handle);
-
-    return handle;
-  }
-
-  async delete(id: string) {
-    const systems = get(_storage);
-    const system = systems.find((s) => s.id === id);
-
-    if (!system) throw new Error(`System not found: ${id}`);
-
-    _storage.set(systems.filter((s) => s.id !== id));
-    const { fs } = useProject();
-    const file = await fs.getFile(system.path);
-    await file.delete();
-
-    const subscriptions = get(_subscriptions);
-    if (subscriptions[id]) {
-      subscriptions[id]();
-      subscriptions[id] = null;
-      _subscriptions.set(subscriptions);
-    }
-  }
-
-  private _add(system: System) {
-    const systems = get(_storage);
-    systems.push(system);
-    _storage.set(systems);
-  }
-
-  private _subscribe(id: string, handle: SystemHandle) {
-    setTimeout(() => {
-      const subscriptions = get(_subscriptions);
-      if (subscriptions[id]) return;
-      subscriptions[id] = handle.store.subscribe((system) => this._update(id, system));
-      _subscriptions.set(subscriptions);
-    }, 0);
-  }
-
-  private _update(id: string, system: System) {
-    const systems = get(_storage);
-    const index = systems.findIndex((s) => s.id === id);
-    if (index === -1) return;
-    systems[index] = system;
-    _storage.set(systems);
-  }
-}
diff --git a/src/lib/client/ecs/system/system.type.ts b/src/lib/client/ecs/system/system.type.ts
deleted file mode 100644
index 1fb33ead..00000000
--- a/src/lib/client/ecs/system/system.type.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface System {
-  id: string;
-  name: string;
-  path: string;
-}
diff --git a/src/lib/client/ecs/transformers.ts b/src/lib/client/ecs/transformers.ts
deleted file mode 100644
index 08b00df1..00000000
--- a/src/lib/client/ecs/transformers.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { AssetPkg, ComponentPkg, SystemPkg } from '$lib/client/action';
-import type { Asset, Component, Library, Scene, System } from '$lib/client/ecs';
-
-import type { Save, SaveLibrary } from '@utils/types';
-
-export const componentTransformer = (component: ComponentPkg): Component => ({
-  id: component.manifest.id,
-  name: component.manifest.name,
-  path: component.save.path,
-  params: component.manifest.params,
-});
-
-export const componentsTransformer = (components: ComponentPkg[]): Component[] =>
-  components.map(componentTransformer);
-
-export const systemTransformer = (system: SystemPkg): System => ({
-  id: system.manifest.id,
-  name: system.manifest.name,
-  path: system.save.path,
-});
-
-export const systemsTransformer = (systems: SystemPkg[]): System[] =>
-  systems.map(systemTransformer);
-
-export const assetTransformer = (asset: AssetPkg): Asset => ({
-  id: asset.path,
-  path: asset.path,
-});
-
-export const assetsTransformer = (assets: AssetPkg[]): Asset[] => assets.map(assetTransformer);
-
-export const libraryTransformer = (lib: SaveLibrary): Library => ({
-  id: lib.path,
-  name: lib.name,
-});
-
-export const librariesTransformer = (save: Save): Library[] =>
-  save.libraries.map(libraryTransformer);
-
-export const scenesTransformer = (save: Save): Scene[] => [
-  {
-    id: 'default',
-    name: 'Default Scene',
-    path: 'unknown',
-    subScenes: [],
-    assets: [],
-    systems: save.systems.map((system) => system.name),
-    entities: save.entities.map((entity) => ({
-      id: entity.id,
-      name: entity.id,
-      treePath: entity.treePath,
-      components: entity.components,
-    })),
-  },
-];
diff --git a/src/lib/client/ecs/utils.ts b/src/lib/client/ecs/utils.ts
deleted file mode 100644
index 4d325011..00000000
--- a/src/lib/client/ecs/utils.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { type Unsubscriber, type Writable, get, writable } from 'svelte/store';
-
-import { formatFrom } from '@utils/format';
-import { randomString } from '@utils/string';
-
-export const resetSubscriptions = (store: Writable<Record<string, Unsubscriber | null>>) => {
-  const subscriptions = get(store);
-  Object.values(subscriptions).forEach((sub) => {
-    try {
-      sub?.();
-    } catch {
-      /* empty */
-    }
-  });
-  store.set({});
-};
-
-export const resetListener = (store: Writable<Unsubscriber[] | null>) => {
-  const listeners = get(store);
-  listeners?.forEach((sub) => {
-    try {
-      sub();
-    } catch {
-      /* empty */
-    }
-  });
-  store.set(null);
-};
-
-export const resetListeners = (store: Writable<Record<string, Unsubscriber[] | null>>) => {
-  const listeners = get(store);
-  Object.values(listeners).forEach((sub) => {
-    sub?.forEach((unsub) => {
-      try {
-        unsub();
-      } catch {
-        /* empty */
-      }
-    });
-  });
-  store.set({});
-};
-
-export const resolveStore = <T>(
-  storage: Writable<Record<string, Writable<T>>>,
-  resolvable: string,
-  defaultValue?: T,
-) => {
-  const content = get(storage);
-  if (resolvable in content) return content[resolvable];
-  content[resolvable] = writable(defaultValue);
-  storage.set(content);
-  return content[resolvable];
-};
-
-export const getId = (data: { id: string }[], name: string): string => {
-  const baseId = formatFrom.all(name).toSnake();
-  let id = baseId;
-  while (data.find((d) => d.id === id)) {
-    id = `${baseId}_${randomString(5)}`;
-  }
-  return id;
-};
diff --git a/src/lib/client/event/event-emitter.ts b/src/lib/client/event/event-emitter.ts
deleted file mode 100644
index 6f70bbb1..00000000
--- a/src/lib/client/event/event-emitter.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import type { IEventEmitter, ListenerType, QueuedEvent } from './types';
-
-export class EventEmitter<
-  Events extends string,
-  EventsMap extends Record<Events, unknown[]>,
-> implements IEventEmitter<Events, EventsMap> {
-  public listeners: {
-    [K in keyof EventsMap]?: ListenerType<Events, EventsMap, K>[];
-  } = {};
-
-  public eventQueue: QueuedEvent<EventsMap>[] = [];
-  private readonly _dequeueOnEmit: boolean;
-
-  constructor(dequeueOnEmit = false) {
-    this._dequeueOnEmit = dequeueOnEmit;
-  }
-
-  runEvents(): void {
-    if (!this.eventQueue.length) return;
-    this.eventQueue.forEach((e) => {
-      this._executeEvent(e);
-    });
-
-    this.eventQueue = [];
-  }
-
-  emitEvent<K extends keyof EventsMap>(event: K, ...args: EventsMap[K]): void {
-    this.eventQueue.push({
-      event,
-      args,
-    });
-    if (this._dequeueOnEmit) this.runEvents();
-  }
-  addListener<K extends keyof EventsMap>(
-    event: K,
-    listener: ListenerType<Events, EventsMap, K>,
-  ): void {
-    if (!this.listeners[event]) this.listeners[event] = [];
-    this.listeners[event].push(listener);
-  }
-  on<K extends keyof EventsMap>(event: K, listener: ListenerType<Events, EventsMap, K>): void {
-    this.addListener(event, listener);
-  }
-
-  removeListener<K extends keyof EventsMap>(
-    event: K,
-    listener: ListenerType<Events, EventsMap, K>,
-  ): void {
-    if (!this.listeners[event]) return;
-    const index = this.listeners[event].indexOf(listener);
-    if (index >= 0) {
-      this.listeners[event].splice(index, 1);
-    }
-  }
-  off<K extends keyof EventsMap>(event: K, listener: ListenerType<Events, EventsMap, K>): void {
-    this.removeListener(event, listener);
-  }
-
-  removeListenersForEvent(event: keyof EventsMap): void {
-    if (!this.listeners[event]) return;
-    this.listeners[event] = [];
-  }
-  removeAllListeners(): void {
-    this.listeners = {};
-  }
-
-  private _executeEvent<K extends keyof EventsMap>({
-    event,
-    args,
-  }: QueuedEvent<EventsMap, K>): void {
-    this.listeners[event]?.forEach((listener) => {
-      try {
-        listener(...args);
-      } catch (error) {
-        console.error(`Error handling event [${String(event)}]:`, error);
-      }
-    });
-  }
-}
diff --git a/src/lib/client/event/event-handler.ts b/src/lib/client/event/event-handler.ts
deleted file mode 100644
index 9f3f71b9..00000000
--- a/src/lib/client/event/event-handler.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { get, writable } from 'svelte/store';
-
-import { moveComponentListener } from '$lib/client/event/listeners/move-component.listener';
-
-import { EventEmitter } from './event-emitter';
-import type { CoreEvents, CoreEventsMap } from './events/core-events';
-import type { EditorEvents, EditorEventsMap } from './events/editor-events';
-import type { ListenerType } from './types';
-
-const listeners = writable<(() => void)[]>([]);
-
-export class EventHandler {
-  public readonly _coreEvents = new EventEmitter<CoreEvents, CoreEventsMap>();
-  public readonly _editorEvents = new EventEmitter<EditorEvents, EditorEventsMap>(true);
-
-  static reset() {
-    get(listeners).forEach((unsub) => unsub());
-    listeners.set([]);
-  }
-
-  async init() {
-    listeners.set([moveComponentListener(this)]);
-  }
-
-  emit<K extends keyof CoreEventsMap>(event: K, ...args: CoreEventsMap[K]) {
-    this._coreEvents.emitEvent(event, ...args);
-  }
-
-  on<K extends keyof EditorEventsMap>(
-    event: K,
-    callback: ListenerType<EditorEvents, EditorEventsMap, K>,
-  ) {
-    this._editorEvents.on(event, callback);
-  }
-}
diff --git a/src/lib/client/event/events/core-events.ts b/src/lib/client/event/events/core-events.ts
deleted file mode 100644
index 4d96e5c5..00000000
--- a/src/lib/client/event/events/core-events.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { Save } from '@utils/types';
-
-export enum CoreEvents {
-  HOT_RELOAD = 'hot-reload',
-  HARD_RELOAD = 'hard-reload',
-  PAUSE_GAME = 'pause-game',
-  STOP_GAME = 'stop-game',
-  UNPAUSE_GAME = 'unpause-game',
-}
-
-export interface CoreEventsMap {
-  [CoreEvents.HOT_RELOAD]: [save: Save];
-  [CoreEvents.HARD_RELOAD]: [save: Save];
-  [CoreEvents.PAUSE_GAME]: [];
-  [CoreEvents.STOP_GAME]: [];
-  [CoreEvents.UNPAUSE_GAME]: [];
-}
diff --git a/src/lib/client/event/events/editor-events.ts b/src/lib/client/event/events/editor-events.ts
deleted file mode 100644
index 20c3c321..00000000
--- a/src/lib/client/event/events/editor-events.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export enum EditorEvents {
-  MOVE_COMPONENT = 'move-component',
-}
-
-export interface EditorEventsMap {
-  [EditorEvents.MOVE_COMPONENT]: [
-    entityId: string,
-    componentId: string,
-    position: { x: number; y: number },
-  ];
-}
diff --git a/src/lib/client/event/index.ts b/src/lib/client/event/index.ts
deleted file mode 100644
index 7a43e86f..00000000
--- a/src/lib/client/event/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { EventHandler } from './event-handler';
-export type * from './types';
-export * from './events/core-events';
-export * from './events/editor-events';
diff --git a/src/lib/client/event/listeners/move-component.listener.ts b/src/lib/client/event/listeners/move-component.listener.ts
deleted file mode 100644
index cda54a29..00000000
--- a/src/lib/client/event/listeners/move-component.listener.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { EditorEvents, type EventHandler } from '$lib/client/event';
-import { useProject } from '$lib/client/project';
-
-export const moveComponentListener = (handler: EventHandler): (() => void) => {
-  handler.on(EditorEvents.MOVE_COMPONENT, (entityId, _componentId, { x, y }) => {
-    const { ecs } = useProject();
-    const entity = ecs.scenes.activeData.entities.get(entityId);
-    const component = entity.components.get('Position2D');
-    component.params.get('x').value.set(x);
-    component.params.get('y').value.set(y);
-  });
-  return () => {};
-};
diff --git a/src/lib/client/event/types/event-emitter.type.ts b/src/lib/client/event/types/event-emitter.type.ts
deleted file mode 100644
index 1e23f077..00000000
--- a/src/lib/client/event/types/event-emitter.type.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export type ListenerType<
-  Events extends string,
-  EventsMap extends Record<Events, unknown[]>,
-  K extends keyof EventsMap,
-> = (...args: EventsMap[K]) => void;
-
-export type QueuedEvent<EventsMap, K extends keyof EventsMap = keyof EventsMap> = {
-  event: K;
-  args: EventsMap[K];
-};
-
-export interface IEventEmitter<Events extends string, EventsMap extends Record<Events, unknown[]>> {
-  listeners: {
-    [K in keyof EventsMap]?: ListenerType<Events, EventsMap, K>[];
-  };
-
-  eventQueue: QueuedEvent<EventsMap>[];
-
-  runEvents(): void;
-
-  emitEvent<K extends keyof EventsMap>(event: K, ...args: EventsMap[K]): void;
-
-  addListener<K extends keyof EventsMap>(
-    event: K,
-    listener: ListenerType<Events, EventsMap, K>,
-  ): void;
-
-  on<K extends keyof EventsMap>(event: K, listener: ListenerType<Events, EventsMap, K>): void;
-
-  removeListener<K extends keyof EventsMap>(
-    event: K,
-    listener: ListenerType<Events, EventsMap, K>,
-  ): void;
-
-  off<K extends keyof EventsMap>(event: K, listener: ListenerType<Events, EventsMap, K>): void;
-
-  removeListenersForEvent(event: keyof EventsMap): void;
-
-  removeAllListeners(): void;
-}
diff --git a/src/lib/client/event/types/index.ts b/src/lib/client/event/types/index.ts
deleted file mode 100644
index 532d5720..00000000
--- a/src/lib/client/event/types/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './event-emitter.type';
diff --git a/src/lib/client/info/index.ts b/src/lib/client/info/index.ts
deleted file mode 100644
index 6297afe2..00000000
--- a/src/lib/client/info/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { InfoHandler } from './info';
diff --git a/src/lib/client/info/info.store.ts b/src/lib/client/info/info.store.ts
deleted file mode 100644
index 3fb9af40..00000000
--- a/src/lib/client/info/info.store.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { writable } from 'svelte/store';
-
-import type { ProjectInfo } from './info.type';
-
-export const infoStore = writable<ProjectInfo | null>();
diff --git a/src/lib/client/info/info.ts b/src/lib/client/info/info.ts
deleted file mode 100644
index b8d75562..00000000
--- a/src/lib/client/info/info.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { get } from 'svelte/store';
-
-import type { Project } from '$lib/client/project';
-
-import { infoStore } from './info.store';
-import type { ProjectInfo, ProjectInfoInput } from './info.type';
-
-export class InfoHandler {
-  static reset(): void {
-    infoStore.set(null);
-  }
-
-  constructor(private readonly core: Project) {}
-
-  get(cacheOnly: true): ProjectInfo | null;
-  get(): Promise<ProjectInfo>;
-  get(cacheOnly?: boolean): ProjectInfo | null | Promise<ProjectInfo> {
-    if (cacheOnly) return get(infoStore);
-    return this.fetch();
-  }
-
-  async fetch(noCache: boolean = false): Promise<ProjectInfo> {
-    if (!noCache) {
-      const cache = get(infoStore);
-      if (cache) return cache;
-    }
-    const res = await this.core.actions.project.getInfo();
-    infoStore.set(res);
-    return res;
-  }
-
-  async set(input: ProjectInfoInput): Promise<void> {
-    await this.core.actions.project.setInfo(input);
-    await this.fetch(true);
-  }
-}
diff --git a/src/lib/client/info/info.type.ts b/src/lib/client/info/info.type.ts
deleted file mode 100644
index 775aa384..00000000
--- a/src/lib/client/info/info.type.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { InfoProject, InfoProjectBody } from '$lib/server/actions/project/info.action';
-
-export type ProjectInfo = InfoProject;
-
-export type ProjectInfoInput = InfoProjectBody;
diff --git a/src/lib/client/loader/index.ts b/src/lib/client/loader/index.ts
deleted file mode 100644
index a172c260..00000000
--- a/src/lib/client/loader/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { Loader } from './loader';
-export * from './types/game.type';
-export * from './types/manifest.type';
diff --git a/src/lib/client/loader/loader.ts b/src/lib/client/loader/loader.ts
deleted file mode 100644
index a88d42be..00000000
--- a/src/lib/client/loader/loader.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import type { Project } from '$lib/client/project';
-import { SyncFileSystem } from '$lib/client/sync-file-system';
-
-import type { RawEventEmitter } from './types/event-emitter.type';
-import type { IGameOptions } from './types/game.type';
-import type { IExtendedManifestFile, IManifest } from './types/manifest.type';
-
-type MainFunction = (options: IGameOptions) => Promise<void>;
-
-export class Loader {
-  private readonly fs: SyncFileSystem;
-
-  constructor(private readonly core: Project) {
-    this.fs = new SyncFileSystem(this.core, 'build');
-  }
-
-  async build(): Promise<void> {
-    await this.core.actions.loader.build();
-  }
-
-  async start(container: HTMLDivElement): Promise<void> {
-    const manifest = await this.fetchManifest();
-    const env = await this.fetchEnv();
-    const { mainFile, files } = await this.resolveGameFiles(manifest);
-    const save = this.core.save.save;
-
-    const main = await this.loadMainFile(mainFile);
-
-    main({
-      files,
-      env,
-      editor: {
-        save,
-        coreEvents: this.core.event._coreEvents as unknown as RawEventEmitter,
-        editorEvents: this.core.event._editorEvents as unknown as RawEventEmitter,
-      },
-      container,
-    }).then(() => console.log('Game started!'));
-  }
-
-  private async loadMainFile(file: string): Promise<MainFunction> {
-    const res = await import(/* @vite-ignore */ file);
-    if (res['main']) return res['main'];
-    throw new Error('No main function found in the main.js file');
-  }
-
-  private fetchEnv(): Promise<Record<string, string | undefined>> {
-    return this.core.actions.loader.env();
-  }
-
-  private fetchManifest(): Promise<IManifest> {
-    return this.core.actions.loader.manifest();
-  }
-
-  private async resolveGameFiles(
-    manifest: IManifest,
-  ): Promise<{ mainFile: string; files: Map<string, string> }> {
-    const files = await this.fetchFiles(manifest);
-
-    let mainFile: string | undefined;
-    const resMap = new Map<string, string>();
-
-    for (const file of files) {
-      if (file.gamePath === '/main.js') {
-        mainFile = file.localPath;
-        continue;
-      }
-      resMap.set(file.gamePath, file.localPath);
-    }
-
-    if (!mainFile) throw new Error('No main.js file found in the manifest');
-    return { mainFile, files: resMap };
-  }
-
-  private async fetchFiles(manifest: IManifest): Promise<IExtendedManifestFile[]> {
-    return await Promise.all(
-      manifest.files.map(async ({ path }) => {
-        const file = await this.fs.getFile(path);
-        await file.fetch();
-        return { gamePath: path, localPath: await file.getUrl() };
-      }),
-    );
-  }
-}
diff --git a/src/lib/client/loader/types/event-emitter.type.ts b/src/lib/client/loader/types/event-emitter.type.ts
deleted file mode 100644
index c74d0275..00000000
--- a/src/lib/client/loader/types/event-emitter.type.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { IEventEmitter } from '$lib/client/event';
-
-export type RawEventEmitter = IEventEmitter<string, Record<string, any[]>>;
diff --git a/src/lib/client/loader/types/game.type.ts b/src/lib/client/loader/types/game.type.ts
deleted file mode 100644
index c02a4457..00000000
--- a/src/lib/client/loader/types/game.type.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Save } from '@utils/types';
-
-import type { RawEventEmitter } from './event-emitter.type';
-
-export interface IGameOptions {
-  container: HTMLDivElement;
-  files: Map<string, string>;
-  env: Record<string, string | undefined>;
-  editor: {
-    save: Save;
-    coreEvents: RawEventEmitter;
-    editorEvents: RawEventEmitter;
-  };
-}
diff --git a/src/lib/client/loader/types/manifest.type.ts b/src/lib/client/loader/types/manifest.type.ts
deleted file mode 100644
index a9b59a4a..00000000
--- a/src/lib/client/loader/types/manifest.type.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface IManifest {
-  version: string;
-  files: { path: string }[];
-}
-
-export interface IExtendedManifestFile {
-  gamePath: string;
-  localPath: string;
-}
diff --git a/src/lib/client/project/index.ts b/src/lib/client/project/index.ts
deleted file mode 100644
index 81ca00b2..00000000
--- a/src/lib/client/project/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { Project } from './project';
-export { ProjectCache, type ProjectDataCache } from './project-loader/project-cache';
-export {
-  ProjectLoader,
-  useProject,
-  getProject,
-  getProjectStore,
-} from './project-loader/project-loader';
-export { PLErrors, PLException } from './project-loader/exceptions';
diff --git a/src/lib/client/project/package-handler.ts b/src/lib/client/project/package-handler.ts
deleted file mode 100644
index cf38dd42..00000000
--- a/src/lib/client/project/package-handler.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { Project } from '$lib/client/project';
-
-export class PackageHandler {
-  private readonly _project: Project;
-
-  constructor(project: Project) {
-    this._project = project;
-  }
-
-  async installPackages(names: [string, ...string[]]): Promise<void> {
-    await this._project.actions.package.installPackages({ names });
-
-    // installPackages does not return dependencies, so it's required to sync to fetch all new components/systems
-    await this._project.ecs.components.sync();
-    await this._project.ecs.systems.sync();
-
-    const dir = await this._project.fs.getDirectory();
-    await dir.readdir(true);
-  }
-}
diff --git a/src/lib/client/project/project-loader/exceptions.ts b/src/lib/client/project/project-loader/exceptions.ts
deleted file mode 100644
index 389f89ef..00000000
--- a/src/lib/client/project/project-loader/exceptions.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { goto } from '$app/navigation';
-import { resolve } from '$app/paths';
-
-import { getConfig } from '$lib/client/config';
-import { ProjectLoader } from '$lib/client/project';
-
-import { toastError } from '@utils-client/toasts';
-
-const config = getConfig();
-
-export enum PLErrors {
-  No_Project = 'no_project',
-  No_Init_Project = 'no_init_project',
-  Invalid_Create_Action = 'invalid_create_action',
-  Invalid_Complete_Action = 'invalid_complete_action',
-  Empty_Project = 'empty_project',
-}
-
-const traces: Record<PLErrors, string> = {
-  [PLErrors.No_Project]: 'No project found',
-  [PLErrors.No_Init_Project]: 'Project not initialized',
-  [PLErrors.Invalid_Create_Action]: 'Unable to create project',
-  [PLErrors.Invalid_Complete_Action]: 'Unable to complete project',
-  [PLErrors.Empty_Project]: 'Empty project',
-};
-
-const fallbacks = {
-  [PLErrors.No_Project]: () => async () => {
-    await goto(resolve('/'));
-    toastError('No project found', 'Select a project or create a new one');
-  },
-  [PLErrors.No_Init_Project]: (id: string) => async () => {
-    await goto(resolve(`/load?id=${id}`));
-  },
-  [PLErrors.Invalid_Create_Action]: (error: any) => async () => {
-    toastError('Unable to create project', error.message ?? 'Unknown error');
-  },
-  [PLErrors.Invalid_Complete_Action]: (error: any) => async () => {
-    toastError('Unable to init project', error.message ?? 'Unknown error');
-  },
-  [PLErrors.Empty_Project]: (id: string, resolvable: string) => async () => {
-    if (config.mode === 'offline') {
-      ProjectLoader.unload();
-      await goto(resolve('/'));
-      toastError('Invalid project', 'Select another project or create a new one');
-    }
-    await goto(resolve(`/load?id=${id}&gatewayId=${resolvable}`));
-  },
-};
-
-export class PLException<T extends PLErrors> extends Error {
-  public readonly reason: T;
-  public readonly fb: () => Promise<void>;
-  public readonly args: Parameters<(typeof fallbacks)[T]>;
-
-  constructor(reason: T, ...args: Parameters<(typeof fallbacks)[T]>) {
-    super(`Failed to load project: ${traces[reason]}`);
-    this.reason = reason;
-    this.fb = (fallbacks[reason] as any)(...(args as []));
-    this.args = args;
-  }
-}
-
-export const runPLSafe = async <T, E extends PLErrors>(
-  cb: () => Promise<T>,
-  fb: (e: unknown) => PLException<E>,
-): Promise<T | never> => {
-  try {
-    return await cb();
-  } catch (e) {
-    if (e instanceof PLException) throw e;
-    throw fb(e);
-  }
-};
diff --git a/src/lib/client/project/project-loader/init-functions.ts b/src/lib/client/project/project-loader/init-functions.ts
deleted file mode 100644
index 24e9cad2..00000000
--- a/src/lib/client/project/project-loader/init-functions.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { Project } from '$lib/client/project';
-import { updateTabsStore } from '$lib/components/Tabs/store';
-
-export const initTabs = (project: Project) => {
-  updateTabsStore(project.id);
-};
diff --git a/src/lib/client/project/project-loader/project-cache.ts b/src/lib/client/project/project-loader/project-cache.ts
deleted file mode 100644
index 46359236..00000000
--- a/src/lib/client/project/project-loader/project-cache.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { noProjectActions } from '$lib/client/action';
-import { getConfig } from '$lib/client/config';
-
-import { randomString } from '@utils/string';
-
-export interface ProjectDataCache {
-  id: string;
-  resolvable: string;
-  lastOpened: number;
-  name?: string;
-  imageUrl?: string;
-  invalid?: boolean;
-}
-
-export class ProjectCache {
-  private static storageKey = 'projects';
-  private static isOnline = getConfig().mode === 'online';
-
-  static async getProjects(): Promise<ProjectDataCache[]> {
-    if (this.isOnline) return ProjectCache.getOnlineProjects();
-    const storedProjects = localStorage.getItem(this.storageKey);
-    if (storedProjects) {
-      return (JSON.parse(storedProjects) as ProjectDataCache[]).sort(
-        (a, b) => b.lastOpened - a.lastOpened,
-      );
-    }
-    return [];
-  }
-
-  static async getOnlineProjects(): Promise<ProjectDataCache[]> {
-    const projects = await noProjectActions.project.getGatewayProjects();
-    return projects.map((project) => ({
-      id: randomString(10),
-      resolvable: project.gatewayId,
-      lastOpened: Date.now(),
-      name: project.name,
-    }));
-  }
-
-  static async getProject(id: string): Promise<ProjectDataCache> {
-    const projects = await this.getProjects();
-    const project = projects.find((project) => project.id === id);
-    if (project) return project;
-    throw new Error('Project not found');
-  }
-
-  static async addProject(project: ProjectDataCache): Promise<void> {
-    if (this.isOnline) return;
-    const projects = await this.getProjects();
-    projects.push(project);
-    localStorage.setItem(this.storageKey, JSON.stringify(projects));
-  }
-
-  static async removeProject(id: string): Promise<void> {
-    if (this.isOnline) return;
-    let projects = await this.getProjects();
-    projects = projects.filter((project) => project.id !== id);
-    localStorage.setItem(this.storageKey, JSON.stringify(projects));
-  }
-
-  static async updateProject(id: string, updatedProject: Partial<ProjectDataCache>): Promise<void> {
-    if (this.isOnline) return;
-    const projects = await this.getProjects();
-    const projectIndex = projects.findIndex((project) => project.id === id);
-
-    if (projectIndex !== -1) {
-      projects[projectIndex] = { ...projects[projectIndex], ...updatedProject };
-      localStorage.setItem(this.storageKey, JSON.stringify(projects));
-    }
-  }
-
-  static async invalidateProject(id: string): Promise<void> {
-    return ProjectCache.updateProject(id, { invalid: true });
-  }
-
-  static async clearProjects(): Promise<void> {
-    if (this.isOnline) return;
-    localStorage.removeItem(this.storageKey);
-  }
-
-  static async addOrUpdateProject(project: ProjectDataCache): Promise<void> {
-    if (this.isOnline) return;
-    const projects = await this.getProjects();
-    const projectIndex = projects.findIndex(
-      (p) => p.id === project.id || p.resolvable === project.resolvable,
-    );
-    if (projectIndex !== -1) {
-      projects[projectIndex] = { ...projects[projectIndex], ...project };
-    } else {
-      projects.push(project);
-    }
-    localStorage.setItem(this.storageKey, JSON.stringify(projects));
-  }
-}
diff --git a/src/lib/client/project/project-loader/project-loader.ts b/src/lib/client/project/project-loader/project-loader.ts
deleted file mode 100644
index 7f8a4045..00000000
--- a/src/lib/client/project/project-loader/project-loader.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-import { get, writable } from 'svelte/store';
-
-import {
-  type ActionProject,
-  type CompleteProjectActionInput,
-  type CreateProjectActionInput,
-  noProjectActions,
-} from '$lib/client/action';
-import { getConfig } from '$lib/client/config';
-import { Project, ProjectCache, type ProjectDataCache } from '$lib/client/project';
-import { SfsTreeCache } from '$lib/client/sync-file-system';
-
-import { FileSystemManager } from '@utils-client/file-system';
-
-import { PLErrors, PLException, runPLSafe } from './exceptions';
-import { initTabs } from './init-functions';
-
-type ProjectCacheResolvable = ActionProject;
-
-const projectStore = writable<Project | null>(null);
-
-export class ProjectLoader {
-  static async create(input: CreateProjectActionInput) {
-    const res = await runPLSafe(
-      () => noProjectActions.project.new(input),
-      (e) => new PLException(PLErrors.Invalid_Create_Action, e),
-    );
-
-    return ProjectLoader.init(res);
-  }
-
-  static async complete(input: CompleteProjectActionInput) {
-    const res = await runPLSafe(
-      () => noProjectActions.project.complete(input),
-      (e) => new PLException(PLErrors.Invalid_Complete_Action, e),
-    );
-
-    return ProjectLoader.init(res);
-  }
-
-  static async loadFromCacheWithTryId(cache: ProjectDataCache) {
-    try {
-      return await ProjectLoader.loadFromId(cache.id);
-    } catch {
-      /* empty */
-    }
-
-    return ProjectLoader.loadFromCache(cache);
-  }
-
-  static async loadFromIdWithCacheFetching(id: string) {
-    try {
-      return await ProjectLoader.loadFromId(id);
-    } catch {
-      /* empty */
-    }
-
-    const cache = await ProjectCache.getProject(id);
-
-    return ProjectLoader.loadFromCache(cache);
-  }
-
-  static async loadFromCache(cache: ProjectDataCache) {
-    await ProjectCache.removeProject(cache.id);
-    const config = getConfig();
-    const input =
-      config.mode === 'offline' ? { path: cache.resolvable } : { gatewayId: cache.resolvable };
-
-    const res = await noProjectActions.project.load(input);
-
-    const treeCache = new SfsTreeCache(cache.id);
-    await treeCache.init();
-    await treeCache.changeId(res.id);
-
-    const fs = new FileSystemManager('projects');
-    const dir = await fs.getDirectory(cache.id);
-    await dir.rename(res.id);
-
-    return await ProjectLoader.init(res);
-  }
-
-  static async loadFromPath(path: string) {
-    const res = await noProjectActions.project.load({ path });
-
-    return ProjectLoader.init(res);
-  }
-
-  static async loadFromGatewayId(gatewayId: string) {
-    const res = await noProjectActions.project.load({ gatewayId });
-
-    return ProjectLoader.init(res);
-  }
-
-  static async loadFromId(id: string) {
-    const res = await noProjectActions.project.load({ id });
-
-    return ProjectLoader.init(res);
-  }
-
-  static async init(input: ProjectCacheResolvable): Promise<Project> {
-    Project.reset();
-
-    const project = new Project(input.id);
-    projectStore.set(project);
-
-    const infos = await runPLSafe(
-      () => project.info.get(),
-      () => new PLException(PLErrors.Empty_Project, input.id, input.cacheResolvable),
-    );
-
-    await ProjectCache.addOrUpdateProject({
-      id: input.id,
-      resolvable: input.cacheResolvable,
-      name: infos.name,
-      lastOpened: Date.now(),
-    });
-
-    await this.initFunctions(project);
-
-    return project;
-  }
-
-  static async initFunctions(project: Project): Promise<void> {
-    initTabs(project);
-  }
-
-  static unload() {
-    projectStore.set(null);
-    Project.reset();
-  }
-}
-
-export const useProject = () => {
-  const project = get(projectStore);
-  if (!project) {
-    const error = new PLException(PLErrors.No_Project);
-    void error.fb();
-    throw error;
-  }
-
-  if (!project.isReady()) {
-    const error = new PLException(PLErrors.No_Init_Project, project.id);
-    void error.fb();
-    throw error;
-  }
-
-  return project;
-};
-
-export const getProject = () => get(projectStore);
-
-export const getProjectStore = () => projectStore;
diff --git a/src/lib/client/project/project.ts b/src/lib/client/project/project.ts
deleted file mode 100644
index 6d267a4a..00000000
--- a/src/lib/client/project/project.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { type ActionClient, getActionClient } from '$lib/client/action';
-import { ECSHandler } from '$lib/client/ecs';
-import { EventHandler } from '$lib/client/event';
-import { InfoHandler } from '$lib/client/info';
-import { Loader } from '$lib/client/loader';
-import { PackageHandler } from '$lib/client/project/package-handler';
-import { SaveHandler } from '$lib/client/project/save-handler';
-import { SyncFileSystem } from '$lib/client/sync-file-system';
-
-export class Project {
-  private _info: InfoHandler | undefined;
-  private _actions: ActionClient | undefined;
-  private _fs: SyncFileSystem | undefined;
-  private _loader: Loader | undefined;
-  private _save: SaveHandler | undefined;
-  private _packageHandler: PackageHandler | undefined;
-  private _eventHandler: EventHandler | undefined;
-  private _ecsHandler: ECSHandler | undefined;
-
-  private _inited = false;
-
-  static reset(): void {
-    InfoHandler.reset();
-    EventHandler.reset();
-    ECSHandler.reset();
-  }
-
-  constructor(public id: string) {
-    this._save = new SaveHandler(this);
-    this._packageHandler = new PackageHandler(this);
-  }
-
-  async init(): Promise<Project> {
-    await this.fs.init();
-    await this.ecs.init();
-    await this.save.init();
-    await this.event.init();
-    this._inited = true;
-    return this;
-  }
-
-  isReady(): boolean {
-    return this._inited;
-  }
-
-  get info(): InfoHandler {
-    if (!this._info) this._info = new InfoHandler(this);
-    return this._info;
-  }
-
-  get actions(): ActionClient {
-    if (!this._actions) this._actions = getActionClient(this.id);
-    return this._actions;
-  }
-
-  get fs(): SyncFileSystem {
-    if (!this._fs) this._fs = new SyncFileSystem(this, 'project');
-    return this._fs;
-  }
-
-  get loader(): Loader {
-    if (!this._loader) this._loader = new Loader(this);
-    return this._loader;
-  }
-
-  get save(): SaveHandler {
-    if (!this._save) this._save = new SaveHandler(this);
-    return this._save;
-  }
-
-  get packages(): PackageHandler {
-    if (!this._packageHandler) this._packageHandler = new PackageHandler(this);
-    return this._packageHandler;
-  }
-
-  get event(): EventHandler {
-    if (!this._eventHandler) this._eventHandler = new EventHandler();
-    return this._eventHandler;
-  }
-
-  get ecs(): ECSHandler {
-    if (!this._ecsHandler) this._ecsHandler = new ECSHandler(this);
-    return this._ecsHandler;
-  }
-}
diff --git a/src/lib/client/project/save-handler.ts b/src/lib/client/project/save-handler.ts
deleted file mode 100644
index a89c5413..00000000
--- a/src/lib/client/project/save-handler.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { type Writable, get, writable } from 'svelte/store';
-
-import { getConfig } from '$lib/client/config';
-import { CoreEvents } from '$lib/client/event';
-import type { Project } from '$lib/client/project';
-
-import type { Save } from '@utils/types';
-
-export class SaveHandler {
-  private _project: Project;
-  private _save: Writable<Save> = writable({
-    libraries: [],
-    entities: [],
-    components: [],
-    systems: [],
-  });
-  private _readyToSync = true;
-  private _syncTimer?: Timer;
-  private _needSync: Writable<boolean> = writable(false);
-  private _syncGatewayEnable?: boolean = true;
-
-  constructor(project: Project) {
-    this._project = project;
-  }
-
-  async init() {
-    await this.fetchFromServer();
-
-    this._listeners();
-
-    this._save.subscribe(() => {
-      this.syncToServer();
-      this._project.event.emit(CoreEvents.HOT_RELOAD, this.save);
-    });
-    if (getConfig().mode === 'online') {
-      this.initSyncGateway();
-    }
-  }
-
-  async fetchFromServer() {
-    this._save.set(await this._project.actions.save.get());
-  }
-
-  async syncToServer() {
-    if (this._readyToSync) {
-      this._readyToSync = false;
-
-      await this._project.actions.save.set({ save: get(this._save) });
-
-      this._syncTimer = setTimeout(() => {
-        this._readyToSync = true;
-        if (get(this._needSync)) {
-          this.syncToServer();
-          this._needSync.set(false);
-        }
-      }, 5000);
-    } else {
-      this._needSync.set(true);
-    }
-  }
-
-  async forceSyncToServer() {
-    this._readyToSync = true;
-    this._needSync.set(false);
-    clearTimeout(this._syncTimer);
-    await this.syncToServer();
-  }
-
-  get save(): Save {
-    return get(this._save);
-  }
-
-  private _listeners() {
-    this._project.ecs.components.store.subscribe((components) => {
-      this._save.set({
-        ...this.save,
-        components: components.map((component) => ({
-          name: component.id,
-          path: component.path,
-          paramsNames: component.params.map((p) => {
-            if (p.type === 'asset') return `__RESERVED_ASSET_${p.name}`;
-            return p.name;
-          }),
-        })),
-      });
-      void this.forceSyncToServer();
-    });
-
-    this._project.ecs.scenes.activeData.systems.store.subscribe((systems) => {
-      this._save.set({
-        ...this.save,
-        systems: systems.map((id) => {
-          const system = this._project.ecs.systems.get(id).data;
-          return {
-            name: system.id,
-            path: system.path,
-          };
-        }),
-      });
-      void this.forceSyncToServer();
-    });
-
-    this._project.ecs.scenes.activeData.entities.store.subscribe((entities) => {
-      this._save.set({
-        ...this.save,
-        entities: entities.map((entity) => ({
-          id: entity.id,
-          treePath: entity.treePath,
-          components: entity.components,
-        })),
-      });
-      void this.syncToServer();
-    });
-  }
-
-  private initSyncGateway() {
-    setInterval(
-      async () => {
-        if (this._syncGatewayEnable) {
-          await this._project.actions.project.syncGatewayProject();
-        }
-      },
-      1000 * 60 * 5,
-    );
-    window.addEventListener('beforeunload', (e) => {
-      const res = this._project.actions.project.syncGatewayProject();
-      if (!res) e.preventDefault();
-    });
-  }
-}
diff --git a/src/lib/client/sync-file-system/index.ts b/src/lib/client/sync-file-system/index.ts
deleted file mode 100644
index 4cca18a8..00000000
--- a/src/lib/client/sync-file-system/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { SyncFileSystem } from './sfs';
-export { SfsDirectory, type SfsDirectoryMap } from './sfs-directory';
-export { SfsFile } from './sfs-file';
-export { SfsTreeCache } from './sfs-tree-cache';
diff --git a/src/lib/client/sync-file-system/sfs-directory.ts b/src/lib/client/sync-file-system/sfs-directory.ts
deleted file mode 100644
index 2b948d2d..00000000
--- a/src/lib/client/sync-file-system/sfs-directory.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { SyncFileSystem } from '$lib/client/sync-file-system/sfs';
-import type { DirectoryContent } from '$lib/server/file-system/project-directory';
-
-import type { FileSystemDirectory } from '@utils-client/file-system';
-
-import { SfsFile } from './sfs-file';
-
-export type SfsDirectoryMap = DirectoryContent;
-
-export class SfsDirectory {
-  constructor(
-    private readonly _handler: SyncFileSystem,
-    private _cache: FileSystemDirectory,
-    private readonly _path: string,
-  ) {}
-
-  get path(): string {
-    return this._path;
-  }
-
-  async getFile(path: string): Promise<SfsFile> {
-    const fullPath = `${this._path}/${path}`;
-    if (await this._cache.fileExist(path))
-      return new SfsFile(this._handler, await this._cache?.getFile(path, false), fullPath);
-    return new SfsFile(this._handler, null, fullPath);
-  }
-
-  async getDirectory(path: string): Promise<SfsDirectory> {
-    const fullPath = `${this._path}/${path}`;
-    return new SfsDirectory(this._handler, await this._cache.getDirectory(path, true), fullPath);
-  }
-
-  async readdir(noCache: boolean = false): Promise<SfsDirectoryMap> {
-    let res: SfsDirectoryMap | null = null;
-
-    if (!noCache && this._handler.treeCache) res = await this._handler.treeCache.read(this._path);
-
-    if (res) return res;
-
-    res = await this._handler.project.actions.fs.readdir({ path: this._path });
-
-    if (this._handler.treeCache) await this._handler.treeCache.write(this._path, res);
-
-    return res;
-  }
-}
diff --git a/src/lib/client/sync-file-system/sfs-file.ts b/src/lib/client/sync-file-system/sfs-file.ts
deleted file mode 100644
index ad9a0eae..00000000
--- a/src/lib/client/sync-file-system/sfs-file.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import type { SyncFileSystem } from '$lib/client/sync-file-system/sfs';
-
-import { SESSION_PROJECT_HEADER } from '@utils/const';
-
-import type { FileSystemFile } from '@utils-client/file-system';
-
-export class SfsFile {
-  private readonly _route: string;
-
-  constructor(
-    private readonly _handler: SyncFileSystem,
-    private _cache: FileSystemFile | null,
-    private readonly _path: string,
-  ) {
-    this._route = `${this._handler.route}?path=${encodeURIComponent(`${this._path}?url`)}`;
-  }
-
-  get path(): string {
-    return this._path;
-  }
-
-  async getUrl(): Promise<string> {
-    await this._preRead();
-    return this._cache!.getUrl();
-  }
-
-  async read(): Promise<string> {
-    await this._preRead();
-    return this._cache!.read();
-  }
-
-  async readJson(): Promise<string> {
-    await this._preRead();
-    return this._cache!.readJson();
-  }
-
-  async fetch(): Promise<void> {
-    await this._preWrite();
-    const res = await fetch(this._route, {
-      method: 'GET',
-      headers: { [SESSION_PROJECT_HEADER]: this._handler.project.id },
-    });
-    if (!res.ok || !res.body) {
-      throw new Error('Failed to fetch file');
-    }
-    const stream = await this._cache!.handle.createWritable();
-    await res.body.pipeTo(stream);
-  }
-
-  async write(test: string): Promise<void> {
-    await this._preWrite();
-    await this._cache!.write(test);
-    await this.sync();
-  }
-
-  async writeJson(content: any): Promise<void> {
-    await this._preWrite();
-    await this._cache!.writeJson(content);
-    await this.sync();
-  }
-
-  async createWritable(): Promise<FileSystemWritableFileStream> {
-    await this._preWrite();
-    return await this._cache!.createWritable();
-  }
-
-  async sync(): Promise<void> {
-    if (!this._cache) return;
-    const file = await this._cache.getFile();
-    const res = await fetch(this._route, {
-      body: file,
-      method: 'POST',
-      headers: {
-        [SESSION_PROJECT_HEADER]: this._handler.project.id,
-        'Content-Type': 'application/octet-stream',
-      },
-    });
-    if (!res.ok) throw new Error(`Failed to sync file: ${await res.text()}`);
-  }
-
-  async delete(): Promise<void> {
-    const res = await fetch(this._route, {
-      method: 'DELETE',
-      headers: {
-        [SESSION_PROJECT_HEADER]: this._handler.project.id,
-      },
-    });
-    if (!res.ok) throw new Error(`Failed to delete file: ${await res.text()}`);
-  }
-
-  async getFile(): Promise<FileSystemFile> {
-    await this._preRead();
-    return this._cache!;
-  }
-
-  private async _preRead() {
-    if (!this._cache) {
-      await this.fetch();
-    }
-  }
-
-  private async _preWrite() {
-    if (!this._cache) {
-      this._cache = await this._handler.cache.getFile(this.path, true);
-    }
-  }
-}
diff --git a/src/lib/client/sync-file-system/sfs-tree-cache.ts b/src/lib/client/sync-file-system/sfs-tree-cache.ts
deleted file mode 100644
index e2d4759f..00000000
--- a/src/lib/client/sync-file-system/sfs-tree-cache.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { IndexedDB } from '@utils-client/indexed-db';
-
-import type { SfsDirectoryMap } from './sfs-directory';
-
-export const SFS_DB_STORE_NAME = 'fs-project-tree';
-
-export class SfsTreeCache extends IndexedDB {
-  constructor(private readonly projectId: string) {
-    super();
-  }
-
-  init(): Promise<void> {
-    return this.open(1, async (db) => {
-      db.createObjectStore(SFS_DB_STORE_NAME);
-    });
-  }
-
-  async changeId(newId: string): Promise<void> {
-    const store = this.getStore(SFS_DB_STORE_NAME);
-    const data = await store.get<SfsDirectoryMap>(this.projectId);
-    if (!data) return;
-    await store.set(newId, data);
-    await store.delete(this.projectId);
-  }
-
-  async read(path: string): Promise<SfsDirectoryMap | null> {
-    const store = this.getStore(SFS_DB_STORE_NAME);
-    const data = await store.get<SfsDirectoryMap>(this.projectId);
-    return this._extractMapFromPath(path, data ?? null);
-  }
-
-  async write(path: string, data: SfsDirectoryMap): Promise<void> {
-    const currentData = await this.read(path);
-    const store = this.getStore(SFS_DB_STORE_NAME);
-    const map = this._generateMapFromPath(
-      path,
-      currentData ?? { files: [], directories: {} },
-      data,
-    );
-    await store.set(this.projectId, map);
-  }
-
-  private _extractMapFromPath(path: string, map: SfsDirectoryMap | null): SfsDirectoryMap | null {
-    const parts = path.split('/');
-    let currentMap: SfsDirectoryMap | null = map;
-    for (const part of parts) {
-      if (currentMap === null) return null;
-      if (part in currentMap.directories) currentMap = currentMap.directories[part] ?? null;
-    }
-    return currentMap;
-  }
-
-  private _generateMapFromPath(
-    path: string,
-    map: SfsDirectoryMap,
-    data: SfsDirectoryMap,
-  ): SfsDirectoryMap | null {
-    if (!path) return data;
-    const parts = path.split('/');
-    return this._generateMapFromPathRec(parts, map, data);
-  }
-
-  private _generateMapFromPathRec(
-    parts: string[],
-    map: SfsDirectoryMap,
-    data: SfsDirectoryMap,
-  ): SfsDirectoryMap | null {
-    if (parts.length === 0) return data;
-    const [part, ...rest] = parts;
-
-    map.directories[part] = this._generateMapFromPathRec(
-      rest,
-      map.directories[part] ?? { files: [], directories: {} },
-      data,
-    );
-    return map;
-  }
-}
diff --git a/src/lib/client/sync-file-system/sfs.ts b/src/lib/client/sync-file-system/sfs.ts
deleted file mode 100644
index 587d0710..00000000
--- a/src/lib/client/sync-file-system/sfs.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { Project } from '$lib/client/project';
-
-import { FileSystemManager } from '@utils-client/file-system';
-
-import { SfsDirectory } from './sfs-directory';
-import { SfsFile } from './sfs-file';
-import { SfsTreeCache } from './sfs-tree-cache';
-
-export type SyncFileSystemPart = 'build' | 'project';
-
-const FS_ROUTE: Record<SyncFileSystemPart, string> = {
-  build: '/fs/build',
-  project: '/fs/project',
-};
-
-export class SyncFileSystem {
-  public readonly project: Project;
-  public readonly route: string;
-  public readonly cache: FileSystemManager;
-  public readonly treeCache: SfsTreeCache | undefined;
-
-  constructor(project: Project, part: SyncFileSystemPart) {
-    this.project = project;
-    this.route = FS_ROUTE[part];
-    this.cache = new FileSystemManager(`projects/${project.id}/${part}`);
-    if (part === 'project') this.treeCache = new SfsTreeCache(project.id);
-  }
-
-  async init(): Promise<void> {
-    await this.treeCache?.init();
-    const dir = await this.getDirectory();
-    await dir.readdir(true);
-  }
-
-  async getFile(path: string): Promise<SfsFile> {
-    return new SfsFile(
-      this,
-      (await this.cache.fileExist(path)) ? await this.cache.getFile(path, false) : null,
-      path,
-    );
-  }
-
-  async getDirectory(path?: string): Promise<SfsDirectory> {
-    return new SfsDirectory(this, await this.cache.getDirectory(path, true), path ?? '');
-  }
-}
diff --git a/src/lib/client/utils/error.ts b/src/lib/client/utils/error.ts
deleted file mode 100644
index 989506ed..00000000
--- a/src/lib/client/utils/error.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { PLException } from '$lib/client/project';
-
-import { Exception } from '@utils/exception';
-import type { MaybePromise } from '@utils/types';
-
-import { toastError } from '@utils-client/toasts';
-
-export const handleError = (error: unknown, context?: string) => {
-  const message = `Failed to ${context ?? 'execute'}`;
-  if (error instanceof Exception) {
-    console.error(`${message} (${error.error} - ${error.status}): ${error.message}`);
-    toastError(message, error.message);
-    return;
-  }
-  console.error(`${message}: ${error}`);
-  toastError(message, `${error}`);
-};
-
-export const runSafe = async <T = undefined>(
-  context: string,
-  cb: () => Promise<T>,
-  fallback?: () => MaybePromise<void>,
-): Promise<T | null> => {
-  try {
-    return await cb();
-  } catch (error) {
-    if (error instanceof PLException) {
-      error.fb();
-      return null;
-    }
-    handleError(error, context);
-  }
-  fallback?.();
-  return null;
-};
diff --git a/src/lib/client/utils/file-system/file-system-directory.ts b/src/lib/client/utils/file-system/file-system-directory.ts
deleted file mode 100644
index 5481e779..00000000
--- a/src/lib/client/utils/file-system/file-system-directory.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { FileSystemFile } from './file-system-file';
-
-export type FileSystemMapChildren = Map<string, FileSystemDirectory | FileSystemFile>;
-export type FileSystemMapDirectoryChildren = Map<string, FileSystemDirectory>;
-
-export type FileSystemMapEntry = [string, FileSystemDirectory | FileSystemFile];
-export type FileSystemMapEntryDirectory = [string, FileSystemDirectory];
-
-export class FileSystemDirectory {
-  readonly handle: FileSystemDirectoryHandle;
-
-  constructor(handle: FileSystemDirectoryHandle) {
-    this.handle = handle;
-  }
-
-  get name(): string {
-    return this.handle.name;
-  }
-
-  async getFile(name: string, create = true): Promise<FileSystemFile> {
-    return new FileSystemFile(await this.handle.getFileHandle(name, { create }));
-  }
-
-  async fileExist(name: string): Promise<boolean> {
-    try {
-      await this.handle.getFileHandle(name, { create: false });
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  async getDirectory(name: string, create = true): Promise<FileSystemDirectory> {
-    return new FileSystemDirectory(await this.handle.getDirectoryHandle(name, { create }));
-  }
-
-  async getChildren(): Promise<FileSystemMapChildren> {
-    const result: FileSystemMapChildren = new Map();
-    const entries = this.handle.entries();
-
-    for await (const [name, handle] of entries) {
-      result.set(
-        name,
-        handle instanceof FileSystemDirectoryHandle
-          ? new FileSystemDirectory(handle)
-          : new FileSystemFile(handle),
-      );
-    }
-    return result;
-  }
-
-  async removeChild(name: string, recursive = true): Promise<void> {
-    return this.handle.removeEntry(name, { recursive });
-  }
-
-  async getParents(root: FileSystemDirectory): Promise<FileSystemDirectory[] | null> {
-    const parentsFolderNames = await root.handle.resolve(this.handle);
-    const parents: FileSystemDirectory[] = [];
-    let previousParent: FileSystemDirectory = root;
-
-    if (!parentsFolderNames) return null;
-
-    for (const folder of parentsFolderNames) {
-      previousParent = await previousParent.getDirectory(folder);
-      parents.push(previousParent);
-    }
-    return parents;
-  }
-
-  async clear(): Promise<void> {
-    for await (const name of this.handle.keys()) {
-      await this.removeChild(name);
-    }
-  }
-
-  async rename(name: string): Promise<void> {
-    if ('move' in this.handle && typeof this.handle.move === 'function')
-      return await this.handle.move(name);
-  }
-}
diff --git a/src/lib/client/utils/file-system/file-system-file.ts b/src/lib/client/utils/file-system/file-system-file.ts
deleted file mode 100644
index 0971258c..00000000
--- a/src/lib/client/utils/file-system/file-system-file.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-const FILE_TYPES = {
-  aac: 'audio/aac',
-  abw: 'application/x-abiword',
-  apng: 'image/apng',
-  arc: 'application/x-freearc',
-  avi: 'video/x-msvideo',
-  avif: 'image/avif',
-  azw: 'application/vnd.amazon.ebook',
-  bin: 'application/octet-stream',
-  bmp: 'image/bmp',
-  bz: 'application/x-bzip',
-  bz2: 'application/x-bzip2',
-  cda: 'application/x-cdf',
-  cjs: 'text/javascript',
-  csh: 'application/x-csh',
-  css: 'text/css',
-  csv: 'text/csv',
-  doc: 'application/msword',
-  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-  eot: 'application/vnd.ms-fontobject',
-  epub: 'application/epub+zip',
-  gz: 'application/gzip',
-  gif: 'image/gif',
-  htm: 'text/html',
-  html: 'text/html',
-  ico: 'image/vnd.microsoft.icon',
-  ics: 'text/calendar',
-  jar: 'application/java-archive',
-  jpeg: 'image/jpeg',
-  jpg: 'image/jpeg',
-  js: 'application/javascript',
-  json: 'application/json',
-  jsonld: 'application/ld+json',
-  md: 'text/markdown',
-  mid: 'audio/midi',
-  midi: 'audio/midi',
-  mjs: 'text/javascript',
-  mp3: 'audio/mpeg',
-  mp4: 'video/mp4',
-  mpeg: 'video/mpeg',
-  mpkg: 'application/vnd.apple.installer+xml',
-  odp: 'application/vnd.oasis.opendocument.presentation',
-  ods: 'application/vnd.oasis.opendocument.spreadsheet',
-  odt: 'application/vnd.oasis.opendocument.text',
-  oga: 'audio/ogg',
-  ogv: 'video/ogg',
-  ogx: 'application/ogg',
-  opus: 'audio/ogg',
-  otf: 'font/otf',
-  png: 'image/png',
-  pdf: 'application/pdf',
-  php: 'application/x-httpd-php',
-  ppt: 'application/vnd.ms-powerpoint',
-  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-  rar: 'application/vnd.rar',
-  rtf: 'application/rtf',
-  sh: 'application/x-sh',
-  svg: 'image/svg+xml',
-  swf: 'application/x-shockwave-flash',
-  tar: 'application/x-tar',
-  tif: 'image/tiff',
-  tiff: 'image/tiff',
-  ts: 'text/plain',
-  ttf: 'font/ttf',
-  txt: 'text/plain',
-  vsd: 'application/vnd.visio',
-  wasm: 'application/wasm',
-  wav: 'audio/x-wav',
-  weba: 'audio/webm',
-  webm: 'video/webm',
-  webmanifest: 'application/manifest+json',
-  webp: 'image/webp',
-  wgsl: 'text/wgsl',
-  woff: 'font/woff',
-  woff2: 'font/woff2',
-  xhtml: 'application/xhtml+xml',
-  xls: 'application/vnd.ms-excel',
-  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  xml: 'application/xml',
-  xul: 'application/vnd.mozilla.xul+xml',
-  zip: 'application/zip',
-  '3gp': 'video/3gpp',
-  '3g2': 'video/3gpp2',
-  '7z': 'application/x-7z-compressed',
-};
-
-const URL_CACHE = new Map<string, string>();
-
-export class FileSystemFile {
-  readonly handle: FileSystemFileHandle;
-
-  constructor(handle: FileSystemFileHandle) {
-    this.handle = handle;
-  }
-
-  get name(): string {
-    return this.handle.name;
-  }
-
-  getFile(): Promise<File> {
-    return this.handle.getFile();
-  }
-
-  async isSameFile(file: FileSystemFile): Promise<boolean> {
-    return await this.handle.isSameEntry(file.handle);
-  }
-
-  async read(): Promise<string> {
-    const file = await this.handle.getFile();
-    return file.text();
-  }
-
-  async readJson<T = any>(): Promise<T> {
-    const raw = await this.read();
-    return JSON.parse(raw) as T;
-  }
-
-  async write(text: string): Promise<void> {
-    const writable = await this.handle.createWritable();
-    await writable.write(text);
-    await writable.close();
-  }
-
-  async writeBinary(base64: string): Promise<void> {
-    const binary = Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));
-    const writable = await this.handle.createWritable();
-    await writable.write(binary);
-    await writable.close();
-  }
-
-  async writeJson(content: any): Promise<void> {
-    const raw = JSON.stringify(content);
-    return this.write(raw);
-  }
-
-  async createWritable(): Promise<FileSystemWritableFileStream> {
-    return this.handle.createWritable();
-  }
-
-  async getUrl(): Promise<string> {
-    if (URL_CACHE.has(this.handle.name)) URL.revokeObjectURL(URL_CACHE.get(this.handle.name)!);
-    const file = await this.handle.getFile();
-    const blob = new Blob([await file.arrayBuffer()], { type: this._resolveFileType(file.name) });
-    const url = URL.createObjectURL(blob);
-    URL_CACHE.set(this.handle.name, url);
-    return url;
-  }
-
-  private _resolveFileType(name: string): string {
-    const extension = name.split('.').pop();
-    const type = FILE_TYPES[extension as keyof typeof FILE_TYPES];
-    if (type) return type;
-    return 'text/plain';
-  }
-}
diff --git a/src/lib/client/utils/file-system/file-system-handler.ts b/src/lib/client/utils/file-system/file-system-handler.ts
deleted file mode 100644
index 199bb5c4..00000000
--- a/src/lib/client/utils/file-system/file-system-handler.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-export class FileSystemHandler {
-  private fs!: FileSystemDirectoryHandle;
-  private readonly rootPath: string;
-
-  constructor(root: string) {
-    this.rootPath = root;
-  }
-
-  async getDirectory(path?: string, create?: boolean): Promise<FileSystemDirectoryHandle> {
-    await this._checkRootHandle();
-    if (!path) return this.fs;
-    return this._getSubDirFromRawPath(this.fs, path, create);
-  }
-
-  async getFile(path: string, create = true): Promise<FileSystemFileHandle> {
-    await this._checkRootHandle();
-    const paths = this._parsePath(path);
-    const fileName = paths.pop();
-    if (!fileName) {
-      throw new Error();
-    }
-    const handle = await this._getSubDirFromPath(this.fs, paths, create);
-    return handle.getFileHandle(fileName, { create });
-  }
-
-  private async _checkRootHandle(): Promise<void> {
-    if (!this.fs) await this._initRootHandle();
-  }
-
-  private async _initRootHandle() {
-    const rootHandle = await navigator.storage.getDirectory();
-    this.fs = await this._getSubDirFromRawPath(rootHandle, this.rootPath);
-  }
-
-  private async _getSubDirFromRawPath(
-    handle: FileSystemDirectoryHandle,
-    rawPath: string,
-    create?: boolean,
-  ): Promise<FileSystemDirectoryHandle> {
-    const path = this._parsePath(rawPath);
-    return this._getSubDirFromPath(handle, path, create);
-  }
-
-  private async _getSubDirFromPath(
-    handle: FileSystemDirectoryHandle,
-    path: string[],
-    create?: boolean,
-  ): Promise<FileSystemDirectoryHandle> {
-    for (const dir of path) {
-      handle = await this._getSubDir(handle, dir, create);
-    }
-    return handle;
-  }
-
-  private async _getSubDir(
-    handle: FileSystemDirectoryHandle,
-    name: string,
-    create = true,
-  ): Promise<FileSystemDirectoryHandle> {
-    return handle.getDirectoryHandle(name, { create });
-  }
-
-  private _parsePath(path: string): string[] {
-    return path.split('/').filter((path: string) => !!path);
-  }
-}
diff --git a/src/lib/client/utils/file-system/file-system-manager.ts b/src/lib/client/utils/file-system/file-system-manager.ts
deleted file mode 100644
index 8385b505..00000000
--- a/src/lib/client/utils/file-system/file-system-manager.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { FileSystemDirectory } from './file-system-directory';
-import { FileSystemFile } from './file-system-file';
-import { FileSystemHandler } from './file-system-handler';
-
-export class FileSystemManager {
-  private readonly fs: FileSystemHandler;
-
-  constructor(root: string) {
-    this.fs = new FileSystemHandler(root);
-  }
-
-  async getFile(path: string, create?: boolean): Promise<FileSystemFile> {
-    return new FileSystemFile(await this.fs.getFile(path, create));
-  }
-
-  async getDirectory(path?: string, create?: boolean): Promise<FileSystemDirectory> {
-    return new FileSystemDirectory(await this.fs.getDirectory(path, create));
-  }
-
-  async fileExist(path: string): Promise<boolean> {
-    try {
-      await this.getFile(path, false);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  async directoryExist(path: string): Promise<boolean> {
-    try {
-      await this.getDirectory(path, false);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  async clear(): Promise<boolean> {
-    try {
-      const dir = await this.getDirectory('/');
-      await dir.clear();
-      return true;
-    } catch {
-      return false;
-    }
-  }
-}
diff --git a/src/lib/client/utils/file-system/index.ts b/src/lib/client/utils/file-system/index.ts
deleted file mode 100644
index 830dc1b4..00000000
--- a/src/lib/client/utils/file-system/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { FileSystemDirectory } from './file-system-directory';
-export { FileSystemFile } from './file-system-file';
-export { FileSystemManager } from './file-system-manager';
diff --git a/src/lib/client/utils/indexed-db/idb-object.ts b/src/lib/client/utils/indexed-db/idb-object.ts
deleted file mode 100644
index 436274e4..00000000
--- a/src/lib/client/utils/indexed-db/idb-object.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export class IndexedDBObject {
-  private readonly _store: IDBObjectStore;
-
-  constructor(store: IDBObjectStore) {
-    this._store = store;
-  }
-
-  get store(): IDBObjectStore {
-    return this._store;
-  }
-
-  get<T>(key: string): Promise<T | null> {
-    return new Promise((resolve, reject) => {
-      const request = this._store.get(key);
-      request.onsuccess = () => resolve((request.result as T) ?? null);
-      request.onerror = () => reject(request.error);
-    });
-  }
-
-  set<T>(key: string, data: T): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const request = this._store.put(data, key);
-      request.onsuccess = () => resolve();
-      request.onerror = () => reject(request.error);
-    });
-  }
-
-  delete(key: string): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const request = this._store.delete(key);
-      request.onsuccess = () => resolve();
-      request.onerror = () => reject(request.error);
-    });
-  }
-}
diff --git a/src/lib/client/utils/indexed-db/idb.ts b/src/lib/client/utils/indexed-db/idb.ts
deleted file mode 100644
index 634111b4..00000000
--- a/src/lib/client/utils/indexed-db/idb.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { IndexedDBObject } from './idb-object';
-
-const DB_NAME = 'nanoforge';
-
-export class IndexedDB {
-  private _db: IDBDatabase | undefined;
-
-  protected constructor() {}
-
-  protected get db(): IDBDatabase {
-    if (!this._db) {
-      throw new Error('Database is not open');
-    }
-    return this._db;
-  }
-
-  protected async open(
-    version?: number,
-    upgrade?: (db: IDBDatabase) => Promise<void>,
-  ): Promise<void> {
-    const window = (await import('@utils-client/window')).default;
-    if (!window.indexedDB) {
-      throw new Error("Your browser doesn't support a stable version of IndexedDB.");
-    }
-    const request = window.indexedDB.open(DB_NAME, version ?? 1);
-
-    [this._db] = await Promise.all([
-      new Promise<IDBDatabase>((resolve, reject) => {
-        request.onerror = () => reject(request.error);
-        request.onsuccess = () => resolve(request.result);
-      }),
-      new Promise<Promise<void> | undefined>((resolve) => {
-        request.onupgradeneeded = () => {
-          upgrade?.(request.result);
-        };
-        // * I don't know how to do it :/
-        setTimeout(resolve, 500);
-      }),
-    ]);
-  }
-
-  protected close() {
-    this._db?.close();
-  }
-
-  protected createStore(name: string, keyPath?: string): void {
-    this._assertDB();
-
-    this._db!.createObjectStore(name, { keyPath });
-  }
-
-  protected getStore(name: string) {
-    this._assertDB();
-
-    return new IndexedDBObject(this._db!.transaction(name, 'readwrite').objectStore(name));
-  }
-
-  protected deleteStore(name: string) {
-    this._assertDB();
-
-    this._db!.deleteObjectStore(name);
-  }
-
-  private _assertDB() {
-    if (!this._db) {
-      throw new Error('Database is not open');
-    }
-  }
-}
diff --git a/src/lib/client/utils/indexed-db/index.ts b/src/lib/client/utils/indexed-db/index.ts
deleted file mode 100644
index b6dc1345..00000000
--- a/src/lib/client/utils/indexed-db/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { IndexedDB } from './idb';
diff --git a/src/lib/client/utils/store.ts b/src/lib/client/utils/store.ts
deleted file mode 100644
index c7cced4b..00000000
--- a/src/lib/client/utils/store.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { type Writable, writable } from 'svelte/store';
-
-import { browser } from '$app/environment';
-
-export function persistedWritable<T>(key: string, initialValue: T): Writable<T> {
-  const store = writable(initialValue);
-
-  if (browser) {
-    const raw = localStorage.getItem(key);
-    if (raw) {
-      try {
-        store.set(JSON.parse(raw));
-      } catch {
-        localStorage.removeItem(key);
-      }
-    }
-
-    store.subscribe((value) => {
-      localStorage.setItem(key, JSON.stringify(value));
-    });
-  }
-
-  return store;
-}
diff --git a/src/lib/client/utils/toasts.ts b/src/lib/client/utils/toasts.ts
deleted file mode 100644
index 42f35fe4..00000000
--- a/src/lib/client/utils/toasts.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { toast } from 'svelte-sonner';
-
-export const toastError = (message: string, description?: string) =>
-  toast.error(message, {
-    description,
-    position: 'top-right',
-    style: 'background: oklch(var(--destructive)); color: oklch(var(--destructive-foreground));',
-  });
diff --git a/src/lib/client/utils/window.ts b/src/lib/client/utils/window.ts
deleted file mode 100644
index 76f1ace4..00000000
--- a/src/lib/client/utils/window.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default window;
diff --git a/src/lib/components/Menu/MenuBar.svelte b/src/lib/components/Menu/MenuBar.svelte
deleted file mode 100644
index a579dcee..00000000
--- a/src/lib/components/Menu/MenuBar.svelte
+++ /dev/null
@@ -1,132 +0,0 @@
-<script lang="ts">
-  import MenuButton from './MenuButton.svelte';
-  import MenuItem from './MenuItem.svelte';
-  import { resolve } from '$app/paths';
-  import { goto } from '$app/navigation';
-  import type { Snippet } from 'svelte';
-  import { ProjectLoader, useProject } from '$lib/client/project';
-  import { PUBLIC_DOCS_URL, PUBLIC_LANDING_URL } from '$env/static/public';
-  import { getConfig } from '$lib/client/config';
-  import ExportDialog from './export-dialog.svelte';
-
-  const { actions } = useProject();
-
-  // let fileInput: HTMLInputElement;
-
-  type MenuItem = { icon: string } & (
-    | {
-        name: string;
-      }
-    | {
-        snippet: Snippet;
-      }
-  ) &
-    ({ onClick: () => void; link?: string } | { onClick?: () => void; link: string });
-
-  interface Menu {
-    name: string;
-    items: MenuItem[];
-  }
-
-  // async function handleImportClick() {
-  //   fileInput.click();
-  // }
-
-  // async function handleFileChange(event: Event) {
-  //   const input = event.target as HTMLInputElement;
-  //   const file = input.files?.[0];
-  //   if (!file) return;
-  //   if (!file.name.endsWith('.zip')) return;
-  //
-  //   //await importFromZip(file);
-  //   input.value = '';
-  // }
-
-  let exportOpen = $state(false);
-  let exportLoading = $state(false);
-  let exportArchiveId = $state<string | null>(null);
-
-  const handleExportClick = async () => {
-    exportArchiveId = null;
-    exportLoading = true;
-    exportOpen = true;
-    try {
-      const { id } = await actions.archive.create();
-      exportArchiveId = id;
-    } finally {
-      exportLoading = false;
-    }
-  };
-
-  const handleSave = async () => {
-    if (getConfig().mode === 'online') await actions.project.syncGatewayProject();
-  };
-
-  const nullFunction = () => {};
-
-  const elements: Menu[] = [
-    {
-      name: 'File',
-      items: [
-        { name: 'Save', icon: 'i-solar-cloud-download-bold-duotone', onClick: handleSave },
-        { name: 'Export', icon: 'i-solar-file-send-bold-duotone', onClick: handleExportClick },
-        {
-          name: 'Exit',
-          icon: 'i-solar-exit-bold-duotone',
-          onClick: () => {
-            ProjectLoader.unload();
-            goto(resolve('/'));
-          },
-        },
-      ],
-    },
-    {
-      name: 'Edit',
-      items: [
-        { name: 'Undo', icon: 'i-solar-arrow-left-bold-duotone', onClick: nullFunction },
-        { name: 'Redo', icon: 'i-solar-arrow-right-bold-duotone', onClick: nullFunction },
-        { name: 'Project settings', icon: 'i-solar-settings-bold-duotone', onClick: nullFunction },
-      ],
-    },
-    {
-      name: 'Help',
-      items: [
-        { name: 'Documentation', icon: 'i-solar-book-2-bold-duotone', link: PUBLIC_DOCS_URL },
-        {
-          name: 'About Us',
-          icon: 'i-solar-info-circle-bold-duotone',
-          link: `${PUBLIC_LANDING_URL}/about`,
-        },
-      ],
-    },
-  ];
-</script>
-
-<!--{#snippet fileImportSnippet()}-->
-<!--  Import-->
-<!--  <input-->
-<!--    type="file"-->
-<!--    accept=".zip"-->
-<!--    bind:this={fileInput}-->
-<!--    class="hidden"-->
-<!--    on:change={handleFileChange}-->
-<!--  />-->
-<!--{/snippet}-->
-
-<div class="w-full flex">
-  {#each elements as menu (menu.name)}
-    <MenuButton title={menu.name}>
-      {#each menu.items as item, i (i)}
-        <MenuItem icon={item.icon} link={item.link} onClick={item.onClick}>
-          {#if 'snippet' in item}
-            {@render item.snippet()}
-          {:else}
-            {item.name}
-          {/if}
-        </MenuItem>
-      {/each}
-    </MenuButton>
-  {/each}
-</div>
-
-<ExportDialog bind:open={exportOpen} loading={exportLoading} archiveId={exportArchiveId} />
diff --git a/src/lib/components/Menu/MenuButton.svelte b/src/lib/components/Menu/MenuButton.svelte
deleted file mode 100644
index 9bcb9f32..00000000
--- a/src/lib/components/Menu/MenuButton.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { Button } from '$lib/components/ui/button';
-  import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-  } from '$lib/components/ui/dropdown-menu';
-
-  interface Props {
-    title: string;
-    children?: Snippet;
-  }
-  let { title, children }: Props = $props();
-
-  let isOpen = $state(false);
-</script>
-
-<div>
-  <DropdownMenu>
-    <DropdownMenuTrigger>
-      <Button
-        variant="ghost"
-        class="rounded-none py-1 hover:bg-neutral-800 {isOpen
-          ? 'bg-neutral-800 '
-          : ''} px-4 text-xs text-white font-normal"
-      >
-        {title}
-      </Button>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent class="w-40">
-      {@render children?.()}
-    </DropdownMenuContent>
-  </DropdownMenu>
-</div>
diff --git a/src/lib/components/Menu/MenuItem.svelte b/src/lib/components/Menu/MenuItem.svelte
deleted file mode 100644
index 3e3bb356..00000000
--- a/src/lib/components/Menu/MenuItem.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { DropdownMenuItem } from '$lib/components/ui/dropdown-menu';
-
-  interface Props {
-    icon?: string;
-    link?: string;
-    children?: Snippet;
-    onClick?: () => void;
-  }
-  let { icon, link, children, onClick }: Props = $props();
-</script>
-
-<div>
-  <DropdownMenuItem class="p-0 w-full">
-    {#if link}
-      <a
-        href={link}
-        target="_blank"
-        class="flex cursor-pointer items-center gap-2 px-3 py-2 text-white text-xs hover:bg-neutral-600 w-full"
-      >
-        <span class="{icon || 'opacity-0'} w-4 h-4 text-xs text-neutral-200 rounded-none"></span>
-        {@render children?.()}
-      </a>
-    {:else}
-      <button
-        class="flex cursor-pointer items-center gap-2 px-3 py-2 text-white text-xs hover:bg-neutral-600 w-full"
-        onclick={onClick}
-      >
-        <span class="{icon || 'opacity-0'} w-4 h-4 text-xs text-neutral-200 rounded-none"></span>
-        {@render children?.()}
-      </button>
-    {/if}
-  </DropdownMenuItem>
-</div>
diff --git a/src/lib/components/Menu/export-dialog.svelte b/src/lib/components/Menu/export-dialog.svelte
deleted file mode 100644
index e6232bf7..00000000
--- a/src/lib/components/Menu/export-dialog.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import {
-    Dialog,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogDescription,
-    DialogFooter,
-  } from '$lib/components/ui/dialog';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  interface Props {
-    open?: boolean;
-    loading?: boolean;
-    archiveId?: string | null;
-  }
-
-  let { open = $bindable(false), loading = false, archiveId = null }: Props = $props();
-
-  const EXPIRY_MS = 15 * 60 * 1000;
-
-  let expired = $state(false);
-
-  const downloadHref = $derived(archiveId && !expired ? `/fs/archive/${archiveId}` : null);
-
-  $effect(() => {
-    if (!archiveId) return;
-
-    expired = false;
-    const timer = setTimeout(() => (expired = true), EXPIRY_MS);
-    return () => clearTimeout(timer);
-  });
-</script>
-
-<Dialog bind:open>
-  <DialogContent class="sm:max-w-md">
-    <DialogHeader>
-      <DialogTitle>Export project</DialogTitle>
-      <DialogDescription>
-        {#if loading}
-          Building the project archive…
-        {:else if expired}
-          This archive link has expired.
-        {:else}
-          Your archive is ready to download.
-        {/if}
-      </DialogDescription>
-    </DialogHeader>
-
-    <div class="flex flex-col items-center justify-center gap-3 py-8">
-      {#if loading}
-        <Spinner class="size-8 text-muted-foreground" />
-        <p class="text-sm text-muted-foreground">Preparing your archive…</p>
-      {:else if expired}
-        <span class="i-solar-close-circle-bold-duotone size-10 text-red-400"></span>
-        <p class="text-sm text-muted-foreground text-center">
-          This link is no longer available. Please export the project again.
-        </p>
-      {:else if downloadHref}
-        <span class="i-solar-check-circle-bold-duotone size-10 text-green-500"></span>
-        <a href={downloadHref} download>
-          <Button>
-            <span class="i-ic-baseline-download size-4"></span>
-            Download archive
-          </Button>
-        </a>
-        <p class="flex items-center gap-1.5 text-xs text-muted-foreground">
-          <span class="i-solar-clock-circle-bold-duotone size-3.5"></span>
-          This link expires after 15 minutes.
-        </p>
-      {/if}
-    </div>
-
-    <DialogFooter>
-      <Button variant="ghost" onclick={() => (open = false)}>Close</Button>
-    </DialogFooter>
-  </DialogContent>
-</Dialog>
diff --git a/src/lib/components/Panel/Layout.svelte b/src/lib/components/Panel/Layout.svelte
deleted file mode 100644
index 89bed5b7..00000000
--- a/src/lib/components/Panel/Layout.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-<script lang="ts">
-  import Panel from './Panel.svelte';
-  import Widget from './Widget.svelte';
-  import WidgetResizeBar from './WidgetResizeBar.svelte';
-  import type { LayoutItem } from './types';
-  import { isWidget, isPanel } from './utils';
-  import Self from './Layout.svelte';
-  import type { Tab } from '$lib/components/Tabs/types';
-
-  interface Props {
-    layout: LayoutItem;
-    onLayoutChange?: (newLayout: LayoutItem) => void;
-    path?: number[];
-    tab: Tab;
-  }
-
-  let { layout, onLayoutChange, path = [], tab = $bindable() }: Props = $props();
-
-  let dragStartSizes = $state(new Map<string, number>());
-
-  function getDragKey(childIndex: number, side: 'left' | 'right'): string {
-    return `${path.join(',')}-${childIndex}-${side}`;
-  }
-
-  function handleResize(childIndex: number, delta: number) {
-    if (!isPanel(layout) || !onLayoutChange) return;
-
-    const leftChild = layout.children[childIndex];
-    const rightChild = layout.children[childIndex + 1];
-
-    if (!leftChild || !rightChild) return;
-
-    const leftKey = getDragKey(childIndex, 'left');
-    const rightKey = getDragKey(childIndex, 'right');
-
-    const leftInitialSize = dragStartSizes.get(leftKey) ?? leftChild.size ?? 50;
-    const rightInitialSize = dragStartSizes.get(rightKey) ?? rightChild.size ?? 50;
-
-    const newLayout = { ...layout };
-    newLayout.children = [...layout.children];
-
-    const newLeftSize = Math.max(5, Math.min(95, leftInitialSize + delta));
-    const newRightSize = Math.max(5, Math.min(95, rightInitialSize - delta));
-
-    const totalSize = newLeftSize + newRightSize;
-    const leftRatio = newLeftSize / totalSize;
-    const rightRatio = newRightSize / totalSize;
-    const targetTotal = leftInitialSize + rightInitialSize;
-
-    newLayout.children[childIndex] = {
-      ...leftChild,
-      size: leftRatio * targetTotal,
-    };
-    newLayout.children[childIndex + 1] = {
-      ...rightChild,
-      size: rightRatio * targetTotal,
-    };
-
-    onLayoutChange(newLayout);
-  }
-
-  function handleChildLayoutChange(childIndex: number) {
-    return (newChildLayout: LayoutItem) => {
-      if (!isPanel(layout) || !onLayoutChange) return;
-
-      const newLayout = { ...layout };
-      newLayout.children = [...layout.children];
-      newLayout.children[childIndex] = newChildLayout;
-
-      onLayoutChange(newLayout);
-    };
-  }
-
-  function handleDragStart(childIndex: number) {
-    if (!isPanel(layout)) return;
-
-    const leftChild = layout.children[childIndex];
-    const rightChild = layout.children[childIndex + 1];
-
-    if (!leftChild || !rightChild) return;
-
-    const leftKey = getDragKey(childIndex, 'left');
-    const rightKey = getDragKey(childIndex, 'right');
-
-    dragStartSizes.set(leftKey, leftChild.size ?? 50);
-    dragStartSizes.set(rightKey, rightChild.size ?? 50);
-  }
-
-  function handleDragEnd(childIndex: number) {
-    const leftKey = getDragKey(childIndex, 'left');
-    const rightKey = getDragKey(childIndex, 'right');
-
-    dragStartSizes.delete(leftKey);
-    dragStartSizes.delete(rightKey);
-  }
-</script>
-
-{#if isWidget(layout)}
-  <Widget size={layout.size} id={layout.id} bind:tab />
-{:else if isPanel(layout)}
-  <Panel direction={layout.direction} size={layout.size}>
-    {#each layout.children as child, index (index)}
-      <Self
-        layout={child}
-        onLayoutChange={handleChildLayoutChange(index)}
-        path={[...path, index]}
-        bind:tab
-      />
-
-      {#if index < layout.children.length - 1}
-        <WidgetResizeBar
-          direction={layout.direction}
-          onResize={(delta) => handleResize(index, delta)}
-          onDragStart={() => handleDragStart(index)}
-          onDragEnd={() => handleDragEnd(index)}
-        />
-      {/if}
-    {/each}
-  </Panel>
-{/if}
diff --git a/src/lib/components/Panel/Panel.svelte b/src/lib/components/Panel/Panel.svelte
deleted file mode 100644
index aa7c5b4a..00000000
--- a/src/lib/components/Panel/Panel.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    direction: 'row' | 'col';
-    children: Snippet;
-    size?: number;
-  }
-
-  let { direction, children, size }: Props = $props();
-</script>
-
-<div class="flex flex-{direction} w-full h-full" style:flex-basis={size ? `${size}%` : undefined}>
-  {@render children()}
-</div>
diff --git a/src/lib/components/Panel/Widget.svelte b/src/lib/components/Panel/Widget.svelte
deleted file mode 100644
index c23269a1..00000000
--- a/src/lib/components/Panel/Widget.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-  import { widgetsTypes } from '../Widget/widgets';
-  import type { Tab } from '$lib/components/Tabs/types';
-
-  interface Props {
-    size?: number;
-    id?: string;
-    tab: Tab;
-  }
-
-  let { size, id, tab = $bindable() }: Props = $props();
-
-  const widgetsMap = Object.fromEntries(widgetsTypes.map((w) => [w.id, w.component]));
-
-  let WidgetComponent = $derived(id ? widgetsMap[id] : null);
-</script>
-
-<div
-  class="h-full w-full flex items-center justify-center overflow-hidden border border-neutral-600 rounded-md bg-neutral-800 text-white"
-  style:flex-basis={size ? `${size}%` : '100%'}
-  data-widget-id={id}
->
-  {#if WidgetComponent}
-    <WidgetComponent {tab} />
-  {:else}
-    <span class="text-sm">{id || 'Widget'}</span>
-  {/if}
-</div>
diff --git a/src/lib/components/Panel/WidgetResizeBar.svelte b/src/lib/components/Panel/WidgetResizeBar.svelte
deleted file mode 100644
index 520b159b..00000000
--- a/src/lib/components/Panel/WidgetResizeBar.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-  interface Props {
-    direction: 'row' | 'col';
-    onResize: (delta: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-  }
-
-  let { direction, onResize, onDragStart, onDragEnd }: Props = $props();
-
-  // svelte-ignore state_referenced_locally
-  const isHorizontal = direction === 'row';
-  let isDragging = $state(false);
-  let startPos = $state(0);
-
-  function handleMouseDown(event: MouseEvent) {
-    isDragging = true;
-    startPos = isHorizontal ? event.clientX : event.clientY;
-
-    event.preventDefault();
-    document.body.style.userSelect = 'none';
-    document.body.style.cursor = isHorizontal ? 'col-resize' : 'row-resize';
-
-    onDragStart?.();
-  }
-
-  function handleMouseMove(event: MouseEvent) {
-    if (!isDragging) return;
-
-    const currentPos = isHorizontal ? event.clientX : event.clientY;
-    const totalDelta = currentPos - startPos;
-
-    const container = document.querySelector('[data-layout-container]') as HTMLElement;
-    if (container) {
-      const containerSize = isHorizontal ? container.clientWidth : container.clientHeight;
-      const percentageDelta = (totalDelta / containerSize) * 100;
-      onResize(percentageDelta);
-    }
-  }
-
-  function handleMouseUp() {
-    if (isDragging) {
-      isDragging = false;
-      document.body.style.userSelect = '';
-      document.body.style.cursor = '';
-
-      onDragEnd?.();
-    }
-  }
-
-  function handleKeyDown(event: KeyboardEvent) {
-    const step = event.shiftKey ? 5 : 1;
-    let delta = 0;
-
-    switch (event.key) {
-      case 'ArrowLeft':
-        delta = isHorizontal ? -step : 0;
-        break;
-      case 'ArrowRight':
-        delta = isHorizontal ? step : 0;
-        break;
-      case 'ArrowUp':
-        delta = !isHorizontal ? -step : 0;
-        break;
-      case 'ArrowDown':
-        delta = !isHorizontal ? step : 0;
-        break;
-      default:
-        return;
-    }
-
-    if (delta !== 0) {
-      event.preventDefault();
-      onDragStart?.();
-      onResize(delta);
-      onDragEnd?.();
-    }
-  }
-
-  $effect(() => {
-    if (isDragging) {
-      document.addEventListener('mousemove', handleMouseMove);
-      document.addEventListener('mouseup', handleMouseUp);
-
-      return () => {
-        document.removeEventListener('mousemove', handleMouseMove);
-        document.removeEventListener('mouseup', handleMouseUp);
-      };
-    }
-  });
-</script>
-
-<button
-  class="border-0 bg-neutral-900 p-0 transition-colors duration-150 hover:bg-neutral-800 focus:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-400"
-  class:w-1={isHorizontal}
-  class:h-full={isHorizontal}
-  class:h-1={!isHorizontal}
-  class:w-full={!isHorizontal}
-  class:cursor-col-resize={isHorizontal}
-  class:cursor-row-resize={!isHorizontal}
-  class:bg-blue-500={isDragging}
-  aria-label={isHorizontal ? 'Resize columns' : 'Resize rows'}
-  title={isHorizontal
-    ? 'Drag to resize columns, or use arrow keys'
-    : 'Drag to resize rows, or use arrow keys'}
-  onmousedown={handleMouseDown}
-  onkeydown={handleKeyDown}
->
-  <span class="sr-only">
-    {isHorizontal ? 'Column resizer' : 'Row resizer'}
-  </span>
-</button>
diff --git a/src/lib/components/Panel/types.ts b/src/lib/components/Panel/types.ts
deleted file mode 100644
index 80e67af1..00000000
--- a/src/lib/components/Panel/types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export type WidgetConfig = {
-  type: 'widget';
-  size?: number;
-  id?: string;
-};
-
-export type PanelConfig = {
-  type: 'panel';
-  direction: 'row' | 'col';
-  size?: number;
-  children: LayoutItem[];
-};
-
-export type LayoutItem = WidgetConfig | PanelConfig;
diff --git a/src/lib/components/Panel/utils.ts b/src/lib/components/Panel/utils.ts
deleted file mode 100644
index 4a65c1da..00000000
--- a/src/lib/components/Panel/utils.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { LayoutItem, PanelConfig, WidgetConfig } from './types';
-
-export function isWidget(item: LayoutItem): item is WidgetConfig {
-  return item.type === 'widget';
-}
-
-export function isPanel(item: LayoutItem): item is PanelConfig {
-  return item.type === 'panel';
-}
-
-export function cloneLayout(layout: LayoutItem): LayoutItem {
-  if (isWidget(layout)) {
-    return { ...layout };
-  }
-  return {
-    ...layout,
-    children: layout.children.map(cloneLayout),
-  };
-}
diff --git a/src/lib/components/Tabs/CodeEditor/CodeEditor.svelte b/src/lib/components/Tabs/CodeEditor/CodeEditor.svelte
deleted file mode 100644
index 4eaeaa4e..00000000
--- a/src/lib/components/Tabs/CodeEditor/CodeEditor.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-  import type { LayoutItem } from '../../Panel/types';
-  import Layout from '../../Panel/Layout.svelte';
-  import { cloneLayout } from '../../Panel/utils';
-  import type { Tab } from '$lib/components/Tabs/types';
-
-  interface Props {
-    tab: Tab;
-  }
-  let { tab = $bindable() }: Props = $props();
-
-  let layout: LayoutItem = $state({
-    type: 'panel',
-    direction: 'col',
-    size: 70,
-    children: [
-      { type: 'widget', size: 70, id: 'code-editor' },
-      { type: 'widget', size: 30, id: 'output-log' },
-    ],
-  });
-
-  function handleLayoutChange(newLayout: LayoutItem) {
-    layout = cloneLayout(newLayout);
-  }
-</script>
-
-<div class="h-full w-full" data-layout-container>
-  <Layout {layout} onLayoutChange={handleLayoutChange} bind:tab />
-</div>
diff --git a/src/lib/components/Tabs/MainTab/MainTab.svelte b/src/lib/components/Tabs/MainTab/MainTab.svelte
deleted file mode 100644
index 76631f9f..00000000
--- a/src/lib/components/Tabs/MainTab/MainTab.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import type { LayoutItem } from '../../Panel/types';
-  import Layout from '../../Panel/Layout.svelte';
-  import { cloneLayout } from '../../Panel/utils';
-  import type { Tab } from '$lib/components/Tabs/types';
-
-  interface Props {
-    tab: Tab;
-  }
-  let { tab = $bindable() }: Props = $props();
-
-  let layout: LayoutItem = $state({
-    type: 'panel',
-    direction: 'row',
-    children: [
-      {
-        type: 'panel',
-        direction: 'col',
-        size: 70,
-        children: [
-          {
-            type: 'panel',
-            direction: 'row',
-            size: 70,
-            children: [
-              { type: 'widget', size: 30, id: 'ecs-tree' },
-              { type: 'widget', size: 70, id: 'editor-game' },
-            ],
-          },
-          { type: 'widget', size: 30, id: 'content-browser' },
-        ],
-      },
-      { type: 'widget', size: 30, id: 'entity-inspector' },
-    ],
-  });
-
-  function handleLayoutChange(newLayout: LayoutItem) {
-    layout = cloneLayout(newLayout);
-  }
-</script>
-
-<div class="h-full w-full" data-layout-container>
-  <Layout {layout} onLayoutChange={handleLayoutChange} bind:tab />
-</div>
diff --git a/src/lib/components/Tabs/Tab.svelte b/src/lib/components/Tabs/Tab.svelte
deleted file mode 100644
index 18d061d4..00000000
--- a/src/lib/components/Tabs/Tab.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-  import type { Tab, TabInstance } from './types';
-
-  interface Props {
-    tab: TabInstance;
-    meta?: Tab;
-    selected?: boolean;
-    closable?: boolean;
-    onSelect?: () => void;
-    onClose?: () => void;
-  }
-  let {
-    tab,
-    meta,
-    selected = false,
-    closable = true,
-    onSelect = () => {},
-    onClose = () => {},
-  }: Props = $props();
-</script>
-
-<button
-  onclick={onSelect}
-  onauxclick={(e) => {
-    if (e.button === 1) {
-      e.preventDefault();
-      onClose();
-    }
-  }}
-  class="flex gap-2 items-center justify-center w-56 px-3 py-2 cursor-pointer {selected
-    ? 'bg-neutral-800'
-    : 'hover:bg-neutral-800'} rounded-lg"
->
-  <span
-    class="flex items-center justify-center gap-2 text-sm w-full {selected
-      ? 'font-bold'
-      : ''} truncate"
-  >
-    <span class="{meta?.icon || ''} flex-shrink-0"></span>
-    <span
-      class="flex-1 text-start text-sm {selected ? 'font-bold' : ''} truncate relative"
-      style="mask-image: linear-gradient(to left, transparent, black 10%); -webkit-mask-image: linear-gradient(to left, transparent, black 10%);"
-    >
-      {tab.title}
-    </span>
-  </span>
-
-  {#if closable}
-    <span
-      role="button"
-      tabindex="0"
-      onclick={(e) => {
-        e.stopPropagation();
-        onClose();
-      }}
-      onkeydown={(e) => e.key === 'Enter' && onClose()}
-      class="i-ic:baseline-close text-neutral-400 hover:text-white text-md"
-      aria-label="Close tab"
-    >
-    </span>
-  {/if}
-</button>
diff --git a/src/lib/components/Tabs/TabBar.svelte b/src/lib/components/Tabs/TabBar.svelte
deleted file mode 100644
index 91291194..00000000
--- a/src/lib/components/Tabs/TabBar.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import Tab from './Tab.svelte';
-  import { tabsStore } from './store';
-  import { tabRegistry } from './registry';
-
-  let state = $derived($tabsStore);
-</script>
-
-<div class="flex w-full gap-1 overflow-x-auto">
-  {#each state.tabs as tab (tab.id)}
-    <Tab
-      {tab}
-      meta={tabRegistry[tab.type]}
-      selected={state.selectedTabId === tab.id}
-      closable={tab.type !== 'main'}
-      onSelect={() => tabsStore.selectTab(tab.id)}
-      onClose={() => tabsStore.closeTab(tab.id)}
-    />
-  {/each}
-</div>
diff --git a/src/lib/components/Tabs/registry.ts b/src/lib/components/Tabs/registry.ts
deleted file mode 100644
index 1e7c4b27..00000000
--- a/src/lib/components/Tabs/registry.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import CodeEditor from './CodeEditor/CodeEditor.svelte';
-import MainTab from './MainTab/MainTab.svelte';
-import type { Tab } from './types';
-
-export const tabRegistry: Record<string, Tab> = {
-  main: {
-    id: 'main',
-    icon: 'i-material-icon-theme-huff',
-    component: MainTab,
-  },
-  ts: {
-    id: 'ts',
-    icon: 'i-material-icon-theme-typescript',
-    component: CodeEditor,
-  },
-  '3d': {
-    id: '3d',
-    icon: 'i-material-icon-theme-3d',
-    component: MainTab,
-  },
-  song: {
-    id: 'song',
-    icon: 'i-material-icon-theme-lyric',
-    component: MainTab,
-  },
-};
diff --git a/src/lib/components/Tabs/store.ts b/src/lib/components/Tabs/store.ts
deleted file mode 100644
index 302ea56d..00000000
--- a/src/lib/components/Tabs/store.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-import { get } from 'svelte/store';
-
-import { persistedWritable } from '@utils-client/store';
-
-import type { TabInstance, TabsState } from './types';
-
-const initialState: TabsState = {
-  tabs: [
-    {
-      id: 'tab-main',
-      type: 'main',
-      title: 'Game',
-      metadata: {},
-    },
-  ],
-  selectedTabId: 'tab-main',
-};
-
-function createTabsStore(projectId: string) {
-  const { subscribe, update, set } = persistedWritable<TabsState>(
-    `editor.tabs.${projectId}`,
-    initialState,
-  );
-
-  async function openTab(tab: Omit<TabInstance, 'id'> & { id?: string }) {
-    const existing = await findExistingTab(tab);
-
-    if (existing) {
-      update((state) => ({
-        ...state,
-        selectedTabId: existing.id,
-      }));
-      return;
-    }
-
-    const newTab: TabInstance = {
-      ...tab,
-      id: tab.id ?? crypto.randomUUID(),
-    };
-
-    update((state) => ({
-      tabs: [...state.tabs, newTab],
-      selectedTabId: newTab.id,
-    }));
-  }
-
-  function closeTab(tabId: string) {
-    update((state) => {
-      const index = state.tabs.findIndex((t) => t.id === tabId);
-      if (index === -1) return state;
-
-      const closingTab = state.tabs[index];
-      if (closingTab.type === 'main') return state;
-
-      const isSelected = state.selectedTabId === tabId;
-      const nextTabs = state.tabs.filter((t) => t.id !== tabId);
-
-      if (!isSelected) {
-        return { ...state, tabs: nextTabs };
-      }
-
-      const nextSelected =
-        nextTabs[index]?.id ?? nextTabs[index - 1]?.id ?? nextTabs[0]?.id ?? null;
-
-      return {
-        tabs: nextTabs,
-        selectedTabId: nextSelected,
-      };
-    });
-  }
-
-  function selectTab(tabId: string) {
-    update((state) => ({
-      ...state,
-      selectedTabId: tabId,
-    }));
-  }
-
-  function moveTab(fromId: string, toId: string) {
-    update((state) => {
-      const from = state.tabs.findIndex((t) => t.id === fromId);
-      const to = state.tabs.findIndex((t) => t.id === toId);
-      if (from === -1 || to === -1 || from === to) return state;
-
-      const tabs = [...state.tabs];
-      const [item] = tabs.splice(from, 1);
-      tabs.splice(to, 0, item);
-
-      return { ...state, tabs };
-    });
-  }
-
-  function reset() {
-    set(initialState);
-  }
-
-  async function findExistingTab(
-    tab: Omit<TabInstance, 'id'> & { id?: string },
-  ): Promise<TabInstance | undefined> {
-    const tabs = get({ subscribe }).tabs;
-    if (tab.metadata?.path) {
-      for (const t of tabs) {
-        if (!t.metadata?.path) continue;
-
-        if (t.metadata.path === tab.metadata.path) {
-          return t;
-        }
-      }
-
-      return undefined;
-    }
-
-    if (tab.id) {
-      return tabs.find((t) => t.id === tab.id);
-    }
-
-    return undefined;
-  }
-
-  return {
-    subscribe,
-    openTab,
-    closeTab,
-    selectTab,
-    moveTab,
-    reset,
-  };
-}
-
-export const updateTabsStore = (projectId: string) => {
-  tabsStore = createTabsStore(projectId);
-};
-
-export let tabsStore = createTabsStore('default');
diff --git a/src/lib/components/Tabs/types.ts b/src/lib/components/Tabs/types.ts
deleted file mode 100644
index 6d869706..00000000
--- a/src/lib/components/Tabs/types.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { Component } from 'svelte';
-
-export type TabTypeId = 'main' | 'ts' | '3d' | 'song' | 'img' | 'unknown';
-
-export interface Tab {
-  id: TabTypeId;
-  icon: string;
-  component: Component<any>;
-}
-
-export interface TabInstance {
-  id: string;
-  type: TabTypeId;
-  title: string;
-  metadata?: {
-    path?: string;
-  };
-}
-
-export interface TabsState {
-  tabs: TabInstance[];
-  selectedTabId: string | null;
-}
diff --git a/src/lib/components/Widget/CodeEditor/MonacoEditor.svelte b/src/lib/components/Widget/CodeEditor/MonacoEditor.svelte
deleted file mode 100644
index 565afb97..00000000
--- a/src/lib/components/Widget/CodeEditor/MonacoEditor.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-<script lang="ts">
-  import { onMount, onDestroy } from 'svelte';
-  import type { TabInstance } from '$lib/components/Tabs/types';
-  import { useProject } from '$lib/client/project';
-  import { loadMonacoProject, pathToUri } from '$lib/components/Widget/CodeEditor/project-loader';
-
-  interface Props {
-    tab: TabInstance;
-  }
-  let { tab = $bindable() }: Props = $props();
-
-  const { fs } = useProject();
-
-  let container: HTMLDivElement;
-  let editor: any;
-
-  onMount(async () => {
-    const monaco = await import('monaco-editor');
-
-    if (!tab.metadata?.path) throw new Error('Tab metadata is missing path');
-
-    const file = await fs.getFile(tab.metadata.path);
-
-    monaco.typescript.typescriptDefaults.setCompilerOptions({
-      module: monaco.typescript.ModuleKind.ESNext,
-      moduleResolution: monaco.typescript.ModuleResolutionKind.NodeJs,
-      baseUrl: 'file:///',
-      paths: {
-        '*': ['*'],
-      },
-      allowNonTsExtensions: true,
-      noEmit: true,
-      target: monaco.typescript.ScriptTarget.ESNext,
-      allowImportingTsExtensions: true,
-    });
-
-    monaco.typescript.typescriptDefaults.setEagerModelSync(true);
-    monaco.typescript.typescriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,
-      noSyntaxValidation: false,
-      diagnosticCodesToIgnore: [2307], // Todo: Delete when lib types import work
-    });
-
-    const rootDir = await fs.getDirectory();
-    await loadMonacoProject(monaco, rootDir);
-
-    const uri = pathToUri(monaco, tab.metadata.path);
-
-    let model = monaco.editor.getModel(uri);
-    if (!model) {
-      const content = (await file.read()) ?? '';
-      model = monaco.editor.createModel(content, 'typescript', uri);
-    }
-
-    editor = monaco.editor.create(container, {
-      model,
-      language: 'typescript',
-      theme: 'vs-dark',
-      readOnly: false,
-      minimap: { enabled: false },
-      lineNumbers: 'on',
-      glyphMargin: false,
-      folding: false,
-      overviewRulerLanes: 0,
-      scrollbar: {
-        vertical: 'hidden',
-        horizontal: 'hidden',
-      },
-      renderLineHighlight: 'none',
-      contextmenu: true,
-      automaticLayout: true,
-      tabSize: 2,
-      fontSize: 14,
-    });
-
-    editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
-      if (file) {
-        file.write(editor.getValue());
-      }
-    });
-  });
-
-  onDestroy(() => {
-    editor?.dispose();
-  });
-</script>
-
-<div class="editor" bind:this={container}></div>
-
-<style>
-  .editor {
-    width: 100%;
-    height: 100%;
-    border-radius: 8px;
-    overflow: hidden;
-  }
-</style>
diff --git a/src/lib/components/Widget/CodeEditor/project-loader.ts b/src/lib/components/Widget/CodeEditor/project-loader.ts
deleted file mode 100644
index 95264752..00000000
--- a/src/lib/components/Widget/CodeEditor/project-loader.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type Monaco from 'monaco-editor';
-
-import { type SfsDirectory } from '$lib/client/sync-file-system';
-import type { DirectoryContent } from '$lib/server/file-system/project-directory';
-
-export function pathToUri(monaco: typeof Monaco, path: string) {
-  const clean = normalizePath(path);
-  return monaco.Uri.parse(`file:///${clean}`);
-}
-
-export function normalizePath(path: string) {
-  return path.replace(/\\/g, '/').replace(/\/+/g, '/').replace(/^\/+/, '');
-}
-
-function joinPath(base: string, name: string) {
-  return normalizePath(base ? `${base}/${name}` : name);
-}
-
-export async function loadMonacoProject(monaco: typeof Monaco, fsRoot: SfsDirectory) {
-  const rootContent = await fsRoot.readdir(true);
-
-  async function loadDirectory(dir: SfsDirectory, content: DirectoryContent, basePath: string) {
-    for (const fileName of content.files) {
-      const fullPath = joinPath(basePath, fileName);
-      if (!/\.(ts|js)$/.test(fileName)) continue;
-
-      const file = await dir.getFile(fileName);
-      const text = (await file.read()) ?? '';
-
-      const uri = pathToUri(monaco, fullPath);
-
-      let model = monaco.editor.getModel(uri);
-
-      if (!model) {
-        model = monaco.editor.createModel(text, 'typescript', uri);
-      } else {
-        model.setValue(text);
-      }
-    }
-
-    for (const [dirName, subContent] of Object.entries(content.directories)) {
-      if (!subContent) continue;
-
-      const subDir = await dir.getDirectory(dirName);
-      await loadDirectory(subDir, subContent, joinPath(basePath, dirName));
-    }
-  }
-
-  await loadDirectory(fsRoot, rootContent, '');
-}
diff --git a/src/lib/components/Widget/EditorGame/EditorGame.svelte b/src/lib/components/Widget/EditorGame/EditorGame.svelte
deleted file mode 100644
index 5863a35d..00000000
--- a/src/lib/components/Widget/EditorGame/EditorGame.svelte
+++ /dev/null
@@ -1,122 +0,0 @@
-<script lang="ts">
-  import { ProgressBar } from '../../project-loader';
-  import { GameState } from '$lib/components/Widget/EditorGame/game.svelte';
-  import { useProject } from '$lib/client/project';
-  import { CoreEvents } from '$lib/client/event';
-
-  let container: HTMLDivElement;
-
-  let gameState = $state(GameState.INIT_STATE);
-  const { event, loader } = useProject();
-
-  let loadingPromises: Promise<unknown>[] = $state([]);
-
-  async function playGameFromServer() {
-    if (gameState === GameState.PLAY || gameState === GameState.PAUSE) {
-      event.emit(CoreEvents.STOP_GAME);
-    }
-    gameState = GameState.RELOAD_FROM_SERVER;
-    await loader.build();
-    await loader.start(container);
-    gameState = GameState.PLAY;
-  }
-
-  async function playGameFromSave() {
-    if (gameState === GameState.PLAY || gameState === GameState.PAUSE) {
-      event.emit(CoreEvents.STOP_GAME);
-    }
-    gameState = GameState.RELOAD_FROM_SAVE;
-    await loader.start(container);
-    gameState = GameState.PLAY;
-  }
-
-  async function unpauseGame() {
-    gameState = GameState.PLAY;
-    event.emit(CoreEvents.UNPAUSE_GAME);
-  }
-
-  async function pauseGame() {
-    gameState = GameState.PAUSE;
-    event.emit(CoreEvents.PAUSE_GAME);
-  }
-
-  async function stopGame() {
-    gameState = GameState.STOP;
-    event.emit(CoreEvents.STOP_GAME);
-  }
-</script>
-
-<div class="editor-game">
-  <ProgressBar
-    title="Loading game"
-    promises={loadingPromises}
-    show={gameState === GameState.RELOAD_FROM_SERVER || gameState === GameState.RELOAD_FROM_SAVE}
-  />
-  <div class="h-full w-full bg-neutral-800 flex flex-col">
-    <div class="p-2 items-center flex justify-center">
-      <div class="h-9 bg-neutral-600 rounded-md p-1">
-        {#if gameState === GameState.PAUSE || gameState === GameState.INIT_STATE || gameState === GameState.STOP}
-          <button
-            aria-label="Play"
-            class="h-fit cursor-pointer hover:bg-neutral-700 rounded-md"
-            onclick={gameState === GameState.INIT_STATE
-              ? playGameFromServer
-              : gameState === GameState.STOP
-                ? playGameFromSave
-                : unpauseGame}
-          >
-            <span class="block h-7 w-7 i-ic-round-play-arrow text-green"></span>
-          </button>
-        {:else}
-          <button
-            aria-label="Pause"
-            class="h-fit cursor-pointer hover:bg-neutral-700 rounded-md"
-            onclick={pauseGame}
-          >
-            <span class="block h-7 w-7 i-ic-round-pause text-yellow"></span>
-          </button>
-        {/if}
-        <button
-          aria-label="Stop"
-          class="h-fit {gameState === GameState.PLAY
-            ? 'cursor-pointer hover:bg-neutral-700'
-            : ''} rounded-md"
-          onclick={stopGame}
-        >
-          <span
-            class="block h-7 w-7 i-ic-round-stop {gameState === GameState.PLAY
-              ? 'text-red-600'
-              : 'text-red-950'}"
-          ></span>
-        </button>
-
-        <button
-          aria-label="Reload from server"
-          class="h-fit {gameState !== GameState.RELOAD_FROM_SERVER
-            ? 'cursor-pointer hover:bg-neutral-700'
-            : ''} rounded-md"
-          onclick={playGameFromServer}
-        >
-          <span
-            class="block h-7 w-7 i-ic-round-autorenew {gameState !== GameState.RELOAD_FROM_SERVER
-              ? 'text-sky-600'
-              : 'text-sky-950'}"
-          ></span>
-        </button>
-      </div>
-    </div>
-    <div class="h-full w-full bg-black mb-8">
-      <div class="editor-game-container" bind:this={container}></div>
-    </div>
-  </div>
-</div>
-
-<style>
-  .editor-game,
-  .editor-game-container {
-    width: 100%;
-    height: 100%;
-    border-radius: 8px;
-    overflow: hidden;
-  }
-</style>
diff --git a/src/lib/components/Widget/EditorGame/game.svelte.ts b/src/lib/components/Widget/EditorGame/game.svelte.ts
deleted file mode 100644
index a26f0744..00000000
--- a/src/lib/components/Widget/EditorGame/game.svelte.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export enum GameState {
-  INIT_STATE = 0,
-  RELOAD_FROM_SERVER,
-  RELOAD_FROM_SAVE,
-  PLAY,
-  PAUSE,
-  STOP,
-}
diff --git a/src/lib/components/Widget/OutputLog/OutputLogWidget.svelte b/src/lib/components/Widget/OutputLog/OutputLogWidget.svelte
deleted file mode 100644
index baf9a1d6..00000000
--- a/src/lib/components/Widget/OutputLog/OutputLogWidget.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script lang="ts">
-  type LogLevel = 'info' | 'warning' | 'error';
-
-  interface LogEntry {
-    id: number;
-    time: string;
-    level: LogLevel;
-    source?: string;
-    message: string;
-  }
-
-  let search = '';
-
-  let logs: LogEntry[] = [] as LogEntry[];
-
-  $: filteredLogs = logs.filter(
-    (log) =>
-      log.message.toLowerCase().includes(search.toLowerCase()) ||
-      log.source?.toLowerCase().includes(search.toLowerCase()),
-  );
-
-  const levelStyles = {
-    info: 'text-neutral-200',
-    warning: 'text-yellow-400',
-    error: 'text-red-400',
-  };
-</script>
-
-<div class="m-2 h-full w-full flex flex-col gap-2 overflow-hidden bg-neutral-800 py-2 text-md">
-  <div class="flex">
-    <input
-      bind:value={search}
-      placeholder="Search Log"
-      class="w-full border border-neutral-700 rounded-md bg-neutral-900 px-2 py-1 placeholder-neutral-500 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-    />
-  </div>
-
-  <div class="h-full w-full overflow-y-auto rounded-md bg-black px-2 py-1 font-mono text-sm">
-    {#each filteredLogs as log (log.id)}
-      <div class={`flex gap-2 py-0.5 ${levelStyles[log.level]}`}>
-        <span class="shrink-0 text-neutral-500">
-          [{log.time}]
-        </span>
-
-        {#if log.source}
-          <span class="shrink-0 text-blue-400">
-            [{log.source}]
-          </span>
-        {/if}
-
-        <span class="whitespace-pre-wrap break-words">
-          {log.message}
-        </span>
-      </div>
-    {/each}
-
-    {#if filteredLogs.length === 0}
-      <div class="py-2 italic text-neutral-600">
-        {search !== '' ? 'No logs matching your search' : 'No logs available'}
-      </div>
-    {/if}
-  </div>
-</div>
diff --git a/src/lib/components/Widget/content-browser/content-item.svelte b/src/lib/components/Widget/content-browser/content-item.svelte
deleted file mode 100644
index eb82f1bc..00000000
--- a/src/lib/components/Widget/content-browser/content-item.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { tabsStore } from '$lib/components/Tabs/store';
-  import { TooltipText } from '$lib/components/ui/tooltip-text';
-
-  import ContentBrowserIcon from './icon.svelte';
-  import { currentDir } from './store';
-  import type { ContentBrowserItem } from './types';
-  import { joinPath } from './utils';
-  import { getType } from '@utils/file';
-
-  interface Props {
-    item: ContentBrowserItem;
-  }
-  let { item }: Props = $props();
-
-  const handleClick = async () => {
-    const path = joinPath($currentDir, item.name);
-
-    if (item.type === 'dir') {
-      currentDir.set(path);
-      return;
-    }
-
-    await tabsStore.openTab({
-      type: getType(item.name),
-      title: item.name,
-      metadata: {
-        path,
-      },
-    });
-  };
-</script>
-
-<TooltipText text={item.name}>
-  <button
-    class="h-32 w-24 flex flex-col cursor-pointer items-center rounded-md p-1 hover:bg-neutral-700"
-    onclick={handleClick}
-  >
-    <span class="w-full aspect-square bg-neutral-900 flex items-center justify-center rounded p-2">
-      <ContentBrowserIcon {item} class="w-full h-full text-neutral-600 text-2xl" />
-    </span>
-    <span class="my-2 w-full text-neutral-300 text-sm text-truncate">{item.name}</span>
-  </button>
-</TooltipText>
diff --git a/src/lib/components/Widget/content-browser/content-list.svelte b/src/lib/components/Widget/content-browser/content-list.svelte
deleted file mode 100644
index 6a7221f0..00000000
--- a/src/lib/components/Widget/content-browser/content-list.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import ContentBrowserContentItem from './content-item.svelte';
-  import { currentDir } from './store';
-  import type { ContentBrowserItem } from './types';
-
-  interface Props {
-    items: ContentBrowserItem[];
-  }
-  let { items: baseItems }: Props = $props();
-
-  const items = $derived.by(() => {
-    if (!$currentDir) return baseItems;
-    let res = baseItems;
-    for (const dir of $currentDir.split('/')) {
-      const found = res.find(({ name }) => name === dir);
-      if (!found) throw new Error('Directory not found: ' + dir);
-      if (found.type !== 'dir') throw new Error('Not a directory: ' + dir);
-      res = found.children;
-    }
-    return res;
-  });
-</script>
-
-<div class="h-full rounded-l-sm rounded-r-md bg-neutral-900 overflow-hidden">
-  <div class="h-full w-full flex flex-wrap content-start items-start gap-2 overflow-y-auto p-2">
-    {#each items as item (item.name)}
-      <ContentBrowserContentItem {item} />
-    {/each}
-  </div>
-</div>
diff --git a/src/lib/components/Widget/content-browser/header.svelte b/src/lib/components/Widget/content-browser/header.svelte
deleted file mode 100644
index fc02d22f..00000000
--- a/src/lib/components/Widget/content-browser/header.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-  import * as Breadcrumb from '$lib/components/ui/breadcrumb';
-  import { Button } from '$lib/components/ui/button';
-
-  import { currentDir } from './store';
-
-  const onDirClick = (index: number) => {
-    const dirs = $currentDir.split('/');
-    currentDir.set(dirs.slice(0, index).join('/'));
-  };
-
-  const [dirs, current] = $derived.by(() => {
-    if (!$currentDir) return [[], '/'];
-    const dirs = ['/', ...$currentDir.split('/')];
-    const last = dirs.pop();
-    return [dirs, last];
-  });
-</script>
-
-<div class="h-fit flex items-center px-1 pb-2 pt-1">
-  <Breadcrumb.Root>
-    <Breadcrumb.List>
-      {#each dirs as dir, i (i)}
-        <Breadcrumb.Item>
-          <Button variant="ghost" onclick={() => onDirClick(i)}>
-            {dir}
-          </Button>
-        </Breadcrumb.Item>
-        <Breadcrumb.Separator />
-      {/each}
-      <Breadcrumb.Item>
-        <Button variant="ghost">{current}</Button>
-      </Breadcrumb.Item>
-    </Breadcrumb.List>
-  </Breadcrumb.Root>
-</div>
diff --git a/src/lib/components/Widget/content-browser/icon.svelte b/src/lib/components/Widget/content-browser/icon.svelte
deleted file mode 100644
index b415ff88..00000000
--- a/src/lib/components/Widget/content-browser/icon.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-  import { cn } from '@utils/ui';
-
-  import type { ContentBrowserItem } from './types';
-
-  interface Props {
-    item: ContentBrowserItem;
-    class?: string;
-  }
-
-  const DIR_ICON = 'i-material-icon-theme-folder-interceptor';
-
-  const FILE_ICONS: [RegExp, string][] = [
-    [/^.*\.ts$/, 'i-material-icon-theme-typescript'],
-    [/^.*\.js$/, 'i-material-icon-theme-javascript'],
-    [/^.*\.fbx$/, 'i-material-icon-theme-3d'],
-    [/^.*\.(mp3|wav|flac)$/, 'i-material-icon-theme-lyric'],
-    [/^.*\.json$/, 'i-material-icon-theme-json'],
-    [/^\.gitignore$/, 'i-material-icon-theme-git'],
-    [/^.*\.(png|jpg|jpeg|gif|svg|webp)$/, 'i-material-icon-theme-image'],
-  ];
-
-  const { item, class: className }: Props = $props();
-
-  const getFileIcon = () => {
-    const [, icon] = FILE_ICONS.find(([regex]) => regex.test(item.name)) ?? [
-      undefined,
-      'i-material-icon-theme-file',
-    ];
-    return icon;
-  };
-</script>
-
-{#if item.type === 'dir'}
-  <span class={cn(DIR_ICON, className)}></span>
-{:else}
-  <span class={cn(getFileIcon(), className)}></span>
-{/if}
diff --git a/src/lib/components/Widget/content-browser/index.ts b/src/lib/components/Widget/content-browser/index.ts
deleted file mode 100644
index b13a2388..00000000
--- a/src/lib/components/Widget/content-browser/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Widget from './widget.svelte';
-
-export { Widget, Widget as ContentBrowserWidget };
diff --git a/src/lib/components/Widget/content-browser/side-item.svelte b/src/lib/components/Widget/content-browser/side-item.svelte
deleted file mode 100644
index 77dd3dd5..00000000
--- a/src/lib/components/Widget/content-browser/side-item.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts">
-  import ContentBrowserIcon from './icon.svelte';
-  import ContentBrowserSideList from './side-list.svelte';
-  import { currentDir } from './store';
-  import type { ContentBrowserItemDir } from './types';
-
-  interface Props {
-    path: string;
-    item: ContentBrowserItemDir;
-    tab: number;
-  }
-  let { path, item, tab }: Props = $props();
-
-  const handleOpen = (e: Event) => {
-    e.stopPropagation();
-    currentDir.set(path);
-  };
-
-  const open = $derived($currentDir.startsWith(path));
-  const children = $derived(item.children.filter((i) => i.type === 'dir'));
-</script>
-
-<button
-  class="h-7 flex items-center justify-start text-left gap-1 text-neutral-200 text-md hover:bg-neutral-800 text-nowrap cursor-pointer"
-  style={`padding-left: ${tab * 8}px`}
-  onclick={handleOpen}
->
-  {#if children.length > 0}
-    <span
-      aria-hidden="true"
-      class="{open
-        ? 'i-solar-alt-arrow-down-bold'
-        : 'i-solar-alt-arrow-right-bold'} w-4 text-center select-none text-neutral-400 hover:text-neutral-200"
-    ></span>
-  {:else}
-    <span class="w-4"></span>
-  {/if}
-  <ContentBrowserIcon {item} />
-
-  <span class="text-sm text-neutral-200 truncate w-full">{item.name}</span>
-</button>
-
-{#if open}
-  <ContentBrowserSideList {path} items={children} tab={tab + 1} />
-{/if}
diff --git a/src/lib/components/Widget/content-browser/side-list.svelte b/src/lib/components/Widget/content-browser/side-list.svelte
deleted file mode 100644
index 8e2156b5..00000000
--- a/src/lib/components/Widget/content-browser/side-list.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-  import ContentBrowserSideItem from './side-item.svelte';
-  import type { ContentBrowserItemDir } from './types';
-  import { joinPath } from './utils';
-
-  interface Props {
-    path: string;
-    items: ContentBrowserItemDir[];
-    tab?: number;
-  }
-  let { path, items, tab = 0 }: Props = $props();
-
-  const getPath = (name: string) => joinPath(path, name);
-</script>
-
-{#each items as item (getPath(item.name))}
-  <ContentBrowserSideItem path={getPath(item.name)} {item} {tab} />
-{/each}
diff --git a/src/lib/components/Widget/content-browser/skeleton.svelte b/src/lib/components/Widget/content-browser/skeleton.svelte
deleted file mode 100644
index 481d2cf3..00000000
--- a/src/lib/components/Widget/content-browser/skeleton.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script>
-  import { Skeleton } from '$lib/components/ui/skeleton';
-</script>
-
-<div class="h-full w-full flex gap-1 bg-neutral-800 p-1">
-  <div class="w-1/5 flex flex-col gap-1 rounded-l-md rounded-r-sm bg-neutral-900 p-1">
-    {#each { length: 6 }, i (i)}
-      <Skeleton class="h-7 w-full bg-neutral-800" />
-    {/each}
-  </div>
-  <div class="h-full w-4/5 flex flex-col">
-    <div class="h-fit flex items-center gap-2 px-1 pb-2 pt-1">
-      <Skeleton class="h-6 w-16 bg-neutral-700" />
-      <Skeleton class="h-6 w-20 bg-neutral-700" />
-    </div>
-    <div class="h-full rounded-l-sm rounded-r-md bg-neutral-900 overflow-hidden">
-      <div class="h-full w-full flex flex-wrap content-start items-start gap-2 overflow-y-auto p-2">
-        {#each { length: 12 }, i (i)}
-          <div class="h-32 w-24 flex flex-col items-center gap-2 p-1">
-            <Skeleton class="w-full aspect-square bg-neutral-800" />
-            <Skeleton class="h-3 w-3/4 bg-neutral-800" />
-          </div>
-        {/each}
-      </div>
-    </div>
-  </div>
-</div>
diff --git a/src/lib/components/Widget/content-browser/store.ts b/src/lib/components/Widget/content-browser/store.ts
deleted file mode 100644
index b7ffc309..00000000
--- a/src/lib/components/Widget/content-browser/store.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const currentDir = writable('');
diff --git a/src/lib/components/Widget/content-browser/types.ts b/src/lib/components/Widget/content-browser/types.ts
deleted file mode 100644
index 1bdf57de..00000000
--- a/src/lib/components/Widget/content-browser/types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export type ContentBrowserItem = ContentBrowserItemFile | ContentBrowserItemDir;
-
-export type ContentBrowserItemBase = {
-  name: string;
-};
-
-export type ContentBrowserItemFile = ContentBrowserItemBase & {
-  type: 'file';
-};
-
-export type ContentBrowserItemDir = ContentBrowserItemBase & {
-  type: 'dir';
-  children: ContentBrowserItem[];
-};
diff --git a/src/lib/components/Widget/content-browser/utils.ts b/src/lib/components/Widget/content-browser/utils.ts
deleted file mode 100644
index 176fd489..00000000
--- a/src/lib/components/Widget/content-browser/utils.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const joinPath = (path: string, name: string) => `${path ? `${path}/` : ''}${name}`;
diff --git a/src/lib/components/Widget/content-browser/widget.svelte b/src/lib/components/Widget/content-browser/widget.svelte
deleted file mode 100644
index f72ad67b..00000000
--- a/src/lib/components/Widget/content-browser/widget.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-  import { createQuery } from '@tanstack/svelte-query';
-
-  import { useProject } from '$lib/client/project';
-  import type { SfsDirectoryMap } from '$lib/client/sync-file-system';
-
-  import ContentBrowserContentList from './content-list.svelte';
-  import ContentBrowserHeader from './header.svelte';
-  import ContentBrowserSideList from './side-list.svelte';
-  import ContentBrowserSkeleton from './skeleton.svelte';
-  import type { ContentBrowserItem } from './types';
-
-  const { id: projectId, fs } = useProject();
-
-  const contentToItems = (content: SfsDirectoryMap) => {
-    const res: ContentBrowserItem[] = [];
-    content.files.forEach((file) => {
-      res.push({ type: 'file', name: file });
-    });
-    Object.entries(content.directories).forEach(([name, content]) => {
-      res.push({ type: 'dir', name, children: content ? contentToItems(content) : [] });
-    });
-    return res;
-  };
-
-  const query = createQuery(() => ({
-    queryKey: ['project-readdir', projectId],
-    queryFn: async () => {
-      const dir = await fs.getDirectory();
-      const content = await dir.readdir();
-      const items = contentToItems(content);
-      return items.sort((a, b) => a.name.localeCompare(b.name));
-    },
-  }));
-</script>
-
-{#if query.isFetched && !query.isLoading && query.data}
-  <div class="h-full w-full flex gap-1 bg-neutral-800 p-1">
-    <div class="w-1/5 flex flex-col rounded-l-md rounded-r-sm bg-neutral-900 p-1">
-      <ContentBrowserSideList path="" items={query.data.filter((i) => i.type === 'dir')} />
-    </div>
-    <div class="h-full w-4/5 flex flex-col">
-      <ContentBrowserHeader />
-      <ContentBrowserContentList items={query.data} />
-    </div>
-  </div>
-{:else}
-  <ContentBrowserSkeleton />
-{/if}
diff --git a/src/lib/components/Widget/ecs-tree/assets/asset.items.ts b/src/lib/components/Widget/ecs-tree/assets/asset.items.ts
deleted file mode 100644
index e040292f..00000000
--- a/src/lib/components/Widget/ecs-tree/assets/asset.items.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { PackageItems } from '../types';
-
-export const ASSET_ITEMS: PackageItems = {
-  icon: {
-    name: 'i-ic-baseline-landscape',
-    color: 'text-purple-400',
-  },
-  canAdd: true,
-  canDelete: true,
-  canImport: true,
-};
diff --git a/src/lib/components/Widget/ecs-tree/assets/assets-tab.svelte b/src/lib/components/Widget/ecs-tree/assets/assets-tab.svelte
deleted file mode 100644
index c0ba5489..00000000
--- a/src/lib/components/Widget/ecs-tree/assets/assets-tab.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-  import PackageTab from '../packages/package-tab.svelte';
-  import type { AssetManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: AssetManager;
-  }
-
-  const { manager }: Props = $props();
-</script>
-
-<PackageTab type="asset" {manager} />
diff --git a/src/lib/components/Widget/ecs-tree/assets/dialog-create-asset.svelte b/src/lib/components/Widget/ecs-tree/assets/dialog-create-asset.svelte
deleted file mode 100644
index cff16ef4..00000000
--- a/src/lib/components/Widget/ecs-tree/assets/dialog-create-asset.svelte
+++ /dev/null
@@ -1,147 +0,0 @@
-<script lang="ts">
-  import { BaseDialog } from '$lib/components/dialogs';
-  import { Button } from '$lib/components/ui/button';
-  import { ScrollArea } from '$lib/components/ui/scroll-area';
-  import type { MaybePromise } from '@utils/types';
-
-  interface Props {
-    open?: boolean;
-    accept?: string;
-    onConfirm: (files: File[]) => MaybePromise<void>;
-  }
-
-  let { open = $bindable(false), accept, onConfirm }: Props = $props();
-
-  let files = $state<File[]>([]);
-  let dragging = $state(false);
-  let inputEl = $state<HTMLInputElement>();
-
-  const formatSize = (bytes: number) => {
-    if (bytes < 1024) return `${bytes} B`;
-    const units = ['KB', 'MB', 'GB'];
-    let size = bytes / 1024;
-    let unit = 0;
-    while (size >= 1024 && unit < units.length - 1) {
-      size /= 1024;
-      unit++;
-    }
-    return `${size.toFixed(1)} ${units[unit]}`;
-  };
-
-  const addFiles = (list: FileList | null) => {
-    if (!list) return;
-    const seen = new Set(files.map((f) => `${f.name}:${f.size}`));
-    const incoming = Array.from(list).filter((f) => !seen.has(`${f.name}:${f.size}`));
-    files = [...files, ...incoming];
-  };
-
-  const handleDrop = (e: DragEvent) => {
-    e.preventDefault();
-    dragging = false;
-    addFiles(e.dataTransfer?.files ?? null);
-  };
-
-  const handleDragOver = (e: DragEvent) => {
-    e.preventDefault();
-    dragging = true;
-  };
-
-  const handleDragLeave = (e: DragEvent) => {
-    e.preventDefault();
-    dragging = false;
-  };
-
-  const handleSelect = (e: Event) => {
-    const input = e.currentTarget as HTMLInputElement;
-    addFiles(input.files);
-    input.value = '';
-  };
-
-  const removeFile = (index: number) => {
-    files = files.filter((_, i) => i !== index);
-  };
-
-  const handleConfirm = async () => {
-    if (files.length === 0) return;
-    await onConfirm(files);
-    reset();
-  };
-
-  const reset = () => {
-    files = [];
-    dragging = false;
-  };
-</script>
-
-<BaseDialog
-  title="Import Asset"
-  confirmText={files.length > 1 ? `Import ${files.length} files` : 'Import'}
-  confirmDisabled={files.length === 0}
-  bind:open
-  onConfirm={handleConfirm}
->
-  <div class="flex flex-col gap-3 py-2">
-    <input
-      bind:this={inputEl}
-      type="file"
-      multiple
-      {accept}
-      class="hidden"
-      onchange={handleSelect}
-    />
-
-    <div
-      role="button"
-      tabindex="0"
-      class="flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed px-4 py-8 text-center transition-colors {dragging
-        ? 'border-primary bg-primary/5'
-        : 'border-border hover:border-primary/50'}"
-      ondrop={handleDrop}
-      ondragover={handleDragOver}
-      ondragleave={handleDragLeave}
-      onclick={() => inputEl?.click()}
-      onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && inputEl?.click()}
-    >
-      <span class="i-ic-baseline-cloud-upload text-3xl text-muted-foreground"></span>
-      <p class="text-sm text-muted-foreground">
-        Drag & drop files here, or
-        <span class="text-primary">browse</span>
-      </p>
-      <Button
-        variant="outline"
-        size="sm"
-        onclick={(e) => {
-          e.stopPropagation();
-          inputEl?.click();
-        }}
-      >
-        <span class="i-ic-baseline-folder-open mr-2 text-sm"></span>
-        Browse files
-      </Button>
-    </div>
-
-    {#if files.length > 0}
-      <ScrollArea class="max-h-40">
-        <div class="flex flex-col gap-1">
-          {#each files as file, i (file.name + file.size)}
-            <div
-              class="flex items-center gap-2 rounded-md border border-border px-2 py-1.5 text-sm"
-            >
-              <span class="i-ic-baseline-insert-drive-file shrink-0 text-muted-foreground"></span>
-              <span class="min-w-0 flex-1 truncate" title={file.name}>{file.name}</span>
-              <span class="shrink-0 text-xs text-muted-foreground">{formatSize(file.size)}</span>
-              <Button
-                variant="ghost"
-                size="icon"
-                class="size-6 shrink-0 text-destructive hover:bg-destructive/10 hover:text-destructive"
-                onclick={() => removeFile(i)}
-              >
-                <span class="i-ic-round-close text-sm"></span>
-              </Button>
-            </div>
-          {/each}
-        </div>
-      </ScrollArea>
-    {/if}
-  </div>
-</BaseDialog>
diff --git a/src/lib/components/Widget/ecs-tree/components/component.items.ts b/src/lib/components/Widget/ecs-tree/components/component.items.ts
deleted file mode 100644
index 2f9c1aa0..00000000
--- a/src/lib/components/Widget/ecs-tree/components/component.items.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { PackageItems } from '../types';
-
-export const COMPONENT_ITEMS: PackageItems = {
-  icon: {
-    name: 'i-ic-baseline-token',
-    color: 'text-blue-400',
-  },
-  addTooltip: 'Add to selected entity',
-  disableAddTooltipNotSelected: 'No entity selected',
-  disableAddTooltipAlreadyAdded: 'The selected entity already had this component',
-  canAdd: true,
-  canDelete: true,
-  canImport: true,
-};
diff --git a/src/lib/components/Widget/ecs-tree/components/components-tab.svelte b/src/lib/components/Widget/ecs-tree/components/components-tab.svelte
deleted file mode 100644
index 8e769a0f..00000000
--- a/src/lib/components/Widget/ecs-tree/components/components-tab.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-  import PackageTab from '../packages/package-tab.svelte';
-  import type { AssetManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: AssetManager;
-  }
-
-  const { manager }: Props = $props();
-</script>
-
-<PackageTab type="component" {manager} />
diff --git a/src/lib/components/Widget/ecs-tree/const.ts b/src/lib/components/Widget/ecs-tree/const.ts
deleted file mode 100644
index fa907662..00000000
--- a/src/lib/components/Widget/ecs-tree/const.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const ENTITY_DRAG_KEY = 'ecs-entity-drag';
diff --git a/src/lib/components/Widget/ecs-tree/dialogs/dialog-name.svelte b/src/lib/components/Widget/ecs-tree/dialogs/dialog-name.svelte
deleted file mode 100644
index 997d72dd..00000000
--- a/src/lib/components/Widget/ecs-tree/dialogs/dialog-name.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-<script lang="ts">
-  import { Input } from '$lib/components/ui/input';
-  import { InputDialog } from '$lib/components/dialogs';
-  import type { MaybePromise } from '@utils/types';
-
-  interface Props {
-    open?: boolean;
-    title?: string;
-    nameText?: string;
-    nameValue?: string;
-    confirmText?: string;
-    onConfirm?: (name: string) => MaybePromise<void>;
-    validate?: (name: string) => string | null;
-  }
-
-  let {
-    open = $bindable(false),
-    title,
-    nameText,
-    nameValue = $bindable(''),
-    confirmText,
-    onConfirm,
-    validate,
-  }: Props = $props();
-
-  const handleEnterConfirm = (confirm: () => void) => (e: KeyboardEvent) => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      confirm();
-    }
-  };
-
-  const handleConfirm = async () => {
-    if (validate?.(nameValue.trim())) return;
-    const n = nameValue.trim();
-    if (!n) throw 'Name is required';
-    await onConfirm?.(n);
-  };
-
-  const error = $derived(validate?.(nameValue.trim()));
-
-  const reset = () => {
-    nameValue = '';
-  };
-</script>
-
-<InputDialog
-  {title}
-  {confirmText}
-  confirmDisabled={!nameValue}
-  bind:open
-  onConfirm={handleConfirm}
-  {reset}
->
-  {#snippet children(confirm)}
-    <div class="flex flex-col gap-3 py-2">
-      <Input
-        placeholder={nameText ?? 'Name'}
-        bind:value={nameValue}
-        onkeydown={handleEnterConfirm(confirm)}
-      />
-      {#if error}
-        <span class="text-xs text-destructive">Error: {error}</span>
-      {/if}
-    </div>
-  {/snippet}
-</InputDialog>
diff --git a/src/lib/components/Widget/ecs-tree/dialogs/dialog-select.svelte b/src/lib/components/Widget/ecs-tree/dialogs/dialog-select.svelte
deleted file mode 100644
index 6642090f..00000000
--- a/src/lib/components/Widget/ecs-tree/dialogs/dialog-select.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts">
-  import { InputDialog } from '$lib/components/dialogs';
-  import { Select, SelectContent, SelectItem, SelectTrigger } from '$lib/components/ui/select';
-
-  interface Props {
-    open?: boolean;
-    title?: string;
-    text?: string;
-    value?: string;
-    options: (string | { label: string; value: string })[];
-    confirmText?: string;
-    onConfirm?: (name: string) => void;
-  }
-
-  let {
-    open = $bindable(false),
-    title,
-    text,
-    value = $bindable(''),
-    options,
-    confirmText,
-    onConfirm,
-  }: Props = $props();
-
-  const handleConfirm = () => {
-    if (!value) throw 'Value is required';
-    onConfirm?.(getValue(value));
-  };
-
-  const reset = () => {
-    value = '';
-  };
-
-  let selectedLabel = $derived.by(() => {
-    const selected = options.find((opt) => {
-      return getValue(opt) === value;
-    });
-    if (selected) return getLabel(selected);
-    return text ?? 'Pick a system';
-  });
-
-  const getLabel = (opt: string | { label: string; value: string }) => {
-    if (typeof opt === 'string') return opt;
-    return opt.label;
-  };
-
-  const getValue = (opt: string | { label: string; value: string }) => {
-    if (typeof opt === 'string') return opt;
-    return opt.value;
-  };
-</script>
-
-<InputDialog
-  {title}
-  {confirmText}
-  confirmDisabled={!options.length || !value}
-  bind:open
-  onConfirm={handleConfirm}
-  {reset}
->
-  <div class="py-2">
-    <Select type="single" bind:value>
-      <SelectTrigger class="w-full">{selectedLabel}</SelectTrigger>
-      <SelectContent>
-        {#if !!options.length}
-          {#each options as opt (getValue(opt))}
-            <SelectItem value={getValue(opt)}>{getLabel(opt)}</SelectItem>
-          {/each}
-        {:else}
-          <div class="px-4 py-2 text-muted-foreground italic">No options</div>
-        {/if}
-      </SelectContent>
-    </Select>
-  </div>
-</InputDialog>
diff --git a/src/lib/components/Widget/ecs-tree/index.ts b/src/lib/components/Widget/ecs-tree/index.ts
deleted file mode 100644
index 45923991..00000000
--- a/src/lib/components/Widget/ecs-tree/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Widget from './widget.svelte';
-
-export { Widget, Widget as ECSTreeWidget };
diff --git a/src/lib/components/Widget/ecs-tree/libraries/libraries-tab.svelte b/src/lib/components/Widget/ecs-tree/libraries/libraries-tab.svelte
deleted file mode 100644
index 641b9808..00000000
--- a/src/lib/components/Widget/ecs-tree/libraries/libraries-tab.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-  import PackageTab from '../packages/package-tab.svelte';
-  import type { LibraryManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: LibraryManager;
-  }
-
-  const { manager }: Props = $props();
-</script>
-
-<PackageTab type="library" {manager} />
diff --git a/src/lib/components/Widget/ecs-tree/libraries/library.items.ts b/src/lib/components/Widget/ecs-tree/libraries/library.items.ts
deleted file mode 100644
index 11a760f6..00000000
--- a/src/lib/components/Widget/ecs-tree/libraries/library.items.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { PackageItems } from '../types';
-
-export const LIBRARY_ITEMS: PackageItems = {
-  icon: {
-    name: 'i-ic-round-library-books',
-    color: 'text-teal-400',
-  },
-};
diff --git a/src/lib/components/Widget/ecs-tree/packages/dialog-create-package.svelte b/src/lib/components/Widget/ecs-tree/packages/dialog-create-package.svelte
deleted file mode 100644
index 2e8849cf..00000000
--- a/src/lib/components/Widget/ecs-tree/packages/dialog-create-package.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import DialogName from '../dialogs/dialog-name.svelte';
-  import type { MaybePromise } from '@utils/types';
-
-  interface Props {
-    name: string;
-    open: boolean;
-    onConfirm: (name: string) => MaybePromise<void>;
-    validate?: (name: string) => string | null;
-  }
-
-  let { name, open = $bindable(false), onConfirm, validate }: Props = $props();
-</script>
-
-<DialogName title={`Create ${name}`} nameText={`${name} name`} bind:open {onConfirm} {validate} />
diff --git a/src/lib/components/Widget/ecs-tree/packages/dialog-import-package.svelte b/src/lib/components/Widget/ecs-tree/packages/dialog-import-package.svelte
deleted file mode 100644
index ca12d56b..00000000
--- a/src/lib/components/Widget/ecs-tree/packages/dialog-import-package.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-  import DialogName from '../dialogs/dialog-name.svelte';
-
-  interface Props {
-    name: string;
-    open: boolean;
-    onConfirm: (name: string) => void;
-  }
-
-  let { name, open = $bindable(false), onConfirm }: Props = $props();
-</script>
-
-<DialogName
-  title={`Import ${name}`}
-  nameText={`${name} name`}
-  confirmText="Import"
-  bind:open
-  {onConfirm}
-/>
diff --git a/src/lib/components/Widget/ecs-tree/packages/package-row.svelte b/src/lib/components/Widget/ecs-tree/packages/package-row.svelte
deleted file mode 100644
index 2591c7be..00000000
--- a/src/lib/components/Widget/ecs-tree/packages/package-row.svelte
+++ /dev/null
@@ -1,197 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import {
-    ContextMenu,
-    ContextMenuContent,
-    ContextMenuItem,
-    ContextMenuSeparator,
-    ContextMenuTrigger,
-  } from '$lib/components/ui/context-menu';
-  import TooltipText from '$lib/components/ui/tooltip-text/tooltip-text.svelte';
-  import type { PackageItems } from '../types';
-  import { ASSET_ITEMS } from '../assets/asset.items';
-  import { COMPONENT_ITEMS } from '../components/component.items';
-  import { LIBRARY_ITEMS } from '../libraries/library.items';
-  import { SYSTEM_ITEMS } from '../systems/system.items';
-  import type { Package } from '../types';
-  import { DeleteConfirmDialog } from '$lib/components/dialogs';
-  import { capitalize } from '@utils/string';
-  import type { ComponentHandle, SystemHandle, LibraryHandle, AssetHandle } from '$lib/client/ecs';
-  import { useProject } from '$lib/client/project';
-  import { get, type Writable } from 'svelte/store';
-  import { tabsStore } from '$lib/components/Tabs/store';
-  import { getType } from '@utils/file';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  type Props =
-    | {
-        type: 'asset';
-        handle: AssetHandle;
-      }
-    | {
-        type: 'component';
-        handle: ComponentHandle;
-      }
-    | {
-        type: 'system';
-        handle: SystemHandle;
-      }
-    | {
-        type: 'library';
-        handle: LibraryHandle;
-      };
-
-  const ITEMS = {
-    asset: ASSET_ITEMS,
-    component: COMPONENT_ITEMS,
-    system: SYSTEM_ITEMS,
-    library: LIBRARY_ITEMS,
-  };
-
-  const { type, handle }: Props = $props();
-  const { ecs } = useProject();
-
-  const pkg = $derived<Writable<Package>>(handle.store);
-
-  const activeScene = $derived(ecs.scenes.active);
-  const activeSceneData = $derived($activeScene?.store);
-
-  const selectedEntity = $derived($activeScene.entities.selected);
-  const selectedEntityData = $derived($selectedEntity?.store);
-
-  let deleteLoading = $state(false);
-
-  const disabled = $derived.by<'added' | 'selected' | 'delete' | null>(() => {
-    const isNotSelected = type === 'component' ? !$selectedEntity : !$activeScene;
-    if (isNotSelected) return 'selected';
-
-    const isAlreadyAdded =
-      type === 'component'
-        ? !!$selectedEntityData?.components[handle.id]
-        : $activeSceneData.systems.includes(handle.id);
-    if (isAlreadyAdded) return 'added';
-
-    if (deleteLoading) return 'delete';
-
-    return null;
-  });
-  const items: PackageItems = $derived(ITEMS[type]);
-  const tooltip = $derived.by(() => {
-    if (disabled === 'added') return items.disableAddTooltipAlreadyAdded;
-    if (disabled === 'selected') return items.disableAddTooltipNotSelected;
-    return items.addTooltip;
-  });
-
-  let deleteOpen = $state(false);
-
-  const onAdd = (e: MouseEvent) => {
-    e.stopPropagation();
-    if (type === 'component') {
-      const entity = ecs.scenes.activeData.entities.selectedData;
-      if (!entity) return;
-      entity.components.add(get(pkg).id);
-    } else {
-      ecs.scenes.activeData.systems.add(get(pkg).id);
-    }
-  };
-
-  const onOpenCode = (e: MouseEvent) => {
-    e.stopPropagation();
-    const item = get(pkg);
-    if (type === 'library' || !item.path) return;
-    tabsStore.openTab({
-      type: getType(item.path),
-      title: item.path.split('/').at(-1) ?? item.name ?? item.id,
-      metadata: {
-        path: item.path,
-      },
-    });
-  };
-
-  const handleDelete = async () => {
-    deleteLoading = true;
-    await handle.delete();
-    deleteLoading = false;
-  };
-
-  const onDelete = (e: MouseEvent) => {
-    e.stopPropagation();
-    deleteOpen = true;
-  };
-</script>
-
-<DeleteConfirmDialog
-  type={capitalize(type)}
-  name={$pkg.name ?? $pkg.id}
-  bind:open={deleteOpen}
-  onConfirm={handleDelete}
-/>
-
-<ContextMenu>
-  <ContextMenuTrigger>
-    <div class="group border-b border-border/50 px-3 py-2 hover:bg-neutral-800 cursor-default">
-      <div class="flex justify-between items-center">
-        <div>
-          <div class="flex items-center gap-2">
-            <span class={['w-3.5 h-3.5 shrink-0', items.icon.name, items.icon.color]}></span>
-            <span class="font-medium text-foreground flex-1 truncate text-xs">
-              {$pkg.name ?? $pkg.path?.split('/').at(-1) ?? $pkg.id}
-            </span>
-          </div>
-          <div class="mt-0.5 text-xs text-muted-foreground truncate pl-5">
-            {$pkg.path ?? $pkg.id}
-          </div>
-        </div>
-        <div class="flex items-center gap-1 opacity-0 group-hover:opacity-100">
-          {#if tooltip}
-            <TooltipText text={tooltip}>
-              <Button disabled={!!disabled} variant="ghost" size="icon" onclick={onAdd}>
-                <span class="i-ic-baseline-add-circle text-green-400"></span>
-              </Button>
-            </TooltipText>
-          {/if}
-          <Button
-            disabled={type === 'library' || deleteLoading}
-            variant="ghost"
-            size="icon"
-            class="text-destructive hover:text-destructive hover:bg-destructive/20"
-            onclick={onDelete}
-          >
-            {#if deleteLoading}
-              <Spinner class="w-3 h-3" />
-            {:else}
-              <span class="i-ic-baseline-delete"></span>
-            {/if}
-          </Button>
-        </div>
-      </div>
-    </div>
-  </ContextMenuTrigger>
-  <ContextMenuContent>
-    {#if type !== 'library'}
-      <ContextMenuItem onclick={onOpenCode}>
-        <span class="i-ic-baseline-open-in-new"></span>
-        Open code
-      </ContextMenuItem>
-      {#if type !== 'asset'}
-        <ContextMenuItem disabled={!!disabled} onclick={onAdd}>
-          <span class="i-ic-baseline-add-circle text-green-400"></span>
-          {items.addTooltip}
-        </ContextMenuItem>
-      {/if}
-      <ContextMenuSeparator />
-    {/if}
-    <ContextMenuItem
-      disabled={type === 'library' || deleteLoading}
-      variant="destructive"
-      onclick={onDelete}
-    >
-      {#if deleteLoading}
-        <Spinner class="w-3 h-3" />
-      {:else}
-        <span class="i-ic-baseline-delete"></span>
-      {/if}
-      Delete
-    </ContextMenuItem>
-  </ContextMenuContent>
-</ContextMenu>
diff --git a/src/lib/components/Widget/ecs-tree/packages/package-tab.svelte b/src/lib/components/Widget/ecs-tree/packages/package-tab.svelte
deleted file mode 100644
index 0778a103..00000000
--- a/src/lib/components/Widget/ecs-tree/packages/package-tab.svelte
+++ /dev/null
@@ -1,175 +0,0 @@
-<script lang="ts">
-  import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem,
-  } from '$lib/components/ui/dropdown-menu';
-  import PackageRow from './package-row.svelte';
-  import DialogCreatePackage from './dialog-create-package.svelte';
-  import DialogCreateAsset from '../assets/dialog-create-asset.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import { getMarketplaceContext } from '$lib/components/marketplace';
-  import {
-    InputGroup,
-    InputGroupAddon,
-    InputGroupButton,
-    InputGroupInput,
-  } from '$lib/components/ui/input-group';
-  import { ScrollArea } from '$lib/components/ui/scroll-area';
-  import { capitalize } from '@utils/string';
-  import {
-    type ComponentManager,
-    type SystemManager,
-    type LibraryManager,
-    type AssetManager,
-  } from '$lib/client/ecs';
-  import type { Writable } from 'svelte/store';
-  import type { Package } from '../types';
-  import { formatFrom } from '@utils/format';
-  import { getContext } from 'svelte';
-
-  type Props =
-    | {
-        type: 'asset';
-        manager: AssetManager;
-      }
-    | {
-        type: 'component';
-        manager: ComponentManager;
-      }
-    | {
-        type: 'system';
-        manager: SystemManager;
-      }
-    | {
-        type: 'library';
-        manager: LibraryManager;
-      };
-
-  const { type, manager }: Props = $props();
-
-  const packages = $derived<Writable<Package[]>>(manager.store);
-
-  const nameCapitalized = $derived(capitalize(type));
-  const namePlural = $derived(type === 'library' ? 'libraries' : type + 's');
-
-  const ecsQuery = getContext<{ packages: string }>('ecsQuery');
-  const marketplace = getMarketplaceContext();
-
-  let query = $state('');
-
-  $effect(() => {
-    const q = `${ecsQuery.packages}`;
-    if (q.length > 0) {
-      setTimeout(() => {
-        query = q;
-        ecsQuery.packages = '';
-      });
-    }
-  });
-
-  const sorted = $derived(
-    $packages
-      .filter((c) => !query || (c.name ?? c.id).toLowerCase().includes(query.toLowerCase()))
-      .sort((a, b) => (a.name ?? a.id).localeCompare(b.name ?? b.id)),
-  );
-
-  let createOpen = $state(false);
-
-  const handleCreate = async (name: string) => {
-    if (!('create' in manager) || type === 'asset')
-      throw new Error(`Cannot create in library - use the "Import Library" button instead.`);
-    await manager.create(name);
-  };
-
-  const handleImportAsset = async (files: File[]) => {
-    if (type !== 'asset') return;
-    await manager.createMany(files);
-  };
-
-  const validate = (raw: string, suffix: string = nameCapitalized) => {
-    if (!raw) return 'Name is required';
-    const name = `${formatFrom.all(raw)[type === 'system' ? 'toCamel' : 'toPascal']()}${suffix}`;
-    console.log(name, $packages);
-    if ($packages.find((p) => p.id === name)) return `${nameCapitalized} already exists`;
-    return null;
-  };
-</script>
-
-{#if type === 'asset'}
-  <DialogCreateAsset bind:open={createOpen} onConfirm={handleImportAsset} />
-{:else}
-  <DialogCreatePackage
-    name={nameCapitalized}
-    bind:open={createOpen}
-    onConfirm={handleCreate}
-    {validate}
-  />
-{/if}
-
-<div class="flex flex-col flex-1 min-h-0">
-  <div class="flex items-center gap-1.5 px-2 py-1.5 border-b border-border shrink-0">
-    <InputGroup>
-      <InputGroupInput placeholder={`Search ${namePlural}...`} bind:value={query} />
-      <InputGroupAddon>
-        <span class="i-ic-baseline-search"></span>
-      </InputGroupAddon>
-      {#if query}
-        <InputGroupAddon align="inline-end">
-          <InputGroupButton
-            onclick={() => (query = '')}
-            variant="ghost"
-            class="rounded-md text-destructive hover:text-destructive hover:bg-destructive/10"
-          >
-            <span class="i-ic-round-close"></span>
-          </InputGroupButton>
-        </InputGroupAddon>
-      {/if}
-    </InputGroup>
-    <DropdownMenu>
-      <DropdownMenuTrigger disabled={type === 'library'}>
-        {#snippet child({ props })}
-          <Button
-            {...props}
-            variant="ghost"
-            size="icon"
-            class="size-7 hover:bg-accent hover:text-accent-foreground"
-          >
-            <span class="i-ic-baseline-add text-base"></span>
-          </Button>
-        {/snippet}
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        {#if type === 'asset'}
-          <DropdownMenuItem onclick={() => (createOpen = true)}>
-            <span class="i-ic-baseline-note-add mr-2 text-sm"></span>
-            Upload
-          </DropdownMenuItem>
-        {:else if type !== 'library'}
-          <DropdownMenuItem onclick={() => (createOpen = true)}>
-            <span class="i-ic-baseline-note-add mr-2 text-sm"></span>
-            Create
-          </DropdownMenuItem>
-        {/if}
-        <DropdownMenuItem onclick={() => marketplace.open()}>
-          <span class="i-ic-baseline-file-upload mr-2 text-sm"></span>
-          Import
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  </div>
-
-  <ScrollArea class="flex-1">
-    {#each sorted as pkg (pkg.id)}
-      {@const handle = manager.get(pkg.id)}
-      <PackageRow type={type as any} handle={handle as any} />
-    {/each}
-
-    {#if sorted.length === 0}
-      <div class="py-12 text-center text-xs text-muted-foreground">
-        {query ? 'No matches.' : `No ${namePlural} - add one with +.`}
-      </div>
-    {/if}
-  </ScrollArea>
-</div>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/dialog-edit-scene.svelte b/src/lib/components/Widget/ecs-tree/scenes/dialog-edit-scene.svelte
deleted file mode 100644
index 749cac0c..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/dialog-edit-scene.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-  import DialogName from '../dialogs/dialog-name.svelte';
-
-  interface Props {
-    open: boolean;
-    defaultValue: string;
-    onConfirm: (name: string) => void;
-  }
-
-  let { open = $bindable(false), defaultValue, onConfirm }: Props = $props();
-</script>
-
-<DialogName
-  title="Edit Scene"
-  nameText="Scene name"
-  nameValue={defaultValue}
-  bind:open
-  {onConfirm}
-/>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/dialog-new-scene.svelte b/src/lib/components/Widget/ecs-tree/scenes/dialog-new-scene.svelte
deleted file mode 100644
index 74f32477..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/dialog-new-scene.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-  import DialogName from '../dialogs/dialog-name.svelte';
-
-  interface Props {
-    open: boolean;
-    onConfirm: (name: string) => void;
-  }
-
-  let { open = $bindable(false), onConfirm }: Props = $props();
-</script>
-
-<DialogName title="New Scene" nameText="Scene name" bind:open {onConfirm} />
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-delete-entity.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-delete-entity.svelte
deleted file mode 100644
index 19a9acc2..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-delete-entity.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import { DeleteConfirmDialog } from '$lib/components/dialogs';
-  import { capitalize } from '@utils/string';
-
-  interface Props {
-    kind: 'entity' | 'folder';
-    open: boolean;
-    name: string;
-    onConfirm: () => void;
-  }
-
-  let { kind, open = $bindable(false), name, onConfirm }: Props = $props();
-</script>
-
-<DeleteConfirmDialog type={capitalize(kind)} {name} bind:open {onConfirm} />
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-edit-entity.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-edit-entity.svelte
deleted file mode 100644
index 86479add..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-edit-entity.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import DialogName from '../../dialogs/dialog-name.svelte';
-
-  interface Props {
-    kind: 'entity' | 'folder';
-    open: boolean;
-    defaultValue: string;
-    onConfirm: (name: string) => void;
-  }
-
-  let { kind, open = $bindable(false), defaultValue, onConfirm }: Props = $props();
-
-  const name = $derived(kind === 'entity' ? 'Entity' : 'Folder');
-</script>
-
-<DialogName
-  title={`Edit ${name}`}
-  nameText={`${name} name`}
-  nameValue={defaultValue}
-  bind:open
-  {onConfirm}
-/>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-new-entity.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-new-entity.svelte
deleted file mode 100644
index 07faf0cb..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/dialog-new-entity.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import DialogName from '../../dialogs/dialog-name.svelte';
-
-  interface Props {
-    kind: 'entity' | 'folder';
-    open: boolean;
-    onConfirm: (name: string) => void;
-  }
-
-  let { kind, open = $bindable(false), onConfirm }: Props = $props();
-
-  const name = $derived(kind === 'entity' ? 'Entity' : 'Folder');
-</script>
-
-<DialogName title={`New ${name}`} nameText={`${name} name`} bind:open {onConfirm} />
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree-node.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree-node.svelte
deleted file mode 100644
index 9b908434..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree-node.svelte
+++ /dev/null
@@ -1,152 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-
-  import type { SceneEntityHandle } from '$lib/client/ecs';
-  import {
-    ContextMenu,
-    ContextMenuContent,
-    ContextMenuItem,
-    ContextMenuSeparator,
-    ContextMenuTrigger,
-  } from '$lib/components/ui/context-menu';
-
-  import { ENTITY_DRAG_KEY } from '../../const';
-  import { resolveParentPath } from '../../utils';
-  import type { EntityDragContext } from '../../types';
-  import DialogEditEntity from './dialog-edit-entity.svelte';
-  import DialogDeleteEntity from './dialog-delete-entity.svelte';
-
-  interface Props {
-    handle: SceneEntityHandle;
-    depth?: number;
-    readonly?: boolean;
-    onNew?: (kind: 'entity' | 'folder', path: string) => (e: MouseEvent) => void;
-  }
-
-  const { handle, depth = 0, readonly = false, onNew = () => () => {} }: Props = $props();
-
-  const drag = getContext<EntityDragContext>(ENTITY_DRAG_KEY);
-
-  const entity = $derived(handle.store);
-  const selectedEntity = $derived(handle.manager.selected);
-
-  const pl = $derived(8 + depth * 12);
-
-  let editOpen = $state(false);
-  let deleteOpen = $state(false);
-
-  let hovered = $state(false);
-
-  const isDragging = $derived(drag.dragging?.type === 'entity' && drag.dragging.id === $entity.id);
-
-  const onSelect = (e: MouseEvent) => {
-    e.stopPropagation();
-    handle.setSelected();
-  };
-
-  const handleEdit = (name: string) => {
-    handle.update({ name });
-  };
-
-  const handleDelete = () => {
-    handle.delete();
-  };
-
-  const onEdit = (e: MouseEvent) => {
-    e.stopPropagation();
-    editOpen = true;
-  };
-
-  const onDelete = (e: MouseEvent) => {
-    e.stopPropagation();
-    deleteOpen = true;
-  };
-</script>
-
-<DialogEditEntity
-  kind="entity"
-  bind:open={editOpen}
-  defaultValue={$entity.name}
-  onConfirm={handleEdit}
-/>
-<DialogDeleteEntity
-  kind="entity"
-  bind:open={deleteOpen}
-  name={$entity.name}
-  onConfirm={handleDelete}
-/>
-<ContextMenu>
-  <ContextMenuTrigger>
-    <button
-      draggable={!readonly}
-      class={[
-        $selectedEntity?.id === $entity.id
-          ? 'bg-primary/20 text-purple-300'
-          : 'text-neutral-300 hover:bg-neutral-800',
-        hovered && !isDragging ? 'ring-2 ring-inset ring-primary' : '',
-        isDragging ? 'opacity-40' : '',
-        'flex w-full items-center gap-1.5 py-0.5 pr-2 transition-colors group hover:cursor-pointer',
-      ]}
-      style="padding-left:{pl}px"
-      onclick={onSelect}
-      ondragstart={(e) => {
-        e.stopPropagation();
-        e.dataTransfer!.effectAllowed = 'move';
-        drag.startDrag({ type: 'entity', id: $entity.id });
-      }}
-      ondragend={() => {
-        drag.endDrag();
-        hovered = false;
-      }}
-      ondragover={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        e.dataTransfer!.dropEffect = 'move';
-        hovered = true;
-      }}
-      ondragleave={() => (hovered = false)}
-      ondrop={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        hovered = false;
-        drag.dropOnEntity($entity.id);
-      }}
-    >
-      <span class="w-3 h-3 shrink-0"></span>
-      <span class="i-ic-baseline-category w-3.5 h-3.5 shrink-0 text-sky-400"></span>
-      <span class="flex-1 truncate text-left text-md {readonly ? 'text-neutral-400' : ''}">
-        {$entity.name}
-      </span>
-      <span
-        class={[
-          'text-xs text-muted-foreground/50 i-ic-baseline-drag-indicator duration-150',
-          isDragging && !readonly ? 'opacity-100' : 'opacity-0',
-          !readonly ? 'group-hover:opacity-100' : '',
-        ]}
-      >
-      </span>
-    </button>
-  </ContextMenuTrigger>
-  {#if !readonly}
-    <ContextMenuContent>
-      <ContextMenuItem onclick={onNew('entity', resolveParentPath($entity.treePath))}>
-        <span class="i-ic-baseline-add-circle"></span>
-        New entity
-      </ContextMenuItem>
-      <ContextMenuItem onclick={onNew('folder', resolveParentPath($entity.treePath))}>
-        <span class="i-ic-baseline-folder"></span>
-        New folder
-      </ContextMenuItem>
-      <ContextMenuSeparator />
-      <ContextMenuItem onclick={onEdit}>
-        <span class="i-ic-baseline-edit"></span>
-        Edit
-      </ContextMenuItem>
-      <ContextMenuSeparator />
-      <ContextMenuItem variant="destructive" onclick={onDelete}>
-        <span class="i-ic-baseline-delete"></span>
-        Delete
-      </ContextMenuItem>
-    </ContextMenuContent>
-  {/if}
-</ContextMenu>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree.svelte
deleted file mode 100644
index 1978f247..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/entity-tree.svelte
+++ /dev/null
@@ -1,360 +0,0 @@
-<script lang="ts">
-  import { setContext, untrack } from 'svelte';
-  import { SvelteSet } from 'svelte/reactivity';
-
-  import type { Entity, Scene, SceneEntityManager } from '$lib/client/ecs';
-  import { Button } from '$lib/components/ui/button';
-  import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem,
-  } from '$lib/components/ui/dropdown-menu';
-
-  import { ENTITY_DRAG_KEY } from '../../const';
-  import { buildTree, folderPaths } from '../../utils';
-  import type { EntityDragContext, EntityDragItem } from '../../types';
-  import DialogNewEntity from './dialog-new-entity.svelte';
-  import EntityTreeNode from './entity-tree-node.svelte';
-  import FolderTreeNode from './folder-tree-node.svelte';
-  import { useProject } from '$lib/client/project';
-  import {
-    InputGroup,
-    InputGroupAddon,
-    InputGroupButton,
-    InputGroupInput,
-  } from '$lib/components/ui/input-group';
-
-  interface Props {
-    manager: SceneEntityManager;
-  }
-
-  const { manager }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const entities = $derived(manager.store);
-  const scenes = $derived(ecs.scenes.store);
-
-  const resolveParentScene = (sceneId?: string): Scene | undefined => {
-    return $scenes.find((s) => s.subScenes.includes(sceneId ?? manager.scene.id));
-  };
-
-  const resolveParentEntities = (sceneId?: string): (Entity & { scene: string })[] => {
-    const parent = resolveParentScene(sceneId);
-    if (!parent) return [];
-    return [
-      ...resolveParentEntities(parent.id),
-      ...parent.entities.map((e) => ({ ...e, scene: parent.id })),
-    ];
-  };
-
-  const inherited = $derived(resolveParentEntities());
-  const ancestor = $derived(resolveParentScene());
-
-  let folders = new SvelteSet<string>();
-  let folderSceneId = $state('');
-
-  let search = $state('');
-  let searchOpen = $state(false);
-
-  $effect.pre(() => {
-    const id = manager.scene.id;
-    if (id !== folderSceneId) {
-      folders.clear();
-      untrack(() => {
-        folderSceneId = id;
-        $entities.forEach((e) => folderPaths(e.treePath).forEach((p) => folders.add(p)));
-      });
-    }
-  });
-
-  const trackFolders = (treePath: string) => {
-    folderPaths(treePath).forEach((p) => folders.add(p));
-  };
-
-  const untrackFolders = (folderPath: string) => {
-    folders.delete(folderPath);
-    for (const p of [...folders]) if (p.startsWith(folderPath + '/')) folders.delete(p);
-  };
-
-  const tree = $derived(buildTree($entities, folders, search));
-  const inheritedTree = $derived(buildTree(inherited, [], search));
-
-  let expandedFolders = new SvelteSet<string>();
-  let inheritedCollapsed = $state(true);
-
-  const toggleFolder = (path: string) => {
-    if (!expandedFolders.has(path)) {
-      expandedFolders.add(path);
-      return;
-    }
-    for (const p of [...expandedFolders]) if (p.startsWith(path + '/')) expandedFolders.delete(p);
-    expandedFolders.delete(path);
-  };
-
-  let dragging = $state<EntityDragItem | null>(null);
-  let rootDropHovered = $state(false);
-
-  const moveFolderTo = (oldPath: string, newPath: string) => {
-    if (oldPath === newPath || newPath.startsWith(oldPath + '/')) return;
-    $entities.forEach((e) => {
-      const handle = manager.get(e.id);
-      if (e.treePath === oldPath) return handle.update({ treePath: newPath });
-      if (e.treePath.startsWith(oldPath + '/'))
-        return handle.update({ treePath: newPath + e.treePath.slice(oldPath.length) });
-    });
-    untrackFolders(oldPath);
-    trackFolders(newPath);
-  };
-
-  const dropOnFolder = (folderPath: string) => {
-    if (!dragging) return;
-    if (dragging.type === 'entity') {
-      const handle = manager.get(dragging.id);
-      if (handle.data.treePath !== folderPath) handle.update({ treePath: folderPath });
-      trackFolders(folderPath);
-    } else {
-      const { path } = dragging as { type: 'folder'; path: string };
-      if (path === folderPath || folderPath.startsWith(path + '/')) return;
-      const name = path.split('/').pop()!;
-      moveFolderTo(path, folderPath ? `${folderPath}/${name}` : name);
-    }
-    dragging = null;
-  };
-
-  const dropOnEntity = (entityId: string) => {
-    if (!dragging) return;
-    const target = $entities.find((e) => e.id === entityId);
-    if (!target) {
-      dragging = null;
-      return;
-    }
-    const targetPath = target.treePath;
-
-    if (dragging.type === 'entity') {
-      const { id } = dragging as { type: 'entity'; id: string };
-      if (id !== entityId) {
-        const handle = manager.get(id);
-        if (handle.data.treePath !== targetPath) handle.update({ treePath: targetPath });
-        trackFolders(targetPath);
-      }
-    } else {
-      const { path } = dragging as { type: 'folder'; path: string };
-      const name = path.split('/').pop()!;
-      const newPath = targetPath ? `${targetPath}/${name}` : name;
-      moveFolderTo(path, newPath);
-    }
-    dragging = null;
-  };
-
-  const dropOnRoot = () => {
-    if (!dragging) return;
-    if (dragging.type === 'entity') {
-      const { id } = dragging as { type: 'entity'; id: string };
-      const handle = manager.get(id);
-      if (handle.data.treePath !== '') handle.update({ treePath: '' });
-    } else {
-      const { path } = dragging as { type: 'folder'; path: string };
-      const name = path.split('/').pop()!;
-      if (path !== name) moveFolderTo(path, name);
-    }
-    dragging = null;
-  };
-
-  setContext<EntityDragContext>(ENTITY_DRAG_KEY, {
-    get dragging() {
-      return dragging;
-    },
-    startDrag: (item) => {
-      dragging = item;
-    },
-    endDrag: () => {
-      dragging = null;
-    },
-    dropOnFolder,
-    dropOnEntity,
-    dropOnRoot,
-  });
-
-  let newEntityOpen = $state(false);
-  let newFolderOpen = $state(false);
-  let newPath = $state('');
-
-  const resetTarget = () => {
-    newPath = '';
-  };
-
-  const handleNewEntity = (name: string) => {
-    manager.add({ name, treePath: newPath, components: {} });
-    resetTarget();
-  };
-
-  const handleNewFolder = (name: string) => {
-    const fullPath = newPath ? `${newPath}/${name}` : name;
-    folders.add(fullPath);
-    resetTarget();
-  };
-
-  const onNew = (kind: 'entity' | 'folder', path: string) => {
-    return (e: MouseEvent) => {
-      e.stopPropagation();
-      newPath = path;
-      if (kind === 'entity') newEntityOpen = true;
-      else newFolderOpen = true;
-    };
-  };
-</script>
-
-<DialogNewEntity kind="entity" bind:open={newEntityOpen} onConfirm={handleNewEntity} />
-<DialogNewEntity kind="folder" bind:open={newFolderOpen} onConfirm={handleNewFolder} />
-
-<div class="px-2 py-1 border-b border-border/50 text-muted-foreground">
-  <div class="flex items-center justify-between">
-    <span class="text-xs font-semibold tracking-wide">Entities</span>
-    <div class="flex items-center gap-1">
-      <Button
-        size="icon-xs"
-        variant="ghost"
-        onclick={() => {
-          searchOpen = !searchOpen;
-          search = '';
-        }}
-      >
-        <span class={[searchOpen ? 'i-ic-outline-filter-alt-off' : 'i-ic-outline-filter-alt']}
-        ></span>
-      </Button>
-      <DropdownMenu>
-        <DropdownMenuTrigger>
-          {#snippet child({ props })}
-            <Button variant="ghost" size="icon-xs" {...props}>
-              <span class="i-ic-baseline-add"></span>
-            </Button>
-          {/snippet}
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end">
-          <DropdownMenuItem onclick={onNew('entity', '')}>
-            <span class="i-ic-baseline-category"></span>
-            New entity
-          </DropdownMenuItem>
-          <DropdownMenuItem onclick={onNew('folder', '')}>
-            <span class="i-ic-baseline-folder"></span>
-            New folder
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  </div>
-  {#if searchOpen}
-    <InputGroup class="h-6 my-1">
-      <InputGroupInput
-        placeholder="Search entities..."
-        bind:value={search}
-        class="text-xs md:text-xs"
-      />
-      <InputGroupAddon>
-        <span class="i-ic-baseline-search h-4"></span>
-      </InputGroupAddon>
-      {#if search}
-        <InputGroupAddon align="inline-end">
-          <InputGroupButton
-            onclick={() => (search = '')}
-            variant="ghost"
-            class="rounded-md text-destructive hover:text-destructive hover:bg-destructive/10"
-          >
-            <span class="i-ic-round-close h-4 w-4"></span>
-          </InputGroupButton>
-        </InputGroupAddon>
-      {/if}
-    </InputGroup>
-  {/if}
-</div>
-
-{#if ancestor && inherited.length > 0}
-  <div class="border-b border-border/30">
-    <button
-      class="flex w-full items-center gap-1.5 px-2 py-1 text-xs text-purple-400 hover:bg-neutral-800/60 transition-colors"
-      onclick={() => (inheritedCollapsed = !inheritedCollapsed)}
-    >
-      <span
-        class="w-3 h-3 shrink-0 {inheritedCollapsed
-          ? 'i-ic-baseline-keyboard-arrow-right'
-          : 'i-ic-baseline-keyboard-arrow-down'}"
-      ></span>
-      <span class="i-ic-baseline-link w-3.5 h-3.5 shrink-0"></span>
-      <span class="flex-1 truncate text-left">
-        Inherited from {ancestor.name}
-      </span>
-      <span class="text-xs text-muted-foreground/50 shrink-0">{inherited.length}</span>
-    </button>
-    {#if !inheritedCollapsed}
-      <div class="py-0.5 bg-neutral-900/40">
-        {#each inheritedTree as node (node.kind === 'entity' ? node.id : node.path)}
-          {#if node.kind === 'entity'}
-            <EntityTreeNode
-              handle={node.scene
-                ? ecs.scenes.get(node.scene).entities.get(node.id)
-                : manager.get(node.id)}
-              readonly={true}
-            />
-          {:else}
-            <FolderTreeNode
-              {manager}
-              {node}
-              {folders}
-              {expandedFolders}
-              readonly={true}
-              onToggleFolder={toggleFolder}
-            />
-          {/if}
-        {/each}
-      </div>
-    {/if}
-  </div>
-{/if}
-
-<div class="py-0.5 flex flex-col overflow-y-scroll">
-  {#each tree as node (node.kind === 'entity' ? node.id : `${node.path}-folder`)}
-    {#if node.kind === 'entity'}
-      <EntityTreeNode handle={manager.get(node.id)} {onNew} />
-    {:else}
-      <FolderTreeNode
-        {manager}
-        {node}
-        {folders}
-        {expandedFolders}
-        onToggleFolder={toggleFolder}
-        {onNew}
-      />
-    {/if}
-  {/each}
-
-  {#if $entities.length === 0 && folders.size === 0}
-    <div class="py-6 text-center text-xs text-muted-foreground">
-      No entities - use + to add one.
-    </div>
-  {/if}
-</div>
-
-{#if dragging}
-  <div
-    aria-hidden="true"
-    class="mx-2 mb-2 mt-1 flex h-5 items-center justify-center rounded border border-dashed text-xs transition-colors
-      {rootDropHovered
-      ? 'border-primary/60 bg-primary/10 text-purple-400/80'
-      : 'border-border/40 text-muted-foreground/30'}"
-    ondragover={(e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      rootDropHovered = true;
-    }}
-    ondragleave={() => (rootDropHovered = false)}
-    ondrop={(e) => {
-      e.preventDefault();
-      rootDropHovered = false;
-      dropOnRoot();
-    }}
-  >
-    Drop here → root
-  </div>
-{/if}
diff --git a/src/lib/components/Widget/ecs-tree/scenes/entities/folder-tree-node.svelte b/src/lib/components/Widget/ecs-tree/scenes/entities/folder-tree-node.svelte
deleted file mode 100644
index 5eba3ae1..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/entities/folder-tree-node.svelte
+++ /dev/null
@@ -1,202 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-  import {
-    ContextMenu,
-    ContextMenuContent,
-    ContextMenuItem,
-    ContextMenuSeparator,
-    ContextMenuTrigger,
-  } from '$lib/components/ui/context-menu';
-  import type { EntityDragContext, TreeFolder } from '../../types';
-  import { ENTITY_DRAG_KEY } from '../../const';
-  import EntityTreeNode from './entity-tree-node.svelte';
-  import FolderTreeNode from './folder-tree-node.svelte';
-  import type { SceneEntityManager } from '$lib/client/ecs';
-  import DialogDeleteEntity from './dialog-delete-entity.svelte';
-  import DialogEditEntity from './dialog-edit-entity.svelte';
-  import { resolveParentPath } from '../../utils';
-  import { useProject } from '$lib/client/project';
-
-  interface Props {
-    manager: SceneEntityManager;
-    node: TreeFolder;
-    readonly?: boolean;
-    depth?: number;
-    folders: Set<string>;
-    expandedFolders: Set<string>;
-    onToggleFolder: (path: string) => void;
-    onNew?: (kind: 'entity' | 'folder', path: string) => (e: MouseEvent) => void;
-  }
-
-  let {
-    manager,
-    node,
-    readonly = false,
-    depth = 0,
-    folders = $bindable(),
-    expandedFolders,
-    onToggleFolder,
-    onNew = () => () => {},
-  }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const drag = getContext<EntityDragContext>(ENTITY_DRAG_KEY);
-
-  const entities = $derived(manager.store);
-  const pl = $derived(8 + depth * 12);
-
-  let editOpen = $state(false);
-  let deleteOpen = $state(false);
-
-  let hovered = $state(false);
-
-  const isDragging = $derived(drag.dragging?.type === 'folder' && drag.dragging.path === node.path);
-
-  const handleEdit = (name: string) => {
-    const path = `${resolveParentPath(node.path)}/${name}`;
-
-    $entities.forEach((e) => {
-      if (e.treePath.startsWith(node.path))
-        manager.get(e.id).update({ treePath: e.treePath.replace(node.path, path) });
-    });
-
-    folders.delete(node.path);
-    folders.add(path);
-    folders.forEach((p) => {
-      if (p.startsWith(node.path + '/')) {
-        folders.delete(p);
-        folders.add(p.replace(node.path, path));
-      }
-    });
-  };
-
-  const handleDelete = () => {
-    $entities.forEach((e) => {
-      if (e.treePath.startsWith(node.path)) manager.delete(e.id);
-    });
-
-    folders.delete(node.path);
-    for (const p of [...folders]) if (p.startsWith(node.path + '/')) folders.delete(p);
-  };
-
-  const onEdit = (e: MouseEvent) => {
-    e.stopPropagation();
-    editOpen = true;
-  };
-
-  const onDelete = (e: MouseEvent) => {
-    e.stopPropagation();
-    deleteOpen = true;
-  };
-</script>
-
-<DialogEditEntity
-  kind="folder"
-  bind:open={editOpen}
-  defaultValue={node.name}
-  onConfirm={handleEdit}
-/>
-<DialogDeleteEntity
-  kind="folder"
-  bind:open={deleteOpen}
-  name={node.name}
-  onConfirm={handleDelete}
-/>
-
-<ContextMenu>
-  <ContextMenuTrigger>
-    <button
-      draggable={!readonly}
-      class="flex w-full items-center gap-1.5 py-0.5 hover:bg-neutral-800 text-neutral-200 transition-colors group hover:cursor-pointer
-          {hovered && !isDragging ? 'bg-primary/20 ring-2 ring-inset ring-primary' : ''}
-          {isDragging ? 'opacity-40' : ''}"
-      style="padding-left:{pl}px; padding-right:8px"
-      onclick={() => onToggleFolder(node.path)}
-      ondragstart={(e) => {
-        e.stopPropagation();
-        e.dataTransfer!.effectAllowed = 'move';
-        drag.startDrag({ type: 'folder', path: node.path });
-      }}
-      ondragend={() => {
-        drag.endDrag();
-        hovered = false;
-      }}
-      ondragover={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        e.dataTransfer!.dropEffect = 'move';
-        hovered = true;
-      }}
-      ondragleave={() => (hovered = false)}
-      ondrop={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        hovered = false;
-        drag.dropOnFolder(node.path);
-      }}
-    >
-      <span
-        class="w-3 h-3 shrink-0 {expandedFolders.has(node.path)
-          ? 'i-ic-baseline-keyboard-arrow-down'
-          : 'i-ic-baseline-keyboard-arrow-right'}"
-      ></span>
-      <span class="i-ic-baseline-folder w-3.5 h-3.5 text-yellow-600 shrink-0"></span>
-      <span class="flex-1 truncate text-left text-md">{node.name}</span>
-      <span
-        class={[
-          'text-xs text-muted-foreground/50 i-ic-baseline-drag-indicator duration-150',
-          isDragging && !readonly ? 'opacity-100' : 'opacity-0',
-          !readonly ? 'group-hover:opacity-100' : '',
-        ]}
-      ></span>
-    </button>
-  </ContextMenuTrigger>
-  {#if !readonly}
-    <ContextMenuContent>
-      <ContextMenuItem onclick={onNew('entity', node.path)}>
-        <span class="i-ic-baseline-add-circle"></span>
-        New entity
-      </ContextMenuItem>
-      <ContextMenuItem onclick={onNew('folder', node.path)}>
-        <span class="i-ic-baseline-folder"></span>
-        New folder
-      </ContextMenuItem>
-      <ContextMenuSeparator />
-      <ContextMenuItem onclick={onEdit}>
-        <span class="i-ic-baseline-edit"></span>
-        Edit
-      </ContextMenuItem>
-      <ContextMenuSeparator />
-      <ContextMenuItem variant="destructive" onclick={onDelete}>
-        <span class="i-ic-baseline-delete"></span>Delete folder &amp; contents
-      </ContextMenuItem>
-    </ContextMenuContent>
-  {/if}
-</ContextMenu>
-
-{#if expandedFolders.has(node.path)}
-  {#each node.children as child (child.kind === 'entity' ? child.id : `${child.path}-folder`)}
-    {#if child.kind === 'entity'}
-      <EntityTreeNode
-        handle={child.scene
-          ? ecs.scenes.get(child.scene).entities.get(child.id)
-          : manager.get(child.id)}
-        {readonly}
-        depth={depth + 1}
-        {onNew}
-      />
-    {:else}
-      <FolderTreeNode
-        {manager}
-        node={child}
-        {readonly}
-        depth={depth + 1}
-        bind:folders
-        {expandedFolders}
-        {onToggleFolder}
-        {onNew}
-      />
-    {/if}
-  {/each}
-{/if}
diff --git a/src/lib/components/Widget/ecs-tree/scenes/scene-detail.svelte b/src/lib/components/Widget/ecs-tree/scenes/scene-detail.svelte
deleted file mode 100644
index 2124ad30..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/scene-detail.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-  import { Tabs, TabsList, TabsTrigger, TabsContent } from '$lib/components/ui/tabs';
-  import EntityTree from './entities/entity-tree.svelte';
-  import SceneSystemList from './systems/scene-system-list.svelte';
-  import type { SceneHandle } from '$lib/client/ecs';
-  import { useProject } from '$lib/client/project';
-
-  interface Props {
-    handle: SceneHandle;
-  }
-
-  const { handle }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const scene = $derived(handle.store);
-  const activeScene = $derived(ecs.scenes.active);
-
-  const isActive = $derived($activeScene.id === handle.id);
-</script>
-
-<div class="flex flex-1 flex-col min-w-0">
-  <div class="shrink-0 flex items-center gap-2 border-b border-border px-3 py-2 bg-neutral-800/40">
-    <span class="i-clarity-picture-solid text-indigo-400 w-4 h-4"></span>
-    <span class="font-semibold text-foreground text-xs">{$scene.name}</span>
-    {#if isActive}
-      <div class="ml-auto flex items-center gap-1.5">
-        <span class="w-2 h-2 rounded-full bg-green-400"></span>
-        <span class="text-xs text-muted-foreground">Active</span>
-      </div>
-    {/if}
-  </div>
-
-  <Tabs value="entities" class="flex-1 min-h-0 gap-0">
-    <TabsList
-      variant="line"
-      class="w-full justify-start rounded-none border-b border-border bg-neutral-800/20 shrink-0 h-auto py-0 px-0 gap-0"
-    >
-      <TabsTrigger value="entities" class="px-3 py-1.5 text-xs">Entities</TabsTrigger>
-      <TabsTrigger value="sceneSystems" class="px-3 py-1.5 text-xs">Systems</TabsTrigger>
-    </TabsList>
-    <TabsContent value="entities" class="flex-1 min-h-0 overflow-y-auto">
-      <EntityTree manager={handle.entities} />
-    </TabsContent>
-    <TabsContent value="sceneSystems" class="flex-1 min-h-0 overflow-y-auto">
-      <SceneSystemList manager={handle.systems} />
-    </TabsContent>
-  </Tabs>
-</div>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/scene-list.svelte b/src/lib/components/Widget/ecs-tree/scenes/scene-list.svelte
deleted file mode 100644
index ac873697..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/scene-list.svelte
+++ /dev/null
@@ -1,265 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import SceneRow from './scene-row.svelte';
-  import DialogNewScene from './dialog-new-scene.svelte';
-
-  import { SvelteSet } from 'svelte/reactivity';
-  import type { Scene, SceneManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: SceneManager;
-    selected: string | null;
-  }
-
-  let { manager, selected = $bindable(null) }: Props = $props();
-
-  const scenes = $derived(manager.store);
-
-  const rootScenesIds = $derived(manager.rootScenesStore);
-  const rootScenes = $derived($rootScenesIds.map((id) => $scenes.find((s) => s.id === id)!));
-
-  let addOpen = $state(false);
-
-  let expandedSceneItems = new SvelteSet<string>();
-
-  let dragSceneId = $state<string | null>(null);
-  let dropTarget = $state<{ id: string; pos: 'before' | 'on' | 'after' } | null>(null);
-
-  const isDescendantOf = (targetId: string, ancestorId: string): boolean => {
-    const anc = $scenes.find((s) => s.id === ancestorId);
-    if (!anc) return false;
-    for (const subId of anc.subScenes) {
-      if (subId === targetId || isDescendantOf(targetId, subId)) return true;
-    }
-    return false;
-  };
-
-  const getParent = (sceneId: string): Scene | null => {
-    return $scenes.find((s) => s.subScenes.includes(sceneId)) ?? null;
-  };
-
-  const detachFromParent = (sceneId: string) => {
-    const parent = getParent(sceneId);
-    if (!parent) {
-      manager.rootScenes = manager.rootScenes.filter((id) => id !== sceneId);
-      return;
-    }
-    const handle = manager.get(parent.id);
-    handle.update({ subScenes: parent.subScenes.filter((id) => id !== sceneId) });
-  };
-
-  const handleDrop = (targetId: string) => {
-    if (!dragSceneId || !dropTarget || dragSceneId === targetId) {
-      dragSceneId = null;
-      dropTarget = null;
-      return;
-    }
-    const { pos } = dropTarget;
-    if (pos === 'on') {
-      makeChildOf(dragSceneId, targetId);
-    } else {
-      reorderRelativeTo(dragSceneId, targetId, pos);
-    }
-    dragSceneId = null;
-    dropTarget = null;
-  };
-
-  const makeChildOf = (childId: string, parentId: string) => {
-    if (childId === parentId || isDescendantOf(parentId, childId)) return;
-    detachFromParent(childId);
-
-    const handle = manager.get(parentId);
-    handle.update({
-      subScenes: [...handle.data.subScenes, childId],
-    });
-
-    expandedSceneItems.add(parentId);
-  };
-
-  const getInsertedScenes = (
-    scenes: string[],
-    dragId: string,
-    targetId: string,
-    pos: 'before' | 'after',
-  ): string[] => {
-    scenes.splice(scenes.indexOf(targetId) + (pos === 'after' ? 1 : 0), 0, dragId);
-    return scenes;
-  };
-
-  const reorderRelativeTo = (dragId: string, targetId: string, pos: 'before' | 'after') => {
-    const targetParent = getParent(targetId);
-    detachFromParent(dragId);
-
-    if (!targetParent) {
-      manager.rootScenes = getInsertedScenes(manager.rootScenes, dragId, targetId, pos);
-    } else {
-      const handle = manager.get(targetParent.id);
-      const scenes = getInsertedScenes(handle.data.subScenes, dragId, targetId, pos);
-      handle.update({ subScenes: scenes });
-    }
-  };
-
-  const handleAdd = (name: string) => {
-    const id = manager.add({
-      name,
-      path: `./scenes/${name}.ts`,
-      subScenes: [],
-      assets: [],
-      systems: [],
-      entities: [],
-    });
-    manager.rootScenes = [...manager.rootScenes, id];
-  };
-
-  const toggleExpand = (id: string, force?: boolean) => {
-    if (!expandedSceneItems.has(id) && force !== false) {
-      expandedSceneItems.add(id);
-      return;
-    }
-    expandedSceneItems.delete(id);
-    const scene = $scenes.find((s) => s.id === id);
-    if (!scene) return;
-    for (const sub of scene.subScenes) toggleExpand(sub, false);
-  };
-</script>
-
-<DialogNewScene bind:open={addOpen} onConfirm={handleAdd} />
-
-{#snippet sceneRow(scene: Scene, depth: number)}
-  {@const isSelf = dragSceneId === scene.id}
-  {@const isInvalid =
-    !dragSceneId || dragSceneId === scene.id || isDescendantOf(scene.id, dragSceneId)}
-  {@const isDropBefore = dropTarget?.id === scene.id && dropTarget.pos === 'before'}
-  {@const isDropOn = dropTarget?.id === scene.id && dropTarget.pos === 'on'}
-  {@const isDropAfter = dropTarget?.id === scene.id && dropTarget.pos === 'after'}
-  {@const barLeft = 8 + depth * 12}
-  {@const handle = manager.get(scene.id)}
-
-  <div class="relative">
-    <div>
-      {#if isDropBefore}
-        <div
-          class="absolute -top-0.25 right-0 h-0.5 bg-primary z-10 pointer-events-none"
-          style="left:{barLeft}px"
-        ></div>
-      {/if}
-      <div
-        aria-hidden="true"
-        class={[
-          isSelf ? 'opacity-40' : '',
-          isDropOn ? 'ring-2 ring-inset ring-primary rounded-sm' : '',
-          selected === scene.id
-            ? 'bg-neutral-700 text-neutral-100'
-            : 'text-neutral-300 hover:bg-neutral-800',
-          'transition-colors',
-        ]}
-        draggable="true"
-        ondragstart={(e) => {
-          dragSceneId = scene.id;
-          e.dataTransfer!.effectAllowed = 'move';
-        }}
-        ondragend={() => {
-          dragSceneId = null;
-          dropTarget = null;
-        }}
-        ondragover={(e) => {
-          if (isInvalid) return;
-          e.preventDefault();
-          e.stopPropagation();
-          e.dataTransfer!.dropEffect = 'move';
-          const { top, height } = (e.currentTarget as HTMLElement).getBoundingClientRect();
-          dropTarget = { id: scene.id, pos: e.clientY - top < height * 0.4 ? 'before' : 'on' };
-        }}
-        ondragleave={(e) => {
-          if (!(e.currentTarget as HTMLElement).contains(e.relatedTarget as Node)) {
-            if (dropTarget?.id === scene.id) dropTarget = null;
-          }
-        }}
-        ondrop={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handleDrop(scene.id);
-        }}
-      >
-        <SceneRow
-          {handle}
-          {depth}
-          isDragging={dragSceneId === scene.id}
-          isExpanded={expandedSceneItems.has(scene.id)}
-          onSelect={() => (selected = scene.id)}
-          onToggleExpand={() => toggleExpand(scene.id)}
-        />
-      </div>
-    </div>
-
-    {#if expandedSceneItems.has(scene.id) && scene.subScenes.length > 0}
-      {#each scene.subScenes as subId (subId)}
-        {@const sub = $scenes.find((s) => s.id === subId)}
-        {#if sub}{@render sceneRow(sub, depth + 1)}{/if}
-      {/each}
-      <div class="h-1"></div>
-    {/if}
-
-    <div class="absolute h-1 w-full bottom-0 z-10">
-      {#if dragSceneId && !isInvalid}
-        <div
-          class="h-1"
-          aria-hidden="true"
-          ondragover={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            e.dataTransfer!.dropEffect = 'move';
-            dropTarget = { id: scene.id, pos: 'after' };
-          }}
-          ondragleave={(e) => {
-            if (!(e.currentTarget as HTMLElement).contains(e.relatedTarget as Node)) {
-              if (dropTarget?.id === scene.id && dropTarget.pos === 'after') dropTarget = null;
-            }
-          }}
-          ondrop={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            handleDrop(scene.id);
-          }}
-        >
-          {#if isDropAfter}
-            <div
-              class="absolute -bottom-0.25 right-0 my-auto h-0.5 bg-primary pointer-events-none"
-              style="left:{barLeft}px"
-            ></div>
-          {/if}
-        </div>
-      {/if}
-    </div>
-  </div>
-{/snippet}
-
-<div class="flex w-44 shrink-0 flex-col border-r border-border">
-  <div
-    class="flex items-center justify-between px-2 py-1.5 text-xs font-semibold tracking-wide text-muted-foreground"
-  >
-    <span>Scenes</span>
-    <Button variant="ghost" size="icon-xs" onclick={() => (addOpen = true)}>
-      <span class="i-ic-baseline-add"></span>
-    </Button>
-  </div>
-
-  <div
-    role="list"
-    class="flex-1 overflow-y-auto mt-1"
-    ondragover={(e) => {
-      if (dragSceneId) e.preventDefault();
-    }}
-    ondragleave={(e) => {
-      if (!e.currentTarget.contains(e.relatedTarget as Node)) dropTarget = null;
-    }}
-    ondrop={() => {
-      dragSceneId = null;
-      dropTarget = null;
-    }}
-  >
-    {#each rootScenes as scene (scene.id)}
-      {@render sceneRow(scene, 0)}
-    {/each}
-  </div>
-</div>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/scene-row.svelte b/src/lib/components/Widget/ecs-tree/scenes/scene-row.svelte
deleted file mode 100644
index 458cb115..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/scene-row.svelte
+++ /dev/null
@@ -1,147 +0,0 @@
-<script lang="ts">
-  import {
-    ContextMenu,
-    // ContextMenuContent,
-    // ContextMenuItem,
-    // ContextMenuSeparator,
-    ContextMenuTrigger,
-  } from '$lib/components/ui/context-menu';
-  import type { SceneHandle } from '$lib/client/ecs';
-  import { useProject } from '$lib/client/project';
-  import DialogEditScene from './dialog-edit-scene.svelte';
-  import { DeleteConfirmDialog } from '$lib/components/dialogs';
-
-  interface Props {
-    handle: SceneHandle;
-    depth?: number;
-    isDragging?: boolean;
-    isExpanded?: boolean;
-    onSelect: () => void;
-    onToggleExpand?: () => void;
-  }
-
-  const {
-    handle,
-    depth = 0,
-    isDragging = false,
-    isExpanded = false,
-    onSelect,
-    onToggleExpand,
-  }: Props = $props();
-
-  const { ecs } = useProject();
-
-  let editOpen = $state(false);
-  let deleteOpen = $state(false);
-
-  const scene = $derived(handle.store);
-  const activeScene = $derived(ecs.scenes.active);
-  const defaultScene = $derived(ecs.scenes.default);
-
-  const isActive = $derived($activeScene.id === handle.id);
-  const isDefault = $derived($defaultScene === handle.id);
-  const paddingLeft = $derived(8 + depth * 12);
-
-  // const onSetActive = (e: MouseEvent) => {
-  //   e.stopPropagation();
-  //   handle.setActive();
-  // };
-
-  // const onSetDefault = (e: MouseEvent) => {
-  //   e.stopPropagation();
-  //   handle.setDefault();
-  // };
-
-  // const onUpdate = (e: MouseEvent) => {
-  //   e.stopPropagation();
-  //   editOpen = true;
-  // };
-
-  const handleUpdate = (name: string) => {
-    handle.update({ name });
-  };
-
-  // const onDelete = (e: MouseEvent) => {
-  //   e.stopPropagation();
-  //   deleteOpen = true;
-  // };
-
-  const handleDelete = () => {
-    handle.delete();
-  };
-</script>
-
-<DialogEditScene bind:open={editOpen} defaultValue={$scene.name} onConfirm={handleUpdate} />
-<DeleteConfirmDialog
-  type="Scene"
-  name={$scene.name}
-  bind:open={deleteOpen}
-  onConfirm={handleDelete}
-/>
-
-<ContextMenu>
-  <ContextMenuTrigger>
-    <div class="flex w-full items-center" style="padding-left: {paddingLeft}px">
-      {#if $scene.subScenes.length > 0}
-        <button
-          class="shrink-0 px-1 py-1 hover:text-foreground"
-          aria-label="Toggle sub-scenes"
-          onclick={onToggleExpand}
-        >
-          <span
-            class="w-3 h-3 block {isExpanded
-              ? 'i-ic-baseline-keyboard-arrow-down'
-              : 'i-ic-baseline-keyboard-arrow-right'}"
-          ></span>
-        </button>
-      {:else}
-        <span class="w-3 h-3 shrink-0 mx-1"></span>
-      {/if}
-      <button class="flex flex-1 items-center gap-1.5 py-1 pr-2 min-w-0 group" onclick={onSelect}>
-        <span class="i-clarity-picture-solid w-3.5 h-3.5 shrink-0 text-indigo-400"></span>
-        <span class="flex-1 truncate text-left text-xs">{$scene.name}</span>
-        {#if isDefault}
-          <span class="text-[9px] font-bold leading-none text-amber-400 shrink-0" title="Default">
-            D
-          </span>
-        {/if}
-        {#if isActive}
-          <span class="w-2 h-2 rounded-full shrink-0 bg-green-400" title="Active"></span>
-        {/if}
-        <span
-          class={[
-            'text-xs text-muted-foreground/50 i-ic-baseline-drag-indicator group-hover:opacity-100  duration-150',
-            isDragging ? 'opacity-100' : 'opacity-0',
-          ]}
-        ></span>
-      </button>
-    </div>
-  </ContextMenuTrigger>
-  <!-- Disabled for now until scenes are fully handled -->
-  <!--  <ContextMenuContent>-->
-  <!--    <ContextMenuItem onclick={onUpdate}>-->
-  <!--      <span class="i-ic-baseline-edit"></span>-->
-  <!--      Edit-->
-  <!--    </ContextMenuItem>-->
-  <!--    <ContextMenuSeparator />-->
-  <!--    {#if !isActive || !isDefault}-->
-  <!--      {#if !isActive}-->
-  <!--        <ContextMenuItem onclick={onSetActive}>-->
-  <!--          <span class="i-ic-round-play-arrow text-green-400"></span>-->
-  <!--          Set active-->
-  <!--        </ContextMenuItem>-->
-  <!--      {/if}-->
-  <!--      {#if !isDefault}-->
-  <!--        <ContextMenuItem onclick={onSetDefault}>-->
-  <!--          <span class="i-ic-baseline-star text-amber-400"></span>-->
-  <!--          Set default-->
-  <!--        </ContextMenuItem>-->
-  <!--      {/if}-->
-  <!--      <ContextMenuSeparator />-->
-  <!--    {/if}-->
-  <!--    <ContextMenuItem variant="destructive" onclick={onDelete}>-->
-  <!--      <span class="i-ic-baseline-delete"></span>-->
-  <!--      Delete-->
-  <!--    </ContextMenuItem>-->
-  <!--  </ContextMenuContent>-->
-</ContextMenu>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/scenes-tab.svelte b/src/lib/components/Widget/ecs-tree/scenes/scenes-tab.svelte
deleted file mode 100644
index 99886ba9..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/scenes-tab.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  // import SceneList from './scene-list.svelte';
-  import SceneDetail from './scene-detail.svelte';
-  import type { SceneManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: SceneManager;
-  }
-
-  const { manager }: Props = $props();
-
-  let selected = $state<string | null>(null);
-
-  $effect(() => {
-    selected = manager.defaultData;
-
-    manager.store.subscribe((scenes) => {
-      if (!scenes.find((scene) => scene.id === selected)) selected = null;
-    });
-  });
-</script>
-
-<div class="flex flex-1 min-h-0">
-  <!-- Disabled for now until scenes are fully handled -->
-  <!--  <SceneList {manager} bind:selected />-->
-
-  {#if selected}
-    <SceneDetail handle={manager.get(selected)} />
-  {:else}
-    <div class="flex flex-1 items-center justify-center text-xs text-muted-foreground">
-      Select a scene
-    </div>
-  {/if}
-</div>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/systems/dialog-add-scene-system.svelte b/src/lib/components/Widget/ecs-tree/scenes/systems/dialog-add-scene-system.svelte
deleted file mode 100644
index 1ab7d657..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/systems/dialog-add-scene-system.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { System } from '$lib/client/ecs';
-
-  import DialogSelect from '../../dialogs/dialog-select.svelte';
-
-  interface Props {
-    open: boolean;
-    systems: System[];
-    onConfirm: (systemId: string) => void;
-  }
-
-  let { open = $bindable(), systems, onConfirm }: Props = $props();
-</script>
-
-<DialogSelect
-  title="Add System to Scene"
-  options={systems.map((sys) => ({ label: sys.name, value: sys.id }))}
-  bind:open
-  {onConfirm}
-/>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-list.svelte b/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-list.svelte
deleted file mode 100644
index e0e566e8..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-list.svelte
+++ /dev/null
@@ -1,194 +0,0 @@
-<script lang="ts">
-  import {
-    ContextMenu,
-    ContextMenuContent,
-    ContextMenuItem,
-    ContextMenuSeparator,
-    ContextMenuTrigger,
-  } from '$lib/components/ui/context-menu';
-  import { Button } from '$lib/components/ui/button';
-  import DialogAddSceneSystem from './dialog-add-scene-system.svelte';
-  import SceneSystemRow from './scene-system-row.svelte';
-  import type { SceneSystemManager, System } from '$lib/client/ecs';
-  import { useProject } from '$lib/client/project';
-  import type { Writable } from 'svelte/store';
-  import { tabsStore } from '$lib/components/Tabs/store';
-  import { getType } from '@utils/file';
-  import { getContext } from 'svelte';
-
-  interface Props {
-    manager: SceneSystemManager;
-  }
-
-  const { manager }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const selectTab = getContext<(tab: string) => void>('selectTab');
-  const ecsQuery = getContext<{ packages: string }>('ecsQuery');
-
-  const systems = $derived(manager.store);
-  const allSystems = $derived<Writable<System[]>>(ecs.systems.store);
-
-  const availableSystems = $derived($allSystems.filter((s) => !$systems.includes(s.name)));
-
-  let addOpen = $state(false);
-
-  let dragId = $state<string | null>(null);
-  let dropTarget = $state<{ id: string; pos: 'before' | 'after' } | null>(null);
-
-  const handleAdd = (systemName: string) => {
-    manager.add(systemName);
-  };
-
-  const handleDrop = (targetId: string) => {
-    if (!dragId || !dropTarget || dragId === targetId) {
-      dragId = null;
-      dropTarget = null;
-      return;
-    }
-    const { pos } = dropTarget;
-    const sys = $systems;
-    sys.splice(sys.indexOf(dragId), 1);
-    sys.splice(sys.indexOf(targetId) + (pos === 'after' ? 1 : 0), 0, dragId);
-    manager.store.set($systems);
-    dragId = null;
-    dropTarget = null;
-  };
-
-  const onDelete = (systemName: string) => (e: MouseEvent) => {
-    e.stopPropagation();
-    manager.delete(systemName);
-  };
-
-  const onOpenCode = (systemName: string) => (e: MouseEvent) => {
-    e.stopPropagation();
-
-    const handle = manager.get(systemName);
-    const item = handle.data;
-
-    tabsStore.openTab({
-      type: getType(item.path),
-      title: item.path.split('/').at(-1) ?? item.name,
-      metadata: {
-        path: item.path,
-      },
-    });
-  };
-
-  const onOpenSystem = (systemName: string) => (e: MouseEvent) => {
-    e.stopPropagation();
-    ecsQuery.packages = systemName;
-    selectTab('systems');
-  };
-
-  const isNext = (a: string | null, b: string | null, pos: 'before' | 'after') => {
-    if (!a || !b) return false;
-    if (a === b) return true;
-    const aIndex = $systems.indexOf(a);
-    const bIndex = $systems.indexOf(b);
-    if (Math.abs(aIndex - bIndex) > 1) return false;
-    if (pos === 'before') return aIndex < bIndex;
-    return aIndex > bIndex;
-  };
-</script>
-
-<DialogAddSceneSystem bind:open={addOpen} systems={availableSystems} onConfirm={handleAdd} />
-
-<div
-  class="flex items-center justify-between px-2 py-1 border-b border-border/50 text-muted-foreground"
->
-  <span class="text-xs font-semibold tracking-wide">Systems</span>
-  <Button variant="ghost" size="icon-xs" onclick={() => (addOpen = true)}>
-    <span class="i-ic-baseline-add"></span>
-  </Button>
-</div>
-
-<div class="py-0.5">
-  {#each $systems as sysName (sysName)}
-    {@const isSelf = dragId === sysName}
-    {@const isDropBefore =
-      !isNext(dragId, sysName, 'before') &&
-      dropTarget?.id === sysName &&
-      dropTarget.pos === 'before'}
-    {@const isDropAfter =
-      !isNext(dragId, sysName, 'after') && dropTarget?.id === sysName && dropTarget.pos === 'after'}
-    {@const handle = manager.get(sysName)}
-
-    <ContextMenu>
-      <ContextMenuTrigger class="relative">
-        {#if isDropBefore}
-          <div
-            class="absolute -top-0.25 right-0 h-0.5 w-full bg-primary z-10 pointer-events-none"
-          ></div>
-        {/if}
-        <div
-          aria-hidden="true"
-          class={[
-            isSelf ? 'opacity-40' : '',
-            'transition-colors flex items-center gap-2 px-3 py-1.5 hover:bg-neutral-800 group',
-          ]}
-          draggable="true"
-          ondragstart={(e) => {
-            dragId = sysName;
-            e.dataTransfer!.effectAllowed = 'move';
-          }}
-          ondragend={() => {
-            dragId = null;
-            dropTarget = null;
-          }}
-          ondragover={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            e.dataTransfer!.dropEffect = 'move';
-            const { top, height } = (e.currentTarget as HTMLElement).getBoundingClientRect();
-            dropTarget = { id: sysName, pos: e.clientY - top < height * 0.5 ? 'before' : 'after' };
-          }}
-          ondragleave={(e) => {
-            if (!(e.currentTarget as HTMLElement).contains(e.relatedTarget as Node)) {
-              if (dropTarget?.id === sysName) dropTarget = null;
-            }
-          }}
-          ondrop={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            handleDrop(sysName);
-          }}
-        >
-          <SceneSystemRow {handle} />
-          <span
-            class={[
-              'text-xs text-muted-foreground/50 i-ic-baseline-drag-indicator group-hover:opacity-100 duration-150 self-center',
-              isSelf ? 'opacity-100' : 'opacity-0',
-            ]}
-          >
-          </span>
-        </div>
-        {#if isDropAfter}
-          <div
-            class="absolute -bottom-0.25 right-0 h-0.5 w-full bg-primary z-10 pointer-events-none"
-          ></div>
-        {/if}
-      </ContextMenuTrigger>
-      <ContextMenuContent>
-        <ContextMenuItem onclick={onOpenCode(sysName)}>
-          <span class="i-ic:baseline-open-in-new"></span>
-          Open code
-        </ContextMenuItem>
-        <ContextMenuItem onclick={onOpenSystem(sysName)}>
-          <span class="i-ic:baseline-open-in-new"></span>
-          Find in systems
-        </ContextMenuItem>
-        <ContextMenuSeparator />
-        <ContextMenuItem variant="destructive" onclick={onDelete(sysName)}>
-          <span class="i-ic-baseline-delete"></span>
-          Remove from scene
-        </ContextMenuItem>
-      </ContextMenuContent>
-    </ContextMenu>
-  {/each}
-
-  {#if $systems.length === 0}
-    <div class="py-6 text-center text-xs text-muted-foreground">No systems - use + to add one.</div>
-  {/if}
-</div>
diff --git a/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-row.svelte b/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-row.svelte
deleted file mode 100644
index fb676d03..00000000
--- a/src/lib/components/Widget/ecs-tree/scenes/systems/scene-system-row.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-  import type { SceneSystemHandle } from '$lib/client/ecs';
-
-  interface Props {
-    handle: SceneSystemHandle;
-  }
-
-  const { handle }: Props = $props();
-
-  const system = $derived(handle.store);
-</script>
-
-<span class="i-icomoon-free-steam w-3.5 h-3.5 shrink-0 text-amber-400"></span>
-<span class="flex-1 truncate text-md text-foreground">{$system.name}</span>
diff --git a/src/lib/components/Widget/ecs-tree/systems/system.items.ts b/src/lib/components/Widget/ecs-tree/systems/system.items.ts
deleted file mode 100644
index 4f681e1b..00000000
--- a/src/lib/components/Widget/ecs-tree/systems/system.items.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { PackageItems } from '../types';
-
-export const SYSTEM_ITEMS: PackageItems = {
-  icon: {
-    name: 'i-icomoon-free-steam',
-    color: 'text-amber-400',
-  },
-  addTooltip: 'Add to active scene',
-  disableAddTooltipNotSelected: 'No active scene',
-  disableAddTooltipAlreadyAdded: 'The active scene already had this system',
-  canAdd: true,
-  canDelete: true,
-  canImport: true,
-};
diff --git a/src/lib/components/Widget/ecs-tree/systems/systems-tab.svelte b/src/lib/components/Widget/ecs-tree/systems/systems-tab.svelte
deleted file mode 100644
index e4264cf5..00000000
--- a/src/lib/components/Widget/ecs-tree/systems/systems-tab.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-  import PackageTab from '../packages/package-tab.svelte';
-  import type { SystemManager } from '$lib/client/ecs';
-
-  interface Props {
-    manager: SystemManager;
-  }
-
-  const { manager }: Props = $props();
-</script>
-
-<PackageTab type="system" {manager} />
diff --git a/src/lib/components/Widget/ecs-tree/types.ts b/src/lib/components/Widget/ecs-tree/types.ts
deleted file mode 100644
index 78c1a987..00000000
--- a/src/lib/components/Widget/ecs-tree/types.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export interface PackageItems {
-  icon: {
-    name: string;
-    color: string;
-  };
-  addTooltip?: string;
-  disableAddTooltipNotSelected?: string;
-  disableAddTooltipAlreadyAdded?: string;
-
-  canAdd?: boolean;
-  canDelete?: boolean;
-  canImport?: boolean;
-}
-
-export type TreeEntity = { kind: 'entity'; id: string; scene?: string };
-export type TreeFolder = { kind: 'folder'; name: string; path: string; children: TreeNode[] };
-export type TreeNode = TreeEntity | TreeFolder;
-
-export type EntityDragItem = { type: 'entity'; id: string } | { type: 'folder'; path: string };
-
-export interface EntityDragContext {
-  readonly dragging: EntityDragItem | null;
-  startDrag(item: EntityDragItem): void;
-  endDrag(): void;
-  dropOnFolder(folderPath: string): void;
-  dropOnEntity(entityId: string): void;
-  dropOnRoot(): void;
-}
-
-export interface Package {
-  id: string;
-  name?: string;
-  path?: string;
-}
diff --git a/src/lib/components/Widget/ecs-tree/utils.ts b/src/lib/components/Widget/ecs-tree/utils.ts
deleted file mode 100644
index 0b4b7201..00000000
--- a/src/lib/components/Widget/ecs-tree/utils.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import type { Entity } from '$lib/client/ecs';
-
-import type { TreeEntity, TreeFolder, TreeNode } from './types';
-
-export const resolveParentPath = (path: string): string => {
-  if (!path) return '';
-  const parts = path.split('/');
-  return parts.slice(0, -1).join('/');
-};
-
-export function buildTree(
-  entities: (Entity & { scene?: string })[],
-  extraFolderPaths: Iterable<string> = [],
-  search?: string,
-): TreeNode[] {
-  if (search) {
-    entities = entities.filter((e) => e.id.includes(search));
-    extraFolderPaths = Array.from(extraFolderPaths).filter((p) =>
-      p.split('/').at(-1)?.includes(search),
-    );
-  }
-  const folderMap = new Map<string, TreeFolder>();
-  const root: TreeNode[] = [];
-
-  function getOrCreate(path: string): TreeFolder {
-    if (folderMap.has(path)) return folderMap.get(path)!;
-    const parts = path.split('/');
-    const folder: TreeFolder = { kind: 'folder', name: parts.at(-1)!, path, children: [] };
-    folderMap.set(path, folder);
-    const parentPath = parts.slice(0, -1).join('/');
-    (parentPath ? getOrCreate(parentPath).children : root).push(folder);
-    return folder;
-  }
-
-  for (const path of extraFolderPaths) if (path) getOrCreate(path);
-  for (const entity of entities) {
-    (entity.treePath ? getOrCreate(entity.treePath).children : root).push({
-      kind: 'entity',
-      id: entity.id,
-      scene: entity.scene,
-    });
-  }
-
-  function sort(nodes: TreeNode[]): TreeNode[] {
-    const folders = nodes
-      .filter((n): n is TreeFolder => n.kind === 'folder')
-      .sort((a, b) => a.name.localeCompare(b.name));
-    const entities = nodes
-      .filter((n): n is TreeEntity => n.kind === 'entity')
-      .sort((a, b) => a.id.localeCompare(b.id));
-    for (const f of folders) f.children = sort(f.children);
-    return [...folders, ...entities];
-  }
-
-  return sort(root);
-}
-
-export function folderPaths(treePath: string): string[] {
-  if (!treePath) return [];
-  const parts = treePath.split('/');
-  return parts.map((_, i) => parts.slice(0, i + 1).join('/'));
-}
diff --git a/src/lib/components/Widget/ecs-tree/widget.svelte b/src/lib/components/Widget/ecs-tree/widget.svelte
deleted file mode 100644
index cc0f67d7..00000000
--- a/src/lib/components/Widget/ecs-tree/widget.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts">
-  import { Tabs, TabsList, TabsTrigger, TabsContent } from '$lib/components/ui/tabs';
-  import ScenesTab from './scenes/scenes-tab.svelte';
-  import AssetsTab from './assets/assets-tab.svelte';
-  import ComponentsTab from './components/components-tab.svelte';
-  import LibrariesTab from './libraries/libraries-tab.svelte';
-  import SystemsTab from './systems/systems-tab.svelte';
-  import { useProject } from '$lib/client/project';
-  import { setContext } from 'svelte';
-
-  const { ecs } = useProject();
-
-  let selectedTab = $state('scenes');
-  let query = $state({ entities: '', packages: '' });
-
-  const selectTab = (tab: string) => {
-    selectedTab = tab;
-  };
-
-  setContext('selectTab', selectTab);
-  setContext('ecsQuery', query);
-</script>
-
-<!-- Load icons -->
-<div
-  class="hidden i-ic-baseline-landscape i-ic-baseline-token i-ic-round-library-books i-icomoon-free-steam"
-></div>
-<Tabs
-  bind:value={selectedTab}
-  class="h-full w-full gap-0 bg-neutral-900 text-sm select-none overflow-hidden"
->
-  <TabsList
-    variant="line"
-    class="w-full justify-start rounded-none border-b border-border bg-neutral-800 shrink-0 h-auto py-0 px-0 gap-0 overflow-x-scroll"
-  >
-    <TabsTrigger value="scenes" class="px-2 py-1 mx-2 my-1">Scenes</TabsTrigger>
-    <TabsTrigger value="components" class="px-2 py-1 mx-2 my-1">Components</TabsTrigger>
-    <TabsTrigger value="systems" class="px-2 py-1 mx-2 my-1">Systems</TabsTrigger>
-    <TabsTrigger value="assets" class="px-2 py-1 mx-2 my-1">Assets</TabsTrigger>
-    <TabsTrigger value="libraries" class="px-2 py-1 mx-2 my-1">Libraries</TabsTrigger>
-  </TabsList>
-  <TabsContent value="scenes" class="flex-1 min-h-0">
-    <ScenesTab manager={ecs.scenes} />
-  </TabsContent>
-  <TabsContent value="components" class="flex-1 min-h-0">
-    <ComponentsTab manager={ecs.components} />
-  </TabsContent>
-  <TabsContent value="systems" class="flex-1 min-h-0">
-    <SystemsTab manager={ecs.systems} />
-  </TabsContent>
-  <TabsContent value="libraries" class="flex-1 min-h-0">
-    <LibrariesTab manager={ecs.libraries} />
-  </TabsContent>
-  <TabsContent value="assets" class="flex-1 min-h-0">
-    <AssetsTab manager={ecs.assets} />
-  </TabsContent>
-</Tabs>
diff --git a/src/lib/components/Widget/entity-inspector/component-list.svelte b/src/lib/components/Widget/entity-inspector/component-list.svelte
deleted file mode 100644
index 2dad2283..00000000
--- a/src/lib/components/Widget/entity-inspector/component-list.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { EntityComponentManager } from '$lib/client/ecs';
-
-  import ComponentRow from './component-row.svelte';
-
-  interface Props {
-    manager: EntityComponentManager;
-  }
-
-  const { manager }: Props = $props();
-
-  const components = $derived(manager.store);
-</script>
-
-<div class="my-2">
-  {#each Object.keys($components) as component (component)}
-    {@const handle = manager.get(component)}
-    <ComponentRow {handle} />
-  {/each}
-</div>
diff --git a/src/lib/components/Widget/entity-inspector/component-param-list.svelte b/src/lib/components/Widget/entity-inspector/component-param-list.svelte
deleted file mode 100644
index cf06c52f..00000000
--- a/src/lib/components/Widget/entity-inspector/component-param-list.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-  import type { ComponentParamManager } from '$lib/client/ecs';
-
-  import ComponentParamRow from './component-param-row.svelte';
-
-  interface Props {
-    manager: ComponentParamManager;
-  }
-
-  const { manager }: Props = $props();
-
-  const params = $derived(manager.store);
-</script>
-
-{#each $params as param (param.name)}
-  {@const handle = manager.get(param.name)}
-  <ComponentParamRow {handle} />
-{/each}
diff --git a/src/lib/components/Widget/entity-inspector/component-param-row.svelte b/src/lib/components/Widget/entity-inspector/component-param-row.svelte
deleted file mode 100644
index ae8e3f89..00000000
--- a/src/lib/components/Widget/entity-inspector/component-param-row.svelte
+++ /dev/null
@@ -1,98 +0,0 @@
-<script lang="ts">
-  import type { ComponentParamHandle } from '$lib/client/ecs';
-  import { Input } from '$lib/components/ui/input';
-  import { TristateSwitch } from '$lib/components/ui/tristate-switch';
-  import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectSeparator,
-    SelectTrigger,
-  } from '$lib/components/ui/select';
-
-  import { untrack } from 'svelte';
-  import { useProject } from '$lib/client/project';
-
-  interface Props {
-    handle: ComponentParamHandle;
-  }
-
-  const { handle }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const param = $derived(handle.store);
-  const defaultValue = $derived(handle.value);
-  const assets = $derived(ecs.assets.store);
-
-  let value = $state<any>($defaultValue);
-
-  $effect(() => {
-    defaultValue.subscribe(() => {
-      const v = untrack(() => value);
-      if (v !== $defaultValue) value = $defaultValue;
-    });
-  });
-
-  const handleChange = () => {
-    handle.value.set(value === '' ? undefined : value);
-  };
-</script>
-
-<div class="grid grid-cols-[140px_1fr] m-2 mb-1 items-center gap-2">
-  <div class="text-neutral-200 text-sm">{$param.name}</div>
-
-  {#if $param.type === 'string'}
-    {#if $param.enum}
-      <Select type="single" bind:value onValueChange={handleChange}>
-        <SelectTrigger class="w-full">{value}</SelectTrigger>
-        <SelectContent>
-          {#if $param.optional === true}
-            <SelectItem value="">Not set</SelectItem>
-            <SelectSeparator />
-          {/if}
-          {#if Array.isArray($param.enum)}
-            {#if !!$param.enum.length}
-              {#each $param.enum as opt (opt)}
-                <SelectItem value={opt}>{opt}</SelectItem>
-              {/each}
-            {:else}
-              <div class="px-4 py-2 text-muted-foreground italic">No options</div>
-            {/if}
-          {:else}
-            {#if Object.keys($param.enum).length !== 0}
-              {#each Object.entries($param.enum) as [displayOpt, realOpt] (displayOpt)}
-                <SelectItem value={realOpt}>{displayOpt}</SelectItem>
-              {/each}
-            {:else}
-              <div class="px-4 py-2 text-muted-foreground italic">No options</div>
-            {/if}
-          {/if}
-        </SelectContent>
-      </Select>
-    {:else}
-      <Input type="text" bind:value onchange={handleChange} />
-    {/if}
-  {:else if $param.type === 'number'}
-    <Input type="number" bind:value onchange={handleChange} />
-  {:else if $param.type === 'boolean'}
-    <TristateSwitch bind:value onChange={handleChange} />
-  {:else if $param.type === 'asset'}
-    <Select type="single" bind:value onValueChange={handleChange}>
-      <SelectTrigger class="w-full overflow-y-hidden">{value}</SelectTrigger>
-      <SelectContent>
-        {#if $param.optional === true}
-          <SelectItem value="">Not set</SelectItem>
-          <SelectSeparator />
-        {/if}
-        {#if !!$assets.length}
-          {#each $assets as asset (asset.id)}
-            <SelectItem value={asset.path}>{asset.id}</SelectItem>
-          {/each}
-        {:else}
-          <div class="px-4 py-2 text-muted-foreground italic">No options</div>
-        {/if}
-      </SelectContent>
-    </Select>
-  {/if}
-</div>
diff --git a/src/lib/components/Widget/entity-inspector/component-row.svelte b/src/lib/components/Widget/entity-inspector/component-row.svelte
deleted file mode 100644
index f72f2259..00000000
--- a/src/lib/components/Widget/entity-inspector/component-row.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts">
-  import type { EntityComponentHandle } from '$lib/client/ecs';
-  import { DeleteConfirmDialog } from '$lib/components/dialogs';
-
-  import ComponentParamList from './component-param-list.svelte';
-
-  interface Props {
-    handle: EntityComponentHandle;
-  }
-
-  const { handle }: Props = $props();
-
-  const component = $derived(handle.store);
-
-  let componentCollapsed = $state(false);
-  let deleteOpen = $state(false);
-
-  const onDelete = (e: MouseEvent) => {
-    e.stopPropagation();
-    deleteOpen = true;
-  };
-
-  const handleDelete = () => {
-    handle.delete();
-  };
-</script>
-
-<DeleteConfirmDialog
-  type="Component"
-  name={$component.name}
-  bind:open={deleteOpen}
-  onConfirm={handleDelete}
-/>
-<button
-  class="text-neutral-200 text-md px-4 w-full flex cursor-pointer items-center gap-1 bg-neutral-800 px-2 py-1 font-semibold text-neutral-300 text-sm"
-  onclick={() => (componentCollapsed = !componentCollapsed)}
->
-  <span
-    aria-hidden="true"
-    class="{!componentCollapsed ? 'i-solar-alt-arrow-down-bold' : 'i-solar-alt-arrow-right-bold'}
-            w-4 text-center select-none text-neutral-400 hover:text-neutral-200"
-  ></span>
-  <span class="i-ic-baseline-token text-neutral-400"></span>
-  {$component.name}
-  <span
-    class="i-solar-trash-bin-minimalistic-linear text-red-500 text-align-end"
-    aria-hidden="true"
-    onclick={onDelete}
-  ></span>
-</button>
-{#if !componentCollapsed}
-  <ComponentParamList manager={handle.params} />
-{/if}
diff --git a/src/lib/components/Widget/entity-inspector/dialog-component-selector.svelte b/src/lib/components/Widget/entity-inspector/dialog-component-selector.svelte
deleted file mode 100644
index 417fbe4e..00000000
--- a/src/lib/components/Widget/entity-inspector/dialog-component-selector.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script lang="ts">
-  import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-  } from '$lib/components/ui/dialog';
-  import { Input } from '$lib/components/ui/input';
-  import type { Component, SceneEntityHandle } from '$lib/client/ecs';
-  import { useProject } from '$lib/client/project';
-
-  interface Props {
-    open: boolean;
-    handle: SceneEntityHandle;
-    onSelect: (component: Component) => unknown;
-  }
-
-  let { open = $bindable(false), handle, onSelect }: Props = $props();
-
-  const { ecs } = useProject();
-
-  const entity = $derived(handle.store);
-  const components = $derived(ecs.components.store);
-
-  const availableComponents = $derived(
-    $components
-      .filter((c) => !Object.keys($entity.components).includes(c.id))
-      .filter((c) => c.name.toLowerCase().includes(search.toLowerCase()))
-      .sort((a, b) => a.name.localeCompare(b.name)),
-  );
-
-  let search = $state('');
-
-  const close = () => {
-    search = '';
-    open = false;
-  };
-
-  const handleSelect = (component: Component) => (e: MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    onSelect(component);
-    close();
-  };
-</script>
-
-<Dialog bind:open>
-  <DialogContent class="sm:max-w-lg min-h-100 max-h-80vh md:max-h-60vh flex flex-col">
-    <DialogHeader>
-      <DialogTitle>Add component</DialogTitle>
-      <DialogDescription>Select a component to add to {$entity.name}</DialogDescription>
-    </DialogHeader>
-
-    <Input
-      class="w-full mb-3 px-3 py-2 rounded"
-      placeholder="Search component..."
-      bind:value={search}
-    />
-
-    <div class="flex flex-col overflow-y-scroll">
-      {#if availableComponents.length === 0}
-        <div class="text-neutral-400 text-sm px-2 py-1">No component found</div>
-      {:else}
-        {#each availableComponents as component (component.name)}
-          <button
-            class="w-full flex items-center gap-3 px-3 py-2 rounded hover:bg-neutral-800 text-neutral-200 text-base cursor-pointer"
-            onclick={handleSelect(component)}
-          >
-            <span class="i-ic-baseline-token text-neutral-400 text-lg"></span>
-            {component.name}
-          </button>
-        {/each}
-      {/if}
-    </div>
-  </DialogContent>
-</Dialog>
diff --git a/src/lib/components/Widget/entity-inspector/index.ts b/src/lib/components/Widget/entity-inspector/index.ts
deleted file mode 100644
index 8805b919..00000000
--- a/src/lib/components/Widget/entity-inspector/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Widget from './widget.svelte';
-
-export { Widget, Widget as EntityInspectorWidget };
diff --git a/src/lib/components/Widget/entity-inspector/widget.svelte b/src/lib/components/Widget/entity-inspector/widget.svelte
deleted file mode 100644
index f1be0b28..00000000
--- a/src/lib/components/Widget/entity-inspector/widget.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts">
-  import DialogComponentSelector from '$lib/components/Widget/entity-inspector/dialog-component-selector.svelte';
-  import { useProject } from '$lib/client/project';
-
-  import ComponentList from './component-list.svelte';
-  import { Button } from '$lib/components/ui/button';
-  import type { Component } from '$lib/client/ecs';
-
-  let openComponentSelector: boolean = $state(false);
-
-  const { save, ecs } = useProject();
-
-  const activeScene = $derived(ecs.scenes.active);
-  const entity = $derived($activeScene.entities.selected);
-
-  const handleSelect = (component: Component) => {
-    if (!$entity) throw new Error("Can't create component: no entity selected");
-    $entity.components.add(component.id);
-    void save.forceSyncToServer();
-  };
-</script>
-
-<div class="h-full w-full overflow-y-scroll bg-neutral-900 py-1 text-md">
-  {#if $entity}
-    <div class="mb-1">
-      <div
-        class="w-full flex items-center bg-neutral-800 px-2 py-1 font-semibold text-neutral-300 text-lg"
-      >
-        {$entity.id}
-        <span class="i-ic-round-refresh ml-auto text-2xl cursor-pointer"></span>
-      </div>
-      <ComponentList manager={$entity.components} />
-    </div>
-    <div class="mx-4 my-4 flex justify-center">
-      <Button
-        variant="secondary"
-        class="h-10 w-full cursor-pointer rounded-md gap-2 "
-        onclick={() => {
-          openComponentSelector = true;
-        }}
-      >
-        <span class="i-solar-add-circle-bold"> </span>
-        Add component
-      </Button>
-    </div>
-    <DialogComponentSelector
-      handle={$entity}
-      bind:open={openComponentSelector}
-      onSelect={handleSelect}
-    />
-  {:else}
-    <div class="h-full w-full flex items-center justify-center text-2xl text-align-center">
-      Select an entity in the left panel
-    </div>
-  {/if}
-</div>
diff --git a/src/lib/components/Widget/widgets.ts b/src/lib/components/Widget/widgets.ts
deleted file mode 100644
index 989dd166..00000000
--- a/src/lib/components/Widget/widgets.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Component } from 'svelte';
-
-import MonacoEditor from './CodeEditor/MonacoEditor.svelte';
-import EditorGame from './EditorGame/EditorGame.svelte';
-import OutputLogWidget from './OutputLog/OutputLogWidget.svelte';
-import { ContentBrowserWidget } from './content-browser';
-import { ECSTreeWidget } from './ecs-tree';
-import { EntityInspectorWidget } from './entity-inspector';
-
-export interface WidgetType {
-  id: string;
-  component: Component;
-}
-
-export const widgetsTypes: WidgetType[] = [
-  {
-    id: 'content-browser',
-    component: ContentBrowserWidget,
-  },
-  {
-    id: 'ecs-tree',
-    component: ECSTreeWidget,
-  },
-  {
-    id: 'entity-inspector',
-    component: EntityInspectorWidget,
-  },
-  {
-    id: 'code-editor',
-    component: MonacoEditor as Component,
-  },
-  {
-    id: 'output-log',
-    component: OutputLogWidget,
-  },
-  {
-    id: 'editor-game',
-    component: EditorGame,
-  },
-];
diff --git a/src/lib/components/dialogs/base-dialog.svelte b/src/lib/components/dialogs/base-dialog.svelte
deleted file mode 100644
index 5b134859..00000000
--- a/src/lib/components/dialogs/base-dialog.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import {
-    Dialog,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogFooter,
-    DialogDescription,
-  } from '$lib/components/ui/dialog';
-  import type { Snippet } from 'svelte';
-  import type { MaybePromise } from '@utils/types';
-  import { LoadingButton } from '$lib/components/ui/loading-button';
-
-  interface Props {
-    open?: boolean;
-    title?: string;
-    description?: string;
-    children?: Snippet<[confirm: () => void, cancel: () => void]>;
-    confirmText?: string;
-    cancelText?: string;
-    confirmDisabled?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onConfirm?: (...args: any[]) => MaybePromise<void>;
-  }
-
-  let {
-    open = $bindable(false),
-    title,
-    description,
-    children,
-    confirmText,
-    cancelText,
-    confirmDisabled,
-    onOpenChange,
-    onConfirm,
-  }: Props = $props();
-
-  let isLoading = $state(false);
-
-  const confirm = async () => {
-    isLoading = true;
-    try {
-      await onConfirm?.();
-    } catch (e) {
-      isLoading = false;
-      throw e;
-    }
-    isLoading = false;
-    open = false;
-    onOpenChange?.(false);
-  };
-
-  const cancel = () => {
-    open = false;
-    onOpenChange?.(false);
-  };
-</script>
-
-<Dialog bind:open>
-  <DialogContent class="sm:max-w-md">
-    {#if title || description}
-      <DialogHeader>
-        {#if title}
-          <DialogTitle>{title}</DialogTitle>
-        {/if}
-        {#if description}
-          <DialogDescription>{description}</DialogDescription>
-        {/if}
-      </DialogHeader>
-    {/if}
-    {@render children?.(confirm, cancel)}
-    <DialogFooter>
-      <Button variant="ghost" onclick={cancel}>{cancelText ?? 'Cancel'}</Button>
-      <LoadingButton loading={isLoading} disabled={confirmDisabled} onclick={confirm}>
-        {confirmText ?? 'Confirm'}
-      </LoadingButton>
-    </DialogFooter>
-  </DialogContent>
-</Dialog>
diff --git a/src/lib/components/dialogs/delete-confirm-dialog.svelte b/src/lib/components/dialogs/delete-confirm-dialog.svelte
deleted file mode 100644
index a40dd049..00000000
--- a/src/lib/components/dialogs/delete-confirm-dialog.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import {
-    Dialog,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogFooter,
-    DialogDescription,
-  } from '$lib/components/ui/dialog';
-  import type { Snippet } from 'svelte';
-
-  type Props = {
-    open?: boolean;
-    description?: string;
-    confirmText?: string;
-    cancelText?: string;
-    onOpenChange?: (open: boolean) => void;
-    onConfirm?: () => void;
-  } & ({ type: string } | { title: string }) &
-    ({ name: string } | { children: Snippet });
-
-  let {
-    open = $bindable(false),
-    description,
-    confirmText,
-    cancelText,
-    onOpenChange,
-    onConfirm,
-    ...props
-  }: Props = $props();
-
-  const confirm = () => {
-    onConfirm?.();
-    open = false;
-    onOpenChange?.(false);
-  };
-
-  const cancel = () => {
-    open = false;
-    onOpenChange?.(false);
-  };
-</script>
-
-<Dialog bind:open>
-  <DialogContent class="sm:max-w-md">
-    <DialogHeader>
-      {#if 'title' in props}
-        <DialogTitle>{props.title}</DialogTitle>
-      {:else}
-        <DialogTitle>Deleting {props.type}</DialogTitle>
-      {/if}
-      {#if description}
-        <DialogDescription>{description}</DialogDescription>
-      {/if}
-    </DialogHeader>
-
-    {#if 'children' in props}
-      {@render props.children()}
-    {:else}
-      <div class="py-6 px-2 text-base">
-        Are you sure you want to delete <strong class="bold">{props.name}</strong> ?
-      </div>
-    {/if}
-
-    <DialogFooter>
-      <Button variant="ghost" onclick={cancel}>{cancelText ?? 'Cancel'}</Button>
-      <Button variant="destructive" onclick={confirm}>{confirmText ?? 'Delete'}</Button>
-    </DialogFooter>
-  </DialogContent>
-</Dialog>
diff --git a/src/lib/components/dialogs/index.ts b/src/lib/components/dialogs/index.ts
deleted file mode 100644
index 887b861b..00000000
--- a/src/lib/components/dialogs/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import Base from './base-dialog.svelte';
-import DeleteConfirm from './delete-confirm-dialog.svelte';
-import Input from './input-dialog.svelte';
-
-export { Base as BaseDialog, DeleteConfirm as DeleteConfirmDialog, Input as InputDialog };
diff --git a/src/lib/components/dialogs/input-dialog.svelte b/src/lib/components/dialogs/input-dialog.svelte
deleted file mode 100644
index 8c7b1219..00000000
--- a/src/lib/components/dialogs/input-dialog.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import BaseDialog from './base-dialog.svelte';
-  import type { MaybePromise } from '@utils/types';
-
-  interface Props {
-    open?: boolean;
-    title?: string;
-    description?: string;
-    children?: Snippet<[confirm: () => void, cancel: () => void]>;
-    confirmText?: string;
-    cancelText?: string;
-    confirmDisabled?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    reset?: () => void;
-    onConfirm?: (...args: any[]) => MaybePromise<void>;
-  }
-
-  let { open = $bindable(false), onOpenChange, reset, ...props }: Props = $props();
-
-  const handleOpenChange = (open: boolean) => {
-    reset?.();
-    onOpenChange?.(open);
-  };
-</script>
-
-<BaseDialog {...props} bind:open onOpenChange={handleOpenChange} />
diff --git a/src/lib/components/forms/Form.svelte b/src/lib/components/forms/Form.svelte
deleted file mode 100644
index 83bf0b46..00000000
--- a/src/lib/components/forms/Form.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { setContext, type Snippet } from 'svelte';
-  interface FormLike {
-    enhance: (el: HTMLFormElement) => { destroy: () => void };
-  }
-
-  interface Props {
-    form: FormLike;
-    class?: string;
-    children: Snippet;
-  }
-
-  let { form, class: className, children }: Props = $props();
-
-  setContext('form', () => form);
-</script>
-
-<form use:form.enhance class={className}>
-  {@render children()}
-</form>
diff --git a/src/lib/components/forms/FormField.svelte b/src/lib/components/forms/FormField.svelte
deleted file mode 100644
index 5cc30b27..00000000
--- a/src/lib/components/forms/FormField.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-  import { getContext, type Snippet } from 'svelte';
-  import type { FormInstance } from './form.svelte';
-  import * as Form from '$lib/components/ui/form';
-  import { cn } from '@utils/ui';
-
-  interface Props {
-    name: string;
-    label?: string;
-    description?: string;
-    class?: string;
-    classNames?: { label?: string; description?: string };
-    children: Snippet<[{ props: any }]>;
-  }
-
-  const {
-    name,
-    label,
-    description,
-    class: className,
-    classNames,
-    children: fieldChildren,
-  }: Props = $props();
-  const formCtx = getContext<() => FormInstance>('form');
-</script>
-
-<Form.Field form={formCtx()} {name} class={cn('flex flex-col gap-2', className)}>
-  <Form.Control>
-    {#snippet children({ props })}
-      {#if label}
-        <Form.Label class={classNames?.label}>{label}</Form.Label>
-      {/if}
-      {@render fieldChildren({ props })}
-    {/snippet}
-  </Form.Control>
-  {#if description}
-    <Form.Description class={classNames?.description}>{description}</Form.Description>
-  {/if}
-  <Form.FieldErrors class="text-sm text-destructive" />
-</Form.Field>
diff --git a/src/lib/components/forms/form.svelte.ts b/src/lib/components/forms/form.svelte.ts
deleted file mode 100644
index 9524b592..00000000
--- a/src/lib/components/forms/form.svelte.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { type SuperForm, defaults, superForm } from 'sveltekit-superforms';
-import { zod4, zodClient } from 'sveltekit-superforms/adapters';
-import type { ZodType } from 'zod';
-
-export const useForm = <T extends Record<string, unknown>>(config: {
-  schema: ZodType<T>;
-  defaultValues?: Partial<T>;
-  onSubmit?: (values: T) => void | Promise<void>;
-}): SuperForm<T> => {
-  const result = superForm(defaults(zod4(config.schema as any)), {
-    SPA: true,
-    validators: zodClient(config.schema as any),
-    resetForm: false,
-    onUpdate: async ({ form: f }) => {
-      if (f.valid) {
-        await config.onSubmit?.(f.data as T);
-      }
-    },
-  });
-
-  if (config.defaultValues) {
-    result.form.update((v) => ({ ...v, ...config.defaultValues }));
-  }
-
-  return result as unknown as SuperForm<T>;
-};
-
-export type FormInstance = SuperForm<any>;
diff --git a/src/lib/components/forms/form.type.ts b/src/lib/components/forms/form.type.ts
deleted file mode 100644
index 396b9e73..00000000
--- a/src/lib/components/forms/form.type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type { FormInstance } from './form.svelte';
diff --git a/src/lib/components/forms/inputs/FormFieldInput.svelte b/src/lib/components/forms/inputs/FormFieldInput.svelte
deleted file mode 100644
index f5a3f2de..00000000
--- a/src/lib/components/forms/inputs/FormFieldInput.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-  import type { FormInstance } from '$lib/components/forms/form.svelte';
-  import FormField from '$lib/components/forms/FormField.svelte';
-  import { Input } from '$lib/components/ui/input';
-
-  interface Props {
-    name: string;
-    label?: string;
-    type?: string;
-    placeholder?: string;
-    description?: string;
-    class?: string;
-    classNames?: {
-      label?: string;
-      input?: string;
-    };
-  }
-
-  const {
-    name,
-    label,
-    type,
-    placeholder,
-    description,
-    class: className,
-    classNames,
-  }: Props = $props();
-  const formCtx = getContext<() => FormInstance>('form');
-  const { form } = formCtx();
-</script>
-
-<FormField {name} {label} class={className} {classNames} {description}>
-  {#snippet children({ props })}
-    <Input
-      {...props}
-      type={type ?? 'text'}
-      {placeholder}
-      class={classNames?.input}
-      value={$form[name] ?? ''}
-      oninput={(e) => form.update((v) => ({ ...v, [name]: e.currentTarget.value }))}
-    />
-  {/snippet}
-</FormField>
diff --git a/src/lib/components/forms/inputs/FormFieldMultiSelect.svelte b/src/lib/components/forms/inputs/FormFieldMultiSelect.svelte
deleted file mode 100644
index 7b39f859..00000000
--- a/src/lib/components/forms/inputs/FormFieldMultiSelect.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-  import type { FormInstance } from '$lib/components/forms/form.svelte';
-  import FormField from '$lib/components/forms/FormField.svelte';
-  import { MultiSelect } from '$lib/components/ui/multi-select';
-
-  interface Option {
-    value: string;
-    label: string;
-  }
-
-  interface Props {
-    name: string;
-    label?: string;
-    description?: string;
-    placeholder?: string;
-    options: Option[];
-    class?: string;
-    classNames?: { label?: string; trigger?: string };
-    disabled?: boolean;
-  }
-
-  const {
-    name,
-    label,
-    description,
-    placeholder,
-    options,
-    class: className,
-    classNames,
-    disabled,
-  }: Props = $props();
-
-  const formCtx = getContext<() => FormInstance>('form');
-  const { form } = formCtx();
-</script>
-
-<FormField {name} {label} {description} class={className} {classNames}>
-  {#snippet children({ props })}
-    <MultiSelect
-      {...props}
-      {options}
-      {placeholder}
-      {disabled}
-      class={classNames?.trigger}
-      value={Array.isArray(($form as any)[name]) ? ($form as any)[name] : []}
-      onValueChange={(v) => form.update((s) => ({ ...s, [name]: v }))}
-    />
-  {/snippet}
-</FormField>
diff --git a/src/lib/components/forms/inputs/FormFieldSelect.svelte b/src/lib/components/forms/inputs/FormFieldSelect.svelte
deleted file mode 100644
index 91c04379..00000000
--- a/src/lib/components/forms/inputs/FormFieldSelect.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-  import type { FormInstance } from '$lib/components/forms/form.svelte';
-  import FormField from '$lib/components/forms/FormField.svelte';
-  import * as Select from '$lib/components/ui/select';
-
-  interface Option {
-    value: string;
-    label: string;
-  }
-
-  interface Props {
-    name: string;
-    label?: string;
-    description?: string;
-    placeholder?: string;
-    options: Option[];
-    class?: string;
-    classNames?: { label?: string; trigger?: string; content?: string; item?: string };
-    disabled?: boolean;
-  }
-
-  const {
-    name,
-    label,
-    description,
-    placeholder = 'Select...',
-    options,
-    class: className,
-    classNames,
-    disabled,
-  }: Props = $props();
-
-  const formCtx = getContext<() => FormInstance>('form');
-  const { form } = formCtx();
-
-  const triggerContent = $derived(
-    options.find((f) => f.value === $form[name])?.label ?? placeholder,
-  );
-</script>
-
-<FormField {name} {label} {description} class={className} {classNames}>
-  {#snippet children({ props })}
-    <Select.Root
-      type="single"
-      value={String(($form as any)[name] ?? '')}
-      onValueChange={(v: string) => form.update((s) => ({ ...s, [name]: v }))}
-    >
-      <Select.Trigger {...props} {disabled} class={classNames?.trigger}>
-        {triggerContent}
-      </Select.Trigger>
-      <Select.Content class={classNames?.content}>
-        {#each options as option (option.value)}
-          <Select.Item value={option.value} label={option.label} class={classNames?.item} />
-        {/each}
-      </Select.Content>
-    </Select.Root>
-  {/snippet}
-</FormField>
diff --git a/src/lib/components/forms/inputs/FormFieldSwitch.svelte b/src/lib/components/forms/inputs/FormFieldSwitch.svelte
deleted file mode 100644
index 7740886b..00000000
--- a/src/lib/components/forms/inputs/FormFieldSwitch.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { getContext } from 'svelte';
-  import type { FormInstance } from '$lib/components/forms/form.svelte';
-  import FormField from '$lib/components/forms/FormField.svelte';
-  import { Switch } from '$lib/components/ui/switch';
-
-  interface Props {
-    name: string;
-    label?: string;
-    description?: string;
-    class?: string;
-    classNames?: { label?: string };
-    disabled?: boolean;
-  }
-
-  const { name, label, description, class: className, classNames, disabled }: Props = $props();
-  const formCtx = getContext<() => FormInstance>('form');
-  const { form } = formCtx();
-</script>
-
-<FormField {name} {label} {description} class={className} {classNames}>
-  {#snippet children({ props })}
-    <Switch
-      {...props}
-      {disabled}
-      checked={$form[name]}
-      onCheckedChange={(v) => form.update((s) => ({ ...s, [name]: v }))}
-    />
-  {/snippet}
-</FormField>
diff --git a/src/lib/components/marketplace/index.ts b/src/lib/components/marketplace/index.ts
deleted file mode 100644
index 2ec52b8a..00000000
--- a/src/lib/components/marketplace/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as MarketplaceDialog } from './marketplace-dialog.svelte';
-export { setMarketplaceContext, getMarketplaceContext } from './marketplace.context';
-export type { MarketplaceContext } from './marketplace.context';
diff --git a/src/lib/components/marketplace/marketplace-dialog.svelte b/src/lib/components/marketplace/marketplace-dialog.svelte
deleted file mode 100644
index f3f5d585..00000000
--- a/src/lib/components/marketplace/marketplace-dialog.svelte
+++ /dev/null
@@ -1,149 +0,0 @@
-<script lang="ts">
-  import { createQuery } from '@tanstack/svelte-query';
-
-  import type { ApiPackage } from '$lib/client/action';
-  import { useProject } from '$lib/client/project';
-  import { Button } from '$lib/components/ui/button';
-  import { Dialog, DialogContent, DialogHeader, DialogTitle } from '$lib/components/ui/dialog';
-
-  import MarketplaceFooter from './marketplace-footer.svelte';
-  import MarketplacePackageDetails from './marketplace-package-details.svelte';
-  import MarketplacePackageTabs from './marketplace-package-tabs.svelte';
-
-  interface Props {
-    open?: boolean;
-  }
-
-  let { open = $bindable(false) }: Props = $props();
-
-  const { actions, packages, ecs } = useProject();
-
-  let isLoading = $state(false);
-  let input = $state<string[]>([]);
-  let search = $state('');
-  let selectedPackage = $state<ApiPackage | null>(null);
-  let activeTab = $state('marketplace');
-
-  const query = createQuery(() => ({
-    queryKey: [],
-    queryFn: () =>
-      actions.package.searchPackages({
-        page: 1,
-        limit: 50,
-        search,
-      }),
-  }));
-
-  const componentStore = $derived(ecs.components.store);
-  const systemStore = $derived(ecs.systems.store);
-
-  const currentFileNames = $derived(
-    new Set([
-      ...$componentStore.map(
-        (c) => [c.path.split('/').pop(), 'component' as const] as [string, 'component'],
-      ),
-      ...$systemStore.map(
-        (s) => [s.path.split('/').pop(), 'system' as const] as [string, 'system'],
-      ),
-    ]),
-  );
-
-  const installedPackages = $derived(
-    (query.data?.data ?? []).filter((pkg) => {
-      for (const [filename, type] of currentFileNames) {
-        const [username, pkgName] = pkg.name.split('/');
-        if (filename.match(new RegExp(`^${username}-${pkgName}\\.${type}\\.[a-z]{1,4}$`)))
-          return true;
-      }
-      return false;
-    }),
-  );
-
-  const isInstalled = (pkg: ApiPackage) => installedPackages.some((p) => pkg.name === p.name);
-  const isQueued = (pkg: ApiPackage) => input.includes(pkg.name);
-
-  const onQueue = (pkg: ApiPackage) => {
-    if (isInstalled(pkg) || isQueued(pkg)) return;
-    input = [...input, pkg.name];
-    selectedPackage = pkg;
-  };
-
-  const onDequeue = (name: string) => {
-    input = input.filter((n) => n !== name);
-  };
-
-  const handleInstall = async () => {
-    if (input.length === 0) return;
-    isLoading = true;
-    await packages.installPackages(input as [string, ...string[]]);
-    open = false;
-    input = [];
-    isLoading = false;
-  };
-
-  const handleClose = () => {
-    open = false;
-    input = [];
-    selectedPackage = null;
-    search = '';
-  };
-
-  const typeLabel = (type: 'component' | 'system') =>
-    type === 'component' ? 'Component' : 'System';
-</script>
-
-<Dialog bind:open>
-  <DialogContent
-    class="flex h-[680px] sm:max-w-5xl flex-col gap-0 overflow-hidden p-0"
-    showCloseButton={false}
-  >
-    <DialogHeader class="shrink-0 border-b border-border px-4 py-3">
-      <div class="flex items-center justify-between">
-        <DialogTitle class="text-base font-semibold">Marketplace</DialogTitle>
-        <Button variant="ghost" size="icon-sm" onclick={handleClose}>
-          <span class="i-ic-round-close"></span>
-          <span class="sr-only">Close</span>
-        </Button>
-      </div>
-    </DialogHeader>
-
-    <div class="flex min-h-0 flex-1">
-      <MarketplacePackageTabs
-        bind:activeTab
-        bind:search
-        {selectedPackage}
-        packages={query.data?.data ?? []}
-        {installedPackages}
-        isFetching={query.isFetching}
-        isLoading={query.isLoading}
-        refetch={query.refetch}
-        {isInstalled}
-        {isQueued}
-        {typeLabel}
-        onSelect={(pkg) => (selectedPackage = pkg)}
-        {onQueue}
-        {onDequeue}
-      />
-      <div class="flex min-h-0 flex-1 flex-col">
-        <MarketplacePackageDetails
-          pkg={selectedPackage}
-          {activeTab}
-          {isInstalled}
-          {isQueued}
-          {typeLabel}
-          {onQueue}
-          {onDequeue}
-        />
-      </div>
-    </div>
-
-    <MarketplaceFooter
-      {activeTab}
-      {input}
-      {isLoading}
-      {onDequeue}
-      onInstall={handleInstall}
-      onClose={handleClose}
-    />
-  </DialogContent>
-</Dialog>
diff --git a/src/lib/components/marketplace/marketplace-footer.svelte b/src/lib/components/marketplace/marketplace-footer.svelte
deleted file mode 100644
index 05c9e11a..00000000
--- a/src/lib/components/marketplace/marketplace-footer.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  interface Props {
-    activeTab: string;
-    input: string[];
-    isLoading: boolean;
-    onDequeue: (name: string) => void;
-    onInstall: () => void;
-    onClose: () => void;
-  }
-
-  const { activeTab, input, isLoading, onDequeue, onInstall, onClose }: Props = $props();
-</script>
-
-{#if activeTab === 'marketplace'}
-  <div class="flex shrink-0 items-center gap-2 border-t border-border px-4 py-2.5">
-    <div class="flex min-w-0 flex-1 flex-wrap gap-1.5">
-      {#each input as name (name)}
-        <span
-          class="bg-muted inline-flex items-center gap-1 rounded-full pl-6 pr-2 py-0.5 text-xs font-medium"
-        >
-          {name}
-          <Button
-            type="button"
-            variant="ghost"
-            class="hover:text-destructive ml-0.5 opacity-60 transition-opacity hover:opacity-100"
-            size="icon"
-            onclick={() => onDequeue(name)}
-          >
-            <span class="i-ic-round-close size-4"></span>
-          </Button>
-        </span>
-      {/each}
-      {#if input.length === 0}
-        <span class="text-muted-foreground text-xs">Select packages to install</span>
-      {/if}
-    </div>
-    <div class="flex shrink-0 gap-2">
-      <Button
-        variant="ghost"
-        class="px-4 py-2 text-sm rounded-lg transition-all duration-150"
-        onclick={onClose}
-      >
-        Cancel
-      </Button>
-      <Button
-        class="px-4 py-2 text-sm rounded-lg transition-all duration-150"
-        disabled={input.length === 0 || isLoading}
-        onclick={onInstall}
-      >
-        {#if isLoading}
-          <Spinner class="size-4" />
-        {:else}
-          <span class="i-ic-baseline-file-download size-4"></span>
-        {/if}
-        Apply{input.length > 0 ? ` (${input.length})` : ''}
-      </Button>
-    </div>
-  </div>
-{:else}
-  <div class="flex shrink-0 items-center justify-end border-t border-border px-4 py-2.5">
-    <Button
-      variant="ghost"
-      class="px-4 py-2 text-sm rounded-lg transition-all duration-150"
-      onclick={onClose}
-    >
-      Close
-    </Button>
-  </div>
-{/if}
diff --git a/src/lib/components/marketplace/marketplace-package-details.svelte b/src/lib/components/marketplace/marketplace-package-details.svelte
deleted file mode 100644
index df1b9a72..00000000
--- a/src/lib/components/marketplace/marketplace-package-details.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts">
-  import PackageIcon from '@lucide/svelte/icons/package';
-  import PackageCheckIcon from '@lucide/svelte/icons/package-check';
-
-  import type { ApiPackage } from '$lib/client/action';
-  import { Badge } from '$lib/components/ui/badge';
-  import { Button } from '$lib/components/ui/button';
-  import { ScrollArea } from '$lib/components/ui/scroll-area';
-
-  interface Props {
-    pkg: ApiPackage | null;
-    activeTab: string;
-    isInstalled: (pkg: ApiPackage) => boolean;
-    isQueued: (pkg: ApiPackage) => boolean;
-    typeLabel: (type: 'component' | 'system') => string;
-    onQueue: (pkg: ApiPackage) => void;
-    onDequeue: (name: string) => void;
-  }
-
-  const { pkg, activeTab, isInstalled, isQueued, typeLabel, onQueue, onDequeue }: Props = $props();
-</script>
-
-{#if pkg}
-  <ScrollArea class="h-full">
-    <div class="p-6">
-      <div class="mb-4 flex items-start gap-3">
-        <div
-          class={[
-            'flex size-10 shrink-0 items-center justify-center rounded-lg',
-            isInstalled(pkg) ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground',
-          ]}
-        >
-          {#if isInstalled(pkg)}
-            <PackageCheckIcon class="size-5" />
-          {:else}
-            <PackageIcon class="size-5" />
-          {/if}
-        </div>
-        <div class="flex-1">
-          <h2 class="text-sm font-semibold">{pkg.name}</h2>
-          <p class="text-muted-foreground text-xs">{typeLabel(pkg.type)}</p>
-        </div>
-        {#if activeTab === 'marketplace' && !isInstalled(pkg)}
-          {#if isQueued(pkg)}
-            <Button type="button" variant="destructive" onclick={() => onDequeue(pkg!.name)}>
-              <span class="i-ic-round-close size-4"></span>
-              Remove
-            </Button>
-          {:else}
-            <Button onclick={() => onQueue(pkg!)}>
-              <span class="i-ic-baseline-file-download size-4"></span>
-              Install
-            </Button>
-          {/if}
-        {/if}
-      </div>
-
-      {#if pkg.description}
-        <div class="mb-4">
-          <h3 class="mb-1.5 text-xs font-semibold tracking-wide text-muted-foreground">
-            Description
-          </h3>
-          <p class="text-sm leading-relaxed">{pkg.description}</p>
-        </div>
-      {/if}
-
-      {#if pkg.tags.length > 0}
-        <div class="mb-4">
-          <h3 class="mb-1.5 text-xs font-semibold tracking-wide text-muted-foreground">Tags</h3>
-          <div class="flex flex-wrap gap-1.5">
-            {#each pkg.tags as tag (tag)}
-              <Badge variant="secondary" class="text-xs">{tag}</Badge>
-            {/each}
-          </div>
-        </div>
-      {/if}
-
-      <div>
-        <h3 class="mb-1.5 text-xs font-semibold tracking-wide text-muted-foreground">Type</h3>
-        <Badge variant="outline">{typeLabel(pkg.type)}</Badge>
-      </div>
-    </div>
-  </ScrollArea>
-{:else}
-  <div class="text-muted-foreground flex flex-1 flex-col items-center justify-center gap-2">
-    <PackageIcon class="size-10 opacity-20" />
-    <p class="text-sm">Select a package to view details</p>
-  </div>
-{/if}
diff --git a/src/lib/components/marketplace/marketplace-package-item.svelte b/src/lib/components/marketplace/marketplace-package-item.svelte
deleted file mode 100644
index 4f379c6b..00000000
--- a/src/lib/components/marketplace/marketplace-package-item.svelte
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts">
-  import PackageIcon from '@lucide/svelte/icons/package';
-  import PackageCheckIcon from '@lucide/svelte/icons/package-check';
-
-  import type { ApiPackage } from '$lib/client/action';
-  import { Button } from '$lib/components/ui/button';
-
-  interface Props {
-    pkg: ApiPackage;
-    active: boolean;
-    installed: boolean;
-    queued?: boolean;
-    typeLabel: (type: 'component' | 'system') => string;
-    onSelect: () => void;
-    onQueue?: () => void;
-    onDequeue?: () => void;
-  }
-
-  const {
-    pkg,
-    active,
-    installed,
-    queued = false,
-    typeLabel,
-    onSelect,
-    onQueue,
-    onDequeue,
-  }: Props = $props();
-</script>
-
-<div
-  role="button"
-  tabindex="0"
-  class="group relative flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors {active
-    ? 'bg-muted/70'
-    : 'hover:bg-muted/50'}"
-  onclick={onSelect}
-  onkeydown={(e) => e.key === 'Enter' && onSelect()}
->
-  <div
-    class={[
-      'flex size-7 shrink-0 items-center justify-center rounded-md',
-      installed ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground',
-    ]}
-  >
-    {#if installed}
-      <PackageCheckIcon class="size-3.5" />
-    {:else}
-      <PackageIcon class="size-3.5" />
-    {/if}
-  </div>
-  <div class="min-w-0 flex-1">
-    <p class="truncate text-xs font-medium leading-tight">{pkg.name}</p>
-    <p class="text-muted-foreground text-[10px]">{typeLabel(pkg.type)}</p>
-  </div>
-
-  {#if installed}
-    <span class="shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium text-primary">
-      Installed
-    </span>
-  {:else if onQueue || onDequeue}
-    {#if queued}
-      <Button
-        size="icon"
-        variant="destructive"
-        class="invisible shrink-0 p-0.5 transition-colors hover:bg-primary/10 group-hover:visible"
-        onclick={(e) => {
-          e.stopPropagation();
-          onDequeue?.();
-        }}
-        title="Remove from queue"
-      >
-        <span class="i-ic-round-close size-4"></span>
-      </Button>
-    {:else}
-      <Button
-        size="icon"
-        variant="ghost"
-        class="invisible shrink-0 p-0.5 transition-colors hover:bg-primary/10 group-hover:visible"
-        onclick={(e) => {
-          e.stopPropagation();
-          onQueue?.();
-        }}
-        title="Queue for install"
-      >
-        <span class="i-ic-baseline-file-download size-4"></span>
-      </Button>
-    {/if}
-  {/if}
-</div>
diff --git a/src/lib/components/marketplace/marketplace-package-list.svelte b/src/lib/components/marketplace/marketplace-package-list.svelte
deleted file mode 100644
index b5a2d405..00000000
--- a/src/lib/components/marketplace/marketplace-package-list.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-  import type { ApiPackage } from '$lib/client/action';
-  import { ScrollArea } from '$lib/components/ui/scroll-area';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  import MarketplacePackageItem from './marketplace-package-item.svelte';
-
-  interface Props {
-    packages: ApiPackage[];
-    isLoading: boolean;
-    emptyMessage: string;
-    selectedPackage: ApiPackage | null;
-    isInstalled: (pkg: ApiPackage) => boolean;
-    isQueued?: (pkg: ApiPackage) => boolean;
-    typeLabel: (type: 'component' | 'system') => string;
-    onSelect: (pkg: ApiPackage) => void;
-    onQueue?: (pkg: ApiPackage) => void;
-    onDequeue?: (name: string) => void;
-  }
-
-  let {
-    packages,
-    isLoading,
-    emptyMessage,
-    selectedPackage,
-    isInstalled,
-    isQueued,
-    typeLabel,
-    onSelect,
-    onQueue,
-    onDequeue,
-  }: Props = $props();
-</script>
-
-<ScrollArea class="h-full">
-  {#if isLoading}
-    <div class="flex items-center justify-center py-8">
-      <Spinner class="size-5" />
-    </div>
-  {:else if packages.length === 0}
-    <p class="text-muted-foreground px-3 py-6 text-center text-xs">{emptyMessage}</p>
-  {:else}
-    <div class="py-1">
-      {#each packages as pkg (pkg.id)}
-        <MarketplacePackageItem
-          {pkg}
-          active={selectedPackage?.id === pkg.id}
-          installed={isInstalled(pkg)}
-          queued={isQueued?.(pkg) ?? false}
-          {typeLabel}
-          onSelect={() => onSelect(pkg)}
-          onQueue={onQueue ? () => onQueue(pkg) : undefined}
-          onDequeue={onDequeue ? () => onDequeue(pkg.name) : undefined}
-        />
-      {/each}
-    </div>
-  {/if}
-</ScrollArea>
diff --git a/src/lib/components/marketplace/marketplace-package-tabs.svelte b/src/lib/components/marketplace/marketplace-package-tabs.svelte
deleted file mode 100644
index 9a43bef7..00000000
--- a/src/lib/components/marketplace/marketplace-package-tabs.svelte
+++ /dev/null
@@ -1,94 +0,0 @@
-<script lang="ts">
-  import type { ApiPackage } from '$lib/client/action';
-  import { Tabs, TabsList, TabsTrigger, TabsContent } from '$lib/components/ui/tabs';
-
-  import MarketplacePackageList from './marketplace-package-list.svelte';
-  import MarketplaceSearch from './marketplace-search.svelte';
-
-  interface Props {
-    activeTab: string;
-    search: string;
-    selectedPackage: ApiPackage | null;
-    packages: ApiPackage[];
-    installedPackages: ApiPackage[];
-    isFetching: boolean;
-    isLoading: boolean;
-    refetch: () => void;
-    isInstalled: (pkg: ApiPackage) => boolean;
-    isQueued?: (pkg: ApiPackage) => boolean;
-    typeLabel: (type: 'component' | 'system') => string;
-    onSelect: (pkg: ApiPackage | null) => void;
-    onQueue?: (pkg: ApiPackage) => void;
-    onDequeue?: (name: string) => void;
-  }
-
-  let {
-    activeTab = $bindable(),
-    search = $bindable(),
-    isFetching,
-    isLoading,
-    selectedPackage,
-    installedPackages,
-    packages,
-    refetch,
-    isInstalled,
-    isQueued,
-    typeLabel,
-    onSelect,
-    onQueue,
-    onDequeue,
-  }: Props = $props();
-</script>
-
-<div class="flex w-72 shrink-0 flex-col border-r border-border">
-  <Tabs bind:value={activeTab} class="flex min-h-0 flex-1 flex-col gap-0">
-    <div class="shrink-0 border-b border-border px-2 pt-2">
-      <TabsList variant="line" class="w-full justify-start gap-0">
-        <TabsTrigger value="marketplace" class="px-3 text-xs">Marketplace</TabsTrigger>
-        <TabsTrigger value="installed" class="px-3 text-xs">Installed</TabsTrigger>
-      </TabsList>
-    </div>
-
-    <div class="shrink-0 px-2 py-2">
-      <MarketplaceSearch
-        bind:search
-        {isFetching}
-        onChange={() => {
-          refetch();
-          onSelect(null);
-        }}
-        onClear={() => {
-          search = '';
-          refetch();
-        }}
-      />
-    </div>
-
-    <TabsContent value="marketplace" class="m-0 min-h-0 flex-1 p-0">
-      <MarketplacePackageList
-        {packages}
-        {isLoading}
-        emptyMessage="No packages found"
-        {selectedPackage}
-        {isInstalled}
-        {isQueued}
-        {typeLabel}
-        {onSelect}
-        {onQueue}
-        {onDequeue}
-      />
-    </TabsContent>
-
-    <TabsContent value="installed" class="m-0 min-h-0 flex-1 p-0">
-      <MarketplacePackageList
-        packages={installedPackages}
-        {isLoading}
-        emptyMessage="No packages installed"
-        {selectedPackage}
-        {isInstalled}
-        {typeLabel}
-        {onSelect}
-      />
-    </TabsContent>
-  </Tabs>
-</div>
diff --git a/src/lib/components/marketplace/marketplace-search.svelte b/src/lib/components/marketplace/marketplace-search.svelte
deleted file mode 100644
index 4b6df712..00000000
--- a/src/lib/components/marketplace/marketplace-search.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-  import {
-    InputGroup,
-    InputGroupInput,
-    InputGroupAddon,
-    InputGroupButton,
-  } from '$lib/components/ui/input-group';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  interface Props {
-    search: string;
-    isFetching: boolean;
-    onChange: () => void;
-    onClear: () => void;
-  }
-
-  let { search = $bindable(), isFetching, onChange, onClear }: Props = $props();
-</script>
-
-<div class="relative">
-  <InputGroup>
-    <InputGroupInput placeholder="Search packages..." bind:value={search} onchange={onChange} />
-    <InputGroupAddon>
-      {#if isFetching}
-        <Spinner />
-      {:else}
-        <span class="i-ic-baseline-search"></span>
-      {/if}
-    </InputGroupAddon>
-    {#if search}
-      <InputGroupAddon align="inline-end">
-        <InputGroupButton
-          onclick={onClear}
-          variant="ghost"
-          class="rounded-md text-destructive hover:text-destructive hover:bg-destructive/10"
-        ></InputGroupButton>
-      </InputGroupAddon>
-    {/if}
-  </InputGroup>
-</div>
diff --git a/src/lib/components/marketplace/marketplace.context.ts b/src/lib/components/marketplace/marketplace.context.ts
deleted file mode 100644
index 77174f79..00000000
--- a/src/lib/components/marketplace/marketplace.context.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { getContext, setContext } from 'svelte';
-
-const MARKETPLACE_CONTEXT_KEY = 'marketplace';
-
-export interface MarketplaceContext {
-  open: () => void;
-}
-
-export function setMarketplaceContext(ctx: MarketplaceContext): void {
-  setContext(MARKETPLACE_CONTEXT_KEY, ctx);
-}
-
-export function getMarketplaceContext(): MarketplaceContext {
-  return getContext<MarketplaceContext>(MARKETPLACE_CONTEXT_KEY);
-}
diff --git a/src/lib/components/project-loader/full-page-project-spinner.svelte b/src/lib/components/project-loader/full-page-project-spinner.svelte
deleted file mode 100644
index 7e400d09..00000000
--- a/src/lib/components/project-loader/full-page-project-spinner.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import ProjectSpinner from './project-spinner.svelte';
-</script>
-
-<div class="w-screen h-screen flex items-center justify-center">
-  <ProjectSpinner />
-</div>
diff --git a/src/lib/components/project-loader/index.ts b/src/lib/components/project-loader/index.ts
deleted file mode 100644
index ae20edaf..00000000
--- a/src/lib/components/project-loader/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import FullPageProjectSpinner from './full-page-project-spinner.svelte';
-import ProgressBar from './progress-bar.svelte';
-import ProjectSpinner from './project-spinner.svelte';
-
-export { ProgressBar, ProjectSpinner, FullPageProjectSpinner };
diff --git a/src/lib/components/project-loader/progress-bar.svelte b/src/lib/components/project-loader/progress-bar.svelte
deleted file mode 100644
index 88c692a0..00000000
--- a/src/lib/components/project-loader/progress-bar.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-  import { Progress } from '$lib/components/ui/progress';
-
-  interface Props {
-    title: string;
-    promises: Promise<unknown>[];
-    show: boolean;
-    callback?: () => unknown;
-  }
-  let { title, promises, show = $bindable(), callback }: Props = $props();
-
-  let total: number = $state(0);
-  let completed: number = $state(0);
-
-  $effect(() => {
-    completed = 0;
-    total = promises.length;
-    promises.forEach((promise) => {
-      promise.finally(() => {
-        completed += 1;
-        if (completed === total && total > 0) {
-          callback?.();
-        }
-      });
-    });
-  });
-</script>
-
-<div
-  aria-hidden="true"
-  class={show
-    ? 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4'
-    : 'hidden'}
->
-  <div
-    class="bg-black outline outline-neutral-900 rounded-xl p-6 w-full max-w-sm shadow-2xl flex flex-col"
-  >
-    <span id="project-title" class="text-2xl font-bold mb-8 text-center">{title}</span>
-    <Progress value={(completed / total) * 100} />
-  </div>
-</div>
diff --git a/src/lib/components/project-loader/project-spinner.svelte b/src/lib/components/project-loader/project-spinner.svelte
deleted file mode 100644
index 89a72646..00000000
--- a/src/lib/components/project-loader/project-spinner.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-  import { goto } from '$app/navigation';
-  import { resolve } from '$app/paths';
-
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import { Spinner } from '$lib/components/ui/spinner';
-</script>
-
-<Card.Root class="flex flex-col items-center p-6 animate-spin scale-150">
-  <Card.Header class="flex flex-col items-center text-center">
-    <Spinner />
-    <Card.Title>Project loading...</Card.Title>
-    <Card.Description>Retrieving save</Card.Description>
-  </Card.Header>
-
-  <Card.Content class="mt-4">
-    <Button
-      variant="outline"
-      size="sm"
-      onclick={() => {
-        goto(resolve('/'));
-      }}
-    >
-      Cancel
-    </Button>
-  </Card.Content>
-</Card.Root>
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
deleted file mode 100644
index 16be78a1..00000000
--- a/src/lib/components/ui/badge/badge.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts" module>
-  import { type VariantProps, tv } from 'tailwind-variants';
-
-  export const badgeVariants = tv({
-    base: 'h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none',
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
-        secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',
-        destructive:
-          'bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20',
-        outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',
-        ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  });
-
-  export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
-</script>
-
-<script lang="ts">
-  import type { HTMLAnchorAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    href,
-    class: className,
-    variant = 'default',
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAnchorAttributes> & {
-    variant?: BadgeVariant;
-  } = $props();
-</script>
-
-<svelte:element
-  this={href ? 'a' : 'span'}
-  bind:this={ref}
-  data-slot="badge"
-  {href}
-  class={cn(badgeVariants({ variant }), className)}
-  {...restProps}
->
-  {@render children?.()}
-</svelte:element>
diff --git a/src/lib/components/ui/badge/index.ts b/src/lib/components/ui/badge/index.ts
deleted file mode 100644
index f05fb87f..00000000
--- a/src/lib/components/ui/badge/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Badge } from './badge.svelte';
-export { badgeVariants, type BadgeVariant } from './badge.svelte';
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
deleted file mode 100644
index 9a7d7595..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef, type WithoutChildren } from '@utils/ui';
-  import MoreHorizontalIcon from '@lucide/svelte/icons/more-horizontal';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
-</script>
-
-<span
-  bind:this={ref}
-  data-slot="breadcrumb-ellipsis"
-  role="presentation"
-  aria-hidden="true"
-  class={cn('size-5 [&>svg]:size-4 flex items-center justify-center', className)}
-  {...restProps}
->
-  <MoreHorizontalIcon />
-  <span class="sr-only">More</span>
-</span>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
deleted file mode 100644
index 47960813..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { HTMLLiAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li
-  bind:this={ref}
-  data-slot="breadcrumb-item"
-  class={cn('gap-1 inline-flex items-center', className)}
-  {...restProps}
->
-  {@render children?.()}
-</li>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
deleted file mode 100644
index 1b795733..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-  import type { HTMLAnchorAttributes } from 'svelte/elements';
-  import type { Snippet } from 'svelte';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    href = undefined,
-    child,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAnchorAttributes> & {
-    child?: Snippet<[{ props: HTMLAnchorAttributes }]>;
-  } = $props();
-
-  const attrs = $derived({
-    'data-slot': 'breadcrumb-link',
-    class: cn('hover:text-foreground transition-colors', className),
-    href,
-    ...restProps,
-  });
-</script>
-
-{#if child}
-  {@render child({ props: attrs })}
-{:else}
-  <a bind:this={ref} {...attrs}>
-    {@render children?.()}
-  </a>
-{/if}
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
deleted file mode 100644
index dbdbe7f8..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import type { HTMLOlAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLOlAttributes> = $props();
-</script>
-
-<ol
-  bind:this={ref}
-  data-slot="breadcrumb-list"
-  class={cn(
-    'text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</ol>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
deleted file mode 100644
index 505525a7..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-  bind:this={ref}
-  data-slot="breadcrumb-page"
-  role="link"
-  aria-disabled="true"
-  aria-current="page"
-  class={cn('text-foreground font-normal', className)}
-  {...restProps}
->
-  {@render children?.()}
-</span>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
deleted file mode 100644
index 4aca93fe..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLLiAttributes } from 'svelte/elements';
-  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li
-  bind:this={ref}
-  data-slot="breadcrumb-separator"
-  role="presentation"
-  aria-hidden="true"
-  class={cn('[&>svg]:size-3.5', className)}
-  {...restProps}
->
-  {#if children}
-    {@render children?.()}
-  {:else}
-    <ChevronRightIcon />
-  {/if}
-</li>
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb.svelte b/src/lib/components/ui/breadcrumb/breadcrumb.svelte
deleted file mode 100644
index 4e735376..00000000
--- a/src/lib/components/ui/breadcrumb/breadcrumb.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import type { WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<nav
-  bind:this={ref}
-  data-slot="breadcrumb"
-  aria-label="breadcrumb"
-  class={cn('cn-breadcrumb', className)}
-  {...restProps}
->
-  {@render children?.()}
-</nav>
diff --git a/src/lib/components/ui/breadcrumb/index.ts b/src/lib/components/ui/breadcrumb/index.ts
deleted file mode 100644
index f99a0da2..00000000
--- a/src/lib/components/ui/breadcrumb/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Ellipsis from './breadcrumb-ellipsis.svelte';
-import Item from './breadcrumb-item.svelte';
-import Link from './breadcrumb-link.svelte';
-import List from './breadcrumb-list.svelte';
-import Page from './breadcrumb-page.svelte';
-import Separator from './breadcrumb-separator.svelte';
-import Root from './breadcrumb.svelte';
-
-export {
-  Root,
-  Ellipsis,
-  Item,
-  Separator,
-  Link,
-  List,
-  Page,
-  //
-  Root as Breadcrumb,
-  Ellipsis as BreadcrumbEllipsis,
-  Item as BreadcrumbItem,
-  Separator as BreadcrumbSeparator,
-  Link as BreadcrumbLink,
-  List as BreadcrumbList,
-  Page as BreadcrumbPage,
-};
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
deleted file mode 100644
index 9d24463f..00000000
--- a/src/lib/components/ui/button/button.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts" module>
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-  import { type VariantProps, tv } from 'tailwind-variants';
-
-  export const buttonVariants = tv({
-    base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 disable:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
-        outline:
-          'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground',
-        secondary:
-          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
-        ghost:
-          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
-        destructive:
-          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-      size: {
-        default:
-          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
-        icon: 'size-8',
-        'icon-xs':
-          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        'icon-sm':
-          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
-        'icon-lg': 'size-9',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  });
-
-  export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-  export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
-
-  export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-    WithElementRef<HTMLAnchorAttributes> & {
-      variant?: ButtonVariant;
-      size?: ButtonSize;
-    };
-</script>
-
-<script lang="ts">
-  let {
-    class: className,
-    variant = 'default',
-    size = 'default',
-    ref = $bindable(null),
-    href = undefined,
-    type = 'button',
-    disabled,
-    children,
-    ...restProps
-  }: ButtonProps = $props();
-</script>
-
-{#if href}
-  <a
-    bind:this={ref}
-    data-slot="button"
-    class={cn(buttonVariants({ variant, size }), className)}
-    href={disabled ? undefined : href}
-    aria-disabled={disabled}
-    role={disabled ? 'link' : undefined}
-    tabindex={disabled ? -1 : undefined}
-    {...restProps}
-  >
-    {@render children?.()}
-  </a>
-{:else}
-  <button
-    bind:this={ref}
-    data-slot="button"
-    class={cn(buttonVariants({ variant, size }), className)}
-    {type}
-    {disabled}
-    {...restProps}
-  >
-    {@render children?.()}
-  </button>
-{/if}
diff --git a/src/lib/components/ui/button/index.ts b/src/lib/components/ui/button/index.ts
deleted file mode 100644
index 66c1087b..00000000
--- a/src/lib/components/ui/button/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import Root, {
-  type ButtonProps,
-  type ButtonSize,
-  type ButtonVariant,
-  buttonVariants,
-} from './button.svelte';
-
-export {
-  Root,
-  type ButtonProps as Props,
-  //
-  Root as Button,
-  buttonVariants,
-  type ButtonProps,
-  type ButtonSize,
-  type ButtonVariant,
-};
diff --git a/src/lib/components/ui/card/card-action.svelte b/src/lib/components/ui/card/card-action.svelte
deleted file mode 100644
index c855d691..00000000
--- a/src/lib/components/ui/card/card-action.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card-action"
-  class={cn(
-    'cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
deleted file mode 100644
index 6ce47b9c..00000000
--- a/src/lib/components/ui/card/card-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card-content"
-  class={cn('px-4 group-data-[size=sm]/card:px-3', className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
deleted file mode 100644
index 7dd1425a..00000000
--- a/src/lib/components/ui/card/card-description.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
-</script>
-
-<p
-  bind:this={ref}
-  data-slot="card-description"
-  class={cn('text-muted-foreground text-sm', className)}
-  {...restProps}
->
-  {@render children?.()}
-</p>
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
deleted file mode 100644
index ea19c667..00000000
--- a/src/lib/components/ui/card/card-footer.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card-footer"
-  class={cn(
-    'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
deleted file mode 100644
index 5fa96c3e..00000000
--- a/src/lib/components/ui/card/card-header.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card-header"
-  class={cn(
-    'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
deleted file mode 100644
index 668c1e1f..00000000
--- a/src/lib/components/ui/card/card-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card-title"
-  class={cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm', className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
deleted file mode 100644
index c0de4f94..00000000
--- a/src/lib/components/ui/card/card.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    size = 'default',
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & { size?: 'default' | 'sm' } = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="card"
-  data-size={size}
-  class={cn(
-    'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
deleted file mode 100644
index c721e719..00000000
--- a/src/lib/components/ui/card/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Action from './card-action.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
-import Root from './card.svelte';
-
-export {
-  Root,
-  Content,
-  Description,
-  Footer,
-  Header,
-  Title,
-  Action,
-  //
-  Root as Card,
-  Content as CardContent,
-  Description as CardDescription,
-  Footer as CardFooter,
-  Header as CardHeader,
-  Title as CardTitle,
-  Action as CardAction,
-};
diff --git a/src/lib/components/ui/checkbox/checkbox.svelte b/src/lib/components/ui/checkbox/checkbox.svelte
deleted file mode 100644
index 0921fbd7..00000000
--- a/src/lib/components/ui/checkbox/checkbox.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-  import { Checkbox as CheckboxPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import CheckIcon from '@lucide/svelte/icons/check';
-  import MinusIcon from '@lucide/svelte/icons/minus';
-
-  let {
-    ref = $bindable(null),
-    checked = $bindable(false),
-    indeterminate = $bindable(false),
-    class: className,
-    ...restProps
-  }: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
-</script>
-
-<CheckboxPrimitive.Root
-  bind:ref
-  data-slot="checkbox"
-  class={cn(
-    'border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 flex size-4 items-center justify-center rounded-[4px] border transition-colors focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',
-    className,
-  )}
-  bind:checked
-  bind:indeterminate
-  {...restProps}
->
-  {#snippet children({ checked, indeterminate })}
-    <div
-      data-slot="checkbox-indicator"
-      class="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
-    >
-      {#if checked}
-        <CheckIcon />
-      {:else if indeterminate}
-        <MinusIcon />
-      {/if}
-    </div>
-  {/snippet}
-</CheckboxPrimitive.Root>
diff --git a/src/lib/components/ui/checkbox/index.ts b/src/lib/components/ui/checkbox/index.ts
deleted file mode 100644
index f52cb027..00000000
--- a/src/lib/components/ui/checkbox/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './checkbox.svelte';
-
-export {
-  Root,
-  //
-  Root as Checkbox,
-};
diff --git a/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte b/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
deleted file mode 100644
index 4b36704e..00000000
--- a/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import type { Snippet } from 'svelte';
-  import CheckIcon from '@lucide/svelte/icons/check';
-
-  let {
-    ref = $bindable(null),
-    checked = $bindable(false),
-    indeterminate = $bindable(false),
-    class: className,
-    inset,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
-    inset?: boolean;
-    children?: Snippet;
-  } = $props();
-</script>
-
-<ContextMenuPrimitive.CheckboxItem
-  bind:ref
-  bind:checked
-  bind:indeterminate
-  data-slot="context-menu-checkbox-item"
-  data-inset={inset}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {#snippet children({ checked })}
-    <span class="absolute right-2 pointer-events-none">
-      {#if checked}
-        <CheckIcon />
-      {/if}
-    </span>
-    {@render childrenProp?.()}
-  {/snippet}
-</ContextMenuPrimitive.CheckboxItem>
diff --git a/src/lib/components/ui/context-menu/context-menu-content.svelte b/src/lib/components/ui/context-menu/context-menu-content.svelte
deleted file mode 100644
index b924d919..00000000
--- a/src/lib/components/ui/context-menu/context-menu-content.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-  import ContextMenuPortal from './context-menu-portal.svelte';
-  import type { ComponentProps } from 'svelte';
-  import type { WithoutChildrenOrChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    portalProps,
-    class: className,
-    ...restProps
-  }: ContextMenuPrimitive.ContentProps & {
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof ContextMenuPortal>>;
-  } = $props();
-</script>
-
-<ContextMenuPortal {...portalProps}>
-  <ContextMenuPrimitive.Content
-    bind:ref
-    data-slot="context-menu-content"
-    class={cn(
-      'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 overflow-x-hidden overflow-y-auto outline-none',
-      className,
-    )}
-    {...restProps}
-  />
-</ContextMenuPortal>
diff --git a/src/lib/components/ui/context-menu/context-menu-group-heading.svelte b/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
deleted file mode 100644
index 446e838e..00000000
--- a/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    ...restProps
-  }: ContextMenuPrimitive.GroupHeadingProps & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<ContextMenuPrimitive.GroupHeading
-  bind:ref
-  data-slot="context-menu-group-heading"
-  data-inset={inset}
-  class={cn('text-foreground px-2 py-1.5 text-sm font-medium data-inset:ps-8', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu-group.svelte b/src/lib/components/ui/context-menu/context-menu-group.svelte
deleted file mode 100644
index 19f694bb..00000000
--- a/src/lib/components/ui/context-menu/context-menu-group.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-
-  let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.GroupProps = $props();
-</script>
-
-<ContextMenuPrimitive.Group bind:ref data-slot="context-menu-group" {...restProps} />
diff --git a/src/lib/components/ui/context-menu/context-menu-item.svelte b/src/lib/components/ui/context-menu/context-menu-item.svelte
deleted file mode 100644
index 9225922a..00000000
--- a/src/lib/components/ui/context-menu/context-menu-item.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    variant = 'default',
-    ...restProps
-  }: ContextMenuPrimitive.ItemProps & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-  } = $props();
-</script>
-
-<ContextMenuPrimitive.Item
-  bind:ref
-  data-slot="context-menu-item"
-  data-inset={inset}
-  data-variant={variant}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-3 py-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-pointer items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu-label.svelte b/src/lib/components/ui/context-menu/context-menu-label.svelte
deleted file mode 100644
index f08196cd..00000000
--- a/src/lib/components/ui/context-menu/context-menu-label.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="context-menu-label"
-  data-inset={inset}
-  class={cn(
-    'text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-inset:pl-8',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/context-menu/context-menu-portal.svelte b/src/lib/components/ui/context-menu/context-menu-portal.svelte
deleted file mode 100644
index 2897cc0b..00000000
--- a/src/lib/components/ui/context-menu/context-menu-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-
-  let { ...restProps }: ContextMenuPrimitive.PortalProps = $props();
-</script>
-
-<ContextMenuPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/context-menu/context-menu-radio-group.svelte b/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
deleted file mode 100644
index b1abdf31..00000000
--- a/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(''),
-    ...restProps
-  }: ContextMenuPrimitive.RadioGroupProps = $props();
-</script>
-
-<ContextMenuPrimitive.RadioGroup
-  bind:ref
-  bind:value
-  data-slot="context-menu-radio-group"
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu-radio-item.svelte b/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
deleted file mode 100644
index 93544659..00000000
--- a/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '@utils/ui';
-  import CheckIcon from '@lucide/svelte/icons/check';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChild<ContextMenuPrimitive.RadioItemProps> & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<ContextMenuPrimitive.RadioItem
-  bind:ref
-  data-slot="context-menu-radio-item"
-  data-inset={inset}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {#snippet children({ checked })}
-    <span class="absolute right-2 pointer-events-none">
-      {#if checked}
-        <CheckIcon />
-      {/if}
-    </span>
-    {@render childrenProp?.({ checked })}
-  {/snippet}
-</ContextMenuPrimitive.RadioItem>
diff --git a/src/lib/components/ui/context-menu/context-menu-separator.svelte b/src/lib/components/ui/context-menu/context-menu-separator.svelte
deleted file mode 100644
index 9dcf8537..00000000
--- a/src/lib/components/ui/context-menu/context-menu-separator.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: ContextMenuPrimitive.SeparatorProps = $props();
-</script>
-
-<ContextMenuPrimitive.Separator
-  bind:ref
-  data-slot="context-menu-separator"
-  class={cn('bg-border -mx-1 my-1 h-px', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu-shortcut.svelte b/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
deleted file mode 100644
index 5e13d6c7..00000000
--- a/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-  bind:this={ref}
-  data-slot="context-menu-shortcut"
-  class={cn(
-    'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</span>
diff --git a/src/lib/components/ui/context-menu/context-menu-sub-content.svelte b/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
deleted file mode 100644
index bc441dd8..00000000
--- a/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: ContextMenuPrimitive.SubContentProps = $props();
-</script>
-
-<ContextMenuPrimitive.SubContent
-  bind:ref
-  data-slot="context-menu-sub-content"
-  class={cn(
-    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte b/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
deleted file mode 100644
index d309e4cb..00000000
--- a/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '@utils/ui';
-  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    children,
-    ...restProps
-  }: WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<ContextMenuPrimitive.SubTrigger
-  bind:ref
-  data-slot="context-menu-sub-trigger"
-  data-inset={inset}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-inset:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-  <ChevronRightIcon class="ml-auto" />
-</ContextMenuPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/context-menu/context-menu-sub.svelte b/src/lib/components/ui/context-menu/context-menu-sub.svelte
deleted file mode 100644
index 0ba70c9b..00000000
--- a/src/lib/components/ui/context-menu/context-menu-sub.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.SubProps = $props();
-</script>
-
-<ContextMenuPrimitive.Sub bind:open {...restProps} />
diff --git a/src/lib/components/ui/context-menu/context-menu-trigger.svelte b/src/lib/components/ui/context-menu/context-menu-trigger.svelte
deleted file mode 100644
index 3831cca1..00000000
--- a/src/lib/components/ui/context-menu/context-menu-trigger.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: ContextMenuPrimitive.TriggerProps = $props();
-</script>
-
-<ContextMenuPrimitive.Trigger
-  bind:ref
-  data-slot="context-menu-trigger"
-  class={cn('cn-context-menu-trigger select-none', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/context-menu/context-menu.svelte b/src/lib/components/ui/context-menu/context-menu.svelte
deleted file mode 100644
index 4b6908e2..00000000
--- a/src/lib/components/ui/context-menu/context-menu.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.RootProps = $props();
-</script>
-
-<ContextMenuPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/context-menu/index.ts b/src/lib/components/ui/context-menu/index.ts
deleted file mode 100644
index 4177ab6e..00000000
--- a/src/lib/components/ui/context-menu/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import CheckboxItem from './context-menu-checkbox-item.svelte';
-import Content from './context-menu-content.svelte';
-import GroupHeading from './context-menu-group-heading.svelte';
-import Group from './context-menu-group.svelte';
-import Item from './context-menu-item.svelte';
-import Label from './context-menu-label.svelte';
-import Portal from './context-menu-portal.svelte';
-import RadioGroup from './context-menu-radio-group.svelte';
-import RadioItem from './context-menu-radio-item.svelte';
-import Separator from './context-menu-separator.svelte';
-import Shortcut from './context-menu-shortcut.svelte';
-import SubContent from './context-menu-sub-content.svelte';
-import SubTrigger from './context-menu-sub-trigger.svelte';
-import Sub from './context-menu-sub.svelte';
-import Trigger from './context-menu-trigger.svelte';
-import Root from './context-menu.svelte';
-
-export {
-  Root,
-  Sub,
-  Portal,
-  Item,
-  GroupHeading,
-  Label,
-  Group,
-  Trigger,
-  Content,
-  Shortcut,
-  Separator,
-  RadioItem,
-  SubContent,
-  SubTrigger,
-  RadioGroup,
-  CheckboxItem,
-  //
-  Root as ContextMenu,
-  Sub as ContextMenuSub,
-  Portal as ContextMenuPortal,
-  Item as ContextMenuItem,
-  GroupHeading as ContextMenuGroupHeading,
-  Group as ContextMenuGroup,
-  Content as ContextMenuContent,
-  Trigger as ContextMenuTrigger,
-  Shortcut as ContextMenuShortcut,
-  RadioItem as ContextMenuRadioItem,
-  Separator as ContextMenuSeparator,
-  RadioGroup as ContextMenuRadioGroup,
-  SubContent as ContextMenuSubContent,
-  SubTrigger as ContextMenuSubTrigger,
-  CheckboxItem as ContextMenuCheckboxItem,
-  Label as ContextMenuLabel,
-};
diff --git a/src/lib/components/ui/dialog/dialog-close.svelte b/src/lib/components/ui/dialog/dialog-close.svelte
deleted file mode 100644
index 2f313f6f..00000000
--- a/src/lib/components/ui/dialog/dialog-close.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    type = 'button',
-    ...restProps
-  }: DialogPrimitive.CloseProps = $props();
-</script>
-
-<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog-content.svelte b/src/lib/components/ui/dialog/dialog-content.svelte
deleted file mode 100644
index 788a1b16..00000000
--- a/src/lib/components/ui/dialog/dialog-content.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import DialogPortal from './dialog-portal.svelte';
-  import type { Snippet } from 'svelte';
-  import DialogOverlay from './dialog-overlay.svelte';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-  import { Button } from '$lib/components/ui/button';
-  import XIcon from '@lucide/svelte/icons/x';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    portalProps,
-    children,
-    showCloseButton = true,
-    ...restProps
-  }: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>>;
-    children: Snippet;
-    showCloseButton?: boolean;
-  } = $props();
-</script>
-
-<DialogPortal {...portalProps}>
-  <DialogOverlay />
-  <DialogPrimitive.Content
-    bind:ref
-    data-slot="dialog-content"
-    class={cn(
-      'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',
-      className,
-    )}
-    {...restProps}
-  >
-    {@render children?.()}
-    {#if showCloseButton}
-      <DialogPrimitive.Close data-slot="dialog-close">
-        {#snippet child({ props })}
-          <Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
-            <XIcon />
-            <span class="sr-only">Close</span>
-          </Button>
-        {/snippet}
-      </DialogPrimitive.Close>
-    {/if}
-  </DialogPrimitive.Content>
-</DialogPortal>
diff --git a/src/lib/components/ui/dialog/dialog-description.svelte b/src/lib/components/ui/dialog/dialog-description.svelte
deleted file mode 100644
index fbd49a61..00000000
--- a/src/lib/components/ui/dialog/dialog-description.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: DialogPrimitive.DescriptionProps = $props();
-</script>
-
-<DialogPrimitive.Description
-  bind:ref
-  data-slot="dialog-description"
-  class={cn(
-    'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-footer.svelte b/src/lib/components/ui/dialog/dialog-footer.svelte
deleted file mode 100644
index 5ef8a1e2..00000000
--- a/src/lib/components/ui/dialog/dialog-footer.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { Button } from '$lib/components/ui/button';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    showCloseButton = false,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-    showCloseButton?: boolean;
-  } = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="dialog-footer"
-  class={cn(
-    'bg-muted/50 -mx-4 -mb-4 rounded-b-xl p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-  {#if showCloseButton}
-    <DialogPrimitive.Close>
-      {#snippet child({ props })}
-        <Button variant="outline" {...props}>Close</Button>
-      {/snippet}
-    </DialogPrimitive.Close>
-  {/if}
-</div>
diff --git a/src/lib/components/ui/dialog/dialog-header.svelte b/src/lib/components/ui/dialog/dialog-header.svelte
deleted file mode 100644
index 2a53a7bb..00000000
--- a/src/lib/components/ui/dialog/dialog-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="dialog-header"
-  class={cn('gap-2 flex flex-col', className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/lib/components/ui/dialog/dialog-overlay.svelte
deleted file mode 100644
index fc4c0d37..00000000
--- a/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: DialogPrimitive.OverlayProps = $props();
-</script>
-
-<DialogPrimitive.Overlay
-  bind:ref
-  data-slot="dialog-overlay"
-  class={cn(
-    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 backdrop-blur-[2px] fixed inset-0 isolate z-50',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-portal.svelte b/src/lib/components/ui/dialog/dialog-portal.svelte
deleted file mode 100644
index 4a9048a8..00000000
--- a/src/lib/components/ui/dialog/dialog-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-
-  let { ...restProps }: DialogPrimitive.PortalProps = $props();
-</script>
-
-<DialogPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog-title.svelte b/src/lib/components/ui/dialog/dialog-title.svelte
deleted file mode 100644
index 3ae932e6..00000000
--- a/src/lib/components/ui/dialog/dialog-title.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: DialogPrimitive.TitleProps = $props();
-</script>
-
-<DialogPrimitive.Title
-  bind:ref
-  data-slot="dialog-title"
-  class={cn('text-base leading-none font-medium', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dialog/dialog-trigger.svelte b/src/lib/components/ui/dialog/dialog-trigger.svelte
deleted file mode 100644
index 434c574e..00000000
--- a/src/lib/components/ui/dialog/dialog-trigger.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    type = 'button',
-    ...restProps
-  }: DialogPrimitive.TriggerProps = $props();
-</script>
-
-<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {type} {...restProps} />
diff --git a/src/lib/components/ui/dialog/dialog.svelte b/src/lib/components/ui/dialog/dialog.svelte
deleted file mode 100644
index 88b4799a..00000000
--- a/src/lib/components/ui/dialog/dialog.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Dialog as DialogPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: DialogPrimitive.RootProps = $props();
-</script>
-
-<DialogPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/dialog/index.ts b/src/lib/components/ui/dialog/index.ts
deleted file mode 100644
index 7dc204cd..00000000
--- a/src/lib/components/ui/dialog/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import Close from './dialog-close.svelte';
-import Content from './dialog-content.svelte';
-import Description from './dialog-description.svelte';
-import Footer from './dialog-footer.svelte';
-import Header from './dialog-header.svelte';
-import Overlay from './dialog-overlay.svelte';
-import Portal from './dialog-portal.svelte';
-import Title from './dialog-title.svelte';
-import Trigger from './dialog-trigger.svelte';
-import Root from './dialog.svelte';
-
-export {
-  Root,
-  Title,
-  Portal,
-  Footer,
-  Header,
-  Trigger,
-  Overlay,
-  Content,
-  Description,
-  Close,
-  //
-  Root as Dialog,
-  Title as DialogTitle,
-  Portal as DialogPortal,
-  Footer as DialogFooter,
-  Header as DialogHeader,
-  Trigger as DialogTrigger,
-  Overlay as DialogOverlay,
-  Content as DialogContent,
-  Description as DialogDescription,
-  Close as DialogClose,
-};
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
deleted file mode 100644
index 6b4d728f..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable([]),
-    ...restProps
-  }: DropdownMenuPrimitive.CheckboxGroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxGroup
-  bind:ref
-  bind:value
-  data-slot="dropdown-menu-checkbox-group"
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
deleted file mode 100644
index 4f59a7d6..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import MinusIcon from '@lucide/svelte/icons/minus';
-  import CheckIcon from '@lucide/svelte/icons/check';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import type { Snippet } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    checked = $bindable(false),
-    indeterminate = $bindable(false),
-    class: className,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
-    children?: Snippet;
-  } = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxItem
-  bind:ref
-  bind:checked
-  bind:indeterminate
-  data-slot="dropdown-menu-checkbox-item"
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {#snippet children({ checked, indeterminate })}
-    <span
-      class="absolute right-2 flex items-center justify-center pointer-events-none"
-      data-slot="dropdown-menu-checkbox-item-indicator"
-    >
-      {#if indeterminate}
-        <MinusIcon />
-      {:else if checked}
-        <CheckIcon />
-      {/if}
-    </span>
-    {@render childrenProp?.()}
-  {/snippet}
-</DropdownMenuPrimitive.CheckboxItem>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
deleted file mode 100644
index 4e9143f3..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import DropdownMenuPortal from './dropdown-menu-portal.svelte';
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import type { ComponentProps } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    sideOffset = 4,
-    align = 'start',
-    portalProps,
-    class: className,
-    ...restProps
-  }: DropdownMenuPrimitive.ContentProps & {
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DropdownMenuPortal>>;
-  } = $props();
-</script>
-
-<DropdownMenuPortal {...portalProps}>
-  <DropdownMenuPrimitive.Content
-    bind:ref
-    data-slot="dropdown-menu-content"
-    {sideOffset}
-    {align}
-    class={cn(
-      'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-(--bits-dropdown-menu-anchor-width) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',
-      className,
-    )}
-    {...restProps}
-  />
-</DropdownMenuPortal>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
deleted file mode 100644
index 321802ba..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    ...restProps
-  }: ComponentProps<typeof DropdownMenuPrimitive.GroupHeading> & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<DropdownMenuPrimitive.GroupHeading
-  bind:ref
-  data-slot="dropdown-menu-group-heading"
-  data-inset={inset}
-  class={cn('px-2 py-1.5 text-sm font-semibold data-[inset]:ps-8', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
deleted file mode 100644
index bf972af4..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
deleted file mode 100644
index 38a52697..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { cn } from '@utils/ui';
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    variant = 'default',
-    ...restProps
-  }: DropdownMenuPrimitive.ItemProps & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-  } = $props();
-</script>
-
-<DropdownMenuPrimitive.Item
-  bind:ref
-  data-slot="dropdown-menu-item"
-  data-inset={inset}
-  data-variant={variant}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
deleted file mode 100644
index 9066564e..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="dropdown-menu-label"
-  data-inset={inset}
-  class={cn(
-    'text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-[inset]:pl-8',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
deleted file mode 100644
index 130c20f7..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let { ...restProps }: DropdownMenuPrimitive.PortalProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
deleted file mode 100644
index 74523661..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(),
-    ...restProps
-  }: DropdownMenuPrimitive.RadioGroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioGroup
-  bind:ref
-  bind:value
-  data-slot="dropdown-menu-radio-group"
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
deleted file mode 100644
index b37cfd31..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import CheckIcon from '@lucide/svelte/icons/check';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
-</script>
-
-<DropdownMenuPrimitive.RadioItem
-  bind:ref
-  data-slot="dropdown-menu-radio-item"
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {#snippet children({ checked })}
-    <span
-      class="absolute right-2 flex items-center justify-center pointer-events-none"
-      data-slot="dropdown-menu-radio-item-indicator"
-    >
-      {#if checked}
-        <CheckIcon />
-      {/if}
-    </span>
-    {@render childrenProp?.({ checked })}
-  {/snippet}
-</DropdownMenuPrimitive.RadioItem>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
deleted file mode 100644
index 343ae2c8..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: DropdownMenuPrimitive.SeparatorProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Separator
-  bind:ref
-  data-slot="dropdown-menu-separator"
-  class={cn('bg-border -mx-1 my-1 h-px', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
deleted file mode 100644
index 02254af5..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-  bind:this={ref}
-  data-slot="dropdown-menu-shortcut"
-  class={cn(
-    'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</span>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
deleted file mode 100644
index 05fe6a2b..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: DropdownMenuPrimitive.SubContentProps = $props();
-</script>
-
-<DropdownMenuPrimitive.SubContent
-  bind:ref
-  data-slot="dropdown-menu-sub-content"
-  class={cn(
-    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 w-auto',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
deleted file mode 100644
index 4f3e0451..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    inset,
-    children,
-    ...restProps
-  }: DropdownMenuPrimitive.SubTriggerProps & {
-    inset?: boolean;
-  } = $props();
-</script>
-
-<DropdownMenuPrimitive.SubTrigger
-  bind:ref
-  data-slot="dropdown-menu-sub-trigger"
-  data-inset={inset}
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-  <ChevronRightIcon class="ml-auto" />
-</DropdownMenuPrimitive.SubTrigger>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
deleted file mode 100644
index 02f5f63a..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: DropdownMenuPrimitive.SubProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Sub bind:open {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
deleted file mode 100644
index 7409c777..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
deleted file mode 100644
index 5c2776c5..00000000
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: DropdownMenuPrimitive.RootProps = $props();
-</script>
-
-<DropdownMenuPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/dropdown-menu/index.ts b/src/lib/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index 6ec2de86..00000000
--- a/src/lib/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import CheckboxGroup from './dropdown-menu-checkbox-group.svelte';
-import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
-import Content from './dropdown-menu-content.svelte';
-import GroupHeading from './dropdown-menu-group-heading.svelte';
-import Group from './dropdown-menu-group.svelte';
-import Item from './dropdown-menu-item.svelte';
-import Label from './dropdown-menu-label.svelte';
-import Portal from './dropdown-menu-portal.svelte';
-import RadioGroup from './dropdown-menu-radio-group.svelte';
-import RadioItem from './dropdown-menu-radio-item.svelte';
-import Separator from './dropdown-menu-separator.svelte';
-import Shortcut from './dropdown-menu-shortcut.svelte';
-import SubContent from './dropdown-menu-sub-content.svelte';
-import SubTrigger from './dropdown-menu-sub-trigger.svelte';
-import Sub from './dropdown-menu-sub.svelte';
-import Trigger from './dropdown-menu-trigger.svelte';
-import Root from './dropdown-menu.svelte';
-
-export {
-  CheckboxGroup,
-  CheckboxItem,
-  Content,
-  Portal,
-  Root as DropdownMenu,
-  CheckboxGroup as DropdownMenuCheckboxGroup,
-  CheckboxItem as DropdownMenuCheckboxItem,
-  Content as DropdownMenuContent,
-  Portal as DropdownMenuPortal,
-  Group as DropdownMenuGroup,
-  Item as DropdownMenuItem,
-  Label as DropdownMenuLabel,
-  RadioGroup as DropdownMenuRadioGroup,
-  RadioItem as DropdownMenuRadioItem,
-  Separator as DropdownMenuSeparator,
-  Shortcut as DropdownMenuShortcut,
-  Sub as DropdownMenuSub,
-  SubContent as DropdownMenuSubContent,
-  SubTrigger as DropdownMenuSubTrigger,
-  Trigger as DropdownMenuTrigger,
-  GroupHeading as DropdownMenuGroupHeading,
-  Group,
-  GroupHeading,
-  Item,
-  Label,
-  RadioGroup,
-  RadioItem,
-  Root,
-  Separator,
-  Shortcut,
-  Sub,
-  SubContent,
-  SubTrigger,
-  Trigger,
-};
diff --git a/src/lib/components/ui/form/form-button.svelte b/src/lib/components/ui/form/form-button.svelte
deleted file mode 100644
index 48d9e1d4..00000000
--- a/src/lib/components/ui/form/form-button.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Button, type ButtonProps } from '$lib/components/ui/button';
-
-  let { ref = $bindable(null), ...restProps }: ButtonProps = $props();
-</script>
-
-<Button bind:ref type="submit" {...restProps} />
diff --git a/src/lib/components/ui/form/form-description.svelte b/src/lib/components/ui/form/form-description.svelte
deleted file mode 100644
index 27cffc89..00000000
--- a/src/lib/components/ui/form/form-description.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import * as FormPrimitive from 'formsnap';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChild<FormPrimitive.DescriptionProps> = $props();
-</script>
-
-<FormPrimitive.Description
-  bind:ref
-  data-slot="form-description"
-  class={cn('text-muted-foreground text-sm', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/form/form-element-field.svelte b/src/lib/components/ui/form/form-element-field.svelte
deleted file mode 100644
index d478d5cc..00000000
--- a/src/lib/components/ui/form/form-element-field.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" generics="T extends {[K in string]: unknown}, U extends FormPathLeaves<T>">
-  import * as FormPrimitive from 'formsnap';
-  import type { FormPathLeaves } from 'sveltekit-superforms';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { cn, type WithElementRef, type WithoutChildren } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    form,
-    name,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> &
-    FormPrimitive.ElementFieldProps<T, U> = $props();
-</script>
-
-<FormPrimitive.ElementField {form} {name}>
-  {#snippet children({ constraints, errors, tainted, value })}
-    <div bind:this={ref} class={cn('space-y-2', className)} {...restProps}>
-      {@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
-    </div>
-  {/snippet}
-</FormPrimitive.ElementField>
diff --git a/src/lib/components/ui/form/form-field-errors.svelte b/src/lib/components/ui/form/form-field-errors.svelte
deleted file mode 100644
index dff41cfc..00000000
--- a/src/lib/components/ui/form/form-field-errors.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import * as FormPrimitive from 'formsnap';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    errorClasses,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChild<FormPrimitive.FieldErrorsProps> & {
-    errorClasses?: string | undefined | null;
-  } = $props();
-</script>
-
-<FormPrimitive.FieldErrors
-  bind:ref
-  class={cn('text-destructive text-sm font-medium', className)}
-  {...restProps}
->
-  {#snippet children({ errors, errorProps })}
-    {#if childrenProp}
-      {@render childrenProp({ errors, errorProps })}
-    {:else}
-      {#each errors as error (error)}
-        <div {...errorProps} class={cn(errorClasses)}>{error}</div>
-      {/each}
-    {/if}
-  {/snippet}
-</FormPrimitive.FieldErrors>
diff --git a/src/lib/components/ui/form/form-field.svelte b/src/lib/components/ui/form/form-field.svelte
deleted file mode 100644
index 7f81ce0d..00000000
--- a/src/lib/components/ui/form/form-field.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" generics="T extends {[K in string]: unknown}, U extends FormPath<T>">
-  import * as FormPrimitive from 'formsnap';
-  import type { FormPath } from 'sveltekit-superforms';
-  import { cn, type WithElementRef, type WithoutChildren } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    form,
-    name,
-    children: childrenProp,
-    ...restProps
-  }: FormPrimitive.FieldProps<T, U> &
-    WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
-</script>
-
-<FormPrimitive.Field {form} {name}>
-  {#snippet children({ constraints, errors, tainted, value })}
-    <div bind:this={ref} data-slot="form-item" class={cn('space-y-2', className)} {...restProps}>
-      {@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
-    </div>
-  {/snippet}
-</FormPrimitive.Field>
diff --git a/src/lib/components/ui/form/form-fieldset.svelte b/src/lib/components/ui/form/form-fieldset.svelte
deleted file mode 100644
index 2ccc84cc..00000000
--- a/src/lib/components/ui/form/form-fieldset.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" generics="T extends {[K in string]: unknown}, U extends FormPath<T>">
-  import * as FormPrimitive from 'formsnap';
-  import type { FormPath } from 'sveltekit-superforms';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    form,
-    name,
-    ...restProps
-  }: WithoutChild<FormPrimitive.FieldsetProps<T, U>> = $props();
-</script>
-
-<FormPrimitive.Fieldset bind:ref {form} {name} class={cn('space-y-2', className)} {...restProps} />
diff --git a/src/lib/components/ui/form/form-label.svelte b/src/lib/components/ui/form/form-label.svelte
deleted file mode 100644
index e396e506..00000000
--- a/src/lib/components/ui/form/form-label.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  import * as FormPrimitive from 'formsnap';
-  import { Label } from '$lib/components/ui/label';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    children,
-    class: className,
-    ...restProps
-  }: WithoutChild<FormPrimitive.LabelProps> = $props();
-</script>
-
-<FormPrimitive.Label {...restProps} bind:ref>
-  {#snippet child({ props })}
-    <Label
-      {...props}
-      data-slot="form-label"
-      class={cn('data-[fs-error]:text-destructive', className)}
-    >
-      {@render children?.()}
-    </Label>
-  {/snippet}
-</FormPrimitive.Label>
diff --git a/src/lib/components/ui/form/form-legend.svelte b/src/lib/components/ui/form/form-legend.svelte
deleted file mode 100644
index 7d81d885..00000000
--- a/src/lib/components/ui/form/form-legend.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-  import * as FormPrimitive from 'formsnap';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChild<FormPrimitive.LegendProps> = $props();
-</script>
-
-<FormPrimitive.Legend
-  bind:ref
-  class={cn('data-[fs-error]:text-destructive text-sm leading-none font-medium', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/form/index.ts b/src/lib/components/ui/form/index.ts
deleted file mode 100644
index d7155192..00000000
--- a/src/lib/components/ui/form/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as FormPrimitive from 'formsnap';
-
-import Button from './form-button.svelte';
-import Description from './form-description.svelte';
-import ElementField from './form-element-field.svelte';
-import FieldErrors from './form-field-errors.svelte';
-import Field from './form-field.svelte';
-import Fieldset from './form-fieldset.svelte';
-import Label from './form-label.svelte';
-import Legend from './form-legend.svelte';
-
-const Control = FormPrimitive.Control;
-
-export {
-  Field,
-  Control,
-  Label,
-  Button,
-  FieldErrors,
-  Description,
-  Fieldset,
-  Legend,
-  ElementField,
-  //
-  Field as FormField,
-  Control as FormControl,
-  Description as FormDescription,
-  Label as FormLabel,
-  FieldErrors as FormFieldErrors,
-  Fieldset as FormFieldset,
-  Legend as FormLegend,
-  ElementField as FormElementField,
-  Button as FormButton,
-};
diff --git a/src/lib/components/ui/input-group/index.ts b/src/lib/components/ui/input-group/index.ts
deleted file mode 100644
index 00f6d4f0..00000000
--- a/src/lib/components/ui/input-group/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import Addon from './input-group-addon.svelte';
-import Button from './input-group-button.svelte';
-import Input from './input-group-input.svelte';
-import Text from './input-group-text.svelte';
-import Textarea from './input-group-textarea.svelte';
-import Root from './input-group.svelte';
-
-export {
-  Root,
-  Addon,
-  Button,
-  Input,
-  Text,
-  Textarea,
-  //
-  Root as InputGroup,
-  Addon as InputGroupAddon,
-  Button as InputGroupButton,
-  Input as InputGroupInput,
-  Text as InputGroupText,
-  Textarea as InputGroupTextarea,
-};
diff --git a/src/lib/components/ui/input-group/input-group-addon.svelte b/src/lib/components/ui/input-group/input-group-addon.svelte
deleted file mode 100644
index 5a27b20b..00000000
--- a/src/lib/components/ui/input-group/input-group-addon.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts" module>
-  import { tv, type VariantProps } from 'tailwind-variants';
-  export const inputGroupAddonVariants = tv({
-    base: "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
-    variants: {
-      align: {
-        'inline-start': 'pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first',
-        'inline-end': 'pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last',
-        'block-start':
-          'px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start',
-        'block-end':
-          'px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start',
-      },
-    },
-    defaultVariants: {
-      align: 'inline-start',
-    },
-  });
-
-  export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>['align'];
-</script>
-
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    align = 'inline-start',
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-    align?: InputGroupAddonAlign;
-  } = $props();
-</script>
-
-<div
-  bind:this={ref}
-  role="group"
-  data-slot="input-group-addon"
-  data-align={align}
-  class={cn(inputGroupAddonVariants({ align }), className)}
-  onclick={(e) => {
-    if ((e.target as HTMLElement).closest('button')) {
-      return;
-    }
-    e.currentTarget.parentElement?.querySelector('input')?.focus();
-  }}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/input-group/input-group-button.svelte b/src/lib/components/ui/input-group/input-group-button.svelte
deleted file mode 100644
index e52202d2..00000000
--- a/src/lib/components/ui/input-group/input-group-button.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" module>
-  import { tv, type VariantProps } from 'tailwind-variants';
-
-  const inputGroupButtonVariants = tv({
-    base: 'gap-2 text-sm flex items-center shadow-none',
-    variants: {
-      size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: 'cn-input-group-button-size-sm',
-        'icon-xs': 'size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0',
-        'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
-      },
-    },
-    defaultVariants: {
-      size: 'xs',
-    },
-  });
-
-  export type InputGroupButtonSize = VariantProps<typeof inputGroupButtonVariants>['size'];
-</script>
-
-<script lang="ts">
-  import { cn } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-  import { Button } from '$lib/components/ui/button/index.js';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    type = 'button',
-    variant = 'ghost',
-    size = 'xs',
-    ...restProps
-  }: Omit<ComponentProps<typeof Button>, 'href' | 'size'> & {
-    size?: InputGroupButtonSize;
-  } = $props();
-</script>
-
-<Button
-  bind:ref
-  {type}
-  data-size={size}
-  {variant}
-  class={cn(inputGroupButtonVariants({ size }), className)}
-  {...restProps}
->
-  {@render children?.()}
-</Button>
diff --git a/src/lib/components/ui/input-group/input-group-input.svelte b/src/lib/components/ui/input-group/input-group-input.svelte
deleted file mode 100644
index 91b78c16..00000000
--- a/src/lib/components/ui/input-group/input-group-input.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-  import { Input } from '$lib/components/ui/input';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(),
-    class: className,
-    ...props
-  }: ComponentProps<typeof Input> = $props();
-</script>
-
-<Input
-  bind:ref
-  data-slot="input-group-control"
-  class={cn(
-    'rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1',
-    className,
-  )}
-  bind:value
-  {...props}
-/>
diff --git a/src/lib/components/ui/input-group/input-group-text.svelte b/src/lib/components/ui/input-group/input-group-text.svelte
deleted file mode 100644
index af33024e..00000000
--- a/src/lib/components/ui/input-group/input-group-text.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-
-<span
-  bind:this={ref}
-  class={cn(
-    "text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</span>
diff --git a/src/lib/components/ui/input-group/input-group-textarea.svelte b/src/lib/components/ui/input-group/input-group-textarea.svelte
deleted file mode 100644
index 1882b9f9..00000000
--- a/src/lib/components/ui/input-group/input-group-textarea.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn } from '@utils/ui';
-  import { Textarea } from '$lib/components/ui/textarea';
-  import type { ComponentProps } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(),
-    class: className,
-    ...props
-  }: ComponentProps<typeof Textarea> = $props();
-</script>
-
-<Textarea
-  bind:ref
-  data-slot="input-group-control"
-  class={cn(
-    'rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none',
-    className,
-  )}
-  bind:value
-  {...props}
-/>
diff --git a/src/lib/components/ui/input-group/input-group.svelte b/src/lib/components/ui/input-group/input-group.svelte
deleted file mode 100644
index 08d068cb..00000000
--- a/src/lib/components/ui/input-group/input-group.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...props
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="input-group"
-  role="group"
-  class={cn(
-    'group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto',
-    className,
-  )}
-  {...props}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/input/index.ts b/src/lib/components/ui/input/index.ts
deleted file mode 100644
index 0888f0e0..00000000
--- a/src/lib/components/ui/input/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './input.svelte';
-
-export {
-  Root,
-  //
-  Root as Input,
-};
diff --git a/src/lib/components/ui/input/input.svelte b/src/lib/components/ui/input/input.svelte
deleted file mode 100644
index a31ced24..00000000
--- a/src/lib/components/ui/input/input.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-  import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
-  import { cn, type WithElementRef } from '@utils/ui';
-
-  type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
-
-  type Props = WithElementRef<
-    Omit<HTMLInputAttributes, 'type'> &
-      ({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })
-  >;
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(),
-    type,
-    files = $bindable(),
-    class: className,
-    'data-slot': dataSlot = 'input',
-    ...restProps
-  }: Props = $props();
-</script>
-
-{#if type === 'file'}
-  <input
-    bind:this={ref}
-    data-slot={dataSlot}
-    class={cn(
-      'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
-      className,
-    )}
-    type="file"
-    bind:files
-    bind:value
-    {...restProps}
-  />
-{:else}
-  <input
-    bind:this={ref}
-    data-slot={dataSlot}
-    class={cn(
-      'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
-      className,
-    )}
-    {type}
-    bind:value
-    {...restProps}
-  />
-{/if}
diff --git a/src/lib/components/ui/kbd/index.ts b/src/lib/components/ui/kbd/index.ts
deleted file mode 100644
index 185d5ffc..00000000
--- a/src/lib/components/ui/kbd/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import Group from './kbd-group.svelte';
-import Root from './kbd.svelte';
-
-export {
-  Root,
-  Group,
-  //
-  Root as Kbd,
-  Group as KbdGroup,
-};
diff --git a/src/lib/components/ui/kbd/kbd-group.svelte b/src/lib/components/ui/kbd/kbd-group.svelte
deleted file mode 100644
index d84d1878..00000000
--- a/src/lib/components/ui/kbd/kbd-group.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<kbd
-  bind:this={ref}
-  data-slot="kbd-group"
-  class={cn('gap-1 inline-flex items-center', className)}
-  {...restProps}
->
-  {@render children?.()}
-</kbd>
diff --git a/src/lib/components/ui/kbd/kbd.svelte b/src/lib/components/ui/kbd/kbd.svelte
deleted file mode 100644
index 4911b45d..00000000
--- a/src/lib/components/ui/kbd/kbd.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
-</script>
-
-<kbd
-  bind:this={ref}
-  data-slot="kbd"
-  class={cn(
-    "bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-</kbd>
diff --git a/src/lib/components/ui/label/index.ts b/src/lib/components/ui/label/index.ts
deleted file mode 100644
index 36fb393d..00000000
--- a/src/lib/components/ui/label/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './label.svelte';
-
-export {
-  Root,
-  //
-  Root as Label,
-};
diff --git a/src/lib/components/ui/label/label.svelte b/src/lib/components/ui/label/label.svelte
deleted file mode 100644
index b5144e97..00000000
--- a/src/lib/components/ui/label/label.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { Label as LabelPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: LabelPrimitive.RootProps = $props();
-</script>
-
-<LabelPrimitive.Root
-  bind:ref
-  data-slot="label"
-  class={cn(
-    'gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/loading-button/index.ts b/src/lib/components/ui/loading-button/index.ts
deleted file mode 100644
index 4586d304..00000000
--- a/src/lib/components/ui/loading-button/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import Root, { type LoadingButtonProps } from './loading-button.svelte';
-
-export {
-  Root,
-  type LoadingButtonProps as Props,
-  //
-  Root as LoadingButton,
-  type LoadingButtonProps,
-};
diff --git a/src/lib/components/ui/loading-button/loading-button.svelte b/src/lib/components/ui/loading-button/loading-button.svelte
deleted file mode 100644
index d94ab97a..00000000
--- a/src/lib/components/ui/loading-button/loading-button.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts" module>
-  import type { ButtonProps } from '$lib/components/ui/button';
-
-  export type LoadingButtonProps = ButtonProps & {
-    loading?: boolean;
-  };
-</script>
-
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  let { loading = false, disabled, children, ...restProps }: LoadingButtonProps = $props();
-</script>
-
-<Button disabled={disabled || loading} {...restProps}>
-  {#if loading}
-    <Spinner />
-  {/if}
-  {@render children?.()}
-</Button>
diff --git a/src/lib/components/ui/multi-select/index.ts b/src/lib/components/ui/multi-select/index.ts
deleted file mode 100644
index cbd18dc7..00000000
--- a/src/lib/components/ui/multi-select/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './multi-select.svelte';
-
-export {
-  Root,
-  //
-  Root as MultiSelect,
-};
diff --git a/src/lib/components/ui/multi-select/multi-select.svelte b/src/lib/components/ui/multi-select/multi-select.svelte
deleted file mode 100644
index 7f05f986..00000000
--- a/src/lib/components/ui/multi-select/multi-select.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-  import { Popover, Checkbox } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  interface Option {
-    value: string;
-    label: string;
-  }
-
-  interface Props {
-    value?: string[];
-    onValueChange?: (value: string[]) => void;
-    options: Option[];
-    placeholder?: string;
-    class?: string;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-  }
-
-  let {
-    value = $bindable([]),
-    onValueChange,
-    options,
-    placeholder = 'Select...',
-    class: className,
-    disabled,
-    id,
-    name,
-  }: Props = $props();
-
-  let open = $state(false);
-
-  const selectedLabels = $derived(
-    value.length === 0
-      ? placeholder
-      : value.length === 1
-        ? (options.find((o) => o.value === value[0])?.label ?? value[0])
-        : `${value.length} selected`,
-  );
-</script>
-
-<Popover.Root bind:open>
-  <Popover.Trigger
-    {id}
-    {disabled}
-    data-slot="multi-select-trigger"
-    class={cn(
-      'flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
-      value.length === 0 && 'text-muted-foreground',
-      className,
-    )}
-  >
-    <span class="truncate">{selectedLabels}</span>
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="2"
-      class={cn('size-4 opacity-50 shrink-0 transition-transform', open && 'rotate-180')}
-    >
-      <path d="m6 9 6 6 6-6" />
-    </svg>
-  </Popover.Trigger>
-
-  <Popover.Portal>
-    <Popover.Content
-      sideOffset={4}
-      data-slot="multi-select-content"
-      class="bg-popover text-popover-foreground z-50 min-w-32 overflow-hidden rounded-md border shadow-md w-[var(--bits-floating-anchor-width)]"
-    >
-      <Checkbox.Group
-        {name}
-        bind:value
-        onValueChange={(v) => onValueChange?.(v)}
-        class="flex flex-col p-1"
-      >
-        {#each options as option (option.value)}
-          <label
-            class="flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground select-none"
-          >
-            <Checkbox.Root
-              value={option.value}
-              class="peer size-4 shrink-0 rounded-sm border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
-            >
-              {#snippet children({ checked: isChecked })}
-                <span class={cn('flex items-center justify-center', !isChecked && 'invisible')}>
-                  <svg
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="3"
-                    class="size-3"
-                  >
-                    <polyline points="20 6 9 17 4 12" />
-                  </svg>
-                </span>
-              {/snippet}
-            </Checkbox.Root>
-            {option.label}
-          </label>
-        {/each}
-      </Checkbox.Group>
-    </Popover.Content>
-  </Popover.Portal>
-</Popover.Root>
diff --git a/src/lib/components/ui/progress/index.ts b/src/lib/components/ui/progress/index.ts
deleted file mode 100644
index c965294e..00000000
--- a/src/lib/components/ui/progress/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './progress.svelte';
-
-export {
-  Root,
-  //
-  Root as Progress,
-};
diff --git a/src/lib/components/ui/progress/progress.svelte b/src/lib/components/ui/progress/progress.svelte
deleted file mode 100644
index 0266042a..00000000
--- a/src/lib/components/ui/progress/progress.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { Progress as ProgressPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    max = 100,
-    value,
-    ...restProps
-  }: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props();
-</script>
-
-<ProgressPrimitive.Root
-  bind:ref
-  data-slot="progress"
-  class={cn(
-    'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',
-    className,
-  )}
-  {value}
-  {max}
-  {...restProps}
->
-  <div
-    data-slot="progress-indicator"
-    class="bg-primary size-full flex-1 transition-all"
-    style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
-  ></div>
-</ProgressPrimitive.Root>
diff --git a/src/lib/components/ui/scroll-area/index.ts b/src/lib/components/ui/scroll-area/index.ts
deleted file mode 100644
index 1a68afeb..00000000
--- a/src/lib/components/ui/scroll-area/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import Scrollbar from './scroll-area-scrollbar.svelte';
-import Root from './scroll-area.svelte';
-
-export {
-  Root,
-  Scrollbar,
-  //,
-  Root as ScrollArea,
-  Scrollbar as ScrollAreaScrollbar,
-};
diff --git a/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
deleted file mode 100644
index e12c88fa..00000000
--- a/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    orientation = 'vertical',
-    children,
-    ...restProps
-  }: WithoutChild<ScrollAreaPrimitive.ScrollbarProps> = $props();
-</script>
-
-<ScrollAreaPrimitive.Scrollbar
-  bind:ref
-  data-slot="scroll-area-scrollbar"
-  data-orientation={orientation}
-  {orientation}
-  class={cn(
-    'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-  <ScrollAreaPrimitive.Thumb
-    data-slot="scroll-area-thumb"
-    class="rounded-full bg-border relative flex-1"
-  />
-</ScrollAreaPrimitive.Scrollbar>
diff --git a/src/lib/components/ui/scroll-area/scroll-area.svelte b/src/lib/components/ui/scroll-area/scroll-area.svelte
deleted file mode 100644
index e0f459e4..00000000
--- a/src/lib/components/ui/scroll-area/scroll-area.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-  import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
-  import Scrollbar from './scroll-area-scrollbar.svelte';
-  import { cn, type WithoutChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    viewportRef = $bindable(null),
-    class: className,
-    orientation = 'vertical',
-    scrollbarXClasses = '',
-    scrollbarYClasses = '',
-    children,
-    ...restProps
-  }: WithoutChild<ScrollAreaPrimitive.RootProps> & {
-    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
-    scrollbarXClasses?: string | undefined;
-    scrollbarYClasses?: string | undefined;
-    viewportRef?: HTMLElement | null;
-  } = $props();
-</script>
-
-<ScrollAreaPrimitive.Root
-  bind:ref
-  data-slot="scroll-area"
-  class={cn('relative', className)}
-  {...restProps}
->
-  <ScrollAreaPrimitive.Viewport
-    bind:ref={viewportRef}
-    data-slot="scroll-area-viewport"
-    class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-  >
-    {@render children?.()}
-  </ScrollAreaPrimitive.Viewport>
-  {#if orientation === 'vertical' || orientation === 'both'}
-    <Scrollbar orientation="vertical" class={scrollbarYClasses} />
-  {/if}
-  {#if orientation === 'horizontal' || orientation === 'both'}
-    <Scrollbar orientation="horizontal" class={scrollbarXClasses} />
-  {/if}
-  <ScrollAreaPrimitive.Corner />
-</ScrollAreaPrimitive.Root>
diff --git a/src/lib/components/ui/select/index.ts b/src/lib/components/ui/select/index.ts
deleted file mode 100644
index 06762f37..00000000
--- a/src/lib/components/ui/select/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import Content from './select-content.svelte';
-import GroupHeading from './select-group-heading.svelte';
-import Group from './select-group.svelte';
-import Item from './select-item.svelte';
-import Label from './select-label.svelte';
-import Portal from './select-portal.svelte';
-import ScrollDownButton from './select-scroll-down-button.svelte';
-import ScrollUpButton from './select-scroll-up-button.svelte';
-import Separator from './select-separator.svelte';
-import Trigger from './select-trigger.svelte';
-import Root from './select.svelte';
-
-export {
-  Root,
-  Group,
-  Label,
-  Item,
-  Content,
-  Trigger,
-  Separator,
-  ScrollDownButton,
-  ScrollUpButton,
-  GroupHeading,
-  Portal,
-  //
-  Root as Select,
-  Group as SelectGroup,
-  Label as SelectLabel,
-  Item as SelectItem,
-  Content as SelectContent,
-  Trigger as SelectTrigger,
-  Separator as SelectSeparator,
-  ScrollDownButton as SelectScrollDownButton,
-  ScrollUpButton as SelectScrollUpButton,
-  GroupHeading as SelectGroupHeading,
-  Portal as SelectPortal,
-};
diff --git a/src/lib/components/ui/select/select-content.svelte b/src/lib/components/ui/select/select-content.svelte
deleted file mode 100644
index 36814d18..00000000
--- a/src/lib/components/ui/select/select-content.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import SelectPortal from './select-portal.svelte';
-  import SelectScrollUpButton from './select-scroll-up-button.svelte';
-  import SelectScrollDownButton from './select-scroll-down-button.svelte';
-  import { cn, type WithoutChild, type WithoutChildrenOrChild } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    sideOffset = 4,
-    portalProps,
-    children,
-    preventScroll = true,
-    ...restProps
-  }: WithoutChild<SelectPrimitive.ContentProps> & {
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
-  } = $props();
-</script>
-
-<SelectPortal {...portalProps}>
-  <SelectPrimitive.Content
-    bind:ref
-    {sideOffset}
-    {preventScroll}
-    data-slot="select-content"
-    class={cn(
-      'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 min-w-36 rounded-lg shadow-md ring-1 ring-foreground/10 duration-100 relative isolate z-50 overflow-x-hidden overflow-y-auto',
-      className,
-    )}
-    {...restProps}
-  >
-    <SelectScrollUpButton />
-    <SelectPrimitive.Viewport
-      class={cn('h-auto max-h-80 w-full min-w-(--bits-select-anchor-width)')}
-    >
-      {@render children?.()}
-    </SelectPrimitive.Viewport>
-    <SelectScrollDownButton />
-  </SelectPrimitive.Content>
-</SelectPortal>
diff --git a/src/lib/components/ui/select/select-group-heading.svelte b/src/lib/components/ui/select/select-group-heading.svelte
deleted file mode 100644
index f73f87d5..00000000
--- a/src/lib/components/ui/select/select-group-heading.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-  import type { ComponentProps } from 'svelte';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
-</script>
-
-<SelectPrimitive.GroupHeading
-  bind:ref
-  data-slot="select-group-heading"
-  class={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
-  {...restProps}
->
-  {@render children?.()}
-</SelectPrimitive.GroupHeading>
diff --git a/src/lib/components/ui/select/select-group.svelte b/src/lib/components/ui/select/select-group.svelte
deleted file mode 100644
index 4f2e5b71..00000000
--- a/src/lib/components/ui/select/select-group.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: SelectPrimitive.GroupProps = $props();
-</script>
-
-<SelectPrimitive.Group
-  bind:ref
-  data-slot="select-group"
-  class={cn('scroll-my-1 p-1', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/select/select-item.svelte b/src/lib/components/ui/select/select-item.svelte
deleted file mode 100644
index 5404261e..00000000
--- a/src/lib/components/ui/select/select-item.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '@utils/ui';
-  import CheckIcon from '@lucide/svelte/icons/check';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    value,
-    label,
-    children: childrenProp,
-    ...restProps
-  }: WithoutChild<SelectPrimitive.ItemProps> = $props();
-</script>
-
-<SelectPrimitive.Item
-  bind:ref
-  {value}
-  data-slot="select-item"
-  class={cn(
-    "focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-2 pr-8 pl-4 text-sm [&_svg:not([class*='size-'])]:size-4 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex w-full cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {#snippet children({ selected, highlighted })}
-    <span class="absolute end-2 flex size-3.5 items-center justify-center">
-      {#if selected}
-        <CheckIcon class="cn-select-item-indicator-icon" />
-      {/if}
-    </span>
-    {#if childrenProp}
-      {@render childrenProp({ selected, highlighted })}
-    {:else}
-      {label || value}
-    {/if}
-  {/snippet}
-</SelectPrimitive.Item>
diff --git a/src/lib/components/ui/select/select-label.svelte b/src/lib/components/ui/select/select-label.svelte
deleted file mode 100644
index c1e803d8..00000000
--- a/src/lib/components/ui/select/select-label.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    ...restProps
-  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="select-label"
-  class={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}
-  {...restProps}
->
-  {@render children?.()}
-</div>
diff --git a/src/lib/components/ui/select/select-portal.svelte b/src/lib/components/ui/select/select-portal.svelte
deleted file mode 100644
index fa48d6a2..00000000
--- a/src/lib/components/ui/select/select-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-
-  let { ...restProps }: SelectPrimitive.PortalProps = $props();
-</script>
-
-<SelectPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/select/select-scroll-down-button.svelte b/src/lib/components/ui/select/select-scroll-down-button.svelte
deleted file mode 100644
index 5cbf4ccb..00000000
--- a/src/lib/components/ui/select/select-scroll-down-button.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
-</script>
-
-<SelectPrimitive.ScrollDownButton
-  bind:ref
-  data-slot="select-scroll-down-button"
-  class={cn(
-    "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full",
-    className,
-  )}
-  {...restProps}
->
-  <ChevronDownIcon />
-</SelectPrimitive.ScrollDownButton>
diff --git a/src/lib/components/ui/select/select-scroll-up-button.svelte b/src/lib/components/ui/select/select-scroll-up-button.svelte
deleted file mode 100644
index 387ab531..00000000
--- a/src/lib/components/ui/select/select-scroll-up-button.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-  import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
-</script>
-
-<SelectPrimitive.ScrollUpButton
-  bind:ref
-  data-slot="select-scroll-up-button"
-  class={cn(
-    "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full",
-    className,
-  )}
-  {...restProps}
->
-  <ChevronUpIcon />
-</SelectPrimitive.ScrollUpButton>
diff --git a/src/lib/components/ui/select/select-separator.svelte b/src/lib/components/ui/select/select-separator.svelte
deleted file mode 100644
index edee1b3c..00000000
--- a/src/lib/components/ui/select/select-separator.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-  import type { Separator as SeparatorPrimitive } from 'bits-ui';
-  import { Separator } from '$lib/components/ui/separator';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: SeparatorPrimitive.RootProps = $props();
-</script>
-
-<Separator
-  bind:ref
-  data-slot="select-separator"
-  class={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/select/select-trigger.svelte b/src/lib/components/ui/select/select-trigger.svelte
deleted file mode 100644
index a97cc85d..00000000
--- a/src/lib/components/ui/select/select-trigger.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-  import { cn, type WithoutChild } from '@utils/ui';
-  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    children,
-    size = 'default',
-    ...restProps
-  }: WithoutChild<SelectPrimitive.TriggerProps> & {
-    size?: 'sm' | 'default';
-  } = $props();
-</script>
-
-<SelectPrimitive.Trigger
-  bind:ref
-  data-slot="select-trigger"
-  data-size={size}
-  class={cn(
-    "border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    className,
-  )}
-  {...restProps}
->
-  {@render children?.()}
-  <ChevronDownIcon class="text-muted-foreground size-4 pointer-events-none" />
-</SelectPrimitive.Trigger>
diff --git a/src/lib/components/ui/select/select.svelte b/src/lib/components/ui/select/select.svelte
deleted file mode 100644
index ec122f3e..00000000
--- a/src/lib/components/ui/select/select.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
-
-  let {
-    open = $bindable(false),
-    value = $bindable(),
-    ...restProps
-  }: SelectPrimitive.RootProps = $props();
-</script>
-
-<SelectPrimitive.Root bind:open bind:value={value as never} {...restProps} />
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts
deleted file mode 100644
index 56b27672..00000000
--- a/src/lib/components/ui/separator/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './separator.svelte';
-
-export {
-  Root,
-  //
-  Root as Separator,
-};
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
deleted file mode 100644
index 2b33e4ad..00000000
--- a/src/lib/components/ui/separator/separator.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { Separator as SeparatorPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    'data-slot': dataSlot = 'separator',
-    ...restProps
-  }: SeparatorPrimitive.RootProps = $props();
-</script>
-
-<SeparatorPrimitive.Root
-  bind:ref
-  data-slot={dataSlot}
-  class={cn(
-    'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
-    // this is different in shadcn/ui but self-stretch breaks things for us
-    'data-[orientation=vertical]:h-full',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/skeleton/index.ts b/src/lib/components/ui/skeleton/index.ts
deleted file mode 100644
index 2d93ff25..00000000
--- a/src/lib/components/ui/skeleton/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './skeleton.svelte';
-
-export {
-  Root,
-  //
-  Root as Skeleton,
-};
diff --git a/src/lib/components/ui/skeleton/skeleton.svelte b/src/lib/components/ui/skeleton/skeleton.svelte
deleted file mode 100644
index efc306c0..00000000
--- a/src/lib/components/ui/skeleton/skeleton.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef, type WithoutChildren } from '@utils/ui';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
-</script>
-
-<div
-  bind:this={ref}
-  data-slot="skeleton"
-  class={cn('bg-muted rounded-md animate-pulse', className)}
-  {...restProps}
-></div>
diff --git a/src/lib/components/ui/sonner/index.ts b/src/lib/components/ui/sonner/index.ts
deleted file mode 100644
index fcaf06bf..00000000
--- a/src/lib/components/ui/sonner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Toaster } from './sonner.svelte';
diff --git a/src/lib/components/ui/sonner/sonner.svelte b/src/lib/components/ui/sonner/sonner.svelte
deleted file mode 100644
index b7b685ca..00000000
--- a/src/lib/components/ui/sonner/sonner.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
-  import { mode } from 'mode-watcher';
-  import Loader2Icon from '@lucide/svelte/icons/loader-2';
-  import CircleCheckIcon from '@lucide/svelte/icons/circle-check';
-  import OctagonXIcon from '@lucide/svelte/icons/octagon-x';
-  import InfoIcon from '@lucide/svelte/icons/info';
-  import TriangleAlertIcon from '@lucide/svelte/icons/triangle-alert';
-
-  let { ...restProps }: SonnerProps = $props();
-</script>
-
-<Sonner
-  theme={mode.current}
-  class="toaster group"
-  style="--normal-bg: var(--color-popover); --normal-text: var(--color-popover-foreground); --normal-border: var(--color-border);"
-  {...restProps}
->
-  {#snippet loadingIcon()}
-    <Loader2Icon class="size-4 animate-spin" />
-  {/snippet}
-  {#snippet successIcon()}
-    <CircleCheckIcon class="size-4" />
-  {/snippet}
-  {#snippet errorIcon()}
-    <OctagonXIcon class="size-4" />
-  {/snippet}
-  {#snippet infoIcon()}
-    <InfoIcon class="size-4" />
-  {/snippet}
-  {#snippet warningIcon()}
-    <TriangleAlertIcon class="size-4" />
-  {/snippet}
-</Sonner>
diff --git a/src/lib/components/ui/spinner/index.ts b/src/lib/components/ui/spinner/index.ts
deleted file mode 100644
index 2e459c67..00000000
--- a/src/lib/components/ui/spinner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Spinner } from './spinner.svelte';
diff --git a/src/lib/components/ui/spinner/spinner.svelte b/src/lib/components/ui/spinner/spinner.svelte
deleted file mode 100644
index 4dafbdb5..00000000
--- a/src/lib/components/ui/spinner/spinner.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-  import { cn } from '@utils/ui';
-  import Loader2Icon from '@lucide/svelte/icons/loader-2';
-  import type { SVGAttributes } from 'svelte/elements';
-
-  let {
-    class: className,
-    role = 'status',
-    // we add name, color, and stroke for compatibility with different icon libraries props
-    name,
-    color,
-    stroke,
-    'aria-label': ariaLabel = 'Loading',
-    ...restProps
-  }: SVGAttributes<SVGSVGElement> = $props();
-</script>
-
-<Loader2Icon
-  {role}
-  name={name === null ? undefined : name}
-  color={color === null ? undefined : color}
-  stroke={stroke === null ? undefined : stroke}
-  aria-label={ariaLabel}
-  class={cn('size-4 animate-spin', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/switch/index.ts b/src/lib/components/ui/switch/index.ts
deleted file mode 100644
index 19be9525..00000000
--- a/src/lib/components/ui/switch/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './switch.svelte';
-
-export {
-  Root,
-  //
-  Root as Switch,
-};
diff --git a/src/lib/components/ui/switch/switch.svelte b/src/lib/components/ui/switch/switch.svelte
deleted file mode 100644
index 10826a9d..00000000
--- a/src/lib/components/ui/switch/switch.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { Switch as SwitchPrimitive } from 'bits-ui';
-  import { cn, type WithoutChildrenOrChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    checked = $bindable(false),
-    size = 'default',
-    ...restProps
-  }: WithoutChildrenOrChild<SwitchPrimitive.RootProps> & {
-    size?: 'sm' | 'default';
-  } = $props();
-</script>
-
-<SwitchPrimitive.Root
-  bind:ref
-  bind:checked
-  data-slot="switch"
-  data-size={size}
-  class={cn(
-    'focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
-    className,
-  )}
-  {...restProps}
->
-  <SwitchPrimitive.Thumb
-    data-slot="switch-thumb"
-    class="pointer-events-none block h-4 w-4 rounded-full bg-foreground shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-  />
-</SwitchPrimitive.Root>
diff --git a/src/lib/components/ui/tabs/index.ts b/src/lib/components/ui/tabs/index.ts
deleted file mode 100644
index d0de3b12..00000000
--- a/src/lib/components/ui/tabs/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import Content from './tabs-content.svelte';
-import List, { type TabsListVariant, tabsListVariants } from './tabs-list.svelte';
-import Trigger from './tabs-trigger.svelte';
-import Root from './tabs.svelte';
-
-export {
-  Root,
-  Content,
-  List,
-  Trigger,
-  tabsListVariants,
-  type TabsListVariant,
-  //
-  Root as Tabs,
-  Content as TabsContent,
-  List as TabsList,
-  Trigger as TabsTrigger,
-};
diff --git a/src/lib/components/ui/tabs/tabs-content.svelte b/src/lib/components/ui/tabs/tabs-content.svelte
deleted file mode 100644
index 091c3e41..00000000
--- a/src/lib/components/ui/tabs/tabs-content.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: TabsPrimitive.ContentProps = $props();
-</script>
-
-<TabsPrimitive.Content
-  bind:ref
-  data-slot="tabs-content"
-  class={cn('text-sm flex-1 outline-none', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs-list.svelte b/src/lib/components/ui/tabs/tabs-list.svelte
deleted file mode 100644
index 89f5a27c..00000000
--- a/src/lib/components/ui/tabs/tabs-list.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" module>
-  import { tv, type VariantProps } from 'tailwind-variants';
-
-  export const tabsListVariants = tv({
-    base: 'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',
-    variants: {
-      variant: {
-        default: 'cn-tabs-list-variant-default bg-muted',
-        line: 'cn-tabs-list-variant-line gap-1 bg-transparent',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  });
-
-  export type TabsListVariant = VariantProps<typeof tabsListVariants>['variant'];
-</script>
-
-<script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    variant = 'default',
-    class: className,
-    ...restProps
-  }: TabsPrimitive.ListProps & {
-    variant?: TabsListVariant;
-  } = $props();
-</script>
-
-<TabsPrimitive.List
-  bind:ref
-  data-slot="tabs-list"
-  data-variant={variant}
-  class={cn(tabsListVariants({ variant }), className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/lib/components/ui/tabs/tabs-trigger.svelte
deleted file mode 100644
index 2b380b4b..00000000
--- a/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: TabsPrimitive.TriggerProps = $props();
-</script>
-
-<TabsPrimitive.Trigger
-  bind:ref
-  data-slot="tabs-trigger"
-  class={cn(
-    "gap-1.5 border-b-2 border-transparent duration-300 px-1.5 py-0.5 text-sm font-medium hover:cursor-pointer has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-    'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent',
-    'data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input data-[state=active]:border-primary dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground',
-    'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100',
-    className,
-  )}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/tabs/tabs.svelte b/src/lib/components/ui/tabs/tabs.svelte
deleted file mode 100644
index 6ed59512..00000000
--- a/src/lib/components/ui/tabs/tabs.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-  import { Tabs as TabsPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(''),
-    class: className,
-    ...restProps
-  }: TabsPrimitive.RootProps = $props();
-</script>
-
-<TabsPrimitive.Root
-  bind:ref
-  bind:value
-  data-slot="tabs"
-  class={cn('gap-2 group/tabs flex data-[orientation=horizontal]:flex-col', className)}
-  {...restProps}
-/>
diff --git a/src/lib/components/ui/textarea/index.ts b/src/lib/components/ui/textarea/index.ts
deleted file mode 100644
index a1bd6266..00000000
--- a/src/lib/components/ui/textarea/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Root from './textarea.svelte';
-
-export {
-  Root,
-  //
-  Root as Textarea,
-};
diff --git a/src/lib/components/ui/textarea/textarea.svelte b/src/lib/components/ui/textarea/textarea.svelte
deleted file mode 100644
index e4d8381c..00000000
--- a/src/lib/components/ui/textarea/textarea.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { cn, type WithElementRef, type WithoutChildren } from '@utils/ui';
-  import type { HTMLTextareaAttributes } from 'svelte/elements';
-
-  let {
-    ref = $bindable(null),
-    value = $bindable(),
-    class: className,
-    'data-slot': dataSlot = 'textarea',
-    ...restProps
-  }: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
-</script>
-
-<textarea
-  bind:this={ref}
-  data-slot={dataSlot}
-  class={cn(
-    'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',
-    className,
-  )}
-  bind:value
-  {...restProps}></textarea>
diff --git a/src/lib/components/ui/tooltip-text/index.ts b/src/lib/components/ui/tooltip-text/index.ts
deleted file mode 100644
index 0dd33a64..00000000
--- a/src/lib/components/ui/tooltip-text/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import TooltipText from './tooltip-text.svelte';
-
-export { TooltipText };
diff --git a/src/lib/components/ui/tooltip-text/tooltip-text.svelte b/src/lib/components/ui/tooltip-text/tooltip-text.svelte
deleted file mode 100644
index 4746c288..00000000
--- a/src/lib/components/ui/tooltip-text/tooltip-text.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-  import * as Tooltip from '$lib/components/ui/tooltip';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    text: string;
-    children: Snippet;
-    delayDuration?: number;
-  }
-
-  let { text, children, delayDuration = 100 }: Props = $props();
-</script>
-
-<Tooltip.Provider {delayDuration}>
-  <Tooltip.Root>
-    <Tooltip.Trigger>
-      {@render children()}
-    </Tooltip.Trigger>
-    <Tooltip.Content>
-      <p>{text}</p>
-    </Tooltip.Content>
-  </Tooltip.Root>
-</Tooltip.Provider>
diff --git a/src/lib/components/ui/tooltip/index.ts b/src/lib/components/ui/tooltip/index.ts
deleted file mode 100644
index ace2ed29..00000000
--- a/src/lib/components/ui/tooltip/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import Content from './tooltip-content.svelte';
-import Portal from './tooltip-portal.svelte';
-import Provider from './tooltip-provider.svelte';
-import Trigger from './tooltip-trigger.svelte';
-import Root from './tooltip.svelte';
-
-export {
-  Root,
-  Trigger,
-  Content,
-  Provider,
-  Portal,
-  //
-  Root as Tooltip,
-  Content as TooltipContent,
-  Trigger as TooltipTrigger,
-  Provider as TooltipProvider,
-  Portal as TooltipPortal,
-};
diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
deleted file mode 100644
index ef7ecf6c..00000000
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-  import TooltipPortal from './tooltip-portal.svelte';
-  import type { ComponentProps } from 'svelte';
-  import type { WithoutChildrenOrChild } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    sideOffset = 0,
-    side = 'top',
-    children,
-    arrowClasses,
-    portalProps,
-    ...restProps
-  }: TooltipPrimitive.ContentProps & {
-    arrowClasses?: string;
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
-  } = $props();
-</script>
-
-<TooltipPortal {...portalProps}>
-  <TooltipPrimitive.Content
-    bind:ref
-    data-slot="tooltip-content"
-    {sideOffset}
-    {side}
-    class={cn(
-      'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm bg-foreground text-background z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)',
-      className,
-    )}
-    {...restProps}
-  >
-    {@render children?.()}
-    <TooltipPrimitive.Arrow>
-      {#snippet child({ props })}
-        <div
-          class={cn(
-            'size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50',
-            'data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]',
-            'data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]',
-            'data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2',
-            'data-[side=left]:-translate-y-[calc(50%-3px)]',
-            arrowClasses,
-          )}
-          {...props}
-        ></div>
-      {/snippet}
-    </TooltipPrimitive.Arrow>
-  </TooltipPrimitive.Content>
-</TooltipPortal>
diff --git a/src/lib/components/ui/tooltip/tooltip-portal.svelte b/src/lib/components/ui/tooltip/tooltip-portal.svelte
deleted file mode 100644
index 7b9e8f9f..00000000
--- a/src/lib/components/ui/tooltip/tooltip-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-
-  let { ...restProps }: TooltipPrimitive.PortalProps = $props();
-</script>
-
-<TooltipPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip-provider.svelte b/src/lib/components/ui/tooltip/tooltip-provider.svelte
deleted file mode 100644
index 49f8379b..00000000
--- a/src/lib/components/ui/tooltip/tooltip-provider.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-
-  let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
-</script>
-
-<TooltipPrimitive.Provider {delayDuration} {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
deleted file mode 100644
index b7640e4e..00000000
--- a/src/lib/components/ui/tooltip/tooltip-trigger.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-
-  let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps = $props();
-</script>
-
-<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />
diff --git a/src/lib/components/ui/tooltip/tooltip.svelte b/src/lib/components/ui/tooltip/tooltip.svelte
deleted file mode 100644
index 42a939b4..00000000
--- a/src/lib/components/ui/tooltip/tooltip.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { Tooltip as TooltipPrimitive } from 'bits-ui';
-
-  let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps = $props();
-</script>
-
-<TooltipPrimitive.Root bind:open {...restProps} />
diff --git a/src/lib/components/ui/tristate-switch/index.ts b/src/lib/components/ui/tristate-switch/index.ts
deleted file mode 100644
index 9a93349f..00000000
--- a/src/lib/components/ui/tristate-switch/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import Root, { type TriState } from './tristate-switch.svelte';
-
-export {
-  Root,
-  //
-  type TriState,
-  Root as TristateSwitch,
-};
diff --git a/src/lib/components/ui/tristate-switch/tristate-switch.svelte b/src/lib/components/ui/tristate-switch/tristate-switch.svelte
deleted file mode 100644
index e968d043..00000000
--- a/src/lib/components/ui/tristate-switch/tristate-switch.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script lang="ts" module>
-  export type TriState = boolean | undefined;
-</script>
-
-<script lang="ts">
-  import { Switch as SwitchPrimitive } from 'bits-ui';
-  import { cn } from '@utils/ui';
-
-  let {
-    ref = $bindable(null),
-    class: className,
-    value = $bindable<TriState>(undefined),
-    onChange = () => {},
-    size = 'default',
-    ...restProps
-  }: {
-    ref?: HTMLElement | null;
-    class?: string;
-    value?: TriState;
-    onChange?: (value: TriState) => void;
-    size?: 'sm' | 'default';
-  } = $props();
-
-  function toggle() {
-    if (value === false) {
-      value = undefined;
-    } else {
-      value = value === undefined;
-    }
-
-    onChange(value);
-  }
-
-  const bgClass = $derived(
-    value === true ? 'bg-success' : value === false ? 'bg-destructive' : 'bg-neutral-500',
-  );
-
-  const thumbClass = $derived(
-    value === true ? 'translate-x-6' : value === false ? 'translate-x-0' : 'translate-x-3',
-  );
-</script>
-
-<SwitchPrimitive.Root
-  bind:ref
-  checked={value === true}
-  onclick={toggle}
-  data-slot="switch"
-  data-size={size}
-  class={cn(
-    'focus-visible:ring-ring/50 inline-flex h-5 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50',
-    bgClass,
-    className,
-  )}
-  {...restProps}
->
-  <SwitchPrimitive.Thumb
-    data-slot="switch-thumb"
-    class={cn(
-      'pointer-events-none block h-4 w-4 rounded-full bg-foreground shadow-sm ring-0 transition-transform',
-      thumbClass,
-    )}
-  />
-</SwitchPrimitive.Root>
diff --git a/src/lib/server/actions/project/archive/create.action.ts b/src/lib/server/actions/project/archive/create.action.ts
deleted file mode 100644
index f95121dd..00000000
--- a/src/lib/server/actions/project/archive/create.action.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export interface CreateArchiveResult {
-  id: string;
-}
-
-export const createArchiveAction = useActionHandler(async ({ archive }) => {
-  const id = await archive.create();
-  return { id };
-});
diff --git a/src/lib/server/actions/project/complete.action.ts b/src/lib/server/actions/project/complete.action.ts
deleted file mode 100644
index daec4ebd..00000000
--- a/src/lib/server/actions/project/complete.action.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsBoolean, IsEnum, IsNotEmpty, IsOptional, IsString } from 'class-validator';
-
-import { resolveSessionFunctions } from '$lib/server/actions/project/load.action';
-import { loadProject } from '$lib/server/project';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class CompleteProjectBody {
-  @Expose()
-  @IsString()
-  @IsNotEmpty()
-  gatewayId!: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  @IsEnum(['js', 'ts'])
-  language?: 'js' | 'ts';
-
-  @Expose()
-  @IsBoolean()
-  @IsOptional()
-  multiplayerServer?: boolean;
-}
-
-export const completeProjectAction = useActionHandler(
-  async (handler) => {
-    const { body, cli, api } = handler;
-
-    const project = await api.projects.getProject(body.gatewayId);
-    const resolver = await resolveSessionFunctions.gatewayId(body.gatewayId, handler);
-
-    const parts = resolver.path.split('/');
-    const end = parts.pop();
-
-    cli.new({
-      editor: true,
-      directory: parts.join('/'),
-      name: project.name,
-      path: end,
-      packageManager: 'bun',
-      language: body.language,
-      server: body.multiplayerServer,
-      docker: false,
-      lint: false,
-      initFunctions: true,
-      strict: false,
-      git: false,
-    });
-
-    return await loadProject(resolver, handler);
-  },
-  {
-    body: CompleteProjectBody,
-    onlineOnly: true,
-    projectOptional: true,
-  },
-);
diff --git a/src/lib/server/actions/project/fs/readdir.action.ts b/src/lib/server/actions/project/fs/readdir.action.ts
deleted file mode 100644
index d8d4742d..00000000
--- a/src/lib/server/actions/project/fs/readdir.action.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsOptional, IsString } from 'class-validator';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class ReaddirFsBody {
-  @Expose()
-  @IsString()
-  @IsOptional()
-  path?: string;
-}
-
-export const readdirFsAction = useActionHandler(
-  async ({ project, body }) => {
-    const dir = project.client.fs.getDirectory(body.path ?? '');
-    return dir.read(true);
-  },
-  { body: ReaddirFsBody },
-);
diff --git a/src/lib/server/actions/project/gateway.action.ts b/src/lib/server/actions/project/gateway.action.ts
deleted file mode 100644
index 81b2df41..00000000
--- a/src/lib/server/actions/project/gateway.action.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export interface GatewayProject {
-  name: string;
-  gatewayId: string;
-}
-
-export const getGatewayProjectsAction = useActionHandler(
-  async ({ api }) => {
-    const projects = await api.projects.getProjects();
-
-    return projects.map((project) => ({
-      gatewayId: project.id,
-      name: project.name,
-    }));
-  },
-  { onlineOnly: true, projectOptional: true },
-);
-
-export const syncGatewayProjectAction = useActionHandler(
-  async ({ git }) => {
-    console.log('Syncing gateway project');
-    return await git.push();
-  },
-  { onlineOnly: true },
-);
diff --git a/src/lib/server/actions/project/info.action.ts b/src/lib/server/actions/project/info.action.ts
deleted file mode 100644
index 7847e895..00000000
--- a/src/lib/server/actions/project/info.action.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsOptional, IsString } from 'class-validator';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export interface InfoProject {
-  name: string;
-  language: 'ts' | 'js';
-  hasServer: boolean;
-}
-
-export class InfoProjectBody {
-  @Expose()
-  @IsString()
-  @IsOptional()
-  name?: string;
-}
-
-export const getInfoProjectAction = useActionHandler(async ({ fs }) => {
-  const configFile = fs.getFile('nanoforge.config.json');
-  const config = await configFile.readJson();
-
-  return {
-    name: config.name,
-    language: config.language,
-    hasServer: config.server?.enabled ?? false,
-  };
-});
-
-export const setInfoProjectAction = useActionHandler(
-  async ({ body, fs }) => {
-    const configFile = fs.getFile('nanoforge.config.json');
-    const config = await configFile.readJson();
-
-    if (body.name) config.name = body.name;
-
-    configFile.writeJson(config);
-  },
-  { body: InfoProjectBody },
-);
diff --git a/src/lib/server/actions/project/library/install-library.action.ts b/src/lib/server/actions/project/library/install-library.action.ts
deleted file mode 100644
index a8d6c7db..00000000
--- a/src/lib/server/actions/project/library/install-library.action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNotEmpty, IsString } from 'class-validator';
-
-import type { LibraryPackage } from '$lib/server/project/library';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class InstallLibraryBody {
-  @Expose()
-  @IsString()
-  @IsNotEmpty()
-  libraryName!: string;
-}
-
-export const installLibraryProjectAction = useActionHandler(
-  async ({ body, project }): Promise<LibraryPackage> => {
-    return await project.client.library.installLibrary(body.libraryName);
-  },
-  {
-    body: InstallLibraryBody,
-  },
-);
diff --git a/src/lib/server/actions/project/load.action.ts b/src/lib/server/actions/project/load.action.ts
deleted file mode 100644
index 6c10e478..00000000
--- a/src/lib/server/actions/project/load.action.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsOptional, IsString } from 'class-validator';
-import { join } from 'path';
-
-import { Git } from '$lib/server/git';
-import { loadProject } from '$lib/server/project';
-import { loadProjectFromId } from '$lib/server/project/load-project';
-import type { SessionProject } from '$lib/server/session';
-
-import { Exception } from '@utils/exception';
-
-import { type Handler, useActionHandler } from '@utils-server/request-handler';
-
-export class LoadProjectBody {
-  @Expose()
-  @IsString()
-  @IsOptional()
-  id?: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  path?: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  gitUrl?: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  gatewayId?: string;
-}
-
-const resolveSessionFromGatewayId = async (
-  gatewayId: string,
-  { api, context }: Handler,
-): Promise<SessionProject> => {
-  if (!context.online)
-    throw new Exception('Bad Request', 'Cannot load project from gatewayId while offline', 400);
-
-  const project = await api.projects.getProject(gatewayId);
-
-  const git = new Git({
-    ...context,
-    project: { path: '', gateway: { id: gatewayId, token: project.token } },
-  });
-  const basePath = await git.clone(project.gatewayProjectRegistryUrl);
-  return {
-    path: join(basePath, project.gatewayProjectRegistryMetadata.dir ?? ''),
-    gateway: { id: gatewayId, token: project.token },
-  };
-};
-
-const resolveSessionFromGitUrl = async (
-  gitUrl: string,
-  { git, context }: Handler,
-): Promise<SessionProject> => {
-  if (context.online)
-    throw new Exception('Bad Request', 'Cannot load project from gitUrl while online', 400);
-
-  const path = await git.clone(gitUrl);
-  return { path };
-};
-
-const resolveSessionFromPath = async (
-  path: string,
-  { context }: Handler,
-): Promise<SessionProject> => {
-  if (context.online)
-    throw new Exception('Bad Request', 'Cannot load project from path while online', 400);
-  return { path };
-};
-
-export const resolveSessionFunctions: Record<
-  keyof Omit<LoadProjectBody, 'id'>,
-  (el: string, options: Handler) => Promise<SessionProject>
-> = {
-  path: resolveSessionFromPath,
-  gitUrl: resolveSessionFromGitUrl,
-  gatewayId: resolveSessionFromGatewayId,
-};
-
-export const loadProjectAction = useActionHandler(
-  async (handler) => {
-    const { body } = handler;
-
-    if (body.id) return await loadProjectFromId(body.id, handler);
-
-    const el = Object.entries(body).find(([, value]) => value) as [
-      keyof Omit<LoadProjectBody, 'id'>,
-      string,
-    ];
-    if (!el) throw new Exception('Bad Request', 'No load origin provided', 400);
-
-    const resolveSessionFunction = resolveSessionFunctions[el[0]];
-
-    const project = await resolveSessionFunction(el[1], handler);
-
-    return await loadProject(project, handler);
-  },
-  {
-    projectOptional: true,
-    body: LoadProjectBody,
-  },
-);
diff --git a/src/lib/server/actions/project/loader/build.action.ts b/src/lib/server/actions/project/loader/build.action.ts
deleted file mode 100644
index cfbeae31..00000000
--- a/src/lib/server/actions/project/loader/build.action.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const buildProjectAction = useActionHandler(async ({ cli }) => {
-  cli.generate({ editor: true });
-  cli.build({ editor: true });
-});
diff --git a/src/lib/server/actions/project/loader/env.action.ts b/src/lib/server/actions/project/loader/env.action.ts
deleted file mode 100644
index adc11efd..00000000
--- a/src/lib/server/actions/project/loader/env.action.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const fetchEnvLoaderAction = useActionHandler(async ({ project }) => {
-  return project.client.loader.getEnv();
-});
diff --git a/src/lib/server/actions/project/loader/manifest.action.ts b/src/lib/server/actions/project/loader/manifest.action.ts
deleted file mode 100644
index 89fec5d5..00000000
--- a/src/lib/server/actions/project/loader/manifest.action.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const fetchManifestLoaderAction = useActionHandler(async ({ project }) => {
-  return project.client.loader.getManifest();
-});
diff --git a/src/lib/server/actions/project/new.action.ts b/src/lib/server/actions/project/new.action.ts
deleted file mode 100644
index 4c8c8a92..00000000
--- a/src/lib/server/actions/project/new.action.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsBoolean, IsEnum, IsNotEmpty, IsOptional, IsString, Matches } from 'class-validator';
-import { join } from 'path';
-
-import { loadProject } from '$lib/server/project';
-
-import { useActionHandler } from '@utils-server/request-handler';
-import { IsFalseOrString } from '@utils-server/validators';
-
-export class CreateProjectBody {
-  @Expose()
-  @IsString()
-  @IsNotEmpty()
-  @Matches(/^[a-z0-9]+(?:-[a-z0-9]+)*$/)
-  projectName!: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  projectPath?: string;
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  @IsEnum(['npm', 'pnpm', 'yarn', 'bun'])
-  packageManager?: 'npm' | 'pnpm' | 'yarn' | 'bun';
-
-  @Expose()
-  @IsString()
-  @IsOptional()
-  @IsEnum(['js', 'ts'])
-  language?: 'js' | 'ts';
-
-  @Expose()
-  @IsBoolean()
-  @IsOptional()
-  multiplayerServer?: boolean;
-
-  @Expose()
-  @IsBoolean()
-  @IsOptional()
-  dockerContainerization?: boolean;
-
-  @Expose()
-  @IsBoolean()
-  @IsOptional()
-  createGitRepository?: boolean;
-
-  @Expose()
-  @IsFalseOrString()
-  @IsOptional()
-  gitRemote?: string | false;
-}
-
-export const createProjectAction = useActionHandler(
-  async (handler) => {
-    const { body, cli } = handler;
-
-    cli.new({
-      editor: true,
-      directory: body.projectPath || undefined,
-      name: body.projectName,
-      path: body.projectName,
-      packageManager: body.packageManager,
-      language: body.language,
-      server: body.multiplayerServer,
-      docker: body.dockerContainerization,
-      git: body.createGitRepository,
-      gitRemote: body.gitRemote,
-      lint: false,
-      initFunctions: true,
-      strict: false,
-      skipInstall: false,
-    });
-
-    return await loadProject({ path: join(body.projectPath ?? '', body.projectName) }, handler);
-  },
-  {
-    body: CreateProjectBody,
-    offlineOnly: true,
-    projectOptional: true,
-  },
-);
diff --git a/src/lib/server/actions/project/package/create-component.action.ts b/src/lib/server/actions/project/package/create-component.action.ts
deleted file mode 100644
index dc21e39a..00000000
--- a/src/lib/server/actions/project/package/create-component.action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNotEmpty, IsString } from 'class-validator';
-
-import type { ComponentPackage } from '$lib/server/project/package/package.type';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class CreateComponentBody {
-  @Expose()
-  @IsString()
-  @IsNotEmpty()
-  componentName!: string;
-}
-
-export const createComponentProjectAction = useActionHandler(
-  async ({ body, project }): Promise<ComponentPackage> => {
-    return project.client.package.createComponent(body.componentName);
-  },
-  {
-    body: CreateComponentBody,
-  },
-);
diff --git a/src/lib/server/actions/project/package/create-system.action.ts b/src/lib/server/actions/project/package/create-system.action.ts
deleted file mode 100644
index 9ba9c7f2..00000000
--- a/src/lib/server/actions/project/package/create-system.action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNotEmpty, IsString } from 'class-validator';
-
-import type { SystemPackage } from '$lib/server/project/package/package.type';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class CreateSystemBody {
-  @Expose()
-  @IsString()
-  @IsNotEmpty()
-  systemName!: string;
-}
-
-export const createSystemProjectAction = useActionHandler(
-  async ({ body, project }): Promise<SystemPackage> => {
-    return project.client.package.createSystem(body.systemName);
-  },
-  {
-    body: CreateSystemBody,
-  },
-);
diff --git a/src/lib/server/actions/project/package/get-assets.action.ts b/src/lib/server/actions/project/package/get-assets.action.ts
deleted file mode 100644
index 39aab7b7..00000000
--- a/src/lib/server/actions/project/package/get-assets.action.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { AssetPackage } from '$lib/server/project/package';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const getAssetsAction = useActionHandler(async ({ project }): Promise<AssetPackage[]> => {
-  return await project.client.package.getAssets();
-});
diff --git a/src/lib/server/actions/project/package/get-components.action.ts b/src/lib/server/actions/project/package/get-components.action.ts
deleted file mode 100644
index 31387d8d..00000000
--- a/src/lib/server/actions/project/package/get-components.action.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { ComponentPackage } from '$lib/server/project/package';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const getComponentsAction = useActionHandler(
-  async ({ project }): Promise<ComponentPackage[]> => {
-    return await project.client.package.getComponents();
-  },
-);
diff --git a/src/lib/server/actions/project/package/get-systems.action.ts b/src/lib/server/actions/project/package/get-systems.action.ts
deleted file mode 100644
index 53b9c0be..00000000
--- a/src/lib/server/actions/project/package/get-systems.action.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { SystemPackage } from '$lib/server/project/package';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const getSystemsAction = useActionHandler(async ({ project }): Promise<SystemPackage[]> => {
-  return await project.client.package.getSystems();
-});
diff --git a/src/lib/server/actions/project/package/install-packages.action.ts b/src/lib/server/actions/project/package/install-packages.action.ts
deleted file mode 100644
index d699f77a..00000000
--- a/src/lib/server/actions/project/package/install-packages.action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNotEmpty, IsString } from 'class-validator';
-
-import type { ComponentPackage, SystemPackage } from '$lib/server/project/package/package.type';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class InstallPackagesBody {
-  @Expose()
-  @IsString({ each: true })
-  @IsNotEmpty()
-  names!: [string, ...string[]];
-}
-
-export const installPackagesAction = useActionHandler(
-  async ({ body, project }): Promise<(ComponentPackage | SystemPackage)[]> => {
-    return await project.client.package.installPackages(body.names);
-  },
-  {
-    body: InstallPackagesBody,
-  },
-);
diff --git a/src/lib/server/actions/project/package/search-packages.action.ts b/src/lib/server/actions/project/package/search-packages.action.ts
deleted file mode 100644
index 9a6f6a6b..00000000
--- a/src/lib/server/actions/project/package/search-packages.action.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNumber, IsOptional, IsString } from 'class-validator';
-
-import type { Package, PaginateResult } from '$lib/server/api';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class SearchPackagesBody {
-  @Expose()
-  @IsString()
-  @IsOptional()
-  search?: string;
-
-  @Expose()
-  @IsNumber()
-  @IsOptional()
-  page?: number;
-
-  @Expose()
-  @IsNumber()
-  @IsOptional()
-  limit?: number;
-}
-
-export const searchPackagesAction = useActionHandler(
-  async ({ body, api }): Promise<PaginateResult<Package>> => {
-    return api.packages.getAll(body);
-  },
-  {
-    body: SearchPackagesBody,
-  },
-);
diff --git a/src/lib/server/actions/project/save/get-save.action.ts b/src/lib/server/actions/project/save/get-save.action.ts
deleted file mode 100644
index a2c77485..00000000
--- a/src/lib/server/actions/project/save/get-save.action.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { useActionHandler } from '@utils-server/request-handler';
-
-export const getSaveAction = useActionHandler(async ({ project }) => {
-  return project.client.save.getSave();
-});
diff --git a/src/lib/server/actions/project/save/set-save.action.ts b/src/lib/server/actions/project/save/set-save.action.ts
deleted file mode 100644
index 726f6077..00000000
--- a/src/lib/server/actions/project/save/set-save.action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Expose } from 'class-transformer';
-import { IsNotEmpty, IsObject } from 'class-validator';
-
-import type { Save } from '@utils/types';
-
-import { useActionHandler } from '@utils-server/request-handler';
-
-export class SetSaveBody {
-  @Expose()
-  @IsObject()
-  @IsNotEmpty()
-  save!: Save;
-}
-
-export const setSaveAction = useActionHandler(
-  async ({ project, body }) => {
-    return project.client.save.updateSave(body.save);
-  },
-  {
-    body: SetSaveBody,
-  },
-);
diff --git a/src/lib/server/api/base.repository.ts b/src/lib/server/api/base.repository.ts
deleted file mode 100644
index a5e5ee86..00000000
--- a/src/lib/server/api/base.repository.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import type { HttpClient, RequestOptions } from '@utils/http';
-
-type FullRequestOptions = RequestOptions & { offline?: boolean };
-
-export class BaseRepository {
-  private readonly _client: HttpClient;
-  private readonly _online: boolean;
-
-  constructor(client: HttpClient, online: boolean = true) {
-    this._client = client;
-    this._online = online;
-  }
-
-  protected get<R extends object = object>(path: string, options?: FullRequestOptions): Promise<R> {
-    return this.runRequest('get', path, options);
-  }
-
-  protected post<R extends object = object, I extends object = object>(
-    path: string,
-    body?: I,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    return this.runRequestBody('post', path, body, options);
-  }
-
-  protected put<R extends object = object, I extends object = object>(
-    path: string,
-    body?: I,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    return this.runRequestBody('put', path, body, options);
-  }
-
-  protected patch<R extends object = object, I extends object = object>(
-    path: string,
-    body?: I,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    return this.runRequestBody('patch', path, body, options);
-  }
-
-  protected delete<R extends object = object>(
-    path: string,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    return this.runRequest('delete', path, options);
-  }
-
-  private assertOnline() {
-    if (!this._online) throw new Error('This route is only available in online mode');
-  }
-
-  private async runRequest<R>(
-    request: 'get' | 'delete',
-    path: string,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    if (!options?.offline) this.assertOnline();
-
-    const res = await this._client[request](path, options);
-    if (!res.ok)
-      throw new Error(`Request failed with status code ${res.status}`, {
-        cause: await res.json(),
-      });
-    return (await res.json()) as R;
-  }
-
-  private async runRequestBody<R, I>(
-    request: 'post' | 'put' | 'patch',
-    path: string,
-    body?: I,
-    options?: FullRequestOptions,
-  ): Promise<R> {
-    if (!options?.offline) this.assertOnline();
-
-    const res = await this._client[request](
-      path,
-      body === undefined ? undefined : JSON.stringify(body),
-      options,
-    );
-    const data = (await res.json()) as R;
-    if (!res.ok)
-      throw new Error(`Request failed with status code ${res.status}`, {
-        cause: data,
-      });
-    return data;
-  }
-}
diff --git a/src/lib/server/api/client.ts b/src/lib/server/api/client.ts
deleted file mode 100644
index 8ea5654a..00000000
--- a/src/lib/server/api/client.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { Cookies } from '@sveltejs/kit';
-
-import { env } from '$env/dynamic/private';
-import { PUBLIC_MODE } from '$env/static/public';
-
-import { HttpClient } from '@utils/http';
-
-import { useTokenMiddleware } from './middlewares/refresh-token.middleware';
-import { AuthRepository } from './repositories/auth.repository';
-import { PackageRepository } from './repositories/package.repository';
-import { ProjectRepository } from './repositories/projects.repository';
-import { RegistryRepository } from './repositories/registry.repository';
-
-export interface Api {
-  auth: AuthRepository;
-  packages: PackageRepository;
-  projects: ProjectRepository;
-  registry: RegistryRepository;
-}
-
-const DEFAULT_API_URL = 'https://api.nanoforge.eu';
-
-export const getNoAuthApi = (): Api => {
-  const client = new HttpClient(env.API_URL ?? DEFAULT_API_URL, {
-    headers: {
-      'Content-Type': 'application/json',
-    },
-  });
-  const isOnline = PUBLIC_MODE === 'ONLINE';
-
-  return {
-    auth: new AuthRepository(client, isOnline),
-    packages: new PackageRepository(client, isOnline),
-    registry: new RegistryRepository(client, isOnline),
-  } as Api;
-};
-
-export const getApi = (cookies: Cookies): Api => {
-  if (PUBLIC_MODE !== 'ONLINE') throw new Error('API is only available in online mode');
-  if (!env.API_KEY) throw new Error('API_KEY is not defined');
-  const client = new HttpClient(env.API_URL ?? DEFAULT_API_URL, {
-    headers: {
-      'Content-Type': 'application/json',
-      'Api-Key': env.API_KEY,
-    },
-  }).useMiddlewares(useTokenMiddleware(cookies));
-  return {
-    auth: new AuthRepository(client),
-    packages: new PackageRepository(client),
-    projects: new ProjectRepository(client),
-    registry: new RegistryRepository(client),
-  };
-};
diff --git a/src/lib/server/api/index.ts b/src/lib/server/api/index.ts
deleted file mode 100644
index 4c57d22f..00000000
--- a/src/lib/server/api/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { getApi, getNoAuthApi, type Api } from './client';
-export * from './types';
diff --git a/src/lib/server/api/middlewares/refresh-token.middleware.ts b/src/lib/server/api/middlewares/refresh-token.middleware.ts
deleted file mode 100644
index c3f1c79f..00000000
--- a/src/lib/server/api/middlewares/refresh-token.middleware.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type { Cookies } from '@sveltejs/kit';
-
-import { Exception } from '@utils/exception';
-import type { MiddlewareNext, MiddlewareParams } from '@utils/http';
-
-import { setTokensInCookies } from '@utils-server/cookies';
-
-import { getNoAuthApi } from '../client';
-
-const refreshToken = async (cookies: Cookies, force: boolean = false): Promise<string> => {
-  let accessToken = force ? undefined : cookies.get('accessToken');
-  const refreshToken = cookies.get('refreshToken');
-
-  if (!accessToken) {
-    if (!refreshToken) {
-      throw new Exception('Unauthorized', 'No token found', 401);
-    }
-
-    try {
-      const tokens = await getNoAuthApi().auth.refreshToken({
-        refreshToken,
-      });
-
-      setTokensInCookies(cookies, tokens);
-      accessToken = tokens.accessToken;
-    } catch {
-      throw new Exception('Unauthorized', 'Invalid refresh token', 401);
-    }
-  }
-
-  return accessToken;
-};
-
-const getRequestParams = (params: MiddlewareParams, token: string): MiddlewareParams => ({
-  ...params,
-  options: {
-    ...params.options,
-    headers: {
-      ...params.options.headers,
-      Authorization: `Bearer ${token}`,
-    },
-  },
-});
-
-export const useTokenMiddleware = (cookies: Cookies) => {
-  return async (params: MiddlewareParams, next: MiddlewareNext) => {
-    const accessToken = cookies.get('accessToken') ?? (await refreshToken(cookies));
-
-    const res = await next(getRequestParams(params, accessToken));
-
-    if (res.status === 401) {
-      const newAccessToken = await refreshToken(cookies, true);
-      return await next(getRequestParams(params, newAccessToken));
-    }
-    return res;
-  };
-};
diff --git a/src/lib/server/api/repositories/auth.repository.ts b/src/lib/server/api/repositories/auth.repository.ts
deleted file mode 100644
index 184be283..00000000
--- a/src/lib/server/api/repositories/auth.repository.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { RefreshTokenInput, TokenResponse } from '../types';
-
-export class AuthRepository extends BaseRepository {
-  refreshToken(input: RefreshTokenInput): Promise<TokenResponse> {
-    return this.post(`/auth/refresh-token`, input);
-  }
-}
diff --git a/src/lib/server/api/repositories/package.repository.ts b/src/lib/server/api/repositories/package.repository.ts
deleted file mode 100644
index 14d8c565..00000000
--- a/src/lib/server/api/repositories/package.repository.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { getUrl } from '@utils/http';
-
-import { BaseRepository } from '../base.repository';
-import type { Package, PaginateQuery, PaginateResult, SearchQuery } from '../types';
-
-export class PackageRepository extends BaseRepository {
-  getAll(query?: PaginateQuery & SearchQuery): Promise<PaginateResult<Package>> {
-    return this.get(getUrl(`/packages`, query), { offline: true });
-  }
-}
diff --git a/src/lib/server/api/repositories/projects.repository.ts b/src/lib/server/api/repositories/projects.repository.ts
deleted file mode 100644
index 33ffe221..00000000
--- a/src/lib/server/api/repositories/projects.repository.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { ApiProject } from '../types';
-
-export class ProjectRepository extends BaseRepository {
-  getProject(id: string): Promise<ApiProject> {
-    return this.get(`/editor/projects/${id}`);
-  }
-
-  getProjects(): Promise<ApiProject[]> {
-    return this.get(`/projects`);
-  }
-}
diff --git a/src/lib/server/api/repositories/registry.repository.ts b/src/lib/server/api/repositories/registry.repository.ts
deleted file mode 100644
index 9aba34ab..00000000
--- a/src/lib/server/api/repositories/registry.repository.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { BaseRepository } from '../base.repository';
-import type { RegistryPackageType } from '../types';
-
-export class RegistryRepository extends BaseRepository {
-  getPackage(packageName: string): Promise<RegistryPackageType> {
-    return this.get(`/registry/${packageName}`, { offline: true });
-  }
-}
diff --git a/src/lib/server/api/types/auth.type.ts b/src/lib/server/api/types/auth.type.ts
deleted file mode 100644
index 1d77249d..00000000
--- a/src/lib/server/api/types/auth.type.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface TokenResponse {
-  accessToken: string;
-  refreshToken: string;
-  tokenExpiresAt: string;
-}
-
-export interface RefreshTokenInput {
-  refreshToken: string;
-}
diff --git a/src/lib/server/api/types/index.ts b/src/lib/server/api/types/index.ts
deleted file mode 100644
index 83f48949..00000000
--- a/src/lib/server/api/types/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './auth.type';
-export * from './package.type';
-export * from './paginate.type';
-export * from './project.type';
-export * from './registry.type';
diff --git a/src/lib/server/api/types/package.type.ts b/src/lib/server/api/types/package.type.ts
deleted file mode 100644
index 5600cc7d..00000000
--- a/src/lib/server/api/types/package.type.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { PackageTypeEnum } from '$lib/server/project/package';
-
-export interface Package {
-  id: string;
-  name: string;
-  type: PackageTypeEnum;
-  description: string | null;
-  tags: string[];
-}
diff --git a/src/lib/server/api/types/paginate.type.ts b/src/lib/server/api/types/paginate.type.ts
deleted file mode 100644
index e8bcd6fc..00000000
--- a/src/lib/server/api/types/paginate.type.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export interface PaginateQuery {
-  page?: number;
-  limit?: number;
-}
-
-export interface SearchQuery {
-  search?: string;
-}
-
-export type PaginateResult<T> = {
-  data: T[];
-  total: number;
-  page: number;
-  limit: number;
-  totalPages: number;
-};
diff --git a/src/lib/server/api/types/project.type.ts b/src/lib/server/api/types/project.type.ts
deleted file mode 100644
index 9facd644..00000000
--- a/src/lib/server/api/types/project.type.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export interface ApiProject {
-  id: string;
-  code: string;
-  name: string;
-  description: string;
-  gatewayProjectRegistryUrl: string;
-  gatewayProjectRegistryMetadata: {
-    dir: string | null;
-  };
-  token: string;
-}
diff --git a/src/lib/server/api/types/registry.type.ts b/src/lib/server/api/types/registry.type.ts
deleted file mode 100644
index 269cc85b..00000000
--- a/src/lib/server/api/types/registry.type.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { PackageTypeEnum } from '$lib/server/project/package';
-
-export interface RegistryPackageType {
-  name: string;
-  type: PackageTypeEnum;
-  description: string;
-  tags: string[];
-  _file: string;
-}
diff --git a/src/lib/server/cli/cli-defaults.ts b/src/lib/server/cli/cli-defaults.ts
deleted file mode 100644
index 360d7d52..00000000
--- a/src/lib/server/cli/cli-defaults.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { WithOptional } from '@utils/types/base.type';
-
-import type {
-  CliBuildOptions,
-  CliCreateOptions,
-  CliDevOptions,
-  CliGenerateOptions,
-  CliInstallOptions,
-  CliNewOptions,
-  CliStartOptions,
-} from './cli.type';
-
-export const CLI_NEW_DEFAULTS: WithOptional<CliNewOptions, 'name'> = {
-  packageManager: 'npm',
-  language: 'ts',
-  strict: false,
-  server: false,
-  skipInstall: false,
-  docker: false,
-  git: false,
-  gitRemote: false,
-};
-
-export const CLI_INSTALL_DEFAULTS: WithOptional<CliInstallOptions> = {};
-
-export const CLI_BUILD_DEFAULTS: WithOptional<CliBuildOptions> = {};
-
-export const CLI_START_DEFAULTS: WithOptional<CliStartOptions> = {};
-
-export const CLI_DEV_DEFAULTS: WithOptional<CliDevOptions> = {};
-
-export const CLI_GENERATE_DEFAULTS: WithOptional<CliGenerateOptions> = {};
-
-export const CLI_CREATE_DEFAULTS: WithOptional<CliCreateOptions, 'name'> = {};
diff --git a/src/lib/server/cli/cli-error.ts b/src/lib/server/cli/cli-error.ts
deleted file mode 100644
index 96007be8..00000000
--- a/src/lib/server/cli/cli-error.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Exception } from '@utils/exception';
-
-export class CliError extends Exception {
-  constructor(message: string) {
-    super('Internal Server Error', message, 500);
-  }
-}
diff --git a/src/lib/server/cli/cli.ts b/src/lib/server/cli/cli.ts
deleted file mode 100644
index 7eb578aa..00000000
--- a/src/lib/server/cli/cli.ts
+++ /dev/null
@@ -1,192 +0,0 @@
-import { env } from '$env/dynamic/private';
-
-import {
-  CLI_BUILD_DEFAULTS,
-  CLI_CREATE_DEFAULTS,
-  CLI_DEV_DEFAULTS,
-  CLI_GENERATE_DEFAULTS,
-  CLI_INSTALL_DEFAULTS,
-  CLI_NEW_DEFAULTS,
-  CLI_START_DEFAULTS,
-} from '$lib/server/cli/cli-defaults';
-
-import { formatFrom } from '@utils/format';
-
-import type { Context } from '@utils-server/request-handler';
-
-import { CliError } from './cli-error';
-import type {
-  CliBuildOptions,
-  CliCreateOptions,
-  CliDevOptions,
-  CliGenerateOptions,
-  CliInstallOptions,
-  CliNewOptions,
-  CliPartial,
-  CliRunOptions,
-  CliStartOptions,
-} from './cli.type';
-
-export class Cli {
-  private readonly _projectPath?: string;
-
-  constructor(context: Context) {
-    this._projectPath = context.project?.path;
-  }
-
-  new(opts: CliPartial<CliNewOptions, 'name' | 'directory'>, runOpts?: CliRunOptions): void {
-    return this.runCommand('new', [], { ...opts }, CLI_NEW_DEFAULTS, runOpts);
-  }
-
-  install(
-    pkgs: [string, ...string[]],
-    opts: CliPartial<CliInstallOptions>,
-    runOpts?: CliRunOptions,
-  ): void {
-    this.assertProject();
-    return this.runCommand(
-      'install',
-      pkgs,
-      { ...opts, directory: this._projectPath },
-      CLI_INSTALL_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  build(opts: CliPartial<CliBuildOptions>, runOpts?: CliRunOptions): void {
-    this.assertProject();
-    return this.runCommand(
-      'build',
-      [],
-      { ...opts, directory: this._projectPath },
-      CLI_BUILD_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  start(opts: CliPartial<CliStartOptions>, runOpts?: CliRunOptions): void {
-    this.assertProject();
-    return this.runCommand(
-      'start',
-      [],
-      { ...opts, directory: this._projectPath },
-      CLI_START_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  dev(opts: CliPartial<CliDevOptions>, runOpts?: CliRunOptions): void {
-    this.assertProject();
-    return this.runCommand(
-      'dev',
-      [],
-      { ...opts, directory: this._projectPath },
-      CLI_DEV_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  generate(opts: CliPartial<CliGenerateOptions>, runOpts?: CliRunOptions): void {
-    this.assertProject();
-    return this.runCommand(
-      'generate',
-      [],
-      { ...opts, directory: this._projectPath },
-      CLI_GENERATE_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  create(
-    part: 'component' | 'system',
-    opts: CliPartial<CliCreateOptions, 'name'>,
-    runOpts?: CliRunOptions,
-  ): void {
-    this.assertProject();
-    return this.runCommand(
-      'create',
-      [part],
-      { ...opts, directory: this._projectPath },
-      CLI_CREATE_DEFAULTS,
-      runOpts,
-    );
-  }
-
-  private runCommand(
-    command: string,
-    params: string[],
-    opts: Record<string, string | boolean | undefined>,
-    defaultOpts: Record<string, string | boolean | undefined>,
-    { async = false }: CliRunOptions = {},
-  ): void {
-    const fullCommand = [
-      env.NF_CLI_PATH ?? 'nf',
-      command,
-      ...params,
-      ...this.resolveParams(opts, defaultOpts),
-    ];
-
-    if (async) {
-      const res = Bun.spawn(fullCommand, {
-        stdout: 'pipe',
-        stderr: 'pipe',
-        cwd: env.FS_ROOT ?? undefined,
-      });
-      res.exited.then((exitCode) => {
-        if (exitCode !== 0) {
-          console.log(res.stdout.toString());
-          console.error(res.stderr.toString());
-          throw new CliError(res.stderr.toString());
-        }
-      });
-    } else {
-      const res = Bun.spawnSync(fullCommand, {
-        stdout: 'pipe',
-        stderr: 'pipe',
-        cwd: env.FS_ROOT ?? undefined,
-      });
-
-      if (res.exitCode !== 0) {
-        console.log(res.stdout.toString());
-        console.error(res.stderr.toString());
-        throw new CliError(res.stderr.toString());
-      }
-    }
-  }
-
-  private mergeParams(
-    ...opts: Record<string, string | boolean | undefined>[]
-  ): Record<string, string | boolean | undefined> {
-    const merged: Record<string, string | boolean | undefined> = {};
-    for (const opt of opts) {
-      for (const [key, value] of Object.entries(opt)) {
-        if (value === undefined) continue;
-        merged[key] = value;
-      }
-    }
-    return merged;
-  }
-
-  private resolveParams(
-    opts: Record<string, string | boolean | undefined>,
-    defaultOpts: Record<string, string | boolean | undefined>,
-  ): string[] {
-    const params = [];
-    for (const [key, value] of Object.entries(this.mergeParams(defaultOpts, opts))) {
-      const name = formatFrom.camel(key).toKebab();
-
-      if (typeof value === 'boolean') {
-        if (value) params.push(`--${name}`);
-        else params.push(`--no-${name}`);
-      } else {
-        params.push(`--${name}`, `${value}`);
-      }
-    }
-    return params;
-  }
-
-  private assertProject() {
-    if (!this._projectPath) throw new CliError('No project path set');
-    if (!Bun.file(this._projectPath).exists()) throw new CliError('Project does not exist');
-  }
-}
diff --git a/src/lib/server/cli/cli.type.ts b/src/lib/server/cli/cli.type.ts
deleted file mode 100644
index 4b805fcf..00000000
--- a/src/lib/server/cli/cli.type.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-export type CliPartial<T, K extends keyof T | never = never> = (T extends { directory?: string }
-  ? Omit<Partial<T>, 'directory'>
-  : Partial<T>) &
-  Pick<T, K>;
-
-export interface CliRunOptions {
-  async?: boolean;
-}
-
-export interface CliNewOptions {
-  directory?: string;
-  name: string;
-  path?: string;
-  packageManager: 'npm' | 'pnpm' | 'yarn' | 'bun';
-  language: 'js' | 'ts';
-  strict: boolean;
-  server: boolean;
-  initFunctions?: boolean;
-  skipInstall: boolean;
-  docker: boolean;
-  lint?: false;
-  editor?: true;
-  git: boolean;
-  gitRemote: string | false;
-}
-
-export interface CliInstallOptions {
-  directory?: string;
-  lib?: true;
-  server?: true;
-}
-
-export interface CliBuildOptions {
-  directory?: string;
-  config?: string;
-  clientEntry?: string;
-  serverEntry?: string;
-  clientStaticDir?: string;
-  serverStaticDir?: string;
-  clientOutDir?: string;
-  serverOutDir?: string;
-  editor?: true;
-  watch?: true;
-}
-
-export interface CliStartOptions {
-  directory?: string;
-  config?: string;
-  clientDir?: string;
-  serverDir?: string;
-  watch?: true;
-  cert?: string;
-  key?: string;
-}
-
-export interface CliDevOptions {
-  directory?: string;
-  config?: string;
-  generate?: true;
-}
-
-export interface CliGenerateOptions {
-  directory?: string;
-  config?: string;
-  editor?: true;
-  watch?: true;
-}
-
-export interface CliCreateOptions {
-  directory?: string;
-  config?: string;
-  name: string;
-  server?: true;
-  path?: string;
-}
diff --git a/src/lib/server/cli/index.ts b/src/lib/server/cli/index.ts
deleted file mode 100644
index 52a67647..00000000
--- a/src/lib/server/cli/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Cli } from './cli';
diff --git a/src/lib/server/file-system/archive.ts b/src/lib/server/file-system/archive.ts
deleted file mode 100644
index a84bf0a6..00000000
--- a/src/lib/server/file-system/archive.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import micromatch from 'micromatch';
-import { join } from 'path';
-import * as tar from 'tar';
-
-import { Exception } from '@utils/exception';
-
-import type { Context, Handler } from '@utils-server/request-handler';
-
-import { resolveArchiveRootPath } from './file-system.functions';
-import { directoryContentToFileEntries } from './project-directory';
-
-interface Archive {
-  path: string;
-  sessionId: string;
-}
-
-const archives = new Map<string, Archive>();
-
-export class ArchiveSystem {
-  private readonly handler: Handler;
-  private readonly context: Context;
-  private readonly _rootPath: string;
-  private readonly _sessionId: string;
-
-  constructor(handler: Handler, context: Context) {
-    this.handler = handler;
-    this.context = context;
-    this._sessionId = context.session.id;
-    this._rootPath = resolveArchiveRootPath();
-  }
-
-  async create(ignoreFile: string = '.gitignore'): Promise<string> {
-    const dir = this.handler.fs.getDirectory('');
-
-    let files = directoryContentToFileEntries(dir.read(true)).map((n) =>
-      n.startsWith('/') ? n.slice(1) : n,
-    );
-    try {
-      const ignore = await Bun.file(join(dir.path, ignoreFile)).text();
-      files = micromatch.not(files, ignore.split('\n').filter(Boolean), {
-        dot: true,
-        contains: true,
-      });
-    } catch (e) {
-      console.warn(`Could not read ${ignoreFile} file`, e);
-    }
-
-    const id = `${this._resolveId()}.tgz`;
-
-    const path = join(this._rootPath, id);
-
-    await tar.c(
-      {
-        gzip: true,
-        file: path,
-        cwd: dir.path,
-      },
-      files,
-    );
-
-    archives.set(id, { sessionId: this._sessionId, path });
-    setTimeout(this._delete.bind(this, id), 1000 * 60 * 15);
-    return id;
-  }
-
-  async get(id: string): Promise<Bun.BunFile> {
-    const archive = archives.get(id);
-    if (!archive) throw new Exception('Not Found', 'Archive not found', 404);
-    if (archive.sessionId !== this._sessionId)
-      throw new Exception('Forbidden', 'Archive is not yours', 403);
-
-    return Bun.file(archive.path);
-  }
-  private async _delete(id: string): Promise<void> {
-    const archive = archives.get(id);
-    if (!archive) return;
-    try {
-      await Bun.file(archive.path).delete();
-      archives.delete(id);
-    } catch (e) {
-      console.error('Could not delete archive', e);
-    }
-  }
-
-  private _resolveId(): string {
-    return `${this.context.project.path.split('/').pop() ?? 'unknown'}-${new Date().toISOString()}`;
-  }
-}
diff --git a/src/lib/server/file-system/file-system-error.ts b/src/lib/server/file-system/file-system-error.ts
deleted file mode 100644
index 401ec2ee..00000000
--- a/src/lib/server/file-system/file-system-error.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Exception } from '@utils/exception';
-
-export class FileSystemError extends Exception {
-  constructor(message: string) {
-    super('Bad Request', message, 400);
-  }
-}
diff --git a/src/lib/server/file-system/file-system.functions.ts b/src/lib/server/file-system/file-system.functions.ts
deleted file mode 100644
index 78c71c55..00000000
--- a/src/lib/server/file-system/file-system.functions.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { resolve } from 'path';
-
-import { env } from '$env/dynamic/private';
-
-export const resolveRootPath = (userPath: string) => {
-  const rootPath = resolve(env.FS_ROOT ?? '');
-
-  return resolve(rootPath, userPath);
-};
-
-export const resolveArchiveRootPath = () => {
-  return resolve(env.ARCHIVE_ROOT ?? '');
-};
diff --git a/src/lib/server/file-system/file-system.ts b/src/lib/server/file-system/file-system.ts
deleted file mode 100644
index cd4376b5..00000000
--- a/src/lib/server/file-system/file-system.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Exception } from '@utils/exception';
-
-import type { Context } from '@utils-server/request-handler/context';
-
-import { resolveRootPath } from './file-system.functions';
-import { ProjectDirectory } from './project-directory';
-import { ProjectFile } from './project-file';
-
-export class FileSystem {
-  private readonly _rootPath: string;
-
-  constructor(arg: string | Context) {
-    if (typeof arg === 'string') {
-      this._rootPath = resolveRootPath(arg);
-      return;
-    }
-
-    if (!arg.project) {
-      throw new Exception('Bad Request', 'Project is not defined', 400);
-    }
-
-    this._rootPath = resolveRootPath(arg.project.path);
-  }
-
-  getDirectory(path: string) {
-    return new ProjectDirectory(path, this._rootPath);
-  }
-
-  getFile(path: string) {
-    return new ProjectFile(path, this._rootPath);
-  }
-}
diff --git a/src/lib/server/file-system/index.ts b/src/lib/server/file-system/index.ts
deleted file mode 100644
index 6ccae8d7..00000000
--- a/src/lib/server/file-system/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { ArchiveSystem } from './archive';
-export { FileSystem } from './file-system';
-export { directoryContentToFileEntries, type ProjectDirectory } from './project-directory';
-export type { ProjectFile } from './project-file';
diff --git a/src/lib/server/file-system/project-directory.ts b/src/lib/server/file-system/project-directory.ts
deleted file mode 100644
index 7003aefd..00000000
--- a/src/lib/server/file-system/project-directory.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import fs from 'node:fs';
-import { dirname, resolve } from 'path';
-
-import { FileSystemError } from './file-system-error';
-
-export type DirectoryContent = {
-  files: string[];
-  directories: Record<string, DirectoryContent | null>;
-};
-
-export function directoryContentToFileEntries(
-  directoryContent: DirectoryContent,
-  basePath: string = '',
-) {
-  const entries: string[] = [];
-
-  directoryContent.files.forEach((file) => {
-    entries.push(basePath + '/' + file);
-  });
-  Object.entries(directoryContent.directories).forEach(([path, dirContent]) => {
-    if (!dirContent) return;
-    entries.push(...directoryContentToFileEntries(dirContent, basePath + '/' + path));
-  });
-  return entries;
-}
-
-export class ProjectDirectory {
-  public path: string;
-  private readonly projectPath: string;
-
-  constructor(dirPath: string, projectPath: string) {
-    this.path = resolve(projectPath, './' + dirPath);
-    this.projectPath = projectPath;
-
-    this._checkPathIsInsideProject();
-  }
-
-  read(recursive: boolean = false, createIfNotExist: boolean = false): DirectoryContent {
-    if (createIfNotExist) {
-      if (!fs.existsSync(this.path)) this.create();
-    }
-    this._checkPathExists();
-    this._checkPathIsDir();
-    this._checkPathIsReadable();
-    return this._readDirContent(this.path, recursive);
-  }
-
-  create(path: string = this.path): void {
-    this._checkPathNotExists();
-
-    fs.mkdirSync(path, { recursive: true });
-  }
-
-  delete(recursive: boolean = false): void {
-    this._checkPathExists();
-    this._checkPathIsDir();
-    if (!recursive) {
-      this._checkDirIsEmpty();
-    }
-    fs.rmSync(this.path, { recursive: recursive });
-  }
-
-  rename(newPath: string): void {
-    const absoluteNewDirPath = resolve(this.projectPath, './' + newPath);
-    this._checkPathIsInsideProject(absoluteNewDirPath);
-    this._checkPathExists();
-    this._checkPathIsDir();
-    this._checkPathIsWritable();
-    const newFolderPath = dirname(absoluteNewDirPath);
-    this._checkPathExists(newFolderPath);
-    this._checkPathIsWritable(newFolderPath);
-    this._checkPathNotExists(absoluteNewDirPath);
-    fs.renameSync(this.path, absoluteNewDirPath);
-    this.path = absoluteNewDirPath;
-  }
-
-  assertExists() {
-    this._checkPathExists();
-    this._checkPathIsDir();
-    this._checkPathIsReadable();
-  }
-
-  private _checkPathIsInsideProject(path: string = this.path) {
-    if (!path.startsWith(this.projectPath)) {
-      throw new FileSystemError(`Path ${path} is outside of the project directory`);
-    }
-  }
-
-  private _checkPathExists(path: string = this.path) {
-    if (!fs.existsSync(path)) {
-      throw new FileSystemError(`Path ${path} should exist`);
-    }
-  }
-
-  private _checkPathNotExists(path: string = this.path) {
-    if (fs.existsSync(path)) {
-      throw new FileSystemError(`Path ${path} should not exist`);
-    }
-  }
-
-  private _checkPathIsDir(path: string = this.path) {
-    let stats: fs.Stats;
-    try {
-      stats = fs.lstatSync(path);
-    } catch {
-      throw new FileSystemError(`Path ${path} does not exist`);
-    }
-    if (!stats.isDirectory()) {
-      throw new FileSystemError(`Path ${path} is not a directory`);
-    }
-  }
-
-  private _checkPathIsWritable(path: string = this.path) {
-    try {
-      fs.accessSync(path, fs.constants.W_OK);
-    } catch {
-      throw new FileSystemError(`Path ${path} writable`);
-    }
-  }
-
-  private _checkPathIsReadable(path: string = this.path) {
-    try {
-      fs.accessSync(path, fs.constants.R_OK);
-    } catch {
-      throw new FileSystemError(`Path ${path} writable`);
-    }
-  }
-
-  private _checkDirIsEmpty(path: string = this.path) {
-    if (fs.readdirSync(path).length > 0) {
-      throw new FileSystemError(`Directory ${path} is not empty`);
-    }
-  }
-
-  private _readDirContent(path: string = this.path, recursive: boolean = false): DirectoryContent {
-    const dirContent: DirectoryContent = {
-      files: [],
-      directories: {},
-    };
-    fs.readdirSync(path, { withFileTypes: true, recursive: false }).forEach((item) => {
-      if (item.isFile()) {
-        dirContent.files.push(item.name);
-      } else if (item.isDirectory()) {
-        dirContent.directories[item.name] = recursive
-          ? this._readDirContent(path + '/' + item.name, recursive)
-          : null;
-      }
-    });
-    return dirContent;
-  }
-}
diff --git a/src/lib/server/file-system/project-file.ts b/src/lib/server/file-system/project-file.ts
deleted file mode 100644
index a17e3c51..00000000
--- a/src/lib/server/file-system/project-file.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-
-import { FileSystemError } from './file-system-error';
-
-export class ProjectFile {
-  private _path: string;
-  private readonly projectPath: string;
-
-  constructor(filePath: string, projectPath: string) {
-    this._path = path.resolve(projectPath, './' + filePath);
-    this.projectPath = projectPath;
-
-    this._checkPathIsInsideProject();
-  }
-
-  get path(): string {
-    this._checkPathExists();
-    return this._path;
-  }
-
-  read(encoding?: BufferEncoding): string {
-    this.isReadable();
-    return fs.readFileSync(this._path).toString(encoding);
-  }
-
-  readStream(): ReadableStream {
-    this.isReadable();
-    const file = Bun.file(this._path);
-    return file.stream();
-  }
-
-  readJson<T = any>(): T {
-    const raw = this.read();
-    return JSON.parse(raw) as T;
-  }
-
-  write(text: string): void {
-    this._checkWritableAndCreateFolder();
-    fs.writeFileSync(this._path, text, { flush: true });
-  }
-
-  writeJson(content: any): void {
-    const raw = JSON.stringify(content);
-    this.write(raw);
-  }
-
-  getWriteStream(): fs.WriteStream {
-    this._checkWritableAndCreateFolder();
-    return fs.createWriteStream(this._path);
-  }
-
-  delete(): void {
-    this._checkPathExists();
-    this._checkPathIsFile();
-    this._checkPathIsWritable();
-    fs.rmSync(this._path);
-  }
-
-  rename(newPath: string): void {
-    const absoluteNewPath = path.resolve(this.projectPath, './' + newPath);
-    this._checkPathIsInsideProject(newPath);
-    this._checkPathExists();
-    this._checkPathIsFile();
-    this._checkPathIsWritable();
-    const newFolderPath = path.dirname(absoluteNewPath);
-    this._checkPathExists(newFolderPath);
-    this._checkPathIsWritable(newFolderPath);
-    this._checkPathNotExists(absoluteNewPath);
-    fs.renameSync(this._path, absoluteNewPath);
-    this._path = absoluteNewPath;
-  }
-
-  isReadable(): void {
-    this._checkPathExists();
-    this._checkPathIsFile();
-    this._checkPathIsReadable();
-  }
-
-  private _checkWritableAndCreateFolder(): void {
-    const folderPath = path.dirname(this._path);
-    try {
-      this._checkPathExists(folderPath);
-    } catch {
-      fs.mkdirSync(folderPath, { recursive: true });
-    }
-    if (fs.existsSync(this._path)) {
-      this._checkPathIsFile();
-      this._checkPathIsWritable();
-    } else {
-      this._checkPathExists(folderPath);
-      this._checkPathIsDir(folderPath);
-      this._checkPathIsWritable(folderPath);
-    }
-  }
-
-  private _checkPathIsInsideProject(path: string = this._path) {
-    if (!path.startsWith(this.projectPath)) {
-      throw new FileSystemError(`Path ${path} is outside of the project directory`);
-    }
-  }
-
-  private _checkPathExists(path: string = this._path) {
-    if (!fs.existsSync(path)) {
-      throw new FileSystemError(`Path ${path} should exist`);
-    }
-  }
-
-  private _checkPathNotExists(path: string = this._path) {
-    if (fs.existsSync(path)) {
-      throw new FileSystemError(`Path ${path} should not exist`);
-    }
-  }
-
-  private _checkPathIsFile(path: string = this._path) {
-    let stats: fs.Stats;
-    try {
-      stats = fs.lstatSync(path);
-    } catch {
-      throw new FileSystemError(`Path ${path} does not exist`);
-    }
-    if (!stats.isFile()) {
-      throw new FileSystemError(`Path ${path} is not a this.path`);
-    }
-  }
-
-  private _checkPathIsDir(path: string = this._path) {
-    let stats: fs.Stats;
-    try {
-      stats = fs.lstatSync(path);
-    } catch {
-      throw new FileSystemError(`Path ${path} does not exist`);
-    }
-    if (!stats.isDirectory()) {
-      throw new FileSystemError(`Path ${path} is not a directory`);
-    }
-  }
-
-  private _checkPathIsWritable(path: string = this._path) {
-    try {
-      fs.accessSync(path, fs.constants.W_OK);
-    } catch {
-      throw new FileSystemError(`Path ${path} writable`);
-    }
-  }
-
-  private _checkPathIsReadable(path: string = this._path) {
-    try {
-      fs.accessSync(path, fs.constants.R_OK);
-    } catch {
-      throw new FileSystemError(`Path ${path} writable`);
-    }
-  }
-}
diff --git a/src/lib/server/git/git.ts b/src/lib/server/git/git.ts
deleted file mode 100644
index 18bffe48..00000000
--- a/src/lib/server/git/git.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { $ } from 'bun';
-import { existsSync } from 'fs';
-import { resolve } from 'path';
-
-import { env } from '$env/dynamic/private';
-
-import type { Context } from '@utils-server/request-handler';
-import { generateKey } from '@utils-server/string';
-
-export class Git {
-  private readonly _rootPath: string;
-  private readonly _token: string | null;
-  private readonly _path: string;
-
-  constructor(context: Context) {
-    this._rootPath = resolve(env.FS_ROOT ?? '');
-    this._token = context.project.gateway?.token ?? null;
-    this._path = context.project.path;
-  }
-
-  async clone(url: string): Promise<string> {
-    const path = await this.resolvePath(url);
-    if (existsSync(path)) return path;
-    if (this._token)
-      url = url.replace('https://github.com/', `https://oauth2:${this._token}@github.com/`);
-    await this.runCommand('clone', [url, path]);
-    return path;
-  }
-
-  async push() {
-    await this.runCommand('add', ['--all'], { path: this._path });
-    const res = await this.runCommand('status', [], { path: this._path });
-    if (res.stdout.includes('nothing to commit')) return;
-    await this.runCommand('commit', ['-m', `nanoforged at ${new Date().toISOString()}`], {
-      path: this._path,
-    });
-    await this.runCommand('push', ['-u', 'origin', 'main'], { path: this._path });
-  }
-
-  private runCommand(command: string, params: string[], options?: { path?: string }) {
-    const cwd = resolve(this._rootPath, options?.path ?? '');
-
-    return $`git ${command} ${params}`.cwd(cwd).env({ ...process.env });
-  }
-
-  private async resolvePath(url: string) {
-    const basePath = url.split('/').pop()?.replace('.git', '');
-    if (!basePath) throw new Error('Invalid URL');
-
-    const fullBasePath = resolve(this._rootPath, basePath);
-    let path = fullBasePath;
-
-    while (await Bun.file(path).exists()) path = resolve(fullBasePath, generateKey(5));
-    return path;
-  }
-}
diff --git a/src/lib/server/git/index.ts b/src/lib/server/git/index.ts
deleted file mode 100644
index 3a6f0733..00000000
--- a/src/lib/server/git/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Git } from './git';
diff --git a/src/lib/server/project/index.ts b/src/lib/server/project/index.ts
deleted file mode 100644
index 1df00d0e..00000000
--- a/src/lib/server/project/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { loadProject } from './load-project';
-export type { Project } from './project.type';
-export { ProjectHandler } from './project-handler';
-export { ProjectManager } from './project-manager';
diff --git a/src/lib/server/project/library/index.ts b/src/lib/server/project/library/index.ts
deleted file mode 100644
index a08aaebf..00000000
--- a/src/lib/server/project/library/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './library.type';
diff --git a/src/lib/server/project/library/library-handler.ts b/src/lib/server/project/library/library-handler.ts
deleted file mode 100644
index 5eaebad6..00000000
--- a/src/lib/server/project/library/library-handler.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import type { ProjectHandler } from '$lib/server/project';
-
-import { formatFrom } from '@utils/format';
-
-import type { LibraryPackage } from './library.type';
-
-export class LibraryHandler {
-  private readonly handler: ProjectHandler;
-
-  constructor(handler: ProjectHandler) {
-    this.handler = handler;
-  }
-
-  async installLibrary(name: string): Promise<LibraryPackage> {
-    this.handler._cli.install([name], {
-      server: this.handler._part === 'server' || undefined,
-      lib: true,
-    });
-
-    return {
-      save: {
-        id: this._resolveIdFromName(name),
-        type: '',
-        name: '',
-        path: name,
-      },
-    };
-  }
-
-  private _resolveIdFromName(name: string): string {
-    const [org, pkg] = name.split('/');
-    if (!org || !pkg) throw new Error('Invalid library name');
-    const id = !pkg ? org : pkg;
-    return `${formatFrom.kebab(id).toCamel()}Library`;
-  }
-}
diff --git a/src/lib/server/project/library/library.type.ts b/src/lib/server/project/library/library.type.ts
deleted file mode 100644
index 20096aac..00000000
--- a/src/lib/server/project/library/library.type.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { SaveLibrary } from '@utils/types';
-
-export interface LibraryPackage {
-  save: SaveLibrary;
-}
diff --git a/src/lib/server/project/load-project.ts b/src/lib/server/project/load-project.ts
deleted file mode 100644
index dc28a3eb..00000000
--- a/src/lib/server/project/load-project.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import {
-  type SessionProject,
-  addProjectToSession,
-  getOrCreateSession,
-  tryAddProjectSession,
-} from '$lib/server/session';
-import { getProject } from '$lib/server/session/project/project-functions';
-
-import { Exception } from '@utils/exception';
-
-import type { Handler } from '@utils-server/request-handler';
-
-import type { Project } from './project.type';
-
-export const loadProject = async (
-  projectSession: SessionProject,
-  handler: Handler,
-): Promise<Project> => {
-  // @todo remake this route and session system as it's set before the project is loaded
-
-  const session = await getOrCreateSession(handler.event.locals.session);
-  const projectId = tryAddProjectSession(projectSession);
-  addProjectToSession(session, projectId);
-
-  handler.context = { ...handler.context, project: projectSession };
-
-  return {
-    id: projectId,
-    cacheResolvable: handler.context.online
-      ? (projectSession.gateway?.id as string)
-      : projectSession.path,
-  };
-};
-
-export const loadProjectFromId = async (id: string, handler: Handler): Promise<Project> => {
-  // @todo remake this route and session system as it's set before the project is loaded
-
-  const session = await getOrCreateSession(handler.event.locals.session);
-  const projectSession = getProject(id, session);
-
-  if (!projectSession) throw new Exception('Bad Request', 'Project not found', 400);
-
-  addProjectToSession(session, id);
-
-  handler.context = { ...handler.context, project: projectSession };
-
-  return {
-    id,
-    cacheResolvable: handler.context.online
-      ? (projectSession.gateway?.id as string)
-      : projectSession.path,
-  };
-};
diff --git a/src/lib/server/project/loader/env.ts b/src/lib/server/project/loader/env.ts
deleted file mode 100644
index c4834d0d..00000000
--- a/src/lib/server/project/loader/env.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { config } from 'dotenv';
-import { resolve } from 'path';
-
-import type { Part } from '@utils/types';
-
-const PREFIX_CLIENT = 'NANOFORGE_CLIENT_';
-const PREFIX_SERVER = 'NANOFORGE_SERVER_';
-const PREFIX = 'NANOFORGE_';
-
-const loadEnv = (path: string): Record<string, string> => {
-  const env = {};
-  config({ path, processEnv: env });
-  return env;
-};
-
-const parseEnv = (part: Part, env: Record<string, string>): Record<string, string> => {
-  const partPrefix = part === 'client' ? PREFIX_CLIENT : PREFIX_SERVER;
-  return Object.fromEntries(
-    Object.entries(env)
-      .filter(
-        ([key]) =>
-          key.startsWith(PREFIX) &&
-          ((part === 'client' && !key.startsWith(PREFIX_SERVER)) ||
-            (part === 'server' && !key.startsWith(PREFIX_CLIENT))),
-      )
-      .map(([key, value]) => [key.replace(new RegExp(`^${partPrefix}|${PREFIX}`), ''), value]),
-  );
-};
-
-export const resolveEnv = (part: Part, projectPath: string) => {
-  return parseEnv(part, loadEnv(resolve(projectPath, '.env')));
-};
diff --git a/src/lib/server/project/loader/index.ts b/src/lib/server/project/loader/index.ts
deleted file mode 100644
index 0223844c..00000000
--- a/src/lib/server/project/loader/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Loader } from './loader';
diff --git a/src/lib/server/project/loader/loader.ts b/src/lib/server/project/loader/loader.ts
deleted file mode 100644
index f06f6699..00000000
--- a/src/lib/server/project/loader/loader.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { join } from 'path';
-
-import {
-  FileSystem,
-  type ProjectFile,
-  directoryContentToFileEntries,
-} from '$lib/server/file-system';
-
-import type { ProjectHandler } from '../project-handler';
-import { resolveEnv } from './env';
-import type { Manifest } from './types';
-
-export class Loader {
-  private readonly handler: ProjectHandler;
-  private readonly _fs: FileSystem;
-  private readonly _basePath: string;
-
-  constructor(handler: ProjectHandler) {
-    this.handler = handler;
-    this._basePath = join(this.handler._path, '.nanoforge', this.handler._part);
-    this._fs = new FileSystem(this._basePath);
-  }
-
-  getEnv(): Record<string, string> {
-    return resolveEnv(this.handler._part, this.handler._path);
-  }
-
-  getManifest(): Manifest {
-    const entries = directoryContentToFileEntries(this._fs.getDirectory('.').read(true));
-    return {
-      version: '1.0.0',
-      files: entries.map((path) => ({ path })),
-    };
-  }
-
-  getFile(path: string): ProjectFile {
-    return this._fs.getFile(path);
-  }
-}
diff --git a/src/lib/server/project/loader/types.ts b/src/lib/server/project/loader/types.ts
deleted file mode 100644
index 7973dea5..00000000
--- a/src/lib/server/project/loader/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Manifest {
-  version: string;
-  files: { path: string }[];
-}
diff --git a/src/lib/server/project/package/index.ts b/src/lib/server/project/package/index.ts
deleted file mode 100644
index df8afa17..00000000
--- a/src/lib/server/project/package/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './package.enum';
-export * from './package.type';
diff --git a/src/lib/server/project/package/manifest/manifest-handler.ts b/src/lib/server/project/package/manifest/manifest-handler.ts
deleted file mode 100644
index 57ef9e1b..00000000
--- a/src/lib/server/project/package/manifest/manifest-handler.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { join } from 'path';
-
-import { FileSystemError } from '$lib/server/file-system/file-system-error';
-import type { ProjectHandler } from '$lib/server/project';
-
-import { PACKAGES_PATH, PACKAGES_PATH_FORMATTER } from '../package.const';
-import { PackageTypeEnum } from '../package.enum';
-import type { ManifestPackage, PackageType } from '../package.type';
-import { resolveManifest } from './manifest-resolver';
-
-const resolveSave = <T extends ManifestPackage>(
-  type: T,
-  name: string,
-  path: string,
-  manifest: PackageType<T>['manifest'],
-): PackageType<T>['save'] => {
-  const base = { name, path };
-  if (type === PackageTypeEnum.SYSTEM) return base;
-  return {
-    ...base,
-    paramsNames: (manifest as PackageType<PackageTypeEnum.COMPONENT>['manifest']).params.map(
-      ({ name }) => name,
-    ),
-  };
-};
-
-export class ManifestHandler {
-  private readonly handler: ProjectHandler;
-
-  constructor(handler: ProjectHandler) {
-    this.handler = handler;
-  }
-
-  resolveFromName<T extends ManifestPackage>(type: T, rawName: string): PackageType<T> {
-    return this.resolveFromFilename(type, PACKAGES_PATH_FORMATTER[type](rawName));
-  }
-
-  resolveFromFilename<T extends ManifestPackage>(type: T, filename: string): PackageType<T> {
-    const path = join(PACKAGES_PATH[type], filename);
-
-    return this.resolveFromPath(type, path);
-  }
-
-  resolveFromPath<T extends ManifestPackage>(type: T, path: string): PackageType<T> {
-    const manifest = this._resolveManifest(type, path);
-
-    return {
-      manifest,
-      save: resolveSave(type, manifest.id, path, manifest),
-    } as PackageType<T>;
-  }
-
-  private _resolveManifest<T extends ManifestPackage>(
-    type: T,
-    path: string,
-  ): PackageType<T>['manifest'] {
-    return this._findPackageManifest((p) => this._getPackageManifest(type, p), path);
-  }
-
-  private _getPackageManifest<T extends ManifestPackage>(
-    type: T,
-    path: string,
-  ): PackageType<T>['manifest'] {
-    const content = this.handler._rootFs.getFile(this._resolvePartPath(path)).read();
-    return resolveManifest(type, content);
-  }
-
-  private _findPackageManifest<T extends ManifestPackage>(
-    manifestGetter: (path: string) => PackageType<T>['manifest'],
-    path: string,
-  ): PackageType<T>['manifest'] {
-    const manifest = ['', '.ts', '.js'].reduce(
-      (result: PackageType<T>['manifest'] | undefined, p) => {
-        if (result) return result;
-
-        try {
-          return manifestGetter(path + p);
-        } catch (e) {
-          if (!(e instanceof FileSystemError)) throw e;
-        }
-      },
-      undefined,
-    );
-
-    if (!manifest) {
-      throw new FileSystemError("Can't find package manifest");
-    }
-    return manifest;
-  }
-
-  private _resolvePartPath(path: string): string {
-    return join(this.handler._part, path);
-  }
-}
diff --git a/src/lib/server/project/package/manifest/manifest-resolver.ts b/src/lib/server/project/package/manifest/manifest-resolver.ts
deleted file mode 100644
index 52a150f6..00000000
--- a/src/lib/server/project/package/manifest/manifest-resolver.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import ts, { type Expression, type ObjectLiteralElementLike } from 'typescript';
-
-import { PackageTypeEnum } from '../package.enum';
-import type { ManifestPackage } from '../package.type';
-
-export const MANIFEST_TITLES = {
-  [PackageTypeEnum.COMPONENT]: 'EDITOR_COMPONENT_MANIFEST',
-  [PackageTypeEnum.SYSTEM]: 'EDITOR_SYSTEM_MANIFEST',
-} as const;
-
-const findManifestNode = (title: string, source: ts.SourceFile): ts.VariableDeclaration | null => {
-  let res = null;
-  source.forEachChild((node) => {
-    if (!ts.isVariableStatement(node)) return;
-    node.declarationList.declarations.forEach((decl) => {
-      if (!ts.isVariableDeclaration(decl)) return;
-      if (decl.name.getText() === title) res = decl;
-    });
-  });
-  return res;
-};
-
-const getName = (source: ts.SourceFile): string | null => {
-  let res = null;
-  source.forEachChild((node) => {
-    if (!ts.isExportAssignment(node)) return;
-    if (
-      !node.getChildren().some((n) => n.getText() === 'export') ||
-      !node.getChildren().some((n) => n.getText() === 'default')
-    )
-      return;
-    res = node.expression.getFirstToken()?.getText();
-  });
-  return res;
-};
-
-const parseProperty = (prop: ObjectLiteralElementLike): any => {
-  if (!ts.isPropertyAssignment(prop)) return {};
-
-  const name = prop.name.getText();
-  const value = prop.initializer;
-  if (!value) return {};
-
-  return { [name]: parseElement(value) };
-};
-
-const parseElement = (value: Expression): any => {
-  if (ts.isStringLiteral(value)) return value.text;
-  if (ts.isNumericLiteral(value)) return Number(value.text);
-  if (ts.isLiteralTypeLiteral(value)) {
-    const txt = value.getText();
-    if (txt === 'true') return true;
-    if (txt === 'false') return false;
-    if (txt === 'null') return null;
-    if (txt === 'undefined') return undefined;
-  }
-  if (ts.isArrayLiteralExpression(value)) return value.elements.map((el) => parseElement(el));
-  if (ts.isObjectLiteralExpression(value))
-    return value.properties.reduce((acc, prop) => {
-      return { ...acc, ...parseProperty(prop) };
-    }, {});
-  throw new Error('Unknown element type');
-};
-
-const getManifestFromNode = (source: ts.VariableDeclaration | null): any | null => {
-  if (!source) return null;
-
-  const init = source.initializer;
-  if (!init) return null;
-  if (!ts.isObjectLiteralExpression(init)) return null;
-
-  return parseElement(init);
-};
-
-const parseManifest = (type: ManifestPackage, source: ts.SourceFile): any | null => {
-  const id = getName(source);
-  const manifest = getManifestFromNode(findManifestNode(MANIFEST_TITLES[type], source));
-  if (!id || !manifest) return null;
-  return { id, type, ...manifest };
-};
-
-export const resolveManifest = (type: ManifestPackage, content: string): any | null => {
-  const source = ts.createSourceFile('tmp.ts', content, ts.ScriptTarget.ESNext, true);
-  return parseManifest(type, source);
-};
diff --git a/src/lib/server/project/package/manifest/manifest.type.ts b/src/lib/server/project/package/manifest/manifest.type.ts
deleted file mode 100644
index 9df064b1..00000000
--- a/src/lib/server/project/package/manifest/manifest.type.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { EditorComponentManifest, EditorSystemManifest } from '@nanoforge-dev/ecs-lib';
-
-import { type PackageTypeEnum } from '../package.enum';
-
-export type ComponentManifest = EditorComponentManifest & {
-  id: string;
-  type: PackageTypeEnum.COMPONENT;
-};
-export type SystemManifest = EditorSystemManifest & { id: string; type: PackageTypeEnum.SYSTEM };
diff --git a/src/lib/server/project/package/package-handler.ts b/src/lib/server/project/package/package-handler.ts
deleted file mode 100644
index 8cc19451..00000000
--- a/src/lib/server/project/package/package-handler.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { join } from 'path';
-
-import type { DirectoryContent } from '$lib/server/file-system/project-directory';
-import type { ProjectHandler } from '$lib/server/project';
-
-import { ManifestHandler } from './manifest/manifest-handler';
-import { PACKAGES_PATH } from './package.const';
-import { PackageTypeEnum } from './package.enum';
-import type {
-  AssetPackage,
-  ComponentPackage,
-  CreatablePackage,
-  PackageType,
-  SystemPackage,
-} from './package.type';
-
-export class PackageHandler {
-  private readonly handler: ProjectHandler;
-  private readonly manifestHandler: ManifestHandler;
-
-  constructor(handler: ProjectHandler) {
-    this.handler = handler;
-    this.manifestHandler = new ManifestHandler(handler);
-  }
-
-  async installPackages(names: [string, ...string[]]): Promise<PackageType[]> {
-    if (names.length === 0) return [];
-    this.handler._cli.install(names, { server: this.handler._part === 'server' || undefined });
-
-    return Promise.all(
-      names.map(async (name) => {
-        const r = await this.handler._api.registry.getPackage(name);
-        return this._resolvesPackage(r.type, r._file);
-      }),
-    );
-  }
-
-  createComponent(name: string): ComponentPackage {
-    this._createPackage(PackageTypeEnum.COMPONENT, name);
-    return this.manifestHandler.resolveFromName(PackageTypeEnum.COMPONENT, name);
-  }
-
-  createSystem(name: string): SystemPackage {
-    this._createPackage(PackageTypeEnum.SYSTEM, name);
-    return this.manifestHandler.resolveFromName(PackageTypeEnum.SYSTEM, name);
-  }
-
-  async getComponents(): Promise<ComponentPackage[]> {
-    return this._resolvesPackages(PackageTypeEnum.COMPONENT);
-  }
-
-  async getSystems(): Promise<SystemPackage[]> {
-    return this._resolvesPackages(PackageTypeEnum.SYSTEM);
-  }
-
-  async getAssets(): Promise<AssetPackage[]> {
-    return this._resolvesPackages(PackageTypeEnum.ASSET).map((asset) => ({
-      ...asset,
-      path: asset.path.replace(new RegExp(`^${PACKAGES_PATH.asset}/`), ''),
-    }));
-  }
-
-  private _resolvesPackages<T extends PackageTypeEnum>(type: T): PackageType<T>[] {
-    const basePath = PACKAGES_PATH[type];
-    const dir = this.handler.fs.getDirectory(basePath);
-    const content = dir.read(true, true);
-    const paths = this._resolvesPackageFilesPathFromContent(content);
-    return paths.map((path) => this._resolvesPackage<T>(type, path, basePath));
-  }
-
-  private _resolvesPackage<T extends PackageTypeEnum>(
-    type: T,
-    filename: string,
-    basePath: string = PACKAGES_PATH[type],
-  ): PackageType<T> {
-    const path = join(basePath, filename);
-
-    if (type === PackageTypeEnum.ASSET) return { path } as PackageType<T>;
-    return this.manifestHandler.resolveFromPath(type, path) as PackageType<T>;
-  }
-
-  private _resolvesPackageFilesPathFromContent(
-    content: DirectoryContent,
-    path: string = '',
-  ): string[] {
-    const files = content.files.map((file) => join(path, file));
-    const directories = Object.entries(content.directories).map(([key, value]) => {
-      if (!value) return [];
-      return this._resolvesPackageFilesPathFromContent(value, join(path, key)).filter(Boolean);
-    });
-
-    return [...files, ...directories.flat()];
-  }
-
-  private _createPackage(type: CreatablePackage, name: string): void {
-    this.handler._cli.create(type, {
-      name,
-      server: this.handler._part === 'server' || undefined,
-    });
-  }
-}
diff --git a/src/lib/server/project/package/package.const.ts b/src/lib/server/project/package/package.const.ts
deleted file mode 100644
index a9ad9aa6..00000000
--- a/src/lib/server/project/package/package.const.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { formatFrom } from '@utils/format';
-
-import { PackageTypeEnum } from './package.enum';
-
-export const PACKAGES_PATH: Record<PackageTypeEnum, string> = {
-  [PackageTypeEnum.COMPONENT]: 'components',
-  [PackageTypeEnum.SYSTEM]: 'systems',
-  [PackageTypeEnum.ASSET]: 'static',
-};
-
-export const PACKAGES_NAME_FORMATTER: Record<PackageTypeEnum, (n: string) => string> = {
-  [PackageTypeEnum.COMPONENT]: (n) => formatFrom.all(n).toPascal() + 'Component',
-  [PackageTypeEnum.SYSTEM]: (n) => formatFrom.all(n).toCamel() + 'System',
-  [PackageTypeEnum.ASSET]: (n) => n,
-};
-
-export const PACKAGES_PATH_FORMATTER: Record<PackageTypeEnum, (n: string) => string> = {
-  [PackageTypeEnum.COMPONENT]: (n) => formatFrom.all(n).toKebab() + '.component',
-  [PackageTypeEnum.SYSTEM]: (n) => formatFrom.all(n).toKebab() + '.system',
-  [PackageTypeEnum.ASSET]: (n) => n,
-};
diff --git a/src/lib/server/project/package/package.enum.ts b/src/lib/server/project/package/package.enum.ts
deleted file mode 100644
index 393991f4..00000000
--- a/src/lib/server/project/package/package.enum.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export enum PackageTypeEnum {
-  COMPONENT = 'component',
-  SYSTEM = 'system',
-  ASSET = 'asset',
-}
diff --git a/src/lib/server/project/package/package.type.ts b/src/lib/server/project/package/package.type.ts
deleted file mode 100644
index 9675fb36..00000000
--- a/src/lib/server/project/package/package.type.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { SaveComponent, SaveSystem } from '@utils/types';
-
-import type { ComponentManifest, SystemManifest } from './manifest/manifest.type';
-import type { PackageTypeEnum } from './package.enum';
-
-export interface ComponentPackage {
-  manifest: ComponentManifest;
-  save: SaveComponent;
-}
-
-export interface SystemPackage {
-  manifest: SystemManifest;
-  save: SaveSystem;
-}
-
-export interface AssetPackage {
-  path: string;
-}
-
-export interface Packages {
-  [PackageTypeEnum.COMPONENT]: ComponentPackage;
-  [PackageTypeEnum.SYSTEM]: SystemPackage;
-  [PackageTypeEnum.ASSET]: AssetPackage;
-}
-
-export type PackageType<T extends PackageTypeEnum | null = null> = T extends PackageTypeEnum
-  ? Packages[T]
-  : ComponentPackage | SystemPackage | AssetPackage;
-
-export type ManifestPackage = PackageTypeEnum.COMPONENT | PackageTypeEnum.SYSTEM;
-export type CreatablePackage = PackageTypeEnum.COMPONENT | PackageTypeEnum.SYSTEM;
diff --git a/src/lib/server/project/project-handler.ts b/src/lib/server/project/project-handler.ts
deleted file mode 100644
index 1213a0fe..00000000
--- a/src/lib/server/project/project-handler.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { join } from 'path';
-
-import type { Api } from '$lib/server/api';
-import type { Cli } from '$lib/server/cli';
-import { FileSystem } from '$lib/server/file-system';
-
-import { Exception } from '@utils/exception';
-import type { Part } from '@utils/types';
-
-import type { Context, Handler } from '@utils-server/request-handler';
-
-import { LibraryHandler } from './library/library-handler';
-import { Loader } from './loader';
-import { PackageHandler } from './package/package-handler';
-import { SaveHandler } from './save/save-handler';
-
-export class ProjectHandler {
-  public readonly _path: string;
-  public readonly _part: Part;
-  public readonly _cli: Cli;
-  public readonly _api: Api;
-  public readonly _rootFs: FileSystem;
-
-  private _fs: FileSystem | undefined;
-  private _loader: Loader | undefined;
-  private _save: SaveHandler | undefined;
-  private _package: PackageHandler | undefined;
-  private _library: LibraryHandler | undefined;
-
-  constructor(handler: Handler, context: Context, part: Part) {
-    if (!context.project) throw new Exception('Bad Request', 'Project missing in context', 400);
-    this._path = context.project.path;
-    this._part = part;
-    this._cli = handler.cli;
-    this._api = handler.api;
-    this._rootFs = handler.fs;
-  }
-
-  /**
-   * Get the file system of the project content
-   * This file system has his root at /<client|server>
-   */
-  get fs(): FileSystem {
-    if (!this._fs) this._fs = new FileSystem(join(this._path, this._part));
-    return this._fs;
-  }
-
-  /**
-   * Get the loader functions of the project
-   */
-  get loader(): Loader {
-    if (!this._loader) this._loader = new Loader(this);
-    return this._loader;
-  }
-
-  get save(): SaveHandler {
-    if (!this._save) this._save = new SaveHandler(this);
-    return this._save;
-  }
-
-  get package(): PackageHandler {
-    if (!this._package) this._package = new PackageHandler(this);
-    return this._package;
-  }
-
-  get library(): LibraryHandler {
-    if (!this._library) this._library = new LibraryHandler(this);
-    return this._library;
-  }
-}
diff --git a/src/lib/server/project/project-manager.ts b/src/lib/server/project/project-manager.ts
deleted file mode 100644
index 4edb79d9..00000000
--- a/src/lib/server/project/project-manager.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ProjectHandler } from '$lib/server/project/project-handler';
-
-import type { Context, Handler } from '@utils-server/request-handler';
-
-export class ProjectManager {
-  private readonly _handler: Handler;
-  private readonly _context: Context;
-
-  private _client: ProjectHandler | undefined;
-  private _server: ProjectHandler | undefined;
-
-  constructor(handler: Handler, context: Context) {
-    this._handler = handler;
-    this._context = context;
-  }
-
-  /**
-   * Get the client project handler
-   * @beta The separation between client and server projects is not the final goal of the project manager.
-   */
-  get client(): ProjectHandler {
-    if (!this._client) this._client = new ProjectHandler(this._handler, this._context, 'client');
-    return this._client;
-  }
-
-  /**
-   * Get the server project handler
-   * @beta The separation between client and server projects is not the final goal of the project manager.
-   */
-  get server(): ProjectHandler {
-    if (!this._server) this._server = new ProjectHandler(this._handler, this._context, 'server');
-    return this._server;
-  }
-}
diff --git a/src/lib/server/project/project.type.ts b/src/lib/server/project/project.type.ts
deleted file mode 100644
index d1324d0e..00000000
--- a/src/lib/server/project/project.type.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Project {
-  id: string;
-  cacheResolvable: string;
-}
diff --git a/src/lib/server/project/save/save-handler.ts b/src/lib/server/project/save/save-handler.ts
deleted file mode 100644
index 39540496..00000000
--- a/src/lib/server/project/save/save-handler.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { ProjectHandler } from '$lib/server/project';
-
-import type { Save } from '@utils/types';
-
-export class SaveHandler {
-  private readonly handler: ProjectHandler;
-
-  constructor(handler: ProjectHandler) {
-    this.handler = handler;
-  }
-
-  async getSave(): Promise<Save> {
-    return this.handler._rootFs.getFile(this.resolveSavePath()).readJson<Save>();
-  }
-
-  async updateSave(save: Save): Promise<void> {
-    this.handler._rootFs.getFile(this.resolveSavePath()).writeJson(save);
-  }
-
-  private resolveSavePath(): string {
-    return `.nanoforge/${this.handler._part}.save.json`;
-  }
-}
diff --git a/src/lib/server/session/index.ts b/src/lib/server/session/index.ts
deleted file mode 100644
index 6be6a3a2..00000000
--- a/src/lib/server/session/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './session-handle';
-export { resolveSession, addProjectToSession, getOrCreateSession } from './session-functions';
-export type { Session } from './session.type';
-export { resolveProject, tryAddProjectSession } from './project/project-functions';
-export type { SessionProject } from './project/project.type';
diff --git a/src/lib/server/session/project/project-functions.ts b/src/lib/server/session/project/project-functions.ts
deleted file mode 100644
index 1df1e9c1..00000000
--- a/src/lib/server/session/project/project-functions.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SESSION_PROJECT_HEADER } from '@utils/const';
-
-import { generateKey } from '@utils-server/string';
-
-import type { Session } from '../session.type';
-import { projectStore } from './project.store';
-import type { SessionProject } from './project.type';
-
-export const projectExists = (id: string | null | undefined) => {
-  return !!id && projectStore.has(id);
-};
-
-export const hasRightToAccessProject = (id: string | null | undefined, session: Session) => {
-  return projectExists(id) && session.projects.includes(id as string);
-};
-
-export const resolveProject = (headers: Headers, session: Session) => {
-  if (!session) return null;
-  if (!session.projects.length) return null;
-
-  const id = headers.get(SESSION_PROJECT_HEADER);
-  return getProject(id, session);
-};
-
-export const getProject = (id: string | null, session: Session) => {
-  if (!hasRightToAccessProject(id, session)) return null;
-
-  return projectStore.get(id as string) ?? null;
-};
-
-export const tryAddProjectSession = (session: SessionProject): string => {
-  let id = generateKey(10);
-  while (projectStore.has(id)) id = generateKey(10);
-  projectStore.set(id, session);
-  return id;
-};
diff --git a/src/lib/server/session/project/project.store.ts b/src/lib/server/session/project/project.store.ts
deleted file mode 100644
index 1563222a..00000000
--- a/src/lib/server/session/project/project.store.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { SessionProject } from '$lib/server/session/project/project.type';
-
-export const projectStore = new Map<string, SessionProject>();
diff --git a/src/lib/server/session/project/project.type.ts b/src/lib/server/session/project/project.type.ts
deleted file mode 100644
index a970c5bc..00000000
--- a/src/lib/server/session/project/project.type.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface SessionProject {
-  path: string;
-  gateway?: {
-    id: string;
-    token: string;
-  };
-}
diff --git a/src/lib/server/session/session-functions.ts b/src/lib/server/session/session-functions.ts
deleted file mode 100644
index 5332e5e6..00000000
--- a/src/lib/server/session/session-functions.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { Session as SvelteSession } from 'svelte-kit-sessions';
-
-import { Exception } from '@utils/exception';
-
-import { generateKey } from '@utils-server/string';
-
-import { PUBLIC_PATHS } from './session.const';
-import { sessionStore } from './session.store';
-import type { Session } from './session.type';
-
-export const isPublicPath = (url: URL) => {
-  return PUBLIC_PATHS.includes(url.pathname) || url.pathname.startsWith('/actions');
-};
-
-export const resolveSession = async (sessionHandler: SvelteSession): Promise<Session | null> => {
-  const id = sessionHandler.data.id;
-
-  if (!id) return null;
-
-  if (!sessionStore.has(id)) {
-    await resetSession(sessionHandler);
-    throw new Exception('Bad Request', 'Invalid session', 400);
-  }
-  return sessionStore.get(id) as Session;
-};
-
-export const isSessionExist = (id: string) => sessionStore.has(id);
-
-export const resetSession = (sessionHandler: SvelteSession): Promise<void> => {
-  return sessionHandler.destroy();
-};
-
-export const addProjectToSession = (session: Session, projectId: string): void => {
-  if (!sessionStore.has(session.id)) {
-    throw new Exception('Bad Request', 'Invalid session', 400);
-  }
-
-  sessionStore.set(session.id, {
-    ...session,
-    projects: Array.from(new Set([...session.projects, projectId]).values()),
-  });
-};
-
-export const getOrCreateSession = async (sessionHandler: SvelteSession): Promise<Session> => {
-  const session = await resolveSession(sessionHandler);
-  if (session) return session;
-
-  const id = generateKey(10);
-  sessionStore.set(id, { id, projects: [] });
-  await sessionHandler.setData({ id });
-  await sessionHandler.save();
-  return sessionStore.get(id) as Session;
-};
diff --git a/src/lib/server/session/session-handle.ts b/src/lib/server/session/session-handle.ts
deleted file mode 100644
index d7847734..00000000
--- a/src/lib/server/session/session-handle.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { type Handle, redirect } from '@sveltejs/kit';
-import { sveltekitSessionHandle } from 'svelte-kit-sessions';
-
-import { env } from '$env/dynamic/private';
-
-import { generateKey } from '@utils-server/string';
-
-import { isPublicPath, isSessionExist, resetSession } from './session-functions';
-
-export const sessionHandle = sveltekitSessionHandle({
-  secret: env.SESSION_SECRET || generateKey(),
-});
-
-export const checkAuthorizationHandle: Handle = async ({ event, resolve }) => {
-  const sessionData = event.locals.session.data;
-
-  if (isPublicPath(event.url)) return resolve(event);
-
-  if (!isSessionExist(sessionData.id)) {
-    await resetSession(event.locals.session);
-    throw redirect(302, '/');
-  }
-  return resolve(event);
-};
diff --git a/src/lib/server/session/session.const.ts b/src/lib/server/session/session.const.ts
deleted file mode 100644
index fda8772f..00000000
--- a/src/lib/server/session/session.const.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const PUBLIC_PATHS = ['/', '/load'];
diff --git a/src/lib/server/session/session.store.ts b/src/lib/server/session/session.store.ts
deleted file mode 100644
index d38664c4..00000000
--- a/src/lib/server/session/session.store.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { Session } from './session.type';
-
-export const sessionStore = new Map<string, Session>();
diff --git a/src/lib/server/session/session.type.ts b/src/lib/server/session/session.type.ts
deleted file mode 100644
index f1e09ff0..00000000
--- a/src/lib/server/session/session.type.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Session {
-  id: string;
-  projects: string[];
-}
diff --git a/src/lib/server/utils/cookies/index.ts b/src/lib/server/utils/cookies/index.ts
deleted file mode 100644
index 2c4e1108..00000000
--- a/src/lib/server/utils/cookies/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Cookies } from '@sveltejs/kit';
-
-import { env } from '$env/dynamic/private';
-
-import type { TokenResponse } from '$lib/server/api';
-
-export const setTokensInCookies = (
-  cookies: Cookies,
-  { accessToken, refreshToken, tokenExpiresAt }: TokenResponse,
-) => {
-  cookies.set('accessToken', accessToken, {
-    httpOnly: true,
-    secure: env.NODE_ENV === 'production',
-    sameSite: 'lax',
-    path: '/',
-    expires: new Date(tokenExpiresAt),
-  });
-
-  cookies.set('refreshToken', refreshToken, {
-    httpOnly: true,
-    secure: env.NODE_ENV === 'production',
-    sameSite: 'lax',
-    path: '/',
-    maxAge: 60 * 60 * 24 * 30, // 30 days
-  });
-};
diff --git a/src/lib/server/utils/request-handler/action-handler.ts b/src/lib/server/utils/request-handler/action-handler.ts
deleted file mode 100644
index b5aa17e2..00000000
--- a/src/lib/server/utils/request-handler/action-handler.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { type Action, type ActionFailure, fail } from '@sveltejs/kit';
-
-import { Exception } from '@utils/exception';
-
-import { parseFormDataBody } from './body';
-import { getContext } from './context';
-import { Handler } from './handler';
-import { assertRequest } from './request.policy';
-import type { Callback, RequestHandlerOptions } from './types';
-
-const handleError = (e: unknown): ActionFailure<{ error: string; message: unknown }> => {
-  console.error(e);
-  if (e instanceof Exception) {
-    return fail(e.status, { error: e.error, message: e.message });
-  }
-  return fail(500, { error: 'Internal Server Error', message: (e as any).toString() });
-};
-
-export const useActionHandler = <Body extends object = any>(
-  callback: Callback<Body>,
-  options?: RequestHandlerOptions<Body>,
-): Action => {
-  return async (event) => {
-    try {
-      const context = await getContext(event);
-
-      const body = await parseFormDataBody<Body>(await event.request.formData(), options?.body);
-
-      assertRequest(context, options);
-
-      const handler = new Handler<Body>(context, event, body);
-
-      return await callback(handler);
-    } catch (e) {
-      return handleError(e);
-    }
-  };
-};
diff --git a/src/lib/server/utils/request-handler/body.ts b/src/lib/server/utils/request-handler/body.ts
deleted file mode 100644
index d36b1d8d..00000000
--- a/src/lib/server/utils/request-handler/body.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { plainToInstance } from 'class-transformer';
-import { validate } from 'class-validator';
-
-import { Exception } from '@utils/exception';
-import type { ClassType } from '@utils/types';
-
-export const parseFormDataBody = <Body extends object = any>(
-  rawBody: FormData,
-  c: ClassType<Body> | undefined,
-): Promise<Body> => {
-  const baseBody = Object.fromEntries(
-    Array.from(rawBody.entries()).map(([key, value]) => [key, JSON.parse(value)]),
-  );
-  return parseBody(baseBody, c);
-};
-
-export const parseBody = async <Body extends object = any>(
-  baseBody: any,
-  c: ClassType<Body> | undefined,
-): Promise<Body> => {
-  if (!c) return baseBody as Body;
-  const data = plainToInstance(c, baseBody, {
-    excludeExtraneousValues: true,
-  });
-  const errors = await validate(data);
-  if (errors.length > 0)
-    throw new Exception(
-      'Bad Request',
-      `Invalid body :\n${errors.toString().replace(/,/g, '\n')}`,
-      400,
-    );
-  return baseBody as Body;
-};
diff --git a/src/lib/server/utils/request-handler/context.ts b/src/lib/server/utils/request-handler/context.ts
deleted file mode 100644
index 39f00abb..00000000
--- a/src/lib/server/utils/request-handler/context.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { RequestEvent } from '@sveltejs/kit';
-
-import { PUBLIC_MODE } from '$env/static/public';
-
-import {
-  type Session,
-  type SessionProject,
-  resolveProject,
-  resolveSession,
-} from '$lib/server/session';
-
-export interface Context {
-  online: boolean;
-  session: Session;
-  project: SessionProject;
-}
-
-export const getContext = async (event: RequestEvent): Promise<Context> => {
-  const session = (await resolveSession(event.locals.session)) as Session;
-  const project = resolveProject(event.request.headers, session) as SessionProject;
-
-  return {
-    online: PUBLIC_MODE === 'ONLINE',
-    session,
-    project,
-  };
-};
diff --git a/src/lib/server/utils/request-handler/handler.ts b/src/lib/server/utils/request-handler/handler.ts
deleted file mode 100644
index 30b22dd9..00000000
--- a/src/lib/server/utils/request-handler/handler.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import type { RequestEvent } from '@sveltejs/kit';
-
-import { type Api, getApi, getNoAuthApi } from '$lib/server/api';
-import { Cli } from '$lib/server/cli';
-import { ArchiveSystem, FileSystem } from '$lib/server/file-system';
-import { Git } from '$lib/server/git';
-import { ProjectManager } from '$lib/server/project';
-
-import type { Context } from '@utils-server/request-handler/context';
-
-export class Handler<Body = any> {
-  private _context: Context;
-  private readonly _event: RequestEvent;
-  private readonly _body: Body;
-
-  private _apiCache: Api | undefined;
-  private _cliCache: Cli | undefined;
-  private _fsCache: FileSystem | undefined;
-  private _gitCache: Git | undefined;
-  private _projectCache: ProjectManager | undefined;
-  private _archiveCache: ArchiveSystem | undefined;
-
-  constructor(context: Context, event: RequestEvent, body: Body) {
-    this._context = context;
-    this._event = event;
-    this._body = body;
-  }
-
-  get context(): Context {
-    return this._context;
-  }
-
-  set context(context: Context) {
-    this._context = context;
-
-    this._apiCache = undefined;
-    this._cliCache = undefined;
-    this._fsCache = undefined;
-    this._gitCache = undefined;
-    this._archiveCache = undefined;
-  }
-
-  get event(): RequestEvent {
-    return this._event;
-  }
-
-  get body(): Body {
-    return this._body;
-  }
-
-  get api(): Api {
-    if (!this._apiCache)
-      this._apiCache = this._context.online ? getApi(this._event.cookies) : getNoAuthApi();
-    return this._apiCache;
-  }
-
-  get cli(): Cli {
-    if (!this._cliCache) this._cliCache = new Cli(this._context);
-    return this._cliCache;
-  }
-
-  get fs(): FileSystem {
-    if (!this._fsCache) this._fsCache = new FileSystem(this._context);
-    return this._fsCache;
-  }
-
-  get git(): Git {
-    if (!this._gitCache) this._gitCache = new Git(this._context);
-    return this._gitCache;
-  }
-
-  get project(): ProjectManager {
-    if (!this._projectCache) this._projectCache = new ProjectManager(this, this._context);
-    return this._projectCache;
-  }
-
-  get archive(): ArchiveSystem {
-    if (!this._archiveCache) this._archiveCache = new ArchiveSystem(this, this._context);
-    return this._archiveCache;
-  }
-}
diff --git a/src/lib/server/utils/request-handler/index.ts b/src/lib/server/utils/request-handler/index.ts
deleted file mode 100644
index a2343e05..00000000
--- a/src/lib/server/utils/request-handler/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './action-handler';
-export * from './request-handler';
-export * from './context';
-export * from './handler';
-export * from './types';
diff --git a/src/lib/server/utils/request-handler/request-handler.ts b/src/lib/server/utils/request-handler/request-handler.ts
deleted file mode 100644
index e4d1ed29..00000000
--- a/src/lib/server/utils/request-handler/request-handler.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { RequestEvent } from '@sveltejs/kit';
-
-import { Exception } from '@utils/exception';
-import type { MaybePromise } from '@utils/types';
-
-import { getContext } from './context';
-import { Handler } from './handler';
-import { assertRequest } from './request.policy';
-import type { RequestHandlerOptions } from './types';
-
-type Callback<Body = any> = (opts: Handler<Body>) => MaybePromise<Response | never>;
-
-const handleError = (e: unknown): Response => {
-  if (e instanceof Exception) {
-    return Response.json({ error: e.error, message: e.message }, { status: e.status });
-  }
-  console.error(e);
-  return Response.json({ error: 'Internal Server Error', message: e }, { status: 500 });
-};
-
-export const useRequestHandler = (
-  callback: Callback,
-  options?: RequestHandlerOptions,
-): ((event: RequestEvent) => MaybePromise<Response>) => {
-  return async (event: RequestEvent) => {
-    try {
-      const context = await getContext(event);
-
-      assertRequest(context, options);
-
-      const handler = new Handler(context, event, {});
-
-      return await callback(handler);
-    } catch (e) {
-      return handleError(e);
-    }
-  };
-};
diff --git a/src/lib/server/utils/request-handler/request.policy.ts b/src/lib/server/utils/request-handler/request.policy.ts
deleted file mode 100644
index 47fbbbc7..00000000
--- a/src/lib/server/utils/request-handler/request.policy.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Exception } from '@utils/exception';
-
-import type { Context } from './context';
-import type { RequestHandlerOptions } from './types';
-
-const DEFAULT_OPTIONS: RequestHandlerOptions = {
-  onlineOnly: false,
-  offlineOnly: false,
-  projectOptional: false,
-};
-
-const assertProject = (context: Context, options: RequestHandlerOptions): void | never => {
-  if (options.projectOptional) return;
-
-  if (!context.session) throw new Exception('Bad Request', 'No session', 400);
-  if (!context.project) throw new Exception('Bad Request', 'Request required a project', 400);
-
-  if (context.online && !context.project.gateway)
-    throw new Exception('Internal Server Error', "Project don't have gateway on online mode", 500);
-};
-
-const assertMode = (context: Context, options: RequestHandlerOptions): void | never => {
-  if (options.onlineOnly && !context.online)
-    throw new Exception('Method Not Allowed', 'This action is not available offline', 405);
-  if (options.offlineOnly && context.online)
-    throw new Exception('Method Not Allowed', 'This action is not available online', 405);
-};
-
-export const assertRequest = (
-  context: Context,
-  rawOptions?: RequestHandlerOptions,
-): void | never => {
-  const options = { ...DEFAULT_OPTIONS, ...rawOptions };
-
-  assertMode(context, options);
-  assertProject(context, options);
-};
diff --git a/src/lib/server/utils/request-handler/types.ts b/src/lib/server/utils/request-handler/types.ts
deleted file mode 100644
index e660e66d..00000000
--- a/src/lib/server/utils/request-handler/types.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { ClassType, MaybePromise } from '@utils/types';
-
-import type { Handler } from './handler';
-
-export type Callback<Body = any> = (opts: Handler<Body>) => MaybePromise<object | never>;
-
-export interface RequestHandlerOptions<Body = any> {
-  onlineOnly?: boolean;
-  offlineOnly?: boolean;
-  projectOptional?: boolean;
-  body?: ClassType<Body>;
-}
diff --git a/src/lib/server/utils/string.ts b/src/lib/server/utils/string.ts
deleted file mode 100644
index 08c33af8..00000000
--- a/src/lib/server/utils/string.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import crypto from 'crypto';
-
-export const generateKey = (size = 50) => {
-  const buffer = crypto.randomBytes(size);
-  return buffer.toString('base64url').substring(0, size);
-};
diff --git a/src/lib/server/utils/validators/index.ts b/src/lib/server/utils/validators/index.ts
deleted file mode 100644
index 94e79c62..00000000
--- a/src/lib/server/utils/validators/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { IsFalseOrString } from './is-string-or-false.validator';
diff --git a/src/lib/server/utils/validators/is-string-or-false.validator.ts b/src/lib/server/utils/validators/is-string-or-false.validator.ts
deleted file mode 100644
index 92eb3408..00000000
--- a/src/lib/server/utils/validators/is-string-or-false.validator.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { type ValidationOptions, isBoolean, isString, registerDecorator } from 'class-validator';
-
-export const IsFalseOrString = (validationOptions?: ValidationOptions) => {
-  return (object: object, propertyName: string) => {
-    registerDecorator({
-      target: object.constructor,
-      propertyName: propertyName,
-      ...(validationOptions ? { options: validationOptions } : {}),
-      constraints: [],
-      validator: {
-        validate(value: string) {
-          return (isBoolean(value) && !value) || isString(value);
-        },
-        defaultMessage() {
-          return `$value must be a valid IP address or FQDN`;
-        },
-      },
-    });
-  };
-};
diff --git a/src/lib/utils/const.ts b/src/lib/utils/const.ts
deleted file mode 100644
index 53c0e25d..00000000
--- a/src/lib/utils/const.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const SESSION_PROJECT_HEADER = 'x-project-id';
diff --git a/src/lib/utils/exception.ts b/src/lib/utils/exception.ts
deleted file mode 100644
index e7795541..00000000
--- a/src/lib/utils/exception.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export class Exception extends Error {
-  constructor(
-    public error: string,
-    public message: string,
-    public status: number,
-    options?: { cause?: Error },
-  ) {
-    super(`${error}: ${message}`, options);
-  }
-}
diff --git a/src/lib/utils/file.ts b/src/lib/utils/file.ts
deleted file mode 100644
index 2ac7a207..00000000
--- a/src/lib/utils/file.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { TabTypeId } from '$lib/components/Tabs/types';
-
-const FILE_TYPES: [TabTypeId, string[]][] = [
-  ['ts', ['ts', 'js']],
-  ['3d', ['fbd']],
-  ['song', ['mp3', 'wav', 'flac']],
-  ['img', ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp']],
-];
-
-export const getType = (name: string) => {
-  const [type] = FILE_TYPES.find(([, exts]) => exts.includes(name.split('.').pop()!)) ?? [
-    'unknown',
-  ];
-  return type;
-};
diff --git a/src/lib/utils/format.ts b/src/lib/utils/format.ts
deleted file mode 100644
index 52d79253..00000000
--- a/src/lib/utils/format.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-class WordList {
-  words: string[];
-
-  constructor(words: string[]) {
-    this.words = words;
-  }
-
-  toKebab() {
-    return this.words.join('-');
-  }
-
-  toPascal() {
-    return this.words.map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join('');
-  }
-
-  toCamel() {
-    return this.words
-      .map((word, i) =>
-        i === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1),
-      )
-      .join('');
-  }
-
-  toSnake() {
-    return this.words.join('_');
-  }
-}
-
-const toWords = (str: string): string[] => {
-  return str
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')
-    .replace(/[-_]+/g, ' ')
-    .trim()
-    .split(/\s+/)
-    .filter(Boolean);
-};
-
-const fromKebab = (str: string): WordList => new WordList(str.split('-'));
-
-const fromPascal = (str: string): WordList =>
-  new WordList(str.split(/(?=[A-Z])/).map((word) => word.toLowerCase()));
-
-const fromCamel = (str: string): WordList =>
-  new WordList(str.split(/(?=[A-Z])/).map((word) => word.toLowerCase()));
-
-const fromSnake = (str: string): WordList => new WordList(str.split('_'));
-
-const fromAll = (str: string): WordList =>
-  new WordList(toWords(str).map((word) => word.toLowerCase()));
-
-export const formatFrom = {
-  kebab: fromKebab,
-  pascal: fromPascal,
-  camel: fromCamel,
-  snake: fromSnake,
-  all: fromAll,
-};
diff --git a/src/lib/utils/http/client.ts b/src/lib/utils/http/client.ts
deleted file mode 100644
index 6fdd45a7..00000000
--- a/src/lib/utils/http/client.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-export type RequestOptions = Omit<RequestInit, 'body' | 'method'>;
-
-export interface MiddlewareParams {
-  path: string;
-  fullPath: string;
-  options: RequestOptions;
-}
-
-export type MiddlewareNext = (params?: MiddlewareParams) => Promise<Response>;
-
-export type Middleware = (
-  params: MiddlewareParams,
-  next: MiddlewareNext,
-) => Promise<Response | undefined> | undefined;
-
-type BaseRequest = (path: string, options: RequestOptions) => Promise<Response>;
-
-export class HttpClient {
-  private readonly _baseUrl: string;
-  private readonly _baseOptions: RequestOptions;
-  private readonly _middlewares: Middleware[];
-
-  constructor(baseUrl: string, options?: RequestOptions) {
-    this._baseUrl = baseUrl;
-    this._baseOptions = options ?? {
-      headers: {
-        'Content-Type': 'application/json',
-      },
-    };
-    this._middlewares = [];
-  }
-
-  get(path: string, options?: RequestOptions): Promise<Response> {
-    return this._applyMiddlewares(path, options, (newPath, newOptions) => {
-      return this._request(newPath, {
-        ...newOptions,
-        method: 'GET',
-      });
-    });
-  }
-
-  post(path: string, body?: string | FormData, options?: RequestOptions): Promise<Response> {
-    return this._applyMiddlewares(path, options, (newPath, newOptions) => {
-      return this._request(newPath, {
-        ...newOptions,
-        method: 'POST',
-        body: body,
-      });
-    });
-  }
-
-  put(path: string, body?: string, options?: RequestOptions): Promise<Response> {
-    return this._applyMiddlewares(path, options, (newPath, newOptions) => {
-      return this._request(newPath, {
-        ...newOptions,
-        method: 'PUT',
-        body: body,
-      });
-    });
-  }
-
-  patch(path: string, body?: string, options?: RequestOptions): Promise<Response> {
-    return this._applyMiddlewares(path, options, async (newPath, newOptions) => {
-      return this._request(newPath, {
-        ...newOptions,
-        method: 'PATCH',
-        body: body,
-      });
-    });
-  }
-
-  delete(path: string, options?: RequestOptions): Promise<Response> {
-    return this._applyMiddlewares(path, options, (newPath, newOptions) => {
-      return this._request(newPath, {
-        ...newOptions,
-        method: 'DELETE',
-      }) as Promise<Response>;
-    });
-  }
-
-  useMiddlewares(...middlewares: Middleware[]): HttpClient {
-    for (const middleware of middlewares) this._middlewares.push(middleware);
-    return this;
-  }
-
-  private _request(path: string, request: RequestInit): Promise<Response> {
-    return fetch(path, request);
-  }
-
-  private _applyMiddlewares(
-    path: string,
-    options: RequestOptions | undefined,
-    callback: BaseRequest,
-  ): Promise<Response> {
-    const baseParams = {
-      path,
-      fullPath: this._getUrl(path),
-      options: {
-        ...this._baseOptions,
-        ...options,
-      },
-    };
-    const middlewares = this._middlewares.slice();
-    let response: Response;
-
-    const execution = async (params?: MiddlewareParams): Promise<Response> => {
-      if (!params) params = baseParams;
-
-      const middleware = middlewares.shift();
-
-      if (!middleware) response = (await callback(params.fullPath, params.options)) as Response;
-      else response = (await middleware(params, execution)) ?? response;
-
-      return response;
-    };
-
-    return execution(baseParams);
-  }
-
-  private _getUrl(path: string): string {
-    return `${this._baseUrl}${path}`;
-  }
-}
diff --git a/src/lib/utils/http/index.ts b/src/lib/utils/http/index.ts
deleted file mode 100644
index 3fbc7585..00000000
--- a/src/lib/utils/http/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  HttpClient,
-  type MiddlewareNext,
-  type MiddlewareParams,
-  type RequestOptions,
-} from './client';
-export { getUrl } from './query';
diff --git a/src/lib/utils/http/query.ts b/src/lib/utils/http/query.ts
deleted file mode 100644
index 43bc5009..00000000
--- a/src/lib/utils/http/query.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const getUrl = (url: string, query?: Record<string, any>) => {
-  const entries = Object.entries(query ?? {}).filter(([, value]) => value !== undefined);
-  if (entries.length === 0) return url;
-  return `${url}?${new URLSearchParams(entries).toString()}`;
-};
diff --git a/src/lib/utils/null.ts b/src/lib/utils/null.ts
deleted file mode 100644
index 2aa9bb94..00000000
--- a/src/lib/utils/null.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const isNullish = (value: any): boolean => {
-  return value === undefined || value === null;
-};
diff --git a/src/lib/utils/object.ts b/src/lib/utils/object.ts
deleted file mode 100644
index a293376c..00000000
--- a/src/lib/utils/object.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { isNullish } from '@utils/null';
-
-export const cloneDeep = <T>(obj: T): T => JSON.parse(JSON.stringify(obj));
-
-type AssignType<T extends object, V> = {
-  [K in keyof T]: T[K] extends object ? AssignType<T[K], V> : V;
-};
-
-export const assignDeep = <T extends Record<any, any>, V>(obj: T, value: V): AssignType<T, V> => {
-  const copy: any = {};
-  for (const key in obj) {
-    copy[key] =
-      !isNullish(obj[key]) && typeof obj[key] === 'object' ? assignDeep(obj[key], value) : value;
-  }
-  return copy;
-};
-
-export const flatObjectValues = (object: any): any[] => {
-  let results: any[] = [];
-
-  for (const value of Object.values(object)) {
-    const values = typeof value === 'object' ? flatObjectValues(value) : [value];
-    results = [...results, ...values];
-  }
-
-  return results;
-};
diff --git a/src/lib/utils/string.ts b/src/lib/utils/string.ts
deleted file mode 100644
index 162272f2..00000000
--- a/src/lib/utils/string.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
-
-export const randomString = (
-  nb: number,
-  {
-    numbers = true,
-    lowers = true,
-    uppers = false,
-    specials = false,
-  }: { numbers?: boolean; lowers?: boolean; uppers?: boolean; specials?: boolean } = {},
-) => {
-  let chars = '';
-  if (numbers) chars += '0123456789';
-  if (lowers) chars += 'abcdefghijklmnopqrstuvwxyz';
-  if (uppers) chars += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-  if (specials) chars += '!@#$%^&*()_+~`|}{[]:;?><,./-=';
-  return [...Array(nb)].map(() => chars[Math.floor(Math.random() * chars.length)]).join('');
-};
diff --git a/src/lib/utils/types/base.type.ts b/src/lib/utils/types/base.type.ts
deleted file mode 100644
index c5187d97..00000000
--- a/src/lib/utils/types/base.type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type WithOptional<T, K extends keyof T | never = never> = Omit<T, K> & Partial<Pick<T, K>>;
diff --git a/src/lib/utils/types/class.type.ts b/src/lib/utils/types/class.type.ts
deleted file mode 100644
index 3b2428af..00000000
--- a/src/lib/utils/types/class.type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type ClassType<T> = new (...args: any[]) => T;
diff --git a/src/lib/utils/types/index.ts b/src/lib/utils/types/index.ts
deleted file mode 100644
index 0db02026..00000000
--- a/src/lib/utils/types/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './base.type';
-export * from './class.type';
-export * from './part.type';
-export * from './promise.type';
-export * from './save.type';
diff --git a/src/lib/utils/types/part.type.ts b/src/lib/utils/types/part.type.ts
deleted file mode 100644
index b51b16c9..00000000
--- a/src/lib/utils/types/part.type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type Part = 'client' | 'server';
diff --git a/src/lib/utils/types/promise.type.ts b/src/lib/utils/types/promise.type.ts
deleted file mode 100644
index 9cd354b3..00000000
--- a/src/lib/utils/types/promise.type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type MaybePromise<T> = T | Promise<T>;
diff --git a/src/lib/utils/types/save.type.ts b/src/lib/utils/types/save.type.ts
deleted file mode 100644
index 1f79a466..00000000
--- a/src/lib/utils/types/save.type.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-export enum SaveLibraryTypeEnum {
-  COMPONENT_SYSTEM = 'component-system',
-  GRAPHICS = 'graphics',
-  ASSET_MANAGER = 'asset-manager',
-  NETWORK = 'network',
-  INPUT = 'input',
-  SOUND = 'sound',
-}
-
-export interface SaveLibrary {
-  id: string;
-  type: SaveLibraryTypeEnum | string;
-  name: string;
-  path: string;
-}
-
-export interface SaveComponent {
-  name: string;
-  path: string;
-  paramsNames: string[];
-}
-
-export interface SaveSystem {
-  name: string;
-  path: string;
-}
-
-export interface SaveEntity {
-  id: string;
-  treePath: string;
-  components: Record<string, Record<string, any>>;
-}
-
-export interface Save {
-  libraries: SaveLibrary[];
-  components: SaveComponent[];
-  systems: SaveSystem[];
-  entities: SaveEntity[];
-}
diff --git a/src/lib/utils/ui.ts b/src/lib/utils/ui.ts
deleted file mode 100644
index ebfd2739..00000000
--- a/src/lib/utils/ui.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export type { WithElementRef, WithoutChild, WithChildren, WithoutChildrenOrChild } from 'bits-ui';
-
-export type WithoutChildren<T> = Omit<T, 'children'>;
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
deleted file mode 100644
index 164f29d5..00000000
--- a/src/routes/+layout.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-  import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query';
-  import 'uno.css';
-
-  import { browser } from '$app/environment';
-
-  import '../app.css';
-  import { Toaster } from '$lib/components/ui/sonner';
-
-  let { children } = $props();
-
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        enabled: browser,
-      },
-    },
-  });
-</script>
-
-<Toaster />
-
-<QueryClientProvider client={queryClient}>
-  {@render children()}
-</QueryClientProvider>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
deleted file mode 100644
index 7c4dd291..00000000
--- a/src/routes/+page.svelte
+++ /dev/null
@@ -1,129 +0,0 @@
-<script lang="ts">
-  import { createQuery } from '@tanstack/svelte-query';
-
-  import { getConfig } from '$lib/client/config';
-  import {
-    ProjectCache,
-    type ProjectDataCache,
-    ProjectLoader,
-    PLException,
-  } from '$lib/client/project';
-  import { Button } from '$lib/components/ui/button';
-  import * as Card from '$lib/components/ui/card';
-  import { Separator } from '$lib/components/ui/separator';
-  import Components from './components';
-  import { goto } from '$app/navigation';
-
-  let showCreateProject = $state(false);
-  let showOpenProject = $state(false);
-  let cacheProjectLoading = $state<string | true | null>(null);
-
-  const isOnline = getConfig().mode === 'online';
-
-  const cacheQuery = createQuery(() => ({
-    queryKey: ['projects-cache'],
-    queryFn: async () => {
-      return ProjectCache.getProjects();
-    },
-  }));
-
-  const handleCreateProject = () => {
-    if (isOnline) return;
-    showCreateProject = true;
-  };
-
-  const handleOpenProject = () => {
-    if (isOnline) return;
-    showOpenProject = true;
-  };
-
-  const handleCacheProject = async (cache: ProjectDataCache) => {
-    try {
-      cacheProjectLoading = cache.id;
-      const project = await ProjectLoader.loadFromCacheWithTryId(cache);
-      await goto(`/dashboard?id=${project.id}`);
-      cacheProjectLoading = null;
-    } catch (error) {
-      if (error instanceof PLException) {
-        await error.fb();
-        return;
-      }
-      console.error(`Error loading project ${cache.id} (${cache.resolvable}) from cache:`, error);
-      await ProjectCache.invalidateProject(cache.id);
-      await cacheQuery.refetch();
-      cacheProjectLoading = null;
-    }
-  };
-
-  const handleCacheRemoveProject = async (cache: ProjectDataCache) => {
-    cacheProjectLoading = cache.id;
-    await ProjectCache.removeProject(cache.id);
-    await cacheQuery.refetch();
-    cacheProjectLoading = null;
-  };
-
-  const handleClearCache = async () => {
-    cacheProjectLoading = true;
-    await ProjectCache.clearProjects();
-    await cacheQuery.refetch();
-    cacheProjectLoading = null;
-  };
-</script>
-
-<Components.CreateProjectDialog bind:open={showCreateProject} />
-<Components.OpenProjectDialog bind:open={showOpenProject} />
-
-<div class="min-h-screen w-full flex flex-col bg-background text-foreground text-base">
-  <Components.Header />
-
-  <main class="flex-1 flex items-center justify-center p-6">
-    <Card.Root class="w-full max-w-2xl">
-      <Card.Content class="p-0 flex justify-between h-[30vh]">
-        <div class="flex flex-col gap-2 p-5 w-8/19">
-          <p class="text-sm text-muted-foreground px-2 mb-1">Projects</p>
-
-          {#if isOnline}
-            <Components.OnlineProjectButtons />
-          {:else}
-            <Components.OfflineProjectButtons {handleCreateProject} {handleOpenProject} />
-          {/if}
-        </div>
-
-        <Separator orientation="vertical" class="h-auto self-stretch" />
-
-        <div class="p-5 flex flex-col gap-3 w-10/19 h-full">
-          <p class="text-sm text-muted-foreground px-2 mb-1">Recent</p>
-
-          {#if cacheQuery.isLoading || !cacheQuery.isFetched}
-            <Components.CacheProjectListSkeleton />
-          {:else if cacheQuery.data && cacheQuery.data.length > 0}
-            <div class="flex flex-col gap-1">
-              {#each cacheQuery.data as project (project.id)}
-                <Components.CacheProject
-                  {project}
-                  disabled={!!cacheProjectLoading}
-                  isLoading={cacheProjectLoading === project.id}
-                  onClick={() => handleCacheProject(project)}
-                  onRemove={() => handleCacheRemoveProject(project)}
-                />
-              {/each}
-            </div>
-
-            <Button
-              type="button"
-              variant="ghost"
-              class="text-xs text-muted-foreground/50 hover:text-muted-foreground transition-colors self-end justify-self-end"
-              onclick={handleClearCache}
-            >
-              Clear cache
-            </Button>
-          {:else}
-            <div class="flex h-full items-center justify-center text-center">
-              <p class="text-sm text-muted-foreground/50 mb-4 mr-4">No recent projects</p>
-            </div>
-          {/if}
-        </div>
-      </Card.Content>
-    </Card.Root>
-  </main>
-</div>
diff --git a/src/routes/actions/project/+page.server.ts b/src/routes/actions/project/+page.server.ts
deleted file mode 100644
index af35f1b2..00000000
--- a/src/routes/actions/project/+page.server.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { completeProjectAction } from '$lib/server/actions/project/complete.action';
-import {
-  getGatewayProjectsAction,
-  syncGatewayProjectAction,
-} from '$lib/server/actions/project/gateway.action';
-import {
-  getInfoProjectAction,
-  setInfoProjectAction,
-} from '$lib/server/actions/project/info.action';
-import { loadProjectAction } from '$lib/server/actions/project/load.action';
-import { createProjectAction } from '$lib/server/actions/project/new.action';
-
-export const actions = {
-  load: loadProjectAction,
-  new: createProjectAction,
-  complete: completeProjectAction,
-  'get-info': getInfoProjectAction,
-  'set-info': setInfoProjectAction,
-  'get-gateway-projects': getGatewayProjectsAction,
-  'sync-gateway-project': syncGatewayProjectAction,
-};
diff --git a/src/routes/actions/project/archive/+page.server.ts b/src/routes/actions/project/archive/+page.server.ts
deleted file mode 100644
index 45b49e56..00000000
--- a/src/routes/actions/project/archive/+page.server.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createArchiveAction } from '$lib/server/actions/project/archive/create.action';
-
-export const actions = {
-  create: createArchiveAction,
-};
diff --git a/src/routes/actions/project/fs/+page.server.ts b/src/routes/actions/project/fs/+page.server.ts
deleted file mode 100644
index d1eae25e..00000000
--- a/src/routes/actions/project/fs/+page.server.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { readdirFsAction } from '$lib/server/actions/project/fs/readdir.action';
-
-export const actions = {
-  readdir: readdirFsAction,
-};
diff --git a/src/routes/actions/project/library/+page.server.ts b/src/routes/actions/project/library/+page.server.ts
deleted file mode 100644
index a9ca4267..00000000
--- a/src/routes/actions/project/library/+page.server.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { installLibraryProjectAction } from '$lib/server/actions/project/library/install-library.action';
-
-export const actions = {
-  install: installLibraryProjectAction,
-};
diff --git a/src/routes/actions/project/loader/+page.server.ts b/src/routes/actions/project/loader/+page.server.ts
deleted file mode 100644
index 6a0272f4..00000000
--- a/src/routes/actions/project/loader/+page.server.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { buildProjectAction } from '$lib/server/actions/project/loader/build.action';
-import { fetchEnvLoaderAction } from '$lib/server/actions/project/loader/env.action';
-import { fetchManifestLoaderAction } from '$lib/server/actions/project/loader/manifest.action';
-
-export const actions = {
-  build: buildProjectAction,
-  env: fetchEnvLoaderAction,
-  manifest: fetchManifestLoaderAction,
-};
diff --git a/src/routes/actions/project/package/+page.server.ts b/src/routes/actions/project/package/+page.server.ts
deleted file mode 100644
index 078dcaee..00000000
--- a/src/routes/actions/project/package/+page.server.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createComponentProjectAction } from '$lib/server/actions/project/package/create-component.action';
-import { createSystemProjectAction } from '$lib/server/actions/project/package/create-system.action';
-import { getAssetsAction } from '$lib/server/actions/project/package/get-assets.action';
-import { getComponentsAction } from '$lib/server/actions/project/package/get-components.action';
-import { getSystemsAction } from '$lib/server/actions/project/package/get-systems.action';
-import { installPackagesAction } from '$lib/server/actions/project/package/install-packages.action';
-import { searchPackagesAction } from '$lib/server/actions/project/package/search-packages.action';
-
-export const actions = {
-  'create-component': createComponentProjectAction,
-  'create-system': createSystemProjectAction,
-  'get-components': getComponentsAction,
-  'get-systems': getSystemsAction,
-  'get-assets': getAssetsAction,
-  'install-packages': installPackagesAction,
-  'search-packages': searchPackagesAction,
-};
diff --git a/src/routes/actions/project/save/+page.server.ts b/src/routes/actions/project/save/+page.server.ts
deleted file mode 100644
index 67ebdf1f..00000000
--- a/src/routes/actions/project/save/+page.server.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { getSaveAction } from '$lib/server/actions/project/save/get-save.action';
-import { setSaveAction } from '$lib/server/actions/project/save/set-save.action';
-
-export const actions = {
-  get: getSaveAction,
-  set: setSaveAction,
-};
diff --git a/src/routes/components/cache-project-list-skeleton.svelte b/src/routes/components/cache-project-list-skeleton.svelte
deleted file mode 100644
index c21d5543..00000000
--- a/src/routes/components/cache-project-list-skeleton.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  import { Skeleton } from '$lib/components/ui/skeleton';
-</script>
-
-<div class="flex flex-col gap-1">
-  {#each { length: 3 }, i (i)}
-    <div class="flex items-center gap-3 px-2 py-2">
-      <Skeleton class="size-9 rounded-md shrink-0" />
-      <div class="flex flex-col gap-1.5 flex-1 min-w-0">
-        <Skeleton class="h-3.5 w-3/4" />
-        <Skeleton class="h-3 w-1/2" />
-      </div>
-    </div>
-  {/each}
-</div>
diff --git a/src/routes/components/cache-project.svelte b/src/routes/components/cache-project.svelte
deleted file mode 100644
index 8de4f81b..00000000
--- a/src/routes/components/cache-project.svelte
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts">
-  import DefaultProjectCover from '$lib/assets/defaultProjectCover.png';
-  import type { ProjectDataCache } from '$lib/client/project';
-  import { Spinner } from '$lib/components/ui/spinner';
-
-  interface Props {
-    project: ProjectDataCache;
-    disabled?: boolean;
-    isLoading?: boolean;
-    onClick?: () => void;
-    onRemove?: () => void;
-  }
-
-  const { project, disabled, isLoading, onClick, onRemove }: Props = $props();
-</script>
-
-<div class="flex items-center">
-  <button
-    disabled={disabled || isLoading || project.invalid}
-    class={[
-      'flex items-center gap-3 p-2 rounded-lg transition-colors text-left w-[calc(100%-3.25rem)]',
-      disabled || isLoading || project.invalid
-        ? 'opacity-50 cursor-not-allowed'
-        : 'cursor-pointer hover:bg-muted/50',
-    ]}
-    onclick={onClick}
-  >
-    <img
-      alt="{project.name ?? 'Unknown'} cover"
-      src={project.imageUrl || DefaultProjectCover}
-      class="size-9 rounded-md object-cover shrink-0"
-    />
-    <span class="flex flex-col min-w-0">
-      <span class="text-sm font-medium truncate">{project.name ?? 'Unknown'}</span>
-      <span class="text-xs text-muted-foreground truncate">{project.resolvable}</span>
-    </span>
-  </button>
-  <div class="h-full aspect-square">
-    {#if isLoading}
-      <div class="h-full w-full flex items-center justify-center">
-        <Spinner class="text-xl" />
-      </div>
-    {:else}
-      <button
-        aria-label="Remove project"
-        title="Remove project"
-        {disabled}
-        onclick={onRemove}
-        class={[
-          'h-full w-full p-2 flex items-center justify-center rounded-lg transition-colors',
-          disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer hover:bg-muted/50',
-        ]}
-      >
-        <div class="i-ic-round-close text-destructive text-xl"></div>
-      </button>
-    {/if}
-  </div>
-</div>
diff --git a/src/routes/components/create-project-dialog.svelte b/src/routes/components/create-project-dialog.svelte
deleted file mode 100644
index 8ee55f1f..00000000
--- a/src/routes/components/create-project-dialog.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import * as Dialog from '$lib/components/ui/dialog';
-  import CreateProjectForm from './create-project-form.svelte';
-
-  interface Props {
-    open: boolean;
-  }
-
-  let { open = $bindable() }: Props = $props();
-
-  const onClose = () => {
-    open = false;
-  };
-</script>
-
-<Dialog.Root bind:open>
-  <Dialog.Content showCloseButton={false} class="p-0 gap-0 sm:max-w-xl w-[90vw] overflow-hidden">
-    <CreateProjectForm {onClose} />
-  </Dialog.Content>
-</Dialog.Root>
diff --git a/src/routes/components/create-project-form.svelte b/src/routes/components/create-project-form.svelte
deleted file mode 100644
index 21ebb5e9..00000000
--- a/src/routes/components/create-project-form.svelte
+++ /dev/null
@@ -1,181 +0,0 @@
-<script lang="ts">
-  import { z } from 'zod';
-  import Form from '$lib/components/forms/Form.svelte';
-  import FormFieldInput from '$lib/components/forms/inputs/FormFieldInput.svelte';
-  import FormFieldSelect from '$lib/components/forms/inputs/FormFieldSelect.svelte';
-  import FormFieldSwitch from '$lib/components/forms/inputs/FormFieldSwitch.svelte';
-  import { useForm } from '$lib/components/forms/form.svelte';
-  import { ProjectLoader } from '$lib/client/project/project-loader/project-loader';
-  import { LoadingButton } from '$lib/components/ui/loading-button';
-  import { Button } from '$lib/components/ui/button';
-  import { Label } from '$lib/components/ui/label';
-  import { goto } from '$app/navigation';
-  import { runSafe } from '@utils-client/error';
-
-  interface Props {
-    onClose?: () => void;
-  }
-  let { onClose }: Props = $props();
-
-  let showAdvancedSettings: boolean = $state(false);
-
-  const schema = z.object({
-    projectName: z
-      .string()
-      .min(1, 'Project name is required')
-      .regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/),
-    projectPath: z.string().optional(),
-    packageManager: z.enum(['npm', 'yarn', 'pnpm', 'bun']).default('pnpm'),
-    language: z.enum(['ts', 'js']).default('ts'),
-    multiplayerServer: z.boolean().default(false),
-    dockerContainerization: z.boolean().default(false),
-    createGitRepository: z.boolean().default(false),
-    gitRemote: z.string().optional(),
-  });
-
-  type ProjectForm = z.infer<typeof schema>;
-
-  const formCtx = useForm<ProjectForm>({
-    schema,
-    defaultValues: {
-      projectName: '',
-      projectPath: '',
-      packageManager: 'pnpm',
-      language: 'ts',
-      multiplayerServer: false,
-      dockerContainerization: false,
-      createGitRepository: false,
-      gitRemote: '',
-    },
-    onSubmit: newProject,
-  });
-
-  const { form, submitting } = formCtx;
-
-  async function newProject(values: ProjectForm) {
-    await runSafe('create project', async () => {
-      const project = await ProjectLoader.create(values);
-      await goto(`/dashboard?id=${project.id}`);
-    });
-  }
-
-  const projectFullPath = $derived.by(() => {
-    const name = $form['projectName'] || '<project-name>';
-    let path = $form['projectPath'] || '';
-    if (!path.startsWith('/')) {
-      if (!path.startsWith('./') && !path.startsWith('../')) path = `./${path}`;
-    }
-    if (!path.endsWith('/')) path = `${path}/`;
-    return `${path}${name}`;
-  });
-</script>
-
-<Form form={formCtx} class="w-full">
-  <div class="modal-header">
-    <div class="modal-icon-badge">
-      <span class="i-ic-baseline-add text-primary text-lg"></span>
-    </div>
-    <div>
-      <h2 class="text-sm font-semibold text-foreground tracking-tight leading-tight">
-        Create project
-      </h2>
-      <p class="text-xs text-muted-foreground mt-0.5">Scaffold a new workspace</p>
-    </div>
-  </div>
-
-  <div class="modal-divider"></div>
-
-  <div class="modal-body">
-    <FormFieldInput name="projectName" label="Project name" placeholder="nanoforge-app" />
-
-    <button
-      type="button"
-      class="group flex items-center gap-3 cursor-pointer w-full"
-      onclick={() => (showAdvancedSettings = !showAdvancedSettings)}
-    >
-      <span
-        class="flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground transition-colors duration-150"
-      >
-        Advanced
-        <span
-          class={showAdvancedSettings
-            ? 'i-ic-baseline-keyboard-arrow-up text-sm'
-            : 'i-ic-baseline-keyboard-arrow-down text-sm'}
-        ></span>
-      </span>
-    </button>
-
-    {#if showAdvancedSettings}
-      <div class="flex flex-col gap-5">
-        <FormFieldInput
-          name="projectPath"
-          label="Project path"
-          placeholder="/home/user/projects"
-          description={`The full path will be '${projectFullPath}'`}
-        />
-
-        <div class="flex justify-around flex-wrap gap-2">
-          <FormFieldSelect
-            name="language"
-            label="Language"
-            classNames={{ trigger: 'w-40 p-4', content: 'p-2', item: 'p-2' }}
-            options={[
-              { value: 'ts', label: 'Typescript' },
-              { value: 'js', label: 'Javascript' },
-            ]}
-          />
-          <FormFieldSelect
-            name="packageManager"
-            label="Package manager"
-            classNames={{ trigger: 'w-40 p-4', content: 'p-2', item: 'p-2' }}
-            options={[
-              { value: 'npm', label: 'npm' },
-              { value: 'yarn', label: 'yarn' },
-              { value: 'pnpm', label: 'pnpm' },
-              { value: 'bun', label: 'bun' },
-            ]}
-          />
-        </div>
-
-        <div class="flex flex-col gap-1">
-          <Label class="toggle-row">
-            <div>
-              <p class="toggle-row-title">Multiplayer server</p>
-              <p class="toggle-row-desc">Enable real-time collaboration</p>
-            </div>
-            <FormFieldSwitch name="multiplayerServer" />
-          </Label>
-          <Label class="toggle-row">
-            <div>
-              <p class="toggle-row-title">Docker containerization</p>
-              <p class="toggle-row-desc">Bundle with a Dockerfile</p>
-            </div>
-            <FormFieldSwitch name="dockerContainerization" />
-          </Label>
-          <Label class="toggle-row">
-            <div>
-              <p class="toggle-row-title">Git repository</p>
-              <p class="toggle-row-desc">Initialize with git init</p>
-            </div>
-            <FormFieldSwitch name="createGitRepository" />
-          </Label>
-        </div>
-
-        {#if $form.createGitRepository}
-          <FormFieldInput
-            name="gitRemote"
-            label="Git remote URL"
-            placeholder="https://github.com/user/repo.git"
-          />
-        {/if}
-      </div>
-    {/if}
-  </div>
-
-  <div class="modal-footer">
-    <Button type="button" variant="ghost" onclick={onClose} class="btn-ghost">Cancel</Button>
-    <LoadingButton type="submit" loading={$submitting} class="btn-primary">
-      Create project
-    </LoadingButton>
-  </div>
-</Form>
diff --git a/src/routes/components/header.svelte b/src/routes/components/header.svelte
deleted file mode 100644
index 48d90613..00000000
--- a/src/routes/components/header.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import Logo from '$lib/assets/logo.png';
-</script>
-
-<header class="h-14 flex items-center px-4 border-b border-border/40">
-  <div class="flex items-center gap-2.5">
-    <img src={Logo} alt="Logo" class="h-7 w-7 rounded-full" />
-    <span class="font-bold">Nanoforge - Editor</span>
-  </div>
-</header>
diff --git a/src/routes/components/index.ts b/src/routes/components/index.ts
deleted file mode 100644
index b7672795..00000000
--- a/src/routes/components/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import CacheProjectListSkeleton from './cache-project-list-skeleton.svelte';
-import CacheProject from './cache-project.svelte';
-import CreateProjectDialog from './create-project-dialog.svelte';
-import CreateProjectForm from './create-project-form.svelte';
-import Header from './header.svelte';
-import OfflineProjectButtons from './offline-project-buttons.svelte';
-import OnlineProjectButtons from './online-project-buttons.svelte';
-import OpenProjectDialog from './open-project-dialog.svelte';
-import OpenProjectForm from './open-project-form.svelte';
-
-export default {
-  CacheProject,
-  CacheProjectListSkeleton,
-  CreateProjectDialog,
-  CreateProjectForm,
-  Header,
-  OfflineProjectButtons,
-  OnlineProjectButtons,
-  OpenProjectDialog,
-  OpenProjectForm,
-};
diff --git a/src/routes/components/offline-project-buttons.svelte b/src/routes/components/offline-project-buttons.svelte
deleted file mode 100644
index fba858e4..00000000
--- a/src/routes/components/offline-project-buttons.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-
-  interface Props {
-    handleCreateProject: () => void;
-    handleOpenProject: () => void;
-  }
-
-  const { handleCreateProject, handleOpenProject }: Props = $props();
-</script>
-
-<Button variant="ghost" size="lg" class="justify-start gap-2 w-full" onclick={handleCreateProject}>
-  <span class="i-ic-baseline-add"></span>
-  Create project
-</Button>
-
-<Button variant="ghost" size="lg" class="justify-start gap-2 w-full" onclick={handleOpenProject}>
-  <span class="i-ic-baseline-folder-open"></span>
-  Open project
-</Button>
diff --git a/src/routes/components/online-project-buttons.svelte b/src/routes/components/online-project-buttons.svelte
deleted file mode 100644
index e992a9a0..00000000
--- a/src/routes/components/online-project-buttons.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { Button } from '$lib/components/ui/button';
-  import { PUBLIC_PM_URL } from '$env/static/public';
-
-  const basePath = PUBLIC_PM_URL || 'https://projects.nanoforge.eu';
-  const createProjectPath = `${basePath}/dashboard/projects`;
-  const openProjectPath = `${basePath}/dashboard/projects`;
-</script>
-
-<a href={createProjectPath}>
-  <Button variant="link" size="lg" class="justify-start gap-2 w-full text-foreground">
-    <span class="i-ic-baseline-open-in-new"></span>
-    Create project
-  </Button>
-</a>
-
-<a href={openProjectPath}>
-  <Button variant="link" size="lg" class="justify-start gap-2 w-full text-foreground">
-    <span class="i-ic-baseline-open-in-new"></span>
-    Open project
-  </Button>
-</a>
diff --git a/src/routes/components/open-project-dialog.svelte b/src/routes/components/open-project-dialog.svelte
deleted file mode 100644
index 1b43c0f6..00000000
--- a/src/routes/components/open-project-dialog.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-  import OpenProjectForm from './open-project-form.svelte';
-  import * as Dialog from '$lib/components/ui/dialog';
-
-  interface Props {
-    open: boolean;
-  }
-
-  let { open = $bindable() }: Props = $props();
-
-  const onClose = () => {
-    open = false;
-  };
-</script>
-
-<Dialog.Root bind:open>
-  <Dialog.Content showCloseButton={false} class="p-0 gap-0 sm:max-w-xl w-[90vw] overflow-hidden">
-    <OpenProjectForm {onClose} />
-  </Dialog.Content>
-</Dialog.Root>
diff --git a/src/routes/components/open-project-form.svelte b/src/routes/components/open-project-form.svelte
deleted file mode 100644
index 82846d12..00000000
--- a/src/routes/components/open-project-form.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-  import { z } from 'zod';
-  import Form from '$lib/components/forms/Form.svelte';
-  import FormFieldInput from '$lib/components/forms/inputs/FormFieldInput.svelte';
-  import { useForm } from '$lib/components/forms/form.svelte';
-  import { LoadingButton } from '$lib/components/ui/loading-button';
-  import { Button } from '$lib/components/ui/button';
-  import { ProjectLoader } from '$lib/client/project';
-  import { goto } from '$app/navigation';
-  import { runSafe } from '@utils-client/error';
-
-  interface Props {
-    onClose?: () => void;
-  }
-  let { onClose }: Props = $props();
-
-  const schema = z.object({
-    path: z.string().min(1, 'Path is required'),
-  });
-
-  type ProjectForm = z.infer<typeof schema>;
-
-  const formCtx = useForm<ProjectForm>({
-    schema,
-    defaultValues: {
-      path: '',
-    },
-    onSubmit: openProject,
-  });
-
-  const { form, submitting } = formCtx;
-
-  async function openProject(values: ProjectForm) {
-    await runSafe('open project', async () => {
-      const project = await ProjectLoader.loadFromPath(values.path);
-      await goto(`/dashboard?id=${project.id}`);
-    });
-  }
-
-  const projectPath = $derived.by(() => {
-    let path = $form['path'] || '';
-    if (!path.startsWith('/')) {
-      if (!path.startsWith('./') && !path.startsWith('../')) path = `./${path}`;
-    }
-    return path;
-  });
-</script>
-
-<Form form={formCtx} class="w-full">
-  <div class="modal-header">
-    <div class="modal-icon-badge">
-      <span class="i-ic-baseline-folder-open text-primary text-lg"></span>
-    </div>
-    <div>
-      <h2 class="text-sm font-semibold text-foreground tracking-tight leading-tight">
-        Open project
-      </h2>
-      <p class="text-xs text-muted-foreground mt-0.5">Open a project</p>
-    </div>
-  </div>
-
-  <div class="modal-divider"></div>
-
-  <div class="modal-body">
-    <FormFieldInput
-      name="path"
-      label="Project path"
-      placeholder="/home/user/project"
-      description={`The path will be '${projectPath}'`}
-    />
-  </div>
-
-  <div class="modal-footer">
-    <Button type="button" variant="ghost" onclick={onClose} class="btn-ghost">Cancel</Button>
-    <LoadingButton type="submit" loading={$submitting} class="btn-primary">
-      Open project
-    </LoadingButton>
-  </div>
-</Form>
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
deleted file mode 100644
index 5051b273..00000000
--- a/src/routes/dashboard/+page.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-  import MenuBar from '$lib/components/Menu/MenuBar.svelte';
-  import Logo from '$lib/assets/logo.png';
-  import TabBar from '$lib/components/Tabs/TabBar.svelte';
-
-  import DefaultProjectCover from '$lib/assets/defaultProjectCover.png';
-
-  import { tabsStore } from '$lib/components/Tabs/store';
-  import { tabRegistry } from '$lib/components/Tabs/registry';
-
-  import { ProjectLoader, getProject } from '$lib/client/project';
-  import { resolve } from '$app/paths';
-  import { goto } from '$app/navigation';
-  import { onMount } from 'svelte';
-  import { page } from '$app/state';
-  import { runSafe } from '@utils-client/error';
-  import { FullPageProjectSpinner } from '$lib/components/project-loader';
-  import { MarketplaceDialog, setMarketplaceContext } from '$lib/components/marketplace';
-  import { getProjectStore } from '$lib/client/project/project-loader/project-loader';
-
-  const projectStore = getProjectStore();
-
-  let marketplaceOpen = $state(false);
-  setMarketplaceContext({ open: () => (marketplaceOpen = true) });
-
-  let tab = $derived($tabsStore.tabs.find((t) => t.id === $tabsStore.selectedTabId));
-  let Component = $derived(tab ? tabRegistry[tab.type]?.component : null);
-  let loaded: boolean = $state(false);
-
-  let projectName = $state('untitled');
-
-  onMount(async (): Promise<void> => {
-    let project = getProject();
-
-    if (!project) {
-      const id = page.url.searchParams.get('id');
-      if (!id) {
-        await goto(resolve('/'));
-        return;
-      }
-
-      project = await runSafe(
-        'load project',
-        async () => {
-          const project = await ProjectLoader.loadFromIdWithCacheFetching(id);
-          if (project.id !== id) {
-            await goto(resolve(`/dashboard?id=${project.id}`), {
-              replaceState: true,
-              keepFocus: true,
-            });
-          }
-          return project;
-        },
-        async () => {
-          await goto(resolve('/'));
-        },
-      );
-
-      if (!project) return;
-    }
-
-    projectName = (await project.info.get()).name;
-
-    if (!project.isReady()) {
-      await runSafe(
-        'init project',
-        async () => {
-          await project.init();
-        },
-        async () => {
-          await goto(resolve('/'));
-        },
-      );
-    }
-
-    loaded = true;
-  });
-</script>
-
-{#if loaded && $projectStore}
-  <MarketplaceDialog bind:open={marketplaceOpen} />
-  <div class="h-screen flex flex-col gap-1 bg-neutral-900">
-    <header class="h-16 flex">
-      <div class="h-full w-full flex">
-        <img src={Logo} alt="Logo" class="h-full rounded-full px-3 pb-1 pt-2" />
-        <div class="h-full w-full flex flex-col justify-between">
-          <MenuBar />
-          <TabBar />
-        </div>
-      </div>
-      <div class="h-full flex items-center py-2 px-6 gap-2">
-        <button
-          class="w-42 flex cursor-pointer items-center justify-between gap-2 rounded-md px-4 py-2 font-medium text-sm outline-2 outline-neutral-700 outline-solid hover:outline-3 hover:font-semibold"
-        >
-          <img class="h-7 w-7 rounded-sm" src={DefaultProjectCover} alt="game cover" />
-          <span class="w-full font-semibold">{projectName}</span>
-        </button>
-      </div>
-    </header>
-    <main class="h-full min-h-0 w-full flex-1 p-2">
-      {#key $tabsStore.selectedTabId}
-        {#if Component && tab}
-          <Component bind:tab />
-        {/if}
-      {/key}
-    </main>
-  </div>
-{:else}
-  <FullPageProjectSpinner />
-{/if}
diff --git a/src/routes/fs/archive/[slug]/+server.ts b/src/routes/fs/archive/[slug]/+server.ts
deleted file mode 100644
index 24621735..00000000
--- a/src/routes/fs/archive/[slug]/+server.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Exception } from '@utils/exception';
-
-import { useRequestHandler } from '@utils-server/request-handler';
-
-export const GET = useRequestHandler(
-  async ({ event, archive }) => {
-    const id = event.params.slug;
-    if (!id) throw new Exception('Bad Request', 'Missing id param', 400);
-
-    const file = await archive.get(id);
-
-    const stream = file.stream();
-
-    return new Response(stream);
-  },
-  { projectOptional: true },
-);
diff --git a/src/routes/fs/build/+server.ts b/src/routes/fs/build/+server.ts
deleted file mode 100644
index 12509057..00000000
--- a/src/routes/fs/build/+server.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Exception } from '@utils/exception';
-
-import { useRequestHandler } from '@utils-server/request-handler';
-
-/**
- * To request a built file, use the following URL:
- * /fs/build?path=path/to/file
- * The path must be relative to /.nanoforge/client
- * Only the client is handled for now
- */
-export const GET = useRequestHandler(({ event, project }) => {
-  const path = event.url.searchParams.get('path');
-  if (!path) throw new Exception('Bad Request', 'Missing path query param', 400);
-
-  const file = project.client.loader.getFile(decodeURIComponent(path).replace(/\?url$/, ''));
-
-  const stream = file.readStream();
-
-  return new Response(stream);
-});
diff --git a/src/routes/fs/project/+server.ts b/src/routes/fs/project/+server.ts
deleted file mode 100644
index 1ddb881f..00000000
--- a/src/routes/fs/project/+server.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Writable } from 'stream';
-
-import { Exception } from '@utils/exception';
-
-import { useRequestHandler } from '@utils-server/request-handler';
-
-/**
- * To request a project file, use the following URL:
- * /fs/project?path=path/to/file
- * The path must be relative to /client
- * Only the client is handled for now
- */
-export const GET = useRequestHandler(({ event, project }) => {
-  const path = event.url.searchParams.get('path');
-  if (!path) throw new Exception('Bad Request', 'Missing path query param', 400);
-
-  const file = project.client.fs.getFile(decodeURIComponent(path).replace(/\?url$/, ''));
-
-  const stream = file.readStream();
-
-  return new Response(stream);
-});
-
-/**
- * To post a project file, use the following URL:
- * /fs/project?path=path/to/file
- * The path must be relative to /client
- * Only the client is handled for now
- */
-export const POST = useRequestHandler(async ({ event, project }) => {
-  const path = event.url.searchParams.get('path');
-  if (!path) throw new Exception('Bad Request', 'Missing path query param', 400);
-
-  const file = project.client.fs.getFile(decodeURIComponent(path).replace(/\?url$/, ''));
-
-  if (!event.request.body) throw new Exception('Bad Request', 'Missing body', 400);
-
-  const stream = file.getWriteStream();
-  await event.request.body.pipeTo(Writable.toWeb(stream));
-
-  return Response.json({ success: true });
-});
-
-/**
- * To delete a project file, use the following URL:
- * /fs/project?path=path/to/file
- * The path must be relative to /client
- * Only the client is handled for now
- */
-export const DELETE = useRequestHandler(async ({ event, project }) => {
-  const path = event.url.searchParams.get('path');
-  if (!path) throw new Exception('Bad Request', 'Missing path query param', 400);
-
-  const file = project.client.fs.getFile(decodeURIComponent(path).replace(/\?url$/, ''));
-
-  file.delete();
-
-  return Response.json({ success: true });
-});
diff --git a/src/routes/load/+page.svelte b/src/routes/load/+page.svelte
deleted file mode 100644
index f6d313ce..00000000
--- a/src/routes/load/+page.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/state';
-
-  import { FullPageProjectSpinner } from '$lib/components/project-loader';
-  import CompleteProjectForm from './components/complete-project-form.svelte';
-  import { getConfig } from '$lib/client/config';
-  import { goto } from '$app/navigation';
-  import { resolve } from '$app/paths';
-  import { createQuery } from '@tanstack/svelte-query';
-  import { PLErrors, PLException, ProjectLoader } from '$lib/client/project';
-  import { toastError } from '@utils-client/toasts';
-
-  const getResolvable = () => {
-    if (getConfig().mode === 'offline') {
-      const path = page.url.searchParams.get('path');
-      if (!path) return null;
-      return { path };
-    } else {
-      const gatewayId = page.url.searchParams.get('gatewayId');
-      if (!gatewayId) return null;
-      return { gatewayId };
-    }
-  };
-
-  const id = page.url.searchParams.get('id');
-  const resolvable: { path: string } | { gatewayId: string } | null = getResolvable();
-
-  $effect(() => {
-    if (!id && !resolvable) {
-      goto(resolve('/'));
-      throw new Error('No resolvable');
-    }
-  });
-
-  const query = createQuery(() => ({
-    queryKey: [
-      'load',
-      'verify',
-      resolvable ? ('path' in resolvable ? resolvable.path : resolvable.gatewayId) : '',
-    ],
-    queryFn: async (): Promise<string | null> => {
-      if (!id && !resolvable) throw new Error('No resolvable');
-      if (id) {
-        try {
-          const project = await ProjectLoader.loadFromId(id);
-          await goto(resolve(`/dashboard?id=${project.id}`));
-        } catch (e) {
-          if (e instanceof PLException) {
-            if (e.reason === PLErrors.Empty_Project && getConfig().mode === 'online') {
-              return e.args[1] as string;
-            }
-          }
-          console.error(e);
-          toastError('Failed to load project from id', (e as any).message);
-        }
-      }
-
-      if (resolvable) {
-        try {
-          const project = await ('path' in resolvable
-            ? ProjectLoader.loadFromPath(resolvable.path)
-            : ProjectLoader.loadFromGatewayId(resolvable.gatewayId));
-          await goto(resolve(`/dashboard?id=${project.id}`));
-          return null;
-        } catch (e) {
-          if (e instanceof PLException) {
-            if (e.reason === PLErrors.Empty_Project && getConfig().mode === 'online') {
-              return e.args[1] as string;
-            }
-          }
-          console.error(e);
-          toastError('Failed to load project', (e as any).message);
-        }
-      }
-      await goto(resolve('/'));
-      return null;
-    },
-  }));
-</script>
-
-{#if query.isFetched && !query.isLoading && query.data}
-  <div class="flex h-100vh w-full items-center justify-center">
-    <CompleteProjectForm gatewayId={query.data} />
-  </div>
-{:else}
-  <FullPageProjectSpinner />
-{/if}
diff --git a/src/routes/load/components/complete-project-form.svelte b/src/routes/load/components/complete-project-form.svelte
deleted file mode 100644
index 7e8c45b2..00000000
--- a/src/routes/load/components/complete-project-form.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts">
-  import { z } from 'zod';
-  import Form from '$lib/components/forms/Form.svelte';
-  import FormFieldSelect from '$lib/components/forms/inputs/FormFieldSelect.svelte';
-  import FormFieldSwitch from '$lib/components/forms/inputs/FormFieldSwitch.svelte';
-  import { useForm } from '$lib/components/forms/form.svelte';
-  import { LoadingButton } from '$lib/components/ui/loading-button';
-  import { runSafe } from '@utils-client/error';
-  import { ProjectLoader } from '$lib/client/project';
-  import { goto } from '$app/navigation';
-  import * as Card from '$lib/components/ui/card';
-
-  interface Props {
-    gatewayId: string;
-  }
-
-  const { gatewayId }: Props = $props();
-
-  let isLoading = $state(false);
-
-  const schema = z.object({
-    language: z.enum(['ts', 'js']).default('ts'),
-    multiplayerServer: z.boolean().default(false),
-  });
-
-  type CompleteProjectForm = z.infer<typeof schema>;
-
-  const completeProject = async (values: CompleteProjectForm) => {
-    isLoading = true;
-    await runSafe(
-      'create project',
-      async () => {
-        const project = await ProjectLoader.complete({ ...values, gatewayId });
-        await goto(`/dashboard?id=${project.id}`);
-      },
-      () => {
-        isLoading = false;
-      },
-    );
-  };
-
-  const formCtx = useForm<CompleteProjectForm>({
-    schema,
-    defaultValues: {
-      language: 'ts',
-      multiplayerServer: false,
-    },
-    onSubmit: completeProject,
-  });
-
-  const { submitting } = formCtx;
-</script>
-
-<Card.Root class="w-full max-w-lg p-4">
-  <Form form={formCtx} class="w-full">
-    <div class="modal-header">
-      <div class="modal-icon-badge">
-        <span class="i-ic-baseline-check text-primary text-lg"></span>
-      </div>
-      <div>
-        <h2 class="text-sm font-semibold text-foreground tracking-tight leading-tight">
-          Init project
-        </h2>
-        <p class="text-xs text-muted-foreground mt-0.5">Configure and scaffold your project</p>
-      </div>
-    </div>
-
-    <div class="modal-body">
-      <FormFieldSelect
-        name="language"
-        label="Language"
-        classNames={{ trigger: 'w-40 p-4', content: 'p-2', item: 'p-2' }}
-        options={[
-          { value: 'ts', label: 'Typescript' },
-          { value: 'js', label: 'Javascript' },
-        ]}
-      />
-
-      <div class="flex flex-col gap-1">
-        <FormFieldSwitch label="Multiplayer game" name="multiplayerServer" />
-      </div>
-    </div>
-
-    <div class="modal-footer">
-      <LoadingButton
-        type="submit"
-        size="lg"
-        loading={$submitting || isLoading}
-        class="btn-primary px-6"
-      >
-        Init Project
-      </LoadingButton>
-    </div>
-  </Form>
-</Card.Root>
diff --git a/svelte.config.js b/svelte.config.js
deleted file mode 100644
index 2552e309..00000000
--- a/svelte.config.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import adapter from 'svelte-adapter-bun';
-
-/** @type {import('@sveltejs/kit').Config} */
-export default {
-  preprocess: [vitePreprocess()],
-  onwarn: (warning, handler) => {
-    if (['css_unused_selector'].includes(warning.code)) return;
-    handler(warning);
-  },
-  kit: {
-    adapter: adapter({
-      out: 'dist',
-    }),
-    alias: {
-      '@utils/*': './src/lib/utils/*',
-      '@utils-client/*': './src/lib/client/utils/*',
-      '@utils-server/*': './src/lib/server/utils/*',
-    },
-    files: {
-      assets: 'public',
-    },
-  },
-};
diff --git a/tooling/example-plugin/.prettierignore b/tooling/example-plugin/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/tooling/example-plugin/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/tooling/example-plugin/LICENSE b/tooling/example-plugin/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/tooling/example-plugin/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/tooling/example-plugin/README.md b/tooling/example-plugin/README.md
new file mode 100644
index 00000000..0cbc1302
--- /dev/null
+++ b/tooling/example-plugin/README.md
@@ -0,0 +1,37 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/tooling/example-plugin"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=tooling%2Fexample-plugin" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-example-plugin` is an internal package of the NanoForge Editor.
+
+Example editor plugin (fixture for end-to-end checks and the plugin authoring guide).
+
+## Links
+
+- [GitHub][source]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/tooling/example-plugin
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/tooling/example-plugin/nanoforge.manifest.json b/tooling/example-plugin/nanoforge.manifest.json
new file mode 100644
index 00000000..3a18fee5
--- /dev/null
+++ b/tooling/example-plugin/nanoforge.manifest.json
@@ -0,0 +1,57 @@
+{
+  "$schema": "../../packages/kernel/schemas/plugin.schema.json",
+  "type": "plugin",
+  "name": "@acme/hello",
+  "version": "0.1.0",
+  "displayName": "Hello",
+  "description": "Says hello when a project with the ECS is opened.",
+  "engines": {
+    "editor": ">=0.1.0"
+  },
+  "engineLibs": {
+    "optional": {
+      "@nanoforge-dev/ecs": "*"
+    }
+  },
+  "entry": {
+    "client": "index.js"
+  },
+  "contributes": {
+    "commands": [
+      {
+        "id": "hello.greet",
+        "title": "Say hello",
+        "category": "Hello"
+      },
+      {
+        "id": "hello.twice",
+        "title": "Say hello twice",
+        "category": "Hello"
+      },
+      {
+        "id": "hello.log",
+        "title": "Log hello",
+        "category": "Hello"
+      }
+    ],
+    "keymapPresets": [
+      {
+        "id": "hello",
+        "title": "Hello keys",
+        "bindings": [{ "key": "F9", "command": "hello.twice" }]
+      }
+    ],
+    "menus": [
+      {
+        "menu": "help",
+        "command": "hello.twice",
+        "group": "hello"
+      },
+      {
+        "menu": "help",
+        "command": "hello.log",
+        "group": "hello"
+      }
+    ]
+  }
+}
diff --git a/tooling/example-plugin/package.json b/tooling/example-plugin/package.json
new file mode 100644
index 00000000..8400f3a8
--- /dev/null
+++ b/tooling/example-plugin/package.json
@@ -0,0 +1,56 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-example-plugin",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Example editor plugin (fixture for end-to-end checks and the plugin authoring guide)",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor",
+    "plugin"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "tooling/example-plugin"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "vite build",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src"
+  },
+  "devDependencies": {
+    "@nanoforge-dev/editor-sdk": "workspace:*",
+    "@nanoforge-dev/editor-vite-plugin": "workspace:*",
+    "svelte": "catalog:core",
+    "vite": "catalog:core"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/tooling/example-plugin/src/index.ts b/tooling/example-plugin/src/index.ts
new file mode 100644
index 00000000..658d9664
--- /dev/null
+++ b/tooling/example-plugin/src/index.ts
@@ -0,0 +1,58 @@
+import {
+  EditorServices,
+  HistoryServiceToken,
+  definePlugin,
+  observe,
+} from '@nanoforge-dev/editor-sdk';
+import { FILE_TEMPLATES } from '@nanoforge-dev/editor-sdk/ui';
+
+export default definePlugin({
+  activate(context) {
+    context.registerMessages('en', { greeting: 'Hello from {name}!' });
+    context.registerMessages('fr', { greeting: 'Bonjour de {name} !' });
+    context.registerCommand('hello.greet', () => context.t('greeting', { name: context.name }));
+    const history = context.services.get(HistoryServiceToken);
+    const hello = history.registerContext({ id: 'hello', label: 'Hello', owner: context.name });
+    context.subscriptions.add(hello);
+    let greetings = 0;
+    const greet = (label: string) => ({
+      label,
+      do: () => void greetings++,
+      undo: () => void greetings--,
+    });
+    context.subscriptions.add(
+      context.registerCommand('hello.twice', () =>
+        hello.stack.transaction('Say hello twice', async (tx) => {
+          await tx.push(greet('Hello'));
+          await tx.push(greet('Hello again'));
+        }),
+      ),
+    );
+    context.subscriptions.add(
+      context.registerCommand('hello.log', () => {
+        context.logger.info('Hello state', { greetings, nested: { deep: true, list: [1, 2] } });
+        context.logger.warn('Careful with greetings');
+        for (let index = 0; index < 3; index++) context.logger.info('tick');
+        context.logger.debug('A quiet detail');
+        context.logger.info('Edit apps/client/src/main.ts:3:1 to say more');
+      }),
+    );
+    context.subscriptions.add(
+      context.contribute(FILE_TEMPLATES, {
+        id: 'hello.greeting',
+        title: 'Greeting',
+        category: 'Hello',
+        defaultName: 'greeting.txt',
+        create: ({ name }) => [{ path: name, content: `Hello from ${name}!\n` }],
+      }),
+    );
+
+    const bus = context.services.get(EditorServices.EventBus);
+    context.subscriptions.add(
+      observe(context.eligibleApps, (apps) => {
+        context.logger.info(`Eligible apps: ${apps.map((app) => app.name).join(', ') || 'none'}`);
+      }),
+    );
+    context.logger.info('Hello plugin activated', typeof bus.emit);
+  },
+});
diff --git a/tooling/example-plugin/vite.config.ts b/tooling/example-plugin/vite.config.ts
new file mode 100644
index 00000000..d408d8f6
--- /dev/null
+++ b/tooling/example-plugin/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+
+import { nanoforgeEditorPlugin } from '@nanoforge-dev/editor-vite-plugin';
+
+export default defineConfig({
+  plugins: [nanoforgeEditorPlugin()],
+});
diff --git a/tooling/vite-plugin/.cliff-jumperrc.json b/tooling/vite-plugin/.cliff-jumperrc.json
new file mode 100644
index 00000000..0d195e6f
--- /dev/null
+++ b/tooling/vite-plugin/.cliff-jumperrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://raw.githubusercontent.com/favware/cliff-jumper/main/assets/cliff-jumper.schema.json",
+  "name": "editor-vite-plugin",
+  "org": "nanoforge-dev",
+  "packagePath": "tooling/vite-plugin",
+  "tagTemplate": "{{new-version}}",
+  "identifierBase": false
+}
diff --git a/tooling/vite-plugin/.prettierignore b/tooling/vite-plugin/.prettierignore
new file mode 100644
index 00000000..fed4928d
--- /dev/null
+++ b/tooling/vite-plugin/.prettierignore
@@ -0,0 +1,14 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+.turbo/
+node_modules/
+dist/
+coverage/
+CHANGELOG.md
+
+test/fixtures/
+test/.tmp-*/
diff --git a/tooling/vite-plugin/CHANGELOG.md b/tooling/vite-plugin/CHANGELOG.md
new file mode 100644
index 00000000..6361e43e
--- /dev/null
+++ b/tooling/vite-plugin/CHANGELOG.md
@@ -0,0 +1,3 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
diff --git a/tooling/vite-plugin/LICENSE b/tooling/vite-plugin/LICENSE
new file mode 100644
index 00000000..46724861
--- /dev/null
+++ b/tooling/vite-plugin/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 NanoForge
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/tooling/vite-plugin/README.md b/tooling/vite-plugin/README.md
new file mode 100644
index 00000000..82003368
--- /dev/null
+++ b/tooling/vite-plugin/README.md
@@ -0,0 +1,52 @@
+<div align="center">
+    <br />
+    <p>
+        <a href="https://github.com/NanoForge-dev"><img src="https://github.com/NanoForge-dev/Editor/blob/main/.github/logo.png" width="546" alt="NanoForge" /></a>
+    </p>
+    <br />
+    <p>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor-vite-plugin"><img src="https://img.shields.io/npm/v/@nanoforge-dev/editor-vite-plugin.svg?maxAge=3600" alt="npm version" /></a>
+        <a href="https://www.npmjs.com/package/@nanoforge-dev/editor-vite-plugin"><img src="https://img.shields.io/npm/dt/@nanoforge-dev/editor-vite-plugin.svg?maxAge=3600" alt="npm downloads" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml"><img src="https://github.com/NanoForge-dev/Editor/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/commits/main/tooling/vite-plugin"><img src="https://img.shields.io/github/last-commit/NanoForge-dev/Editor.svg?logo=github&logoColor=ffffff&path=tooling%2Fvite-plugin" alt="Last commit" /></a>
+        <a href="https://github.com/NanoForge-dev/Editor/graphs/contributors"><img src="https://img.shields.io/github/contributors/NanoForge-dev/Editor.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="Contributors" /></a>
+    </p>
+</div>
+
+## About
+
+`@nanoforge-dev/editor-vite-plugin` is part of the NanoForge Editor.
+
+Vite plugin to build editor plugins against the host's shared modules.
+
+## Installation
+
+**Node.js 26 or newer is required.**
+
+```sh
+npm install @nanoforge-dev/editor-vite-plugin
+yarn add @nanoforge-dev/editor-vite-plugin
+pnpm add @nanoforge-dev/editor-vite-plugin
+bun add @nanoforge-dev/editor-vite-plugin
+```
+
+## Links
+
+- [GitHub][source]
+- [npm][npm]
+
+## Contributing
+
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
+[documentation][documentation].
+See [the contribution guide][contributing] if you'd like to submit a PR.
+
+## Help
+
+If you don't understand something in the documentation, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to ask questions in [discussions][discussions].
+
+[documentation]: https://github.com/NanoForge-dev/Editor
+[discussions]: https://github.com/NanoForge-dev/Editor/discussions
+[source]: https://github.com/NanoForge-dev/Editor/tree/main/tooling/vite-plugin
+[npm]: https://www.npmjs.com/package/@nanoforge-dev/editor-vite-plugin
+[contributing]: https://github.com/NanoForge-dev/Editor/blob/main/.github/CONTRIBUTING.md
diff --git a/tooling/vite-plugin/cliff.toml b/tooling/vite-plugin/cliff.toml
new file mode 100644
index 00000000..8da3ea14
--- /dev/null
+++ b/tooling/vite-plugin/cliff.toml
@@ -0,0 +1,79 @@
+[changelog]
+header = """
+# Changelog
+
+All notable changes to this project will be documented in this file.\n
+"""
+body = """
+{%- macro remote_url() -%}
+  https://github.com/{{ remote.github.owner }}/{{ remote.github.repo }}
+{%- endmacro -%}
+{% if version %}\
+	# [{{ version | trim_start_matches(pat="v") }}]\
+	{% if previous %}\
+		{% if previous.version %}\
+			({{ self::remote_url() }}/compare/{{ previous.version }}...{{ version }})\
+		{% else %}\
+			({{ self::remote_url() }}/tree/{{ version }})\
+		{% endif %}\
+	{% endif %} \
+	- ({{ timestamp | date(format="%Y-%m-%d") }})
+{% else %}\
+	# [unreleased]
+{% endif %}\
+{% for group, commits in commits | group_by(attribute="group") %}
+	## {{ group | upper_first }}
+	{% for commit in commits %}
+		- {% if commit.scope %}\
+			**{{commit.scope}}:** \
+		  {% endif %}\
+			{{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end="") }}]({{ self::remote_url() }}/commit/{{ commit.id }}))\
+			{% if commit.github.username %} by @{{ commit.github.username }}{%- endif %}\
+		{% if commit.breaking %}\
+			{% for footer in commit.footers %}\
+				{% if footer.breaking %}\
+					\n{% raw %}  {% endraw %}- **{{ footer.token }}{{ footer.separator }}** {{ footer.value }}\
+				{% endif %}\
+			{% endfor %}\
+		{% endif %}\
+	{% endfor %}
+{% endfor %}\
+{% if github.contributors | filter(attribute="is_first_time", value=true) | length %}\
+	\n### New Contributors\n
+	{% for contributor in github.contributors | filter(attribute="is_first_time", value=true) %}\
+		- @{{ contributor.username }} made their first contribution in #{{ contributor.pr_number }}
+	{% endfor %}\
+{% endif %}\n
+"""
+trim = true
+footer = ""
+
+[git]
+conventional_commits = true
+filter_unconventional = true
+commit_parsers = [
+	{ message = "^feat", group = "Features"},
+	{ message = "^fix", group = "Bug Fixes"},
+	{ message = "^docs", group = "Documentation"},
+	{ message = "^perf", group = "Performance"},
+	{ message = "^refactor", group = "Refactor"},
+	{ message = "^types", group = "Typings"},
+	{ message = ".*deprecated", body = ".*deprecated", group = "Deprecation"},
+	{ message = "^revert", skip = true},
+	{ message = "^style", group = "Styling"},
+	{ message = "^test", group = "Testing"},
+	{ message = "^chore", skip = true},
+	{ message = "^ci", skip = true},
+	{ message = "^build", skip = true},
+	{ body = ".*security", group = "Security"},
+]
+filter_commits = true
+protect_breaking_commits = true
+tag_pattern = "^[0-9]+"
+ignore_tags = ""
+topo_order = false
+sort_commits = "newest"
+
+[remote.github]
+owner = "NanoForge-dev"
+repo = "Editor"
diff --git a/tooling/vite-plugin/package.json b/tooling/vite-plugin/package.json
new file mode 100644
index 00000000..334bd0b9
--- /dev/null
+++ b/tooling/vite-plugin/package.json
@@ -0,0 +1,80 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nanoforge-dev/editor-vite-plugin",
+  "version": "0.0.0",
+  "description": "NanoForge Editor - Vite plugin to build editor plugins against the host's shared modules",
+  "keywords": [
+    "nanoforge",
+    "game",
+    "editor"
+  ],
+  "homepage": "https://github.com/NanoForge-dev/Editor#readme",
+  "bugs": "https://github.com/NanoForge-dev/Editor/issues",
+  "license": "MIT",
+  "contributors": [
+    "Exelo <contact@exelo.dev>",
+    "Fexkoser <martin.fillon@epitech.eu>",
+    "Harper <timothe.jacquot@epitech.eu>",
+    "Josephine <josephine.chicouras@epitech.eu>",
+    "Leo <leo.outmizguine@epitech.eu>"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "directories": {
+    "lib": "src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NanoForge-dev/Editor.git",
+    "directory": "tooling/vite-plugin"
+  },
+  "funding": "https://github.com/NanoForge-dev/Editor?sponsor",
+  "scripts": {
+    "build": "tsdown",
+    "lint": "prettier --check . && eslint --format=pretty .",
+    "format": "prettier --write . && eslint --fix --format=pretty src",
+    "typecheck": "tsc -p tsconfig.json",
+    "test:unit": "vitest run --config ../../vitest.config.ts",
+    "changelog": "git cliff --prepend ./CHANGELOG.md -u -c ./cliff.toml -r ../../ --include-path 'tooling/vite-plugin/*'",
+    "release": "cliff-jumper"
+  },
+  "dependencies": {
+    "es-module-lexer": "catalog:tooling",
+    "semver": "catalog:libs",
+    "zod": "catalog:libs"
+  },
+  "peerDependencies": {
+    "vite": ">=7"
+  },
+  "devDependencies": {
+    "@favware/cliff-jumper": "catalog:ci",
+    "@nanoforge-dev/editor-kernel": "workspace:*",
+    "@types/node": "catalog:core",
+    "tsdown": "catalog:build",
+    "typescript": "catalog:build",
+    "vite": "catalog:core",
+    "vitest": "catalog:test"
+  },
+  "packageManager": "pnpm@12.0.0",
+  "engines": {
+    "node": "26"
+  },
+  "private": true,
+  "lint-staged": {
+    "**": [
+      "prettier --ignore-unknown --write"
+    ],
+    "**/*.ts": [
+      "eslint --fix"
+    ]
+  }
+}
diff --git a/tooling/vite-plugin/src/index.ts b/tooling/vite-plugin/src/index.ts
new file mode 100644
index 00000000..547146c2
--- /dev/null
+++ b/tooling/vite-plugin/src/index.ts
@@ -0,0 +1,14 @@
+export {
+  DROPPED_MODULES,
+  FORBIDDEN_MODULES,
+  SHARED_GLOBAL,
+  MAIN_SHARED_MODULES,
+  SHARED_MODULES,
+  WORKER_SHARED_MODULES,
+  isHostModule,
+  isSharedModule,
+} from './shared-module/shared-modules';
+export type { SharedModuleId } from './shared-module/shared-modules';
+export { type BuiltManifest, MANIFEST_FILE, buildManifest } from './manifest/build-manifest';
+export { rewriteSharedImports } from './rewrite/rewrite-shared-imports';
+export * from './plugin/nanoforge-editor-plugin';
diff --git a/tooling/vite-plugin/src/manifest/build-manifest.ts b/tooling/vite-plugin/src/manifest/build-manifest.ts
new file mode 100644
index 00000000..929b75db
--- /dev/null
+++ b/tooling/vite-plugin/src/manifest/build-manifest.ts
@@ -0,0 +1,40 @@
+import { readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join } from 'node:path';
+
+import { parsePluginManifest } from '@nanoforge-dev/editor-kernel';
+
+export const MANIFEST_FILE = 'nanoforge.manifest.json';
+
+/** The normalized manifest emitted next to the plugin bundles. */
+export interface BuiltManifest {
+  readonly name: string;
+  readonly version: string;
+  readonly build: { readonly svelte?: string; readonly sdk?: string };
+  readonly [key: string]: unknown;
+}
+
+/** Version of a package as resolved from `root` (undefined when not installed). */
+const installedVersion = (root: string, name: string): string | undefined => {
+  try {
+    const require = createRequire(join(root, 'package.json'));
+    return (require(`${name}/package.json`) as { version: string }).version;
+  } catch {
+    return undefined;
+  }
+};
+
+/**
+ * Reads and validates the plugin manifest, then records the versions of the shared modules the
+ * plugin was compiled against (checked by the editor, see docs/adr/0001-plugin-ui-runtime.md).
+ */
+export const buildManifest = (root: string): BuiltManifest => {
+  const path = join(root, MANIFEST_FILE);
+  const manifest = parsePluginManifest(JSON.parse(readFileSync(path, 'utf8')), path);
+  const svelte = installedVersion(root, 'svelte');
+  const sdk = installedVersion(root, '@nanoforge-dev/editor-sdk');
+  return {
+    ...manifest,
+    build: { ...(svelte && { svelte }), ...(sdk && { sdk }) },
+  };
+};
diff --git a/tooling/vite-plugin/src/plugin/nanoforge-editor-plugin.ts b/tooling/vite-plugin/src/plugin/nanoforge-editor-plugin.ts
new file mode 100644
index 00000000..5774485c
--- /dev/null
+++ b/tooling/vite-plugin/src/plugin/nanoforge-editor-plugin.ts
@@ -0,0 +1,55 @@
+import type { Plugin } from 'vite';
+
+import { MANIFEST_FILE, buildManifest } from '../manifest/build-manifest';
+import { rewriteSharedImports } from '../rewrite/rewrite-shared-imports';
+import { isHostModule } from '../shared-module/shared-modules';
+
+export interface EditorPluginBuildOptions {
+  /** Plugin entry files, relative to the plugin root. Defaults to `{ index: 'src/index.ts' }`. */
+  entries?: Record<string, string>;
+  /**
+   * Validate `nanoforge.manifest.json` and emit it next to the bundles, with build info.
+   * Defaults to true; disable for fixtures without a manifest.
+   */
+  manifest?: boolean;
+}
+
+/**
+ * Builds a NanoForge editor plugin as ES modules that use the host's shared modules
+ * (Svelte runtime, editor SDK) instead of bundling their own copy.
+ */
+export const nanoforgeEditorPlugin = (options: EditorPluginBuildOptions = {}): Plugin => {
+  let root = process.cwd();
+  return {
+    name: 'nanoforge-editor-plugin',
+    enforce: 'post',
+    configResolved(config) {
+      root = config.root;
+    },
+    config: () => ({
+      base: './',
+      build: {
+        target: 'esnext',
+        lib: {
+          entry: options.entries ?? { index: 'src/index.ts' },
+          formats: ['es'],
+        },
+        rollupOptions: {
+          external: (id: string) => isHostModule(id),
+        },
+      },
+    }),
+    async renderChunk(code) {
+      const result = await rewriteSharedImports(code);
+      return result === null ? null : { code: result, map: null };
+    },
+    generateBundle() {
+      if (options.manifest === false) return;
+      this.emitFile({
+        type: 'asset',
+        fileName: MANIFEST_FILE,
+        source: `${JSON.stringify(buildManifest(root), null, 2)}\n`,
+      });
+    },
+  };
+};
diff --git a/tooling/vite-plugin/src/rewrite/rewrite-shared-imports.ts b/tooling/vite-plugin/src/rewrite/rewrite-shared-imports.ts
new file mode 100644
index 00000000..9977efef
--- /dev/null
+++ b/tooling/vite-plugin/src/rewrite/rewrite-shared-imports.ts
@@ -0,0 +1,100 @@
+import { init, parse } from 'es-module-lexer';
+
+import {
+  DROPPED_MODULES,
+  FORBIDDEN_MODULES,
+  SHARED_GLOBAL,
+  isHostModule,
+} from '../shared-module/shared-modules';
+
+const lookup = (specifier: string) =>
+  `globalThis[${JSON.stringify(SHARED_GLOBAL)}].require(${JSON.stringify(specifier)})`;
+
+/** `a as b, c` → `a: b, c` (object destructuring syntax). */
+const toDestructuring = (namedClause: string) =>
+  namedClause
+    .split(',')
+    .map((part) => part.trim())
+    .filter(Boolean)
+    .map((part) => {
+      const [imported, local] = part.split(/\s+as\s+/);
+      const key = /^["']/.test(imported!) ? imported : imported!.trim();
+      return local ? `${key}: ${local.trim()}` : key;
+    })
+    .join(', ');
+
+/**
+ * Rewrites the static import clause of `import <clause> from '<shared>'` into declarations.
+ * Supports default, namespace, named and combined clauses.
+ */
+const rewriteClause = (clause: string, specifier: string): string => {
+  const source = lookup(specifier);
+  const declarations: string[] = [];
+  let rest = clause.trim();
+
+  const defaultMatch = /^([\w$]+)\s*(?:,|$)/.exec(rest);
+  if (defaultMatch) {
+    declarations.push(`const ${defaultMatch[1]} = ${source}.default;`);
+    rest = rest.slice(defaultMatch[0].length).trim();
+  }
+  const namespaceMatch = /^\*\s*as\s+([\w$]+)$/.exec(rest);
+  if (namespaceMatch) {
+    declarations.push(`const ${namespaceMatch[1]} = ${source};`);
+    rest = '';
+  }
+  const namedMatch = /^\{([\s\S]*)\}$/.exec(rest);
+  if (namedMatch) {
+    const names = toDestructuring(namedMatch[1]!);
+    if (names) declarations.push(`const { ${names} } = ${source};`);
+    rest = '';
+  }
+  if (rest) throw new Error(`Unsupported import of shared module "${specifier}": ${clause}`);
+  return declarations.join('\n');
+};
+
+/**
+ * Replaces every import of a shared module in an ES module chunk by a lookup in the host's
+ * shared module registry. Returns `null` when the chunk does not import any shared module.
+ *
+ * Re-exports (`export … from 'shared'`) are rejected: plugins must import then export.
+ */
+export const rewriteSharedImports = async (code: string): Promise<string | null> => {
+  await init;
+  const [imports] = parse(code);
+  const edits: { start: number; end: number; text: string }[] = [];
+
+  for (const entry of imports) {
+    const specifier = entry.n;
+    if (!specifier || !isHostModule(specifier)) continue;
+
+    const forbidden = FORBIDDEN_MODULES.get(specifier);
+    if (forbidden) throw new Error(`Cannot import "${specifier}": ${forbidden}`);
+    if (DROPPED_MODULES.has(specifier)) {
+      edits.push({ start: entry.ss, end: entry.se, text: '' });
+      continue;
+    }
+
+    if (entry.d > -1) {
+      edits.push({
+        start: entry.ss,
+        end: entry.se,
+        text: `Promise.resolve(${lookup(specifier)})`,
+      });
+      continue;
+    }
+    const statement = code.slice(entry.ss, entry.se);
+    if (/^export\b/.test(statement)) {
+      throw new Error(`Re-exporting shared module "${specifier}" is not supported: ${statement}`);
+    }
+    const clauseMatch = /^import\s*([\s\S]*?)\s*from\s*["']/.exec(statement);
+    const text = clauseMatch ? rewriteClause(clauseMatch[1]!, specifier) : '';
+    edits.push({ start: entry.ss, end: entry.se, text });
+  }
+  if (!edits.length) return null;
+
+  let result = code;
+  for (const edit of edits.sort((a, b) => b.start - a.start)) {
+    result = result.slice(0, edit.start) + edit.text + result.slice(edit.end);
+  }
+  return result;
+};
diff --git a/tooling/vite-plugin/src/shared-module/shared-modules.ts b/tooling/vite-plugin/src/shared-module/shared-modules.ts
new file mode 100644
index 00000000..aa2591cd
--- /dev/null
+++ b/tooling/vite-plugin/src/shared-module/shared-modules.ts
@@ -0,0 +1,61 @@
+/**
+ * Modules provided by the editor host at runtime. Editor plugins never bundle them:
+ * their imports are rewritten to lookups in the host's shared module registry, so every
+ * plugin runs against the exact same Svelte runtime and SDK instance as the editor.
+ *
+ * Keep in sync with the host registration (apps/editor/src/lib/plugins/shared-modules.ts).
+ */
+/** Modules the editor page provides (main thread). */
+export const MAIN_SHARED_MODULES = [
+  'svelte',
+  'svelte/animate',
+  'svelte/attachments',
+  'svelte/easing',
+  'svelte/events',
+  'svelte/internal/client',
+  'svelte/legacy',
+  'svelte/motion',
+  'svelte/reactivity',
+  'svelte/reactivity/window',
+  'svelte/store',
+  'svelte/transition',
+  '@nanoforge-dev/editor-sdk',
+  '@nanoforge-dev/editor-sdk/ui',
+] as const;
+
+/** Modules the code worker provides to plugin worker entries (`entry.worker`). */
+export const WORKER_SHARED_MODULES = ['ts-morph', '@nanoforge-dev/editor-sdk/worker'] as const;
+
+export const SHARED_MODULES = [...MAIN_SHARED_MODULES, ...WORKER_SHARED_MODULES] as const;
+
+export type SharedModuleId = (typeof SHARED_MODULES)[number];
+
+/** Side-effect only modules the host already evaluated: their imports are dropped. */
+export const DROPPED_MODULES: ReadonlySet<string> = new Set([
+  'svelte/internal/disclose-version',
+  'svelte/internal/flags/tracing',
+]);
+
+/** Modules that would switch global runtime flags of the host: importing them is a build error. */
+export const FORBIDDEN_MODULES: ReadonlyMap<string, string> = new Map([
+  [
+    'svelte/internal/flags/legacy',
+    'Editor plugins must compile Svelte components in runes mode (compilerOptions.runes = true).',
+  ],
+  [
+    'svelte/internal/flags/async',
+    'Editor plugins cannot enable experimental async Svelte: the editor host does not use it.',
+  ],
+]);
+
+/** Name of the global object the host exposes; must match the kernel's `SharedModuleRegistry`. */
+export const SHARED_GLOBAL = '__nanoforge_editor_shared__';
+
+const SHARED_SET: ReadonlySet<string> = new Set(SHARED_MODULES);
+
+export const isSharedModule = (specifier: string): specifier is SharedModuleId =>
+  SHARED_SET.has(specifier);
+
+/** Whether the bundler must leave this import to the host (shared, dropped or forbidden). */
+export const isHostModule = (specifier: string): boolean =>
+  SHARED_SET.has(specifier) || DROPPED_MODULES.has(specifier) || FORBIDDEN_MODULES.has(specifier);
diff --git a/tooling/vite-plugin/test/manifest/build-manifest.spec.ts b/tooling/vite-plugin/test/manifest/build-manifest.spec.ts
new file mode 100644
index 00000000..1543cc84
--- /dev/null
+++ b/tooling/vite-plugin/test/manifest/build-manifest.spec.ts
@@ -0,0 +1,38 @@
+import { mkdirSync, mkdtempSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+import { buildManifest } from '../../src/manifest/build-manifest';
+
+const pluginDir = (manifest: object) => {
+  const root = mkdtempSync(join(tmpdir(), 'nf-plugin-'));
+  writeFileSync(join(root, 'package.json'), '{"name":"fixture"}');
+  writeFileSync(join(root, 'nanoforge.manifest.json'), JSON.stringify(manifest));
+  const svelte = join(root, 'node_modules', 'svelte');
+  mkdirSync(svelte, { recursive: true });
+  writeFileSync(join(svelte, 'package.json'), '{"name":"svelte","version":"5.50.0"}');
+  return root;
+};
+
+describe('buildManifest', () => {
+  it('validates the manifest and records the svelte version', () => {
+    const root = pluginDir({
+      type: 'plugin',
+      name: '@nanoforge/fixture',
+      version: '0.1.0',
+      engines: { editor: '^0.1.0' },
+      entry: { client: 'index.js' },
+    });
+    expect(buildManifest(root)).toMatchObject({
+      name: '@nanoforge/fixture',
+      activation: ['onStartup'],
+      build: { svelte: '5.50.0' },
+    });
+  });
+
+  it('fails the build on invalid manifests', () => {
+    const root = pluginDir({ type: 'plugin', name: 'bad' });
+    expect(() => buildManifest(root)).toThrow(/Invalid plugin manifest/);
+  });
+});
diff --git a/tooling/vite-plugin/test/rewrite/rewrite-shared-imports.spec.ts b/tooling/vite-plugin/test/rewrite/rewrite-shared-imports.spec.ts
new file mode 100644
index 00000000..db8d064a
--- /dev/null
+++ b/tooling/vite-plugin/test/rewrite/rewrite-shared-imports.spec.ts
@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'vitest';
+
+import { rewriteSharedImports } from '../../src/rewrite/rewrite-shared-imports';
+
+const L = (s: string) => `globalThis["__nanoforge_editor_shared__"].require("${s}")`;
+
+describe('rewriteSharedImports', () => {
+  it('returns null when no shared module is imported', async () => {
+    expect(await rewriteSharedImports(`import x from './x.js'; x();`)).toBeNull();
+  });
+
+  it('rewrites namespace imports (compiled svelte components)', async () => {
+    const out = await rewriteSharedImports(`import * as $ from 'svelte/internal/client';\n$.x();`);
+    expect(out).toBe(`const $ = ${L('svelte/internal/client')};;\n$.x();`);
+  });
+
+  it('rewrites named, aliased and default imports', async () => {
+    const out = await rewriteSharedImports(
+      `import sdk, { mount as m, onMount } from "@nanoforge-dev/editor-sdk";`,
+    );
+    expect(out).toContain(`const sdk = ${L('@nanoforge-dev/editor-sdk')}.default;`);
+    expect(out).toContain(`const { mount: m, onMount } = ${L('@nanoforge-dev/editor-sdk')};`);
+  });
+
+  it('handles minified output', async () => {
+    const out = await rewriteSharedImports(
+      `import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{writable as t}from"svelte/store";e.a(t);`,
+    );
+    expect(out).toBe(
+      `;const e = ${L('svelte/internal/client')};;const { writable: t } = ${L('svelte/store')};;e.a(t);`,
+    );
+  });
+
+  it('rewrites dynamic imports', async () => {
+    const out = await rewriteSharedImports(`const s = await import('svelte/store');`);
+    expect(out).toBe(`const s = await Promise.resolve(${L('svelte/store')});`);
+  });
+
+  it('keeps non shared imports untouched', async () => {
+    const out = await rewriteSharedImports(`import a from './a.js';import{b}from"svelte";`);
+    expect(out).toBe(`import a from './a.js';const { b } = ${L('svelte')};;`);
+  });
+
+  it('rejects legacy mode components', async () => {
+    await expect(rewriteSharedImports(`import 'svelte/internal/flags/legacy';`)).rejects.toThrow(
+      /runes mode/,
+    );
+  });
+
+  it('rejects re-exports of shared modules', async () => {
+    await expect(rewriteSharedImports(`export { mount } from 'svelte';`)).rejects.toThrow(
+      /Re-exporting shared module/,
+    );
+  });
+});
diff --git a/tooling/vite-plugin/tsconfig.json b/tooling/vite-plugin/tsconfig.json
new file mode 100644
index 00000000..10ecbb8a
--- /dev/null
+++ b/tooling/vite-plugin/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig.json",
+  "extends": "../../tsconfig.json",
+  "compilerOptions": { "types": ["node"] },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}
diff --git a/tooling/vite-plugin/tsdown.config.ts b/tooling/vite-plugin/tsdown.config.ts
new file mode 100644
index 00000000..617fdbeb
--- /dev/null
+++ b/tooling/vite-plugin/tsdown.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  platform: 'node',
+  target: 'node22',
+  dts: true,
+  sourcemap: true,
+  clean: true,
+  fixedExtension: false,
+  deps: { alwaysBundle: ['@nanoforge-dev/editor-kernel'], neverBundle: ['semver', 'zod'] },
+});
diff --git a/tsconfig.json b/tsconfig.json
index 153b2290..953a2cf4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,22 +1,41 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
+  "$schema": "https://json.schemastore.org/tsconfig.json",
   "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
+    // Type Checking
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "exactOptionalPropertyTypes": false,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+
+    // Modules
+    "allowImportingTsExtensions": false,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
-    "skipLibCheck": true,
+    "resolvePackageJsonExports": true,
+    "resolvePackageJsonImports": true,
+
+    // Emit
+    "noEmit": true,
+    "newLine": "lf",
     "sourceMap": true,
-    "strict": true,
-    "moduleResolution": "bundler",
-    "types": ["bun"],
-    "lib": ["esnext", "DOM", "DOM.Iterable", "DOM.AsyncIterable"],
-    "experimentalDecorators": true
-  }
-  // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-  // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-  //
-  // To make changes to top-level options such as include and exclude, we recommend extending
-  // the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+
+    // Interop Constraints
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+
+    // Language and Environment
+    "lib": ["ESNext", "esnext.disposable", "DOM", "DOM.Iterable"],
+    "target": "ESNext",
+    "useDefineForClassFields": true
+  },
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/turbo.json b/turbo.json
new file mode 100644
index 00000000..468f982f
--- /dev/null
+++ b/turbo.json
@@ -0,0 +1,53 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "globalDependencies": [
+    "tsconfig.json",
+    "eslint.config.js",
+    "vitest.config.ts",
+    "vitest.setup.ts",
+    "vitest.global-setup.ts",
+    "prettier.config.js"
+  ],
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "inputs": [
+        "src/**",
+        "static/**",
+        "server/**",
+        "scripts/**",
+        "package.json",
+        "tsconfig.json",
+        "*.config.{js,ts}",
+        "nanoforge.manifest.json"
+      ],
+      "outputs": ["dist/**", ".svelte-kit/**"],
+      "outputLogs": "errors-only"
+    },
+    "dev": {
+      "dependsOn": ["^build"],
+      "cache": false,
+      "persistent": true
+    },
+    "typecheck": {
+      "dependsOn": ["^build"],
+      "outputs": [],
+      "outputLogs": "new-only"
+    },
+    "lint": {
+      "outputs": [],
+      "outputLogs": "new-only"
+    },
+    "format": {
+      "cache": false,
+      "outputs": []
+    },
+    "test:unit": {
+      "dependsOn": ["^build"],
+      "inputs": ["src/**", "test/**", "package.json", "tsconfig.json", "*.config.{js,ts}"],
+      "outputs": [],
+      "outputLogs": "new-only"
+    }
+  },
+  "globalPassThroughEnv": ["CHROME", "CI"]
+}
diff --git a/uno.config.ts b/uno.config.ts
deleted file mode 100644
index e6057f02..00000000
--- a/uno.config.ts
+++ /dev/null
@@ -1,173 +0,0 @@
-import { createLocalFontProcessor } from '@unocss/preset-web-fonts/local';
-import {
-  defineConfig,
-  presetAttributify,
-  presetIcons,
-  presetTypography,
-  presetWebFonts,
-  presetWind4,
-  transformerDirectives,
-  transformerVariantGroup,
-} from 'unocss';
-
-export default defineConfig({
-  theme: {
-    colors: {
-      background: 'oklch(var(--background))',
-      foreground: 'oklch(var(--foreground))',
-      border: 'oklch(var(--border))',
-      input: 'oklch(var(--input))',
-      ring: 'oklch(var(--ring))',
-      card: {
-        DEFAULT: 'oklch(var(--card))',
-        foreground: 'oklch(var(--card-foreground))',
-      },
-      popover: {
-        DEFAULT: 'oklch(var(--popover))',
-        foreground: 'oklch(var(--popover-foreground))',
-      },
-      primary: {
-        DEFAULT: 'oklch(var(--primary))',
-        foreground: 'oklch(var(--primary-foreground))',
-      },
-      secondary: {
-        DEFAULT: 'oklch(var(--secondary))',
-        foreground: 'oklch(var(--secondary-foreground))',
-      },
-      muted: {
-        DEFAULT: 'oklch(var(--muted))',
-        foreground: 'oklch(var(--muted-foreground))',
-      },
-      accent: {
-        DEFAULT: 'oklch(var(--accent))',
-        foreground: 'oklch(var(--accent-foreground))',
-      },
-      success: {
-        DEFAULT: 'oklch(var(--success))',
-        foreground: 'oklch(var(--success-foreground))',
-      },
-      destructive: {
-        DEFAULT: 'oklch(var(--destructive))',
-        foreground: 'oklch(var(--destructive-foreground))',
-      },
-    },
-  },
-  rules: [
-    // animate-in / animate-out base classes (tailwindcss-animate equivalent)
-    [
-      'animate-in',
-      {
-        'animation-name': 'enter',
-        'animation-duration': 'var(--un-duration,150ms)',
-        '--un-enter-opacity': 'initial',
-        '--un-enter-scale': 'initial',
-        '--un-enter-rotate': 'initial',
-        '--un-enter-translate-x': 'initial',
-        '--un-enter-translate-y': 'initial',
-      },
-    ],
-    [
-      'animate-out',
-      {
-        'animation-name': 'exit',
-        'animation-duration': 'var(--un-duration,150ms)',
-        '--un-exit-opacity': 'initial',
-        '--un-exit-scale': 'initial',
-        '--un-exit-rotate': 'initial',
-        '--un-exit-translate-x': 'initial',
-        '--un-exit-translate-y': 'initial',
-      },
-    ],
-    [/^fade-in-(\d+)$/, ([, n]) => ({ '--un-enter-opacity': `${Number(n) / 100}` })],
-    [/^fade-out-(\d+)$/, ([, n]) => ({ '--un-exit-opacity': `${Number(n) / 100}` })],
-    [/^zoom-in-(\d+)$/, ([, n]) => ({ '--un-enter-scale': `${Number(n) / 100}` })],
-    [/^zoom-out-(\d+)$/, ([, n]) => ({ '--un-exit-scale': `${Number(n) / 100}` })],
-    [
-      /^slide-in-from-top-(\d+)$/,
-      ([, n]) => ({ '--un-enter-translate-y': `-${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-in-from-bottom-(\d+)$/,
-      ([, n]) => ({ '--un-enter-translate-y': `${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-in-from-left-(\d+)$/,
-      ([, n]) => ({ '--un-enter-translate-x': `-${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-in-from-right-(\d+)$/,
-      ([, n]) => ({ '--un-enter-translate-x': `${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-out-to-top-(\d+)$/,
-      ([, n]) => ({ '--un-exit-translate-y': `-${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-out-to-bottom-(\d+)$/,
-      ([, n]) => ({ '--un-exit-translate-y': `${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-out-to-left-(\d+)$/,
-      ([, n]) => ({ '--un-exit-translate-x': `-${Number(n) * 0.25}rem` }),
-    ],
-    [
-      /^slide-out-to-right-(\d+)$/,
-      ([, n]) => ({ '--un-exit-translate-x': `${Number(n) * 0.25}rem` }),
-    ],
-  ],
-  shortcuts: [
-    [
-      'modal-overlay',
-      'fixed inset-0 bg-black/70 backdrop-blur-sm flex items-center justify-center z-50 p-4',
-    ],
-    ['modal-card', 'bg-card rounded-2xl w-full max-w-md overflow-hidden'],
-    ['modal-header', 'px-6 pt-7 pb-5 flex items-center gap-3.5'],
-    ['modal-body', 'px-6 py-5 flex flex-col gap-5'],
-    ['modal-footer', 'px-6 pb-6 flex items-center justify-end gap-2'],
-    [
-      'modal-icon-badge',
-      'shrink-0 size-10 rounded-xl bg-primary/10 flex items-center justify-center',
-    ],
-    ['modal-divider', 'h-px bg-white/[0.04]'],
-    [
-      'toggle-row',
-      'flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-muted/40 transition-colors text-left',
-    ],
-    ['toggle-row-title', 'text-sm text-foreground font-medium leading-tight'],
-    ['toggle-row-desc', 'text-xs text-muted-foreground mt-0.5'],
-    ['btn-ghost', 'px-4 py-2 text-sm rounded-lg transition-all duration-150'],
-    [
-      'btn-primary',
-      'flex items-center hover:bg-primary/80 gap-2 px-5 py-2 text-sm font-medium rounded-lg transition-colors duration-150 disabled:opacity-40',
-    ],
-  ],
-  presets: [
-    presetWind4(),
-    presetAttributify(),
-    presetIcons({
-      scale: 1.2,
-    }),
-    presetTypography(),
-    presetWebFonts({
-      fonts: {
-        sans: 'DM Sans',
-        serif: 'DM Serif Display',
-        mono: 'DM Mono',
-      },
-      processors: createLocalFontProcessor(),
-    }),
-  ],
-  transformers: [transformerDirectives(), transformerVariantGroup()],
-  safelist: [
-    'i-material-icon-theme-huff',
-    'i-material-icon-theme-typescript',
-    'i-material-icon-theme-3d',
-    'i-material-icon-theme-lyric',
-    'i-material-icon-theme-folder-interceptor',
-    'i-ic-baseline-add',
-    'i-ic-baseline-folder',
-    'i-material-icon-theme-json',
-    'i-ic-baseline-upload',
-    'i-ic-baseline-folder-open',
-  ],
-});
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index c1d308a1..00000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { paraglideVitePlugin } from '@inlang/paraglide-js';
-import { sveltekit } from '@sveltejs/kit/vite';
-import extractorSvelte from '@unocss/extractor-svelte';
-import { playwright } from '@vitest/browser-playwright';
-import { builtinModules } from 'module';
-import UnoCSS from 'unocss/vite';
-import { defineConfig } from 'vitest/config';
-
-const ssrNodeBuiltinsPlugin = {
-  name: 'ssr-node-builtins',
-  enforce: 'pre',
-  resolveId(id: string, _importer: string | undefined, options: { ssr?: boolean }) {
-    if (options?.ssr && builtinModules.includes(id) && !id.startsWith('bun')) {
-      return { id: `node:${id}`, external: true };
-    }
-  },
-};
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    ssrNodeBuiltinsPlugin,
-    UnoCSS({
-      extractors: [extractorSvelte()],
-    }),
-    sveltekit(),
-    paraglideVitePlugin({ project: './project.inlang', outdir: './src/lib/paraglide' }),
-  ],
-  test: {
-    expect: { requireAssertions: true },
-    projects: [
-      {
-        extends: './vite.config.ts',
-        test: {
-          name: 'client',
-          browser: {
-            enabled: true,
-            provider: playwright(),
-            instances: [{ browser: 'chromium', headless: true }],
-          },
-          include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
-          exclude: ['src/lib/server/**'],
-        },
-      },
-      {
-        extends: './vite.config.ts',
-        test: {
-          name: 'server',
-          environment: 'node',
-          include: ['src/**/*.{test,spec}.{js,ts}'],
-          exclude: ['src/**/*.svelte.{test,spec}.{js,ts}'],
-        },
-      },
-    ],
-    coverage: {
-      enabled: true,
-      reporter: ['text', 'lcov', 'cobertura'],
-      provider: 'v8',
-      include: ['src/**/*.{ts,svelte}'],
-      exclude: ['**/*.{interface,type,d}.ts', '**/{interfaces,types}/*.ts', '**/index.{js,ts}'],
-    },
-  },
-});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 00000000..d29009a1
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,24 @@
+import { fileURLToPath } from 'node:url';
+import { defineConfig } from 'vitest/config';
+
+/**
+ * Shared unit-test config. Each package runs `vitest run --config ../../vitest.config.ts`
+ * from its own directory, so `include` is relative to the package.
+ */
+export default defineConfig({
+  test: {
+    include: ['test/**/*.spec.ts'],
+    exclude: ['**/node_modules', '**/dist', '**/*.svelte.spec.ts'],
+    passWithNoTests: true,
+    /** Tests that build a ts-morph project or a TypeScript program take seconds on CI runners. */
+    testTimeout: 30_000,
+    globalSetup: [fileURLToPath(new URL('./vitest.global-setup.ts', import.meta.url))],
+    setupFiles: [fileURLToPath(new URL('./vitest.setup.ts', import.meta.url))],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'lcov'],
+      include: ['src'],
+      exclude: ['**/*.{type,d}.ts', '**/index.ts'],
+    },
+  },
+});
diff --git a/vitest.global-setup.ts b/vitest.global-setup.ts
new file mode 100644
index 00000000..0592dd27
--- /dev/null
+++ b/vitest.global-setup.ts
@@ -0,0 +1,20 @@
+import { readdirSync, rmSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+
+/**
+ * Test workspaces live in `packages/server-core/test/.tmp-*` (inside the repository, so the games
+ * and plugins they hold resolve its `node_modules`). Each spec removes its own; a run that was
+ * interrupted leaves them behind. Remove those older than a day: younger ones may belong to a
+ * package running in parallel.
+ */
+export default function removeStaleWorkspaces(): void {
+  const folder = join(import.meta.dirname, 'packages/server-core/test');
+  const limit = Date.now() - 24 * 60 * 60 * 1000;
+  for (const name of readdirSync(folder)) {
+    if (!name.startsWith('.tmp-')) continue;
+    const path = join(folder, name);
+    try {
+      if (statSync(path).mtimeMs < limit) rmSync(path, { recursive: true, force: true });
+    } catch {}
+  }
+}
diff --git a/vitest.setup.ts b/vitest.setup.ts
new file mode 100644
index 00000000..2866e6f0
--- /dev/null
+++ b/vitest.setup.ts
@@ -0,0 +1,28 @@
+import { afterEach, beforeEach } from 'vitest';
+
+/**
+ * Fails a test that writes to `console.error` without expecting it, like the e2e fixture fails
+ * a test on an uncaught page error: a passing test that logs an error usually hides a bug. A test
+ * that expects an error spies on it (`vi.spyOn(console, 'error').mockImplementation(() => {})`).
+ */
+const original = console.error;
+let logged: unknown[][] = [];
+
+beforeEach(() => {
+  logged = [];
+  console.error = (...args: unknown[]) => {
+    logged.push(args);
+    original(...args);
+  };
+});
+
+afterEach(() => {
+  const unexpected = logged;
+  logged = [];
+  console.error = original;
+  if (unexpected.length) {
+    throw new Error(
+      `The test wrote ${unexpected.length} unexpected console.error line(s), the first: ${unexpected[0]!.map(String).join(' ')}`,
+    );
+  }
+});