diff --git a/graphlink_app/tests/fixtures/composer_styles_pre_retrofit.css b/graphlink_app/tests/fixtures/composer_styles_pre_retrofit.css
deleted file mode 100644
index d36df6f4..00000000
--- a/graphlink_app/tests/fixtures/composer_styles_pre_retrofit.css
+++ /dev/null
@@ -1,291 +0,0 @@
-/* Theme variables + utility generation only - deliberately NOT
-   "@import "tailwindcss";" (which also pulls in Tailwind's preflight
-   reset: * { margin:0; padding:0; border:0; box-sizing:border-box },
-   list-style/img/button resets, etc. - a real, visible rendering change,
-   not something this install-only increment should introduce). This
-   island's existing CSS already establishes its own baseline; preflight
-   adoption is a decision for whichever increment actually retrofits THIS
-   island onto Tailwind utilities - it does not generalize to future
-   islands with richer markup (headings/lists/paragraphs from markdown,
-   e.g. help/chat-library/document-viewer), which will need their own
-   reset decision, not an inherited assumption that composer's answer
-   already covers them.
-
-   Tailwind's automatic content scanner has no @source restriction by
-   default - it scans every non-ignored file's raw TEXT for candidate
-   utility names, not just real className="..." usage. Confirmed by
-   adversarial review: plain identifier words that are also valid
-   unprefixed Tailwind utilities (e.g. "border", a TS object key in
-   bridgeTypes.ts; "resize", a method name in bridge.ts) were getting
-   matched and compiled into live (if currently unused, since nothing
-   applies those classNames) CSS. Harmless today, but a real latent
-   collision: the first time a real className="border" is ever added
-   here meaning something else, it would silently pick up Tailwind's
-   utility instead. Scoped scanning to only the file types that can
-   legitimately author a Tailwind className in this workspace. */
-@source not "**/*.ts";
-@source not "**/*.css";
-
-@import "tailwindcss/theme" layer(theme);
-@import "tailwindcss/utilities" layer(utilities);
-@import "../../lib/tokens/gl-theme.css";
-
-:root {
-  color-scheme: dark;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-size: 13px;
-  color: #e7e7e7;
-  background: transparent;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-}
-
-* { box-sizing: border-box; }
-html, body, #root { width: 100%; margin: 0; background: transparent; }
-body { min-width: 320px; overflow: hidden; }
-button, textarea { font: inherit; }
-button { color: inherit; }
-
-.composer-shell {
-  position: relative;
-  width: 100%;
-  min-height: 0;
-  padding: 9px 10px 8px;
-  overflow: visible;
-  border: 1px solid rgba(150, 150, 150, 0.34);
-  border-radius: 14px;
-  background: #1f1f1f;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.20), inset 0 1px rgba(255, 255, 255, 0.035);
-  transition: border-color 150ms ease, box-shadow 150ms ease;
-}
-
-.composer-shell:focus-within {
-  border-color: rgba(160, 160, 160, 0.82);
-  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22), 0 0 0 2px rgba(160, 160, 160, 0.12);
-}
-
-.composer-footer, .footer-left, .footer-right {
-  display: flex;
-  align-items: center;
-}
-
-.attach-button, .attachment-count, .send-button {
-  border: 0;
-  cursor: pointer;
-  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease,
-    opacity 140ms ease, transform 140ms ease;
-}
-
-.icon {
-  width: 15px;
-  height: 15px;
-  fill: none;
-  stroke: currentColor;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  stroke-width: 1.8;
-}
-
-.input-wrap {
-  min-height: 42px;
-  border-radius: 8px;
-  background: transparent;
-}
-
-textarea {
-  display: block;
-  width: 100%;
-  min-height: 42px;
-  max-height: 160px;
-  resize: none;
-  overflow-y: auto;
-  padding: 8px 4px 5px;
-  border: 0;
-  outline: 0;
-  color: #eeeeee;
-  background: transparent;
-  line-height: 1.45;
-  scrollbar-color: #555555 transparent;
-}
-
-textarea::placeholder { color: #888888; }
-textarea:disabled { cursor: wait; opacity: 0.7; }
-
-.composer-footer {
-  min-height: 30px;
-  justify-content: space-between;
-  gap: 12px;
-  margin-top: 3px;
-}
-
-.footer-left, .footer-right { min-width: 0; gap: 8px; }
-.footer-left { flex: 1 1 auto; }
-.footer-right { flex: 0 0 auto; justify-content: flex-end; }
-
-.attachment-control {
-  position: relative;
-  display: inline-flex;
-  width: 30px;
-  height: 30px;
-  flex: 0 0 30px;
-  align-items: center;
-  justify-content: center;
-}
-
-.attach-button {
-  display: grid;
-  width: 30px;
-  height: 30px;
-  place-items: center;
-  border: 1px solid rgba(150, 150, 150, 0.28);
-  border-radius: 8px;
-  color: #c0c0c0;
-  background: rgba(255, 255, 255, 0.018);
-}
-
-.attach-button:hover:not(:disabled) {
-  border-color: rgba(160, 160, 160, 0.72);
-  color: #f4f4f4;
-  background: rgba(160, 160, 160, 0.10);
-}
-
-.attachment-count {
-  position: absolute;
-  top: -5px;
-  right: -7px;
-  z-index: 2;
-  display: grid;
-  min-width: 18px;
-  height: 18px;
-  place-items: center;
-  padding: 0 4px;
-  border: 1px solid #1f1f1f;
-  border-radius: 999px;
-  color: #ededed;
-  background: #555555;
-  font-size: 9px;
-  font-weight: 750;
-  line-height: 1;
-}
-
-.attachment-count:hover:not(:disabled) {
-  color: #ffffff;
-  background: #666666;
-}
-
-.attachment-count:disabled { cursor: default; opacity: 0.45; }
-
-button:focus-visible {
-  outline: 2px solid rgba(156, 156, 156, 0.82);
-  outline-offset: 2px;
-}
-
-button:disabled { cursor: default; opacity: 0.38; }
-
-.restored-pill {
-  padding: 3px 7px;
-  border: 1px solid rgba(150, 150, 150, 0.28);
-  border-radius: 999px;
-  color: #c7c7c7;
-  background: rgba(160, 160, 160, 0.08);
-  font-size: 9px;
-}
-
-.composer-control {
-  display: inline-flex;
-  min-width: 0;
-  max-width: 190px;
-  overflow: hidden;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 6px;
-  border: 1px solid transparent;
-  border-radius: 7px;
-  color: #c0c0c0;
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-}
-
-.composer-control:hover:not(:disabled),
-.composer-control[aria-expanded="true"] {
-  border-color: rgba(160, 160, 160, 0.34);
-  color: #f0f0f0;
-  background: rgba(255, 255, 255, 0.045);
-}
-
-.composer-control .icon {
-  width: 11px;
-  height: 11px;
-  flex: 0 0 auto;
-  color: #909090;
-}
-
-.control-copy {
-  flex: 1 1 auto;
-  min-width: 0;
-  display: grid;
-  gap: 1px;
-}
-
-.control-kicker {
-  overflow: hidden;
-  color: #8a8a8a;
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.control-value {
-  overflow: hidden;
-  color: #dddddd;
-  font-size: 10px;
-  font-weight: 650;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.reasoning-control {
-  width: 118px;
-  flex: 0 0 118px;
-}
-
-.model-control {
-  width: 190px;
-  flex: 0 0 190px;
-}
-
-.send-button {
-  display: grid;
-  width: 34px;
-  height: 30px;
-  place-items: center;
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  border-radius: 9px;
-  color: #ffffff;
-  background: #414141;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
-}
-
-.send-button:hover:not(:disabled) { transform: translateY(-1px); background: #555555; }
-.send-button:disabled { box-shadow: none; }
-.send-button.cancel { background: #4a4a4a; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.20); }
-
-.request-status {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  margin: 6px 3px 1px;
-  color: #b0b0b0;
-  font-size: 10px;
-}
-
-.request-status.failed { color: #b0b0b0; }
-.request-status button { padding: 0; border: 0; color: #bdbdbd; background: transparent; cursor: pointer; font-weight: 650; }
-
-@media (max-width: 540px) {
-  .reasoning-control { display: none; }
-  .model-control { width: 150px; flex-basis: 150px; }
-}
diff --git a/graphlink_app/tests/test_composer_model_controls.py b/graphlink_app/tests/test_composer_model_controls.py
index 04425374..bcfb279d 100644
--- a/graphlink_app/tests/test_composer_model_controls.py
+++ b/graphlink_app/tests/test_composer_model_controls.py
@@ -141,18 +141,6 @@ def test_cloud_route_uses_persisted_catalog_and_selection_updates_chat_task():
     assert settings.api_models[config.TASK_CHAT] == "cloud-fast"
 
 
-def test_composer_footer_has_stable_model_width_and_no_status_dot():
-    source_root = Path(__file__).resolve().parents[2] / "web_ui" / "src" / "islands" / "composer"
-    composer_source = (source_root / "ComposerApp.tsx").read_text(encoding="utf-8")
-    styles_source = (source_root / "styles.css").read_text(encoding="utf-8")
-
-    assert "status-dot" not in composer_source
-    assert ".status-dot" not in styles_source
-    assert "width: 190px;" in styles_source
-    assert "flex: 0 0 190px;" in styles_source
-    assert "text-overflow: ellipsis;" in styles_source
-
-
 def test_quick_reasoning_disables_ollama_thinking_for_reasoning_models(monkeypatch):
     monkeypatch.setattr(api_provider, "USE_API_MODE", False)
     monkeypatch.setattr(api_provider, "LOCAL_PROVIDER_TYPE", config.LOCAL_PROVIDER_OLLAMA)
diff --git a/graphlink_app/tests/test_composer_token_retrofit.py b/graphlink_app/tests/test_composer_token_retrofit.py
deleted file mode 100644
index 40847a86..00000000
--- a/graphlink_app/tests/test_composer_token_retrofit.py
+++ /dev/null
@@ -1,191 +0,0 @@
-"""Coverage for the composer island's CSS token retrofit.
-
-Two independent guarantees live here, and the distinction matters:
-
-1. `styles.css` contains no hardcoded color literal (the "zero hardcoded hex"
-   requirement itself).
-2. Every `var(--gl-composer-*)` in `styles.css` resolves, for every theme, to
-   exactly the literal that used to sit at that same site.
-
-(1) alone would pass if every literal were replaced by the WRONG token - the
-file would be clean and the app would be visibly broken. (2) is what actually
-proves the retrofit was value-preserving, by textually re-substituting every
-token back and comparing against a checked-in copy of the pre-retrofit file.
-It is the direct analog of the QSS golden test in test_qss_generation.py.
-
-Line endings: both the fixture and the live file are read in ordinary
-universal-newline text mode, never with newline="". `.gitattributes` sets
-`* text=auto`, so a fresh checkout on Windows can materialize either file with
-CRLF; a byte-exact comparison would then fail for a reason that has nothing to
-do with this retrofit. That exact bug already shipped once here and had to be
-fixed in the QSS golden test - not repeating it.
-"""
-
-import re
-import sys
-from pathlib import Path
-
-sys.path.insert(0, str(Path(__file__).resolve().parents[1]))
-
-import pytest
-
-import graphlink_styles as gs
-from graphlink_styles import THEMES
-
-_REPO_ROOT = Path(__file__).resolve().parents[2]
-_STYLES = _REPO_ROOT / "web_ui" / "src" / "islands" / "composer" / "styles.css"
-_FIXTURE = Path(__file__).parent / "fixtures" / "composer_styles_pre_retrofit.css"
-_DEV_VARS = _REPO_ROOT / "web_ui" / "src" / "lib" / "tokens" / "gl-vars-dev.css"
-_MAIN_TSX = _REPO_ROOT / "web_ui" / "src" / "islands" / "composer" / "main.tsx"
-
-# Matches the color literals this retrofit removed. Deliberately the same two
-# patterns used to capture them in the first place, so the "did we get them
-# all" question is answered by the same definition that answered "what is
-# there".
-_COLOR_LITERAL_RE = re.compile(r"#[0-9a-fA-F]{3,8}\b|rgba?\([^)]*\)")
-_VAR_RE = re.compile(r"var\((--gl-composer-[a-z0-9-]+)\)")
-
-
-def _read(path: Path) -> str:
-    return path.read_text(encoding="utf-8")
-
-
-class TestNoHardcodedColors:
-    def test_styles_css_contains_no_color_literal(self):
-        found = _COLOR_LITERAL_RE.findall(_read(_STYLES))
-
-        assert found == [], (
-            f"{_STYLES.name} still contains hardcoded color literal(s): {found}. "
-            "Every color in this island must come from a --gl-composer-* token."
-        )
-
-    def test_the_fixture_still_records_the_pre_retrofit_literals(self):
-        # Guards the guard: if someone regenerated the fixture from the
-        # retrofitted file, the golden test below would pass vacuously.
-        found = _COLOR_LITERAL_RE.findall(_read(_FIXTURE))
-
-        assert len(found) == 43, (
-            f"The pre-retrofit fixture should hold exactly 43 color literals, found "
-            f"{len(found)}. If this fixture was regenerated from the current "
-            "styles.css, the resolution-golden test below is no longer proving "
-            "anything - restore it from history instead."
-        )
-
-
-class TestResolutionGolden:
-    """Substitute every token back and compare against the pre-retrofit file."""
-
-    @pytest.mark.parametrize("theme_name", sorted(THEMES))
-    def test_resolving_every_token_reproduces_the_original_file(self, theme_name):
-        properties = gs.css_custom_properties(theme_name)
-        styles = _read(_STYLES)
-
-        def resolve(match: re.Match[str]) -> str:
-            name = match.group(1)
-            # A typo'd token name raises here rather than silently rendering as
-            # an invalid computed value in the browser.
-            return properties[name]
-
-        resolved = _VAR_RE.sub(resolve, styles)
-
-        assert resolved == _read(_FIXTURE), (
-            f"Resolving styles.css against the {theme_name!r} theme does not "
-            "reproduce the pre-retrofit file byte-for-byte."
-        )
-
-    def test_every_theme_resolves_identically_today(self):
-        """The machine-checkable statement "composer is theme-invariant".
-
-        This is expected to FAIL LOUDLY the day a real per-theme composer
-        palette is authored - that is the point, not collateral damage. When it
-        does, this assertion should be deliberately inverted, not deleted, and
-        the per-theme resolution test above becomes the one that matters.
-        """
-        styles = _read(_STYLES)
-        resolved = {}
-        for theme_name in THEMES:
-            properties = gs.css_custom_properties(theme_name)
-            resolved[theme_name] = _VAR_RE.sub(
-                lambda m: properties[m.group(1)], styles
-            )
-
-        assert len(set(resolved.values())) == 1, (
-            "Composer no longer resolves identically across themes. If that is "
-            "intentional (a real per-theme palette was authored), invert this "
-            "assertion deliberately and record the design decision."
-        )
-
-
-class TestTokenSurface:
-    def test_every_token_referenced_by_css_exists_in_every_theme(self):
-        referenced = set(_VAR_RE.findall(_read(_STYLES)))
-
-        assert referenced, "expected styles.css to reference --gl-composer-* tokens"
-        for theme_name in THEMES:
-            exported = set(gs.css_custom_properties(theme_name))
-            missing = referenced - exported
-            assert not missing, f"{theme_name}: styles.css references undefined {missing}"
-
-    def test_every_island_token_is_actually_used_by_the_css(self):
-        # The reverse direction: a token nobody references is dead weight that
-        # a future reader would reasonably assume is load-bearing.
-        referenced = set(_VAR_RE.findall(_read(_STYLES)))
-        island = gs.island_property_names("dark")
-
-        unused = island - referenced
-        assert not unused, (
-            f"These island tokens are exported but referenced nowhere in "
-            f"styles.css: {sorted(unused)}"
-        )
-
-    def test_island_tokens_are_excluded_from_the_tailwind_theme_block(self):
-        block = gs.tailwind_theme_css()
-
-        assert "composer" not in block, (
-            "Island-scoped tokens must not be registered as Tailwind design "
-            "tokens - that would publish one island's private palette as a "
-            "workspace-wide utility surface."
-        )
-
-    def test_island_token_names_are_computed_from_key_sets_not_prefix_matching(self):
-        # A same-prefixed app-wide token must NOT be swallowed by the carve-out.
-        names = gs.island_property_names("dark")
-
-        assert "--gl-composer-shell-background" in names
-        assert "--gl-composer-not-a-real-token" not in names
-
-    @pytest.mark.parametrize("theme_name", sorted(THEMES))
-    def test_the_two_composer_groups_have_disjoint_keys(self, theme_name):
-        # They flatten under one shared prefix, so a collision would mean one
-        # silently overwrites the other.
-        flat = set(gs.THEME_TOKENS[theme_name]["composer"])
-        alpha = set(gs.THEME_TOKENS[theme_name]["composer_alpha"])
-
-        assert not (flat & alpha)
-
-    def test_composer_groups_have_identical_keys_across_themes(self):
-        # mono's qss group is genuinely 9 keys short of dark's, so this failure
-        # mode is live in this table - guard the new groups against it.
-        for group in ("composer", "composer_alpha"):
-            key_sets = {t: set(gs.THEME_TOKENS[t][group]) for t in THEMES}
-            assert len({frozenset(k) for k in key_sets.values()}) == 1, (
-                f"{group} has differing keys across themes: "
-                f"{ {t: sorted(k) for t, k in key_sets.items()} }"
-            )
-
-
-class TestDevServerVariablesCoverComposer:
-    """Only the composer-specific half of the dev-variables contract lives here.
-
-    The file's own staleness/dev-only coverage is in test_gl_vars_dev_css.py,
-    deliberately: gl-vars-dev.css mirrors EVERY dark value, so editing an
-    unrelated palette color makes it stale - and that failure should not be
-    reported by a test named for the composer retrofit.
-    """
-
-    def test_it_defines_every_token_the_composer_css_references(self):
-        referenced = set(_VAR_RE.findall(_read(_STYLES)))
-        defined = set(re.findall(r"^\s*(--gl-[a-z0-9-]+):", _read(_DEV_VARS), re.MULTILINE))
-
-        missing = referenced - defined
-        assert not missing, f"gl-vars-dev.css does not define {missing}"
diff --git a/graphlink_app/tests/test_gl_vars_dev_css.py b/graphlink_app/tests/test_gl_vars_dev_css.py
index 878fd082..4d86530c 100644
--- a/graphlink_app/tests/test_gl_vars_dev_css.py
+++ b/graphlink_app/tests/test_gl_vars_dev_css.py
@@ -26,7 +26,6 @@
 
 _REPO_ROOT = Path(__file__).resolve().parents[2]
 GENERATED_FILE = _REPO_ROOT / "web_ui" / "src" / "lib" / "tokens" / "gl-vars-dev.css"
-_MAIN_TSX = _REPO_ROOT / "web_ui" / "src" / "islands" / "composer" / "main.tsx"
 
 _REGENERATE_HINT = (
     "Regenerate it: write graphlink_styles.css_root_block('dark') to "
@@ -92,25 +91,6 @@ class TestGlVarsDevCssIsDevOnly:
     injection instead of letting it show.
     """
 
-    def test_it_is_imported_behind_the_dev_flag(self):
-        main_tsx = _read(_MAIN_TSX)
-
-        assert "gl-vars-dev.css" in main_tsx, "main.tsx must import the dev variables"
-        # Match the real import expression rather than a bare substring, so a
-        # comment mentioning the filename can't satisfy (or spuriously break)
-        # this, and an unconditional import below an unrelated
-        # `const isDev = import.meta.env.DEV` can't sneak past a naive
-        # index comparison.
-        guarded_import = re.search(
-            r"if\s*\(\s*import\.meta\.env\.DEV\s*\)\s*\{[^}]*gl-vars-dev\.css[^}]*\}",
-            main_tsx,
-            re.DOTALL,
-        )
-        assert guarded_import, (
-            "gl-vars-dev.css must be imported inside an `if (import.meta.env.DEV)` "
-            "block so Vite statically eliminates it from the production bundle"
-        )
-
     def test_no_island_imports_it_unconditionally(self):
         # main.tsx is not the only possible importer once a second island
         # exists; scan the whole workspace source tree. See _strip_js_comments()
diff --git a/web_ui/src/islands/about/App.test.tsx b/web_ui/src/islands/about/App.test.tsx
deleted file mode 100644
index 53fe3f8a..00000000
--- a/web_ui/src/islands/about/App.test.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialAboutState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createAboutBridge() falls through to
-// the mock bridge automatically for the smoke test below - same pattern as
-// every other island's App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("renders the app name, version, and developer credits from the initial state", () => {
-    render(<App />);
-
-    expect(screen.getByText(initialAboutState.appName)).toBeInTheDocument();
-    expect(screen.getByText(`Version ${initialAboutState.appVersion}`)).toBeInTheDocument();
-    expect(screen.getByText(initialAboutState.developerName)).toBeInTheDocument();
-    expect(screen.getByText(initialAboutState.copyrightText)).toBeInTheDocument();
-  });
-
-  it("renders the 3 link buttons and the Close button", () => {
-    render(<App />);
-
-    expect(screen.getByRole("button", { name: "Graphlink Repository" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Personal Webpage" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Personal GitHub" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Close" })).toBeInTheDocument();
-  });
-
-  it("clicking a link button and Close do not throw against the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Graphlink Repository" }));
-    await user.click(screen.getByRole("button", { name: "Close" }));
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-    openExternal: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { aboutBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("clicking the Graphlink Repository button calls through to openExternal with its URL", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(
-      JSON.stringify({
-        ...initialAboutState,
-        repositoryUrl: "https://github.com/dovvnloading/Graphlink",
-      }),
-    );
-
-    await user.click(await screen.findByRole("button", { name: "Graphlink Repository" }));
-
-    expect(remote.openExternal).toHaveBeenCalledWith("https://github.com/dovvnloading/Graphlink");
-  });
-
-  it("clicking Personal Webpage and Personal GitHub call through with their own URLs", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(
-      JSON.stringify({
-        ...initialAboutState,
-        developerWebsiteUrl: "https://mattwesney.com",
-        developerGithubUrl: "https://github.com/dovvnloading",
-      }),
-    );
-
-    await user.click(await screen.findByRole("button", { name: "Personal Webpage" }));
-    await user.click(screen.getByRole("button", { name: "Personal GitHub" }));
-
-    expect(remote.openExternal).toHaveBeenCalledWith("https://mattwesney.com");
-    expect(remote.openExternal).toHaveBeenCalledWith("https://github.com/dovvnloading");
-  });
-
-  it("clicking Close calls through to the remote's close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("pressing Escape calls through to the remote's close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.keyboard("{Escape}");
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialAboutState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("About is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/about/App.tsx b/web_ui/src/islands/about/App.tsx
deleted file mode 100644
index 9d9f885a..00000000
--- a/web_ui/src/islands/about/App.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { AboutState, initialAboutState } from "./bridgeTypes";
-import { AboutBridge, BridgeRejection, createAboutBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<AboutState>(initialAboutState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<AboutBridge | null>(null);
-
-  useEffect(() => {
-    const bridge = createAboutBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // The legacy dialog was frameless title-bar-only (no context-help button,
-  // native close button retained); this frameless WebIslandHost has no
-  // native title bar at all, so Escape has to substitute for it explicitly.
-  useEffect(() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "Escape") {
-        bridgeRef.current?.close();
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="About is unavailable"
-        rejection={rejection}
-        className="about-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="about-shell">
-      <h1 className="about-title">{state.appName}</h1>
-      <p className="about-version">Version {state.appVersion}</p>
-
-      <div className="about-divider" />
-
-      <div className="about-links">
-        <p className="about-section-label">Project</p>
-        <button
-          type="button"
-          className="about-link-btn"
-          onClick={() => bridgeRef.current?.openExternal(state.repositoryUrl)}
-        >
-          Graphlink Repository
-        </button>
-
-        <p className="about-section-label about-section-label-spaced">Developed By</p>
-        <p className="about-dev-name">{state.developerName}</p>
-        <button
-          type="button"
-          className="about-link-btn"
-          onClick={() => bridgeRef.current?.openExternal(state.developerWebsiteUrl)}
-        >
-          Personal Webpage
-        </button>
-        <button
-          type="button"
-          className="about-link-btn"
-          onClick={() => bridgeRef.current?.openExternal(state.developerGithubUrl)}
-        >
-          Personal GitHub
-        </button>
-      </div>
-
-      <div className="about-footer">
-        <span className="about-copyright">{state.copyrightText}</span>
-        <button type="button" className="about-close-btn" onClick={() => bridgeRef.current?.close()}>
-          Close
-        </button>
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/about/bridge.test.ts b/web_ui/src/islands/about/bridge.test.ts
deleted file mode 100644
index 1b8e6715..00000000
--- a/web_ui/src/islands/about/bridge.test.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createAboutBridge } from "./bridge";
-import { initialAboutState, AboutState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<AboutState> = {}): string {
-  return JSON.stringify({ ...initialAboutState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-    openExternal: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { aboutBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createAboutBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createAboutBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialAboutState);
-  });
-
-  it("close() on the mock bridge does not throw", () => {
-    const bridge = createAboutBridge(() => {});
-    expect(() => bridge.close()).not.toThrow();
-  });
-
-  it("openExternal() on the mock bridge does not throw", () => {
-    const bridge = createAboutBridge(() => {});
-    expect(() => bridge.openExternal("https://example.com")).not.toThrow();
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createAboutBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createAboutBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createAboutBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createAboutBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ appVersion: "9.9.9" }));
-
-      expect(listener).toHaveBeenCalledWith(expect.objectContaining({ appVersion: "9.9.9" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("close and openExternal call through to their own remote methods", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createAboutBridge(() => {});
-
-      bridge.close();
-      bridge.openExternal("https://example.com");
-
-      expect(remote.close).toHaveBeenCalledTimes(1);
-      expect(remote.openExternal).toHaveBeenCalledWith("https://example.com");
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createAboutBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createAboutBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/about/bridge.ts b/web_ui/src/islands/about/bridge.ts
deleted file mode 100644
index d4487693..00000000
--- a/web_ui/src/islands/about/bridge.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { AboutState, initialAboutState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateAboutState } from "../../lib/bridge-core/generated/about-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: AboutState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtAboutObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  close: () => void;
-  openExternal: (url: string) => void;
-}
-
-export interface AboutBridge {
-  ready(): void;
-  close(): void;
-  openExternal(url: string): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateAboutState);
-}
-
-class MockAboutBridge implements AboutBridge {
-  private readonly state: AboutState = structuredClone(initialAboutState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  close(): void {
-    // No real top-level window to close in the mock/test environment.
-  }
-
-  openExternal(): void {
-    // No real browser to open in the mock/test environment - a no-op,
-    // same treatment every other island gives a native-only action with
-    // no dev-mode stand-in (e.g. settings' pickLlamaCppChatModelFile).
-    // Fewer params than the interface declares is valid TS here (a class
-    // method implementation may ignore trailing arguments).
-  }
-
-  dispose(): void {}
-}
-
-export function createAboutBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): AboutBridge {
-  const fallback = new MockAboutBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtAboutObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[about bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.aboutBridge as QtAboutObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtAboutObject>(
-    method: K,
-    ...args: QtAboutObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    close: () => call("close"),
-    openExternal: (url) => call("openExternal", url),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/about/bridgeTypes.ts b/web_ui/src/islands/about/bridgeTypes.ts
deleted file mode 100644
index e1f96c6a..00000000
--- a/web_ui/src/islands/about/bridgeTypes.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * The about-dialog island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). Every field here is a build-time
- * constant on the Python side - there is no live app state on this
- * surface at all.
- */
-export type { AboutState } from "../../lib/bridge-core/generated/about-state";
-
-import type { AboutState } from "../../lib/bridge-core/generated/about-state";
-
-export const initialAboutState: AboutState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  appName: "Graphlink",
-  appVersion: "0.0.0-dev",
-  repositoryUrl: "https://github.com/dovvnloading/Graphlink",
-  developerName: "Matthew Robert Wesney",
-  developerWebsiteUrl: "https://mattwesney.com",
-  developerGithubUrl: "https://github.com/dovvnloading",
-  copyrightText: "© 2026",
-};
diff --git a/web_ui/src/islands/about/index.html b/web_ui/src/islands/about/index.html
deleted file mode 100644
index ed1bf000..00000000
--- a/web_ui/src/islands/about/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>About Graphlink</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/about/main.tsx b/web_ui/src/islands/about/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/about/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/about/styles.css b/web_ui/src/islands/about/styles.css
deleted file mode 100644
index c122233e..00000000
--- a/web_ui/src/islands/about/styles.css
+++ /dev/null
@@ -1,152 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. The legacy AboutDialog was
-   dark-mode-only (hardcoded #1E1E1E background, near-all-literal colors) -
-   deliberately NOT preserved here; this island reacts to the real app
-   theme via the shared build-time embedding instead, per the Phase 4
-   scope note. Sized to match the legacy dialog's resize(420, 420). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.about-shell {
-  box-sizing: border-box;
-  width: 420px;
-  height: 420px;
-  display: flex;
-  flex-direction: column;
-  padding: 30px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-}
-
-.about-title {
-  margin: 0;
-  font-size: 26px;
-  font-weight: 900;
-  letter-spacing: 1px;
-  text-align: center;
-  color: var(--gl-palette-selection);
-}
-
-.about-version {
-  margin: 4px 0 0 0;
-  font-size: 12px;
-  text-align: center;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.about-divider {
-  height: 1px;
-  margin: 16px 0;
-  background-color: var(--gl-neutral-button-border);
-}
-
-.about-links {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 0 16px;
-}
-
-.about-section-label {
-  margin: 0;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.about-section-label-spaced {
-  margin-top: 16px;
-}
-
-.about-dev-name {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--gl-neutral-button-icon);
-}
-
-.about-link-btn {
-  box-sizing: border-box;
-  padding: 10px 20px;
-  text-align: left;
-  font-size: 12px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.about-link-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.about-footer {
-  margin-top: auto;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.about-copyright {
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-/* No --gl-* token exists yet for "text on an accent-filled background", so
-   this follows the established settings-button-primary convention instead
-   of introducing a raw literal: accent-colored border+text on a neutral
-   background, not a solid accent fill. */
-.about-close-btn {
-  box-sizing: border-box;
-  width: 100px;
-  height: 32px;
-  font-size: 12px;
-  font-weight: 700;
-  font-family: inherit;
-  color: var(--gl-palette-selection);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-palette-selection);
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.about-close-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/chat-library/App.test.tsx b/web_ui/src/islands/chat-library/App.test.tsx
deleted file mode 100644
index a1f7d236..00000000
--- a/web_ui/src/islands/chat-library/App.test.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, within } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialChatLibraryState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const ROWS = [
-  { id: 1, title: "First chat", createdLabel: "Jul 01, 2026 09:30 AM", updatedLabel: "Jul 05, 2026 02:00 PM" },
-  { id: 2, title: "Second chat", createdLabel: "Jul 02, 2026 10:00 AM", updatedLabel: "Jul 06, 2026 11:15 AM" },
-];
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders the empty placeholder and the default toolbar", () => {
-    render(<App />);
-
-    expect(screen.getByText("No saved chats yet.")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "New Chat" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Rename" })).toBeDisabled();
-    expect(screen.getByRole("button", { name: "Delete" })).toBeDisabled();
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    refresh: vi.fn(),
-    loadChat: vi.fn(),
-    deleteChat: vi.fn(),
-    renameChat: vi.fn(),
-    newChat: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { chatLibraryBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, rows = ROWS, extra: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialChatLibraryState, revision: 1, rows, ...extra }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders each saved chat row with its title and formatted timestamps", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote);
-
-    expect(await screen.findByText("First chat")).toBeInTheDocument();
-    expect(screen.getByText("Second chat")).toBeInTheDocument();
-    expect(screen.getByText(/Updated Jul 05, 2026 02:00 PM/)).toBeInTheDocument();
-    expect(screen.getByText("2 saved chats.")).toBeInTheDocument();
-  });
-
-  it("filters the list client-side as the user types, with no bridge round-trip", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First chat");
-
-    await user.type(screen.getByRole("textbox", { name: "Search chats" }), "second");
-
-    expect(screen.queryByText("First chat")).not.toBeInTheDocument();
-    expect(screen.getByText("Second chat")).toBeInTheDocument();
-    expect(screen.getByText("Showing 1 of 2 saved chats.")).toBeInTheDocument();
-    expect(remote.refresh).not.toHaveBeenCalled();
-  });
-
-  it("double-clicking a row loads it through the bridge", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-
-    await user.dblClick(await screen.findByText("Second chat"));
-
-    expect(remote.loadChat).toHaveBeenCalledWith(2);
-  });
-
-  it("Enter in the search box loads the selected row", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First chat");
-
-    const search = screen.getByRole("textbox", { name: "Search chats" });
-    await user.click(search);
-    await user.keyboard("{ArrowDown}{Enter}"); // move to Second chat, then load
-
-    expect(remote.loadChat).toHaveBeenCalledWith(2);
-  });
-
-  it("delete is a two-step confirm: first click arms, Confirm Delete commits", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await user.click(await screen.findByText("Second chat"));
-
-    await user.click(screen.getByRole("button", { name: "Delete" }));
-    expect(screen.getByText(/Delete this chat\? This cannot be undone\./)).toBeInTheDocument();
-    expect(remote.deleteChat).not.toHaveBeenCalled();
-
-    await user.click(screen.getByRole("button", { name: "Confirm Delete" }));
-    expect(remote.deleteChat).toHaveBeenCalledWith(2);
-  });
-
-  it("delete confirm can be cancelled without deleting", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await user.click(await screen.findByText("First chat"));
-
-    await user.click(screen.getByRole("button", { name: "Delete" }));
-    await user.click(screen.getByRole("button", { name: "Cancel" }));
-
-    expect(remote.deleteChat).not.toHaveBeenCalled();
-    expect(screen.getByRole("button", { name: "New Chat" })).toBeInTheDocument();
-  });
-
-  it("rename opens an inline input prefilled with the title and commits the trimmed value", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await user.click(await screen.findByText("First chat"));
-
-    await user.click(screen.getByRole("button", { name: "Rename" }));
-    const input = screen.getByRole("textbox", { name: "New chat title" });
-    expect(input).toHaveValue("First chat");
-
-    await user.clear(input);
-    await user.type(input, "  Renamed  ");
-    await user.click(screen.getByRole("button", { name: "Save" }));
-
-    expect(remote.renameChat).toHaveBeenCalledWith(1, "Renamed");
-  });
-
-  it("rename Save is disabled for an empty draft", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await user.click(await screen.findByText("First chat"));
-
-    await user.click(screen.getByRole("button", { name: "Rename" }));
-    await user.clear(screen.getByRole("textbox", { name: "New chat title" }));
-
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
-    expect(remote.renameChat).not.toHaveBeenCalled();
-  });
-
-  it("New Chat calls the bridge (its native confirm lives Python-side)", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First chat");
-
-    await user.click(screen.getByRole("button", { name: "New Chat" }));
-
-    expect(remote.newChat).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape in the search box closes the dialog through the bridge", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First chat");
-
-    await user.click(screen.getByRole("textbox", { name: "Search chats" }));
-    await user.keyboard("{Escape}");
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape cancels an armed delete confirm before it would close the dialog", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await user.click(await screen.findByText("First chat"));
-    await user.click(screen.getByRole("button", { name: "Delete" }));
-
-    await user.click(screen.getByRole("textbox", { name: "Search chats" }));
-    await user.keyboard("{Escape}");
-
-    expect(remote.close).not.toHaveBeenCalled();
-    expect(screen.queryByText(/Delete this chat\?/)).not.toBeInTheDocument();
-  });
-
-  it("a recoverable notice from Python renders inline above the list", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, ROWS, { notice: "Failed to load chat: corrupt row" });
-
-    expect(await screen.findByText("Failed to load chat: corrupt row")).toBeInTheDocument();
-    // The list is still usable - not replaced by a full-surface error.
-    expect(screen.getByText("First chat")).toBeInTheDocument();
-  });
-
-  it("renders the shared full-surface error state only on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialChatLibraryState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Chat library unavailable")).toBeInTheDocument();
-  });
-
-  it("keeps the selected row highlighted via aria-selected", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-
-    const secondRow = (await screen.findByText("Second chat")).closest("li")!;
-    await user.click(within(secondRow).getByText("Second chat"));
-
-    expect(secondRow).toHaveAttribute("aria-selected", "true");
-  });
-});
diff --git a/web_ui/src/islands/chat-library/App.tsx b/web_ui/src/islands/chat-library/App.tsx
deleted file mode 100644
index 9bfb1e74..00000000
--- a/web_ui/src/islands/chat-library/App.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { ChatLibraryState, initialChatLibraryState } from "./bridgeTypes";
-import { BridgeRejection, ChatLibraryBridge, createChatLibraryBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<ChatLibraryState>(initialChatLibraryState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [query, setQuery] = useState("");
-  const [selectedId, setSelectedId] = useState<number | null>(null);
-  const [renamingId, setRenamingId] = useState<number | null>(null);
-  const [renameDraft, setRenameDraft] = useState("");
-  const [confirmingDeleteId, setConfirmingDeleteId] = useState<number | null>(null);
-  const bridgeRef = useRef<ChatLibraryBridge | null>(null);
-  const searchRef = useRef<HTMLInputElement>(null);
-  const renameRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    const bridge = createChatLibraryBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    searchRef.current?.focus();
-  }, []);
-
-  useEffect(() => {
-    if (renamingId !== null) {
-      renameRef.current?.focus();
-      renameRef.current?.select();
-    }
-  }, [renamingId]);
-
-  // The notice is shown once per Python revision, then cleared locally the
-  // moment the user acts again - same pattern as command-palette (Python has
-  // no way to know the user moved on, so JS owns dismissing its own copy).
-  const [visibleNotice, setVisibleNotice] = useState<string | null>(null);
-  const [noticeRevision, setNoticeRevision] = useState(state.revision);
-  if (noticeRevision !== state.revision) {
-    setNoticeRevision(state.revision);
-    setVisibleNotice(state.notice ?? null);
-    // A republish after delete/rename can drop the row a pending confirm/
-    // rename targeted; clear both so they can't point at a gone row.
-    setConfirmingDeleteId(null);
-    setRenamingId(null);
-  }
-
-  const filtered = useMemo(() => {
-    const term = query.trim().toLowerCase();
-    if (!term) return state.rows;
-    return state.rows.filter((row) =>
-      `${row.title} ${row.updatedLabel} ${row.createdLabel}`.toLowerCase().includes(term),
-    );
-  }, [query, state.rows]);
-
-  const effectiveSelected = filtered.find((row) => row.id === selectedId) ?? filtered[0] ?? null;
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Chat library unavailable"
-        rejection={rejection}
-        className="library-shell bridge-error"
-      />
-    );
-  }
-
-  function selectRow(id: number) {
-    setSelectedId(id);
-    setConfirmingDeleteId(null);
-    setRenamingId(null);
-    setVisibleNotice(null);
-  }
-
-  function load(id: number) {
-    bridgeRef.current?.loadChat(id);
-  }
-
-  function startRename() {
-    if (!effectiveSelected) return;
-    setRenamingId(effectiveSelected.id);
-    setRenameDraft(effectiveSelected.title);
-    setConfirmingDeleteId(null);
-  }
-
-  function commitRename() {
-    const title = renameDraft.trim();
-    if (renamingId === null || !title) return;
-    bridgeRef.current?.renameChat(renamingId, title);
-    setRenamingId(null);
-  }
-
-  function startDelete() {
-    if (!effectiveSelected) return;
-    setConfirmingDeleteId(effectiveSelected.id);
-    setRenamingId(null);
-  }
-
-  function confirmDelete() {
-    if (confirmingDeleteId === null) return;
-    bridgeRef.current?.deleteChat(confirmingDeleteId);
-    setConfirmingDeleteId(null);
-  }
-
-  function onSearchChange(event: React.ChangeEvent<HTMLInputElement>) {
-    setQuery(event.target.value);
-    setVisibleNotice(null);
-    setConfirmingDeleteId(null);
-  }
-
-  function onSearchKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      if (filtered.length === 0) return;
-      const index = filtered.findIndex((row) => row.id === effectiveSelected?.id);
-      setSelectedId(filtered[Math.min(index + 1, filtered.length - 1)].id);
-    } else if (event.key === "ArrowUp") {
-      event.preventDefault();
-      if (filtered.length === 0) return;
-      const index = filtered.findIndex((row) => row.id === effectiveSelected?.id);
-      setSelectedId(filtered[Math.max(index - 1, 0)].id);
-    } else if (event.key === "Enter") {
-      event.preventDefault();
-      if (effectiveSelected) load(effectiveSelected.id);
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      if (confirmingDeleteId !== null) {
-        setConfirmingDeleteId(null);
-      } else {
-        bridgeRef.current?.close();
-      }
-    }
-  }
-
-  function onRenameKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      commitRename();
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      setRenamingId(null);
-    }
-  }
-
-  const total = state.rows.length;
-  const statusText =
-    total === 0
-      ? "No saved chats yet."
-      : filtered.length !== total
-        ? `Showing ${filtered.length} of ${total} saved ${total === 1 ? "chat" : "chats"}.`
-        : `${total} saved ${total === 1 ? "chat" : "chats"}.`;
-
-  return (
-    <div className="library-shell">
-      <input
-        ref={searchRef}
-        className="library-search-input"
-        type="text"
-        value={query}
-        onChange={onSearchChange}
-        onKeyDown={onSearchKeyDown}
-        placeholder="Search chats..."
-        aria-label="Search chats"
-        autoComplete="off"
-        spellCheck={false}
-      />
-
-      <div className="library-toolbar">
-        {renamingId !== null ? (
-          <>
-            <input
-              ref={renameRef}
-              className="library-rename-input"
-              type="text"
-              value={renameDraft}
-              onChange={(event) => setRenameDraft(event.target.value)}
-              onKeyDown={onRenameKeyDown}
-              aria-label="New chat title"
-              autoComplete="off"
-              spellCheck={false}
-            />
-            <button
-              type="button"
-              className="library-button library-button-primary"
-              onClick={commitRename}
-              disabled={renameDraft.trim().length === 0}
-            >
-              Save
-            </button>
-            <button type="button" className="library-button" onClick={() => setRenamingId(null)}>
-              Cancel
-            </button>
-          </>
-        ) : confirmingDeleteId !== null ? (
-          <>
-            <span className="library-confirm-text" role="status">
-              Delete this chat? This cannot be undone.
-            </span>
-            <button
-              type="button"
-              className="library-button library-button-danger"
-              onClick={confirmDelete}
-            >
-              Confirm Delete
-            </button>
-            <button
-              type="button"
-              className="library-button"
-              onClick={() => setConfirmingDeleteId(null)}
-            >
-              Cancel
-            </button>
-          </>
-        ) : (
-          <>
-            <button
-              type="button"
-              className="library-button"
-              onClick={() => bridgeRef.current?.newChat()}
-            >
-              New Chat
-            </button>
-            <button
-              type="button"
-              className="library-button"
-              onClick={startRename}
-              disabled={!effectiveSelected}
-            >
-              Rename
-            </button>
-            <button
-              type="button"
-              className="library-button library-button-danger"
-              onClick={startDelete}
-              disabled={!effectiveSelected}
-            >
-              Delete
-            </button>
-          </>
-        )}
-      </div>
-
-      {visibleNotice && (
-        <p className="library-notice" role="status">
-          {visibleNotice}
-        </p>
-      )}
-
-      <ul className="library-list" role="listbox" aria-label="Saved chats">
-        {total > 0 && filtered.length === 0 && (
-          <li className="library-empty">No chats match your search.</li>
-        )}
-        {filtered.map((row) => (
-          <li
-            key={row.id}
-            role="option"
-            aria-selected={row.id === effectiveSelected?.id}
-            className={"library-row" + (row.id === effectiveSelected?.id ? " selected" : "")}
-            onClick={() => selectRow(row.id)}
-            onDoubleClick={() => load(row.id)}
-          >
-            <p className="library-row-title">{row.title}</p>
-            <p className="library-row-meta">
-              Updated {row.updatedLabel} · Created {row.createdLabel}
-            </p>
-          </li>
-        ))}
-      </ul>
-
-      <p className="library-status" role="status">
-        {statusText}
-      </p>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/chat-library/bridge.test.ts b/web_ui/src/islands/chat-library/bridge.test.ts
deleted file mode 100644
index 9d05d450..00000000
--- a/web_ui/src/islands/chat-library/bridge.test.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createChatLibraryBridge } from "./bridge";
-import { initialChatLibraryState, ChatLibraryState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<ChatLibraryState> = {}): string {
-  return JSON.stringify({ ...initialChatLibraryState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    refresh: vi.fn(),
-    loadChat: vi.fn(),
-    deleteChat: vi.fn(),
-    renameChat: vi.fn(),
-    newChat: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { chatLibraryBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createChatLibraryBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createChatLibraryBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialChatLibraryState);
-  });
-
-  it("mutating intents on the mock bridge do not throw", () => {
-    const bridge = createChatLibraryBridge(() => {});
-    expect(() => {
-      bridge.loadChat(1);
-      bridge.deleteChat(1);
-      bridge.renameChat(1, "x");
-      bridge.newChat();
-      bridge.close();
-      bridge.refresh();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createChatLibraryBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createChatLibraryBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards rows pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createChatLibraryBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          revision: 3,
-          rows: [{ id: 7, title: "A chat", createdLabel: "c", updatedLabel: "u" }],
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({
-          revision: 3,
-          rows: [{ id: 7, title: "A chat", createdLabel: "c", updatedLabel: "u" }],
-        }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createChatLibraryBridge(() => {});
-
-      bridge.loadChat(5);
-      bridge.deleteChat(6);
-      bridge.renameChat(7, "New Title");
-      bridge.newChat();
-      bridge.close();
-
-      expect(remote.loadChat).toHaveBeenCalledWith(5);
-      expect(remote.deleteChat).toHaveBeenCalledWith(6);
-      expect(remote.renameChat).toHaveBeenCalledWith(7, "New Title");
-      expect(remote.newChat).toHaveBeenCalledTimes(1);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createChatLibraryBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createChatLibraryBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/chat-library/bridge.ts b/web_ui/src/islands/chat-library/bridge.ts
deleted file mode 100644
index 673352d1..00000000
--- a/web_ui/src/islands/chat-library/bridge.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { ChatLibraryState, initialChatLibraryState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validateChatLibraryState } from "../../lib/bridge-core/generated/chat-library-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: ChatLibraryState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtChatLibraryObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  refresh: () => void;
-  loadChat: (id: number) => void;
-  deleteChat: (id: number) => void;
-  renameChat: (id: number, title: string) => void;
-  newChat: () => void;
-  close: () => void;
-}
-
-export interface ChatLibraryBridge {
-  ready(): void;
-  refresh(): void;
-  loadChat(id: number): void;
-  deleteChat(id: number): void;
-  renameChat(id: number, title: string): void;
-  newChat(): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateChatLibraryState);
-}
-
-class MockChatLibraryBridge implements ChatLibraryBridge {
-  private readonly state: ChatLibraryState = structuredClone(initialChatLibraryState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  refresh(): void {}
-  loadChat(): void {}
-  deleteChat(): void {}
-  renameChat(): void {}
-  newChat(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createChatLibraryBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): ChatLibraryBridge {
-  const fallback = new MockChatLibraryBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtChatLibraryObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[chat-library bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.chatLibraryBridge as QtChatLibraryObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    // Real text inputs (search + inline rename) mean this island must
-    // participate in the keyboard-arbitration protocol, like command-palette.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtChatLibraryObject>(
-    method: K,
-    ...args: QtChatLibraryObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    refresh: () => call("refresh"),
-    loadChat: (id) => call("loadChat", id),
-    deleteChat: (id) => call("deleteChat", id),
-    renameChat: (id, title) => call("renameChat", id, title),
-    newChat: () => call("newChat"),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/chat-library/bridgeTypes.ts b/web_ui/src/islands/chat-library/bridgeTypes.ts
deleted file mode 100644
index e9c8898f..00000000
--- a/web_ui/src/islands/chat-library/bridgeTypes.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * The chat-library island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). What legitimately still lives here:
- * initialChatLibraryState, the mock snapshot used for browser-preview/dev
- * and by jsdom tests.
- */
-export type { ChatLibraryState, ChatLibraryRow } from "../../lib/bridge-core/generated/chat-library-state";
-
-import type { ChatLibraryState } from "../../lib/bridge-core/generated/chat-library-state";
-
-export const initialChatLibraryState: ChatLibraryState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  rows: [],
-  notice: null,
-};
diff --git a/web_ui/src/islands/chat-library/index.html b/web_ui/src/islands/chat-library/index.html
deleted file mode 100644
index 569cb613..00000000
--- a/web_ui/src/islands/chat-library/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Chat Library</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/chat-library/main.tsx b/web_ui/src/islands/chat-library/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/chat-library/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/chat-library/styles.css b/web_ui/src/islands/chat-library/styles.css
deleted file mode 100644
index 0340aa37..00000000
--- a/web_ui/src/islands/chat-library/styles.css
+++ /dev/null
@@ -1,198 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. This island is the CONTENT region
-   embedded inside the native ChatLibraryDialog shell (which keeps its own
-   frameless window chrome, title bar, and Close button), so the shell here
-   is transparent and fills its host - the native QFrame#libraryShell owns
-   the panel background and rounded corners. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  background: transparent;
-}
-
-.library-shell {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background: transparent;
-}
-
-.library-search-input {
-  box-sizing: border-box;
-  flex-shrink: 0;
-  width: 100%;
-  padding: 10px 12px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  outline: none;
-}
-
-.library-search-input:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.library-toolbar {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.library-button {
-  padding: 8px 12px;
-  font-size: 11px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-  cursor: pointer;
-}
-
-.library-button:hover:not(:disabled) {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.library-button:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-
-.library-button-primary {
-  color: var(--gl-palette-selection);
-  border-color: var(--gl-palette-selection);
-}
-
-.library-button-danger {
-  color: var(--gl-semantic-status-error);
-  border-color: var(--gl-semantic-status-error);
-}
-
-.library-rename-input {
-  box-sizing: border-box;
-  flex: 1;
-  min-width: 0;
-  padding: 8px 10px;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-palette-selection);
-  border-radius: 8px;
-  outline: none;
-}
-
-.library-confirm-text {
-  flex: 1;
-  min-width: 0;
-  font-size: 12px;
-  color: var(--gl-semantic-status-warning);
-}
-
-.library-notice {
-  flex-shrink: 0;
-  margin: 0;
-  padding: 8px 10px;
-  font-size: 12px;
-  color: var(--gl-semantic-status-warning);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-}
-
-.library-list {
-  flex: 1;
-  min-height: 0;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.library-empty {
-  padding: 12px 14px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.library-row {
-  box-sizing: border-box;
-  padding: 12px 14px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 10px;
-  background-color: var(--gl-neutral-button-background);
-  cursor: pointer;
-}
-
-.library-row:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.library-row.selected {
-  background-color: var(--gl-palette-selection);
-  border-color: var(--gl-palette-selection);
-}
-
-.library-row-title {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.library-row-meta {
-  margin: 0;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.library-row.selected .library-row-meta {
-  color: var(--gl-neutral-button-icon);
-}
-
-.library-status {
-  flex-shrink: 0;
-  margin: 0;
-  padding-left: 2px;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/command-palette/App.test.tsx b/web_ui/src/islands/command-palette/App.test.tsx
deleted file mode 100644
index 64ac806e..00000000
--- a/web_ui/src/islands/command-palette/App.test.tsx
+++ /dev/null
@@ -1,197 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialCommandPaletteState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createCommandPaletteBridge() falls
-// through to the mock bridge automatically for the smoke test below - same
-// pattern as notification/App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("starts hidden, matching the initial visible:false state", () => {
-    render(<App />);
-    expect(screen.getByRole("dialog", { hidden: true })).not.toBeVisible();
-  });
-});
-
-// The mock bridge is deliberately inert (there is no JS-callable "open" -
-// only Python's show_command_palette() ever opens the palette), so
-// interactive behavior needs a real (faked) QWebChannel connection, same
-// approach as notification/App.test.tsx.
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    executeCommand: vi.fn(),
-    dismiss: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { commandPaletteBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-const openPayload = (overrides: Partial<typeof initialCommandPaletteState> = {}) =>
-  JSON.stringify({
-    ...initialCommandPaletteState,
-    visible: true,
-    revision: 1,
-    commands: [
-      { id: "0", name: "New Chat", aliases: ["new chat", "start new"] },
-      { id: "1", name: "Reset View", aliases: ["reset view", "reset zoom"] },
-    ],
-    ...overrides,
-  });
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders every command once Python publishes a visible state", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(openPayload());
-
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-    expect(screen.getByText("New Chat")).toBeInTheDocument();
-    expect(screen.getByText("Reset View")).toBeInTheDocument();
-  });
-
-  it("filters client-side against aliases as the user types, with no bridge calls", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    await user.type(screen.getByLabelText("Search commands"), "zoom");
-
-    expect(screen.getByText("Reset View")).toBeInTheDocument();
-    expect(screen.queryByText("New Chat")).not.toBeInTheDocument();
-    expect(remote.executeCommand).not.toHaveBeenCalled();
-  });
-
-  it("Enter executes the currently-selected (first) filtered command", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    await user.type(screen.getByLabelText("Search commands"), "{Enter}");
-
-    expect(remote.executeCommand).toHaveBeenCalledWith("0");
-  });
-
-  it("ArrowDown then Enter executes the second command", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    await user.type(screen.getByLabelText("Search commands"), "{ArrowDown}{Enter}");
-
-    expect(remote.executeCommand).toHaveBeenCalledWith("1");
-  });
-
-  it("clicking a result executes it directly", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    await user.click(screen.getByText("Reset View"));
-
-    expect(remote.executeCommand).toHaveBeenCalledWith("1");
-  });
-
-  it("Escape calls dismiss", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    await user.type(screen.getByLabelText("Search commands"), "{Escape}");
-
-    expect(remote.dismiss).toHaveBeenCalledTimes(1);
-  });
-
-  it("shows a stale-command notice and clears it on the next keystroke", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    push(openPayload({ revision: 2, notice: "That command is no longer available." }));
-    await waitFor(() =>
-      expect(screen.getByText("That command is no longer available.")).toBeInTheDocument(),
-    );
-
-    await user.type(screen.getByLabelText("Search commands"), "x");
-
-    expect(screen.queryByText("That command is no longer available.")).not.toBeInTheDocument();
-  });
-
-  it("a fresh open (visible false -> true) resets a leftover query", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(openPayload());
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-    await user.type(screen.getByLabelText("Search commands"), "zoom");
-    expect((screen.getByLabelText("Search commands") as HTMLInputElement).value).toBe("zoom");
-
-    push(JSON.stringify({ ...initialCommandPaletteState, visible: false, revision: 2 }));
-    await waitFor(() => expect(screen.getByRole("dialog", { hidden: true })).not.toBeVisible());
-    push(openPayload({ revision: 3 }));
-    await waitFor(() => expect(screen.getByRole("dialog")).toBeVisible());
-
-    expect((screen.getByLabelText("Search commands") as HTMLInputElement).value).toBe("");
-  });
-
-  // Confirms App.tsx actually reaches the shared lib/ui/BridgeErrorState on a
-  // rejected payload, with this island's own title/className - the shared
-  // component's own rendering logic is covered by
-  // lib/ui/BridgeErrorState.test.tsx, this only proves the wiring at this
-  // specific call site is correct.
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialCommandPaletteState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Command palette unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/command-palette/App.tsx b/web_ui/src/islands/command-palette/App.tsx
deleted file mode 100644
index f16a2b87..00000000
--- a/web_ui/src/islands/command-palette/App.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { CommandPaletteState, initialCommandPaletteState } from "./bridgeTypes";
-import { BridgeRejection, CommandPaletteBridge, createCommandPaletteBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<CommandPaletteState>(initialCommandPaletteState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [query, setQuery] = useState("");
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const bridgeRef = useRef<CommandPaletteBridge | null>(null);
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    const bridge = createCommandPaletteBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // Every genuine (re)open (Python's visible flips false -> true) resets the
-  // search box and selection - done during render (React's documented
-  // "adjusting state when a prop changes" pattern), not in an effect, per
-  // this island family's established set-state-in-effect lint fix. Keyed
-  // specifically on the false->true transition, not on every publish: a
-  // stale-command republish (see bridge module docs) keeps visible=true
-  // throughout and must NOT wipe whatever the user is still typing.
-  const [wasVisible, setWasVisible] = useState(state.visible);
-  if (state.visible !== wasVisible) {
-    setWasVisible(state.visible);
-    if (state.visible) {
-      setQuery("");
-      setSelectedIndex(0);
-    }
-  }
-
-  // The "no longer available" notice is shown once per Python revision, then
-  // cleared locally the moment the user types again - Python has no way to
-  // know the user started a new search, so JS owns dismissing its own copy.
-  const [visibleNotice, setVisibleNotice] = useState<string | null>(null);
-  const [noticeRevision, setNoticeRevision] = useState(state.revision);
-  if (noticeRevision !== state.revision) {
-    setNoticeRevision(state.revision);
-    setVisibleNotice(state.notice ?? null);
-  }
-
-  useEffect(() => {
-    if (state.visible) inputRef.current?.focus();
-  }, [state.visible]);
-
-  const filtered = useMemo(() => {
-    const term = query.toLowerCase().trim();
-    if (!term) return state.commands;
-    return state.commands.filter((command) =>
-      command.aliases.some((alias) => alias.includes(term)),
-    );
-  }, [query, state.commands]);
-
-  const clampedIndex = Math.min(selectedIndex, Math.max(filtered.length - 1, 0));
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Command palette unavailable"
-        rejection={rejection}
-        className="palette-shell palette-error"
-      />
-    );
-  }
-
-  function onQueryChange(event: React.ChangeEvent<HTMLInputElement>) {
-    setQuery(event.target.value);
-    setSelectedIndex(0);
-    setVisibleNotice(null);
-  }
-
-  function execute(id: string) {
-    bridgeRef.current?.executeCommand(id);
-  }
-
-  function onKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      setSelectedIndex((index) => Math.min(index + 1, Math.max(filtered.length - 1, 0)));
-    } else if (event.key === "ArrowUp") {
-      event.preventDefault();
-      setSelectedIndex((index) => Math.max(index - 1, 0));
-    } else if (event.key === "Enter") {
-      event.preventDefault();
-      const command = filtered[clampedIndex];
-      if (command) execute(command.id);
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      bridgeRef.current?.dismiss();
-    }
-  }
-
-  return (
-    <main
-      className="palette-shell"
-      style={{ display: state.visible ? undefined : "none" }}
-      role="dialog"
-      aria-modal="true"
-      aria-label="Command palette"
-    >
-      <input
-        ref={inputRef}
-        className="palette-search-input"
-        type="text"
-        value={query}
-        onChange={onQueryChange}
-        onKeyDown={onKeyDown}
-        placeholder="Type a command..."
-        aria-label="Search commands"
-        autoComplete="off"
-        spellCheck={false}
-      />
-
-      {visibleNotice && (
-        <p className="palette-notice" role="status">
-          {visibleNotice}
-        </p>
-      )}
-
-      <ul className="palette-results" role="listbox" aria-label="Commands">
-        {filtered.length === 0 && <li className="palette-empty">No matching commands</li>}
-        {filtered.map((command, index) => (
-          <li
-            key={command.id}
-            role="option"
-            aria-selected={index === clampedIndex}
-            className={"palette-result" + (index === clampedIndex ? " selected" : "")}
-            onMouseEnter={() => setSelectedIndex(index)}
-            onClick={() => execute(command.id)}
-          >
-            {command.name}
-          </li>
-        ))}
-      </ul>
-    </main>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/command-palette/bridge.test.ts b/web_ui/src/islands/command-palette/bridge.test.ts
deleted file mode 100644
index fbce8802..00000000
--- a/web_ui/src/islands/command-palette/bridge.test.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createCommandPaletteBridge } from "./bridge";
-import { initialCommandPaletteState, CommandPaletteState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<CommandPaletteState> = {}): string {
-  return JSON.stringify({ ...initialCommandPaletteState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    executeCommand: vi.fn(),
-    dismiss: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { commandPaletteBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createCommandPaletteBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createCommandPaletteBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialCommandPaletteState);
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createCommandPaletteBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createCommandPaletteBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createCommandPaletteBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createCommandPaletteBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          visible: true,
-          commands: [{ id: "0", name: "New Chat", aliases: ["new chat"] }],
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({
-          visible: true,
-          commands: [{ id: "0", name: "New Chat", aliases: ["new chat"] }],
-        }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createCommandPaletteBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("gates outbound calls on the connected flag, not just remote's presence", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createCommandPaletteBridge(() => {});
-      bridge.executeCommand("0");
-      bridge.dismiss();
-
-      expect(remote.executeCommand).toHaveBeenCalledWith("0");
-      expect(remote.dismiss).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the state listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createCommandPaletteBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/command-palette/bridge.ts b/web_ui/src/islands/command-palette/bridge.ts
deleted file mode 100644
index 0a752b08..00000000
--- a/web_ui/src/islands/command-palette/bridge.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { CommandPaletteState, initialCommandPaletteState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validateCommandPaletteState } from "../../lib/bridge-core/generated/command-palette-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: CommandPaletteState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtCommandPaletteObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  executeCommand: (id: string) => void;
-  dismiss: () => void;
-}
-
-export interface CommandPaletteBridge {
-  ready(): void;
-  executeCommand(id: string): void;
-  dismiss(): void;
-  dispose(): void;
-}
-
-/**
- * Snapshot-and-execute shape: Python snapshots availability once on open()
- * (Python-only - there is no JS-callable "open"; the palette only ever opens
- * because show_command_palette() made the host visible) and pushes the full
- * command list; JS filters/navigates that snapshot entirely client-side and
- * sends back exactly one real intent, executeCommand(id), which Python
- * re-validates against LIVE state before ever invoking a callback. See
- * graphlink_command_palette_bridge.py's module docstring for the fuller
- * rationale.
- */
-function parseState(payload: string) {
-  return parseIslandState(payload, validateCommandPaletteState);
-}
-
-class MockCommandPaletteBridge implements CommandPaletteBridge {
-  private state: CommandPaletteState = structuredClone(initialCommandPaletteState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  executeCommand(): void {}
-  dismiss(): void {}
-  dispose(): void {}
-}
-
-export function createCommandPaletteBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): CommandPaletteBridge {
-  const fallback = new MockCommandPaletteBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtCommandPaletteObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[command-palette bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.commandPaletteBridge as QtCommandPaletteObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    // The palette has a real text search input (unlike notification), so it
-    // must participate in the keyboard-arbitration protocol the same way
-    // composer does - see AcceleratorForwardingFilter.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtCommandPaletteObject>(
-    method: K,
-    ...args: QtCommandPaletteObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    executeCommand: (id) => call("executeCommand", id),
-    dismiss: () => call("dismiss"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/command-palette/bridgeTypes.ts b/web_ui/src/islands/command-palette/bridgeTypes.ts
deleted file mode 100644
index 63b61cbb..00000000
--- a/web_ui/src/islands/command-palette/bridgeTypes.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * The command-palette island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). What legitimately still lives here:
- * initialCommandPaletteState, the mock snapshot used for browser-preview/dev
- * and by jsdom tests.
- */
-export type { CommandPaletteState, CommandEntry } from "../../lib/bridge-core/generated/command-palette-state";
-
-import type { CommandPaletteState } from "../../lib/bridge-core/generated/command-palette-state";
-
-export const initialCommandPaletteState: CommandPaletteState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  visible: false,
-  commands: [],
-  notice: null,
-};
diff --git a/web_ui/src/islands/command-palette/index.html b/web_ui/src/islands/command-palette/index.html
deleted file mode 100644
index d1907b68..00000000
--- a/web_ui/src/islands/command-palette/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Command Palette</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/command-palette/main.tsx b/web_ui/src/islands/command-palette/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/command-palette/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/command-palette/styles.css b/web_ui/src/islands/command-palette/styles.css
deleted file mode 100644
index eb17f6fb..00000000
--- a/web_ui/src/islands/command-palette/styles.css
+++ /dev/null
@@ -1,130 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same as token-counter and
-   notification before it - this island's selected-item highlight needs
-   exactly one accent color, and --gl-semantic-status-success (the same
-   token family notification already uses for its 4 message types) is a
-   direct match for the old widget's get_semantic_color("status_success").
-   No island-scoped THEME_TOKENS group needed; this is the THIRD island in a
-   row that doesn't turn out to be the "island #2" moment
-   css_custom_properties()'s docstring is watching for.
-
-   Simplification from the old QWidget, deliberate and recorded (same
-   convention as token-counter's dropped box-shadow and notification's
-   dropped animation): no QGraphicsDropShadowEffect-equivalent box-shadow -
-   would need a raw rgba() the no-raw-colors lint rejects, for a cosmetic
-   difference not worth a new token. A flat border reads clearly enough at
-   this size. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.palette-shell {
-  box-sizing: border-box;
-  width: 600px;
-  height: 400px;
-  display: flex;
-  flex-direction: column;
-  padding: 12px;
-  gap: 10px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-  background-color: var(--gl-graph-node-panel-fill);
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-}
-
-.palette-search-input {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 10px;
-  font-size: 14px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-}
-
-.palette-search-input:focus {
-  outline: none;
-  border-color: var(--gl-semantic-status-success);
-}
-
-.palette-search-input::placeholder {
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.palette-notice {
-  margin: 0;
-  padding: 6px 10px;
-  font-size: 12px;
-  color: var(--gl-semantic-status-warning);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-  background-color: var(--gl-neutral-button-background);
-}
-
-.palette-results {
-  flex: 1;
-  margin: 0;
-  padding: 4px;
-  list-style: none;
-  overflow-y: auto;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-  background-color: var(--gl-neutral-button-background);
-}
-
-.palette-result {
-  padding: 10px;
-  border-radius: 4px;
-  font-size: 13px;
-  color: var(--gl-neutral-button-icon);
-  cursor: pointer;
-}
-
-.palette-result.selected {
-  background-color: var(--gl-semantic-status-success);
-  color: var(--gl-neutral-button-icon);
-}
-
-.palette-empty {
-  padding: 10px;
-  font-size: 13px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.palette-error {
-  padding: 14px 16px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-  background-color: var(--gl-graph-node-panel-fill);
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/composer-context/App.test.tsx b/web_ui/src/islands/composer-context/App.test.tsx
deleted file mode 100644
index 519c8e85..00000000
--- a/web_ui/src/islands/composer-context/App.test.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialComposerContextState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const ANCHOR = { id: "node-1", label: "Root cause analysis", type: "Chat node" };
-const ITEMS = [
-  { id: "attachment-1", name: "notes.txt", kind: "document", tokenCount: 120 },
-  { id: "attachment-2", name: "diagram.png", kind: "image", tokenCount: 300 },
-];
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders zero tokens and no list when there is no context", () => {
-    render(<App />);
-
-    expect(screen.getByText("Estimated context · 0 tokens")).toBeInTheDocument();
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    removeContextItem: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { composerContextBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialComposerContextState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders the anchor row (non-removable) and each item row (removable) plus the token total", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { anchor: ANCHOR, items: ITEMS, totalTokens: 420 });
-
-    expect(await screen.findByText("Root cause analysis")).toBeInTheDocument();
-    expect(screen.getByText("notes.txt")).toBeInTheDocument();
-    expect(screen.getByText("diagram.png")).toBeInTheDocument();
-    expect(screen.getByText("Estimated context · 420 tokens")).toBeInTheDocument();
-    expect(screen.queryByRole("button", { name: "Remove Root cause analysis" })).not.toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Remove notes.txt" })).toBeInTheDocument();
-  });
-
-  it("clicking Remove on an item calls removeContextItem with its id", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { anchor: ANCHOR, items: ITEMS, totalTokens: 420 });
-    await screen.findByText("notes.txt");
-
-    await user.click(screen.getByRole("button", { name: "Remove notes.txt" }));
-
-    expect(remote.removeContextItem).toHaveBeenCalledWith("attachment-1");
-  });
-
-  it("Close button calls close", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { anchor: ANCHOR, items: ITEMS, totalTokens: 420 });
-    await screen.findByText("notes.txt");
-
-    await user.click(screen.getByRole("button", { name: "Close context review" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape anywhere in the surface calls close", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { anchor: ANCHOR, items: ITEMS, totalTokens: 420 });
-    await screen.findByText("notes.txt");
-
-    const escape = new KeyboardEvent("keydown", { key: "Escape" });
-    window.dispatchEvent(escape);
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialComposerContextState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Context review is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/composer-context/App.tsx b/web_ui/src/islands/composer-context/App.tsx
deleted file mode 100644
index 2d4b97fa..00000000
--- a/web_ui/src/islands/composer-context/App.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { ComposerContextState, initialComposerContextState } from "./bridgeTypes";
-import { BridgeRejection, ComposerContextBridge, createComposerContextBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<ComposerContextState>(initialComposerContextState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<ComposerContextBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const bridge = createComposerContextBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // Content-driven height negotiation, matching PinOverlayHost's own
-  // ResizeObserver-based reporting.
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  // Escape closes from anywhere in the surface, matching the legacy native
-  // popup's own keyPressEvent override - outside-click-close itself is
-  // handled natively (WebIslandHost's dismiss_on_outside_focus).
-  useEffect(() => {
-    function onKeyDown(event: KeyboardEvent) {
-      if (event.key === "Escape") bridgeRef.current?.close();
-    }
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Context review is unavailable"
-        rejection={rejection}
-        className="composer-context-shell bridge-error"
-      />
-    );
-  }
-
-  const hasRows = state.anchor !== null || state.items.length > 0;
-
-  return (
-    <div className="composer-context-shell" ref={shellRef}>
-      <div className="composer-context-header">
-        <div className="composer-context-heading">
-          <p className="composer-context-eyebrow">Context</p>
-          <p className="composer-context-title">Included context</p>
-        </div>
-        <button
-          type="button"
-          className="composer-context-close-btn"
-          onClick={() => bridgeRef.current?.close()}
-          aria-label="Close context review"
-        >
-          &times;
-        </button>
-      </div>
-
-      {hasRows && (
-        <ul className="composer-context-list" aria-label="Included context items">
-          {state.anchor && (
-            <li className="composer-context-row">
-              <span className="composer-context-kind">{state.anchor.type || "Graph"}</span>
-              <span className="composer-context-name" title={state.anchor.label}>
-                {state.anchor.label}
-              </span>
-            </li>
-          )}
-          {state.items.map((item) => (
-            <li key={item.id} className="composer-context-row">
-              <span className="composer-context-kind">{item.kind}</span>
-              <span className="composer-context-name" title={item.name}>
-                {item.name}
-              </span>
-              <button
-                type="button"
-                className="composer-context-remove"
-                onClick={() => bridgeRef.current?.removeContextItem(item.id)}
-                aria-label={`Remove ${item.name}`}
-              >
-                Remove
-              </button>
-            </li>
-          ))}
-        </ul>
-      )}
-
-      <p className="composer-context-total">Estimated context · {state.totalTokens.toLocaleString()} tokens</p>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/composer-context/bridge.test.ts b/web_ui/src/islands/composer-context/bridge.test.ts
deleted file mode 100644
index 8b69ff9e..00000000
--- a/web_ui/src/islands/composer-context/bridge.test.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createComposerContextBridge } from "./bridge";
-import { initialComposerContextState, ComposerContextState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<ComposerContextState> = {}): string {
-  return JSON.stringify({ ...initialComposerContextState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    removeContextItem: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { composerContextBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createComposerContextBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createComposerContextBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialComposerContextState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createComposerContextBridge(() => {});
-    expect(() => {
-      bridge.removeContextItem("attachment-1");
-      bridge.resize(300);
-      bridge.close();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createComposerContextBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createComposerContextBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards context pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createComposerContextBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          revision: 2,
-          items: [{ id: "attachment-1", name: "notes.txt", kind: "document", tokenCount: 42 }],
-          totalTokens: 42,
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ items: [expect.objectContaining({ id: "attachment-1" })] }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerContextBridge(() => {});
-
-      bridge.removeContextItem("attachment-1");
-      bridge.resize(321);
-      bridge.close();
-
-      expect(remote.removeContextItem).toHaveBeenCalledWith("attachment-1");
-      expect(remote.resize).toHaveBeenCalledWith(321);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createComposerContextBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerContextBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/composer-context/bridge.ts b/web_ui/src/islands/composer-context/bridge.ts
deleted file mode 100644
index 63c86362..00000000
--- a/web_ui/src/islands/composer-context/bridge.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ComposerContextState, initialComposerContextState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateComposerContextState } from "../../lib/bridge-core/generated/composer-context-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: ComposerContextState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtComposerContextObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  removeContextItem: (id: string) => void;
-  resize: (height: number) => void;
-  close: () => void;
-}
-
-export interface ComposerContextBridge {
-  ready(): void;
-  removeContextItem(id: string): void;
-  resize(height: number): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateComposerContextState);
-}
-
-class MockComposerContextBridge implements ComposerContextBridge {
-  private readonly state: ComposerContextState = structuredClone(initialComposerContextState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  removeContextItem(): void {}
-  resize(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createComposerContextBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): ComposerContextBridge {
-  const fallback = new MockComposerContextBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtComposerContextObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[composer-context bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.composerContextBridge as QtComposerContextObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtComposerContextObject>(
-    method: K,
-    ...args: QtComposerContextObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    removeContextItem: (id) => call("removeContextItem", id),
-    resize: (height) => call("resize", height),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/composer-context/bridgeTypes.ts b/web_ui/src/islands/composer-context/bridgeTypes.ts
deleted file mode 100644
index 9e4ebddd..00000000
--- a/web_ui/src/islands/composer-context/bridgeTypes.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * The composer-context island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). `anchor`/`items`/`totalTokens` are
- * forwarded verbatim from ComposerBridge's own context dict - see
- * graphlink_composer_context_payload.py for the full rationale.
- */
-export type {
-  ComposerContextState,
-  ComposerContextAnchor,
-  ComposerContextItem,
-} from "../../lib/bridge-core/generated/composer-context-state";
-
-import type { ComposerContextState } from "../../lib/bridge-core/generated/composer-context-state";
-
-export const initialComposerContextState: ComposerContextState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  items: [],
-  totalTokens: 0,
-  anchor: null,
-};
diff --git a/web_ui/src/islands/composer-context/index.html b/web_ui/src/islands/composer-context/index.html
deleted file mode 100644
index 0b7ad8f5..00000000
--- a/web_ui/src/islands/composer-context/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Context Review</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/composer-context/main.tsx b/web_ui/src/islands/composer-context/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/composer-context/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/composer-context/styles.css b/web_ui/src/islands/composer-context/styles.css
deleted file mode 100644
index 2eff3818..00000000
--- a/web_ui/src/islands/composer-context/styles.css
+++ /dev/null
@@ -1,160 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [COMPOSER_CONTEXT_MIN_HEIGHT, COMPOSER_CONTEXT_MAX_HEIGHT] - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.composer-context-shell {
-  box-sizing: border-box;
-  width: 440px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 16px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 14px;
-}
-
-.composer-context-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-
-.composer-context-heading {
-  flex: 1;
-  min-width: 0;
-}
-
-.composer-context-eyebrow {
-  margin: 0;
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.composer-context-title {
-  margin: 4px 0 0 0;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.composer-context-close-btn {
-  flex-shrink: 0;
-  width: 25px;
-  height: 25px;
-  padding: 0;
-  font-size: 17px;
-  line-height: 1;
-  font-family: inherit;
-  color: var(--gl-neutral-button-muted-icon);
-  background-color: transparent;
-  border: 0;
-  border-radius: 7px;
-  cursor: pointer;
-}
-
-.composer-context-close-btn:hover {
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.composer-context-list {
-  margin: 0;
-  padding: 6px;
-  list-style: none;
-  max-height: 280px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 10px;
-}
-
-.composer-context-row {
-  box-sizing: border-box;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 8px 10px;
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-}
-
-.composer-context-kind {
-  flex-shrink: 0;
-  min-width: 58px;
-  font-size: 9px;
-  font-weight: 700;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.composer-context-name {
-  flex: 1;
-  min-width: 0;
-  font-size: 11px;
-  overflow-wrap: break-word;
-}
-
-.composer-context-remove {
-  flex-shrink: 0;
-  height: 26px;
-  padding: 0 8px;
-  font-size: 9px;
-  font-weight: 650;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.composer-context-remove:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.composer-context-total {
-  margin: 0;
-  padding: 0 4px;
-  font-size: 10px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/composer-picker/App.test.tsx b/web_ui/src/islands/composer-picker/App.test.tsx
deleted file mode 100644
index fe306eff..00000000
--- a/web_ui/src/islands/composer-picker/App.test.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialComposerPickerState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const MODEL_OPTIONS = [
-  { id: "gpt-4", label: "GPT-4", meta: "Selected", current: true, unavailable: false },
-  { id: "gpt-3.5", label: "GPT-3.5", meta: "Available", current: false, unavailable: false },
-  { id: "old-model", label: "Old Model", meta: "Available - verify in Settings", current: false, unavailable: true },
-];
-
-const REASONING_OPTIONS = [
-  { id: "Quick", label: "Quick", meta: "Direct responses with less deliberation.", current: true, unavailable: false },
-  { id: "Thinking", label: "Thinking", meta: "More deliberate reasoning for complex requests.", current: false, unavailable: false },
-];
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders the empty-catalog message and no search input when there are no options", () => {
-    render(<App />);
-
-    expect(screen.getByText("No model catalog available yet.")).toBeInTheDocument();
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectOption: vi.fn(),
-    requestSettings: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { composerPickerBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialComposerPickerState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection - model kind", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders each model option's label/meta, a search box, and the Current badge", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-
-    expect(await screen.findByText("GPT-4")).toBeInTheDocument();
-    expect(screen.getByText("Selected")).toBeInTheDocument();
-    expect(screen.getByText("Current")).toBeInTheDocument();
-    expect(screen.getByRole("textbox", { name: "Search available models" })).toBeInTheDocument();
-  });
-
-  it("filters options client-side as the user types, with no bridge round-trip", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    await screen.findByText("GPT-4");
-
-    await user.type(screen.getByRole("textbox", { name: "Search available models" }), "3.5");
-
-    expect(screen.queryByText("GPT-4")).not.toBeInTheDocument();
-    expect(screen.getByText("GPT-3.5")).toBeInTheDocument();
-  });
-
-  it("clicking an available row calls selectOption", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    await screen.findByText("GPT-3.5");
-
-    await user.click(screen.getByText("GPT-3.5"));
-
-    expect(remote.selectOption).toHaveBeenCalledWith("gpt-3.5");
-  });
-
-  it("an unavailable row is disabled and never calls selectOption", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    const row = await screen.findByRole("option", { name: /Old Model/ });
-
-    expect(row.querySelector("button")).toBeDisabled();
-    await user.click(row);
-    expect(remote.selectOption).not.toHaveBeenCalled();
-  });
-
-  it("shows the settings hint only when there is no query and zero options", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { kind: "model", title: "Ollama", options: [], openToken: 1 });
-
-    expect(await screen.findByText("Open Settings to discover models")).toBeInTheDocument();
-  });
-
-  it("clicking the settings hint calls requestSettings", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: [], openToken: 1 });
-    await screen.findByText("Open Settings to discover models");
-
-    await user.click(screen.getByText("Open Settings to discover models"));
-
-    expect(remote.requestSettings).toHaveBeenCalledTimes(1);
-  });
-
-  it("Close button calls close", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    await screen.findByText("GPT-4");
-
-    await user.click(screen.getByRole("button", { name: "Close selector" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape anywhere in the surface calls close", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    await screen.findByText("GPT-4");
-
-    const escape = new KeyboardEvent("keydown", { key: "Escape" });
-    window.dispatchEvent(escape);
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("resets the local search query when a fresh openToken arrives", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 1 });
-    await user.type(screen.getByRole("textbox", { name: "Search available models" }), "3.5");
-    expect(screen.queryByText("GPT-4")).not.toBeInTheDocument();
-
-    push(remote, { kind: "model", title: "Ollama", options: MODEL_OPTIONS, openToken: 2 });
-
-    expect(await screen.findByText("GPT-4")).toBeInTheDocument();
-    expect(screen.getByRole("textbox", { name: "Search available models" })).toHaveValue("");
-  });
-});
-
-describe("App against a real (faked) QWebChannel connection - reasoning kind", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders reasoning options with no search box", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, {
-      kind: "reasoning",
-      title: "Choose response depth",
-      options: REASONING_OPTIONS,
-      openToken: 1,
-    });
-
-    expect(await screen.findByText("Thinking")).toBeInTheDocument();
-    expect(screen.queryByRole("textbox")).not.toBeInTheDocument();
-  });
-
-  it("clicking Thinking calls selectOption with its id", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, {
-      kind: "reasoning",
-      title: "Choose response depth",
-      options: REASONING_OPTIONS,
-      openToken: 1,
-    });
-    await screen.findByText("Thinking");
-
-    await user.click(screen.getByText("Thinking"));
-
-    expect(remote.selectOption).toHaveBeenCalledWith("Thinking");
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialComposerPickerState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The picker is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/composer-picker/App.tsx b/web_ui/src/islands/composer-picker/App.tsx
deleted file mode 100644
index d3f885d7..00000000
--- a/web_ui/src/islands/composer-picker/App.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { ComposerPickerState, initialComposerPickerState } from "./bridgeTypes";
-import { BridgeRejection, ComposerPickerBridge, createComposerPickerBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<ComposerPickerState>(initialComposerPickerState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [query, setQuery] = useState("");
-  const [lastOpenToken, setLastOpenToken] = useState(0);
-  const bridgeRef = useRef<ComposerPickerBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-  const searchRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    const bridge = createComposerPickerBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // A fresh open() call bumps openToken server-side - reset the local
-  // search query whenever that happens, during render rather than an
-  // effect (the same "reset local state when a fresh X begins" pattern
-  // pin-overlay's own draft editor already uses) - a stale query from the
-  // LAST time this surface was open must not silently filter whatever kind
-  // just opened.
-  if (state.openToken !== lastOpenToken) {
-    setLastOpenToken(state.openToken);
-    setQuery("");
-  }
-
-  useEffect(() => {
-    searchRef.current?.focus();
-  }, [state.openToken]);
-
-  // Content-driven height negotiation, matching PinOverlayHost's own
-  // ResizeObserver-based reporting.
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  // Escape closes from anywhere in the surface, matching the legacy native
-  // popup's own keyPressEvent override - outside-click-close itself is
-  // handled natively (WebIslandHost's dismiss_on_outside_focus).
-  useEffect(() => {
-    function onKeyDown(event: KeyboardEvent) {
-      if (event.key === "Escape") bridgeRef.current?.close();
-    }
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-
-  const term = query.trim().toLowerCase();
-  const filtered = useMemo(() => {
-    if (!term) return state.options;
-    return state.options.filter(
-      (option) => option.label.toLowerCase().includes(term) || option.id.toLowerCase().includes(term),
-    );
-  }, [term, state.options]);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The picker is unavailable"
-        rejection={rejection}
-        className="composer-picker-shell bridge-error"
-      />
-    );
-  }
-
-  const isModelKind = state.kind === "model";
-  const showSettingsHint = isModelKind && term.length === 0 && state.options.length === 0;
-  const emptyMessage =
-    term.length > 0
-      ? "No model matches this search."
-      : isModelKind
-        ? "No model catalog available yet."
-        : "No reasoning levels are available for this provider.";
-
-  return (
-    <div className="composer-picker-shell" ref={shellRef}>
-      <div className="composer-picker-header">
-        <div className="composer-picker-heading">
-          <p className="composer-picker-eyebrow">{isModelKind ? "Model" : "Reasoning"}</p>
-          <p className="composer-picker-title">{state.title}</p>
-        </div>
-        <button
-          type="button"
-          className="composer-picker-close-btn"
-          onClick={() => bridgeRef.current?.close()}
-          aria-label="Close selector"
-        >
-          &times;
-        </button>
-      </div>
-
-      {isModelKind && (
-        <input
-          ref={searchRef}
-          className="composer-picker-search-input"
-          type="text"
-          value={query}
-          onChange={(event) => setQuery(event.target.value)}
-          placeholder="Search available models"
-          aria-label="Search available models"
-          autoComplete="off"
-          spellCheck={false}
-        />
-      )}
-
-      {filtered.length > 0 ? (
-        <ul
-          className="composer-picker-list"
-          role="listbox"
-          aria-label={isModelKind ? "Model options" : "Reasoning options"}
-        >
-          {filtered.map((option) => (
-            <li key={option.id} role="option" aria-selected={option.current}>
-              <button
-                type="button"
-                className={"composer-picker-row" + (option.unavailable ? " unavailable" : "")}
-                onClick={() => !option.unavailable && bridgeRef.current?.selectOption(option.id)}
-                disabled={option.unavailable}
-              >
-                <span className="composer-picker-row-copy">
-                  <span className="composer-picker-row-label">{option.label}</span>
-                  <span className="composer-picker-row-meta">{option.meta}</span>
-                </span>
-                {option.current && <span className="composer-picker-current-badge">Current</span>}
-              </button>
-            </li>
-          ))}
-        </ul>
-      ) : (
-        <p className="composer-picker-empty">{emptyMessage}</p>
-      )}
-
-      {showSettingsHint && (
-        <button
-          type="button"
-          className="composer-picker-settings-btn"
-          onClick={() => bridgeRef.current?.requestSettings()}
-        >
-          Open Settings to discover models
-        </button>
-      )}
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/composer-picker/bridge.test.ts b/web_ui/src/islands/composer-picker/bridge.test.ts
deleted file mode 100644
index 9a036281..00000000
--- a/web_ui/src/islands/composer-picker/bridge.test.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createComposerPickerBridge } from "./bridge";
-import { initialComposerPickerState, ComposerPickerState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<ComposerPickerState> = {}): string {
-  return JSON.stringify({ ...initialComposerPickerState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectOption: vi.fn(),
-    requestSettings: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { composerPickerBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createComposerPickerBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createComposerPickerBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialComposerPickerState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createComposerPickerBridge(() => {});
-    expect(() => {
-      bridge.selectOption("gpt");
-      bridge.requestSettings();
-      bridge.resize(300);
-      bridge.close();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createComposerPickerBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createComposerPickerBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards options pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createComposerPickerBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          revision: 2,
-          kind: "reasoning",
-          title: "Choose response depth",
-          options: [{ id: "Quick", label: "Quick", meta: "Direct", current: true, unavailable: false }],
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ kind: "reasoning", options: [expect.objectContaining({ id: "Quick" })] }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerPickerBridge(() => {});
-
-      bridge.selectOption("gpt-4");
-      bridge.requestSettings();
-      bridge.resize(321);
-      bridge.close();
-
-      expect(remote.selectOption).toHaveBeenCalledWith("gpt-4");
-      expect(remote.requestSettings).toHaveBeenCalledTimes(1);
-      expect(remote.resize).toHaveBeenCalledWith(321);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createComposerPickerBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerPickerBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/composer-picker/bridge.ts b/web_ui/src/islands/composer-picker/bridge.ts
deleted file mode 100644
index b04bae29..00000000
--- a/web_ui/src/islands/composer-picker/bridge.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { ComposerPickerState, initialComposerPickerState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validateComposerPickerState } from "../../lib/bridge-core/generated/composer-picker-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: ComposerPickerState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtComposerPickerObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  selectOption: (id: string) => void;
-  requestSettings: () => void;
-  resize: (height: number) => void;
-  close: () => void;
-}
-
-export interface ComposerPickerBridge {
-  ready(): void;
-  selectOption(id: string): void;
-  requestSettings(): void;
-  resize(height: number): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateComposerPickerState);
-}
-
-class MockComposerPickerBridge implements ComposerPickerBridge {
-  private readonly state: ComposerPickerState = structuredClone(initialComposerPickerState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  selectOption(): void {}
-  requestSettings(): void {}
-  resize(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createComposerPickerBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): ComposerPickerBridge {
-  const fallback = new MockComposerPickerBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtComposerPickerObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[composer-picker bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.composerPickerBridge as QtComposerPickerObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    // Real search input (model kind) means this island must participate in
-    // the keyboard-arbitration protocol, like command-palette/pin-overlay.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtComposerPickerObject>(
-    method: K,
-    ...args: QtComposerPickerObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    selectOption: (id) => call("selectOption", id),
-    requestSettings: () => call("requestSettings"),
-    resize: (height) => call("resize", height),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/composer-picker/bridgeTypes.ts b/web_ui/src/islands/composer-picker/bridgeTypes.ts
deleted file mode 100644
index edb13ca6..00000000
--- a/web_ui/src/islands/composer-picker/bridgeTypes.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * The composer-picker island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). Filtering is pure client-side
- * (matching every prior list-bearing island's own precedent) - Python
- * always sends the full option list. `openToken` bumps once per open() call
- * so App.tsx can reset its local search query on a genuinely fresh open,
- * distinct from any other republish.
- */
-export type { ComposerPickerState, ComposerPickerOption } from "../../lib/bridge-core/generated/composer-picker-state";
-
-import type { ComposerPickerState } from "../../lib/bridge-core/generated/composer-picker-state";
-
-export const initialComposerPickerState: ComposerPickerState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  kind: "model",
-  title: "Choose a model",
-  options: [],
-  openToken: 0,
-};
diff --git a/web_ui/src/islands/composer-picker/index.html b/web_ui/src/islands/composer-picker/index.html
deleted file mode 100644
index 2adb9baf..00000000
--- a/web_ui/src/islands/composer-picker/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Model Picker</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/composer-picker/main.tsx b/web_ui/src/islands/composer-picker/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/composer-picker/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/composer-picker/styles.css b/web_ui/src/islands/composer-picker/styles.css
deleted file mode 100644
index c7803a86..00000000
--- a/web_ui/src/islands/composer-picker/styles.css
+++ /dev/null
@@ -1,216 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [COMPOSER_PICKER_MIN_HEIGHT, COMPOSER_PICKER_MAX_HEIGHT] - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.composer-picker-shell {
-  box-sizing: border-box;
-  width: 400px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 16px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 14px;
-}
-
-.composer-picker-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-
-.composer-picker-heading {
-  flex: 1;
-  min-width: 0;
-}
-
-.composer-picker-eyebrow {
-  margin: 0;
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.composer-picker-title {
-  margin: 4px 0 0 0;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.composer-picker-close-btn {
-  flex-shrink: 0;
-  width: 25px;
-  height: 25px;
-  padding: 0;
-  font-size: 17px;
-  line-height: 1;
-  font-family: inherit;
-  color: var(--gl-neutral-button-muted-icon);
-  background-color: transparent;
-  border: 0;
-  border-radius: 7px;
-  cursor: pointer;
-}
-
-.composer-picker-close-btn:hover {
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.composer-picker-search-input {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px 12px;
-  min-height: 20px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  outline: none;
-}
-
-.composer-picker-search-input:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.composer-picker-list {
-  margin: 0;
-  padding: 6px;
-  list-style: none;
-  max-height: 300px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 10px;
-}
-
-.composer-picker-empty {
-  margin: 0;
-  padding: 12px 8px;
-  font-size: 10px;
-  color: var(--gl-neutral-button-muted-icon);
-  text-align: center;
-}
-
-.composer-picker-row {
-  box-sizing: border-box;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  padding: 8px 12px;
-  min-height: 50px;
-  text-align: left;
-  background: transparent;
-  border: none;
-  border-radius: 7px;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.composer-picker-row:hover:not(:disabled) {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.composer-picker-row.unavailable {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.composer-picker-row-copy {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.composer-picker-row-label {
-  font-size: 11px;
-  font-weight: 650;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.composer-picker-row-meta {
-  font-size: 9px;
-  color: var(--gl-neutral-button-muted-icon);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.composer-picker-current-badge {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 60px;
-  height: 22px;
-  font-size: 9px;
-  font-weight: 700;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-hover);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-}
-
-.composer-picker-settings-btn {
-  align-self: flex-start;
-  padding: 0 8px;
-  font-size: 10px;
-  font-weight: 650;
-  font-family: inherit;
-  color: var(--gl-neutral-button-muted-icon);
-  background-color: transparent;
-  border: 0;
-  cursor: pointer;
-}
-
-.composer-picker-settings-btn:hover {
-  color: var(--gl-neutral-button-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/composer/ComposerApp.reject-recover.test.tsx b/web_ui/src/islands/composer/ComposerApp.reject-recover.test.tsx
deleted file mode 100644
index 0a5fac7c..00000000
--- a/web_ui/src/islands/composer/ComposerApp.reject-recover.test.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
-import ComposerApp from "./ComposerApp";
-import { initialComposerState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-/**
- * Regression coverage for a real bug adversarial review found: the
- * ResizeObserver-attaching effect had a `[]` dependency array, so it ran
- * exactly once for the component's whole lifetime. Before BridgeErrorState
- * existed that was safe - <main ref={shellRef}> was the only thing
- * ComposerApp ever rendered. Once a rejected payload could unmount it
- * (replaced by BridgeErrorState) and a later valid payload could remount a
- * BRAND NEW <main> node, the observer kept watching the original, now-
- * detached node forever: resize() would never fire again for the real one,
- * silently freezing the host's negotiated height.
- *
- * Fixed by keying the effect on `rejection` instead of `[]`. These tests
- * mount the real ComposerApp against a real (faked) QWebChannel - not the
- * jsdom mock-bridge fallback other tests use - because the bug is entirely
- * about what happens when real payloads flow through the real bridge and
- * cause a real mount/unmount/remount cycle.
- */
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    updateDraft: vi.fn(),
-    send: vi.fn(),
-    cancel: vi.fn(),
-    reviewContext: vi.fn(),
-    requestAttachment: vi.fn(),
-    stageTextAttachment: vi.fn(),
-    removeContextItem: vi.fn(),
-    selectModel: vi.fn(),
-    setReasoningLevel: vi.fn(),
-    openSettings: vi.fn(),
-    openModelSelector: vi.fn(),
-    openReasoningSelector: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { composerBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-const validPayload = () => JSON.stringify({ ...initialComposerState, minCompatibleSchemaVersion: 1 });
-
-describe("ComposerApp reject -> recover DOM/resize lifecycle", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("mounts a NEW shell DOM node on recovery, not the original", async () => {
-    const remote = installFakeQWebChannel();
-    render(<ComposerApp />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(validPayload());
-    const shellBefore = document.querySelector(".composer-shell:not(.bridge-error)");
-    expect(shellBefore).not.toBeNull();
-
-    push("not json"); // rejection -> unmounts <main>
-    await waitFor(() => expect(screen.getByRole("alert")).toBeInTheDocument());
-    expect(document.querySelector(".composer-shell:not(.bridge-error)")).toBeNull();
-
-    push(validPayload()); // recovery -> remounts a NEW <main>
-    await waitFor(() =>
-      expect(document.querySelector(".composer-shell:not(.bridge-error)")).not.toBeNull(),
-    );
-    const shellAfter = document.querySelector(".composer-shell:not(.bridge-error)");
-
-    expect(shellAfter).not.toBe(shellBefore);
-  });
-
-  it("calls resize() again for the new shell after a reject/recover cycle - the actual regression", async () => {
-    const remote = installFakeQWebChannel();
-    render(<ComposerApp />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(validPayload());
-    await waitFor(() => expect(remote.resize.mock.calls.length).toBeGreaterThan(0));
-    const callsBeforeReject = remote.resize.mock.calls.length;
-
-    push("not json");
-    await waitFor(() => expect(screen.getByRole("alert")).toBeInTheDocument());
-
-    push(validPayload());
-    await waitFor(() =>
-      expect(document.querySelector(".composer-shell:not(.bridge-error)")).not.toBeNull(),
-    );
-
-    // The bug: with a `[]`-keyed effect this next assertion fails, because the
-    // ResizeObserver effect never re-ran for the new shell and reportHeight()
-    // was never called again.
-    await waitFor(() => expect(remote.resize.mock.calls.length).toBeGreaterThan(callsBeforeReject));
-  });
-
-  it("does not throw when a rejection arrives immediately, before any successful mount", async () => {
-    const remote = installFakeQWebChannel();
-    render(<ComposerApp />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    expect(() => push("not json")).not.toThrow();
-    await waitFor(() => expect(screen.getByRole("alert")).toBeInTheDocument());
-  });
-});
diff --git a/web_ui/src/islands/composer/ComposerApp.test.tsx b/web_ui/src/islands/composer/ComposerApp.test.tsx
deleted file mode 100644
index 481ea558..00000000
--- a/web_ui/src/islands/composer/ComposerApp.test.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import ComposerApp from "./ComposerApp";
-
-// jsdom has no window.QWebChannel, so createComposerBridge() (in bridge.ts)
-// falls through to MockComposerBridge automatically - this is the "vitest
-// green with a mock-bridge composer test" Phase 1 exit criterion, exercised
-// through ComposerApp's real public behavior rather than reaching into
-// MockComposerBridge internals directly.
-
-describe("ComposerApp against the mock bridge", () => {
-  it("renders the message input and starts with the send button disabled", () => {
-    render(<ComposerApp />);
-    expect(screen.getByLabelText("Message composer")).toBeInTheDocument();
-    expect(screen.getByLabelText("Send message")).toBeDisabled();
-  });
-
-  it("enables send once the draft has non-whitespace text", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    const input = screen.getByLabelText("Message composer");
-    await user.type(input, "Hello there");
-
-    expect(screen.getByLabelText("Send message")).toBeEnabled();
-  });
-
-  it("keeps send disabled for whitespace-only text", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    const input = screen.getByLabelText("Message composer");
-    await user.type(input, "   ");
-
-    expect(screen.getByLabelText("Send message")).toBeDisabled();
-  });
-
-  it("sending transitions into the mock bridge's preview-generating state", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    await user.type(screen.getByLabelText("Message composer"), "Hello there");
-    await user.click(screen.getByLabelText("Send message"));
-
-    expect(await screen.findByText("Preview mode — waiting for the desktop bridge")).toBeInTheDocument();
-    expect(screen.getByLabelText("Cancel response")).toBeInTheDocument();
-  });
-
-  it("Enter sends when sendMode is enter_to_send (the mock bridge's default)", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    const input = screen.getByLabelText("Message composer");
-    await user.type(input, "Hello there{Enter}");
-
-    expect(await screen.findByText("Preview mode — waiting for the desktop bridge")).toBeInTheDocument();
-  });
-
-  it("large pastes are staged as a context attachment instead of inserted as text", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    const input = screen.getByLabelText("Message composer") as HTMLTextAreaElement;
-    const bigText = Array.from({ length: 30 }, (_, i) => `line ${i}`).join("\n");
-
-    await user.click(input);
-    await user.paste(bigText);
-
-    expect(input.value).toBe("");
-    expect(await screen.findByLabelText(/Review 1 attached item/)).toBeInTheDocument();
-  });
-
-  it("attach button is enabled per the mock bridge's initial capabilities", () => {
-    render(<ComposerApp />);
-    expect(screen.getByLabelText("Attach context")).toBeEnabled();
-  });
-});
diff --git a/web_ui/src/islands/composer/ComposerApp.theme.test.tsx b/web_ui/src/islands/composer/ComposerApp.theme.test.tsx
deleted file mode 100644
index 4242632e..00000000
--- a/web_ui/src/islands/composer/ComposerApp.theme.test.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render } from "@testing-library/react";
-
-// The default browser-preview mock (bridgeTypes.ts's initialComposerState)
-// deliberately carries an empty theme.cssVariables - real values normally
-// come from the Python bridge, which jsdom has no equivalent of. This proves
-// ComposerApp's theme-application effect actually runs end-to-end on real
-// bridge-shaped state, not just that the extracted applyThemeCssVariables()
-// function works in isolation (see theme.test.ts for that).
-vi.mock("./bridgeTypes", async (importOriginal) => {
-  const actual = await importOriginal<typeof import("./bridgeTypes")>();
-  return {
-    ...actual,
-    initialComposerState: {
-      ...actual.initialComposerState,
-      theme: {
-        ...actual.initialComposerState.theme,
-        cssVariables: {
-          "--gl-composer-shell-background": "#1f1f1f",
-          "--gl-composer-shell-border": "rgba(150, 150, 150, 0.34)",
-        },
-      },
-    },
-  };
-});
-
-const { default: ComposerApp } = await import("./ComposerApp");
-
-describe("ComposerApp theme wiring", () => {
-  afterEach(() => {
-    cleanup();
-    document.documentElement.removeAttribute("style");
-  });
-
-  it("applies the mock bridge's initial theme.cssVariables to documentElement on mount", () => {
-    render(<ComposerApp />);
-
-    expect(
-      document.documentElement.style.getPropertyValue("--gl-composer-shell-background"),
-    ).toBe("#1f1f1f");
-    expect(document.documentElement.style.getPropertyValue("--gl-composer-shell-border")).toBe(
-      "rgba(150, 150, 150, 0.34)",
-    );
-  });
-});
diff --git a/web_ui/src/islands/composer/ComposerApp.tsx b/web_ui/src/islands/composer/ComposerApp.tsx
deleted file mode 100644
index f3c84fac..00000000
--- a/web_ui/src/islands/composer/ComposerApp.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { ComposerState, initialComposerState } from "./bridgeTypes";
-import { BridgeRejection, ComposerBridge, createComposerBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-import { isBusy, requestLabel } from "./state";
-import { useAppliedThemeCssVariables } from "./theme";
-
-const LARGE_PASTE_CHAR_THRESHOLD = 1400;
-const LARGE_PASTE_LINE_THRESHOLD = 24;
-
-function Icon({ name }: { name: "attach" | "send" | "stop" | "chevron" }) {
-  const paths: Record<string, string> = {
-    attach: "M12 5.5 6.4 11.1a3.6 3.6 0 0 0 5.1 5.1l6-6a2.5 2.5 0 0 0-3.5-3.5l-6.1 6.1a1.35 1.35 0 0 0 1.9 1.9l5.5-5.5",
-    send: "M3.5 4.6 20.5 12 3.5 19.4l2.2-6.2L15 12 5.7 10.8 3.5 4.6Z",
-    stop: "M6.5 6.5h11v11h-11z",
-    chevron: "m7 10 5 5 5-5",
-  };
-  return (
-    <svg aria-hidden="true" viewBox="0 0 24 24" className="icon">
-      <path d={paths[name]} />
-    </svg>
-  );
-}
-
-function ComposerApp() {
-  const [state, setState] = useState<ComposerState>(initialComposerState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<ComposerBridge | null>(null);
-  const shellRef = useRef<HTMLElement>(null);
-  const inputRef = useRef<HTMLTextAreaElement>(null);
-  const isRequestBusy = isBusy(state);
-  const attachmentCount = state.context.items.length;
-
-  useEffect(() => {
-    const bridge = createComposerBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // Applies the active theme's --gl-* custom properties to the document root
-  // whenever they genuinely change (content, not object reference - see
-  // theme.ts), so an in-app theme change re-styles composer without a
-  // reload. First paint already has a value for every property (the host
-  // injects a build-time :root block before this ever runs) - this is what
-  // makes a LIVE theme switch visible; it does not do the initial styling.
-  useAppliedThemeCssVariables(document.documentElement, state.theme.cssVariables);
-
-  // Keyed on `rejection`, not `[]`: <main ref={shellRef}> is only rendered
-  // when there is no rejection (see the early return below), so a reject then
-  // recover cycle unmounts and later remounts a NEW <main> DOM node. A `[]`
-  // dependency array would run this effect exactly once for the component's
-  // whole lifetime, leaving the ResizeObserver watching the original,
-  // detached node forever - resize() would never fire again for the new one,
-  // silently freezing the host's negotiated height while composer's real
-  // content keeps growing. Keying on `rejection` makes React tear down and
-  // re-create the observer across every mount/unmount boundary: the cleanup
-  // fires (disconnecting the old observer) as `rejection` transitions to
-  // truthy, and shellRef.current is correctly null at that point since React
-  // nulls refs on unmount before running effects - so the guard below is not
-  // dead code, it is what makes the rejected render a safe no-op here.
-  useEffect(() => {
-    const shell = shellRef.current;
-    if (!shell) return;
-
-    const reportHeight = () => {
-      bridgeRef.current?.resize(Math.ceil(shell.getBoundingClientRect().height));
-    };
-    const observer =
-      typeof ResizeObserver === "undefined" ? null : new ResizeObserver(reportHeight);
-    observer?.observe(shell);
-    reportHeight();
-    return () => observer?.disconnect();
-  }, [rejection]);
-
-  useLayoutEffect(() => {
-    const input = inputRef.current;
-    if (!input) return;
-    input.style.height = "auto";
-    input.style.height = `${Math.max(42, Math.min(160, input.scrollHeight))}px`;
-  }, [state.draft.text]);
-
-  const canSend = state.request.canSend && !isRequestBusy;
-  const routeDetail = useMemo(() => {
-    if (state.route.modelId) return state.route.label + " \u00b7 " + state.route.modelId;
-    return state.route.label;
-  }, [state.route.label, state.route.modelId, state.route.modelLabel]);
-  const modelDisplayLabel = state.route.modelLabel || state.route.modelId || "Select a model";
-
-  function submit() {
-    if (isRequestBusy) {
-      bridgeRef.current?.cancel(state.request.id || undefined);
-    } else if (canSend) {
-      bridgeRef.current?.send();
-    }
-  }
-
-  function onKeyDown(event: React.KeyboardEvent<HTMLTextAreaElement>) {
-    const sendOnEnter =
-      state.draft.sendMode === "enter_to_send" && event.key === "Enter" && !event.shiftKey;
-    const sendOnCtrlEnter =
-      state.draft.sendMode === "ctrl_enter_to_send" &&
-      event.key === "Enter" &&
-      (event.ctrlKey || event.metaKey);
-    if (sendOnEnter || sendOnCtrlEnter) {
-      event.preventDefault();
-      submit();
-    }
-  }
-
-  function onPaste(event: React.ClipboardEvent<HTMLTextAreaElement>) {
-    if (isRequestBusy || event.clipboardData.files.length > 0) return;
-
-    const pastedText = event.clipboardData.getData("text/plain");
-    const isLargePaste =
-      pastedText.length >= LARGE_PASTE_CHAR_THRESHOLD ||
-      pastedText.split("\n").length >= LARGE_PASTE_LINE_THRESHOLD;
-    if (!pastedText.trim() || !isLargePaste) return;
-
-    event.preventDefault();
-    bridgeRef.current?.stageTextAttachment(pastedText);
-  }
-
-  // Replaces the composer entirely rather than annotating it: after a rejected
-  // payload, anything still rendered is stale, and an input box that still
-  // looks usable would invite typing into state the desktop side no longer
-  // shares. Placed after the hooks above so hook order stays unconditional.
-  if (rejection) {
-    return <BridgeErrorState title="Composer unavailable" rejection={rejection} className="composer-shell bridge-error" />;
-  }
-
-  return (
-    <main
-      ref={shellRef}
-      className="composer-shell"
-      data-request-state={state.request.state}
-    >
-      <div className="input-wrap">
-        <textarea
-          ref={inputRef}
-          value={state.draft.text}
-          onChange={(event) => bridgeRef.current?.updateDraft(event.target.value)}
-          onKeyDown={onKeyDown}
-          onPaste={onPaste}
-          placeholder={"Ask about this graph\u2026"}
-          aria-label="Message composer"
-          rows={1}
-          spellCheck
-          disabled={isRequestBusy}
-        />
-      </div>
-
-      <footer className="composer-footer">
-        <div className="footer-left">
-          <div className="attachment-control">
-            <button
-              className="attach-button"
-              type="button"
-              onClick={() => bridgeRef.current?.requestAttachment()}
-              disabled={!state.capabilities.attachments || isRequestBusy}
-              aria-label="Attach context"
-              title="Attach context"
-            >
-              <Icon name="attach" />
-            </button>
-            {attachmentCount > 0 && (
-              <button
-                className="attachment-count"
-                type="button"
-                onClick={() => bridgeRef.current?.reviewContext()}
-                disabled={!state.capabilities.contextReview || isRequestBusy}
-                aria-haspopup="dialog"
-                aria-label={`Review ${attachmentCount} attached ${attachmentCount === 1 ? "item" : "items"}`}
-                title={`Review ${attachmentCount} attached ${attachmentCount === 1 ? "item" : "items"}`}
-              >
-                {attachmentCount}
-              </button>
-            )}
-          </div>
-          {state.draft.restored && <span className="restored-pill">Restored draft</span>}
-        </div>
-        <div className="footer-right">
-          <button
-            className="composer-control reasoning-control"
-            type="button"
-            disabled={!state.capabilities.reasoningSelection || isRequestBusy}
-            aria-haspopup="dialog"
-            onClick={() => bridgeRef.current?.openReasoningSelector()}
-            title="Choose reasoning level"
-          >
-            <span className="control-kicker">Reasoning</span>
-            <span className="control-value">{state.route.reasoning.label}</span>
-            <Icon name="chevron" />
-          </button>
-          <button
-            className="composer-control model-control"
-            type="button"
-            disabled={!state.capabilities.modelSelection || !state.route.canChange || isRequestBusy}
-            aria-haspopup="dialog"
-            onClick={() => bridgeRef.current?.openModelSelector()}
-            title={routeDetail}
-          >
-            <span className="control-copy">
-              <span className="control-kicker">{state.route.provider}</span>
-              <span className="control-value" title={modelDisplayLabel}>{modelDisplayLabel}</span>
-            </span>
-            <Icon name="chevron" />
-          </button>
-          <button
-            className={"send-button " + (isRequestBusy ? "cancel" : "")}
-            type="button"
-            onClick={submit}
-            disabled={!isRequestBusy && !canSend}
-            aria-label={isRequestBusy ? "Cancel response" : "Send message"}
-            title={isRequestBusy ? "Cancel response" : "Send message"}
-          >
-            <Icon name={isRequestBusy ? "stop" : "send"} />
-          </button>
-        </div>
-      </footer>
-
-      {!!requestLabel(state) && (
-        <div className={"request-status " + state.request.state} role="status">
-          <span>{requestLabel(state)}</span>
-          {state.request.canRetry && (
-            <button type="button" onClick={() => bridgeRef.current?.send()}>
-              Retry
-            </button>
-          )}
-        </div>
-      )}
-    </main>
-  );
-}
-
-export default ComposerApp;
diff --git a/web_ui/src/islands/composer/ComposerApp.wiring.test.tsx b/web_ui/src/islands/composer/ComposerApp.wiring.test.tsx
deleted file mode 100644
index e5b51877..00000000
--- a/web_ui/src/islands/composer/ComposerApp.wiring.test.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-// A fully mocked "./bridge" module, letting these tests (a) spy on the exact
-// bridge methods a click should invoke, and (b) inject arbitrary ComposerState
-// shapes (e.g. an active anchor with zero items) that the real MockComposerBridge
-// can't produce, since its requestAttachment()/reviewContext() are no-ops and its
-// initial state always starts from bridgeTypes' fixture. vi.hoisted() is required
-// here because vi.mock() factories run before this file's own top-level const/let
-// bindings would otherwise be initialized.
-const { bridgeMethods, stateHolder } = vi.hoisted(() => ({
-  bridgeMethods: {
-    ready: vi.fn(),
-    updateDraft: vi.fn(),
-    send: vi.fn(),
-    cancel: vi.fn(),
-    reviewContext: vi.fn(),
-    requestAttachment: vi.fn(),
-    stageTextAttachment: vi.fn(),
-    removeContextItem: vi.fn(),
-    selectModel: vi.fn(),
-    setReasoningLevel: vi.fn(),
-    openSettings: vi.fn(),
-    openModelSelector: vi.fn(),
-    openReasoningSelector: vi.fn(),
-    resize: vi.fn(),
-    dispose: vi.fn(),
-  },
-  stateHolder: { current: null as unknown },
-}));
-
-vi.mock("./bridge", () => ({
-  createComposerBridge: (listener: (state: unknown) => void) => ({
-    ...bridgeMethods,
-    ready: () => {
-      bridgeMethods.ready();
-      listener(stateHolder.current);
-    },
-  }),
-}));
-
-import ComposerApp from "./ComposerApp";
-import { initialComposerState } from "./bridgeTypes";
-import type { ComposerAttachment, ComposerContextAnchor, ComposerState } from "./bridgeTypes";
-
-function withContext(overrides: Partial<ComposerState["context"]>): ComposerState {
-  return { ...initialComposerState, context: { ...initialComposerState.context, ...overrides } };
-}
-
-const anAttachment: ComposerAttachment = {
-  id: "a1",
-  name: "notes.txt",
-  kind: "document",
-  tokenCount: 12,
-  preparationState: "ready",
-  contextLabel: "Text",
-};
-
-const anAnchor: ComposerContextAnchor = { id: "n1", label: "Graph Node", type: "node" };
-
-beforeEach(() => {
-  Object.values(bridgeMethods).forEach((fn) => fn.mockClear());
-  stateHolder.current = initialComposerState;
-});
-
-describe("ComposerApp against a fully mocked bridge", () => {
-  it("never renders a context bar, title, or summary element - only the compact attachment control", () => {
-    stateHolder.current = withContext({ anchor: anAnchor, items: [anAttachment] });
-    const { container } = render(<ComposerApp />);
-
-    expect(container.querySelector(".context-bar")).toBeNull();
-    expect(container.querySelector(".context-summary")).toBeNull();
-    expect(container.querySelector(".context-label")).toBeNull();
-  });
-
-  it("the attachment count badge is absent with zero items, even with an active anchor", () => {
-    stateHolder.current = withContext({ anchor: anAnchor, items: [] });
-    render(<ComposerApp />);
-
-    expect(screen.queryByLabelText(/Review .* attached/)).not.toBeInTheDocument();
-  });
-
-  it("the attachment count badge appears and is driven by items.length, independent of the anchor", () => {
-    stateHolder.current = withContext({ anchor: null, items: [anAttachment] });
-    render(<ComposerApp />);
-
-    expect(screen.getByLabelText("Review 1 attached item")).toBeInTheDocument();
-  });
-
-  it("clicking Attach context calls the bridge's requestAttachment()", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    await user.click(screen.getByLabelText("Attach context"));
-
-    expect(bridgeMethods.requestAttachment).toHaveBeenCalledTimes(1);
-  });
-
-  it("clicking the attachment count badge calls the bridge's reviewContext(), not requestAttachment()", async () => {
-    stateHolder.current = withContext({ items: [anAttachment] });
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-
-    await user.click(screen.getByLabelText("Review 1 attached item"));
-
-    expect(bridgeMethods.reviewContext).toHaveBeenCalledTimes(1);
-    expect(bridgeMethods.requestAttachment).not.toHaveBeenCalled();
-  });
-
-  it("a large paste calls the bridge's stageTextAttachment() with the exact pasted text, and is never inserted into the draft", async () => {
-    const user = userEvent.setup();
-    render(<ComposerApp />);
-    const input = screen.getByLabelText("Message composer") as HTMLTextAreaElement;
-    const bigText = Array.from({ length: 30 }, (_, i) => `line ${i}`).join("\n");
-
-    await user.click(input);
-    await user.paste(bigText);
-
-    expect(input.value).toBe("");
-    expect(bridgeMethods.stageTextAttachment).toHaveBeenCalledExactlyOnceWith(bigText);
-    expect(bridgeMethods.updateDraft).not.toHaveBeenCalled();
-  });
-});
diff --git a/web_ui/src/islands/composer/bridge-error.css b/web_ui/src/islands/composer/bridge-error.css
deleted file mode 100644
index c400960d..00000000
--- a/web_ui/src/islands/composer/bridge-error.css
+++ /dev/null
@@ -1,49 +0,0 @@
-/* Styling for the visible bridge-failure state (BridgeErrorState.tsx), which
-   replaced the old silent freeze.
-
-   DELIBERATELY A SEPARATE FILE rather than appended to styles.css: that file is
-   guarded by a byte-exact resolution-golden test
-   (graphlink_app/tests/test_composer_token_retrofit.py), which proves every
-   var(--gl-composer-*) in it still resolves to the literal that sat at that
-   exact site before the token retrofit. Appending new rules there would break
-   that comparison, and "just regenerate the fixture" is precisely the reflex
-   that test exists to make expensive. Keeping new CSS out of styles.css
-   preserves the guarantee intact instead of weakening it for convenience.
-
-   Imported from main.tsx (not via an @import in styles.css, which would itself
-   modify the guarded file). Uses only existing --gl-composer-* tokens - no new
-   colors are minted here, so this stays inside the raw-hex ban and themes like
-   the rest of the island. */
-
-.bridge-error {
-  display: grid;
-  gap: 6px;
-  padding: 12px 14px;
-}
-
-.bridge-error-title {
-  color: var(--gl-composer-attachment-count-hover-text);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.bridge-error-reason {
-  margin: 0;
-  color: var(--gl-composer-control-value-text);
-  font-size: 11px;
-  line-height: 1.45;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  color: var(--gl-composer-control-kicker-text);
-  font-size: 10px;
-  line-height: 1.5;
-}
-
-.bridge-error-hint {
-  margin: 0;
-  color: var(--gl-composer-control-icon);
-  font-size: 10px;
-}
diff --git a/web_ui/src/islands/composer/bridge.test.ts b/web_ui/src/islands/composer/bridge.test.ts
deleted file mode 100644
index 8f5000ae..00000000
--- a/web_ui/src/islands/composer/bridge.test.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createComposerBridge } from "./bridge";
-import { initialComposerState, ComposerState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-// transport.test.ts covers the extracted QWebChannel connection mechanics
-// in isolation. This file covers what's still inside bridge.ts's own
-// closure once a connection exists - the "connected" gate on call(),
-// pendingHeight queuing before connect, dispose()'s unsubscribe, and
-// parseState()'s schemaVersion guard - none of which transport.test.ts (or
-// ComposerApp.test.tsx, which only ever runs the jsdom mock-bridge fallback
-// path with no window.QWebChannel present) exercises.
-
-function stateJson(overrides: Partial<ComposerState> = {}): string {
-  return JSON.stringify({ ...initialComposerState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    updateDraft: vi.fn(),
-    send: vi.fn(),
-    cancel: vi.fn(),
-    reviewContext: vi.fn(),
-    requestAttachment: vi.fn(),
-    stageTextAttachment: vi.fn(),
-    removeContextItem: vi.fn(),
-    selectModel: vi.fn(),
-    setReasoningLevel: vi.fn(),
-    openSettings: vi.fn(),
-    openModelSelector: vi.fn(),
-    openReasoningSelector: vi.fn(),
-    resize: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { composerBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createComposerBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createComposerBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener, gated by schemaVersion", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createComposerBridge(listener);
-      const stateListener = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      // listener() is called once already, synchronously, by MockComposerBridge-
-      // parity ready-state plumbing inside bridge.ts? No - ready() here is the
-      // REMOTE's ready(), a fire-and-forget call with no return value; the
-      // local `listener` callback is only ever invoked by stateListener.
-      expect(listener).not.toHaveBeenCalled();
-
-      stateListener(stateJson({ revision: 7 }));
-      expect(listener).toHaveBeenCalledTimes(1);
-      expect(listener.mock.calls[0][0].revision).toBe(7);
-
-      // Malformed/incompatible payloads are dropped, not forwarded.
-      stateListener(JSON.stringify({ schemaVersion: 2 }));
-      stateListener("not json");
-      expect(listener).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("gates outbound calls on the connected flag, not just remote's presence", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerBridge(() => {});
-      // Connection happens synchronously inside createComposerBridge (the
-      // fake QWebChannel invokes its callback immediately), so by the time
-      // this line runs, "connected" is already true - confirms the normal
-      // case actually calls through to the remote object.
-      bridge.updateDraft("hello");
-      expect(remote.updateDraft).toHaveBeenCalledWith("hello");
-
-      bridge.send();
-      bridge.cancel("req-1");
-      bridge.reviewContext();
-      bridge.requestAttachment();
-      bridge.stageTextAttachment("pasted");
-      bridge.removeContextItem("item-1");
-      bridge.selectModel("model-1");
-      bridge.setReasoningLevel("Quick");
-      bridge.openSettings();
-      bridge.openModelSelector();
-      bridge.openReasoningSelector();
-
-      expect(remote.send).toHaveBeenCalledTimes(1);
-      expect(remote.cancel).toHaveBeenCalledWith("req-1");
-      expect(remote.reviewContext).toHaveBeenCalledTimes(1);
-      expect(remote.requestAttachment).toHaveBeenCalledTimes(1);
-      expect(remote.stageTextAttachment).toHaveBeenCalledWith("pasted");
-      expect(remote.removeContextItem).toHaveBeenCalledWith("item-1");
-      expect(remote.selectModel).toHaveBeenCalledWith("model-1");
-      expect(remote.setReasoningLevel).toHaveBeenCalledWith("Quick");
-      expect(remote.openSettings).toHaveBeenCalledTimes(1);
-      expect(remote.openModelSelector).toHaveBeenCalledTimes(1);
-      expect(remote.openReasoningSelector).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("queues a resize requested before connection and applies it once connected", () => {
-    // Install a QWebChannel whose connection callback fires asynchronously
-    // (a macrotask), so resize() can genuinely be called before "connected"
-    // flips true - the synchronous FakeQWebChannel above can't exercise this
-    // branch, since its callback always runs before createComposerBridge
-    // returns.
-    const remote = {
-      stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-      ready: vi.fn(),
-      resize: vi.fn(),
-    };
-    let pendingCallback: ((channel: { objects: Record<string, unknown> }) => void) | null = null;
-
-    class DeferredFakeQWebChannel {
-      constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-        pendingCallback = callback;
-      }
-    }
-
-    const qtWindow = window as unknown as QtWindow;
-    qtWindow.QWebChannel = DeferredFakeQWebChannel as unknown as QtWindow["QWebChannel"];
-    qtWindow.qt = { webChannelTransport: {} };
-
-    try {
-      const bridge = createComposerBridge(() => {});
-      bridge.resize(240);
-      expect(remote.resize).not.toHaveBeenCalled();
-
-      pendingCallback!({ objects: { composerBridge: remote } });
-      expect(remote.resize).toHaveBeenCalledWith(240);
-    } finally {
-      delete qtWindow.QWebChannel;
-      delete qtWindow.qt;
-    }
-  });
-
-  it("dispose() disconnects the state listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createComposerBridge(() => {});
-      const stateListener = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(stateListener);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/composer/bridge.ts b/web_ui/src/islands/composer/bridge.ts
deleted file mode 100644
index dcd9523d..00000000
--- a/web_ui/src/islands/composer/bridge.ts
+++ /dev/null
@@ -1,277 +0,0 @@
-import { ComposerState, initialComposerState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validateComposerState } from "../../lib/bridge-core/generated/composer-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-// Re-exported so existing `import { BridgeRejection } from "./bridge"` call
-// sites (ComposerApp.tsx, this file's own tests) keep working unchanged -
-// the type itself now lives in bridge-core/islandState.ts, generic across
-// islands; this module is just composer's specific consumer of it.
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: ComposerState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtComposerObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  updateDraft: (text: string) => void;
-  send: () => void;
-  cancel: (requestId?: string) => void;
-  reviewContext: () => void;
-  requestAttachment: () => void;
-  stageTextAttachment: (text: string) => void;
-  removeContextItem: (itemId: string) => void;
-  selectModel: (modelId: string) => void;
-  setReasoningLevel: (level: string) => void;
-  openSettings: () => void;
-  openModelSelector: () => void;
-  openReasoningSelector: () => void;
-  resize: (height: number) => void;
-}
-
-export interface ComposerBridge {
-  ready(): void;
-  updateDraft(text: string): void;
-  send(): void;
-  cancel(requestId?: string): void;
-  reviewContext(): void;
-  requestAttachment(): void;
-  stageTextAttachment(text: string): void;
-  removeContextItem(itemId: string): void;
-  selectModel(modelId: string): void;
-  setReasoningLevel(level: string): void;
-  openSettings(): void;
-  openModelSelector(): void;
-  openReasoningSelector(): void;
-  resize(height: number): void;
-  dispose(): void;
-}
-
-/**
- * Composer's specific slice of the generic parseIslandState() shell: only the
- * choice of validator (composer-state.ts's generated validateComposerState)
- * is composer-specific; JSON-parsing, schema-version negotiation, and the
- * BridgeRejection shape are shared (bridge-core/islandState.ts), so a second
- * island's bridge.ts needs only its own one-line equivalent of this function,
- * not a copy of the whole parse/reject mechanism.
- */
-function parseState(payload: string) {
-  return parseIslandState(payload, validateComposerState);
-}
-
-class MockComposerBridge implements ComposerBridge {
-  private state: ComposerState = structuredClone(initialComposerState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  updateDraft(text: string): void {
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      draft: { ...this.state.draft, text },
-      request: {
-        ...this.state.request,
-        canSend: text.trim().length > 0 || this.state.context.reviewAvailable,
-      },
-    };
-    this.listener(this.state);
-  }
-
-  send(): void {
-    if (!this.state.request.canSend) return;
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      request: {
-        ...this.state.request,
-        id: "preview-request",
-        state: "generating",
-        message: "Preview mode — waiting for the desktop bridge",
-        canSend: false,
-        canCancel: true,
-      },
-    };
-    this.listener(this.state);
-  }
-
-  cancel(): void {
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      request: {
-        ...this.state.request,
-        id: null,
-        state: "canceled",
-        message: "Request canceled",
-        canSend: true,
-        canCancel: false,
-      },
-    };
-    this.listener(this.state);
-  }
-
-  reviewContext(): void {}
-  requestAttachment(): void {}
-  stageTextAttachment(text: string): void {
-    const normalized = String(text || "");
-    if (!normalized.trim()) return;
-    const lineCount = normalized.split("\n").length;
-    const attachmentId = `paste-${this.state.revision + 1}`;
-    const attachment = {
-      id: attachmentId,
-      name: `Pasted Text (${lineCount} lines).txt`,
-      kind: "document",
-      tokenCount: 0,
-      preparationState: "ready",
-      contextLabel: "Text",
-    };
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      context: {
-        ...this.state.context,
-        items: [...this.state.context.items, attachment],
-        reviewAvailable: true,
-      },
-      request: { ...this.state.request, canSend: true },
-    };
-    this.listener(this.state);
-  }
-  removeContextItem(): void {}
-  selectModel(modelId: string): void {
-    const option = this.state.route.modelOptions.find((item) => item.id === modelId);
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      route: {
-        ...this.state.route,
-        modelId,
-        modelValue: modelId,
-        modelLabel: option?.label || modelId,
-        modelOptions: this.state.route.modelOptions.map((item) => ({
-          ...item,
-          active: item.id === modelId,
-        })),
-      },
-    };
-    this.listener(this.state);
-  }
-
-  setReasoningLevel(level: string): void {
-    const normalized = level.toLowerCase() === "thinking" ? "Thinking" : "Quick";
-    this.state = {
-      ...this.state,
-      revision: this.state.revision + 1,
-      route: {
-        ...this.state.route,
-        reasoning: {
-          ...this.state.route.reasoning,
-          level: normalized,
-          label: normalized,
-        },
-      },
-    };
-    this.listener(this.state);
-  }
-
-  openSettings(): void {}
-  openModelSelector(): void {}
-  openReasoningSelector(): void {}
-  resize(): void {}
-  dispose(): void {}
-}
-
-export function createComposerBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): ComposerBridge {
-  const fallback = new MockComposerBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtComposerObject | null = null;
-  let connected = false;
-  let pendingHeight: number | null = null;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      // Clear any previously-shown error once a good payload arrives, so a
-      // transient bad update doesn't strand the UI in the error state.
-      onRejection?.(null);
-      return;
-    }
-    // Loud in the console for a developer, and surfaced on screen by the
-    // caller for a user - never silently dropped, which was the old behavior.
-    console.error(
-      `[composer bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.composerBridge as QtComposerObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    if (pendingHeight !== null) remote.resize(pendingHeight);
-    // Reuses this same connection - installTextFocusReporting must not open
-    // its own QWebChannel: qwebchannel.js assigns transport.onmessage
-    // directly, so a second `new QWebChannel()` on the same transport would
-    // silently clobber this channel's message handling.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtComposerObject>(
-    method: K,
-    ...args: QtComposerObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    updateDraft: (text) => call("updateDraft", text),
-    send: () => call("send"),
-    cancel: (requestId) => call("cancel", requestId),
-    reviewContext: () => call("reviewContext"),
-    requestAttachment: () => call("requestAttachment"),
-    stageTextAttachment: (text) => call("stageTextAttachment", text),
-    removeContextItem: (itemId) => call("removeContextItem", itemId),
-    selectModel: (modelId) => call("selectModel", modelId),
-    setReasoningLevel: (level) => call("setReasoningLevel", level),
-    openSettings: () => call("openSettings"),
-    openModelSelector: () => call("openModelSelector"),
-    openReasoningSelector: () => call("openReasoningSelector"),
-    resize: (height) => {
-      pendingHeight = height;
-      call("resize", height);
-    },
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/composer/bridgeRejection.test.ts b/web_ui/src/islands/composer/bridgeRejection.test.ts
deleted file mode 100644
index 368f392b..00000000
--- a/web_ui/src/islands/composer/bridgeRejection.test.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
-import { createComposerBridge, type BridgeRejection } from "./bridge";
-import { initialComposerState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-/**
- * Regression coverage for the silent-freeze bug.
- *
- * Before this change, parseState() returned null for a malformed or
- * version-mismatched payload and the caller did `if (state) listener(state)` -
- * so the state listener was simply never called. The UI kept rendering
- * whatever it last had, with nothing on screen or in the console indicating a
- * problem. These tests assert the two halves of the fix: bad payloads still
- * never reach the state listener (no corrupt render), AND every rejection is
- * now reported with a reason instead of being swallowed.
- */
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    updateDraft: vi.fn(),
-    send: vi.fn(),
-    cancel: vi.fn(),
-    reviewContext: vi.fn(),
-    requestAttachment: vi.fn(),
-    stageTextAttachment: vi.fn(),
-    removeContextItem: vi.fn(),
-    selectModel: vi.fn(),
-    setReasoningLevel: vi.fn(),
-    openSettings: vi.fn(),
-    openModelSelector: vi.fn(),
-    openReasoningSelector: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { composerBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-function connect() {
-  const remote = installFakeQWebChannel();
-  const listener = vi.fn();
-  const rejections: (BridgeRejection | null)[] = [];
-  createComposerBridge(listener, (r) => rejections.push(r));
-  const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  return { listener, rejections, push };
-}
-
-const validPayload = () =>
-  JSON.stringify({ ...initialComposerState, minCompatibleSchemaVersion: 1 });
-
-describe("bridge payload rejection is visible, not silent", () => {
-  beforeEach(() => {
-    vi.spyOn(console, "error").mockImplementation(() => {});
-  });
-  afterEach(() => {
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("forwards a valid payload and reports no rejection", () => {
-    const { listener, rejections, push } = connect();
-
-    push(validPayload());
-
-    expect(listener).toHaveBeenCalledTimes(1);
-    expect(rejections.at(-1)).toBeNull();
-  });
-
-  it("reports a reason for unparseable JSON instead of dropping it", () => {
-    const { listener, rejections, push } = connect();
-
-    push("not json at all");
-
-    expect(listener).not.toHaveBeenCalled();
-    expect(rejections.at(-1)?.kind).toBe("parse");
-    expect(rejections.at(-1)?.reason).toBeTruthy();
-  });
-
-  it("reports a reason for an incompatible schema version", () => {
-    const { listener, rejections, push } = connect();
-
-    push(JSON.stringify({ schemaVersion: 99, minCompatibleSchemaVersion: 99 }));
-
-    expect(listener).not.toHaveBeenCalled();
-    expect(rejections.at(-1)?.kind).toBe("version");
-  });
-
-  it("reports a reason - with detail - for a structurally wrong payload", () => {
-    const { listener, rejections, push } = connect();
-    const broken = JSON.parse(validPayload());
-    delete broken.draft;
-
-    push(JSON.stringify(broken));
-
-    expect(listener).not.toHaveBeenCalled();
-    const rejection = rejections.at(-1);
-    expect(rejection?.kind).toBe("shape");
-    expect(rejection?.details.length).toBeGreaterThan(0);
-    expect(rejection?.details[0]).toContain("draft");
-  });
-
-  it("logs every rejection to the console so a developer sees it too", () => {
-    const { push } = connect();
-
-    push("not json");
-
-    expect(console.error).toHaveBeenCalled();
-  });
-
-  it("clears the rejection once a good payload arrives, so a transient fault does not strand the UI", () => {
-    const { listener, rejections, push } = connect();
-
-    push("not json");
-    expect(rejections.at(-1)).not.toBeNull();
-
-    push(validPayload());
-
-    expect(listener).toHaveBeenCalledTimes(1);
-    expect(rejections.at(-1)).toBeNull();
-  });
-
-  it("tolerates unknown extra fields from a newer sender - additive compatibility", () => {
-    const { listener, rejections, push } = connect();
-    const additive = JSON.parse(validPayload());
-    additive.somethingNewerSendersAdded = { nested: true };
-    additive.draft.futureField = "x";
-
-    push(JSON.stringify(additive));
-
-    expect(listener).toHaveBeenCalledTimes(1);
-    expect(rejections.at(-1)).toBeNull();
-  });
-});
diff --git a/web_ui/src/islands/composer/bridgeTypes.ts b/web_ui/src/islands/composer/bridgeTypes.ts
deleted file mode 100644
index 9dc459fd..00000000
--- a/web_ui/src/islands/composer/bridgeTypes.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-/**
- * The composer island's state contract.
- *
- * The TYPES here are re-exported from lib/bridge-core/generated/composer-state.ts,
- * which is generated from graphlink_app/graphlink_composer_payload.py - the
- * Python dataclasses that define what the desktop side actually sends. They are
- * deliberately NOT declared here anymore: this file previously hand-mirrored
- * every interface, which is exactly the drift risk the schema pipeline exists
- * to remove (a Python-side field rename would silently disagree with a mirror
- * nobody remembered to update, and nothing would fail).
- *
- * Re-exporting rather than pointing every consumer at the generated path keeps
- * `import { ComposerState } from "./bridgeTypes"` working across the island's
- * existing code and tests, so the generated file stays an implementation
- * detail of where the contract comes from.
- *
- * What legitimately still lives here: `initialComposerState`, the mock snapshot
- * used for browser-preview/dev and by the jsdom tests. That is fixture DATA,
- * not contract shape - and it is type-checked against the generated
- * `ComposerState`, so it cannot drift from the contract without failing the
- * build.
- */
-export type {
-  ComposerAttachment,
-  ComposerCapabilities,
-  ComposerContext,
-  ComposerContextAnchor,
-  ComposerDraft,
-  ComposerModelOption,
-  ComposerReasoning,
-  ComposerReasoningOption,
-  ComposerRequest,
-  ComposerRoute,
-  ComposerState,
-  ComposerTheme,
-  ComposerThemeGraphNode,
-  ComposerThemeNeutralButton,
-  ComposerThemePalette,
-  ComposerThemeSemantic,
-} from "../../lib/bridge-core/generated/composer-state";
-
-import type { ComposerState } from "../../lib/bridge-core/generated/composer-state";
-
-/**
- * RequestState is not a named export of the generated module - the generator
- * inlines string-literal unions at their use site rather than hoisting them to
- * named aliases. Deriving it from the generated ComposerRequest keeps it tied
- * to the generated contract instead of restating the union by hand.
- */
-export type RequestState = ComposerState["request"]["state"];
-
-export const initialComposerState: ComposerState = {
-  schemaVersion: 1,
-  // Mirrors what IslandBridge.publish() actually stamps onto every real
-  // payload, so this fixture stays a faithful stand-in for one rather than a
-  // subtly different shape that only the mock path ever sees.
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  draft: {
-    id: "browser-preview",
-    text: "",
-    contextMode: "branch",
-    sendMode: "enter_to_send",
-    restored: false,
-  },
-  context: {
-    anchor: null,
-    items: [],
-    totalTokens: 0,
-    reviewAvailable: false,
-  },
-  route: {
-    mode: "ollama",
-    provider: "Ollama",
-    modelId: "",
-    modelLabel: "Select a model",
-    modelOptions: [],
-    reasoning: {
-      level: "Thinking",
-      label: "Thinking",
-      options: [
-        { id: "Quick", label: "Quick", description: "Direct responses with less deliberation." },
-        { id: "Thinking", label: "Thinking", description: "More deliberate reasoning for complex requests." },
-      ],
-    },
-    label: "Local · Ollama",
-    available: true,
-    canChange: false,
-  },
-  request: {
-    id: null,
-    state: "idle",
-    message: "",
-    canSend: false,
-    canCancel: false,
-    canRetry: false,
-  },
-  capabilities: {
-    attachments: true,
-    contextReview: true,
-    routeSelection: true,
-    modelSelection: true,
-    reasoningSelection: true,
-    settingsShortcut: true,
-    cancellation: true,
-  },
-  theme: {
-    mode: "dark",
-    name: "dark",
-    // Empty in the browser-preview mock: nothing here needs it, since
-    // `npm run dev` gets its baseline styling from the separately-imported
-    // lib/tokens/gl-vars-dev.css, not from bridge state. The theme-application
-    // effect below is a no-op on an empty object.
-    cssVariables: {},
-    palette: {
-      userNode: "#838383",
-      aiNode: "#828282",
-      selection: "#858585",
-      navHighlight: "#949494",
-    },
-    semantic: {
-      searchHighlight: "#949494",
-      statusInfo: "#828282",
-      statusSuccess: "#838383",
-      statusError: "#848484",
-      statusWarning: "#919191",
-      artifact: "#828282",
-      conversationUserBubble: "#696969",
-      conversationAiBubble: "#323232",
-      default: "#858585",
-    },
-    neutralButton: {
-      background: "#393939",
-      hover: "#484848",
-      pressed: "#343434",
-      border: "#585858",
-      icon: "#F0F0F0",
-      mutedIcon: "#BDBDBD",
-    },
-    graphNode: {
-      border: "#585858",
-      header: "#bdbdbd",
-      dot: "#585858",
-      hoverDot: "#484848",
-      hoverOutline: "#515151",
-      selectedOutline: "#595959",
-      bodyStart: "#303030",
-      bodyEnd: "#292929",
-      headerStart: "#3c3c3c",
-      headerEnd: "#333333",
-      badgeFill: "#484848",
-      panelFill: "#202020",
-      panelBorder: "#585858",
-    },
-  },
-};
diff --git a/web_ui/src/islands/composer/index.html b/web_ui/src/islands/composer/index.html
deleted file mode 100644
index f8ce9209..00000000
--- a/web_ui/src/islands/composer/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Composer</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/composer/main.tsx b/web_ui/src/islands/composer/main.tsx
deleted file mode 100644
index 27dfd81b..00000000
--- a/web_ui/src/islands/composer/main.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import ComposerApp from "./ComposerApp";
-import "../../lib/ui/base.css";
-import "./styles.css";
-// Separate file so styles.css stays byte-stable for its resolution-golden
-// test; see bridge-error.css's own header for why.
-import "./bridge-error.css";
-
-// styles.css resolves every color through var(--gl-*). In the real app those
-// values are injected into <head> by the Python host for whichever theme is
-// active; `npm run dev` has no Python in the loop, so without this the composer
-// renders unstyled in a browser. Gated on DEV (not merely lazy-loaded) so Vite
-// statically eliminates it from the production bundle - shipping it would put a
-// hardcoded dark-theme :root block after the host's injected one at equal
-// specificity, silently overriding the real theme and masking a failed
-// injection instead of letting it show.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <ComposerApp />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/composer/state.ts b/web_ui/src/islands/composer/state.ts
deleted file mode 100644
index ad9bf904..00000000
--- a/web_ui/src/islands/composer/state.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ComposerState } from "./bridgeTypes";
-
-export function requestLabel(state: ComposerState): string {
-  if (state.request.state === "idle") return "";
-  return state.request.message || state.request.state;
-}
-
-export function isBusy(state: ComposerState): boolean {
-  return ["preparing", "uploading", "waiting", "generating", "finalizing"].includes(
-    state.request.state,
-  );
-}
diff --git a/web_ui/src/islands/composer/styles.css b/web_ui/src/islands/composer/styles.css
deleted file mode 100644
index bbd22767..00000000
--- a/web_ui/src/islands/composer/styles.css
+++ /dev/null
@@ -1,291 +0,0 @@
-/* Theme variables + utility generation only - deliberately NOT
-   "@import "tailwindcss";" (which also pulls in Tailwind's preflight
-   reset: * { margin:0; padding:0; border:0; box-sizing:border-box },
-   list-style/img/button resets, etc. - a real, visible rendering change,
-   not something this install-only increment should introduce). This
-   island's existing CSS already establishes its own baseline; preflight
-   adoption is a decision for whichever increment actually retrofits THIS
-   island onto Tailwind utilities - it does not generalize to future
-   islands with richer markup (headings/lists/paragraphs from markdown,
-   e.g. help/chat-library/document-viewer), which will need their own
-   reset decision, not an inherited assumption that composer's answer
-   already covers them.
-
-   Tailwind's automatic content scanner has no @source restriction by
-   default - it scans every non-ignored file's raw TEXT for candidate
-   utility names, not just real className="..." usage. Confirmed by
-   adversarial review: plain identifier words that are also valid
-   unprefixed Tailwind utilities (e.g. "border", a TS object key in
-   bridgeTypes.ts; "resize", a method name in bridge.ts) were getting
-   matched and compiled into live (if currently unused, since nothing
-   applies those classNames) CSS. Harmless today, but a real latent
-   collision: the first time a real className="border" is ever added
-   here meaning something else, it would silently pick up Tailwind's
-   utility instead. Scoped scanning to only the file types that can
-   legitimately author a Tailwind className in this workspace. */
-@source not "**/*.ts";
-@source not "**/*.css";
-
-@import "tailwindcss/theme" layer(theme);
-@import "tailwindcss/utilities" layer(utilities);
-@import "../../lib/tokens/gl-theme.css";
-
-:root {
-  color-scheme: dark;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-size: 13px;
-  color: var(--gl-composer-root-text);
-  background: transparent;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-}
-
-* { box-sizing: border-box; }
-html, body, #root { width: 100%; margin: 0; background: transparent; }
-body { min-width: 320px; overflow: hidden; }
-button, textarea { font: inherit; }
-button { color: inherit; }
-
-.composer-shell {
-  position: relative;
-  width: 100%;
-  min-height: 0;
-  padding: 9px 10px 8px;
-  overflow: visible;
-  border: 1px solid var(--gl-composer-shell-border);
-  border-radius: 14px;
-  background: var(--gl-composer-shell-background);
-  box-shadow: 0 8px 24px var(--gl-composer-shell-shadow-drop), inset 0 1px var(--gl-composer-shell-shadow-inset);
-  transition: border-color 150ms ease, box-shadow 150ms ease;
-}
-
-.composer-shell:focus-within {
-  border-color: var(--gl-composer-shell-focus-border);
-  box-shadow: 0 8px 26px var(--gl-composer-shell-focus-shadow-drop), 0 0 0 2px var(--gl-composer-shell-focus-ring);
-}
-
-.composer-footer, .footer-left, .footer-right {
-  display: flex;
-  align-items: center;
-}
-
-.attach-button, .attachment-count, .send-button {
-  border: 0;
-  cursor: pointer;
-  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease,
-    opacity 140ms ease, transform 140ms ease;
-}
-
-.icon {
-  width: 15px;
-  height: 15px;
-  fill: none;
-  stroke: currentColor;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  stroke-width: 1.8;
-}
-
-.input-wrap {
-  min-height: 42px;
-  border-radius: 8px;
-  background: transparent;
-}
-
-textarea {
-  display: block;
-  width: 100%;
-  min-height: 42px;
-  max-height: 160px;
-  resize: none;
-  overflow-y: auto;
-  padding: 8px 4px 5px;
-  border: 0;
-  outline: 0;
-  color: var(--gl-composer-input-text);
-  background: transparent;
-  line-height: 1.45;
-  scrollbar-color: var(--gl-composer-input-scrollbar-thumb) transparent;
-}
-
-textarea::placeholder { color: var(--gl-composer-input-placeholder); }
-textarea:disabled { cursor: wait; opacity: 0.7; }
-
-.composer-footer {
-  min-height: 30px;
-  justify-content: space-between;
-  gap: 12px;
-  margin-top: 3px;
-}
-
-.footer-left, .footer-right { min-width: 0; gap: 8px; }
-.footer-left { flex: 1 1 auto; }
-.footer-right { flex: 0 0 auto; justify-content: flex-end; }
-
-.attachment-control {
-  position: relative;
-  display: inline-flex;
-  width: 30px;
-  height: 30px;
-  flex: 0 0 30px;
-  align-items: center;
-  justify-content: center;
-}
-
-.attach-button {
-  display: grid;
-  width: 30px;
-  height: 30px;
-  place-items: center;
-  border: 1px solid var(--gl-composer-attach-button-border);
-  border-radius: 8px;
-  color: var(--gl-composer-attach-button-icon);
-  background: var(--gl-composer-attach-button-background);
-}
-
-.attach-button:hover:not(:disabled) {
-  border-color: var(--gl-composer-attach-button-hover-border);
-  color: var(--gl-composer-attach-button-hover-icon);
-  background: var(--gl-composer-attach-button-hover-background);
-}
-
-.attachment-count {
-  position: absolute;
-  top: -5px;
-  right: -7px;
-  z-index: 2;
-  display: grid;
-  min-width: 18px;
-  height: 18px;
-  place-items: center;
-  padding: 0 4px;
-  border: 1px solid var(--gl-composer-attachment-count-border);
-  border-radius: 999px;
-  color: var(--gl-composer-attachment-count-text);
-  background: var(--gl-composer-attachment-count-background);
-  font-size: 9px;
-  font-weight: 750;
-  line-height: 1;
-}
-
-.attachment-count:hover:not(:disabled) {
-  color: var(--gl-composer-attachment-count-hover-text);
-  background: var(--gl-composer-attachment-count-hover-background);
-}
-
-.attachment-count:disabled { cursor: default; opacity: 0.45; }
-
-button:focus-visible {
-  outline: 2px solid var(--gl-composer-button-focus-outline);
-  outline-offset: 2px;
-}
-
-button:disabled { cursor: default; opacity: 0.38; }
-
-.restored-pill {
-  padding: 3px 7px;
-  border: 1px solid var(--gl-composer-restored-pill-border);
-  border-radius: 999px;
-  color: var(--gl-composer-restored-pill-text);
-  background: var(--gl-composer-restored-pill-background);
-  font-size: 9px;
-}
-
-.composer-control {
-  display: inline-flex;
-  min-width: 0;
-  max-width: 190px;
-  overflow: hidden;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 6px;
-  border: 1px solid transparent;
-  border-radius: 7px;
-  color: var(--gl-composer-control-text);
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-}
-
-.composer-control:hover:not(:disabled),
-.composer-control[aria-expanded="true"] {
-  border-color: var(--gl-composer-control-active-border);
-  color: var(--gl-composer-control-active-text);
-  background: var(--gl-composer-control-active-background);
-}
-
-.composer-control .icon {
-  width: 11px;
-  height: 11px;
-  flex: 0 0 auto;
-  color: var(--gl-composer-control-icon);
-}
-
-.control-copy {
-  flex: 1 1 auto;
-  min-width: 0;
-  display: grid;
-  gap: 1px;
-}
-
-.control-kicker {
-  overflow: hidden;
-  color: var(--gl-composer-control-kicker-text);
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.control-value {
-  overflow: hidden;
-  color: var(--gl-composer-control-value-text);
-  font-size: 10px;
-  font-weight: 650;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.reasoning-control {
-  width: 118px;
-  flex: 0 0 118px;
-}
-
-.model-control {
-  width: 190px;
-  flex: 0 0 190px;
-}
-
-.send-button {
-  display: grid;
-  width: 34px;
-  height: 30px;
-  place-items: center;
-  border: 1px solid var(--gl-composer-send-button-border);
-  border-radius: 9px;
-  color: var(--gl-composer-send-button-icon);
-  background: var(--gl-composer-send-button-background);
-  box-shadow: 0 3px 10px var(--gl-composer-send-button-shadow);
-}
-
-.send-button:hover:not(:disabled) { transform: translateY(-1px); background: var(--gl-composer-send-button-hover-background); }
-.send-button:disabled { box-shadow: none; }
-.send-button.cancel { background: var(--gl-composer-send-button-cancel-background); box-shadow: 0 3px 10px var(--gl-composer-send-button-cancel-shadow); }
-
-.request-status {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  margin: 6px 3px 1px;
-  color: var(--gl-composer-status-text);
-  font-size: 10px;
-}
-
-.request-status.failed { color: var(--gl-composer-status-failed-text); }
-.request-status button { padding: 0; border: 0; color: var(--gl-composer-status-action-text); background: transparent; cursor: pointer; font-weight: 650; }
-
-@media (max-width: 540px) {
-  .reasoning-control { display: none; }
-  .model-control { width: 150px; flex-basis: 150px; }
-}
diff --git a/web_ui/src/islands/composer/theme.test.ts b/web_ui/src/islands/composer/theme.test.ts
deleted file mode 100644
index c569ae59..00000000
--- a/web_ui/src/islands/composer/theme.test.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { renderHook } from "@testing-library/react";
-import { applyThemeCssVariables, useAppliedThemeCssVariables } from "./theme";
-
-describe("applyThemeCssVariables", () => {
-  afterEach(() => {
-    document.documentElement.removeAttribute("style");
-  });
-
-  it("sets every entry as a custom property on the target element", () => {
-    const target = document.createElement("div");
-
-    applyThemeCssVariables(target, {
-      "--gl-composer-shell-background": "#1f1f1f",
-      "--gl-composer-shell-border": "rgba(150, 150, 150, 0.34)",
-    });
-
-    expect(target.style.getPropertyValue("--gl-composer-shell-background")).toBe("#1f1f1f");
-    expect(target.style.getPropertyValue("--gl-composer-shell-border")).toBe(
-      "rgba(150, 150, 150, 0.34)",
-    );
-  });
-
-  it("is a no-op for an empty map and does not throw", () => {
-    const target = document.createElement("div");
-
-    expect(() => applyThemeCssVariables(target, {})).not.toThrow();
-    expect(target.getAttribute("style")).toBeNull();
-  });
-
-  it("overwrites a previously-set value on a live theme switch", () => {
-    const target = document.createElement("div");
-
-    applyThemeCssVariables(target, { "--gl-composer-shell-background": "#1f1f1f" });
-    applyThemeCssVariables(target, { "--gl-composer-shell-background": "#222222" });
-
-    expect(target.style.getPropertyValue("--gl-composer-shell-background")).toBe("#222222");
-  });
-
-  it("preserves rgba() precision verbatim - the QColor alpha trap this exists to avoid", () => {
-    const target = document.createElement("div");
-
-    applyThemeCssVariables(target, {
-      "--gl-composer-attach-button-background": "rgba(255, 255, 255, 0.018)",
-    });
-
-    expect(target.style.getPropertyValue("--gl-composer-attach-button-background")).toBe(
-      "rgba(255, 255, 255, 0.018)",
-    );
-  });
-
-  it("works against the real document.documentElement, the actual call target", () => {
-    applyThemeCssVariables(document.documentElement, {
-      "--gl-composer-send-button-background": "#414141",
-    });
-
-    expect(
-      getComputedStyle(document.documentElement).getPropertyValue(
-        "--gl-composer-send-button-background",
-      ),
-    ).toBe("#414141");
-  });
-});
-
-describe("useAppliedThemeCssVariables", () => {
-  afterEach(() => {
-    document.documentElement.removeAttribute("style");
-    vi.restoreAllMocks();
-  });
-
-  it("applies the initial cssVariables on mount", () => {
-    const target = document.createElement("div");
-
-    renderHook(({ vars }) => useAppliedThemeCssVariables(target, vars), {
-      initialProps: { vars: { "--gl-composer-shell-background": "#1f1f1f" } },
-    });
-
-    expect(target.style.getPropertyValue("--gl-composer-shell-background")).toBe("#1f1f1f");
-  });
-
-  it("re-applies when the content genuinely changes across a re-render", () => {
-    const target = document.createElement("div");
-    const { rerender } = renderHook(({ vars }) => useAppliedThemeCssVariables(target, vars), {
-      initialProps: { vars: { "--gl-composer-shell-background": "#1f1f1f" } },
-    });
-
-    rerender({ vars: { "--gl-composer-shell-background": "#222222" } });
-
-    expect(target.style.getPropertyValue("--gl-composer-shell-background")).toBe("#222222");
-  });
-
-  it(
-    "does NOT re-run setProperty on a re-render that supplies a new object " +
-      "with IDENTICAL content - the exact shape every keystroke produces, " +
-      "since bridge.ts's parseState() does a fresh JSON.parse() on every " +
-      "snapshot regardless of whether the theme actually changed",
-    () => {
-      const target = document.createElement("div");
-      const setPropertySpy = vi.spyOn(target.style, "setProperty");
-      const firstVars = { "--gl-composer-shell-background": "#1f1f1f" };
-      const identicalButNewObject = { "--gl-composer-shell-background": "#1f1f1f" };
-      expect(firstVars).not.toBe(identicalButNewObject); // sanity: genuinely different references
-
-      const { rerender } = renderHook(({ vars }) => useAppliedThemeCssVariables(target, vars), {
-        initialProps: { vars: firstVars },
-      });
-      const callsAfterMount = setPropertySpy.mock.calls.length;
-      expect(callsAfterMount).toBeGreaterThan(0);
-
-      rerender({ vars: identicalButNewObject });
-
-      expect(setPropertySpy.mock.calls.length).toBe(callsAfterMount);
-    },
-  );
-
-  it("does re-run when a key's value changes even though the key set is identical", () => {
-    const target = document.createElement("div");
-    const setPropertySpy = vi.spyOn(target.style, "setProperty");
-
-    const { rerender } = renderHook(({ vars }) => useAppliedThemeCssVariables(target, vars), {
-      initialProps: { vars: { "--gl-composer-shell-background": "#1f1f1f" } },
-    });
-    const callsAfterMount = setPropertySpy.mock.calls.length;
-
-    rerender({ vars: { "--gl-composer-shell-background": "#222222" } });
-
-    expect(setPropertySpy.mock.calls.length).toBeGreaterThan(callsAfterMount);
-    expect(target.style.getPropertyValue("--gl-composer-shell-background")).toBe("#222222");
-  });
-});
diff --git a/web_ui/src/islands/composer/theme.ts b/web_ui/src/islands/composer/theme.ts
deleted file mode 100644
index fe8c40b5..00000000
--- a/web_ui/src/islands/composer/theme.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useEffect } from "react";
-
-/**
- * Applies a --gl-* custom property map to a target element (document.documentElement
- * in real use). Extracted from ComposerApp's effect so it is testable without going
- * through the full bridge/React lifecycle - jsdom's default mock bridge state carries
- * an empty cssVariables object (see bridgeTypes.ts), so an integration-level render
- * test alone could never exercise real values landing on the DOM.
- */
-export function applyThemeCssVariables(
-  target: HTMLElement,
-  cssVariables: Record<string, string>,
-): void {
-  for (const [name, value] of Object.entries(cssVariables)) {
-    target.style.setProperty(name, value);
-  }
-}
-
-/**
- * Re-applies cssVariables to `target` whenever their CONTENT changes, not
- * whenever the object reference changes.
- *
- * Every bridge snapshot is a fresh JSON.parse() (bridge.ts's parseState()),
- * so a new cssVariables object arrives on EVERY publish - including every
- * keystroke, since updateDraft() republishes the full state. Depending on
- * the object directly would re-run all ~77 setProperty() calls on every
- * keystroke, not just on a genuine theme change. Keying on the stringified
- * content instead gives React a value it can actually compare by equality;
- * stringifying ~77 short entries is microseconds - cheap enough to do on
- * every render in exchange for skipping the DOM writes when nothing changed.
- */
-export function useAppliedThemeCssVariables(
-  target: HTMLElement,
-  cssVariables: Record<string, string>,
-): void {
-  const key = JSON.stringify(cssVariables);
-  useEffect(() => {
-    applyThemeCssVariables(target, cssVariables);
-    // key IS the real dependency; including cssVariables/target directly
-    // would defeat the point of keying on content instead of reference.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [key]);
-}
diff --git a/web_ui/src/islands/document-viewer/App.test.tsx b/web_ui/src/islands/document-viewer/App.test.tsx
deleted file mode 100644
index d51116f7..00000000
--- a/web_ui/src/islands/document-viewer/App.test.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialDocumentViewerState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createDocumentViewerBridge() falls
-// through to the mock bridge automatically for the smoke tests below - same
-// pattern as every other island's App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("renders the empty-content placeholder before anything has been shown", () => {
-    render(<App />);
-
-    expect(screen.getByText("No document content is available yet.")).toBeInTheDocument();
-  });
-
-  it("clicking Close does not throw against the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { documentViewerBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders markdown headings, a fenced code block (highlighted), and a GFM table", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    const content = [
-      "## Code",
-      "",
-      "```python",
-      "print('hi')",
-      "```",
-      "",
-      "| Col A | Col B |",
-      "| --- | --- |",
-      "| one | two |",
-    ].join("\n");
-    push(JSON.stringify({ ...initialDocumentViewerState, content }));
-
-    expect(await screen.findByRole("heading", { name: "Code" })).toBeInTheDocument();
-    // rehype-highlight tags the fenced block's <code> with a hljs/language
-    // class and splits tokens into their own <span>s - textContent joins them
-    // back into the original source line.
-    const codeBlock = document.querySelector("code.hljs.language-python");
-    expect(codeBlock).not.toBeNull();
-    expect(codeBlock?.textContent).toBe("print('hi')\n");
-    expect(document.querySelector(".hljs-built_in")?.textContent).toBe("print");
-    expect(document.querySelector(".hljs-string")?.textContent).toBe("'hi'");
-    expect(screen.getByRole("table")).toBeInTheDocument();
-    expect(screen.getByText("one")).toBeInTheDocument();
-    expect(screen.getByText("two")).toBeInTheDocument();
-  });
-
-  it("clicking Close calls through to the remote's close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialDocumentViewerState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Document View is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/document-viewer/App.tsx b/web_ui/src/islands/document-viewer/App.tsx
deleted file mode 100644
index 186ceddd..00000000
--- a/web_ui/src/islands/document-viewer/App.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import rehypeHighlight from "rehype-highlight";
-import { DocumentViewerBridge, BridgeRejection, createDocumentViewerBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [content, setContent] = useState("");
-  const bridgeRef = useRef<DocumentViewerBridge | null>(null);
-
-  useEffect(() => {
-    const bridge = createDocumentViewerBridge((state) => setContent(state.content), setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Document View is unavailable"
-        rejection={rejection}
-        className="document-viewer-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="document-viewer-shell">
-      <div className="document-viewer-header">
-        <h1 className="document-viewer-title">Document View</h1>
-        <button
-          type="button"
-          className="document-viewer-close-btn"
-          onClick={() => bridgeRef.current?.close()}
-        >
-          Close
-        </button>
-      </div>
-      <div className="document-viewer-scroll-area">
-        {content.trim().length > 0 ? (
-          <div className="document-viewer-markdown">
-            <ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeHighlight]}>
-              {content}
-            </ReactMarkdown>
-          </div>
-        ) : (
-          <p className="document-viewer-empty">No document content is available yet.</p>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/document-viewer/bridge.test.ts b/web_ui/src/islands/document-viewer/bridge.test.ts
deleted file mode 100644
index 5848cd18..00000000
--- a/web_ui/src/islands/document-viewer/bridge.test.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createDocumentViewerBridge } from "./bridge";
-import { initialDocumentViewerState, DocumentViewerState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<DocumentViewerState> = {}): string {
-  return JSON.stringify({ ...initialDocumentViewerState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { documentViewerBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createDocumentViewerBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial (empty-content) state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createDocumentViewerBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialDocumentViewerState);
-  });
-
-  it("close() on the mock bridge does not throw", () => {
-    const bridge = createDocumentViewerBridge(() => {});
-    expect(() => bridge.close()).not.toThrow();
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createDocumentViewerBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createDocumentViewerBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createDocumentViewerBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards content pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createDocumentViewerBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 3, content: "## Code\n\n```python\nprint(1)\n```" }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ revision: 3, content: "## Code\n\n```python\nprint(1)\n```" }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("close calls through to the remote method", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createDocumentViewerBridge(() => {});
-
-      bridge.close();
-
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createDocumentViewerBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createDocumentViewerBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/document-viewer/bridge.ts b/web_ui/src/islands/document-viewer/bridge.ts
deleted file mode 100644
index a036a59a..00000000
--- a/web_ui/src/islands/document-viewer/bridge.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { DocumentViewerState, initialDocumentViewerState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateDocumentViewerState } from "../../lib/bridge-core/generated/document-viewer-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: DocumentViewerState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtDocumentViewerObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  close: () => void;
-}
-
-export interface DocumentViewerBridge {
-  ready(): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateDocumentViewerState);
-}
-
-class MockDocumentViewerBridge implements DocumentViewerBridge {
-  private readonly state: DocumentViewerState = structuredClone(initialDocumentViewerState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  close(): void {
-    // No real embedded host to hide in the mock/test environment.
-  }
-
-  dispose(): void {}
-}
-
-export function createDocumentViewerBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): DocumentViewerBridge {
-  const fallback = new MockDocumentViewerBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtDocumentViewerObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[document-viewer bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.documentViewerBridge as QtDocumentViewerObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtDocumentViewerObject>(
-    method: K,
-    ...args: QtDocumentViewerObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/document-viewer/bridgeTypes.ts b/web_ui/src/islands/document-viewer/bridgeTypes.ts
deleted file mode 100644
index 812ac89d..00000000
--- a/web_ui/src/islands/document-viewer/bridgeTypes.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * The document-viewer island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). Unlike help/bridgeTypes.ts, `content`
- * IS a real Python-side field here: the markdown text
- * _extract_document_view_content() (graphlink_window.py) produced for
- * whichever node the user last opened.
- */
-export type { DocumentViewerState } from "../../lib/bridge-core/generated/document-viewer-state";
-
-import type { DocumentViewerState } from "../../lib/bridge-core/generated/document-viewer-state";
-
-export const initialDocumentViewerState: DocumentViewerState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  content: "",
-};
diff --git a/web_ui/src/islands/document-viewer/index.html b/web_ui/src/islands/document-viewer/index.html
deleted file mode 100644
index f5fd8e34..00000000
--- a/web_ui/src/islands/document-viewer/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Document View</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/document-viewer/main.tsx b/web_ui/src/islands/document-viewer/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/document-viewer/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/document-viewer/styles.css b/web_ui/src/islands/document-viewer/styles.css
deleted file mode 100644
index 799d658e..00000000
--- a/web_ui/src/islands/document-viewer/styles.css
+++ /dev/null
@@ -1,240 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Flush side panel (border-right
-   only, no rounded corners - see graphlink_document_viewer_web.py's
-   corner_radius=0), matching the legacy DocumentViewerPanel's own
-   background-color/border-right-only chrome, not a floating card like
-   about/help. Syntax-highlight colors (.hljs-*, from rehype-highlight)
-   deliberately reuse only 3 EXISTING tokens rather than inventing a
-   multi-color syntax palette that doesn't exist anywhere else in the app
-   today - see the master plan's Phase 4 increment 3 decision note. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  background: transparent;
-}
-
-.document-viewer-shell {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 10px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border-right: 1px solid var(--gl-neutral-button-border);
-  overflow: hidden;
-}
-
-.document-viewer-header {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.document-viewer-title {
-  flex: 1;
-  min-width: 0;
-  margin: 0;
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.document-viewer-close-btn {
-  flex-shrink: 0;
-  padding: 6px 14px;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.document-viewer-close-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.document-viewer-scroll-area {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  box-sizing: border-box;
-  padding: 8px 12px;
-  font-size: 13px;
-  line-height: 1.5;
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-}
-
-.document-viewer-empty {
-  margin: 0;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-/* --- Markdown body ------------------------------------------------- */
-
-.document-viewer-markdown h1,
-.document-viewer-markdown h2,
-.document-viewer-markdown h3,
-.document-viewer-markdown h4,
-.document-viewer-markdown h5,
-.document-viewer-markdown h6 {
-  margin: 0 0 8px 0;
-  font-weight: 700;
-  line-height: 1.3;
-}
-
-.document-viewer-markdown h1 { font-size: 18px; }
-.document-viewer-markdown h2 { font-size: 16px; }
-.document-viewer-markdown h3 { font-size: 14px; }
-.document-viewer-markdown h4,
-.document-viewer-markdown h5,
-.document-viewer-markdown h6 { font-size: 13px; }
-
-.document-viewer-markdown p {
-  margin: 0 0 10px 0;
-}
-
-.document-viewer-markdown ul,
-.document-viewer-markdown ol {
-  margin: 0 0 10px 0;
-  padding-left: 20px;
-}
-
-.document-viewer-markdown li {
-  margin: 0 0 4px 0;
-}
-
-.document-viewer-markdown a {
-  color: var(--gl-palette-selection);
-}
-
-.document-viewer-markdown blockquote {
-  margin: 0 0 10px 0;
-  padding-left: 10px;
-  border-left: 3px solid var(--gl-neutral-button-border);
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.document-viewer-markdown hr {
-  margin: 16px 0;
-  border: 0;
-  border-top: 1px solid var(--gl-neutral-button-border);
-}
-
-.document-viewer-markdown code {
-  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
-  font-size: 0.9em;
-  background-color: var(--gl-neutral-button-background);
-  border-radius: 3px;
-  padding: 2px 4px;
-}
-
-.document-viewer-markdown pre {
-  margin: 0 0 10px 0;
-  padding: 10px;
-  overflow-x: auto;
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-}
-
-.document-viewer-markdown pre code {
-  background-color: transparent;
-  border-radius: 0;
-  padding: 0;
-  font-size: 0.85em;
-}
-
-.document-viewer-markdown table {
-  width: 100%;
-  margin: 0 0 10px 0;
-  border-collapse: collapse;
-}
-
-.document-viewer-markdown th,
-.document-viewer-markdown td {
-  padding: 6px 8px;
-  text-align: left;
-  border: 1px solid var(--gl-neutral-button-border);
-}
-
-.document-viewer-markdown th {
-  font-weight: 700;
-  background-color: var(--gl-neutral-button-background);
-}
-
-/* --- Syntax highlighting (rehype-highlight's .hljs-* classes) ------- */
-/* Reuses 3 EXISTING tokens (default text / muted / accent) rather than
-   inventing a multi-color syntax palette - the app's actual --gl-*
-   vocabulary today is grayscale-only. */
-
-.document-viewer-markdown .hljs {
-  color: var(--gl-neutral-button-icon);
-  background: transparent;
-}
-
-.document-viewer-markdown .hljs-comment,
-.document-viewer-markdown .hljs-quote {
-  color: var(--gl-neutral-button-muted-icon);
-  font-style: italic;
-}
-
-.document-viewer-markdown .hljs-keyword,
-.document-viewer-markdown .hljs-selector-tag,
-.document-viewer-markdown .hljs-literal,
-.document-viewer-markdown .hljs-string,
-.document-viewer-markdown .hljs-number,
-.document-viewer-markdown .hljs-title,
-.document-viewer-markdown .hljs-section,
-.document-viewer-markdown .hljs-name,
-.document-viewer-markdown .hljs-type,
-.document-viewer-markdown .hljs-attribute,
-.document-viewer-markdown .hljs-symbol,
-.document-viewer-markdown .hljs-built_in,
-.document-viewer-markdown .hljs-variable,
-.document-viewer-markdown .hljs-template-tag,
-.document-viewer-markdown .hljs-template-variable {
-  color: var(--gl-palette-selection);
-}
-
-.document-viewer-markdown .hljs-emphasis {
-  font-style: italic;
-}
-
-.document-viewer-markdown .hljs-strong {
-  font-weight: 700;
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/drag-speed/App.test.tsx b/web_ui/src/islands/drag-speed/App.test.tsx
deleted file mode 100644
index 8105a650..00000000
--- a/web_ui/src/islands/drag-speed/App.test.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialDragSpeedState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setDragFactor: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { dragSpeedBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialDragSpeedState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders every preset from state, highlighting the default 100% value", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote);
-
-    expect(await screen.findByText("100%")).toHaveClass("active");
-    expect(screen.getByText("25%")).not.toHaveClass("active");
-  });
-
-  it("clicking a preset calls setDragFactor with the preset divided by 100", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("50%");
-
-    await user.click(screen.getByText("50%"));
-
-    expect(remote.setDragFactor).toHaveBeenCalledWith(0.5);
-  });
-
-  it("moving the slider calls setDragFactor with the slider value divided by 100", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { percentMin: 10, percentMax: 100 });
-    const slider = await screen.findByLabelText("Drag speed");
-
-    fireEvent.change(slider, { target: { value: "40" } });
-
-    expect(remote.setDragFactor).toHaveBeenCalledWith(0.4);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialDragSpeedState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The drag speed panel is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/drag-speed/App.tsx b/web_ui/src/islands/drag-speed/App.tsx
deleted file mode 100644
index 092ecb44..00000000
--- a/web_ui/src/islands/drag-speed/App.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { DragSpeedState, initialDragSpeedState } from "./bridgeTypes";
-import { BridgeRejection, DragSpeedBridge, createDragSpeedBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-const DEFAULT_PERCENT = 100;
-
-function App() {
-  const [state, setState] = useState<DragSpeedState>(initialDragSpeedState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  // Fire-and-forget, matching the legacy control_widget exactly - it never
-  // read a live drag factor back either (its slider always started at a
-  // hardcoded 100%).
-  const [percent, setPercent] = useState(DEFAULT_PERCENT);
-  const bridgeRef = useRef<DragSpeedBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const bridge = createDragSpeedBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  function applyPercent(value: number) {
-    setPercent(value);
-    bridgeRef.current?.setDragFactor(value / 100);
-  }
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The drag speed panel is unavailable"
-        rejection={rejection}
-        className="drag-speed-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="drag-speed-shell" ref={shellRef}>
-      <div className="drag-speed-row">
-        <span className="drag-speed-label">Drag</span>
-        <input
-          type="range"
-          className="drag-speed-slider"
-          min={state.percentMin}
-          max={state.percentMax}
-          value={percent}
-          aria-label="Drag speed"
-          onChange={(event) => applyPercent(Number(event.target.value))}
-        />
-      </div>
-
-      <div className="drag-speed-presets">
-        {state.percentPresets.map((preset) => (
-          <button
-            key={preset}
-            type="button"
-            className={"drag-speed-preset-btn" + (preset === percent ? " active" : "")}
-            onClick={() => applyPercent(preset)}
-          >
-            {preset}%
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/drag-speed/bridge.test.ts b/web_ui/src/islands/drag-speed/bridge.test.ts
deleted file mode 100644
index 9de6445a..00000000
--- a/web_ui/src/islands/drag-speed/bridge.test.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createDragSpeedBridge } from "./bridge";
-import { initialDragSpeedState, DragSpeedState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<DragSpeedState> = {}): string {
-  return JSON.stringify({ ...initialDragSpeedState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setDragFactor: vi.fn(),
-    resize: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { dragSpeedBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createDragSpeedBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createDragSpeedBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialDragSpeedState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createDragSpeedBridge(() => {});
-    expect(() => {
-      bridge.setDragFactor(0.5);
-      bridge.resize(90);
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createDragSpeedBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createDragSpeedBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards a real published state to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createDragSpeedBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, percentPresets: [50, 100] }));
-
-      expect(listener).toHaveBeenCalledWith(expect.objectContaining({ percentPresets: [50, 100] }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createDragSpeedBridge(() => {});
-
-      bridge.setDragFactor(0.75);
-      bridge.resize(100);
-
-      expect(remote.setDragFactor).toHaveBeenCalledWith(0.75);
-      expect(remote.resize).toHaveBeenCalledWith(100);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createDragSpeedBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createDragSpeedBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/drag-speed/bridge.ts b/web_ui/src/islands/drag-speed/bridge.ts
deleted file mode 100644
index cc89ce9b..00000000
--- a/web_ui/src/islands/drag-speed/bridge.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { DragSpeedState, initialDragSpeedState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateDragSpeedState } from "../../lib/bridge-core/generated/drag-speed-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: DragSpeedState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtDragSpeedObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  setDragFactor: (factor: number) => void;
-  resize: (height: number) => void;
-}
-
-export interface DragSpeedBridge {
-  ready(): void;
-  setDragFactor(factor: number): void;
-  resize(height: number): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateDragSpeedState);
-}
-
-class MockDragSpeedBridge implements DragSpeedBridge {
-  private readonly state: DragSpeedState = structuredClone(initialDragSpeedState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  setDragFactor(): void {}
-  resize(): void {}
-  dispose(): void {}
-}
-
-export function createDragSpeedBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): DragSpeedBridge {
-  const fallback = new MockDragSpeedBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtDragSpeedObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[drag-speed bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.dragSpeedBridge as QtDragSpeedObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtDragSpeedObject>(
-    method: K,
-    ...args: QtDragSpeedObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    setDragFactor: (factor) => call("setDragFactor", factor),
-    resize: (height) => call("resize", height),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/drag-speed/bridgeTypes.ts b/web_ui/src/islands/drag-speed/bridgeTypes.ts
deleted file mode 100644
index 63314723..00000000
--- a/web_ui/src/islands/drag-speed/bridgeTypes.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * The drag-speed island's state contract.
- *
- * Carries only static configuration (`percentPresets`/`percentMin`/
- * `percentMax`) - drag speed has always been a pure fire-and-forget
- * control, matching font-control's own precedent: the legacy slider never
- * read a live value back either (it always started at a hardcoded 100%).
- */
-export type { DragSpeedState } from "../../lib/bridge-core/generated/drag-speed-state";
-
-import type { DragSpeedState } from "../../lib/bridge-core/generated/drag-speed-state";
-
-export const initialDragSpeedState: DragSpeedState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  percentPresets: [25, 50, 75, 100],
-  percentMin: 10,
-  percentMax: 100,
-};
diff --git a/web_ui/src/islands/drag-speed/index.html b/web_ui/src/islands/drag-speed/index.html
deleted file mode 100644
index 7387c73c..00000000
--- a/web_ui/src/islands/drag-speed/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Drag Speed</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/drag-speed/main.tsx b/web_ui/src/islands/drag-speed/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/drag-speed/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/drag-speed/styles.css b/web_ui/src/islands/drag-speed/styles.css
deleted file mode 100644
index 01abce89..00000000
--- a/web_ui/src/islands/drag-speed/styles.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [DRAG_SPEED_MIN_HEIGHT, DRAG_SPEED_MAX_HEIGHT] - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.drag-speed-shell {
-  box-sizing: border-box;
-  width: 220px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 12px;
-}
-
-.drag-speed-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.drag-speed-label {
-  flex-shrink: 0;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.drag-speed-slider {
-  flex: 1;
-  min-width: 0;
-  accent-color: var(--gl-palette-selection);
-}
-
-.drag-speed-presets {
-  display: flex;
-  gap: 4px;
-}
-
-.drag-speed-preset-btn {
-  flex: 1;
-  min-width: 0;
-  padding: 5px 2px;
-  font: inherit;
-  font-size: 10px;
-  font-weight: 650;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid transparent;
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.drag-speed-preset-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.drag-speed-preset-btn.active {
-  border-color: var(--gl-palette-selection);
-  color: var(--gl-palette-selection);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/font-control/App.test.tsx b/web_ui/src/islands/font-control/App.test.tsx
deleted file mode 100644
index c568b183..00000000
--- a/web_ui/src/islands/font-control/App.test.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialFontControlState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const FAMILIES = ["Segoe UI", "Arial", "Consolas"];
-const COLOR_PRESETS = ["#F0F0F0", "#C7C7C7", "#949494", "#818181"];
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setFontFamily: vi.fn(),
-    setFontSize: vi.fn(),
-    setFontColor: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { fontControlBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(
-    JSON.stringify({
-      ...initialFontControlState,
-      revision: 1,
-      fontFamilies: FAMILIES,
-      colorPresets: COLOR_PRESETS,
-      ...overrides,
-    }),
-  );
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders every font family option and every color swatch from state", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote);
-
-    expect(await screen.findByRole("option", { name: "Consolas" })).toBeInTheDocument();
-    expect(screen.getByLabelText("Font color #818181")).toBeInTheDocument();
-  });
-
-  it("selecting a family calls setFontFamily", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByRole("option", { name: "Consolas" });
-
-    await user.selectOptions(screen.getByLabelText("Font family"), "Consolas");
-
-    expect(remote.setFontFamily).toHaveBeenCalledWith("Consolas");
-  });
-
-  it("moving the size slider calls setFontSize", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { sizeMin: 8, sizeMax: 16 });
-    const slider = await screen.findByLabelText("Font size");
-
-    fireEvent.change(slider, { target: { value: "14" } });
-
-    expect(remote.setFontSize).toHaveBeenCalledWith(14);
-  });
-
-  it("clicking a color swatch calls setFontColor", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByLabelText("Font color #C7C7C7");
-
-    await user.click(screen.getByLabelText("Font color #C7C7C7"));
-
-    expect(remote.setFontColor).toHaveBeenCalledWith("#C7C7C7");
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialFontControlState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The font control panel is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/font-control/App.tsx b/web_ui/src/islands/font-control/App.tsx
deleted file mode 100644
index 6322ba3d..00000000
--- a/web_ui/src/islands/font-control/App.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { FontControlState, initialFontControlState } from "./bridgeTypes";
-import { BridgeRejection, FontControlBridge, createFontControlBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-const DEFAULT_FONT_SIZE = 10;
-
-function App() {
-  const [state, setState] = useState<FontControlState>(initialFontControlState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  // Fire-and-forget controls, matching the legacy FontControl widget exactly
-  // - it never read the scene's live font state back either (ChatScene has
-  // always been the sole owner of "current" font family/size/color). Local
-  // UI state here just tracks what the user has picked in THIS control, the
-  // same way the legacy QComboBox/QSlider's own widget-internal value did.
-  const [family, setFamily] = useState(state.fontFamilies[0] ?? "Segoe UI");
-  const [size, setSize] = useState(DEFAULT_FONT_SIZE);
-  const bridgeRef = useRef<FontControlBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const bridge = createFontControlBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The font control panel is unavailable"
-        rejection={rejection}
-        className="font-control-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="font-control-shell" ref={shellRef}>
-      <p className="font-control-title">Font</p>
-
-      <select
-        className="font-control-family-select"
-        value={family}
-        aria-label="Font family"
-        onChange={(event) => {
-          setFamily(event.target.value);
-          bridgeRef.current?.setFontFamily(event.target.value);
-        }}
-      >
-        {state.fontFamilies.map((option) => (
-          <option key={option} value={option}>
-            {option}
-          </option>
-        ))}
-      </select>
-
-      <input
-        type="range"
-        className="font-control-slider"
-        min={state.sizeMin}
-        max={state.sizeMax}
-        value={size}
-        aria-label="Font size"
-        onChange={(event) => {
-          const value = Number(event.target.value);
-          setSize(value);
-          bridgeRef.current?.setFontSize(value);
-        }}
-      />
-
-      <div className="font-control-row">
-        {state.colorPresets.map((color) => (
-          <button
-            key={color}
-            type="button"
-            className="font-control-color-swatch"
-            style={{ backgroundColor: color }}
-            aria-label={`Font color ${color}`}
-            onClick={() => bridgeRef.current?.setFontColor(color)}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/font-control/bridge.test.ts b/web_ui/src/islands/font-control/bridge.test.ts
deleted file mode 100644
index a405b2c2..00000000
--- a/web_ui/src/islands/font-control/bridge.test.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createFontControlBridge } from "./bridge";
-import { initialFontControlState, FontControlState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<FontControlState> = {}): string {
-  return JSON.stringify({ ...initialFontControlState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setFontFamily: vi.fn(),
-    setFontSize: vi.fn(),
-    setFontColor: vi.fn(),
-    resize: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { fontControlBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createFontControlBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createFontControlBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialFontControlState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createFontControlBridge(() => {});
-    expect(() => {
-      bridge.setFontFamily("Consolas");
-      bridge.setFontSize(12);
-      bridge.setFontColor("#ABCDEF");
-      bridge.resize(180);
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createFontControlBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createFontControlBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards a real published state to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createFontControlBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, fontFamilies: ["Consolas", "Arial"] }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ fontFamilies: ["Consolas", "Arial"] }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createFontControlBridge(() => {});
-
-      bridge.setFontFamily("Georgia");
-      bridge.setFontSize(14);
-      bridge.setFontColor("#F0F0F0");
-      bridge.resize(200);
-
-      expect(remote.setFontFamily).toHaveBeenCalledWith("Georgia");
-      expect(remote.setFontSize).toHaveBeenCalledWith(14);
-      expect(remote.setFontColor).toHaveBeenCalledWith("#F0F0F0");
-      expect(remote.resize).toHaveBeenCalledWith(200);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createFontControlBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createFontControlBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/font-control/bridge.ts b/web_ui/src/islands/font-control/bridge.ts
deleted file mode 100644
index b593415e..00000000
--- a/web_ui/src/islands/font-control/bridge.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { FontControlState, initialFontControlState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateFontControlState } from "../../lib/bridge-core/generated/font-control-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: FontControlState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtFontControlObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  setFontFamily: (family: string) => void;
-  setFontSize: (size: number) => void;
-  setFontColor: (hex: string) => void;
-  resize: (height: number) => void;
-}
-
-export interface FontControlBridge {
-  ready(): void;
-  setFontFamily(family: string): void;
-  setFontSize(size: number): void;
-  setFontColor(hex: string): void;
-  resize(height: number): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateFontControlState);
-}
-
-class MockFontControlBridge implements FontControlBridge {
-  private readonly state: FontControlState = structuredClone(initialFontControlState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  setFontFamily(): void {}
-  setFontSize(): void {}
-  setFontColor(): void {}
-  resize(): void {}
-  dispose(): void {}
-}
-
-export function createFontControlBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): FontControlBridge {
-  const fallback = new MockFontControlBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtFontControlObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[font-control bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.fontControlBridge as QtFontControlObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtFontControlObject>(
-    method: K,
-    ...args: QtFontControlObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    setFontFamily: (family) => call("setFontFamily", family),
-    setFontSize: (size) => call("setFontSize", size),
-    setFontColor: (hex) => call("setFontColor", hex),
-    resize: (height) => call("resize", height),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/font-control/bridgeTypes.ts b/web_ui/src/islands/font-control/bridgeTypes.ts
deleted file mode 100644
index e2ab78dd..00000000
--- a/web_ui/src/islands/font-control/bridgeTypes.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * The font-control island's state contract.
- *
- * Carries only static configuration (`fontFamilies`/`colorPresets`/
- * `sizeMin`/`sizeMax`) - font state has always lived entirely on
- * ChatScene, never on this control, so there is no "current value" to
- * round-trip here (the legacy widget never read it back either). See
- * graphlink_font_control_payload.py's own docstring for the full rationale.
- */
-export type { FontControlState } from "../../lib/bridge-core/generated/font-control-state";
-
-import type { FontControlState } from "../../lib/bridge-core/generated/font-control-state";
-
-export const initialFontControlState: FontControlState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  fontFamilies: ["Segoe UI"],
-  colorPresets: ["#F0F0F0", "#C7C7C7", "#949494", "#818181"],
-  sizeMin: 8,
-  sizeMax: 16,
-};
diff --git a/web_ui/src/islands/font-control/index.html b/web_ui/src/islands/font-control/index.html
deleted file mode 100644
index 6b988a86..00000000
--- a/web_ui/src/islands/font-control/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Font Control</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/font-control/main.tsx b/web_ui/src/islands/font-control/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/font-control/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/font-control/styles.css b/web_ui/src/islands/font-control/styles.css
deleted file mode 100644
index c02483a8..00000000
--- a/web_ui/src/islands/font-control/styles.css
+++ /dev/null
@@ -1,91 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [FONT_CONTROL_MIN_HEIGHT, FONT_CONTROL_MAX_HEIGHT] - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.font-control-shell {
-  box-sizing: border-box;
-  width: 220px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 12px;
-}
-
-.font-control-title {
-  margin: 0;
-  text-align: center;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.font-control-family-select {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 6px 8px;
-  font-size: 11px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-}
-
-.font-control-slider {
-  width: 100%;
-  accent-color: var(--gl-palette-selection);
-}
-
-.font-control-row {
-  display: flex;
-  gap: 10px;
-}
-
-.font-control-color-swatch {
-  flex: 1;
-  min-width: 0;
-  height: 20px;
-  padding: 0;
-  border: 2px solid var(--gl-neutral-button-border);
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/grid-control/App.test.tsx b/web_ui/src/islands/grid-control/App.test.tsx
deleted file mode 100644
index 00786875..00000000
--- a/web_ui/src/islands/grid-control/App.test.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialGridControlState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setGridSize: vi.fn(),
-    setGridOpacityPercent: vi.fn(),
-    setGridStyle: vi.fn(),
-    setGridColor: vi.fn(),
-    setSnapToGrid: vi.fn(),
-    setOrthogonalConnections: vi.fn(),
-    setSmartGuides: vi.fn(),
-    setFadeConnections: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { gridControlBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialGridControlState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders the size/style/color presets from state, highlighting the current ones", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { gridSize: 20, gridStyle: "Lines" });
-
-    expect(await screen.findByText("20px")).toHaveClass("active");
-    expect(screen.getByText("10px")).not.toHaveClass("active");
-    expect(screen.getByText("Lines")).toHaveClass("active");
-    expect(screen.getByText("Dots")).not.toHaveClass("active");
-  });
-
-  it("clicking a size preset calls setGridSize", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("10px");
-
-    await user.click(screen.getByText("50px"));
-
-    expect(remote.setGridSize).toHaveBeenCalledWith(50);
-  });
-
-  it("clicking a style preset calls setGridStyle", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("Cross");
-
-    await user.click(screen.getByText("Cross"));
-
-    expect(remote.setGridStyle).toHaveBeenCalledWith("Cross");
-  });
-
-  it("clicking a color swatch calls setGridColor", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { colorPresets: ["#111111", "#222222"] });
-    await screen.findByLabelText("Grid color #222222");
-
-    await user.click(screen.getByLabelText("Grid color #222222"));
-
-    expect(remote.setGridColor).toHaveBeenCalledWith("#222222");
-  });
-
-  it("moving the opacity slider calls setGridOpacityPercent", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { gridOpacityPercent: 30 });
-    const slider = await screen.findByLabelText("Grid opacity");
-
-    fireEvent.change(slider, { target: { value: "75" } });
-
-    expect(remote.setGridOpacityPercent).toHaveBeenCalledWith(75);
-  });
-
-  it("toggling Snap to Grid checkbox calls setSnapToGrid and keeps the box checked", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    const checkbox = await screen.findByRole("checkbox", { name: "Snap to Grid" });
-
-    await user.click(checkbox);
-
-    expect(remote.setSnapToGrid).toHaveBeenCalledWith(true);
-    expect(checkbox).toBeChecked();
-  });
-
-  it("toggling the other 3 checkboxes calls their matching intents", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByRole("checkbox", { name: "Snap to Grid" });
-
-    await user.click(screen.getByRole("checkbox", { name: "Orthogonal Connections" }));
-    await user.click(screen.getByRole("checkbox", { name: "Smart Guides" }));
-    await user.click(screen.getByRole("checkbox", { name: "Faded Connections" }));
-
-    expect(remote.setOrthogonalConnections).toHaveBeenCalledWith(true);
-    expect(remote.setSmartGuides).toHaveBeenCalledWith(true);
-    expect(remote.setFadeConnections).toHaveBeenCalledWith(true);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialGridControlState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The grid control panel is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/grid-control/App.tsx b/web_ui/src/islands/grid-control/App.tsx
deleted file mode 100644
index 2cfbe69d..00000000
--- a/web_ui/src/islands/grid-control/App.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { GridControlState, initialGridControlState } from "./bridgeTypes";
-import { BridgeRejection, GridControlBridge, createGridControlBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<GridControlState>(initialGridControlState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  // The 4 routing/alignment checkboxes are pure client-side state, matching
-  // the toolbar's own `controlsChecked` precedent - nothing else in the app
-  // reads this back (it writes straight onto ChatScene), so there is no
-  // server round-trip to keep in sync. Persists across show/hide toggles
-  // the same way the legacy widget's own living QCheckBox instances did,
-  // since this island is only ever hidden/shown, never unmounted.
-  const [snapToGrid, setSnapToGrid] = useState(false);
-  const [orthogonalConnections, setOrthogonalConnections] = useState(false);
-  const [smartGuides, setSmartGuides] = useState(false);
-  const [fadeConnections, setFadeConnections] = useState(false);
-  const bridgeRef = useRef<GridControlBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const bridge = createGridControlBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The grid control panel is unavailable"
-        rejection={rejection}
-        className="grid-control-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="grid-control-shell" ref={shellRef}>
-      <p className="grid-control-title">Grid</p>
-
-      <input
-        type="range"
-        className="grid-control-slider"
-        min={0}
-        max={100}
-        value={state.gridOpacityPercent}
-        aria-label="Grid opacity"
-        onChange={(event) => bridgeRef.current?.setGridOpacityPercent(Number(event.target.value))}
-      />
-
-      <div className="grid-control-row">
-        {state.sizePresets.map((size) => (
-          <button
-            key={size}
-            type="button"
-            className={"grid-control-preset-btn" + (size === state.gridSize ? " active" : "")}
-            onClick={() => bridgeRef.current?.setGridSize(size)}
-          >
-            {size}px
-          </button>
-        ))}
-      </div>
-
-      <div className="grid-control-row">
-        {state.stylePresets.map((style) => (
-          <button
-            key={style}
-            type="button"
-            className={"grid-control-preset-btn" + (style === state.gridStyle ? " active" : "")}
-            onClick={() => bridgeRef.current?.setGridStyle(style)}
-          >
-            {style}
-          </button>
-        ))}
-      </div>
-
-      <div className="grid-control-row">
-        {state.colorPresets.map((color) => (
-          <button
-            key={color}
-            type="button"
-            className={"grid-control-color-swatch" + (color === state.gridColor ? " active" : "")}
-            style={{ backgroundColor: color }}
-            aria-label={`Grid color ${color}`}
-            onClick={() => bridgeRef.current?.setGridColor(color)}
-          />
-        ))}
-      </div>
-
-      <p className="grid-control-section-label">Alignment &amp; Routing</p>
-      <label className="grid-control-checkbox-row">
-        <input
-          type="checkbox"
-          checked={snapToGrid}
-          onChange={(event) => {
-            setSnapToGrid(event.target.checked);
-            bridgeRef.current?.setSnapToGrid(event.target.checked);
-          }}
-        />
-        Snap to Grid
-      </label>
-      <label className="grid-control-checkbox-row">
-        <input
-          type="checkbox"
-          checked={orthogonalConnections}
-          onChange={(event) => {
-            setOrthogonalConnections(event.target.checked);
-            bridgeRef.current?.setOrthogonalConnections(event.target.checked);
-          }}
-        />
-        Orthogonal Connections
-      </label>
-      <label className="grid-control-checkbox-row">
-        <input
-          type="checkbox"
-          checked={smartGuides}
-          onChange={(event) => {
-            setSmartGuides(event.target.checked);
-            bridgeRef.current?.setSmartGuides(event.target.checked);
-          }}
-        />
-        Smart Guides
-      </label>
-
-      <p className="grid-control-section-label">Connection Rendering</p>
-      <label className="grid-control-checkbox-row" title="Keep connections quiet until you hover them.">
-        <input
-          type="checkbox"
-          checked={fadeConnections}
-          onChange={(event) => {
-            setFadeConnections(event.target.checked);
-            bridgeRef.current?.setFadeConnections(event.target.checked);
-          }}
-        />
-        Faded Connections
-      </label>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/grid-control/bridge.test.ts b/web_ui/src/islands/grid-control/bridge.test.ts
deleted file mode 100644
index f2c5582c..00000000
--- a/web_ui/src/islands/grid-control/bridge.test.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createGridControlBridge } from "./bridge";
-import { initialGridControlState, GridControlState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<GridControlState> = {}): string {
-  return JSON.stringify({ ...initialGridControlState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setGridSize: vi.fn(),
-    setGridOpacityPercent: vi.fn(),
-    setGridStyle: vi.fn(),
-    setGridColor: vi.fn(),
-    setSnapToGrid: vi.fn(),
-    setOrthogonalConnections: vi.fn(),
-    setSmartGuides: vi.fn(),
-    setFadeConnections: vi.fn(),
-    resize: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { gridControlBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createGridControlBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createGridControlBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialGridControlState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createGridControlBridge(() => {});
-    expect(() => {
-      bridge.setGridSize(50);
-      bridge.setGridOpacityPercent(80);
-      bridge.setGridStyle("Lines");
-      bridge.setGridColor("#ABCDEF");
-      bridge.setSnapToGrid(true);
-      bridge.setOrthogonalConnections(true);
-      bridge.setSmartGuides(true);
-      bridge.setFadeConnections(true);
-      bridge.resize(300);
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createGridControlBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createGridControlBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards a real published state to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createGridControlBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, gridSize: 50, gridStyle: "Cross" }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ gridSize: 50, gridStyle: "Cross" }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createGridControlBridge(() => {});
-
-      bridge.setGridSize(20);
-      bridge.setGridOpacityPercent(60);
-      bridge.setGridStyle("Lines");
-      bridge.setGridColor("#123456");
-      bridge.setSnapToGrid(true);
-      bridge.setOrthogonalConnections(false);
-      bridge.setSmartGuides(true);
-      bridge.setFadeConnections(false);
-      bridge.resize(321);
-
-      expect(remote.setGridSize).toHaveBeenCalledWith(20);
-      expect(remote.setGridOpacityPercent).toHaveBeenCalledWith(60);
-      expect(remote.setGridStyle).toHaveBeenCalledWith("Lines");
-      expect(remote.setGridColor).toHaveBeenCalledWith("#123456");
-      expect(remote.setSnapToGrid).toHaveBeenCalledWith(true);
-      expect(remote.setOrthogonalConnections).toHaveBeenCalledWith(false);
-      expect(remote.setSmartGuides).toHaveBeenCalledWith(true);
-      expect(remote.setFadeConnections).toHaveBeenCalledWith(false);
-      expect(remote.resize).toHaveBeenCalledWith(321);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createGridControlBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createGridControlBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/grid-control/bridge.ts b/web_ui/src/islands/grid-control/bridge.ts
deleted file mode 100644
index 5d958175..00000000
--- a/web_ui/src/islands/grid-control/bridge.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { GridControlState, initialGridControlState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateGridControlState } from "../../lib/bridge-core/generated/grid-control-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: GridControlState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtGridControlObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  setGridSize: (size: number) => void;
-  setGridOpacityPercent: (percent: number) => void;
-  setGridStyle: (style: string) => void;
-  setGridColor: (hex: string) => void;
-  setSnapToGrid: (enabled: boolean) => void;
-  setOrthogonalConnections: (enabled: boolean) => void;
-  setSmartGuides: (enabled: boolean) => void;
-  setFadeConnections: (enabled: boolean) => void;
-  resize: (height: number) => void;
-}
-
-export interface GridControlBridge {
-  ready(): void;
-  setGridSize(size: number): void;
-  setGridOpacityPercent(percent: number): void;
-  setGridStyle(style: string): void;
-  setGridColor(hex: string): void;
-  setSnapToGrid(enabled: boolean): void;
-  setOrthogonalConnections(enabled: boolean): void;
-  setSmartGuides(enabled: boolean): void;
-  setFadeConnections(enabled: boolean): void;
-  resize(height: number): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateGridControlState);
-}
-
-class MockGridControlBridge implements GridControlBridge {
-  private readonly state: GridControlState = structuredClone(initialGridControlState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  setGridSize(): void {}
-  setGridOpacityPercent(): void {}
-  setGridStyle(): void {}
-  setGridColor(): void {}
-  setSnapToGrid(): void {}
-  setOrthogonalConnections(): void {}
-  setSmartGuides(): void {}
-  setFadeConnections(): void {}
-  resize(): void {}
-  dispose(): void {}
-}
-
-export function createGridControlBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): GridControlBridge {
-  const fallback = new MockGridControlBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtGridControlObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[grid-control bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.gridControlBridge as QtGridControlObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtGridControlObject>(
-    method: K,
-    ...args: QtGridControlObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    setGridSize: (size) => call("setGridSize", size),
-    setGridOpacityPercent: (percent) => call("setGridOpacityPercent", percent),
-    setGridStyle: (style) => call("setGridStyle", style),
-    setGridColor: (hex) => call("setGridColor", hex),
-    setSnapToGrid: (enabled) => call("setSnapToGrid", enabled),
-    setOrthogonalConnections: (enabled) => call("setOrthogonalConnections", enabled),
-    setSmartGuides: (enabled) => call("setSmartGuides", enabled),
-    setFadeConnections: (enabled) => call("setFadeConnections", enabled),
-    resize: (height) => call("resize", height),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/grid-control/bridgeTypes.ts b/web_ui/src/islands/grid-control/bridgeTypes.ts
deleted file mode 100644
index 9dc4add2..00000000
--- a/web_ui/src/islands/grid-control/bridgeTypes.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * The grid-control island's state contract.
- *
- * `gridSize`/`gridOpacityPercent`/`gridStyle`/`gridColor` reflect the real,
- * live `GridViewSettings` model on the desktop side - unlike the toolbar's
- * `controlsChecked`, this genuinely IS the authoritative state
- * ChatView.drawBackground() reads, so it round-trips for real.
- * `sizePresets`/`stylePresets`/`colorPresets` are Python-owned static
- * configuration (see graphlink_grid_control_bridge.py) - not hardcoded here.
- */
-export type { GridControlState } from "../../lib/bridge-core/generated/grid-control-state";
-
-import type { GridControlState } from "../../lib/bridge-core/generated/grid-control-state";
-
-export const initialGridControlState: GridControlState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  gridSize: 10,
-  gridOpacityPercent: 30,
-  gridStyle: "Dots",
-  gridColor: "#555555",
-  sizePresets: [10, 20, 50, 100],
-  stylePresets: ["Dots", "Lines", "Cross"],
-  colorPresets: ["#404040", "#555555", "#3E7BFA", "#4CAF50", "#9C27B0"],
-};
diff --git a/web_ui/src/islands/grid-control/index.html b/web_ui/src/islands/grid-control/index.html
deleted file mode 100644
index c744ae47..00000000
--- a/web_ui/src/islands/grid-control/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Grid Control</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/grid-control/main.tsx b/web_ui/src/islands/grid-control/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/grid-control/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/grid-control/styles.css b/web_ui/src/islands/grid-control/styles.css
deleted file mode 100644
index dff88e47..00000000
--- a/web_ui/src/islands/grid-control/styles.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [GRID_CONTROL_MIN_HEIGHT, GRID_CONTROL_MAX_HEIGHT] - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.grid-control-shell {
-  box-sizing: border-box;
-  width: 220px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 12px;
-}
-
-.grid-control-title {
-  margin: 0;
-  text-align: center;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.grid-control-slider {
-  width: 100%;
-  accent-color: var(--gl-palette-selection);
-}
-
-.grid-control-row {
-  display: flex;
-  gap: 4px;
-}
-
-.grid-control-preset-btn {
-  flex: 1;
-  min-width: 0;
-  padding: 5px 2px;
-  font: inherit;
-  font-size: 10px;
-  font-weight: 650;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid transparent;
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.grid-control-preset-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.grid-control-preset-btn.active {
-  border-color: var(--gl-palette-selection);
-  color: var(--gl-palette-selection);
-}
-
-.grid-control-color-swatch {
-  flex: 1;
-  min-width: 0;
-  height: 22px;
-  padding: 0;
-  border: 2px solid var(--gl-neutral-button-border);
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.grid-control-color-swatch.active {
-  border-color: var(--gl-palette-selection);
-}
-
-.grid-control-section-label {
-  margin: 4px 0 0 0;
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.grid-control-checkbox-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 11px;
-  color: var(--gl-neutral-button-icon);
-  cursor: pointer;
-}
-
-.grid-control-checkbox-row input[type="checkbox"] {
-  accent-color: var(--gl-palette-selection);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/help/App.test.tsx b/web_ui/src/islands/help/App.test.tsx
deleted file mode 100644
index e3ddcad4..00000000
--- a/web_ui/src/islands/help/App.test.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialHelpState } from "./bridgeTypes";
-import { HELP_SECTIONS } from "./data/sections";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createHelpBridge() falls through to
-// the mock bridge automatically for the smoke test below - same pattern as
-// every other island's App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("renders all 9 rail sections with Overview active by default", () => {
-    render(<App />);
-
-    for (const section of HELP_SECTIONS) {
-      expect(screen.getByRole("button", { name: section.name })).toBeInTheDocument();
-    }
-    expect(screen.getByRole("button", { name: "Overview" })).toHaveAttribute("aria-current", "page");
-  });
-
-  it("renders the active section's heading, description, and item cards", () => {
-    render(<App />);
-
-    const overview = HELP_SECTIONS[0];
-    expect(screen.getByRole("heading", { name: overview.name })).toBeInTheDocument();
-    expect(screen.getByText(overview.description)).toBeInTheDocument();
-    expect(screen.getByText(overview.subsections[0].items[0].action)).toBeInTheDocument();
-  });
-
-  it("clicking a rail button switches the active section without a bridge round-trip", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    const secondSection = HELP_SECTIONS[1];
-
-    await user.click(screen.getByRole("button", { name: secondSection.name }));
-
-    expect(screen.getByRole("button", { name: secondSection.name })).toHaveAttribute("aria-current", "page");
-    expect(screen.getByRole("button", { name: "Overview" })).not.toHaveAttribute("aria-current");
-    expect(screen.getByRole("heading", { name: secondSection.name })).toBeInTheDocument();
-  });
-
-  it("clicking Close does not throw against the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { helpBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("clicking Close calls through to the remote's close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("pressing Escape calls through to the remote's close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.keyboard("{Escape}");
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialHelpState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Help is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/help/App.tsx b/web_ui/src/islands/help/App.tsx
deleted file mode 100644
index eea34b54..00000000
--- a/web_ui/src/islands/help/App.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { HelpBridge, BridgeRejection, createHelpBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-import { HELP_SECTIONS } from "./data/sections";
-
-const RAIL_INTRO =
-  "Graphlink is a visual AI workspace. Start with the overview, then jump directly to the workflow, tool, or project area you need.";
-
-function App() {
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<HelpBridge | null>(null);
-  // Which section is showing is pure client-side state - Python never needs
-  // to know (see graphlink_help_bridge.py's module docstring), so there is
-  // no bridge round-trip for this at all, unlike the settings island's
-  // outwardly-similar rail.
-  const [activeSectionName, setActiveSectionName] = useState(HELP_SECTIONS[0].name);
-
-  useEffect(() => {
-    const bridge = createHelpBridge(() => {}, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "Escape") {
-        bridgeRef.current?.close();
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Help is unavailable"
-        rejection={rejection}
-        className="help-shell bridge-error"
-      />
-    );
-  }
-
-  const activeSection = HELP_SECTIONS.find((section) => section.name === activeSectionName) ?? HELP_SECTIONS[0];
-
-  return (
-    <div className="help-shell">
-      <nav className="help-rail" aria-label="Help sections">
-        <p className="help-rail-eyebrow">Help Center</p>
-        <p className="help-rail-intro">{RAIL_INTRO}</p>
-        <div className="help-rail-buttons">
-          {HELP_SECTIONS.map((section) => (
-            <button
-              key={section.name}
-              type="button"
-              className="help-rail-button"
-              aria-current={section.name === activeSectionName ? "page" : undefined}
-              onClick={() => setActiveSectionName(section.name)}
-            >
-              {section.name}
-            </button>
-          ))}
-        </div>
-      </nav>
-
-      <div className="help-content" role="region" aria-label={activeSection.name}>
-        <div className="help-content-header">
-          <div className="help-content-heading">
-            <h1 className="help-content-title">{activeSection.name}</h1>
-            <p className="help-content-description">{activeSection.description}</p>
-          </div>
-          <button type="button" className="help-close-btn" onClick={() => bridgeRef.current?.close()}>
-            Close
-          </button>
-        </div>
-
-        <div className="help-scroll-area">
-          {activeSection.subsections.map((subsection) => (
-            <section className="help-section-block" key={subsection.title}>
-              <h2 className="help-section-title">{subsection.title}</h2>
-              {subsection.items.map((item, index) => (
-                <div className="help-item-card" key={`${subsection.title}-${index}`}>
-                  <p className="help-item-action">{item.action}</p>
-                  <p className="help-item-description">{item.description}</p>
-                </div>
-              ))}
-            </section>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/help/bridge.test.ts b/web_ui/src/islands/help/bridge.test.ts
deleted file mode 100644
index cfefbe6f..00000000
--- a/web_ui/src/islands/help/bridge.test.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createHelpBridge } from "./bridge";
-import { initialHelpState, HelpState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<HelpState> = {}): string {
-  return JSON.stringify({ ...initialHelpState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { helpBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createHelpBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createHelpBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialHelpState);
-  });
-
-  it("close() on the mock bridge does not throw", () => {
-    const bridge = createHelpBridge(() => {});
-    expect(() => bridge.close()).not.toThrow();
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createHelpBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createHelpBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createHelpBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createHelpBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 3 }));
-
-      expect(listener).toHaveBeenCalledWith(expect.objectContaining({ revision: 3 }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("close calls through to the remote method", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createHelpBridge(() => {});
-
-      bridge.close();
-
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createHelpBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createHelpBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/help/bridge.ts b/web_ui/src/islands/help/bridge.ts
deleted file mode 100644
index 253f2193..00000000
--- a/web_ui/src/islands/help/bridge.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { HelpState, initialHelpState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateHelpState } from "../../lib/bridge-core/generated/help-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: HelpState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtHelpObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  close: () => void;
-}
-
-export interface HelpBridge {
-  ready(): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateHelpState);
-}
-
-class MockHelpBridge implements HelpBridge {
-  private readonly state: HelpState = structuredClone(initialHelpState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  close(): void {
-    // No real top-level window to close in the mock/test environment.
-  }
-
-  dispose(): void {}
-}
-
-export function createHelpBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): HelpBridge {
-  const fallback = new MockHelpBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtHelpObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[help bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.helpBridge as QtHelpObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtHelpObject>(
-    method: K,
-    ...args: QtHelpObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/help/bridgeTypes.ts b/web_ui/src/islands/help/bridgeTypes.ts
deleted file mode 100644
index 0b4f1f86..00000000
--- a/web_ui/src/islands/help/bridgeTypes.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * The help-dialog island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). This island has zero Python-side
- * content fields - the envelope alone is the whole payload; see
- * data/sections.ts for the actual (static, client-side-only) content.
- */
-export type { HelpState } from "../../lib/bridge-core/generated/help-state";
-
-import type { HelpState } from "../../lib/bridge-core/generated/help-state";
-
-export const initialHelpState: HelpState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-};
diff --git a/web_ui/src/islands/help/data/sections.test.ts b/web_ui/src/islands/help/data/sections.test.ts
deleted file mode 100644
index a9be2b61..00000000
--- a/web_ui/src/islands/help/data/sections.test.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { HELP_SECTIONS } from "./sections";
-
-// sections.ts was mechanically generated from the legacy HelpDialog.
-// SECTION_DEFS (see that file's own header) and verified byte-exact against
-// it at generation time - this test guards against a FUTURE hand-edit
-// silently dropping content, not against the original transcription.
-describe("HELP_SECTIONS", () => {
-  it("has exactly 9 sections, 19 subsections, and 76 items", () => {
-    expect(HELP_SECTIONS).toHaveLength(9);
-
-    const subsectionCount = HELP_SECTIONS.reduce((sum, section) => sum + section.subsections.length, 0);
-    expect(subsectionCount).toBe(19);
-
-    const itemCount = HELP_SECTIONS.reduce(
-      (sum, section) => sum + section.subsections.reduce((subSum, sub) => subSum + sub.items.length, 0),
-      0,
-    );
-    expect(itemCount).toBe(76);
-  });
-
-  it("every section/subsection/item has non-empty text fields", () => {
-    for (const section of HELP_SECTIONS) {
-      expect(section.name.length).toBeGreaterThan(0);
-      expect(section.description.length).toBeGreaterThan(0);
-      for (const subsection of section.subsections) {
-        expect(subsection.title.length).toBeGreaterThan(0);
-        for (const item of subsection.items) {
-          expect(item.action.length).toBeGreaterThan(0);
-          expect(item.description.length).toBeGreaterThan(0);
-        }
-      }
-    }
-  });
-
-  it("starts with Overview, matching the legacy default section", () => {
-    expect(HELP_SECTIONS[0].name).toBe("Overview");
-  });
-});
diff --git a/web_ui/src/islands/help/data/sections.ts b/web_ui/src/islands/help/data/sections.ts
deleted file mode 100644
index 081e18f1..00000000
--- a/web_ui/src/islands/help/data/sections.ts
+++ /dev/null
@@ -1,480 +0,0 @@
-/* GENERATED - do not hand-edit. Source of truth was the legacy
- * HelpDialog.SECTION_DEFS in graphlink_ui_dialogs/graphlink_system_dialogs.py
- * (deleted in Phase 4's shim-collapse increment once this file existed) -
- * mechanically extracted (icon fields dropped per the Phase 4 scope note;
- * see doc/FRONTEND_WEB_MIGRATION_MASTER_PLAN.md), not hand-retyped, so the
- * 76 items/19 subsections/9 sections of copy carried over byte-exact.
- * This is now the single canonical source - nothing else reads this
- * content, per "adding a section requires no Python change." */
-
-export interface HelpItem {
-  action: string;
-  description: string;
-}
-
-export interface HelpSubsection {
-  title: string;
-  items: HelpItem[];
-}
-
-export interface HelpSection {
-  name: string;
-  description: string;
-  subsections: HelpSubsection[];
-}
-
-export const HELP_SECTIONS: HelpSection[] = [
-  {
-    "name": "Overview",
-    "description": "What Graphlink is, how work is structured, and how a typical project moves from prompt to polished output.",
-    "subsections": [
-      {
-        "title": "What Graphlink Does",
-        "items": [
-          {
-            "action": "Visual AI Workspace",
-            "description": "Graphlink turns prompts, replies, notes, charts, documents, code, and plugin runs into connected items on one canvas. Instead of losing work inside a single scrolling transcript, you can keep multiple lines of thought visible at once."
-          },
-          {
-            "action": "Branch-Based Conversations",
-            "description": "Every selected node becomes the anchor for what you do next. That makes it easy to fork alternatives, compare directions, and keep complex work organized as a family of branches instead of one long thread."
-          },
-          {
-            "action": "Mixed Content Graph",
-            "description": "A single project can contain chat nodes, code blocks, visible reasoning, attached files, generated images, notes, charts, and specialist tool nodes. The connections preserve where an idea came from and what it produced."
-          },
-          {
-            "action": "Saved Project Space",
-            "description": "Chats, plugin state, frames, containers, pins, and notes are persisted and can be reopened from the Library. Graphlink is designed for ongoing project work, not just one-off prompts."
-          }
-        ]
-      },
-      {
-        "title": "Typical Session Flow",
-        "items": [
-          {
-            "action": "Start or Resume",
-            "description": "Open a recent project from the Library, or press Ctrl+T to start a new chat. The app is comfortable for quick ideation and for returning to long-running work."
-          },
-          {
-            "action": "Build a Branch",
-            "description": "Send a prompt, review the result, then select the exact node you want to continue from. Each selection creates a deliberate branch point so you can refine or challenge a result without overwriting earlier work."
-          },
-          {
-            "action": "Add Specialist Nodes",
-            "description": "When a branch needs something more than a plain reply, open Plugins to add reasoning, web research, coding, sandbox execution, drafting, HTML rendering, or branch comparison tools."
-          },
-          {
-            "action": "Capture the Outcome",
-            "description": "Use notes, explainers, takeaways, charts, exports, and document views to turn raw responses into a clearer project record. The goal is a canvas you can revisit and understand later."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Canvas & Branching",
-    "description": "How selection, context inheritance, branching, and side-by-side exploration work inside the graph.",
-    "subsections": [
-      {
-        "title": "How Branches Work",
-        "items": [
-          {
-            "action": "Active Context Node",
-            "description": "The node you select becomes the parent for your next message or specialist tool. The input placeholder updates to show what you are responding to, which helps you stay oriented in large graphs."
-          },
-          {
-            "action": "Parent and Child History",
-            "description": "Branches inherit the relevant conversation history from their anchor node. Sibling branches can explore different ideas from the same point without stomping on each other."
-          },
-          {
-            "action": "Focus One Branch",
-            "description": "Chat nodes can temporarily hide other branches so you can concentrate on one path. This is especially useful once a graph starts to fan out into several competing directions."
-          },
-          {
-            "action": "Regenerate from the Same Context",
-            "description": "Assistant responses can be regenerated from their parent branch when you want a fresh answer without manually rebuilding the surrounding context."
-          }
-        ]
-      },
-      {
-        "title": "Working on the Canvas",
-        "items": [
-          {
-            "action": "Select and Move",
-            "description": "Click a node to select it, drag on empty space to rubber-band select, and move one item or a whole group together. The graph behaves like a visual workspace, not a locked transcript."
-          },
-          {
-            "action": "Collapse Dense Areas",
-            "description": "Most major node types can collapse to keep the canvas readable. Collapse is especially helpful when a branch is stable but still needs to stay connected to the rest of the project."
-          },
-          {
-            "action": "Keep Notes Beside the Work",
-            "description": "Notes live alongside AI nodes rather than inside them. Use them for decisions, TODOs, pasted snippets, executive summaries, or anything that should stay visible but should not be sent back to the model."
-          },
-          {
-            "action": "Compare Alternatives",
-            "description": "When two branch tips represent different approaches, Branch Lens can inspect both branches and explain where their logic, code direction, and intent diverge."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Nodes & Content",
-    "description": "The main node types you will see on the canvas and what each one is best at.",
-    "subsections": [
-      {
-        "title": "Core Conversation Nodes",
-        "items": [
-          {
-            "action": "Chat Nodes",
-            "description": "User and assistant chat nodes are the backbone of the application. Selecting one lets you continue exactly that line of thought, which makes branching feel intentional instead of accidental."
-          },
-          {
-            "action": "Code Nodes",
-            "description": "When a response includes fenced code, Graphlink breaks it into dedicated code nodes. Those nodes can be copied, exported, regenerated through their parent reply, or used as a starting point for coding tools."
-          },
-          {
-            "action": "Thinking Nodes",
-            "description": "If a model returns visible reasoning or analysis, the app stores it as a separate thinking node. This keeps long reasoning trails available without burying the main answer."
-          },
-          {
-            "action": "Document and Image Nodes",
-            "description": "Attachments become their own nodes on the branch so the source material remains visible next to the prompt that used it. That makes it easier to audit what the model actually saw."
-          }
-        ]
-      },
-      {
-        "title": "Supporting Content",
-        "items": [
-          {
-            "action": "Notes",
-            "description": "Manual notes, takeaways, explainer notes, and multi-node summary notes all live as movable note items. They are ideal for turning raw model output into cleaner project knowledge."
-          },
-          {
-            "action": "Charts",
-            "description": "The app can turn text-derived or numeric content into bar, line, pie, histogram, and Sankey charts on the canvas. Charts are useful when a branch contains data you want to explain visually."
-          },
-          {
-            "action": "Document View",
-            "description": "Long chat content can be opened in the document viewer for easier reading and review. This is especially helpful for lengthy drafts, specifications, or dense research summaries."
-          },
-          {
-            "action": "HTML Preview",
-            "description": "The HTML Renderer node can take markup and show a live preview inside the graph, with an optional pop-out preview window for closer inspection."
-          },
-          {
-            "action": "Node Context Menus",
-            "description": "Right-click chat, code, and plugin nodes for copy, export, document view, branch isolation, regeneration, takeaways, explainers, charts, image generation, and deletion actions. When multiple chat nodes are selected, the menu also exposes group summary workflows."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Navigation",
-    "description": "Mouse, keyboard, search, command palette, and view controls for moving quickly through small or very large graphs.",
-    "subsections": [
-      {
-        "title": "Mouse and View Controls",
-        "items": [
-          {
-            "action": "Pan the Canvas",
-            "description": "Hold the Middle Mouse Button and drag to move around the workspace. This is the fastest way to traverse large graphs once you stop thinking of the canvas like a normal chat window."
-          },
-          {
-            "action": "Zoom and Focus",
-            "description": "Use Ctrl + Mouse Wheel to zoom, or use the toolbar buttons when you want a fixed step. Q and E also zoom out and in from the keyboard."
-          },
-          {
-            "action": "Zoom to an Area",
-            "description": "Hold Shift and drag a rectangle to zoom the view to a specific region. It is a precise way to jump into a dense subsection of a large project."
-          },
-          {
-            "action": "Fit All and Reset",
-            "description": "Fit All reframes the canvas around everything currently on it, while Reset restores the default zoom level. These two actions are the quickest recovery tools when you get lost."
-          },
-          {
-            "action": "Minimap and Overlays",
-            "description": "Use the Controls toggle to reveal drag, grid, and font tools, and use the minimap to jump directly to distant nodes. This becomes more valuable as your project spreads out."
-          }
-        ]
-      },
-      {
-        "title": "Keyboard Workflow",
-        "items": [
-          {
-            "action": "WASD and Branch Navigation",
-            "description": "W, A, S, and D pan the view, while Ctrl + Arrow Keys move between parent, child, and sibling nodes in the current branch. This makes branch review much faster than constant mouse travel."
-          },
-          {
-            "action": "Command Palette",
-            "description": "Press Ctrl + K to open a searchable command palette for layout, note creation, selection, navigation, plugin insertion, chart generation, and more. It is the fastest way to discover power-user actions."
-          },
-          {
-            "action": "Canvas Search",
-            "description": "Press Ctrl + F to search across chat, code, document, image, thinking, and plugin nodes. Search results can be stepped through so you can quickly revisit important content."
-          },
-          {
-            "action": "Selection Utilities",
-            "description": "Delete removes the current selection, and the command palette also exposes focus selection, select all, collapse all, and expand all. These commands are useful once a graph becomes visually dense."
-          }
-        ]
-      },
-      {
-        "title": "Shortcut Reference",
-        "items": [
-          {
-            "action": "Ctrl + T / Ctrl + L / Ctrl + S",
-            "description": "Start a new chat, open the Library, or save the current project. These are the main project-level shortcuts you will use most often."
-          },
-          {
-            "action": "Ctrl + G / Ctrl + Shift + G / Ctrl + N",
-            "description": "Wrap the current selection in a Frame, create a Container, or add a new Note. These three actions cover most day-to-day organization work."
-          },
-          {
-            "action": "Ctrl + Left-Click / Ctrl + Right-Click",
-            "description": "Add a connection pin to reroute a line, or remove a pin that you no longer need. Connection pins are helpful when you want to untangle overlapping paths."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Organization",
-    "description": "Ways to group, label, tidy, and visually manage complex canvases as a project grows.",
-    "subsections": [
-      {
-        "title": "Structuring Large Graphs",
-        "items": [
-          {
-            "action": "Frames",
-            "description": "Select node-like items and press Ctrl + G to wrap them in a frame. Frames are best for labeling a visual section of the project without forcing the grouped items to move as one rigid unit."
-          },
-          {
-            "action": "Containers",
-            "description": "Use Ctrl + Shift + G to create a container when a set of items should move together. Containers are useful for keeping a working cluster intact while you reorganize the rest of the canvas."
-          },
-          {
-            "action": "Titles and Colors",
-            "description": "Frames and containers can be renamed and recolored so sections of the graph read like chapters or workstreams. This helps when you want the canvas to double as a presentation surface."
-          },
-          {
-            "action": "Auto-Organize Tree Layout",
-            "description": "The Organize button arranges conversational and plugin branches into a cleaner horizontal tree. It is a fast way to recover readability after a burst of exploratory work."
-          }
-        ]
-      },
-      {
-        "title": "Orientation Aids",
-        "items": [
-          {
-            "action": "Navigation Pins",
-            "description": "Pins mark important places on the canvas and are saved with the chat. Use the Pins toolbar button to reveal the overlay and jump back to major milestones or hotspots."
-          },
-          {
-            "action": "Connection Pins",
-            "description": "Ctrl + left-click a connection to add a routing pin and shape the line, then Ctrl + right-click a pin to remove it. This is especially helpful when several branches overlap visually."
-          },
-          {
-            "action": "Grid and Guide Controls",
-            "description": "The controls overlay can enable snap-to-grid, smart guides, orthogonal routing, font controls, and faded connections. These tools are useful when a canvas needs visual cleanup rather than new AI output."
-          },
-          {
-            "action": "Reduce Visual Noise",
-            "description": "Combine collapse, grouping, branch isolation, and layout tools to keep the graph readable. Graphlink works best when you treat organization as part of the thinking process, not just post-processing."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Plugins & Tools",
-    "description": "Specialist nodes that extend a branch into research, reasoning, coding, drafting, rendering, and comparison workflows.",
-    "subsections": [
-      {
-        "title": "Research and Analysis",
-        "items": [
-          {
-            "action": "Graphlink-Web",
-            "description": "Use this when a branch depends on current information or external sources. The node runs a web retrieval flow, summarizes the findings, and stores source links directly in the result."
-          },
-          {
-            "action": "Conversation Node",
-            "description": "Creates a self-contained linear chat surface inside the graph. Use it when you want a focused sub-conversation that can be pruned and iterated without expanding the main branch too aggressively."
-          }
-        ]
-      },
-      {
-        "title": "Build, Draft, and Render",
-        "items": [
-          {
-            "action": "System Prompt",
-            "description": "Adds a branch-scoped system prompt note that changes assistant behavior only for that conversation path. This is ideal when you want a role, tone, or instruction change without affecting the rest of the project."
-          },
-          {
-            "action": "Py-Coder",
-            "description": "A coding workspace with AI-driven and manual modes, generated code, terminal output, and final analysis tabs. Use it for fast implementation, debugging, code generation, and lightweight computation."
-          },
-          {
-            "action": "Execution Sandbox",
-            "description": "Runs Python in a per-node virtualenv with declared dependencies - the venv isolates installed packages, not the operating system; code still runs with your full account privileges. Choose this over Py-Coder when you need dependency-aware execution or a cleaner reproducible runtime."
-          },
-          {
-            "action": "Artifact / Drafter",
-            "description": "A living markdown drafting surface for reports, specs, briefs, and other documents that need repeated revision. It is the most natural place to keep polished long-form output inside the graph."
-          },
-          {
-            "action": "HTML Renderer",
-            "description": "Turns HTML or UI markup into a preview pane inside the graph and can pop the preview into a separate window. It is the right tool when a branch needs visual feedback instead of plain text output."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Settings & Models",
-    "description": "How runtime modes, providers, model routing, and quality-of-life settings shape the behavior of the application.",
-    "subsections": [
-      {
-        "title": "Runtime Modes",
-        "items": [
-          {
-            "action": "Ollama (Local)",
-            "description": "Use local Ollama when you want on-device chat and reasoning. You can choose a default chat model and switch between Quick mode and Thinking mode for different response styles."
-          },
-          {
-            "action": "API Endpoint Mode",
-            "description": "Use API Endpoint mode for OpenAI-compatible providers or Gemini. This unlocks hosted models, per-task model routing, and the image-generation path used by the canvas."
-          },
-          {
-            "action": "Per-Task Model Selection",
-            "description": "Graphlink can store different models for title generation, main chat, chart generation, image generation, web validation, and web summarization. This lets you optimize cost and quality across different tools."
-          },
-          {
-            "action": "Live Provider Reconfiguration",
-            "description": "Switching modes reinitializes the active provider for the current session. If a provider is missing credentials or cannot initialize, the app warns you before you keep working."
-          }
-        ]
-      },
-      {
-        "title": "Personalization and Feedback",
-        "items": [
-          {
-            "action": "Appearance",
-            "description": "Theme and appearance settings restyle the app, including flyouts and node accents, around the current palette. This is mainly cosmetic, but it helps tailor the workspace to your preference."
-          },
-          {
-            "action": "Token Counter",
-            "description": "When enabled, the token counter shows prompt, context, output, and running session totals. It is useful when you want a sense of branch size or model budget."
-          },
-          {
-            "action": "Provider-Specific Guidance",
-            "description": "API settings explain which providers are supported and which fields matter for each one. OpenAI-compatible endpoints and Gemini use slightly different setup and model-loading paths."
-          },
-          {
-            "action": "Optional Feature Dependencies",
-            "description": "Some features rely on optional libraries, such as PDF or DOCX import-export support and HTML preview support. When something is unavailable, Graphlink tries to tell you what dependency is missing."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Saving & Output",
-    "description": "Persistence, attachments, exports, and the ways Graphlink turns branch results into reusable project deliverables.",
-    "subsections": [
-      {
-        "title": "Persistence and Library",
-        "items": [
-          {
-            "action": "Background Saves",
-            "description": "Use Save to persist the current graph, including chats, plugin nodes, notes, pins, frames, containers, and view state. This makes it practical to treat a chat like a reusable workspace instead of a disposable session."
-          },
-          {
-            "action": "Chat Library",
-            "description": "Open the Library with the toolbar or Ctrl + L to reopen, rename, organize, or continue past projects. The Library is the main entry point for resuming work across sessions."
-          },
-          {
-            "action": "Local Project Record",
-            "description": "Because the graph is saved as a full project state, your canvas can function as a working notebook, task map, and decision trail all at once."
-          }
-        ]
-      },
-      {
-        "title": "Attachments and Exports",
-        "items": [
-          {
-            "action": "Supported Attachments",
-            "description": "You can attach common text and code files, JSON, CSV, XML, HTML, CSS, JS, and Markdown. PDF and DOCX attachments are also supported when their reader libraries are installed."
-          },
-          {
-            "action": "Drag and Drop",
-            "description": "Files can be staged by dragging them onto the canvas or by using the paperclip button. The attachment becomes a visible branch node so it is clear what source material was provided."
-          },
-          {
-            "action": "Export Formats",
-            "description": "Chat, document, and code content can be exported in practical formats such as TXT, Markdown, HTML, and PDF. Chat and document content also support DOCX, and code can be exported as a Python script."
-          },
-          {
-            "action": "Generated Outputs",
-            "description": "Image generation, chart creation, takeaway notes, explainers, group summaries, and branch diff notes all let you promote transient AI output into reusable project artifacts."
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "name": "Use Cases",
-    "description": "Practical ways to use the full application beyond simple back-and-forth prompting.",
-    "subsections": [
-      {
-        "title": "Common Workflows",
-        "items": [
-          {
-            "action": "Research and Comparison",
-            "description": "Start with a broad question, branch different answers, use Graphlink-Web to ground facts, and finish with Branch Lens when you want a disciplined comparison between competing paths."
-          },
-          {
-            "action": "Coding and Debugging",
-            "description": "Ask for code on the main canvas, move promising results into Py-Coder for iteration, and switch to Execution Sandbox when dependencies or reproducibility matter. This keeps ideation and execution connected."
-          },
-          {
-            "action": "Planning and Execution",
-            "description": "Use Workflow Architect when a goal feels large or undefined. It can convert a vague request into a clearer plugin sequence so your next few steps are already framed."
-          },
-          {
-            "action": "Shipping and Hardening",
-            "description": "When a branch is close to done, run Quality Gate to judge whether it actually meets the bar. It is especially useful before handoff, release, demos, or any moment when confidence matters more than momentum."
-          },
-          {
-            "action": "Long-Form Writing",
-            "description": "Keep source research nearby, use reasoning where needed, and let Artifact / Drafter hold the polished document. This is a strong workflow for specs, reports, proposals, and internal documentation."
-          }
-        ]
-      },
-      {
-        "title": "Knowledge Work Patterns",
-        "items": [
-          {
-            "action": "Meeting and Study Notes",
-            "description": "Generate takeaways, explainer notes, and group summaries around important nodes so the final canvas reads like a structured knowledge map rather than a raw transcript dump."
-          },
-          {
-            "action": "Product and UX Exploration",
-            "description": "Branch alternative product directions, draft requirements, render HTML prototypes, and compare variants without losing the reasoning that led to each option."
-          },
-          {
-            "action": "Data Storytelling",
-            "description": "Turn a branch that contains numbers or structure into charts, then keep the explanation, source inputs, and conclusions beside the visualization on the same canvas."
-          },
-          {
-            "action": "Prompt Variation by Branch",
-            "description": "Use System Prompt nodes and branching to test different assistant behaviors against the same underlying project. This is especially useful when you want to compare tone, role, or working style."
-          }
-        ]
-      }
-    ]
-  }
-];
diff --git a/web_ui/src/islands/help/index.html b/web_ui/src/islands/help/index.html
deleted file mode 100644
index 4d1ebc4c..00000000
--- a/web_ui/src/islands/help/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Help</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/help/main.tsx b/web_ui/src/islands/help/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/help/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/help/styles.css b/web_ui/src/islands/help/styles.css
deleted file mode 100644
index f3c858f7..00000000
--- a/web_ui/src/islands/help/styles.css
+++ /dev/null
@@ -1,193 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Sized to match the legacy
-   HelpDialog's resize(900, 620). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.help-shell {
-  box-sizing: border-box;
-  width: 900px;
-  height: 620px;
-  display: flex;
-  flex-direction: row;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 14px;
-  overflow: hidden;
-}
-
-.help-rail {
-  box-sizing: border-box;
-  width: 200px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 12px;
-  border-right: 1px solid var(--gl-neutral-button-border);
-}
-
-.help-rail-eyebrow {
-  margin: 0;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.help-rail-intro {
-  margin: 0 0 4px 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.help-rail-buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.help-rail-button {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 10px 12px;
-  text-align: left;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.help-rail-button:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.help-rail-button[aria-current="page"] {
-  background-color: var(--gl-neutral-button-background);
-  color: var(--gl-semantic-status-success);
-}
-
-.help-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  padding: 12px 14px;
-}
-
-.help-content-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-}
-
-.help-content-heading {
-  flex: 1;
-  min-width: 0;
-}
-
-.help-content-title {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 700;
-}
-
-.help-content-description {
-  margin: 4px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.help-close-btn {
-  flex-shrink: 0;
-  padding: 6px 14px;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.help-close-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.help-scroll-area {
-  flex: 1;
-  margin-top: 10px;
-  padding-right: 4px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.help-section-block {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.help-section-title {
-  margin: 0;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.help-item-card {
-  box-sizing: border-box;
-  padding: 10px 12px;
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-}
-
-.help-item-action {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.help-item-description {
-  margin: 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/minimap/App.test.tsx b/web_ui/src/islands/minimap/App.test.tsx
deleted file mode 100644
index 9972cee4..00000000
--- a/web_ui/src/islands/minimap/App.test.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialMinimapState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const NODES = [
-  { id: "1", isUser: true, preview: "Hello there" },
-  { id: "2", isUser: false, preview: "Hi back" },
-];
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectNode: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { minimapBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialMinimapState, revision: 1, nodes: NODES, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders one indicator per node, colored by isUser, with the preview as its accessible name", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote);
-
-    const userIndicator = await screen.findByRole("listitem", { name: "Hello there" });
-    const aiIndicator = screen.getByRole("listitem", { name: "Hi back" });
-    expect(userIndicator).toHaveClass("user");
-    expect(aiIndicator).toHaveClass("ai");
-  });
-
-  it("clicking an indicator calls selectNode with its id", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    const indicator = await screen.findByRole("listitem", { name: "Hi back" });
-
-    await user.click(indicator);
-
-    expect(remote.selectNode).toHaveBeenCalledWith("2");
-  });
-
-  it("renders nothing in the list when there are no nodes", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { nodes: [] });
-
-    expect(screen.queryByRole("listitem")).not.toBeInTheDocument();
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialMinimapState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The minimap is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/minimap/App.tsx b/web_ui/src/islands/minimap/App.tsx
deleted file mode 100644
index 816504fb..00000000
--- a/web_ui/src/islands/minimap/App.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { MinimapState, initialMinimapState } from "./bridgeTypes";
-import { BridgeRejection, MinimapBridge, createMinimapBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<MinimapState>(initialMinimapState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<MinimapBridge | null>(null);
-
-  useEffect(() => {
-    const bridge = createMinimapBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The minimap is unavailable"
-        rejection={rejection}
-        className="minimap-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="minimap-shell">
-      <div className="minimap-list" role="list" aria-label="Conversation minimap">
-        {state.nodes.map((node) => (
-          <button
-            key={node.id}
-            type="button"
-            role="listitem"
-            className={"minimap-indicator" + (node.isUser ? " user" : " ai")}
-            title={node.preview}
-            aria-label={node.preview}
-            onClick={() => bridgeRef.current?.selectNode(node.id)}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/minimap/bridge.test.ts b/web_ui/src/islands/minimap/bridge.test.ts
deleted file mode 100644
index f6ccf4d4..00000000
--- a/web_ui/src/islands/minimap/bridge.test.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createMinimapBridge } from "./bridge";
-import { initialMinimapState, MinimapState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<MinimapState> = {}): string {
-  return JSON.stringify({ ...initialMinimapState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectNode: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { minimapBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createMinimapBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createMinimapBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialMinimapState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createMinimapBridge(() => {});
-    expect(() => {
-      bridge.selectNode("123");
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createMinimapBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createMinimapBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards real published nodes to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createMinimapBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          revision: 2,
-          nodes: [{ id: "111", isUser: true, preview: "Hello" }],
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ nodes: [expect.objectContaining({ id: "111" })] }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("selectNode calls through to the matching remote method with the id", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createMinimapBridge(() => {});
-
-      bridge.selectNode("456");
-
-      expect(remote.selectNode).toHaveBeenCalledWith("456");
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createMinimapBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createMinimapBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/minimap/bridge.ts b/web_ui/src/islands/minimap/bridge.ts
deleted file mode 100644
index aa3dcb01..00000000
--- a/web_ui/src/islands/minimap/bridge.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { MinimapState, initialMinimapState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateMinimapState } from "../../lib/bridge-core/generated/minimap-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: MinimapState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtMinimapObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  selectNode: (id: string) => void;
-}
-
-export interface MinimapBridge {
-  ready(): void;
-  selectNode(id: string): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateMinimapState);
-}
-
-class MockMinimapBridge implements MinimapBridge {
-  private readonly state: MinimapState = structuredClone(initialMinimapState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  selectNode(): void {}
-  dispose(): void {}
-}
-
-export function createMinimapBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): MinimapBridge {
-  const fallback = new MockMinimapBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtMinimapObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[minimap bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.minimapBridge as QtMinimapObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtMinimapObject>(
-    method: K,
-    ...args: QtMinimapObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    selectNode: (id) => call("selectNode", id),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/minimap/bridgeTypes.ts b/web_ui/src/islands/minimap/bridgeTypes.ts
deleted file mode 100644
index e9619b43..00000000
--- a/web_ui/src/islands/minimap/bridgeTypes.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * The minimap island's state contract.
- *
- * `nodes` is the full, debounced snapshot of every ChatNode currently in
- * the scene (see graphlink_minimap_bridge.py's own docstring for the
- * debounce rationale) - unlike the legacy MinimapWidget, there is no
- * MAX_VISIBLE_NODES windowing/scroll-pagination here: a plain scrollable
- * list handles arbitrarily many nodes via native browser scrolling, which
- * doesn't carry the per-frame QPainter repaint cost that motivated the
- * original 25-node cap. `id` is a wire-only identifier
- * (`str(id(python_object))`), not a persisted node property - stable only
- * for the lifetime of the node within this running session.
- */
-export type { MinimapState, MinimapNodeEntry } from "../../lib/bridge-core/generated/minimap-state";
-
-import type { MinimapState } from "../../lib/bridge-core/generated/minimap-state";
-
-export const initialMinimapState: MinimapState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  nodes: [],
-};
diff --git a/web_ui/src/islands/minimap/index.html b/web_ui/src/islands/minimap/index.html
deleted file mode 100644
index fb7324c2..00000000
--- a/web_ui/src/islands/minimap/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Minimap</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/minimap/main.tsx b/web_ui/src/islands/minimap/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/minimap/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/minimap/styles.css b/web_ui/src/islands/minimap/styles.css
deleted file mode 100644
index 2458d34c..00000000
--- a/web_ui/src/islands/minimap/styles.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens (--gl-palette-user-node /
-   --gl-palette-ai-node, the same palette.USER_NODE/AI_NODE the legacy
-   MinimapWidget painted with). Height is EXTERNALLY imposed by Python
-   (ChatView._update_overlay_positions sets a fixed height based on the
-   viewport) - this island never reports its own height, unlike every other
-   panel in this migration; it just fills whatever box it's given. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  height: 100%;
-}
-
-.minimap-shell {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  opacity: 0.4;
-  transition: opacity 150ms ease;
-}
-
-.minimap-shell:hover {
-  opacity: 1;
-}
-
-.minimap-list {
-  box-sizing: border-box;
-  width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: stretch;
-  gap: 3px;
-  padding: 4px 2px;
-  scrollbar-width: none;
-}
-
-.minimap-list::-webkit-scrollbar {
-  display: none;
-}
-
-.minimap-indicator {
-  flex-shrink: 0;
-  width: 100%;
-  height: 3px;
-  padding: 0;
-  border: none;
-  border-radius: 2px;
-  cursor: pointer;
-  background: linear-gradient(
-    to right,
-    transparent,
-    var(--indicator-color) 20%,
-    var(--indicator-color) 80%,
-    transparent
-  );
-}
-
-.minimap-indicator.user {
-  --indicator-color: var(--gl-palette-user-node);
-}
-
-.minimap-indicator.ai {
-  --indicator-color: var(--gl-palette-ai-node);
-}
-
-.minimap-indicator:hover {
-  --indicator-color: var(--gl-palette-selection);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/notification/App.test.tsx b/web_ui/src/islands/notification/App.test.tsx
deleted file mode 100644
index 13c58725..00000000
--- a/web_ui/src/islands/notification/App.test.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialNotificationState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createNotificationBridge() falls
-// through to the mock bridge automatically for the smoke test below - same
-// pattern as ComposerApp.test.tsx/token-counter's App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("starts hidden, matching the initial visible:false state", () => {
-    render(<App />);
-    expect(screen.getByRole("status", { hidden: true })).not.toBeVisible();
-  });
-});
-
-// The mock bridge is deliberately inert (copyDetails/dismiss are no-ops -
-// Python is fully authoritative for visibility, see bridge.ts's docstring),
-// so interactive behavior needs a real (faked) QWebChannel connection to
-// drive real state through, same approach as
-// composer/ComposerApp.reject-recover.test.tsx.
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    copyDetails: vi.fn(),
-    dismiss: vi.fn(),
-    resize: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { notificationBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders the message and type-specific title once Python publishes a visible state", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(
-      JSON.stringify({
-        ...initialNotificationState,
-        visible: true,
-        message: "Careful, this cannot be undone.",
-        msgType: "warning",
-      }),
-    );
-
-    await waitFor(() => expect(screen.getByRole("status")).toBeVisible());
-    expect(screen.getByText("Warning")).toBeInTheDocument();
-    expect(screen.getByText("Careful, this cannot be undone.")).toBeInTheDocument();
-  });
-
-  it("Dismiss and the close button both call through to the remote's dismiss()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialNotificationState, visible: true, message: "Hi.", msgType: "info" }));
-    await waitFor(() => expect(screen.getByRole("status")).toBeVisible());
-
-    await user.click(screen.getByRole("button", { name: "Dismiss" }));
-    await user.click(screen.getByRole("button", { name: "Dismiss notification" }));
-
-    expect(remote.dismiss).toHaveBeenCalledTimes(2);
-  });
-
-  it("Copy details calls through to the remote and shows local 'Copied' feedback", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(
-      JSON.stringify({
-        ...initialNotificationState,
-        visible: true,
-        message: "Copy this text.",
-        msgType: "info",
-      }),
-    );
-    await waitFor(() => expect(screen.getByRole("status")).toBeVisible());
-
-    await user.click(screen.getByRole("button", { name: "Copy details" }));
-
-    expect(remote.copyDetails).toHaveBeenCalledTimes(1);
-    expect(await screen.findByRole("button", { name: "Copied" })).toBeInTheDocument();
-  });
-
-  // Confirms App.tsx actually reaches the shared lib/ui/BridgeErrorState on a
-  // rejected payload, with this island's own title/className - the shared
-  // component's own rendering logic is covered by
-  // lib/ui/BridgeErrorState.test.tsx, this only proves the wiring at this
-  // specific call site is correct.
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialNotificationState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Notifications unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/notification/App.tsx b/web_ui/src/islands/notification/App.tsx
deleted file mode 100644
index 62395b0d..00000000
--- a/web_ui/src/islands/notification/App.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { NotificationState, initialNotificationState } from "./bridgeTypes";
-import { BridgeRejection, NotificationBridge, createNotificationBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-type MsgType = NotificationState["msgType"];
-
-// Titles match the old widget's TYPE_STYLES[*]["title"] verbatim.
-const TYPE_META: Record<MsgType, { title: string }> = {
-  info: { title: "Notice" },
-  success: { title: "Success" },
-  warning: { title: "Warning" },
-  error: { title: "Action Needed" },
-};
-
-// Matches the old widget's copy_feedback_timer duration.
-const COPY_FEEDBACK_MS = 1600;
-
-function Icon({ name }: { name: MsgType | "close" }) {
-  const paths: Record<string, string> = {
-    info: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 5.2a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6ZM13.25 17h-2.5v-7h2.5v7Z",
-    success: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.15 14.15-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7Z",
-    warning: "M12 2 1 21h22L12 2Zm0 6.3 1.05 6.45h-2.1L12 8.3Zm0 8.85a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z",
-    error: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1.1 14.5h-2.2v-2.2h2.2v2.2Zm0-4.4h-2.2V6.7h2.2v5.4Z",
-    close: "m6.4 5 12.6 12.6-1.4 1.4L5 6.4 6.4 5Zm12.6 1.4L6.4 19 5 17.6 17.6 5l1.4 1.4Z",
-  };
-  return (
-    <svg aria-hidden="true" viewBox="0 0 24 24" className="notification-icon">
-      <path d={paths[name]} />
-    </svg>
-  );
-}
-
-function App() {
-  const [state, setState] = useState<NotificationState>(initialNotificationState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [copied, setCopied] = useState(false);
-  // Resets "Copied" the moment a NEW Python-published state arrives, even
-  // mid-feedback - done during render (React's documented "adjusting state
-  // when a prop changes" pattern), not in an effect, since setState directly
-  // inside an effect body triggers an avoidable cascading extra render.
-  const [copyResetRevision, setCopyResetRevision] = useState(state.revision);
-  if (copyResetRevision !== state.revision) {
-    setCopyResetRevision(state.revision);
-    setCopied(false);
-  }
-  const bridgeRef = useRef<NotificationBridge | null>(null);
-  const shellRef = useRef<HTMLElement>(null);
-  const copyTimerRef = useRef<number | undefined>(undefined);
-
-  useEffect(() => {
-    const bridge = createNotificationBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // Keyed on `rejection`, not `[]` - see ComposerApp.tsx's identical effect
-  // for the full rationale (a reject-then-recover cycle mounts a new <main>).
-  useEffect(() => {
-    const shell = shellRef.current;
-    if (!shell) return;
-
-    const reportHeight = () => {
-      bridgeRef.current?.resize(Math.ceil(shell.getBoundingClientRect().height));
-    };
-    const observer =
-      typeof ResizeObserver === "undefined" ? null : new ResizeObserver(reportHeight);
-    observer?.observe(shell);
-    reportHeight();
-    return () => observer?.disconnect();
-  }, [rejection]);
-
-  useEffect(() => {
-    return () => window.clearTimeout(copyTimerRef.current);
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Notifications unavailable"
-        rejection={rejection}
-        className="notification-shell notification-error"
-      />
-    );
-  }
-
-  function copyDetails() {
-    bridgeRef.current?.copyDetails();
-    setCopied(true);
-    window.clearTimeout(copyTimerRef.current);
-    copyTimerRef.current = window.setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);
-  }
-
-  function dismiss() {
-    bridgeRef.current?.dismiss();
-  }
-
-  return (
-    <main
-      ref={shellRef}
-      className="notification-shell"
-      data-msg-type={state.msgType}
-      style={{ display: state.visible ? undefined : "none" }}
-      role="status"
-      aria-live="polite"
-    >
-      <div className="notification-header">
-        <span className="notification-status-icon">
-          <Icon name={state.msgType} />
-        </span>
-        <span className="notification-status-label">{TYPE_META[state.msgType].title}</span>
-        <button
-          className="notification-close-button"
-          type="button"
-          onClick={dismiss}
-          aria-label="Dismiss notification"
-          title="Dismiss notification"
-        >
-          <Icon name="close" />
-        </button>
-      </div>
-
-      <p className="notification-message">{state.message}</p>
-
-      <div className="notification-footer">
-        <button className="notification-dismiss-button" type="button" onClick={dismiss}>
-          Dismiss
-        </button>
-        <button className="notification-copy-button" type="button" onClick={copyDetails}>
-          {copied ? "Copied" : "Copy details"}
-        </button>
-      </div>
-    </main>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/notification/bridge.test.ts b/web_ui/src/islands/notification/bridge.test.ts
deleted file mode 100644
index f4ab2dfe..00000000
--- a/web_ui/src/islands/notification/bridge.test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createNotificationBridge } from "./bridge";
-import { initialNotificationState, NotificationState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<NotificationState> = {}): string {
-  return JSON.stringify({ ...initialNotificationState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    copyDetails: vi.fn(),
-    dismiss: vi.fn(),
-    resize: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { notificationBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createNotificationBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createNotificationBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialNotificationState);
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createNotificationBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createNotificationBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createNotificationBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createNotificationBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ visible: true, message: "Saved.", msgType: "success" }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ visible: true, message: "Saved.", msgType: "success" }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createNotificationBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("gates outbound calls on the connected flag, not just remote's presence", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createNotificationBridge(() => {});
-      bridge.copyDetails();
-      bridge.dismiss();
-
-      expect(remote.copyDetails).toHaveBeenCalledTimes(1);
-      expect(remote.dismiss).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("queues a resize requested before connection and applies it once connected", () => {
-    // Deferred callback so resize() can genuinely be called before
-    // "connected" flips true - see composer/bridge.test.ts's identical case.
-    const remote = {
-      stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-      ready: vi.fn(),
-      copyDetails: vi.fn(),
-      dismiss: vi.fn(),
-      resize: vi.fn(),
-    };
-    let pendingCallback: ((channel: { objects: Record<string, unknown> }) => void) | null = null;
-
-    class DeferredFakeQWebChannel {
-      constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-        pendingCallback = callback;
-      }
-    }
-
-    const qtWindow = window as unknown as QtWindow;
-    qtWindow.QWebChannel = DeferredFakeQWebChannel as unknown as QtWindow["QWebChannel"];
-    qtWindow.qt = { webChannelTransport: {} };
-
-    try {
-      const bridge = createNotificationBridge(() => {});
-      bridge.resize(150);
-      expect(remote.resize).not.toHaveBeenCalled();
-
-      pendingCallback!({ objects: { notificationBridge: remote } });
-      expect(remote.resize).toHaveBeenCalledWith(150);
-    } finally {
-      delete qtWindow.QWebChannel;
-      delete qtWindow.qt;
-    }
-  });
-
-  it("dispose() disconnects the state listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createNotificationBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/notification/bridge.ts b/web_ui/src/islands/notification/bridge.ts
deleted file mode 100644
index 46054d37..00000000
--- a/web_ui/src/islands/notification/bridge.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { NotificationState, initialNotificationState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateNotificationState } from "../../lib/bridge-core/generated/notification-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: NotificationState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtNotificationObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  copyDetails: () => void;
-  dismiss: () => void;
-  resize: (height: number) => void;
-}
-
-export interface NotificationBridge {
-  ready(): void;
-  copyDetails(): void;
-  dismiss(): void;
-  resize(height: number): void;
-  dispose(): void;
-}
-
-/**
- * Event-push toast: Python drives visible/message/msgType, JS sends back
- * only one real intent (copyDetails) plus the shared resize() height-
- * negotiation call every negotiated-sizing island uses (see composer's
- * bridge.ts for the fuller rationale on that one).
- */
-function parseState(payload: string) {
-  return parseIslandState(payload, validateNotificationState);
-}
-
-class MockNotificationBridge implements NotificationBridge {
-  private state: NotificationState = structuredClone(initialNotificationState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  copyDetails(): void {}
-  dismiss(): void {}
-  resize(): void {}
-  dispose(): void {}
-}
-
-export function createNotificationBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): NotificationBridge {
-  const fallback = new MockNotificationBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtNotificationObject | null = null;
-  let connected = false;
-  let pendingHeight: number | null = null;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[notification bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.notificationBridge as QtNotificationObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    if (pendingHeight !== null) remote.resize(pendingHeight);
-  });
-
-  const call = <K extends keyof QtNotificationObject>(
-    method: K,
-    ...args: QtNotificationObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    copyDetails: () => call("copyDetails"),
-    dismiss: () => call("dismiss"),
-    resize: (height) => {
-      pendingHeight = height;
-      call("resize", height);
-    },
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/notification/bridgeTypes.ts b/web_ui/src/islands/notification/bridgeTypes.ts
deleted file mode 100644
index bc7f0b74..00000000
--- a/web_ui/src/islands/notification/bridgeTypes.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * The notification island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). What legitimately still lives here:
- * initialNotificationState, the mock snapshot used for browser-preview/dev
- * and by jsdom tests.
- */
-export type { NotificationState } from "../../lib/bridge-core/generated/notification-state";
-
-import type { NotificationState } from "../../lib/bridge-core/generated/notification-state";
-
-export const initialNotificationState: NotificationState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  visible: false,
-  message: "",
-  msgType: "info",
-};
diff --git a/web_ui/src/islands/notification/index.html b/web_ui/src/islands/notification/index.html
deleted file mode 100644
index c07b4536..00000000
--- a/web_ui/src/islands/notification/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Notification</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/notification/main.tsx b/web_ui/src/islands/notification/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/notification/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/notification/styles.css b/web_ui/src/islands/notification/styles.css
deleted file mode 100644
index 329e81ee..00000000
--- a/web_ui/src/islands/notification/styles.css
+++ /dev/null
@@ -1,199 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens rather than registering a new
-   island-scoped THEME_TOKENS group. Unlike token-counter's 3-color HUD
-   panel, this island genuinely needs 4-way differentiation (info/success/
-   warning/error) - but that need is already met exactly by the existing
-   app-wide "semantic" group (status_info/status_success/status_warning/
-   status_error, see graphlink_styles.py's THEME_TOKENS), which was named
-   for precisely this purpose. So notification does NOT turn out to be the
-   "island #2" moment css_custom_properties()'s docstring and
-   tests/test_theme_tokens.py's two second-island tripwire tests are
-   watching for - both are left untouched by this island on purpose, same
-   as token-counter.
-
-   Simplifications from the old QWidget, deliberate and recorded rather than
-   silent (same convention as token-counter's dropped box-shadow):
-   - No QGraphicsDropShadowEffect. A flat border reads clearly enough at
-     this size; approximating the shadow would need a CSS box-shadow with a
-     literal rgba() the no-raw-colors lint would reject, for a cosmetic
-     difference not worth a new token.
-   - No slide-in/slide-out QPropertyAnimation. Show/hide is now driven by
-     NotificationWebHost toggling the whole host widget's Qt-level
-     visibility (see graphlink_notification_bridge.py's visibilityChanged
-     signal) - instant, matching how every other Qt-hidden widget in this
-     app behaves. Animating that would mean re-introducing a JS-side delay
-     between "Python says hide" and "widget actually disappears," which is
-     more machinery than this cosmetic polish is worth right now.
-   - One neutral hover/pressed pair for all buttons (copy/dismiss/close)
-     across all 4 types, instead of the old widget's per-type copy_hover/
-     dismiss_hover/close_hover (12 distinct hex/rgba values). Only the
-     accent stripe + icon differ by type now; button chrome reuses the same
-     --gl-neutral-button-* tokens every other island's buttons already use. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.notification-shell {
-  box-sizing: border-box;
-  width: 460px;
-  min-height: 108px;
-  max-height: 400px;
-  overflow-y: auto;
-  padding: 14px 14px 14px 16px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-left: 3px solid var(--gl-semantic-status-info);
-  border-radius: 8px;
-  background-color: var(--gl-graph-node-panel-fill);
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-}
-
-.notification-shell[data-msg-type="success"] {
-  border-left-color: var(--gl-semantic-status-success);
-}
-
-.notification-shell[data-msg-type="warning"] {
-  border-left-color: var(--gl-semantic-status-warning);
-}
-
-.notification-shell[data-msg-type="error"] {
-  border-left-color: var(--gl-semantic-status-error);
-}
-
-.notification-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 10px;
-}
-
-.notification-status-icon {
-  display: inline-flex;
-  width: 18px;
-  height: 18px;
-  color: var(--gl-semantic-status-info);
-}
-
-.notification-shell[data-msg-type="success"] .notification-status-icon {
-  color: var(--gl-semantic-status-success);
-}
-
-.notification-shell[data-msg-type="warning"] .notification-status-icon {
-  color: var(--gl-semantic-status-warning);
-}
-
-.notification-shell[data-msg-type="error"] .notification-status-icon {
-  color: var(--gl-semantic-status-error);
-}
-
-.notification-status-label {
-  flex: 1;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--gl-neutral-button-icon);
-}
-
-.notification-close-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--gl-neutral-button-muted-icon);
-  cursor: pointer;
-}
-
-.notification-close-button:hover {
-  background-color: var(--gl-neutral-button-hover);
-  color: var(--gl-neutral-button-icon);
-}
-
-.notification-icon {
-  width: 100%;
-  height: 100%;
-  fill: currentColor;
-}
-
-.notification-close-button .notification-icon {
-  width: 14px;
-  height: 14px;
-}
-
-.notification-message {
-  margin: 0 0 12px 0;
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--gl-neutral-button-icon);
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-  user-select: text;
-}
-
-.notification-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.notification-dismiss-button,
-.notification-copy-button {
-  height: 30px;
-  padding: 0 12px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  background-color: var(--gl-neutral-button-background);
-  color: var(--gl-neutral-button-icon);
-  font-family: inherit;
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.notification-dismiss-button:hover,
-.notification-copy-button:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.notification-dismiss-button:active,
-.notification-copy-button:active {
-  background-color: var(--gl-neutral-button-pressed);
-}
-
-.notification-error {
-  padding: 14px 16px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-  background-color: var(--gl-graph-node-panel-fill);
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/pin-overlay/App.test.tsx b/web_ui/src/islands/pin-overlay/App.test.tsx
deleted file mode 100644
index 7016eb95..00000000
--- a/web_ui/src/islands/pin-overlay/App.test.tsx
+++ /dev/null
@@ -1,306 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialPinOverlayState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const ROWS = [
-  { id: "p1", title: "First pin", note: "a note" },
-  { id: "p2", title: "Second pin", note: "" },
-];
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders the empty placeholder and a disabled-nothing Add button", () => {
-    render(<App />);
-
-    expect(screen.getByText("No saved locations yet.")).toBeInTheDocument();
-    expect(screen.getByText("No saved locations")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Add pin here" })).toBeEnabled();
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectPin: vi.fn(),
-    deletePin: vi.fn(),
-    createPin: vi.fn(),
-    editPin: vi.fn(),
-    commitDraft: vi.fn(),
-    discardDraft: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { pinOverlayBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, rows = ROWS, extra: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialPinOverlayState, revision: 1, rows, ...extra }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders each saved pin's title and note", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote);
-
-    expect(await screen.findByText("First pin")).toBeInTheDocument();
-    expect(screen.getByText("a note")).toBeInTheDocument();
-    expect(screen.getByText("Second pin")).toBeInTheDocument();
-    expect(screen.getByText("2 saved locations")).toBeInTheDocument();
-  });
-
-  it("filters the list client-side as the user types, with no bridge round-trip", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.type(screen.getByRole("textbox", { name: "Search navigation pins" }), "second");
-
-    expect(screen.queryByText("First pin")).not.toBeInTheDocument();
-    expect(screen.getByText("Second pin")).toBeInTheDocument();
-    expect(screen.getByText("Showing 1 of 2 saved locations")).toBeInTheDocument();
-  });
-
-  it("clicking a row's title calls selectPin", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.click(screen.getByText("First pin"));
-
-    expect(remote.selectPin).toHaveBeenCalledWith("p1");
-  });
-
-  it("the selected pin's row is marked aria-selected", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, ROWS, { selectedPinId: "p2" });
-
-    const rows = await screen.findAllByRole("option");
-    const secondRow = rows.find((row) => row.textContent?.includes("Second pin"));
-    expect(secondRow).toHaveAttribute("aria-selected", "true");
-  });
-
-  it("Edit and Delete call through without any confirmation, matching legacy", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.click(screen.getByRole("button", { name: "Edit First pin" }));
-    await user.click(screen.getByRole("button", { name: "Delete First pin" }));
-
-    expect(remote.editPin).toHaveBeenCalledWith("p1");
-    expect(remote.deletePin).toHaveBeenCalledWith("p1");
-  });
-
-  it("Add pin here calls createPin", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.click(screen.getByRole("button", { name: "Add pin here" }));
-
-    expect(remote.createPin).toHaveBeenCalledTimes(1);
-  });
-
-  it("Close button calls close", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.click(screen.getByRole("button", { name: "Close" }));
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape in the search box calls close", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByText("First pin");
-
-    await user.click(screen.getByRole("textbox", { name: "Search navigation pins" }));
-    await user.keyboard("{Escape}");
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialPinOverlayState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Navigation pins are unavailable")).toBeInTheDocument();
-  });
-});
-
-describe("App's draft editor view (Phase 5 increment 2)", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  function pushDraft(remote: Remote, draft: Record<string, unknown> | null, extra: Record<string, unknown> = {}) {
-    push(remote, ROWS, { draft, ...extra });
-  }
-
-  it("replaces the list with the editor view, prefilled, when a new-pin draft begins", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-
-    expect(await screen.findByText("Add navigation pin")).toBeInTheDocument();
-    expect(screen.getByRole("textbox", { name: "Navigation pin title" })).toHaveValue("Waypoint 3");
-    expect(screen.queryByText("First pin")).not.toBeInTheDocument();
-  });
-
-  it("shows Edit copy and the existing values when editing an existing pin", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    pushDraft(remote, { pinId: "p1", title: "First pin", note: "a note", isNew: false });
-
-    expect(await screen.findByText("Edit navigation pin")).toBeInTheDocument();
-    expect(screen.getByRole("textbox", { name: "Navigation pin title" })).toHaveValue("First pin");
-    expect(screen.getByRole("textbox", { name: "Navigation pin note" })).toHaveValue("a note");
-  });
-
-  it("Save calls commitDraft with the (possibly edited) trimmed values", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-    const titleInput = await screen.findByRole("textbox", { name: "Navigation pin title" });
-
-    await user.clear(titleInput);
-    await user.type(titleInput, "  Named  ");
-    await user.type(screen.getByRole("textbox", { name: "Navigation pin note" }), "  a note  ");
-    await user.click(screen.getByRole("button", { name: "Save" }));
-
-    expect(remote.commitDraft).toHaveBeenCalledWith("Named", "a note");
-  });
-
-  it("Save is disabled and shows an inline error for an empty title, without calling commitDraft", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-    const titleInput = await screen.findByRole("textbox", { name: "Navigation pin title" });
-
-    await user.clear(titleInput);
-
-    expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
-    expect(remote.commitDraft).not.toHaveBeenCalled();
-  });
-
-  it("Cancel calls discardDraft", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-    await screen.findByText("Add navigation pin");
-
-    await user.click(screen.getByRole("button", { name: "Cancel" }));
-
-    expect(remote.discardDraft).toHaveBeenCalledTimes(1);
-  });
-
-  it("Escape in the title field calls discardDraft, not close", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-    const titleInput = await screen.findByRole("textbox", { name: "Navigation pin title" });
-
-    await user.click(titleInput);
-    await user.keyboard("{Escape}");
-
-    expect(remote.discardDraft).toHaveBeenCalledTimes(1);
-    expect(remote.close).not.toHaveBeenCalled();
-  });
-
-  it("Enter in the title field commits the draft", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true });
-    const titleInput = await screen.findByRole("textbox", { name: "Navigation pin title" });
-
-    await user.click(titleInput);
-    await user.keyboard("{Enter}");
-
-    expect(remote.commitDraft).toHaveBeenCalledWith("Waypoint 3", "");
-  });
-
-  it("a server-side error (state.error) renders inline when there is no local validation error", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    pushDraft(remote, { pinId: "new-1", title: "Waypoint 3", note: "", isNew: true }, { error: "A title is required" });
-
-    expect(await screen.findByRole("alert")).toHaveTextContent("A title is required");
-  });
-
-  it("resets the editable fields when a NEW draft begins after a previous one closed", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    pushDraft(remote, { pinId: "p1", title: "First pin", note: "a note", isNew: false });
-    const titleInput = await screen.findByRole("textbox", { name: "Navigation pin title" });
-    await user.clear(titleInput);
-    await user.type(titleInput, "Edited but not saved");
-
-    // Draft closes (e.g. committed/discarded), then a genuinely NEW draft
-    // begins for a different pin - the stale local edit must not leak in.
-    push(remote, ROWS);
-    pushDraft(remote, { pinId: "p2", title: "Second pin", note: "", isNew: false });
-
-    expect(await screen.findByRole("textbox", { name: "Navigation pin title" })).toHaveValue("Second pin");
-  });
-});
diff --git a/web_ui/src/islands/pin-overlay/App.tsx b/web_ui/src/islands/pin-overlay/App.tsx
deleted file mode 100644
index 44c61839..00000000
--- a/web_ui/src/islands/pin-overlay/App.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { PinOverlayState, initialPinOverlayState } from "./bridgeTypes";
-import { BridgeRejection, PinOverlayBridge, createPinOverlayBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-// Mirrors graphlink_navigation_pins.py's MAX_PIN_TITLE_LENGTH/
-// MAX_PIN_NOTE_LENGTH exactly - compile-time constants on both sides, not
-// worth a wire round-trip for values that never change at runtime.
-const MAX_PIN_TITLE_LENGTH = 120;
-const MAX_PIN_NOTE_LENGTH = 4000;
-
-function validateDraft(title: string, note: string): string | null {
-  const trimmedTitle = title.trim();
-  if (!trimmedTitle) return "A title is required";
-  if (trimmedTitle.length > MAX_PIN_TITLE_LENGTH) return "The title is too long";
-  if (note.trim().length > MAX_PIN_NOTE_LENGTH) return "The note is too long";
-  return null;
-}
-
-function App() {
-  const [state, setState] = useState<PinOverlayState>(initialPinOverlayState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [query, setQuery] = useState("");
-  const [draftTitle, setDraftTitle] = useState("");
-  const [draftNote, setDraftNote] = useState("");
-  const [draftPinId, setDraftPinId] = useState<string | null>(null);
-  const [localDraftError, setLocalDraftError] = useState<string | null>(null);
-  const bridgeRef = useRef<PinOverlayBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-  const searchRef = useRef<HTMLInputElement>(null);
-  const draftTitleRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    const bridge = createPinOverlayBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    searchRef.current?.focus();
-  }, []);
-
-  // Content-driven height negotiation, matching the legacy panel's own
-  // _resize_for_content() - the host bounds this to [MIN_HEIGHT, MAX_HEIGHT]
-  // on the Python side (PinOverlayBridge.resize).
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  // Sync the editable draft fields whenever a genuinely NEW draft begins
-  // (keyed on pinId changing), during render rather than an effect -
-  // matches this island family's established set-state-in-effect lint fix
-  // (see command-palette's identical wasVisible pattern). Python never
-  // round-trips what the user is typing - only the draft's STARTING values,
-  // once, when the draft opens.
-  if (state.draft && state.draft.pinId !== draftPinId) {
-    setDraftPinId(state.draft.pinId);
-    setDraftTitle(state.draft.title);
-    setDraftNote(state.draft.note);
-    setLocalDraftError(null);
-  } else if (!state.draft && draftPinId !== null) {
-    setDraftPinId(null);
-  }
-
-  const draftPinIdFromState = state.draft?.pinId;
-  useEffect(() => {
-    if (draftPinIdFromState) draftTitleRef.current?.focus();
-  }, [draftPinIdFromState]);
-
-  const filtered = useMemo(() => {
-    const term = query.trim().toLowerCase();
-    if (!term) return state.rows;
-    return state.rows.filter(
-      (row) => row.title.toLowerCase().includes(term) || row.note.toLowerCase().includes(term),
-    );
-  }, [query, state.rows]);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Navigation pins are unavailable"
-        rejection={rejection}
-        className="pin-overlay-shell bridge-error"
-      />
-    );
-  }
-
-  function commitDraft() {
-    const validationError = validateDraft(draftTitle, draftNote);
-    if (validationError) {
-      setLocalDraftError(validationError);
-      return;
-    }
-    setLocalDraftError(null);
-    bridgeRef.current?.commitDraft(draftTitle.trim(), draftNote.trim());
-  }
-
-  function cancelDraft() {
-    setLocalDraftError(null);
-    bridgeRef.current?.discardDraft();
-  }
-
-  function onDraftTitleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "Escape") {
-      event.preventDefault();
-      cancelDraft();
-    } else if (event.key === "Enter") {
-      event.preventDefault();
-      commitDraft();
-    }
-  }
-
-  function onDraftNoteKeyDown(event: React.KeyboardEvent<HTMLTextAreaElement>) {
-    if (event.key === "Escape") {
-      event.preventDefault();
-      cancelDraft();
-    }
-    // Enter is left alone here - a note is a multi-line field, so Enter
-    // should insert a newline, not commit (matching the legacy QTextEdit's
-    // own behavior in NavigationPinEditor).
-  }
-
-  if (state.draft) {
-    const isNew = state.draft.isNew;
-    const displayError = localDraftError ?? state.error;
-    return (
-      <div className="pin-overlay-shell" ref={shellRef}>
-        <div className="pin-overlay-header">
-          <div className="pin-overlay-heading">
-            <p className="pin-overlay-title">{isNew ? "Add navigation pin" : "Edit navigation pin"}</p>
-            <p className="pin-overlay-meta">
-              {isNew ? "Name this canvas location" : "Update this canvas location"}
-            </p>
-          </div>
-        </div>
-
-        <div className="pin-overlay-editor">
-          <label className="pin-overlay-editor-label" htmlFor="pin-overlay-title-input">
-            Title
-          </label>
-          <input
-            id="pin-overlay-title-input"
-            ref={draftTitleRef}
-            className="pin-overlay-editor-input"
-            type="text"
-            value={draftTitle}
-            onChange={(event) => setDraftTitle(event.target.value)}
-            onKeyDown={onDraftTitleKeyDown}
-            maxLength={MAX_PIN_TITLE_LENGTH}
-            placeholder="e.g. Research checkpoint"
-            aria-label="Navigation pin title"
-            autoComplete="off"
-            spellCheck={false}
-          />
-
-          <label className="pin-overlay-editor-label" htmlFor="pin-overlay-note-input">
-            Note (optional)
-          </label>
-          <textarea
-            id="pin-overlay-note-input"
-            className="pin-overlay-editor-textarea"
-            value={draftNote}
-            onChange={(event) => setDraftNote(event.target.value)}
-            onKeyDown={onDraftNoteKeyDown}
-            maxLength={MAX_PIN_NOTE_LENGTH}
-            aria-label="Navigation pin note"
-            spellCheck={false}
-          />
-
-          {displayError && (
-            <p className="pin-overlay-editor-error" role="alert">
-              {displayError}
-            </p>
-          )}
-        </div>
-
-        <div className="pin-overlay-footer">
-          <button type="button" className="pin-overlay-button" onClick={cancelDraft}>
-            Cancel
-          </button>
-          <button
-            type="button"
-            className="pin-overlay-button primary"
-            onClick={commitDraft}
-            disabled={draftTitle.trim().length === 0}
-          >
-            Save
-          </button>
-        </div>
-      </div>
-    );
-  }
-
-  function onSearchKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "Escape") {
-      event.preventDefault();
-      bridgeRef.current?.close();
-    }
-  }
-
-  const total = state.rows.length;
-  const countText =
-    total === 0
-      ? "No saved locations"
-      : filtered.length !== total
-        ? `Showing ${filtered.length} of ${total} saved location${total === 1 ? "" : "s"}`
-        : `${total} saved location${total === 1 ? "" : "s"}`;
-
-  return (
-    <div className="pin-overlay-shell" ref={shellRef}>
-      <div className="pin-overlay-header">
-        <div className="pin-overlay-heading">
-          <p className="pin-overlay-title">Navigation pins</p>
-          <p className="pin-overlay-meta">Revisit saved canvas locations</p>
-        </div>
-        <button type="button" className="pin-overlay-close-btn" onClick={() => bridgeRef.current?.close()}>
-          Close
-        </button>
-      </div>
-
-      <input
-        ref={searchRef}
-        className="pin-overlay-search-input"
-        type="text"
-        value={query}
-        onChange={(event) => setQuery(event.target.value)}
-        onKeyDown={onSearchKeyDown}
-        placeholder="Search pins..."
-        aria-label="Search navigation pins"
-        autoComplete="off"
-        spellCheck={false}
-      />
-
-      <ul className="pin-overlay-list" role="listbox" aria-label="Saved navigation pins">
-        {filtered.length === 0 && (
-          <li className="pin-overlay-empty">
-            {total === 0 ? "No saved locations yet." : "No pins match your search."}
-          </li>
-        )}
-        {filtered.map((row) => (
-          <li
-            key={row.id}
-            role="option"
-            aria-selected={row.id === state.selectedPinId}
-            className={"pin-overlay-row" + (row.id === state.selectedPinId ? " selected" : "")}
-          >
-            <button
-              type="button"
-              className="pin-overlay-row-main"
-              onClick={() => bridgeRef.current?.selectPin(row.id)}
-            >
-              <p className="pin-overlay-row-title">{row.title}</p>
-              {row.note && <p className="pin-overlay-row-note">{row.note}</p>}
-            </button>
-            <div className="pin-overlay-row-actions">
-              <button
-                type="button"
-                className="pin-overlay-row-action"
-                onClick={() => bridgeRef.current?.editPin(row.id)}
-                aria-label={`Edit ${row.title}`}
-              >
-                Edit
-              </button>
-              <button
-                type="button"
-                className="pin-overlay-row-action danger"
-                onClick={() => bridgeRef.current?.deletePin(row.id)}
-                aria-label={`Delete ${row.title}`}
-              >
-                Delete
-              </button>
-            </div>
-          </li>
-        ))}
-      </ul>
-
-      <div className="pin-overlay-footer">
-        <p className="pin-overlay-count">{countText}</p>
-        <button
-          type="button"
-          className="pin-overlay-add-btn"
-          onClick={() => bridgeRef.current?.createPin()}
-          disabled={total >= 100}
-        >
-          Add pin here
-        </button>
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/pin-overlay/bridge.test.ts b/web_ui/src/islands/pin-overlay/bridge.test.ts
deleted file mode 100644
index aeff3de1..00000000
--- a/web_ui/src/islands/pin-overlay/bridge.test.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createPinOverlayBridge } from "./bridge";
-import { initialPinOverlayState, PinOverlayState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<PinOverlayState> = {}): string {
-  return JSON.stringify({ ...initialPinOverlayState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    selectPin: vi.fn(),
-    deletePin: vi.fn(),
-    createPin: vi.fn(),
-    editPin: vi.fn(),
-    commitDraft: vi.fn(),
-    discardDraft: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { pinOverlayBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createPinOverlayBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createPinOverlayBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialPinOverlayState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createPinOverlayBridge(() => {});
-    expect(() => {
-      bridge.selectPin("p1");
-      bridge.deletePin("p1");
-      bridge.createPin();
-      bridge.editPin("p1");
-      bridge.commitDraft("t", "n");
-      bridge.discardDraft();
-      bridge.resize(300);
-      bridge.close();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createPinOverlayBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createPinOverlayBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards rows pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createPinOverlayBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, rows: [{ id: "p1", title: "A", note: "" }] }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ rows: [{ id: "p1", title: "A", note: "" }] }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createPinOverlayBridge(() => {});
-
-      bridge.selectPin("p1");
-      bridge.deletePin("p2");
-      bridge.createPin();
-      bridge.editPin("p3");
-      bridge.commitDraft("Title", "Note");
-      bridge.discardDraft();
-      bridge.resize(321);
-      bridge.close();
-
-      expect(remote.selectPin).toHaveBeenCalledWith("p1");
-      expect(remote.deletePin).toHaveBeenCalledWith("p2");
-      expect(remote.createPin).toHaveBeenCalledTimes(1);
-      expect(remote.editPin).toHaveBeenCalledWith("p3");
-      expect(remote.commitDraft).toHaveBeenCalledWith("Title", "Note");
-      expect(remote.discardDraft).toHaveBeenCalledTimes(1);
-      expect(remote.resize).toHaveBeenCalledWith(321);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createPinOverlayBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createPinOverlayBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/pin-overlay/bridge.ts b/web_ui/src/islands/pin-overlay/bridge.ts
deleted file mode 100644
index ea86b5cc..00000000
--- a/web_ui/src/islands/pin-overlay/bridge.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { PinOverlayState, initialPinOverlayState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validatePinOverlayState } from "../../lib/bridge-core/generated/pin-overlay-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: PinOverlayState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtPinOverlayObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  selectPin: (id: string) => void;
-  deletePin: (id: string) => void;
-  createPin: () => void;
-  editPin: (id: string) => void;
-  commitDraft: (title: string, note: string) => void;
-  discardDraft: () => void;
-  resize: (height: number) => void;
-  close: () => void;
-}
-
-export interface PinOverlayBridge {
-  ready(): void;
-  selectPin(id: string): void;
-  deletePin(id: string): void;
-  createPin(): void;
-  editPin(id: string): void;
-  commitDraft(title: string, note: string): void;
-  discardDraft(): void;
-  resize(height: number): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validatePinOverlayState);
-}
-
-class MockPinOverlayBridge implements PinOverlayBridge {
-  private readonly state: PinOverlayState = structuredClone(initialPinOverlayState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  selectPin(): void {}
-  deletePin(): void {}
-  createPin(): void {}
-  editPin(): void {}
-  commitDraft(): void {}
-  discardDraft(): void {}
-  resize(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createPinOverlayBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): PinOverlayBridge {
-  const fallback = new MockPinOverlayBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtPinOverlayObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[pin-overlay bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.pinOverlayBridge as QtPinOverlayObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    // Real text inputs (search + inline actions) mean this island must
-    // participate in the keyboard-arbitration protocol, like command-palette.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtPinOverlayObject>(
-    method: K,
-    ...args: QtPinOverlayObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    selectPin: (id) => call("selectPin", id),
-    deletePin: (id) => call("deletePin", id),
-    createPin: () => call("createPin"),
-    editPin: (id) => call("editPin", id),
-    commitDraft: (title, note) => call("commitDraft", title, note),
-    discardDraft: () => call("discardDraft"),
-    resize: (height) => call("resize", height),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/pin-overlay/bridgeTypes.ts b/web_ui/src/islands/pin-overlay/bridgeTypes.ts
deleted file mode 100644
index 2f41c6eb..00000000
--- a/web_ui/src/islands/pin-overlay/bridgeTypes.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * The pin-overlay island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). Filtering is pure client-side
- * (matching ChatLibraryDialog's own precedent) - Python always sends the
- * full row list. `draft`/`error` are Phase 5 increment 2's async draft-edit
- * fields - see App.tsx for how they drive the in-panel editor view.
- */
-export type { PinOverlayState, PinRow, PinDraft } from "../../lib/bridge-core/generated/pin-overlay-state";
-
-import type { PinOverlayState } from "../../lib/bridge-core/generated/pin-overlay-state";
-
-export const initialPinOverlayState: PinOverlayState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  rows: [],
-  selectedPinId: null,
-  draft: null,
-  error: null,
-};
diff --git a/web_ui/src/islands/pin-overlay/index.html b/web_ui/src/islands/pin-overlay/index.html
deleted file mode 100644
index a9b2de1e..00000000
--- a/web_ui/src/islands/pin-overlay/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Navigation Pins</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/pin-overlay/main.tsx b/web_ui/src/islands/pin-overlay/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/pin-overlay/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/pin-overlay/styles.css b/web_ui/src/islands/pin-overlay/styles.css
deleted file mode 100644
index 5b056c95..00000000
--- a/web_ui/src/islands/pin-overlay/styles.css
+++ /dev/null
@@ -1,325 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to the legacy
-   panel's own [MIN_HEIGHT, MAX_HEIGHT] range - see App.tsx). */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.pin-overlay-shell {
-  box-sizing: border-box;
-  width: 400px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 16px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 14px;
-}
-
-.pin-overlay-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-
-.pin-overlay-heading {
-  flex: 1;
-  min-width: 0;
-}
-
-.pin-overlay-title {
-  margin: 0;
-  font-size: 15px;
-  font-weight: 700;
-}
-
-.pin-overlay-meta {
-  margin: 4px 0 0 0;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.pin-overlay-close-btn {
-  flex-shrink: 0;
-  padding: 6px 14px;
-  font-size: 11px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  cursor: pointer;
-}
-
-.pin-overlay-close-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.pin-overlay-search-input {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px 12px;
-  min-height: 20px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  outline: none;
-}
-
-.pin-overlay-search-input:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.pin-overlay-list {
-  margin: 0;
-  padding: 7px;
-  list-style: none;
-  max-height: 340px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 11px;
-}
-
-.pin-overlay-empty {
-  padding: 12px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.pin-overlay-row {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px;
-  border-radius: 10px;
-  background-color: var(--gl-neutral-button-background);
-}
-
-.pin-overlay-row:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.pin-overlay-row.selected {
-  background-color: var(--gl-palette-selection);
-}
-
-.pin-overlay-row-main {
-  flex: 1;
-  min-width: 0;
-  text-align: left;
-  padding: 6px 8px;
-  background: transparent;
-  border: none;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.pin-overlay-row-title {
-  margin: 0;
-  font-size: 13px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.pin-overlay-row-note {
-  margin: 2px 0 0 0;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.pin-overlay-row.selected .pin-overlay-row-note {
-  color: var(--gl-neutral-button-icon);
-}
-
-.pin-overlay-row-actions {
-  flex-shrink: 0;
-  display: flex;
-  gap: 4px;
-  padding-right: 4px;
-}
-
-.pin-overlay-row-action {
-  padding: 4px 8px;
-  font-size: 10px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: transparent;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-.pin-overlay-row-action:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.pin-overlay-row-action.danger {
-  color: var(--gl-semantic-status-error);
-  border-color: var(--gl-semantic-status-error);
-}
-
-.pin-overlay-footer {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 6px 10px;
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 10px;
-}
-
-.pin-overlay-count {
-  flex: 1;
-  min-width: 0;
-  margin: 0;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.pin-overlay-add-btn {
-  flex-shrink: 0;
-  padding: 0 16px;
-  min-height: 36px;
-  font-size: 11px;
-  font-weight: 700;
-  font-family: inherit;
-  color: var(--gl-palette-selection);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-palette-selection);
-  border-radius: 9px;
-  cursor: pointer;
-}
-
-.pin-overlay-add-btn:hover:not(:disabled) {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.pin-overlay-add-btn:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-/* --- Draft editor view (Phase 5 increment 2) ------------------------- */
-
-.pin-overlay-editor {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.pin-overlay-editor-label {
-  margin: 6px 0 0 0;
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.pin-overlay-editor-label:first-child {
-  margin-top: 0;
-}
-
-.pin-overlay-editor-input,
-.pin-overlay-editor-textarea {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px 12px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  outline: none;
-}
-
-.pin-overlay-editor-textarea {
-  min-height: 90px;
-  max-height: 160px;
-  resize: vertical;
-}
-
-.pin-overlay-editor-input:focus,
-.pin-overlay-editor-textarea:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.pin-overlay-editor-error {
-  margin: 4px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-semantic-status-error);
-}
-
-.pin-overlay-button {
-  padding: 6px 14px;
-  font-size: 11px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 9px;
-  cursor: pointer;
-}
-
-.pin-overlay-button:hover:not(:disabled) {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.pin-overlay-button:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.pin-overlay-button.primary {
-  margin-left: auto;
-  color: var(--gl-palette-selection);
-  border-color: var(--gl-palette-selection);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/plugin-picker/App.test.tsx b/web_ui/src/islands/plugin-picker/App.test.tsx
deleted file mode 100644
index 928c5a73..00000000
--- a/web_ui/src/islands/plugin-picker/App.test.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialPluginPickerState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-const CATEGORIES = [
-  {
-    name: "Branch Foundations",
-    description: "Core branch scaffolding.",
-    plugins: [
-      { name: "System Prompt", description: "Adds a special node to override the default system prompt." },
-      { name: "Conversation Node", description: "Adds a node for a self-contained, linear chat conversation." },
-    ],
-  },
-  {
-    name: "Build & Execution",
-    description: "Code generation and execution tools.",
-    plugins: [{ name: "Py-Coder", description: "Opens a Python execution environment." }],
-  },
-];
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders the empty message when there are no categories", () => {
-    render(<App />);
-
-    expect(screen.getByText("No plugins are available.")).toBeInTheDocument();
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    executePlugin: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { pluginPickerBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialPluginPickerState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("defaults to the first category and renders its plugins", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { categories: CATEGORIES });
-
-    expect(await screen.findByText("System Prompt")).toBeInTheDocument();
-    expect(screen.getByText("Conversation Node")).toBeInTheDocument();
-    expect(screen.queryByText("Py-Coder")).not.toBeInTheDocument();
-    expect(screen.getByText("Branch Foundations", { selector: "p" })).toBeInTheDocument();
-    expect(screen.getByText("2 plugins")).toBeInTheDocument();
-  });
-
-  it("clicking a category switches the visible plugin list", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { categories: CATEGORIES });
-    await screen.findByText("System Prompt");
-
-    await user.click(screen.getByRole("button", { name: "Build & Execution" }));
-
-    expect(await screen.findByText("Py-Coder")).toBeInTheDocument();
-    expect(screen.queryByText("System Prompt")).not.toBeInTheDocument();
-    expect(screen.getByText("1 plugin")).toBeInTheDocument();
-  });
-
-  it("clicking a plugin row calls executePlugin with its name", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { categories: CATEGORIES });
-    await screen.findByText("Conversation Node");
-
-    await user.click(screen.getByText("Conversation Node"));
-
-    expect(remote.executePlugin).toHaveBeenCalledWith("Conversation Node");
-  });
-
-  it("falls back to the first category if the remembered one disappears from a later publish", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote, { categories: CATEGORIES });
-    await screen.findByText("System Prompt");
-    await user.click(screen.getByRole("button", { name: "Build & Execution" }));
-    await screen.findByText("Py-Coder");
-
-    push(remote, { revision: 2, categories: [CATEGORIES[0]] });
-
-    expect(await screen.findByText("System Prompt")).toBeInTheDocument();
-  });
-
-  it("Escape anywhere in the surface calls close", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { categories: CATEGORIES });
-    await screen.findByText("System Prompt");
-
-    const escape = new KeyboardEvent("keydown", { key: "Escape" });
-    window.dispatchEvent(escape);
-
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialPluginPickerState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The plugin picker is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/plugin-picker/App.tsx b/web_ui/src/islands/plugin-picker/App.tsx
deleted file mode 100644
index 251fb032..00000000
--- a/web_ui/src/islands/plugin-picker/App.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { PluginPickerState, initialPluginPickerState } from "./bridgeTypes";
-import { BridgeRejection, PluginPickerBridge, createPluginPickerBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [state, setState] = useState<PluginPickerState>(initialPluginPickerState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [currentCategoryName, setCurrentCategoryName] = useState<string | null>(null);
-  const bridgeRef = useRef<PluginPickerBridge | null>(null);
-  const shellRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const bridge = createPluginPickerBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  // Mirrors PluginFlyoutPanel._build_category_buttons()'s own fallback: keep
-  // whichever category is already selected as long as it still exists,
-  // otherwise fall back to the first category. Computed during render
-  // (the same "reset local state when a fresh X begins" pattern
-  // composer-picker's own openToken reset uses), not in an effect - Categories
-  // are static app-lifetime data, so this only ever really applies once, on
-  // the first - and only - state publish.
-  if (state.categories.length > 0 && !state.categories.some((category) => category.name === currentCategoryName)) {
-    setCurrentCategoryName(state.categories[0].name);
-  }
-
-  // Content-driven height negotiation, matching every prior picker host's
-  // own ResizeObserver-based reporting.
-  useEffect(() => {
-    const element = shellRef.current;
-    if (!element) return;
-    const observer = new ResizeObserver((entries) => {
-      const height = entries[0]?.contentRect.height;
-      if (height) bridgeRef.current?.resize(Math.ceil(height));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-
-  // Escape closes from anywhere in the surface, matching the legacy native
-  // popup's own Qt.WindowType.Popup dismiss-on-focus-loss behavior for the
-  // keyboard case - outside-click-close itself is handled natively
-  // (WebIslandHost's dismiss_on_outside_focus).
-  useEffect(() => {
-    function onKeyDown(event: KeyboardEvent) {
-      if (event.key === "Escape") bridgeRef.current?.close();
-    }
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The plugin picker is unavailable"
-        rejection={rejection}
-        className="plugin-picker-shell bridge-error"
-      />
-    );
-  }
-
-  const activeCategory =
-    state.categories.find((category) => category.name === currentCategoryName) ?? state.categories[0] ?? null;
-
-  return (
-    <div className="plugin-picker-shell" ref={shellRef}>
-      <div className="plugin-picker-rail">
-        <p className="plugin-picker-rail-label">Categories</p>
-        <div className="plugin-picker-rail-buttons">
-          {state.categories.map((category) => (
-            <button
-              key={category.name}
-              type="button"
-              className={
-                "plugin-picker-category-btn" + (category.name === activeCategory?.name ? " active" : "")
-              }
-              aria-pressed={category.name === activeCategory?.name}
-              onClick={() => setCurrentCategoryName(category.name)}
-            >
-              {category.name}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      <div className="plugin-picker-content">
-        {activeCategory ? (
-          <>
-            <div className="plugin-picker-header">
-              <p className="plugin-picker-title">{activeCategory.name}</p>
-              <p className="plugin-picker-meta">
-                {activeCategory.plugins.length} plugin{activeCategory.plugins.length !== 1 ? "s" : ""}
-              </p>
-            </div>
-            <ul className="plugin-picker-list" role="listbox" aria-label={`${activeCategory.name} plugins`}>
-              {activeCategory.plugins.map((plugin) => (
-                <li key={plugin.name} role="option">
-                  <button
-                    type="button"
-                    className="plugin-picker-row"
-                    onClick={() => bridgeRef.current?.executePlugin(plugin.name)}
-                  >
-                    <span className="plugin-picker-row-copy">
-                      <span className="plugin-picker-row-label">{plugin.name}</span>
-                      <span className="plugin-picker-row-description">{plugin.description}</span>
-                    </span>
-                    <span className="plugin-picker-row-chevron" aria-hidden="true">
-                      &rsaquo;
-                    </span>
-                  </button>
-                </li>
-              ))}
-            </ul>
-          </>
-        ) : (
-          <p className="plugin-picker-empty">No plugins are available.</p>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/plugin-picker/bridge.test.ts b/web_ui/src/islands/plugin-picker/bridge.test.ts
deleted file mode 100644
index 877430b1..00000000
--- a/web_ui/src/islands/plugin-picker/bridge.test.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createPluginPickerBridge } from "./bridge";
-import { initialPluginPickerState, PluginPickerState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<PluginPickerState> = {}): string {
-  return JSON.stringify({ ...initialPluginPickerState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    executePlugin: vi.fn(),
-    resize: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { pluginPickerBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createPluginPickerBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createPluginPickerBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialPluginPickerState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createPluginPickerBridge(() => {});
-    expect(() => {
-      bridge.executePlugin("Py-Coder");
-      bridge.resize(300);
-      bridge.close();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createPluginPickerBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createPluginPickerBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards categories pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createPluginPickerBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(
-        stateJson({
-          revision: 2,
-          categories: [
-            {
-              name: "Build & Execution",
-              description: "Code generation and execution tools.",
-              plugins: [{ name: "Py-Coder", description: "Run Python." }],
-            },
-          ],
-        }),
-      );
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({
-          categories: [expect.objectContaining({ name: "Build & Execution" })],
-        }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createPluginPickerBridge(() => {});
-
-      bridge.executePlugin("Gitlink");
-      bridge.resize(321);
-      bridge.close();
-
-      expect(remote.executePlugin).toHaveBeenCalledWith("Gitlink");
-      expect(remote.resize).toHaveBeenCalledWith(321);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createPluginPickerBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createPluginPickerBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/plugin-picker/bridge.ts b/web_ui/src/islands/plugin-picker/bridge.ts
deleted file mode 100644
index 7d69f2bd..00000000
--- a/web_ui/src/islands/plugin-picker/bridge.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { PluginPickerState, initialPluginPickerState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validatePluginPickerState } from "../../lib/bridge-core/generated/plugin-picker-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: PluginPickerState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtPluginPickerObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  executePlugin: (pluginName: string) => void;
-  resize: (height: number) => void;
-  close: () => void;
-}
-
-export interface PluginPickerBridge {
-  ready(): void;
-  executePlugin(pluginName: string): void;
-  resize(height: number): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validatePluginPickerState);
-}
-
-class MockPluginPickerBridge implements PluginPickerBridge {
-  private readonly state: PluginPickerState = structuredClone(initialPluginPickerState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  executePlugin(): void {}
-  resize(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createPluginPickerBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): PluginPickerBridge {
-  const fallback = new MockPluginPickerBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtPluginPickerObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[plugin-picker bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.pluginPickerBridge as QtPluginPickerObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtPluginPickerObject>(
-    method: K,
-    ...args: QtPluginPickerObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    executePlugin: (pluginName) => call("executePlugin", pluginName),
-    resize: (height) => call("resize", height),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/plugin-picker/bridgeTypes.ts b/web_ui/src/islands/plugin-picker/bridgeTypes.ts
deleted file mode 100644
index 5fa8eb24..00000000
--- a/web_ui/src/islands/plugin-picker/bridgeTypes.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * The plugin-picker island's state contract.
- *
- * Categories are static app-lifetime data (see graphlink_plugin_picker_bridge.py's
- * own docstring) - there is no per-open reset token like composer-picker's
- * `openToken`, because there is nothing that goes stale between opens.
- * Icons are deliberately absent from the wire contract (the same
- * "icons dropped" precedent as About/Help - qtawesome icon-name strings
- * don't resolve to anything in a web island without a new dependency).
- */
-export type { PluginPickerState, PluginCategory, PluginEntry } from "../../lib/bridge-core/generated/plugin-picker-state";
-
-import type { PluginPickerState } from "../../lib/bridge-core/generated/plugin-picker-state";
-
-export const initialPluginPickerState: PluginPickerState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  categories: [],
-};
diff --git a/web_ui/src/islands/plugin-picker/index.html b/web_ui/src/islands/plugin-picker/index.html
deleted file mode 100644
index e2ef42aa..00000000
--- a/web_ui/src/islands/plugin-picker/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Plugin Picker</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/plugin-picker/main.tsx b/web_ui/src/islands/plugin-picker/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/plugin-picker/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/plugin-picker/styles.css b/web_ui/src/islands/plugin-picker/styles.css
deleted file mode 100644
index 8860511e..00000000
--- a/web_ui/src/islands/plugin-picker/styles.css
+++ /dev/null
@@ -1,209 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Height is content-driven (a
-   ResizeObserver reports it to Python, which bounds it to
-   [PLUGIN_PICKER_MIN_HEIGHT, PLUGIN_PICKER_MAX_HEIGHT] - see App.tsx). Width
-   is fixed by PluginPickerHost itself (PLUGIN_PICKER_WIDTH), matching the
-   legacy PluginFlyoutPanel.BASE_WIDTH. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.plugin-picker-shell {
-  box-sizing: border-box;
-  /* 100% of the host viewport, not a fixed 520px: the host is exactly
-     520 wide, and at fractional DPI scaling a fixed 520 can overflow
-     the rounded-down CSS viewport by a sub-pixel, summoning a
-     horizontal overlay scrollbar across the popup bottom. */
-  width: 100%;
-  max-width: 520px;
-  display: flex;
-  flex-direction: row;
-  gap: 0;
-  padding: 8px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 14px;
-}
-
-.plugin-picker-rail {
-  box-sizing: border-box;
-  width: 190px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 10px;
-  border-right: 1px solid var(--gl-neutral-button-border);
-}
-
-.plugin-picker-rail-label {
-  margin: 0 0 4px 4px;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.plugin-picker-rail-buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.plugin-picker-category-btn {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px 10px;
-  min-height: 34px;
-  text-align: left;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 650;
-  color: var(--gl-neutral-button-muted-icon);
-  background-color: transparent;
-  border: 1px solid transparent;
-  border-radius: 7px;
-  cursor: pointer;
-}
-
-.plugin-picker-category-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-  color: var(--gl-neutral-button-icon);
-}
-
-.plugin-picker-category-btn.active {
-  background-color: var(--gl-neutral-button-hover);
-  border-color: var(--gl-neutral-button-border);
-  color: var(--gl-neutral-button-icon);
-}
-
-.plugin-picker-content {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 10px 12px;
-}
-
-.plugin-picker-header {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.plugin-picker-title {
-  margin: 0;
-  font-size: 13px;
-  font-weight: 700;
-}
-
-.plugin-picker-meta {
-  margin: 0;
-  font-size: 10px;
-  color: var(--gl-neutral-button-muted-icon);
-  white-space: nowrap;
-}
-
-.plugin-picker-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  max-height: 300px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.plugin-picker-empty {
-  margin: 0;
-  padding: 12px 8px;
-  font-size: 11px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.plugin-picker-row {
-  box-sizing: border-box;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 10px;
-  min-height: 50px;
-  text-align: left;
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.plugin-picker-row:hover {
-  background-color: var(--gl-neutral-button-hover);
-  border-color: var(--gl-neutral-button-border);
-}
-
-.plugin-picker-row-copy {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-
-.plugin-picker-row-label {
-  font-size: 12px;
-  font-weight: 650;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.plugin-picker-row-description {
-  font-size: 10px;
-  color: var(--gl-neutral-button-muted-icon);
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.plugin-picker-row-chevron {
-  flex-shrink: 0;
-  font-size: 16px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/search-overlay/App.test.tsx b/web_ui/src/islands/search-overlay/App.test.tsx
deleted file mode 100644
index 64148792..00000000
--- a/web_ui/src/islands/search-overlay/App.test.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialSearchOverlayState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders 0 / 0 before any search", () => {
-    render(<App />);
-
-    expect(screen.getByText("0 / 0")).toBeInTheDocument();
-  });
-
-  it("typing does not throw against the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.type(screen.getByRole("textbox", { name: "Search the canvas" }), "hi");
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    search: vi.fn(),
-    next: vi.fn(),
-    previous: vi.fn(),
-    close: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { searchOverlayBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(JSON.stringify({ ...initialSearchOverlayState, revision: 1, ...overrides }));
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("typing calls bridge.search with the raw text", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.type(screen.getByRole("textbox", { name: "Search the canvas" }), "hi");
-
-    expect(remote.search).toHaveBeenLastCalledWith("hi");
-  });
-
-  it("renders '1 / 3' with the active tone once a match is focused", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { currentIndex: 0, totalMatches: 3 });
-
-    const count = await screen.findByText("1 / 3");
-    expect(count).toHaveAttribute("data-tone", "active");
-  });
-
-  it("renders '0 / 3' with the idle tone right after a fresh search, before navigating", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { currentIndex: -1, totalMatches: 3 });
-
-    const count = await screen.findByText("0 / 3");
-    expect(count).toHaveAttribute("data-tone", "idle");
-  });
-
-  it("renders '0 / 0' with the error tone when there are no matches", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    push(remote, { currentIndex: -1, totalMatches: 0 });
-
-    const count = await screen.findByText("0 / 0");
-    expect(count).toHaveAttribute("data-tone", "error");
-  });
-
-  it("Enter calls next(), Shift+Enter calls previous(), Escape calls close()", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const input = screen.getByRole("textbox", { name: "Search the canvas" });
-
-    await user.click(input);
-    await user.keyboard("{Enter}");
-    expect(remote.next).toHaveBeenCalledTimes(1);
-
-    await user.keyboard("{Shift>}{Enter}{/Shift}");
-    expect(remote.previous).toHaveBeenCalledTimes(1);
-
-    await user.keyboard("{Escape}");
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("the prev/next/close buttons call through to the remote", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Previous match (Shift+Enter)" }));
-    await user.click(screen.getByRole("button", { name: "Next match (Enter)" }));
-    await user.click(screen.getByRole("button", { name: "Close (Esc)" }));
-
-    expect(remote.previous).toHaveBeenCalledTimes(1);
-    expect(remote.next).toHaveBeenCalledTimes(1);
-    expect(remote.close).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialSearchOverlayState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Search is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/search-overlay/App.tsx b/web_ui/src/islands/search-overlay/App.tsx
deleted file mode 100644
index 8cb40653..00000000
--- a/web_ui/src/islands/search-overlay/App.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { BridgeRejection, SearchOverlayBridge, createSearchOverlayBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-function App() {
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [currentIndex, setCurrentIndex] = useState(-1);
-  const [totalMatches, setTotalMatches] = useState(0);
-  const bridgeRef = useRef<SearchOverlayBridge | null>(null);
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    const bridge = createSearchOverlayBridge(
-      (state) => {
-        setCurrentIndex(state.currentIndex);
-        setTotalMatches(state.totalMatches);
-      },
-      setRejection,
-    );
-    bridgeRef.current = bridge;
-    bridge.ready();
-    inputRef.current?.focus();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Search is unavailable"
-        rejection={rejection}
-        className="search-overlay-shell bridge-error"
-      />
-    );
-  }
-
-  function onChange(event: React.ChangeEvent<HTMLInputElement>) {
-    bridgeRef.current?.search(event.target.value);
-  }
-
-  function onKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key === "Enter" && event.shiftKey) {
-      event.preventDefault();
-      bridgeRef.current?.previous();
-    } else if (event.key === "Enter") {
-      event.preventDefault();
-      bridgeRef.current?.next();
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      bridgeRef.current?.close();
-    }
-  }
-
-  // Matches the legacy SearchOverlay.update_results_label's exact 3-way
-  // branch: "current" is 1-based once a match is focused, 0 right after a
-  // fresh search - (currentIndex + 1) reproduces that with currentIndex's
-  // own -1 "no current match" sentinel folding to 0 automatically.
-  const current = currentIndex + 1;
-  const tone = totalMatches === 0 ? "error" : current > 0 ? "active" : "idle";
-
-  return (
-    <div className="search-overlay-shell">
-      <input
-        ref={inputRef}
-        className="search-overlay-input"
-        type="text"
-        onChange={onChange}
-        onKeyDown={onKeyDown}
-        placeholder="Find..."
-        aria-label="Search the canvas"
-        autoComplete="off"
-        spellCheck={false}
-      />
-      <span className="search-overlay-count" data-tone={tone}>
-        {current} / {totalMatches}
-      </span>
-      <button
-        type="button"
-        className="search-overlay-icon-btn"
-        onClick={() => bridgeRef.current?.previous()}
-        aria-label="Previous match (Shift+Enter)"
-      >
-        ▲
-      </button>
-      <button
-        type="button"
-        className="search-overlay-icon-btn"
-        onClick={() => bridgeRef.current?.next()}
-        aria-label="Next match (Enter)"
-      >
-        ▼
-      </button>
-      <button
-        type="button"
-        className="search-overlay-icon-btn"
-        onClick={() => bridgeRef.current?.close()}
-        aria-label="Close (Esc)"
-      >
-        ×
-      </button>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/search-overlay/bridge.test.ts b/web_ui/src/islands/search-overlay/bridge.test.ts
deleted file mode 100644
index ed50fd17..00000000
--- a/web_ui/src/islands/search-overlay/bridge.test.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createSearchOverlayBridge } from "./bridge";
-import { initialSearchOverlayState, SearchOverlayState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<SearchOverlayState> = {}): string {
-  return JSON.stringify({ ...initialSearchOverlayState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    search: vi.fn(),
-    next: vi.fn(),
-    previous: vi.fn(),
-    close: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { searchOverlayBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createSearchOverlayBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createSearchOverlayBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialSearchOverlayState);
-  });
-
-  it("intents on the mock bridge do not throw", () => {
-    const bridge = createSearchOverlayBridge(() => {});
-    expect(() => {
-      bridge.search("x");
-      bridge.next();
-      bridge.previous();
-      bridge.close();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createSearchOverlayBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createSearchOverlayBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards match counts pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createSearchOverlayBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, currentIndex: 1, totalMatches: 3 }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ currentIndex: 1, totalMatches: 3 }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSearchOverlayBridge(() => {});
-
-      bridge.search("hello");
-      bridge.next();
-      bridge.previous();
-      bridge.close();
-
-      expect(remote.search).toHaveBeenCalledWith("hello");
-      expect(remote.next).toHaveBeenCalledTimes(1);
-      expect(remote.previous).toHaveBeenCalledTimes(1);
-      expect(remote.close).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createSearchOverlayBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSearchOverlayBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/search-overlay/bridge.ts b/web_ui/src/islands/search-overlay/bridge.ts
deleted file mode 100644
index 9b7fdb56..00000000
--- a/web_ui/src/islands/search-overlay/bridge.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { SearchOverlayState, initialSearchOverlayState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { installTextFocusReporting } from "../../lib/bridge-core/textFocus";
-import { validateSearchOverlayState } from "../../lib/bridge-core/generated/search-overlay-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: SearchOverlayState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtSearchOverlayObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  search: (text: string) => void;
-  next: () => void;
-  previous: () => void;
-  close: () => void;
-}
-
-export interface SearchOverlayBridge {
-  ready(): void;
-  search(text: string): void;
-  next(): void;
-  previous(): void;
-  close(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateSearchOverlayState);
-}
-
-class MockSearchOverlayBridge implements SearchOverlayBridge {
-  private readonly state: SearchOverlayState = structuredClone(initialSearchOverlayState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  search(): void {}
-  next(): void {}
-  previous(): void {}
-  close(): void {}
-  dispose(): void {}
-}
-
-export function createSearchOverlayBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): SearchOverlayBridge {
-  const fallback = new MockSearchOverlayBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtSearchOverlayObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[search-overlay bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.searchOverlayBridge as QtSearchOverlayObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-    // A real text input (the search box) means this island must
-    // participate in the keyboard-arbitration protocol, like command-palette.
-    installTextFocusReporting(objects);
-  });
-
-  const call = <K extends keyof QtSearchOverlayObject>(
-    method: K,
-    ...args: QtSearchOverlayObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    search: (text) => call("search", text),
-    next: () => call("next"),
-    previous: () => call("previous"),
-    close: () => call("close"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/search-overlay/bridgeTypes.ts b/web_ui/src/islands/search-overlay/bridgeTypes.ts
deleted file mode 100644
index 61cc4751..00000000
--- a/web_ui/src/islands/search-overlay/bridgeTypes.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * The search-overlay island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). The query text itself is NOT part of
- * this state - it's pure client-side React state (an uncontrolled input),
- * see App.tsx.
- */
-export type { SearchOverlayState } from "../../lib/bridge-core/generated/search-overlay-state";
-
-import type { SearchOverlayState } from "../../lib/bridge-core/generated/search-overlay-state";
-
-export const initialSearchOverlayState: SearchOverlayState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  currentIndex: -1,
-  totalMatches: 0,
-};
diff --git a/web_ui/src/islands/search-overlay/index.html b/web_ui/src/islands/search-overlay/index.html
deleted file mode 100644
index 63216043..00000000
--- a/web_ui/src/islands/search-overlay/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Search</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/search-overlay/main.tsx b/web_ui/src/islands/search-overlay/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/search-overlay/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/search-overlay/styles.css b/web_ui/src/islands/search-overlay/styles.css
deleted file mode 100644
index b91fcc75..00000000
--- a/web_ui/src/islands/search-overlay/styles.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. Compact toolbar-like bar (300x44,
-   matching the legacy SearchOverlay's fixed size exactly) - a corner
-   widget, not a floating card, hence the smaller corner radius than
-   every other island's default. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  background: transparent;
-}
-
-.search-overlay-shell {
-  box-sizing: border-box;
-  width: 300px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 5px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 5px;
-  overflow: hidden;
-}
-
-.search-overlay-input {
-  box-sizing: border-box;
-  flex: 1;
-  min-width: 0;
-  height: 24px;
-  padding: 0 6px;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 3px;
-  outline: none;
-}
-
-.search-overlay-input:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.search-overlay-count {
-  flex-shrink: 0;
-  font-size: 11px;
-  white-space: nowrap;
-}
-
-.search-overlay-count[data-tone="active"] {
-  color: var(--gl-neutral-button-icon);
-}
-
-.search-overlay-count[data-tone="idle"] {
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.search-overlay-count[data-tone="error"] {
-  color: var(--gl-semantic-status-error);
-}
-
-.search-overlay-icon-btn {
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  font-size: 11px;
-  line-height: 1;
-  color: var(--gl-neutral-button-icon);
-  background-color: transparent;
-  border: none;
-  border-radius: 3px;
-  cursor: pointer;
-}
-
-.search-overlay-icon-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/settings/App.test.tsx b/web_ui/src/islands/settings/App.test.tsx
deleted file mode 100644
index 2b7351cf..00000000
--- a/web_ui/src/islands/settings/App.test.tsx
+++ /dev/null
@@ -1,596 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialSettingsState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createSettingsBridge() falls through
-// to the mock bridge automatically for the smoke test below - same pattern
-// as every other island's App.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("renders all 5 rail sections with General active", () => {
-    render(<App />);
-
-    expect(screen.getByRole("button", { name: "General" })).toHaveAttribute("aria-current", "page");
-    expect(screen.getByRole("button", { name: "Ollama (Local)" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Llama.cpp (Local)" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "API Endpoint" })).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Integrations" })).toBeInTheDocument();
-  });
-
-  it("clicking a rail button navigates to that section", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Integrations" }));
-
-    expect(screen.getByRole("button", { name: "Integrations" })).toHaveAttribute("aria-current", "page");
-    expect(screen.getByRole("button", { name: "General" })).not.toHaveAttribute("aria-current");
-    expect(screen.getByRole("region", { name: "Integrations" })).toBeInTheDocument();
-  });
-
-  it("General renders the theme select and all 4 notification checkboxes, all reflecting initial state", () => {
-    render(<App />);
-
-    expect(screen.getByLabelText("Theme")).toHaveValue("dark");
-    expect(screen.getByRole("checkbox", { name: "Show Token Counter Overlay" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Enable Assistant System Prompt" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Info" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Success" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Warning" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Error" })).toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Enable Update Notifications on Startup" })).not.toBeChecked();
-    expect(screen.getByText("Automatic update checks are off.")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Check for Updates" })).toBeEnabled();
-  });
-
-  it("Check for Updates reports a finished check via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Check for Updates" }));
-
-    await waitFor(() => expect(screen.getByText(/You're up to date\./)).toBeInTheDocument());
-  });
-
-  it("Open Repository does not throw via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Open Repository" }));
-  });
-
-  it("changing the theme select updates state via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.selectOptions(screen.getByLabelText("Theme"), "muted");
-
-    expect(screen.getByLabelText("Theme")).toHaveValue("muted");
-  });
-
-  it("unchecking a notification type updates only that type", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("checkbox", { name: "Warning" }));
-
-    expect(screen.getByRole("checkbox", { name: "Warning" })).not.toBeChecked();
-    expect(screen.getByRole("checkbox", { name: "Info" })).toBeChecked();
-  });
-
-  it("Integrations renders an empty, write-only token field and the not-configured status", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Integrations" }));
-
-    expect(screen.getByLabelText("GitHub Personal Access Token")).toHaveValue("");
-    expect(screen.getByLabelText("GitHub Personal Access Token")).toHaveAttribute("type", "password");
-    expect(screen.getByText("No GitHub token configured.")).toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "Save Integrations" })).toBeDisabled();
-  });
-
-  it("typing a token enables Save, and saving clears the draft field via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Integrations" }));
-
-    await user.type(screen.getByLabelText("GitHub Personal Access Token"), "ghp_typed");
-    expect(screen.getByRole("button", { name: "Save Integrations" })).toBeEnabled();
-
-    await user.click(screen.getByRole("button", { name: "Save Integrations" }));
-
-    await waitFor(() => expect(screen.getByText("A GitHub token is currently configured.")).toBeInTheDocument());
-    expect(screen.getByLabelText("GitHub Personal Access Token")).toHaveValue("");
-  });
-
-  it("Clear Token resets the status to not-configured via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Integrations" }));
-    await user.type(screen.getByLabelText("GitHub Personal Access Token"), "ghp_typed");
-    await user.click(screen.getByRole("button", { name: "Save Integrations" }));
-    await waitFor(() => expect(screen.getByText("A GitHub token is currently configured.")).toBeInTheDocument());
-
-    await user.click(screen.getByRole("button", { name: "Clear Token" }));
-
-    await waitFor(() => expect(screen.getByText("No GitHub token configured.")).toBeInTheDocument());
-  });
-
-  it("API Endpoint defaults to OpenAI-Compatible with the Base URL field visible", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    expect(screen.getByLabelText("API Provider")).toHaveValue("OpenAI-Compatible");
-    expect(screen.getByLabelText("Base URL")).toBeInTheDocument();
-    expect(screen.getByText("No key configured for this provider.")).toBeInTheDocument();
-    expect(screen.getByLabelText("Image Generation")).toBeInTheDocument();
-  });
-
-  it("switching provider to Anthropic hides Base URL, keeps the Load button (live catalog fetch), and excludes image gen", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    await user.selectOptions(screen.getByLabelText("API Provider"), "Anthropic Claude");
-
-    expect(screen.queryByLabelText("Base URL")).not.toBeInTheDocument();
-    // Anthropic performs a real live catalog fetch, so the Load button must
-    // be present (matches legacy load_btn visible for OpenAI or Anthropic).
-    expect(screen.getByRole("button", { name: "Load Available Models" })).toBeInTheDocument();
-    expect(screen.queryByLabelText("Image Generation")).not.toBeInTheDocument();
-    expect(screen.getByText("Anthropic Claude does not support image generation in Graphlink yet.")).toBeInTheDocument();
-  });
-
-  it("switching provider to Gemini hides both Base URL and the Load button (Gemini uses static lists)", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    await user.selectOptions(screen.getByLabelText("API Provider"), "Google Gemini");
-
-    expect(screen.queryByLabelText("Base URL")).not.toBeInTheDocument();
-    // Gemini has no live catalog to fetch, so no Load button (matches legacy).
-    expect(screen.queryByRole("button", { name: "Load Available Models" })).not.toBeInTheDocument();
-  });
-
-  it("Load Available Models is disabled until a key is typed", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    expect(screen.getByRole("button", { name: "Load Available Models" })).toBeDisabled();
-
-    await user.type(screen.getByLabelText("API Key"), "sk-typed");
-
-    expect(screen.getByRole("button", { name: "Load Available Models" })).toBeEnabled();
-  });
-
-  it("Save Configuration reports configured and clears the key field via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    await user.type(screen.getByLabelText("API Key"), "sk-typed");
-    await user.click(screen.getByRole("button", { name: "Save Configuration" }));
-
-    await waitFor(() =>
-      expect(screen.getByText("A key is currently configured for this provider.")).toBeInTheDocument(),
-    );
-    expect(screen.getByLabelText("API Key")).toHaveValue("");
-  });
-
-  it("Reset API Settings requires a confirmation step before clearing", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-    await user.type(screen.getByLabelText("API Key"), "sk-typed");
-    await user.click(screen.getByRole("button", { name: "Save Configuration" }));
-    await waitFor(() =>
-      expect(screen.getByText("A key is currently configured for this provider.")).toBeInTheDocument(),
-    );
-
-    // First click only arms the confirmation - nothing is cleared yet.
-    await user.click(screen.getByRole("button", { name: "Reset API Settings" }));
-    expect(screen.getByText(/cannot be undone/)).toBeInTheDocument();
-    expect(screen.getByText("A key is currently configured for this provider.")).toBeInTheDocument();
-
-    // Confirm actually clears.
-    await user.click(screen.getByRole("button", { name: "Confirm Reset" }));
-    await waitFor(() =>
-      expect(screen.getByText("No key configured for this provider.")).toBeInTheDocument(),
-    );
-  });
-
-  it("Cancelling the reset confirmation leaves the configuration intact", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-    await user.type(screen.getByLabelText("API Key"), "sk-typed");
-    await user.click(screen.getByRole("button", { name: "Save Configuration" }));
-    await waitFor(() =>
-      expect(screen.getByText("A key is currently configured for this provider.")).toBeInTheDocument(),
-    );
-
-    await user.click(screen.getByRole("button", { name: "Reset API Settings" }));
-    await user.click(screen.getByRole("button", { name: "Cancel" }));
-
-    expect(screen.queryByText(/cannot be undone/)).not.toBeInTheDocument();
-    expect(screen.getByText("A key is currently configured for this provider.")).toBeInTheDocument();
-  });
-
-  it("Gemini's Image Generation field points at the curated image-model datalist", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "API Endpoint" }));
-
-    // OpenAI (default): image field uses the shared datalist.
-    expect(screen.getByLabelText("Image Generation")).toHaveAttribute("list", "settings-api-available-models");
-
-    await user.selectOptions(screen.getByLabelText("API Provider"), "Google Gemini");
-
-    // Gemini: image field switches to the separate curated image datalist,
-    // and that datalist carries the Gemini image models (not chat models).
-    expect(screen.getByLabelText("Image Generation")).toHaveAttribute("list", "settings-api-image-models");
-    const imageDatalist = document.getElementById("settings-api-image-models");
-    expect(imageDatalist?.querySelector('option[value="gemini-2.5-flash-image"]')).not.toBeNull();
-    expect(imageDatalist?.querySelector('option[value="gemini-2.5-flash"]')).toBeNull();
-  });
-
-  it("LlamaCpp scanned-model dropdown appears after a scan and staging a pick updates the model path", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    // No scan yet -> no scanned-model dropdown.
-    expect(screen.queryByLabelText("Scanned Chat Model")).not.toBeInTheDocument();
-
-    await user.click(screen.getByRole("button", { name: "System Scan" }));
-
-    // The scan published models, so the dropdown now exists and is selectable.
-    const scannedSelect = await screen.findByLabelText("Scanned Chat Model");
-    await user.selectOptions(scannedSelect, "/models/chat.gguf");
-
-    await waitFor(() => expect(screen.getByText("/models/chat.gguf")).toBeInTheDocument());
-  });
-
-  it("Ollama renders the reasoning mode radios and all 5 task fields defaulting to auto/inherit", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    expect(screen.getByRole("radio", { name: "Thinking Mode (Enable CoT)" })).toBeChecked();
-    expect(screen.getByLabelText("Chat Model")).toHaveValue("auto");
-    expect(screen.getByLabelText("Chat Naming Model")).toHaveValue("inherit");
-  });
-
-  it("switching reasoning mode calls through to the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    await user.click(screen.getByRole("radio", { name: "Quick Mode (No CoT)" }));
-
-    expect(screen.getByRole("radio", { name: "Quick Mode (No CoT)" })).toBeChecked();
-  });
-
-  it("choosing Custom for a task field reveals a text input, and typing sets an explicit assignment", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    await user.selectOptions(screen.getByLabelText("Chart Generation Model"), "explicit");
-    const chartInput = screen.getByLabelText("Chart Generation Model (custom model ID)");
-
-    await user.type(chartInput, "llama3:8b");
-
-    expect(chartInput).toHaveValue("llama3:8b");
-  });
-
-  it("System Scan updates the scan summary and scanned models via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    await user.click(screen.getByRole("button", { name: "System Scan" }));
-
-    await waitFor(() =>
-      expect(screen.getByText("Using saved system scan results from local Ollama locations.")).toBeInTheDocument(),
-    );
-  });
-
-  it("Validate and Pull Model is disabled until a model name is typed", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    expect(screen.getByRole("button", { name: "Validate and Pull Model" })).toBeDisabled();
-
-    await user.type(screen.getByLabelText("Validate and Pull Model"), "llama3:8b");
-
-    expect(screen.getByRole("button", { name: "Validate and Pull Model" })).toBeEnabled();
-  });
-
-  it("LlamaCpp renders the reasoning mode radios and the staged-path placeholders", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    expect(screen.getByRole("radio", { name: "Thinking Mode (Enable CoT)" })).toBeChecked();
-    expect(screen.getByText("No file selected")).toBeInTheDocument();
-    expect(screen.getByText("Reusing the main chat model")).toBeInTheDocument();
-    expect(screen.getByText("No model selected")).toBeInTheDocument();
-  });
-
-  it("switching LlamaCpp reasoning mode updates the checked radio via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    await user.click(screen.getByRole("radio", { name: "Quick Mode (No CoT)" }));
-
-    expect(screen.getByRole("radio", { name: "Quick Mode (No CoT)" })).toBeChecked();
-  });
-
-  it("typing a Chat Format Override updates the field via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    await user.type(screen.getByLabelText("Chat Format Override"), "chatml");
-
-    expect(screen.getByLabelText("Chat Format Override")).toHaveValue("chatml");
-  });
-
-  it("LlamaCpp System Scan updates the scan summary via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    await user.click(screen.getByRole("button", { name: "System Scan" }));
-
-    await waitFor(() =>
-      expect(screen.getByText("Using saved system scan results from common local model folders.")).toBeInTheDocument(),
-    );
-  });
-
-  it("Save Settings on LlamaCpp with no staged path reports the empty-path notice via the mock bridge", async () => {
-    const user = userEvent.setup();
-    render(<App />);
-    await user.click(screen.getByRole("button", { name: "Llama.cpp (Local)" }));
-
-    await user.click(screen.getByRole("button", { name: "Save Settings" }));
-
-    await waitFor(() => expect(screen.getByText("Chat Model File cannot be empty.")).toBeInTheDocument());
-  });
-});
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setActiveSection: vi.fn(),
-    setTheme: vi.fn(),
-    setShowTokenCounter: vi.fn(),
-    setEnableSystemPrompt: vi.fn(),
-    setNotificationPreference: vi.fn(),
-    setUpdateNotificationsEnabled: vi.fn(),
-    checkForUpdates: vi.fn(),
-    openRepository: vi.fn(),
-    setGithubToken: vi.fn(),
-    clearGithubToken: vi.fn(),
-    setApiProvider: vi.fn(),
-    saveApiConfiguration: vi.fn(),
-    loadAvailableModels: vi.fn(),
-    resetApiSettings: vi.fn(),
-    setOllamaReasoningMode: vi.fn(),
-    setOllamaModelAssignment: vi.fn(),
-    scanOllamaSystem: vi.fn(),
-    pickOllamaScanFolder: vi.fn(),
-    pullOllamaModel: vi.fn(),
-    setLlamaCppReasoningMode: vi.fn(),
-    setLlamaCppChatFormat: vi.fn(),
-    setLlamaCppNCtx: vi.fn(),
-    setLlamaCppNGpuLayers: vi.fn(),
-    setLlamaCppNThreads: vi.fn(),
-    pickLlamaCppChatModelFile: vi.fn(),
-    pickLlamaCppTitleModelFile: vi.fn(),
-    setLlamaCppChatModelPath: vi.fn(),
-    setLlamaCppTitleModelPath: vi.fn(),
-    scanLlamaCppSystem: vi.fn(),
-    pickLlamaCppScanFolder: vi.fn(),
-    saveLlamaCppSettings: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { settingsBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("renders the section Python publishes as active", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "API Endpoint", revision: 1 }));
-
-    await waitFor(() =>
-      expect(screen.getByRole("button", { name: "API Endpoint" })).toHaveAttribute("aria-current", "page"),
-    );
-  });
-
-  it("clicking a rail button calls through to setActiveSection", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Ollama (Local)" }));
-
-    expect(remote.setActiveSection).toHaveBeenCalledWith("Ollama (Local)");
-  });
-
-  it("toggling a General/Appearance checkbox calls through to the remote", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("checkbox", { name: "Show Token Counter Overlay" }));
-
-    expect(remote.setShowTokenCounter).toHaveBeenCalledWith(false);
-  });
-
-  it("Check for Updates on General calls through to checkForUpdates", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Check for Updates" }));
-
-    expect(remote.checkForUpdates).toHaveBeenCalledTimes(1);
-  });
-
-  it("Open Repository on General calls through to openRepository", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-
-    await user.click(screen.getByRole("button", { name: "Open Repository" }));
-
-    expect(remote.openRepository).toHaveBeenCalledTimes(1);
-  });
-
-  it("saving on Integrations calls through to setGithubToken with the typed value", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    // The fake remote's setActiveSection is a bare vi.fn() - it doesn't push
-    // a new state back the way real Python would, so the rendered page only
-    // actually changes once Python's stateChanged is simulated explicitly.
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "Integrations", revision: 1 }));
-    await waitFor(() => expect(screen.getByLabelText("GitHub Personal Access Token")).toBeInTheDocument());
-
-    await user.type(screen.getByLabelText("GitHub Personal Access Token"), "ghp_typed");
-    await user.click(screen.getByRole("button", { name: "Save Integrations" }));
-
-    expect(remote.setGithubToken).toHaveBeenCalledWith("ghp_typed");
-  });
-
-  it("Clear Token on Integrations calls through to clearGithubToken", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "Integrations", revision: 1 }));
-    await waitFor(() => expect(screen.getByRole("button", { name: "Clear Token" })).toBeInTheDocument());
-
-    await user.click(screen.getByRole("button", { name: "Clear Token" }));
-
-    expect(remote.clearGithubToken).toHaveBeenCalledTimes(1);
-  });
-
-  it("changing the API provider select calls through to setApiProvider", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "API Endpoint", revision: 1 }));
-    await waitFor(() => expect(screen.getByLabelText("API Provider")).toBeInTheDocument());
-
-    await user.selectOptions(screen.getByLabelText("API Provider"), "Google Gemini");
-
-    expect(remote.setApiProvider).toHaveBeenCalledWith("Google Gemini");
-  });
-
-  it("Save Configuration calls through to saveApiConfiguration with the typed values as JSON", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "API Endpoint", revision: 1 }));
-    await waitFor(() => expect(screen.getByLabelText("API Key")).toBeInTheDocument());
-
-    await user.type(screen.getByLabelText("API Key"), "sk-typed");
-    await user.click(screen.getByRole("button", { name: "Save Configuration" }));
-
-    expect(remote.saveApiConfiguration).toHaveBeenCalledWith(
-      expect.stringContaining("sk-typed"),
-    );
-  });
-
-  it("System Scan on Ollama calls through to scanOllamaSystem", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "Ollama (Local)", revision: 1 }));
-    await waitFor(() => expect(screen.getByRole("button", { name: "System Scan" })).toBeInTheDocument());
-
-    await user.click(screen.getByRole("button", { name: "System Scan" }));
-
-    expect(remote.scanOllamaSystem).toHaveBeenCalledTimes(1);
-  });
-
-  it("Browse for Chat Model File on LlamaCpp calls through to pickLlamaCppChatModelFile", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "Llama.cpp (Local)", revision: 1 }));
-    await waitFor(() => expect(screen.getByText("Chat Model File")).toBeInTheDocument());
-
-    await user.click(screen.getAllByRole("button", { name: "Browse..." })[0]);
-
-    expect(remote.pickLlamaCppChatModelFile).toHaveBeenCalledTimes(1);
-  });
-
-  it("Save Settings on LlamaCpp calls through to saveLlamaCppSettings", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-    push(JSON.stringify({ ...initialSettingsState, activeSection: "Llama.cpp (Local)", revision: 1 }));
-    await waitFor(() => expect(screen.getByRole("button", { name: "Save Settings" })).toBeInTheDocument());
-
-    await user.click(screen.getByRole("button", { name: "Save Settings" }));
-
-    expect(remote.saveLlamaCppSettings).toHaveBeenCalledTimes(1);
-  });
-
-  // Confirms App.tsx actually reaches the shared lib/ui/BridgeErrorState on
-  // a rejected payload, with this island's own title/className - the
-  // shared component's own rendering logic is covered by
-  // lib/ui/BridgeErrorState.test.tsx, this only proves the wiring at this
-  // specific call site is correct.
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialSettingsState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Settings unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/settings/App.tsx b/web_ui/src/islands/settings/App.tsx
deleted file mode 100644
index 1ead6e3e..00000000
--- a/web_ui/src/islands/settings/App.tsx
+++ /dev/null
@@ -1,812 +0,0 @@
-import { RefObject, useEffect, useRef, useState } from "react";
-import {
-  API_PROVIDERS,
-  API_TASKS,
-  API_TASK_LABELS,
-  NOTIFICATION_TYPES,
-  OLLAMA_TASKS,
-  OLLAMA_TASK_LABELS,
-  SECTION_NAMES,
-  SettingsState,
-  initialSettingsState,
-} from "./bridgeTypes";
-import { BridgeRejection, SettingsBridge, createSettingsBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-const THEME_OPTIONS = [
-  { value: "dark", label: "Dark" },
-  { value: "muted", label: "Muted" },
-  { value: "mono", label: "Monochromatic" },
-];
-
-const NOTIFICATION_TYPE_LABELS: Record<(typeof NOTIFICATION_TYPES)[number], string> = {
-  info: "Info",
-  success: "Success",
-  warning: "Warning",
-  error: "Error",
-};
-
-interface GeneralPageProps {
-  state: SettingsState;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-// Check for Updates / Open Repository are deliberately not here yet - both
-// need a real window reference (increment 8's job), see
-// graphlink_settings_bridge.py's module docstring. bridgeRef is passed as
-// the ref object itself (not bridgeRef.current) - every intent call below
-// happens inside an event handler, never during render, so reading
-// .current there is the sanctioned pattern (react-hooks/refs only flags
-// dereferencing a ref while rendering).
-function GeneralPage({ state, bridgeRef }: GeneralPageProps) {
-  return (
-    <div className="settings-general-page">
-      <label className="settings-field">
-        <span className="settings-field-label">Theme</span>
-        <select
-          className="settings-select"
-          value={state.theme}
-          onChange={(event) => bridgeRef.current?.setTheme(event.target.value)}
-        >
-          {THEME_OPTIONS.map(({ value, label }) => (
-            <option key={value} value={value}>
-              {label}
-            </option>
-          ))}
-        </select>
-      </label>
-
-      <label className="settings-checkbox-row">
-        <input
-          type="checkbox"
-          checked={state.showTokenCounter}
-          onChange={(event) => bridgeRef.current?.setShowTokenCounter(event.target.checked)}
-        />
-        Show Token Counter Overlay
-      </label>
-
-      <label className="settings-checkbox-row">
-        <input
-          type="checkbox"
-          checked={state.enableSystemPrompt}
-          onChange={(event) => bridgeRef.current?.setEnableSystemPrompt(event.target.checked)}
-        />
-        Enable Assistant System Prompt
-      </label>
-
-      <fieldset className="settings-fieldset">
-        <legend>Notification types</legend>
-        {NOTIFICATION_TYPES.map((type) => (
-          <label className="settings-checkbox-row" key={type}>
-            <input
-              type="checkbox"
-              checked={state.notificationPreferences[type] ?? true}
-              onChange={(event) => bridgeRef.current?.setNotificationPreference(type, event.target.checked)}
-            />
-            {NOTIFICATION_TYPE_LABELS[type]}
-          </label>
-        ))}
-      </fieldset>
-
-      <label className="settings-checkbox-row">
-        <input
-          type="checkbox"
-          checked={state.updateNotificationsEnabled}
-          onChange={(event) => bridgeRef.current?.setUpdateNotificationsEnabled(event.target.checked)}
-        />
-        Enable Update Notifications on Startup
-      </label>
-
-      <p className="settings-update-status" data-level={state.updateStatusLevel}>
-        {state.updateStatusMessage}
-        {state.updateLastCheckedAt && ` (last checked: ${state.updateLastCheckedAt})`}
-        {state.updateLatestVersion && ` (GitHub signal: ${state.updateLatestVersion})`}
-      </p>
-
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button"
-          disabled={state.updateCheckInProgress}
-          onClick={() => bridgeRef.current?.checkForUpdates()}
-        >
-          {state.updateCheckInProgress ? "Checking..." : "Check for Updates"}
-        </button>
-        <button type="button" className="settings-button" onClick={() => bridgeRef.current?.openRepository()}>
-          Open Repository
-        </button>
-      </div>
-    </div>
-  );
-}
-
-interface IntegrationsPageProps {
-  state: SettingsState;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-// Write-only, by design (see graphlink_settings_bridge.py's module
-// docstring): the token input always starts empty and is never pre-filled
-// from state, since the bridge structurally cannot send the current value
-// back. draftToken is local-only UI state for what the user is currently
-// typing, cleared immediately after Save/Clear - it never becomes part of
-// the published SettingsState.
-function IntegrationsPage({ state, bridgeRef }: IntegrationsPageProps) {
-  const [draftToken, setDraftToken] = useState("");
-
-  return (
-    <div className="settings-general-page">
-      <p className="settings-integrations-intro">
-        Store optional external-service tokens used by specialized plugins. The Code Review plugin uses a
-        GitHub personal access token to load your private repositories - if you leave this empty, it still
-        works with public repositories.
-      </p>
-
-      <label className="settings-field">
-        <span className="settings-field-label">GitHub Personal Access Token</span>
-        <input
-          type="password"
-          className="settings-select"
-          placeholder="ghp_... or fine-grained token"
-          value={draftToken}
-          onChange={(event) => setDraftToken(event.target.value)}
-        />
-      </label>
-
-      <p className="settings-update-status">
-        {state.githubTokenConfigured ? "A GitHub token is currently configured." : "No GitHub token configured."}
-      </p>
-
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button"
-          onClick={() => {
-            bridgeRef.current?.clearGithubToken();
-            setDraftToken("");
-          }}
-        >
-          Clear Token
-        </button>
-        <button
-          type="button"
-          className="settings-button settings-button-primary"
-          disabled={draftToken.trim().length === 0}
-          onClick={() => {
-            bridgeRef.current?.setGithubToken(draftToken);
-            setDraftToken("");
-          }}
-        >
-          Save Integrations
-        </button>
-      </div>
-    </div>
-  );
-}
-
-interface ApiPageProps {
-  state: SettingsState;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-const API_MODELS_DATALIST_ID = "settings-api-available-models";
-const API_IMAGE_MODELS_DATALIST_ID = "settings-api-image-models";
-
-// Save Configuration is deliberately batched (unlike every other intent on
-// this island) - draftBaseUrl/draftApiKey/draftTaskModels are local-only
-// until Save, matching saveApiConfiguration()'s own atomic, all-or-nothing
-// contract on the Python side (provider init must succeed before anything
-// persists). setApiProvider is the one live intent here, same as the
-// original provider_combo - it only changes which provider's fields
-// display, so switching resets the drafts to that provider's own saved
-// values via the "adjust state during render" pattern used elsewhere on
-// this island.
-function ApiPage({ state, bridgeRef }: ApiPageProps) {
-  const [prevProvider, setPrevProvider] = useState(state.apiProvider);
-  const [draftBaseUrl, setDraftBaseUrl] = useState(state.apiBaseUrl);
-  const [draftApiKey, setDraftApiKey] = useState("");
-  const [draftTaskModels, setDraftTaskModels] = useState<Record<string, string>>(state.apiTaskModels);
-  // Reset is destructive and irreversible (write-only secrets: cleared keys
-  // can never be re-displayed), so it gets a two-step in-UI confirmation -
-  // the web-island equivalent of the legacy widget's "This cannot be undone"
-  // QMessageBox, kept entirely inside React so it doesn't depend on a native
-  // JS-dialog handler in the hardened QWebEngineView.
-  const [confirmingReset, setConfirmingReset] = useState(false);
-
-  if (state.apiProvider !== prevProvider) {
-    setPrevProvider(state.apiProvider);
-    setDraftBaseUrl(state.apiBaseUrl);
-    setDraftApiKey("");
-    setDraftTaskModels(state.apiTaskModels);
-    setConfirmingReset(false);
-  }
-
-  const isOpenAi = state.apiProvider === "OpenAI-Compatible";
-  const isAnthropic = state.apiProvider === "Anthropic Claude";
-  const isGemini = state.apiProvider === "Google Gemini";
-  const keyConfigured = isOpenAi
-    ? state.openaiKeyConfigured
-    : isAnthropic
-      ? state.anthropicKeyConfigured
-      : state.geminiKeyConfigured;
-
-  return (
-    <div className="settings-general-page">
-      <label className="settings-field">
-        <span className="settings-field-label">API Provider</span>
-        <select
-          className="settings-select"
-          value={state.apiProvider}
-          onChange={(event) => bridgeRef.current?.setApiProvider(event.target.value)}
-        >
-          {API_PROVIDERS.map((provider) => (
-            <option key={provider} value={provider}>
-              {provider}
-            </option>
-          ))}
-        </select>
-      </label>
-
-      {isOpenAi && (
-        <label className="settings-field">
-          <span className="settings-field-label">Base URL</span>
-          <input
-            className="settings-select"
-            placeholder="https://api.openai.com/v1"
-            value={draftBaseUrl}
-            onChange={(event) => setDraftBaseUrl(event.target.value)}
-          />
-        </label>
-      )}
-
-      <label className="settings-field">
-        <span className="settings-field-label">API Key</span>
-        <input
-          type="password"
-          className="settings-select"
-          placeholder="Enter your API key..."
-          value={draftApiKey}
-          onChange={(event) => setDraftApiKey(event.target.value)}
-        />
-      </label>
-
-      <p className="settings-update-status">
-        {keyConfigured ? "A key is currently configured for this provider." : "No key configured for this provider."}
-      </p>
-
-      {/* Load fetches a live catalog, which only means something where a
-          live fetch happens: OpenAI + Anthropic. Gemini uses a fixed static
-          list (chat + image), so no Load button - matching the legacy
-          widget's own load_btn.setVisible(is_openai or is_anthropic). */}
-      {!isGemini && (
-        <div className="settings-button-row">
-          <button
-            type="button"
-            className="settings-button"
-            disabled={draftApiKey.trim().length === 0 || state.apiLoadStatus === "running"}
-            onClick={() => bridgeRef.current?.loadAvailableModels(draftApiKey)}
-          >
-            {state.apiLoadStatus === "running" ? "Loading catalog..." : "Load Available Models"}
-          </button>
-        </div>
-      )}
-
-      <datalist id={API_MODELS_DATALIST_ID}>
-        {state.apiAvailableModels.map((model) => (
-          <option key={model} value={model} />
-        ))}
-      </datalist>
-      {/* Gemini's image task takes a distinct curated list, not its chat
-          models - the bridge fills apiImageModels only for Gemini. */}
-      <datalist id={API_IMAGE_MODELS_DATALIST_ID}>
-        {state.apiImageModels.map((model) => (
-          <option key={model} value={model} />
-        ))}
-      </datalist>
-
-      {API_TASKS.map((task) => {
-        if (task === "task_image_gen" && isAnthropic) {
-          return (
-            <p key={task} className="settings-update-status">
-              Anthropic Claude does not support image generation in Graphlink yet.
-            </p>
-          );
-        }
-        // Gemini's image field points at the curated image-model datalist;
-        // every other field (and every other provider) uses the general one.
-        const datalistId =
-          task === "task_image_gen" && state.apiImageModels.length > 0
-            ? API_IMAGE_MODELS_DATALIST_ID
-            : API_MODELS_DATALIST_ID;
-        return (
-          <label className="settings-field" key={task}>
-            <span className="settings-field-label">{API_TASK_LABELS[task]}</span>
-            <input
-              className="settings-select"
-              list={datalistId}
-              value={draftTaskModels[task] ?? ""}
-              onChange={(event) => setDraftTaskModels({ ...draftTaskModels, [task]: event.target.value })}
-            />
-          </label>
-        );
-      })}
-
-      {state.notice && (
-        <p className="settings-update-status" data-level="error">
-          {state.notice}
-        </p>
-      )}
-
-      {confirmingReset && (
-        <p className="settings-update-status" data-level="error">
-          This clears all saved API keys and model configurations and cannot be undone.
-        </p>
-      )}
-
-      <div className="settings-button-row">
-        {confirmingReset ? (
-          <>
-            <button type="button" className="settings-button" onClick={() => setConfirmingReset(false)}>
-              Cancel
-            </button>
-            <button
-              type="button"
-              className="settings-button settings-button-primary"
-              onClick={() => {
-                bridgeRef.current?.resetApiSettings();
-                setConfirmingReset(false);
-                setDraftApiKey("");
-              }}
-            >
-              Confirm Reset
-            </button>
-          </>
-        ) : (
-          <button type="button" className="settings-button" onClick={() => setConfirmingReset(true)}>
-            Reset API Settings
-          </button>
-        )}
-        <button
-          type="button"
-          className="settings-button settings-button-primary"
-          onClick={() => {
-            bridgeRef.current?.saveApiConfiguration({
-              provider: state.apiProvider,
-              baseUrl: draftBaseUrl,
-              apiKey: draftApiKey,
-              taskModels: draftTaskModels,
-            });
-            setDraftApiKey("");
-          }}
-        >
-          Save Configuration
-        </button>
-      </div>
-    </div>
-  );
-}
-
-const OLLAMA_MODELS_DATALIST_ID = "settings-ollama-scanned-models";
-
-interface OllamaTaskFieldProps {
-  task: (typeof OLLAMA_TASKS)[number];
-  value: string;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-// The flat wire value ("inherit"|"auto"|"<explicit model id>") maps onto
-// two UI controls: a mode select (mirrors the original's 3 special combo
-// entries) and a conditionally-shown text input for the explicit case
-// (mirrors the original editable combo's free-text entry, including
-// unavailable-model preservation - the input shows whatever string is
-// persisted, matched against ollamaScannedModels or not). This is a
-// deliberate 2-control simplification of the original's single editable
-// combo, recorded in the plan doc rather than silently done.
-function OllamaTaskField({ task, value, bridgeRef }: OllamaTaskFieldProps) {
-  const isSpecial = value === "inherit" || value === "auto";
-  const [uiMode, setUiMode] = useState(isSpecial ? value : "explicit");
-  const [prevValue, setPrevValue] = useState(value);
-
-  if (value !== prevValue) {
-    setPrevValue(value);
-    setUiMode(isSpecial ? value : "explicit");
-  }
-
-  return (
-    <>
-      <label className="settings-field">
-        <span className="settings-field-label">{OLLAMA_TASK_LABELS[task]}</span>
-        <select
-          className="settings-select"
-          value={uiMode}
-          onChange={(event) => {
-            const nextMode = event.target.value;
-            setUiMode(nextMode);
-            if (nextMode !== "explicit") {
-              bridgeRef.current?.setOllamaModelAssignment(task, nextMode);
-            }
-          }}
-        >
-          {task !== "task_chat" && <option value="inherit">Use chat model</option>}
-          <option value="auto">Auto - choose a compatible installed model</option>
-          <option value="explicit">Custom model ID...</option>
-        </select>
-      </label>
-      {uiMode === "explicit" && (
-        <label className="settings-field">
-          <span className="settings-field-label">{OLLAMA_TASK_LABELS[task]} (custom model ID)</span>
-          <input
-            className="settings-select"
-            list={OLLAMA_MODELS_DATALIST_ID}
-            value={isSpecial ? "" : value}
-            onChange={(event) => bridgeRef.current?.setOllamaModelAssignment(task, event.target.value)}
-          />
-        </label>
-      )}
-    </>
-  );
-}
-
-interface OllamaPageProps {
-  state: SettingsState;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-function OllamaPage({ state, bridgeRef }: OllamaPageProps) {
-  const [draftPullModel, setDraftPullModel] = useState("");
-
-  return (
-    <div className="settings-general-page">
-      <fieldset className="settings-fieldset">
-        <legend>Reasoning Mode</legend>
-        <label className="settings-checkbox-row">
-          <input
-            type="radio"
-            name="ollama-reasoning-mode"
-            checked={state.ollamaReasoningMode === "Thinking"}
-            onChange={() => bridgeRef.current?.setOllamaReasoningMode("Thinking")}
-          />
-          Thinking Mode (Enable CoT)
-        </label>
-        <label className="settings-checkbox-row">
-          <input
-            type="radio"
-            name="ollama-reasoning-mode"
-            checked={state.ollamaReasoningMode === "Quick"}
-            onChange={() => bridgeRef.current?.setOllamaReasoningMode("Quick")}
-          />
-          Quick Mode (No CoT)
-        </label>
-      </fieldset>
-
-      <p className="settings-update-status">
-        Current Active Model: <strong>{state.ollamaCurrentModel || "Auto - no compatible installed model found"}</strong>
-      </p>
-
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button"
-          disabled={state.ollamaScanStatus === "running"}
-          onClick={() => bridgeRef.current?.scanOllamaSystem()}
-        >
-          {state.ollamaScanStatus === "running" ? "Scanning..." : "System Scan"}
-        </button>
-        <button
-          type="button"
-          className="settings-button"
-          disabled={state.ollamaScanStatus === "running"}
-          onClick={() => bridgeRef.current?.pickOllamaScanFolder()}
-        >
-          Scan Folder...
-        </button>
-      </div>
-      <p className="settings-update-status">{state.ollamaScanSummary}</p>
-
-      <datalist id={OLLAMA_MODELS_DATALIST_ID}>
-        {state.ollamaScannedModels.map((model) => (
-          <option key={model} value={model} />
-        ))}
-      </datalist>
-
-      {OLLAMA_TASKS.map((task) => (
-        <OllamaTaskField key={task} task={task} value={state.ollamaModelAssignments[task] ?? "auto"} bridgeRef={bridgeRef} />
-      ))}
-
-      <label className="settings-field">
-        <span className="settings-field-label">Validate and Pull Model</span>
-        <input
-          className="settings-select"
-          list={OLLAMA_MODELS_DATALIST_ID}
-          placeholder="Advanced model ID entry"
-          value={draftPullModel}
-          onChange={(event) => setDraftPullModel(event.target.value)}
-        />
-      </label>
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button"
-          disabled={draftPullModel.trim().length === 0 || state.ollamaPullStatus === "running"}
-          onClick={() => bridgeRef.current?.pullOllamaModel(draftPullModel)}
-        >
-          {state.ollamaPullStatus === "running" ? "Validating..." : "Validate and Pull Model"}
-        </button>
-      </div>
-
-      {state.notice && (
-        <p className="settings-update-status" data-level="error">
-          {state.notice}
-        </p>
-      )}
-    </div>
-  );
-}
-
-interface LlamaCppPageProps {
-  state: SettingsState;
-  bridgeRef: RefObject<SettingsBridge | null>;
-}
-
-// Chat/title model paths are staged bridge-side, set only via the native
-// file picker (pickLlamaCppChatModelFile/pickLlamaCppTitleModelFile) - see
-// graphlink_settings_bridge.py's saveLlamaCppSettings docstring. Save
-// Settings is the one action on this page that isn't a live, per-field
-// apply - it mirrors the original widget's own Browse-fills /
-// Save-persists-and-validates split, the same kind of deliberate exception
-// saveApiConfiguration is elsewhere on this island.
-function LlamaCppPage({ state, bridgeRef }: LlamaCppPageProps) {
-  return (
-    <div className="settings-general-page">
-      <fieldset className="settings-fieldset">
-        <legend>Reasoning Mode</legend>
-        <label className="settings-checkbox-row">
-          <input
-            type="radio"
-            name="llamacpp-reasoning-mode"
-            checked={state.llamaCppReasoningMode === "Thinking"}
-            onChange={() => bridgeRef.current?.setLlamaCppReasoningMode("Thinking")}
-          />
-          Thinking Mode (Enable CoT)
-        </label>
-        <label className="settings-checkbox-row">
-          <input
-            type="radio"
-            name="llamacpp-reasoning-mode"
-            checked={state.llamaCppReasoningMode === "Quick"}
-            onChange={() => bridgeRef.current?.setLlamaCppReasoningMode("Quick")}
-          />
-          Quick Mode (No CoT)
-        </label>
-      </fieldset>
-
-      <p className="settings-update-status">
-        Current Active GGUF:{" "}
-        <strong>{state.llamaCppChatModelPath ? state.llamaCppChatModelPath.split(/[\\/]/).pop() : "No model selected"}</strong>
-      </p>
-
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button"
-          disabled={state.llamaCppScanStatus === "running"}
-          onClick={() => bridgeRef.current?.scanLlamaCppSystem()}
-        >
-          {state.llamaCppScanStatus === "running" ? "Scanning..." : "System Scan"}
-        </button>
-        <button
-          type="button"
-          className="settings-button"
-          disabled={state.llamaCppScanStatus === "running"}
-          onClick={() => bridgeRef.current?.pickLlamaCppScanFolder()}
-        >
-          Scan Folder...
-        </button>
-      </div>
-      <p className="settings-update-status">{state.llamaCppScanSummary}</p>
-
-      {/* Scanned-model dropdowns surface the System Scan / Scan Folder
-          results for selection - the whole payoff of scanning. Mirrors the
-          legacy widget's "Scanned Chat Model" / "Scanned Naming Model"
-          combos: picking one stages its path (bridge-side, like Browse),
-          Save persists+validates. Only shown once a scan has found models;
-          the summary above guides the user to scan otherwise. */}
-      {state.llamaCppScannedModels.length > 0 && (
-        <label className="settings-field">
-          <span className="settings-field-label">Scanned Chat Model</span>
-          <select
-            className="settings-select"
-            value={state.llamaCppScannedModels.includes(state.llamaCppChatModelPath) ? state.llamaCppChatModelPath : ""}
-            onChange={(event) => bridgeRef.current?.setLlamaCppChatModelPath(event.target.value)}
-          >
-            <option value="">Choose a scanned GGUF...</option>
-            {state.llamaCppScannedModels.map((model) => (
-              <option key={model} value={model}>
-                {model.split(/[\\/]/).pop()}
-              </option>
-            ))}
-          </select>
-        </label>
-      )}
-
-      <div className="settings-field">
-        <span className="settings-field-label">Chat Model File</span>
-        <p className="settings-update-status">{state.llamaCppChatModelPath || "No file selected"}</p>
-        <div className="settings-button-row">
-          <button
-            type="button"
-            className="settings-button"
-            onClick={() => bridgeRef.current?.pickLlamaCppChatModelFile()}
-          >
-            Browse...
-          </button>
-        </div>
-      </div>
-
-      {state.llamaCppScannedModels.length > 0 && (
-        <label className="settings-field">
-          <span className="settings-field-label">Scanned Naming Model</span>
-          <select
-            className="settings-select"
-            value={state.llamaCppScannedModels.includes(state.llamaCppTitleModelPath) ? state.llamaCppTitleModelPath : ""}
-            onChange={(event) => bridgeRef.current?.setLlamaCppTitleModelPath(event.target.value)}
-          >
-            <option value="">Choose a scanned GGUF...</option>
-            {state.llamaCppScannedModels.map((model) => (
-              <option key={model} value={model}>
-                {model.split(/[\\/]/).pop()}
-              </option>
-            ))}
-          </select>
-        </label>
-      )}
-
-      <div className="settings-field">
-        <span className="settings-field-label">Chat Naming File (optional)</span>
-        <p className="settings-update-status">{state.llamaCppTitleModelPath || "Reusing the main chat model"}</p>
-        <div className="settings-button-row">
-          <button
-            type="button"
-            className="settings-button"
-            onClick={() => bridgeRef.current?.pickLlamaCppTitleModelFile()}
-          >
-            Browse...
-          </button>
-        </div>
-      </div>
-
-      <label className="settings-field">
-        <span className="settings-field-label">Chat Format Override</span>
-        <input
-          className="settings-select"
-          placeholder="Leave blank to let the GGUF metadata decide"
-          value={state.llamaCppChatFormat}
-          onChange={(event) => bridgeRef.current?.setLlamaCppChatFormat(event.target.value)}
-        />
-      </label>
-
-      <label className="settings-field">
-        <span className="settings-field-label">Context Window</span>
-        <input
-          type="number"
-          className="settings-select"
-          min={256}
-          max={131072}
-          step={256}
-          value={state.llamaCppNCtx}
-          onChange={(event) => {
-            const parsed = Number(event.target.value);
-            if (!Number.isNaN(parsed)) bridgeRef.current?.setLlamaCppNCtx(parsed);
-          }}
-        />
-      </label>
-
-      <label className="settings-field">
-        <span className="settings-field-label">GPU Layers</span>
-        <input
-          type="number"
-          className="settings-select"
-          min={-1}
-          max={9999}
-          value={state.llamaCppNGpuLayers}
-          onChange={(event) => {
-            const parsed = Number(event.target.value);
-            if (!Number.isNaN(parsed)) bridgeRef.current?.setLlamaCppNGpuLayers(parsed);
-          }}
-        />
-      </label>
-
-      <label className="settings-field">
-        <span className="settings-field-label">CPU Threads (0 = Auto)</span>
-        <input
-          type="number"
-          className="settings-select"
-          min={0}
-          max={256}
-          value={state.llamaCppNThreads}
-          onChange={(event) => {
-            const parsed = Number(event.target.value);
-            if (!Number.isNaN(parsed)) bridgeRef.current?.setLlamaCppNThreads(parsed);
-          }}
-        />
-      </label>
-
-      {state.notice && (
-        <p className="settings-update-status" data-level="error">
-          {state.notice}
-        </p>
-      )}
-
-      <div className="settings-button-row">
-        <button
-          type="button"
-          className="settings-button settings-button-primary"
-          onClick={() => bridgeRef.current?.saveLlamaCppSettings()}
-        >
-          Save Settings
-        </button>
-      </div>
-    </div>
-  );
-}
-
-function App() {
-  const [state, setState] = useState<SettingsState>(initialSettingsState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<SettingsBridge | null>(null);
-
-  useEffect(() => {
-    const bridge = createSettingsBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Settings unavailable"
-        rejection={rejection}
-        className="settings-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="settings-shell">
-      <nav className="settings-rail" aria-label="Settings sections">
-        {SECTION_NAMES.map((section) => (
-          <button
-            key={section}
-            type="button"
-            className="settings-rail-button"
-            aria-current={section === state.activeSection ? "page" : undefined}
-            onClick={() => bridgeRef.current?.setActiveSection(section)}
-          >
-            {section}
-          </button>
-        ))}
-      </nav>
-      <div className="settings-page" role="region" aria-label={state.activeSection}>
-        {state.activeSection === "General" ? (
-          <GeneralPage state={state} bridgeRef={bridgeRef} />
-        ) : state.activeSection === "Integrations" ? (
-          <IntegrationsPage state={state} bridgeRef={bridgeRef} />
-        ) : state.activeSection === "API Endpoint" ? (
-          <ApiPage state={state} bridgeRef={bridgeRef} />
-        ) : state.activeSection === "Ollama (Local)" ? (
-          <OllamaPage state={state} bridgeRef={bridgeRef} />
-        ) : state.activeSection === "Llama.cpp (Local)" ? (
-          <LlamaCppPage state={state} bridgeRef={bridgeRef} />
-        ) : (
-          state.activeSection
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/settings/bridge.test.ts b/web_ui/src/islands/settings/bridge.test.ts
deleted file mode 100644
index a7bebdd4..00000000
--- a/web_ui/src/islands/settings/bridge.test.ts
+++ /dev/null
@@ -1,522 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createSettingsBridge } from "./bridge";
-import { initialSettingsState, SettingsState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<SettingsState> = {}): string {
-  return JSON.stringify({ ...initialSettingsState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    setActiveSection: vi.fn(),
-    setTheme: vi.fn(),
-    setShowTokenCounter: vi.fn(),
-    setEnableSystemPrompt: vi.fn(),
-    setNotificationPreference: vi.fn(),
-    setUpdateNotificationsEnabled: vi.fn(),
-    checkForUpdates: vi.fn(),
-    openRepository: vi.fn(),
-    setGithubToken: vi.fn(),
-    clearGithubToken: vi.fn(),
-    setApiProvider: vi.fn(),
-    saveApiConfiguration: vi.fn(),
-    loadAvailableModels: vi.fn(),
-    resetApiSettings: vi.fn(),
-    setOllamaReasoningMode: vi.fn(),
-    setOllamaModelAssignment: vi.fn(),
-    scanOllamaSystem: vi.fn(),
-    pickOllamaScanFolder: vi.fn(),
-    pullOllamaModel: vi.fn(),
-    setLlamaCppReasoningMode: vi.fn(),
-    setLlamaCppChatFormat: vi.fn(),
-    setLlamaCppNCtx: vi.fn(),
-    setLlamaCppNGpuLayers: vi.fn(),
-    setLlamaCppNThreads: vi.fn(),
-    pickLlamaCppChatModelFile: vi.fn(),
-    pickLlamaCppTitleModelFile: vi.fn(),
-    setLlamaCppChatModelPath: vi.fn(),
-    setLlamaCppTitleModelPath: vi.fn(),
-    scanLlamaCppSystem: vi.fn(),
-    pickLlamaCppScanFolder: vi.fn(),
-    saveLlamaCppSettings: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { settingsBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createSettingsBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialSettingsState);
-  });
-
-  it("setActiveSection on the mock bridge updates state and republishes", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setActiveSection("Integrations");
-
-    expect(listener).toHaveBeenCalledWith(
-      expect.objectContaining({ activeSection: "Integrations" }),
-    );
-  });
-
-  it("setTheme on the mock bridge updates state", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setTheme("muted");
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ theme: "muted" }));
-  });
-
-  it("setGithubToken on the mock bridge reports configured without exposing the value", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setGithubToken("ghp_secret");
-
-    const [state] = listener.mock.calls[0];
-    expect(state.githubTokenConfigured).toBe(true);
-    expect(JSON.stringify(state)).not.toContain("ghp_secret");
-  });
-
-  it("clearGithubToken on the mock bridge reports not configured", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    bridge.setGithubToken("ghp_secret");
-    listener.mockClear();
-
-    bridge.clearGithubToken();
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ githubTokenConfigured: false }));
-  });
-
-  it("checkForUpdates on the mock bridge simulates a finished, successful check", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.checkForUpdates();
-
-    expect(listener).toHaveBeenCalledWith(
-      expect.objectContaining({ updateCheckInProgress: false, updateStatusLevel: "success" }),
-    );
-  });
-
-  it("openRepository on the mock bridge does not throw", () => {
-    const bridge = createSettingsBridge(() => {});
-    expect(() => bridge.openRepository()).not.toThrow();
-  });
-
-  it("setNotificationPreference on the mock bridge is a partial update", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setNotificationPreference("warning", false);
-
-    const [state] = listener.mock.calls[0];
-    expect(state.notificationPreferences.warning).toBe(false);
-    expect(state.notificationPreferences.info).toBe(true);
-  });
-
-  it("setApiProvider on the mock bridge switches provider and resets load state", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setApiProvider("Google Gemini");
-
-    const [state] = listener.mock.calls[0];
-    expect(state.apiProvider).toBe("Google Gemini");
-    expect(state.notice).toBeNull();
-  });
-
-  it("saveApiConfiguration on the mock bridge reports configured without exposing the key", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.saveApiConfiguration({
-      provider: "OpenAI-Compatible",
-      baseUrl: "https://api.openai.com/v1",
-      apiKey: "sk-secret",
-      taskModels: { task_chat: "gpt-4o" },
-    });
-
-    const [state] = listener.mock.calls[0];
-    expect(state.openaiKeyConfigured).toBe(true);
-    expect(JSON.stringify(state)).not.toContain("sk-secret");
-  });
-
-  it("saveApiConfiguration on the mock bridge rejects a missing key with a notice", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.saveApiConfiguration({
-      provider: "OpenAI-Compatible",
-      baseUrl: "https://api.openai.com/v1",
-      apiKey: "",
-      taskModels: {},
-    });
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ notice: "Please enter your API Key." }));
-  });
-
-  it("resetApiSettings on the mock bridge clears configured flags", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    bridge.saveApiConfiguration({
-      provider: "OpenAI-Compatible",
-      baseUrl: "https://api.openai.com/v1",
-      apiKey: "sk-secret",
-      taskModels: {},
-    });
-    listener.mockClear();
-
-    bridge.resetApiSettings();
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ openaiKeyConfigured: false }));
-  });
-
-  it("setOllamaReasoningMode on the mock bridge updates state", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setOllamaReasoningMode("Quick");
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ ollamaReasoningMode: "Quick" }));
-  });
-
-  it("setOllamaModelAssignment on the mock bridge is a partial update", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setOllamaModelAssignment("task_chart", "llama3:8b");
-
-    const [state] = listener.mock.calls[0];
-    expect(state.ollamaModelAssignments.task_chart).toBe("llama3:8b");
-  });
-
-  it("pullOllamaModel on the mock bridge rejects an empty model name", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.pullOllamaModel("");
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ notice: "Model name cannot be empty." }));
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createSettingsBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-
-  it("setLlamaCppReasoningMode on the mock bridge updates state", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setLlamaCppReasoningMode("Quick");
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ llamaCppReasoningMode: "Quick" }));
-  });
-
-  it("setLlamaCppNCtx on the mock bridge updates state", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setLlamaCppNCtx(8192);
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ llamaCppNCtx: 8192 }));
-  });
-
-  it("saveLlamaCppSettings on the mock bridge rejects an empty chat model path with a notice", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.saveLlamaCppSettings();
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ notice: "Chat Model File cannot be empty." }));
-  });
-
-  it("scanLlamaCppSystem on the mock bridge reports found models", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.scanLlamaCppSystem();
-
-    const [state] = listener.mock.calls[0];
-    expect(state.llamaCppScanStatus).toBe("done");
-    expect(state.llamaCppScannedModels.length).toBeGreaterThan(0);
-  });
-
-  it("setLlamaCppChatModelPath on the mock bridge stages the chosen scanned path", () => {
-    const listener = vi.fn();
-    const bridge = createSettingsBridge(listener);
-    bridge.ready();
-    listener.mockClear();
-
-    bridge.setLlamaCppChatModelPath("/models/chat.gguf");
-
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({ llamaCppChatModelPath: "/models/chat.gguf" }));
-  });
-});
-
-describe("createSettingsBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createSettingsBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createSettingsBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ activeSection: "API Endpoint" }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ activeSection: "API Endpoint" }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("setActiveSection calls through to the remote", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setActiveSection("Ollama (Local)");
-
-      expect(remote.setActiveSection).toHaveBeenCalledWith("Ollama (Local)");
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each General/Appearance intent calls through to its own remote method", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setTheme("mono");
-      bridge.setShowTokenCounter(false);
-      bridge.setEnableSystemPrompt(false);
-      bridge.setNotificationPreference("error", false);
-      bridge.setUpdateNotificationsEnabled(true);
-      bridge.checkForUpdates();
-      bridge.openRepository();
-
-      expect(remote.setTheme).toHaveBeenCalledWith("mono");
-      expect(remote.setShowTokenCounter).toHaveBeenCalledWith(false);
-      expect(remote.setEnableSystemPrompt).toHaveBeenCalledWith(false);
-      expect(remote.setNotificationPreference).toHaveBeenCalledWith("error", false);
-      expect(remote.setUpdateNotificationsEnabled).toHaveBeenCalledWith(true);
-      expect(remote.checkForUpdates).toHaveBeenCalledTimes(1);
-      expect(remote.openRepository).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("setGithubToken and clearGithubToken call through to the remote", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setGithubToken("ghp_secret");
-      bridge.clearGithubToken();
-
-      expect(remote.setGithubToken).toHaveBeenCalledWith("ghp_secret");
-      expect(remote.clearGithubToken).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("setApiProvider and loadAvailableModels and resetApiSettings call through to the remote", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setApiProvider("Anthropic Claude");
-      bridge.loadAvailableModels("sk-secret");
-      bridge.resetApiSettings();
-
-      expect(remote.setApiProvider).toHaveBeenCalledWith("Anthropic Claude");
-      expect(remote.loadAvailableModels).toHaveBeenCalledWith("sk-secret");
-      expect(remote.resetApiSettings).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("saveApiConfiguration serializes its args to JSON for the remote call", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-      const args = {
-        provider: "OpenAI-Compatible",
-        baseUrl: "https://api.openai.com/v1",
-        apiKey: "sk-secret",
-        taskModels: { task_chat: "gpt-4o" },
-      };
-
-      bridge.saveApiConfiguration(args);
-
-      expect(remote.saveApiConfiguration).toHaveBeenCalledWith(JSON.stringify(args));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("Ollama intents call through to their own remote methods", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setOllamaReasoningMode("Quick");
-      bridge.setOllamaModelAssignment("task_chart", "llama3:8b");
-      bridge.scanOllamaSystem();
-      bridge.pickOllamaScanFolder();
-      bridge.pullOllamaModel("llama3:8b");
-
-      expect(remote.setOllamaReasoningMode).toHaveBeenCalledWith("Quick");
-      expect(remote.setOllamaModelAssignment).toHaveBeenCalledWith("task_chart", "llama3:8b");
-      expect(remote.scanOllamaSystem).toHaveBeenCalledTimes(1);
-      expect(remote.pickOllamaScanFolder).toHaveBeenCalledTimes(1);
-      expect(remote.pullOllamaModel).toHaveBeenCalledWith("llama3:8b");
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("LlamaCpp intents call through to their own remote methods", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-
-      bridge.setLlamaCppReasoningMode("Quick");
-      bridge.setLlamaCppChatFormat("chatml");
-      bridge.setLlamaCppNCtx(8192);
-      bridge.setLlamaCppNGpuLayers(-1);
-      bridge.setLlamaCppNThreads(8);
-      bridge.pickLlamaCppChatModelFile();
-      bridge.pickLlamaCppTitleModelFile();
-      bridge.setLlamaCppChatModelPath("/models/chat.gguf");
-      bridge.setLlamaCppTitleModelPath("/models/title.gguf");
-      bridge.scanLlamaCppSystem();
-      bridge.pickLlamaCppScanFolder();
-      bridge.saveLlamaCppSettings();
-
-      expect(remote.setLlamaCppReasoningMode).toHaveBeenCalledWith("Quick");
-      expect(remote.setLlamaCppChatFormat).toHaveBeenCalledWith("chatml");
-      expect(remote.setLlamaCppNCtx).toHaveBeenCalledWith(8192);
-      expect(remote.setLlamaCppNGpuLayers).toHaveBeenCalledWith(-1);
-      expect(remote.setLlamaCppNThreads).toHaveBeenCalledWith(8);
-      expect(remote.pickLlamaCppChatModelFile).toHaveBeenCalledTimes(1);
-      expect(remote.pickLlamaCppTitleModelFile).toHaveBeenCalledTimes(1);
-      expect(remote.setLlamaCppChatModelPath).toHaveBeenCalledWith("/models/chat.gguf");
-      expect(remote.setLlamaCppTitleModelPath).toHaveBeenCalledWith("/models/title.gguf");
-      expect(remote.scanLlamaCppSystem).toHaveBeenCalledTimes(1);
-      expect(remote.pickLlamaCppScanFolder).toHaveBeenCalledTimes(1);
-      expect(remote.saveLlamaCppSettings).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createSettingsBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createSettingsBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/settings/bridge.ts b/web_ui/src/islands/settings/bridge.ts
deleted file mode 100644
index 6f9f5793..00000000
--- a/web_ui/src/islands/settings/bridge.ts
+++ /dev/null
@@ -1,422 +0,0 @@
-import { SettingsState, initialSettingsState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateSettingsState } from "../../lib/bridge-core/generated/settings-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: SettingsState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-export interface SaveApiConfigurationArgs {
-  provider: string;
-  baseUrl: string;
-  apiKey: string;
-  taskModels: Record<string, string>;
-}
-
-interface QtSettingsObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  setActiveSection: (section: string) => void;
-  setTheme: (theme: string) => void;
-  setShowTokenCounter: (enabled: boolean) => void;
-  setEnableSystemPrompt: (enabled: boolean) => void;
-  setNotificationPreference: (notificationType: string, enabled: boolean) => void;
-  setUpdateNotificationsEnabled: (enabled: boolean) => void;
-  checkForUpdates: () => void;
-  openRepository: () => void;
-  setGithubToken: (token: string) => void;
-  clearGithubToken: () => void;
-  setApiProvider: (provider: string) => void;
-  saveApiConfiguration: (configJson: string) => void;
-  loadAvailableModels: (apiKey: string) => void;
-  resetApiSettings: () => void;
-  setOllamaReasoningMode: (mode: string) => void;
-  setOllamaModelAssignment: (task: string, value: string) => void;
-  scanOllamaSystem: () => void;
-  pickOllamaScanFolder: () => void;
-  pullOllamaModel: (modelName: string) => void;
-  setLlamaCppReasoningMode: (mode: string) => void;
-  setLlamaCppChatFormat: (chatFormat: string) => void;
-  setLlamaCppNCtx: (nCtx: number) => void;
-  setLlamaCppNGpuLayers: (nGpuLayers: number) => void;
-  setLlamaCppNThreads: (nThreads: number) => void;
-  pickLlamaCppChatModelFile: () => void;
-  pickLlamaCppTitleModelFile: () => void;
-  setLlamaCppChatModelPath: (path: string) => void;
-  setLlamaCppTitleModelPath: (path: string) => void;
-  scanLlamaCppSystem: () => void;
-  pickLlamaCppScanFolder: () => void;
-  saveLlamaCppSettings: () => void;
-}
-
-export interface SettingsBridge {
-  ready(): void;
-  setActiveSection(section: string): void;
-  setTheme(theme: string): void;
-  setShowTokenCounter(enabled: boolean): void;
-  setEnableSystemPrompt(enabled: boolean): void;
-  setNotificationPreference(notificationType: string, enabled: boolean): void;
-  setUpdateNotificationsEnabled(enabled: boolean): void;
-  checkForUpdates(): void;
-  openRepository(): void;
-  setGithubToken(token: string): void;
-  clearGithubToken(): void;
-  setApiProvider(provider: string): void;
-  saveApiConfiguration(args: SaveApiConfigurationArgs): void;
-  loadAvailableModels(apiKey: string): void;
-  resetApiSettings(): void;
-  setOllamaReasoningMode(mode: string): void;
-  setOllamaModelAssignment(task: string, value: string): void;
-  scanOllamaSystem(): void;
-  pickOllamaScanFolder(): void;
-  pullOllamaModel(modelName: string): void;
-  setLlamaCppReasoningMode(mode: string): void;
-  setLlamaCppChatFormat(chatFormat: string): void;
-  setLlamaCppNCtx(nCtx: number): void;
-  setLlamaCppNGpuLayers(nGpuLayers: number): void;
-  setLlamaCppNThreads(nThreads: number): void;
-  pickLlamaCppChatModelFile(): void;
-  pickLlamaCppTitleModelFile(): void;
-  setLlamaCppChatModelPath(path: string): void;
-  setLlamaCppTitleModelPath(path: string): void;
-  scanLlamaCppSystem(): void;
-  pickLlamaCppScanFolder(): void;
-  saveLlamaCppSettings(): void;
-  dispose(): void;
-}
-
-/**
- * Each intent applies and republishes immediately - see
- * graphlink_settings_bridge.py's module docstring for why this departs
- * from the original AppearanceSettingsWidget's single batched "Apply"
- * button.
- */
-function parseState(payload: string) {
-  return parseIslandState(payload, validateSettingsState);
-}
-
-class MockSettingsBridge implements SettingsBridge {
-  private state: SettingsState = structuredClone(initialSettingsState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  private publish(next: Partial<SettingsState>) {
-    this.state = { ...this.state, ...next, revision: this.state.revision + 1 };
-    this.listener(this.state);
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  setActiveSection(section: string): void {
-    this.publish({ activeSection: section });
-  }
-
-  setTheme(theme: string): void {
-    this.publish({ theme });
-  }
-
-  setShowTokenCounter(enabled: boolean): void {
-    this.publish({ showTokenCounter: enabled });
-  }
-
-  setEnableSystemPrompt(enabled: boolean): void {
-    this.publish({ enableSystemPrompt: enabled });
-  }
-
-  setNotificationPreference(notificationType: string, enabled: boolean): void {
-    this.publish({
-      notificationPreferences: { ...this.state.notificationPreferences, [notificationType]: enabled },
-    });
-  }
-
-  setUpdateNotificationsEnabled(enabled: boolean): void {
-    this.publish({ updateNotificationsEnabled: enabled });
-  }
-
-  checkForUpdates(): void {
-    // No real UpdateCheckWorker in the mock - simulates an immediate,
-    // successful check so the dev-mode UI has something to show.
-    this.publish({
-      updateCheckInProgress: false,
-      updateStatusMessage: "You're up to date.",
-      updateStatusLevel: "success",
-      updateLatestVersion: "0.0.0-dev",
-    });
-  }
-
-  openRepository(): void {
-    // No real browser to open in the mock/test environment - a no-op,
-    // same treatment as pickOllamaScanFolder's native-dialog stand-in.
-  }
-
-  setGithubToken(token: string): void {
-    // Mirrors the real bridge's write-only contract even in the mock: the
-    // token value itself is never retained in state, only whether one was
-    // set - so a dev-mode/test consumer can't come to rely on getting it
-    // back, a behavior the real bridge structurally cannot provide.
-    this.publish({ githubTokenConfigured: token.trim().length > 0 });
-  }
-
-  clearGithubToken(): void {
-    this.publish({ githubTokenConfigured: false });
-  }
-
-  setApiProvider(provider: string): void {
-    const isGemini = provider === "Google Gemini";
-    this.publish({
-      apiProvider: provider,
-      apiLoadStatus: "idle",
-      notice: null,
-      apiAvailableModels: isGemini ? ["gemini-2.5-flash", "gemini-2.5-pro"] : [],
-      // Faithful to the real bridge: Gemini's image task takes a distinct
-      // curated list, empty for every other provider.
-      apiImageModels: isGemini ? ["gemini-2.5-flash-image", "gemini-3.1-flash-image-preview"] : [],
-      apiTaskModels: {},
-    });
-  }
-
-  saveApiConfiguration(args: SaveApiConfigurationArgs): void {
-    // A lightweight stand-in for saveApiConfiguration()'s real validation -
-    // enough to exercise the UI meaningfully in npm run dev / jsdom smoke
-    // tests, not a faithful reimplementation of the Python-side logic
-    // (that's covered by tests/test_settings_bridge_api_page.py against
-    // the real bridge).
-    if (args.provider === "OpenAI-Compatible" && !args.baseUrl.trim()) {
-      this.publish({ notice: "Please enter the Base URL for the OpenAI-compatible provider." });
-      return;
-    }
-    if (!args.apiKey.trim()) {
-      this.publish({ notice: "Please enter your API Key." });
-      return;
-    }
-    const keyField =
-      args.provider === "OpenAI-Compatible"
-        ? "openaiKeyConfigured"
-        : args.provider === "Anthropic Claude"
-          ? "anthropicKeyConfigured"
-          : "geminiKeyConfigured";
-    this.publish({
-      apiProvider: args.provider,
-      apiBaseUrl: args.baseUrl,
-      apiTaskModels: args.taskModels,
-      notice: null,
-      [keyField]: true,
-    });
-  }
-
-  loadAvailableModels(apiKey: string): void {
-    if (!apiKey.trim()) {
-      this.publish({ notice: "Please enter the API Key." });
-      return;
-    }
-    this.publish({ apiLoadStatus: "done", apiAvailableModels: ["gpt-4o", "gpt-4o-mini"], notice: null });
-  }
-
-  resetApiSettings(): void {
-    this.publish({
-      apiProvider: "OpenAI-Compatible",
-      apiBaseUrl: "https://api.openai.com/v1",
-      openaiKeyConfigured: false,
-      anthropicKeyConfigured: false,
-      geminiKeyConfigured: false,
-      apiTaskModels: {},
-      apiAvailableModels: [],
-      apiImageModels: [],
-      apiLoadStatus: "idle",
-      notice: null,
-    });
-  }
-
-  setOllamaReasoningMode(mode: string): void {
-    this.publish({ ollamaReasoningMode: mode });
-  }
-
-  setOllamaModelAssignment(task: string, value: string): void {
-    this.publish({
-      ollamaModelAssignments: { ...this.state.ollamaModelAssignments, [task]: value || "auto" },
-      ollamaCurrentModel: task === "task_chat" && value ? value : this.state.ollamaCurrentModel,
-    });
-  }
-
-  scanOllamaSystem(): void {
-    this.publish({
-      ollamaScanStatus: "done",
-      ollamaScannedModels: ["llama3:8b", "mistral:7b"],
-      ollamaScanSummary: "Using saved system scan results from local Ollama locations.",
-    });
-  }
-
-  pickOllamaScanFolder(): void {
-    // The mock has no real native file dialog to show - treated the same
-    // as a real "picker cancelled" outcome (a no-op), since there's no
-    // meaningful dev-mode stand-in for a native OS folder picker.
-  }
-
-  pullOllamaModel(modelName: string): void {
-    if (!modelName.trim()) {
-      this.publish({ notice: "Model name cannot be empty." });
-      return;
-    }
-    this.publish({ ollamaPullStatus: "done", ollamaCurrentModel: modelName, notice: null });
-  }
-
-  setLlamaCppReasoningMode(mode: string): void {
-    this.publish({ llamaCppReasoningMode: mode });
-  }
-
-  setLlamaCppChatFormat(chatFormat: string): void {
-    this.publish({ llamaCppChatFormat: chatFormat });
-  }
-
-  setLlamaCppNCtx(nCtx: number): void {
-    this.publish({ llamaCppNCtx: nCtx });
-  }
-
-  setLlamaCppNGpuLayers(nGpuLayers: number): void {
-    this.publish({ llamaCppNGpuLayers: nGpuLayers });
-  }
-
-  setLlamaCppNThreads(nThreads: number): void {
-    this.publish({ llamaCppNThreads: nThreads });
-  }
-
-  pickLlamaCppChatModelFile(): void {
-    // No real native file dialog to show in the mock - same "cancelled
-    // picker" no-op treatment as pickOllamaScanFolder above.
-  }
-
-  pickLlamaCppTitleModelFile(): void {
-    // See pickLlamaCppChatModelFile.
-  }
-
-  setLlamaCppChatModelPath(path: string): void {
-    this.publish({ llamaCppChatModelPath: path.trim() });
-  }
-
-  setLlamaCppTitleModelPath(path: string): void {
-    this.publish({ llamaCppTitleModelPath: path.trim() });
-  }
-
-  scanLlamaCppSystem(): void {
-    this.publish({
-      llamaCppScanStatus: "done",
-      llamaCppScannedModels: ["/models/chat.gguf", "/models/title.gguf"],
-      llamaCppScanSummary: "Using saved system scan results from common local model folders.",
-    });
-  }
-
-  pickLlamaCppScanFolder(): void {
-    // See pickLlamaCppChatModelFile.
-  }
-
-  saveLlamaCppSettings(): void {
-    // Lightweight stand-in, same caveat as saveApiConfiguration above - the
-    // real path-existence/.gguf validation lives in
-    // tests/test_settings_bridge_llamacpp_page.py against the real bridge.
-    if (!this.state.llamaCppChatModelPath.trim()) {
-      this.publish({ notice: "Chat Model File cannot be empty." });
-      return;
-    }
-    this.publish({ notice: null });
-  }
-
-  dispose(): void {}
-}
-
-export function createSettingsBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): SettingsBridge {
-  const fallback = new MockSettingsBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtSettingsObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[settings bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.settingsBridge as QtSettingsObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtSettingsObject>(
-    method: K,
-    ...args: QtSettingsObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    setActiveSection: (section) => call("setActiveSection", section),
-    setTheme: (theme) => call("setTheme", theme),
-    setShowTokenCounter: (enabled) => call("setShowTokenCounter", enabled),
-    setEnableSystemPrompt: (enabled) => call("setEnableSystemPrompt", enabled),
-    setNotificationPreference: (notificationType, enabled) =>
-      call("setNotificationPreference", notificationType, enabled),
-    setUpdateNotificationsEnabled: (enabled) => call("setUpdateNotificationsEnabled", enabled),
-    checkForUpdates: () => call("checkForUpdates"),
-    openRepository: () => call("openRepository"),
-    setGithubToken: (token) => call("setGithubToken", token),
-    clearGithubToken: () => call("clearGithubToken"),
-    setApiProvider: (provider) => call("setApiProvider", provider),
-    saveApiConfiguration: (args) => call("saveApiConfiguration", JSON.stringify(args)),
-    loadAvailableModels: (apiKey) => call("loadAvailableModels", apiKey),
-    resetApiSettings: () => call("resetApiSettings"),
-    setOllamaReasoningMode: (mode) => call("setOllamaReasoningMode", mode),
-    setOllamaModelAssignment: (task, value) => call("setOllamaModelAssignment", task, value),
-    scanOllamaSystem: () => call("scanOllamaSystem"),
-    pickOllamaScanFolder: () => call("pickOllamaScanFolder"),
-    pullOllamaModel: (modelName) => call("pullOllamaModel", modelName),
-    setLlamaCppReasoningMode: (mode) => call("setLlamaCppReasoningMode", mode),
-    setLlamaCppChatFormat: (chatFormat) => call("setLlamaCppChatFormat", chatFormat),
-    setLlamaCppNCtx: (nCtx) => call("setLlamaCppNCtx", nCtx),
-    setLlamaCppNGpuLayers: (nGpuLayers) => call("setLlamaCppNGpuLayers", nGpuLayers),
-    setLlamaCppNThreads: (nThreads) => call("setLlamaCppNThreads", nThreads),
-    pickLlamaCppChatModelFile: () => call("pickLlamaCppChatModelFile"),
-    pickLlamaCppTitleModelFile: () => call("pickLlamaCppTitleModelFile"),
-    setLlamaCppChatModelPath: (path) => call("setLlamaCppChatModelPath", path),
-    setLlamaCppTitleModelPath: (path) => call("setLlamaCppTitleModelPath", path),
-    scanLlamaCppSystem: () => call("scanLlamaCppSystem"),
-    pickLlamaCppScanFolder: () => call("pickLlamaCppScanFolder"),
-    saveLlamaCppSettings: () => call("saveLlamaCppSettings"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/settings/bridgeTypes.ts b/web_ui/src/islands/settings/bridgeTypes.ts
deleted file mode 100644
index 55a78735..00000000
--- a/web_ui/src/islands/settings/bridgeTypes.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * The settings island's state contract.
- *
- * Grown one page at a time per the Phase 3 increment sequence recorded in
- * doc/FRONTEND_WEB_MIGRATION_MASTER_PLAN.md: increment 2 shipped
- * activeSection alone; increment 3 adds the General/Appearance page's
- * fields. Each remaining page's own fields land in its own later
- * increment.
- */
-export type { SettingsState } from "../../lib/bridge-core/generated/settings-state";
-
-import type { SettingsState } from "../../lib/bridge-core/generated/settings-state";
-
-export const SECTION_NAMES = [
-  "General",
-  "Ollama (Local)",
-  "Llama.cpp (Local)",
-  "API Endpoint",
-  "Integrations",
-] as const;
-
-export const NOTIFICATION_TYPES = ["info", "success", "warning", "error"] as const;
-
-export const API_PROVIDERS = ["OpenAI-Compatible", "Anthropic Claude", "Google Gemini"] as const;
-
-export const API_TASKS = [
-  "task_title",
-  "task_chat",
-  "task_chart",
-  "task_image_gen",
-  "task_web_validate",
-  "task_web_summarize",
-] as const;
-
-export const API_TASK_LABELS: Record<(typeof API_TASKS)[number], string> = {
-  task_title: "Chat Naming / Session Title",
-  task_chat: "Chat, Explain, Takeaways (main model)",
-  task_chart: "Chart Generation (code-capable model)",
-  task_image_gen: "Image Generation",
-  task_web_validate: "Web Content Validation",
-  task_web_summarize: "Web Content Summarization",
-};
-
-export const OLLAMA_TASKS = ["task_chat", "task_title", "task_chart", "task_web_validate", "task_web_summarize"] as const;
-
-export const OLLAMA_TASK_LABELS: Record<(typeof OLLAMA_TASKS)[number], string> = {
-  task_chat: "Chat Model",
-  task_title: "Chat Naming Model",
-  task_chart: "Chart Generation Model",
-  task_web_validate: "Web Content Validation Model",
-  task_web_summarize: "Web Content Summarization Model",
-};
-
-export const initialSettingsState: SettingsState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  activeSection: "General",
-  theme: "dark",
-  showTokenCounter: true,
-  enableSystemPrompt: true,
-  notificationPreferences: { info: true, success: true, warning: true, error: true },
-  updateNotificationsEnabled: false,
-  updateStatusMessage: "Automatic update checks are off.",
-  updateStatusLevel: "info",
-  updateLastCheckedAt: "",
-  updateAvailable: false,
-  updateLatestVersion: "",
-  updateCheckInProgress: false,
-  githubTokenConfigured: false,
-  apiProvider: "OpenAI-Compatible",
-  apiBaseUrl: "https://api.openai.com/v1",
-  openaiKeyConfigured: false,
-  anthropicKeyConfigured: false,
-  geminiKeyConfigured: false,
-  apiTaskModels: {},
-  apiAvailableModels: [],
-  apiImageModels: [],
-  apiLoadStatus: "idle",
-  ollamaReasoningMode: "Thinking",
-  ollamaCurrentModel: "",
-  // Matches SettingsManager's real defaults exactly (task_chat starts
-  // "auto", every other task starts "inherit" - see
-  // graphlink_licensing.py::_create_initial_state).
-  ollamaModelAssignments: {
-    task_chat: "auto",
-    task_title: "inherit",
-    task_chart: "inherit",
-    task_web_validate: "inherit",
-    task_web_summarize: "inherit",
-  },
-  ollamaScannedModels: [],
-  ollamaScanSummary: "No saved scan yet. Run a system scan or choose a folder to build the local model list.",
-  ollamaScanStatus: "idle",
-  ollamaPullStatus: "idle",
-  llamaCppReasoningMode: "Thinking",
-  llamaCppChatModelPath: "",
-  llamaCppTitleModelPath: "",
-  llamaCppChatFormat: "",
-  llamaCppNCtx: 4096,
-  llamaCppNGpuLayers: 0,
-  llamaCppNThreads: 0,
-  llamaCppScannedModels: [],
-  llamaCppScanSummary: "No saved GGUF scan yet. Run a system scan or choose a folder to build the local model list.",
-  llamaCppScanStatus: "idle",
-  notice: null,
-};
diff --git a/web_ui/src/islands/settings/index.html b/web_ui/src/islands/settings/index.html
deleted file mode 100644
index dfcbcc6e..00000000
--- a/web_ui/src/islands/settings/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Settings</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/settings/main.tsx b/web_ui/src/islands/settings/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/settings/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/settings/styles.css b/web_ui/src/islands/settings/styles.css
deleted file mode 100644
index 05fdca5d..00000000
--- a/web_ui/src/islands/settings/styles.css
+++ /dev/null
@@ -1,191 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same as every island since
-   token-counter - shell-only content today needs no new tokens, and per the
-   Phase 3 checklist scope note this island still isn't the "island #2"
-   moment css_custom_properties()'s docstring is watching for.
-
-   Sized to match SettingsDialog.show_for_anchor's resize(820, 560) -
-   correct even though nothing constructs this island inside the real
-   dialog yet (Phase 3 increment 8's job), since the size is a property of
-   the content, not of who's hosting it. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.settings-shell {
-  box-sizing: border-box;
-  width: 820px;
-  height: 560px;
-  display: flex;
-  flex-direction: row;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.settings-rail {
-  box-sizing: border-box;
-  width: 200px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 12px;
-  border-right: 1px solid var(--gl-neutral-button-border);
-}
-
-.settings-rail-button {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 10px 12px;
-  text-align: left;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.settings-rail-button:hover {
-  background-color: var(--gl-neutral-button-background);
-}
-
-.settings-rail-button[aria-current="page"] {
-  background-color: var(--gl-neutral-button-background);
-  color: var(--gl-semantic-status-success);
-}
-
-.settings-page {
-  flex: 1;
-  padding: 16px;
-  overflow-y: auto;
-  color: var(--gl-neutral-button-icon);
-  font-size: 13px;
-}
-
-.settings-general-page {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.settings-field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.settings-field-label {
-  font-weight: 600;
-}
-
-.settings-select {
-  box-sizing: border-box;
-  padding: 8px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-}
-
-.settings-checkbox-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-}
-
-.settings-fieldset {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 12px;
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-}
-
-.settings-fieldset legend {
-  padding: 0 4px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.settings-update-status {
-  margin: 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.settings-update-status[data-level="warning"] {
-  color: var(--gl-semantic-status-warning);
-}
-
-.settings-update-status[data-level="error"] {
-  color: var(--gl-semantic-status-error);
-}
-
-.settings-integrations-intro {
-  margin: 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.settings-button-row {
-  display: flex;
-  gap: 8px;
-}
-
-.settings-button {
-  padding: 8px 14px;
-  font-size: 13px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-neutral-button-background);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.settings-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.settings-button-primary {
-  margin-left: auto;
-  border-color: var(--gl-semantic-status-success);
-  color: var(--gl-semantic-status-success);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/islands/token-counter/App.test.tsx b/web_ui/src/islands/token-counter/App.test.tsx
deleted file mode 100644
index cca06c8b..00000000
--- a/web_ui/src/islands/token-counter/App.test.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen } from "@testing-library/react";
-import App from "./App";
-import { initialTokenCounterState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-// jsdom has no window.QWebChannel, so createTokenCounterBridge() falls
-// through to the mock bridge automatically - same pattern as
-// ComposerApp.test.tsx.
-
-describe("App against the mock bridge", () => {
-  it("renders all four rows starting at zero", () => {
-    render(<App />);
-
-    expect(screen.getByText("Input:")).toBeInTheDocument();
-    expect(screen.getByText("Output:")).toBeInTheDocument();
-    expect(screen.getByText("Context:")).toBeInTheDocument();
-    expect(screen.getByText("Total:")).toBeInTheDocument();
-    expect(screen.getAllByText("0")).toHaveLength(4);
-  });
-});
-
-// Confirms App.tsx actually reaches the shared lib/ui/BridgeErrorState on a
-// rejected payload, with this island's own title/className - the shared
-// component's own rendering logic is covered by lib/ui/BridgeErrorState.test.tsx,
-// this only proves the wiring at this specific call site is correct.
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    const qtWindow = window as unknown as QtWindow;
-    delete qtWindow.QWebChannel;
-    delete qtWindow.qt;
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = {
-      stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-      ready: vi.fn(),
-    };
-    class FakeQWebChannel {
-      constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-        cb({ objects: { tokenCounterBridge: remote } });
-      }
-    }
-    const qtWindow = window as unknown as QtWindow;
-    qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-    qtWindow.qt = { webChannelTransport: {} };
-
-    render(<App />);
-    const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    push(JSON.stringify({ ...initialTokenCounterState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("Token counter unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/token-counter/App.tsx b/web_ui/src/islands/token-counter/App.tsx
deleted file mode 100644
index a85f4c55..00000000
--- a/web_ui/src/islands/token-counter/App.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { TokenCounterState, initialTokenCounterState } from "./bridgeTypes";
-import { BridgeRejection, TokenCounterBridge, createTokenCounterBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-type CountField = "inputTokens" | "outputTokens" | "contextTokens" | "totalTokens";
-
-const ROWS: Array<{ key: CountField; label: string }> = [
-  { key: "inputTokens", label: "Input:" },
-  { key: "outputTokens", label: "Output:" },
-  { key: "contextTokens", label: "Context:" },
-  { key: "totalTokens", label: "Total:" },
-];
-
-function App() {
-  const [state, setState] = useState<TokenCounterState>(initialTokenCounterState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<TokenCounterBridge | null>(null);
-
-  useEffect(() => {
-    const bridge = createTokenCounterBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="Token counter unavailable"
-        rejection={rejection}
-        className="token-counter-shell bridge-error"
-      />
-    );
-  }
-
-  return (
-    <div className="token-counter-shell">
-      {ROWS.map(({ key, label }) => (
-        <div className="token-counter-row" key={key}>
-          <span className="token-counter-label">{label}</span>
-          <span className="token-counter-value">{state[key].toLocaleString()}</span>
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/token-counter/bridge.test.ts b/web_ui/src/islands/token-counter/bridge.test.ts
deleted file mode 100644
index 1fd0414a..00000000
--- a/web_ui/src/islands/token-counter/bridge.test.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createTokenCounterBridge } from "./bridge";
-import { initialTokenCounterState, TokenCounterState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<TokenCounterState> = {}): string {
-  return JSON.stringify({ ...initialTokenCounterState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { tokenCounterBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createTokenCounterBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createTokenCounterBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialTokenCounterState);
-  });
-
-  it("dispose() on the mock bridge does not throw", () => {
-    const bridge = createTokenCounterBridge(() => {});
-    expect(() => bridge.dispose()).not.toThrow();
-  });
-});
-
-describe("createTokenCounterBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createTokenCounterBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createTokenCounterBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ inputTokens: 42, totalTokens: 42 }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ inputTokens: 42, totalTokens: 42 }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createTokenCounterBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createTokenCounterBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/token-counter/bridge.ts b/web_ui/src/islands/token-counter/bridge.ts
deleted file mode 100644
index 616d28b6..00000000
--- a/web_ui/src/islands/token-counter/bridge.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { TokenCounterState, initialTokenCounterState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateTokenCounterState } from "../../lib/bridge-core/generated/token-counter-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: TokenCounterState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtTokenCounterObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-}
-
-export interface TokenCounterBridge {
-  ready(): void;
-  dispose(): void;
-}
-
-/**
- * Read-only display, the simplest of the three interaction shapes Phase 2's
- * pilot islands cover: no intents flow back to Python, so this bridge is
- * just parse-state-in + ready()/dispose() - no `call()` dispatcher, unlike
- * composer's bridge.ts, since there is nothing here to dispatch.
- */
-function parseState(payload: string) {
-  return parseIslandState(payload, validateTokenCounterState);
-}
-
-class MockTokenCounterBridge implements TokenCounterBridge {
-  private state: TokenCounterState = structuredClone(initialTokenCounterState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  dispose(): void {}
-}
-
-export function createTokenCounterBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): TokenCounterBridge {
-  const fallback = new MockTokenCounterBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtTokenCounterObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[token-counter bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.tokenCounterBridge as QtTokenCounterObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  return {
-    ready: () => {
-      if (connected && remote) remote.ready();
-    },
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/token-counter/bridgeTypes.ts b/web_ui/src/islands/token-counter/bridgeTypes.ts
deleted file mode 100644
index 44de3b06..00000000
--- a/web_ui/src/islands/token-counter/bridgeTypes.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * The token-counter island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). What legitimately still lives here:
- * initialTokenCounterState, the mock snapshot used for browser-preview/dev
- * and by jsdom tests.
- */
-export type { TokenCounterState } from "../../lib/bridge-core/generated/token-counter-state";
-
-import type { TokenCounterState } from "../../lib/bridge-core/generated/token-counter-state";
-
-export const initialTokenCounterState: TokenCounterState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  inputTokens: 0,
-  outputTokens: 0,
-  contextTokens: 0,
-  totalTokens: 0,
-};
diff --git a/web_ui/src/islands/token-counter/index.html b/web_ui/src/islands/token-counter/index.html
deleted file mode 100644
index 5ec6bf70..00000000
--- a/web_ui/src/islands/token-counter/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Token Counter</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/token-counter/main.tsx b/web_ui/src/islands/token-counter/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/token-counter/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/token-counter/styles.css b/web_ui/src/islands/token-counter/styles.css
deleted file mode 100644
index a0dd90f6..00000000
--- a/web_ui/src/islands/token-counter/styles.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/* Colors deliberately reuse EXISTING app-wide --gl-* tokens (graph-node
-   panel fill / neutral-button border / neutral-button muted-icon) rather
-   than capturing a new island-scoped token group, unlike composer's
-   --gl-composer-*. This island's color needs (3 colors, a static HUD-style
-   panel) are too small to be a meaningful second data point for the shared
-   semantic vocabulary graphlink_styles.py's css_custom_properties()
-   docstring defers until "island #2" - generalizing bg-0/1/2 from
-   composer's 43 rich colors plus this panel's 3 utility colors would mostly
-   just encode composer's shape. Deferred again; recorded here rather than
-   silently. See graphlink_styles.py's _ISLAND_GROUPS docstring and
-   tests/test_theme_tokens.py's two second-island tripwire tests, both left
-   untouched by this island on purpose.
-
-   One accepted visual difference from the old QWidget: the old panel had a
-   semi-transparent rgba(45,45,45,0.7) background; solid --gl-graph-node-panel-fill
-   is used instead, since expressing partial transparency through a CSS custom
-   property would need a color-mix() (or similar) that's more machinery than
-   this small a cosmetic difference is worth. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-}
-
-.token-counter-shell {
-  width: 150px;
-  box-sizing: border-box;
-  padding: 6px 8px;
-  background-color: var(--gl-graph-node-panel-fill);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  font-size: 10px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.token-counter-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  line-height: 1.7;
-}
-
-.token-counter-label {
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.token-counter-value {
-  color: var(--gl-neutral-button-muted-icon);
-  font-variant-numeric: tabular-nums;
-}
-
-.token-counter-shell.bridge-error {
-  width: 220px;
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-}
-
-.bridge-error-hint {
-  margin: 4px 0 0 0;
-}
diff --git a/web_ui/src/islands/toolbar/App.test.tsx b/web_ui/src/islands/toolbar/App.test.tsx
deleted file mode 100644
index 258bfced..00000000
--- a/web_ui/src/islands/toolbar/App.test.tsx
+++ /dev/null
@@ -1,253 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import App from "./App";
-import { initialToolbarState } from "./bridgeTypes";
-import type { QtWindow } from "../../lib/bridge-core/transport";
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    reportAnchorRect: vi.fn(),
-    openLibrary: vi.fn(),
-    saveChat: vi.fn(),
-    togglePins: vi.fn(),
-    organizeNodes: vi.fn(),
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    resetZoom: vi.fn(),
-    fitAll: vi.fn(),
-    toggleControls: vi.fn(),
-    togglePlugins: vi.fn(),
-    selectMode: vi.fn(),
-    openSettings: vi.fn(),
-    openAbout: vi.fn(),
-    openHelp: vi.fn(),
-  };
-  class FakeQWebChannel {
-    constructor(_t: unknown, cb: (channel: { objects: Record<string, unknown> }) => void) {
-      cb({ objects: { toolbarBridge: remote } });
-    }
-  }
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-  return remote;
-}
-
-function uninstall() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-type Remote = ReturnType<typeof installFakeQWebChannel>;
-
-function push(remote: Remote, overrides: Record<string, unknown> = {}) {
-  const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-  handler(
-    JSON.stringify({
-      ...initialToolbarState,
-      revision: 1,
-      modeOptions: ["Ollama (Local)", "llama.cpp (Local)", "API Endpoint"],
-      currentMode: "Ollama (Local)",
-      ...overrides,
-    }),
-  );
-}
-
-describe("App against the mock bridge", () => {
-  afterEach(cleanup);
-
-  it("renders every one of the 14 toolbar intents", () => {
-    render(<App />);
-
-    for (const label of [
-      "Library",
-      "Save",
-      "Pins",
-      "Organize",
-      "Zoom In",
-      "Zoom Out",
-      "Reset",
-      "Fit All",
-      "Controls",
-      "About",
-      "Settings",
-      "Help",
-    ]) {
-      expect(screen.getByRole("button", { name: label })).toBeInTheDocument();
-    }
-    expect(screen.getByRole("button", { name: /Plugins/ })).toBeInTheDocument();
-    expect(screen.getByRole("combobox", { name: "Provider mode" })).toBeInTheDocument();
-  });
-});
-
-describe("App against a real (faked) QWebChannel connection", () => {
-  afterEach(() => {
-    cleanup();
-    uninstall();
-    vi.restoreAllMocks();
-  });
-
-  it("reports all 4 anchor rects on mount", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-
-    await screen.findByRole("button", { name: "Library" });
-
-    const reportedNames = remote.reportAnchorRect.mock.calls.map((call) => call[0]);
-    expect(reportedNames).toEqual(expect.arrayContaining(["pins", "plugins", "settings", "help"]));
-  });
-
-  it("pinsChecked reflects the server-published state, not local click state", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { pinsChecked: false });
-
-    const pinsButton = await screen.findByRole("button", { name: "Pins" });
-    expect(pinsButton).toHaveAttribute("aria-pressed", "false");
-
-    push(remote, { pinsChecked: true });
-    await waitFor(() => expect(pinsButton).toHaveAttribute("aria-pressed", "true"));
-  });
-
-  it("clicking Pins calls togglePins - the button never flips itself locally", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    const pinsButton = await screen.findByRole("button", { name: "Pins" });
-
-    await user.click(pinsButton);
-
-    expect(remote.togglePins).toHaveBeenCalledTimes(1);
-    expect(pinsButton).toHaveAttribute("aria-pressed", "false");
-  });
-
-  it("clicking Controls fires toggleControls but never flips itself locally", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    const controlsButton = await screen.findByRole("button", { name: "Controls" });
-    expect(controlsButton).toHaveAttribute("aria-pressed", "false");
-
-    await user.click(controlsButton);
-    expect(remote.toggleControls).toHaveBeenCalledWith(true);
-    // Server-authoritative: no payload arrived, so the chip stays unpressed.
-    expect(controlsButton).toHaveAttribute("aria-pressed", "false");
-
-    push(remote, { activeSurface: "controls" });
-    await waitFor(() => expect(controlsButton).toHaveAttribute("aria-pressed", "true"));
-
-    await user.click(controlsButton);
-    expect(remote.toggleControls).toHaveBeenLastCalledWith(false);
-    // Still pressed until the server republishes the close.
-    expect(controlsButton).toHaveAttribute("aria-pressed", "true");
-  });
-
-  it("a chip shows active when activeSurface matches and clears when it goes back to empty", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { activeSurface: "" });
-
-    const chips: Array<[string, RegExp | string]> = [
-      ["library", "Library"],
-      ["controls", "Controls"],
-      ["plugins", /Plugins/],
-      ["settings", "Settings"],
-      ["about", "About"],
-      ["help", "Help"],
-    ];
-
-    for (const [surface, label] of chips) {
-      const chip = await screen.findByRole("button", { name: label });
-      expect(chip).toHaveAttribute("aria-pressed", "false");
-
-      push(remote, { activeSurface: surface });
-      await waitFor(() => expect(chip).toHaveAttribute("aria-pressed", "true"));
-      expect(chip.className).toContain("checked");
-
-      push(remote, { activeSurface: "" });
-      await waitFor(() => expect(chip).toHaveAttribute("aria-pressed", "false"));
-      expect(chip.className).not.toContain("checked");
-    }
-  });
-
-  it("only the chip matching activeSurface is pressed, never its siblings", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    push(remote, { activeSurface: "settings" });
-
-    const settings = await screen.findByRole("button", { name: "Settings" });
-    await waitFor(() => expect(settings).toHaveAttribute("aria-pressed", "true"));
-    for (const label of ["Library", "Controls", "About", "Help"]) {
-      expect(screen.getByRole("button", { name: label })).toHaveAttribute("aria-pressed", "false");
-    }
-    expect(screen.getByRole("button", { name: /Plugins/ })).toHaveAttribute("aria-pressed", "false");
-  });
-
-  it("the mode select shows the real options and calls selectMode on change", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    const select = await screen.findByRole("combobox", { name: "Provider mode" });
-    expect(select).toHaveValue("Ollama (Local)");
-
-    await user.selectOptions(select, "API Endpoint");
-
-    expect(remote.selectMode).toHaveBeenCalledWith("API Endpoint");
-  });
-
-  it("every simple action button calls its matching intent exactly once", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByRole("button", { name: "Library" });
-
-    const cases: Array<[string, keyof Remote]> = [
-      ["Library", "openLibrary"],
-      ["Save", "saveChat"],
-      ["Organize", "organizeNodes"],
-      ["Zoom In", "zoomIn"],
-      ["Zoom Out", "zoomOut"],
-      ["Reset", "resetZoom"],
-      ["Fit All", "fitAll"],
-      ["About", "openAbout"],
-      ["Settings", "openSettings"],
-      ["Help", "openHelp"],
-    ];
-
-    for (const [label, method] of cases) {
-      await user.click(screen.getByRole("button", { name: label }));
-      expect(remote[method]).toHaveBeenCalledTimes(1);
-    }
-  });
-
-  it("clicking Plugins calls togglePlugins", async () => {
-    const remote = installFakeQWebChannel();
-    const user = userEvent.setup();
-    render(<App />);
-    push(remote);
-    await screen.findByRole("button", { name: /Plugins/ });
-
-    await user.click(screen.getByRole("button", { name: /Plugins/ }));
-
-    expect(remote.togglePlugins).toHaveBeenCalledTimes(1);
-  });
-
-  it("renders the shared error state on a rejected payload", async () => {
-    const remote = installFakeQWebChannel();
-    render(<App />);
-    const handler = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-    handler(JSON.stringify({ ...initialToolbarState, minCompatibleSchemaVersion: 999 }));
-
-    expect(await screen.findByRole("alert")).toBeInTheDocument();
-    expect(screen.getByText("The toolbar is unavailable")).toBeInTheDocument();
-  });
-});
diff --git a/web_ui/src/islands/toolbar/App.tsx b/web_ui/src/islands/toolbar/App.tsx
deleted file mode 100644
index fbae46a6..00000000
--- a/web_ui/src/islands/toolbar/App.tsx
+++ /dev/null
@@ -1,209 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { ToolbarState, initialToolbarState } from "./bridgeTypes";
-import { BridgeRejection, ToolbarBridge, createToolbarBridge } from "./bridge";
-import { BridgeErrorState } from "../../lib/ui/BridgeErrorState";
-
-// Named anchor points the 4 flyout-opening buttons report their own screen
-// rect for, replacing the native QToolButton reference show_for_anchor()
-// used to depend on directly - see graphlink_toolbar_bridge.py's own
-// AnchorRect docstring for the full rationale.
-const ANCHOR_NAMES = ["pins", "plugins", "settings", "help"] as const;
-type AnchorName = (typeof ANCHOR_NAMES)[number];
-
-function App() {
-  const [state, setState] = useState<ToolbarState>(initialToolbarState);
-  const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const bridgeRef = useRef<ToolbarBridge | null>(null);
-  const rootRef = useRef<HTMLDivElement>(null);
-  const pinsAnchorRef = useRef<HTMLButtonElement>(null);
-  const pluginsAnchorRef = useRef<HTMLButtonElement>(null);
-  const settingsAnchorRef = useRef<HTMLButtonElement>(null);
-  const helpAnchorRef = useRef<HTMLButtonElement>(null);
-  const anchorRefs: Record<AnchorName, React.RefObject<HTMLButtonElement>> = {
-    pins: pinsAnchorRef,
-    plugins: pluginsAnchorRef,
-    settings: settingsAnchorRef,
-    help: helpAnchorRef,
-  };
-
-  useEffect(() => {
-    const bridge = createToolbarBridge(setState, setRejection);
-    bridgeRef.current = bridge;
-    bridge.ready();
-    return () => {
-      bridge.dispose();
-      bridgeRef.current = null;
-    };
-  }, []);
-
-  function reportAnchors() {
-    for (const name of ANCHOR_NAMES) {
-      const element = anchorRefs[name].current;
-      if (!element) continue;
-      const rect = element.getBoundingClientRect();
-      bridgeRef.current?.reportAnchorRect(
-        name,
-        Math.round(rect.left),
-        Math.round(rect.top),
-        Math.round(rect.width),
-        Math.round(rect.height),
-      );
-    }
-  }
-
-  // Report every anchor button's own screen rect whenever the toolbar's
-  // overall layout changes (window resize can reflow where "Plugins" sits,
-  // since it sits before an expanding spacer) - not just once at mount.
-  // getBoundingClientRect() is already relative to this document's own
-  // viewport, exactly the DOM-local coordinates graphlink_toolbar_bridge.py's
-  // reportAnchorRect() expects (it composes them with the host widget's own
-  // mapToGlobal()).
-  useEffect(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    const observer = new ResizeObserver(reportAnchors);
-    observer.observe(root);
-    return () => observer.disconnect();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // The ResizeObserver's own callback only fires on a genuine layout change,
-  // and the QWebChannel handshake (connectQWebChannel, inside the bridge
-  // construction effect above) completes asynchronously - a one-shot report
-  // fired synchronously at mount can race ahead of that handshake and be
-  // silently dropped (the bridge exists but isn't "connected" yet), with
-  // nothing ever re-triggering it in a static window that never resizes.
-  // Re-reporting on every real revision bump is the correctness fix: it
-  // guarantees at least one report happens strictly AFTER the channel is
-  // provably live (this state update could only have arrived over it).
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(reportAnchors, [state.revision]);
-
-  if (rejection) {
-    return (
-      <BridgeErrorState
-        title="The toolbar is unavailable"
-        rejection={rejection}
-        className="toolbar-shell bridge-error"
-      />
-    );
-  }
-
-  // UI-refactor P1 (audit B6): every chip's active visual derives from the
-  // server-published activeSurface ("" when nothing is open) - never from
-  // island-local latched click state. Clicks only fire intents; the bridge
-  // republishes on every open/close, so the visual follows real visibility
-  // (including surfaces closed via Esc, their own Close button, etc.).
-  const isActive = (surface: string) => state.activeSurface === surface;
-  const chipClass = (surface: string) =>
-    "toolbar-btn toolbar-btn-checkable" + (isActive(surface) ? " checked" : "");
-
-  return (
-    <div className="toolbar-shell" ref={rootRef}>
-      <button
-        type="button"
-        className={chipClass("library")}
-        aria-pressed={isActive("library")}
-        onClick={() => bridgeRef.current?.openLibrary()}
-      >
-        Library
-      </button>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.saveChat()}>
-        Save
-      </button>
-      <button
-        type="button"
-        ref={pinsAnchorRef}
-        className={"toolbar-btn toolbar-btn-checkable" + (state.pinsChecked ? " checked" : "")}
-        aria-pressed={state.pinsChecked}
-        title="Show navigation pins"
-        onClick={() => bridgeRef.current?.togglePins()}
-      >
-        Pins
-      </button>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.organizeNodes()}>
-        Organize
-      </button>
-
-      <span className="toolbar-separator" />
-
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.zoomIn()}>
-        Zoom In
-      </button>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.zoomOut()}>
-        Zoom Out
-      </button>
-
-      <span className="toolbar-separator" />
-
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.resetZoom()}>
-        Reset
-      </button>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.fitAll()}>
-        Fit All
-      </button>
-      <button
-        type="button"
-        className={chipClass("controls")}
-        aria-pressed={isActive("controls")}
-        onClick={() => bridgeRef.current?.toggleControls(!isActive("controls"))}
-      >
-        Controls
-      </button>
-
-      <button
-        type="button"
-        ref={pluginsAnchorRef}
-        className={chipClass("plugins") + " toolbar-btn-plugins"}
-        aria-pressed={isActive("plugins")}
-        onClick={() => bridgeRef.current?.togglePlugins()}
-      >
-        Plugins <span className="toolbar-chevron">&#9662;</span>
-      </button>
-
-      <span className="toolbar-spacer" />
-
-      <select
-        className="toolbar-mode-select"
-        value={state.currentMode}
-        aria-label="Provider mode"
-        onChange={(event) => bridgeRef.current?.selectMode(event.target.value)}
-      >
-        {state.modeOptions.map((mode) => (
-          <option key={mode} value={mode}>
-            {mode}
-          </option>
-        ))}
-      </select>
-
-      <button
-        type="button"
-        ref={settingsAnchorRef}
-        className={chipClass("settings")}
-        aria-pressed={isActive("settings")}
-        onClick={() => bridgeRef.current?.openSettings()}
-      >
-        Settings
-      </button>
-      <button
-        type="button"
-        className={chipClass("about")}
-        aria-pressed={isActive("about")}
-        onClick={() => bridgeRef.current?.openAbout()}
-      >
-        About
-      </button>
-      <button
-        type="button"
-        ref={helpAnchorRef}
-        className={chipClass("help")}
-        aria-pressed={isActive("help")}
-        onClick={() => bridgeRef.current?.openHelp()}
-      >
-        Help
-      </button>
-    </div>
-  );
-}
-
-export default App;
diff --git a/web_ui/src/islands/toolbar/bridge.test.ts b/web_ui/src/islands/toolbar/bridge.test.ts
deleted file mode 100644
index f25d7f8a..00000000
--- a/web_ui/src/islands/toolbar/bridge.test.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createToolbarBridge } from "./bridge";
-import { initialToolbarState, ToolbarState } from "./bridgeTypes";
-import { QtWindow } from "../../lib/bridge-core/transport";
-
-function stateJson(overrides: Partial<ToolbarState> = {}): string {
-  return JSON.stringify({ ...initialToolbarState, ...overrides });
-}
-
-function installFakeQWebChannel() {
-  const remote = {
-    stateChanged: { connect: vi.fn(), disconnect: vi.fn() },
-    ready: vi.fn(),
-    reportAnchorRect: vi.fn(),
-    openLibrary: vi.fn(),
-    saveChat: vi.fn(),
-    togglePins: vi.fn(),
-    organizeNodes: vi.fn(),
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    resetZoom: vi.fn(),
-    fitAll: vi.fn(),
-    toggleControls: vi.fn(),
-    togglePlugins: vi.fn(),
-    selectMode: vi.fn(),
-    openSettings: vi.fn(),
-    openAbout: vi.fn(),
-    openHelp: vi.fn(),
-  };
-
-  class FakeQWebChannel {
-    constructor(_transport: unknown, callback: (channel: { objects: Record<string, unknown> }) => void) {
-      callback({ objects: { toolbarBridge: remote } });
-    }
-  }
-
-  const qtWindow = window as unknown as QtWindow;
-  qtWindow.QWebChannel = FakeQWebChannel as unknown as QtWindow["QWebChannel"];
-  qtWindow.qt = { webChannelTransport: {} };
-
-  return remote;
-}
-
-function uninstallFakeQWebChannel() {
-  const qtWindow = window as unknown as QtWindow;
-  delete qtWindow.QWebChannel;
-  delete qtWindow.qt;
-}
-
-describe("createToolbarBridge with no QWebChannel available", () => {
-  it("falls back to the mock bridge and publishes the initial state on ready()", () => {
-    const listener = vi.fn();
-    const bridge = createToolbarBridge(listener);
-
-    bridge.ready();
-
-    expect(listener).toHaveBeenCalledExactlyOnceWith(initialToolbarState);
-  });
-
-  it("every intent on the mock bridge does not throw", () => {
-    const bridge = createToolbarBridge(() => {});
-    expect(() => {
-      bridge.reportAnchorRect("pins", 1, 2, 3, 4);
-      bridge.openLibrary();
-      bridge.saveChat();
-      bridge.togglePins();
-      bridge.organizeNodes();
-      bridge.zoomIn();
-      bridge.zoomOut();
-      bridge.resetZoom();
-      bridge.fitAll();
-      bridge.toggleControls(true);
-      bridge.togglePlugins();
-      bridge.selectMode("Ollama (Local)");
-      bridge.openSettings();
-      bridge.openAbout();
-      bridge.openHelp();
-      bridge.dispose();
-    }).not.toThrow();
-  });
-});
-
-describe("createToolbarBridge against a real QWebChannel connection", () => {
-  it("connects synchronously and calls remote.ready()", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      createToolbarBridge(() => {});
-      expect(remote.ready).toHaveBeenCalledTimes(1);
-      expect(remote.stateChanged.connect).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("forwards state pushed through stateChanged to the listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      createToolbarBridge(listener);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-
-      push(stateJson({ revision: 2, pinsChecked: true, activeSurface: "settings", currentMode: "API Endpoint" }));
-
-      expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ pinsChecked: true, activeSurface: "settings", currentMode: "API Endpoint" }),
-      );
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("each intent calls through to the matching remote method with its args", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createToolbarBridge(() => {});
-
-      bridge.reportAnchorRect("plugins", 10, 20, 30, 40);
-      bridge.openLibrary();
-      bridge.saveChat();
-      bridge.togglePins();
-      bridge.organizeNodes();
-      bridge.zoomIn();
-      bridge.zoomOut();
-      bridge.resetZoom();
-      bridge.fitAll();
-      bridge.toggleControls(true);
-      bridge.togglePlugins();
-      bridge.selectMode("API Endpoint");
-      bridge.openSettings();
-      bridge.openAbout();
-      bridge.openHelp();
-
-      expect(remote.reportAnchorRect).toHaveBeenCalledWith("plugins", 10, 20, 30, 40);
-      expect(remote.openLibrary).toHaveBeenCalledTimes(1);
-      expect(remote.saveChat).toHaveBeenCalledTimes(1);
-      expect(remote.togglePins).toHaveBeenCalledTimes(1);
-      expect(remote.organizeNodes).toHaveBeenCalledTimes(1);
-      expect(remote.zoomIn).toHaveBeenCalledTimes(1);
-      expect(remote.zoomOut).toHaveBeenCalledTimes(1);
-      expect(remote.resetZoom).toHaveBeenCalledTimes(1);
-      expect(remote.fitAll).toHaveBeenCalledTimes(1);
-      expect(remote.toggleControls).toHaveBeenCalledWith(true);
-      expect(remote.togglePlugins).toHaveBeenCalledTimes(1);
-      expect(remote.selectMode).toHaveBeenCalledWith("API Endpoint");
-      expect(remote.openSettings).toHaveBeenCalledTimes(1);
-      expect(remote.openAbout).toHaveBeenCalledTimes(1);
-      expect(remote.openHelp).toHaveBeenCalledTimes(1);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("rejects a payload with an incompatible schema version instead of forwarding it", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const listener = vi.fn();
-      const onRejection = vi.fn();
-      createToolbarBridge(listener, onRejection);
-      const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
-      listener.mockClear();
-
-      push(stateJson({ minCompatibleSchemaVersion: 999 }));
-
-      expect(listener).not.toHaveBeenCalled();
-      expect(onRejection).toHaveBeenCalledWith(expect.objectContaining({ kind: "version" }));
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-
-  it("dispose() disconnects the stateChanged listener", () => {
-    const remote = installFakeQWebChannel();
-    try {
-      const bridge = createToolbarBridge(() => {});
-      const handler = remote.stateChanged.connect.mock.calls[0][0];
-
-      bridge.dispose();
-
-      expect(remote.stateChanged.disconnect).toHaveBeenCalledWith(handler);
-    } finally {
-      uninstallFakeQWebChannel();
-    }
-  });
-});
diff --git a/web_ui/src/islands/toolbar/bridge.ts b/web_ui/src/islands/toolbar/bridge.ts
deleted file mode 100644
index 70846a76..00000000
--- a/web_ui/src/islands/toolbar/bridge.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { ToolbarState, initialToolbarState } from "./bridgeTypes";
-import { isQWebChannelAvailable, connectQWebChannel } from "../../lib/bridge-core/transport";
-import { validateToolbarState } from "../../lib/bridge-core/generated/toolbar-state";
-import {
-  BridgeRejection,
-  RejectionListener,
-  parseIslandState,
-} from "../../lib/bridge-core/islandState";
-
-export type { BridgeRejection, RejectionListener };
-
-type StateListener = (state: ToolbarState) => void;
-
-interface QtSignal<T> {
-  connect(listener: (value: T) => void): void;
-  disconnect?: (listener: (value: T) => void) => void;
-}
-
-interface QtToolbarObject {
-  stateChanged: QtSignal<string>;
-  ready: () => void;
-  reportAnchorRect: (name: string, x: number, y: number, width: number, height: number) => void;
-  openLibrary: () => void;
-  saveChat: () => void;
-  togglePins: () => void;
-  organizeNodes: () => void;
-  zoomIn: () => void;
-  zoomOut: () => void;
-  resetZoom: () => void;
-  fitAll: () => void;
-  toggleControls: (visible: boolean) => void;
-  togglePlugins: () => void;
-  selectMode: (mode: string) => void;
-  openSettings: () => void;
-  openAbout: () => void;
-  openHelp: () => void;
-}
-
-export interface ToolbarBridge {
-  ready(): void;
-  reportAnchorRect(name: string, x: number, y: number, width: number, height: number): void;
-  openLibrary(): void;
-  saveChat(): void;
-  togglePins(): void;
-  organizeNodes(): void;
-  zoomIn(): void;
-  zoomOut(): void;
-  resetZoom(): void;
-  fitAll(): void;
-  toggleControls(visible: boolean): void;
-  togglePlugins(): void;
-  selectMode(mode: string): void;
-  openSettings(): void;
-  openAbout(): void;
-  openHelp(): void;
-  dispose(): void;
-}
-
-function parseState(payload: string) {
-  return parseIslandState(payload, validateToolbarState);
-}
-
-class MockToolbarBridge implements ToolbarBridge {
-  private readonly state: ToolbarState = structuredClone(initialToolbarState);
-  private readonly listener: StateListener;
-
-  constructor(listener: StateListener) {
-    this.listener = listener;
-  }
-
-  ready(): void {
-    this.listener(this.state);
-  }
-
-  reportAnchorRect(): void {}
-  openLibrary(): void {}
-  saveChat(): void {}
-  togglePins(): void {}
-  organizeNodes(): void {}
-  zoomIn(): void {}
-  zoomOut(): void {}
-  resetZoom(): void {}
-  fitAll(): void {}
-  toggleControls(): void {}
-  togglePlugins(): void {}
-  selectMode(): void {}
-  openSettings(): void {}
-  openAbout(): void {}
-  openHelp(): void {}
-  dispose(): void {}
-}
-
-export function createToolbarBridge(
-  listener: StateListener,
-  onRejection?: RejectionListener,
-): ToolbarBridge {
-  const fallback = new MockToolbarBridge(listener);
-
-  if (!isQWebChannelAvailable()) {
-    return fallback;
-  }
-
-  let remote: QtToolbarObject | null = null;
-  let connected = false;
-  const stateListener = (payload: string) => {
-    const outcome = parseState(payload);
-    if (outcome.ok) {
-      listener(outcome.state);
-      onRejection?.(null);
-      return;
-    }
-    console.error(
-      `[toolbar bridge] rejected payload (${outcome.rejection.kind}): ${outcome.rejection.reason}`,
-      outcome.rejection.details,
-    );
-    onRejection?.(outcome.rejection);
-  };
-
-  connectQWebChannel((objects) => {
-    remote = objects.toolbarBridge as QtToolbarObject;
-    remote.stateChanged.connect(stateListener);
-    connected = true;
-    remote.ready();
-  });
-
-  const call = <K extends keyof QtToolbarObject>(
-    method: K,
-    ...args: QtToolbarObject[K] extends (...values: infer A) => void ? A : never
-  ) => {
-    if (connected && remote && typeof remote[method] === "function") {
-      (remote[method] as (...values: unknown[]) => void)(...args);
-    }
-  };
-
-  return {
-    ready: () => call("ready"),
-    reportAnchorRect: (name, x, y, width, height) => call("reportAnchorRect", name, x, y, width, height),
-    openLibrary: () => call("openLibrary"),
-    saveChat: () => call("saveChat"),
-    togglePins: () => call("togglePins"),
-    organizeNodes: () => call("organizeNodes"),
-    zoomIn: () => call("zoomIn"),
-    zoomOut: () => call("zoomOut"),
-    resetZoom: () => call("resetZoom"),
-    fitAll: () => call("fitAll"),
-    toggleControls: (visible) => call("toggleControls", visible),
-    togglePlugins: () => call("togglePlugins"),
-    selectMode: (mode) => call("selectMode", mode),
-    openSettings: () => call("openSettings"),
-    openAbout: () => call("openAbout"),
-    openHelp: () => call("openHelp"),
-    dispose: () => {
-      remote?.stateChanged.disconnect?.(stateListener);
-      remote = null;
-    },
-  };
-}
diff --git a/web_ui/src/islands/toolbar/bridgeTypes.ts b/web_ui/src/islands/toolbar/bridgeTypes.ts
deleted file mode 100644
index aa765ea7..00000000
--- a/web_ui/src/islands/toolbar/bridgeTypes.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * The toolbar island's state contract.
- *
- * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
- * generated file, not a hand mirror). `pinsChecked` is server-authoritative
- * (the pin overlay can close via paths other than this button, e.g. the
- * panel's own Close button). `activeSurface` (UI-refactor P1, audit B6) is
- * the server-published name of the surface currently open ("" when none) -
- * every chip renders its active visual from THIS, never from island-local
- * latched click state.
- */
-export type { ToolbarState } from "../../lib/bridge-core/generated/toolbar-state";
-
-import type { ToolbarState } from "../../lib/bridge-core/generated/toolbar-state";
-
-export const initialToolbarState: ToolbarState = {
-  schemaVersion: 1,
-  minCompatibleSchemaVersion: 1,
-  revision: 0,
-  pinsChecked: false,
-  activeSurface: "",
-  modeOptions: [],
-  currentMode: "",
-};
diff --git a/web_ui/src/islands/toolbar/index.html b/web_ui/src/islands/toolbar/index.html
deleted file mode 100644
index ea089674..00000000
--- a/web_ui/src/islands/toolbar/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#1a1a1a" />
-    <title>Graphlink Toolbar</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>
diff --git a/web_ui/src/islands/toolbar/main.tsx b/web_ui/src/islands/toolbar/main.tsx
deleted file mode 100644
index bb58ae83..00000000
--- a/web_ui/src/islands/toolbar/main.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "../../lib/ui/base.css";
-import "./styles.css";
-
-// See composer/main.tsx for the full rationale: styles.css resolves colors
-// through var(--gl-*), which only exist in the real app via the Python
-// host's build-time :root injection - npm run dev has no Python in the
-// loop, so this supplies the same variables for browser preview.
-if (import.meta.env.DEV) {
-  await import("../../lib/tokens/gl-vars-dev.css");
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
diff --git a/web_ui/src/islands/toolbar/styles.css b/web_ui/src/islands/toolbar/styles.css
deleted file mode 100644
index c0f934cb..00000000
--- a/web_ui/src/islands/toolbar/styles.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/* Colors reuse EXISTING app-wide --gl-* tokens, same convention every
-   island since token-counter follows. This host has a fixed height
-   (TOOLBAR_HEIGHT in graphlink_toolbar_web.py) but stretches to the full
-   window width via WebIslandHost's Expanding horizontal size policy - see
-   that file's module docstring. */
-
-html,
-body,
-#root {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  height: 100%;
-}
-
-.toolbar-shell {
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px;
-  font-family: var(--gl-font-family, system-ui, sans-serif);
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-panel-fill);
-  border-bottom: 1px solid var(--gl-neutral-button-border);
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.toolbar-btn {
-  flex-shrink: 0;
-  padding: 6px 10px;
-  font-size: 12px;
-  font-weight: 600;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.toolbar-btn:hover {
-  background-color: var(--gl-neutral-button-hover);
-}
-
-.toolbar-btn-checkable.checked {
-  background-color: var(--gl-neutral-button-hover);
-  color: var(--gl-palette-selection);
-}
-
-.toolbar-btn-plugins {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.toolbar-chevron {
-  font-size: 9px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.toolbar-separator {
-  flex-shrink: 0;
-  width: 1px;
-  height: 18px;
-  margin: 0 4px;
-  background-color: var(--gl-neutral-button-border);
-}
-
-.toolbar-spacer {
-  flex: 1;
-  min-width: 8px;
-}
-
-.toolbar-mode-select {
-  flex-shrink: 0;
-  min-width: 150px;
-  padding: 6px 8px;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--gl-neutral-button-icon);
-  background-color: var(--gl-graph-node-body-start);
-  border: 1px solid var(--gl-neutral-button-border);
-  border-radius: 6px;
-  outline: none;
-}
-
-.toolbar-mode-select:focus {
-  border-color: var(--gl-palette-selection);
-}
-
-.bridge-error-title {
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.bridge-error-reason {
-  margin: 0 0 4px 0;
-  font-size: 13px;
-}
-
-.bridge-error-details {
-  margin: 0;
-  padding-left: 16px;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
-
-.bridge-error-hint {
-  margin: 8px 0 0 0;
-  font-size: 12px;
-  color: var(--gl-neutral-button-muted-icon);
-}
diff --git a/web_ui/src/lib/no-raw-colors.test.ts b/web_ui/src/lib/no-raw-colors.test.ts
index 1d3cb1ff..aef29b48 100644
--- a/web_ui/src/lib/no-raw-colors.test.ts
+++ b/web_ui/src/lib/no-raw-colors.test.ts
@@ -1,15 +1,19 @@
 /**
- * Repo-hygiene guard for section 3.4's rule: "Raw hex in island CSS is
- * banned." Scoped to src/islands/** so it automatically covers every future
- * island, not just composer - nobody has to remember to extend this file
- * when island #2 is added.
+ * Repo-hygiene guard for section 3.4's rule: raw hex in hand-authored UI CSS
+ * is banned - every color must come from a var(--gl-*) design token.
+ *
+ * R7.6a repointed this from src/islands/** to src/app/**: the 19 islands were
+ * deleted with the Qt hosts that embedded them, and the SPA under src/app is
+ * now the only hand-authored UI in the repo. The glob stays directory-scoped
+ * rather than file-listed for the same reason as before - it covers every
+ * future component automatically, with nobody needing to remember this file.
  *
  * EXCLUDED, and why:
  * - src/lib/tokens/*.css (gl-theme.css, gl-vars-dev.css) are GENERATED and
  *   contain real color values by design - that is their entire purpose.
  *   Each already has its own staleness pytest guarding its content; this
  *   file only cares about hand-authored island CSS.
- * - web_ui/src/islands/composer/index.html's
+ * - a document's
  *   `<meta name="theme-color" content="#1a1a1a">` is a deliberate, narrow
  *   exception, not an oversight: it is a browser/OS chrome hint (the tab/
  *   task-switcher accent color), read before any CSS or JS runs, so it
@@ -84,23 +88,52 @@ function findColorLiteralsInInlineStyles(source: string): string[] {
   return found;
 }
 
-describe("no raw color literals in island CSS", () => {
-  const cssFiles = globSync("islands/**/*.css", { cwd: REPO_SRC });
-
-  it("found at least one island CSS file to scan (sanity check the glob itself)", () => {
+// R7.6a: the SPA came under this guard for the first time when the glob moved
+// off the deleted islands tree, and it immediately surfaced 8 literals that
+// had never been checked. They are PINNED here rather than silently excluded,
+// deliberately mirroring qt_burndown.json's own idiom: the count may only go
+// down, and any NEW literal fails the build.
+//
+// They are not swapped for tokens in THIS increment because none is a
+// like-for-like substitution - doing it correctly changes rendered output and
+// belongs in a design pass, not an island deletion:
+//   - `0 8px 28px rgba(0,0,0,0.45)` and `0 12px 40px rgba(0,0,0,0.55)` match no
+//     existing token: --gl-shadow-3 is `0 8px 28px rgba(0,0,0,0.55)`, so it
+//     shares geometry with one and alpha with the other but equals neither.
+//   - `rgba(0,0,0,0.43)` is a scrim with no token of any kind.
+//   - `var(--gl-accent, #6ea8fe)`'s fallback is load-bearing: --gl-accent is
+//     not defined in the generated token files, so the literal is what
+//     actually renders. Dropping it would remove the color entirely.
+const PINNED_APP_CSS_LITERALS: Record<string, string[]> = {
+  "app\\styles.css": [
+    "rgba(0, 0, 0, 0.45)",
+    "rgba(0, 0, 0, 0.45)",
+    "rgba(0, 0, 0, 0.43)",
+    "rgba(0, 0, 0, 0.55)",
+    "rgba(0, 0, 0, 0.55)",
+    "rgba(0, 0, 0, 0.45)",
+    "#6ea8fe",
+    "rgba(0, 0, 0, 0.45)",
+  ],
+};
+
+describe("no raw color literals in app CSS", () => {
+  const cssFiles = globSync("app/**/*.css", { cwd: REPO_SRC });
+
+  it("found at least one app CSS file to scan (sanity check the glob itself)", () => {
     expect(cssFiles.length).toBeGreaterThan(0);
   });
 
-  it.each(cssFiles)("%s has zero hardcoded hex/rgba literals", (relPath) => {
+  it.each(cssFiles)("%s has no unpinned hardcoded hex/rgba literals", (relPath) => {
     const css = readFileSync(join(REPO_SRC, relPath), "utf-8");
     const literals = findColorLiteralsInCssDeclarationValues(css);
 
-    expect(literals).toEqual([]);
+    expect(literals).toEqual(PINNED_APP_CSS_LITERALS[relPath] ?? []);
   });
 });
 
 describe("no raw color literals in island TSX inline styles", () => {
-  const sourceFiles = globSync("islands/**/*.{ts,tsx}", { cwd: REPO_SRC }).filter(
+  const sourceFiles = globSync("app/**/*.{ts,tsx}", { cwd: REPO_SRC }).filter(
     (path) => !path.includes(".test."),
   );
 
diff --git a/web_ui/vite.config.ts b/web_ui/vite.config.ts
index fab17a69..c64b5648 100644
--- a/web_ui/vite.config.ts
+++ b/web_ui/vite.config.ts
@@ -6,54 +6,37 @@ import tailwindcss from "@tailwindcss/vite";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
-// One entry per island. Each island builds as its own fully self-contained
-// bundle (own index.html, own outDir) - not a shared-chunk multi-page app -
-// since graphlink_composer_web.py's _inline_bundle() inlines exactly one
-// CSS file + one JS module per island into a single offline HTML document.
-// Registering an island here does not build it; GRAPHLINK_ISLAND below
-// selects which one this invocation builds.
-const ISLANDS = ["composer", "token-counter", "notification", "command-palette", "settings", "about", "help", "document-viewer", "chat-library", "search-overlay", "pin-overlay", "composer-picker", "composer-context", "toolbar", "plugin-picker", "grid-control", "font-control", "drag-speed", "minimap"];
-
-// Qt-removal plan R0 (doc/QT_REMOVAL_PLAN.md): "app" is the single-SPA
-// target that consolidates the islands. Unlike islands it is SERVED by the
-// Python backend (not inlined into a Qt webview), so it has no single-chunk
-// constraint and builds to dist/app instead of ../assets/<island>. The
-// island targets stay buildable until the R7 cutover deletes the Qt hosts.
-const APP_TARGET = "app";
-
-const island = process.env.GRAPHLINK_ISLAND || "composer";
-const isApp = island === APP_TARGET;
-if (!isApp && !ISLANDS.includes(island)) {
-  throw new Error(
-    `Unknown island "${island}" (set via GRAPHLINK_ISLAND). Known islands: ${[APP_TARGET, ...ISLANDS].join(", ")}`,
-  );
-}
+// Qt-removal plan R7.6a: the SPA under src/app is now the ONLY build target.
+//
+// This config used to carry a 19-entry ISLANDS registry and a GRAPHLINK_ISLAND
+// env switch, because each Qt webview hosted its own fully self-contained
+// bundle (own index.html, own outDir under ../assets/<island>) that
+// graphlink_composer_web.py's _inline_bundle() inlined into a single offline
+// HTML document. R7.6a deleted every island - the SPA replaced all 19 - so the
+// switch, the registry, and the per-island outDir have nothing left to select
+// between. `npm run dev` and `npm run build` now just build the app.
 
 export default defineConfig({
   plugins: [tailwindcss(), react()],
   base: "./",
-  root: resolve(__dirname, isApp ? "src/app" : `src/islands/${island}`),
-  // The desktop app's live dev-server mode (GRAPHLINK_FRONTEND_DEV_URL)
-  // allowlists ONE exact origin in its WebEngine request interceptor. These
-  // three settings keep the real served origin pinned to that expectation:
-  // the literal IP avoids localhost's IPv4/IPv6 resolution split, and
-  // strictPort makes a taken port fail loud at startup instead of silently
-  // drifting to 5174+ where the interceptor would block everything.
+  root: resolve(__dirname, "src/app"),
+  // The desktop shell's live dev-server mode (GRAPHLINK_FRONTEND_DEV_URL)
+  // allowlists ONE exact origin. These three settings keep the real served
+  // origin pinned to that expectation: the literal IP avoids localhost's
+  // IPv4/IPv6 resolution split, and strictPort makes a taken port fail loud at
+  // startup instead of silently drifting to 5174+ where the allowlist would
+  // block everything.
   server: {
     host: "127.0.0.1",
     port: 5173,
     strictPort: true,
-    // App-target dev mode talks to a locally running backend; islands never
-    // proxy (their transport is QWebChannel, not HTTP).
-    proxy: isApp
-      ? {
-          "/api": "http://127.0.0.1:8765",
-          "/ws": { target: "ws://127.0.0.1:8765", ws: true },
-        }
-      : undefined,
+    proxy: {
+      "/api": "http://127.0.0.1:8765",
+      "/ws": { target: "ws://127.0.0.1:8765", ws: true },
+    },
   },
   build: {
-    outDir: resolve(__dirname, isApp ? "dist/app" : `../assets/${island}`),
+    outDir: resolve(__dirname, "dist/app"),
     emptyOutDir: true,
     sourcemap: false,
   },