From 900f2e68191d1f6741fb758ba151df0d3edc6e98 Mon Sep 17 00:00:00 2001
From: l0ng-ai <24760907+l0ng-ai@users.noreply.github.com>
Date: Tue, 3 Nov 2026 17:16:04 +0800
Subject: [PATCH] feat(plugins): web views, document bridge and the Excalidraw
 official plugin

Plugins can now ship a web page as the UI of a view or custom editor
(`web = "web/index.html"`), so editors built on web libraries are plugins
rather than part of the core.

- Web views: every file under the page's directory is part of the package
  (checked, copied on install, covered by the digest and signature) and
  served through the `openidea-plugin` URL scheme, under a per-revision
  path with a CSP of its own, into an `<iframe sandbox="allow-scripts">`.
  An update or reinstall reloads open pages.
- Frame bridge (`window.openidea`), shared by html bodies and web pages:
  theme, messages to the plugin's code, `document.get/edit/replace/onChange`
  (versioned edits that join the text editor's undo history, Save and dirty
  state), `saveFile`/`openFile` through the IDE's dialogs, and IDE shortcuts
  the page leaves alone.
- Custom editor layouts: tab, split (Editor and X) or preview over the text
  editor, switchable from the tab's actions.
- New points `fileIcons` and `fileTemplates`; new optional capability
  `clipboard` for web views.
- Excalidraw official plugin: `.excalidraw` / `.excalidraw.json` open as an
  interactive canvas kept in step with the file's text, with self-hosted
  fonts, PNG/SVG export, images, file icons, a New Drawing template and
  JSON highlighting. Closes #732.
- Fixes: a lock-order deadlock between listing plugins and refreshing
  project pins; the dev server ignored edits under `src/features/plugins`.
- `plugins/build.sh` builds and checks web pages; CI typechecks and tests
  them.

Co-authored-by: Deng Liu <5108773+dengliu@users.noreply.github.com>
---
 .github/workflows/ci.yml                      |   20 +-
 .oxfmtrc.json                                 |    2 +
 Cargo.lock                                    |    2 +
 crates/ide-extension/src/capability.rs        |   11 +-
 crates/ide-host/src/plugins/icons.rs          |   17 +-
 crates/ide-host/src/plugins/mod.rs            |    5 +-
 crates/ide-host/src/plugins/points.rs         |    2 +
 crates/ide-host/src/plugins/ui_points.rs      |  158 +-
 crates/ide-host/src/plugins/web.rs            |  245 ++
 crates/ide-host/tests/plugins.rs              |  213 ++
 plugins/README.md                             |   82 +-
 plugins/build.sh                              |   70 +-
 plugins/official/excalidraw/.gitignore        |    4 +
 plugins/official/excalidraw/NOTICE.md         |   28 +
 .../official/excalidraw/icons/excalidraw.svg  |    5 +
 .../excalidraw/icons/excalidraw_dark.svg      |    5 +
 .../excalidraw/languages/excalidraw.toml      |    6 +
 plugins/official/excalidraw/plugin.toml       |   35 +
 .../excalidraw/templates/drawing.excalidraw   |   13 +
 .../official/excalidraw/web-src/index.html    |   32 +
 .../official/excalidraw/web-src/package.json  |   25 +
 .../excalidraw/web-src/pnpm-lock.yaml         | 3191 +++++++++++++++++
 .../official/excalidraw/web-src/src/assets.ts |    6 +
 .../excalidraw/web-src/src/downloads.ts       |   25 +
 .../official/excalidraw/web-src/src/main.tsx  |  123 +
 .../excalidraw/web-src/src/openidea.d.ts      |   41 +
 .../excalidraw/web-src/src/scene.test.ts      |   40 +
 .../official/excalidraw/web-src/src/scene.ts  |  170 +
 .../excalidraw/web-src/src/sync.test.ts       |  107 +
 .../official/excalidraw/web-src/src/sync.ts   |  128 +
 .../excalidraw/web-src/src/test-setup.ts      |   10 +
 .../official/excalidraw/web-src/tsconfig.json |   17 +
 .../excalidraw/web-src/vite.config.ts         |   48 +
 src-tauri/Cargo.toml                          |    2 +
 src-tauri/src/commands/mod.rs                 |    3 +
 src-tauri/src/commands/plugin.rs              |   53 +
 src-tauri/src/lib.rs                          |    3 +
 src-tauri/src/plugin_web.rs                   |  107 +
 src-tauri/tauri.conf.json                     |    2 +-
 src/editor/api.ts                             |    8 +
 src/editor/core/model/attachment.test.ts      |   28 +
 src/editor/core/model/attachment.ts           |    6 +
 .../plugins/__tests__/webViews.test.tsx       |  278 ++
 src/features/plugins/backend.ts               |   58 +
 src/features/plugins/uiPoints.tsx             |  133 +-
 .../plugins/views/PluginView.module.css       |   36 +
 src/features/plugins/views/WebView.tsx        |  259 ++
 src/features/plugins/views/customEditor.tsx   |  182 +-
 src/features/plugins/views/editorLayout.tsx   |   90 +
 src/features/plugins/views/frame-bridge.js    |  135 +
 src/features/plugins/views/frame.ts           |   35 +-
 src/features/templates/files/store.ts         |   30 +-
 src/platform/locales/text/zh.json             |    8 +-
 src/ui/icons.tsx                              |   17 +
 vite.config.ts                                |   13 +-
 55 files changed, 6237 insertions(+), 135 deletions(-)
 create mode 100644 crates/ide-host/src/plugins/web.rs
 create mode 100644 plugins/official/excalidraw/.gitignore
 create mode 100644 plugins/official/excalidraw/NOTICE.md
 create mode 100644 plugins/official/excalidraw/icons/excalidraw.svg
 create mode 100644 plugins/official/excalidraw/icons/excalidraw_dark.svg
 create mode 100644 plugins/official/excalidraw/languages/excalidraw.toml
 create mode 100644 plugins/official/excalidraw/plugin.toml
 create mode 100644 plugins/official/excalidraw/templates/drawing.excalidraw
 create mode 100644 plugins/official/excalidraw/web-src/index.html
 create mode 100644 plugins/official/excalidraw/web-src/package.json
 create mode 100644 plugins/official/excalidraw/web-src/pnpm-lock.yaml
 create mode 100644 plugins/official/excalidraw/web-src/src/assets.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/downloads.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/main.tsx
 create mode 100644 plugins/official/excalidraw/web-src/src/openidea.d.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/scene.test.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/scene.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/sync.test.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/sync.ts
 create mode 100644 plugins/official/excalidraw/web-src/src/test-setup.ts
 create mode 100644 plugins/official/excalidraw/web-src/tsconfig.json
 create mode 100644 plugins/official/excalidraw/web-src/vite.config.ts
 create mode 100644 src-tauri/src/plugin_web.rs
 create mode 100644 src/features/plugins/__tests__/webViews.test.tsx
 create mode 100644 src/features/plugins/views/WebView.tsx
 create mode 100644 src/features/plugins/views/editorLayout.tsx
 create mode 100644 src/features/plugins/views/frame-bridge.js

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index eca369c9..dfed0cc8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -100,8 +100,26 @@ jobs:
             cargo test --locked --manifest-path "$dir/Cargo.toml"
             echo "::endgroup::"
           done
+      - uses: pnpm/action-setup@v4
+        with: { version: 11 }
+      - uses: actions/setup-node@v4
+        with: { node-version: 22 }
+      # Plugin web pages (`web-src/`, their own pnpm projects): typecheck and test.
+      - name: Web pages typecheck and test
+        shell: bash
+        run: |
+          set -euo pipefail
+          for dir in plugins/*/web-src/ plugins/official/*/web-src/; do
+            [ -f "$dir/package.json" ] || continue
+            echo "::group::$dir"
+            pnpm --dir "$dir" install --frozen-lockfile --ignore-workspace
+            pnpm --dir "$dir" exec tsc --noEmit
+            pnpm --dir "$dir" test
+            echo "::endgroup::"
+          done
       # The host's tests run the checked-in components: they must be built from these sources.
-      - name: Checked-in components are up to date
+      # Web pages aren't checked in: this builds them and checks the result.
+      - name: Checked-in components are up to date, web pages build
         run: plugins/build.sh --check
 
   deny:
diff --git a/.oxfmtrc.json b/.oxfmtrc.json
index 70f64132..0a0d7102 100644
--- a/.oxfmtrc.json
+++ b/.oxfmtrc.json
@@ -15,6 +15,8 @@
     "pnpm-lock.yaml",
     "**/*.toml",
     "fixtures",
+    "plugins/*/web",
+    "plugins/official/*/web",
     "crates/**/tests/fixtures"
   ],
   "overrides": [
diff --git a/Cargo.lock b/Cargo.lock
index 37a6cf58..974e0f90 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -6181,6 +6181,7 @@ dependencies = [
 name = "openidea"
 version = "0.1.35"
 dependencies = [
+ "base64 0.22.1",
  "blake3",
  "block2 0.6.2",
  "dirs 6.0.0",
@@ -6227,6 +6228,7 @@ dependencies = [
  "objc2-foundation 0.3.2",
  "objc2-web-kit 0.3.2",
  "parking_lot",
+ "percent-encoding",
  "security-framework",
  "serde",
  "serde_json",
diff --git a/crates/ide-extension/src/capability.rs b/crates/ide-extension/src/capability.rs
index f34a9dc9..b48a3874 100644
--- a/crates/ide-extension/src/capability.rs
+++ b/crates/ide-extension/src/capability.rs
@@ -28,6 +28,8 @@ pub enum Capability {
     Events,
     /// Keystrokes and editor input events.
     InputEvents,
+    /// The system clipboard, from the plugin's web views.
+    Clipboard,
     /// HTTP(S) to one host (`*.example.com` matches subdomains).
     Net(String),
     /// Run one external program. Full code execution: never fine-grained.
@@ -52,7 +54,9 @@ impl Capability {
     pub fn risk(&self) -> Risk {
         match self {
             Self::ProjectRead | Self::EditorRead | Self::Storage | Self::Events | Self::VcsRead => Risk::Low,
-            Self::EditorWrite | Self::VcsWrite | Self::Net(_) | Self::Secrets | Self::InputEvents => Risk::Medium,
+            Self::EditorWrite | Self::VcsWrite | Self::Net(_) | Self::Secrets | Self::InputEvents | Self::Clipboard => {
+                Risk::Medium
+            }
             Self::Process(_) | Self::FsRead(_) => Risk::High,
         }
     }
@@ -75,6 +79,7 @@ impl Capability {
             Self::Secrets => "Store secrets in the system keychain".into(),
             Self::Events => "Observe workbench events (files opened, saved, focus)".into(),
             Self::InputEvents => "Observe keystrokes and editor input".into(),
+            Self::Clipboard => "Read and write the clipboard from its web views".into(),
             Self::Net(host) => format!("Connect to {host} (from the machine the project is on)"),
             Self::Process(bin) => format!("Run {bin} — equivalent to running arbitrary code on this machine"),
             Self::FsRead(path) => format!("Read files under {path}, outside the project"),
@@ -115,6 +120,7 @@ impl fmt::Display for Capability {
             Self::Secrets => f.write_str("secrets"),
             Self::Events => f.write_str("events"),
             Self::InputEvents => f.write_str("events.input"),
+            Self::Clipboard => f.write_str("clipboard"),
             Self::Net(h) => write!(f, "net:{h}"),
             Self::Process(b) => write!(f, "process:{b}"),
             Self::FsRead(p) => write!(f, "fs.read:{p}"),
@@ -169,6 +175,7 @@ impl FromStr for Capability {
             "secrets" => Self::Secrets,
             "events" => Self::Events,
             "events.input" => Self::InputEvents,
+            "clipboard" => Self::Clipboard,
             _ => return Err(format!("unknown capability {s:?}")),
         })
     }
@@ -241,6 +248,8 @@ mod tests {
         assert_eq!(Capability::ProjectRead.risk(), Risk::Low);
         assert_eq!(Capability::Net("x".into()).risk(), Risk::Medium);
         assert_eq!(Capability::InputEvents.risk(), Risk::Medium);
+        assert_eq!("clipboard".parse::<Capability>().unwrap(), Capability::Clipboard);
+        assert_eq!(Capability::Clipboard.risk(), Risk::Medium);
         assert_eq!(Capability::Process("cargo".into()).risk(), Risk::High);
         assert!(Capability::Storage.auto_migrates() && !Capability::EditorWrite.auto_migrates());
     }
diff --git a/crates/ide-host/src/plugins/icons.rs b/crates/ide-host/src/plugins/icons.rs
index 8df6a94b..729bf626 100644
--- a/crates/ide-host/src/plugins/icons.rs
+++ b/crates/ide-host/src/plugins/icons.rs
@@ -70,6 +70,16 @@ pub fn svg_prefix(theme: &str) -> String {
     format!("iconTheme/{theme}/svg/")
 }
 
+/// An SVG icon of the package, size-checked and sanitised.
+pub(super) fn read_icon(pkg: &Package, path: &std::path::Path) -> Result<String, String> {
+    check_relative(path, "icon")?;
+    let svg = pkg.read_text(path)?;
+    if svg.len() > MAX_SVG {
+        return Err(format!("{}: larger than {} KiB", path.display(), MAX_SVG >> 10));
+    }
+    sanitize_svg(&svg).map_err(|e| format!("{}: {e}", path.display()))
+}
+
 pub(super) fn icon_theme(pkg: &Package, decl: toml::Value) -> Result<UiDecl, String> {
     let d: Decl = decode(POINT_ID, decl)?;
     validate_item_id(&d.id, "icon theme id")?;
@@ -117,12 +127,7 @@ pub(super) fn icon_theme(pkg: &Package, decl: toml::Value) -> Result<UiDecl, Str
     let mut files = vec![d.path.clone()];
     for (icon, path) in &theme.icon_definitions {
         validate_item_id(icon, "icon id")?;
-        check_relative(path, "icon")?;
-        let svg = pkg.read_text(path)?;
-        if svg.len() > MAX_SVG {
-            return Err(format!("{}: larger than {} KiB", path.display(), MAX_SVG >> 10));
-        }
-        let clean = sanitize_svg(&svg).map_err(|e| format!("{}: {e}", path.display()))?;
+        let clean = read_icon(pkg, path)?;
         assets.push((format!("{}{icon}", svg_prefix(&d.id)), clean));
         files.push(path.clone());
     }
diff --git a/crates/ide-host/src/plugins/mod.rs b/crates/ide-host/src/plugins/mod.rs
index 745be9ba..34c625df 100644
--- a/crates/ide-host/src/plugins/mod.rs
+++ b/crates/ide-host/src/plugins/mod.rs
@@ -28,6 +28,7 @@ mod theme;
 mod types;
 pub mod ui_points;
 pub mod views;
+pub mod web;
 
 pub use api::{FileSecretStore, HostWorkspace, PluginWorkspace, SecretStore};
 pub use icons::{map_asset as icon_theme_map_asset, sanitize_svg, svg_prefix as icon_theme_svg_prefix};
@@ -2057,8 +2058,10 @@ impl PluginHost {
 
     fn info(&self, p: &LoadedPlugin) -> PluginInfo {
         let m = p.manifest();
-        let meta = p.meta.lock();
+        // The ledger before a plugin's `meta`, as everywhere (`refresh_pins` holds the
+        // ledger and locks each plugin's): the other order deadlocks.
         let grant = self.ledger.lock().get(&p.subject()).cloned();
+        let meta = p.meta.lock();
         let granted = |c: &Capability| grant.as_ref().is_some_and(|g| g.confirmed && g.has(c));
         let mut capabilities: Vec<CapabilityInfo> =
             m.capabilities.all().map(|c| CapabilityInfo::new(c, m.capabilities.is_optional(c), granted(c))).collect();
diff --git a/crates/ide-host/src/plugins/points.rs b/crates/ide-host/src/plugins/points.rs
index 9874bd40..bdf23c66 100644
--- a/crates/ide-host/src/plugins/points.rs
+++ b/crates/ide-host/src/plugins/points.rs
@@ -65,5 +65,7 @@ pub fn register_builtin_points(
     registry.register(Arc::new(UiPoint::new(p::SETTINGS, ui.clone(), p::settings)))?;
     registry.register(Arc::new(UiPoint::new(p::VIEWS, ui.clone(), p::view)))?;
     registry.register(Arc::new(UiPoint::new(p::CUSTOM_EDITORS, ui.clone(), p::custom_editor)))?;
+    registry.register(Arc::new(UiPoint::new(p::FILE_ICONS, ui.clone(), p::file_icon)))?;
+    registry.register(Arc::new(UiPoint::new(p::FILE_TEMPLATES, ui.clone(), p::file_template)))?;
     Ok(())
 }
diff --git a/crates/ide-host/src/plugins/ui_points.rs b/crates/ide-host/src/plugins/ui_points.rs
index 88d3c89c..abbf9fcd 100644
--- a/crates/ide-host/src/plugins/ui_points.rs
+++ b/crates/ide-host/src/plugins/ui_points.rs
@@ -32,6 +32,20 @@
 //! title = "Table"
 //! patterns = ["*.csv", "*.tsv"]
 //! priority = "default"             # or "option": only through Open With
+//! layout = "tab"                   # or "split" / "preview": beside the text editor
+//! web = "web/index.html"           # a web page from the package instead of rendered content
+//!
+//! [[contributes.fileIcons]]
+//! id = "drawing"
+//! patterns = ["*.excalidraw"]
+//! icon = "icons/drawing.svg"
+//! iconDark = "icons/drawing_dark.svg"
+//!
+//! [[contributes.fileTemplates]]
+//! id = "drawing"
+//! name = "Excalidraw Drawing"
+//! extension = "excalidraw"
+//! path = "templates/drawing.excalidraw"
 //! ```
 
 use ide_extension::{Package, UiDecl, decode, validate_item_id, validate_when};
@@ -46,6 +60,8 @@ pub const STATUS_BAR: &str = "statusBar";
 pub const SETTINGS: &str = "settings";
 pub const VIEWS: &str = "views";
 pub const CUSTOM_EDITORS: &str = "customEditors";
+pub const FILE_ICONS: &str = "fileIcons";
+pub const FILE_TEMPLATES: &str = "fileTemplates";
 
 const MENU_IDS: [&str; 4] = ["editor.context", "projectView.context", "editorTab.context", "tools"];
 const MAX_TITLE: usize = 256;
@@ -333,22 +349,36 @@ struct ViewDecl {
     icon: Option<String>,
     #[serde(default = "right")]
     location: String,
+    /// A web page of the package (`web/index.html`) instead of content the code renders.
+    #[serde(default, skip_serializing_if = "Option::is_none")]
+    web: Option<String>,
+}
+
+/// The files of a `web` entry, or a check that the code renders the view.
+fn web_or_code(pkg: &Package, web: Option<&str>, what: &str) -> Result<Vec<PathBuf>, String> {
+    match web {
+        Some(entry) => super::web::web_files(pkg, entry, what),
+        None if pkg.manifest.wasm.is_none() => {
+            Err(format!("{what}: give a web page (`web`) or the code that renders it (`wasm`)"))
+        }
+        None => Ok(Vec::new()),
+    }
 }
 
 pub(super) fn view(pkg: &Package, decl: toml::Value) -> Result<UiDecl, String> {
     let d: ViewDecl = decode(VIEWS, decl)?;
     validate_item_id(&d.id, "view id")?;
     title(VIEWS, &d.title)?;
-    if pkg.manifest.wasm.is_none() {
-        return Err(format!("view {:?}: views are rendered by the plugin's code (`wasm`)", d.id));
-    }
+    let files = web_or_code(pkg, d.web.as_deref(), &format!("view {:?}", d.id))?;
     if !["left", "right", "bottom"].contains(&d.location.as_str()) {
         return Err(format!("view {:?}: `location` is left, right or bottom", d.id));
     }
     if d.icon.as_ref().is_some_and(|i| i.len() > 64) {
         return Err(format!("view {:?}: icon names are up to 64 bytes", d.id));
     }
-    Ok(UiDecl::new(d.id.clone(), d.title.clone(), json(&d)?))
+    let mut out = UiDecl::new(d.id.clone(), d.title.clone(), json(&d)?);
+    out.files = files;
+    Ok(out)
 }
 
 #[derive(Debug, Deserialize, Serialize)]
@@ -359,31 +389,125 @@ struct CustomEditorDecl {
     patterns: Vec<String>,
     #[serde(default = "default_priority")]
     priority: String,
+    /// `tab`: the file opens in this editor's own tab. `split` / `preview`:
+    /// the file opens in the text editor with this editor beside it (Editor /
+    /// Editor and Preview / Preview); the value is the layout files start in.
+    #[serde(default = "default_layout")]
+    layout: String,
+    #[serde(default, skip_serializing_if = "Option::is_none")]
+    web: Option<String>,
 }
 
 fn default_priority() -> String {
     "default".into()
 }
 
+fn default_layout() -> String {
+    "tab".into()
+}
+
+/// File name globs (`*.csv`, `{a,b}.json`): no directories.
+fn file_patterns(patterns: &[String], what: &str) -> Result<(), String> {
+    if patterns.is_empty() || patterns.len() > MAX_PATTERNS {
+        return Err(format!("{what}: 1–{MAX_PATTERNS} file name `patterns`"));
+    }
+    for p in patterns {
+        if p.is_empty() || p.len() > 128 || p.contains(['/', '\\']) || globset::Glob::new(p).is_err() {
+            return Err(format!("{what}: invalid file name pattern {p:?}"));
+        }
+    }
+    Ok(())
+}
+
 pub(super) fn custom_editor(pkg: &Package, decl: toml::Value) -> Result<UiDecl, String> {
     let d: CustomEditorDecl = decode(CUSTOM_EDITORS, decl)?;
     validate_item_id(&d.id, "custom editor id")?;
     title(CUSTOM_EDITORS, &d.title)?;
-    if pkg.manifest.wasm.is_none() {
-        return Err(format!("custom editor {:?}: needs the plugin's code (`wasm`)", d.id));
-    }
-    if d.patterns.is_empty() || d.patterns.len() > MAX_PATTERNS {
-        return Err(format!("custom editor {:?}: 1–{MAX_PATTERNS} file name `patterns`", d.id));
-    }
-    for p in &d.patterns {
-        if p.is_empty() || p.len() > 128 || p.contains(['/', '\\']) || globset::Glob::new(p).is_err() {
-            return Err(format!("custom editor {:?}: invalid file name pattern {p:?}", d.id));
-        }
-    }
+    let what = format!("custom editor {:?}", d.id);
+    let files = web_or_code(pkg, d.web.as_deref(), &what)?;
+    file_patterns(&d.patterns, &what)?;
     if d.priority != "default" && d.priority != "option" {
-        return Err(format!("custom editor {:?}: `priority` is default or option", d.id));
+        return Err(format!("{what}: `priority` is default or option"));
     }
-    Ok(UiDecl::new(d.id.clone(), d.title.clone(), json(&d)?))
+    if !["tab", "split", "preview"].contains(&d.layout.as_str()) {
+        return Err(format!("{what}: `layout` is tab, split or preview"));
+    }
+    let mut out = UiDecl::new(d.id.clone(), d.title.clone(), json(&d)?);
+    out.files = files;
+    Ok(out)
+}
+
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase", deny_unknown_fields)]
+struct FileIconDecl {
+    id: String,
+    patterns: Vec<String>,
+    icon: PathBuf,
+    #[serde(default)]
+    icon_dark: Option<PathBuf>,
+}
+
+/// Asset id of a file icon's SVG (`dark`: its dark-theme variant).
+pub fn file_icon_asset(id: &str, dark: bool) -> String {
+    format!("fileIcon/{id}/{}", if dark { "dark" } else { "light" })
+}
+
+/// `[[contributes.fileIcons]]`: an icon for the files matching `patterns`,
+/// whatever icon theme is in use (the user's own file type icons still win).
+pub(super) fn file_icon(pkg: &Package, decl: toml::Value) -> Result<UiDecl, String> {
+    let d: FileIconDecl = decode(FILE_ICONS, decl)?;
+    validate_item_id(&d.id, "file icon id")?;
+    let what = format!("file icon {:?}", d.id);
+    file_patterns(&d.patterns, &what)?;
+    let mut files = Vec::new();
+    let mut assets = Vec::new();
+    for (path, dark) in [(Some(&d.icon), false), (d.icon_dark.as_ref(), true)] {
+        let Some(path) = path else { continue };
+        let svg = super::icons::read_icon(pkg, path)?;
+        assets.push((file_icon_asset(&d.id, dark), svg));
+        files.push(path.clone());
+    }
+    let json = serde_json::json!({ "id": d.id, "patterns": d.patterns, "dark": d.icon_dark.is_some() });
+    let mut out = UiDecl::new(d.id.clone(), d.patterns.join(", "), json);
+    out.files = files;
+    out.assets = assets;
+    Ok(out)
+}
+
+#[derive(Debug, Deserialize)]
+#[serde(rename_all = "camelCase", deny_unknown_fields)]
+struct FileTemplateDecl {
+    id: String,
+    name: String,
+    /// Without the dot.
+    extension: String,
+    /// The new file's content (`$NAME$`, `$END$` and the other template variables work).
+    path: PathBuf,
+}
+
+const MAX_TEMPLATE: usize = 256 << 10;
+
+/// `[[contributes.fileTemplates]]`: an entry of the New menu.
+pub(super) fn file_template(pkg: &Package, decl: toml::Value) -> Result<UiDecl, String> {
+    let d: FileTemplateDecl = decode(FILE_TEMPLATES, decl)?;
+    validate_item_id(&d.id, "file template id")?;
+    title(FILE_TEMPLATES, &d.name)?;
+    let what = format!("file template {:?}", d.id);
+    let ext = d.extension.trim_start_matches('.');
+    if ext.is_empty()
+        || ext.len() > 32
+        || !ext.chars().all(|c| c.is_ascii_alphanumeric() || matches!(c, '.' | '-' | '_'))
+    {
+        return Err(format!("{what}: `extension` is a file extension like \"md\" ({:?})", d.extension));
+    }
+    let body = pkg.read_text(&d.path)?;
+    if body.len() > MAX_TEMPLATE {
+        return Err(format!("{what}: {} is larger than {} KiB", d.path.display(), MAX_TEMPLATE >> 10));
+    }
+    let json = serde_json::json!({ "id": d.id, "name": d.name, "extension": ext, "body": body });
+    let mut out = UiDecl::new(d.id.clone(), d.name.clone(), json);
+    out.files = vec![d.path.clone()];
+    Ok(out)
 }
 
 #[cfg(test)]
diff --git a/crates/ide-host/src/plugins/web.rs b/crates/ide-host/src/plugins/web.rs
new file mode 100644
index 00000000..11a109f8
--- /dev/null
+++ b/crates/ide-host/src/plugins/web.rs
@@ -0,0 +1,245 @@
+//! Web views: a view or custom editor whose UI is a web page shipped in the
+//! package (`web = "web/index.html"`) instead of content the plugin's code
+//! renders.
+//!
+//! The entry's directory is the page's root. Every file under it is part of
+//! the declaration: it is checked when the package is prepared (count, size,
+//! no links leaving the package), copied on install and covered by the
+//! package digest and signature. The client loads the page in a sandboxed
+//! frame (an opaque origin with no network and no IDE API) and fetches its
+//! files through [`PluginHost::web_file`] (the desktop's `openidea-plugin`
+//! URL scheme); the page talks to the IDE only through the frame bridge.
+
+use super::PluginHost;
+use ide_core::{IdeError, IdeResult};
+use ide_extension::{Package, check_relative};
+use serde::{Deserialize, Serialize};
+use specta::Type;
+use std::path::{Component, Path, PathBuf};
+
+/// Most files under one web root.
+const MAX_FILES: usize = 4096;
+/// Most bytes under one web root.
+const MAX_BYTES: u64 = 256 << 20;
+/// Deepest directory nesting under a web root.
+const MAX_DEPTH: usize = 16;
+
+/// Checks a declaration's `web` entry: an `.html` file inside a directory of
+/// the package (the directory is what the page can load, so it can't be the
+/// package root), and everything under that directory. Returns those files,
+/// package-relative.
+pub(super) fn web_files(pkg: &Package, entry: &str, what: &str) -> Result<Vec<PathBuf>, String> {
+    let path = Path::new(entry);
+    check_relative(path, "web")?;
+    if entry.contains('\\') || !entry.to_ascii_lowercase().ends_with(".html") {
+        return Err(format!("{what}: `web` names an .html file, `/`-separated ({entry:?})"));
+    }
+    let dir = path.parent().filter(|d| !d.as_os_str().is_empty()).ok_or_else(|| {
+        format!("{what}: put the page in a directory of its own (`web/index.html`): the directory is what it can load")
+    })?;
+    let real_entry = pkg.resolve(path)?;
+    if !real_entry.is_file() {
+        return Err(format!("{what}: {entry} is not a file"));
+    }
+    let root = pkg.resolve(dir)?;
+    let mut files = Vec::new();
+    let mut total = 0u64;
+    let mut stack = vec![(root.clone(), dir.to_path_buf(), 0usize)];
+    while let Some((real, rel, depth)) = stack.pop() {
+        let mut entries: Vec<_> =
+            std::fs::read_dir(&real).map_err(|e| format!("{}: {e}", rel.display()))?.filter_map(Result::ok).collect();
+        entries.sort_by_key(|e| e.file_name());
+        for e in entries {
+            let name = e.file_name();
+            let rel = rel.join(&name);
+            // Links could point anywhere: only what is really in the package counts.
+            let ty = e.file_type().map_err(|err| format!("{}: {err}", rel.display()))?;
+            if ty.is_symlink() {
+                return Err(format!("{what}: {} is a link; web files must be real files", rel.display()));
+            }
+            if ty.is_dir() {
+                if depth + 1 > MAX_DEPTH {
+                    return Err(format!("{what}: {} is nested deeper than {MAX_DEPTH} directories", rel.display()));
+                }
+                stack.push((e.path(), rel, depth + 1));
+                continue;
+            }
+            if name.to_string_lossy() == ".DS_Store" {
+                continue;
+            }
+            let len = e.metadata().map_err(|err| format!("{}: {err}", rel.display()))?.len();
+            if len > ide_extension::MAX_PACKAGE_FILE {
+                return Err(format!(
+                    "{what}: {} is larger than {} MiB",
+                    rel.display(),
+                    ide_extension::MAX_PACKAGE_FILE >> 20
+                ));
+            }
+            total += len;
+            files.push(rel);
+            if files.len() > MAX_FILES || total > MAX_BYTES {
+                return Err(format!(
+                    "{what}: {} holds more than {MAX_FILES} files or {} MiB",
+                    dir.display(),
+                    MAX_BYTES >> 20
+                ));
+            }
+        }
+    }
+    files.sort();
+    Ok(files)
+}
+
+/// The page of a web view, for the client to load in its frame.
+#[derive(Clone, Debug, Serialize, Deserialize, Type)]
+#[serde(rename_all = "camelCase")]
+pub struct WebPage {
+    /// `<plugin id>/<revision>/<entry>` under the `openidea-plugin` scheme. The
+    /// revision changes with the installed package, so a cached file is never
+    /// stale; relative URLs in the page resolve to the package's files.
+    pub path: String,
+}
+
+/// A file of a web view.
+pub struct WebFile {
+    pub bytes: Vec<u8>,
+    pub mime: &'static str,
+}
+
+impl PluginHost {
+    /// The web roots `plugin` declares (entry directories, package-relative, `/`-terminated).
+    fn web_dirs(&self, plugin: &str) -> Vec<String> {
+        [super::ui_points::VIEWS, super::ui_points::CUSTOM_EDITORS]
+            .iter()
+            .flat_map(|point| self.ui.items(point, Some(plugin)))
+            .filter_map(|item| item.decl.get("web").and_then(|w| w.as_str()).map(str::to_owned))
+            .filter_map(|entry| entry.rsplit_once('/').map(|(dir, _)| format!("{dir}/")))
+            .collect()
+    }
+
+    /// Changes whenever the installed package does (cache key of its web files).
+    fn web_revision(&self, plugin: &super::LoadedPlugin) -> String {
+        let digest = plugin.pkg.digest.as_deref().unwrap_or_default();
+        let short: String = digest.chars().filter(char::is_ascii_alphanumeric).take(16).collect();
+        if short.is_empty() { format!("v{}", plugin.pkg.manifest.version) } else { short }
+    }
+
+    /// The page of `plugin`'s view or custom editor `view`.
+    pub fn web_page(&self, plugin_id: &str, view: &str) -> IdeResult<WebPage> {
+        let plugin = self.get(plugin_id)?;
+        if !plugin.status().is_live() {
+            return Err(IdeError::unavailable(format!("plugin {plugin_id:?} is not enabled")));
+        }
+        let entry = [super::ui_points::VIEWS, super::ui_points::CUSTOM_EDITORS]
+            .iter()
+            .flat_map(|point| self.ui.items(point, Some(plugin_id)))
+            .find(|item| item.key == view)
+            .and_then(|item| item.decl.get("web").and_then(|w| w.as_str()).map(str::to_owned))
+            .ok_or_else(|| IdeError::not_found(format!("plugin {plugin_id:?} has no web view {view:?}")))?;
+        Ok(WebPage { path: format!("{plugin_id}/{}/{entry}", self.web_revision(&plugin)) })
+    }
+
+    /// A file of one of `plugin`'s web views: `path` is `<revision>/<package path>`
+    /// as [`WebPage::path`] makes them. Only files under a declared web root
+    /// of a live plugin are served; the revision must be the installed one.
+    pub fn web_file(&self, plugin_id: &str, path: &str) -> IdeResult<WebFile> {
+        let plugin = self.get(plugin_id)?;
+        if !plugin.status().is_live() {
+            return Err(IdeError::unavailable(format!("plugin {plugin_id:?} is not enabled")));
+        }
+        let (revision, rel) = path.split_once('/').ok_or_else(|| IdeError::not_found(path.to_owned()))?;
+        if revision != self.web_revision(&plugin) {
+            return Err(IdeError::not_found(format!("{path}: not the installed version")));
+        }
+        let rel_path = Path::new(rel);
+        if !rel_path.components().all(|c| matches!(c, Component::Normal(_))) {
+            return Err(IdeError::invalid(format!("{rel}: not a plain relative path")));
+        }
+        if !self.web_dirs(plugin_id).iter().any(|dir| rel.starts_with(dir.as_str())) {
+            return Err(IdeError::not_found(format!("{rel}: not part of a web view")));
+        }
+        let bytes = plugin.pkg.read_bytes(rel_path).map_err(IdeError::not_found)?;
+        Ok(WebFile { bytes, mime: mime(rel) })
+    }
+}
+
+/// Content type by extension; unknown files are opaque bytes (never sniffed as script).
+pub fn mime(path: &str) -> &'static str {
+    let ext = path.rsplit_once('.').map(|(_, e)| e.to_ascii_lowercase()).unwrap_or_default();
+    match ext.as_str() {
+        "html" | "htm" => "text/html; charset=utf-8",
+        "js" | "mjs" | "cjs" => "text/javascript; charset=utf-8",
+        "css" => "text/css; charset=utf-8",
+        "json" | "map" => "application/json",
+        "wasm" => "application/wasm",
+        "svg" => "image/svg+xml",
+        "png" => "image/png",
+        "jpg" | "jpeg" => "image/jpeg",
+        "gif" => "image/gif",
+        "webp" => "image/webp",
+        "avif" => "image/avif",
+        "ico" => "image/x-icon",
+        "woff2" => "font/woff2",
+        "woff" => "font/woff",
+        "ttf" => "font/ttf",
+        "otf" => "font/otf",
+        "txt" | "md" => "text/plain; charset=utf-8",
+        "mp3" => "audio/mpeg",
+        "mp4" => "video/mp4",
+        "webm" => "video/webm",
+        _ => "application/octet-stream",
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    use ide_extension::Manifest;
+
+    fn pkg(dir: &Path) -> Package {
+        let src = "id = \"p\"\nname = \"P\"\nversion = \"1.0.0\"\nengines.openidea = \"^1.0\"\n";
+        Package::new(Manifest::parse(src).unwrap(), dir.to_path_buf())
+    }
+
+    #[test]
+    fn a_web_root_is_its_directory_and_nothing_else() {
+        let tmp = tempfile::tempdir().unwrap();
+        let d = tmp.path();
+        std::fs::create_dir_all(d.join("web/assets/fonts")).unwrap();
+        std::fs::write(d.join("web/index.html"), "<p>hi</p>").unwrap();
+        std::fs::write(d.join("web/assets/app.js"), "1").unwrap();
+        std::fs::write(d.join("web/assets/fonts/a.woff2"), "f").unwrap();
+        std::fs::write(d.join("web/.DS_Store"), "x").unwrap();
+        std::fs::write(d.join("secret.txt"), "no").unwrap();
+        let files = web_files(&pkg(d), "web/index.html", "v").unwrap();
+        let files: Vec<String> = files.iter().map(|f| f.to_string_lossy().replace('\\', "/")).collect();
+        assert_eq!(files, ["web/assets/app.js", "web/assets/fonts/a.woff2", "web/index.html"]);
+
+        std::fs::write(d.join("index.html"), "x").unwrap();
+        let err = |entry: &str| web_files(&pkg(d), entry, "v").err().unwrap_or_default();
+        assert!(err("index.html").contains("directory of its own"), "{}", err("index.html"));
+        assert!(err("web/app.js").contains(".html"));
+        assert!(err("../web/index.html").contains("relative"));
+        assert!(err("web/missing.html").contains("no such file"));
+    }
+
+    #[cfg(unix)]
+    #[test]
+    fn links_out_of_a_web_root_are_refused() {
+        let tmp = tempfile::tempdir().unwrap();
+        let d = tmp.path();
+        std::fs::create_dir_all(d.join("web")).unwrap();
+        std::fs::write(d.join("web/index.html"), "x").unwrap();
+        std::os::unix::fs::symlink("/etc/hosts", d.join("web/hosts")).unwrap();
+        assert!(web_files(&pkg(d), "web/index.html", "v").unwrap_err().contains("is a link"));
+    }
+
+    #[test]
+    fn content_types_never_make_unknown_files_scripts() {
+        assert_eq!(mime("a/b.JS"), "text/javascript; charset=utf-8");
+        assert_eq!(mime("x.woff2"), "font/woff2");
+        assert_eq!(mime("x.wasm"), "application/wasm");
+        assert_eq!(mime("x.bin"), "application/octet-stream");
+        assert_eq!(mime("noext"), "application/octet-stream");
+    }
+}
diff --git a/crates/ide-host/tests/plugins.rs b/crates/ide-host/tests/plugins.rs
index 0dcaf7b4..6ae5e832 100644
--- a/crates/ide-host/tests/plugins.rs
+++ b/crates/ide-host/tests/plugins.rs
@@ -1903,3 +1903,216 @@ fn official_kubernetes_browses_the_cluster_and_opens_logs() {
     assert_eq!(program.0, bin.join("kubectl").canonicalize().unwrap());
     assert_eq!(args, ["logs", "-f", "--tail=200", "-n", "default", "web-1"]);
 }
+
+/// A plugin with web views and no code: its pages and their files are
+/// installed with it and served only from the declared directories, while
+/// it is enabled and only for the installed version; file icons and
+/// templates are projected too.
+#[test]
+fn web_views_serve_only_their_own_files() {
+    let f = fixture(Limits::default());
+    let tmp = tempfile::tempdir().unwrap();
+    let pkg = tmp.path().join("web-demo");
+    for (path, text) in [
+        ("web/index.html", "<!doctype html><html><head></head><body>draw</body></html>"),
+        ("web/assets/app.js", "console.log(1)"),
+        ("panel/index.html", "<p>panel</p>"),
+        (
+            "icons/draw.svg",
+            r##"<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect width="16" height="16" fill="#08f"/></svg>"##,
+        ),
+        ("templates/new.draw", "{\"type\": \"drawing\"}\n"),
+        ("secret.txt", "not served"),
+    ] {
+        std::fs::create_dir_all(pkg.join(path).parent().unwrap()).unwrap();
+        std::fs::write(pkg.join(path), text).unwrap();
+    }
+    std::fs::write(
+        pkg.join("plugin.toml"),
+        r#"id = "web-demo"
+name = "Web Demo"
+version = "1.0.0"
+engines.openidea = "^1.0"
+
+[capabilities]
+optional = ["clipboard"]
+
+[[contributes.customEditors]]
+id = "draw"
+title = "Drawing"
+patterns = ["*.draw"]
+layout = "preview"
+web = "web/index.html"
+
+[[contributes.views]]
+id = "panel"
+title = "Panel"
+web = "panel/index.html"
+
+[[contributes.fileIcons]]
+id = "draw"
+patterns = ["*.draw"]
+icon = "icons/draw.svg"
+
+[[contributes.fileTemplates]]
+id = "draw"
+name = "Drawing"
+extension = "draw"
+path = "templates/new.draw"
+"#,
+    )
+    .unwrap();
+    let info = f.install(&pkg);
+    assert_eq!(info.status, PluginStatus::Static, "{:?}", info.error);
+    assert!(info.capabilities.iter().any(|c| c.id == "clipboard" && c.granted), "{:?}", info.capabilities);
+    // The pages' directories are installed with the plugin; files nothing declares are not.
+    let installed = f.installed("web-demo");
+    assert!(installed.join("web/assets/app.js").is_file() && installed.join("panel/index.html").is_file());
+    assert!(!installed.join("secret.txt").exists());
+
+    let page = f.host.web_page("web-demo", "draw").unwrap();
+    let (rev, entry) = page.path.strip_prefix("web-demo/").unwrap().split_once('/').unwrap();
+    assert_eq!(entry, "web/index.html");
+    let file = |path: &str| f.host.web_file("web-demo", path);
+    let js = file(&format!("{rev}/web/assets/app.js")).unwrap();
+    assert_eq!((js.bytes.as_slice(), js.mime), (b"console.log(1)".as_slice(), "text/javascript; charset=utf-8"));
+    assert!(file(&format!("{rev}/panel/index.html")).is_ok());
+    assert_eq!(f.host.web_page("web-demo", "panel").unwrap().path, format!("web-demo/{rev}/panel/index.html"));
+    for denied in [
+        format!("{rev}/secret.txt"),
+        format!("{rev}/plugin.toml"),
+        format!("{rev}/web/../secret.txt"),
+        format!("{rev}/icons/draw.svg"),
+        "stale-revision/web/index.html".to_owned(),
+    ] {
+        assert!(file(&denied).is_err(), "{denied} was served");
+    }
+    assert!(f.host.web_page("web-demo", "nope").is_err());
+
+    // File icons and templates.
+    let icon = f.host.assets("web-demo", "fileIcon/draw/").unwrap();
+    assert_eq!(icon.len(), 1);
+    assert!(icon[0].0 == "fileIcon/draw/light" && icon[0].1.contains("<rect"));
+    let templates = f.host.ui_items("fileTemplates");
+    assert_eq!(templates[0].decl["body"], "{\"type\": \"drawing\"}\n");
+    assert_eq!(f.host.ui_items("customEditors")[0].decl["layout"], "preview");
+
+    // Disabled: nothing is served.
+    f.host.set_enabled("web-demo", false).unwrap();
+    assert!(file(&format!("{rev}/web/index.html")).is_err());
+    assert!(f.host.web_page("web-demo", "draw").is_err());
+}
+
+/// A view needs a page or code to render it; a page's directory can't be the package itself.
+#[test]
+fn web_view_declarations_are_checked() {
+    let f = fixture(Limits::default());
+    let tmp = tempfile::tempdir().unwrap();
+    let pkg = tmp.path().join("bad-web");
+    std::fs::create_dir_all(&pkg).unwrap();
+    std::fs::write(pkg.join("index.html"), "x").unwrap();
+    let manifest = |decl: &str| {
+        std::fs::write(
+            pkg.join("plugin.toml"),
+            format!("id = \"bad-web\"\nname = \"B\"\nversion = \"1.0.0\"\nengines.openidea = \"^1.0\"\n{decl}"),
+        )
+        .unwrap();
+        f.host.install_from_dir(&pkg, &Consent::all()).unwrap_err().message
+    };
+    let err = manifest("[[contributes.customEditors]]\nid = \"e\"\ntitle = \"E\"\npatterns = [\"*.x\"]\n");
+    assert!(err.contains("give a web page (`web`) or the code"), "{err}");
+    let err = manifest("[[contributes.views]]\nid = \"v\"\ntitle = \"V\"\nweb = \"index.html\"\n");
+    assert!(err.contains("directory of its own"), "{err}");
+    let err = manifest(
+        "[[contributes.customEditors]]\nid = \"e\"\ntitle = \"E\"\npatterns = [\"*.x\"]\nlayout = \"side\"\nweb = \"w/i.html\"\n",
+    );
+    assert!(err.contains("no such file") || err.contains("`layout`"), "{err}");
+}
+
+/// Listing plugins (each plugin's state, then its grants) while another
+/// window's project changes (the grants, then each plugin's state) must not
+/// deadlock: both take the grant ledger first.
+#[test]
+fn listing_while_projects_change_does_not_deadlock() {
+    let f = fixture(Limits::default());
+    f.install(&misbehave_pkg());
+    f.install(&sample("hello"));
+    let host = Arc::new(f.host);
+    let done = Arc::new(std::sync::atomic::AtomicBool::new(false));
+    let workers: Vec<_> = (0..4)
+        .map(|i| {
+            let (host, done) = (host.clone(), done.clone());
+            let root = f._tmp.path().join(format!("p{i}"));
+            std::thread::spawn(move || {
+                while !done.load(std::sync::atomic::Ordering::Relaxed) {
+                    if i % 2 == 0 {
+                        host.list(None);
+                    } else {
+                        host.restrict_project(&root);
+                    }
+                }
+            })
+        })
+        .collect();
+    std::thread::sleep(Duration::from_millis(500));
+    done.store(true, std::sync::atomic::Ordering::Relaxed);
+    let started = Instant::now();
+    for w in workers {
+        while !w.is_finished() {
+            assert!(started.elapsed() < Duration::from_secs(10), "deadlocked");
+            std::thread::sleep(Duration::from_millis(10));
+        }
+        w.join().unwrap();
+    }
+}
+
+/// Excalidraw: a web custom editor beside the text editor, with its fonts,
+/// file icon, template and language — no code.
+#[test]
+fn official_excalidraw_installs_and_serves_its_page() {
+    // Its page is built by plugins/build.sh, not checked in: the package's own
+    // files, with a stand-in for the build (what build.sh checks it produces).
+    let tmp = tempfile::tempdir().unwrap();
+    let pkg = tmp.path().join("excalidraw");
+    let src = official("excalidraw");
+    for entry in std::fs::read_dir(&src).unwrap().flatten() {
+        let name = entry.file_name();
+        if ["web", "web-src", "web.sources"].iter().any(|n| name == *n) {
+            continue;
+        }
+        let to = pkg.join(&name);
+        if entry.path().is_dir() {
+            copy_dir(&entry.path(), &to);
+        } else {
+            std::fs::create_dir_all(&pkg).unwrap();
+            std::fs::copy(entry.path(), to).unwrap();
+        }
+    }
+    std::fs::create_dir_all(pkg.join("web/assets")).unwrap();
+    std::fs::create_dir_all(pkg.join("web/fonts/Virgil")).unwrap();
+    std::fs::write(
+        pkg.join("web/index.html"),
+        r#"<!doctype html><html><head><script type="module" src="./assets/index.js"></script></head></html>"#,
+    )
+    .unwrap();
+    std::fs::write(pkg.join("web/assets/index.js"), "export {};").unwrap();
+    std::fs::write(pkg.join("web/fonts/Virgil/Virgil-Regular.woff2"), b"wOF2").unwrap();
+
+    let f = fixture(Limits::default());
+    let info = f.install(&pkg);
+    assert_eq!(info.status, PluginStatus::Static, "{:?}", info.error);
+    let page = f.host.web_page("openidea.excalidraw", "canvas").unwrap();
+    let (rev, entry) = page.path.strip_prefix("openidea.excalidraw/").unwrap().split_once('/').unwrap();
+    assert_eq!(entry, "web/index.html");
+    let html = f.host.web_file("openidea.excalidraw", &format!("{rev}/{entry}")).unwrap();
+    let html = String::from_utf8(html.bytes).unwrap();
+    // Relative URLs only: the page is served from the package.
+    let script = html.split("src=\"").nth(1).unwrap().split('"').next().unwrap();
+    assert!(script.starts_with("./assets/"), "{script}");
+    assert!(f.host.web_file("openidea.excalidraw", &format!("{rev}/web/{}", &script[2..])).is_ok());
+    let font = f.host.web_file("openidea.excalidraw", &format!("{rev}/web/fonts/Virgil/Virgil-Regular.woff2")).unwrap();
+    assert_eq!(font.mime, "font/woff2");
+    assert_eq!(f.host.ui_items("customEditors")[0].decl["layout"], "preview");
+    assert!(f.host.languages().iter().any(|l| l.id.as_str() == "excalidraw"));
+    assert_eq!(f.host.assets("openidea.excalidraw", "fileIcon/excalidraw/").unwrap().len(), 2);
+}
diff --git a/plugins/README.md b/plugins/README.md
index fc425882..5138c268 100644
--- a/plugins/README.md
+++ b/plugins/README.md
@@ -98,21 +98,23 @@ work), but 0.1 code no longer runs: rebuild it against the 1.0 SDK.
 
 ### Contribution points
 
-| Point           | Declaration                                                                                        | Code needed |
-| --------------- | -------------------------------------------------------------------------------------------------- | ----------- |
-| `commands`      | `id`, `title`, `category?`, `when?`                                                                | to run them |
-| `themes`        | `path` (theme JSON), `editor-scheme?`                                                              | no          |
-| `iconThemes`    | `id`, `label`, `path` (icon theme JSON, see §5)                                                    | no          |
-| `languages`     | `path` (`languages/<id>.toml` format, see §6)                                                      | no          |
-| `runDetectors`  | `id`, `name`, `files`, `command`, `args?`, `test?` (§6.2)                                          | no          |
-| `providers`     | `kinds`, `languages` (editor providers, see _Providers_)                                           | yes         |
-| `secrets`       | `name`, `label`, `description?` (see _Network_)                                                    | to use them |
-| `menus`         | `menu` (`editor.context`, `projectView.context`, `editorTab.context`, `tools`), `command`, `when?` | no          |
-| `keymaps`       | `command`, `key`, `mac?` (`Ctrl+Alt+C`; a chord: `Meta+K Meta+C`)                                  | no          |
-| `statusBar`     | `id`, `text`, `tooltip?`, `command?`, `align?`, `priority?`                                        | no          |
-| `settings`      | `schema` (JSON file), `title?` — one table, see _Settings_                                         | no          |
-| `views`         | `id`, `title`, `icon?`, `location` (`left`, `right`, `bottom`)                                     | yes         |
-| `customEditors` | `id`, `title`, `patterns` (file names), `priority` (`default`, `option`)                           | yes         |
+| Point           | Declaration                                                                                        | Code needed   |
+| --------------- | -------------------------------------------------------------------------------------------------- | ------------- |
+| `commands`      | `id`, `title`, `category?`, `when?`                                                                | to run them   |
+| `themes`        | `path` (theme JSON), `editor-scheme?`                                                              | no            |
+| `iconThemes`    | `id`, `label`, `path` (icon theme JSON, see §5)                                                    | no            |
+| `languages`     | `path` (`languages/<id>.toml` format, see §6)                                                      | no            |
+| `runDetectors`  | `id`, `name`, `files`, `command`, `args?`, `test?` (§6.2)                                          | no            |
+| `providers`     | `kinds`, `languages` (editor providers, see _Providers_)                                           | yes           |
+| `secrets`       | `name`, `label`, `description?` (see _Network_)                                                    | to use them   |
+| `menus`         | `menu` (`editor.context`, `projectView.context`, `editorTab.context`, `tools`), `command`, `when?` | no            |
+| `keymaps`       | `command`, `key`, `mac?` (`Ctrl+Alt+C`; a chord: `Meta+K Meta+C`)                                  | no            |
+| `statusBar`     | `id`, `text`, `tooltip?`, `command?`, `align?`, `priority?`                                        | no            |
+| `settings`      | `schema` (JSON file), `title?` — one table, see _Settings_                                         | no            |
+| `views`         | `id`, `title`, `icon?`, `location` (`left`, `right`, `bottom`), `web?` (see _Web views_)           | without `web` |
+| `customEditors` | `id`, `title`, `patterns` (file names), `priority` (`default`, `option`), `layout?`, `web?`        | without `web` |
+| `fileIcons`     | `id`, `patterns` (file names), `icon` (SVG), `iconDark?` — whatever icon theme is in use           | no            |
+| `fileTemplates` | `id`, `name`, `extension`, `path` (the new file's content; template variables work) — New menu     | no            |
 
 Declared contributions are live as soon as the plugin is enabled — commands
 show in Find Action, menus and the status bar, shortcuts work, themes and icon
@@ -162,6 +164,7 @@ machine. Users can revoke optional capabilities in Settings › Plugins.
 | `process:<program>` | high   | `Project::run_process`, language servers, debug adapters, runs                      |
 | `net:<host>`        | medium | `host::fetch` to that host (`*.example.com`: its subdomains)                        |
 | `secrets`           | medium | `{{secret:<name>}}` in request headers, `host::secret_is_set`                       |
+| `clipboard`         | medium | the clipboard API in the plugin's web views (keyboard copy / paste work without it) |
 
 `process:` capabilities are also derived from what the contributions start: a
 language's `language-servers` and `debugger` commands and a run detector's
@@ -384,6 +387,12 @@ plugin's editor, or through _Open With_ for `option`. For a custom editor
 Undo / Redo are one history with it, and Save, the dirty mark and the close
 prompts are the document's. _Open as Text_ opens the text editor.
 
+`layout` puts a custom editor beside the text editor instead of in a tab of
+its own: with `"split"` or `"preview"` the file opens in the text editor,
+with your editor next to it (the layout files start in) and the _Editor Only /
+Editor and … / … Only_ switch in the tab strip, as for Markdown. `"tab"`
+(the default) is the editor's own tab.
+
 `Html` is the escape hatch for content the declarative bodies can't show. It
 runs in a sandboxed frame — an opaque origin under a CSP that allows only its
 inline scripts and styles and `data:` images, no network, no IDE API — and
@@ -407,6 +416,49 @@ Scripts get the same as `openidea.theme` (`{ dark, vars }`) and
 `openidea.onThemeChange(fn)`, for drawing on a canvas, say. Variables are only
 ever added.
 
+#### Web views
+
+A view or custom editor can instead be a web page of the package, for UIs the
+declarative bodies can't express (a drawing canvas, a diagram editor) — no
+code needed:
+
+```toml
+[[contributes.customEditors]]
+id = "canvas"
+title = "Drawing"
+patterns = ["*.excalidraw"]
+layout = "preview"
+web = "web/index.html"   # the page; its directory is what it can load
+```
+
+The page's directory (never the package root) is part of the declaration:
+every file under it is checked (at most 4096 files and 256 MiB, no links),
+installed and signed with the package. The IDE loads the page from its own
+`openidea-plugin` URL scheme into an `<iframe sandbox="allow-scripts">`: an
+opaque origin, no network, no cookies or storage, no IDE API, and only the
+page's own files (relative URLs, ES modules, fonts, WebAssembly) — so build
+it with relative paths (Vite: `base: "./"`). The same `openidea` object as
+in `html` bodies is there before the page's scripts run, plus:
+
+| `window.openidea`                    | What it does                                                                                                                                                       |
+| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `document.get()`                     | `{ version, text, readOnly, name }` of the custom editor's document (`name`: the file's, without its directory; none in a tool window)                             |
+| `document.edit(version, edits)`      | Applies `[{ from, to, insert }]` (UTF-16 offsets) as one change of the document's undo history; rejects with `stale` when not at `version`; resolves `{ version }` |
+| `document.replace(version, text)`    | The same with the whole text (sent as the smallest edit)                                                                                                           |
+| `document.onChange(fn)`              | `{ version, text }` after changes made elsewhere: the text editor, Undo, another window                                                                            |
+| `saveFile({ name, data, filters? })` | The IDE's save dialog; `data` is a string, bytes or a Blob; the chosen path, or `null`. The page never names a path itself                                         |
+| `openFile({ filters? })`             | The IDE's open dialog; `{ name, data }` (bytes), or `null`                                                                                                         |
+| `postMessage` / `onMessage`          | To and from the plugin's code, when it has some                                                                                                                    |
+
+Save, the dirty mark and Undo are the document's, as for every custom editor.
+IDE shortcuts the page doesn't handle itself (Save, Close, Find Action…) still
+work while it has focus; editing keys (⌘C, ⌘V, ⌘Z…) stay with the page. With
+the `clipboard` capability the page may use `navigator.clipboard`.
+`plugins/official/excalidraw` is a complete example: a Vite + React page in
+`web-src/`, built into `web/` by `plugins/build.sh`. The built page is not
+checked in (it is tens of MB): run `plugins/build.sh official/excalidraw`
+before installing the plugin from the repository.
+
 ### Settings
 
 ```toml
diff --git a/plugins/build.sh b/plugins/build.sh
index 0c263901..b81dd6f6 100755
--- a/plugins/build.sh
+++ b/plugins/build.sh
@@ -1,17 +1,23 @@
 #!/usr/bin/env bash
-# Builds the repository's Rust plugins into WebAssembly components
-# (wasm32-wasip2 emits a component directly; no cargo-component / wasm-tools).
+# Builds the repository's plugins: Rust code into WebAssembly components
+# (wasm32-wasip2 emits a component directly; no cargo-component / wasm-tools),
+# and web pages (`web-src/`, a Vite project) into `web/`.
 #
-#   plugins/build.sh                 # every component the repo checks in
+#   plugins/build.sh                 # every plugin with code or a web page
 #   plugins/build.sh hello           # one plugin (a name under plugins/, or a path)
-#   plugins/build.sh --check [...]   # change nothing; fail if a checked-in component
-#                                    # is stale or a plugin doesn't build (CI)
+#   plugins/build.sh --check [...]   # change nothing tracked; fail if a checked-in
+#                                    # component is stale or a plugin doesn't build (CI)
 #
 # Output: <plugin>/dist/plugin.wasm (referenced by `wasm = ...` in plugin.toml)
 # and <plugin>/dist/plugin.wasm.sources, a fingerprint of the sources it was
-# built from: the plugin (minus target/ and dist/), the SDK and wit/. Builds
-# are not byte-reproducible across machines, so --check compares fingerprints,
-# not bytes. CARGO_TARGET_DIR, when set, is shared by all plugins.
+# built from: the plugin (minus target/, dist/, web/ and web-src/), the SDK
+# and wit/. Components are small and checked in; builds are not
+# byte-reproducible across machines, so --check compares fingerprints, not
+# bytes. A web page (web-src/, a pnpm project) is built into <plugin>/web/,
+# which is not checked in (it can be tens of MB): build it before installing
+# the plugin from the repository. web.sources (not checked in either) skips
+# rebuilding an unchanged page; --check builds it too and checks the result.
+# CARGO_TARGET_DIR, when set, is shared by all plugins.
 set -euo pipefail
 here="$(cd "$(dirname "$0")" && pwd)"
 repo="$(cd "$here/.." && pwd)"
@@ -33,20 +39,58 @@ list() {
   local dir="$1"
   shift
   (cd "$dir" && git ls-files --cached --others --exclude-standard -- "$@") |
-    { grep -Ev '(^|/)(dist|target)/|(^|/)\.DS_Store$' || true; } | LC_ALL=C sort -u | while read -r f; do
+    { grep -Ev '(^|/)(dist|target|node_modules)/|(^|/)\.DS_Store$|^web(-src)?/|^web\.sources$' || true; } | LC_ALL=C sort -u | while read -r f; do
       if [ -f "$dir/$f" ]; then printf '%s %s\n' "$f" "$(sha256 <"$dir/$f" | cut -d' ' -f1)"; fi
     done
 }
 
-# Prints the fingerprint of everything plugin $1 is built from.
+# Prints the fingerprint of everything plugin $1's component is built from.
 fingerprint() {
   { list "$1" .; list "$repo" sdk/rust/openidea-plugin/Cargo.toml sdk/rust/openidea-plugin/src sdk/rust/openidea-plugin/wit wit; } |
     sha256 | cut -d' ' -f1
 }
 
+# Prints the fingerprint of plugin $1's web page sources.
+web_fingerprint() {
+  (cd "$1/web-src" && git ls-files --cached --others --exclude-standard -- .) |
+    { grep -Ev '(^|/)node_modules/|(^|/)\.DS_Store$' || true; } | LC_ALL=C sort -u | while read -r f; do
+      if [ -f "$1/web-src/$f" ]; then printf '%s %s\n' "$f" "$(sha256 <"$1/web-src/$f" | cut -d' ' -f1)"; fi
+    done | sha256 | cut -d' ' -f1
+}
+
+# Builds plugin $1's web page into web/ unless it was built from the current
+# web-src/, then checks what the manifest's `web = "…"` entries need: each
+# page is there and loads its files by relative URL (it is served from the package).
+build_web() {
+  local dir="$1" rel="${1#"$repo"/}" want entry
+  want="$(web_fingerprint "$dir")"
+  if [ "$want" != "$(cat "$dir/web.sources" 2>/dev/null || true)" ] || [ ! -d "$dir/web" ]; then
+    echo "building the web page of $rel"
+    if ! { pnpm --dir "$dir/web-src" install --frozen-lockfile --ignore-workspace --silent &&
+      pnpm --dir "$dir/web-src" run build; }; then
+      echo "FAIL $rel: the web page does not build"
+      failed=1
+      return
+    fi
+    echo "$want" >"$dir/web.sources"
+  fi
+  for entry in $(sed -n 's/^web *= *"\(.*\)".*/\1/p' "$dir/plugin.toml" | sort -u); do
+    if [ ! -f "$dir/$entry" ]; then
+      echo "FAIL $rel: $entry was not built"
+      failed=1
+    elif grep -Eq '(src|href)="/' "$dir/$entry"; then
+      echo "FAIL $rel: $entry loads files by absolute URL; build it with relative paths (Vite: base: \"./\")"
+      failed=1
+    fi
+  done
+  echo "ok $rel (web, $(du -sh "$dir/web" | cut -f1))"
+}
+
 failed=0
 build() {
   local dir="$1"
+  if [ -f "$dir/web-src/package.json" ]; then build_web "$dir"; fi
+  [ -f "$dir/Cargo.toml" ] || return 0
   local name target out
   name="$(sed -n 's/^name *= *"\(.*\)"/\1/p' "$dir/Cargo.toml" | head -1)"
   target="${CARGO_TARGET_DIR:-$dir/target}"
@@ -86,10 +130,10 @@ if [ $# -gt 0 ]; then
     fi
   done
 else
-  # Every checked-in component built from a plugin.toml + Cargo.toml directory.
-  for manifest in "$here"/*/Cargo.toml "$here"/official/*/Cargo.toml "$repo"/crates/ide-plugin/tests/fixtures/*/Cargo.toml; do
+  # Every component (plugin.toml + Cargo.toml) and web page (plugin.toml + web-src/).
+  for manifest in "$here"/*/plugin.toml "$here"/official/*/plugin.toml "$repo"/crates/ide-plugin/tests/fixtures/*/plugin.toml; do
     dir="$(dirname "$manifest")"
-    [ -f "$dir/plugin.toml" ] && build "$dir"
+    if [ -f "$dir/Cargo.toml" ] || [ -f "$dir/web-src/package.json" ]; then build "$dir"; fi
   done
 fi
 exit "$failed"
diff --git a/plugins/official/excalidraw/.gitignore b/plugins/official/excalidraw/.gitignore
new file mode 100644
index 00000000..2aa0170a
--- /dev/null
+++ b/plugins/official/excalidraw/.gitignore
@@ -0,0 +1,4 @@
+web-src/node_modules/
+# Built by plugins/build.sh, not checked in.
+web/
+web.sources
diff --git a/plugins/official/excalidraw/NOTICE.md b/plugins/official/excalidraw/NOTICE.md
new file mode 100644
index 00000000..1df5d881
--- /dev/null
+++ b/plugins/official/excalidraw/NOTICE.md
@@ -0,0 +1,28 @@
+# Third-party software
+
+The page in `web/` is built from `web-src/` and bundles:
+
+- **Excalidraw** (`@excalidraw/excalidraw` 0.18.1), MIT License, Copyright (c) 2020 Excalidraw —
+  https://github.com/excalidraw/excalidraw — with the libraries it loads on demand (among them
+  Mermaid, KaTeX and Cytoscape.js, MIT License).
+- **React** and **React DOM**, MIT License, Copyright (c) Meta Platforms, Inc. and affiliates.
+- The fonts Excalidraw ships in `web/fonts/` (Excalifont, Virgil, Xiaolai, Nunito, Lilita One,
+  Comic Shanns, Cascadia Code, Liberation Sans, Assistant), each under its own licence (SIL Open
+  Font License 1.1, or MIT for Comic Shanns); see the Excalidraw repository for their texts.
+
+The MIT License:
+
+> 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/official/excalidraw/icons/excalidraw.svg b/plugins/official/excalidraw/icons/excalidraw.svg
new file mode 100644
index 00000000..71d1b0eb
--- /dev/null
+++ b/plugins/official/excalidraw/icons/excalidraw.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <rect x="1.5" y="2.5" width="13" height="11" rx="2" fill="#F1EFFF" stroke="#6E5BD8"/>
+  <path d="M4 10.5c1.2-2.6 2.4-3.9 3.6-3.9 1.5 0 1.1 2.4 2.6 2.4.9 0 1.5-.8 1.8-1.6" stroke="#6E5BD8" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="4" cy="10.5" r="1" fill="#6E5BD8"/>
+</svg>
diff --git a/plugins/official/excalidraw/icons/excalidraw_dark.svg b/plugins/official/excalidraw/icons/excalidraw_dark.svg
new file mode 100644
index 00000000..2e71d97b
--- /dev/null
+++ b/plugins/official/excalidraw/icons/excalidraw_dark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <rect x="1.5" y="2.5" width="13" height="11" rx="2" fill="#2B2747" stroke="#A99CFF"/>
+  <path d="M4 10.5c1.2-2.6 2.4-3.9 3.6-3.9 1.5 0 1.1 2.4 2.6 2.4.9 0 1.5-.8 1.8-1.6" stroke="#A99CFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="4" cy="10.5" r="1" fill="#A99CFF"/>
+</svg>
diff --git a/plugins/official/excalidraw/languages/excalidraw.toml b/plugins/official/excalidraw/languages/excalidraw.toml
new file mode 100644
index 00000000..cc7fb623
--- /dev/null
+++ b/plugins/official/excalidraw/languages/excalidraw.toml
@@ -0,0 +1,6 @@
+id = "excalidraw"
+name = "Excalidraw"
+extensions = ["excalidraw"]
+indent = { tab-size = 2, insert-spaces = true }
+ui-mode = "JSON"
+tree-sitter = "json"
diff --git a/plugins/official/excalidraw/plugin.toml b/plugins/official/excalidraw/plugin.toml
new file mode 100644
index 00000000..70bf7ad0
--- /dev/null
+++ b/plugins/official/excalidraw/plugin.toml
@@ -0,0 +1,35 @@
+id = "openidea.excalidraw"
+name = "Excalidraw"
+version = "0.1.0"
+description = "Draw and edit Excalidraw diagrams (.excalidraw). The drawing is the file's text, so the text editor follows, Undo and Save are shared, and the IDE theme applies."
+authors = ["OpenIDEA contributors"]
+license = "Apache-2.0"
+change-notes = "0.1.0 — first release: the Excalidraw canvas next to (or instead of) the file's text, kept in step both ways; export to PNG and SVG through the save dialog; a file icon and a New › Excalidraw Drawing template. Based on the Excalidraw editor proposed by Deng Liu (#738)."
+engines.openidea = "^1.0"
+
+[capabilities]
+# Copy and paste through Excalidraw's menus (the keyboard works without it).
+optional = ["clipboard"]
+
+[[contributes.customEditors]]
+id = "canvas"
+title = "Drawing"
+patterns = ["*.excalidraw", "*.excalidraw.json"]
+priority = "default"
+layout = "preview"
+web = "web/index.html"
+
+[[contributes.languages]]
+path = "languages/excalidraw.toml"
+
+[[contributes.fileIcons]]
+id = "excalidraw"
+patterns = ["*.excalidraw", "*.excalidraw.json"]
+icon = "icons/excalidraw.svg"
+iconDark = "icons/excalidraw_dark.svg"
+
+[[contributes.fileTemplates]]
+id = "drawing"
+name = "Excalidraw Drawing"
+extension = "excalidraw"
+path = "templates/drawing.excalidraw"
diff --git a/plugins/official/excalidraw/templates/drawing.excalidraw b/plugins/official/excalidraw/templates/drawing.excalidraw
new file mode 100644
index 00000000..1d9b5f0a
--- /dev/null
+++ b/plugins/official/excalidraw/templates/drawing.excalidraw
@@ -0,0 +1,13 @@
+{
+  "type": "excalidraw",
+  "version": 2,
+  "source": "https://openidea.dev",
+  "elements": [],
+  "appState": {
+    "gridSize": 20,
+    "gridStep": 5,
+    "gridModeEnabled": false,
+    "viewBackgroundColor": "#ffffff"
+  },
+  "files": {}
+}
diff --git a/plugins/official/excalidraw/web-src/index.html b/plugins/official/excalidraw/web-src/index.html
new file mode 100644
index 00000000..9101cf84
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/index.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Excalidraw</title>
+    <style>
+      html,
+      body,
+      #root {
+        margin: 0;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+      .openidea-error {
+        box-sizing: border-box;
+        padding: 24px;
+        font: var(--openidea-font-size, 13px) var(--openidea-font-ui, system-ui, sans-serif);
+        color: var(--openidea-fg);
+      }
+      .openidea-error pre {
+        white-space: pre-wrap;
+        color: var(--openidea-danger);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./src/main.tsx"></script>
+  </body>
+</html>
diff --git a/plugins/official/excalidraw/web-src/package.json b/plugins/official/excalidraw/web-src/package.json
new file mode 100644
index 00000000..31f9855b
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "openidea-plugin-excalidraw-web",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "description": "The Excalidraw plugin's web page; `pnpm build` writes it to ../web.",
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@excalidraw/excalidraw": "0.18.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "jsdom": "^30.1.3",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^5.0.5"
+  }
+}
diff --git a/plugins/official/excalidraw/web-src/pnpm-lock.yaml b/plugins/official/excalidraw/web-src/pnpm-lock.yaml
new file mode 100644
index 00000000..bca824cb
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/pnpm-lock.yaml
@@ -0,0 +1,3191 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@excalidraw/excalidraw':
+        specifier: 0.18.1
+        version: 0.18.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      react:
+        specifier: ^19.1.0
+        version: 19.3.1
+      react-dom:
+        specifier: ^19.1.0
+        version: 19.3.1(react@19.3.1)
+    devDependencies:
+      '@types/react':
+        specifier: ^19.1.0
+        version: 19.3.0
+      '@types/react-dom':
+        specifier: ^19.1.0
+        version: 19.3.0(@types/react@19.3.0)
+      '@vitejs/plugin-react':
+        specifier: ^6.0.2
+        version: 6.1.2(vite@8.3.5)
+      jsdom:
+        specifier: ^30.1.3
+        version: 30.1.3
+      typescript:
+        specifier: ~6.0.3
+        version: 6.0.3
+      vite:
+        specifier: ^8.0.16
+        version: 8.3.5
+      vitest:
+        specifier: ^5.0.5
+        version: 5.0.5(jsdom@30.1.3)(vite@8.3.5)
+
+packages:
+
+  '@antfu/install-pkg@2.1.0':
+    resolution: {integrity: sha512-sdg9NxU3zR4Mnawfbc/x6GB5Wf17WYud5qOuEuxXjaKpYpMkISSJEjItGebXJ2bQ4DIcly4NYH23mtkGJjvKUw==}
+
+  '@asamuzakjp/css-color@7.1.9':
+    resolution: {integrity: sha512-vZ6JQVq8Ivgz6b/IBlAf90wZviXdluY13cQOPO+nJHbmXwGrPl2GcpqUY7a55/8ZVdfONXpCFMpRijOBCHNlcQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@asamuzakjp/dom-selector@10.0.5':
+    resolution: {integrity: sha512-EgmJ7oEaGQECTn3H3wmnQpEy4hKY66VvM7VQndwPIQob3p877BgbyOUE3EX0LgXQCciF2H8KMdR+RznqjMNOLw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@babel/runtime@7.29.10':
+    resolution: {integrity: sha512-NpugTzbKgGrNe45Ui32cN8vCFFMxVtP/9rtfwv0nP5FRDAjvYBxJcLVpYA9mr1jxP6cnIT7x9LUzuDTbWYYNRA==}
+    engines: {node: '>=6.9.0'}
+
+  '@braintree/sanitize-url@6.0.2':
+    resolution: {integrity: sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==}
+
+  '@braintree/sanitize-url@7.1.2':
+    resolution: {integrity: sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==}
+
+  '@bramus/specificity@2.4.3':
+    resolution: {integrity: sha512-0GEz8qJWokkUVYQYRukmkSHIFNoBH8QTreeHrAFbvz1XFYc3Y+puhMs8PQ5x8GNugiC2l5jvDBXKLbBIByeSBw==}
+    hasBin: true
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    resolution: {integrity: sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==}
+
+  '@chevrotain/gast@11.0.3':
+    resolution: {integrity: sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==}
+
+  '@chevrotain/regexp-to-ast@11.0.3':
+    resolution: {integrity: sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==}
+
+  '@chevrotain/types@11.0.3':
+    resolution: {integrity: sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==}
+
+  '@chevrotain/types@11.1.2':
+    resolution: {integrity: sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==}
+
+  '@chevrotain/utils@11.0.3':
+    resolution: {integrity: sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==}
+
+  '@csstools/color-helpers@6.1.2':
+    resolution: {integrity: sha512-grhRy3OKmniaAEKXMjua5z/EODX0MSqBGjunw8+j/3HQjOnahs2AGhvEOIYVUWcU6ScApbhLhVrQTX8XqrMrow==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@3.4.3':
+    resolution: {integrity: sha512-iex20d8CHVkyvg6B7UKV7uHnI2Bqo9g+EFfT9E0y+GvTvhZ/DwONJ+9aKb1dlqm0ZiGsL5RXjp0fCoJYnkeDjA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.2
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-color-parser@4.2.7':
+    resolution: {integrity: sha512-zgm9yjQz5iJB4VL8RyVwd71TWB8Q89FSxt/NzXoWqPSkEBOVtn9L6vAPtSc9hpKfB0Awo/AL2VKFHjYetBLFHQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.2
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-parser-algorithms@4.0.2':
+    resolution: {integrity: sha512-40cSKyMvK+tq4qz6Awrlye2WGuOKt3FwPgtGg6KTfbHOWNw+Rk1rzbAtZnZ6IBhsY491HLRnDXwoyBAijmmILA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.16':
+    resolution: {integrity: sha512-LsDbJPP/B8cPasUJyTA5S99F7C4G93ngW8hUluXz8CFeOaaRnBPtBiIlvgcPYU0HmHNz8CXg+1vwFrIB4F6Dgw==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@4.0.2':
+    resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==}
+    engines: {node: '>=20.19.0'}
+
+  '@excalidraw/excalidraw@0.18.1':
+    resolution: {integrity: sha512-6i5Gt7IDTOH//qa0Z315Ly5iVRhjWpu2whrlQFqkuwrkKUWgRsMk0P5qdE7bpyDpai7jeLeWYkyj1eVAfni1lw==}
+    peerDependencies:
+      react: ^17.0.2 || ^18.2.0 || ^19.0.0
+      react-dom: ^17.0.2 || ^18.2.0 || ^19.0.0
+
+  '@excalidraw/laser-pointer@1.3.1':
+    resolution: {integrity: sha512-psA1z1N2qeAfsORdXc9JmD2y4CmDwmuMRxnNdJHZexIcPwaNEyIpNcelw+QkL9rz9tosaN9krXuKaRqYpRAR6g==}
+
+  '@excalidraw/markdown-to-text@0.1.2':
+    resolution: {integrity: sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg==}
+
+  '@excalidraw/mermaid-to-excalidraw@2.2.2':
+    resolution: {integrity: sha512-5VKQq5CdRocC82vOIUpQ5ufJOVV9FpBTdHGA+ULqazeIVV+cr299877omQCibsdS3Bpitz2fsnTwnIXEmLVDSg==}
+
+  '@excalidraw/random-username@1.1.0':
+    resolution: {integrity: sha512-nULYsQxkWHnbmHvcs+efMkJ4/9TtvNyFeLyHdeGxW0zHs6P+jYVqcRff9A6Vq9w9JXeDRnRh2VKvTtS19GW2qA==}
+    engines: {node: '>=10'}
+
+  '@exodus/bytes@1.16.0':
+    resolution: {integrity: sha512-IcpW84uEn3N7ETtNZMlxKhfl6Pec8rUNGOTBtWbK1FKhJxIFAptZyVrvVRVBimAJxJCgc3PxepxkdWWG4DVzfA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
+  '@floating-ui/core@1.8.0':
+    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
+
+  '@floating-ui/dom@1.8.0':
+    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
+
+  '@floating-ui/react-dom@2.1.9':
+    resolution: {integrity: sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.12':
+    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.7':
+    resolution: {integrity: sha512-JZHlwdID+dy+lTgbYC8NEC4zeugqeYsc6jewvzb4c58kHauJn+X7rNwQjxz5p2qSjqaEeQoLkCIQ9v/H4PK0/w==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.6.0':
+    resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@mermaid-js/parser@0.6.3':
+    resolution: {integrity: sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA==}
+
+  '@mermaid-js/parser@1.2.1':
+    resolution: {integrity: sha512-n12NohV3mrUyUL2o93IgG/ifeW9FTyeJn3zDxkhwa8MJ9Fxg3HQMlA3RiGmD/3UnJvheztkjjQAjA2T4LmUcpw==}
+
+  '@oxc-project/types@0.156.0':
+    resolution: {integrity: sha512-1Duyg48TdJNdyhEB8Xn1L36bT9Pv6GUtlKjHxOys8xkaF/rQq3XJE+bAurSK/AgIz5mGFsb77cn9Pb20+WCScw==}
+
+  '@radix-ui/primitive@1.0.0':
+    resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
+
+  '@radix-ui/primitive@1.1.1':
+    resolution: {integrity: sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==}
+
+  '@radix-ui/react-arrow@1.1.2':
+    resolution: {integrity: sha512-G+KcpzXHq24iH0uGG/pF8LyzpFJYGD4RfLjCIBfGdSLXvjLHST31RUiRVrupIBMvIppMgSzQ6l66iAxl03tdlg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.0.1':
+    resolution: {integrity: sha512-uuiFbs+YCKjn3X1DTSx9G7BHApu4GHbi3kgiwsnFUbOKCrwejAJv4eE4Vc8C0Oaxt9T0aV4ox0WCOdx+39Xo+g==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-compose-refs@1.0.0':
+    resolution: {integrity: sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-compose-refs@1.1.1':
+    resolution: {integrity: sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.0.0':
+    resolution: {integrity: sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-context@1.1.1':
+    resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-direction@1.0.0':
+    resolution: {integrity: sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-dismissable-layer@1.1.5':
+    resolution: {integrity: sha512-E4TywXY6UsXNRhFrECa5HAvE5/4BFcGyfTyK36gP+pAW1ed7UTK4vKwdr53gAJYwqbfCWC6ATvJa3J3R/9+Qrg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.1':
+    resolution: {integrity: sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.2':
+    resolution: {integrity: sha512-zxwE80FCU7lcXUGWkdt6XpTTCKPitG1XKOwViTxHVKIJhZl9MvIl2dVHeZENCWD9+EdWv05wlaEkRXUykU27RA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.0.0':
+    resolution: {integrity: sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-id@1.1.0':
+    resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-popover@1.1.6':
+    resolution: {integrity: sha512-NQouW0x4/GnkFJ/pRqsIS3rM/k97VzKnVb2jB7Gq7VEGPy5g7uNV1ykySFt7eWSp3i2uSGFwaJcvIRJBAHmmFg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.2':
+    resolution: {integrity: sha512-Rvqc3nOpwseCyj/rgjlJDYAgyfw7OC1tTkKn2ivhaMGcYt8FSBlahHOZak2i3QwkRXUXgGgzeEe2RuqeEHuHgA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.4':
+    resolution: {integrity: sha512-sn2O9k1rPFYVyKd5LAJfo96JlSGVFpa1fS6UuBJfrZadudiw5tAmru+n1x7aMRQ84qDM71Zh1+SzK5QwU0tJfA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.0.0':
+    resolution: {integrity: sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-presence@1.1.2':
+    resolution: {integrity: sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@1.0.1':
+    resolution: {integrity: sha512-fHbmislWVkZaIdeF6GZxF0A/NH/3BjrGIYj+Ae6eTmTCr7EB0RQAAVEiqsXK6p3/JcRqVSBQoceZroj30Jj3XA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-primitive@2.0.2':
+    resolution: {integrity: sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.0.2':
+    resolution: {integrity: sha512-HLK+CqD/8pN6GfJm3U+cqpqhSKYAWiOJDe+A+8MfxBnOue39QEeMa43csUn2CXCHQT0/mewh1LrrG4tfkM9DMA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-slot@1.0.1':
+    resolution: {integrity: sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-slot@1.1.2':
+    resolution: {integrity: sha512-YAKxaiGsSQJ38VzKH86/BPRC4rh+b1Jpa+JneA5LRE7skmLPNAyeG8kPJj/oo4STLvlrs8vkf/iYyc3A5stYCQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-tabs@1.0.2':
+    resolution: {integrity: sha512-gOUwh+HbjCuL0UCo8kZ+kdUEG8QtpdO4sMQduJ34ZEz0r4922g9REOBM+vIsfwtGxSug4Yb1msJMJYN2Bk8TpQ==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-use-callback-ref@1.0.0':
+    resolution: {integrity: sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-use-callback-ref@1.1.0':
+    resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.0.0':
+    resolution: {integrity: sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-use-controllable-state@1.1.0':
+    resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.0':
+    resolution: {integrity: sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.0.0':
+    resolution: {integrity: sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+
+  '@radix-ui/react-use-layout-effect@1.1.0':
+    resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.0':
+    resolution: {integrity: sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.0':
+    resolution: {integrity: sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/rect@1.1.0':
+    resolution: {integrity: sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==}
+
+  '@rolldown/binding-android-arm-eabi@1.2.16':
+    resolution: {integrity: sha512-ia3DwAs0OsMGS7+IConptSiyk9pEXkOx/AbJ2n/lAGxH3QkWQus1t8d7gnAT38FCU2sQu8lUbeR6AiZFv4JxaA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@rolldown/binding-android-arm64@1.2.16':
+    resolution: {integrity: sha512-kx5wBiMB6E7TEvpl2B9gjLU004BkvEm2Dr941BFjx/SontPwSzNuQUIoVKxHHoSjpFIfHMmcguyLOtyn0hObRg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.16':
+    resolution: {integrity: sha512-qslZrXnKJU4cUpjoAmtAo/KQM9e2IRMlmpig6Zpwj+8KWxW8v+nkAf9216Bsek9lOC1jvg2yCjygCFo2f83msQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.16':
+    resolution: {integrity: sha512-FdF+y48ND13eAyM2mQn+85kvAqNlvRWROy2rhgA463X/0Gv4vGtazZtfaF1mRBLscYvtOlh4QnLjOWiFzX69OQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.16':
+    resolution: {integrity: sha512-ddjqFM5e95AgLbUPtKIS7V1KTVlA0RUgCVr5mn+/IEhsdy3pr+Vuj/HZ7nlMN2FyxIwUktOH1LEPIQXO1v9y1Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.16':
+    resolution: {integrity: sha512-tHdKWbFkFBI687iim3LIyIvyL7j66VvQYkDPss5Stn/qyE2tWkR1YD0dXmXPFKKqT/o5ZEJVsaRsWS2meQwGOA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.16':
+    resolution: {integrity: sha512-FJiLGAblPBMlBEdbOqw6kW6QcXDWAf/oJu7gYs9ZJZwmg+K+/zjFLxPTIY9izJUzxzc24FHvmseyA0IvJSl17w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.16':
+    resolution: {integrity: sha512-hrJpblMsrQ58U9veWpbXzkhV5zStunds6HWLprqq1qauvgBr1E6P+24kLj6lSLI9vjRn/RYpjprhkHQPKGWpNg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.16':
+    resolution: {integrity: sha512-qJd/dC6j6CwLG9/s/RP2nb1RZ0GIgj7Ioj7x/SYa3RzjVrlzrmH0fhIOpfvqQDeIsdP0loi+kHaMhJzY1PBIaA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.16':
+    resolution: {integrity: sha512-Vx7Xg5uUJuNcujJjI70OICaH0EYj80BtOLZTSN7uOYg8QOLlyKnaG0IW7Fn/J0IpJsaKzmDKMhOQv1JBM9m9vg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.16':
+    resolution: {integrity: sha512-TNKhgE3uJTsTzatUSSYt0Kgo+Oa2uSlSjz4r1aEIea7HX6ULBym4fAlYUhG1i6pjNf2njfCUAfKwr6C3E9Xg1w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.16':
+    resolution: {integrity: sha512-7chXdpjXZ8qG0+mIxECN3cT9kvhZ3/oZhMX6Pp876P7CDrIy8nJswva6Mq357JR7eYXfuskwZxMeV1SzoZdHrA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.16':
+    resolution: {integrity: sha512-Kwjt+7uNTJK5/MDkGWGVO2KQPnj8yAV75dMpfwyHZrJSXWHrniOB0aUEWlVYf3H1hOqFLIStLdM5QXq6bnKmOQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.16':
+    resolution: {integrity: sha512-/LH6WfjDRXXJz/p5xl4TmU+jpcnwcxbKEQBW/GZE0JHfN0lGIyTtsUEGaQ/q/GikkGJ2yLKe6pwm7AnEWO8pdw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.16':
+    resolution: {integrity: sha512-1lv1KvX0Z871zfk7vw+dnXMMnHNyDwMzWG8Kv3HxDXMOhzCX4SHc7HK319fInP0i+0p9D8brkfzL7pJOaGl+tw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.1':
+    resolution: {integrity: sha512-65Emv9fQiQQqphLlRkuQ5ypPsOmWPhtBGCMv61JDPEPMvsx+gzhGf74yw1a78xFKPj6zw4AgQICJoQv0vK9M2w==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.4':
+    resolution: {integrity: sha512-UHYId5WTCx4L4YNel7NU00XUXXgvgpgZOvp10PuvsQENjMDXhh2RyFc0KBjO7B45ne4Ha1yVH7ii0vnzKkuzWA==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.12':
+    resolution: {integrity: sha512-Qe/KWYhEiIIxGs7HrAAjMfShxKldx19SJtr5zu53f3afPsdZNz7HHtdTLXo/kqeiWNXVycI24kSnfzBYkTzpgw==}
+
+  '@types/d3-shape@3.2.0':
+    resolution: {integrity: sha512-kVd74ta9eof3eJOvbNd1vGKS/XERRyQbT26Og63hIsvDO84cjD5gEOhsXf26w3FSoNlPVz84DOFcKv/oou+fMw==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.9':
+    resolution: {integrity: sha512-0sE1406XBYJGiqD3AusTl9ZqC//2mIXix51tbom25gDCA8ri4xnSZg28CaSE8Srl6FClqABUKfsn0qghgdepMA==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/estree@1.0.10':
+    resolution: {integrity: sha512-lTyOMnOcmRBzdCv6/4zUZCrEhV0xrqQiUZBZtVcbmLHBXKLnN8q89v/wKRF/Q0HbwVsqbIG3o5HDoFl9sduM+g==}
+
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
+  '@types/react-dom@19.3.0':
+    resolution: {integrity: sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==}
+    peerDependencies:
+      '@types/react': ^19.3.0
+
+  '@types/react@19.3.0':
+    resolution: {integrity: sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@upsetjs/venn.js@2.0.0':
+    resolution: {integrity: sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==}
+
+  '@vitejs/plugin-react@6.1.2':
+    resolution: {integrity: sha512-fhJNGUdscQa4HkI0xFxwonWyhnVReCPDbXI7FH7jmzpnVCrFQI7PRrhWecO263610vOrs9tr2Y4xcf8uAdFxbw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0
+      babel-plugin-react-compiler: ^1.0.0
+      oxc-transform-react: ^0.152.0
+      vite: ^8.0.0
+    peerDependenciesMeta:
+      '@rolldown/plugin-babel':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      oxc-transform-react:
+        optional: true
+
+  '@vitest/mocker@5.0.5':
+    resolution: {integrity: sha512-xLL3lkDegJZw+MGoGaCCsFayDZthGgpAtr3Vziyfc4p7xH89K7KRPcRBBh/kEYm0Aqkt5DtTmkYpBtRV/FrHZg==}
+    peerDependencies:
+      msw: ^2.4.9 || ^3.0.0
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/spy@5.0.5':
+    resolution: {integrity: sha512-lwJRExuH417257Q5wv9QYugN9IMJkoxcrKrYxGPQkBzl7wlNpTUxD/5yNX4ESKVUIShKPgkGchYPFMWOOk0wzw==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  bidi-js@1.1.0:
+    resolution: {integrity: sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browser-fs-access@0.29.1:
+    resolution: {integrity: sha512-LSvVX5e21LRrXqVMhqtAwj5xPgDb+fXAIH80NsnCQ9xuZPs2xWsOREi24RKgZa1XOiQRbcmVrv87+ulOKsgjxw==}
+
+  canvas-roundrect-polyfill@0.0.1:
+    resolution: {integrity: sha512-yWq+R3U3jE+coOeEb3a3GgE2j/0MMiDKM/QpLb6h9ihf5fGY9UXtvK9o4vNqjWXoZz7/3EaSVU3IX53TvFFUOw==}
+
+  chai@6.3.0:
+    resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==}
+    engines: {node: '>=18'}
+
+  chevrotain-allstar@0.3.1:
+    resolution: {integrity: sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==}
+    peerDependencies:
+      chevrotain: ^11.0.0
+
+  chevrotain@11.0.3:
+    resolution: {integrity: sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  clsx@1.1.1:
+    resolution: {integrity: sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==}
+    engines: {node: '>=6'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
+  crc-32@0.3.0:
+    resolution: {integrity: sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA==}
+    engines: {node: '>=0.8'}
+
+  cross-env@7.0.3:
+    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
+    engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
+    hasBin: true
+
+  cross-spawn@7.0.6:
+    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}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.34.4:
+    resolution: {integrity: sha512-msY99tMY8iWTg+sIPGfSqDcPNOt4xcj+v/K/7qUFaCUxxlqnMkUYLBjRUzn9W5CU/R2hrmtJa5+UtovrEM2ctg==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.14:
+    resolution: {integrity: sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==}
+
+  data-urls@8.0.0:
+    resolution: {integrity: sha512-JQUCCK+/CAGbGGx618PlFZMXH81Jtj7t73CHv9dd/zVWvxgGT2zLFRjnKb+Ng46GIwcy+f7f88qd4duqllK+WQ==}
+    engines: {node: ^22.14.0 || >=24.0.0}
+
+  dayjs@1.11.23:
+    resolution: {integrity: sha512-QDTCU0M0MxR3hQfnlDJfwekQiaanm1ubOD231u73WBckQ/fsamwRLiE2GBz6D3a/xF1NgfiDLJjXBa1hYOYTtQ==}
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  delaunator@5.1.0:
+    resolution: {integrity: sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  dompurify@3.4.17:
+    resolution: {integrity: sha512-B/pSlYVHQ58kqISD/yDjuJ1yfzI34m1gF4lAod2bwSRhiN4K5Cl3H8Af7hqB2PmTL911tdEudnnXn5FnhRoz0w==}
+
+  entities@9.0.0:
+    resolution: {integrity: sha512-oJFNDJg3kTPwAD1cNn2+WmUq4wFoo09npc3Ydf1D7ED4smRiWrsKnaLxykrTWgyGEcusc87P5dxlAleol9kpkg==}
+    engines: {node: '>=20.19.0'}
+
+  es-module-lexer@2.3.2:
+    resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
+
+  es-toolkit@1.53.1:
+    resolution: {integrity: sha512-VhMc6IXmexu8iYFfL2aaAww6IvJTdHlqBLruLoEUs33YD4IcP5DdZcLOybMsMmmLsiy1c8PsiLsrM0DdIuuRUA==}
+
+  es6-promise-pool@2.5.0:
+    resolution: {integrity: sha512-VHErXfzR/6r/+yyzPKeBvO0lgjfC5cbDCQWjWwMZWSb6YU39TGIl51OUmCfWCq4ylMdJSB8zkz2vIuIeIxXApA==}
+    engines: {node: '>=0.10.0'}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+    engines: {node: '>=12.0.0'}
+
+  fastdom@1.0.12:
+    resolution: {integrity: sha512-LB+xjSTEbjHE1cWsxu+tN2Xqr1kpi+V9aADI7sVM5ZMaXyYGPHULQMzpJMYqOTULK/73pUkWVzzObFRBkPr+hg==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  fractional-indexing@3.2.0:
+    resolution: {integrity: sha512-PcOxmqwYCW7O2ovKRU8OoQQj2yqTfEB/yeTYk4gPid6dN5ODRfU1hXd9tTVZzax/0NkO7AxpHykvZnT1aYp/BQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fuzzy@0.1.3:
+    resolution: {integrity: sha512-/gZffu4ykarLrCiP3Ygsa86UAo1E5vEVlvTrpkKywXSbP9Xhln3oSp9QSV57gEq3JFFpGJ4GZ+5zdEp3FcUh4w==}
+    engines: {node: '>= 0.6.0'}
+
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glur@1.1.2:
+    resolution: {integrity: sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==}
+
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
+  html-encoding-sniffer@7.0.0:
+    resolution: {integrity: sha512-UikN5yr7xsCDAq87Or5or0PAlD3HJJOKVzM05az588WnpDJ4Ux7a2A53Qi6gofGg2/EtvF/H4hCi/TXfCW4Y6w==}
+    engines: {node: ^22.13.0 || >=24.0.0}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  image-blob-reduce@3.0.1:
+    resolution: {integrity: sha512-/VmmWgIryG/wcn4TVrV7cC4mlfUC/oyiKIfSg5eVM3Ten/c1c34RJhMYKCWTnoSMHSqXLt3tsrBR4Q2HInvN+Q==}
+
+  immutable@4.3.9:
+    resolution: {integrity: sha512-ObHy4YN7ycwZOUCLI1/6svfyAFu7vL8RhAvVu/bh/RZW9EPlOyDaQ9jDQWCtdqzaXUjgXZCW1migtHE7YI7UGQ==}
+
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  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-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jotai-scope@0.7.2:
+    resolution: {integrity: sha512-Gwed97f3dDObrO43++2lRcgOqw4O2sdr4JCjP/7eHK1oPACDJ7xKHGScpJX9XaflU+KBHXF+VhwECnzcaQiShg==}
+    peerDependencies:
+      jotai: '>=2.9.2'
+      react: '>=17.0.0'
+
+  jotai@2.11.0:
+    resolution: {integrity: sha512-zKfoBBD1uDw3rljwHkt0fWuja1B76R7CjznuBO+mSX6jpsO1EBeWNRKpeaQho9yPI/pvCv4recGfgOXGxwPZvQ==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=17.0.0'
+      react: '>=17.0.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+
+  jsdom@30.1.3:
+    resolution: {integrity: sha512-hQMUPvRgN7KxsfIytDQji7bimuJeRQa6Qo5+iuiZQk5CafeRxLIA10/cG5YCBFNpD9RO3oqIiN4CO1Y44kxqXg==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    peerDependencies:
+      canvas: ^3.2.3
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  katex@0.16.47:
+    resolution: {integrity: sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==}
+    hasBin: true
+
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
+  langium@3.3.1:
+    resolution: {integrity: sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w==}
+    engines: {node: '>=16.0.0'}
+
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  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.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  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.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  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.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  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.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  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.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+
+  lru-cache@11.5.3:
+    resolution: {integrity: sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==}
+    engines: {node: 20 || >=22}
+
+  magic-string@1.4.5:
+    resolution: {integrity: sha512-oLLC2+YvQUfAa+vxoufE/yc1icb87M9iXIRqAoR/2EhE/8cb3SF/+Gi0c2By1B+5Vz2e2vQtUvHiu1+63Znh+w==}
+
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  mermaid@11.17.2:
+    resolution: {integrity: sha512-V6K3C8EBdEsPFZXSKMJe6ppQOENxuHARr9GvHX4hh47lAbhMRD9qf4oEK7LoaRQxULMa80/qt5gHO73aCleBBg==}
+
+  multimath@2.0.0:
+    resolution: {integrity: sha512-toRx66cAMJ+Ccz7pMIg38xSIrtnbozk0dchXezwQDMgQmbGpfxjtv68H+L00iFL8hxDaVjrmwAFSb3I6bg8Q2g==}
+
+  nanoid@3.3.20:
+    resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@3.3.3:
+    resolution: {integrity: sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@4.0.2:
+    resolution: {integrity: sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==}
+    engines: {node: ^14 || ^16 || >=18}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  obug@3.0.0:
+    resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==}
+    engines: {node: '>=12.20.0'}
+
+  open-color@1.9.1:
+    resolution: {integrity: sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==}
+
+  package-manager-detector@1.9.0:
+    resolution: {integrity: sha512-zAMfbta9nPA8AKkA4WdmNAT8R8s6Dk0/xwPsqNnRidMFcLo1YkLuPDTgs2f64XdzS8vbLNnoJ+uUIkgbz7oRHA==}
+
+  pako@2.0.3:
+    resolution: {integrity: sha512-WjR1hOeg+kki3ZIOjaf4b5WVcay1jaliKSYiEaB1XzwhMQZJxRdQRv0V31EKBYlxb4T7SK3hjfc/jxyU64BoSw==}
+
+  parse5@8.1.0:
+    resolution: {integrity: sha512-sq3qBFpee5jeocbFbO48VHlGr8sT7mbXS0vxlKN6sottBtJzrOG3998sr0llSZcQAGgfpdmEYAIZE0P9z0dE8w==}
+
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  perfect-freehand@1.2.0:
+    resolution: {integrity: sha512-h/0ikF1M3phW7CwpZ5MMvKnfpHficWoOEyr//KVNTxV4F6deRK1eYMtHyBKEAKFK0aXIEUK9oBvlF6PNXMDsAw==}
+
+  pica@7.1.1:
+    resolution: {integrity: sha512-WY73tMvNzXWEld2LicT9Y260L43isrZ85tPuqRyvtkljSDLmnNFQmZICt4xUJMVulmcc6L9O7jbBrtx3DOz/YQ==}
+
+  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.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+    engines: {node: '>=12'}
+
+  png-chunk-text@1.0.0:
+    resolution: {integrity: sha512-DEROKU3SkkLGWNMzru3xPVgxyd48UGuMSZvioErCure6yhOc/pRH2ZV+SEn7nmaf7WNf3NdIpH+UTrRdKyq9Lw==}
+
+  png-chunks-encode@1.0.0:
+    resolution: {integrity: sha512-J1jcHgbQRsIIgx5wxW9UmCymV3wwn4qCCJl6KYgEU/yHCh/L2Mwq/nMOkRPtmV79TLxRZj5w3tH69pvygFkDqA==}
+
+  png-chunks-extract@1.0.0:
+    resolution: {integrity: sha512-ZiVwF5EJ0DNZyzAqld8BP1qyJBaGOFaq9zl579qfbkcmOwWLLO4I9L8i2O4j3HkI6/35i0nKG2n+dZplxiT89Q==}
+
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-curve@1.0.1:
+    resolution: {integrity: sha512-3nmX4/LIiyuwGLwuUrfhTlDeQFlAhi7lyK/zcRNGhalwapDWgAGR82bUpmn2mA03vII3fvNCG8jAONzKXwpxAg==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
+  postcss@8.5.32:
+    resolution: {integrity: sha512-LJlKCCAUFKOuZxipUdYw1NzIITEsPcgyOG9LkvRJvuKj/bRzbuRY0ARXvL0pWGpsZvn8jku+LMep2eU0seHp8g==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  pwacompat@2.0.17:
+    resolution: {integrity: sha512-6Du7IZdIy7cHiv7AhtDy4X2QRM8IAD5DII69mt5qWibC2d15ZU8DmBG1WdZKekG11cChSu4zkSUGPF9sweOl6w==}
+
+  react-dom@19.3.1:
+    resolution: {integrity: sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==}
+    peerDependencies:
+      react: ^19.3.1
+
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.2:
+    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react@19.3.1:
+    resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==}
+    engines: {node: '>=0.10.0'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  robust-predicates@3.0.3:
+    resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
+
+  rolldown@1.2.16:
+    resolution: {integrity: sha512-bWvlMpFKiTfDKfnK7FC2MPgPeWCf/Kpwsq49ApdW+FQaBZb6O6dZ4MAPbPUjp7hYQrw/RobqCzn64BRrQecGHw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  roughjs@4.6.4:
+    resolution: {integrity: sha512-s6EZ0BntezkFYMf/9mGn7M8XGIoaav9QQBCnJROWB3brUWQ683Q2LbRD/hq0Z3bAJ/9NVpU/5LpiTWvQMyLDhw==}
+
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sass@1.51.0:
+    resolution: {integrity: sha512-haGdpTgywJTvHC2b91GSq+clTKGbtkkZmVAb82jZQN/wTy6qs8DdFm2lhEQbEwrY0QDRgSQ3xDurqM977C3noA==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scheduler@0.28.0:
+    resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  sliced@1.0.1:
+    resolution: {integrity: sha512-VZBmZP8WU3sMOZm1bdgTadsQbcscK0UM8oKxKVBs4XAhUo2Xxzm/OFMGBkPusxw9xL3Uy8LrzEqGqJhclsr0yA==}
+    deprecated: Unsupported
+
+  source-map-js@1.2.2:
+    resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
+    engines: {node: '>=0.10.0'}
+
+  std-env@4.3.0:
+    resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==}
+
+  strictdom@1.0.1:
+    resolution: {integrity: sha512-cEmp9QeXXRmjj/rVp9oyiqcvyocWab/HaoN4+bwFeZ7QzykJD6L3yD4v12K1x0tHpqRqVpJevN3gW7kyM39Bqg==}
+
+  stylis@4.4.0:
+    resolution: {integrity: sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA==}
+
+  tinybench@6.2.3:
+    resolution: {integrity: sha512-Al01C2JIBnO2CXCAPbpAl6sUiOZHeThGtHYNTa51JRw9PyWOCdr+9Ong05R4qg/Sk3+H645E8ov1h2c58ityNw==}
+    engines: {node: '>=20.0.0'}
+
+  tinyexec@1.3.1:
+    resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tldts-core@7.4.20:
+    resolution: {integrity: sha512-C630TWXZCZmLq0F2bW4QqwnaaxCQ/svpAqvJwnC4JvgEM5ohhBnGsEzTLSOXcN+xjz+kEaHS5uoWIw2klnqd0A==}
+
+  tldts@7.4.19:
+    resolution: {integrity: sha512-48dH6aSpQnpbzDUc4vIQZ1VjB8tkK+e8c1yx05/SZK+rkssgjEOlxDd/yU8/a4vGYQ9vRgJr9dwMq9TJ0b3X2Q==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  tough-cookie@6.0.2:
+    resolution: {integrity: sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==}
+    engines: {node: '>=16'}
+
+  tr46@7.0.0:
+    resolution: {integrity: sha512-BcDSDW+SIGWVOns1Zm6Yg91q9AEj7eaID0QDY9oIqJD1A8dscNwMcl9Sms2DeuWCNov1X0/oXanHGYQBSLwZsg==}
+    engines: {node: ^22.14.0 || >=24.0.0}
+
+  ts-dedent@2.3.0:
+    resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
+    engines: {node: '>=6.10'}
+
+  tslib@2.9.1:
+    resolution: {integrity: sha512-a4Ux9VKuIMHsOS7ENbEq6hK2ZGYIT27Rtl0E4eD9KqwxhKiQeMZE/9xb3IdYwWaSOyIBQLExhQgXDTYoiCxnWA==}
+
+  tunnel-rat@0.1.2:
+    resolution: {integrity: sha512-lR5VHmkPhzdhrM092lI2nACsLO4QubF0/yoOhzX7c+wIpbN1GjHNzCc91QlpxBi+cnx8vVJ+Ur6vL5cEoQPFpQ==}
+
+  typescript@6.0.3:
+    resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici@8.12.3:
+    resolution: {integrity: sha512-+fdndUTwBP86cVjihTp21hZHo7d6oj1c/47XPA3lL8mM0XHs+C4EkcjmgRsFnFk2f/UONGDy9ItBItmXsLOQHw==}
+    engines: {node: '>=22.19.0'}
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sync-external-store@1.7.0:
+    resolution: {integrity: sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  uuid@14.0.3:
+    resolution: {integrity: sha512-Sc5u1VVln93y1Xnz4R+CunOZc7R9LUcTmhj7Rc7Eg3HVcf7rVn2FOoa812fe0W8p3jD7xeoGSYbfqCGGH2B6xw==}
+    hasBin: true
+
+  vite@8.3.5:
+    resolution: {integrity: sha512-z1YpjieJ9g0ebTmQpLBv/oq9E3F9EIlOe+7LahW8SrE3LTiG3udBRUXQOlYXP9b+IC2q2phHeVxj9xGlw34OEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.7.1 || ^0.8.0
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@5.0.5:
+    resolution: {integrity: sha512-cPODOMF8YnkiiYtDdHo6n4wWmBrOBBbOIYH2d33M4l3CdNn72h+qMmO6uXffUN6A5AZFXNND/d+krS9mgkXRfg==}
+    engines: {node: ^22.12.0 || ^24.0.0 || >=26.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 5.0.5
+      '@vitest/browser-preview': 5.0.5
+      '@vitest/browser-webdriverio': ^5.0.0-beta.5 || >=5.0.0
+      '@vitest/coverage-istanbul': 5.0.5
+      '@vitest/coverage-v8': 5.0.5
+      '@vitest/ui': 5.0.5
+      happy-dom: '*'
+      jsdom: '*'
+      vite: ^6.4.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.16:
+    resolution: {integrity: sha512-qeNEuOi9a3qkqRf7Gfez2WL2VwlBTLCNekHBGO9kxPVUp9XuY15yfTJ9jwvOwKI0I2MhUUfZq95NSp+LK1CLQg==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
+  w3c-xmlserializer@6.0.0:
+    resolution: {integrity: sha512-4Nsy8K5Tr6SPDH9jhKJOHf7ChDrc1zufZTVSF7x72hwuEXBqxqk9G6cK+K2NRUtB3iELRJqjXb4JPDMBjMTl2Q==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  webworkify@1.5.0:
+    resolution: {integrity: sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@17.3.0:
+    resolution: {integrity: sha512-KwOAJrpf+GTgBvcBQJcP38sMF0DsQKdwtG+TxM2pW44P6E5k0hDbWrDmyuJDIF0Uef0aQq0ZoJs+5oI+k8ddhg==}
+    engines: {node: ^22.14.0 || >=24.0.0}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@3.2.1:
+    resolution: {integrity: sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==}
+    engines: {node: '>=20.11'}
+    hasBin: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  zustand@4.5.7:
+    resolution: {integrity: sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0.6'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+snapshots:
+
+  '@antfu/install-pkg@2.1.0':
+    dependencies:
+      package-manager-detector: 1.9.0
+      tinyexec: 1.3.1
+
+  '@asamuzakjp/css-color@7.1.9':
+    dependencies:
+      '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-color-parser': 4.2.7(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+      lru-cache: 11.5.3
+
+  '@asamuzakjp/dom-selector@10.0.5':
+    dependencies:
+      bidi-js: 1.1.0
+      css-tree: 3.2.1
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.3
+
+  '@babel/runtime@7.29.10': {}
+
+  '@braintree/sanitize-url@6.0.2': {}
+
+  '@braintree/sanitize-url@7.1.2': {}
+
+  '@bramus/specificity@2.4.3':
+    dependencies:
+      css-tree: 3.2.1
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    dependencies:
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/gast@11.0.3':
+    dependencies:
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/regexp-to-ast@11.0.3': {}
+
+  '@chevrotain/types@11.0.3': {}
+
+  '@chevrotain/types@11.1.2': {}
+
+  '@chevrotain/utils@11.0.3': {}
+
+  '@csstools/color-helpers@6.1.2': {}
+
+  '@csstools/css-calc@3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-color-parser@4.2.7(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/color-helpers': 6.1.2
+      '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.16(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@4.0.2': {}
+
+  '@excalidraw/excalidraw@0.18.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@braintree/sanitize-url': 6.0.2
+      '@excalidraw/laser-pointer': 1.3.1
+      '@excalidraw/mermaid-to-excalidraw': 2.2.2
+      '@excalidraw/random-username': 1.1.0
+      '@radix-ui/react-popover': 1.1.6(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-tabs': 1.0.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      browser-fs-access: 0.29.1
+      canvas-roundrect-polyfill: 0.0.1
+      clsx: 1.1.1
+      cross-env: 7.0.3
+      es6-promise-pool: 2.5.0
+      fractional-indexing: 3.2.0
+      fuzzy: 0.1.3
+      image-blob-reduce: 3.0.1
+      jotai: 2.11.0(@types/react@19.3.0)(react@19.3.1)
+      jotai-scope: 0.7.2(jotai@2.11.0(@types/react@19.3.0)(react@19.3.1))(react@19.3.1)
+      lodash.debounce: 4.0.8
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.3
+      open-color: 1.9.1
+      pako: 2.0.3
+      perfect-freehand: 1.2.0
+      pica: 7.1.1
+      png-chunk-text: 1.0.0
+      png-chunks-encode: 1.0.0
+      png-chunks-extract: 1.0.0
+      points-on-curve: 1.0.1
+      pwacompat: 2.0.17
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+      roughjs: 4.6.4
+      sass: 1.51.0
+      tunnel-rat: 0.1.2(@types/react@19.3.0)(react@19.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+      - immer
+
+  '@excalidraw/laser-pointer@1.3.1': {}
+
+  '@excalidraw/markdown-to-text@0.1.2': {}
+
+  '@excalidraw/mermaid-to-excalidraw@2.2.2':
+    dependencies:
+      '@excalidraw/markdown-to-text': 0.1.2
+      '@mermaid-js/parser': 0.6.3
+      mermaid: 11.17.2
+      nanoid: 4.0.2
+
+  '@excalidraw/random-username@1.1.0': {}
+
+  '@exodus/bytes@1.16.0': {}
+
+  '@floating-ui/core@1.8.0':
+    dependencies:
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/dom@1.8.0':
+    dependencies:
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/react-dom@2.1.9(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.8.0
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@floating-ui/utils@0.2.12': {}
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.7':
+    dependencies:
+      '@antfu/install-pkg': 2.1.0
+      '@iconify/types': 2.0.0
+      import-meta-resolve: 4.2.0
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.6.0': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  '@mermaid-js/parser@0.6.3':
+    dependencies:
+      langium: 3.3.1
+
+  '@mermaid-js/parser@1.2.1':
+    dependencies:
+      '@chevrotain/types': 11.1.2
+
+  '@oxc-project/types@0.156.0': {}
+
+  '@radix-ui/primitive@1.0.0':
+    dependencies:
+      '@babel/runtime': 7.29.10
+
+  '@radix-ui/primitive@1.1.1': {}
+
+  '@radix-ui/react-arrow@1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-collection@1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-compose-refs': 1.0.0(react@19.3.1)
+      '@radix-ui/react-context': 1.0.0(react@19.3.1)
+      '@radix-ui/react-primitive': 1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-slot': 1.0.1(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@radix-ui/react-compose-refs@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      react: 19.3.1
+
+  '@radix-ui/react-compose-refs@1.1.1(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-context@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      react: 19.3.1
+
+  '@radix-ui/react-context@1.1.1(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-direction@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      react: 19.3.1
+
+  '@radix-ui/react-dismissable-layer@1.1.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-focus-guards@1.1.1(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-focus-scope@1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-id@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-use-layout-effect': 1.0.0(react@19.3.1)
+      react: 19.3.1
+
+  '@radix-ui/react-id@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-popover@1.1.6(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-focus-scope': 1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-popper': 1.2.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-portal': 1.1.4(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-slot': 1.1.2(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      aria-hidden: 1.2.6
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+      react-remove-scroll: 2.7.2(@types/react@19.3.0)(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-popper@1.2.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-arrow': 1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-rect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/rect': 1.1.0
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-portal@1.1.4(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-presence@1.0.0(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-compose-refs': 1.0.0(react@19.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.0(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@radix-ui/react-presence@1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-primitive@1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-slot': 1.0.1(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@radix-ui/react-primitive@2.0.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.1.2(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  '@radix-ui/react-roving-focus@1.0.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/primitive': 1.0.0
+      '@radix-ui/react-collection': 1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-compose-refs': 1.0.0(react@19.3.1)
+      '@radix-ui/react-context': 1.0.0(react@19.3.1)
+      '@radix-ui/react-direction': 1.0.0(react@19.3.1)
+      '@radix-ui/react-id': 1.0.0(react@19.3.1)
+      '@radix-ui/react-primitive': 1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.0(react@19.3.1)
+      '@radix-ui/react-use-controllable-state': 1.0.0(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@radix-ui/react-slot@1.0.1(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-compose-refs': 1.0.0(react@19.3.1)
+      react: 19.3.1
+
+  '@radix-ui/react-slot@1.1.2(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-tabs@1.0.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/primitive': 1.0.0
+      '@radix-ui/react-context': 1.0.0(react@19.3.1)
+      '@radix-ui/react-direction': 1.0.0(react@19.3.1)
+      '@radix-ui/react-id': 1.0.0(react@19.3.1)
+      '@radix-ui/react-presence': 1.0.0(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-primitive': 1.0.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-roving-focus': 1.0.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1)
+      '@radix-ui/react-use-controllable-state': 1.0.0(react@19.3.1)
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+
+  '@radix-ui/react-use-callback-ref@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      react: 19.3.1
+
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-use-controllable-state@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      '@radix-ui/react-use-callback-ref': 1.0.0(react@19.3.1)
+      react: 19.3.1
+
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-use-layout-effect@1.0.0(react@19.3.1)':
+    dependencies:
+      '@babel/runtime': 7.29.10
+      react: 19.3.1
+
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-use-rect@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/rect': 1.1.0
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/react-use-size@1.1.0(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@radix-ui/rect@1.1.0': {}
+
+  '@rolldown/binding-android-arm-eabi@1.2.16':
+    optional: true
+
+  '@rolldown/binding-android-arm64@1.2.16':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.16':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.16':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.16':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.16':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.16':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.16':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.16':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.1':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.4': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.12': {}
+
+  '@types/d3-shape@3.2.0':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-zoom@3.0.9':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.1
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.12
+      '@types/d3-shape': 3.2.0
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.9
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/estree@1.0.10': {}
+
+  '@types/geojson@7946.0.16': {}
+
+  '@types/react-dom@19.3.0(@types/react@19.3.0)':
+    dependencies:
+      '@types/react': 19.3.0
+
+  '@types/react@19.3.0':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@upsetjs/venn.js@2.0.0':
+    optionalDependencies:
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  '@vitejs/plugin-react@6.1.2(vite@8.3.5)':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.3.5
+
+  '@vitest/mocker@5.0.5(vite@8.3.5)':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@vitest/spy': 5.0.5
+      estree-walker: 3.0.3
+      magic-string: 1.4.5
+    optionalDependencies:
+      vite: 8.3.5
+
+  '@vitest/spy@5.0.5': {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.9.1
+
+  assertion-error@2.0.1: {}
+
+  bidi-js@1.1.0:
+    dependencies:
+      require-from-string: 2.0.2
+
+  binary-extensions@2.3.0: {}
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browser-fs-access@0.29.1: {}
+
+  canvas-roundrect-polyfill@0.0.1: {}
+
+  chai@6.3.0: {}
+
+  chevrotain-allstar@0.3.1(chevrotain@11.0.3):
+    dependencies:
+      chevrotain: 11.0.3
+      lodash-es: 4.18.1
+
+  chevrotain@11.0.3:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 11.0.3
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/regexp-to-ast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      '@chevrotain/utils': 11.0.3
+      lodash-es: 4.17.21
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  clsx@1.1.1: {}
+
+  commander@7.2.0: {}
+
+  commander@8.3.0: {}
+
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
+  crc-32@0.3.0: {}
+
+  cross-env@7.0.3:
+    dependencies:
+      cross-spawn: 7.0.6
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      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.2
+
+  csstype@3.2.3: {}
+
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.34.4):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.34.4
+
+  cytoscape-fcose@2.2.0(cytoscape@3.34.4):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.34.4
+
+  cytoscape@3.34.4: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.1.0
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.2: {}
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.2
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  dagre-d3-es@7.0.14:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.18.1
+
+  data-urls@8.0.0:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 17.3.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  dayjs@1.11.23: {}
+
+  decimal.js@10.6.0: {}
+
+  delaunator@5.1.0:
+    dependencies:
+      robust-predicates: 3.0.3
+
+  detect-libc@2.1.2: {}
+
+  detect-node-es@1.1.0: {}
+
+  dompurify@3.4.17:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  entities@9.0.0: {}
+
+  es-module-lexer@2.3.2: {}
+
+  es-toolkit@1.53.1: {}
+
+  es6-promise-pool@2.5.0: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.10
+
+  expect-type@1.4.0: {}
+
+  fastdom@1.0.12:
+    dependencies:
+      strictdom: 1.0.1
+
+  fdir@6.5.0(picomatch@4.0.7):
+    optionalDependencies:
+      picomatch: 4.0.7
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  fractional-indexing@3.2.0: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  fuzzy@0.1.3: {}
+
+  get-nonce@1.0.1: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glur@1.1.2: {}
+
+  hachure-fill@0.5.2: {}
+
+  html-encoding-sniffer@7.0.0:
+    dependencies:
+      '@exodus/bytes': 1.16.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  image-blob-reduce@3.0.1:
+    dependencies:
+      pica: 7.1.1
+
+  immutable@4.3.9: {}
+
+  import-meta-resolve@4.2.0: {}
+
+  inherits@2.0.4: {}
+
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-number@7.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  isexe@2.0.0: {}
+
+  jotai-scope@0.7.2(jotai@2.11.0(@types/react@19.3.0)(react@19.3.1))(react@19.3.1):
+    dependencies:
+      jotai: 2.11.0(@types/react@19.3.0)(react@19.3.1)
+      react: 19.3.1
+
+  jotai@2.11.0(@types/react@19.3.0)(react@19.3.1):
+    optionalDependencies:
+      '@types/react': 19.3.0
+      react: 19.3.1
+
+  jsdom@30.1.3:
+    dependencies:
+      '@asamuzakjp/css-color': 7.1.9
+      '@asamuzakjp/dom-selector': 10.0.5
+      '@bramus/specificity': 2.4.3
+      '@csstools/css-syntax-patches-for-csstree': 1.1.16(css-tree@3.2.1)
+      '@exodus/bytes': 1.16.0
+      css-tree: 3.2.1
+      data-urls: 8.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 7.0.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.3
+      parse5: 8.1.0
+      saxes: 6.0.0
+      tough-cookie: 6.0.2
+      undici: 8.12.3
+      w3c-xmlserializer: 6.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 17.3.0
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  katex@0.16.47:
+    dependencies:
+      commander: 8.3.0
+
+  khroma@2.1.0: {}
+
+  langium@3.3.1:
+    dependencies:
+      chevrotain: 11.0.3
+      chevrotain-allstar: 0.3.1(chevrotain@11.0.3)
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.16
+      vscode-uri: 3.0.8
+
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      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
+
+  lodash-es@4.17.21: {}
+
+  lodash-es@4.18.1: {}
+
+  lodash.debounce@4.0.8: {}
+
+  lodash.throttle@4.1.1: {}
+
+  lru-cache@11.5.3: {}
+
+  magic-string@1.4.5:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  marked@16.4.2: {}
+
+  mdn-data@2.27.1: {}
+
+  mermaid@11.17.2:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.2
+      '@iconify/utils': 3.1.7
+      '@mermaid-js/parser': 1.2.1
+      '@types/d3': 7.4.3
+      '@upsetjs/venn.js': 2.0.0
+      cytoscape: 3.34.4
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.34.4)
+      cytoscape-fcose: 2.2.0(cytoscape@3.34.4)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.14
+      dayjs: 1.11.23
+      dompurify: 3.4.17
+      es-toolkit: 1.53.1
+      fastdom: 1.0.12
+      katex: 0.16.47
+      khroma: 2.1.0
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.4.0
+      ts-dedent: 2.3.0
+      uuid: 14.0.3
+
+  multimath@2.0.0:
+    dependencies:
+      glur: 1.1.2
+      object-assign: 4.1.1
+
+  nanoid@3.3.20: {}
+
+  nanoid@3.3.3: {}
+
+  nanoid@4.0.2: {}
+
+  normalize-path@3.0.0: {}
+
+  object-assign@4.1.1: {}
+
+  obug@3.0.0: {}
+
+  open-color@1.9.1: {}
+
+  package-manager-detector@1.9.0: {}
+
+  pako@2.0.3: {}
+
+  parse5@8.1.0:
+    dependencies:
+      entities: 9.0.0
+
+  path-data-parser@0.1.0: {}
+
+  path-key@3.1.1: {}
+
+  perfect-freehand@1.2.0: {}
+
+  pica@7.1.1:
+    dependencies:
+      glur: 1.1.2
+      inherits: 2.0.4
+      multimath: 2.0.0
+      object-assign: 4.1.1
+      webworkify: 1.5.0
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.7: {}
+
+  png-chunk-text@1.0.0: {}
+
+  png-chunks-encode@1.0.0:
+    dependencies:
+      crc-32: 0.3.0
+      sliced: 1.0.1
+
+  png-chunks-extract@1.0.0:
+    dependencies:
+      crc-32: 0.3.0
+
+  points-on-curve@0.2.0: {}
+
+  points-on-curve@1.0.1: {}
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+
+  postcss@8.5.32:
+    dependencies:
+      nanoid: 3.3.20
+      picocolors: 1.1.1
+      source-map-js: 1.2.2
+
+  punycode@2.3.1: {}
+
+  pwacompat@2.0.17: {}
+
+  react-dom@19.3.1(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+      scheduler: 0.28.0
+
+  react-remove-scroll-bar@2.3.8(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+      react-style-singleton: 2.2.3(@types/react@19.3.0)(react@19.3.1)
+      tslib: 2.9.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  react-remove-scroll@2.7.2(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+      react-remove-scroll-bar: 2.3.8(@types/react@19.3.0)(react@19.3.1)
+      react-style-singleton: 2.2.3(@types/react@19.3.0)(react@19.3.1)
+      tslib: 2.9.1
+      use-callback-ref: 1.3.3(@types/react@19.3.0)(react@19.3.1)
+      use-sidecar: 1.1.3(@types/react@19.3.0)(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  react-style-singleton@2.2.3(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.3.1
+      tslib: 2.9.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  react@19.3.1: {}
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.2
+
+  require-from-string@2.0.2: {}
+
+  robust-predicates@3.0.3: {}
+
+  rolldown@1.2.16:
+    dependencies:
+      '@oxc-project/types': 0.156.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.16
+      '@rolldown/binding-android-arm64': 1.2.16
+      '@rolldown/binding-darwin-arm64': 1.2.16
+      '@rolldown/binding-darwin-x64': 1.2.16
+      '@rolldown/binding-freebsd-x64': 1.2.16
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.16
+      '@rolldown/binding-linux-arm64-gnu': 1.2.16
+      '@rolldown/binding-linux-arm64-musl': 1.2.16
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.16
+      '@rolldown/binding-linux-s390x-gnu': 1.2.16
+      '@rolldown/binding-linux-x64-gnu': 1.2.16
+      '@rolldown/binding-linux-x64-musl': 1.2.16
+      '@rolldown/binding-openharmony-arm64': 1.2.16
+      '@rolldown/binding-win32-arm64-msvc': 1.2.16
+      '@rolldown/binding-win32-x64-msvc': 1.2.16
+
+  roughjs@4.6.4:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
+  rw@1.3.3: {}
+
+  safer-buffer@2.1.2: {}
+
+  sass@1.51.0:
+    dependencies:
+      chokidar: 3.6.0
+      immutable: 4.3.9
+      source-map-js: 1.2.2
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scheduler@0.28.0: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  sliced@1.0.1: {}
+
+  source-map-js@1.2.2: {}
+
+  std-env@4.3.0: {}
+
+  strictdom@1.0.1: {}
+
+  stylis@4.4.0: {}
+
+  tinybench@6.2.3: {}
+
+  tinyexec@1.3.1: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
+
+  tldts-core@7.4.20: {}
+
+  tldts@7.4.19:
+    dependencies:
+      tldts-core: 7.4.20
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  tough-cookie@6.0.2:
+    dependencies:
+      tldts: 7.4.19
+
+  tr46@7.0.0:
+    dependencies:
+      punycode: 2.3.1
+
+  ts-dedent@2.3.0: {}
+
+  tslib@2.9.1: {}
+
+  tunnel-rat@0.1.2(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      zustand: 4.5.7(@types/react@19.3.0)(react@19.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - immer
+      - react
+
+  typescript@6.0.3: {}
+
+  undici@8.12.3: {}
+
+  use-callback-ref@1.3.3(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+      tslib: 2.9.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  use-sidecar@1.1.3(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.3.1
+      tslib: 2.9.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  use-sync-external-store@1.7.0(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+
+  uuid@14.0.3: {}
+
+  vite@8.3.5:
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.7
+      postcss: 8.5.32
+      rolldown: 1.2.16
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  vitest@5.0.5(jsdom@30.1.3)(vite@8.3.5):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/mocker': 5.0.5(vite@8.3.5)
+      chai: 6.3.0
+      es-module-lexer: 2.3.2
+      expect-type: 1.4.0
+      magic-string: 1.4.5
+      obug: 3.0.0
+      picomatch: 4.0.7
+      std-env: 4.3.0
+      tinybench: 6.2.3
+      tinyexec: 1.3.1
+      tinyglobby: 0.2.17
+      vite: 8.3.5
+      why-is-node-running: 3.2.1
+    optionalDependencies:
+      jsdom: 30.1.3
+    transitivePeerDependencies:
+      - msw
+
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.16: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-uri@3.0.8: {}
+
+  w3c-xmlserializer@6.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@8.0.1: {}
+
+  webworkify@1.5.0: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@17.3.0:
+    dependencies:
+      '@exodus/bytes': 1.16.0
+      tr46: 7.0.0
+      webidl-conversions: 8.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@3.2.1: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  zustand@4.5.7(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      use-sync-external-store: 1.7.0(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+      react: 19.3.1
diff --git a/plugins/official/excalidraw/web-src/src/assets.ts b/plugins/official/excalidraw/web-src/src/assets.ts
new file mode 100644
index 00000000..64824bb5
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/assets.ts
@@ -0,0 +1,6 @@
+/**
+ * Excalidraw loads its fonts from `EXCALIDRAW_ASSET_PATH` (else from a CDN,
+ * which the frame can't reach): the page's own directory, where the build
+ * copies them. Imported before Excalidraw.
+ */
+window.EXCALIDRAW_ASSET_PATH = new URL("./", window.location.href).href;
diff --git a/plugins/official/excalidraw/web-src/src/downloads.ts b/plugins/official/excalidraw/web-src/src/downloads.ts
new file mode 100644
index 00000000..ec1ff3bc
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/downloads.ts
@@ -0,0 +1,25 @@
+/**
+ * The frame may not download files (no `allow-downloads`): Excalidraw's
+ * "Save to disk" and image export click a download link, which this turns
+ * into the IDE's save dialog (`openidea.saveFile`).
+ */
+const click = HTMLAnchorElement.prototype.click;
+
+export function routeDownloadsToTheIde(bridge: OpenideaBridge) {
+  HTMLAnchorElement.prototype.click = function (this: HTMLAnchorElement) {
+    const href = this.href;
+    if (!this.hasAttribute("download") || !/^(blob|data):/.test(href)) return click.call(this);
+    const name = this.download || "untitled";
+    void fetch(href)
+      .then((r) => r.blob())
+      .then((data) => bridge.saveFile({ name, data, filters: filtersFor(name) }))
+      .catch((e: unknown) => console.error("could not save", name, e));
+  };
+}
+
+function filtersFor(name: string): OpenideaFileFilter[] | undefined {
+  const ext = /\.([\w]+)$/.exec(name)?.[1]?.toLowerCase();
+  if (!ext) return undefined;
+  const label: Record<string, string> = { png: "PNG image", svg: "SVG image", excalidraw: "Excalidraw drawing" };
+  return [{ name: label[ext] ?? ext.toUpperCase(), extensions: [ext] }];
+}
diff --git a/plugins/official/excalidraw/web-src/src/main.tsx b/plugins/official/excalidraw/web-src/src/main.tsx
new file mode 100644
index 00000000..a2cb221c
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/main.tsx
@@ -0,0 +1,123 @@
+/**
+ * The Excalidraw plugin's page: the canvas of the `.excalidraw` file its
+ * custom editor shows, kept in step with the file's text (see sync.ts), in
+ * the IDE's light or dark theme.
+ */
+import "./assets";
+import { Excalidraw, MainMenu, THEME } from "@excalidraw/excalidraw";
+import "@excalidraw/excalidraw/index.css";
+import type { ExcalidrawImperativeAPI, UIOptions } from "@excalidraw/excalidraw/types";
+import { StrictMode, useEffect, useMemo, useRef, useState } from "react";
+import { createRoot } from "react-dom/client";
+import { routeDownloadsToTheIde } from "./downloads";
+import { applyScene, codec, exportName, loadSceneFonts, type Scene } from "./scene";
+import { DocumentSync } from "./sync";
+
+// The canvas is the file's: the IDE opens, saves and themes it, so the page
+// keeps only what works on the drawing itself (no Open / Save to, no links
+// out of a page without network).
+const UI_OPTIONS: UIOptions = {
+  canvasActions: {
+    changeViewBackgroundColor: true,
+    clearCanvas: true,
+    export: false,
+    loadScene: false,
+    saveAsImage: true,
+    saveToActiveFile: false,
+    toggleTheme: false,
+  },
+};
+
+function Menu() {
+  return (
+    <MainMenu>
+      <MainMenu.DefaultItems.SaveAsImage />
+      <MainMenu.DefaultItems.SearchMenu />
+      <MainMenu.DefaultItems.Help />
+      <MainMenu.DefaultItems.ClearCanvas />
+      <MainMenu.Separator />
+      <MainMenu.DefaultItems.ChangeCanvasBackground />
+    </MainMenu>
+  );
+}
+
+function useIdeTheme(bridge: OpenideaBridge): "dark" | "light" {
+  const [dark, setDark] = useState(bridge.theme?.dark ?? window.matchMedia?.("(prefers-color-scheme: dark)").matches);
+  useEffect(() => bridge.onThemeChange((t) => setDark(t.dark)), [bridge]);
+  return dark ? THEME.DARK : THEME.LIGHT;
+}
+
+type Start = { scene: Scene | null; error: string | null; readOnly: boolean; name: string };
+
+function App({ bridge }: { bridge: OpenideaBridge }) {
+  const theme = useIdeTheme(bridge);
+  const [api, setApi] = useState<ExcalidrawImperativeAPI | null>(null);
+  const [start, setStart] = useState<Start | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  // The document's `source`: the canvas doesn't keep it, the file should.
+  const source = useRef<string | undefined>(undefined);
+  // `apply` reads the API when the document changes, which is after the canvas exists.
+  const sync = useMemo(() => {
+    let current: ExcalidrawImperativeAPI | null = null;
+    const s = new DocumentSync(bridge.document, codec, {
+      apply: (scene) => {
+        source.current = scene.source;
+        if (current) applyScene(current, scene);
+      },
+      error: setError,
+    });
+    return Object.assign(s, { bind: (a: ExcalidrawImperativeAPI | null) => void (current = a) });
+  }, [bridge]);
+
+  useEffect(() => {
+    sync.start().then(
+      (s) => {
+        source.current = s.scene?.source;
+        setStart(s);
+        setError(s.error);
+      },
+      (e: unknown) =>
+        setStart({ scene: null, error: String(e instanceof Error ? e.message : e), readOnly: true, name: "" }),
+    );
+  }, [sync]);
+
+  useEffect(() => {
+    sync.bind(api);
+    if (api) void loadSceneFonts(api);
+  }, [api, sync]);
+
+  if (!start) return null;
+  if (!start.scene && error)
+    return (
+      <div className="openidea-error">
+        <p>This file can't be shown as a drawing until its text is valid again:</p>
+        <pre>{error}</pre>
+      </div>
+    );
+  return (
+    <Excalidraw
+      excalidrawAPI={setApi}
+      initialData={start.scene ? { ...start.scene, scrollToContent: true } : null}
+      theme={theme}
+      viewModeEnabled={start.readOnly}
+      name={exportName(start.name)}
+      UIOptions={UI_OPTIONS}
+      onChange={(elements, appState, files) => sync.changed({ elements, appState, files, source: source.current })}
+    >
+      <Menu />
+    </Excalidraw>
+  );
+}
+
+const bridge = window.openidea;
+const root = createRoot(document.getElementById("root")!);
+if (bridge) {
+  routeDownloadsToTheIde(bridge);
+  root.render(
+    <StrictMode>
+      <App bridge={bridge} />
+    </StrictMode>,
+  );
+} else {
+  root.render(<p className="openidea-error">This page runs inside OpenIDEA.</p>);
+}
diff --git a/plugins/official/excalidraw/web-src/src/openidea.d.ts b/plugins/official/excalidraw/web-src/src/openidea.d.ts
new file mode 100644
index 00000000..f7d50e91
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/openidea.d.ts
@@ -0,0 +1,41 @@
+/** The IDE's frame bridge (`window.openidea`), injected before the page's scripts. */
+interface OpenideaDocumentState {
+  version: number;
+  text: string;
+}
+
+interface OpenideaTextEdit {
+  from: number;
+  to: number;
+  insert: string;
+}
+
+interface OpenideaFileFilter {
+  name: string;
+  extensions: string[];
+}
+
+interface OpenideaBridge {
+  postMessage(text: string): void;
+  onMessage(fn: (text: string) => void): void;
+  readonly theme: { dark: boolean; vars: Readonly<Record<string, string>> } | null;
+  onThemeChange(fn: (theme: { dark: boolean; vars: Readonly<Record<string, string>> }) => void): void;
+  document: {
+    /** `name`: the file's name, without its directory. */
+    get(): Promise<OpenideaDocumentState & { readOnly: boolean; name: string }>;
+    onChange(fn: (state: OpenideaDocumentState) => void): void;
+    edit(version: number, edits: OpenideaTextEdit[]): Promise<{ version: number }>;
+    replace(version: number, text: string): Promise<{ version: number }>;
+  };
+  saveFile(options: {
+    name: string;
+    data: string | Uint8Array | ArrayBuffer | Blob;
+    filters?: OpenideaFileFilter[];
+  }): Promise<string | null>;
+  openFile(options?: { filters?: OpenideaFileFilter[] }): Promise<{ name: string; data: Uint8Array } | null>;
+}
+
+interface Window {
+  openidea?: OpenideaBridge;
+  EXCALIDRAW_ASSET_PATH?: string | string[];
+}
diff --git a/plugins/official/excalidraw/web-src/src/scene.test.ts b/plugins/official/excalidraw/web-src/src/scene.test.ts
new file mode 100644
index 00000000..9712d8ab
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/scene.test.ts
@@ -0,0 +1,40 @@
+import { describe, expect, it } from "vitest";
+import { SOURCE, exportName, parseScene, serializeScene } from "./scene";
+
+const scene = (text: string) => {
+  const parsed = parseScene(text);
+  if ("error" in parsed) throw new Error(parsed.error);
+  return parsed.scene;
+};
+
+describe("scene files", () => {
+  it("keeps the file's source and writes ours, never the page's address, when it had none", () => {
+    const own = JSON.parse(
+      serializeScene(scene('{"type":"excalidraw","source":"https://excalidraw.com","elements":[]}')),
+    );
+    expect(own.source).toBe("https://excalidraw.com");
+    const none = JSON.parse(serializeScene(scene('{"type":"excalidraw","elements":[]}')));
+    expect(none.source).toBe(SOURCE);
+    for (const page of ["openidea-plugin://localhost", "http://openidea-plugin.localhost"]) {
+      const fixed = JSON.parse(serializeScene(scene(`{"type":"excalidraw","source":"${page}","elements":[]}`)));
+      expect(fixed.source).toBe(SOURCE);
+    }
+  });
+
+  it("reads element skeletons and refuses what isn't a drawing", () => {
+    // (Labels become text elements in the browser; jsdom can't measure text.)
+    const s = scene('[{"type":"rectangle","x":0,"y":0,"width":10,"height":10}]');
+    expect(s.elements[0]).toMatchObject({ type: "rectangle", width: 10 });
+    expect(typeof s.elements[0]!.seed).toBe("number");
+    expect(parseScene("{not json")).toHaveProperty("error");
+    expect(parseScene('{"type":"other"}')).toHaveProperty("error");
+    expect(parseScene("")).toHaveProperty("scene");
+  });
+
+  it("names exports after the file", () => {
+    expect(exportName("diagram.excalidraw")).toBe("diagram");
+    expect(exportName("Flow.Excalidraw.json")).toBe("Flow");
+    expect(exportName("notes.v2.excalidraw")).toBe("notes.v2");
+    expect(exportName("")).toBe("drawing");
+  });
+});
diff --git a/plugins/official/excalidraw/web-src/src/scene.ts b/plugins/official/excalidraw/web-src/src/scene.ts
new file mode 100644
index 00000000..f31ec443
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/scene.ts
@@ -0,0 +1,170 @@
+/**
+ * The one module that talks to `@excalidraw/excalidraw`'s data API: reading a
+ * `.excalidraw` file into a scene (through Excalidraw's own `restore`, so old
+ * files and element skeletons work), writing it back in the format
+ * Excalidraw saves, and showing a scene that changed in the text.
+ */
+import {
+  CaptureUpdateAction,
+  convertToExcalidrawElements,
+  getNonDeletedElements,
+  getSceneVersion,
+  restore,
+  serializeAsJSON,
+} from "@excalidraw/excalidraw";
+import type { OrderedExcalidrawElement } from "@excalidraw/excalidraw/element/types";
+import type { AppState, BinaryFiles, ExcalidrawImperativeAPI } from "@excalidraw/excalidraw/types";
+import type { SceneCodec } from "./sync";
+
+export interface Scene {
+  elements: readonly OrderedExcalidrawElement[];
+  appState: Partial<AppState>;
+  files: BinaryFiles;
+  /** The file's `source`, kept as it was. */
+  source?: string;
+}
+
+/** `source` of files that had none (Excalidraw would write the page's address). */
+export const SOURCE = "https://openidea.dev";
+
+type Skeleton = NonNullable<Parameters<typeof convertToExcalidrawElements>[0]>[number];
+
+const isRecord = (v: unknown): v is Record<string, unknown> => typeof v === "object" && v !== null && !Array.isArray(v);
+
+/**
+ * Hand-written or generated files often hold element skeletons
+ * (`{ type: "rectangle", x, y, label: { text } }`) rather than full elements:
+ * expand those, keep full elements (their ids and versions) as they are.
+ */
+function expandSkeletons(raw: readonly unknown[]): unknown[] {
+  const out: unknown[] = [];
+  for (const entry of raw) {
+    if (!isRecord(entry) || typeof entry.type !== "string") continue;
+    const skeleton = "label" in entry || typeof entry.seed !== "number";
+    if (!skeleton) {
+      out.push(entry);
+      continue;
+    }
+    try {
+      out.push(...convertToExcalidrawElements([entry as unknown as Skeleton], { regenerateIds: false }));
+    } catch {
+      out.push(entry);
+    }
+  }
+  return out;
+}
+
+export function parseScene(text: string): { scene: Scene } | { error: string } {
+  let data: unknown = {};
+  if (text.trim()) {
+    try {
+      data = JSON.parse(text);
+    } catch (e) {
+      return { error: e instanceof Error ? e.message : String(e) };
+    }
+  }
+  if (Array.isArray(data)) data = { elements: data };
+  if (!isRecord(data)) return { error: "An Excalidraw file is a JSON object (or an array of elements)." };
+  if (typeof data.type === "string" && !data.type.startsWith("excalidraw"))
+    return { error: `Not an Excalidraw file: its "type" is "${data.type}".` };
+  if (data.elements !== undefined && !Array.isArray(data.elements)) return { error: '"elements" must be an array.' };
+  const restored = restore(
+    {
+      elements: expandSkeletons((data.elements as unknown[]) ?? []) as never,
+      appState: (isRecord(data.appState) ? data.appState : {}) as Partial<AppState>,
+      files: (isRecord(data.files) ? data.files : {}) as BinaryFiles,
+    },
+    null,
+    null,
+    { refreshDimensions: false, repairBindings: true },
+  );
+  // The page's own address (what Excalidraw writes here) is no source worth keeping.
+  const own = /^(openidea-plugin:|https?:\/\/openidea-plugin\.localhost)/;
+  const source =
+    typeof data.source === "string" && data.source.trim() && !own.test(data.source) ? data.source : undefined;
+  return { scene: { elements: restored.elements, appState: restored.appState, files: restored.files ?? {}, source } };
+}
+
+/**
+ * As Excalidraw saves to disk (`serializeAsJSON(…, "local")`), with a final
+ * newline, keeping the file's `source`: Excalidraw writes the page's origin,
+ * which here is the IDE's internal plugin URL.
+ */
+export function serializeScene(scene: Scene): string {
+  const json = serializeAsJSON(scene.elements, scene.appState, scene.files, "local");
+  const source = JSON.stringify(scene.source ?? SOURCE);
+  // `source` is the third key, before any element: the first match is the file's own.
+  return `${json.replace(/"source": "(?:[^"\\]|\\.)*"/, `"source": ${source}`)}\n`;
+}
+
+/** What is saved changes iff this does: pointer moves, zoom and selection don't. */
+export function sceneSignature(scene: Scene): string {
+  const elements = getNonDeletedElements(scene.elements);
+  const a = scene.appState;
+  const files = Object.keys(scene.files).sort().join(",");
+  return [
+    getSceneVersion(elements),
+    elements.length,
+    a.viewBackgroundColor,
+    a.gridSize,
+    a.gridStep,
+    a.gridModeEnabled,
+    files,
+  ].join(":");
+}
+
+export const codec: SceneCodec<Scene> = { parse: parseScene, serialize: serializeScene, signature: sceneSignature };
+
+/** Shows a scene the text changed to, keeping the view (scroll, zoom) and the canvas's undo history. */
+export function applyScene(api: ExcalidrawImperativeAPI, scene: Scene) {
+  const files = Object.values(scene.files);
+  if (files.length) api.addFiles(files);
+  const { viewBackgroundColor, gridSize, gridStep, gridModeEnabled } = scene.appState;
+  const appState: Pick<AppState, "viewBackgroundColor" | "gridSize" | "gridStep" | "gridModeEnabled"> = {
+    viewBackgroundColor: viewBackgroundColor ?? "#ffffff",
+    gridSize: gridSize ?? 20,
+    gridStep: gridStep ?? 5,
+    gridModeEnabled: gridModeEnabled ?? false,
+  };
+  api.updateScene({ elements: scene.elements, appState, captureUpdate: CaptureUpdateAction.NEVER });
+  void loadSceneFonts(api);
+}
+
+/**
+ * Excalidraw loads the fonts of the scene it starts with, not of scenes set
+ * later, and WebKit's canvas doesn't load a font by drawing with it: load
+ * them, then redraw text (new element objects drop Excalidraw's cached text
+ * canvases) without recording a change.
+ */
+export async function loadSceneFonts(api: ExcalidrawImperativeAPI) {
+  const fonts = new Set<string>();
+  for (const el of api.getSceneElements()) {
+    if (el.type === "text") fonts.add(`${el.fontSize}px ${fontStack(el.fontFamily)}`);
+  }
+  if (!fonts.size || !document.fonts?.load) return;
+  await Promise.allSettled([...fonts].map((f) => document.fonts.load(f)));
+  api.updateScene({
+    elements: api.getSceneElementsIncludingDeleted().map((el) => ({ ...el })),
+    captureUpdate: CaptureUpdateAction.NEVER,
+  });
+}
+
+/** Excalidraw's font family ids (`FONT_FAMILY`) → their CSS stack. */
+function fontStack(id: number): string {
+  const names: Record<number, string> = {
+    1: "Virgil",
+    2: "Helvetica",
+    3: "Cascadia",
+    5: "Excalifont, Xiaolai",
+    6: "Nunito",
+    7: "Lilita One",
+    8: "Comic Shanns",
+    9: "Liberation Sans",
+  };
+  return `${names[id] ?? "Excalifont, Xiaolai"}, Segoe UI Emoji`;
+}
+
+/** What exports are called: the file's name without its extension. */
+export function exportName(file: string): string {
+  return file.replace(/\.excalidraw(\.json)?$/i, "") || "drawing";
+}
diff --git a/plugins/official/excalidraw/web-src/src/sync.test.ts b/plugins/official/excalidraw/web-src/src/sync.test.ts
new file mode 100644
index 00000000..3a7500b2
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/sync.test.ts
@@ -0,0 +1,107 @@
+import { describe, expect, it, vi } from "vitest";
+import { DocumentSync, type SceneCodec, type SyncPort } from "./sync";
+
+/** Scenes are plain strings here: the text is the scene. */
+const codec: SceneCodec<string> = {
+  parse: (text) => (text.startsWith("!") ? { error: "bad" } : { scene: text }),
+  serialize: (scene) => scene,
+  signature: (scene) => scene,
+};
+
+function port(initial: string) {
+  let version = 0;
+  let text = initial;
+  let listener: (s: { version: number; text: string }) => void = () => {};
+  const p = {
+    get: vi.fn(async () => ({ version, text, readOnly: false, name: "a.excalidraw" })),
+    replace: vi.fn(async (at: number, next: string) => {
+      if (at !== version) throw new Error("stale");
+      text = next;
+      return { version: ++version };
+    }),
+    onChange: (fn: typeof listener) => void (listener = fn),
+    /** An edit made in the text editor. */
+    external(next: string) {
+      text = next;
+      listener({ version: ++version, text });
+    },
+    text: () => text,
+  } satisfies SyncPort & Record<string, unknown>;
+  return p;
+}
+
+const hooks = () => ({ apply: vi.fn(), error: vi.fn() });
+
+describe("DocumentSync", () => {
+  it("starts from the document and writes canvas changes back, once per saved change", async () => {
+    const p = port("a");
+    const h = hooks();
+    const sync = new DocumentSync(p, codec, h, 0);
+    expect(await sync.start()).toEqual({ scene: "a", error: null, readOnly: false, name: "a.excalidraw" });
+    sync.changed("a");
+    await sync.flush();
+    expect(p.replace).not.toHaveBeenCalled();
+    sync.changed("ab");
+    sync.changed("abc");
+    await sync.flush();
+    expect(p.replace).toHaveBeenCalledTimes(1);
+    expect(p.text()).toBe("abc");
+  });
+
+  it("shows edits made elsewhere and doesn't write them back", async () => {
+    const p = port("a");
+    const h = hooks();
+    const sync = new DocumentSync(p, codec, h, 0);
+    await sync.start();
+    p.external("from the text editor");
+    expect(h.apply).toHaveBeenCalledWith("from the text editor");
+    sync.changed("from the text editor");
+    await sync.flush();
+    expect(p.replace).not.toHaveBeenCalled();
+    // The next canvas edit is based on the new version.
+    sync.changed("canvas");
+    await sync.flush();
+    expect(p.text()).toBe("canvas");
+  });
+
+  it("lets the document win a race: a stale write is dropped and the canvas takes the text", async () => {
+    const p = port("a");
+    const h = hooks();
+    const sync = new DocumentSync(p, codec, h, 0);
+    await sync.start();
+    sync.changed("canvas");
+    // The document moved on without the sync hearing of it yet.
+    p.replace.mockImplementationOnce(async () => {
+      throw new Error("stale");
+    });
+    await sync.flush();
+    expect(p.get).toHaveBeenCalledTimes(2);
+    expect(p.text()).toBe("a");
+  });
+
+  it("never overwrites text that doesn't parse, and resumes when it does", async () => {
+    const p = port("a");
+    const h = hooks();
+    const sync = new DocumentSync(p, codec, h, 0);
+    await sync.start();
+    p.external("!broken");
+    expect(h.error).toHaveBeenLastCalledWith("bad");
+    sync.changed("canvas");
+    await sync.flush();
+    expect(p.text()).toBe("!broken");
+    p.external("fixed");
+    expect(h.error).toHaveBeenLastCalledWith(null);
+    sync.changed("canvas");
+    await sync.flush();
+    expect(p.text()).toBe("canvas");
+  });
+
+  it("starts read-only and invalid documents without writing", async () => {
+    const p = port("!broken");
+    const sync = new DocumentSync(p, codec, hooks(), 0);
+    expect(await sync.start()).toEqual({ scene: null, error: "bad", readOnly: false, name: "a.excalidraw" });
+    sync.changed("x");
+    await sync.flush();
+    expect(p.replace).not.toHaveBeenCalled();
+  });
+});
diff --git a/plugins/official/excalidraw/web-src/src/sync.ts b/plugins/official/excalidraw/web-src/src/sync.ts
new file mode 100644
index 00000000..8af22cc8
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/sync.ts
@@ -0,0 +1,128 @@
+/**
+ * Keeps the canvas and the file's text in step through the IDE's document
+ * bridge. The text is the truth: the canvas starts from it, its edits are
+ * written back (debounced, versioned) and edits made elsewhere (the text
+ * editor, Undo, another window) replace what the canvas shows.
+ *
+ * - Canvas changes that don't change what is saved (pointer moves, zoom,
+ *   selection) write nothing: they're compared by `signature`.
+ * - A write that lost a race (`stale`) is dropped and the canvas takes the
+ *   document's text.
+ * - Text that doesn't parse is never overwritten: the canvas stops writing
+ *   until the text is valid again.
+ */
+export interface SyncPort {
+  get(): Promise<{ version: number; text: string; readOnly: boolean; name?: string }>;
+  replace(version: number, text: string): Promise<{ version: number }>;
+  onChange(fn: (state: { version: number; text: string }) => void): void;
+}
+
+export interface SceneCodec<S> {
+  parse(text: string): { scene: S } | { error: string };
+  serialize(scene: S): string;
+  /** Equal for scenes that save the same. */
+  signature(scene: S): string;
+}
+
+export interface SyncHooks<S> {
+  /** Show a scene the document changed to. */
+  apply(scene: S): void;
+  /** The document's text doesn't parse (`null`: it does again). */
+  error(message: string | null): void;
+}
+
+export class DocumentSync<S> {
+  private version = 0;
+  private text = "";
+  private readOnly = false;
+  private valid = true;
+  private signature: string | null = null;
+  private pending: S | null = null;
+  private timer: ReturnType<typeof setTimeout> | null = null;
+  private writing: Promise<void> | null = null;
+
+  constructor(
+    private readonly port: SyncPort,
+    private readonly codec: SceneCodec<S>,
+    private readonly hooks: SyncHooks<S>,
+    private readonly delayMs = 250,
+  ) {}
+
+  /** The document's scene to start from. */
+  async start(): Promise<{ scene: S | null; error: string | null; readOnly: boolean; name: string }> {
+    const doc = await this.port.get();
+    this.version = doc.version;
+    this.text = doc.text;
+    this.readOnly = doc.readOnly;
+    this.port.onChange((state) => this.external(state));
+    const parsed = this.codec.parse(doc.text);
+    if ("error" in parsed) {
+      this.valid = false;
+      return { scene: null, error: parsed.error, readOnly: doc.readOnly, name: doc.name ?? "" };
+    }
+    this.signature = this.codec.signature(parsed.scene);
+    return { scene: parsed.scene, error: null, readOnly: doc.readOnly, name: doc.name ?? "" };
+  }
+
+  /** The canvas changed. */
+  changed(scene: S) {
+    if (this.readOnly || !this.valid) return;
+    const signature = this.codec.signature(scene);
+    if (signature === this.signature) return;
+    this.signature = signature;
+    this.pending = scene;
+    if (this.timer) clearTimeout(this.timer);
+    this.timer = setTimeout(() => {
+      this.timer = null;
+      void this.flush();
+    }, this.delayMs);
+  }
+
+  /** Writes what is pending now (also waits for a write in flight). */
+  async flush(): Promise<void> {
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
+    }
+    while (this.writing) await this.writing;
+    const scene = this.pending;
+    this.pending = null;
+    if (scene === null) return;
+    const text = this.codec.serialize(scene);
+    if (text === this.text) return;
+    this.writing = (async () => {
+      try {
+        const { version } = await this.port.replace(this.version, text);
+        this.version = version;
+        this.text = text;
+      } catch (e) {
+        if (!(e instanceof Error && e.message === "stale")) throw e;
+        // Someone else changed it first: theirs wins.
+        this.external(await this.port.get());
+      }
+    })().finally(() => {
+      this.writing = null;
+    });
+    await this.writing;
+  }
+
+  private external(state: { version: number; text: string }) {
+    this.version = state.version;
+    if (state.text === this.text) return;
+    this.text = state.text;
+    // The document moved on: what the canvas had pending is based on the old text.
+    if (this.timer) clearTimeout(this.timer);
+    this.timer = null;
+    this.pending = null;
+    const parsed = this.codec.parse(state.text);
+    if ("error" in parsed) {
+      this.valid = false;
+      this.hooks.error(parsed.error);
+      return;
+    }
+    this.valid = true;
+    this.signature = this.codec.signature(parsed.scene);
+    this.hooks.error(null);
+    this.hooks.apply(parsed.scene);
+  }
+}
diff --git a/plugins/official/excalidraw/web-src/src/test-setup.ts b/plugins/official/excalidraw/web-src/src/test-setup.ts
new file mode 100644
index 00000000..1ecf7bcd
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/src/test-setup.ts
@@ -0,0 +1,10 @@
+/**
+ * jsdom has no canvas: Excalidraw probes a 2D context when it loads (and
+ * measures text with it). A context whose methods do nothing is enough for
+ * its data API.
+ */
+const context = new Proxy(
+  { filter: "none", measureText: (text: string) => ({ width: text.length * 8 }) } as Record<string | symbol, unknown>,
+  { get: (target, key) => (key in target ? target[key] : () => undefined) },
+);
+HTMLCanvasElement.prototype.getContext = (() => context) as unknown as HTMLCanvasElement["getContext"];
diff --git a/plugins/official/excalidraw/web-src/tsconfig.json b/plugins/official/excalidraw/web-src/tsconfig.json
new file mode 100644
index 00000000..261c145f
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "types": ["vite/client"]
+  },
+  "include": ["src", "vite.config.ts"]
+}
diff --git a/plugins/official/excalidraw/web-src/vite.config.ts b/plugins/official/excalidraw/web-src/vite.config.ts
new file mode 100644
index 00000000..c4249d40
--- /dev/null
+++ b/plugins/official/excalidraw/web-src/vite.config.ts
@@ -0,0 +1,48 @@
+/**
+ * Builds the page into ../web (checked in, like the official plugins'
+ * dist/plugin.wasm). Relative URLs throughout: the IDE serves the page from
+ * the plugin package under its own URL scheme. Excalidraw's fonts are copied
+ * next to it; the page points Excalidraw at them (src/assets.ts).
+ */
+import { cpSync, existsSync, rmSync } from "node:fs";
+import { createRequire } from "node:module";
+import path from "node:path";
+import react from "@vitejs/plugin-react";
+import type { Plugin } from "vite";
+import { defineConfig } from "vitest/config";
+
+const require = createRequire(import.meta.url);
+const outDir = path.resolve(import.meta.dirname, "../web");
+
+function excalidrawFonts(): Plugin {
+  return {
+    name: "openidea:excalidraw-fonts",
+    apply: "build",
+    closeBundle() {
+      const fonts = path.resolve(path.dirname(require.resolve("@excalidraw/excalidraw")), "fonts");
+      if (!existsSync(fonts)) throw new Error(`no Excalidraw fonts at ${fonts}`);
+      rmSync(path.join(outDir, "fonts"), { recursive: true, force: true });
+      cpSync(fonts, path.join(outDir, "fonts"), { recursive: true });
+    },
+  };
+}
+
+export default defineConfig({
+  base: "./",
+  plugins: [react(), excalidrawFonts()],
+  define: { "process.env.IS_PREACT": JSON.stringify("false") },
+  build: {
+    outDir,
+    emptyOutDir: true,
+    target: "es2022",
+    sourcemap: false,
+    assetsInlineLimit: 0,
+    chunkSizeWarningLimit: 4096,
+  },
+  test: {
+    // Excalidraw needs a DOM even for its data API; its packages ship JSON and CSS imports Node can't load.
+    environment: "jsdom",
+    setupFiles: ["./src/test-setup.ts"],
+    server: { deps: { inline: [/@excalidraw/, /open-color/] } },
+  },
+});
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index c99577e2..90ad25d6 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -27,6 +27,8 @@ specta-typescript.workspace = true
 specta.workspace = true
 serde.workspace = true
 serde_json.workspace = true
+base64.workspace = true
+percent-encoding = "2"
 tokio.workspace = true
 parking_lot.workspace = true
 blake3.workspace = true
diff --git a/src-tauri/src/commands/mod.rs b/src-tauri/src/commands/mod.rs
index beaf6908..2a7ec4c3 100644
--- a/src-tauri/src/commands/mod.rs
+++ b/src-tauri/src/commands/mod.rs
@@ -437,6 +437,9 @@ pub fn builder() -> tauri_specta::Builder<tauri::Wry> {
         plugin::plugin_cancel_task,
         plugin::plugin_view_render,
         plugin::plugin_view_event,
+        plugin::plugin_web_page,
+        plugin::plugin_web_save_file,
+        plugin::plugin_web_read_file,
         plugin::plugin_line_markers,
         plugin::plugin_market,
         plugin::plugin_market_url,
diff --git a/src-tauri/src/commands/plugin.rs b/src-tauri/src/commands/plugin.rs
index 15685257..1ad89dd1 100644
--- a/src-tauri/src/commands/plugin.rs
+++ b/src-tauri/src/commands/plugin.rs
@@ -413,6 +413,59 @@ pub async fn plugin_view_event(
     ide_host::plugins::views::event(&state.host, plugins, window.label(), plugin_id, view, event, doc).await
 }
 
+/// The page of a plugin's web view or custom editor (`web = …`).
+#[tauri::command]
+#[specta::specta]
+pub fn plugin_web_page(
+    state: State<'_, AppState>,
+    plugin_id: String,
+    view: String,
+) -> IdeResult<ide_host::plugins::web::WebPage> {
+    state.plugins.web_page(&plugin_id, &view)
+}
+
+/// Largest file a web view saves or opens (`openidea.saveFile` / `openFile`).
+const MAX_WEB_VIEW_FILE: u64 = 64 << 20;
+
+/// Writes what a web view saves (`openidea.saveFile`) to the path the user
+/// chose in the save dialog, on this machine.
+#[tauri::command]
+#[specta::specta]
+pub async fn plugin_web_save_file(path: PathBuf, base64: String) -> IdeResult<()> {
+    use base64::Engine;
+    if base64.len() as u64 > MAX_WEB_VIEW_FILE / 3 * 4 + 4 {
+        return Err(IdeError::invalid(format!("larger than {} MiB", MAX_WEB_VIEW_FILE >> 20)));
+    }
+    let bytes = base64::engine::general_purpose::STANDARD
+        .decode(base64)
+        .map_err(|e| IdeError::invalid(format!("not base64: {e}")))?;
+    tokio::fs::write(&path, bytes)
+        .await
+        .map_err(|e| IdeError::new(ide_core::error::ErrorKind::Io, format!("{}: {e}", path.display())))
+}
+
+/// Reads the file the user picked in an open dialog for a web view
+/// (`openidea.openFile`), on this machine; base64.
+#[tauri::command]
+#[specta::specta]
+pub async fn plugin_web_read_file(path: PathBuf) -> IdeResult<String> {
+    use base64::Engine;
+    let meta = tokio::fs::metadata(&path)
+        .await
+        .map_err(|e| IdeError::new(ide_core::error::ErrorKind::Io, format!("{}: {e}", path.display())))?;
+    if !meta.is_file() || meta.len() > MAX_WEB_VIEW_FILE {
+        return Err(IdeError::invalid(format!(
+            "{}: not a file of at most {} MiB",
+            path.display(),
+            MAX_WEB_VIEW_FILE >> 20
+        )));
+    }
+    let bytes = tokio::fs::read(&path)
+        .await
+        .map_err(|e| IdeError::new(ide_core::error::ErrorKind::Io, format!("{}: {e}", path.display())))?;
+    Ok(base64::engine::general_purpose::STANDARD.encode(bytes))
+}
+
 /// The marketplace's plugins: read again when `refresh`, else the last index read.
 #[tauri::command]
 #[specta::specta]
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 478b25f4..8ac6fb99 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -14,6 +14,7 @@ mod logging;
 #[cfg(target_os = "macos")]
 mod macos;
 mod menu;
+mod plugin_web;
 mod remote_dev;
 
 mod state;
@@ -91,6 +92,8 @@ pub fn run() {
     let app = app
         // Inert until an endpoint is configured (see `commands::window::app_check_update`).
         .plugin(tauri_plugin_updater::Builder::new().build());
+    // Files of plugins' web views, for their sandboxed frames.
+    let app = app.register_asynchronous_uri_scheme_protocol(plugin_web::SCHEME, plugin_web::handle);
     // E2E automation bridge (Tauri MCP), debug builds only, localhost only.
     #[cfg(debug_assertions)]
     let app = app.plugin(tauri_plugin_mcp_bridge::Builder::new().bind_address("127.0.0.1").build());
diff --git a/src-tauri/src/plugin_web.rs b/src-tauri/src/plugin_web.rs
new file mode 100644
index 00000000..c7698d65
--- /dev/null
+++ b/src-tauri/src/plugin_web.rs
@@ -0,0 +1,107 @@
+//! The `openidea-plugin` URL scheme: files of plugins' web views
+//! (`<plugin id>/<revision>/<path>`, see `ide_host::plugins::web`).
+//!
+//! Pages run in a sandboxed frame (an opaque origin), so every response allows
+//! any origin to read it (module scripts and fonts are fetched in CORS mode),
+//! and is immutable: the revision in the URL changes with the installed
+//! package. HTML gets a CSP of its own, in case a page navigates its frame to
+//! one: still sandboxed, still no network.
+
+use crate::state::AppState;
+use tauri::http::{Request, Response, StatusCode, header};
+use tauri::{Manager, Runtime, UriSchemeContext, UriSchemeResponder};
+
+pub const SCHEME: &str = "openidea-plugin";
+
+/// What a page loaded from the scheme may do: its own files, nothing else.
+const HTML_CSP: &str = "sandbox allow-scripts; default-src 'none'; \
+    script-src openidea-plugin: http://openidea-plugin.localhost 'unsafe-inline' 'wasm-unsafe-eval'; \
+    style-src openidea-plugin: http://openidea-plugin.localhost 'unsafe-inline'; \
+    img-src openidea-plugin: http://openidea-plugin.localhost data: blob:; \
+    font-src openidea-plugin: http://openidea-plugin.localhost data:; \
+    media-src openidea-plugin: http://openidea-plugin.localhost data: blob:; \
+    connect-src openidea-plugin: http://openidea-plugin.localhost data: blob:";
+
+/// `window.openidea` (one function expression taking the initial theme), the same
+/// source the workbench inlines into rendered `html` bodies.
+const BRIDGE: &str = include_str!("../../src/features/plugins/views/frame-bridge.js");
+
+/// `html` with the bridge as its first script (the theme follows in a message).
+fn with_bridge(html: &[u8]) -> Vec<u8> {
+    let bridge = format!("<script>({})(null);</script>", BRIDGE.trim().trim_end_matches(';'));
+    let text = String::from_utf8_lossy(html);
+    let lower = text.to_ascii_lowercase();
+    // After `<head …>` when there is one, else first.
+    let at = lower
+        .find("<head")
+        .and_then(|i| lower[i..].find('>').map(|j| i + j + 1))
+        .unwrap_or_else(|| lower.find("<html").and_then(|i| lower[i..].find('>').map(|j| i + j + 1)).unwrap_or(0));
+    let mut out = String::with_capacity(text.len() + bridge.len());
+    out.push_str(&text[..at]);
+    out.push_str(&bridge);
+    out.push_str(&text[at..]);
+    out.into_bytes()
+}
+
+pub fn handle<R: Runtime>(ctx: UriSchemeContext<'_, R>, request: Request<Vec<u8>>, responder: UriSchemeResponder) {
+    let app = ctx.app_handle().clone();
+    let path = request.uri().path().to_owned();
+    tauri::async_runtime::spawn_blocking(move || {
+        let response = match app.try_state::<AppState>() {
+            Some(state) => serve(&state.plugins, &path),
+            None => status(StatusCode::SERVICE_UNAVAILABLE),
+        };
+        responder.respond(response);
+    });
+}
+
+fn serve(plugins: &ide_host::plugins::PluginHost, path: &str) -> Response<Vec<u8>> {
+    let decoded = percent_encoding::percent_decode_str(path.trim_start_matches('/')).decode_utf8_lossy();
+    let Some((plugin, rest)) = decoded.split_once('/') else { return status(StatusCode::NOT_FOUND) };
+    match plugins.web_file(plugin, rest) {
+        Ok(file) => {
+            let mut response = Response::builder()
+                .header(header::CONTENT_TYPE, file.mime)
+                .header(header::ACCESS_CONTROL_ALLOW_ORIGIN, "*")
+                .header(header::CACHE_CONTROL, "public, max-age=31536000, immutable")
+                .header("X-Content-Type-Options", "nosniff");
+            let mut body = file.bytes;
+            if file.mime.starts_with("text/html") {
+                response = response.header(header::CONTENT_SECURITY_POLICY, HTML_CSP);
+                body = with_bridge(&body);
+            }
+            response.body(body).unwrap_or_else(|_| status(StatusCode::INTERNAL_SERVER_ERROR))
+        }
+        Err(e) => {
+            tracing::debug!("{SCHEME}: {path}: {}", e.message);
+            status(match e.kind {
+                ide_core::error::ErrorKind::Unavailable => StatusCode::FORBIDDEN,
+                ide_core::error::ErrorKind::InvalidInput => StatusCode::BAD_REQUEST,
+                _ => StatusCode::NOT_FOUND,
+            })
+        }
+    }
+}
+
+fn status(code: StatusCode) -> Response<Vec<u8>> {
+    Response::builder()
+        .status(code)
+        .header(header::ACCESS_CONTROL_ALLOW_ORIGIN, "*")
+        .body(Vec::new())
+        .expect("a status response")
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn the_bridge_is_the_first_script() {
+        let out = String::from_utf8(with_bridge(b"<!doctype html><html><HEAD lang=x><script>app()</script>")).unwrap();
+        let bridge = out.find("window.openidea").unwrap();
+        assert!(out.find("<HEAD lang=x>").unwrap() < bridge && bridge < out.find("app()").unwrap(), "{out}");
+        assert!(out.contains("})(null);</script>"), "{out}");
+        let bare = String::from_utf8(with_bridge(b"<p>x</p>")).unwrap();
+        assert!(bare.starts_with("<script>(") && bare.ends_with("<p>x</p>"));
+    }
+}
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index ecf32499..e4f640aa 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -26,7 +26,7 @@
       }
     ],
     "security": {
-      "csp": "default-src 'self'; img-src 'self' asset: data: blob: https://avatars.githubusercontent.com; style-src 'self' 'unsafe-inline'; font-src 'self' data:; connect-src ipc: http://ipc.localhost; script-src 'self' 'wasm-unsafe-eval'; worker-src 'self' blob:; frame-src http://127.0.0.1:*"
+      "csp": "default-src 'self'; img-src 'self' asset: data: blob: https://avatars.githubusercontent.com; style-src 'self' 'unsafe-inline'; font-src 'self' data:; connect-src ipc: http://ipc.localhost; script-src 'self' 'wasm-unsafe-eval'; worker-src 'self' blob:; frame-src http://127.0.0.1:* openidea-plugin: http://openidea-plugin.localhost"
     }
   },
   "bundle": {
diff --git a/src/editor/api.ts b/src/editor/api.ts
index fe71e2c4..5efdae59 100644
--- a/src/editor/api.ts
+++ b/src/editor/api.ts
@@ -21,6 +21,7 @@ import {
   Annotation,
   Compartment,
   Facet,
+  type ChangeSpec,
   StateEffect,
   type EditorState,
   type Extension,
@@ -604,6 +605,13 @@ export interface DocumentAttachment {
    */
   undo(): boolean;
   redo(): boolean;
+  /**
+   * Applies a change made by this view's owner as one edit of the document's
+   * history (where `undo` works): the text editor tab's when one shows the
+   * file, so Undo there reverts it too; else this view's. The view receives
+   * it like any other change of the document, before this returns.
+   */
+  edit(changes: ChangeSpec, userEvent?: string): void;
   /** Detach; the document closes when nothing else shows it. */
   release(): void;
 }
diff --git a/src/editor/core/model/attachment.test.ts b/src/editor/core/model/attachment.test.ts
index b733293b..76c59316 100644
--- a/src/editor/core/model/attachment.test.ts
+++ b/src/editor/core/model/attachment.test.ts
@@ -139,4 +139,32 @@ describe("attached document views (editable diff side)", () => {
     att.release();
     tab.dispose();
   });
+
+  it("records an attachment's own edits in the document's history: the text tab's when one is open", async () => {
+    const { manager } = setup({ "/p/d.excalidraw": "{}" });
+    const att = await attachDocument(manager, "/p/d.excalidraw");
+    const view = new EditorView({ doc: att.text(), extensions: [att.extension, history()] });
+    const model = manager.get("/p/d.excalidraw")!;
+
+    // No tab: the view's own history.
+    att.edit({ from: 1, insert: "a" });
+    expect(view.state.doc.toString()).toBe("{a}");
+    expect(att.undo()).toBe(true);
+    expect(view.state.doc.toString()).toBe("{}");
+
+    // With a text tab: the edit is the tab's, so Undo there reverts it, and the view follows.
+    const tab = new EditorSlot(model, "t1", host);
+    att.edit({ from: 1, insert: "b" }, "input.plugin");
+    expect(tab.currentState().doc.toString()).toBe("{b}");
+    expect(view.state.doc.toString()).toBe("{b}");
+    // `undo` runs where the history is: the tab's (what ⌘Z in the text editor runs).
+    expect(att.undo()).toBe(true);
+    expect(tab.currentState().doc.toString()).toBe("{}");
+    expect(view.state.doc.toString()).toBe("{}");
+    // The view's own history never had it.
+    expect(undo(view)).toBe(false);
+    view.destroy();
+    att.release();
+    tab.dispose();
+  });
 });
diff --git a/src/editor/core/model/attachment.ts b/src/editor/core/model/attachment.ts
index 51c656d0..cbd61f57 100644
--- a/src/editor/core/model/attachment.ts
+++ b/src/editor/core/model/attachment.ts
@@ -102,6 +102,12 @@ export async function attachDocument(manager: DocumentManager, path: string): Pr
     dirty: () => model.getMeta().dirty,
     undo: () => historyCommand(undo),
     redo: () => historyCommand(redo),
+    edit: (changes, userEvent = "input") => {
+      // Into the document's history, like a typed edit: the text tab's when there is one.
+      const slot = model.primarySlot();
+      if (slot) slot.dispatchLocal({ changes, userEvent });
+      else target.view?.dispatch({ changes, userEvent });
+    },
     release: () => {
       if (released) return;
       released = true;
diff --git a/src/features/plugins/__tests__/webViews.test.tsx b/src/features/plugins/__tests__/webViews.test.tsx
new file mode 100644
index 00000000..acb477b3
--- /dev/null
+++ b/src/features/plugins/__tests__/webViews.test.tsx
@@ -0,0 +1,278 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { render, waitFor } from "@testing-library/react";
+import type { PluginInfo, ViewEvent } from "@/bindings";
+import { addFileIconProvider, fileIconName, registerExternalIcons } from "@/ui";
+import { addContributedFileTemplate, fileTemplates, isBuiltinFileTemplate } from "@/features/templates/files/store";
+import { createMemoryPluginsBackend, setPluginsBackend, webSchemeUrl } from "../backend";
+import { usePlugins } from "../store";
+import { FRAME_TAG, frameDocument } from "../views/frame";
+import {
+  WebView,
+  minimalChange,
+  validChanges,
+  type DocumentState,
+  type FrameDocument,
+  type TextChange,
+} from "../views/WebView";
+
+afterEach(() => {
+  setPluginsBackend(null);
+  usePlugins.setState({ plugins: [] });
+});
+
+/** An in-memory document with the custom editor session's versioning. */
+function memoryDocument(text: string) {
+  let version = 0;
+  const listeners = new Set<(s: DocumentState) => void>();
+  const apply = (changes: readonly TextChange[]) => {
+    for (const c of [...changes].reverse()) text = text.slice(0, c.from) + c.insert + text.slice(c.to);
+    version++;
+  };
+  const doc: FrameDocument & { external(changes: TextChange[]): void; text(): string } = {
+    read: () => ({ version, text, readOnly: false, name: "a.draw" }),
+    edit: (at, changes) => {
+      if (at !== version) throw new Error("stale");
+      apply(changes);
+      return version;
+    },
+    subscribe: (l) => {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    external: (changes) => {
+      apply(changes);
+      for (const l of listeners) l({ version, text });
+    },
+    text: () => text,
+  };
+  return doc;
+}
+
+describe("web view helpers", () => {
+  it("turns a replacement into the smallest change", () => {
+    expect(minimalChange("abcdef", "abXYef")).toEqual({ from: 2, to: 4, insert: "XY" });
+    expect(minimalChange("aaa", "aaaa")).toEqual({ from: 3, to: 3, insert: "a" });
+    expect(minimalChange("abc", "")).toEqual({ from: 0, to: 3, insert: "" });
+    expect(minimalChange("same", "same")).toBeNull();
+  });
+
+  it("accepts only sorted, in-range, non-overlapping edits", () => {
+    expect(
+      validChanges(
+        [
+          { from: 0, to: 1, insert: "x" },
+          { from: 2, to: 2, insert: "y" },
+        ],
+        3,
+      ),
+    ).toHaveLength(2);
+    expect(() =>
+      validChanges(
+        [
+          { from: 2, to: 2, insert: "" },
+          { from: 0, to: 1, insert: "" },
+        ],
+        3,
+      ),
+    ).toThrow();
+    expect(() => validChanges([{ from: 0, to: 4, insert: "" }], 3)).toThrow();
+    expect(() => validChanges([{ from: 0.5, to: 1, insert: "" }], 3)).toThrow();
+    expect(() => validChanges("nope", 3)).toThrow();
+  });
+
+  it("spells scheme URLs the way each webview expects", () => {
+    expect(webSchemeUrl("acme.draw/abc/web/index.html", false)).toBe(
+      "openidea-plugin://localhost/acme.draw/abc/web/index.html",
+    );
+    expect(webSchemeUrl("p/r/web/a b.html", true)).toBe("http://openidea-plugin.localhost/p/r/web/a%20b.html");
+  });
+});
+
+describe("frame bridge", () => {
+  it("asks the workbench for the document and edits it, and hears of changes made elsewhere", async () => {
+    const script = /<script>([\s\S]*)<\/script>/.exec(frameDocument("", { dark: true, vars: {} }))![1]!;
+    const sent: Array<{ call: number; op: string; args: unknown }> = [];
+    // In jsdom the frame is its own parent: catch what the bridge posts "up".
+    const post = vi.spyOn(window, "postMessage").mockImplementation((m: unknown) => {
+      const msg = m as { call?: number; op?: string; args?: unknown };
+      if (typeof msg.call === "number") sent.push(msg as (typeof sent)[number]);
+    });
+    const reply = (data: object) =>
+      window.dispatchEvent(new MessageEvent("message", { data: { tag: FRAME_TAG, ...data }, source: window }));
+    try {
+      new Function(script)();
+      const api = (window as unknown as { openidea: Record<string, never> }).openidea as unknown as {
+        document: {
+          get(): Promise<unknown>;
+          edit(v: number, e: TextChange[]): Promise<{ version: number }>;
+          replace(v: number, t: string): Promise<unknown>;
+          onChange(fn: (s: DocumentState) => void): void;
+        };
+        saveFile(o: { name: string; data: string }): Promise<string | null>;
+      };
+      const got = api.document.get();
+      expect(sent.at(-1)).toMatchObject({ op: "document.get" });
+      reply({ reply: sent.at(-1)!.call, value: { version: 3, text: "abc", readOnly: false } });
+      await expect(got).resolves.toEqual({ version: 3, text: "abc", readOnly: false });
+
+      const edited = api.document.edit(3, [{ from: 0, to: 1, insert: "X" }]);
+      expect(sent.at(-1)).toMatchObject({ op: "document.edit", args: { version: 3 } });
+      reply({ reply: sent.at(-1)!.call, error: "stale" });
+      await expect(edited).rejects.toThrow("stale");
+
+      const saved = api.saveFile({ name: "a.svg", data: "<svg/>" });
+      await waitFor(() => expect(sent.at(-1)).toMatchObject({ op: "saveFile", args: { name: "a.svg" } }));
+      expect(new TextDecoder().decode((sent.at(-1)!.args as { bytes: Uint8Array }).bytes)).toBe("<svg/>");
+      reply({ reply: sent.at(-1)!.call, value: "/tmp/a.svg" });
+      await expect(saved).resolves.toBe("/tmp/a.svg");
+
+      const changes: DocumentState[] = [];
+      api.document.onChange((s) => changes.push(s));
+      reply({ document: { version: 4, text: "xyz" } });
+      expect(changes).toEqual([{ version: 4, text: "xyz" }]);
+    } finally {
+      post.mockRestore();
+      delete (window as unknown as { openidea?: unknown }).openidea;
+    }
+  });
+});
+
+describe("WebView", () => {
+  function setup(hasCode: boolean) {
+    const events: ViewEvent[] = [];
+    setPluginsBackend({
+      ...createMemoryPluginsBackend([]),
+      webPageUrl: async () => "about:blank",
+      viewEvent: vi.fn(async (_p: string, _v: string, e: ViewEvent) => void events.push(e)),
+    });
+    usePlugins.setState({
+      plugins: [{ id: "acme.draw", hasCode, capabilities: [] } as unknown as PluginInfo],
+    });
+    const doc = memoryDocument("hello world");
+    const view = render(<WebView pluginId="acme.draw" view="draw" label="Draw" document={doc} doc={7} />);
+    return { events, doc, view };
+  }
+
+  async function frameOf(container: HTMLElement) {
+    const frame = await waitFor(() => {
+      const f = container.querySelector("iframe");
+      expect(f).not.toBeNull();
+      return f!;
+    });
+    const posted: Array<Record<string, unknown>> = [];
+    vi.spyOn(frame.contentWindow!, "postMessage").mockImplementation((m: unknown) => void posted.push(m as never));
+    const send = (data: object) =>
+      window.dispatchEvent(
+        new MessageEvent("message", { data: { tag: FRAME_TAG, ...data }, source: frame.contentWindow }),
+      );
+    return { frame, posted, send };
+  }
+
+  it("loads the page sandboxed, from its URL, without clipboard access unless granted", async () => {
+    const { view } = setup(false);
+    const { frame } = await frameOf(view.container);
+    expect(frame.getAttribute("sandbox")).toBe("allow-scripts");
+    expect(frame.getAttribute("src")).toBe("about:blank");
+    expect(frame.getAttribute("allow")).toBeNull();
+  });
+
+  it("serves the document to the page: versioned edits, replace, stale versions, outside changes", async () => {
+    const { view, doc } = setup(false);
+    const { posted, send } = await frameOf(view.container);
+    const replyTo = async (id: number) =>
+      waitFor(() => {
+        const r = posted.find((m) => m.reply === id);
+        expect(r).toBeDefined();
+        return r!;
+      });
+
+    send({ call: 1, op: "document.get" });
+    expect((await replyTo(1)).value).toEqual({ version: 0, text: "hello world", readOnly: false, name: "a.draw" });
+
+    send({ call: 2, op: "document.edit", args: { version: 0, edits: [{ from: 0, to: 5, insert: "HELLO" }] } });
+    expect((await replyTo(2)).value).toEqual({ version: 1 });
+    expect(doc.text()).toBe("HELLO world");
+
+    send({ call: 3, op: "document.edit", args: { version: 0, edits: [] } });
+    expect((await replyTo(3)).error).toBe("stale");
+
+    send({ call: 4, op: "document.replace", args: { version: 1, text: "HELLO there" } });
+    expect((await replyTo(4)).value).toEqual({ version: 2 });
+    expect(doc.text()).toBe("HELLO there");
+
+    send({ call: 5, op: "document.edit", args: { version: 2, edits: [{ from: 0, to: 99, insert: "" }] } });
+    expect(String((await replyTo(5)).error)).toContain("in range");
+
+    // Changes made elsewhere reach the page; its own are not echoed back.
+    const before = posted.filter((m) => m.document).length;
+    doc.external([{ from: 0, to: 0, insert: "> " }]);
+    await waitFor(() => expect(posted.filter((m) => m.document)).toHaveLength(before + 1));
+    expect(posted.at(-1)).toMatchObject({ document: { version: 3, text: "> HELLO there" } });
+
+    send({ call: 6, op: "nope" });
+    expect(String((await replyTo(6)).error)).toContain("unknown request");
+  });
+
+  it("follows the installed package: a new revision reloads the page, an unchanged one keeps it", async () => {
+    let url = "openidea-plugin://localhost/acme.draw/r1/web/index.html";
+    setPluginsBackend({ ...createMemoryPluginsBackend([]), webPageUrl: async () => url });
+    const info = (version: string) =>
+      ({ id: "acme.draw", version, hasCode: false, capabilities: [] }) as unknown as PluginInfo;
+    usePlugins.setState({ plugins: [info("1.0.0")] });
+    const view = render(<WebView pluginId="acme.draw" view="draw" label="Draw" />);
+    const { frame } = await frameOf(view.container);
+    expect(frame.getAttribute("src")).toContain("/r1/");
+
+    // Plugins refreshed, same package: the same frame, not reloaded.
+    usePlugins.setState({ plugins: [info("1.0.0")] });
+    await new Promise((r) => setTimeout(r, 0));
+    expect(view.container.querySelector("iframe")).toBe(frame);
+    expect(frame.getAttribute("src")).toContain("/r1/");
+
+    url = "openidea-plugin://localhost/acme.draw/r2/web/index.html";
+    usePlugins.setState({ plugins: [info("1.0.1")] });
+    await waitFor(() => expect(view.container.querySelector("iframe")?.getAttribute("src")).toContain("/r2/"));
+  });
+
+  it("forwards the page's messages to the plugin's code only when it has code", async () => {
+    for (const hasCode of [false, true]) {
+      const { view, events } = setup(hasCode);
+      const { send } = await frameOf(view.container);
+      send({ text: "hi" });
+      await new Promise((r) => setTimeout(r, 0));
+      expect(events).toEqual(hasCode ? [{ kind: "message", text: "hi" }] : []);
+      view.unmount();
+    }
+  });
+});
+
+describe("contributed file icons and templates", () => {
+  it("resolves a plugin's file icon before the built-in one, and stops when removed", () => {
+    const builtin = fileIconName("a.excalidraw");
+    const unregister = registerExternalIcons([["ext:fileIcon/acme/draw", "<svg viewBox='0 0 16 16'/>"]]);
+    const remove = addFileIconProvider((name) => (name.endsWith(".excalidraw") ? "ext:fileIcon/acme/draw" : null));
+    try {
+      expect(fileIconName("a.excalidraw")).toBe("ext:fileIcon/acme/draw");
+      expect(fileIconName("a.txt")).not.toBe("ext:fileIcon/acme/draw");
+    } finally {
+      remove();
+      unregister();
+    }
+    expect(fileIconName("a.excalidraw")).toBe(builtin);
+  });
+
+  it("adds a plugin's template to the New menu like a built-in", () => {
+    const remove = addContributedFileTemplate({
+      id: "plugin.acme.draw",
+      name: "Drawing",
+      icon: "file-text",
+      extension: "draw",
+      nameStyle: "asis",
+      kinds: [{ id: "file", label: "Drawing", body: "{}" }],
+    });
+    expect(fileTemplates().some((t) => t.id === "plugin.acme.draw")).toBe(true);
+    expect(isBuiltinFileTemplate("plugin.acme.draw")).toBe(true);
+    remove();
+    expect(fileTemplates().some((t) => t.id === "plugin.acme.draw")).toBe(false);
+  });
+});
diff --git a/src/features/plugins/backend.ts b/src/features/plugins/backend.ts
index 399225e4..7119c714 100644
--- a/src/features/plugins/backend.ts
+++ b/src/features/plugins/backend.ts
@@ -72,6 +72,12 @@ export interface PluginsBackend {
   /** Content of a plugin view (`doc`: the document of a custom editor). */
   renderView(pluginId: string, view: string, viewport: Viewport | null, doc: number | null): Promise<View>;
   viewEvent(pluginId: string, view: string, event: ViewEvent, doc: number | null): Promise<void>;
+  /** The URL of a web view's page (`web = …`), under the `openidea-plugin` scheme. */
+  webPageUrl(pluginId: string, view: string): Promise<string>;
+  /** Save dialog for a web view's `openidea.saveFile`; the path written, or `null` when cancelled. */
+  saveWebFile(name: string, filters: FileFilter[] | undefined, bytes: Uint8Array): Promise<string | null>;
+  /** Open dialog for a web view's `openidea.openFile`; `null` when cancelled. */
+  openWebFile(filters: FileFilter[] | undefined): Promise<{ name: string; data: Uint8Array } | null>;
   /** Which of a plugin's declared secrets are stored (values never come back). */
   secrets(pluginId: string): Promise<PluginSecretState[]>;
   /** Stores a secret (`null` removes it). */
@@ -86,6 +92,34 @@ export interface PluginsBackend {
   onEvent(handler: (e: PluginEvent) => void): () => void;
 }
 
+/** A file type choice of the save / open dialogs. */
+export interface FileFilter {
+  name: string;
+  extensions: string[];
+}
+
+/**
+ * `path` under the `openidea-plugin` scheme, as the platform's webview spells
+ * custom schemes (WebView2 maps them onto `http://<scheme>.localhost`).
+ */
+export function webSchemeUrl(path: string, windows = /windows/i.test(navigator.userAgent)): string {
+  const encoded = path.split("/").map(encodeURIComponent).join("/");
+  return windows ? `http://openidea-plugin.localhost/${encoded}` : `openidea-plugin://localhost/${encoded}`;
+}
+
+function toBase64(bytes: Uint8Array): string {
+  let binary = "";
+  for (let i = 0; i < bytes.length; i += 0x8000) binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));
+  return btoa(binary);
+}
+
+function fromBase64(b64: string): Uint8Array {
+  const binary = atob(b64);
+  const out = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) out[i] = binary.charCodeAt(i);
+  return out;
+}
+
 export const tauriPluginsBackend: PluginsBackend = {
   list: () => call(commands.pluginList()),
   setEnabled: async (id, enabled) => {
@@ -134,6 +168,25 @@ export const tauriPluginsBackend: PluginsBackend = {
   viewEvent: async (pluginId, view, event, doc) => {
     await call(commands.pluginViewEvent(pluginId, view, event, doc));
   },
+  webPageUrl: async (pluginId, view) => {
+    const page = await call(commands.pluginWebPage(pluginId, view));
+    return webSchemeUrl(page.path);
+  },
+  saveWebFile: async (name, filters, bytes) => {
+    const { save } = await import("@tauri-apps/plugin-dialog");
+    const path = await save({ defaultPath: name, filters });
+    if (!path) return null;
+    await call(commands.pluginWebSaveFile(path, toBase64(bytes)));
+    return path;
+  },
+  openWebFile: async (filters) => {
+    const { open } = await import("@tauri-apps/plugin-dialog");
+    const picked = await open({ multiple: false, filters });
+    const path = (Array.isArray(picked) ? picked[0] : picked) ?? null;
+    if (!path) return null;
+    const data = fromBase64(await call(commands.pluginWebReadFile(path)));
+    return { name: path.split(/[\\/]/).pop() ?? path, data };
+  },
   secrets: (pluginId) => call(commands.pluginSecrets(pluginId)),
   setSecret: async (pluginId, name, value) => {
     await call(commands.pluginSetSecret(pluginId, name, value));
@@ -437,6 +490,11 @@ export function createMemoryPluginsBackend(
       status: null,
     }),
     viewEvent: async () => {},
+    webPageUrl: async (pluginId, view) => {
+      throw new IpcError({ kind: "unavailable", message: `${pluginId} · ${view}: web views need the desktop app` });
+    },
+    saveWebFile: async () => null,
+    openWebFile: async () => null,
     secrets: async (pluginId) =>
       [...secrets.entries()]
         .filter(([k]) => k.startsWith(`${pluginId}/`))
diff --git a/src/features/plugins/uiPoints.tsx b/src/features/plugins/uiPoints.tsx
index e5e12453..4fd675cf 100644
--- a/src/features/plugins/uiPoints.tsx
+++ b/src/features/plugins/uiPoints.tsx
@@ -6,8 +6,11 @@
  * - `keymaps`: default shortcuts below the IDE's (a taken keystroke is dropped);
  * - `statusBar`: items shown before the code runs (its `set-status-item` with the same id updates them);
  * - `settings`: a page under Settings › Plugins generated from the schema;
- * - `views`: tool windows the plugin renders;
- * - `customEditors`: files opening in a plugin-rendered editor sharing the text document.
+ * - `views`: tool windows the plugin renders, or a web page of its package;
+ * - `customEditors`: files opening in a plugin editor sharing the text document, in its own tab or
+ *   beside the text editor;
+ * - `fileIcons`: icons for the files a plugin knows, whatever icon theme is in use;
+ * - `fileTemplates`: entries of the New menu.
  */
 import { useMemo } from "react";
 import type { PluginInfo } from "@/bindings";
@@ -15,18 +18,31 @@ import { getAction } from "@/platform/actions";
 import { evaluateWhen } from "@/platform/context";
 import { tx } from "@/platform/i18n";
 import { isMacHost, registerExtensionBindings } from "@/platform/keymap";
-import { Checkbox, Input, Select, T, type MenuItem } from "@/ui";
+import {
+  Checkbox,
+  Input,
+  Select,
+  T,
+  addFileIconProvider,
+  fileIconName,
+  registerExternalIcons,
+  type MenuItem,
+} from "@/ui";
+import { addContributedFileTemplate } from "@/features/templates/files/store";
 import {
   registerEditorKind,
   registerFileEditorProvider,
   registerMenuGroup,
   registerMenuSlotItem,
   registerSettingsPage,
+  registerTextEditorWrapper,
   registerToolWindow,
   useSettingsForm,
   type ContextMenuId,
   type ToolWindowAnchor,
 } from "@/workbench/contributions";
+import { pluginsBackend } from "./backend";
+import { usePlugins } from "./store";
 import { pluginActionId } from "./points";
 import { defineUiPoint } from "./projection";
 import { declareStatusItem } from "./runtimeUi";
@@ -39,7 +55,9 @@ import {
   matchesPattern,
   type CustomEditorDecl,
 } from "./views/customEditor";
+import { layoutActions, layoutWrapper } from "./views/editorLayout";
 import { PluginView } from "./views/PluginView";
+import { WebView } from "./views/WebView";
 import styles from "./PluginsPage.module.css";
 
 // --- menus ------------------------------------------------------------------------
@@ -205,6 +223,69 @@ interface ViewDecl {
   title: string;
   icon?: string | null;
   location: ToolWindowAnchor;
+  web?: string;
+}
+
+interface FileIconDecl {
+  id: string;
+  patterns: string[];
+  /** A dark-theme variant was given. */
+  dark: boolean;
+}
+
+interface FileTemplateDecl {
+  id: string;
+  name: string;
+  extension: string;
+  body: string;
+}
+
+/** A new file's icon: the plugin's own file icon for it, else the built-in one. */
+function templateIcon(pluginId: string, extension: string): string {
+  const file = `untitled.${extension}`;
+  const own = usePlugins
+    .getState()
+    .ui.find(
+      (c) =>
+        c.pluginId === pluginId &&
+        c.point === "fileIcons" &&
+        (c.decl as FileIconDecl).patterns.some((p) => matchesPattern(p, file)),
+    );
+  return own ? `ext:fileIcon/${pluginId}/${(own.decl as FileIconDecl).id}` : fileIconName(file);
+}
+
+/** Registers a plugin's file icon (fetched first) and resolves matching files to it. */
+function projectFileIcon(pluginId: string, decl: FileIconDecl): () => void {
+  let disposed = false;
+  let undo = () => {};
+  const name = `ext:fileIcon/${pluginId}/${decl.id}`;
+  void pluginsBackend()
+    .assets(pluginId, `fileIcon/${decl.id}/`)
+    .then((assets) => {
+      if (disposed) return;
+      const svg = (variant: string) => assets.find(([id]) => id === `fileIcon/${decl.id}/${variant}`)?.[1];
+      const light = svg("light");
+      if (!light) return;
+      const dark = svg("dark");
+      const unregister = registerExternalIcons(
+        dark
+          ? [
+              [name, light],
+              [`${name}_dark`, dark],
+            ]
+          : [[name, light]],
+      );
+      const remove = addFileIconProvider((file) => (decl.patterns.some((p) => matchesPattern(p, file)) ? name : null));
+      undo = () => {
+        remove();
+        unregister();
+      };
+    })
+    .catch((e: unknown) => console.warn(`plugin ${pluginId}: file icon ${decl.id}`, e));
+  return () => {
+    disposed = true;
+    undo();
+  };
 }
 
 export const pluginToolWindowId = (pluginId: string, view: string) => `plugin.${pluginId}.${view}`;
@@ -252,21 +333,35 @@ export function defineViewUiPoints(): () => void {
           icon: decl.icon ?? "plugin",
           anchor: decl.location,
           order: 900,
-          component: () => <PluginView pluginId={pluginId} view={decl.id} label={decl.title} />,
+          component: () =>
+            decl.web ? (
+              <WebView pluginId={pluginId} view={decl.id} label={decl.title} />
+            ) : (
+              <PluginView pluginId={pluginId} view={decl.id} label={decl.title} />
+            ),
         }),
     }),
     defineUiPoint<CustomEditorDecl>("customEditors", {
       title: "Editors",
       project: ({ pluginId, decl }) => {
         const matches = (path: string) => decl.patterns.some((p) => matchesPattern(p, basename(path)));
+        const beside = decl.layout === "split" || decl.layout === "preview";
+        // A side-by-side editor wraps the text editor the file opens in; the others open their own tab.
         const provider =
-          decl.priority === "default"
-            ? registerFileEditorProvider({
-                id: `plugin.${pluginId}.${decl.id}`,
-                order: 40,
-                resolve: (path) => (matches(path) ? customEditorInput(pluginId, decl, path) : null),
-              })
-            : () => {};
+          decl.priority !== "default"
+            ? () => {}
+            : beside
+              ? registerTextEditorWrapper({
+                  id: `plugin.${pluginId}.${decl.id}`,
+                  matches,
+                  component: layoutWrapper(pluginId, decl),
+                  tabActions: layoutActions(pluginId, decl),
+                })
+              : registerFileEditorProvider({
+                  id: `plugin.${pluginId}.${decl.id}`,
+                  order: 40,
+                  resolve: (path) => (matches(path) ? customEditorInput(pluginId, decl, path) : null),
+                });
         openWith.set(`${pluginId}/${decl.id}`, { pluginId, decl, matches });
         return () => {
           provider();
@@ -274,6 +369,22 @@ export function defineViewUiPoints(): () => void {
         };
       },
     }),
+    defineUiPoint<FileIconDecl>("fileIcons", {
+      title: "File Icons",
+      project: ({ pluginId, decl }) => projectFileIcon(pluginId, decl),
+    }),
+    defineUiPoint<FileTemplateDecl>("fileTemplates", {
+      title: "File Templates",
+      project: ({ pluginId, decl }) =>
+        addContributedFileTemplate({
+          id: `plugin.${pluginId}.${decl.id}`,
+          name: decl.name,
+          icon: templateIcon(pluginId, decl.extension),
+          extension: decl.extension,
+          nameStyle: "asis",
+          kinds: [{ id: "file", label: decl.name, body: decl.body }],
+        }),
+    }),
   ];
   return () => disposers.reverse().forEach((d) => d());
 }
diff --git a/src/features/plugins/views/PluginView.module.css b/src/features/plugins/views/PluginView.module.css
index bf9fe66e..2ff909bf 100644
--- a/src/features/plugins/views/PluginView.module.css
+++ b/src/features/plugins/views/PluginView.module.css
@@ -173,3 +173,39 @@
   height: 100%;
   background: transparent;
 }
+
+/* A custom editor beside the text editor (`layout = "split"` / `"preview"`). */
+.split {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  display: flex;
+  position: relative;
+}
+.splitEditor {
+  flex: 1 1 50%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.splitPreview {
+  flex: 1 1 50%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-editor, var(--bg-app));
+}
+.layout-preview .splitEditor {
+  display: none;
+}
+.layout-split .splitEditor {
+  border-right: 1px solid var(--border-editor-tabs, var(--border));
+}
+.layoutActions {
+  display: flex;
+  align-items: center;
+}
+.layoutActions > button {
+  width: var(--h-floating-toolbar-button);
+  height: var(--h-floating-toolbar-button);
+}
diff --git a/src/features/plugins/views/WebView.tsx b/src/features/plugins/views/WebView.tsx
new file mode 100644
index 00000000..b59d7269
--- /dev/null
+++ b/src/features/plugins/views/WebView.tsx
@@ -0,0 +1,259 @@
+/**
+ * A plugin's web view (`web = "web/index.html"` on a view or custom editor):
+ * a page shipped in the plugin package, loaded from the `openidea-plugin`
+ * scheme into an `<iframe sandbox="allow-scripts">`. The frame is an opaque
+ * origin with no network and no IDE API; the desktop serves only the files
+ * under the page's directory, with a CSP of their own, and injects the bridge
+ * (`frame-bridge.js`). Through it, and only it, the page:
+ *
+ * - follows the IDE theme;
+ * - exchanges messages with the plugin's code, when it has any;
+ * - reads and edits the document of the custom editor it is (versioned edits
+ *   that join the document's undo history, Save and dirty state);
+ * - asks the user to save or open a file (the IDE's dialogs: the user picks
+ *   the path, the page never names one);
+ * - uses the clipboard, when the plugin was granted `clipboard`;
+ * - passes on IDE shortcuts it doesn't handle itself (Save, Close…).
+ */
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { tx } from "@/platform/i18n";
+import { subscribeTheme, themeKey } from "@/platform/themeWatch";
+import { EmptyState, Spinner } from "@/ui";
+import { pluginsBackend, type FileFilter } from "../backend";
+import { errorText, usePlugins } from "../store";
+import { FRAME_TAG, frameTheme, frameThemeMessage } from "./frame";
+import { onViewMessage } from "./viewStore";
+import styles from "./PluginView.module.css";
+
+/** One change of a document, in UTF-16 offsets of the text it applies to. */
+export interface TextChange {
+  from: number;
+  to: number;
+  insert: string;
+}
+
+export interface DocumentState {
+  version: number;
+  text: string;
+}
+
+/** The document a web custom editor shows, as its frame sees it. */
+export interface FrameDocument {
+  /** `name` is the file's name, without its directory. */
+  read(): DocumentState & { readOnly: boolean; name: string };
+  /** Applies the frame's edits as one change; throws `stale` when not at `version`. Returns the new version. */
+  edit(version: number, changes: readonly TextChange[]): number;
+  /** Changes made other than through `edit` (the text editor, Undo, other windows). */
+  subscribe(listener: (state: DocumentState) => void): () => void;
+}
+
+/** Largest text a frame may write in one edit. */
+const MAX_EDIT = 64 << 20;
+
+/** The smallest change turning `from` into `to`: their common prefix and suffix stay. */
+export function minimalChange(from: string, to: string): TextChange | null {
+  if (from === to) return null;
+  let start = 0;
+  const max = Math.min(from.length, to.length);
+  while (start < max && from.charCodeAt(start) === to.charCodeAt(start)) start++;
+  let end = 0;
+  while (end < max - start && from.charCodeAt(from.length - 1 - end) === to.charCodeAt(to.length - 1 - end)) end++;
+  return { from: start, to: from.length - end, insert: to.slice(start, to.length - end) };
+}
+
+/** Checks a frame's edits against the text they apply to: in range, sorted, not overlapping. */
+export function validChanges(value: unknown, length: number): TextChange[] {
+  if (!Array.isArray(value) || value.length > 100_000) throw new Error("edits must be an array");
+  let at = 0;
+  let size = 0;
+  return value.map((c: unknown) => {
+    const { from, to, insert } = (c ?? {}) as Partial<TextChange>;
+    if (!Number.isInteger(from) || !Number.isInteger(to) || typeof insert !== "string")
+      throw new Error("an edit is { from, to, insert }");
+    if (from! < at || to! < from! || to! > length) throw new Error("edits must be sorted, in range and not overlap");
+    size += insert.length;
+    if (size > MAX_EDIT) throw new Error("the edit is too large");
+    at = to!;
+    return { from: from!, to: to!, insert };
+  });
+}
+
+function validFilters(value: unknown): FileFilter[] | undefined {
+  if (!Array.isArray(value)) return undefined;
+  return value
+    .slice(0, 10)
+    .filter(
+      (f): f is FileFilter =>
+        !!f &&
+        typeof f.name === "string" &&
+        Array.isArray(f.extensions) &&
+        f.extensions.every((e: unknown) => typeof e === "string" && /^[\w.+-]{1,32}$/.test(e)),
+    )
+    .map((f) => ({ name: f.name.slice(0, 64), extensions: f.extensions.slice(0, 20) }));
+}
+
+type PageState = { url: string } | { error: string };
+
+/**
+ * The `openidea-plugin` URL of the page, or why there is none. Asked again
+ * whenever the plugin changes (`plugin`: its info, a new object then): the URL
+ * names the installed package's revision, so an update, a reinstall or
+ * disabling it reach the frame, and the frame only reloads when the URL is new.
+ */
+function usePageUrl(pluginId: string, view: string, plugin: unknown) {
+  const page = `${pluginId}/${view}`;
+  const [state, setState] = useState<{ page: string; value: PageState } | null>(null);
+  useEffect(() => {
+    let live = true;
+    const set = (value: PageState) =>
+      live &&
+      setState((s) =>
+        s?.page === page && "url" in s.value && "url" in value && s.value.url === value.url ? s : { page, value },
+      );
+    pluginsBackend()
+      .webPageUrl(pluginId, view)
+      .then(
+        (url) => set({ url }),
+        (e: unknown) => set({ error: errorText(e) }),
+      );
+    return () => {
+      live = false;
+    };
+  }, [pluginId, view, page, plugin]);
+  return state?.page === page ? state.value : null;
+}
+
+export interface WebViewProps {
+  pluginId: string;
+  view: string;
+  label: string;
+  /** The custom editor's document; none in a tool window. */
+  document?: FrameDocument | null;
+  /** The backend document, for messages to the plugin's code. */
+  doc?: number | null;
+}
+
+export function WebView({ pluginId, view, label, document = null, doc = null }: WebViewProps) {
+  const plugin = usePlugins((s) => s.plugins.find((p) => p.id === pluginId));
+  const page = usePageUrl(pluginId, view, plugin);
+  const hasCode = plugin?.hasCode ?? false;
+  const clipboard = plugin?.capabilities.some((c) => c.id === "clipboard" && c.granted) ?? false;
+  const frame = useRef<HTMLIFrameElement>(null);
+
+  const post = useCallback((message: object, transfer: Transferable[] = []) => {
+    frame.current?.contentWindow?.postMessage({ tag: FRAME_TAG, ...message }, "*", transfer);
+  }, []);
+  const postTheme = useCallback(() => post(frameThemeMessage(frameTheme())), [post]);
+  const theme = useSyncExternalStore(subscribeTheme, themeKey, () => "");
+  useEffect(postTheme, [theme, postTheme]);
+
+  // The document's changes made elsewhere.
+  useEffect(() => document?.subscribe((state) => post({ document: state })), [document, post]);
+
+  useEffect(() => {
+    let dialog = false;
+    const run = async (op: string, args: Record<string, unknown>): Promise<[unknown, Transferable[]?]> => {
+      switch (op) {
+        case "document.get": {
+          if (!document) throw new Error("this view shows no document");
+          return [document.read()];
+        }
+        case "document.edit":
+        case "document.replace": {
+          if (!document) throw new Error("this view shows no document");
+          const current = document.read();
+          if (current.readOnly) throw new Error("the document is read-only");
+          if (args.version !== current.version) throw new Error("stale");
+          let changes: TextChange[];
+          if (op === "document.replace") {
+            if (typeof args.text !== "string" || args.text.length > MAX_EDIT) throw new Error("text must be a string");
+            const change = minimalChange(current.text, args.text);
+            changes = change ? [change] : [];
+          } else changes = validChanges(args.edits, current.text.length);
+          return [{ version: changes.length ? document.edit(current.version, changes) : current.version }];
+        }
+        case "saveFile":
+        case "openFile": {
+          // One dialog at a time per frame.
+          if (dialog) throw new Error("a file dialog is already open");
+          dialog = true;
+          try {
+            const filters = validFilters(args.filters);
+            if (op === "openFile") {
+              const file = await pluginsBackend().openWebFile(filters);
+              return file ? [file, [file.data.buffer]] : [null];
+            }
+            if (!(args.bytes instanceof Uint8Array)) throw new Error("data must be bytes");
+            const name = typeof args.name === "string" ? args.name.slice(0, 255) : "untitled";
+            return [await pluginsBackend().saveWebFile(name, filters, args.bytes)];
+          } finally {
+            dialog = false;
+          }
+        }
+        default:
+          throw new Error(`unknown request ${op}`);
+      }
+    };
+    const onMessage = (e: MessageEvent) => {
+      if (!frame.current || e.source !== frame.current.contentWindow) return;
+      const m = e.data as {
+        tag?: unknown;
+        text?: unknown;
+        call?: unknown;
+        op?: unknown;
+        args?: unknown;
+        key?: unknown;
+      } | null;
+      if (m?.tag !== FRAME_TAG) return;
+      if (m.key && typeof m.key === "object") {
+        // A shortcut the page didn't handle: as if pressed on the frame, for the IDE's keymap.
+        const k = m.key as KeyboardEventInit;
+        const init: KeyboardEventInit = { bubbles: true, cancelable: true };
+        for (const f of ["key", "code"] as const) if (typeof k[f] === "string") init[f] = k[f];
+        for (const f of ["metaKey", "ctrlKey", "altKey", "shiftKey", "repeat"] as const) init[f] = k[f] === true;
+        frame.current.dispatchEvent(new KeyboardEvent("keydown", init));
+      } else if (typeof m.call === "number" && typeof m.op === "string") {
+        const id = m.call;
+        run(m.op, (m.args ?? {}) as Record<string, unknown>).then(
+          ([value, transfer]) => post({ reply: id, value }, transfer),
+          (err: unknown) => post({ reply: id, error: errorText(err) }),
+        );
+      } else if (typeof m.text === "string" && hasCode) {
+        pluginsBackend()
+          .viewEvent(pluginId, view, { kind: "message", text: m.text }, doc)
+          .catch((err: unknown) => console.warn(`plugin ${pluginId}: ${errorText(err)}`));
+      }
+    };
+    window.addEventListener("message", onMessage);
+    const off = onViewMessage(pluginId, view, (text) => post({ text }));
+    return () => {
+      window.removeEventListener("message", onMessage);
+      off();
+    };
+  }, [pluginId, view, document, doc, hasCode, post]);
+
+  if (!page)
+    return (
+      <div className={styles.empty}>
+        <Spinner label={tx("Loading")} />
+      </div>
+    );
+  if ("error" in page)
+    return (
+      <EmptyState className={styles.empty} title={tx`Cannot show ${label}`}>
+        {page.error}
+      </EmptyState>
+    );
+  // No `allow-same-origin`: an opaque origin without access to the IDE. `onLoad` sends the theme.
+  return (
+    <iframe
+      ref={frame}
+      className={styles.frame}
+      title={label}
+      sandbox="allow-scripts"
+      allow={clipboard ? "clipboard-read; clipboard-write" : undefined}
+      src={page.url}
+      onLoad={postTheme}
+    />
+  );
+}
diff --git a/src/features/plugins/views/customEditor.tsx b/src/features/plugins/views/customEditor.tsx
index c5574e15..1b6118d3 100644
--- a/src/features/plugins/views/customEditor.tsx
+++ b/src/features/plugins/views/customEditor.tsx
@@ -13,7 +13,7 @@
 import { history } from "@codemirror/commands";
 import { EditorState } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { attachDocument, type DocumentAttachment } from "@/editor/api";
 import { tx } from "@/platform/i18n";
 import { EmptyState, Spinner } from "@/ui";
@@ -24,6 +24,7 @@ import {
   type EditorInput,
 } from "@/workbench/contributions";
 import { PluginView } from "./PluginView";
+import { WebView, type DocumentState, type FrameDocument } from "./WebView";
 import styles from "./PluginView.module.css";
 
 export const CUSTOM_EDITOR_KIND = "pluginEditor";
@@ -32,6 +33,8 @@ export interface CustomEditorData {
   pluginId: string;
   editorId: string;
   title: string;
+  /** A web page of the package (`web`) rather than content the code renders. */
+  web?: boolean;
 }
 
 export interface CustomEditorDecl {
@@ -39,10 +42,13 @@ export interface CustomEditorDecl {
   title: string;
   patterns: string[];
   priority: "default" | "option";
+  /** `tab`: its own tab; `split` / `preview`: beside the text editor, starting in that layout. */
+  layout?: "tab" | "split" | "preview";
+  web?: string;
 }
 
 export function customEditorInput(pluginId: string, decl: CustomEditorDecl, path: string): EditorInput {
-  const data: CustomEditorData = { pluginId, editorId: decl.id, title: decl.title };
+  const data: CustomEditorData = { pluginId, editorId: decl.id, title: decl.title, web: !!decl.web };
   return { kind: CUSTOM_EDITOR_KIND, key: `${CUSTOM_EDITOR_KIND}:${pluginId}/${decl.id}:${path}`, path, data };
 }
 
@@ -88,6 +94,8 @@ interface Session {
   view: EditorView;
   revision: number;
   listeners: Set<(revision: number) => void>;
+  /** The document as web frames see it. */
+  frameDocument: FrameDocument;
   cancelTimer: () => void;
 }
 
@@ -96,14 +104,24 @@ const sessions = new Map<string, Promise<Session>>();
 /** Edits settle in the backend before the plugin renders the table again. */
 const RENDER_DELAY_MS = 120;
 
-function session(input: EditorInput): Promise<Session> {
-  let s = sessions.get(input.key);
+function session(key: string, path: string): Promise<Session> {
+  let s = sessions.get(key);
   if (!s) {
-    s = attachDocument(input.path ?? "").then((attachment) => {
+    s = attachDocument(path).then((attachment) => {
       const listeners = new Set<(revision: number) => void>();
+      const frameListeners = new Set<(state: DocumentState) => void>();
       let timer: ReturnType<typeof setTimeout> | null = null;
-      const changed = () => {
+      // Bumped by every change: what frames' versioned edits are checked against.
+      let version = 0;
+      // Set while a frame's edit is applied: its changes (arriving synchronously) aren't echoed back.
+      let framing = false;
+      const changed = (byFrame: boolean) => {
+        version++;
         notifyEditorDocumentChanged();
+        if (!byFrame && frameListeners.size) {
+          const state = { version, text: view.state.doc.toString() };
+          for (const l of frameListeners) l(state);
+        }
         if (timer) clearTimeout(timer);
         timer = setTimeout(() => {
           timer = null;
@@ -116,24 +134,58 @@ function session(input: EditorInput): Promise<Session> {
       const view = new EditorView({
         state: EditorState.create({
           doc: attachment.text(),
-          extensions: [attachment.extension, history(), EditorView.updateListener.of((u) => u.docChanged && changed())],
+          extensions: [
+            attachment.extension,
+            history(),
+            EditorView.updateListener.of((u) => u.docChanged && changed(framing)),
+          ],
         }),
       });
+      const frameDocument: FrameDocument = {
+        read: () => ({ version, text: view.state.doc.toString(), readOnly: attachment.readOnly, name: basename(path) }),
+        edit: (at, changes) => {
+          if (at !== version) throw new Error("stale");
+          // One edit of the document's history: Undo in the text editor (or this tab) reverts it.
+          framing = true;
+          try {
+            attachment.edit([...changes], "input.plugin");
+          } finally {
+            framing = false;
+          }
+          return version;
+        },
+        subscribe: (listener) => {
+          frameListeners.add(listener);
+          return () => frameListeners.delete(listener);
+        },
+      };
       const state: Session = {
         attachment,
         view,
         revision: 0,
         listeners,
+        frameDocument,
         cancelTimer: () => timer && clearTimeout(timer),
       };
       return state;
     });
-    sessions.set(input.key, s);
-    s.catch(() => sessions.delete(input.key));
+    sessions.set(key, s);
+    s.catch(() => sessions.delete(key));
   }
   return s;
 }
 
+async function closeSession(key: string) {
+  const s = sessions.get(key);
+  sessions.delete(key);
+  if (!s) return;
+  const state = await s;
+  settled.delete(key);
+  state.cancelTimer();
+  state.attachment.release();
+  state.view.destroy();
+}
+
 async function withSession<T>(input: EditorInput, f: (s: Session) => T | Promise<T>): Promise<T | undefined> {
   const s = sessions.get(input.key);
   return s ? f(await s) : undefined;
@@ -157,16 +209,7 @@ export const customEditorDocument: EditorDocumentLifecycle = {
   discard: async () => {
     // The document's unsaved changes go when it closes (`close` releases it).
   },
-  close: async (input) => {
-    const s = sessions.get(input.key);
-    sessions.delete(input.key);
-    if (!s) return;
-    const state = await s;
-    settled.delete(input.key);
-    state.cancelTimer();
-    state.attachment.release();
-    state.view.destroy();
-  },
+  close: (input) => closeSession(input.key),
   undo: async (input) => {
     await withSession(input, (s) => void s.attachment.undo());
   },
@@ -175,29 +218,70 @@ export const customEditorDocument: EditorDocumentLifecycle = {
   },
 };
 
-export function CustomEditor({ input }: { input: EditorInput }) {
-  const data = input.data as CustomEditorData;
-  const [state, setState] = useState<{ doc: number; revision: number } | { error: string } | null>(null);
+type SessionState = { session: Session; revision: number } | { error: string } | null;
 
+/** The session `key` of `path`, kept for as long as the component shows it. */
+function useSession(key: string, path: string, release: boolean): SessionState {
+  const [state, setState] = useState<SessionState>(null);
   useEffect(() => {
     let live = true;
     let off = () => {};
-    session(input).then(
+    session(key, path).then(
       (s) => {
         if (!live) return;
-        settled.set(input.key, s);
-        const listener = (revision: number) => setState({ doc: s.attachment.doc, revision });
+        settled.set(key, s);
+        const listener = (revision: number) => setState({ session: s, revision });
         s.listeners.add(listener);
         off = () => s.listeners.delete(listener);
-        setState({ doc: s.attachment.doc, revision: s.revision });
+        setState({ session: s, revision: s.revision });
       },
       (e: unknown) => live && setState({ error: e instanceof Error ? e.message : String(e) }),
     );
     return () => {
       live = false;
       off();
+      // A tab's session lives until the tab closes (its lifecycle); a preview's until it unmounts.
+      if (release) void closeSession(key);
     };
-  }, [input]);
+  }, [key, path, release]);
+  return state;
+}
+
+function SessionBody({
+  state,
+  pluginId,
+  editorId,
+  web,
+  label,
+  path,
+}: {
+  state: Exclude<SessionState, null | { error: string }>;
+  pluginId: string;
+  editorId: string;
+  web: boolean;
+  label: string;
+  path: string;
+}) {
+  const { session: s, revision } = state;
+  if (web)
+    return (
+      <WebView pluginId={pluginId} view={editorId} label={label} document={s.frameDocument} doc={s.attachment.doc} />
+    );
+  return (
+    <PluginView
+      pluginId={pluginId}
+      view={editorId}
+      doc={s.attachment.doc}
+      revision={revision}
+      label={label}
+      key={path}
+    />
+  );
+}
+
+export function CustomEditor({ input }: { input: EditorInput }) {
+  const data = input.data as CustomEditorData;
+  const state = useSession(input.key, input.path ?? "", false);
 
   if (!state)
     return (
@@ -213,12 +297,13 @@ export function CustomEditor({ input }: { input: EditorInput }) {
     );
   return (
     <div className={styles.view}>
-      <PluginView
+      <SessionBody
+        state={state}
         pluginId={data.pluginId}
-        view={data.editorId}
-        doc={state.doc}
-        revision={state.revision}
+        editorId={data.editorId}
+        web={!!data.web}
         label={tx`${data.title}: ${basename(input.path ?? "")}`}
+        path={input.path ?? ""}
       />
       <div className={styles.status}>
         <button
@@ -232,3 +317,38 @@ export function CustomEditor({ input }: { input: EditorInput }) {
     </div>
   );
 }
+
+/**
+ * A custom editor beside the text editor (`layout = "split"` / `"preview"`):
+ * the same document, so each follows the other's edits.
+ */
+export function CustomEditorPreview({
+  pluginId,
+  decl,
+  path,
+}: {
+  pluginId: string;
+  decl: CustomEditorDecl;
+  path: string;
+}) {
+  const key = useMemo(() => `pluginPreview:${pluginId}/${decl.id}:${path}`, [pluginId, decl.id, path]);
+  const state = useSession(key, path, true);
+  const label = tx`${decl.title}: ${basename(path)}`;
+  if (!state)
+    return (
+      <div className={styles.empty}>
+        <Spinner label={tx("Loading")} />
+      </div>
+    );
+  if ("error" in state)
+    return (
+      <EmptyState className={styles.empty} title={tx`Cannot open ${basename(path)}`}>
+        {state.error}
+      </EmptyState>
+    );
+  return (
+    <div className={styles.view}>
+      <SessionBody state={state} pluginId={pluginId} editorId={decl.id} web={!!decl.web} label={label} path={path} />
+    </div>
+  );
+}
diff --git a/src/features/plugins/views/editorLayout.tsx b/src/features/plugins/views/editorLayout.tsx
new file mode 100644
index 00000000..1565a799
--- /dev/null
+++ b/src/features/plugins/views/editorLayout.tsx
@@ -0,0 +1,90 @@
+/**
+ * Custom editors that sit beside the text editor (`layout = "split"` or
+ * `"preview"`): the file opens in the text editor, wrapped with the plugin's
+ * editor and the Editor / Editor and Preview / Preview switch (in the tab
+ * strip, or floating when tabs are hidden), as Markdown's preview. The
+ * layout is kept per file; files not switched yet start in the declared one.
+ */
+import clsx from "clsx";
+import { useRef, type ReactNode } from "react";
+import { create } from "zustand";
+import { tx } from "@/platform/i18n";
+import { FloatingToolbar, IconButton } from "@/ui";
+import { CustomEditorPreview, type CustomEditorDecl } from "./customEditor";
+import styles from "./PluginView.module.css";
+
+export type EditorLayout = "editor" | "split" | "preview";
+
+/** `<plugin>/<editor>` → path → layout. */
+export const useEditorLayouts = create<{ byPath: Record<string, EditorLayout> }>(() => ({ byPath: {} }));
+
+const layoutKey = (pluginId: string, editorId: string, path: string) => `${pluginId}/${editorId}:${path}`;
+
+export function layoutOf(pluginId: string, decl: CustomEditorDecl, path: string, byPath: Record<string, EditorLayout>) {
+  return byPath[layoutKey(pluginId, decl.id, path)] ?? (decl.layout === "preview" ? "preview" : "split");
+}
+
+export function setEditorLayout(pluginId: string, editorId: string, path: string, layout: EditorLayout) {
+  useEditorLayouts.setState((s) => ({ byPath: { ...s.byPath, [layoutKey(pluginId, editorId, path)]: layout } }));
+}
+
+function LayoutActions({ pluginId, decl, path }: { pluginId: string; decl: CustomEditorDecl; path: string }) {
+  const layout = useEditorLayouts((s) => layoutOf(pluginId, decl, path, s.byPath));
+  const button = (value: EditorLayout, icon: string, title: string) => (
+    <IconButton
+      icon={icon}
+      iconSize={16}
+      size="small"
+      title={title}
+      pressed={layout === value}
+      onClick={() => setEditorLayout(pluginId, decl.id, path, value)}
+    />
+  );
+  return (
+    <div className={styles.layoutActions} role="toolbar" aria-label={tx`${decl.title} layout`}>
+      {button("editor", "editor-only", tx("Editor Only"))}
+      {button("split", "editor-preview", tx`Editor and ${decl.title}`)}
+      {button("preview", "preview-only", tx`${decl.title} Only`)}
+    </div>
+  );
+}
+
+/** The `tabActions` of a wrapper: the layout switch in the editor's tab strip. */
+export function layoutActions(pluginId: string, decl: CustomEditorDecl) {
+  return function PluginLayoutActions({ path }: { path: string; tabId: string }) {
+    return <LayoutActions pluginId={pluginId} decl={decl} path={path} />;
+  };
+}
+
+/** The text editor wrapper of a custom editor with a side-by-side layout. */
+export function layoutWrapper(pluginId: string, decl: CustomEditorDecl) {
+  return function PluginEditorLayout({
+    path,
+    children,
+    actionsInTabs = false,
+  }: {
+    path: string;
+    tabId: string;
+    children: ReactNode;
+    actionsInTabs?: boolean;
+  }) {
+    const layout = useEditorLayouts((s) => layoutOf(pluginId, decl, path, s.byPath));
+    const ref = useRef<HTMLDivElement>(null);
+    return (
+      <div ref={ref} className={clsx(styles.split, styles[`layout-${layout}`])}>
+        {/* Always rendered: the text editor's view stays alive in every layout. */}
+        <div className={styles.splitEditor}>{children}</div>
+        {layout !== "editor" && (
+          <div className={styles.splitPreview}>
+            <CustomEditorPreview pluginId={pluginId} decl={decl} path={path} />
+          </div>
+        )}
+        {!actionsInTabs && (
+          <FloatingToolbar targetRef={ref}>
+            <LayoutActions pluginId={pluginId} decl={decl} path={path} />
+          </FloatingToolbar>
+        )}
+      </div>
+    );
+  };
+}
diff --git a/src/features/plugins/views/frame-bridge.js b/src/features/plugins/views/frame-bridge.js
new file mode 100644
index 00000000..6e2b88c9
--- /dev/null
+++ b/src/features/plugins/views/frame-bridge.js
@@ -0,0 +1,135 @@
+/*
+ * `window.openidea` inside a plugin view's sandboxed frame: the frame's only
+ * way to the IDE. Shared by both kinds of frames: inlined into the `html`
+ * bodies plugin code renders (src/features/plugins/views/frame.ts) and
+ * injected by the desktop into the pages of web views
+ * (src-tauri/src/plugin_web.rs). Part of the plugin API: members are only
+ * ever added.
+ *
+ * The file is one function expression, called with the IDE theme when it is
+ * known up front (null otherwise: the workbench posts it once the frame has
+ * loaded).
+ */
+(initialTheme) => {
+  const TAG = "openidea-view";
+  const listeners = [];
+  const themeListeners = [];
+  const documentListeners = [];
+  const pending = new Map();
+  const root = document.documentElement;
+  let theme = null;
+  let applied = [];
+  let nextCall = 1;
+
+  const safely = (fn, value) => {
+    try {
+      fn(value);
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  const applyTheme = (t) => {
+    if (!t || typeof t !== "object" || !t.vars || typeof t.vars !== "object") return;
+    const vars = {};
+    for (const [k, v] of Object.entries(t.vars)) if (k.startsWith("--openidea-") && typeof v === "string") vars[k] = v;
+    for (const k of applied) if (!(k in vars)) root.style.removeProperty(k);
+    for (const [k, v] of Object.entries(vars)) root.style.setProperty(k, v);
+    applied = Object.keys(vars);
+    root.dataset.theme = t.dark ? "dark" : "light";
+    theme = Object.freeze({ dark: !!t.dark, vars: Object.freeze(vars) });
+    for (const l of themeListeners) safely(l, theme);
+  };
+
+  /** A request to the workbench; resolves with its reply. */
+  const call = (op, args, transfer) =>
+    new Promise((resolve, reject) => {
+      const id = nextCall++;
+      pending.set(id, { resolve, reject });
+      window.parent.postMessage({ tag: TAG, call: id, op, args }, "*", transfer || []);
+    });
+
+  const bytesOf = async (data) => {
+    if (typeof data === "string") return new TextEncoder().encode(data);
+    if (data instanceof Uint8Array) return data;
+    if (data instanceof ArrayBuffer) return new Uint8Array(data);
+    if (ArrayBuffer.isView(data)) return new Uint8Array(data.buffer, data.byteOffset, data.byteLength);
+    if (data instanceof Blob) return new Uint8Array(await data.arrayBuffer());
+    throw new TypeError("data must be a string, bytes or a Blob");
+  };
+
+  if (initialTheme) applyTheme(initialTheme);
+
+  // IDE shortcuts (Save, Close, Find Action…) pressed while the page has focus:
+  // the ones the page left alone go to the workbench. Editing keys stay here.
+  const EDITING_KEYS = new Set(["a", "c", "v", "x", "z", "y"]);
+  window.addEventListener("keydown", (e) => {
+    const fn = /^F\d{1,2}$/.test(e.key);
+    const mod = (e.metaKey || e.ctrlKey) && !EDITING_KEYS.has(e.key.toLowerCase());
+    if (e.isComposing || (!fn && !mod)) return;
+    // After every handler of the page has seen it.
+    setTimeout(() => {
+      if (e.defaultPrevented) return;
+      const { key, code, metaKey, ctrlKey, altKey, shiftKey, repeat } = e;
+      window.parent.postMessage({ tag: TAG, key: { key, code, metaKey, ctrlKey, altKey, shiftKey, repeat } }, "*");
+    }, 0);
+  });
+  window.addEventListener("message", (e) => {
+    const m = e.data;
+    if (e.source !== window.parent || !m || m.tag !== TAG) return;
+    if (m.theme) applyTheme(m.theme);
+    else if (typeof m.reply === "number") {
+      const p = pending.get(m.reply);
+      pending.delete(m.reply);
+      if (p) "error" in m ? p.reject(new Error(String(m.error))) : p.resolve(m.value);
+    } else if (m.document) {
+      for (const l of documentListeners) safely(l, m.document);
+    } else if (typeof m.text === "string") {
+      for (const l of listeners) safely(l, m.text);
+    }
+  });
+
+  const documentApi = Object.freeze({
+    /** `{ version, text, readOnly, name }` of the document a custom editor shows (`name`: the file's, no directory). */
+    get: () => call("document.get"),
+    /** Called with `{ version, text }` when the document changes other than through this frame. */
+    onChange: (fn) => {
+      if (typeof fn === "function") documentListeners.push(fn);
+    },
+    /**
+     * Applies `edits` (`{ from, to, insert }`, offsets in UTF-16 code units of
+     * the text at `version`) as one change; rejects with "stale" when the
+     * document is no longer at `version`. Resolves with the new version.
+     */
+    edit: (version, edits) => call("document.edit", { version, edits }),
+    /** Replaces the whole text (sent as the smallest edit). */
+    replace: (version, text) => call("document.replace", { version, text: String(text) }),
+  });
+
+  window.openidea = Object.freeze({
+    /** To the plugin's code (`ViewEvent::Message`). */
+    postMessage: (text) => window.parent.postMessage({ tag: TAG, text: String(text) }, "*"),
+    /** From the plugin's code (`host::post_view_message`). */
+    onMessage: (fn) => {
+      if (typeof fn === "function") listeners.push(fn);
+    },
+    get theme() {
+      return theme;
+    },
+    onThemeChange: (fn) => {
+      if (typeof fn === "function") themeListeners.push(fn);
+    },
+    document: documentApi,
+    /**
+     * Asks the user where to save `data` (a string, bytes or a Blob), starting
+     * with `name`; resolves with the chosen path, or null when cancelled.
+     */
+    saveFile: async ({ name, data, filters } = {}) => {
+      // A copy: its buffer is handed over, the caller's data stays usable.
+      const bytes = (await bytesOf(data)).slice();
+      return call("saveFile", { name: String(name || "untitled"), filters, bytes }, [bytes.buffer]);
+    },
+    /** Asks the user for a file; resolves with `{ name, data }` (bytes), or null when cancelled. */
+    openFile: ({ filters } = {}) => call("openFile", { filters }),
+  });
+};
diff --git a/src/features/plugins/views/frame.ts b/src/features/plugins/views/frame.ts
index 7f4a1255..5b4b71b6 100644
--- a/src/features/plugins/views/frame.ts
+++ b/src/features/plugins/views/frame.ts
@@ -11,6 +11,7 @@
  * the same to scripts (canvas drawing, say).
  */
 import { resolveTokenColor, toRgb } from "@/platform/cssColor";
+import BRIDGE_SOURCE from "./frame-bridge.js?raw";
 
 export const FRAME_CSP =
   "default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data:; font-src data:; media-src data:";
@@ -78,37 +79,9 @@ export function frameTheme(root: HTMLElement = document.documentElement): FrameT
 /** The message that updates a loaded frame's theme. */
 export const frameThemeMessage = (theme: FrameTheme) => ({ tag: FRAME_TAG, theme });
 
-const bridge = (initial: FrameTheme) => `
-(() => {
-  const listeners = [];
-  const themeListeners = [];
-  const root = document.documentElement;
-  let theme = null;
-  let applied = [];
-  const applyTheme = (t) => {
-    if (!t || typeof t !== "object" || !t.vars || typeof t.vars !== "object") return;
-    const vars = {};
-    for (const [k, v] of Object.entries(t.vars)) if (k.startsWith("--openidea-") && typeof v === "string") vars[k] = v;
-    for (const k of applied) if (!(k in vars)) root.style.removeProperty(k);
-    for (const [k, v] of Object.entries(vars)) root.style.setProperty(k, v);
-    applied = Object.keys(vars);
-    root.dataset.theme = t.dark ? "dark" : "light";
-    theme = Object.freeze({ dark: !!t.dark, vars: Object.freeze(vars) });
-    for (const l of themeListeners) { try { l(theme); } catch (err) { console.error(err); } }
-  };
-  applyTheme(${JSON.stringify(initial).replace(/</g, "\\u003c")});
-  window.addEventListener("message", (e) => {
-    if (e.source !== window.parent || !e.data || e.data.tag !== "${FRAME_TAG}") return;
-    if (e.data.theme) { applyTheme(e.data.theme); return; }
-    for (const l of listeners) { try { l(String(e.data.text)); } catch (err) { console.error(err); } }
-  });
-  window.openidea = Object.freeze({
-    postMessage: (text) => window.parent.postMessage({ tag: "${FRAME_TAG}", text: String(text) }, "*"),
-    onMessage: (fn) => { if (typeof fn === "function") listeners.push(fn); },
-    get theme() { return theme; },
-    onThemeChange: (fn) => { if (typeof fn === "function") themeListeners.push(fn); },
-  });
-})();`;
+/** `window.openidea`, a function expression taking the initial theme (shared with web view pages). */
+const bridge = (initial: FrameTheme | null) =>
+  `(${BRIDGE_SOURCE.trim().replace(/;$/, "")})(${JSON.stringify(initial).replace(/</g, "\\u003c")});`;
 
 const BASE_STYLE =
   "html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}" +
diff --git a/src/features/templates/files/store.ts b/src/features/templates/files/store.ts
index 82d578f7..e605643a 100644
--- a/src/features/templates/files/store.ts
+++ b/src/features/templates/files/store.ts
@@ -28,13 +28,33 @@ interface Customizations {
 
 const EMPTY: Customizations = { templates: {}, deleted: [], includes: {}, deletedIncludes: [], code: {} };
 
+/** Templates plugins contribute (`fileTemplates`): treated like built-ins (customised, reset, hidden). */
+let contributed: readonly FileTemplate[] = [];
+
+const isBase = (id: string) => BUILTIN_IDS.has(id) || contributed.some((t) => t.id === id);
+
 export function mergeFileTemplates(c: Pick<Customizations, "templates" | "deleted">): FileTemplate[] {
   const deleted = new Set(c.deleted);
-  const out = BUILTIN_FILE_TEMPLATES.filter((t) => !deleted.has(t.id)).map((t) => c.templates[t.id] ?? t);
-  for (const t of Object.values(c.templates)) if (!BUILTIN_IDS.has(t.id) && !deleted.has(t.id)) out.push(t);
+  const base = [...BUILTIN_FILE_TEMPLATES, ...contributed];
+  const out = base.filter((t) => !deleted.has(t.id)).map((t) => c.templates[t.id] ?? t);
+  for (const t of Object.values(c.templates)) if (!isBase(t.id) && !deleted.has(t.id)) out.push(t);
   return out;
 }
 
+/** Adds a plugin's template to the New menu until the returned function is called. */
+export function addContributedFileTemplate(t: FileTemplate): () => void {
+  contributed = [...contributed.filter((x) => x.id !== t.id), t];
+  refreshMerged();
+  return () => {
+    contributed = contributed.filter((x) => x !== t);
+    refreshMerged();
+  };
+}
+
+function refreshMerged() {
+  useFileTemplates.setState((s) => ({ templates: mergeFileTemplates(s.custom) }));
+}
+
 export function mergeIncludes(c: Pick<Customizations, "includes" | "deletedIncludes">): TemplateFragment[] {
   const deleted = new Set(c.deletedIncludes);
   const out = BUILTIN_INCLUDES.filter((f) => !deleted.has(f.name)).map((f) => c.includes[f.name] ?? f);
@@ -98,7 +118,7 @@ function commit(custom: Customizations) {
 const custom = () => useFileTemplates.getState().custom;
 
 export const fileTemplates = () => useFileTemplates.getState().templates;
-export const isBuiltinFileTemplate = (id: string) => BUILTIN_IDS.has(id);
+export const isBuiltinFileTemplate = (id: string) => isBase(id);
 
 /** `#parse` lookup over the current scheme's includes, then its code templates. */
 export function templateIncludes(): IncludeResolver {
@@ -115,7 +135,7 @@ export function removeFileTemplate(id: string) {
   const c = custom();
   const templates = { ...c.templates };
   delete templates[id];
-  commit({ ...c, templates, deleted: BUILTIN_IDS.has(id) ? [...new Set([...c.deleted, id])] : c.deleted });
+  commit({ ...c, templates, deleted: isBase(id) ? [...new Set([...c.deleted, id])] : c.deleted });
 }
 
 export function resetFileTemplate(id: string) {
@@ -126,7 +146,7 @@ export function resetFileTemplate(id: string) {
 }
 
 export function isModifiedFileTemplate(id: string): boolean {
-  return BUILTIN_IDS.has(id) && id in custom().templates;
+  return isBase(id) && id in custom().templates;
 }
 
 /** Saves an include; `previous` is its name before a rename. */
diff --git a/src/platform/locales/text/zh.json b/src/platform/locales/text/zh.json
index b7aa0b6d..59cd5408 100644
--- a/src/platform/locales/text/zh.json
+++ b/src/platform/locales/text/zh.json
@@ -5770,5 +5770,11 @@
   "{icons} icons": "{icons} 个图标",
   "Use Default Icons": "使用默认图标",
   "Apply icon theme {label}": "应用图标主题 {label}",
-  "File Icon Themes": "文件图标主题"
+  "File Icon Themes": "文件图标主题",
+  "File Icons": "文件图标",
+  "File Templates": "文件模板",
+  "Cannot show {label}": "无法显示 {label}",
+  "{title} layout": "{title} 布局",
+  "Editor and {title}": "编辑器和{title}",
+  "{title} Only": "仅{title}"
 }
diff --git a/src/ui/icons.tsx b/src/ui/icons.tsx
index 6ea79a90..b7fa0fa0 100644
--- a/src/ui/icons.tsx
+++ b/src/ui/icons.tsx
@@ -986,10 +986,27 @@ export function setFileIconOverride(resolve: ((fileName: string) => IconName | n
   iconOverride = resolve;
 }
 
+/** Icons for particular files (plugin `fileIcons`), newest first: after the user's, before the icon theme's. */
+let fileIconProviders: ReadonlyArray<(fileName: string) => string | null> = [];
+
+/** Adds a file icon provider (an `ext:` icon name or null); the returned function removes it. */
+export function addFileIconProvider(resolve: (fileName: string) => string | null): () => void {
+  fileIconProviders = [resolve, ...fileIconProviders];
+  useFileIconRevision.setState((n) => n + 1, true);
+  return () => {
+    fileIconProviders = fileIconProviders.filter((p) => p !== resolve);
+    useFileIconRevision.setState((n) => n + 1, true);
+  };
+}
+
 /** Picks a file-type icon from a file name. */
 export function fileIconName(fileName: string): IconName {
   const custom = iconOverride?.(fileName);
   if (custom) return custom;
+  for (const provide of fileIconProviders) {
+    const icon = provide(fileName);
+    if (icon && iconPath(icon)) return icon as IconName;
+  }
   const themed = fileIconTheme?.file(fileName);
   if (themed) return themed as IconName;
   const lower = fileName.toLowerCase();
diff --git a/vite.config.ts b/vite.config.ts
index 8e276db7..366eed43 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -25,8 +25,19 @@ export default defineConfig(() => ({
     strictPort: true,
     host: host || false,
     hmr: host ? { protocol: "ws", host } : undefined,
-    watch: { ignored: ["**/src-tauri/**", "**/crates/**", "**/target/**"] },
+    watch: {
+      ignored: [
+        "**/src-tauri/**",
+        "**/crates/**",
+        "**/target/**",
+        // The packages' sources and builds (not `src/features/plugins`).
+        `${fileURLToPath(new URL("./plugins", import.meta.url))}/**`,
+      ],
+    },
   },
+  // The app's own entry only: plugins' web pages (`plugins/**/web-src`) are
+  // separate projects with their own dependencies, never part of this bundle.
+  optimizeDeps: { entries: ["index.html"] },
   build: {
     target: "safari16",
     sourcemap: true,