From 00483064e2a170bfef1e553c9f1bc42544d3de70 Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Wed, 19 Aug 2026 11:20:30 +0800
Subject: [PATCH 1/7] feat(info-base): implement graph navigation experience

- Add bounded graph retrieval, recall routing, previews, and entity inspectors
- Rework graph presentation and remove low-value unit-test infrastructure
---
 .changeset/graph-navigation-retrieval.md      |   7 +
 .github/workflows/ci.yml                      |   9 -
 AGENTS.md                                     |   4 +-
 apps/client-web/package.json                  |  15 +-
 apps/client-web/src/App.vue                   |   2 +
 .../BlockInspectorPopup.vue                   |   2 +-
 .../info-base/BlockNode/BlockNode.scss        |  79 +-
 .../info-base/BlockNode/BlockNode.ts          |   5 +-
 .../info-base/BlockNode/BlockNode.vue         |  38 +-
 .../CommunityNavigator.scss                   |  39 -
 .../CommunityNavigator/CommunityNavigator.vue |  55 --
 .../LayoutSelector/LayoutSelector.scss        |  16 -
 .../LayoutSelector/LayoutSelector.vue         |  97 ---
 .../PreviewRenderer/PreviewRenderer.ts        |   3 +
 .../PreviewRenderer/PreviewRenderer.vue       |  13 +
 .../info-base/RelationEdge/RelationEdge.scss  |  78 +-
 .../info-base/RelationEdge/RelationEdge.ts    |   7 +-
 .../info-base/RelationEdge/RelationEdge.vue   |  27 +-
 .../RelationInspectorPopup.ts                 |   5 +
 .../RelationInspectorPopup.vue                |  91 +++
 .../SolvedContentPopup/SolvedContentPopup.vue |   2 +-
 .../info-base/resolvers/ContentPreview.vue    |  77 ++
 .../obsrv/LogEntry/LogEntry.spec.ts           |  90 ---
 .../obsrv/LogsViewer/LogsViewer.spec.ts       | 236 ------
 .../src/components/recall/RecallSearch.vue    | 196 +++++
 .../src/components/recall/recall-search.ts    |  11 +
 .../src/composables/layouts/index.ts          |   4 -
 .../composables/layouts/useCircularLayout.ts  |  80 --
 .../src/composables/layouts/useDagreLayout.ts | 109 ---
 .../src/composables/layouts/useGridLayout.ts  |  71 --
 .../composables/layouts/useRadialLayout.ts    | 202 -----
 .../src/composables/use-either.spec.ts        |  87 --
 .../composables/useAllCommunitiesLayout.ts    | 303 -------
 .../src/composables/useCommunityDetection.ts  | 132 ---
 .../src/composables/useForceLayout.ts         | 194 -----
 .../src/composables/useLayoutManager.ts       | 157 ----
 .../src/composables/useTopologyDetection.ts   | 341 --------
 apps/client-web/src/core.spec.ts              |  14 -
 apps/client-web/src/core.ts                   |  10 +
 apps/client-web/src/router.ts                 |  66 +-
 .../src/views/info-base/graph/graph-model.ts  |  56 ++
 .../src/views/info-base/graph/graph.scss      | 126 ++-
 .../src/views/info-base/graph/graph.vue       | 651 ++++++++-------
 .../src/views/info-base/list/list.vue         |   5 +
 apps/client-web/tests/setup.ts                |   7 -
 apps/client-web/tsconfig.node.json            |   1 -
 apps/client-web/vitest.config.ts              |  70 --
 .../useWebExtensionStorage.spec.ts            |  48 --
 apps/client-webext/package.json               |   3 +-
 apps/client-webext/tests/setup.ts             |   2 -
 apps/client-webext/vitest.config.ts           |  19 -
 .../client-runtime-and-delegation.md          |   4 +
 docs/30-unit-tdd/info-base.md                 |  31 +
 .../contentEmail/contentEmailPreview.vue      |  49 ++
 .../contentMailFactPreview.vue                |  38 +
 .../contentMimePartPreview.vue                |  30 +
 extensions/mail/src/resolver.ts               |  10 +-
 .../contentTweet/contentTweetPreview.vue      |  49 ++
 extensions/twitter/src/resolver.ts            |   2 +
 package.json                                  |  10 +-
 packages/core/package.json                    |   4 -
 packages/core/src/auth/store.test.ts          |  33 -
 packages/core/src/auth/store.ts               |   6 +-
 packages/core/src/config/schema.test.ts       |  45 --
 .../src/database/runtime-contract.test.ts     |  21 -
 packages/core/src/extension/host.test.ts      | 362 ---------
 packages/core/src/extension/model.test.ts     |  29 -
 .../src/extension/postgrest-state.test.ts     | 121 ---
 packages/core/src/extension/registry.test.ts  |  89 ---
 .../src/graph-navigation-retrieval/index.ts   |   1 +
 .../src/graph-navigation-retrieval/main.ts    | 385 +++++++++
 packages/core/src/index.ts                    |  17 +-
 packages/core/src/info-base/block.test.ts     |  75 --
 packages/core/src/info-base/block.ts          |  24 +
 packages/core/src/info-base/relation.ts       |  33 +-
 packages/core/src/info-base/resolvers/base.ts |  13 +-
 .../src/info-base/resolvers/contracts.test.ts |  79 --
 .../resolvers/semantic-content.test.ts        |  81 --
 packages/core/src/info-base/router.ts         |  16 +-
 .../core/src/info-base/storages/http.test.ts  |  41 -
 .../src/info-base/storages/postgresql.test.ts |  71 --
 .../core/src/lexical-retrieval/main.test.ts   |  51 --
 packages/core/src/peer/http.test.ts           |  99 ---
 packages/core/src/peer/manager.test.ts        | 121 ---
 .../core/src/semantic-retrieval/main.test.ts  |  43 -
 .../core/src/sink/graph/community-types.ts    |  25 -
 .../core/src/sink/graph/distance-matrix.ts    | 154 ----
 packages/core/src/sink/graph/graph-types.ts   | 120 ---
 packages/core/src/sink/graph/index.ts         |   6 -
 packages/core/src/sink/graph/layout-types.ts  | 160 ----
 packages/core/src/sink/graph/mds.ts           | 113 ---
 .../core/src/sink/graph/topology-types.ts     |  59 --
 packages/core/src/sink/index.ts               |   1 -
 packages/core/vitest.config.ts                |  11 -
 pnpm-lock.yaml                                | 752 ------------------
 scripts/check-local-runtime-contract.mjs      |   6 +-
 scripts/core-release-lib.test.mjs             | 114 ---
 scripts/database-provider.test.mjs            | 178 -----
 scripts/database-runtime-external.test.mjs    | 128 ---
 scripts/database-runtime-peer.test.mjs        |  75 --
 .../native-extension-distribution.test.mjs    | 315 --------
 scripts/ui-source.test.mjs                    | 108 ---
 scripts/vitest.config.ts                      |  11 -
 vitest.config.ts                              |  18 -
 104 files changed, 1866 insertions(+), 6533 deletions(-)
 create mode 100644 .changeset/graph-navigation-retrieval.md
 delete mode 100644 apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.scss
 delete mode 100644 apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.vue
 delete mode 100644 apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.scss
 delete mode 100644 apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.vue
 create mode 100644 apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.ts
 create mode 100644 apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.vue
 create mode 100644 apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.ts
 create mode 100644 apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
 create mode 100644 apps/client-web/src/components/info-base/resolvers/ContentPreview.vue
 delete mode 100644 apps/client-web/src/components/obsrv/LogEntry/LogEntry.spec.ts
 delete mode 100644 apps/client-web/src/components/obsrv/LogsViewer/LogsViewer.spec.ts
 create mode 100644 apps/client-web/src/components/recall/RecallSearch.vue
 create mode 100644 apps/client-web/src/components/recall/recall-search.ts
 delete mode 100644 apps/client-web/src/composables/layouts/index.ts
 delete mode 100644 apps/client-web/src/composables/layouts/useCircularLayout.ts
 delete mode 100644 apps/client-web/src/composables/layouts/useDagreLayout.ts
 delete mode 100644 apps/client-web/src/composables/layouts/useGridLayout.ts
 delete mode 100644 apps/client-web/src/composables/layouts/useRadialLayout.ts
 delete mode 100644 apps/client-web/src/composables/use-either.spec.ts
 delete mode 100644 apps/client-web/src/composables/useAllCommunitiesLayout.ts
 delete mode 100644 apps/client-web/src/composables/useCommunityDetection.ts
 delete mode 100644 apps/client-web/src/composables/useForceLayout.ts
 delete mode 100644 apps/client-web/src/composables/useLayoutManager.ts
 delete mode 100644 apps/client-web/src/composables/useTopologyDetection.ts
 delete mode 100644 apps/client-web/src/core.spec.ts
 create mode 100644 apps/client-web/src/views/info-base/graph/graph-model.ts
 delete mode 100644 apps/client-web/tests/setup.ts
 delete mode 100644 apps/client-web/vitest.config.ts
 delete mode 100644 apps/client-webext/composables/useWebExtensionStorage.spec.ts
 delete mode 100644 apps/client-webext/tests/setup.ts
 delete mode 100644 apps/client-webext/vitest.config.ts
 create mode 100644 extensions/mail/src/components/contentEmail/contentEmailPreview.vue
 create mode 100644 extensions/mail/src/components/contentMailFact/contentMailFactPreview.vue
 create mode 100644 extensions/mail/src/components/contentMimePart/contentMimePartPreview.vue
 create mode 100644 extensions/twitter/src/components/contentTweet/contentTweetPreview.vue
 delete mode 100644 packages/core/src/auth/store.test.ts
 delete mode 100644 packages/core/src/config/schema.test.ts
 delete mode 100644 packages/core/src/database/runtime-contract.test.ts
 delete mode 100644 packages/core/src/extension/host.test.ts
 delete mode 100644 packages/core/src/extension/model.test.ts
 delete mode 100644 packages/core/src/extension/postgrest-state.test.ts
 delete mode 100644 packages/core/src/extension/registry.test.ts
 create mode 100644 packages/core/src/graph-navigation-retrieval/index.ts
 create mode 100644 packages/core/src/graph-navigation-retrieval/main.ts
 delete mode 100644 packages/core/src/info-base/block.test.ts
 delete mode 100644 packages/core/src/info-base/resolvers/contracts.test.ts
 delete mode 100644 packages/core/src/info-base/resolvers/semantic-content.test.ts
 delete mode 100644 packages/core/src/info-base/storages/http.test.ts
 delete mode 100644 packages/core/src/info-base/storages/postgresql.test.ts
 delete mode 100644 packages/core/src/lexical-retrieval/main.test.ts
 delete mode 100644 packages/core/src/peer/http.test.ts
 delete mode 100644 packages/core/src/peer/manager.test.ts
 delete mode 100644 packages/core/src/semantic-retrieval/main.test.ts
 delete mode 100644 packages/core/src/sink/graph/community-types.ts
 delete mode 100644 packages/core/src/sink/graph/distance-matrix.ts
 delete mode 100644 packages/core/src/sink/graph/graph-types.ts
 delete mode 100644 packages/core/src/sink/graph/index.ts
 delete mode 100644 packages/core/src/sink/graph/layout-types.ts
 delete mode 100644 packages/core/src/sink/graph/mds.ts
 delete mode 100644 packages/core/src/sink/graph/topology-types.ts
 delete mode 100644 packages/core/src/sink/index.ts
 delete mode 100644 packages/core/vitest.config.ts
 delete mode 100644 scripts/core-release-lib.test.mjs
 delete mode 100644 scripts/database-provider.test.mjs
 delete mode 100644 scripts/database-runtime-external.test.mjs
 delete mode 100644 scripts/database-runtime-peer.test.mjs
 delete mode 100644 scripts/native-extension-distribution.test.mjs
 delete mode 100644 scripts/ui-source.test.mjs
 delete mode 100644 scripts/vitest.config.ts
 delete mode 100644 vitest.config.ts

diff --git a/.changeset/graph-navigation-retrieval.md b/.changeset/graph-navigation-retrieval.md
new file mode 100644
index 0000000..de0dfff
--- /dev/null
+++ b/.changeset/graph-navigation-retrieval.md
@@ -0,0 +1,7 @@
+---
+'@inkcre/core': minor
+'@inkcre/ext-mail': minor
+'@inkcre/ext-twitter': minor
+---
+
+Add peer-local graph-navigation retrieval and the required Resolver preview presentation contract.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 2a78369..3df851d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -204,15 +204,6 @@ jobs:
           --core-package packages/core/package.json
           --artifact-directory extensions/twitter/dist/client-web
 
-      - name: Upload unit-test evidence on failure
-        if: failure()
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-        with:
-          name: workspace-failure-evidence
-          path: test-results/vitest
-          if-no-files-found: ignore
-          retention-days: 7
-
   toolchain-shadow:
     name: Type-aware and TypeScript 7 shadow
     runs-on: ubuntu-latest
diff --git a/AGENTS.md b/AGENTS.md
index be1fd1a..b5df922 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -18,7 +18,7 @@ Reason in English. Communicate with humans in Chinese.
 
 - Run `svc status . --json`, then use `svc lookup --keyword` and `svc lookup --path` only for guidance required by the current pressure.
 - Read the active Task Packet, relevant durable owner, and nearest local `AGENTS.md` before editing.
-- Resolve one semantic owner before adding durable material. Prefer code, types, tests, configuration, and CI for mechanically enforceable truth.
+- Resolve one semantic owner before adding durable material. Prefer code, types, configuration, and CI for mechanically enforceable truth.
 - Before a reference-sensitive, logic-altering, or non-obviously-local durable mutation, state the target, objective `From -> To`, operation, blast radius, invariants, verification, and uncertainty.
 - Search before creating a type, utility, document, or abstraction.
 - Keep Task Packets compact and disposable. Add supporting entries only when a distinct owner and coordination pressure exist.
@@ -31,6 +31,8 @@ Reason in English. Communicate with humans in Chinese.
 - Develop: `pnpm dev`, `pnpm dev:all`, or an explicit source lane documented in `docs/40-deployment/development-runtime.md`.
 - Required verification: `pnpm check`; required production outputs: `pnpm build`.
 - Shadow verification: `pnpm lint:type-aware` and `pnpm type-check:ts7`.
+- Follow the organization-wide [Verification and Test Policy](https://github.com/InKCre/.github/blob/main/TESTING.md).
+  The admitted Playwright E2E suites do not authorize new automation by analogy.
 - Follow `.agents/prompts/code-for-human.md` for source changes.
 - Require explicit Human authorization before modifying source code and before commit, push, or external publication. Task Packet maintenance is exempt from the source gate.
 
diff --git a/apps/client-web/package.json b/apps/client-web/package.json
index 614bd90..6b75b2e 100644
--- a/apps/client-web/package.json
+++ b/apps/client-web/package.json
@@ -8,8 +8,7 @@
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
-    "type-check": "vue-tsc --build",
-    "test": "pnpm --dir ../.. exec vitest --project client-web"
+    "type-check": "vue-tsc --build"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.20.0",
@@ -23,19 +22,10 @@
     "@module-federation/runtime": "^0.21.4",
     "@supabase/postgrest-js": "^2.84.0",
     "@vue-flow/background": "^1.3.2",
-    "@vue-flow/controls": "^1.1.3",
     "@vue-flow/core": "^1.48.1",
-    "@vue-flow/minimap": "^1.5.4",
     "@vueuse/core": "^14.0.0",
-    "d3-force": "^3.0.0",
-    "dagre": "^0.8.5",
     "dayjs": "^1.11.19",
-    "graphology": "^0.26.0",
-    "graphology-communities-louvain": "^2.0.2",
-    "graphology-dag": "^0.4.1",
-    "graphology-shortest-path": "^2.1.0",
     "jose": "^6.1.2",
-    "ml-matrix": "^6.12.1",
     "pinia": "^3.0.3",
     "vscode-json-languageservice": "^5.6.4",
     "vscode-languageserver-textdocument": "^1.0.12",
@@ -51,12 +41,9 @@
     "@module-federation/enhanced": "^0.22.0",
     "@module-federation/vite": "^1.1.0",
     "@tsconfig/node22": "^22.0.2",
-    "@types/d3-force": "^3.0.10",
-    "@types/dagre": "^0.7.53",
     "@types/node": "^22.16.5",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.2",
-    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "get-port": "^7.1.0",
     "npm-run-all2": "^8.0.4",
diff --git a/apps/client-web/src/App.vue b/apps/client-web/src/App.vue
index 6ce1849..d58aa6c 100644
--- a/apps/client-web/src/App.vue
+++ b/apps/client-web/src/App.vue
@@ -6,6 +6,7 @@ import router from './router'
 import { createInkRouterAdapter } from './router'
 import { INK_ROUTER_KEY } from '@inkcre/ui-web'
 import { useRoute } from 'vue-router'
+import RecallSearch from './components/recall/RecallSearch.vue'
 
 provide(INK_ROUTER_KEY, createInkRouterAdapter(router, useRoute()))
 
@@ -25,6 +26,7 @@ const sidebarExpanded = ref(false)
       <router-view />
       <AppSidePanel v-model:expanded="sidebarExpanded" />
     </div>
+    <RecallSearch />
   </div>
 </template>
 
diff --git a/apps/client-web/src/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue b/apps/client-web/src/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue
index fdbce2c..c0899c2 100644
--- a/apps/client-web/src/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue
+++ b/apps/client-web/src/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue
@@ -78,7 +78,7 @@ async function ruminate(): Promise<void> {
 </script>
 
 <template>
-  <InkPopup :open="open" position="right" @update:open="onOpenChange">
+  <InkPopup :open="open" :scrim="false" position="right" @update:open="onOpenChange">
     <section class="block-inspector-popup">
       <header class="block-inspector-popup__header">
         <h3>{{ t('infoBase.blockInspector.title') }}</h3>
diff --git a/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss b/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
index acc9577..7faa743 100644
--- a/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
+++ b/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
@@ -1,52 +1,77 @@
-// Hide default Vue Flow handles - they are only used for edge routing
 .block-node__handle {
   opacity: 0;
-  width: 8px;
-  height: 8px;
+  width: 6px;
+  height: 6px;
   pointer-events: none;
 }
 
 .block-node {
+  min-width: 180px;
+  max-width: 360px;
+  overflow: hidden;
+  cursor: pointer;
+  color: sys-var(color, text, base);
   background: sys-var(color, surface, base);
   border: 1px solid sys-var(color, border, subtle);
   border-radius: sys-var(radius, none);
-  padding: sys-var(space, md) sys-var(space, md);
-  min-width: 120px;
-  max-width: 200px;
-  max-height: 150px;
-  overflow: hidden;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  @include apply-elevation(sm);
+  transition:
+    border-color 140ms ease,
+    opacity 140ms ease,
+    filter 140ms ease;
+
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: sys-var(space, sm);
+    min-height: 32px;
+    padding: sys-var(space, xs) sys-var(space, sm);
+    border-bottom: 1px solid sys-var(color, border, subtle);
+  }
 
   &:hover {
-    border-color: sys-var(color, border, primary);
-    transform: translateY(-1px);
-    @include apply-elevation(md);
+    border-color: sys-var(color, border, base);
   }
 
-  &--selected {
+  &--focal {
     border-color: sys-var(color, border, primary);
-    @include apply-elevation(md);
+    box-shadow: 0 0 0 1px sys-var(color, border, primary);
   }
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
+  &--muted {
+    opacity: 0.34;
+    filter: saturate(0.65);
   }
 
   &__resolver {
     @include apply-font(label-sm, true);
-    text-transform: uppercase;
     color: sys-var(color, text, subtle);
-    letter-spacing: 0.5px;
   }
 
-  &__preview {
-    @include apply-font(label-lg);
-    color: sys-var(color, text, base);
-    word-break: break-word;
-    overflow: hidden;
+  &__inspect {
+    opacity: 0;
+    transition: opacity 120ms ease;
+  }
+
+  &:hover &__inspect,
+  &__inspect:focus-visible {
+    opacity: 1;
+  }
+
+  &__content {
+    min-height: 48px;
+    padding: sys-var(space, sm) sys-var(space, md) sys-var(space, md);
+  }
+
+  &__preview-error {
+    color: sys-var(color, text, subtle);
+    @include apply-font(label-sm);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .block-node,
+  .block-node__inspect {
+    transition: none;
   }
 }
diff --git a/apps/client-web/src/components/info-base/BlockNode/BlockNode.ts b/apps/client-web/src/components/info-base/BlockNode/BlockNode.ts
index 5908f79..17a6e68 100644
--- a/apps/client-web/src/components/info-base/BlockNode/BlockNode.ts
+++ b/apps/client-web/src/components/info-base/BlockNode/BlockNode.ts
@@ -1,8 +1,9 @@
 import type { NodeProps } from '@vue-flow/core'
-import type { BlockNodeData } from '@inkcre/core'
+import type { BlockNodeData } from '@/views/info-base/graph/graph-model'
 
 export type BlockNodeProps = NodeProps<BlockNodeData>
 
 export const blockNodeEmits = {
-  select: (_blockId: number) => true,
+  focus: (_blockId: number) => true,
+  inspect: (_blockId: number) => true,
 } as const
diff --git a/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue b/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
index d53c406..4b96019 100644
--- a/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
+++ b/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
@@ -1,14 +1,20 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { Handle, Position } from '@vue-flow/core'
+import { InkButton, InkLoading } from '@inkcre/ui-web'
+import PreviewRenderer from '@/components/info-base/PreviewRenderer/PreviewRenderer.vue'
 import type { BlockNodeProps } from './BlockNode'
 import { blockNodeEmits } from './BlockNode'
 
 const props = defineProps<BlockNodeProps>()
 const emit = defineEmits(blockNodeEmits)
+const resolverName = computed(() => props.data.resolver?.constructor.name ?? 'Block')
 
 const onNodeClick = () => {
-  emit('select', props.data.block.id)
+  emit('focus', props.data.block.id)
 }
+
+const inspect = () => emit('inspect', props.data.block.id)
 </script>
 
 <template>
@@ -18,10 +24,34 @@ const onNodeClick = () => {
   <Handle type="source" :position="Position.Bottom" class="block-node__handle" />
   <Handle type="source" :position="Position.Right" class="block-node__handle" />
 
-  <div class="block-node" :class="{ 'block-node--selected': selected }" @click="onNodeClick">
+  <div
+    class="block-node"
+    :class="{
+      'block-node--focal': data.focal,
+      'block-node--muted': data.muted,
+    }"
+    @click="onNodeClick"
+  >
+    <header>
+      <span class="block-node__resolver">{{ resolverName }}</span>
+      <InkButton
+        class="nodrag nopan block-node__inspect"
+        icon="i-mdi-information-outline"
+        theme="subtle"
+        type="square"
+        size="sm"
+        aria-label="Inspect Block"
+        @click.stop="inspect"
+      />
+    </header>
     <div class="block-node__content">
-      <span class="block-node__resolver">{{ props.data.block.resolver }}</span>
-      <span class="block-node__preview">{{ props.data.preview }}</span>
+      <InkLoading v-if="data.previewStatus === 'loading'" />
+      <PreviewRenderer
+        v-else-if="data.previewStatus === 'success' && data.resolver"
+        :resolver="data.resolver"
+        :solved-content="data.solvedContent"
+      />
+      <span v-else class="block-node__preview-error">Preview unavailable</span>
     </div>
   </div>
 </template>
diff --git a/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.scss b/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.scss
deleted file mode 100644
index dce2384..0000000
--- a/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.community-navigator {
-  display: flex;
-  flex-direction: column;
-  gap: sys-var(space, sm);
-  border-radius: sys-var(radius, none);
-  min-width: 280px;
-  max-width: 400px;
-
-  @include apply-elevation(sm);
-
-  &__dropdown {
-    flex: 1;
-    min-width: 0; // Allow flex shrinking
-  }
-
-  &__no-results {
-    padding: 8px;
-    text-align: center;
-    color: var(--ink-text-tertiary, #9ca3af);
-    font-size: 14px;
-    font-style: italic;
-  }
-}
-
-// Responsive adjustments
-@media (max-width: 768px) {
-  .community-navigator {
-    min-width: 240px;
-    max-width: 100%;
-
-    &__controls {
-      flex-wrap: wrap;
-    }
-
-    &__dropdown {
-      width: 100%;
-    }
-  }
-}
diff --git a/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.vue b/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.vue
deleted file mode 100644
index 6cb5d4d..0000000
--- a/apps/client-web/src/components/info-base/CommunityNavigator/CommunityNavigator.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { InkDropdown, type DropdownOption } from '@inkcre/ui-web'
-import type { CommunityMetadata } from '@inkcre/core'
-
-interface CommunityNavigatorProps {
-  communities: CommunityMetadata[]
-  currentCommunityId: string
-}
-
-interface CommunityNavigatorEmits {
-  (e: 'community-select', communityId: string): void
-}
-
-const props = defineProps<CommunityNavigatorProps>()
-const emit = defineEmits<CommunityNavigatorEmits>()
-const { t } = useI18n()
-
-// Dropdown options
-const dropdownOptions = computed<DropdownOption[]>(() => [
-  {
-    label: t('infoBase.graph.community.all'),
-    value: 'all',
-  },
-  ...props.communities.map((comm) => ({
-    label: `${comm.label} (${t('infoBase.graph.community.nodeCount', {
-      count: comm.nodeCount,
-    })})`,
-    value: comm.id,
-  })),
-])
-
-// Selected value (for v-model with dropdown)
-const selectedValue = computed({
-  get: () => props.currentCommunityId,
-  set: (value: string) => {
-    emit('community-select', value)
-  },
-})
-</script>
-
-<template>
-  <div class="community-navigator">
-    <div class="community-navigator__dropdown">
-      <InkDropdown v-model="selectedValue" :options="dropdownOptions" :enable-stepping="true" />
-    </div>
-
-    <div v-if="props.communities.length === 0" class="community-navigator__no-results">
-      {{ t('infoBase.graph.community.noResults') }}
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped src="./CommunityNavigator.scss" />
diff --git a/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.scss b/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.scss
deleted file mode 100644
index c21e9ef..0000000
--- a/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-.layout-selector {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-
-  &__dropdown {
-    min-width: 140px;
-  }
-
-  &__hint {
-    @include apply-font(label-sm);
-    font-weight: 400;
-    color: sys-var(color, text, subtle);
-    padding: 0 sys-var(space, xs);
-  }
-}
diff --git a/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.vue b/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.vue
deleted file mode 100644
index a7c8666..0000000
--- a/apps/client-web/src/components/info-base/LayoutSelector/LayoutSelector.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { InkDropdown, type DropdownOption } from '@inkcre/ui-web'
-import { LayoutType, type LayoutSelection } from '@inkcre/core'
-import { TopologyType } from '@inkcre/core'
-
-interface LayoutSelectorProps {
-  selection: LayoutSelection
-}
-
-interface LayoutSelectorEmits {
-  (e: 'layout-change', layoutType: LayoutType): void
-}
-
-const props = defineProps<LayoutSelectorProps>()
-const emit = defineEmits<LayoutSelectorEmits>()
-const { t } = useI18n()
-
-// Layout options for dropdown
-const layoutOptions = computed<DropdownOption[]>(() => [
-  {
-    label: t('infoBase.graph.layout.auto'),
-    value: LayoutType.Auto,
-  },
-  {
-    label: t('infoBase.graph.layout.force'),
-    value: LayoutType.Force,
-  },
-  {
-    label: t('infoBase.graph.layout.dagre'),
-    value: LayoutType.Dagre,
-  },
-  {
-    label: t('infoBase.graph.layout.circular'),
-    value: LayoutType.Circular,
-  },
-  {
-    label: t('infoBase.graph.layout.radial'),
-    value: LayoutType.Radial,
-  },
-  {
-    label: t('infoBase.graph.layout.grid'),
-    value: LayoutType.Grid,
-  },
-])
-
-// Selected value for dropdown
-const selectedValue = computed({
-  get: () => (props.selection.isAutoDetected ? LayoutType.Auto : props.selection.type),
-  set: (value: LayoutType) => emit('layout-change', value),
-})
-
-// Get display name for detected topology
-function getTopologyDisplayName(topology: TopologyType | string | undefined): string {
-  if (!topology) return ''
-
-  switch (topology) {
-    case TopologyType.Tree:
-      return t('infoBase.graph.topology.tree')
-    case TopologyType.DAG:
-      return t('infoBase.graph.topology.dag')
-    case TopologyType.Star:
-      return t('infoBase.graph.topology.star')
-    case TopologyType.Linear:
-      return t('infoBase.graph.topology.linear')
-    case TopologyType.Cyclic:
-      return t('infoBase.graph.topology.cyclic')
-    case TopologyType.Disconnected:
-      return t('infoBase.graph.topology.disconnected')
-    default:
-      return t('infoBase.graph.topology.unknown')
-  }
-}
-
-// Hint text showing detected topology when in auto mode
-const topologyHint = computed(() => {
-  if (!props.selection.isAutoDetected || !props.selection.detectedTopology) {
-    return null
-  }
-  return getTopologyDisplayName(props.selection.detectedTopology)
-})
-</script>
-
-<template>
-  <div class="layout-selector">
-    <div class="layout-selector__dropdown">
-      <InkDropdown v-model="selectedValue" :options="layoutOptions" />
-    </div>
-
-    <div v-if="topologyHint" class="layout-selector__hint">
-      {{ t('infoBase.graph.layout.detected', 'Detected') }}: {{ topologyHint }}
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped src="./LayoutSelector.scss" />
diff --git a/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.ts b/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.ts
new file mode 100644
index 0000000..0ea3c4f
--- /dev/null
+++ b/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.ts
@@ -0,0 +1,3 @@
+import type { Resolver, SolvedContentRendererProps } from '@inkcre/core'
+
+export type PreviewRendererProps = SolvedContentRendererProps<unknown, Resolver>
diff --git a/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.vue b/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.vue
new file mode 100644
index 0000000..b137842
--- /dev/null
+++ b/apps/client-web/src/components/info-base/PreviewRenderer/PreviewRenderer.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { Resolver } from '@inkcre/core'
+
+import type { PreviewRendererProps } from './PreviewRenderer'
+
+const props = defineProps<PreviewRendererProps>()
+const renderer = computed(() => Resolver.getClass(props.resolver.block.resolver).previewRenderer)
+</script>
+
+<template>
+  <component :is="renderer" :resolver="resolver" :solved-content="solvedContent" />
+</template>
diff --git a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.scss b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.scss
index 9967579..73d728a 100644
--- a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.scss
+++ b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.scss
@@ -1,30 +1,78 @@
 .relation-edge {
   stroke: sys-var(color, border, subtle);
-  stroke-width: 2px;
+  stroke-width: 1.25px;
+  transition:
+    opacity 140ms ease,
+    stroke 140ms ease;
 
-  &:hover {
+  &:hover,
+  &--focal {
     stroke: sys-var(color, border, primary);
   }
 
+  &--muted {
+    opacity: 0.22;
+  }
+
   &__label {
-    @include apply-font(label-md);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    cursor: default;
+    display: flex;
+    align-items: stretch;
+    transition: opacity 140ms ease;
 
-    background: sys-var(color, surface, subtle);
-    color: sys-var(color, text, subtle);
+    button {
+      overflow: hidden;
+      padding: 3px 7px;
+      border: 1px solid sys-var(color, border, subtle);
+      border-radius: sys-var(radius, none);
+      color: sys-var(color, text, subtle);
+      background: sys-var(color, surface, subtle);
+      cursor: pointer;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      @include apply-font(label-sm);
+    }
 
-    border: 1px solid sys-var(color, border, subtle);
-    border-radius: sys-var(radius, xs);
+    .relation-edge__focus {
+      max-width: 150px;
+    }
 
-    padding: sys-var(space, xs) sys-var(space, sm);
-    max-width: 120px;
-    overflow: hidden;
+    .relation-edge__inspect {
+      width: 0;
+      padding-inline: 0;
+      border-left: 0;
+      opacity: 0;
+      pointer-events: none;
+      transition:
+        width 120ms ease,
+        padding 120ms ease,
+        opacity 120ms ease;
+    }
 
-    &:hover {
-      background: sys-var(color, surface, base);
+    &:hover .relation-edge__inspect,
+    &:focus-within .relation-edge__inspect,
+    &--focal .relation-edge__inspect {
+      width: 26px;
+      padding-inline: 5px;
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    button:hover,
+    &--focal button {
       color: sys-var(color, text, base);
+      border-color: sys-var(color, border, primary);
+      background: sys-var(color, surface, base);
+    }
+
+    &--muted {
+      opacity: 0.28;
     }
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .relation-edge,
+  .relation-edge__label {
+    transition: none;
+  }
+}
diff --git a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.ts b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.ts
index 12aefc6..49976c5 100644
--- a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.ts
+++ b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.ts
@@ -1,4 +1,9 @@
 import type { EdgeProps } from '@vue-flow/core'
-import type { RelationEdgeData } from '@inkcre/core'
+import type { RelationEdgeData } from '@/views/info-base/graph/graph-model'
+
+export interface RelationEdgeEmits {
+  (event: 'focus', relation: number): void
+  (event: 'inspect', relation: number): void
+}
 
 export type RelationEdgeProps = EdgeProps<RelationEdgeData>
diff --git a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.vue b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.vue
index 3382938..80f2491 100644
--- a/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.vue
+++ b/apps/client-web/src/components/info-base/RelationEdge/RelationEdge.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { BezierEdge, EdgeLabelRenderer, getBezierPath, MarkerType } from '@vue-flow/core'
-import type { RelationEdgeProps } from './RelationEdge'
+import type { RelationEdgeEmits, RelationEdgeProps } from './RelationEdge'
 
 const props = defineProps<RelationEdgeProps>()
+const emit = defineEmits<RelationEdgeEmits>()
 
 const label = computed(() => props.data?.relation?.content ?? '')
+const curvature = computed(() => 0.16 + ((props.data?.relation.id ?? 0) % 5) * 0.035)
 
 const path = computed(() => {
   return getBezierPath({
@@ -15,6 +17,7 @@ const path = computed(() => {
     targetX: props.targetX,
     targetY: props.targetY,
     targetPosition: props.targetPosition,
+    curvature: curvature.value,
   })
 })
 
@@ -33,19 +36,37 @@ const labelY = computed(() => path.value[2])
     :source-position="sourcePosition"
     :target-position="targetPosition"
     :marker-end="markerEnd"
-    class="relation-edge"
+    :class="{
+      'relation-edge': true,
+      'relation-edge--focal': data?.focal,
+      'relation-edge--muted': data?.muted,
+    }"
   />
 
   <EdgeLabelRenderer v-if="label">
     <div
       class="relation-edge__label"
+      :class="{
+        'relation-edge__label--focal': data?.focal,
+        'relation-edge__label--muted': data?.muted,
+      }"
       :style="{
         position: 'absolute',
         transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,
         pointerEvents: 'all',
       }"
     >
-      {{ label }}
+      <button type="button" class="relation-edge__focus" @click="emit('focus', data!.relation.id)">
+        {{ label }}
+      </button>
+      <button
+        type="button"
+        class="relation-edge__inspect"
+        aria-label="Inspect Relation"
+        @click="emit('inspect', data!.relation.id)"
+      >
+        <span class="i-mdi-information-outline" aria-hidden="true" />
+      </button>
     </div>
   </EdgeLabelRenderer>
 </template>
diff --git a/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.ts b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.ts
new file mode 100644
index 0000000..2c6e65e
--- /dev/null
+++ b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.ts
@@ -0,0 +1,5 @@
+import type { RelationRef } from '@inkcre/core'
+
+export interface RelationInspectorPopupProps {
+  relation: RelationRef
+}
diff --git a/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
new file mode 100644
index 0000000..6ccedd8
--- /dev/null
+++ b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { ref, shallowRef, watch } from 'vue'
+import { InkButton, InkLoading, InkPopup } from '@inkcre/ui-web'
+import { getInfoBaseRouter, Relation } from '@inkcre/core'
+
+import type { RelationInspectorPopupProps } from './RelationInspectorPopup'
+
+const props = defineProps<RelationInspectorPopupProps>()
+const router = getInfoBaseRouter()
+const status = ref<'loading' | 'success' | 'missing' | 'error'>('loading')
+const relation = shallowRef<Relation | null>(null)
+const error = shallowRef<Error | null>(null)
+let generation = 0
+
+watch(
+  () => props.relation,
+  async (relationRef) => {
+    const current = ++generation
+    status.value = 'loading'
+    relation.value = null
+    error.value = null
+    try {
+      const loaded = await Relation.find(relationRef)
+      if (current !== generation) return
+      relation.value = loaded
+      status.value = loaded ? 'success' : 'missing'
+    } catch (cause) {
+      if (current !== generation) return
+      error.value = cause instanceof Error ? cause : new Error(String(cause))
+      status.value = 'error'
+    }
+  },
+  { immediate: true }
+)
+
+function close(): void {
+  void router.back()
+}
+</script>
+
+<template>
+  <InkPopup :open="true" :scrim="false" position="right" @update:open="close">
+    <section class="relation-inspector-popup">
+      <header>
+        <h3>Relation #{{ props.relation }}</h3>
+        <InkButton icon="i-mdi-close" theme="subtle" type="square" @click="close" />
+      </header>
+      <InkLoading v-if="status === 'loading'" />
+      <p v-else-if="status === 'missing'">This Relation no longer exists.</p>
+      <p v-else-if="status === 'error'">{{ error?.message }}</p>
+      <dl v-else-if="relation">
+        <dt>From</dt>
+        <dd>#{{ relation.from_ }}</dd>
+        <dt>Property</dt>
+        <dd>{{ relation.content }}</dd>
+        <dt>To</dt>
+        <dd>#{{ relation.to_ }}</dd>
+      </dl>
+    </section>
+  </InkPopup>
+</template>
+
+<style scoped lang="scss">
+.relation-inspector-popup {
+  width: min(360px, calc(100vw - 32px));
+
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: sys-var(space, md);
+  }
+
+  h3 {
+    margin: 0;
+    @include apply-font(title-sm);
+  }
+  dl {
+    display: grid;
+    grid-template-columns: max-content minmax(0, 1fr);
+    gap: 8px 16px;
+  }
+  dd {
+    margin: 0;
+    overflow-wrap: anywhere;
+  }
+  dt {
+    color: sys-var(color, text, subtle);
+  }
+}
+</style>
diff --git a/apps/client-web/src/components/info-base/SolvedContentPopup/SolvedContentPopup.vue b/apps/client-web/src/components/info-base/SolvedContentPopup/SolvedContentPopup.vue
index 20e3c21..2047636 100644
--- a/apps/client-web/src/components/info-base/SolvedContentPopup/SolvedContentPopup.vue
+++ b/apps/client-web/src/components/info-base/SolvedContentPopup/SolvedContentPopup.vue
@@ -74,7 +74,7 @@ function onOpenChange(value: boolean): void {
 </script>
 
 <template>
-  <InkPopup :open="open" position="center" @update:open="onOpenChange">
+  <InkPopup :open="open" :scrim="false" position="center" @update:open="onOpenChange">
     <section class="solved-content-popup">
       <header class="solved-content-popup__header">
         <h3>{{ t('infoBase.solvedContent.title') }}</h3>
diff --git a/apps/client-web/src/components/info-base/resolvers/ContentPreview.vue b/apps/client-web/src/components/info-base/resolvers/ContentPreview.vue
new file mode 100644
index 0000000..92deea6
--- /dev/null
+++ b/apps/client-web/src/components/info-base/resolvers/ContentPreview.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { SolvedContentRendererProps } from '@inkcre/core'
+
+const props = defineProps<SolvedContentRendererProps<unknown>>()
+
+const kind = computed(() => props.resolver.block.resolver.split('.')[1]?.toUpperCase() ?? 'BLOCK')
+const text = computed(() => {
+  if (typeof props.solvedContent !== 'string') return null
+  const plain = props.solvedContent
+    .replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '')
+    .replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+  return plain.length > 180 ? `${plain.slice(0, 180)}…` : plain
+})
+const objectUrl = computed(() => {
+  if (!props.solvedContent || typeof props.solvedContent !== 'object') return null
+  if (!('objectUrl' in props.solvedContent)) return null
+  return typeof props.solvedContent.objectUrl === 'string' ? props.solvedContent.objectUrl : null
+})
+</script>
+
+<template>
+  <div class="content-preview">
+    <img v-if="resolver.block.resolver === 'core.image.v1' && objectUrl" :src="objectUrl" alt="" />
+    <video
+      v-else-if="resolver.block.resolver === 'core.video.v1' && objectUrl"
+      :src="objectUrl"
+      muted
+      preload="metadata"
+    />
+    <p v-else-if="text">{{ text }}</p>
+    <div v-else class="content-preview__fact">
+      <span>{{ kind }}</span>
+      <span
+        v-if="solvedContent && typeof solvedContent === 'object' && 'byte_size' in solvedContent"
+      >
+        {{ String(solvedContent.byte_size) }} bytes
+      </span>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.content-preview {
+  display: grid;
+  min-width: 160px;
+  max-width: 320px;
+  color: sys-var(color, text, base);
+
+  p {
+    margin: 0;
+    @include apply-font(label-lg);
+    line-height: 1.45;
+    overflow-wrap: anywhere;
+  }
+
+  img,
+  video {
+    display: block;
+    width: 100%;
+    max-height: 220px;
+    object-fit: cover;
+    background: sys-var(color, surface, subtle);
+  }
+
+  &__fact {
+    display: flex;
+    justify-content: space-between;
+    gap: sys-var(space, md);
+    color: sys-var(color, text, subtle);
+    @include apply-font(label-sm, true);
+  }
+}
+</style>
diff --git a/apps/client-web/src/components/obsrv/LogEntry/LogEntry.spec.ts b/apps/client-web/src/components/obsrv/LogEntry/LogEntry.spec.ts
deleted file mode 100644
index 58ed54c..0000000
--- a/apps/client-web/src/components/obsrv/LogEntry/LogEntry.spec.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import LogEntry from './LogEntry.vue'
-import { Log } from '@inkcre/core'
-
-const getLog = vi.spyOn(Log, 'get')
-
-describe('LogEntry.vue', () => {
-  const mockLog = new Log({
-    id: 1,
-    timestamp: new Date('2025-12-20T10:30:45.123Z'),
-    severity_number: 2,
-    severity_text: 'INFO',
-    body: 'Test log message',
-    trace_id: 'trace-123',
-    span_id: 'span-456',
-    attributes: {},
-  })
-
-  beforeEach(() => {
-    getLog.mockReset()
-  })
-
-  it('renders log entry with log object prop', async () => {
-    const wrapper = mount(LogEntry, {
-      props: {
-        log: mockLog,
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(wrapper.find('.log-time').text()).toMatch(/\d{2}:\d{2}:\d{2}\.123/)
-      expect(wrapper.find('.log-severity').text()).toBe('INFO')
-      expect(wrapper.find('.log-body').text()).toBe('Test log message')
-    })
-  })
-
-  it('fetches and renders log entry with logId prop', async () => {
-    getLog.mockResolvedValue(mockLog)
-
-    mount(LogEntry, {
-      props: {
-        logId: 1,
-      },
-    })
-
-    await vi.waitFor(() => expect(getLog).toHaveBeenCalledWith(1))
-  })
-
-  it('formats timestamp correctly', async () => {
-    const wrapper = mount(LogEntry, {
-      props: {
-        log: mockLog,
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(wrapper.find('.log-time').text()).toMatch(/\d{2}:\d{2}:\d{2}\.\d{3}/)
-    })
-  })
-
-  it('does not render when neither log nor logId is provided', () => {
-    const wrapper = mount(LogEntry, {
-      props: {} as any,
-    })
-
-    expect(wrapper.find('.log-entry').exists()).toBe(false)
-  })
-
-  it('renders with different severity levels', async () => {
-    const logWithWarning = new Log({
-      id: mockLog.id,
-      timestamp: mockLog.timestamp,
-      severity_text: 'WARN',
-      severity_number: 3,
-      body: mockLog.body,
-      trace_id: mockLog.trace_id,
-      span_id: mockLog.span_id,
-      attributes: mockLog.attributes,
-    })
-
-    const wrapper = mount(LogEntry, {
-      props: {
-        log: logWithWarning,
-      },
-    })
-
-    await vi.waitFor(() => expect(wrapper.find('.log-severity').text()).toBe('WARN'))
-  })
-})
diff --git a/apps/client-web/src/components/obsrv/LogsViewer/LogsViewer.spec.ts b/apps/client-web/src/components/obsrv/LogsViewer/LogsViewer.spec.ts
deleted file mode 100644
index c35d36f..0000000
--- a/apps/client-web/src/components/obsrv/LogsViewer/LogsViewer.spec.ts
+++ /dev/null
@@ -1,236 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { flushPromises, mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
-import LogsViewer from './LogsViewer.vue'
-import { Log } from '@inkcre/core'
-
-const getLogs = vi.spyOn(Log, 'getByTraceId')
-
-// Mock vue-i18n
-vi.mock('vue-i18n', () => ({
-  useI18n: () => ({
-    t: (key: string) => {
-      const translations: Record<string, string> = {
-        'logs.title': 'Logs',
-        'logs.empty': 'No logs',
-      }
-      return translations[key] || key
-    },
-  }),
-}))
-
-// Mock @inkcre/ui-web
-vi.mock('@inkcre/ui-web', () => ({
-  InkLoading: { name: 'InkLoading', template: '<div>Loading</div>' },
-}))
-
-describe('LogsViewer.vue', () => {
-  const mockLogs = [
-    new Log({
-      id: 1,
-      timestamp: new Date('2025-12-20T10:30:45.000Z'),
-      severity_number: 2,
-      severity_text: 'INFO',
-      body: 'First log',
-      trace_id: 'trace-123',
-      span_id: 'span-1',
-      attributes: {},
-    }),
-    new Log({
-      id: 2,
-      timestamp: new Date('2025-12-20T10:30:46.000Z'),
-      severity_number: 3,
-      severity_text: 'WARN',
-      body: 'Second log',
-      trace_id: 'trace-123',
-      span_id: 'span-2',
-      attributes: {},
-    }),
-  ]
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    getLogs.mockReset()
-    getLogs.mockResolvedValue(mockLogs)
-  })
-
-  it('loads and displays logs on mount', async () => {
-    getLogs.mockResolvedValue(mockLogs)
-
-    mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: false, // Disable polling for initial test
-      },
-      global: {
-        stubs: {
-          LogEntry: {
-            name: 'LogEntry',
-            template: "<div class='log-entry-stub' />",
-          },
-        },
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(getLogs).toHaveBeenCalledWith('trace-123', { cursor: undefined })
-    })
-  })
-
-  it('displays error message when loading fails', async () => {
-    const errorMessage = 'Network error'
-    getLogs.mockRejectedValue(new Error(errorMessage))
-
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: false,
-      },
-      global: {
-        stubs: {
-          LogEntry: { name: 'LogEntry', template: '<div />' },
-        },
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(wrapper.find('.logs-viewer__error').text()).toContain(errorMessage)
-    })
-  })
-
-  it('shows empty state when no logs are found', async () => {
-    getLogs.mockResolvedValue([])
-
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: false,
-      },
-      global: {
-        stubs: {
-          LogEntry: { name: 'LogEntry', template: '<div />' },
-        },
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(wrapper.find('.logs-viewer__empty').exists()).toBe(true)
-      expect(wrapper.find('.logs-viewer__empty').text()).toContain('No logs')
-    })
-  })
-
-  it('toggles polling based on enablePolling prop', async () => {
-    vi.useFakeTimers()
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: true,
-        pollingInterval: 1000,
-      },
-      global: {
-        stubs: {
-          LogEntry: { name: 'LogEntry', template: '<div />' },
-        },
-      },
-    })
-
-    await flushPromises()
-
-    await wrapper.setProps({ enablePolling: false })
-    await vi.advanceTimersByTimeAsync(2000)
-    const pausedCallCount = getLogs.mock.calls.length
-
-    await wrapper.setProps({ enablePolling: true })
-    await vi.advanceTimersByTimeAsync(1000)
-
-    expect(getLogs.mock.calls.length).toBeGreaterThan(pausedCallCount)
-    wrapper.unmount()
-    vi.useRealTimers()
-  })
-
-  it('reloads logs when traceId changes', async () => {
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: false,
-      },
-      global: {
-        stubs: {
-          LogEntry: { name: 'LogEntry', template: '<div />' },
-        },
-      },
-    })
-
-    await vi.waitFor(() => {
-      expect(getLogs).toHaveBeenCalledWith('trace-123', { cursor: undefined })
-    })
-    const firstCallCount = getLogs.mock.calls.length
-
-    await wrapper.setProps({ traceId: 'trace-456' })
-    await vi.waitFor(() => {
-      expect(getLogs.mock.calls.length).toBeGreaterThan(firstCallCount)
-      expect(getLogs).toHaveBeenCalledWith('trace-456', { cursor: undefined })
-    })
-  })
-
-  it('appends new logs on polling', async () => {
-    vi.useFakeTimers()
-
-    const newLog = new Log({
-      id: 3,
-      timestamp: new Date('2025-12-20T10:30:47.000Z'),
-      severity_number: 2,
-      severity_text: 'INFO',
-      body: 'Third log',
-      trace_id: 'trace-123',
-      span_id: 'span-3',
-      attributes: {},
-    })
-    getLogs.mockResolvedValueOnce(mockLogs).mockResolvedValueOnce([newLog])
-
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: true,
-        pollingInterval: 100, // Short interval for testing
-      },
-      global: {
-        stubs: {
-          LogEntry: {
-            name: 'LogEntry',
-            props: ['log'],
-            template: '<div class="log-entry-stub"></div>',
-          },
-        },
-      },
-    })
-
-    await flushPromises()
-    await nextTick()
-    await vi.advanceTimersByTimeAsync(100)
-    await flushPromises()
-    await nextTick()
-
-    expect(wrapper.findAll('.log-entry-stub')).toHaveLength(3)
-    await wrapper.setProps({ enablePolling: false })
-    wrapper.unmount()
-    vi.useRealTimers()
-  })
-
-  it('respects custom polling interval', async () => {
-    const wrapper = mount(LogsViewer, {
-      props: {
-        traceId: 'trace-123',
-        enablePolling: false,
-        pollingInterval: 2000,
-      },
-      global: {
-        stubs: {
-          LogEntry: { name: 'LogEntry', template: '<div />' },
-        },
-      },
-    })
-
-    expect(wrapper.props('pollingInterval')).toBe(2000)
-  })
-})
diff --git a/apps/client-web/src/components/recall/RecallSearch.vue b/apps/client-web/src/components/recall/RecallSearch.vue
new file mode 100644
index 0000000..5441955
--- /dev/null
+++ b/apps/client-web/src/components/recall/RecallSearch.vue
@@ -0,0 +1,196 @@
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted, ref, shallowRef } from 'vue'
+import { useRoute } from 'vue-router'
+import { InkButton, InkLoading, InkPopup } from '@inkcre/ui-web'
+import { LexicalRetrievalManager, type BlockRef, type LexicalRetrievalMatch } from '@inkcre/core'
+
+import router from '@/router'
+import { closeRecallSearch, openRecallSearch, recallSearchOpen } from './recall-search'
+
+const route = useRoute()
+const open = computed({
+  get: () => recallSearchOpen.value,
+  set: (value: boolean) => (value ? openRecallSearch() : closeRecallSearch()),
+})
+const query = ref('')
+const mode = ref<'recall' | 'path'>('recall')
+const status = ref<'idle' | 'loading' | 'ready' | 'error'>('idle')
+const matches = shallowRef<LexicalRetrievalMatch[]>([])
+const selected = ref<BlockRef[]>([])
+const error = shallowRef<Error | null>(null)
+let generation = 0
+
+const isGraphActive = computed(() => String(route.name ?? '').startsWith('InfoBaseGraph'))
+
+function onShortcut(event: KeyboardEvent): void {
+  if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {
+    event.preventDefault()
+    openRecallSearch()
+  }
+}
+
+onMounted(() => window.addEventListener('keydown', onShortcut))
+onUnmounted(() => window.removeEventListener('keydown', onShortcut))
+
+async function search(): Promise<void> {
+  const value = query.value.trim()
+  if (!value) return
+  const current = ++generation
+  status.value = 'loading'
+  matches.value = []
+  error.value = null
+  try {
+    const result = await LexicalRetrievalManager.retrieve({ query: value, limit: 20 })
+    if (current !== generation) return
+    matches.value = result.matches
+    status.value = 'ready'
+    if (mode.value === 'recall') {
+      await router.push({
+        name: isGraphActive.value ? 'InfoBaseGraphOverview' : 'InfoBaseListOverview',
+        query: { q: value },
+      })
+      closeRecallSearch()
+    }
+  } catch (cause) {
+    if (current !== generation) return
+    error.value = cause instanceof Error ? cause : new Error(String(cause))
+    status.value = 'error'
+  }
+}
+
+async function choosePathBlock(block: BlockRef): Promise<void> {
+  if (selected.value.includes(block)) return
+  selected.value = [...selected.value, block].slice(0, 2)
+  if (selected.value.length < 2) return
+  await router.push({
+    name: 'InfoBaseGraphOverview',
+    query: { path_from: String(selected.value[0]), path_to: String(selected.value[1]) },
+  })
+  closeRecallSearch()
+  selected.value = []
+}
+
+function setMode(value: 'recall' | 'path'): void {
+  mode.value = value
+  selected.value = []
+  matches.value = []
+  status.value = 'idle'
+}
+</script>
+
+<template>
+  <InkPopup v-model:open="open" position="top">
+    <section class="recall-search" aria-label="Recall information">
+      <header>
+        <div class="recall-search__modes">
+          <button type="button" :aria-pressed="mode === 'recall'" @click="setMode('recall')">
+            Recall
+          </button>
+          <button type="button" :aria-pressed="mode === 'path'" @click="setMode('path')">
+            Find path
+          </button>
+        </div>
+        <small>Ctrl K</small>
+      </header>
+      <form @submit.prevent="search">
+        <input
+          v-model="query"
+          type="search"
+          autofocus
+          autocomplete="off"
+          :placeholder="mode === 'path' ? 'Find path endpoints' : 'Recall a clue'"
+        />
+        <InkButton text="Search" theme="primary" />
+      </form>
+      <div v-if="mode === 'path'" class="recall-search__results" aria-live="polite">
+        <InkLoading v-if="status === 'loading'" />
+        <p v-else-if="status === 'error'">{{ error?.message }}</p>
+        <p v-else-if="selected.length === 1">Choose the destination Block.</p>
+        <button
+          v-for="match in matches"
+          :key="match.block.id"
+          type="button"
+          :disabled="selected.includes(match.block.id)"
+          @click="choosePathBlock(match.block.id)"
+        >
+          <strong>{{ match.label }}</strong>
+          <span>{{ match.excerpt }}</span>
+        </button>
+      </div>
+    </section>
+  </InkPopup>
+</template>
+
+<style scoped lang="scss">
+.recall-search {
+  width: min(640px, calc(100vw - 32px));
+
+  header,
+  form {
+    display: flex;
+    align-items: center;
+    gap: sys-var(space, sm);
+  }
+
+  header {
+    justify-content: space-between;
+    margin-bottom: sys-var(space, sm);
+  }
+  small {
+    color: sys-var(color, text, subtle);
+  }
+  form input {
+    flex: 1;
+    min-width: 0;
+    padding: sys-var(space, sm) sys-var(space, md);
+    border: 1px solid sys-var(color, border, subtle);
+    color: sys-var(color, text, base);
+    background: sys-var(color, surface, base);
+    @include apply-font(body-md);
+  }
+  form input:focus {
+    outline: 1px solid sys-var(color, border, primary);
+  }
+
+  &__modes {
+    display: flex;
+    gap: 2px;
+    button {
+      border: 0;
+      padding: 4px 8px;
+      color: sys-var(color, text, subtle);
+      background: transparent;
+      cursor: pointer;
+    }
+    button[aria-pressed='true'] {
+      color: sys-var(color, text, base);
+      background: sys-var(color, surface, subtle);
+    }
+  }
+
+  &__results {
+    display: grid;
+    gap: 1px;
+    max-height: 50vh;
+    margin-top: sys-var(space, sm);
+    overflow: auto;
+    background: sys-var(color, border, subtle);
+    > button {
+      display: grid;
+      gap: 3px;
+      padding: sys-var(space, sm);
+      border: 0;
+      text-align: left;
+      color: sys-var(color, text, base);
+      background: sys-var(color, surface, base);
+      cursor: pointer;
+    }
+    > button:hover {
+      background: sys-var(color, surface, subtle);
+    }
+    span {
+      color: sys-var(color, text, subtle);
+    }
+  }
+}
+</style>
diff --git a/apps/client-web/src/components/recall/recall-search.ts b/apps/client-web/src/components/recall/recall-search.ts
new file mode 100644
index 0000000..0b49ada
--- /dev/null
+++ b/apps/client-web/src/components/recall/recall-search.ts
@@ -0,0 +1,11 @@
+import { readonly, ref } from 'vue'
+
+const open = ref(false)
+
+export const recallSearchOpen = readonly(open)
+export function openRecallSearch(): void {
+  open.value = true
+}
+export function closeRecallSearch(): void {
+  open.value = false
+}
diff --git a/apps/client-web/src/composables/layouts/index.ts b/apps/client-web/src/composables/layouts/index.ts
deleted file mode 100644
index e96f62c..0000000
--- a/apps/client-web/src/composables/layouts/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { useDagreLayout, type UseDagreLayoutOptions } from './useDagreLayout'
-export { useCircularLayout, type UseCircularLayoutOptions } from './useCircularLayout'
-export { useRadialLayout, type UseRadialLayoutOptions } from './useRadialLayout'
-export { useGridLayout, type UseGridLayoutOptions } from './useGridLayout'
diff --git a/apps/client-web/src/composables/layouts/useCircularLayout.ts b/apps/client-web/src/composables/layouts/useCircularLayout.ts
deleted file mode 100644
index 789d9ae..0000000
--- a/apps/client-web/src/composables/layouts/useCircularLayout.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-import { type CircularLayoutConfig, type LayoutResult, DEFAULT_CIRCULAR_CONFIG } from '@inkcre/core'
-
-export interface UseCircularLayoutOptions {
-  config?: Partial<CircularLayoutConfig>
-}
-
-export function useCircularLayout(options: UseCircularLayoutOptions = {}) {
-  const isRunning = ref(false)
-
-  const mergedConfig = {
-    ...DEFAULT_CIRCULAR_CONFIG,
-    ...options.config,
-  }
-
-  async function apply(nodes: Node[], _edges: Edge[]): Promise<LayoutResult> {
-    isRunning.value = true
-
-    try {
-      const positions = new Map<string, { x: number; y: number }>()
-      const n = nodes.length
-
-      if (n === 0) {
-        return {
-          positions,
-          bounds: { width: 0, height: 0 },
-        }
-      }
-
-      if (n === 1) {
-        positions.set(nodes[0].id, { x: 0, y: 0 })
-        return {
-          positions,
-          bounds: { width: 200, height: 200 },
-        }
-      }
-
-      // Calculate radius based on number of nodes if not specified
-      const radius = mergedConfig.radius > 0 ? mergedConfig.radius : Math.max(100, n * 30)
-
-      const centerX = radius
-      const centerY = radius
-      const startAngle = mergedConfig.startAngle
-      const endAngle = mergedConfig.endAngle
-      const angleRange = endAngle - startAngle
-      const angleStep = angleRange / n
-      const direction = mergedConfig.clockwise ? 1 : -1
-
-      nodes.forEach((node, i) => {
-        const angle = startAngle + direction * i * angleStep
-        positions.set(node.id, {
-          x: centerX + radius * Math.cos(angle),
-          y: centerY + radius * Math.sin(angle),
-        })
-      })
-
-      const diameter = radius * 2
-      return {
-        positions,
-        bounds: {
-          width: diameter + 100,
-          height: diameter + 100,
-        },
-      }
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  function stop() {
-    isRunning.value = false
-  }
-
-  return {
-    isRunning,
-    apply,
-    stop,
-  }
-}
diff --git a/apps/client-web/src/composables/layouts/useDagreLayout.ts b/apps/client-web/src/composables/layouts/useDagreLayout.ts
deleted file mode 100644
index 281c75d..0000000
--- a/apps/client-web/src/composables/layouts/useDagreLayout.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ref } from 'vue'
-import dagre from 'dagre'
-import type { Node, Edge } from '@vue-flow/core'
-import {
-  type DagreLayoutConfig,
-  type LayoutResult,
-  DEFAULT_DAGRE_CONFIG,
-  LayoutDirection,
-} from '@inkcre/core'
-
-const DEFAULT_NODE_WIDTH = 200
-const DEFAULT_NODE_HEIGHT = 80
-
-export interface UseDagreLayoutOptions {
-  config?: Partial<DagreLayoutConfig>
-}
-
-export function useDagreLayout(options: UseDagreLayoutOptions = {}) {
-  const isRunning = ref(false)
-
-  const mergedConfig = {
-    ...DEFAULT_DAGRE_CONFIG,
-    ...options.config,
-  }
-
-  async function apply(nodes: Node[], edges: Edge[]): Promise<LayoutResult> {
-    isRunning.value = true
-
-    try {
-      const g = new dagre.graphlib.Graph()
-
-      g.setGraph({
-        rankdir: mergedConfig.direction ?? LayoutDirection.TopToBottom,
-        nodesep: mergedConfig.nodeSep,
-        ranksep: mergedConfig.rankSep,
-        edgesep: mergedConfig.edgeSep,
-        align: mergedConfig.align,
-        ranker: mergedConfig.ranker,
-      })
-
-      g.setDefaultEdgeLabel(() => ({}))
-
-      // Add nodes with dimensions
-      nodes.forEach((node) => {
-        const nodeAny = node as any
-        g.setNode(node.id, {
-          width: nodeAny.measured?.width ?? nodeAny.width ?? DEFAULT_NODE_WIDTH,
-          height: nodeAny.measured?.height ?? nodeAny.height ?? DEFAULT_NODE_HEIGHT,
-        })
-      })
-
-      // Add edges
-      edges.forEach((edge) => {
-        g.setEdge(edge.source, edge.target)
-      })
-
-      // Run layout
-      dagre.layout(g)
-
-      // Extract positions
-      const positions = new Map<string, { x: number; y: number }>()
-      g.nodes().forEach((nodeId) => {
-        const node = g.node(nodeId)
-        if (node) {
-          // Dagre returns center position, adjust to top-left for Vue Flow
-          positions.set(nodeId, {
-            x: node.x - (node.width ?? DEFAULT_NODE_WIDTH) / 2,
-            y: node.y - (node.height ?? DEFAULT_NODE_HEIGHT) / 2,
-          })
-        }
-      })
-
-      // Extract edge points if available
-      const edgePoints = new Map<string, Array<{ x: number; y: number }>>()
-      g.edges().forEach((e) => {
-        const edge = g.edge(e)
-        if (edge?.points) {
-          const edgeId = edges.find((ed) => ed.source === e.v && ed.target === e.w)?.id
-          if (edgeId) {
-            edgePoints.set(edgeId, edge.points)
-          }
-        }
-      })
-
-      const graphInfo = g.graph()
-
-      return {
-        positions,
-        bounds: {
-          width: graphInfo.width ?? 800,
-          height: graphInfo.height ?? 600,
-        },
-        edgePoints,
-      }
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  function stop() {
-    isRunning.value = false
-  }
-
-  return {
-    isRunning,
-    apply,
-    stop,
-  }
-}
diff --git a/apps/client-web/src/composables/layouts/useGridLayout.ts b/apps/client-web/src/composables/layouts/useGridLayout.ts
deleted file mode 100644
index 9105ce2..0000000
--- a/apps/client-web/src/composables/layouts/useGridLayout.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-import { type GridLayoutConfig, type LayoutResult, DEFAULT_GRID_CONFIG } from '@inkcre/core'
-
-export interface UseGridLayoutOptions {
-  config?: Partial<GridLayoutConfig>
-}
-
-export function useGridLayout(options: UseGridLayoutOptions = {}) {
-  const isRunning = ref(false)
-
-  const mergedConfig = {
-    ...DEFAULT_GRID_CONFIG,
-    ...options.config,
-  }
-
-  async function apply(nodes: Node[], _edges: Edge[]): Promise<LayoutResult> {
-    isRunning.value = true
-
-    try {
-      const positions = new Map<string, { x: number; y: number }>()
-      const n = nodes.length
-
-      if (n === 0) {
-        return {
-          positions,
-          bounds: { width: 0, height: 0 },
-        }
-      }
-
-      // Calculate columns: use config or auto-calculate based on node count
-      const columns = mergedConfig.columns > 0 ? mergedConfig.columns : Math.ceil(Math.sqrt(n))
-
-      const cellWidth = mergedConfig.cellWidth
-      const cellHeight = mergedConfig.cellHeight
-      const gap = mergedConfig.gap
-
-      nodes.forEach((node, i) => {
-        const col = i % columns
-        const row = Math.floor(i / columns)
-
-        positions.set(node.id, {
-          x: col * (cellWidth + gap),
-          y: row * (cellHeight + gap),
-        })
-      })
-
-      const rows = Math.ceil(n / columns)
-
-      return {
-        positions,
-        bounds: {
-          width: columns * (cellWidth + gap) - gap,
-          height: rows * (cellHeight + gap) - gap,
-        },
-      }
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  function stop() {
-    isRunning.value = false
-  }
-
-  return {
-    isRunning,
-    apply,
-    stop,
-  }
-}
diff --git a/apps/client-web/src/composables/layouts/useRadialLayout.ts b/apps/client-web/src/composables/layouts/useRadialLayout.ts
deleted file mode 100644
index 89ac685..0000000
--- a/apps/client-web/src/composables/layouts/useRadialLayout.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-import { type RadialLayoutConfig, type LayoutResult, DEFAULT_RADIAL_CONFIG } from '@inkcre/core'
-
-export interface UseRadialLayoutOptions {
-  config?: Partial<RadialLayoutConfig>
-}
-
-/**
- * Build adjacency list from edges
- */
-function buildAdjacencyList(nodes: Node[], edges: Edge[]): Map<string, Set<string>> {
-  const adjacency = new Map<string, Set<string>>()
-
-  // Initialize all nodes
-  nodes.forEach((node) => {
-    adjacency.set(node.id, new Set())
-  })
-
-  // Add edges (treat as undirected for radial layout)
-  edges.forEach((edge) => {
-    adjacency.get(edge.source)?.add(edge.target)
-    adjacency.get(edge.target)?.add(edge.source)
-  })
-
-  return adjacency
-}
-
-/**
- * Find the node with highest degree (most connections)
- */
-function findHighestDegreeNode(nodes: Node[], edges: Edge[]): string | undefined {
-  if (nodes.length === 0) return undefined
-
-  const degreeMap = new Map<string, number>()
-
-  // Initialize degrees
-  nodes.forEach((node) => {
-    degreeMap.set(node.id, 0)
-  })
-
-  // Count degrees
-  edges.forEach((edge) => {
-    degreeMap.set(edge.source, (degreeMap.get(edge.source) ?? 0) + 1)
-    degreeMap.set(edge.target, (degreeMap.get(edge.target) ?? 0) + 1)
-  })
-
-  // Find max
-  let maxDegree = -1
-  let centerNode: string | undefined
-
-  degreeMap.forEach((degree, nodeId) => {
-    if (degree > maxDegree) {
-      maxDegree = degree
-      centerNode = nodeId
-    }
-  })
-
-  return centerNode
-}
-
-/**
- * BFS to compute levels from center node
- */
-function computeLevels(
-  centerNodeId: string,
-  adjacency: Map<string, Set<string>>
-): Map<number, string[]> {
-  const levels = new Map<number, string[]>()
-  const visited = new Set<string>()
-  const queue: Array<{ nodeId: string; level: number }> = []
-
-  // Start from center
-  queue.push({ nodeId: centerNodeId, level: 0 })
-  visited.add(centerNodeId)
-
-  while (queue.length > 0) {
-    const { nodeId, level } = queue.shift()!
-
-    // Add to level
-    if (!levels.has(level)) {
-      levels.set(level, [])
-    }
-    levels.get(level)!.push(nodeId)
-
-    // Process neighbors
-    const neighbors = adjacency.get(nodeId) ?? new Set()
-    neighbors.forEach((neighbor) => {
-      if (!visited.has(neighbor)) {
-        visited.add(neighbor)
-        queue.push({ nodeId: neighbor, level: level + 1 })
-      }
-    })
-  }
-
-  return levels
-}
-
-export function useRadialLayout(options: UseRadialLayoutOptions = {}) {
-  const isRunning = ref(false)
-
-  const mergedConfig = {
-    ...DEFAULT_RADIAL_CONFIG,
-    ...options.config,
-  }
-
-  async function apply(nodes: Node[], edges: Edge[]): Promise<LayoutResult> {
-    isRunning.value = true
-
-    try {
-      const positions = new Map<string, { x: number; y: number }>()
-
-      if (nodes.length === 0) {
-        return {
-          positions,
-          bounds: { width: 0, height: 0 },
-        }
-      }
-
-      // Find center node
-      const centerNodeId = mergedConfig.centerNodeId ?? findHighestDegreeNode(nodes, edges)
-
-      if (!centerNodeId) {
-        // Fallback: just use first node
-        positions.set(nodes[0].id, { x: 0, y: 0 })
-        return {
-          positions,
-          bounds: { width: 200, height: 200 },
-        }
-      }
-
-      // Build adjacency and compute levels
-      const adjacency = buildAdjacencyList(nodes, edges)
-      const levels = computeLevels(centerNodeId, adjacency)
-
-      // Find max radius needed
-      const maxLevel = Math.max(...levels.keys())
-      const maxRadius = mergedConfig.minRadius + maxLevel * mergedConfig.levelSep
-      const centerX = maxRadius + 50
-      const centerY = maxRadius + 50
-
-      // Position nodes by level
-      levels.forEach((nodeIds, level) => {
-        if (level === 0) {
-          // Center node
-          positions.set(nodeIds[0], { x: centerX, y: centerY })
-        } else {
-          const radius = mergedConfig.minRadius + level * mergedConfig.levelSep
-          const angleStep = (2 * Math.PI) / nodeIds.length
-
-          nodeIds.forEach((nodeId, i) => {
-            const angle = i * angleStep - Math.PI / 2 // Start from top
-            positions.set(nodeId, {
-              x: centerX + radius * Math.cos(angle),
-              y: centerY + radius * Math.sin(angle),
-            })
-          })
-        }
-      })
-
-      // Handle disconnected nodes (not reached by BFS)
-      const positionedNodes = new Set(positions.keys())
-      const disconnected = nodes.filter((n) => !positionedNodes.has(n.id))
-
-      if (disconnected.length > 0) {
-        // Place disconnected nodes in outer ring
-        const outerRadius = maxRadius + mergedConfig.levelSep
-        const angleStep = (2 * Math.PI) / disconnected.length
-
-        disconnected.forEach((node, i) => {
-          const angle = i * angleStep
-          positions.set(node.id, {
-            x: centerX + outerRadius * Math.cos(angle),
-            y: centerY + outerRadius * Math.sin(angle),
-          })
-        })
-      }
-
-      const totalRadius = maxRadius + mergedConfig.levelSep + 100
-
-      return {
-        positions,
-        bounds: {
-          width: totalRadius * 2,
-          height: totalRadius * 2,
-        },
-      }
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  function stop() {
-    isRunning.value = false
-  }
-
-  return {
-    isRunning,
-    apply,
-    stop,
-  }
-}
diff --git a/apps/client-web/src/composables/use-either.spec.ts b/apps/client-web/src/composables/use-either.spec.ts
deleted file mode 100644
index 293a7e5..0000000
--- a/apps/client-web/src/composables/use-either.spec.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { describe, expect, it, vi } from 'vitest'
-import { useEither } from './use-either'
-
-describe('useEither composable', () => {
-  it('returns object directly when object is provided', async () => {
-    const testObject = { id: 1, name: 'test' }
-    const fetcher = async (id: number) => ({
-      id,
-      name: 'fetched',
-    })
-
-    const result = useEither(undefined, testObject, fetcher)
-
-    await vi.waitFor(() => expect(result.value).toEqual(testObject))
-  })
-
-  it('fetches object when only id is provided', async () => {
-    const expectedObject = { id: 1, name: 'fetched' }
-    const fetcher = async (_id: number) => expectedObject
-
-    const result = useEither(1, undefined, fetcher)
-
-    await vi.waitFor(() => expect(result.value).toEqual(expectedObject))
-  })
-
-  it('returns undefined when neither id nor object is provided', async () => {
-    const fetcher = async (id: number) => ({ id, name: 'test' })
-
-    const result = useEither(undefined, undefined, fetcher)
-
-    expect(result.value).toBeUndefined()
-  })
-
-  it('calls fetcher with correct id', async () => {
-    let fetchedId: number | undefined
-    const fetcher = async (id: number) => {
-      fetchedId = id
-      return { id, name: 'fetched' }
-    }
-
-    useEither(42, undefined, fetcher)
-
-    await vi.waitFor(() => expect(fetchedId).toBe(42))
-  })
-
-  it('prefers object over id when both are provided', async () => {
-    const testObject = { id: 1, name: 'object' }
-    const fetcher = async (id: number) => ({
-      id,
-      name: 'fetched',
-    })
-
-    const result = useEither(999, testObject, fetcher)
-
-    await vi.waitFor(() => expect(result.value).toEqual(testObject))
-  })
-
-  it('handles different types', async () => {
-    interface User {
-      id: number
-      username: string
-      email: string
-    }
-
-    const user: User = {
-      id: 1,
-      username: 'john',
-      email: 'john@example.com',
-    }
-
-    const fetcher = async (_id: number): Promise<User> => user
-
-    const result = useEither<User>(1, undefined, fetcher)
-
-    await vi.waitFor(() => expect(result.value).toEqual(user))
-  })
-
-  it('handles async fetcher errors gracefully', async () => {
-    const fetcher = async (_id: number) => {
-      throw new Error('Fetch failed')
-    }
-
-    const result = useEither(1, undefined, fetcher)
-
-    await vi.waitFor(() => expect(result.value).toBeUndefined())
-  })
-})
diff --git a/apps/client-web/src/composables/useAllCommunitiesLayout.ts b/apps/client-web/src/composables/useAllCommunitiesLayout.ts
deleted file mode 100644
index ee3f89d..0000000
--- a/apps/client-web/src/composables/useAllCommunitiesLayout.ts
+++ /dev/null
@@ -1,303 +0,0 @@
-import { ref, type Ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-import type { CommunityMap } from '@inkcre/core'
-import { classicalMDS } from '@inkcre/core'
-import { computeIntraCommunityDistances, computeInterCommunityDistances } from '@inkcre/core'
-
-interface CommunityBounds {
-  communityId: string
-  x: number
-  y: number
-  width: number
-  height: number
-  nodePositions: Map<string, { x: number; y: number }>
-}
-
-export interface UseAllCommunitiesLayoutOptions {
-  nodes: Ref<Node[]>
-  edges: Ref<Edge[]>
-  communities: Ref<CommunityMap>
-  onPositionUpdate: (positions: Map<string, { x: number; y: number }>) => void
-}
-
-const COMMUNITY_PADDING = 80 // Increased for better edge-node separation
-const COMMUNITY_GAP = 180 // Increased to prevent edge overlap between communities
-const NODE_WIDTH = 200
-const NODE_HEIGHT = 150
-const INTRA_COMMUNITY_BASE_SIZE = 500 // Increased for better spacing within communities
-const LAYOUT_TARGET_SIZE = 2000 // Increased for overall layout breathing room
-
-export function useAllCommunitiesLayout(options: UseAllCommunitiesLayoutOptions) {
-  const { nodes, edges, communities, onPositionUpdate } = options
-  const isRunning = ref(false)
-
-  /**
-   * Layout nodes within a single community using MDS
-   * Positions are based on shortest path distances between nodes
-   */
-  function layoutCommunityMDS(
-    communityNodes: Node[],
-    communityEdges: Edge[]
-  ): {
-    positions: Map<string, { x: number; y: number }>
-    bounds: { width: number; height: number }
-  } {
-    const positions = new Map<string, { x: number; y: number }>()
-    const n = communityNodes.length
-
-    if (n === 0) {
-      return { positions, bounds: { width: 0, height: 0 } }
-    }
-
-    if (n === 1) {
-      positions.set(communityNodes[0].id, {
-        x: COMMUNITY_PADDING,
-        y: COMMUNITY_PADDING,
-      })
-      return {
-        positions,
-        bounds: {
-          width: NODE_WIDTH + COMMUNITY_PADDING * 2,
-          height: NODE_HEIGHT + COMMUNITY_PADDING * 2,
-        },
-      }
-    }
-
-    // Compute distance matrix based on graph connectivity (shortest paths)
-    const nodeIds = communityNodes.map((n) => n.id)
-    const distances = computeIntraCommunityDistances(nodeIds, communityEdges)
-
-    // Run classical MDS to get 2D coordinates
-    const mdsResult = classicalMDS(distances, 2)
-    const coords = mdsResult.coordinates
-
-    // Find bounds of MDS output
-    let minX = Infinity,
-      minY = Infinity,
-      maxX = -Infinity,
-      maxY = -Infinity
-
-    for (const [x, y] of coords) {
-      minX = Math.min(minX, x)
-      minY = Math.min(minY, y)
-      maxX = Math.max(maxX, x)
-      maxY = Math.max(maxY, y)
-    }
-
-    const rangeX = maxX - minX || 1
-    const rangeY = maxY - minY || 1
-
-    // Scale based on community size - larger communities get more space
-    const targetSize = Math.sqrt(n) * 200 + INTRA_COMMUNITY_BASE_SIZE
-    const scale = Math.min(
-      (targetSize - 2 * COMMUNITY_PADDING) / rangeX,
-      (targetSize - 2 * COMMUNITY_PADDING) / rangeY
-    )
-
-    // Map MDS coordinates to screen coordinates
-    for (let i = 0; i < n; i++) {
-      positions.set(nodeIds[i], {
-        x: (coords[i][0] - minX) * scale + COMMUNITY_PADDING,
-        y: (coords[i][1] - minY) * scale + COMMUNITY_PADDING,
-      })
-    }
-
-    return {
-      positions,
-      bounds: {
-        width: rangeX * scale + NODE_WIDTH + COMMUNITY_PADDING * 2,
-        height: rangeY * scale + NODE_HEIGHT + COMMUNITY_PADDING * 2,
-      },
-    }
-  }
-
-  /**
-   * Position communities relative to each other using MDS
-   * Communities with more inter-community edges are placed closer together
-   */
-  function positionCommunitiesMDS(communityBoundsList: CommunityBounds[], allEdges: Edge[]): void {
-    const n = communityBoundsList.length
-
-    if (n <= 1) {
-      if (n === 1) {
-        communityBoundsList[0].x = 0
-        communityBoundsList[0].y = 0
-      }
-      return
-    }
-
-    // Build community map for distance calculation
-    const communityMap: CommunityMap = new Map()
-    for (const cb of communityBoundsList) {
-      const nodeIds = new Set<string>()
-      cb.nodePositions.forEach((_, nodeId) => nodeIds.add(nodeId))
-      communityMap.set(cb.communityId, nodeIds)
-    }
-
-    // Compute inter-community distances based on edge count
-    const { distances, communityIds } = computeInterCommunityDistances(communityMap, allEdges)
-
-    // Run MDS to get community positions
-    const mdsResult = classicalMDS(distances, 2)
-    const coords = mdsResult.coordinates
-
-    // Map community IDs to their bounds index
-    const idToIndex = new Map(communityIds.map((id, i) => [id, i]))
-
-    // Find bounds of MDS output
-    let minX = Infinity,
-      minY = Infinity,
-      maxX = -Infinity,
-      maxY = -Infinity
-
-    for (const [x, y] of coords) {
-      minX = Math.min(minX, x)
-      minY = Math.min(minY, y)
-      maxX = Math.max(maxX, x)
-      maxY = Math.max(maxY, y)
-    }
-
-    const rangeX = maxX - minX || 1
-    const rangeY = maxY - minY || 1
-
-    // Estimate total area needed based on community sizes
-    const totalArea = communityBoundsList.reduce((sum, cb) => sum + cb.width * cb.height, 0)
-    const targetSize = Math.max(LAYOUT_TARGET_SIZE, Math.sqrt(totalArea) * 1.5)
-
-    const scale = Math.min(targetSize / rangeX, targetSize / rangeY)
-
-    // Position each community based on MDS coordinates
-    for (const cb of communityBoundsList) {
-      const idx = idToIndex.get(cb.communityId)
-      if (idx !== undefined) {
-        cb.x = (coords[idx][0] - minX) * scale
-        cb.y = (coords[idx][1] - minY) * scale
-      }
-    }
-
-    // Resolve any overlaps between communities
-    resolveOverlaps(communityBoundsList)
-  }
-
-  /**
-   * Resolve overlapping communities by pushing them apart
-   * Uses simple iterative repulsion
-   */
-  function resolveOverlaps(communityBoundsList: CommunityBounds[]): void {
-    const iterations = 50
-    const pushStrength = 0.5
-
-    for (let iter = 0; iter < iterations; iter++) {
-      let hasOverlap = false
-
-      for (let i = 0; i < communityBoundsList.length; i++) {
-        for (let j = i + 1; j < communityBoundsList.length; j++) {
-          const a = communityBoundsList[i]
-          const b = communityBoundsList[j]
-
-          // Check overlap with gap consideration
-          const overlapX =
-            a.x + a.width + COMMUNITY_GAP > b.x && b.x + b.width + COMMUNITY_GAP > a.x
-          const overlapY =
-            a.y + a.height + COMMUNITY_GAP > b.y && b.y + b.height + COMMUNITY_GAP > a.y
-
-          if (overlapX && overlapY) {
-            hasOverlap = true
-
-            // Calculate centers
-            const aCenterX = a.x + a.width / 2
-            const aCenterY = a.y + a.height / 2
-            const bCenterX = b.x + b.width / 2
-            const bCenterY = b.y + b.height / 2
-
-            // Push communities apart
-            const dx = bCenterX - aCenterX
-            const dy = bCenterY - aCenterY
-            const dist = Math.sqrt(dx * dx + dy * dy) || 1
-
-            const pushX = (dx / dist) * pushStrength * COMMUNITY_GAP
-            const pushY = (dy / dist) * pushStrength * COMMUNITY_GAP
-
-            a.x -= pushX
-            a.y -= pushY
-            b.x += pushX
-            b.y += pushY
-          }
-        }
-      }
-
-      // Stop early if no overlaps remain
-      if (!hasOverlap) break
-    }
-  }
-
-  /**
-   * Apply MDS-based layout to all communities
-   *
-   * Algorithm:
-   * 1. For each community: compute internal layout using MDS (based on shortest paths)
-   * 2. Position communities relative to each other using MDS (based on inter-community edges)
-   * 3. Resolve any overlaps
-   * 4. Combine all positions
-   */
-  async function applyLayout(): Promise<void> {
-    if (nodes.value.length === 0 || communities.value.size === 0) {
-      return
-    }
-
-    isRunning.value = true
-
-    try {
-      const communityBoundsList: CommunityBounds[] = []
-      const communityEntries = Array.from(communities.value.entries())
-
-      // Step 1: Layout each community internally using MDS
-      for (const [communityId, nodeIds] of communityEntries) {
-        const communityNodes = nodes.value.filter((n) => nodeIds.has(n.id))
-        const communityEdges = edges.value.filter(
-          (e) => nodeIds.has(e.source) && nodeIds.has(e.target)
-        )
-
-        const result = layoutCommunityMDS(communityNodes, communityEdges)
-
-        communityBoundsList.push({
-          communityId,
-          x: 0,
-          y: 0,
-          width: result.bounds.width,
-          height: result.bounds.height,
-          nodePositions: result.positions,
-        })
-      }
-
-      // Step 2: Position communities using MDS based on inter-community edges
-      positionCommunitiesMDS(communityBoundsList, edges.value)
-
-      // Step 3: Combine all positions with community offsets
-      const allPositions = new Map<string, { x: number; y: number }>()
-
-      communityBoundsList.forEach((cb) => {
-        cb.nodePositions.forEach((localPos, nodeId) => {
-          allPositions.set(nodeId, {
-            x: cb.x + localPos.x,
-            y: cb.y + localPos.y,
-          })
-        })
-      })
-
-      onPositionUpdate(allPositions)
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  function stop() {
-    isRunning.value = false
-  }
-
-  return {
-    isRunning,
-    applyLayout,
-    stop,
-  }
-}
diff --git a/apps/client-web/src/composables/useCommunityDetection.ts b/apps/client-web/src/composables/useCommunityDetection.ts
deleted file mode 100644
index 4d2dd0f..0000000
--- a/apps/client-web/src/composables/useCommunityDetection.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { ref, watch, type Ref } from 'vue'
-import Graph from 'graphology'
-import louvain from 'graphology-communities-louvain'
-import type { BlockNode } from '@inkcre/core'
-import type { Edge } from '@vue-flow/core'
-import type { CommunityMetadata, CommunityMap } from '@inkcre/core'
-
-export interface UseCommunityDetectionOptions {
-  nodes: Ref<BlockNode[]>
-  edges: Ref<Edge[]>
-  enabled?: Ref<boolean>
-}
-
-export interface UseCommunityDetectionReturn {
-  communities: Ref<CommunityMap>
-  communityMetadata: Ref<CommunityMetadata[]>
-  isDetecting: Ref<boolean>
-  getCommunityNodes: (communityId: string) => string[]
-  recompute: () => void
-}
-
-/**
- * Community detection composable using Louvain algorithm
- * Detects communities in a graph and provides metadata for navigation
- */
-export function useCommunityDetection({
-  nodes,
-  edges,
-  enabled = ref(true),
-}: UseCommunityDetectionOptions): UseCommunityDetectionReturn {
-  const communities = ref<CommunityMap>(new Map())
-  const communityMetadata = ref<CommunityMetadata[]>([])
-  const isDetecting = ref(false)
-
-  /**
-   * Run community detection using Louvain algorithm
-   */
-  function detectCommunities() {
-    if (!enabled.value || nodes.value.length === 0) {
-      communities.value = new Map()
-      communityMetadata.value = []
-      return
-    }
-
-    isDetecting.value = true
-
-    try {
-      // Create graphology graph (undirected for community detection)
-      const graph = new Graph({ type: 'undirected' })
-
-      // Add nodes
-      nodes.value.forEach((node) => {
-        graph.addNode(node.id)
-      })
-
-      // Add edges (avoid duplicates)
-      edges.value.forEach((edge) => {
-        if (graph.hasNode(edge.source) && graph.hasNode(edge.target)) {
-          if (!graph.hasEdge(edge.source, edge.target)) {
-            graph.addEdge(edge.source, edge.target)
-          }
-        }
-      })
-
-      // Run Louvain algorithm
-      // Returns: { [nodeId]: communityId }
-      const nodeCommunities = louvain(graph)
-
-      // Transform to our format: Map<communityId, Set<nodeId>>
-      const communityMap = new Map<string, Set<string>>()
-
-      Object.entries(nodeCommunities).forEach(([nodeId, communityId]) => {
-        const commId = String(communityId)
-        if (!communityMap.has(commId)) {
-          communityMap.set(commId, new Set())
-        }
-        communityMap.get(commId)!.add(nodeId)
-      })
-
-      // Create metadata sorted by size (largest first)
-      const metadata: CommunityMetadata[] = Array.from(communityMap.entries())
-        .map(([id, nodeIds], index) => ({
-          id,
-          label: `Community ${index + 1}`,
-          nodeCount: nodeIds.size,
-        }))
-        .sort((a, b) => b.nodeCount - a.nodeCount)
-
-      communities.value = communityMap
-      communityMetadata.value = metadata
-    } catch (error) {
-      console.error('Failed to detect communities:', error)
-      communities.value = new Map()
-      communityMetadata.value = []
-    } finally {
-      isDetecting.value = false
-    }
-  }
-
-  /**
-   * Get all node IDs in a specific community
-   */
-  function getCommunityNodes(communityId: string): string[] {
-    return Array.from(communities.value.get(communityId) ?? [])
-  }
-
-  /**
-   * Manually trigger recomputation
-   */
-  function recompute() {
-    detectCommunities()
-  }
-
-  // Watch for structural changes (node/edge count changes)
-  watch(
-    [() => nodes.value.length, () => edges.value.length, enabled],
-    () => {
-      if (enabled.value) {
-        detectCommunities()
-      }
-    },
-    { immediate: true }
-  )
-
-  return {
-    communities,
-    communityMetadata,
-    isDetecting,
-    getCommunityNodes,
-    recompute,
-  }
-}
diff --git a/apps/client-web/src/composables/useForceLayout.ts b/apps/client-web/src/composables/useForceLayout.ts
deleted file mode 100644
index f477233..0000000
--- a/apps/client-web/src/composables/useForceLayout.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { ref, watch, onUnmounted, getCurrentInstance, type Ref } from 'vue'
-import { forceSimulation, forceLink, forceManyBody, forceCenter, forceCollide } from 'd3-force'
-import type { Node } from '@vue-flow/core'
-import {
-  DEFAULT_FORCE_CONFIG,
-  type ForceLayoutConfig,
-  type SimulationNode,
-  type SimulationLink,
-} from '@inkcre/core'
-
-interface UseForceLayoutOptions {
-  nodes: Ref<Node[]>
-  links: Ref<SimulationLink[]>
-  config?: Partial<ForceLayoutConfig>
-  onPositionUpdate?: (positions: Map<string, { x: number; y: number }>) => void
-}
-
-interface UseForceLayoutReturn {
-  isRunning: Ref<boolean>
-  alpha: Ref<number>
-  start: () => void
-  stop: () => void
-  restart: () => void
-  fixNode: (nodeId: string, x: number, y: number) => void
-  unfixNode: (nodeId: string) => void
-}
-
-export function useForceLayout({
-  nodes,
-  links,
-  config = {},
-  onPositionUpdate,
-}: UseForceLayoutOptions): UseForceLayoutReturn {
-  const isRunning = ref(false)
-  const alpha = ref(0)
-
-  // Use ReturnType to infer the correct simulation type
-  let simulation: ReturnType<typeof forceSimulation<SimulationNode>> | null = null
-  let simulationNodes: SimulationNode[] = []
-
-  const mergedConfig = { ...DEFAULT_FORCE_CONFIG, ...config }
-
-  function createSimulation(width: number, height: number) {
-    // Create simulation nodes from Vue Flow nodes
-    simulationNodes = nodes.value.map((node) => ({
-      id: node.id,
-      x: node.position.x,
-      y: node.position.y,
-    }))
-
-    // Create simulation links
-    const simulationLinks = links.value.map((link) => ({
-      source: link.source,
-      target: link.target,
-    }))
-
-    // Track iterations for maxIterations limit
-    let iterationCount = 0
-
-    // Create force simulation
-    simulation = forceSimulation<SimulationNode>(simulationNodes)
-      .force(
-        'link',
-        forceLink<SimulationNode, { source: string; target: string }>(simulationLinks)
-          .id((d) => d.id)
-          .distance(mergedConfig.linkDistance)
-      )
-      .force('charge', forceManyBody().strength(mergedConfig.chargeForce))
-      .force('center', forceCenter(width / 2, height / 2).strength(mergedConfig.centerForce))
-      .force(
-        'collide',
-        forceCollide<SimulationNode>(mergedConfig.collideRadius)
-          .strength(mergedConfig.collideStrength)
-          .iterations(mergedConfig.collideIterations)
-      )
-      .alphaDecay(mergedConfig.alphaDecay)
-      .on('tick', () => {
-        iterationCount++
-        // Stop if maxIterations is set and reached
-        if (mergedConfig.maxIterations && iterationCount >= mergedConfig.maxIterations) {
-          simulation?.stop()
-          onEnd()
-          return
-        }
-        onTick()
-      })
-      .on('end', onEnd)
-
-    // Pre-warm the simulation
-    const sim = simulation
-    const preWarmTicks = mergedConfig.maxIterations
-      ? Math.min(mergedConfig.preWarmTicks, mergedConfig.maxIterations)
-      : mergedConfig.preWarmTicks
-    for (let i = 0; i < preWarmTicks; i++) {
-      sim.tick()
-      iterationCount++
-    }
-    // Manually emit positions after pre-warm (tick events don't fire for manual ticks)
-    onTick()
-
-    isRunning.value = true
-  }
-
-  function onTick() {
-    if (!simulation) return
-
-    alpha.value = simulation.alpha()
-
-    // Emit position updates via callback
-    if (onPositionUpdate) {
-      const positions = new Map<string, { x: number; y: number }>()
-      for (const simNode of simulationNodes) {
-        positions.set(simNode.id, { x: simNode.x!, y: simNode.y! })
-      }
-      onPositionUpdate(positions)
-    }
-  }
-
-  function onEnd() {
-    isRunning.value = false
-    alpha.value = 0
-  }
-
-  function start() {
-    const width = config.width ?? 800
-    const height = config.height ?? 600
-    createSimulation(width, height)
-  }
-
-  function stop() {
-    if (simulation) {
-      simulation.stop()
-      isRunning.value = false
-    }
-  }
-
-  function restart() {
-    if (simulation) {
-      simulation.alpha(1).restart()
-      isRunning.value = true
-    }
-  }
-
-  function fixNode(nodeId: string, x: number, y: number) {
-    const simNode = simulationNodes.find((n) => n.id === nodeId)
-    if (simNode) {
-      simNode.fx = x
-      simNode.fy = y
-    }
-  }
-
-  function unfixNode(nodeId: string) {
-    const simNode = simulationNodes.find((n) => n.id === nodeId)
-    if (simNode) {
-      simNode.fx = null
-      simNode.fy = null
-    }
-    // Restart simulation when node is released
-    if (simulation) {
-      simulation.alpha(0.3).restart()
-      isRunning.value = true
-    }
-  }
-
-  // Watch for changes in nodes/links and reinitialize
-  watch(
-    [() => nodes.value.length, () => links.value.length],
-    () => {
-      if (simulation) {
-        stop()
-        start()
-      }
-    },
-    { flush: 'post' }
-  )
-
-  // Cleanup on unmount (only if called during component setup)
-  if (getCurrentInstance()) {
-    onUnmounted(() => {
-      stop()
-      simulation = null
-    })
-  }
-
-  return {
-    isRunning,
-    alpha,
-    start,
-    stop,
-    restart,
-    fixNode,
-    unfixNode,
-  }
-}
diff --git a/apps/client-web/src/composables/useLayoutManager.ts b/apps/client-web/src/composables/useLayoutManager.ts
deleted file mode 100644
index 309b7b8..0000000
--- a/apps/client-web/src/composables/useLayoutManager.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { ref, computed, type Ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-import { LayoutType, type LayoutResult, type LayoutSelection } from '@inkcre/core'
-import { TopologyType } from '@inkcre/core'
-import type { SimulationLink } from '@inkcre/core'
-import { useTopologyDetection } from './useTopologyDetection'
-import { useDagreLayout } from './layouts/useDagreLayout'
-import { useCircularLayout } from './layouts/useCircularLayout'
-import { useRadialLayout } from './layouts/useRadialLayout'
-import { useGridLayout } from './layouts/useGridLayout'
-import { useForceLayout } from './useForceLayout'
-
-export interface UseLayoutManagerOptions {
-  nodes: Ref<Node[]>
-  edges: Ref<Edge[]>
-  links: Ref<SimulationLink[]>
-  width?: number
-  height?: number
-  onPositionUpdate: (positions: Map<string, { x: number; y: number }>) => void
-}
-
-export interface UseLayoutManagerReturn {
-  currentLayout: Ref<LayoutType>
-  effectiveLayout: Ref<LayoutType>
-  isAutoMode: Ref<boolean>
-  detectedTopology: Ref<TopologyType | null>
-  isRunning: Ref<boolean>
-  layoutSelection: Ref<LayoutSelection>
-  applyLayout: () => Promise<void>
-  setLayout: (type: LayoutType) => void
-  forceLayout: ReturnType<typeof useForceLayout>
-}
-
-export function useLayoutManager(options: UseLayoutManagerOptions): UseLayoutManagerReturn {
-  const { nodes, edges, links, onPositionUpdate } = options
-  const width = options.width ?? 800
-  const height = options.height ?? 600
-
-  // State
-  const currentLayout = ref<LayoutType>(LayoutType.Auto)
-  const isAutoMode = ref(true)
-  const detectedTopology = ref<TopologyType | null>(null)
-  const isRunning = ref(false)
-
-  // Composables
-  const topology = useTopologyDetection()
-
-  const dagreLayout = useDagreLayout()
-  const circularLayout = useCircularLayout()
-  const gridLayout = useGridLayout()
-
-  // Force layout with reactive options for drag support
-  const forceLayout = useForceLayout({
-    nodes,
-    links,
-    config: { width, height },
-    onPositionUpdate,
-  })
-
-  // Get effective layout type (auto-detect or manual)
-  const effectiveLayout = computed(() => {
-    if (!isAutoMode.value) {
-      return currentLayout.value
-    }
-
-    // Auto-detect based on topology
-    const analysis = topology.analyze(nodes.value, edges.value)
-    detectedTopology.value = analysis.type
-    return analysis.suggestedLayout
-  })
-
-  // Apply layout based on effective layout type
-  async function applyLayout(): Promise<void> {
-    if (nodes.value.length === 0) return
-
-    isRunning.value = true
-
-    try {
-      const layoutType = effectiveLayout.value
-      let result: LayoutResult
-
-      switch (layoutType) {
-        case LayoutType.Dagre:
-          result = await dagreLayout.apply(nodes.value, edges.value)
-          onPositionUpdate(result.positions)
-          break
-
-        case LayoutType.Circular:
-          result = await circularLayout.apply(nodes.value, edges.value)
-          onPositionUpdate(result.positions)
-          break
-
-        case LayoutType.Radial: {
-          // For radial, try to use star center if detected
-          const analysis = topology.analyze(nodes.value, edges.value)
-          const radialLayoutWithCenter = useRadialLayout({
-            config: {
-              centerNodeId: analysis.metrics.starCenterNodeId,
-            },
-          })
-          result = await radialLayoutWithCenter.apply(nodes.value, edges.value)
-          onPositionUpdate(result.positions)
-          break
-        }
-
-        case LayoutType.Grid:
-          result = await gridLayout.apply(nodes.value, edges.value)
-          onPositionUpdate(result.positions)
-          break
-
-        case LayoutType.Force:
-        default:
-          // Force layout handles its own position updates
-          forceLayout.start()
-          return
-      }
-    } finally {
-      isRunning.value = false
-    }
-  }
-
-  // Manual layout selection
-  function setLayout(type: LayoutType): void {
-    // Stop any running force simulation
-    forceLayout.stop()
-
-    isAutoMode.value = type === LayoutType.Auto
-    currentLayout.value = type
-
-    // Re-detect topology if switching back to auto
-    if (type === LayoutType.Auto) {
-      const analysis = topology.analyze(nodes.value, edges.value)
-      detectedTopology.value = analysis.type
-    }
-
-    void applyLayout()
-  }
-
-  // Layout selection state for UI
-  const layoutSelection = computed<LayoutSelection>(() => ({
-    type: effectiveLayout.value,
-    isAutoDetected: isAutoMode.value,
-    detectedTopology: detectedTopology.value ?? undefined,
-  }))
-
-  return {
-    currentLayout,
-    effectiveLayout,
-    isAutoMode,
-    detectedTopology,
-    isRunning,
-    layoutSelection,
-    applyLayout,
-    setLayout,
-    forceLayout,
-  }
-}
diff --git a/apps/client-web/src/composables/useTopologyDetection.ts b/apps/client-web/src/composables/useTopologyDetection.ts
deleted file mode 100644
index d954fae..0000000
--- a/apps/client-web/src/composables/useTopologyDetection.ts
+++ /dev/null
@@ -1,341 +0,0 @@
-import { DirectedGraph } from 'graphology'
-import { hasCycle } from 'graphology-dag'
-import type { Node, Edge } from '@vue-flow/core'
-import {
-  TopologyType,
-  type TopologyAnalysis,
-  type TopologyMetrics,
-  topologyToLayout,
-} from '@inkcre/core'
-
-/**
- * Build a graphology graph from Vue Flow nodes and edges
- */
-function buildGraph(nodes: Node[], edges: Edge[]): DirectedGraph {
-  const graph = new DirectedGraph()
-
-  nodes.forEach((node) => {
-    graph.addNode(node.id)
-  })
-
-  edges.forEach((edge) => {
-    // Avoid duplicate edges
-    if (!graph.hasEdge(edge.source, edge.target)) {
-      graph.addEdge(edge.source, edge.target)
-    }
-  })
-
-  return graph
-}
-
-/**
- * Compute degree statistics for all nodes
- */
-function computeDegrees(graph: DirectedGraph): {
-  maxIn: number
-  maxOut: number
-  avgDegree: number
-  inDegrees: Map<string, number>
-  outDegrees: Map<string, number>
-} {
-  const inDegrees = new Map<string, number>()
-  const outDegrees = new Map<string, number>()
-  let maxIn = 0
-  let maxOut = 0
-  let totalDegree = 0
-
-  graph.forEachNode((node) => {
-    const inDeg = graph.inDegree(node)
-    const outDeg = graph.outDegree(node)
-
-    inDegrees.set(node, inDeg)
-    outDegrees.set(node, outDeg)
-
-    maxIn = Math.max(maxIn, inDeg)
-    maxOut = Math.max(maxOut, outDeg)
-    totalDegree += inDeg + outDeg
-  })
-
-  const nodeCount = graph.order
-  const avgDegree = nodeCount > 0 ? totalDegree / nodeCount : 0
-
-  return { maxIn, maxOut, avgDegree, inDegrees, outDegrees }
-}
-
-/**
- * Check if graph is connected (treating as undirected)
- */
-function isConnected(graph: DirectedGraph): boolean {
-  if (graph.order === 0) return true
-  if (graph.order === 1) return true
-
-  const visited = new Set<string>()
-  const queue: string[] = []
-
-  // Start BFS from first node
-  const firstNode = graph.nodes()[0]
-  queue.push(firstNode)
-  visited.add(firstNode)
-
-  while (queue.length > 0) {
-    const current = queue.shift()!
-
-    // Get all neighbors (both in and out for undirected connectivity)
-    graph.forEachNeighbor(current, (neighbor) => {
-      if (!visited.has(neighbor)) {
-        visited.add(neighbor)
-        queue.push(neighbor)
-      }
-    })
-  }
-
-  return visited.size === graph.order
-}
-
-/**
- * Check if the graph is a tree (connected, acyclic, n-1 edges for n nodes)
- */
-function isTree(graph: DirectedGraph, hasCycles: boolean, connected: boolean): boolean {
-  if (hasCycles) return false
-  if (!connected) return false
-
-  const nodeCount = graph.order
-  const edgeCount = graph.size
-
-  // A tree has exactly n-1 edges for n nodes
-  return edgeCount === nodeCount - 1
-}
-
-/**
- * Find root nodes (nodes with no incoming edges)
- */
-function findRootNodes(graph: DirectedGraph, inDegrees: Map<string, number>): string[] {
-  const roots: string[] = []
-
-  inDegrees.forEach((degree, nodeId) => {
-    if (degree === 0) {
-      roots.push(nodeId)
-    }
-  })
-
-  return roots
-}
-
-/**
- * Find leaf nodes (nodes with no outgoing edges)
- */
-function findLeafNodes(graph: DirectedGraph, outDegrees: Map<string, number>): string[] {
-  const leaves: string[] = []
-
-  outDegrees.forEach((degree, nodeId) => {
-    if (degree === 0) {
-      leaves.push(nodeId)
-    }
-  })
-
-  return leaves
-}
-
-/**
- * Detect star topology - one central node connected to most others
- * Star pattern: one node has >= 60% of all edges, others have low degree
- */
-function detectStarCenter(
-  graph: DirectedGraph,
-  inDegrees: Map<string, number>,
-  outDegrees: Map<string, number>
-): { hasStarCenter: boolean; centerNodeId?: string } {
-  if (graph.order < 3) {
-    return { hasStarCenter: false }
-  }
-
-  const totalEdges = graph.size
-  if (totalEdges === 0) {
-    return { hasStarCenter: false }
-  }
-
-  // Find node with highest total degree
-  let maxDegreeNode: string | undefined
-  let maxDegree = 0
-
-  graph.forEachNode((node) => {
-    const totalDegree = (inDegrees.get(node) ?? 0) + (outDegrees.get(node) ?? 0)
-    if (totalDegree > maxDegree) {
-      maxDegree = totalDegree
-      maxDegreeNode = node
-    }
-  })
-
-  if (!maxDegreeNode) {
-    return { hasStarCenter: false }
-  }
-
-  // Check if this node has at least 60% of all edges
-  const edgeThreshold = totalEdges * 0.6
-  const centerDegree = (inDegrees.get(maxDegreeNode) ?? 0) + (outDegrees.get(maxDegreeNode) ?? 0)
-
-  // Also check that other nodes have low degree (mostly 1 or 2)
-  let lowDegreeCount = 0
-  graph.forEachNode((node) => {
-    if (node !== maxDegreeNode) {
-      const degree = (inDegrees.get(node) ?? 0) + (outDegrees.get(node) ?? 0)
-      if (degree <= 2) {
-        lowDegreeCount++
-      }
-    }
-  })
-
-  const otherNodesCount = graph.order - 1
-  const lowDegreeRatio = otherNodesCount > 0 ? lowDegreeCount / otherNodesCount : 0
-
-  // Star topology: center has high degree AND most others have low degree
-  if (centerDegree >= edgeThreshold && lowDegreeRatio >= 0.7) {
-    return { hasStarCenter: true, centerNodeId: maxDegreeNode }
-  }
-
-  return { hasStarCenter: false }
-}
-
-/**
- * Compute graph depth using BFS from root nodes
- */
-function computeDepth(graph: DirectedGraph, rootNodes: string[]): number | undefined {
-  if (rootNodes.length === 0) return undefined
-
-  let maxDepth = 0
-  const visited = new Set<string>()
-
-  rootNodes.forEach((root) => {
-    const queue: Array<{ node: string; depth: number }> = [{ node: root, depth: 0 }]
-    visited.add(root)
-
-    while (queue.length > 0) {
-      const { node, depth } = queue.shift()!
-      maxDepth = Math.max(maxDepth, depth)
-
-      graph.forEachOutNeighbor(node, (neighbor) => {
-        if (!visited.has(neighbor)) {
-          visited.add(neighbor)
-          queue.push({ node: neighbor, depth: depth + 1 })
-        }
-      })
-    }
-  })
-
-  return maxDepth
-}
-
-/**
- * Composable for detecting graph topology
- */
-export function useTopologyDetection() {
-  /**
-   * Analyze graph topology and return analysis with suggested layout
-   */
-  function analyze(nodes: Node[], edges: Edge[]): TopologyAnalysis {
-    // Handle empty graph
-    if (nodes.length === 0) {
-      return {
-        type: TopologyType.Unknown,
-        confidence: 1,
-        metrics: {
-          nodeCount: 0,
-          edgeCount: 0,
-          hasCycles: false,
-          isConnected: true,
-          maxInDegree: 0,
-          maxOutDegree: 0,
-          avgDegree: 0,
-          hasStarCenter: false,
-          rootNodes: [],
-          leafNodes: [],
-        },
-        suggestedLayout: topologyToLayout(TopologyType.Unknown),
-      }
-    }
-
-    // Build graph
-    const graph = buildGraph(nodes, edges)
-
-    // Compute metrics
-    const hasCycles = hasCycle(graph)
-    const connected = isConnected(graph)
-    const { maxIn, maxOut, avgDegree, inDegrees, outDegrees } = computeDegrees(graph)
-    const rootNodes = findRootNodes(graph, inDegrees)
-    const leafNodes = findLeafNodes(graph, outDegrees)
-    const starResult = detectStarCenter(graph, inDegrees, outDegrees)
-    const depth = computeDepth(graph, rootNodes)
-
-    const metrics: TopologyMetrics = {
-      nodeCount: graph.order,
-      edgeCount: graph.size,
-      hasCycles,
-      isConnected: connected,
-      maxInDegree: maxIn,
-      maxOutDegree: maxOut,
-      avgDegree,
-      hasStarCenter: starResult.hasStarCenter,
-      starCenterNodeId: starResult.centerNodeId,
-      rootNodes,
-      leafNodes,
-      depth,
-    }
-
-    // Apply decision tree
-    let type: TopologyType
-    let confidence: number
-
-    // 1. Is tree?
-    if (isTree(graph, hasCycles, connected)) {
-      type = TopologyType.Tree
-      confidence = 0.95
-    }
-    // 2. Has star topology?
-    else if (starResult.hasStarCenter) {
-      type = TopologyType.Star
-      confidence = 0.85
-    }
-    // 3. Is linear (simple chain)?
-    else if (
-      connected &&
-      !hasCycles &&
-      avgDegree <= 2 &&
-      rootNodes.length === 1 &&
-      leafNodes.length === 1
-    ) {
-      type = TopologyType.Linear
-      confidence = 0.9
-    }
-    // 4. Is DAG (no cycles)?
-    else if (!hasCycles && connected) {
-      type = TopologyType.DAG
-      confidence = 0.9
-    }
-    // 5. Disconnected?
-    else if (!connected) {
-      type = TopologyType.Disconnected
-      confidence = 1
-    }
-    // 6. Has cycles
-    else if (hasCycles) {
-      type = TopologyType.Cyclic
-      confidence = 0.8
-    }
-    // 7. Unknown
-    else {
-      type = TopologyType.Unknown
-      confidence = 0.5
-    }
-
-    return {
-      type,
-      confidence,
-      metrics,
-      suggestedLayout: topologyToLayout(type),
-    }
-  }
-
-  return {
-    analyze,
-  }
-}
diff --git a/apps/client-web/src/core.spec.ts b/apps/client-web/src/core.spec.ts
deleted file mode 100644
index 47e57ab..0000000
--- a/apps/client-web/src/core.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { shouldLoadPeerConfigAtBootstrap } from './core'
-
-describe('Peer configuration bootstrap', () => {
-  it('keeps Settings reachable without contacting a configured Peer', () => {
-    expect(shouldLoadPeerConfigAtBootstrap('/settings')).toBe(false)
-    expect(shouldLoadPeerConfigAtBootstrap('/settings/')).toBe(false)
-  })
-
-  it('loads deployment configuration before ordinary application routes', () => {
-    expect(shouldLoadPeerConfigAtBootstrap('/')).toBe(true)
-    expect(shouldLoadPeerConfigAtBootstrap('/extensions')).toBe(true)
-  })
-})
diff --git a/apps/client-web/src/core.ts b/apps/client-web/src/core.ts
index 1851c1d..525f2f9 100644
--- a/apps/client-web/src/core.ts
+++ b/apps/client-web/src/core.ts
@@ -42,6 +42,7 @@ import ContentVideo from '@/components/info-base/resolvers/ContentVideo.vue'
 import ContentHtml from '@/components/info-base/resolvers/ContentHtml.vue'
 import ContentAudio from '@/components/info-base/resolvers/ContentAudio.vue'
 import ContentFile from '@/components/info-base/resolvers/ContentFile.vue'
+import ContentPreview from '@/components/info-base/resolvers/ContentPreview.vue'
 
 // ============================================================================
 // Resolver Component Registration
@@ -52,6 +53,15 @@ import ContentFile from '@/components/info-base/resolvers/ContentFile.vue'
  * Each resolver needs a Vue component to render content.
  */
 export function setupResolvers(): void {
+  TextResolver.previewRenderer = ContentPreview
+  AudioResolver.previewRenderer = ContentPreview
+  EpubResolver.previewRenderer = ContentPreview
+  FileResolver.previewRenderer = ContentPreview
+  ImageResolver.previewRenderer = ContentPreview
+  PdfResolver.previewRenderer = ContentPreview
+  VideoResolver.previewRenderer = ContentPreview
+  HtmlResolver.previewRenderer = ContentPreview
+  ZipResolver.previewRenderer = ContentPreview
   TextResolver.solvedContentRenderer = ContentText
   AudioResolver.solvedContentRenderer = ContentAudio
   EpubResolver.solvedContentRenderer = ContentFile
diff --git a/apps/client-web/src/router.ts b/apps/client-web/src/router.ts
index dfc6844..e65ecb4 100644
--- a/apps/client-web/src/router.ts
+++ b/apps/client-web/src/router.ts
@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import type { Router, RouteLocationNormalizedLoaded } from 'vue-router'
 import type { InkRouter } from '@inkcre/ui-web'
-import type { InfoBaseRoute, InfoBaseRouter } from '@inkcre/core'
+import type { InfoBaseRoute, InfoBaseRouter, InfoBaseSceneAddress } from '@inkcre/core'
 import infoBaseList from '@/views/info-base/list/list.vue'
 import sources from '@/views/sources/sources.vue'
 import source from '@/views/sources/source/source.vue'
@@ -32,6 +32,12 @@ const router = createRouter({
       component: infoBaseList,
       meta: { title: 'Info Base' },
     },
+    {
+      path: '/info-base/list/relations/:relation',
+      name: 'InfoBaseListRelation',
+      component: infoBaseList,
+      meta: { title: 'Info Base' },
+    },
     {
       path: '/sources',
       name: 'Sources',
@@ -70,6 +76,12 @@ const router = createRouter({
       component: infoBaseGraph,
       meta: { title: 'Info Base' },
     },
+    {
+      path: '/info-base/graph/relations/:relation',
+      name: 'InfoBaseGraphRelation',
+      component: infoBaseGraph,
+      meta: { title: 'Info Base' },
+    },
     {
       path: '/settings',
       name: 'Settings',
@@ -97,6 +109,30 @@ function parseBlockRef(value: unknown): number | null {
   return Number.isSafeInteger(block) ? block : null
 }
 
+function parseSceneAddress(query: RouteLocationNormalizedLoaded['query']): InfoBaseSceneAddress {
+  const pathFrom = parseBlockRef(query.path_from)
+  const pathTo = parseBlockRef(query.path_to)
+  if (pathFrom !== null && pathTo !== null) return { path_from: pathFrom, path_to: pathTo }
+  const focalRelation = parseBlockRef(query.focal_relation)
+  if (focalRelation !== null) return { focal_relation: focalRelation }
+  const focalBlock = parseBlockRef(query.focal_block)
+  if (focalBlock !== null) return { focal_block: focalBlock }
+  const q = typeof query.q === 'string' ? query.q.trim() : ''
+  return q ? { q } : {}
+}
+
+function sceneQuery(route: InfoBaseRoute): Record<string, string> {
+  if (route.path_from !== undefined && route.path_to !== undefined) {
+    return { path_from: String(route.path_from), path_to: String(route.path_to) }
+  }
+  if (route.focal_relation !== undefined) {
+    return { focal_relation: String(route.focal_relation) }
+  }
+  if (route.focal_block !== undefined) return { focal_block: String(route.focal_block) }
+  if (route.q !== undefined) return { q: route.q }
+  return {}
+}
+
 export function createInfoBaseRouterAdapter(router: Router): InfoBaseRouter {
   function surface(name: unknown): 'list' | 'graph' | null {
     if (typeof name !== 'string') return null
@@ -110,27 +146,45 @@ export function createInfoBaseRouterAdapter(router: Router): InfoBaseRouter {
       const current = router.currentRoute.value
       const currentSurface = surface(current.name)
       if (currentSurface === null) return null
+      const scene = parseSceneAddress(current.query)
       if (current.name === `InfoBase${currentSurface === 'list' ? 'List' : 'Graph'}Overview`) {
-        return { name: 'overview' }
+        return { name: 'overview', ...scene }
+      }
+      if (String(current.name).endsWith('Relation')) {
+        const relation = parseBlockRef(current.params.relation)
+        return relation === null ? null : { name: 'relation', relation, ...scene }
       }
       const block = parseBlockRef(current.params.block)
       if (block === null) return null
       return String(current.name).endsWith('Block')
-        ? { name: 'block', block }
-        : { name: 'solved-content', block }
+        ? { name: 'block', block, ...scene }
+        : { name: 'solved-content', block, ...scene }
     }),
     async push(route) {
       const current = router.currentRoute.value
       const currentSurface = surface(current.name) ?? 'list'
       const prefix = currentSurface === 'list' ? 'InfoBaseList' : 'InfoBaseGraph'
+      const requestedQuery = sceneQuery(route)
+      const query =
+        Object.keys(requestedQuery).length > 0
+          ? requestedQuery
+          : sceneQuery({ name: 'overview', ...parseSceneAddress(current.query) })
       if (route.name === 'overview') {
-        await router.push({ name: `${prefix}Overview`, query: current.query })
+        await router.push({ name: `${prefix}Overview`, query })
+        return
+      }
+      if (route.name === 'relation') {
+        await router.push({
+          name: `${prefix}Relation`,
+          params: { relation: String(route.relation) },
+          query,
+        })
         return
       }
       await router.push({
         name: `${prefix}${route.name === 'block' ? 'Block' : 'SolvedContent'}`,
         params: { block: String(route.block) },
-        query: current.query,
+        query,
       })
     },
     back() {
diff --git a/apps/client-web/src/views/info-base/graph/graph-model.ts b/apps/client-web/src/views/info-base/graph/graph-model.ts
new file mode 100644
index 0000000..d5972d7
--- /dev/null
+++ b/apps/client-web/src/views/info-base/graph/graph-model.ts
@@ -0,0 +1,56 @@
+import { MarkerType, type Edge, type Node } from '@vue-flow/core'
+import type { Block, Relation, Resolver } from '@inkcre/core'
+
+export interface BlockNodeData {
+  block: Block
+  resolver: Resolver | null
+  solvedContent: unknown
+  previewStatus: 'loading' | 'success' | 'error'
+  focal: boolean
+  muted: boolean
+}
+
+export interface RelationEdgeData {
+  relation: Relation
+  focal: boolean
+  muted: boolean
+}
+
+export type BlockNode = Node<BlockNodeData, Record<string, never>, 'block'> & {
+  data: BlockNodeData
+}
+export type RelationEdge = Edge<RelationEdgeData> & { data: RelationEdgeData }
+
+export function blockNode(
+  block: Block,
+  options: { focal: boolean; muted: boolean; position?: { x: number; y: number } }
+): BlockNode {
+  return {
+    id: String(block.id),
+    type: 'block',
+    position: options.position ?? { x: 0, y: 0 },
+    draggable: true,
+    data: {
+      block,
+      resolver: null,
+      solvedContent: null,
+      previewStatus: 'loading',
+      focal: options.focal,
+      muted: options.muted,
+    },
+  }
+}
+
+export function relationEdge(
+  relation: Relation,
+  options: { focal: boolean; muted: boolean }
+): RelationEdge {
+  return {
+    id: String(relation.id),
+    type: 'relation',
+    source: String(relation.from_),
+    target: String(relation.to_),
+    markerEnd: MarkerType.ArrowClosed,
+    data: { relation, ...options },
+  }
+}
diff --git a/apps/client-web/src/views/info-base/graph/graph.scss b/apps/client-web/src/views/info-base/graph/graph.scss
index 3139c85..c56df90 100644
--- a/apps/client-web/src/views/info-base/graph/graph.scss
+++ b/apps/client-web/src/views/info-base/graph/graph.scss
@@ -1,78 +1,122 @@
 @import '@vue-flow/core/dist/style.css';
 @import '@vue-flow/core/dist/theme-default.css';
-@import '@vue-flow/minimap/dist/style.css';
 
 .graph-view {
   position: relative;
   width: 100%;
   height: 100%;
-  min-height: 500px;
-  background: var(--ink-bg-primary, #ffffff);
+  min-height: 520px;
+  overflow: hidden;
+  background: sys-var(color, surface, base);
 
   &__flow {
     width: 100%;
     height: 100%;
   }
 
-  &__empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: var(--ink-text-tertiary, #9ca3af);
-    font-size: 16px;
-    font-style: italic;
-  }
-
-  &__top-controls {
+  &__toolbar {
     position: absolute;
-    left: sys-var(space, md);
     top: sys-var(space, md);
+    left: 50%;
+    z-index: 5;
     display: flex;
-    flex-direction: column;
-    align-items: flex-start;
     gap: sys-var(space, sm);
-    z-index: 6; // Above controls (z-index: 5)
+    transform: translateX(-50%);
   }
 
-  &__controls {
+  &__control-group {
+    display: flex;
+    overflow: hidden;
+    border: 1px solid sys-var(color, border, subtle);
+    border-radius: sys-var(radius, none);
+    background: sys-var(color, surface, base);
+
+    button {
+      min-height: 30px;
+      padding: 0 sys-var(space, sm);
+      border: 0;
+      border-right: 1px solid sys-var(color, border, subtle);
+      color: sys-var(color, text, subtle);
+      background: transparent;
+      cursor: pointer;
+      @include apply-font(label-sm);
+
+      &:last-child {
+        border-right: 0;
+      }
+      &:hover {
+        color: sys-var(color, text, base);
+      }
+      &[aria-pressed='true'] {
+        color: sys-var(color, text, base);
+        background: sys-var(color, surface, subtle);
+      }
+      &:focus-visible {
+        outline: 1px solid sys-var(color, border, primary);
+        outline-offset: -2px;
+      }
+    }
+  }
+
+  &__state {
+    display: grid;
+    place-items: center;
+    width: 100%;
+    height: 100%;
+    color: sys-var(color, text, subtle);
+
+    p {
+      max-width: 420px;
+      margin: 0;
+      text-align: center;
+    }
+  }
+
+  &__viewport-controls {
     position: absolute;
-    left: sys-var(space, md);
+    right: sys-var(space, md);
     bottom: sys-var(space, md);
+    z-index: 4;
     display: flex;
-    flex-direction: column;
-    gap: sys-var(space, xs);
-    z-index: 5;
+    gap: 2px;
+    padding: 2px;
+    border: 1px solid sys-var(color, border, subtle);
+    background: sys-var(color, surface, base);
   }
 }
 
-// Vue Flow customizations
 .vue-flow {
-  .vue-flow__minimap {
-    background: var(--ink-bg-secondary, #f9fafb);
-    border: 1px solid var(--ink-border-primary, #e5e7eb);
-    border-radius: 8px;
+  .vue-flow__pane {
+    cursor: grab;
+  }
+  .vue-flow__pane.dragging {
+    cursor: grabbing;
   }
-
   .vue-flow__background {
-    background: var(--ink-bg-primary, #ffffff);
+    background: sys-var(color, surface, base);
   }
 }
 
-// Responsive adjustments
-@media (max-width: 768px) {
+@media (max-width: 720px) {
   .graph-view {
-    &__top-controls {
-      left: 8px;
-      top: 8px;
-      right: 8px;
-      flex-direction: column;
+    min-height: 440px;
+
+    &__toolbar {
+      top: sys-var(space, sm);
+      width: calc(100% - 2 * sys-var(space, sm));
+      justify-content: center;
+      flex-wrap: wrap;
     }
 
-    &__controls {
-      left: 8px;
-      bottom: 8px;
+    &__viewport-controls {
+      right: sys-var(space, sm);
+      bottom: sys-var(space, sm);
     }
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .graph-view * {
+    scroll-behavior: auto !important;
+  }
+}
diff --git a/apps/client-web/src/views/info-base/graph/graph.vue b/apps/client-web/src/views/info-base/graph/graph.vue
index e4aa7d6..d10113b 100644
--- a/apps/client-web/src/views/info-base/graph/graph.vue
+++ b/apps/client-web/src/views/info-base/graph/graph.vue
@@ -1,358 +1,419 @@
 <script setup lang="ts">
-import { ref, shallowRef, computed, onMounted, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { VueFlow, useVueFlow } from '@vue-flow/core'
+import { computed, nextTick, ref, shallowRef, watch } from 'vue'
+import {
+  VueFlow,
+  useNodesInitialized,
+  useVueFlow,
+  type GraphNode,
+  type NodeDragEvent,
+} from '@vue-flow/core'
 import { Background } from '@vue-flow/background'
-import { MiniMap } from '@vue-flow/minimap'
-import { InkLoading, InkButton } from '@inkcre/ui-web'
-import { useElementSize } from '@vueuse/core'
+import { InkButton, InkLoading } from '@inkcre/ui-web'
+import {
+  getInfoBaseRouter,
+  GraphNavigationRetrievalManager,
+  LexicalRetrievalManager,
+  ResolverCache,
+  type Block,
+  type GraphDirection,
+  type GraphModel,
+  type InfoBaseRoute,
+  type Relation,
+} from '@inkcre/core'
 
 import BlockNodeComponent from '@/components/info-base/BlockNode/BlockNode.vue'
 import RelationEdgeComponent from '@/components/info-base/RelationEdge/RelationEdge.vue'
 import BlockInspectorPopup from '@/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue'
+import RelationInspectorPopup from '@/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue'
 import SolvedContentPopup from '@/components/info-base/SolvedContentPopup/SolvedContentPopup.vue'
-import CommunityNavigator from '@/components/info-base/CommunityNavigator/CommunityNavigator.vue'
-import LayoutSelector from '@/components/info-base/LayoutSelector/LayoutSelector.vue'
+import { blockNode, relationEdge, type BlockNode, type RelationEdge } from './graph-model'
+import { openRecallSearch } from '@/components/recall/recall-search'
 
-import { Block, getInfoBaseRouter } from '@inkcre/core'
-import { Relation } from '@inkcre/core'
-import { LayoutType } from '@inkcre/core'
-
-import { useLayoutManager } from '@/composables/useLayoutManager'
-import { useAllCommunitiesLayout } from '@/composables/useAllCommunitiesLayout'
-import { useCommunityDetection } from '@/composables/useCommunityDetection'
-import type { Node, Edge } from '@vue-flow/core'
-import {
-  blockToNode,
-  relationToEdge,
-  type BlockNode,
-  type BlockNodeData,
-  type SimulationLink,
-} from '@inkcre/core'
+type SceneScale = 'compact' | 'standard' | 'broad'
+type SceneStatus = 'loading' | 'ready' | 'empty' | 'missing' | 'not-found' | 'limit' | 'error'
 
-const { t } = useI18n()
+const SCALE_LIMITS: Record<SceneScale, number> = { compact: 8, standard: 20, broad: 50 }
 const infoBaseRouter = getInfoBaseRouter()
-
-// Container ref for sizing
-const containerRef = ref<HTMLElement | null>(null)
-const { width, height } = useElementSize(containerRef)
-
-// Data state
-const isLoading = ref(true)
-const allNodes = shallowRef<BlockNode[]>([])
-const allEdges = shallowRef<Edge[]>([])
-const links = ref<SimulationLink[]>([])
-const selectedCommunityId = ref<string>('all')
-
-// Community detection
-const {
-  communities,
-  communityMetadata,
-  isDetecting: isDetectingCommunities,
-  getCommunityNodes,
-} = useCommunityDetection({
-  nodes: allNodes,
-  edges: allEdges,
+const currentRoute = computed(() => infoBaseRouter.current.value)
+const nodes = shallowRef<BlockNode[]>([])
+const edges = shallowRef<RelationEdge[]>([])
+const status = ref<SceneStatus>('loading')
+const error = shallowRef<Error | null>(null)
+const scale = ref<SceneScale>('standard')
+const direction = ref<GraphDirection>('both')
+const previewReady = ref(false)
+const pendingCamera = ref(false)
+const positionCache = new Map<string, { x: number; y: number }>()
+let generation = 0
+
+const { fitView, zoomIn, zoomOut, getNodes, onMoveStart } = useVueFlow()
+const nodesInitialized = useNodesInitialized()
+onMoveStart(() => {
+  pendingCamera.value = false
 })
 
-// Filtered data based on selected community
-const filteredNodes = computed(() => {
-  if (selectedCommunityId.value === 'all') {
-    return allNodes.value
+const sceneAddress = computed(() => {
+  const route = currentRoute.value
+  if (!route) return null
+  if (route.path_from !== undefined && route.path_to !== undefined) {
+    return { type: 'path' as const, from: route.path_from, to: route.path_to }
   }
-  const nodeIds = new Set(getCommunityNodes(selectedCommunityId.value))
-  return allNodes.value.filter((node) => nodeIds.has(node.id))
-})
-
-const filteredEdges = computed(() => {
-  if (selectedCommunityId.value === 'all') {
-    return allEdges.value
+  if (route.focal_relation !== undefined) {
+    return { type: 'relation' as const, relation: route.focal_relation }
   }
-  const nodeIds = new Set(filteredNodes.value.map((n) => n.id))
-  return allEdges.value.filter((edge) => nodeIds.has(edge.source) && nodeIds.has(edge.target))
-})
-
-const filteredLinks = computed<SimulationLink[]>(() => {
-  if (selectedCommunityId.value === 'all') {
-    return links.value
+  if (route.focal_block !== undefined) {
+    return { type: 'block' as const, block: route.focal_block }
+  }
+  if (route.q) return { type: 'recall' as const, query: route.q }
+  if (route.name === 'relation') return { type: 'relation' as const, relation: route.relation }
+  if (route.name === 'block' || route.name === 'solved-content') {
+    return { type: 'block' as const, block: route.block }
   }
-  const nodeIds = new Set(filteredNodes.value.map((n) => n.id))
-  return links.value.filter((link) => nodeIds.has(link.source) && nodeIds.has(link.target))
+  return { type: 'random' as const }
 })
 
-const currentInfoBaseRoute = computed(() => infoBaseRouter.current.value)
+const sceneKey = computed(() => JSON.stringify(sceneAddress.value))
 const focalBlock = computed(() => {
-  const current = currentInfoBaseRoute.value
-  return current && current.name !== 'overview' ? current.block : null
+  const address = sceneAddress.value
+  return address?.type === 'block' ? address.block : null
+})
+const focalRelation = computed(() => {
+  const address = sceneAddress.value
+  return address?.type === 'relation' ? address.relation : null
 })
 
-// Vue Flow instance
-const { onNodeDrag, onNodeDragStart, onNodeDragStop, fitView, zoomIn, zoomOut } = useVueFlow()
+function activeRelation(relation: Relation): boolean {
+  if (direction.value === 'both') return true
+  if (focalRelation.value === relation.id) return true
+  if (focalBlock.value === null) return true
+  return direction.value === 'out'
+    ? relation.from_ === focalBlock.value
+    : relation.to_ === focalBlock.value
+}
 
-// Handle position updates from layouts
-const handlePositionUpdate = (positions: Map<string, { x: number; y: number }>) => {
-  allNodes.value = allNodes.value.map((node) => {
-    const pos = positions.get(node.id)
-    if (pos) {
-      return { ...node, position: { x: pos.x, y: pos.y } }
+function applyPresentation(): void {
+  const activeBlocks = new Set<number>()
+  if (focalBlock.value !== null) activeBlocks.add(focalBlock.value)
+  for (const edge of edges.value) {
+    if (activeRelation(edge.data.relation)) {
+      activeBlocks.add(edge.data.relation.from_)
+      activeBlocks.add(edge.data.relation.to_)
     }
-    return node
-  })
+  }
+  edges.value = edges.value.map((edge) => ({
+    ...edge,
+    data: {
+      ...edge.data,
+      focal: edge.data.relation.id === focalRelation.value,
+      muted: !activeRelation(edge.data.relation),
+    },
+  }))
+  nodes.value = nodes.value.map((node) => ({
+    ...node,
+    data: {
+      ...node.data,
+      focal: node.data.block.id === focalBlock.value,
+      muted: direction.value !== 'both' && !activeBlocks.has(node.data.block.id),
+    },
+  }))
 }
 
-// Layout manager (use filtered data for single community)
-const layoutManager = useLayoutManager({
-  nodes: filteredNodes,
-  edges: filteredEdges,
-  links: filteredLinks,
-  width: 800,
-  height: 600,
-  onPositionUpdate: handlePositionUpdate,
-})
-
-// All-communities layout (use all data)
-const allCommunitiesLayout = useAllCommunitiesLayout({
-  nodes: allNodes,
-  edges: allEdges,
-  communities,
-  onPositionUpdate: handlePositionUpdate,
-})
-
-// Load data
-const loadData = async () => {
-  isLoading.value = true
-
-  try {
-    const [blocks, relations] = await Promise.all([Block.getAll(), Relation.getAll()])
-
-    // Build a map of block relations for quick lookup
-    const blockRelationsMap = new Map<number, Relation[]>()
-    relations.forEach((rel) => {
-      // Add to 'from_' block
-      if (!blockRelationsMap.has(rel.from_)) {
-        blockRelationsMap.set(rel.from_, [])
-      }
-      blockRelationsMap.get(rel.from_)!.push(rel)
+function setGraph(graph: GraphModel): void {
+  const incident = new Map<number, Relation[]>()
+  for (const relation of graph.relations) {
+    incident.set(relation.from_, [...(incident.get(relation.from_) ?? []), relation])
+    incident.set(relation.to_, [...(incident.get(relation.to_) ?? []), relation])
+  }
+  nodes.value = graph.blocks.map((block) =>
+    blockNode(block, {
+      focal: block.id === focalBlock.value,
+      muted: false,
+      position: positionCache.get(String(block.id)),
+    })
+  )
+  edges.value = graph.relations.map((relation) =>
+    relationEdge(relation, {
+      focal: relation.id === focalRelation.value,
+      muted: false,
+    })
+  )
+  applyPresentation()
+  void loadPreviews(graph.blocks, incident, generation)
+}
 
-      // Add to 'to_' block
-      if (!blockRelationsMap.has(rel.to_)) {
-        blockRelationsMap.set(rel.to_, [])
+async function loadPreviews(
+  blocks: Block[],
+  incident: Map<number, Relation[]>,
+  current: number
+): Promise<void> {
+  previewReady.value = false
+  let index = 0
+  async function worker(): Promise<void> {
+    while (index < blocks.length) {
+      const block = blocks[index++]!
+      try {
+        const resolver = await ResolverCache.getResolver(block, incident.get(block.id) ?? [])
+        const solvedContent = await resolver.getSolvedContent({ materializeMissing: false })
+        if (current !== generation) return
+        nodes.value = nodes.value.map((node) =>
+          node.data.block.id === block.id
+            ? {
+                ...node,
+                data: { ...node.data, resolver, solvedContent, previewStatus: 'success' },
+              }
+            : node
+        )
+      } catch {
+        if (current !== generation) return
+        nodes.value = nodes.value.map((node) =>
+          node.data.block.id === block.id
+            ? { ...node, data: { ...node.data, previewStatus: 'error' } }
+            : node
+        )
       }
-      blockRelationsMap.get(rel.to_)!.push(rel)
-    })
+    }
+  }
+  await Promise.all(Array.from({ length: Math.min(4, blocks.length) }, () => worker()))
+  if (current === generation) previewReady.value = true
+}
 
-    // Transform blocks to nodes with relations
-    allNodes.value = blocks.map((block) => {
-      const blockRelations = blockRelationsMap.get(block.id) ?? []
-      const preview =
-        block.storage === null
-          ? block.content.length > 50
-            ? block.content.slice(0, 50) + '...'
-            : block.content
-          : 'Stored content — select to open'
-      return {
-        ...blockToNode(block, preview, blockRelations),
-        selected: block.id === focalBlock.value,
+async function loadScene(): Promise<void> {
+  const current = ++generation
+  status.value = 'loading'
+  error.value = null
+  previewReady.value = false
+  pendingCamera.value = true
+  try {
+    const address = sceneAddress.value
+    if (!address) return
+    if (address.type === 'random') {
+      const block = await GraphNavigationRetrievalManager.getRandomBlock()
+      if (current !== generation) return
+      if (!block) {
+        nodes.value = []
+        edges.value = []
+        status.value = 'empty'
+        return
       }
-    })
+      await infoBaseRouter.push({ name: 'overview', focal_block: block.id })
+      return
+    }
 
-    // Transform relations to edges and links
-    allEdges.value = relations.map(relationToEdge)
-    links.value = relations.map((rel) => ({
-      source: String(rel.from_),
-      target: String(rel.to_),
-    }))
-  } catch (error) {
-    console.error('Failed to load graph data:', error)
-  } finally {
-    isLoading.value = false
+    let graph: GraphModel | null = null
+    if (address.type === 'block') {
+      const result = await GraphNavigationRetrievalManager.getBlockNeighborhood(address.block, {
+        direction: 'both',
+        limit: SCALE_LIMITS[scale.value],
+      })
+      graph = result?.graph ?? null
+      if (!graph) status.value = 'missing'
+    } else if (address.type === 'relation') {
+      const result = await GraphNavigationRetrievalManager.getRelationNeighborhood(address.relation)
+      graph = result?.graph ?? null
+      if (!graph) status.value = 'missing'
+    } else if (address.type === 'path') {
+      const result = await GraphNavigationRetrievalManager.findPath(address.from, address.to)
+      if (result.status === 'found') graph = result.graph
+      else status.value = result.status === 'not_found' ? 'not-found' : 'limit'
+    } else {
+      const result = await LexicalRetrievalManager.retrieve({ query: address.query, limit: 20 })
+      graph = { blocks: result.matches.map((match) => match.block), relations: [] }
+      if (graph.blocks.length === 0) status.value = 'empty'
+    }
+    if (current !== generation) return
+    if (graph) {
+      setGraph(graph)
+      status.value = graph.blocks.length > 0 ? 'ready' : 'empty'
+    } else {
+      nodes.value = []
+      edges.value = []
+    }
+  } catch (cause) {
+    if (current !== generation) return
+    error.value = cause instanceof Error ? cause : new Error(String(cause))
+    nodes.value = []
+    edges.value = []
+    status.value = 'error'
   }
 }
 
-// Handle node selection
-const onNodeSelect = (blockId: number) => {
-  void infoBaseRouter.push({ name: 'block', block: blockId })
+function layoutMeasuredNodes(): void {
+  const measured = getNodes.value
+  if (measured.length === 0) return
+  const byId = new Map(measured.map((node) => [node.id, node]))
+  const focalId =
+    focalBlock.value !== null
+      ? String(focalBlock.value)
+      : (measured.find((node) => !positionCache.has(node.id))?.id ?? measured[0]!.id)
+  const focalPosition = positionCache.get(focalId) ?? { x: 0, y: 0 }
+  const neighbors = [...nodes.value]
+    .filter((node) => node.id !== focalId && !positionCache.has(node.id))
+    .sort((left, right) => Number(left.id) - Number(right.id))
+  const measuredWidth = (node: GraphNode): number => {
+    if (node.dimensions.width > 0) return node.dimensions.width
+    return typeof node.width === 'number' ? node.width : 180
+  }
+  const maxWidth = Math.max(180, ...measured.map(measuredWidth))
+  const radius = Math.max(280, (neighbors.length * (maxWidth + 80)) / (Math.PI * 2))
+  nodes.value = nodes.value.map((node) => {
+    const cached = positionCache.get(node.id)
+    if (cached) return { ...node, position: cached }
+    if (node.id === focalId) {
+      positionCache.set(node.id, focalPosition)
+      return { ...node, position: focalPosition }
+    }
+    const index = neighbors.findIndex((neighbor) => neighbor.id === node.id)
+    const angle = -Math.PI / 2 + (Math.PI * 2 * index) / Math.max(1, neighbors.length)
+    const measuredNode = byId.get(node.id)
+    const position = {
+      x: focalPosition.x + Math.cos(angle) * radius - (measuredNode?.dimensions.width ?? 0) / 2,
+      y: focalPosition.y + Math.sin(angle) * radius - (measuredNode?.dimensions.height ?? 0) / 2,
+    }
+    positionCache.set(node.id, position)
+    return { ...node, position }
+  })
 }
 
-const onRuminated = async () => {
-  await loadData()
+async function realizeScene(): Promise<void> {
+  await nextTick()
+  layoutMeasuredNodes()
+  await nextTick()
+  if (!pendingCamera.value) return
+  pendingCamera.value = false
+  await fitView({
+    nodes: nodes.value.map((node) => node.id),
+    padding: 0.18,
+    maxZoom: 1.25,
+    duration: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 260,
+  })
 }
 
-watch(focalBlock, (blockRef) => {
-  allNodes.value = allNodes.value.map((node) => ({
-    ...node,
-    selected: node.data?.block.id === blockRef,
-  }))
-  if (blockRef !== null && allNodes.value.some((node) => node.data?.block.id === blockRef)) {
-    setTimeout(() => fitView({ ...fitViewOptions, nodes: [String(blockRef)] }), 100)
-  }
+watch([sceneKey, scale], () => void loadScene(), { immediate: true })
+watch(direction, applyPresentation)
+watch([nodesInitialized, previewReady], ([initialized, ready]) => {
+  if (initialized && ready) void realizeScene()
 })
 
-// Fit view options with max zoom limit to prevent over-zooming on small communities
-const fitViewOptions = { padding: 0.2, maxZoom: 1.5 }
-
-// Handle community selection
-const onCommunitySelect = (communityId: string) => {
-  selectedCommunityId.value = communityId
-
-  // Apply appropriate layout
-  if (communityId === 'all') {
-    allCommunitiesLayout.applyLayout()
-  } else {
-    layoutManager.applyLayout()
-  }
-
-  // Auto fit-view after layout stabilizes
-  setTimeout(() => fitView(fitViewOptions), 500)
+function focusBlock(block: number): void {
+  pendingCamera.value = true
+  void infoBaseRouter.push({ name: 'overview', focal_block: block })
 }
 
-// Handle layout change from UI
-const onLayoutChange = (layoutType: LayoutType) => {
-  layoutManager.setLayout(layoutType)
-  setTimeout(() => fitView(fitViewOptions), 300)
+function focusRelation(relation: number): void {
+  pendingCamera.value = true
+  void infoBaseRouter.push({ name: 'overview', focal_relation: relation })
 }
 
-// Control handlers
-const onZoomIn = () => zoomIn()
-const onZoomOut = () => zoomOut()
-const onFitView = () => fitView(fitViewOptions)
-
-// Track if user is dragging to prevent auto-fitView
-const isDragging = ref(false)
-
-// Handle node dragging - update simulation position during drag
-onNodeDragStart(() => {
-  isDragging.value = true
-  layoutManager.forceLayout.stop()
-})
-
-onNodeDrag(({ node }) => {
-  // Continuously update the simulation node position during drag
-  layoutManager.forceLayout.fixNode(node.id, node.position.x, node.position.y)
-})
+function inspectBlock(block: number): void {
+  void infoBaseRouter.push({ name: 'block', block })
+}
 
-onNodeDragStop(({ node }) => {
-  // Keep node fixed at final position and restart simulation
-  layoutManager.forceLayout.fixNode(node.id, node.position.x, node.position.y)
-  // Only restart if using force layout
-  if (layoutManager.effectiveLayout.value === LayoutType.Force) {
-    layoutManager.forceLayout.restart()
-  }
-  isDragging.value = false
-})
+function inspectRelation(relation: number): void {
+  void infoBaseRouter.push({ name: 'relation', relation })
+}
 
-// Fit view after simulation stabilizes (but not during manual dragging)
-watch(
-  () => layoutManager.forceLayout.isRunning.value,
-  (running, wasRunning) => {
-    if (!running && wasRunning && !isDragging.value) {
-      setTimeout(() => fitView(fitViewOptions), 100)
-    }
-  }
-)
+function onNodeDragStop(event: NodeDragEvent): void {
+  positionCache.set(event.node.id, { ...event.node.position })
+}
 
-// Apply layout when data loading completes
-watch(isLoading, (loading, wasLoading) => {
-  if (!loading && wasLoading && allNodes.value.length > 0) {
-    if (selectedCommunityId.value === 'all') {
-      allCommunitiesLayout.applyLayout()
-    } else {
-      layoutManager.applyLayout()
-    }
-    setTimeout(() => fitView(fitViewOptions), 500)
-  }
-})
+function refocus(): void {
+  pendingCamera.value = true
+  void realizeScene()
+}
 
-// Set first community as default when communities are detected
-watch(communityMetadata, (metadata) => {
-  if (metadata.length > 0 && selectedCommunityId.value === 'all') {
-    const firstCommunity = metadata[0]
-    selectedCommunityId.value = firstCommunity.id
-    layoutManager.applyLayout()
-    setTimeout(() => fitView(fitViewOptions), 500)
-  }
-})
+function onRuminated(): void {
+  void loadScene()
+}
 
-onMounted(() => {
-  loadData()
-})
+function isRoute(route: InfoBaseRoute | null, name: InfoBaseRoute['name']): boolean {
+  return route?.name === name
+}
 </script>
 
 <template>
-  <div ref="containerRef" class="graph-view">
-    <div v-if="isLoading" class="flex items-center justify-center w-full h-full">
-      <InkLoading />
-    </div>
-
-    <template v-else>
-      <!-- Top controls: Community Navigator and Layout Selector -->
-      <div v-if="allNodes.length > 0" class="graph-view__top-controls">
-        <CommunityNavigator
-          :communities="communityMetadata"
-          :current-community-id="selectedCommunityId"
-          @community-select="onCommunitySelect"
-        />
-        <LayoutSelector
-          v-if="selectedCommunityId !== 'all'"
-          :selection="layoutManager.layoutSelection.value"
-          @layout-change="onLayoutChange"
-        />
+  <main class="graph-view">
+    <div class="graph-view__toolbar" aria-label="Graph navigation controls">
+      <div class="graph-view__control-group" aria-label="Exploration scale">
+        <button
+          v-for="option in ['compact', 'standard', 'broad'] as SceneScale[]"
+          :key="option"
+          type="button"
+          :aria-pressed="scale === option"
+          @click="scale = option"
+        >
+          {{ option }}
+        </button>
       </div>
-
-      <div v-if="allNodes.length === 0" class="graph-view__empty">
-        {{ t('infoBase.graph.empty', 'No blocks to display') }}
+      <div class="graph-view__control-group" aria-label="Relation direction emphasis">
+        <button
+          v-for="option in ['in', 'both', 'out'] as GraphDirection[]"
+          :key="option"
+          type="button"
+          :aria-pressed="direction === option"
+          @click="direction = option"
+        >
+          {{ option }}
+        </button>
       </div>
+    </div>
 
-      <VueFlow
-        v-else
-        :nodes="filteredNodes"
-        :edges="filteredEdges"
-        class="graph-view__flow"
-        :default-viewport="{ zoom: 1, x: 0, y: 0 }"
-        :min-zoom="0.1"
-        :max-zoom="4"
-        :nodes-draggable="true"
-        fit-view-on-init
-      >
-        <template #node-block="nodeProps">
-          <BlockNodeComponent v-bind="nodeProps" @select="onNodeSelect" />
-        </template>
-
-        <template #edge-relation="edgeProps">
-          <RelationEdgeComponent v-bind="edgeProps" />
-        </template>
+    <div v-if="status === 'loading'" class="graph-view__state"><InkLoading /></div>
+    <div v-else-if="status !== 'ready'" class="graph-view__state">
+      <p v-if="status === 'empty'">No graph entities are available here.</p>
+      <p v-else-if="status === 'missing'">The addressed graph entity no longer exists.</p>
+      <p v-else-if="status === 'not-found'">No path connects these Blocks.</p>
+      <p v-else-if="status === 'limit'">The path exceeds the current exploration boundary.</p>
+      <p v-else>{{ error?.message ?? 'Graph retrieval failed.' }}</p>
+      <InkButton
+        v-if="status === 'empty' || status === 'missing'"
+        text="Recall information"
+        theme="subtle"
+        @click="openRecallSearch"
+      />
+    </div>
 
-        <Background pattern-color="#e5e7eb" :gap="20" />
-        <div class="graph-view__controls">
-          <InkButton icon="i-mdi-plus" type="square" theme="subtle" size="md" @click="onZoomIn" />
-          <InkButton icon="i-mdi-minus" type="square" theme="subtle" size="md" @click="onZoomOut" />
-          <InkButton
-            icon="i-mdi-fit-to-screen"
-            type="square"
-            theme="subtle"
-            size="md"
-            @click="onFitView"
-          />
-        </div>
-        <MiniMap
-          v-if="filteredNodes.length > 20"
-          :node-color="() => '#3b82f6'"
-          :node-stroke-color="() => '#1e40af'"
-          :mask-color="'rgba(0, 0, 0, 0.1)'"
+    <VueFlow
+      v-else
+      v-model:nodes="nodes"
+      v-model:edges="edges"
+      class="graph-view__flow"
+      :min-zoom="0.18"
+      :max-zoom="2.4"
+      :nodes-draggable="true"
+      @node-drag-stop="onNodeDragStop"
+    >
+      <template #node-block="nodeProps">
+        <BlockNodeComponent v-bind="nodeProps" @focus="focusBlock" @inspect="inspectBlock" />
+      </template>
+      <template #edge-relation="edgeProps">
+        <RelationEdgeComponent
+          v-bind="edgeProps"
+          @focus="focusRelation"
+          @inspect="inspectRelation"
         />
-      </VueFlow>
-    </template>
+      </template>
+      <Background :gap="24" pattern-color="var(--ink-border-subtle, #d9dde3)" />
+      <div class="graph-view__viewport-controls">
+        <InkButton icon="i-mdi-plus" type="square" theme="subtle" @click="zoomIn" />
+        <InkButton icon="i-mdi-minus" type="square" theme="subtle" @click="zoomOut" />
+        <InkButton icon="i-mdi-crosshairs-gps" type="square" theme="subtle" @click="refocus" />
+      </div>
+    </VueFlow>
 
     <BlockInspectorPopup
-      v-if="currentInfoBaseRoute?.name === 'block'"
-      :block="currentInfoBaseRoute.block"
+      v-if="isRoute(currentRoute, 'block') && currentRoute?.name === 'block'"
+      :block="currentRoute.block"
       @ruminated="onRuminated"
     />
+    <RelationInspectorPopup
+      v-else-if="isRoute(currentRoute, 'relation') && currentRoute?.name === 'relation'"
+      :relation="currentRoute.relation"
+    />
     <SolvedContentPopup
-      v-else-if="currentInfoBaseRoute?.name === 'solved-content'"
-      :block="currentInfoBaseRoute.block"
+      v-else-if="isRoute(currentRoute, 'solved-content') && currentRoute?.name === 'solved-content'"
+      :block="currentRoute.block"
     />
-  </div>
+  </main>
 </template>
 
-<style lang="scss" scoped src="./graph.scss" />
+<style scoped lang="scss" src="./graph.scss" />
diff --git a/apps/client-web/src/views/info-base/list/list.vue b/apps/client-web/src/views/info-base/list/list.vue
index f2f4eaa..88a695b 100644
--- a/apps/client-web/src/views/info-base/list/list.vue
+++ b/apps/client-web/src/views/info-base/list/list.vue
@@ -12,6 +12,7 @@ import {
 import router from '@/router'
 import BlockInspectorPopup from '@/components/info-base/BlockInspectorPopup/BlockInspectorPopup.vue'
 import SolvedContentPopup from '@/components/info-base/SolvedContentPopup/SolvedContentPopup.vue'
+import RelationInspectorPopup from '@/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue'
 
 const { t } = useI18n()
 const route = useRoute()
@@ -135,6 +136,10 @@ function refresh(): void {
       v-else-if="currentInfoBaseRoute?.name === 'solved-content'"
       :block="currentInfoBaseRoute.block"
     />
+    <RelationInspectorPopup
+      v-else-if="currentInfoBaseRoute?.name === 'relation'"
+      :relation="currentInfoBaseRoute.relation"
+    />
   </main>
 </template>
 
diff --git a/apps/client-web/tests/setup.ts b/apps/client-web/tests/setup.ts
deleted file mode 100644
index f52f33e..0000000
--- a/apps/client-web/tests/setup.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { vi } from 'vitest'
-
-Object.defineProperty(HTMLElement.prototype, 'scrollIntoView', {
-  configurable: true,
-  value: vi.fn(),
-  writable: true,
-})
diff --git a/apps/client-web/tsconfig.node.json b/apps/client-web/tsconfig.node.json
index a83dfc9..9501215 100644
--- a/apps/client-web/tsconfig.node.json
+++ b/apps/client-web/tsconfig.node.json
@@ -2,7 +2,6 @@
   "extends": "@tsconfig/node22/tsconfig.json",
   "include": [
     "vite.config.*",
-    "vitest.config.*",
     "cypress.config.*",
     "nightwatch.conf.*",
     "playwright.config.*",
diff --git a/apps/client-web/vitest.config.ts b/apps/client-web/vitest.config.ts
deleted file mode 100644
index aab4e67..0000000
--- a/apps/client-web/vitest.config.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { resolve } from 'node:path'
-import vue from '@vitejs/plugin-vue'
-import { defineProject } from 'vitest/config'
-import { searchForWorkspaceRoot } from 'vite'
-import {
-  createUiSourceAliases,
-  isPathInside,
-  resolveUiSourceFromEnvironment,
-  uiSourceDedupe,
-} from '../../scripts/ui-source.mjs'
-
-const appRoot = fileURLToPath(new URL('.', import.meta.url))
-const clientScssRoots = ['components', 'views'].map((directory) =>
-  fileURLToPath(new URL(`./src/${directory}`, import.meta.url))
-)
-const uiSource = await resolveUiSourceFromEnvironment()
-const uiSourceComponents = uiSource ? resolve(uiSource.root, 'src/components') : null
-
-export default defineProject({
-  root: appRoot,
-  plugins: [vue()],
-  resolve: {
-    alias: [
-      ...(uiSource ? createUiSourceAliases(uiSource) : []),
-      {
-        find: '@inkcre/core',
-        replacement: fileURLToPath(new URL('../../packages/core/src/index.ts', import.meta.url)),
-      },
-      {
-        find: '@',
-        replacement: fileURLToPath(new URL('./src', import.meta.url)),
-      },
-    ],
-    ...(uiSource ? { dedupe: uiSourceDedupe } : {}),
-  },
-  ...(uiSource
-    ? {
-        optimizeDeps: {
-          exclude: ['@inkcre/ui-web'],
-        },
-        server: {
-          fs: {
-            allow: [searchForWorkspaceRoot(appRoot), uiSource.root],
-          },
-        },
-      }
-    : {}),
-  css: {
-    preprocessorOptions: {
-      scss: {
-        additionalData: (source, file) => {
-          if (clientScssRoots.some((root) => isPathInside(root, file))) {
-            return `@use "@inkcre/ui-web/styles/mixins" as *;@use "@inkcre/ui-web/styles/functions" as *;@use "@/styles/index.scss" as *;${source}`
-          }
-          if (uiSourceComponents && isPathInside(uiSourceComponents, file)) {
-            return `@use "@inkcre/ui-web/styles/mixins" as *;@use "@inkcre/ui-web/styles/functions" as *;${source}`
-          }
-          return source
-        },
-      },
-    },
-  },
-  test: {
-    name: 'client-web',
-    environment: 'happy-dom',
-    include: ['src/**/*.spec.ts'],
-    setupFiles: ['./tests/setup.ts'],
-  },
-})
diff --git a/apps/client-webext/composables/useWebExtensionStorage.spec.ts b/apps/client-webext/composables/useWebExtensionStorage.spec.ts
deleted file mode 100644
index 9d4fe80..0000000
--- a/apps/client-webext/composables/useWebExtensionStorage.spec.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { nextTick } from 'vue'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { useWebExtensionStorage } from './useWebExtensionStorage'
-
-const storageMocks = vi.hoisted(() => ({
-  getItem: vi.fn(),
-  removeItem: vi.fn(),
-  setItem: vi.fn(),
-  watch: vi.fn(() => vi.fn()),
-}))
-
-vi.mock('@wxt-dev/storage', () => ({
-  storage: storageMocks,
-}))
-
-describe('useWebExtensionStorage', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    storageMocks.getItem.mockResolvedValue(null)
-  })
-
-  it('persists nested ref changes to extension-local storage', async () => {
-    const { data, dataReady } = useWebExtensionStorage('aiConfig', {
-      providers: [] as { id: string; apiKey: string }[],
-    })
-
-    await dataReady
-    storageMocks.setItem.mockClear()
-
-    data.value.providers.push({
-      id: 'local-provider',
-      apiKey: 'browser-local-key',
-    })
-    await nextTick()
-
-    expect(storageMocks.setItem).toHaveBeenCalledWith(
-      'local:aiConfig',
-      JSON.stringify({
-        providers: [
-          {
-            id: 'local-provider',
-            apiKey: 'browser-local-key',
-          },
-        ],
-      })
-    )
-  })
-})
diff --git a/apps/client-webext/package.json b/apps/client-webext/package.json
index 159c198..df3b07d 100644
--- a/apps/client-webext/package.json
+++ b/apps/client-webext/package.json
@@ -13,8 +13,7 @@
     "zip:firefox": "wxt zip -b firefox",
     "crx": "wxt build && crx3 -p .output/inkcre.pem -o .output/inkcre-$npm_package_version-chrome.crx .output/chrome-mv3",
     "postinstall": "wxt prepare",
-    "type-check": "vue-tsc --noEmit",
-    "test": "pnpm --dir ../.. exec vitest --project client-webext"
+    "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
     "@ai-sdk/anthropic": "^2.0.38",
diff --git a/apps/client-webext/tests/setup.ts b/apps/client-webext/tests/setup.ts
deleted file mode 100644
index bfb0278..0000000
--- a/apps/client-webext/tests/setup.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Shared browser-extension test setup belongs here as the suite grows in Phase 4.
-export {}
diff --git a/apps/client-webext/vitest.config.ts b/apps/client-webext/vitest.config.ts
deleted file mode 100644
index 4bcc3ad..0000000
--- a/apps/client-webext/vitest.config.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { defineProject } from 'vitest/config'
-
-export default defineProject({
-  root: fileURLToPath(new URL('.', import.meta.url)),
-  test: {
-    name: 'client-webext',
-    globals: true,
-    environment: 'happy-dom',
-    include: ['**/*.spec.ts'],
-    setupFiles: ['./tests/setup.ts'],
-  },
-  resolve: {
-    alias: {
-      '~': fileURLToPath(new URL('.', import.meta.url)),
-      '@': fileURLToPath(new URL('.', import.meta.url)),
-    },
-  },
-})
diff --git a/docs/30-unit-tdd/client-runtime-and-delegation.md b/docs/30-unit-tdd/client-runtime-and-delegation.md
index e30a8fc..a405214 100644
--- a/docs/30-unit-tdd/client-runtime-and-delegation.md
+++ b/docs/30-unit-tdd/client-runtime-and-delegation.md
@@ -64,6 +64,10 @@ issuer, audience, role, and maximum lifetime from the generated Peer runtime con
 the token when the secret changes, and clears it when the secret is removed. PostgREST JSON access,
 raw byte access, and Peer HTTP delegation reuse this single authentication authority.
 
+The browser signer backdates `iat` by five seconds and derives `exp` from that adjusted value. This
+absorbs ordinary sub-second or small deployment clock skew at the authentication boundary without
+increasing the shared maximum lifetime or leaking retries into PostgREST/domain callers.
+
 ## Application Hosts
 
 `InfoBaseRouter` is an application-bound singleton translating Block and Relation navigation into
diff --git a/docs/30-unit-tdd/info-base.md b/docs/30-unit-tdd/info-base.md
index e704909..d1fddbe 100644
--- a/docs/30-unit-tdd/info-base.md
+++ b/docs/30-unit-tdd/info-base.md
@@ -91,6 +91,37 @@ path and never fall back to the persisted pointer string.
 targeted invalidation, and clearing dispose old instances. Resolver-local hydration, relation, and
 solved-content caches still obey `refresh`; instance reuse does not change authority.
 
+Every registered Resolver provides both `previewRenderer` and `solvedContentRenderer`. They consume
+the same solved-content authority; there is no preview projection. Preview is bounded and
+interaction-free for dense InfoBase presentation, while solved content may support focused reading
+and domain actions. Graph/List orchestrators may request solved content with
+`materializeMissing=false`; retrieval results never carry labels, renderers, solved values, dimensions,
+or layout hints.
+
+## Graph Navigation
+
+`GraphNavigationRetrievalManager` is a peer-local TypeScript implementation over PostgREST. It returns
+endpoint-closed `GraphModel` reads for bounded Block neighborhoods, exact Relation neighborhoods and
+bounded shortest-by-hop paths. It does not call core-py, use Peer delegation, add a database RPC, or
+depend on Vue Flow. Incoming/outgoing pages are queried separately and merged inside the manager;
+frontier batching remains private query mechanics.
+
+The application Graph View is a navigation host and presentation realizer. Role-named query fields
+(`focal_block`, `focal_relation`, `path_from` + `path_to`, `q`) reconstruct the active scene; scale,
+direction emphasis, positions, camera and preview cache remain runtime state. Activating a canvas
+entity changes focal identity, while Inspect is an explicit secondary route. Block/Relation inspectors
+and solved content are modeless route outlets whose close action delegates to browser/router `back()`.
+
+Graph shells render before bounded Resolver previews. Intrinsic DOM dimensions inform deterministic
+local layout; shared positions survive scene changes and user drag is session-only. Direction is soft
+presentation state: muted entities remain present and interactive and changing direction performs no
+retrieval. Automatic camera movement follows explicit focal/path/refocus actions only; manual movement
+cancels pending ownership.
+
+Application Recall/Search is not part of an InfoBase View, but an active View may realize its selected
+destination. Recall defaults to List outside a View; Find path supplies two Block references to Graph.
+The retired `sink/graph` community/MDS layer is not a compatibility surface.
+
 ## Producer Guardrails
 
 Producers emit exact, versioned Resolver IDs; keep protocol/source identity and declared metadata
diff --git a/extensions/mail/src/components/contentEmail/contentEmailPreview.vue b/extensions/mail/src/components/contentEmail/contentEmailPreview.vue
new file mode 100644
index 0000000..ec941b5
--- /dev/null
+++ b/extensions/mail/src/components/contentEmail/contentEmailPreview.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { SolvedContentRendererProps } from '@inkcre/core'
+
+import type { EmailResolver } from '../../resolver'
+import type { SolvedEmail } from '../../schema'
+
+const props = defineProps<SolvedContentRendererProps<SolvedEmail, EmailResolver>>()
+const sender = computed(() => {
+  const participant = props.solvedContent.participants.find((item) => item.relation.role === 'from')
+  return participant?.relation.display_name || participant?.address.solvedContent.address || null
+})
+const body = computed(() => {
+  const text = props.solvedContent.bodies.find(
+    (item) => item.block.resolver === 'core.text.v1'
+  )?.solvedContent
+  if (typeof text !== 'string') return null
+  const plain = text.replace(/\s+/g, ' ').trim()
+  return plain.length > 180 ? `${plain.slice(0, 180)}…` : plain
+})
+</script>
+
+<template>
+  <article class="email-preview">
+    <span v-if="sender">{{ sender }}</span>
+    <strong>{{ solvedContent.root.subject || '(no subject)' }}</strong>
+    <p v-if="body">{{ body }}</p>
+  </article>
+</template>
+
+<style scoped lang="scss">
+.email-preview {
+  display: grid;
+  gap: 6px;
+  min-width: 220px;
+  max-width: 360px;
+
+  span,
+  p {
+    margin: 0;
+    color: var(--ink-text-secondary, #6b7280);
+  }
+
+  p {
+    line-height: 1.45;
+    overflow-wrap: anywhere;
+  }
+}
+</style>
diff --git a/extensions/mail/src/components/contentMailFact/contentMailFactPreview.vue b/extensions/mail/src/components/contentMailFact/contentMailFactPreview.vue
new file mode 100644
index 0000000..2a40884
--- /dev/null
+++ b/extensions/mail/src/components/contentMailFact/contentMailFactPreview.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { SolvedContentRendererProps } from '@inkcre/core'
+
+const props = defineProps<SolvedContentRendererProps<Record<string, unknown>>>()
+const summary = computed(() =>
+  Object.entries(props.solvedContent)
+    .filter(([, value]) => value !== null && value !== '')
+    .slice(0, 3)
+)
+</script>
+
+<template>
+  <dl class="mail-fact-preview">
+    <template v-for="[name, value] in summary" :key="name">
+      <dt>{{ name.replace(/_/g, ' ') }}</dt>
+      <dd>{{ Array.isArray(value) ? value.join(', ') : value }}</dd>
+    </template>
+  </dl>
+</template>
+
+<style scoped lang="scss">
+.mail-fact-preview {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  gap: 4px 12px;
+  margin: 0;
+  max-width: 320px;
+
+  dt {
+    color: var(--ink-text-secondary, #6b7280);
+  }
+  dd {
+    margin: 0;
+    overflow-wrap: anywhere;
+  }
+}
+</style>
diff --git a/extensions/mail/src/components/contentMimePart/contentMimePartPreview.vue b/extensions/mail/src/components/contentMimePart/contentMimePartPreview.vue
new file mode 100644
index 0000000..b56d286
--- /dev/null
+++ b/extensions/mail/src/components/contentMimePart/contentMimePartPreview.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import type { SolvedContentRendererProps } from '@inkcre/core'
+
+import type { MailMimePartResolver } from '../../resolver'
+import type { SolvedMimePart } from '../../schema'
+
+defineProps<SolvedContentRendererProps<SolvedMimePart, MailMimePartResolver>>()
+</script>
+
+<template>
+  <div class="mime-part-preview">
+    <strong>{{
+      solvedContent.root.filename || solvedContent.root.description || solvedContent.root.media_type
+    }}</strong>
+    <span>{{ solvedContent.root.media_type }}</span>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.mime-part-preview {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  max-width: 320px;
+
+  span {
+    color: var(--ink-text-secondary, #6b7280);
+  }
+}
+</style>
diff --git a/extensions/mail/src/resolver.ts b/extensions/mail/src/resolver.ts
index adb8e3a..b409315 100644
--- a/extensions/mail/src/resolver.ts
+++ b/extensions/mail/src/resolver.ts
@@ -10,8 +10,11 @@ import {
 } from '@inkcre/core'
 
 import ContentEmail from './components/contentEmail/contentEmail.vue'
+import ContentEmailPreview from './components/contentEmail/contentEmailPreview.vue'
 import ContentMailFact from './components/contentMailFact/contentMailFact.vue'
+import ContentMailFactPreview from './components/contentMailFact/contentMailFactPreview.vue'
 import ContentMimePart from './components/contentMimePart/contentMimePart.vue'
+import ContentMimePartPreview from './components/contentMimePart/contentMimePartPreview.vue'
 import {
   CanonicalEmailAddressSchema,
   CanonicalEmailSchema,
@@ -47,7 +50,7 @@ async function solveBlock<Content>(
   }
 }
 
-function parseRelation(content: string): unknown | null {
+function parseRelation(content: string): unknown {
   try {
     return parseJson(content)
   } catch {
@@ -67,6 +70,7 @@ async function relatedBlocks(relations: Relation[], focal: number): Promise<Map<
 
 export class EmailResolver extends Resolver<string, SolvedEmail> {
   static readonly type = 'extensions.mail.email.v1'
+  static readonly previewRenderer = markRaw(ContentEmailPreview)
   static readonly solvedContentRenderer = markRaw(ContentEmail)
 
   static {
@@ -201,6 +205,7 @@ abstract class JsonMailResolver<Content> extends Resolver<string, Content> {
 
 export class MailboxResolver extends JsonMailResolver<CanonicalMailbox> {
   static readonly type = 'extensions.mail.mailbox.v1'
+  static readonly previewRenderer = markRaw(ContentMailFactPreview)
   static readonly solvedContentRenderer = markRaw(ContentMailFact)
   readonly schema = CanonicalMailboxSchema
 
@@ -211,6 +216,7 @@ export class MailboxResolver extends JsonMailResolver<CanonicalMailbox> {
 
 export class EmailAddressResolver extends JsonMailResolver<CanonicalEmailAddress> {
   static readonly type = 'extensions.mail.email_address.v1'
+  static readonly previewRenderer = markRaw(ContentMailFactPreview)
   static readonly solvedContentRenderer = markRaw(ContentMailFact)
   readonly schema = CanonicalEmailAddressSchema
 
@@ -221,6 +227,7 @@ export class EmailAddressResolver extends JsonMailResolver<CanonicalEmailAddress
 
 export class MailFlagResolver extends JsonMailResolver<CanonicalMailFlag> {
   static readonly type = 'extensions.mail.flag.v1'
+  static readonly previewRenderer = markRaw(ContentMailFactPreview)
   static readonly solvedContentRenderer = markRaw(ContentMailFact)
   readonly schema = CanonicalMailFlagSchema
 
@@ -231,6 +238,7 @@ export class MailFlagResolver extends JsonMailResolver<CanonicalMailFlag> {
 
 export class MailMimePartResolver extends Resolver<string, SolvedMimePart> {
   static readonly type = 'extensions.mail.mime_part.v1'
+  static readonly previewRenderer = markRaw(ContentMimePartPreview)
   static readonly solvedContentRenderer = markRaw(ContentMimePart)
 
   static {
diff --git a/extensions/twitter/src/components/contentTweet/contentTweetPreview.vue b/extensions/twitter/src/components/contentTweet/contentTweetPreview.vue
new file mode 100644
index 0000000..37a50f4
--- /dev/null
+++ b/extensions/twitter/src/components/contentTweet/contentTweetPreview.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { SolvedContentRendererProps } from '@inkcre/core'
+
+import type { Tweet } from '../../schema'
+
+const props = defineProps<SolvedContentRendererProps<Tweet>>()
+const text = computed(() => {
+  const plain = props.solvedContent.text
+    .replace(/\[(?:photo|video|link)\]/g, '')
+    .replace(/\s+/g, ' ')
+    .trim()
+  return plain.length > 180 ? `${plain.slice(0, 180)}…` : plain
+})
+</script>
+
+<template>
+  <article class="tweet-preview">
+    <span>@{{ solvedContent.user_id ?? 'unknown' }}</span>
+    <p>{{ text }}</p>
+    <img v-if="solvedContent.attachments?.[0]" :src="solvedContent.attachments[0]" alt="" />
+  </article>
+</template>
+
+<style scoped lang="scss">
+.tweet-preview {
+  display: grid;
+  gap: 8px;
+  min-width: 180px;
+  max-width: 340px;
+
+  span {
+    color: var(--ink-text-secondary, #6b7280);
+    font-size: 0.75rem;
+  }
+
+  p {
+    margin: 0;
+    line-height: 1.45;
+    overflow-wrap: anywhere;
+  }
+
+  img {
+    width: 100%;
+    max-height: 180px;
+    object-fit: cover;
+  }
+}
+</style>
diff --git a/extensions/twitter/src/resolver.ts b/extensions/twitter/src/resolver.ts
index d948fa0..ee2bae2 100644
--- a/extensions/twitter/src/resolver.ts
+++ b/extensions/twitter/src/resolver.ts
@@ -20,9 +20,11 @@ import {
   RELATION_ATTACHMENT_VIDEO,
 } from './schema'
 import ContentTweet from './components/contentTweet/contentTweet.vue'
+import ContentTweetPreview from './components/contentTweet/contentTweetPreview.vue'
 
 export class TweetResolver extends Resolver<string, Tweet> {
   static readonly type = 'extensions.twitter.tweet.v1'
+  static readonly previewRenderer = markRaw(ContentTweetPreview)
   static readonly solvedContentRenderer = markRaw(ContentTweet)
 
   static {
diff --git a/package.json b/package.json
index 43069c3..75bb82e 100644
--- a/package.json
+++ b/package.json
@@ -31,15 +31,11 @@
     "check:release:web": "node scripts/verify-client-web-release.mjs",
     "check:workspace": "node scripts/check-workspace-contract.mjs",
     "check:package": "node scripts/check-package-contract.mjs",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:unit": "vitest run",
-    "test:runtime": "vitest run --project runtime",
     "test:e2e": "pnpm test:e2e:web && pnpm test:e2e:webext",
     "test:e2e:web": "node scripts/test-e2e.mjs",
     "test:e2e:webext": "node scripts/test-webext-e2e.mjs",
     "build": "pnpm check:workspace && pnpm -r run build && pnpm check:package",
-    "check": "pnpm format:check && pnpm lint && pnpm type-check && pnpm test:unit && pnpm build",
+    "check": "pnpm format:check && pnpm lint && pnpm type-check && pnpm build",
     "ci": "pnpm check && pnpm test:e2e"
   },
   "devDependencies": {
@@ -49,7 +45,6 @@
     "@typescript/native": "npm:typescript@7.0.2",
     "@vitejs/plugin-vue": "6.0.3",
     "concurrently": "^9.0.0",
-    "happy-dom": "20.11.1",
     "jose": "6.1.2",
     "oxfmt": "0.60.0",
     "oxlint": "1.75.0",
@@ -57,8 +52,7 @@
     "portless": "0.12.0",
     "semver": "7.8.5",
     "supabase": "2.112.0",
-    "typescript": "catalog:",
-    "vitest": "4.1.10"
+    "typescript": "catalog:"
   },
   "devEngines": {
     "runtime": {
diff --git a/packages/core/package.json b/packages/core/package.json
index d398a43..85fc067 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -21,12 +21,8 @@
   },
   "dependencies": {
     "@supabase/postgrest-js": "^2.84.0",
-    "@vue-flow/core": "^1.48.1",
     "dayjs": "^1.11.0",
-    "graphology": "^0.26.0",
-    "graphology-shortest-path": "^2.1.0",
     "jose": "^5.0.0",
-    "ml-matrix": "^6.12.1",
     "semver": "7.8.5",
     "zod": "^4.1.12",
     "zod-class": "^0.0.18",
diff --git a/packages/core/src/auth/store.test.ts b/packages/core/src/auth/store.test.ts
deleted file mode 100644
index 0ab18d1..0000000
--- a/packages/core/src/auth/store.test.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { jwtVerify } from 'jose'
-import { afterEach, describe, expect, it } from 'vitest'
-
-import { configStore } from '../config'
-import { peerJwtContract } from '../database'
-import { createAuthStore } from './store'
-
-const originalMetaConfig = { ...configStore.metaConfig }
-
-afterEach(() => {
-  Object.assign(configStore.metaConfig, originalMetaConfig)
-})
-
-describe('peer JWT contract', () => {
-  it('issues the canonical claims for at most 24 hours', async () => {
-    const secret = 'client-web-test-jwt-secret-at-least-32-bytes'
-    Object.assign(configStore.metaConfig, {
-      INKCRE_JWT_SECRET: secret,
-    })
-    const auth = createAuthStore()
-    const token = await auth.newToken()
-    const verified = await jwtVerify(token, new TextEncoder().encode(secret), {
-      algorithms: [peerJwtContract.algorithm],
-      issuer: peerJwtContract.issuer,
-      audience: peerJwtContract.audience,
-    })
-
-    expect(verified.payload.role).toBe(peerJwtContract.role)
-    expect(verified.payload.exp! - verified.payload.iat!).toBe(
-      peerJwtContract.maximum_lifetime_seconds
-    )
-  })
-})
diff --git a/packages/core/src/auth/store.ts b/packages/core/src/auth/store.ts
index 9cebdff..65f29bd 100644
--- a/packages/core/src/auth/store.ts
+++ b/packages/core/src/auth/store.ts
@@ -3,6 +3,8 @@ import { SignJWT } from 'jose'
 import { configStore } from '../config'
 import { peerJwtContract } from '../database'
 
+const JWT_CLOCK_SKEW_SECONDS = 5
+
 /**
  * Create an auth store instance.
  * Returns reactive token and token management functions.
@@ -17,7 +19,9 @@ export function createAuthStore(configStoreIns = configStore) {
 
     try {
       const secret = new TextEncoder().encode(configStoreIns.metaConfig.INKCRE_JWT_SECRET)
-      const issuedAt = Math.floor(Date.now() / 1000)
+      // A Peer and its PostgREST boundary may not share an exact wall clock.
+      // Backdate the bounded token instead of leaking clock-skew handling into callers.
+      const issuedAt = Math.floor(Date.now() / 1000) - JWT_CLOCK_SKEW_SECONDS
       const signedToken = await new SignJWT({
         role: peerJwtContract.role,
       })
diff --git a/packages/core/src/config/schema.test.ts b/packages/core/src/config/schema.test.ts
deleted file mode 100644
index 979e382..0000000
--- a/packages/core/src/config/schema.test.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { MetaConfigSchema, PeerConfigSchema } from './schema'
-
-describe('MetaConfigSchema', () => {
-  it('represents an unconfigured persisted state without environment defaults', () => {
-    expect(MetaConfigSchema.parse({})).toEqual({
-      INKCRE_PGREST_URL: '',
-      INKCRE_JWT_SECRET: '',
-      INKCRE_PEER_ID: '',
-    })
-  })
-
-  it('accepts explicit runtime coordinates and rejects malformed non-empty values', () => {
-    expect(
-      MetaConfigSchema.parse({
-        INKCRE_PGREST_URL: 'https://database.example.test/',
-        INKCRE_PEER_ID: '00000000-0000-4000-8000-000000000002',
-      })
-    ).toMatchObject({
-      INKCRE_PGREST_URL: 'https://database.example.test/',
-      INKCRE_PEER_ID: '00000000-0000-4000-8000-000000000002',
-    })
-
-    expect(
-      MetaConfigSchema.safeParse({
-        INKCRE_PGREST_URL: 'not-a-url',
-        INKCRE_PEER_ID: 'not-a-uuid',
-      }).success
-    ).toBe(false)
-  })
-})
-
-describe('PeerConfigSchema', () => {
-  it('keeps Registry configuration unconfigured until deployment provides it', () => {
-    expect(PeerConfigSchema.parse({})).toMatchObject({
-      extension_registry_url: '',
-    })
-    expect(
-      PeerConfigSchema.parse({
-        extension_registry_url: 'https://registry.operator.example/',
-      }).extension_registry_url
-    ).toBe('https://registry.operator.example/')
-  })
-})
diff --git a/packages/core/src/database/runtime-contract.test.ts b/packages/core/src/database/runtime-contract.test.ts
deleted file mode 100644
index 527d121..0000000
--- a/packages/core/src/database/runtime-contract.test.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { databaseRuntimeContract, peerJwtContract } from './runtime-contract'
-
-describe('database runtime contract', () => {
-  it('contains only environment-neutral protocol and JWT metadata', () => {
-    expect(databaseRuntimeContract).toEqual({
-      format: 1,
-      revision: 'extension-registry-feature-retrieval-v1',
-      protocol: {
-        format: 1,
-        schema: 'inkcre',
-      },
-      jwt: peerJwtContract,
-    })
-    expect(Object.keys(databaseRuntimeContract)).toEqual(['format', 'revision', 'protocol', 'jwt'])
-    expect(JSON.stringify(databaseRuntimeContract)).not.toMatch(
-      /https?:|client_id|environment|postgrest|herokuapp/i
-    )
-  })
-})
diff --git a/packages/core/src/extension/host.test.ts b/packages/core/src/extension/host.test.ts
deleted file mode 100644
index 3c00276..0000000
--- a/packages/core/src/extension/host.test.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-import { describe, expect, it, vi } from 'vitest'
-import type { MFImplementation } from './module-federation'
-import type { InstalledExtension } from './model'
-import type { ExtensionRelease, ExtensionReleaseReader } from './registry'
-import type { ExtensionStatePort } from './state'
-import { WebExtensionEnabledError, WebExtensionHost, WebExtensionIncompatibleError } from './host'
-
-const peerId = '00000000-0000-4000-8000-000000000001'
-const otherPeerId = '00000000-0000-4000-8000-000000000002'
-const installed: InstalledExtension = {
-  name: 'inkcre/twitter',
-  version: '0.1.0',
-  enabled: [],
-  nickname: 'Twitter',
-  config: {},
-  config_schema: null,
-}
-
-class MemoryExtensionState implements ExtensionStatePort {
-  readonly rows = new Map<string, InstalledExtension>()
-  readonly events: string[] = []
-  setPeerEnabledFailure: Error | undefined
-  setPeerEnabledResultVersion: string | undefined
-  changeVersionFailure: Error | undefined
-
-  constructor(rows: InstalledExtension[] = []) {
-    for (const row of rows) this.rows.set(row.name, structuredClone(row))
-  }
-
-  async list(): Promise<InstalledExtension[]> {
-    return [...this.rows.values()].map((row) => structuredClone(row))
-  }
-
-  async get(name: string): Promise<InstalledExtension | null> {
-    const row = this.rows.get(name)
-    return row ? structuredClone(row) : null
-  }
-
-  async install(extension: InstalledExtension): Promise<InstalledExtension> {
-    this.events.push('install')
-    this.rows.set(extension.name, structuredClone(extension))
-    return structuredClone(extension)
-  }
-
-  async updateConfig(name: string, config: Record<string, unknown>): Promise<InstalledExtension> {
-    const row = this.require(name)
-    const updated = { ...row, config: structuredClone(config) }
-    this.rows.set(name, updated)
-    return structuredClone(updated)
-  }
-
-  async changeVersion(
-    name: string,
-    version: string,
-    nickname: string
-  ): Promise<InstalledExtension> {
-    this.events.push('change-version')
-    if (this.changeVersionFailure) throw this.changeVersionFailure
-    const row = this.require(name)
-    if (row.enabled.length > 0) throw new Error('enabled')
-    const updated = { ...row, version, nickname, config_schema: null }
-    this.rows.set(name, updated)
-    return structuredClone(updated)
-  }
-
-  async setPeerEnabled(
-    name: string,
-    targetPeerId: string,
-    enabled: boolean
-  ): Promise<InstalledExtension> {
-    this.events.push(enabled ? 'persist-enable' : 'persist-disable')
-    if (this.setPeerEnabledFailure) throw this.setPeerEnabledFailure
-    const row = this.require(name)
-    const peerIds = new Set(row.enabled)
-    if (enabled) peerIds.add(targetPeerId)
-    else peerIds.delete(targetPeerId)
-    const updated = {
-      ...row,
-      version: enabled ? (this.setPeerEnabledResultVersion ?? row.version) : row.version,
-      enabled: [...peerIds],
-    }
-    this.rows.set(name, updated)
-    return structuredClone(updated)
-  }
-
-  async uninstall(name: string): Promise<void> {
-    this.events.push('uninstall')
-    this.rows.delete(name)
-  }
-
-  private require(name: string): InstalledExtension {
-    const row = this.rows.get(name)
-    if (!row) throw new Error(`missing ${name}`)
-    return row
-  }
-}
-
-function release(overrides: Partial<ExtensionRelease> = {}): ExtensionRelease {
-  return {
-    name: installed.name,
-    nickname: 'Twitter',
-    version: installed.version,
-    state: 'published',
-    module_federation: {
-      manifest_url: '/extensions/inkcre/twitter/0.1.0/module-federation/mf-manifest.json',
-      host_sdk: '@inkcre/core',
-      host_sdk_version: '>=0.1.0,<0.2.0',
-    },
-    ...overrides,
-  }
-}
-
-function createHarness(
-  options: {
-    rows?: InstalledExtension[]
-    release?: ExtensionRelease
-    releaseFailure?: Error
-    loadFailure?: Error
-    activateFailure?: Error
-    deactivateFailure?: Error
-  } = {}
-) {
-  const events: string[] = []
-  const state = new MemoryExtensionState(options.rows ?? [installed])
-  const getRelease = vi.fn(async () => {
-    if (options.releaseFailure) throw options.releaseFailure
-    return options.release ?? release()
-  })
-  const releases: ExtensionReleaseReader = {
-    get: getRelease,
-    resolveManifestUrl: vi.fn((url) => new URL(url, 'https://registry.example').href),
-  }
-  const extensionModule = {
-    initialize: vi.fn(async () => {
-      events.push('initialize')
-    }),
-    activate: vi.fn(async () => {
-      events.push('activate')
-      if (options.activateFailure) throw options.activateFailure
-    }),
-    deactivate: vi.fn(async () => {
-      events.push('deactivate')
-      if (options.deactivateFailure) throw options.deactivateFailure
-    }),
-    dispose: vi.fn(async () => {
-      events.push('dispose')
-    }),
-  }
-  const registerRemotes = vi.fn(() => events.push('register-manifest'))
-  const loadRemote = vi.fn(async () => {
-    events.push('load-remote')
-    if (options.loadFailure) throw options.loadFailure
-    return { default: extensionModule }
-  })
-  const moduleFederation = { registerRemotes, loadRemote } as MFImplementation
-  const warn = vi.fn()
-  const host = new WebExtensionHost({
-    state,
-    releases,
-    moduleFederation: () => moduleFederation,
-    currentPeerId: () => peerId,
-    hostSdkVersion: '0.1.0',
-    warn,
-  })
-
-  return {
-    events,
-    state,
-    getRelease,
-    releases,
-    registerRemotes,
-    loadRemote,
-    extensionModule,
-    warn,
-    host,
-  }
-}
-
-describe('WebExtensionHost', () => {
-  it('prechecks the exact Release and passes its native manifest URL directly to MF Host', async () => {
-    const harness = createHarness()
-
-    const enabled = await harness.host.enable(installed.name)
-
-    expect(enabled.enabled).toEqual([peerId])
-    expect(harness.getRelease).toHaveBeenCalledWith(installed.name, installed.version)
-    expect(harness.registerRemotes).toHaveBeenCalledWith(
-      [
-        {
-          name: 'extension.inkcre.twitter',
-          entry:
-            'https://registry.example/extensions/inkcre/twitter/0.1.0/module-federation/mf-manifest.json',
-        },
-      ],
-      { force: true }
-    )
-    expect(harness.events).toEqual(['register-manifest', 'load-remote', 'initialize', 'activate'])
-    expect(harness.state.events).toEqual(['persist-enable'])
-  })
-
-  it('rejects an incompatible @inkcre/core range before MF can fetch executable bytes', async () => {
-    const harness = createHarness({
-      release: release({
-        module_federation: {
-          manifest_url: '/native/mf-manifest.json',
-          host_sdk: '@inkcre/core',
-          host_sdk_version: '>=0.2.0,<0.3.0',
-        },
-      }),
-    })
-
-    await expect(harness.host.enable(installed.name)).rejects.toBeInstanceOf(
-      WebExtensionIncompatibleError
-    )
-
-    expect(harness.registerRemotes).not.toHaveBeenCalled()
-    expect(harness.loadRemote).not.toHaveBeenCalled()
-    expect(harness.state.events).toEqual([])
-  })
-
-  it('runs dispose compensation and leaves enabled intent unchanged when activation fails', async () => {
-    const harness = createHarness({ activateFailure: new Error('activation failed') })
-
-    await expect(harness.host.enable(installed.name)).rejects.toThrow('activation failed')
-
-    expect(harness.events).toEqual([
-      'register-manifest',
-      'load-remote',
-      'initialize',
-      'activate',
-      'dispose',
-    ])
-    expect(harness.state.events).toEqual([])
-    expect((await harness.state.get(installed.name))?.enabled).toEqual([])
-  })
-
-  it('stops a started runtime if atomic enable persistence fails', async () => {
-    const harness = createHarness()
-    harness.state.setPeerEnabledFailure = new Error('atomic RPC unavailable')
-
-    await expect(harness.host.enable(installed.name)).rejects.toThrow('atomic RPC unavailable')
-
-    expect(harness.events.slice(-2)).toEqual(['deactivate', 'dispose'])
-    expect((await harness.state.get(installed.name))?.enabled).toEqual([])
-  })
-
-  it('rolls back enablement if a disabled version changes after native preflight', async () => {
-    const harness = createHarness()
-    harness.state.setPeerEnabledResultVersion = '0.1.1'
-
-    await expect(harness.host.enable(installed.name)).rejects.toThrow(
-      'changed from 0.1.0 to 0.1.1 during enable'
-    )
-
-    expect(harness.state.events).toEqual(['persist-enable', 'persist-disable'])
-    expect(harness.events.slice(-2)).toEqual(['deactivate', 'dispose'])
-    expect(await harness.state.get(installed.name)).toMatchObject({
-      version: '0.1.1',
-      enabled: [],
-    })
-  })
-
-  it('restores runtime when atomic disable persistence fails after cleanup', async () => {
-    const harness = createHarness()
-    await harness.host.enable(installed.name)
-    harness.state.setPeerEnabledFailure = new Error('disable write failed')
-
-    await expect(harness.host.disable(installed.name)).rejects.toThrow('disable write failed')
-
-    expect(harness.events.slice(-6)).toEqual([
-      'deactivate',
-      'dispose',
-      'register-manifest',
-      'load-remote',
-      'initialize',
-      'activate',
-    ])
-    expect((await harness.state.get(installed.name))?.enabled).toEqual([peerId])
-  })
-
-  it('cold-starts exact yanked intent with a warning and never rewrites it', async () => {
-    const enabled = { ...installed, enabled: [peerId] }
-    const harness = createHarness({ rows: [enabled], release: release({ state: 'yanked' }) })
-
-    await harness.host.startup()
-
-    expect(harness.warn).toHaveBeenCalledWith(
-      'Starting exact installed yanked Release inkcre/twitter@0.1.0.'
-    )
-    expect(harness.loadRemote).toHaveBeenCalledOnce()
-    expect(harness.state.events).toEqual([])
-    expect((await harness.state.get(installed.name))?.enabled).toEqual([peerId])
-  })
-
-  it('reports cold-start failure without deleting durable enabled intent', async () => {
-    const enabled = { ...installed, enabled: [peerId] }
-    const harness = createHarness({
-      rows: [enabled],
-      releaseFailure: new Error('Registry unavailable'),
-    })
-
-    await expect(harness.host.startup()).rejects.toThrow('Registry unavailable')
-
-    expect(harness.host.getRuntimeError(installed.name)?.message).toBe('Registry unavailable')
-    expect((await harness.state.get(installed.name))?.enabled).toEqual([peerId])
-    expect(harness.state.events).toEqual([])
-  })
-
-  it('requires a published Web Release before installing the canonical empty row', async () => {
-    const harness = createHarness({ rows: [], release: release({ state: 'yanked' }) })
-
-    await expect(harness.host.install(installed)).rejects.toThrow('Only a published Release')
-
-    expect(harness.state.events).toEqual([])
-  })
-
-  it('does not uninstall while any Peer remains enabled', async () => {
-    const harness = createHarness({ rows: [{ ...installed, enabled: [otherPeerId] }] })
-
-    await expect(harness.host.uninstall(installed.name)).rejects.toBeInstanceOf(
-      WebExtensionEnabledError
-    )
-
-    expect(harness.state.events).toEqual([])
-  })
-
-  it('preflights a published Release before changing a fully disabled shared version', async () => {
-    const harness = createHarness({ release: release({ version: '0.1.1' }) })
-
-    await expect(harness.host.changeVersion(installed.name, '0.1.1')).resolves.toMatchObject({
-      version: '0.1.1',
-      enabled: [],
-    })
-
-    expect(harness.getRelease).toHaveBeenCalledWith(installed.name, '0.1.1')
-    expect(harness.state.events).toEqual(['change-version'])
-    expect(harness.loadRemote).not.toHaveBeenCalled()
-  })
-
-  it('rejects version change before Registry preflight while any Peer is enabled', async () => {
-    const harness = createHarness({ rows: [{ ...installed, enabled: [otherPeerId] }] })
-
-    await expect(harness.host.changeVersion(installed.name, '0.1.1')).rejects.toBeInstanceOf(
-      WebExtensionEnabledError
-    )
-
-    expect(harness.getRelease).not.toHaveBeenCalled()
-    expect(harness.state.events).toEqual([])
-  })
-
-  it('surfaces an atomic version conflict if a Peer becomes enabled after preflight', async () => {
-    const harness = createHarness({ release: release({ version: '0.1.1' }) })
-    harness.state.changeVersionFailure = new Error('Extension became enabled')
-
-    await expect(harness.host.changeVersion(installed.name, '0.1.1')).rejects.toThrow(
-      'Extension became enabled'
-    )
-
-    expect(harness.getRelease).toHaveBeenCalledWith(installed.name, '0.1.1')
-    expect((await harness.state.get(installed.name))?.version).toBe('0.1.0')
-  })
-})
diff --git a/packages/core/src/extension/model.test.ts b/packages/core/src/extension/model.test.ts
deleted file mode 100644
index 4c01cc9..0000000
--- a/packages/core/src/extension/model.test.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { ExtensionNameSchema, ExtensionVersionSchema } from './model'
-
-describe('native Extension coordinates', () => {
-  it('uses the Registry canonical lowercase ASCII segment grammar', () => {
-    const segment64 = `a${'-'.repeat(62)}z`
-
-    expect(ExtensionNameSchema.parse('inkcre/twitter')).toBe('inkcre/twitter')
-    expect(ExtensionNameSchema.parse(`${segment64}/${segment64}`)).toBe(`${segment64}/${segment64}`)
-    for (const invalid of [
-      'inkcre',
-      'inkcre/twitter/extra',
-      'InKCre/twitter',
-      'inkcre/twitter_name',
-      'inkcre/-twitter',
-      'inkcre/twitter-',
-      `${segment64}a/twitter`,
-    ]) {
-      expect(ExtensionNameSchema.safeParse(invalid).success, invalid).toBe(false)
-    }
-  })
-
-  it('uses canonical strict SemVer without build metadata', () => {
-    expect(ExtensionVersionSchema.parse('1.2.3-rc.1')).toBe('1.2.3-rc.1')
-    for (const invalid of ['v1.2.3', '1.2', '1.2.3+build.1', '1.02.3']) {
-      expect(ExtensionVersionSchema.safeParse(invalid).success, invalid).toBe(false)
-    }
-  })
-})
diff --git a/packages/core/src/extension/postgrest-state.test.ts b/packages/core/src/extension/postgrest-state.test.ts
deleted file mode 100644
index a6682ac..0000000
--- a/packages/core/src/extension/postgrest-state.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-const transport = vi.hoisted(() => {
-  const row = {
-    name: 'inkcre/twitter',
-    version: '0.1.1',
-    enabled: [],
-    nickname: 'Twitter',
-    config: { preserved: true },
-    config_schema: null,
-  }
-  const query = {
-    eq: vi.fn(),
-    filter: vi.fn(),
-    select: vi.fn(),
-    maybeSingle: vi.fn(),
-    single: vi.fn(),
-  }
-  query.eq.mockReturnValue(query)
-  query.filter.mockReturnValue(query)
-  query.select.mockReturnValue(query)
-  query.maybeSingle.mockResolvedValue({ data: row, error: null })
-  query.single.mockResolvedValue({ data: row, error: null })
-  const client = {
-    from: vi.fn(() => query),
-    insert: vi.fn((_values: Record<string, unknown>) => query),
-    rpc: vi.fn(),
-    update: vi.fn((_values: Record<string, unknown>) => query),
-  }
-  return { client, query, row }
-})
-
-vi.mock('../base', () => ({
-  APIError: class APIError extends Error {},
-  DBAPIClient: class DBAPIClient {
-    constructor() {
-      return transport.client
-    }
-  },
-}))
-
-import { PostgrestExtensionStatePort } from './postgrest-state'
-
-describe('PostgrestExtensionStatePort', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    transport.query.eq.mockReturnValue(transport.query)
-    transport.query.filter.mockReturnValue(transport.query)
-    transport.query.select.mockReturnValue(transport.query)
-    transport.query.maybeSingle.mockResolvedValue({ data: transport.row, error: null })
-    transport.query.single.mockResolvedValue({ data: transport.row, error: null })
-    transport.client.from.mockReturnValue(transport.query)
-    transport.client.insert.mockReturnValue(transport.query)
-    transport.client.rpc.mockResolvedValue({ data: [transport.row], error: null })
-    transport.client.update.mockReturnValue(transport.query)
-  })
-
-  it('lets the database default enabled to an empty array during install', async () => {
-    const state = new PostgrestExtensionStatePort()
-    vi.spyOn(state, 'get').mockResolvedValue(null)
-
-    await expect(state.install(transport.row)).resolves.toEqual(transport.row)
-
-    expect(transport.client.insert).toHaveBeenCalledWith({
-      name: 'inkcre/twitter',
-      version: '0.1.1',
-      nickname: 'Twitter',
-      config: { preserved: true },
-      config_schema: null,
-    })
-    expect(transport.client.insert.mock.calls[0]?.[0]).not.toHaveProperty('enabled')
-  })
-
-  it('writes config without including enabled state', async () => {
-    const state = new PostgrestExtensionStatePort()
-
-    await expect(state.updateConfig('inkcre/twitter', { next: true })).resolves.toEqual(
-      transport.row
-    )
-
-    expect(transport.client.update).toHaveBeenCalledWith({ config: { next: true } })
-    expect(transport.client.update.mock.calls[0]?.[0]).not.toHaveProperty('enabled')
-  })
-
-  it('changes version only through an atomic empty-enabled conditional update', async () => {
-    const state = new PostgrestExtensionStatePort()
-
-    await expect(state.changeVersion('inkcre/twitter', '0.1.1', 'Twitter')).resolves.toEqual(
-      transport.row
-    )
-
-    expect(transport.client.update).toHaveBeenCalledWith({
-      version: '0.1.1',
-      nickname: 'Twitter',
-      config_schema: null,
-    })
-    expect(transport.query.eq).toHaveBeenCalledWith('name', 'inkcre/twitter')
-    expect(transport.query.filter).toHaveBeenCalledWith('enabled', 'eq', '{}')
-    expect(transport.client.update.mock.calls[0]?.[0]).not.toHaveProperty('enabled')
-  })
-
-  it('enables and disables Peers only through the atomic RPC', async () => {
-    const state = new PostgrestExtensionStatePort()
-
-    await state.setPeerEnabled('inkcre/twitter', 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa', true)
-    await state.setPeerEnabled('inkcre/twitter', 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa', false)
-
-    expect(transport.client.rpc).toHaveBeenNthCalledWith(1, 'set_extension_peer_enabled', {
-      p_name: 'inkcre/twitter',
-      p_peer_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',
-      p_enabled: true,
-    })
-    expect(transport.client.rpc).toHaveBeenNthCalledWith(2, 'set_extension_peer_enabled', {
-      p_name: 'inkcre/twitter',
-      p_peer_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',
-      p_enabled: false,
-    })
-    expect(transport.client.insert).not.toHaveBeenCalled()
-    expect(transport.client.update).not.toHaveBeenCalled()
-  })
-})
diff --git a/packages/core/src/extension/registry.test.ts b/packages/core/src/extension/registry.test.ts
deleted file mode 100644
index a870322..0000000
--- a/packages/core/src/extension/registry.test.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { describe, expect, it, vi } from 'vitest'
-import { RegistryExtensionReleaseReader } from './registry'
-
-describe('RegistryExtensionReleaseReader', () => {
-  it('reads the frozen exact-Release route with the browser fetch receiver', async () => {
-    const fetchImplementation = vi.fn(function (this: unknown, input: URL | RequestInfo) {
-      if (this !== globalThis) throw new TypeError('Illegal invocation')
-      expect(String(input)).toBe(
-        'https://registry.example/v1/extensions/inkcre/twitter/releases/0.1.0'
-      )
-      return Promise.resolve(
-        Response.json({
-          name: 'inkcre/twitter',
-          nickname: 'Twitter',
-          version: '0.1.0',
-          state: 'published',
-          module_federation: {
-            manifest_url: '/extensions/inkcre/twitter/0.1.0/module-federation/mf-manifest.json',
-            host_sdk: '@inkcre/core',
-            host_sdk_version: '>=0.1.0,<0.2.0',
-          },
-        })
-      )
-    }) as typeof globalThis.fetch
-    const reader = new RegistryExtensionReleaseReader(
-      'https://registry.example/',
-      fetchImplementation
-    )
-
-    await expect(reader.get('inkcre/twitter', '0.1.0')).resolves.toMatchObject({
-      name: 'inkcre/twitter',
-      version: '0.1.0',
-    })
-
-    expect(fetchImplementation).toHaveBeenCalledOnce()
-  })
-
-  it('rejects a manifest URL outside the configured Registry origin', () => {
-    const reader = new RegistryExtensionReleaseReader('https://registry.example/')
-
-    expect(() => reader.resolveManifestUrl('https://attacker.example/mf-manifest.json')).toThrow(
-      'hosted by the configured Registry'
-    )
-  })
-
-  it('reads a Registry URL configured after Host construction', async () => {
-    let registryOrigin = ''
-    const fetchImplementation = vi.fn(async (input: URL | RequestInfo) => {
-      expect(String(input)).toBe(
-        'https://registry.example/v1/extensions/inkcre/twitter/releases/0.1.0'
-      )
-      return Response.json({
-        name: 'inkcre/twitter',
-        nickname: 'Twitter',
-        version: '0.1.0',
-        state: 'published',
-      })
-    }) as typeof globalThis.fetch
-    const reader = new RegistryExtensionReleaseReader(() => registryOrigin, fetchImplementation)
-
-    expect(() => reader.resolveManifestUrl('/mf-manifest.json')).toThrow('not configured')
-
-    registryOrigin = 'https://registry.example/'
-    await expect(reader.get('inkcre/twitter', '0.1.0')).resolves.toMatchObject({
-      name: 'inkcre/twitter',
-    })
-  })
-
-  it('represents a non-executable Release without turning a missing association into a parse error', async () => {
-    const reader = new RegistryExtensionReleaseReader(
-      'https://registry.example/',
-      vi.fn(async () =>
-        Response.json({
-          name: 'inkcre/twitter',
-          nickname: 'Twitter',
-          version: '0.1.0',
-          state: 'preparing',
-          python: null,
-          module_federation: null,
-        })
-      ) as typeof globalThis.fetch
-    )
-
-    await expect(reader.get('inkcre/twitter', '0.1.0')).resolves.toMatchObject({
-      state: 'preparing',
-      module_federation: null,
-    })
-  })
-})
diff --git a/packages/core/src/graph-navigation-retrieval/index.ts b/packages/core/src/graph-navigation-retrieval/index.ts
new file mode 100644
index 0000000..48d1a75
--- /dev/null
+++ b/packages/core/src/graph-navigation-retrieval/index.ts
@@ -0,0 +1 @@
+export * from './main'
diff --git a/packages/core/src/graph-navigation-retrieval/main.ts b/packages/core/src/graph-navigation-retrieval/main.ts
new file mode 100644
index 0000000..1330a6c
--- /dev/null
+++ b/packages/core/src/graph-navigation-retrieval/main.ts
@@ -0,0 +1,385 @@
+import { z } from 'zod'
+
+import { Block, BlockRefZ, type BlockRef } from '../info-base/block'
+import { Relation, RelationRefZ, type RelationRef } from '../info-base/relation'
+import { zinstance } from '../utils'
+
+export const GraphDirectionSchema = z.enum(['in', 'out', 'both'])
+export type GraphDirection = z.infer<typeof GraphDirectionSchema>
+
+export const GraphModelSchema = z.object({
+  blocks: z.array(zinstance<Block>(Block)),
+  relations: z.array(zinstance<Relation>(Relation)),
+})
+export interface GraphModel {
+  blocks: Block[]
+  relations: Relation[]
+}
+
+export const BlockNeighborhoodSchema = z.object({
+  focal_block: BlockRefZ,
+  graph: GraphModelSchema,
+  next_cursor: RelationRefZ.nullable(),
+})
+export interface BlockNeighborhood {
+  focal_block: BlockRef
+  graph: GraphModel
+  next_cursor: RelationRef | null
+}
+
+export const RelationNeighborhoodSchema = z.object({
+  focal_relation: RelationRefZ,
+  graph: GraphModelSchema,
+})
+export interface RelationNeighborhood {
+  focal_relation: RelationRef
+  graph: GraphModel
+}
+
+export const PathFoundSchema = z.object({
+  status: z.literal('found'),
+  graph: GraphModelSchema,
+  block_path: z.array(BlockRefZ),
+  relation_path: z.array(RelationRefZ),
+})
+export const PathNotFoundSchema = z.object({ status: z.literal('not_found') })
+export const PathLimitReachedSchema = z.object({ status: z.literal('limit_reached') })
+export const PathResultSchema = z.discriminatedUnion('status', [
+  PathFoundSchema,
+  PathNotFoundSchema,
+  PathLimitReachedSchema,
+])
+export type PathResult =
+  | { status: 'found'; graph: GraphModel; block_path: BlockRef[]; relation_path: RelationRef[] }
+  | { status: 'not_found' }
+  | { status: 'limit_reached' }
+
+const DEFAULT_NEIGHBORHOOD_LIMIT = 20
+const MAX_NEIGHBORHOOD_LIMIT = 100
+const DEFAULT_MAX_HOPS = 4
+const MAX_MAX_HOPS = 8
+const DEFAULT_MAX_EXPLORED_BLOCKS = 1000
+const MAX_MAX_EXPLORED_BLOCKS = 10000
+const FRONTIER_QUERY_SIZE = 200
+
+type PathStep = { block: BlockRef; relation: RelationRef } | null
+
+export class GraphNavigationRetrievalManager {
+  static getRandomBlock(): Promise<Block | null> {
+    return Block.getRandom()
+  }
+
+  static async getBlockNeighborhood(
+    focalBlock: BlockRef,
+    options: {
+      direction?: GraphDirection
+      contents?: Iterable<string>
+      limit?: number
+      cursor?: RelationRef
+    } = {}
+  ): Promise<BlockNeighborhood | null> {
+    const direction = options.direction ?? 'both'
+    const limit = options.limit ?? DEFAULT_NEIGHBORHOOD_LIMIT
+    if (limit < 1 || limit > MAX_NEIGHBORHOOD_LIMIT) {
+      throw new RangeError(`limit must be between 1 and ${MAX_NEIGHBORHOOD_LIMIT}`)
+    }
+    const focal = await Block.find(focalBlock)
+    if (!focal) return null
+    const requested = limit + 1
+    const queries: Promise<Relation[]>[] = []
+    if (direction === 'out' || direction === 'both') {
+      queries.push(
+        Relation.getEndpointPage({
+          blockIds: [focalBlock],
+          endpoint: 'from_',
+          contents: options.contents,
+          cursor: options.cursor,
+          limit: requested,
+        })
+      )
+    }
+    if (direction === 'in' || direction === 'both') {
+      queries.push(
+        Relation.getEndpointPage({
+          blockIds: [focalBlock],
+          endpoint: 'to_',
+          contents: options.contents,
+          cursor: options.cursor,
+          limit: requested,
+        })
+      )
+    }
+    const relationById = new Map(
+      (await Promise.all(queries)).flat().map((relation) => [relation.id, relation])
+    )
+    const page = [...relationById.values()].sort((a, b) => b.id - a.id).slice(0, requested)
+    const hasMore = page.length > limit
+    const visiblePage = page.slice(0, limit)
+    const blocks = await Block.getMany([
+      focalBlock,
+      ...visiblePage.flatMap((relation) => [relation.from_, relation.to_]),
+    ])
+    const blockIds = new Set(blocks.map((block) => block.id))
+    const relations = visiblePage.filter(
+      (relation) => blockIds.has(relation.from_) && blockIds.has(relation.to_)
+    )
+    return BlockNeighborhoodSchema.parse({
+      focal_block: focalBlock,
+      graph: { blocks, relations },
+      next_cursor:
+        hasMore && visiblePage.length > 0 ? visiblePage[visiblePage.length - 1]!.id : null,
+    }) as BlockNeighborhood
+  }
+
+  static async getRelationNeighborhood(
+    focalRelation: RelationRef
+  ): Promise<RelationNeighborhood | null> {
+    const relation = await Relation.find(focalRelation)
+    if (!relation) return null
+    const blocks = await Block.getMany([relation.from_, relation.to_])
+    if (new Set(blocks.map((block) => block.id)).size !== 2) return null
+    return RelationNeighborhoodSchema.parse({
+      focal_relation: focalRelation,
+      graph: { blocks, relations: [relation] },
+    }) as RelationNeighborhood
+  }
+
+  static async findPath(
+    fromBlock: BlockRef,
+    toBlock: BlockRef,
+    options: {
+      direction?: GraphDirection
+      contents?: Iterable<string>
+      maxHops?: number
+      maxExploredBlocks?: number
+    } = {}
+  ): Promise<PathResult> {
+    const direction = options.direction ?? 'both'
+    const contents = [...new Set(options.contents ?? [])]
+    const maxHops = options.maxHops ?? DEFAULT_MAX_HOPS
+    const maxExplored = options.maxExploredBlocks ?? DEFAULT_MAX_EXPLORED_BLOCKS
+    if (maxHops < 0 || maxHops > MAX_MAX_HOPS) {
+      throw new RangeError(`maxHops must be between 0 and ${MAX_MAX_HOPS}`)
+    }
+    if (maxExplored < 1 || maxExplored > MAX_MAX_EXPLORED_BLOCKS) {
+      throw new RangeError(`maxExploredBlocks must be between 1 and ${MAX_MAX_EXPLORED_BLOCKS}`)
+    }
+    const endpoints = await Block.getMany([fromBlock, toBlock])
+    if (new Set(endpoints.map((block) => block.id)).size !== (fromBlock === toBlock ? 1 : 2)) {
+      return { status: 'not_found' }
+    }
+    if (fromBlock === toBlock) {
+      return PathFoundSchema.parse({
+        status: 'found',
+        graph: { blocks: endpoints, relations: [] },
+        block_path: [fromBlock],
+        relation_path: [],
+      }) as PathResult
+    }
+
+    const forwardSteps = new Map<BlockRef, PathStep>([[fromBlock, null]])
+    const backwardSteps = new Map<BlockRef, PathStep>([[toBlock, null]])
+    const forwardDepths = new Map<BlockRef, number>([[fromBlock, 0]])
+    const backwardDepths = new Map<BlockRef, number>([[toBlock, 0]])
+    let forwardFrontier = new Set([fromBlock])
+    let backwardFrontier = new Set([toBlock])
+
+    while (forwardFrontier.size > 0 && backwardFrontier.size > 0) {
+      const forwardLevel = forwardDepths.get(forwardFrontier.values().next().value!)!
+      const backwardLevel = backwardDepths.get(backwardFrontier.values().next().value!)!
+      if (forwardLevel + backwardLevel >= maxHops) return { status: 'limit_reached' }
+      const expandForward = forwardFrontier.size <= backwardFrontier.size
+      const expanded = await this.expandFrontier({
+        frontier: expandForward ? forwardFrontier : backwardFrontier,
+        direction,
+        contents,
+        reverse: !expandForward,
+        ownSteps: expandForward ? forwardSteps : backwardSteps,
+        ownDepths: expandForward ? forwardDepths : backwardDepths,
+        otherDepths: expandForward ? backwardDepths : forwardDepths,
+        maxHops,
+      })
+      if (expandForward) forwardFrontier = expanded.frontier
+      else backwardFrontier = expanded.frontier
+      if (new Set([...forwardSteps.keys(), ...backwardSteps.keys()]).size > maxExplored) {
+        return { status: 'limit_reached' }
+      }
+      if (expanded.meeting !== null) {
+        return this.assemblePath({
+          fromBlock,
+          toBlock,
+          meeting: expanded.meeting,
+          forwardSteps,
+          backwardSteps,
+          direction,
+          contents,
+        })
+      }
+    }
+    return { status: 'not_found' }
+  }
+
+  private static async expandFrontier(options: {
+    frontier: Set<BlockRef>
+    direction: GraphDirection
+    contents: string[]
+    reverse: boolean
+    ownSteps: Map<BlockRef, PathStep>
+    ownDepths: Map<BlockRef, number>
+    otherDepths: Map<BlockRef, number>
+    maxHops: number
+  }): Promise<{ frontier: Set<BlockRef>; meeting: BlockRef | null }> {
+    const blocks = [...options.frontier]
+    const nextFrontier = new Set<BlockRef>()
+    let meeting: BlockRef | null = null
+    let bestHops = Number.POSITIVE_INFINITY
+    for (let offset = 0; offset < blocks.length; offset += FRONTIER_QUERY_SIZE) {
+      const chunk = new Set(blocks.slice(offset, offset + FRONTIER_QUERY_SIZE))
+      const relations = await this.getFrontierRelations(
+        chunk,
+        options.direction,
+        options.contents,
+        options.reverse
+      )
+      for (const relation of relations) {
+        for (const [current, neighbor] of this.relationSteps(
+          relation,
+          chunk,
+          options.direction,
+          options.reverse
+        )) {
+          if (options.ownSteps.has(neighbor)) continue
+          options.ownSteps.set(neighbor, { block: current, relation: relation.id })
+          options.ownDepths.set(neighbor, options.ownDepths.get(current)! + 1)
+          nextFrontier.add(neighbor)
+          const otherDepth = options.otherDepths.get(neighbor)
+          if (otherDepth === undefined) continue
+          const hops = options.ownDepths.get(neighbor)! + otherDepth
+          if (hops <= options.maxHops && hops < bestHops) {
+            bestHops = hops
+            meeting = neighbor
+          }
+        }
+      }
+    }
+    return { frontier: nextFrontier, meeting }
+  }
+
+  private static async getFrontierRelations(
+    frontier: Set<BlockRef>,
+    direction: GraphDirection,
+    contents: string[],
+    reverse: boolean
+  ): Promise<Relation[]> {
+    const needsFrom = reverse ? direction !== 'out' : direction !== 'in'
+    const needsTo = reverse ? direction !== 'in' : direction !== 'out'
+    const queries: Promise<Relation[]>[] = []
+    if (needsFrom) {
+      queries.push(
+        Relation.getEndpointPage({
+          blockIds: frontier,
+          endpoint: 'from_',
+          contents,
+          limit: MAX_MAX_EXPLORED_BLOCKS,
+        })
+      )
+    }
+    if (needsTo) {
+      queries.push(
+        Relation.getEndpointPage({
+          blockIds: frontier,
+          endpoint: 'to_',
+          contents,
+          limit: MAX_MAX_EXPLORED_BLOCKS,
+        })
+      )
+    }
+    return [...new Map((await Promise.all(queries)).flat().map((item) => [item.id, item])).values()]
+  }
+
+  private static relationSteps(
+    relation: Relation,
+    frontier: Set<BlockRef>,
+    direction: GraphDirection,
+    reverse: boolean
+  ): [BlockRef, BlockRef][] {
+    const steps: [BlockRef, BlockRef][] = []
+    if (!reverse) {
+      if (direction !== 'in' && frontier.has(relation.from_)) {
+        steps.push([relation.from_, relation.to_])
+      }
+      if (direction !== 'out' && frontier.has(relation.to_)) {
+        steps.push([relation.to_, relation.from_])
+      }
+    } else {
+      if (direction !== 'in' && frontier.has(relation.to_)) {
+        steps.push([relation.to_, relation.from_])
+      }
+      if (direction !== 'out' && frontier.has(relation.from_)) {
+        steps.push([relation.from_, relation.to_])
+      }
+    }
+    return steps
+  }
+
+  private static async assemblePath(options: {
+    fromBlock: BlockRef
+    toBlock: BlockRef
+    meeting: BlockRef
+    forwardSteps: Map<BlockRef, PathStep>
+    backwardSteps: Map<BlockRef, PathStep>
+    direction: GraphDirection
+    contents: string[]
+  }): Promise<PathResult> {
+    const blockPath = [options.meeting]
+    const relationPath: RelationRef[] = []
+    let current = options.meeting
+    while (current !== options.fromBlock) {
+      const step = options.forwardSteps.get(current)
+      if (!step) throw new Error('Path reconstruction lost its parent.')
+      current = step.block
+      blockPath.push(current)
+      relationPath.push(step.relation)
+    }
+    blockPath.reverse()
+    relationPath.reverse()
+    current = options.meeting
+    while (current !== options.toBlock) {
+      const step = options.backwardSteps.get(current)
+      if (!step) throw new Error('Path reconstruction lost its next step.')
+      current = step.block
+      blockPath.push(current)
+      relationPath.push(step.relation)
+    }
+    const [blocks, relations] = await Promise.all([
+      Block.getMany(blockPath),
+      Promise.all(relationPath.map((id) => Relation.find(id))),
+    ])
+    if (blocks.length !== new Set(blockPath).size || relations.some((item) => item === null)) {
+      throw new Error('Persisted path changed during retrieval.')
+    }
+    const persistedRelations = relations as Relation[]
+    for (const [index, relation] of persistedRelations.entries()) {
+      const from = blockPath[index]!
+      const to = blockPath[index + 1]!
+      const directionValid =
+        (options.direction === 'both' &&
+          new Set([relation.from_, relation.to_]).has(from) &&
+          new Set([relation.from_, relation.to_]).has(to)) ||
+        (options.direction === 'out' && relation.from_ === from && relation.to_ === to) ||
+        (options.direction === 'in' && relation.to_ === from && relation.from_ === to)
+      if (
+        !directionValid ||
+        (options.contents.length > 0 && !options.contents.includes(relation.content))
+      ) {
+        throw new Error('Persisted path changed during retrieval.')
+      }
+    }
+    return PathFoundSchema.parse({
+      status: 'found',
+      graph: { blocks, relations: persistedRelations },
+      block_path: blockPath,
+      relation_path: relationPath,
+    }) as PathResult
+  }
+}
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 58c2a08..32179c5 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -92,6 +92,19 @@ export {
   type LexicalRetrievalMatch,
   type LexicalEvidence,
 } from './lexical-retrieval'
+export {
+  GraphNavigationRetrievalManager,
+  GraphDirectionSchema,
+  GraphModelSchema,
+  BlockNeighborhoodSchema,
+  RelationNeighborhoodSchema,
+  PathResultSchema,
+  type GraphDirection,
+  type GraphModel,
+  type BlockNeighborhood,
+  type RelationNeighborhood,
+  type PathResult,
+} from './graph-navigation-retrieval'
 export {
   OrganizationManager,
   OrganizationDelegationError,
@@ -146,6 +159,7 @@ export {
   type ResolverContentState,
   type SolvedContentRendererProps,
   type InfoBaseRoute,
+  type InfoBaseSceneAddress,
   type InfoBaseRouter,
   setInfoBaseRouter,
   getInfoBaseRouter,
@@ -197,9 +211,6 @@ export {
   type PostgreSQLBlobPointer,
 } from './info-base'
 
-// Sink (Output formatters)
-export * from './sink/graph'
-
 // Configuration
 export {
   configStore,
diff --git a/packages/core/src/info-base/block.test.ts b/packages/core/src/info-base/block.test.ts
deleted file mode 100644
index 74b5943..0000000
--- a/packages/core/src/info-base/block.test.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-import { nextTick } from 'vue'
-
-import { authStore } from '../auth'
-import { configStore } from '../config'
-import { Block } from './block'
-import { Storage } from './storages/base'
-
-function storedBlock(): Block {
-  return Block.parse({
-    id: 17,
-    storage: -4,
-    resolver: 'core.file.v1',
-    content: '{"blob_id":"00000000-0000-0000-0000-000000000017"}',
-  })
-}
-
-afterEach(() => {
-  vi.restoreAllMocks()
-  vi.unstubAllGlobals()
-  configStore.metaConfig.INKCRE_PGREST_URL = ''
-  authStore.token.value = undefined
-})
-
-describe('Block database access', () => {
-  it('normalizes a runtime PostgREST base URL before relation requests', async () => {
-    const fetcher = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) =>
-      Response.json([])
-    )
-    vi.stubGlobal('fetch', fetcher)
-    authStore.token.value = 'peer-token'
-    configStore.metaConfig.INKCRE_PGREST_URL = 'http://database.example.test///'
-    await nextTick()
-
-    await expect(Block.getAll()).resolves.toEqual([])
-
-    expect(String(fetcher.mock.calls[0][0])).toBe('http://database.example.test/blocks?select=*')
-  })
-})
-
-describe('Block hydration', () => {
-  it('returns inline authored content without a storage lookup', async () => {
-    const lookup = vi.spyOn(Storage, 'get')
-    const block = Block.parse({
-      id: 1,
-      storage: null,
-      resolver: 'core.text.v1',
-      content: 'authored',
-    })
-
-    await expect(block.getHydratedContent()).resolves.toBe('authored')
-    expect(lookup).not.toHaveBeenCalled()
-  })
-
-  it('caches one instance snapshot and replaces it on refresh', async () => {
-    const getRawContent = vi
-      .fn()
-      .mockResolvedValueOnce(new Uint8Array([1, 2]))
-      .mockResolvedValueOnce(new Uint8Array([3, 4]))
-    vi.spyOn(Storage, 'get').mockResolvedValue({
-      type: 'postgresql_binary',
-      getRawContent,
-    } as unknown as Storage<Uint8Array>)
-    const block = storedBlock()
-
-    await expect(block.getHydratedContent()).resolves.toEqual(new Uint8Array([1, 2]))
-    await expect(block.getHydratedContent()).resolves.toEqual(new Uint8Array([1, 2]))
-    expect(getRawContent).toHaveBeenCalledTimes(1)
-    await expect(block.getHydratedContent({ refresh: true })).resolves.toEqual(
-      new Uint8Array([3, 4])
-    )
-    expect(getRawContent).toHaveBeenCalledTimes(2)
-    expect(JSON.stringify(block)).not.toContain('hydratedContent')
-  })
-})
diff --git a/packages/core/src/info-base/block.ts b/packages/core/src/info-base/block.ts
index ab8f607..b9db726 100644
--- a/packages/core/src/info-base/block.ts
+++ b/packages/core/src/info-base/block.ts
@@ -53,6 +53,30 @@ export class Block extends Z.class({
     return ((await this.dbApi.from().select()).data ?? []).map((item) => Block.parse(item))
   }
 
+  static async getMany(ids: Iterable<BlockRef>): Promise<Block[]> {
+    const uniqueIds = [...new Set(ids)]
+    if (uniqueIds.length === 0) return []
+    const result = await this.dbApi.from().select().in('id', uniqueIds)
+    if (result.error) throw result.error
+    return (result.data ?? []).map((item) => Block.parse(item))
+  }
+
+  static async getRandom(): Promise<Block | null> {
+    const countResult = await this.dbApi.from().select('*', { count: 'exact', head: true })
+    if (countResult.error) throw countResult.error
+    const count = countResult.count ?? 0
+    if (count === 0) return null
+    const offset = Math.floor(Math.random() * count)
+    const result = await this.dbApi
+      .from()
+      .select()
+      .order('id', { ascending: true })
+      .range(offset, offset)
+      .maybeSingle()
+    if (result.error) throw result.error
+    return result.data ? Block.parse(result.data) : null
+  }
+
   static async getRecent(limit: number = 10): Promise<Block[]> {
     return (
       (
diff --git a/packages/core/src/info-base/relation.ts b/packages/core/src/info-base/relation.ts
index 9db794d..9c31091 100644
--- a/packages/core/src/info-base/relation.ts
+++ b/packages/core/src/info-base/relation.ts
@@ -29,13 +29,44 @@ export class Relation extends Z.class({
   )
 
   static async get(id: RelationRef): Promise<Relation> {
-    return Relation.parse((await this.dbApi.from().select().eq('id', id)).data?.[0])
+    const relation = await this.find(id)
+    if (!relation) throw new Error(`Relation ${id} does not exist`)
+    return relation
+  }
+
+  static async find(id: RelationRef): Promise<Relation | null> {
+    const result = await this.dbApi.from().select().eq('id', id).maybeSingle()
+    if (result.error) throw result.error
+    return result.data ? Relation.parse(result.data) : null
   }
 
   static async getAll(): Promise<Relation[]> {
     return ((await this.dbApi.from().select()).data ?? []).map((item) => Relation.parse(item))
   }
 
+  static async getEndpointPage(options: {
+    blockIds: Iterable<BlockRef>
+    endpoint: 'from_' | 'to_'
+    contents?: Iterable<string>
+    cursor?: RelationRef
+    limit: number
+  }): Promise<Relation[]> {
+    const blockIds = [...new Set(options.blockIds)]
+    if (blockIds.length === 0 || options.limit <= 0) return []
+    let query = this.dbApi
+      .from()
+      .select()
+      .in(options.endpoint, blockIds)
+      .order('id', { ascending: false })
+      .limit(options.limit)
+    const contents = [...new Set(options.contents ?? [])]
+    if (contents.length > 0) query = query.in('content', contents)
+    if (options.cursor !== undefined) query = query.lt('id', options.cursor)
+    const result = await query
+    if (result.error) throw result.error
+    return (result.data ?? []).map((item) => Relation.parse(item))
+  }
+
   /**
    * Get all relations for a block (where block is from_ or to_).
    * @param blockId - The block ID to find relations for
diff --git a/packages/core/src/info-base/resolvers/base.ts b/packages/core/src/info-base/resolvers/base.ts
index e9aa0ad..759bfdb 100644
--- a/packages/core/src/info-base/resolvers/base.ts
+++ b/packages/core/src/info-base/resolvers/base.ts
@@ -7,7 +7,7 @@
  *
  * Architecture:
  * - Resolver instances are created per-block with optional relations
- * - Each resolver has a presentation-neutral solvedContentRenderer
+ * - Each resolver has explicit preview and solved-content presentation contracts
  * - Resolver stores resolver classes statically and provides factory methods
  * - This implementation integrates with Block, Relation, and Storage models
  */
@@ -58,6 +58,7 @@ export interface SolvedContentRendererProps<
 export interface ResolverClass {
   new (block: Block, relations?: Relation[]): Resolver
   readonly type: string
+  previewRenderer: Component
   solvedContentRenderer: Component
 }
 
@@ -68,7 +69,7 @@ export interface ResolverClass {
  * This class merges the protocol-level BaseResolver with info-base-specific DB integration.
  *
  * Subclasses must:
- * - Set static `type` and `solvedContentRenderer`
+ * - Set static `type`, `previewRenderer`, and `solvedContentRenderer`
  * - Override `_getSolvedContent()` for content transformation
  *
  * @template RawContentT - The type of raw content from storage
@@ -81,6 +82,9 @@ export abstract class Resolver<RawContentT = unknown, SolvedContentT = RawConten
   /** Vue component for rendering - settable by applications */
   static solvedContentRenderer: Component
 
+  /** Interaction-free bounded renderer for InfoBase view previews. */
+  static previewRenderer: Component
+
   private static resolverClasses: Map<string, ResolverClass> = new Map()
   static register(type: string, resolverClass: ResolverClass): void {
     if (resolverClass.type !== type) {
@@ -88,6 +92,11 @@ export abstract class Resolver<RawContentT = unknown, SolvedContentT = RawConten
         `Resolver class ${resolverClass.name} declares ${resolverClass.type}, not ${type}.`
       )
     }
+    if (!resolverClass.previewRenderer || !resolverClass.solvedContentRenderer) {
+      throw new TypeError(
+        `Resolver class ${resolverClass.name} must declare previewRenderer and solvedContentRenderer.`
+      )
+    }
     const existing = this.resolverClasses.get(type)
     if (existing === resolverClass) return
     if (existing) {
diff --git a/packages/core/src/info-base/resolvers/contracts.test.ts b/packages/core/src/info-base/resolvers/contracts.test.ts
deleted file mode 100644
index 0da9265..0000000
--- a/packages/core/src/info-base/resolvers/contracts.test.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { Block } from '../block'
-import { Resolver } from './base'
-import {
-  CORE_RESOLVER_IDS,
-  DuplicateResolverRegistrationError,
-  type ProjectionOptions,
-  UnknownResolverError,
-  UnsupportedResolverCapability,
-} from './contracts'
-import { ImageResolver } from './image'
-import { registerCoreResolvers } from './index'
-
-class ProjectionResolver extends Resolver<string, string> {
-  static readonly type = 'tests.resolver.projection.v1'
-
-  async getText(options: ProjectionOptions = {}): Promise<string | null> {
-    const content = await this.getSolvedContent(options)
-    return content === 'supported-null' ? null : content
-  }
-}
-
-function block(content: string, resolver = ProjectionResolver.type): Block {
-  return Block.parse({ id: 17, storage: null, resolver, content })
-}
-
-describe('resolver contracts', () => {
-  it('uses exact lookup, idempotent registration, and collision rejection', () => {
-    Resolver.register(ProjectionResolver.type, ProjectionResolver)
-    expect(() => Resolver.register(ProjectionResolver.type, ProjectionResolver)).not.toThrow()
-    expect(Resolver.getClass(ProjectionResolver.type)).toBe(ProjectionResolver)
-
-    class CollisionResolver extends ProjectionResolver {}
-    Object.defineProperty(CollisionResolver, 'type', { value: ProjectionResolver.type })
-    expect(() => Resolver.register(ProjectionResolver.type, CollisionResolver)).toThrow(
-      DuplicateResolverRegistrationError
-    )
-    expect(() => Resolver.getClass('tests.resolver.unknown.v1')).toThrow(UnknownResolverError)
-  })
-
-  it('distinguishes supported-null, authored-empty, and unsupported', async () => {
-    await expect(new ProjectionResolver(block('supported-null')).getText()).resolves.toBeNull()
-    await expect(new ProjectionResolver(block('')).getText()).resolves.toBe('')
-    await expect(
-      new ImageResolver(block('inline', ImageResolver.type)).getText()
-    ).rejects.toBeInstanceOf(UnsupportedResolverCapability)
-  })
-
-  it('replaces the resolver snapshot only when refresh is explicit', async () => {
-    const source = block('first')
-    const resolver = new ProjectionResolver(source)
-
-    await expect(resolver.getSolvedContent()).resolves.toBe('first')
-    source.content = 'second'
-    await expect(resolver.getSolvedContent()).resolves.toBe('first')
-    await expect(resolver.getSolvedContent({ refresh: true })).resolves.toBe('second')
-  })
-
-  it('registers exactly the nine versioned core IDs', () => {
-    registerCoreResolvers()
-
-    for (const resolverId of CORE_RESOLVER_IDS) {
-      expect(Resolver.getClass(resolverId).type).toBe(resolverId)
-    }
-    for (const retiredId of ['text', 'html', 'image', 'video']) {
-      expect(() => Resolver.getClass(retiredId)).toThrow(UnknownResolverError)
-    }
-  })
-
-  it('matches normalized specific media types without choosing file fallback', () => {
-    registerCoreResolvers()
-
-    expect(Resolver.matchMediaType('IMAGE/PNG; charset=ignored')).toBe('core.image.v1')
-    expect(Resolver.matchMediaType('application/pdf')).toBe('core.pdf.v1')
-    expect(Resolver.matchMediaType('application/octet-stream')).toBeNull()
-    expect(Resolver.matchMediaType('application/vnd.example.unknown')).toBeNull()
-  })
-})
diff --git a/packages/core/src/info-base/resolvers/semantic-content.test.ts b/packages/core/src/info-base/resolvers/semantic-content.test.ts
deleted file mode 100644
index 5293789..0000000
--- a/packages/core/src/info-base/resolvers/semantic-content.test.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { Block } from '../block'
-import { Resolver } from './base'
-import { HtmlResolver } from './html'
-import { ImageResolver } from './image'
-import { TextResolver } from './text'
-
-afterEach(() => {
-  vi.restoreAllMocks()
-  vi.unstubAllGlobals()
-})
-
-function block(resolver: string): Block {
-  return Block.parse({ id: 41, storage: -4, resolver, content: 'opaque-pointer' })
-}
-
-describe('semantic content resolvers', () => {
-  it('decodes storage-backed text strictly and preserves authored empty text', async () => {
-    const stored = block(TextResolver.type)
-    vi.spyOn(stored, 'getHydratedContent').mockResolvedValue(
-      new TextEncoder().encode('storage text')
-    )
-
-    await expect(new TextResolver(stored).getSolvedContent()).resolves.toBe('storage text')
-    const empty = Block.parse({ id: 42, storage: null, resolver: TextResolver.type, content: '' })
-    await expect(new TextResolver(empty).getText()).resolves.toBe('')
-  })
-
-  it('decodes HTML source and derives text without rendering markup', async () => {
-    const source = block(HtmlResolver.type)
-    vi.spyOn(source, 'getHydratedContent').mockResolvedValue(
-      new TextEncoder().encode('<main>Semantic <strong>content</strong></main>')
-    )
-    const resolver = new HtmlResolver(source)
-
-    await expect(resolver.getSolvedContent()).resolves.toContain('<strong>content</strong>')
-    await expect(resolver.getText()).resolves.toContain('Semantic content')
-  })
-
-  it('owns and revokes object URLs on refresh and disposal', async () => {
-    const createObjectURL = vi
-      .fn()
-      .mockReturnValueOnce('blob:first')
-      .mockReturnValueOnce('blob:second')
-    const revokeObjectURL = vi.fn()
-    vi.stubGlobal('URL', { createObjectURL, revokeObjectURL })
-    const source = block(ImageResolver.type)
-    vi.spyOn(source, 'getHydratedContent')
-      .mockResolvedValueOnce(new Uint8Array([1]))
-      .mockResolvedValueOnce(new Uint8Array([2]))
-    const resolver = new ImageResolver(source)
-
-    await expect(resolver.getSolvedContent()).resolves.toMatchObject({
-      byte_size: 1,
-      detected_media_type: null,
-      objectUrl: 'blob:first',
-    })
-    await expect(resolver.getSolvedContent({ refresh: true })).resolves.toMatchObject({
-      byte_size: 1,
-      objectUrl: 'blob:second',
-    })
-    expect(revokeObjectURL).toHaveBeenCalledWith('blob:first')
-
-    await resolver.dispose()
-    expect(revokeObjectURL).toHaveBeenCalledWith('blob:second')
-  })
-
-  it('disposes cached resolver handles when cache entries are evicted', async () => {
-    const { ResolverCache } = await import('./cache')
-    const dispose = vi.spyOn(ImageResolver.prototype, 'dispose')
-    Resolver.register(ImageResolver.type, ImageResolver)
-    const source = block(ImageResolver.type)
-
-    await ResolverCache.getResolver(source)
-    ResolverCache.invalidate(source.id)
-
-    expect(dispose).toHaveBeenCalledOnce()
-    ResolverCache.clear()
-  })
-})
diff --git a/packages/core/src/info-base/router.ts b/packages/core/src/info-base/router.ts
index a16738f..8b0b580 100644
--- a/packages/core/src/info-base/router.ts
+++ b/packages/core/src/info-base/router.ts
@@ -1,11 +1,21 @@
 import type { DeepReadonly, Ref } from 'vue'
 
 import type { BlockRef } from './block'
+import type { RelationRef } from './relation'
+
+export interface InfoBaseSceneAddress {
+  focal_block?: BlockRef
+  focal_relation?: RelationRef
+  path_from?: BlockRef
+  path_to?: BlockRef
+  q?: string
+}
 
 export type InfoBaseRoute =
-  | { name: 'overview' }
-  | { name: 'block'; block: BlockRef }
-  | { name: 'solved-content'; block: BlockRef }
+  | ({ name: 'overview' } & InfoBaseSceneAddress)
+  | ({ name: 'block'; block: BlockRef } & InfoBaseSceneAddress)
+  | ({ name: 'relation'; relation: RelationRef } & InfoBaseSceneAddress)
+  | ({ name: 'solved-content'; block: BlockRef } & InfoBaseSceneAddress)
 
 export interface InfoBaseRouter {
   readonly current: DeepReadonly<Ref<InfoBaseRoute | null>>
diff --git a/packages/core/src/info-base/storages/http.test.ts b/packages/core/src/info-base/storages/http.test.ts
deleted file mode 100644
index 9bc35db..0000000
--- a/packages/core/src/info-base/storages/http.test.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { StorageContentTooLargeError, HttpStorage } from './http'
-
-afterEach(() => {
-  vi.restoreAllMocks()
-  vi.unstubAllGlobals()
-})
-
-function storage(maximumBytes: number): HttpStorage {
-  return new HttpStorage({
-    id: -1,
-    type: 'http',
-    config: { max_response_bytes: maximumBytes },
-  })
-}
-
-describe('HttpStorage', () => {
-  it('returns opaque response bytes', async () => {
-    vi.stubGlobal('fetch', vi.fn().mockResolvedValue(new Response(new Uint8Array([1, 2, 3]))))
-
-    await expect(
-      storage(3).getRawContent({ id: 1, storage: -1, content: 'https://example.test/file' })
-    ).resolves.toEqual(new Uint8Array([1, 2, 3]))
-  })
-
-  it('enforces the configured response limit', async () => {
-    vi.stubGlobal(
-      'fetch',
-      vi
-        .fn()
-        .mockResolvedValue(
-          new Response(new Uint8Array([1, 2, 3]), { headers: { 'Content-Length': '3' } })
-        )
-    )
-
-    await expect(
-      storage(2).getRawContent({ id: 1, storage: -1, content: 'https://example.test/file' })
-    ).rejects.toBeInstanceOf(StorageContentTooLargeError)
-  })
-})
diff --git a/packages/core/src/info-base/storages/postgresql.test.ts b/packages/core/src/info-base/storages/postgresql.test.ts
deleted file mode 100644
index c29f2a5..0000000
--- a/packages/core/src/info-base/storages/postgresql.test.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { authStore } from '../../auth'
-import { configStore } from '../../config'
-import { PostgreSQLBinaryStorage } from './postgresql'
-
-const BLOB_ID = '00000000-0000-4000-8000-000000000017'
-
-afterEach(() => {
-  vi.restoreAllMocks()
-  vi.unstubAllGlobals()
-  configStore.metaConfig.INKCRE_PGREST_URL = ''
-})
-
-function storage(): PostgreSQLBinaryStorage {
-  return new PostgreSQLBinaryStorage({
-    id: -4,
-    type: 'postgresql_binary',
-    config: {},
-  })
-}
-
-describe('PostgreSQLBinaryStorage', () => {
-  it('uses raw RPC create/read and row-exact update/delete', async () => {
-    configStore.metaConfig.INKCRE_PGREST_URL = 'https://database.example.test/'
-    vi.spyOn(authStore, 'getToken').mockResolvedValue('peer-token')
-    const requests: Array<{ url: URL; init: RequestInit }> = []
-    vi.stubGlobal(
-      'fetch',
-      vi.fn().mockImplementation(async (input: URL | RequestInfo, init: RequestInit = {}) => {
-        const url = new URL(input.toString())
-        requests.push({ url, init })
-        if (url.pathname.endsWith('/rpc/create_storage_blob')) {
-          return new Response(JSON.stringify(BLOB_ID), {
-            headers: { 'Content-Type': 'application/json' },
-          })
-        }
-        if (url.pathname.endsWith('/rpc/read_storage_blob')) {
-          return new Response(new Uint8Array([7, 8, 9]), {
-            headers: { 'Content-Type': 'application/octet-stream' },
-          })
-        }
-        if (init.method === 'PATCH' || init.method === 'DELETE') {
-          return new Response(JSON.stringify([{ id: BLOB_ID }]), {
-            headers: { 'Content-Type': 'application/json' },
-          })
-        }
-        throw new Error(`unexpected request: ${init.method} ${url}`)
-      })
-    )
-    const handler = storage()
-
-    const pointer = await handler.createRawContent(new Uint8Array([1, 2]))
-    expect(pointer).toBe(`{"blob_id":"${BLOB_ID}"}`)
-    await expect(handler.getRawContent({ id: 17, storage: -4, content: pointer })).resolves.toEqual(
-      new Uint8Array([7, 8, 9])
-    )
-    await expect(handler.updateRawContent(pointer, new Uint8Array([10, 255]))).resolves.toBe(true)
-    await expect(handler.deleteRawContent(pointer)).resolves.toBe(true)
-
-    expect(requests).toHaveLength(4)
-    expect(new Headers(requests[0].init.headers).get('Content-Type')).toBe(
-      'application/octet-stream'
-    )
-    expect(new Headers(requests[0].init.headers).get('Authorization')).toBe('Bearer peer-token')
-    expect(new Headers(requests[1].init.headers).get('Accept')).toBe('application/octet-stream')
-    expect(requests[2].url.searchParams.get('id')).toBe(`eq.${BLOB_ID}`)
-    expect(requests[2].init.body).toBe(JSON.stringify({ data: '\\x0aff' }))
-    expect(requests[3].url.searchParams.get('id')).toBe(`eq.${BLOB_ID}`)
-  })
-})
diff --git a/packages/core/src/lexical-retrieval/main.test.ts b/packages/core/src/lexical-retrieval/main.test.ts
deleted file mode 100644
index 6bcea18..0000000
--- a/packages/core/src/lexical-retrieval/main.test.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { PeerManager } from '../peer'
-import {
-  LEXICAL_RETRIEVAL_CAPABILITY,
-  LexicalRetrievalDelegationError,
-  LexicalRetrievalManager,
-} from './main'
-
-describe('LexicalRetrievalManager', () => {
-  afterEach(() => vi.restoreAllMocks())
-
-  it('delegates the normalized request and validates the result', async () => {
-    const delegate = vi.spyOn(PeerManager, 'delegate').mockResolvedValue({
-      status: 200,
-      body: {
-        matches: [
-          {
-            block: {
-              id: 7,
-              storage: null,
-              resolver: 'core.text.v1',
-              content: 'continuous Chinese phrase',
-            },
-            label: 'text continuous Chinese phrase',
-            excerpt: 'continuous Chinese phrase',
-            evidence: 'text_substring',
-            rank: 2,
-          },
-        ],
-      },
-    })
-
-    const result = await LexicalRetrievalManager.retrieve({ query: '  Chinese phrase  ' })
-
-    expect(delegate).toHaveBeenCalledWith(
-      LEXICAL_RETRIEVAL_CAPABILITY,
-      { body: { query: 'Chinese phrase', limit: 20 } },
-      null
-    )
-    expect(result.matches[0]?.block).toMatchObject({ id: 7, resolver: 'core.text.v1' })
-  })
-
-  it('rejects a response that does not satisfy the capability contract', async () => {
-    vi.spyOn(PeerManager, 'delegate').mockResolvedValue({ status: 200, body: { matches: [{}] } })
-
-    await expect(LexicalRetrievalManager.retrieve({ query: 'mail' })).rejects.toBeInstanceOf(
-      LexicalRetrievalDelegationError
-    )
-  })
-})
diff --git a/packages/core/src/peer/http.test.ts b/packages/core/src/peer/http.test.ts
deleted file mode 100644
index e943200..0000000
--- a/packages/core/src/peer/http.test.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { authStore } from '../auth'
-import { configStore } from '../config'
-import { PEER_EXECUTION_HEADER, PeerOutcomeUnknown, PeerRequestNotExecuted } from './contracts'
-import { PeerHTTPOutbound } from './http'
-import { Peer } from './peer'
-
-const peer = Peer.parse({
-  id: '11111111-1111-4111-8111-111111111111',
-  name: 'provider',
-  labels: [],
-  config: {},
-  config_schema: {},
-  capabilities: [],
-  lease_expires_at: null,
-  created_at: '2026-01-01T00:00:00Z',
-  updated_at: '2026-01-01T00:00:00Z',
-})
-
-describe('PeerHTTPOutbound', () => {
-  beforeEach(() => {
-    configStore.peerConfig.peer_http_timeout_ms = 1000
-    authStore.token.value = 'peer-token'
-  })
-
-  it('normalizes query, headers, auth, body, and JSON response', async () => {
-    const fetcher = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) =>
-      Response.json({ ok: true }, { status: 201, headers: { 'X-Provider': 'core-py' } })
-    )
-    const outbound = new PeerHTTPOutbound(
-      peer,
-      { method: 'post', url: 'https://peer.example.test/capability' },
-      fetcher
-    )
-
-    const result = await outbound.execute({
-      query: { tag: ['first', 'second'] },
-      headers: { 'x-domain': ['semantic-retrieval'] },
-      body: { query: 'knowledge graph' },
-    })
-
-    const [input, init] = fetcher.mock.calls[0]
-    const url = new URL(String(input))
-    const headers = new Headers(init?.headers)
-    expect(url.searchParams.getAll('tag')).toEqual(['first', 'second'])
-    expect(init?.method).toBe('POST')
-    expect(headers.get('Authorization')).toBe('Bearer peer-token')
-    expect(headers.get('X-Domain')).toBe('semantic-retrieval')
-    expect(init?.body).toBe(JSON.stringify({ query: 'knowledge graph' }))
-    expect(result).toEqual({
-      status: 201,
-      headers: { 'content-type': ['application/json'], 'x-provider': ['core-py'] },
-      body: { ok: true },
-    })
-  })
-
-  it('admits failover only after an explicit non-execution response', async () => {
-    const outbound = new PeerHTTPOutbound(
-      peer,
-      { method: 'POST', url: 'https://peer.example.test/capability' },
-      vi.fn(
-        async () =>
-          new Response(null, {
-            status: 503,
-            headers: { [PEER_EXECUTION_HEADER]: 'not-executed' },
-          })
-      )
-    )
-
-    await expect(outbound.execute({})).rejects.toBeInstanceOf(PeerRequestNotExecuted)
-  })
-
-  it('reports browser fetch rejection and response-read failure as outcome unknown', async () => {
-    const rejected = new PeerHTTPOutbound(
-      peer,
-      { method: 'POST', url: 'https://peer.example.test/capability' },
-      vi.fn(async () => {
-        throw new TypeError('Failed to fetch')
-      })
-    )
-    await expect(rejected.execute({})).rejects.toBeInstanceOf(PeerOutcomeUnknown)
-
-    const unreadable = new PeerHTTPOutbound(
-      peer,
-      { method: 'POST', url: 'https://peer.example.test/capability' },
-      vi.fn(
-        async () =>
-          ({
-            status: 200,
-            headers: new Headers(),
-            text: async () => {
-              throw new TypeError('stream interrupted')
-            },
-          }) as unknown as Response
-      )
-    )
-    await expect(unreadable.execute({})).rejects.toBeInstanceOf(PeerOutcomeUnknown)
-  })
-})
diff --git a/packages/core/src/peer/manager.test.ts b/packages/core/src/peer/manager.test.ts
deleted file mode 100644
index 93ad613..0000000
--- a/packages/core/src/peer/manager.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import { configStore } from '../config'
-import {
-  CapabilityDelegationUnavailable,
-  PeerRequestNotExecuted,
-  type JsonValue,
-} from './contracts'
-import { PeerManager } from './manager'
-import { Peer } from './peer'
-
-const currentPeer = '00000000-0000-4000-8000-000000000001'
-const providerPeer = '11111111-1111-4111-8111-111111111111'
-const capability = 'test.semantic.v1'
-const protocol = 'test.peer.protocol.v1'
-
-function peerRow(capabilities: unknown[]) {
-  return {
-    id: providerPeer,
-    name: 'provider',
-    labels: [],
-    config: {},
-    config_schema: {},
-    capabilities,
-    lease_expires_at: '2099-01-01T00:00:00Z',
-    created_at: '2026-01-01T00:00:00Z',
-    updated_at: '2026-01-01T00:00:00Z',
-  }
-}
-
-function queryReturning(rows: unknown[]) {
-  const result = { data: rows, error: null, status: 200 }
-  const query = Promise.resolve(result) as Promise<typeof result> & {
-    select: ReturnType<typeof vi.fn>
-    gt: ReturnType<typeof vi.fn>
-    neq: ReturnType<typeof vi.fn>
-    eq: ReturnType<typeof vi.fn>
-  }
-  query.select = vi.fn(() => query)
-  query.gt = vi.fn(() => query)
-  query.neq = vi.fn(() => query)
-  query.eq = vi.fn(() => query)
-  return query
-}
-
-describe('PeerManager', () => {
-  beforeEach(() => {
-    configStore.metaConfig.INKCRE_PEER_ID = currentPeer
-  })
-
-  afterEach(() => {
-    vi.restoreAllMocks()
-  })
-
-  it('keeps builtin outbound setup idempotent', () => {
-    expect(() => {
-      PeerManager.setupBuiltinOutbounds()
-      PeerManager.setupBuiltinOutbounds()
-    }).not.toThrow()
-  })
-
-  it('delegates an unchanged payload to the exact selected Peer', async () => {
-    const query = queryReturning([
-      peerRow([
-        {
-          id: capability,
-          inbound: { protocol, parameters: { channel: 'test' } },
-        },
-      ]),
-    ])
-    vi.spyOn(Peer.dbApi, 'from').mockReturnValue(query as never)
-    let executed: JsonValue | undefined
-    PeerManager.registerOutbound(protocol, (peer, parameters) => {
-      expect(peer.id).toBe(providerPeer)
-      expect(parameters).toEqual({ channel: 'test' })
-      return {
-        execute: async (payload) => {
-          executed = payload
-          return { status: 204 }
-        },
-      }
-    })
-
-    const payload = { body: { block: 42 } }
-    await expect(PeerManager.delegate(capability, payload, providerPeer)).resolves.toEqual({
-      status: 204,
-    })
-    expect(executed).toEqual(payload)
-    expect(query.eq).toHaveBeenCalledWith('id', providerPeer)
-  })
-
-  it('does not substitute another Peer after exact-target non-execution', async () => {
-    const noExecutionProtocol = 'test.peer.protocol.non-execution.v1'
-    const query = queryReturning([
-      peerRow([
-        {
-          id: capability,
-          inbound: { protocol: noExecutionProtocol, parameters: {} },
-        },
-      ]),
-    ])
-    vi.spyOn(Peer.dbApi, 'from').mockReturnValue(query as never)
-    PeerManager.registerOutbound(noExecutionProtocol, () => ({
-      execute: async () => {
-        throw new PeerRequestNotExecuted('not executed')
-      },
-    }))
-
-    await expect(PeerManager.delegate(capability, {}, providerPeer)).rejects.toBeInstanceOf(
-      CapabilityDelegationUnavailable
-    )
-  })
-
-  it('skips malformed persisted capability snapshots at use time', async () => {
-    const query = queryReturning([peerRow([{ id: capability, inbound: null }])])
-    vi.spyOn(Peer.dbApi, 'from').mockReturnValue(query as never)
-
-    await expect(PeerManager.delegate(capability, {})).rejects.toBeInstanceOf(
-      CapabilityDelegationUnavailable
-    )
-  })
-})
diff --git a/packages/core/src/semantic-retrieval/main.test.ts b/packages/core/src/semantic-retrieval/main.test.ts
deleted file mode 100644
index af5961f..0000000
--- a/packages/core/src/semantic-retrieval/main.test.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { Block, Relation } from '../info-base'
-import { PeerManager } from '../peer'
-import { SemanticRetrievalDelegationError, SemanticRetrievalManager } from './main'
-
-describe('SemanticRetrievalManager', () => {
-  afterEach(() => vi.restoreAllMocks())
-
-  it('turns wire entities into active Block and Relation models', async () => {
-    vi.spyOn(PeerManager, 'delegate').mockResolvedValue({
-      status: 200,
-      body: {
-        profile: 3,
-        metric: 'cosine',
-        matches: [
-          {
-            type: 'block',
-            entity: { id: 1, storage: null, resolver: 'core.text.v1', content: 'alpha' },
-            score: 0.9,
-          },
-          { type: 'relation', entity: { id: 2, from_: 1, to_: 3, content: 'cites' }, score: 0.8 },
-        ],
-      },
-    })
-
-    const result = await SemanticRetrievalManager.retrieve({ query: 'alpha' })
-
-    expect(result.matches[0]?.entity).toBeInstanceOf(Block)
-    expect(result.matches[1]?.entity).toBeInstanceOf(Relation)
-  })
-
-  it('rejects malformed wire entities as a delegation contract failure', async () => {
-    vi.spyOn(PeerManager, 'delegate').mockResolvedValue({
-      status: 200,
-      body: { profile: 3, metric: 'cosine', matches: [{ type: 'block', entity: {}, score: 0.9 }] },
-    })
-
-    await expect(SemanticRetrievalManager.retrieve({ query: 'alpha' })).rejects.toBeInstanceOf(
-      SemanticRetrievalDelegationError
-    )
-  })
-})
diff --git a/packages/core/src/sink/graph/community-types.ts b/packages/core/src/sink/graph/community-types.ts
deleted file mode 100644
index 1c4fb09..0000000
--- a/packages/core/src/sink/graph/community-types.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Community detection types for graph visualization
- */
-
-/**
- * Community structure containing ID and member node IDs
- */
-export interface Community {
-  id: string
-  nodeIds: Set<string>
-}
-
-/**
- * Community metadata for UI display
- */
-export interface CommunityMetadata {
-  id: string
-  label: string
-  nodeCount: number
-}
-
-/**
- * Map of community IDs to sets of node IDs
- */
-export type CommunityMap = Map<string, Set<string>>
diff --git a/packages/core/src/sink/graph/distance-matrix.ts b/packages/core/src/sink/graph/distance-matrix.ts
deleted file mode 100644
index 0c0f48d..0000000
--- a/packages/core/src/sink/graph/distance-matrix.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import Graph from 'graphology'
-import { singleSourceLength } from 'graphology-shortest-path/unweighted.js'
-import type { Edge } from '@vue-flow/core'
-import type { CommunityMap } from './community-types'
-
-/**
- * Compute distance matrix for nodes within a community
- * Uses shortest path length in the graph as distance metric
- *
- * @param nodeIds - List of node IDs in the community
- * @param edges - Edges in the community subgraph
- * @returns n×n symmetric distance matrix
- */
-export function computeIntraCommunityDistances(nodeIds: string[], edges: Edge[]): number[][] {
-  const n = nodeIds.length
-
-  if (n === 0) return []
-  if (n === 1) return [[0]]
-
-  // Build a subgraph for this community
-  const graph = new Graph({ type: 'undirected' })
-  const nodeSet = new Set(nodeIds)
-
-  nodeIds.forEach((id) => graph.addNode(id))
-
-  edges.forEach((edge) => {
-    if (nodeSet.has(edge.source) && nodeSet.has(edge.target)) {
-      if (!graph.hasEdge(edge.source, edge.target) && edge.source !== edge.target) {
-        graph.addEdge(edge.source, edge.target)
-      }
-    }
-  })
-
-  // Initialize distance matrix with Infinity
-  const nodeIndex = new Map(nodeIds.map((id, i) => [id, i]))
-  const distances: number[][] = Array(n)
-    .fill(null)
-    .map(() => Array(n).fill(Infinity))
-
-  // Set diagonal to 0
-  for (let i = 0; i < n; i++) {
-    distances[i][i] = 0
-  }
-
-  // Compute shortest paths from each node using BFS
-  for (const sourceId of nodeIds) {
-    const lengths = singleSourceLength(graph, sourceId)
-    const i = nodeIndex.get(sourceId)!
-
-    for (const [targetId, length] of Object.entries(lengths)) {
-      const j = nodeIndex.get(targetId)
-      if (j !== undefined) {
-        distances[i][j] = length as number
-        distances[j][i] = length as number // Symmetric
-      }
-    }
-  }
-
-  // Replace Infinity with max_distance + 1 for disconnected components
-  // This ensures disconnected nodes are placed farther apart
-  let maxFinite = 0
-  for (let i = 0; i < n; i++) {
-    for (let j = 0; j < n; j++) {
-      if (distances[i][j] !== Infinity && distances[i][j] > maxFinite) {
-        maxFinite = distances[i][j]
-      }
-    }
-  }
-
-  const defaultDistance = maxFinite > 0 ? maxFinite + 1 : 2
-
-  for (let i = 0; i < n; i++) {
-    for (let j = 0; j < n; j++) {
-      if (distances[i][j] === Infinity) {
-        distances[i][j] = defaultDistance
-      }
-    }
-  }
-
-  return distances
-}
-
-/**
- * Compute distance matrix between communities
- * Based on number of inter-community edges (more edges = closer, smaller distance)
- *
- * @param communities - Map of community ID to set of node IDs
- * @param edges - All edges in the graph
- * @returns Distance matrix and ordered list of community IDs
- */
-export function computeInterCommunityDistances(
-  communities: CommunityMap,
-  edges: Edge[]
-): { distances: number[][]; communityIds: string[] } {
-  const communityIds = Array.from(communities.keys())
-  const n = communityIds.length
-
-  if (n === 0) {
-    return { distances: [], communityIds: [] }
-  }
-
-  if (n === 1) {
-    return { distances: [[0]], communityIds }
-  }
-
-  // Create node-to-community lookup
-  const nodeToCommunity = new Map<string, string>()
-  for (const [commId, nodeIds] of communities) {
-    for (const nodeId of nodeIds) {
-      nodeToCommunity.set(nodeId, commId)
-    }
-  }
-
-  // Count edges between each pair of communities
-  const edgeCounts = new Map<string, number>()
-
-  for (const edge of edges) {
-    const sourceComm = nodeToCommunity.get(edge.source)
-    const targetComm = nodeToCommunity.get(edge.target)
-
-    if (sourceComm && targetComm && sourceComm !== targetComm) {
-      // Create canonical key for community pair (sorted to ensure consistency)
-      const key = [sourceComm, targetComm].sort().join('|')
-      edgeCounts.set(key, (edgeCounts.get(key) || 0) + 1)
-    }
-  }
-
-  // Find max edge count for normalization
-  const maxEdges = Math.max(1, ...edgeCounts.values())
-
-  // Convert edge counts to distances
-  // More edges = smaller distance = closer positioning
-  // Formula: distance = 1 / (1 + count/maxEdges * 9)
-  // - 0 edges: distance = 1.0 (farthest)
-  // - max edges: distance ≈ 0.1 (closest)
-  const distances: number[][] = Array(n)
-    .fill(null)
-    .map(() => Array(n).fill(0))
-
-  for (let i = 0; i < n; i++) {
-    for (let j = i + 1; j < n; j++) {
-      const key = [communityIds[i], communityIds[j]].sort().join('|')
-      const count = edgeCounts.get(key) || 0
-
-      // Inverse relationship: more edges = smaller distance
-      const distance = 1.0 / (1 + (count / maxEdges) * 9)
-
-      distances[i][j] = distance
-      distances[j][i] = distance
-    }
-  }
-
-  return { distances, communityIds }
-}
diff --git a/packages/core/src/sink/graph/graph-types.ts b/packages/core/src/sink/graph/graph-types.ts
deleted file mode 100644
index 554346c..0000000
--- a/packages/core/src/sink/graph/graph-types.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { type Node, type Edge, MarkerType } from '@vue-flow/core'
-import type { Block } from '../../info-base/block'
-import type { Relation } from '../../info-base/relation'
-
-/**
- * Custom node data for block visualization
- */
-export interface BlockNodeData {
-  block: Block
-  preview: string
-  relations: Relation[]
-}
-
-/**
- * Custom edge data for relation visualization
- */
-export interface RelationEdgeData {
-  relation: Relation
-}
-
-/**
- * Vue Flow node with block data
- */
-export type BlockNode = Node<BlockNodeData, any, 'block'>
-
-/**
- * Vue Flow edge with relation data
- */
-export type RelationEdge = Edge<RelationEdgeData>
-
-/**
- * Force simulation node (extends Vue Flow node with simulation properties)
- */
-export interface SimulationNode {
-  id: string
-  x: number
-  y: number
-  vx?: number
-  vy?: number
-  fx?: number | null
-  fy?: number | null
-}
-
-/**
- * Force simulation link
- */
-export interface SimulationLink {
-  source: string
-  target: string
-}
-
-/**
- * Force layout configuration
- */
-export interface ForceLayoutConfig {
-  width: number
-  height: number
-  centerForce?: number
-  chargeForce?: number
-  linkDistance?: number
-  collideRadius?: number
-  collideStrength?: number
-  collideIterations?: number
-  alphaDecay?: number
-  preWarmTicks?: number
-  maxIterations?: number
-}
-
-/**
- * Default force layout configuration
- */
-export const DEFAULT_FORCE_CONFIG: Required<Omit<ForceLayoutConfig, 'width' | 'height'>> = {
-  centerForce: 0.3,
-  chargeForce: -800, // Increased repulsion to push nodes further apart
-  linkDistance: 250, // Increased to give more room for edge routing
-  collideRadius: 150, // Increased to account for node size (max 200x150)
-  collideStrength: 1.0,
-  collideIterations: 10,
-  alphaDecay: 0.02,
-  preWarmTicks: 300,
-  maxIterations: 0, // 0 means no limit
-}
-
-/**
- * Transform Block to Vue Flow node
- */
-export function blockToNode(
-  block: Block,
-  preview: string,
-  relations: Relation[],
-  position?: { x: number; y: number }
-): BlockNode {
-  return {
-    id: String(block.id),
-    type: 'block',
-    position: position ?? { x: Math.random() * 500, y: Math.random() * 500 },
-    draggable: true,
-    data: {
-      block,
-      preview,
-      relations,
-    },
-  }
-}
-
-/**
- * Transform Relation to Vue Flow edge
- */
-export function relationToEdge(relation: Relation): RelationEdge {
-  return {
-    id: String(relation.id),
-    type: 'relation',
-    source: String(relation.from_),
-    target: String(relation.to_),
-    data: {
-      relation,
-    },
-    markerEnd: MarkerType.ArrowClosed,
-  }
-}
diff --git a/packages/core/src/sink/graph/index.ts b/packages/core/src/sink/graph/index.ts
deleted file mode 100644
index 5f52af9..0000000
--- a/packages/core/src/sink/graph/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './graph-types'
-export * from './layout-types'
-export * from './topology-types'
-export * from './distance-matrix'
-export * from './mds'
-export * from './community-types'
diff --git a/packages/core/src/sink/graph/layout-types.ts b/packages/core/src/sink/graph/layout-types.ts
deleted file mode 100644
index f17794a..0000000
--- a/packages/core/src/sink/graph/layout-types.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import type { Ref } from 'vue'
-import type { Node, Edge } from '@vue-flow/core'
-
-/**
- * Available layout algorithms
- */
-export enum LayoutType {
-  Force = 'force',
-  Dagre = 'dagre',
-  Circular = 'circular',
-  Radial = 'radial',
-  Grid = 'grid',
-  Auto = 'auto',
-}
-
-/**
- * Layout direction for hierarchical layouts (Dagre)
- */
-export enum LayoutDirection {
-  TopToBottom = 'TB',
-  BottomToTop = 'BT',
-  LeftToRight = 'LR',
-  RightToLeft = 'RL',
-}
-
-/**
- * Common layout configuration interface
- */
-export interface BaseLayoutConfig {
-  width?: number
-  height?: number
-  padding?: number
-}
-
-/**
- * Dagre-specific configuration
- */
-export interface DagreLayoutConfig extends BaseLayoutConfig {
-  direction?: LayoutDirection
-  nodeSep?: number
-  rankSep?: number
-  edgeSep?: number
-  align?: 'UL' | 'UR' | 'DL' | 'DR'
-  ranker?: 'network-simplex' | 'tight-tree' | 'longest-path'
-}
-
-/**
- * Circular layout configuration
- */
-export interface CircularLayoutConfig extends BaseLayoutConfig {
-  radius?: number
-  startAngle?: number
-  endAngle?: number
-  clockwise?: boolean
-}
-
-/**
- * Radial layout configuration
- */
-export interface RadialLayoutConfig extends BaseLayoutConfig {
-  centerNodeId?: string
-  levelSep?: number
-  minRadius?: number
-}
-
-/**
- * Grid layout configuration
- */
-export interface GridLayoutConfig extends BaseLayoutConfig {
-  columns?: number
-  cellWidth?: number
-  cellHeight?: number
-  gap?: number
-}
-
-/**
- * Extended force layout configuration with iteration limit
- */
-export interface ExtendedForceLayoutConfig extends BaseLayoutConfig {
-  centerForce?: number
-  chargeForce?: number
-  linkDistance?: number
-  collideRadius?: number
-  collideStrength?: number
-  collideIterations?: number
-  alphaDecay?: number
-  preWarmTicks?: number
-  maxIterations?: number
-}
-
-/**
- * Union type for all layout configs
- */
-export type LayoutConfig =
-  | DagreLayoutConfig
-  | CircularLayoutConfig
-  | RadialLayoutConfig
-  | GridLayoutConfig
-  | ExtendedForceLayoutConfig
-
-/**
- * Layout result with computed positions
- */
-export interface LayoutResult {
-  positions: Map<string, { x: number; y: number }>
-  bounds: { width: number; height: number }
-  edgePoints?: Map<string, Array<{ x: number; y: number }>>
-}
-
-/**
- * Layout composable interface (common contract)
- */
-export interface LayoutComposable {
-  isRunning: Ref<boolean>
-  apply: (nodes: Node[], edges: Edge[]) => Promise<LayoutResult>
-  stop: () => void
-}
-
-/**
- * Layout selection state for UI
- */
-export interface LayoutSelection {
-  type: LayoutType
-  isAutoDetected: boolean
-  detectedTopology?: string
-}
-
-/**
- * Default configurations for each layout type
- */
-export const DEFAULT_DAGRE_CONFIG: Required<Omit<DagreLayoutConfig, keyof BaseLayoutConfig>> = {
-  direction: LayoutDirection.TopToBottom,
-  nodeSep: 100, // Increased to prevent edge-node overlap (nodes are up to 200px wide)
-  rankSep: 120, // Increased to give more vertical space for edge routing
-  edgeSep: 20, // Increased to give more space between edges
-  align: 'UL',
-  ranker: 'network-simplex',
-}
-
-export const DEFAULT_CIRCULAR_CONFIG: Required<Omit<CircularLayoutConfig, keyof BaseLayoutConfig>> =
-  {
-    radius: 300, // Increased for better edge-node separation
-    startAngle: 0,
-    endAngle: 2 * Math.PI,
-    clockwise: true,
-  }
-
-export const DEFAULT_RADIAL_CONFIG: Required<
-  Omit<RadialLayoutConfig, keyof BaseLayoutConfig | 'centerNodeId'>
-> = {
-  levelSep: 200, // Increased for better edge-node separation
-  minRadius: 150, // Increased to account for node size
-}
-
-export const DEFAULT_GRID_CONFIG: Required<Omit<GridLayoutConfig, keyof BaseLayoutConfig>> = {
-  columns: 0, // 0 means auto-calculate
-  cellWidth: 250,
-  cellHeight: 150,
-  gap: 40,
-}
diff --git a/packages/core/src/sink/graph/mds.ts b/packages/core/src/sink/graph/mds.ts
deleted file mode 100644
index f65302c..0000000
--- a/packages/core/src/sink/graph/mds.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { Matrix, SingularValueDecomposition } from 'ml-matrix'
-
-export interface MDSResult {
-  /** 2D coordinates for each point [n_points][dimensions] */
-  coordinates: number[][]
-  /** Eigenvalues used for the embedding */
-  eigenvalues: number[]
-  /** Kruskal's stress-1 measure (lower is better) */
-  stress: number
-}
-
-/**
- * Classical Multidimensional Scaling (Torgerson's method)
- *
- * Converts a distance matrix into 2D coordinates that preserve distances.
- * Uses SVD decomposition via ml-matrix.
- *
- * @param distanceMatrix - Symmetric n×n matrix of pairwise distances
- * @param dimensions - Number of output dimensions (default: 2)
- * @returns MDSResult with coordinates, eigenvalues, and stress measure
- */
-export function classicalMDS(distanceMatrix: number[][], dimensions: number = 2): MDSResult {
-  const n = distanceMatrix.length
-
-  if (n === 0) {
-    return { coordinates: [], eigenvalues: [], stress: 0 }
-  }
-
-  if (n === 1) {
-    return { coordinates: [[0, 0]], eigenvalues: [0, 0], stress: 0 }
-  }
-
-  // 1. Square the distances: D²[i][j] = distances[i][j]²
-  const D2 = distanceMatrix.map((row) => row.map((d) => d * d))
-
-  // 2. Double-centering: B = -0.5 * J * D² * J
-  //    where J = I - (1/n) * ones
-  //    This simplifies to: B[i][j] = -0.5 * (D²[i][j] - rowMean[i] - colMean[j] + totalMean)
-  const rowMeans = D2.map((row) => row.reduce((a, b) => a + b, 0) / n)
-  const colMeans: number[] = []
-  for (let j = 0; j < n; j++) {
-    colMeans.push(D2.reduce((sum, row) => sum + row[j], 0) / n)
-  }
-  const totalMean = rowMeans.reduce((a, b) => a + b, 0) / n
-
-  const B: number[][] = []
-  for (let i = 0; i < n; i++) {
-    B[i] = []
-    for (let j = 0; j < n; j++) {
-      B[i][j] = -0.5 * (D2[i][j] - rowMeans[i] - colMeans[j] + totalMean)
-    }
-  }
-
-  // 3. Eigendecomposition via SVD
-  // For symmetric matrices, SVD gives eigendecomposition: B = U * S * U^T
-  const BMatrix = new Matrix(B)
-  const svd = new SingularValueDecomposition(BMatrix)
-
-  // 4. Extract coordinates from top eigenvalues
-  const eigenvalues = svd.diagonal
-  const U = svd.leftSingularVectors
-
-  const coordinates: number[][] = []
-  for (let i = 0; i < n; i++) {
-    coordinates[i] = []
-    for (let d = 0; d < dimensions; d++) {
-      // Handle negative eigenvalues (can occur with non-metric distances)
-      const eigenval = eigenvalues[d] > 0 ? Math.sqrt(eigenvalues[d]) : 0
-      coordinates[i][d] = U.get(i, d) * eigenval
-    }
-  }
-
-  // 5. Compute stress to measure quality of embedding
-  const stress = computeStress(distanceMatrix, coordinates)
-
-  return {
-    coordinates,
-    eigenvalues: eigenvalues.slice(0, dimensions),
-    stress,
-  }
-}
-
-/**
- * Compute Kruskal's stress-1 measure
- *
- * Measures how well the embedded distances match the original distances.
- * Lower values indicate better preservation of distances.
- *
- * stress = sqrt(sum((d_orig - d_embed)²) / sum(d_orig²))
- */
-function computeStress(original: number[][], embedded: number[][]): number {
-  let numerator = 0
-  let denominator = 0
-
-  for (let i = 0; i < original.length; i++) {
-    for (let j = i + 1; j < original.length; j++) {
-      const dOrig = original[i][j]
-
-      // Euclidean distance in embedded space
-      let dEmbed = 0
-      for (let d = 0; d < embedded[0].length; d++) {
-        const diff = embedded[i][d] - embedded[j][d]
-        dEmbed += diff * diff
-      }
-      dEmbed = Math.sqrt(dEmbed)
-
-      numerator += (dOrig - dEmbed) ** 2
-      denominator += dOrig ** 2
-    }
-  }
-
-  return denominator > 0 ? Math.sqrt(numerator / denominator) : 0
-}
diff --git a/packages/core/src/sink/graph/topology-types.ts b/packages/core/src/sink/graph/topology-types.ts
deleted file mode 100644
index 58f16f1..0000000
--- a/packages/core/src/sink/graph/topology-types.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { LayoutType } from './layout-types'
-
-/**
- * Detected graph topology types
- */
-export enum TopologyType {
-  Tree = 'tree',
-  DAG = 'dag',
-  Star = 'star',
-  Linear = 'linear',
-  Cyclic = 'cyclic',
-  Disconnected = 'disconnected',
-  Unknown = 'unknown',
-}
-
-/**
- * Graph metrics for topology detection
- */
-export interface TopologyMetrics {
-  nodeCount: number
-  edgeCount: number
-  hasCycles: boolean
-  isConnected: boolean
-  maxInDegree: number
-  maxOutDegree: number
-  avgDegree: number
-  hasStarCenter: boolean
-  starCenterNodeId?: string
-  rootNodes: string[]
-  leafNodes: string[]
-  depth?: number
-}
-
-/**
- * Topology detection result
- */
-export interface TopologyAnalysis {
-  type: TopologyType
-  confidence: number
-  metrics: TopologyMetrics
-  suggestedLayout: LayoutType
-}
-
-/**
- * Map topology type to suggested layout type
- */
-export function topologyToLayout(type: TopologyType): LayoutType {
-  switch (type) {
-    case TopologyType.Tree:
-    case TopologyType.DAG:
-      return LayoutType.Dagre
-    case TopologyType.Star:
-      return LayoutType.Radial
-    case TopologyType.Linear:
-      return LayoutType.Dagre
-    default:
-      return LayoutType.Force
-  }
-}
diff --git a/packages/core/src/sink/index.ts b/packages/core/src/sink/index.ts
deleted file mode 100644
index 74a378f..0000000
--- a/packages/core/src/sink/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * as graph from './graph'
diff --git a/packages/core/vitest.config.ts b/packages/core/vitest.config.ts
deleted file mode 100644
index e7a7e90..0000000
--- a/packages/core/vitest.config.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { defineProject } from 'vitest/config'
-
-export default defineProject({
-  root: fileURLToPath(new URL('.', import.meta.url)),
-  test: {
-    name: 'core',
-    environment: 'node',
-    include: ['src/**/*.test.ts'],
-  },
-})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 063922a..18524ee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,9 +56,6 @@ importers:
       concurrently:
         specifier: ^9.0.0
         version: 9.2.4
-      happy-dom:
-        specifier: 20.11.1
-        version: 20.11.1
       jose:
         specifier: 6.1.2
         version: 6.1.2
@@ -86,9 +83,6 @@ importers:
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
-      vitest:
-        specifier: 4.1.10
-        version: 4.1.10(@opentelemetry/api@1.9.0)(@types/node@22.17.2)(@vitest/ui@4.1.10)(happy-dom@20.11.1)(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))
 
   apps/client-web:
     dependencies:
@@ -125,45 +119,18 @@ importers:
       '@vue-flow/background':
         specifier: ^1.3.2
         version: 1.3.2(@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
-      '@vue-flow/controls':
-        specifier: ^1.1.3
-        version: 1.1.3(@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
       '@vue-flow/core':
         specifier: ^1.48.1
         version: 1.48.2(vue@3.5.40(typescript@5.9.3))
-      '@vue-flow/minimap':
-        specifier: ^1.5.4
-        version: 1.5.4(@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
       '@vueuse/core':
         specifier: ^14.0.0
         version: 14.3.0(vue@3.5.40(typescript@5.9.3))
-      d3-force:
-        specifier: ^3.0.0
-        version: 3.0.0
-      dagre:
-        specifier: ^0.8.5
-        version: 0.8.5
       dayjs:
         specifier: ^1.11.19
         version: 1.11.21
-      graphology:
-        specifier: ^0.26.0
-        version: 0.26.0(graphology-types@0.24.8)
-      graphology-communities-louvain:
-        specifier: ^2.0.2
-        version: 2.0.2(graphology-types@0.24.8)
-      graphology-dag:
-        specifier: ^0.4.1
-        version: 0.4.1(graphology-types@0.24.8)
-      graphology-shortest-path:
-        specifier: ^2.1.0
-        version: 2.1.0(graphology-types@0.24.8)
       jose:
         specifier: ^6.1.2
         version: 6.2.4
-      ml-matrix:
-        specifier: ^6.12.1
-        version: 6.14.0
       pinia:
         specifier: ^3.0.3
         version: 3.0.3(typescript@5.9.3)(vue@3.5.40(typescript@5.9.3))
@@ -204,12 +171,6 @@ importers:
       '@tsconfig/node22':
         specifier: ^22.0.2
         version: 22.0.2
-      '@types/d3-force':
-        specifier: ^3.0.10
-        version: 3.0.10
-      '@types/dagre':
-        specifier: ^0.7.53
-        version: 0.7.54
       '@types/node':
         specifier: ^22.16.5
         version: 22.17.2
@@ -219,9 +180,6 @@ importers:
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.2
         version: 5.1.6(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
-      '@vue/test-utils':
-        specifier: ^2.4.6
-        version: 2.4.11(@vue/compiler-dom@3.5.40)(@vue/server-renderer@3.5.40)(vue@3.5.40(typescript@5.9.3))
       '@vue/tsconfig':
         specifier: ^0.7.0
         version: 0.7.0(typescript@5.9.3)(vue@3.5.40(typescript@5.9.3))
@@ -465,24 +423,12 @@ importers:
       '@supabase/postgrest-js':
         specifier: ^2.84.0
         version: 2.110.8
-      '@vue-flow/core':
-        specifier: ^1.48.1
-        version: 1.48.2(vue@3.5.40(typescript@5.9.3))
       dayjs:
         specifier: ^1.11.0
         version: 1.11.21
-      graphology:
-        specifier: ^0.26.0
-        version: 0.26.0(graphology-types@0.24.8)
-      graphology-shortest-path:
-        specifier: ^2.1.0
-        version: 2.1.0(graphology-types@0.24.8)
       jose:
         specifier: ^5.0.0
         version: 5.10.0
-      ml-matrix:
-        specifier: ^6.12.1
-        version: 6.14.0
       semver:
         specifier: 7.8.5
         version: 7.8.5
@@ -1219,10 +1165,6 @@ packages:
     resolution: {integrity: sha512-OtjPZan3No2OZZFnMUiCVsXC6+j+XRwEywaFDk0AoayAbLuPesyDloXhJZLl9JUl5vHZeQUkYSbEA8VX+CWMjg==}
     engines: {node: '>= 22'}
 
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
-
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -1397,9 +1339,6 @@ packages:
     resolution: {integrity: sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==}
     engines: {node: ^14.21.3 || >=16}
 
-  '@one-ini/wasm@0.1.1':
-    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
-
   '@opentelemetry/api@1.9.0':
     resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
     engines: {node: '>=8.0.0'}
@@ -1902,10 +1841,6 @@ packages:
     resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
 
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
   '@playwright/test@1.61.1':
     resolution: {integrity: sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==}
     engines: {node: '>=18'}
@@ -2423,18 +2358,6 @@ packages:
   '@tybys/wasm-util@0.10.3':
     resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
 
-  '@types/chai@5.2.3':
-    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
-
-  '@types/d3-force@3.0.10':
-    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
-
-  '@types/dagre@0.7.54':
-    resolution: {integrity: sha512-QjcRY+adGbYvBFS7cwv5txhVIwX1XXIUswWl+kSQTbI6NjgZydrZkEKX/etzVd7i+bCsCb40Z/xlBY5eoFuvWQ==}
-
-  '@types/deep-eql@4.0.2':
-    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
-
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
@@ -2483,15 +2406,9 @@ packages:
   '@types/webextension-polyfill@0.8.3':
     resolution: {integrity: sha512-GN+Hjzy9mXjWoXKmaicTegv3FJ0WFZ3aYz77Wk8TMp1IY3vEzvzj1vnsa0ggV7vMI1i+PUxe4qqnIJKCzf9aTg==}
 
-  '@types/whatwg-mimetype@3.0.2':
-    resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
-
   '@types/wink-tokenizer@4.0.6':
     resolution: {integrity: sha512-FSQP7MwLDWgSkYw1sJMmN4SFBJt/W6bDaHy/quOG2aq5DOB/ilHfY4x3IsAhGUmA45y3H29tM0tbq0Ut1LD7/Q==}
 
-  '@types/ws@8.18.1':
-    resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
-
   '@typescript/typescript-aix-ppc64@7.0.2':
     resolution: {integrity: sha512-MTKKkWB7p/0E9xi1d1tHtZ5PiLkGEMIq88pK2CubZjOsLtYTLqhgIgi6zepFa+9GHZ6h05NMCkQxGKiPXMxXtQ==}
     engines: {node: '>=16.20.0'}
@@ -2706,40 +2623,6 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
       vue: ^3.2.25
 
-  '@vitest/expect@4.1.10':
-    resolution: {integrity: sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==}
-
-  '@vitest/mocker@4.1.10':
-    resolution: {integrity: sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
-
-  '@vitest/pretty-format@4.1.10':
-    resolution: {integrity: sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==}
-
-  '@vitest/runner@4.1.10':
-    resolution: {integrity: sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==}
-
-  '@vitest/snapshot@4.1.10':
-    resolution: {integrity: sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==}
-
-  '@vitest/spy@4.1.10':
-    resolution: {integrity: sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==}
-
-  '@vitest/ui@4.1.10':
-    resolution: {integrity: sha512-EOUqfXHTXtpSHsyLHH40ts3Ue+hRhSGwzwzMlK0dTEOLSDYyOXLyr5JDGmHQWhN2DYI30gw6dVx3cdgM9FZl+Q==}
-    peerDependencies:
-      vitest: 4.1.10
-
-  '@vitest/utils@4.1.10':
-    resolution: {integrity: sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==}
-
   '@volar/language-core@2.4.28':
     resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
 
@@ -2758,23 +2641,11 @@ packages:
       '@vue-flow/core': ^1.23.0
       vue: ^3.3.0
 
-  '@vue-flow/controls@1.1.3':
-    resolution: {integrity: sha512-XCf+G+jCvaWURdFlZmOjifZGw3XMhN5hHlfMGkWh9xot+9nH9gdTZtn+ldIJKtarg3B21iyHU8JjKDhYcB6JMw==}
-    peerDependencies:
-      '@vue-flow/core': ^1.23.0
-      vue: ^3.3.0
-
   '@vue-flow/core@1.48.2':
     resolution: {integrity: sha512-raxhgKWE+G/mcEvXJjGFUDYW9rAI3GOtiHR3ZkNpwBWuIaCC1EYiBmKGwJOoNzVFgwO7COgErnK7i08i287AFA==}
     peerDependencies:
       vue: ^3.3.0
 
-  '@vue-flow/minimap@1.5.4':
-    resolution: {integrity: sha512-l4C+XTAXnRxsRpUdN7cAVFBennC1sVRzq4bDSpVK+ag7tdMczAnhFYGgbLkUw3v3sY6gokyWwMl8CDonp8eB2g==}
-    peerDependencies:
-      '@vue-flow/core': ^1.23.0
-      vue: ^3.3.0
-
   '@vue/babel-helper-vue-transform-on@1.5.0':
     resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
 
@@ -2869,16 +2740,6 @@ packages:
   '@vue/shared@3.5.40':
     resolution: {integrity: sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==}
 
-  '@vue/test-utils@2.4.11':
-    resolution: {integrity: sha512-GDqaqZsA6m2E5vNzej0aYiIb6BX8xV9pNSbbbXKOfEYwg7ZNblVX8suyqmUBThq8VIrgAJNxn+z72hVtUeiWHA==}
-    peerDependencies:
-      '@vue/compiler-dom': 3.x
-      '@vue/server-renderer': 3.x
-      vue: 3.x
-    peerDependenciesMeta:
-      '@vue/server-renderer':
-        optional: true
-
   '@vue/tsconfig@0.7.0':
     resolution: {integrity: sha512-ku2uNz5MaZ9IerPPUyOHzyjhXoX2kVJaVf7hL315DC17vS6IiZRmmCPfggNbU16QTvM80+uYYy3eYJB59WCtvg==}
     peerDependencies:
@@ -2935,9 +2796,6 @@ packages:
   '@wxt-dev/storage@1.2.8':
     resolution: {integrity: sha512-GWCFKgF5+d7eslOxUDFC70ypA9njupmJb1nQM8uZoX0J3sWT2BO5xJLzb1sYahWAfID9p2BMtnUBN1lkWxPsbQ==}
 
-  '@yomguithereal/helpers@1.1.1':
-    resolution: {integrity: sha512-UYvAq/XCA7xoh1juWDYsq3W0WywOB+pz8cgVnE1b45ZfdMhBvHDrgmSFG3jXeZSr2tMTYLGHFHON+ekG05Jebg==}
-
   '@yuku-codegen/binding-darwin-arm64@0.7.4':
     resolution: {integrity: sha512-fjkATm+fg4r6Ss8o82u3j33PfIqhSs4A0WEEw9kOwhMx/ui/RQ0ZAsCtF6e7UG2CWGOGXAJspLlfk2tr3rjjKQ==}
     cpu: [arm64]
@@ -3063,10 +2921,6 @@ packages:
   '@yuku-toolchain/types@0.7.4':
     resolution: {integrity: sha512-iUFXr+UnUJjzVLNI6GIv07poi9NwcG5hTBJSheJh3SdpkYpIjCl9kAGe7dbJMHn5sXeceCL4H12pKa0b6pkouQ==}
 
-  abbrev@2.0.0:
-    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-
   accepts@1.3.8:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
     engines: {node: '>= 0.6'}
@@ -3167,10 +3021,6 @@ packages:
     resolution: {integrity: sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==}
     engines: {node: '>=12'}
 
-  assertion-error@2.0.1:
-    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
-    engines: {node: '>=12'}
-
   async-mutex@0.5.0:
     resolution: {integrity: sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==}
 
@@ -3214,9 +3064,6 @@ packages:
   brace-expansion@1.1.18:
     resolution: {integrity: sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==}
 
-  brace-expansion@2.1.4:
-    resolution: {integrity: sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==}
-
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -3243,10 +3090,6 @@ packages:
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
-  buffer-image-size@0.6.4:
-    resolution: {integrity: sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==}
-    engines: {node: '>=4.0'}
-
   bundle-name@4.1.0:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
@@ -3282,10 +3125,6 @@ packages:
   caniuse-lite@1.0.30001736:
     resolution: {integrity: sha512-ImpN5gLEY8gWeqfLUyEF4b7mYWcYoR2Si1VhnrbM4JizRFmfGaAQ12PhNykq6nvI4XvKLrsp8Xde74D5phJOSw==}
 
-  chai@6.2.2:
-    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
-    engines: {node: '>=18'}
-
   chalk@3.0.0:
     resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
     engines: {node: '>=8'}
@@ -3351,10 +3190,6 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
-  commander@10.0.1:
-    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
-    engines: {node: '>=14'}
-
   commander@11.1.0:
     resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
     engines: {node: '>=16'}
@@ -3473,18 +3308,10 @@ packages:
     resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
     engines: {node: '>=12'}
 
-  d3-force@3.0.0:
-    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
-    engines: {node: '>=12'}
-
   d3-interpolate@3.0.1:
     resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
     engines: {node: '>=12'}
 
-  d3-quadtree@3.0.1:
-    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
-    engines: {node: '>=12'}
-
   d3-selection@3.0.0:
     resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
     engines: {node: '>=12'}
@@ -3503,9 +3330,6 @@ packages:
     resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
     engines: {node: '>=12'}
 
-  dagre@0.8.5:
-    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
-
   date-format@4.0.14:
     resolution: {integrity: sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==}
     engines: {node: '>=4.0'}
@@ -3675,9 +3499,6 @@ packages:
   duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
 
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
   ecdsa-sig-formatter@1.0.11:
     resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
 
@@ -3685,11 +3506,6 @@ packages:
     resolution: {integrity: sha512-s0J9SEVYAEPg7J63GFMApLYzPH9VNIQIyC6s15JpnqVc0TqcKWdbgFlnAweEBRyMmko2dcs2sfC83Hj4J43tuA==}
     engines: {bun: '>=1', deno: '>=2.7.10', node: '>=16'}
 
-  editorconfig@1.0.7:
-    resolution: {integrity: sha512-e0GOtq/aTQhVdNyDU9e02+wz9oDDM+SIOQxWME2QRjzRX5yyLAuHDE+0aE8vHb9XRC8XD37eO2u57+F09JqFhw==}
-    engines: {node: '>=14'}
-    hasBin: true
-
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -3702,9 +3518,6 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
   empathic@2.0.1:
     resolution: {integrity: sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==}
     engines: {node: '>=14'}
@@ -3832,10 +3645,6 @@ packages:
   eventemitter3@5.0.4:
     resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
 
-  events@3.3.0:
-    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
-    engines: {node: '>=0.8.x'}
-
   eventsource-parser@3.1.0:
     resolution: {integrity: sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==}
     engines: {node: '>=18.0.0'}
@@ -3848,10 +3657,6 @@ packages:
     resolution: {integrity: sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==}
     engines: {node: '>=0.10.0'}
 
-  expect-type@1.4.0:
-    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
-    engines: {node: '>=12.0.0'}
-
   exsolve@1.1.0:
     resolution: {integrity: sha512-D+42+T12DdIlJM3uepa55qGiL3sYdLBOxIl2ifQCzCHz4c7eiolaHsi3BIqEr7JxBzxv2pYZQX9kw16ziMcEmw==}
 
@@ -3889,9 +3694,6 @@ packages:
       picomatch:
         optional: true
 
-  fflate@0.8.3:
-    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
-
   figures@6.1.0:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
@@ -3941,10 +3743,6 @@ packages:
       debug:
         optional: true
 
-  foreground-child@3.3.1:
-    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
-    engines: {node: '>=14'}
-
   form-data-encoder@4.1.0:
     resolution: {integrity: sha512-G6NsmEW15s0Uw9XnCg+33H3ViYRyiM0hMrMhhqQOR8NFc5GhYrI+6I3u7OTw7b91J2g8rtvMBZJDbcGb2YUniw==}
     engines: {node: '>= 18'}
@@ -4036,11 +3834,6 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  glob@10.5.0:
-    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
-    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
-    hasBin: true
-
   global-directory@4.0.1:
     resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
     engines: {node: '>=18'}
@@ -4070,42 +3863,6 @@ packages:
   graceful-readlink@1.0.1:
     resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
 
-  graphlib@2.1.8:
-    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
-
-  graphology-communities-louvain@2.0.2:
-    resolution: {integrity: sha512-zt+2hHVPYxjEquyecxWXoUoIuN/UvYzsvI7boDdMNz0rRvpESQ7+e+Ejv6wK7AThycbZXuQ6DkG8NPMCq6XwoA==}
-    peerDependencies:
-      graphology-types: '>=0.19.0'
-
-  graphology-dag@0.4.1:
-    resolution: {integrity: sha512-3ch9oOAnHZDoT043vyg7ukmSkKJ505nFzaHaYOn0IF2PgGo5VtIavyVK4UpbIa4tli3hhGm1ZTdBsubTmaxu/w==}
-    peerDependencies:
-      graphology-types: '>=0.19.0'
-
-  graphology-indices@0.17.0:
-    resolution: {integrity: sha512-A7RXuKQvdqSWOpn7ZVQo4S33O0vCfPBnUSf7FwE0zNCasqwZVUaCXePuWo5HBpWw68KJcwObZDHpFk6HKH6MYQ==}
-    peerDependencies:
-      graphology-types: '>=0.20.0'
-
-  graphology-shortest-path@2.1.0:
-    resolution: {integrity: sha512-KbT9CTkP/u72vGEJzyRr24xFC7usI9Es3LMmCPHGwQ1KTsoZjxwA9lMKxfU0syvT/w+7fZUdB/Hu2wWYcJBm6Q==}
-    peerDependencies:
-      graphology-types: '>=0.20.0'
-
-  graphology-types@0.24.8:
-    resolution: {integrity: sha512-hDRKYXa8TsoZHjgEaysSRyPdT6uB78Ci8WnjgbStlQysz7xR52PInxNsmnB7IBOM1BhikxkNyCVEFgmPKnpx3Q==}
-
-  graphology-utils@2.5.2:
-    resolution: {integrity: sha512-ckHg8MXrXJkOARk56ZaSCM1g1Wihe2d6iTmz1enGOz4W/l831MBCKSayeFQfowgF8wd+PQ4rlch/56Vs/VZLDQ==}
-    peerDependencies:
-      graphology-types: '>=0.23.0'
-
-  graphology@0.26.0:
-    resolution: {integrity: sha512-8SSImzgUUYC89Z042s+0r/vMibY7GX/Emz4LDO5e7jYXhuoWfHISPFJYjpRLUSJGq6UQ6xlenvX1p/hJdfXuXg==}
-    peerDependencies:
-      graphology-types: '>=0.24.0'
-
   growly@1.3.0:
     resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
 
@@ -4113,10 +3870,6 @@ packages:
     resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
     engines: {node: '>=10'}
 
-  happy-dom@20.11.1:
-    resolution: {integrity: sha512-XSt8tMzbW9ymE7687xztkO1ckR7qJNQ3LywY9vlYGhGi3zXrGBHuUo2Cl1ztZaICW+1eAGdkLbj6iwVqDT33kg==}
-    engines: {node: '>=20.0.0'}
-
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -4219,9 +3972,6 @@ packages:
     resolution: {integrity: sha512-Xi9/ZSn4NFapG8RP98iNPMOeaV3mXPisxKxzKtHVqr3g56j/fBn+yZmnxSVAA8lmZbl2J9b/a4kJvfU3hqQYgA==}
     engines: {node: '>=0.10.0'}
 
-  is-any-array@3.0.0:
-    resolution: {integrity: sha512-o4h+tylWykC4BD1vaejp6gDxoM13bwW8FGuNs4yIKpj8xbBJcRxJx8vZpq0dCr7ZDEfeKjmsi/euolKhX6f/ww==}
-
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
@@ -4354,9 +4104,6 @@ packages:
     peerDependencies:
       ws: 8.21.0
 
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
   jiti@2.4.2:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
@@ -4377,14 +4124,6 @@ packages:
   jose@6.2.4:
     resolution: {integrity: sha512-N8acGzVsQy6M/fjFcxtysNc4Q379TcM5dM/qKkNtsHFji88yANnXTr7BLeP75iPnFwBfQzM/jg2BZ9+HZrHCZA==}
 
-  js-beautify@1.15.4:
-    resolution: {integrity: sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==}
-    engines: {node: '>=14'}
-    hasBin: true
-
-  js-cookie@3.0.8:
-    resolution: {integrity: sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw==}
-
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -4621,9 +4360,6 @@ packages:
   lodash.once@4.1.1:
     resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
 
-  lodash@4.18.1:
-    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
-
   log-update@6.1.0:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
@@ -4635,9 +4371,6 @@ packages:
   long-timeout@0.1.1:
     resolution: {integrity: sha512-BFRuQUqc7x2NWxfJBCyUrN8iYUYznzL9JROmRz1gZ6KlOIgmoD+njPVbb+VNn2nGMKggMsK79iUNErillsrx7w==}
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -4716,38 +4449,15 @@ packages:
   minimatch@3.1.5:
     resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
 
-  minimatch@9.0.9:
-    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  minipass@7.1.3:
-    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
-  ml-array-max@2.0.0:
-    resolution: {integrity: sha512-QQZ4kENwpWmyNb98UXRDFXrmtIXuXtt1+bSbda/2KA85+F+rrJP8hZk6QOkCQXM2Th9mUDYdq/PNByPdT9ID4A==}
-
-  ml-array-min@2.0.0:
-    resolution: {integrity: sha512-GRj6Ky6sW9vGL6yIjgsHmXZ9YgrdmcQ8nCxPqEGeKc6dkfYg1XDYxGFxADUjNuZyoCd5PUscWAS4N+cFaX6hFg==}
-
-  ml-array-rescale@2.0.0:
-    resolution: {integrity: sha512-2GGtKfSno94/kIloWGvpp/U5Q5vLvLrza+SAaGsLeo6Xj4mEbA6Gqx+oTfZFkxnd1grT2X007HfJNs3T5BsiVg==}
-
-  ml-matrix@6.14.0:
-    resolution: {integrity: sha512-5W31+w+6jIm05l85N3Ik04fl+5LfN1lyJLBrEM/r/j7YmvwRclcUyQGXGFWXnN7ASzVjsAnAa3FUXrduAt168A==}
-
   mlly@1.8.2:
     resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
 
-  mnemonist@0.39.8:
-    resolution: {integrity: sha512-vyWo2K3fjrUw8YeeZ1zF0fy6Mu59RHokURlld8ymdUPjMlD9EC9ov1/YPqTgqRvUN9nTr3Gqfz29LYAmu0PHPQ==}
-
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -4956,11 +4666,6 @@ packages:
     version: 22.22.3
     hasBin: true
 
-  nopt@7.2.1:
-    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-    hasBin: true
-
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -4987,9 +4692,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  obliterator@2.0.5:
-    resolution: {integrity: sha512-42CPE9AhahZRsMNslczq0ctAEtqk8Eka26QofnqC346BZdHDySk3LWka23LI7ULIw11NmltpiLagIq8gBozxTw==}
-
   obug@2.1.4:
     resolution: {integrity: sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==}
     engines: {node: '>=12.20.0'}
@@ -5079,9 +4781,6 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  package-json-from-dist@1.0.1:
-    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
-
   package-json@10.0.1:
     resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
     engines: {node: '>=18'}
@@ -5092,9 +4791,6 @@ packages:
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
-  pandemonium@2.4.1:
-    resolution: {integrity: sha512-wRqjisUyiUfXowgm7MFH2rwJzKIr20rca5FsHXCMNm1W5YPP1hCtrZfgmQ62kP7OZ7Xt+cR858aB28lu5NX55g==}
-
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -5133,10 +4829,6 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
@@ -5598,9 +5290,6 @@ packages:
   shellwords@0.1.1:
     resolution: {integrity: sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==}
 
-  siginfo@2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
-
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -5655,9 +5344,6 @@ packages:
   split@1.0.1:
     resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
 
-  stackback@0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
-
   statuses@1.5.0:
     resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
     engines: {node: '>= 0.6'}
@@ -5666,9 +5352,6 @@ packages:
     resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
     engines: {node: '>= 0.8'}
 
-  std-env@4.2.0:
-    resolution: {integrity: sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==}
-
   streamroller@3.1.5:
     resolution: {integrity: sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==}
     engines: {node: '>=8.0'}
@@ -5677,10 +5360,6 @@ packages:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
 
-  string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-
   string-width@7.2.0:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
@@ -5774,9 +5453,6 @@ packages:
   tiny-uid@1.1.2:
     resolution: {integrity: sha512-0beRFXR+fv4C40ND2PqgNjq6iyB1dKXciKJjslLw0kPYCcR82aNd2b+Tt2yy06LimIlvtoehgvrm/fUZCutSfg==}
 
-  tinybench@2.9.0:
-    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
-
   tinyexec@1.2.4:
     resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
     engines: {node: '>=18'}
@@ -5793,10 +5469,6 @@ packages:
     resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
     engines: {node: ^20.0.0 || >=22.0.0}
 
-  tinyrainbow@3.1.0:
-    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
-    engines: {node: '>=14.0.0'}
-
   tmp@0.2.7:
     resolution: {integrity: sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==}
     engines: {node: '>=14.14'}
@@ -6149,47 +5821,6 @@ packages:
       yaml:
         optional: true
 
-  vitest@4.1.10:
-    resolution: {integrity: sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==}
-    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@opentelemetry/api': ^1.9.0
-      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/browser-playwright': 4.1.10
-      '@vitest/browser-preview': 4.1.10
-      '@vitest/browser-webdriverio': 4.1.10
-      '@vitest/coverage-istanbul': 4.1.10
-      '@vitest/coverage-v8': 4.1.10
-      '@vitest/ui': 4.1.10
-      happy-dom: '*'
-      jsdom: '*'
-      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@opentelemetry/api':
-        optional: true
-      '@types/node':
-        optional: true
-      '@vitest/browser-playwright':
-        optional: true
-      '@vitest/browser-preview':
-        optional: true
-      '@vitest/browser-webdriverio':
-        optional: true
-      '@vitest/coverage-istanbul':
-        optional: true
-      '@vitest/coverage-v8':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-
   vscode-json-languageservice@5.7.2:
     resolution: {integrity: sha512-WtKRDtJfFEmLrgtu+ODexOHm/6/krRF0k6t+uvkKIKW1Jh9ZIyxZQwJJwB3qhrEgvAxa37zbUg+vn+UyUK/U2w==}
 
@@ -6202,9 +5833,6 @@ packages:
   vscode-uri@3.1.0:
     resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
-  vue-component-type-helpers@3.3.8:
-    resolution: {integrity: sha512-troqCMmQodQDqUqn63NQaFi+CDSclSe7sc8VEBFqf5GFLqmGR2Ph3P2WEC7qwpRVyEWsTi/aAr4vyOe/B1hU3g==}
-
   vue-demi@0.14.10:
     resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
@@ -6266,10 +5894,6 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
-  whatwg-mimetype@3.0.0:
-    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
-    engines: {node: '>=12'}
-
   when-exit@2.1.5:
     resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
 
@@ -6294,11 +5918,6 @@ packages:
     engines: {node: ^18.17.0 || >=20.5.0}
     hasBin: true
 
-  why-is-node-running@2.3.0:
-    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   widest-line@5.0.0:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
@@ -6318,10 +5937,6 @@ packages:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
 
-  wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-
   wrap-ansi@9.0.2:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
@@ -6338,18 +5953,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@8.21.1:
-    resolution: {integrity: sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-
   wsl-utils@0.1.0:
     resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
     engines: {node: '>=18'}
@@ -7265,15 +6868,6 @@ snapshots:
 
   '@intlify/shared@11.4.7': {}
 
-  '@isaacs/cliui@8.0.2':
-    dependencies:
-      string-width: 5.1.2
-      string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.2.0
-      strip-ansi-cjs: strip-ansi@6.0.1
-      wrap-ansi: 8.1.0
-      wrap-ansi-cjs: wrap-ansi@7.0.0
-
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -7558,8 +7152,6 @@ snapshots:
 
   '@noble/hashes@1.8.0': {}
 
-  '@one-ini/wasm@0.1.1': {}
-
   '@opentelemetry/api@1.9.0': {}
 
   '@oxc-parser/binding-android-arm-eabi@0.131.0':
@@ -7825,9 +7417,6 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.1
     optional: true
 
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
   '@playwright/test@1.61.1':
     dependencies:
       playwright: 1.61.1
@@ -8141,17 +7730,6 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
-  '@types/chai@5.2.3':
-    dependencies:
-      '@types/deep-eql': 4.0.2
-      assertion-error: 2.0.1
-
-  '@types/d3-force@3.0.10': {}
-
-  '@types/dagre@0.7.54': {}
-
-  '@types/deep-eql@4.0.2': {}
-
   '@types/estree@1.0.8': {}
 
   '@types/estree@1.0.9': {}
@@ -8194,14 +7772,8 @@ snapshots:
 
   '@types/webextension-polyfill@0.8.3': {}
 
-  '@types/whatwg-mimetype@3.0.2': {}
-
   '@types/wink-tokenizer@4.0.6': {}
 
-  '@types/ws@8.18.1':
-    dependencies:
-      '@types/node': 22.17.2
-
   '@typescript/typescript-aix-ppc64@7.0.2':
     optional: true
 
@@ -8438,59 +8010,6 @@ snapshots:
       vite: 8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)
       vue: 3.5.40(typescript@5.9.3)
 
-  '@vitest/expect@4.1.10':
-    dependencies:
-      '@standard-schema/spec': 1.1.0
-      '@types/chai': 5.2.3
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
-      chai: 6.2.2
-      tinyrainbow: 3.1.0
-
-  '@vitest/mocker@4.1.10(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))':
-    dependencies:
-      '@vitest/spy': 4.1.10
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-    optionalDependencies:
-      vite: 8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)
-
-  '@vitest/pretty-format@4.1.10':
-    dependencies:
-      tinyrainbow: 3.1.0
-
-  '@vitest/runner@4.1.10':
-    dependencies:
-      '@vitest/utils': 4.1.10
-      pathe: 2.0.3
-
-  '@vitest/snapshot@4.1.10':
-    dependencies:
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/utils': 4.1.10
-      magic-string: 0.30.21
-      pathe: 2.0.3
-
-  '@vitest/spy@4.1.10': {}
-
-  '@vitest/ui@4.1.10(vitest@4.1.10)':
-    dependencies:
-      '@vitest/utils': 4.1.10
-      fflate: 0.8.3
-      flatted: 3.4.3
-      pathe: 2.0.3
-      sirv: 3.0.2
-      tinyglobby: 0.2.17
-      tinyrainbow: 3.1.0
-      vitest: 4.1.10(@opentelemetry/api@1.9.0)(@types/node@22.17.2)(@vitest/ui@4.1.10)(happy-dom@20.11.1)(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))
-    optional: true
-
-  '@vitest/utils@4.1.10':
-    dependencies:
-      '@vitest/pretty-format': 4.1.10
-      convert-source-map: 2.0.0
-      tinyrainbow: 3.1.0
-
   '@volar/language-core@2.4.28':
     dependencies:
       '@volar/source-map': 2.4.28
@@ -8510,11 +8029,6 @@ snapshots:
       '@vue-flow/core': 1.48.2(vue@3.5.40(typescript@5.9.3))
       vue: 3.5.40(typescript@5.9.3)
 
-  '@vue-flow/controls@1.1.3(@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
-    dependencies:
-      '@vue-flow/core': 1.48.2(vue@3.5.40(typescript@5.9.3))
-      vue: 3.5.40(typescript@5.9.3)
-
   '@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@vueuse/core': 10.11.1(vue@3.5.40(typescript@5.9.3))
@@ -8526,13 +8040,6 @@ snapshots:
     transitivePeerDependencies:
       - '@vue/composition-api'
 
-  '@vue-flow/minimap@1.5.4(@vue-flow/core@1.48.2(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
-    dependencies:
-      '@vue-flow/core': 1.48.2(vue@3.5.40(typescript@5.9.3))
-      d3-selection: 3.0.0
-      d3-zoom: 3.0.0
-      vue: 3.5.40(typescript@5.9.3)
-
   '@vue/babel-helper-vue-transform-on@1.5.0': {}
 
   '@vue/babel-helper-vue-transform-on@2.0.1': {}
@@ -8716,15 +8223,6 @@ snapshots:
 
   '@vue/shared@3.5.40': {}
 
-  '@vue/test-utils@2.4.11(@vue/compiler-dom@3.5.40)(@vue/server-renderer@3.5.40)(vue@3.5.40(typescript@5.9.3))':
-    dependencies:
-      '@vue/compiler-dom': 3.5.40
-      js-beautify: 1.15.4
-      vue: 3.5.40(typescript@5.9.3)
-      vue-component-type-helpers: 3.3.8
-    optionalDependencies:
-      '@vue/server-renderer': 3.5.40
-
   '@vue/tsconfig@0.7.0(typescript@5.9.3)(vue@3.5.40(typescript@5.9.3))':
     optionalDependencies:
       typescript: 5.9.3
@@ -8797,8 +8295,6 @@ snapshots:
       async-mutex: 0.5.0
       dequal: 2.0.3
 
-  '@yomguithereal/helpers@1.1.1': {}
-
   '@yuku-codegen/binding-darwin-arm64@0.7.4':
     optional: true
 
@@ -8867,8 +8363,6 @@ snapshots:
 
   '@yuku-toolchain/types@0.7.4': {}
 
-  abbrev@2.0.0: {}
-
   accepts@1.3.8:
     dependencies:
       mime-types: 2.1.35
@@ -8955,8 +8449,6 @@ snapshots:
 
   array-union@3.0.1: {}
 
-  assertion-error@2.0.1: {}
-
   async-mutex@0.5.0:
     dependencies:
       tslib: 2.8.1
@@ -9008,10 +8500,6 @@ snapshots:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.1.4:
-    dependencies:
-      balanced-match: 1.0.2
-
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -9034,10 +8522,6 @@ snapshots:
 
   buffer-from@1.1.2: {}
 
-  buffer-image-size@0.6.4:
-    dependencies:
-      '@types/node': 22.17.2
-
   bundle-name@4.1.0:
     dependencies:
       run-applescript: 7.0.0
@@ -9075,8 +8559,6 @@ snapshots:
 
   caniuse-lite@1.0.30001736: {}
 
-  chai@6.2.2: {}
-
   chalk@3.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -9142,8 +8624,6 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
-  commander@10.0.1: {}
-
   commander@11.1.0: {}
 
   commander@2.9.0:
@@ -9255,18 +8735,10 @@ snapshots:
 
   d3-ease@3.0.1: {}
 
-  d3-force@3.0.0:
-    dependencies:
-      d3-dispatch: 3.0.1
-      d3-quadtree: 3.0.1
-      d3-timer: 3.0.1
-
   d3-interpolate@3.0.1:
     dependencies:
       d3-color: 3.1.0
 
-  d3-quadtree@3.0.1: {}
-
   d3-selection@3.0.0: {}
 
   d3-timer@3.0.1: {}
@@ -9288,11 +8760,6 @@ snapshots:
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
 
-  dagre@0.8.5:
-    dependencies:
-      graphlib: 2.1.8
-      lodash: 4.18.1
-
   date-format@4.0.14: {}
 
   dayjs@1.11.21: {}
@@ -9417,8 +8884,6 @@ snapshots:
 
   duplexer@0.1.2: {}
 
-  eastasianwidth@0.2.0: {}
-
   ecdsa-sig-formatter@1.0.11:
     dependencies:
       safe-buffer: 5.2.1
@@ -9430,13 +8895,6 @@ snapshots:
       '@noble/curves': 1.9.7
       '@noble/hashes': 1.8.0
 
-  editorconfig@1.0.7:
-    dependencies:
-      '@one-ini/wasm': 0.1.1
-      commander: 10.0.1
-      minimatch: 9.0.9
-      semver: 7.8.5
-
   ee-first@1.1.1: {}
 
   electron-to-chromium@1.5.207: {}
@@ -9445,8 +8903,6 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
-  emoji-regex@9.2.2: {}
-
   empathic@2.0.1: {}
 
   encodeurl@2.0.0: {}
@@ -9608,8 +9064,6 @@ snapshots:
 
   eventemitter3@5.0.4: {}
 
-  events@3.3.0: {}
-
   eventsource-parser@3.1.0: {}
 
   execa@9.6.0:
@@ -9631,8 +9085,6 @@ snapshots:
     dependencies:
       homedir-polyfill: 1.0.3
 
-  expect-type@1.4.0: {}
-
   exsolve@1.1.0: {}
 
   fast-deep-equal@3.1.3: {}
@@ -9661,9 +9113,6 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.5
 
-  fflate@0.8.3:
-    optional: true
-
   figures@6.1.0:
     dependencies:
       is-unicode-supported: 2.1.0
@@ -9712,11 +9161,6 @@ snapshots:
 
   follow-redirects@1.16.0: {}
 
-  foreground-child@3.3.1:
-    dependencies:
-      cross-spawn: 7.0.6
-      signal-exit: 4.1.0
-
   form-data-encoder@4.1.0: {}
 
   form-data@4.0.6:
@@ -9813,15 +9257,6 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
-  glob@10.5.0:
-    dependencies:
-      foreground-child: 3.3.1
-      jackspeak: 3.4.3
-      minimatch: 9.0.9
-      minipass: 7.1.3
-      package-json-from-dist: 1.0.1
-      path-scurry: 1.11.1
-
   global-directory@4.0.1:
     dependencies:
       ini: 4.1.1
@@ -9851,68 +9286,12 @@ snapshots:
 
   graceful-readlink@1.0.1: {}
 
-  graphlib@2.1.8:
-    dependencies:
-      lodash: 4.18.1
-
-  graphology-communities-louvain@2.0.2(graphology-types@0.24.8):
-    dependencies:
-      graphology-indices: 0.17.0(graphology-types@0.24.8)
-      graphology-types: 0.24.8
-      graphology-utils: 2.5.2(graphology-types@0.24.8)
-      mnemonist: 0.39.8
-      pandemonium: 2.4.1
-
-  graphology-dag@0.4.1(graphology-types@0.24.8):
-    dependencies:
-      graphology-types: 0.24.8
-      graphology-utils: 2.5.2(graphology-types@0.24.8)
-      mnemonist: 0.39.8
-
-  graphology-indices@0.17.0(graphology-types@0.24.8):
-    dependencies:
-      graphology-types: 0.24.8
-      graphology-utils: 2.5.2(graphology-types@0.24.8)
-      mnemonist: 0.39.8
-
-  graphology-shortest-path@2.1.0(graphology-types@0.24.8):
-    dependencies:
-      '@yomguithereal/helpers': 1.1.1
-      graphology-indices: 0.17.0(graphology-types@0.24.8)
-      graphology-types: 0.24.8
-      graphology-utils: 2.5.2(graphology-types@0.24.8)
-      mnemonist: 0.39.8
-
-  graphology-types@0.24.8: {}
-
-  graphology-utils@2.5.2(graphology-types@0.24.8):
-    dependencies:
-      graphology-types: 0.24.8
-
-  graphology@0.26.0(graphology-types@0.24.8):
-    dependencies:
-      events: 3.3.0
-      graphology-types: 0.24.8
-
   growly@1.3.0: {}
 
   gzip-size@6.0.0:
     dependencies:
       duplexer: 0.1.2
 
-  happy-dom@20.11.1:
-    dependencies:
-      '@types/node': 22.17.2
-      '@types/whatwg-mimetype': 3.0.2
-      '@types/ws': 8.18.1
-      buffer-image-size: 0.6.4
-      entities: 7.0.1
-      whatwg-mimetype: 3.0.0
-      ws: 8.21.1
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   has-flag@4.0.0: {}
 
   has-symbols@1.1.0: {}
@@ -10008,8 +9387,6 @@ snapshots:
     dependencies:
       is-relative: 0.1.3
 
-  is-any-array@3.0.0: {}
-
   is-arrayish@0.2.1: {}
 
   is-core-module@2.16.2:
@@ -10100,12 +9477,6 @@ snapshots:
     dependencies:
       ws: 8.21.0
 
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   jiti@2.4.2: {}
 
   jiti@2.7.0: {}
@@ -10118,16 +9489,6 @@ snapshots:
 
   jose@6.2.4: {}
 
-  js-beautify@1.15.4:
-    dependencies:
-      config-chain: 1.1.13
-      editorconfig: 1.0.7
-      glob: 10.5.0
-      js-cookie: 3.0.8
-      nopt: 7.2.1
-
-  js-cookie@3.0.8: {}
-
   js-tokens@4.0.0: {}
 
   js-tokens@9.0.1: {}
@@ -10365,8 +9726,6 @@ snapshots:
 
   lodash.once@4.1.1: {}
 
-  lodash@4.18.1: {}
-
   log-update@6.1.0:
     dependencies:
       ansi-escapes: 7.3.0
@@ -10387,8 +9746,6 @@ snapshots:
 
   long-timeout@0.1.1: {}
 
-  lru-cache@10.4.3: {}
-
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -10468,35 +9825,10 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.18
 
-  minimatch@9.0.9:
-    dependencies:
-      brace-expansion: 2.1.4
-
   minimist@1.2.8: {}
 
-  minipass@7.1.3: {}
-
   mitt@3.0.1: {}
 
-  ml-array-max@2.0.0:
-    dependencies:
-      is-any-array: 3.0.0
-
-  ml-array-min@2.0.0:
-    dependencies:
-      is-any-array: 3.0.0
-
-  ml-array-rescale@2.0.0:
-    dependencies:
-      is-any-array: 3.0.0
-      ml-array-max: 2.0.0
-      ml-array-min: 2.0.0
-
-  ml-matrix@6.14.0:
-    dependencies:
-      is-any-array: 3.0.0
-      ml-array-rescale: 2.0.0
-
   mlly@1.8.2:
     dependencies:
       acorn: 8.17.0
@@ -10504,10 +9836,6 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.4
 
-  mnemonist@0.39.8:
-    dependencies:
-      obliterator: 2.0.5
-
   mri@1.2.0: {}
 
   mrmime@2.0.1: {}
@@ -10566,10 +9894,6 @@ snapshots:
 
   node@runtime:22.22.3: {}
 
-  nopt@7.2.1:
-    dependencies:
-      abbrev: 2.0.0
-
   normalize-path@3.0.0: {}
 
   npm-normalize-package-bin@4.0.0: {}
@@ -10600,8 +9924,6 @@ snapshots:
       pathe: 2.0.3
       tinyexec: 1.2.4
 
-  obliterator@2.0.5: {}
-
   obug@2.1.4: {}
 
   ofetch@1.5.1:
@@ -10752,8 +10074,6 @@ snapshots:
       p-limit: 3.1.0
     optional: true
 
-  package-json-from-dist@1.0.1: {}
-
   package-json@10.0.1:
     dependencies:
       ky: 1.14.3
@@ -10765,10 +10085,6 @@ snapshots:
 
   pako@1.0.11: {}
 
-  pandemonium@2.4.1:
-    dependencies:
-      mnemonist: 0.39.8
-
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -10799,11 +10115,6 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.3
-
   pathe@1.1.2: {}
 
   pathe@2.0.3: {}
@@ -11273,8 +10584,6 @@ snapshots:
 
   shellwords@0.1.1: {}
 
-  siginfo@2.0.0: {}
-
   signal-exit@4.1.0: {}
 
   sirv@3.0.2:
@@ -11325,14 +10634,10 @@ snapshots:
     dependencies:
       through: 2.3.8
 
-  stackback@0.0.2: {}
-
   statuses@1.5.0: {}
 
   statuses@2.0.2: {}
 
-  std-env@4.2.0: {}
-
   streamroller@3.1.5:
     dependencies:
       date-format: 4.0.14
@@ -11347,12 +10652,6 @@ snapshots:
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
 
-  string-width@5.1.2:
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.2.0
-
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
@@ -11445,8 +10744,6 @@ snapshots:
 
   tiny-uid@1.1.2: {}
 
-  tinybench@2.9.0: {}
-
   tinyexec@1.2.4: {}
 
   tinyexec@1.3.0: {}
@@ -11458,8 +10755,6 @@ snapshots:
 
   tinypool@2.1.0: {}
 
-  tinyrainbow@3.1.0: {}
-
   tmp@0.2.7: {}
 
   to-regex-range@5.0.1:
@@ -11822,36 +11117,6 @@ snapshots:
       sass-embedded: 1.90.0
       yaml: 2.9.0
 
-  vitest@4.1.10(@opentelemetry/api@1.9.0)(@types/node@22.17.2)(@vitest/ui@4.1.10)(happy-dom@20.11.1)(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)):
-    dependencies:
-      '@vitest/expect': 4.1.10
-      '@vitest/mocker': 4.1.10(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/runner': 4.1.10
-      '@vitest/snapshot': 4.1.10
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
-      es-module-lexer: 2.3.1
-      expect-type: 1.4.0
-      magic-string: 0.30.21
-      obug: 2.1.4
-      pathe: 2.0.3
-      picomatch: 4.0.5
-      std-env: 4.2.0
-      tinybench: 2.9.0
-      tinyexec: 1.2.4
-      tinyglobby: 0.2.17
-      tinyrainbow: 3.1.0
-      vite: 8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@opentelemetry/api': 1.9.0
-      '@types/node': 22.17.2
-      '@vitest/ui': 4.1.10(vitest@4.1.10)
-      happy-dom: 20.11.1
-    transitivePeerDependencies:
-      - msw
-
   vscode-json-languageservice@5.7.2:
     dependencies:
       '@vscode/l10n': 0.0.18
@@ -11866,8 +11131,6 @@ snapshots:
 
   vscode-uri@3.1.0: {}
 
-  vue-component-type-helpers@3.3.8: {}
-
   vue-demi@0.14.10(vue@3.5.40(typescript@5.9.3)):
     dependencies:
       vue: 3.5.40(typescript@5.9.3)
@@ -11950,8 +11213,6 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
-  whatwg-mimetype@3.0.0: {}
-
   when-exit@2.1.5: {}
 
   when@3.7.7: {}
@@ -11973,11 +11234,6 @@ snapshots:
     dependencies:
       isexe: 3.1.1
 
-  why-is-node-running@2.3.0:
-    dependencies:
-      siginfo: 2.0.0
-      stackback: 0.0.2
-
   widest-line@5.0.0:
     dependencies:
       string-width: 7.2.0
@@ -11999,12 +11255,6 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  wrap-ansi@8.1.0:
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.2.0
-
   wrap-ansi@9.0.2:
     dependencies:
       ansi-styles: 6.2.1
@@ -12013,8 +11263,6 @@ snapshots:
 
   ws@8.21.0: {}
 
-  ws@8.21.1: {}
-
   wsl-utils@0.1.0:
     dependencies:
       is-wsl: 3.1.0
diff --git a/scripts/check-local-runtime-contract.mjs b/scripts/check-local-runtime-contract.mjs
index c1a8751..b6f9a88 100644
--- a/scripts/check-local-runtime-contract.mjs
+++ b/scripts/check-local-runtime-contract.mjs
@@ -333,11 +333,7 @@ for (const required of [
   }
 }
 
-for (const path of [
-  'apps/client-web/vite.config.ts',
-  'apps/client-web/vitest.config.ts',
-  'extensions/twitter/vite.config.ts',
-]) {
+for (const path of ['apps/client-web/vite.config.ts', 'extensions/twitter/vite.config.ts']) {
   const config = await readFile(`${repoRoot}/${path}`, 'utf8')
   for (const required of [
     'createUiSourceAliases',
diff --git a/scripts/core-release-lib.test.mjs b/scripts/core-release-lib.test.mjs
deleted file mode 100644
index 8b4b0f0..0000000
--- a/scripts/core-release-lib.test.mjs
+++ /dev/null
@@ -1,114 +0,0 @@
-import assert from 'node:assert/strict'
-import { test } from 'vitest'
-
-import {
-  projectDatabaseCompatibilityContract,
-  selectImmutableDigest,
-  validateDatabaseCompatibilityContract,
-  validateCoreReleaseConfig,
-  validateRuntimeContract,
-  validateSchemaManifest,
-  verifyArtifact,
-} from './core-release-lib.mjs'
-
-const sourceRevision = '1'.repeat(40)
-const digest = 'a'.repeat(64)
-const manifest = {
-  format: 1,
-  contract_revision: 'peer-database-runtime-v3',
-  source_revision: sourceRevision,
-  schema: {
-    path: '/app/database-contract/database-schema.sql',
-    sha256: digest,
-    size: 42,
-  },
-  roles: {
-    path: '/app/database-contract/database-roles.sql',
-    sha256: digest,
-    size: 42,
-  },
-  runtime_contract: {
-    path: '/app/database-contract/runtime-contract.json',
-    sha256: digest,
-    size: 42,
-  },
-}
-
-test('accepts only the production-admitted core release channel', () => {
-  assert.equal(
-    validateCoreReleaseConfig({
-      format: 1,
-      repository: 'InKCre/core-py',
-      stable_image: 'ghcr.io/inkcre/core-py:stable',
-      runtime_images: {
-        pgvector: `example/postgres@sha256:${digest}`,
-        postgrest: `example/postgrest@sha256:${digest}`,
-      },
-    }).stable_image,
-    'ghcr.io/inkcre/core-py:stable'
-  )
-})
-
-test('selects the canonical immutable digest', () => {
-  assert.equal(
-    selectImmutableDigest([
-      `ghcr.io/inkcre/core-py@sha256:${digest}`,
-      `example.invalid/core@sha256:${'b'.repeat(64)}`,
-    ]),
-    `ghcr.io/inkcre/core-py@sha256:${digest}`
-  )
-})
-
-test('rejects an ambiguous stable resolution', () => {
-  assert.throws(
-    () =>
-      selectImmutableDigest([
-        `ghcr.io/inkcre/core-py@sha256:${digest}`,
-        `ghcr.io/inkcre/core-py@sha256:${'b'.repeat(64)}`,
-      ]),
-    /one canonical digest/
-  )
-})
-
-test('binds runtime identity to the schema manifest', () => {
-  const validated = validateSchemaManifest(manifest)
-  assert.equal(
-    validateRuntimeContract(
-      {
-        format: 1,
-        revision: manifest.contract_revision,
-        source_revision: sourceRevision,
-        protocol: { schema: 'inkcre' },
-        jwt: { algorithm: 'HS256', role: 'authenticated' },
-      },
-      validated
-    ).revision,
-    manifest.contract_revision
-  )
-})
-
-test('projects image provenance out of the checked client contract', () => {
-  const runtimeContract = {
-    format: 1,
-    revision: manifest.contract_revision,
-    migration_heads: ['3f7a9c2d5e1b'],
-    source_revision: sourceRevision,
-    protocol: { format: 1, schema: 'inkcre' },
-    jwt: {
-      algorithm: 'HS256',
-      audience: 'inkcre-api',
-      issuer: 'inkcre-peer',
-      role: 'authenticated',
-    },
-  }
-  const laterRelease = { ...runtimeContract, source_revision: '2'.repeat(40) }
-  const compatibility = projectDatabaseCompatibilityContract(runtimeContract)
-
-  assert.deepEqual(projectDatabaseCompatibilityContract(laterRelease), compatibility)
-  assert.deepEqual(validateDatabaseCompatibilityContract(compatibility), compatibility)
-  assert.throws(() => validateDatabaseCompatibilityContract(runtimeContract), /non-client fields/)
-})
-
-test('rejects artifact content that differs from the manifest', () => {
-  assert.throws(() => verifyArtifact(Buffer.from('wrong'), manifest.schema, 'schema'), /manifest/)
-})
diff --git a/scripts/database-provider.test.mjs b/scripts/database-provider.test.mjs
deleted file mode 100644
index 7b3e038..0000000
--- a/scripts/database-provider.test.mjs
+++ /dev/null
@@ -1,178 +0,0 @@
-import assert from 'node:assert/strict'
-import { chmod, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
-import { tmpdir } from 'node:os'
-import { join } from 'node:path'
-import { afterEach, test } from 'vitest'
-
-import {
-  diagnoseDatabaseProvider,
-  resolveDatabaseProviderConfig,
-  runDatabaseDocker,
-} from './database-provider.mjs'
-
-const originalEnvironment = { ...process.env }
-const temporaryDirectories = []
-
-afterEach(async () => {
-  for (const key of Object.keys(process.env)) {
-    if (!(key in originalEnvironment)) delete process.env[key]
-  }
-  Object.assign(process.env, originalEnvironment)
-  await Promise.all(
-    temporaryDirectories.splice(0).map((path) => rm(path, { recursive: true, force: true }))
-  )
-})
-
-async function executable(directory, name, source) {
-  const path = join(directory, name)
-  await writeFile(path, source, { mode: 0o700 })
-  await chmod(path, 0o700)
-  return path
-}
-
-test('local provider is the portable committed default', () => {
-  process.env.INKCRE_DATABASE_PROVIDER = 'local'
-  assert.deepEqual(resolveDatabaseProviderConfig(), { kind: 'local' })
-})
-
-test('SSH provider requires one SSH config alias', () => {
-  process.env.INKCRE_DATABASE_PROVIDER = 'ssh'
-  process.env.INKCRE_DATABASE_SSH_TARGET = '-oProxyCommand=unsafe'
-  assert.throws(resolveDatabaseProviderConfig, /one host alias/)
-})
-
-test('external provider requires one absolute machine-local descriptor', () => {
-  process.env.INKCRE_DATABASE_PROVIDER = 'external'
-  process.env.INKCRE_DATABASE_RUNTIME_DESCRIPTOR = 'relative/runtime.json'
-  assert.throws(resolveDatabaseProviderConfig, /one absolute/)
-
-  process.env.INKCRE_DATABASE_RUNTIME_DESCRIPTOR = '/tmp/core-runtime/runtime.json'
-  assert.deepEqual(resolveDatabaseProviderConfig(), {
-    kind: 'external',
-    descriptor: '/tmp/core-runtime/runtime.json',
-  })
-})
-
-test('external diagnostics prove core owner, runtime instance, and daemon', async () => {
-  const directory = await mkdtemp(`${tmpdir()}/inkcre-provider-test-`)
-  temporaryDirectories.push(directory)
-  const descriptor = join(directory, 'runtime.json')
-  await writeFile(
-    descriptor,
-    JSON.stringify({
-      format: 1,
-      identity: '0123456789abcdef',
-      owner_repository: 'InKCre/core-py',
-      contract_revision: 'peer-database-runtime-v1',
-      docker: {
-        daemon_id: 'daemon-id',
-        engine: '28.5.2',
-        compose: '2.40.3',
-      },
-    })
-  )
-
-  assert.deepEqual(
-    diagnoseDatabaseProvider({
-      kind: 'external',
-      descriptor,
-    }),
-    {
-      kind: 'external',
-      owner_repository: 'InKCre/core-py',
-      runtime_instance: '0123456789abcdef',
-      daemon_id: 'daemon-id',
-      engine: '28.5.2',
-      compose: '2.40.3',
-    }
-  )
-})
-
-test('local diagnostics use the local Docker CLI', async () => {
-  const directory = await mkdtemp(`${tmpdir()}/inkcre-provider-test-`)
-  temporaryDirectories.push(directory)
-
-  await executable(
-    directory,
-    'docker',
-    [
-      '#!/bin/sh',
-      'if [ "$1" = "info" ]; then',
-      "  printf '27.0.0\\n'",
-      'elif [ "$1" = "compose" ] && [ "$2" = "version" ]; then',
-      "  printf '2.29.0\\n'",
-      'else',
-      '  exit 96',
-      'fi',
-      '',
-    ].join('\n')
-  )
-
-  process.env.PATH = `${directory}:${originalEnvironment.PATH}`
-  assert.deepEqual(diagnoseDatabaseProvider({ kind: 'local' }), {
-    kind: 'local',
-    engine: '27.0.0',
-    compose: '2.29.0',
-  })
-})
-
-test('SSH diagnostics never invoke the local Docker CLI', async () => {
-  const directory = await mkdtemp(`${tmpdir()}/inkcre-provider-test-`)
-  temporaryDirectories.push(directory)
-  const marker = join(directory, 'local-docker-called')
-
-  await executable(directory, 'docker', `#!/bin/sh\nprintf called > "${marker}"\nexit 97\n`)
-  await executable(
-    directory,
-    'ssh',
-    [
-      '#!/bin/sh',
-      'if [ "$1" = "-G" ]; then exit 0; fi',
-      'cat >/dev/null',
-      "printf '28.5.2\\n2.40.3\\n'",
-      '',
-    ].join('\n')
-  )
-
-  process.env.PATH = `${directory}:${originalEnvironment.PATH}`
-  process.env.INKCRE_DATABASE_PROVIDER = 'ssh'
-  process.env.INKCRE_DATABASE_SSH_TARGET = 'test-docker-host'
-  process.env.INKCRE_DATABASE_SSH_DOCKER_BIN = '/remote/docker'
-
-  const provider = resolveDatabaseProviderConfig()
-  assert.deepEqual(diagnoseDatabaseProvider(provider), {
-    kind: 'ssh',
-    target: 'test-docker-host',
-    engine: '28.5.2',
-    compose: '2.40.3',
-  })
-  await assert.rejects(readFile(marker), { code: 'ENOENT' })
-})
-
-test('SSH provider transports Docker argv without invoking local Docker', async () => {
-  const directory = await mkdtemp(`${tmpdir()}/inkcre-provider-test-`)
-  temporaryDirectories.push(directory)
-  const marker = join(directory, 'local-docker-called')
-
-  await executable(directory, 'docker', `#!/bin/sh\nprintf called > "${marker}"\nexit 97\n`)
-  await executable(
-    directory,
-    'ssh',
-    ['#!/bin/sh', 'cat >/dev/null', "printf 'remote-digest\\n'", ''].join('\n')
-  )
-
-  process.env.PATH = `${directory}:${originalEnvironment.PATH}`
-  assert.equal(
-    runDatabaseDocker(
-      {
-        kind: 'ssh',
-        target: 'test-docker-host',
-        docker_bin: '/remote/docker',
-        forward_host: '127.0.0.1',
-      },
-      ['inspect', '--format={{json .RepoDigests}}', 'ghcr.io/inkcre/core-py:stable']
-    ),
-    'remote-digest'
-  )
-  await assert.rejects(readFile(marker), { code: 'ENOENT' })
-})
diff --git a/scripts/database-runtime-external.test.mjs b/scripts/database-runtime-external.test.mjs
deleted file mode 100644
index 684dc99..0000000
--- a/scripts/database-runtime-external.test.mjs
+++ /dev/null
@@ -1,128 +0,0 @@
-import assert from 'node:assert/strict'
-import { mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
-import { tmpdir } from 'node:os'
-import { join } from 'node:path'
-import { afterEach, test } from 'vitest'
-
-import {
-  readiness,
-  runtimeCredentials,
-  runtimeState,
-  stopDatabaseRuntime,
-} from './database-runtime-lib.mjs'
-
-const originalEnvironment = { ...process.env }
-const temporaryDirectories = []
-
-afterEach(async () => {
-  for (const key of Object.keys(process.env)) {
-    if (!(key in originalEnvironment)) delete process.env[key]
-  }
-  Object.assign(process.env, originalEnvironment)
-  await Promise.all(
-    temporaryDirectories.splice(0).map((path) => rm(path, { recursive: true, force: true }))
-  )
-})
-
-async function externalRuntime() {
-  const directory = await mkdtemp(`${tmpdir()}/inkcre-external-runtime-`)
-  temporaryDirectories.push(directory)
-  const descriptor = join(directory, 'runtime.json')
-  const runtimeInstance = '0123456789abcdef'
-  const project = `inkcre-core-py-${runtimeInstance}`
-  const daemonId = 'daemon-id'
-  const runtime = {
-    format: 1,
-    identity: runtimeInstance,
-    owner_repository: 'InKCre/core-py',
-    project,
-    provider: { kind: 'ssh' },
-    docker: {
-      daemon_id: daemonId,
-      engine: '28.5.2',
-      compose: '2.40.3',
-    },
-    contract_revision: 'peer-database-runtime-v1',
-    migration_head: 'd9f4e2a1b7c3',
-    source_revision: 'a'.repeat(40),
-    source_fingerprint: 'b'.repeat(64),
-    converging: false,
-    core_image: 'inkcre-core-py-development:aaaaaaaaaaaa',
-    profile: 'development',
-    local_ports: { postgres: 51001, core: 51002, postgrest: 51003 },
-    remote_ports: { postgres: 61001, core: 61002, postgrest: 61003 },
-    urls: {
-      core: 'http://127.0.0.1:51002/',
-      postgrest: 'http://127.0.0.1:51003/',
-    },
-  }
-  await writeFile(descriptor, JSON.stringify(runtime))
-  await writeFile(
-    join(directory, 'credential.json'),
-    JSON.stringify({ format: 1, JWT_SECRET: 'external-secret' })
-  )
-  await writeFile(
-    join(directory, 'readiness.json'),
-    JSON.stringify({
-      format: 1,
-      status: 'ok',
-      profile: 'development',
-      contract: { revision: runtime.contract_revision },
-      migration: {
-        status: 'ok',
-        current: [runtime.migration_head],
-        expected: [runtime.migration_head],
-      },
-      runtime: {
-        instance: runtimeInstance,
-        owner_repository: 'InKCre/core-py',
-        compose_project: project,
-        docker_daemon_id: daemonId,
-        source_revision: runtime.source_revision,
-        source_fingerprint: runtime.source_fingerprint,
-      },
-    })
-  )
-  process.env.INKCRE_DATABASE_PROVIDER = 'external'
-  process.env.INKCRE_DATABASE_RUNTIME_DESCRIPTOR = descriptor
-  return { descriptor, runtime, directory }
-}
-
-test('external attachment preserves local and database runtime identities', async () => {
-  const { descriptor, runtime, directory } = await externalRuntime()
-
-  const state = await runtimeState('fedcba9876543210', { create: true })
-
-  assert.equal(state.identity, 'fedcba9876543210')
-  assert.equal(state.runtime_instance, runtime.identity)
-  assert.equal(state.owner_repository, 'InKCre/core-py')
-  assert.equal(state.project, runtime.project)
-  assert.equal(state.docker.daemon_id, runtime.docker.daemon_id)
-  assert.equal(state.binding.descriptor, descriptor)
-  assert.equal(state.binding.profile, join(directory, 'profile.json'))
-  assert.deepEqual(await runtimeCredentials('fedcba9876543210'), {
-    format: 1,
-    JWT_SECRET: 'external-secret',
-  })
-})
-
-test('external readiness must agree with the selected runtime descriptor', async () => {
-  const { directory } = await externalRuntime()
-
-  assert.equal(readiness('fedcba9876543210').status, 'ok')
-
-  const mismatched = JSON.parse(await readFile(join(directory, 'readiness.json'), 'utf8'))
-  mismatched.runtime.instance = '1111111111111111'
-  await writeFile(join(directory, 'readiness.json'), JSON.stringify(mismatched))
-
-  assert.throws(() => readiness('fedcba9876543210'), /readiness and runtime descriptor differ/)
-})
-
-test('client-web cannot stop a core-py owned external runtime', async () => {
-  const { runtime } = await externalRuntime()
-
-  await assert.rejects(
-    stopDatabaseRuntime('fedcba9876543210'),
-    new RegExp(`runtime ${runtime.identity} is owned by core-py`)
-  )
-})
diff --git a/scripts/database-runtime-peer.test.mjs b/scripts/database-runtime-peer.test.mjs
deleted file mode 100644
index bbee83f..0000000
--- a/scripts/database-runtime-peer.test.mjs
+++ /dev/null
@@ -1,75 +0,0 @@
-import assert from 'node:assert/strict'
-import { mkdir, rm, writeFile } from 'node:fs/promises'
-import { afterEach, test, vi } from 'vitest'
-import { jwtVerify } from 'jose'
-
-import { CORE_PEER_ID, configureCorePeer, runtimeDirectory } from './database-runtime-lib.mjs'
-
-const instance = 'peer-runtime-test'
-const secret = 'peer-runtime-test-secret-at-least-32-bytes'
-const originalProvider = process.env.INKCRE_DATABASE_PROVIDER
-
-afterEach(async () => {
-  vi.unstubAllGlobals()
-  if (originalProvider === undefined) delete process.env.INKCRE_DATABASE_PROVIDER
-  else process.env.INKCRE_DATABASE_PROVIDER = originalProvider
-  await rm(runtimeDirectory(instance), { recursive: true, force: true })
-})
-
-test('local deployment configures and observes the core Peer advertisement', async () => {
-  process.env.INKCRE_DATABASE_PROVIDER = 'local'
-  const directory = runtimeDirectory(instance)
-  await mkdir(directory, { recursive: true })
-  await writeFile(`${directory}/credential.json`, JSON.stringify({ format: 1, JWT_SECRET: secret }))
-
-  const coreUrl = 'http://127.0.0.1:51002/'
-  const postgrestUrl = 'http://127.0.0.1:51003/'
-  let patchBody
-  let authorization
-  const fetcher = vi.fn(async (input, init = {}) => {
-    const url = new URL(input)
-    const headers = new Headers(init.headers)
-    authorization = headers.get('Authorization')
-    if (init.method === 'PATCH') {
-      patchBody = JSON.parse(String(init.body))
-      return Response.json([{ id: CORE_PEER_ID }], { status: 200 })
-    }
-    assert.equal(url.searchParams.get('id'), `eq.${CORE_PEER_ID}`)
-    return Response.json([
-      {
-        lease_expires_at: new Date(Date.now() + 60_000).toISOString(),
-        capabilities: [
-          ['core.extension.management.v1', '/extension-management'],
-          ['core.organization.rumination.v1', '/organization/ruminate'],
-          ['core.semantic_retrieval.v1', '/semantic-retrieval'],
-        ].map(([id, path]) => ({
-          id,
-          inbound: {
-            protocol: 'core.peer.protocol.http.v1',
-            parameters: { method: 'POST', url: new URL(path.slice(1), coreUrl).href },
-          },
-        })),
-      },
-    ])
-  })
-  vi.stubGlobal('fetch', fetcher)
-
-  await configureCorePeer({
-    identity: instance,
-    provider: { kind: 'local' },
-    urls: { core: coreUrl, postgrest: postgrestUrl },
-  })
-
-  assert.deepEqual(patchBody, {
-    config: { http_public_base_url: 'http://127.0.0.1:51002' },
-  })
-  assert.match(authorization, /^Bearer /)
-  const token = authorization.slice('Bearer '.length)
-  const verified = await jwtVerify(token, new TextEncoder().encode(secret), {
-    algorithms: ['HS256'],
-    audience: 'inkcre-api',
-    issuer: 'inkcre-peer',
-  })
-  assert.equal(verified.payload.role, 'authenticated')
-  assert.equal(fetcher.mock.calls.length, 2)
-})
diff --git a/scripts/native-extension-distribution.test.mjs b/scripts/native-extension-distribution.test.mjs
deleted file mode 100644
index 66515df..0000000
--- a/scripts/native-extension-distribution.test.mjs
+++ /dev/null
@@ -1,315 +0,0 @@
-import assert from 'node:assert/strict'
-import { mkdtemp, mkdir, readFile, rm, writeFile } from 'node:fs/promises'
-import { tmpdir } from 'node:os'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { test } from 'vitest'
-
-import mfShared, { coreSharedVersion } from '../extensions/mf-shared.ts'
-import {
-  mailArtifactBase,
-  mailBuildOptions,
-  mailBuildTarget,
-  mailFederationOptions,
-} from '../extensions/mail/vite.config.ts'
-import {
-  twitterArtifactBase,
-  twitterBuildOptions,
-  twitterBuildTarget,
-  twitterFederationOptions,
-} from '../extensions/twitter/vite.config.ts'
-import {
-  inspectNativeModuleFederation,
-  prepareBody,
-  verifyPublicModuleFederation,
-} from './verify-native-extension-distribution.mjs'
-
-const repoRoot = fileURLToPath(new URL('..', import.meta.url))
-
-async function readJson(relativePath) {
-  return JSON.parse(await readFile(path.join(repoRoot, relativePath), 'utf8'))
-}
-
-async function createFixture() {
-  const root = await mkdtemp(path.join(tmpdir(), 'inkcre-twitter-mf-'))
-  const artifactDirectory = path.join(root, 'dist')
-  const packagePath = path.join(root, 'extension-package.json')
-  const corePackagePath = path.join(root, 'core-package.json')
-  const files = new Map([
-    ['remoteEntry.js', Buffer.from("import './assets/shared.js'\n")],
-    ['assets/shared.js', Buffer.from('export const shared = true\n')],
-    ['assets/expose.css', Buffer.from('.twitter { color: black; }\n')],
-  ])
-  const manifest = {
-    id: 'extension.twitter',
-    name: 'extension.twitter',
-    metaData: {
-      name: 'extension.twitter',
-      publicPath: './',
-      remoteEntry: { name: 'remoteEntry.js', path: '', type: 'module' },
-    },
-    shared: [
-      {
-        name: '@inkcre/core',
-        requiredVersion: '^0.1.0',
-        assets: {
-          js: { sync: ['assets/shared.js'], async: [] },
-          css: { sync: [], async: [] },
-        },
-      },
-    ],
-    exposes: [
-      {
-        name: '.',
-        assets: {
-          js: { sync: [], async: [] },
-          css: { sync: ['assets/expose.css'], async: [] },
-        },
-      },
-    ],
-  }
-  const extensionPackage = {
-    name: '@inkcre/ext-twitter',
-    version: '0.1.1',
-    inkcre: {
-      name: 'inkcre/twitter',
-      nickname: 'Twitter',
-      module_federation: {
-        host_sdk: '@inkcre/core',
-        host_sdk_version: '>=0.1.0 <0.2.0',
-      },
-    },
-  }
-
-  await mkdir(path.join(artifactDirectory, 'assets'), { recursive: true })
-  await Promise.all([
-    ...[...files].map(([relativePath, content]) =>
-      writeFile(path.join(artifactDirectory, relativePath), content)
-    ),
-    writeFile(path.join(artifactDirectory, 'mf-manifest.json'), `${JSON.stringify(manifest)}\n`),
-    writeFile(packagePath, `${JSON.stringify(extensionPackage)}\n`),
-    writeFile(corePackagePath, `${JSON.stringify({ name: '@inkcre/core', version: '0.1.0' })}\n`),
-  ])
-
-  return {
-    root,
-    artifactDirectory,
-    packagePath,
-    corePackagePath,
-    files,
-    manifest,
-    extensionPackage,
-  }
-}
-
-test('Twitter produces a native manifest with a Registry-relocatable base and typed association', async () => {
-  const [extensionPackage, corePackage] = await Promise.all([
-    readJson('extensions/twitter/package.json'),
-    readJson('packages/core/package.json'),
-  ])
-
-  assert.equal(extensionPackage.inkcre.name, 'inkcre/twitter')
-  assert.equal(extensionPackage.inkcre.nickname, 'Twitter')
-  assert.deepEqual(extensionPackage.inkcre.module_federation, {
-    host_sdk: '@inkcre/core',
-    host_sdk_version: '>=0.1.0 <0.2.0',
-  })
-  assert.equal(twitterFederationOptions.manifest, true)
-  assert.equal(twitterArtifactBase, './')
-  assert.equal(twitterBuildTarget, 'es2022')
-  assert.equal(twitterBuildOptions.outDir, 'dist/client-web')
-  assert.equal(coreSharedVersion, `^${corePackage.version}`)
-  assert.equal(mfShared['@inkcre/core'].requiredVersion, coreSharedVersion)
-})
-
-test('Mail declares the same relocatable native Extension distribution contract', async () => {
-  const [extensionPackage, corePackage] = await Promise.all([
-    readJson('extensions/mail/package.json'),
-    readJson('packages/core/package.json'),
-  ])
-
-  assert.equal(extensionPackage.inkcre.name, 'inkcre/mail')
-  assert.equal(extensionPackage.inkcre.nickname, 'Mail')
-  assert.deepEqual(extensionPackage.inkcre.module_federation, {
-    host_sdk: '@inkcre/core',
-    host_sdk_version: '>=0.1.0 <0.2.0',
-  })
-  assert.equal(mailFederationOptions.manifest, true)
-  assert.equal(mailArtifactBase, './')
-  assert.equal(mailBuildTarget, 'es2022')
-  assert.equal(mailBuildOptions.outDir, 'dist/client-web')
-  assert.equal(coreSharedVersion, `^${corePackage.version}`)
-})
-
-test('validates native Remote entry and shared/exposed asset closure', async () => {
-  const fixture = await createFixture()
-  try {
-    const result = await inspectNativeModuleFederation(fixture)
-    assert.equal(result.name, 'inkcre/twitter')
-    assert.equal(result.remote_entry, 'remoteEntry.js')
-    assert.deepEqual(result.referenced_assets, [
-      'assets/expose.css',
-      'assets/shared.js',
-      'remoteEntry.js',
-    ])
-  } finally {
-    await rm(fixture.root, { recursive: true, force: true })
-  }
-})
-
-test('builds the frozen native prepare payload with distribution-owned provenance', async () => {
-  const fixture = await createFixture()
-  try {
-    const local = await inspectNativeModuleFederation(fixture)
-    assert.deepEqual(
-      prepareBody(local, {
-        source_repository: 'https://github.com/inkcre/client-web',
-        source_revision: 'a'.repeat(40),
-        build_id: 'client-web-mf-build-123',
-      }),
-      {
-        nickname: 'Twitter',
-        version: '0.1.1',
-        module_federation: {
-          host_sdk: '@inkcre/core',
-          host_sdk_version: '>=0.1.0 <0.2.0',
-          source_repository: 'https://github.com/inkcre/client-web',
-          source_revision: 'a'.repeat(40),
-          build_id: 'client-web-mf-build-123',
-        },
-      }
-    )
-  } finally {
-    await rm(fixture.root, { recursive: true, force: true })
-  }
-})
-
-test('rejects a native manifest whose referenced closure is missing', async () => {
-  const fixture = await createFixture()
-  try {
-    await rm(path.join(fixture.artifactDirectory, 'assets/shared.js'))
-    await assert.rejects(() => inspectNativeModuleFederation(fixture), /missing asset/)
-  } finally {
-    await rm(fixture.root, { recursive: true, force: true })
-  }
-})
-
-test('verifies Registry publicPath materialization and exact native public bytes', async () => {
-  const fixture = await createFixture()
-  try {
-    const publicPrefix =
-      'https://registry.example/extensions/inkcre/twitter/0.1.1/module-federation/'
-    const publicManifest = structuredClone(fixture.manifest)
-    publicManifest.metaData.publicPath = publicPrefix
-    const fetchImplementation = async (input) => {
-      const url = new URL(input)
-      const headers = {
-        'access-control-allow-origin': '*',
-        'cache-control': 'public, max-age=31536000, immutable',
-        etag: '"snapshot"',
-      }
-      if (url.pathname.endsWith('/v1/extensions/inkcre/twitter/releases/0.1.1')) {
-        return Response.json(
-          {
-            name: 'inkcre/twitter',
-            nickname: 'Twitter',
-            version: '0.1.1',
-            state: 'published',
-            module_federation: {
-              manifest_url: '/extensions/inkcre/twitter/0.1.1/module-federation/mf-manifest.json',
-              host_sdk: '@inkcre/core',
-              host_sdk_version: '>=0.1.0 <0.2.0',
-            },
-          },
-          { headers }
-        )
-      }
-      if (url.pathname.endsWith('/mf-manifest.json')) {
-        return Response.json(publicManifest, { headers })
-      }
-      const relativePath = decodeURIComponent(url.href.slice(publicPrefix.length))
-      const content = fixture.files.get(relativePath)
-      return content ? new Response(content, { headers }) : new Response('missing', { status: 404 })
-    }
-
-    const result = await verifyPublicModuleFederation({
-      ...fixture,
-      registryUrl: 'https://registry.example',
-      fetchImplementation,
-    })
-
-    assert.equal(result.manifest_url, `${publicPrefix}mf-manifest.json`)
-    assert.equal(result.verified_assets, 3)
-  } finally {
-    await rm(fixture.root, { recursive: true, force: true })
-  }
-})
-
-test('separates exact-main app delivery from the Changesets Extension release lifecycle', async () => {
-  const [ci, delivery, preview, release] = await Promise.all([
-    readFile(path.join(repoRoot, '.github/workflows/ci.yml'), 'utf8'),
-    readFile(path.join(repoRoot, '.github/workflows/pages-deploy.yml'), 'utf8'),
-    readFile(path.join(repoRoot, '.github/workflows/pages-preview.yml'), 'utf8'),
-    readFile(path.join(repoRoot, '.github/workflows/extension-release.yml'), 'utf8'),
-  ])
-
-  assert.match(ci, /push:\n\s+branches:\n\s+- main/)
-  assert.match(ci, /database-contract:\n\s+name: Database contract\n\s+needs: core-release/)
-  assert.match(ci, /workspace:\n\s+name: Workspace contract\n\s+runs-on:/)
-  assert.doesNotMatch(ci, /name: client-web-dist/)
-  assert.doesNotMatch(ci, /name: twitter-mf-dist/)
-  assert.doesNotMatch(ci, /name: twitter-mf-preview-release/)
-  assert.doesNotMatch(ci, /verify-native-extension-distribution\.mjs preview-release/)
-  assert.match(ci, /verify-native-extension-distribution\.mjs inspect-local/)
-  assert.doesNotMatch(ci, /INKCRE_EXTENSION_REGISTRY_TOKEN/)
-
-  assert.match(delivery, /workflow_run:\n\s+workflows:\n\s+- Client checks/)
-  assert.match(delivery, /workflow_run\.conclusion == 'success'/)
-  assert.match(delivery, /currentMain\.data\.object\.sha !== process\.env\.SOURCE_SHA/)
-  assert.doesNotMatch(delivery, /name: twitter-mf-dist/)
-  assert.doesNotMatch(delivery, /download-artifact/)
-  assert.match(delivery, /pnpm install --frozen-lockfile/)
-  assert.match(delivery, /pnpm build/)
-  assert.doesNotMatch(delivery, /INKCRE_EXTENSION_REGISTRY_TOKEN/)
-  assert.doesNotMatch(delivery, /verify-native-extension-distribution\.mjs prepare-body/)
-  assert.doesNotMatch(delivery, /module-federation/)
-
-  assert.match(release, /push:\n\s+branches:\n\s+- main/)
-  assert.doesNotMatch(release, /workflow_run:/)
-  assert.doesNotMatch(release, /download-artifact/)
-  assert.match(release, /changesets\/action@198f833dd7d863100ea6e28967bc9a9fdefadb0a/)
-  assert.match(release, /github-token: \$\{\{ secrets\.GITHUB_TOKEN \}\}/)
-  assert.match(release, /version-script: pnpm release:version/)
-  assert.match(release, /pr-title: 'chore\(extensions\): version pending releases'/)
-  assert.match(release, /create-github-releases: false/)
-  assert.match(release, /push-git-tags: false/)
-  assert.match(release, /needs\.reconcile\.outputs\.has_changesets == 'false'/)
-  assert.match(release, /pnpm --filter '\.\/extensions\/\*' build/)
-  assert.match(release, /pnpm --filter @inkcre\/core build/)
-  assert.match(release, /for package_path in extensions\/\*\/package\.json/)
-  assert.match(release, /manifest\.inkcre\?\.module_federation/)
-  assert.match(release, /verify-native-extension-distribution\.mjs prepare-body/)
-  assert.match(release, /SOURCE_REPOSITORY: https:\/\/github\.com\/\$\{\{ github\.repository \}\}/)
-  assert.match(release, /SOURCE_REVISION: \$\{\{ github\.sha \}\}/)
-  assert.match(release, /--build-id "client-web-extension-release-\$\{GITHUB_RUN_ID\}"/)
-  assert.match(release, /--form "content=@\$delivery_directory\/snapshot\.zip/)
-  assert.match(release, /\/module-federation"/)
-  assert.match(release, /\/publish"/)
-  assert.match(release, /verify-native-extension-distribution\.mjs verify-public/)
-  assert.match(release, /INKCRE_EXTENSION_REGISTRY_TOKEN/)
-  assert.match(preview, /pull_request_target:/)
-  assert.doesNotMatch(preview, /workflow_run:/)
-  assert.doesNotMatch(preview, /download-artifact/)
-  assert.match(preview, /path: controller/)
-  assert.match(preview, /path: candidate/)
-  assert.match(preview, /pdm install --frozen-lockfile/)
-  assert.match(preview, /pnpm build/)
-  assert.match(preview, /pdm run inkcre-ext preview build/)
-  assert.match(preview, /--public-origin "\$PREVIEW_ORIGIN"/)
-  assert.match(preview, /cp -R apps\/client-web\/dist "\$GITHUB_WORKSPACE\/\.pages-preview"/)
-  assert.match(preview, /workingDirectory: \.pages-preview/)
-  assert.match(preview, /pages deploy \./)
-  assert.doesNotMatch(preview, /INKCRE_EXTENSION_REGISTRY_TOKEN/)
-
-  assert.doesNotMatch(release, /pages deploy/)
-})
diff --git a/scripts/ui-source.test.mjs b/scripts/ui-source.test.mjs
deleted file mode 100644
index 2809387..0000000
--- a/scripts/ui-source.test.mjs
+++ /dev/null
@@ -1,108 +0,0 @@
-import assert from 'node:assert/strict'
-import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises'
-import { tmpdir } from 'node:os'
-import { join, resolve } from 'node:path'
-import { afterEach, test } from 'vitest'
-
-import {
-  createUiSourceAliases,
-  createUiSourceTsconfig,
-  isPathInside,
-  readUiSourceInput,
-  resolveUiSourceForVite,
-  resolveUiSourcePackage,
-} from './ui-source.mjs'
-
-const temporaryDirectories = []
-const requiredEntries = [
-  'src/index.ts',
-  'src/components.d.ts',
-  'src/utils/index.ts',
-  'src/locales/index.ts',
-  'styles/index.scss',
-  'styles/_functions.scss',
-  'styles/_mixins.scss',
-  'styles/tokens/_ref.scss',
-  'styles/tokens/_sys.scss',
-  'styles/tokens/_comp.scss',
-  'styles/uno/preset-ink.ts',
-]
-
-afterEach(async () => {
-  await Promise.all(
-    temporaryDirectories.splice(0).map((path) => rm(path, { recursive: true, force: true }))
-  )
-})
-
-async function fakeUiPackage(name = '@inkcre/ui-web') {
-  const root = await mkdtemp(join(tmpdir(), 'inkcre-ui-source-'))
-  temporaryDirectories.push(root)
-  await writeFile(join(root, 'package.json'), JSON.stringify({ name, version: '9.8.7' }))
-  for (const path of requiredEntries) {
-    await mkdir(resolve(root, path, '..'), { recursive: true })
-    await writeFile(resolve(root, path), '')
-  }
-  return root
-}
-
-test('source mode is absent unless the current process opts in', async () => {
-  assert.equal(await resolveUiSourceForVite('serve', {}), null)
-  assert.throws(() => readUiSourceInput([], {}), /Pass --ui-source/)
-})
-
-test('the package root is validated before exact public aliases are returned', async () => {
-  const root = await fakeUiPackage()
-  const uiSource = await resolveUiSourcePackage(root)
-  const aliases = createUiSourceAliases(uiSource)
-
-  assert.equal(uiSource.version, '9.8.7')
-  assert.match(uiSource.identity, /^[a-f0-9]{16}$/)
-  assert.equal(aliases.length, 10)
-  assert.equal(
-    aliases.find(({ find }) => find.test('@inkcre/ui-web')).replacement,
-    join(uiSource.root, 'src/index.ts')
-  )
-  assert.equal(
-    aliases.some(({ find }) => find.test('@inkcre/ui-web/private')),
-    false
-  )
-})
-
-test('wrong package identity and build-mode opt-in fail directly', async () => {
-  const root = await fakeUiPackage('@inkcre/not-ui')
-  await assert.rejects(resolveUiSourcePackage(root), /must be @inkcre\/ui-web/)
-
-  const validRoot = await fakeUiPackage()
-  await assert.rejects(
-    resolveUiSourceForVite('build', { INKCRE_UI_SOURCE_ROOT: validRoot }),
-    /development-only/
-  )
-})
-
-test('client Sass ownership does not match sibling source by substring', () => {
-  const appRoot = '/work/client-web/apps/client-web'
-  assert.equal(
-    isPathInside(`${appRoot}/src/components`, `${appRoot}/src/components/card/card.scss`),
-    true
-  )
-  assert.equal(
-    isPathInside(
-      `${appRoot}/src/components`,
-      '/work/ui/packages/web/src/components/inkButton/inkButton.scss'
-    ),
-    false
-  )
-})
-
-test('temporary TypeScript config maps source entries and global components', async () => {
-  const root = await fakeUiPackage()
-  const uiSource = await resolveUiSourcePackage(root)
-  const appRoot = '/work/client-web/apps/client-web'
-  const config = createUiSourceTsconfig(uiSource, appRoot, '/work/client-web/.runtime/ui-source')
-
-  assert.deepEqual(config.compilerOptions.paths['@inkcre/ui-web'], [
-    join(uiSource.root, 'src/index.ts'),
-  ])
-  assert.ok(config.include.includes(join(uiSource.root, 'src/components.d.ts')))
-  assert.deepEqual(config.compilerOptions.types, [])
-})
diff --git a/scripts/vitest.config.ts b/scripts/vitest.config.ts
deleted file mode 100644
index a933bf3..0000000
--- a/scripts/vitest.config.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { defineProject } from 'vitest/config'
-
-export default defineProject({
-  root: fileURLToPath(new URL('.', import.meta.url)),
-  test: {
-    name: 'runtime',
-    environment: 'node',
-    include: ['*.test.mjs'],
-  },
-})
diff --git a/vitest.config.ts b/vitest.config.ts
deleted file mode 100644
index ecb583a..0000000
--- a/vitest.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineConfig } from 'vitest/config'
-
-export default defineConfig({
-  test: {
-    projects: [
-      'packages/core/vitest.config.ts',
-      'apps/client-web/vitest.config.ts',
-      'apps/client-webext/vitest.config.ts',
-      'scripts/vitest.config.ts',
-    ],
-    reporters: process.env.CI ? ['default', 'junit'] : ['default'],
-    outputFile: process.env.CI
-      ? {
-          junit: 'test-results/vitest/junit.xml',
-        }
-      : undefined,
-  },
-})

From 0ead23af27a13000d518c6fd312417d10721762a Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 16:35:02 +0800
Subject: [PATCH 2/7] docs(shared): consume graph navigation contract

- Advance the shared Hub ref to the published graph retrieval contract
---
 docs/_shared | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_shared b/docs/_shared
index bd425b0..5595ede 160000
--- a/docs/_shared
+++ b/docs/_shared
@@ -1 +1 @@
-Subproject commit bd425b0f3d40675647d67e23eaff598b839d1ae8
+Subproject commit 5595edec65317c728cb27ed70b219d5e068e208b

From 6e635390ce6799a5fe79150bcdf768883bbe49c0 Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 16:41:37 +0800
Subject: [PATCH 3/7] chore(ui): consume ui-web 1.4.0

- Use the published modeless InkPopup contract across all workspace consumers
---
 apps/client-web/package.json        |  2 +-
 extensions/mail/package.json        |  2 +-
 extensions/twitter/package.json     |  2 +-
 packages/ext-dev-utils/package.json |  2 +-
 pnpm-lock.yaml                      | 33 +++++++++++++++++------------
 pnpm-workspace.yaml                 |  2 +-
 6 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/apps/client-web/package.json b/apps/client-web/package.json
index 6b75b2e..9366445 100644
--- a/apps/client-web/package.json
+++ b/apps/client-web/package.json
@@ -18,7 +18,7 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.8",
     "@inkcre/core": "workspace:*",
-    "@inkcre/ui-web": "1.2.2",
+    "@inkcre/ui-web": "1.4.0",
     "@module-federation/runtime": "^0.21.4",
     "@supabase/postgrest-js": "^2.84.0",
     "@vue-flow/background": "^1.3.2",
diff --git a/extensions/mail/package.json b/extensions/mail/package.json
index 9b8db5a..2e86bd1 100644
--- a/extensions/mail/package.json
+++ b/extensions/mail/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@inkcre/ext-dev-utils": "workspace:*",
-    "@inkcre/ui-web": "1.2.2",
+    "@inkcre/ui-web": "1.4.0",
     "@module-federation/vite": "^1.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.2",
diff --git a/extensions/twitter/package.json b/extensions/twitter/package.json
index f4f4b34..f70ef7f 100644
--- a/extensions/twitter/package.json
+++ b/extensions/twitter/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@inkcre/ext-dev-utils": "workspace:*",
-    "@inkcre/ui-web": "1.2.2",
+    "@inkcre/ui-web": "1.4.0",
     "@module-federation/vite": "^1.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.2",
diff --git a/packages/ext-dev-utils/package.json b/packages/ext-dev-utils/package.json
index eda8294..a072aa5 100644
--- a/packages/ext-dev-utils/package.json
+++ b/packages/ext-dev-utils/package.json
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@inkcre/core": "workspace:*",
-    "@inkcre/ui-web": "1.2.2"
+    "@inkcre/ui-web": "1.4.0"
   },
   "devDependencies": {
     "pinia": "^3.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18524ee..43ceda9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -108,8 +108,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/core
       '@inkcre/ui-web':
-        specifier: 1.2.2
-        version: 1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
+        specifier: 1.4.0
+        version: 1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
       '@module-federation/runtime':
         specifier: ^0.21.4
         version: 0.21.6
@@ -336,8 +336,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/ext-dev-utils
       '@inkcre/ui-web':
-        specifier: 1.2.2
-        version: 1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
+        specifier: 1.4.0
+        version: 1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
       '@module-federation/vite':
         specifier: ^1.1.0
         version: 1.7.1(rollup@4.59.0)
@@ -391,8 +391,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/ext-dev-utils
       '@inkcre/ui-web':
-        specifier: 1.2.2
-        version: 1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
+        specifier: 1.4.0
+        version: 1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
       '@module-federation/vite':
         specifier: ^1.1.0
         version: 1.7.1(rollup@4.59.0)
@@ -467,8 +467,8 @@ importers:
         specifier: workspace:*
         version: link:../core
       '@inkcre/ui-web':
-        specifier: 1.2.2
-        version: 1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
+        specifier: 1.4.0
+        version: 1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
     devDependencies:
       pinia:
         specifier: ^3.0.3
@@ -1132,8 +1132,8 @@ packages:
   '@iconify/utils@3.1.4':
     resolution: {integrity: sha512-b1S7B1k9ohZ+iNTi2ATxbRYG9fTrJmUT0rc46bvVnNxqNRGW7dyo/vRREwyniI5IRN2RSJHDcm+s3BjWrSAjHw==}
 
-  '@inkcre/ui-web@1.2.2':
-    resolution: {integrity: sha512-26u+VHciYNpPN9BHwwMoqqPWPN56JsNoa1n5ZkfY7aE5Rq/UwUuVgrWpY1tfzRBo9ec+Fvu1IT4lBj8xLhs9ug==, tarball: https://npm.pkg.github.com/download/@inkcre/ui-web/1.2.2/4065deb9bacb8dfbcfc16bf2611376a8b7f183d0}
+  '@inkcre/ui-web@1.4.0':
+    resolution: {integrity: sha512-Sq5f/hFpOtuGNZwVB36JuMPoAJUvkWvrHogl/PauI4OuV2M/qExdVXrEZa76pbbn35Ic/dleEPyze6lJghxI5w==, tarball: https://npm.pkg.github.com/download/@inkcre/ui-web/1.4.0/356469307437642b43b7e67e82c9b60e52d4f926}
     peerDependencies:
       '@codemirror/autocomplete': ^6.20.0
       '@codemirror/commands': ^6.10.0
@@ -2737,6 +2737,9 @@ packages:
   '@vue/shared@3.5.19':
     resolution: {integrity: sha512-IhXCOn08wgKrLQxRFKKlSacWg4Goi1BolrdEeLYn6tgHjJNXVrWJ5nzoxZqNwl5p88aLlQ8LOaoMa3AYvaKJ/Q==}
 
+  '@vue/shared@3.5.25':
+    resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
+
   '@vue/shared@3.5.40':
     resolution: {integrity: sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==}
 
@@ -6818,7 +6821,7 @@ snapshots:
       '@iconify/types': 2.0.0
       import-meta-resolve: 4.2.0
 
-  '@inkcre/ui-web@1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
+  '@inkcre/ui-web@1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@codemirror/autocomplete': 6.20.3
       '@codemirror/commands': 6.10.4
@@ -6826,6 +6829,7 @@ snapshots:
       '@codemirror/lint': 6.9.7
       '@codemirror/state': 6.7.1
       '@codemirror/view': 6.43.6
+      '@vue/shared': 3.5.25
       '@vueuse/core': 14.3.0(vue@3.5.40(typescript@5.9.3))
       dayjs: 1.11.21
       unocss: 66.7.5(vite@7.3.6(@types/node@22.17.2)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))
@@ -6834,7 +6838,7 @@ snapshots:
       vue: 3.5.40(typescript@5.9.3)
       vue-router: 4.5.1(vue@3.5.40(typescript@5.9.3))
 
-  '@inkcre/ui-web@1.2.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
+  '@inkcre/ui-web@1.4.0(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.4)(@codemirror/lang-json@6.0.2)(@codemirror/lint@6.9.7)(@codemirror/state@6.7.1)(@codemirror/view@6.43.6)(@vueuse/core@14.3.0(vue@3.5.40(typescript@5.9.3)))(dayjs@1.11.21)(unocss@66.7.5(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0)))(vscode-json-languageservice@5.7.2)(vscode-languageserver-textdocument@1.0.12)(vue-router@4.5.1(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@codemirror/autocomplete': 6.20.3
       '@codemirror/commands': 6.10.4
@@ -6842,6 +6846,7 @@ snapshots:
       '@codemirror/lint': 6.9.7
       '@codemirror/state': 6.7.1
       '@codemirror/view': 6.43.6
+      '@vue/shared': 3.5.25
       '@vueuse/core': 14.3.0(vue@3.5.40(typescript@5.9.3))
       dayjs: 1.11.21
       unocss: 66.7.5(vite@8.1.5(@types/node@22.17.2)(esbuild@0.28.1)(jiti@2.7.0)(sass-embedded@1.90.0)(sass@1.101.6)(yaml@2.9.0))
@@ -8054,7 +8059,7 @@ snapshots:
       '@babel/types': 7.28.2
       '@vue/babel-helper-vue-transform-on': 1.5.0
       '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.29.7)
-      '@vue/shared': 3.5.19
+      '@vue/shared': 3.5.40
     optionalDependencies:
       '@babel/core': 7.29.7
     transitivePeerDependencies:
@@ -8221,6 +8226,8 @@ snapshots:
 
   '@vue/shared@3.5.19': {}
 
+  '@vue/shared@3.5.25': {}
+
   '@vue/shared@3.5.40': {}
 
   '@vue/tsconfig@0.7.0(typescript@5.9.3)(vue@3.5.40(typescript@5.9.3))':
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 6e48b87..e8e48ff 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -37,7 +37,7 @@ overrides:
   ws@>=8.0.0 <8.21.0: 8.21.0
 
 minimumReleaseAgeExclude:
-  - '@inkcre/ui-web@1.2.2'
+  - '@inkcre/ui-web@1.4.0'
   - '@supabase/cli-darwin-arm64@2.112.0'
   - '@supabase/cli-darwin-x64@2.112.0'
   - '@supabase/cli-linux-arm64-musl@2.112.0'

From 5b609d4e944af87c2bc114fcfeb05f506dee59f1 Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 16:43:15 +0800
Subject: [PATCH 4/7] fix(info-base): align peer E2E with explicit inspect
 action

- Preserve the rumination delegation journey under focal-first graph navigation
---
 tests/e2e/peer-database.spec.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/e2e/peer-database.spec.ts b/tests/e2e/peer-database.spec.ts
index ccb1490..7b2adc0 100644
--- a/tests/e2e/peer-database.spec.ts
+++ b/tests/e2e/peer-database.spec.ts
@@ -163,7 +163,7 @@ test('core Peer publishes and serves its exact capability inbounds', async ({ pa
   expect(result.executionStatus).toBe(404)
 })
 
-test('BlockDetailsPanel delegates rumination through the discovered Peer', async ({ page }) => {
+test('Block Inspector delegates rumination through the discovered Peer', async ({ page }) => {
   const authorization = `Bearer ${await token()}`
   const content = `E2E rumination focal block ${Date.now()}`
   const created = await fetch(`${postgrestUrl}blocks`, {
@@ -182,7 +182,7 @@ test('BlockDetailsPanel delegates rumination through the discovered Peer', async
     await page.goto('/info-base/graph')
     const node = page.locator('.block-node', { hasText: content })
     await expect(node).toBeVisible()
-    await node.click()
+    await node.getByRole('button', { name: 'Inspect Block' }).click()
 
     const requestPromise = page.waitForRequest(
       (request) =>

From 5e9ae75d3dfc5007229b5d1ef5788f2174a4121a Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 16:48:55 +0800
Subject: [PATCH 5/7] ref(e2e): isolate rumination delegation journey

- Enter Block Inspector through its public route
- Leave canvas inspect interaction to graph acceptance
---
 tests/e2e/peer-database.spec.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/tests/e2e/peer-database.spec.ts b/tests/e2e/peer-database.spec.ts
index 7b2adc0..b00034e 100644
--- a/tests/e2e/peer-database.spec.ts
+++ b/tests/e2e/peer-database.spec.ts
@@ -179,10 +179,8 @@ test('Block Inspector delegates rumination through the discovered Peer', async (
   const [block] = await created.json()
 
   try {
-    await page.goto('/info-base/graph')
-    const node = page.locator('.block-node', { hasText: content })
-    await expect(node).toBeVisible()
-    await node.getByRole('button', { name: 'Inspect Block' }).click()
+    await page.goto(`/info-base/graph/blocks/${block.id}`)
+    await expect(page.getByRole('button', { name: 'Ruminate' })).toBeVisible()
 
     const requestPromise = page.waitForRequest(
       (request) =>

From cb0d5684622bf27b9171d496cb6cab1aa68709d6 Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 17:15:07 +0800
Subject: [PATCH 6/7] fix(info-base): keep retrieval failures observable

- resolve concurrent path closure as not-found\n- retain contextual diagnostics behind shallow UI outcomes
---
 .../RelationInspectorPopup.vue                |  6 +--
 .../src/components/recall/RecallSearch.vue    |  6 +--
 .../src/views/info-base/graph/graph.vue       |  9 ++--
 .../src/graph-navigation-retrieval/main.ts    | 42 +++++++------------
 4 files changed, 22 insertions(+), 41 deletions(-)

diff --git a/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
index 6ccedd8..e262830 100644
--- a/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
+++ b/apps/client-web/src/components/info-base/RelationInspectorPopup/RelationInspectorPopup.vue
@@ -9,7 +9,6 @@ const props = defineProps<RelationInspectorPopupProps>()
 const router = getInfoBaseRouter()
 const status = ref<'loading' | 'success' | 'missing' | 'error'>('loading')
 const relation = shallowRef<Relation | null>(null)
-const error = shallowRef<Error | null>(null)
 let generation = 0
 
 watch(
@@ -18,7 +17,6 @@ watch(
     const current = ++generation
     status.value = 'loading'
     relation.value = null
-    error.value = null
     try {
       const loaded = await Relation.find(relationRef)
       if (current !== generation) return
@@ -26,7 +24,7 @@ watch(
       status.value = loaded ? 'success' : 'missing'
     } catch (cause) {
       if (current !== generation) return
-      error.value = cause instanceof Error ? cause : new Error(String(cause))
+      console.error('[InfoBase] Failed to inspect Relation.', cause)
       status.value = 'error'
     }
   },
@@ -47,7 +45,7 @@ function close(): void {
       </header>
       <InkLoading v-if="status === 'loading'" />
       <p v-else-if="status === 'missing'">This Relation no longer exists.</p>
-      <p v-else-if="status === 'error'">{{ error?.message }}</p>
+      <p v-else-if="status === 'error'">Unable to load this Relation.</p>
       <dl v-else-if="relation">
         <dt>From</dt>
         <dd>#{{ relation.from_ }}</dd>
diff --git a/apps/client-web/src/components/recall/RecallSearch.vue b/apps/client-web/src/components/recall/RecallSearch.vue
index 5441955..01915c7 100644
--- a/apps/client-web/src/components/recall/RecallSearch.vue
+++ b/apps/client-web/src/components/recall/RecallSearch.vue
@@ -17,7 +17,6 @@ const mode = ref<'recall' | 'path'>('recall')
 const status = ref<'idle' | 'loading' | 'ready' | 'error'>('idle')
 const matches = shallowRef<LexicalRetrievalMatch[]>([])
 const selected = ref<BlockRef[]>([])
-const error = shallowRef<Error | null>(null)
 let generation = 0
 
 const isGraphActive = computed(() => String(route.name ?? '').startsWith('InfoBaseGraph'))
@@ -38,7 +37,6 @@ async function search(): Promise<void> {
   const current = ++generation
   status.value = 'loading'
   matches.value = []
-  error.value = null
   try {
     const result = await LexicalRetrievalManager.retrieve({ query: value, limit: 20 })
     if (current !== generation) return
@@ -53,7 +51,7 @@ async function search(): Promise<void> {
     }
   } catch (cause) {
     if (current !== generation) return
-    error.value = cause instanceof Error ? cause : new Error(String(cause))
+    console.error('[Recall] Search failed.', cause)
     status.value = 'error'
   }
 }
@@ -104,7 +102,7 @@ function setMode(value: 'recall' | 'path'): void {
       </form>
       <div v-if="mode === 'path'" class="recall-search__results" aria-live="polite">
         <InkLoading v-if="status === 'loading'" />
-        <p v-else-if="status === 'error'">{{ error?.message }}</p>
+        <p v-else-if="status === 'error'">Recall is temporarily unavailable.</p>
         <p v-else-if="selected.length === 1">Choose the destination Block.</p>
         <button
           v-for="match in matches"
diff --git a/apps/client-web/src/views/info-base/graph/graph.vue b/apps/client-web/src/views/info-base/graph/graph.vue
index d10113b..9968039 100644
--- a/apps/client-web/src/views/info-base/graph/graph.vue
+++ b/apps/client-web/src/views/info-base/graph/graph.vue
@@ -38,7 +38,6 @@ const currentRoute = computed(() => infoBaseRouter.current.value)
 const nodes = shallowRef<BlockNode[]>([])
 const edges = shallowRef<RelationEdge[]>([])
 const status = ref<SceneStatus>('loading')
-const error = shallowRef<Error | null>(null)
 const scale = ref<SceneScale>('standard')
 const direction = ref<GraphDirection>('both')
 const previewReady = ref(false)
@@ -163,8 +162,9 @@ async function loadPreviews(
               }
             : node
         )
-      } catch {
+      } catch (cause) {
         if (current !== generation) return
+        console.error(`[InfoBase] Failed to resolve preview for Block ${block.id}.`, cause)
         nodes.value = nodes.value.map((node) =>
           node.data.block.id === block.id
             ? { ...node, data: { ...node.data, previewStatus: 'error' } }
@@ -180,7 +180,6 @@ async function loadPreviews(
 async function loadScene(): Promise<void> {
   const current = ++generation
   status.value = 'loading'
-  error.value = null
   previewReady.value = false
   pendingCamera.value = true
   try {
@@ -230,7 +229,7 @@ async function loadScene(): Promise<void> {
     }
   } catch (cause) {
     if (current !== generation) return
-    error.value = cause instanceof Error ? cause : new Error(String(cause))
+    console.error('[InfoBase] Failed to load Graph scene.', cause)
     nodes.value = []
     edges.value = []
     status.value = 'error'
@@ -363,7 +362,7 @@ function isRoute(route: InfoBaseRoute | null, name: InfoBaseRoute['name']): bool
       <p v-else-if="status === 'missing'">The addressed graph entity no longer exists.</p>
       <p v-else-if="status === 'not-found'">No path connects these Blocks.</p>
       <p v-else-if="status === 'limit'">The path exceeds the current exploration boundary.</p>
-      <p v-else>{{ error?.message ?? 'Graph retrieval failed.' }}</p>
+      <p v-else>Graph retrieval is temporarily unavailable.</p>
       <InkButton
         v-if="status === 'empty' || status === 'missing'"
         text="Recall information"
diff --git a/packages/core/src/graph-navigation-retrieval/main.ts b/packages/core/src/graph-navigation-retrieval/main.ts
index 1330a6c..d869a6e 100644
--- a/packages/core/src/graph-navigation-retrieval/main.ts
+++ b/packages/core/src/graph-navigation-retrieval/main.ts
@@ -183,6 +183,7 @@ export class GraphNavigationRetrievalManager {
     const backwardDepths = new Map<BlockRef, number>([[toBlock, 0]])
     let forwardFrontier = new Set([fromBlock])
     let backwardFrontier = new Set([toBlock])
+    const traversedRelations = new Map<RelationRef, Relation>()
 
     while (forwardFrontier.size > 0 && backwardFrontier.size > 0) {
       const forwardLevel = forwardDepths.get(forwardFrontier.values().next().value!)!
@@ -198,6 +199,7 @@ export class GraphNavigationRetrievalManager {
         ownDepths: expandForward ? forwardDepths : backwardDepths,
         otherDepths: expandForward ? backwardDepths : forwardDepths,
         maxHops,
+        traversedRelations,
       })
       if (expandForward) forwardFrontier = expanded.frontier
       else backwardFrontier = expanded.frontier
@@ -211,8 +213,7 @@ export class GraphNavigationRetrievalManager {
           meeting: expanded.meeting,
           forwardSteps,
           backwardSteps,
-          direction,
-          contents,
+          traversedRelations,
         })
       }
     }
@@ -228,6 +229,7 @@ export class GraphNavigationRetrievalManager {
     ownDepths: Map<BlockRef, number>
     otherDepths: Map<BlockRef, number>
     maxHops: number
+    traversedRelations: Map<RelationRef, Relation>
   }): Promise<{ frontier: Set<BlockRef>; meeting: BlockRef | null }> {
     const blocks = [...options.frontier]
     const nextFrontier = new Set<BlockRef>()
@@ -242,6 +244,7 @@ export class GraphNavigationRetrievalManager {
         options.reverse
       )
       for (const relation of relations) {
+        options.traversedRelations.set(relation.id, relation)
         for (const [current, neighbor] of this.relationSteps(
           relation,
           chunk,
@@ -328,8 +331,7 @@ export class GraphNavigationRetrievalManager {
     meeting: BlockRef
     forwardSteps: Map<BlockRef, PathStep>
     backwardSteps: Map<BlockRef, PathStep>
-    direction: GraphDirection
-    contents: string[]
+    traversedRelations: Map<RelationRef, Relation>
   }): Promise<PathResult> {
     const blockPath = [options.meeting]
     const relationPath: RelationRef[] = []
@@ -351,33 +353,17 @@ export class GraphNavigationRetrievalManager {
       blockPath.push(current)
       relationPath.push(step.relation)
     }
-    const [blocks, relations] = await Promise.all([
-      Block.getMany(blockPath),
-      Promise.all(relationPath.map((id) => Relation.find(id))),
-    ])
-    if (blocks.length !== new Set(blockPath).size || relations.some((item) => item === null)) {
-      throw new Error('Persisted path changed during retrieval.')
-    }
-    const persistedRelations = relations as Relation[]
-    for (const [index, relation] of persistedRelations.entries()) {
-      const from = blockPath[index]!
-      const to = blockPath[index + 1]!
-      const directionValid =
-        (options.direction === 'both' &&
-          new Set([relation.from_, relation.to_]).has(from) &&
-          new Set([relation.from_, relation.to_]).has(to)) ||
-        (options.direction === 'out' && relation.from_ === from && relation.to_ === to) ||
-        (options.direction === 'in' && relation.to_ === from && relation.from_ === to)
-      if (
-        !directionValid ||
-        (options.contents.length > 0 && !options.contents.includes(relation.content))
-      ) {
-        throw new Error('Persisted path changed during retrieval.')
-      }
+    const blocks = await Block.getMany(blockPath)
+    const relations = relationPath.flatMap((id) => {
+      const relation = options.traversedRelations.get(id)
+      return relation ? [relation] : []
+    })
+    if (blocks.length !== new Set(blockPath).size || relations.length !== relationPath.length) {
+      return { status: 'not_found' }
     }
     return PathFoundSchema.parse({
       status: 'found',
-      graph: { blocks, relations: persistedRelations },
+      graph: { blocks, relations },
       block_path: blockPath,
       relation_path: relationPath,
     }) as PathResult

From 5b8071ea6291389340d20a7df935c0c31659e5de Mon Sep 17 00:00:00 2001
From: Lan_zhijiang <lanzhijiang@foxmail.com>
Date: Sun, 23 Aug 2026 17:27:11 +0800
Subject: [PATCH 7/7] fix(graph): separate inspect from focal activation

- stop native node event propagation at the interaction wrapper\n- preserve keyboard focus visibility for the inspect control
---
 .../info-base/BlockNode/BlockNode.scss        |  2 +-
 .../info-base/BlockNode/BlockNode.vue         | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss b/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
index 7faa743..4dd10e4 100644
--- a/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
+++ b/apps/client-web/src/components/info-base/BlockNode/BlockNode.scss
@@ -54,7 +54,7 @@
   }
 
   &:hover &__inspect,
-  &__inspect:focus-visible {
+  &__inspect:focus-within {
     opacity: 1;
   }
 
diff --git a/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue b/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
index 4b96019..92637a4 100644
--- a/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
+++ b/apps/client-web/src/components/info-base/BlockNode/BlockNode.vue
@@ -34,15 +34,16 @@ const inspect = () => emit('inspect', props.data.block.id)
   >
     <header>
       <span class="block-node__resolver">{{ resolverName }}</span>
-      <InkButton
-        class="nodrag nopan block-node__inspect"
-        icon="i-mdi-information-outline"
-        theme="subtle"
-        type="square"
-        size="sm"
-        aria-label="Inspect Block"
-        @click.stop="inspect"
-      />
+      <span class="nodrag nopan block-node__inspect" @pointerdown.stop @click.stop>
+        <InkButton
+          icon="i-mdi-information-outline"
+          theme="subtle"
+          type="square"
+          size="sm"
+          aria-label="Inspect Block"
+          @click="inspect"
+        />
+      </span>
     </header>
     <div class="block-node__content">
       <InkLoading v-if="data.previewStatus === 'loading'" />