pmx-canvas 0.2.7 → 0.3.1

package/src/server/canvas-serialization.ts

@@ -1,10 +1,7 @@
 import { createHash } from 'node:crypto';
 import { canvasState } from './canvas-state.js';
 import type { CanvasAnnotation, CanvasLayout, CanvasNodeState, ViewportState } from './canvas-state.js';
-import {
-  normalizeCanvasNodeData,
-  type CanvasNodeProvenance,
-} from './canvas-provenance.js';
+import { normalizeCanvasNodeData, type CanvasNodeProvenance } from './canvas-provenance.js';
 import { getCanvasNodeKind as getSharedCanvasNodeKind } from '../shared/canvas-node-kind.js';
 import { canOpenNodeAsSurface } from '../shared/surface.js';
 
@@ -79,34 +76,32 @@ export function getCanvasNodeKind(node: CanvasNodeState, data: Record<string, un
 }
 
 export function getCanvasNodeTitle(node: CanvasNodeState): string | null {
-  return pickString(node.data.title)
-    ?? (node.type === 'webpage' ? pickString(node.data.pageTitle) : null)
-    ?? null;
+  return pickString(node.data.title) ?? (node.type === 'webpage' ? pickString(node.data.pageTitle) : null) ?? null;
 }
 
 export function getCanvasNodeContent(node: CanvasNodeState): string | null {
   if (node.type === 'html') {
     const primitive = typeof node.data.htmlPrimitive === 'string' ? node.data.htmlPrimitive : null;
     const description = pickString(node.data.description);
-    return pickString(node.data.agentSummary)
-      ?? pickString(node.data.contentSummary)
-      ?? (primitive
-        ? (description ? `${primitive}: ${description}` : primitive)
-        : null);
+    return (
+      pickString(node.data.agentSummary) ??
+      pickString(node.data.contentSummary) ??
+      (primitive ? (description ? `${primitive}: ${description}` : primitive) : null)
+    );
   }
-  return pickString(node.data.content)
-    ?? pickString(node.data.fileContent)
-    ?? pickString(node.data.text)
-    ?? (node.type === 'file' ? pickString(node.data.path) : null)
-    ?? (node.type === 'image' ? pickString(node.data.src) : null)
-    ?? (node.type === 'webpage' ? pickString(node.data.url) : null)
-    ?? null;
+  return (
+    pickString(node.data.content) ??
+    pickString(node.data.fileContent) ??
+    pickString(node.data.text) ??
+    (node.type === 'file' ? pickString(node.data.path) : null) ??
+    (node.type === 'image' ? pickString(node.data.src) : null) ??
+    (node.type === 'webpage' ? pickString(node.data.url) : null) ??
+    null
+  );
 }
 
 export function getCanvasNodeSurfaceUrl(node: CanvasNodeState, data: Record<string, unknown>): string | null {
-  return canOpenNodeAsSurface(node.type, data)
-    ? `/api/canvas/surface/${encodeURIComponent(node.id)}`
-    : null;
+  return canOpenNodeAsSurface(node.type, data) ? `/api/canvas/surface/${encodeURIComponent(node.id)}` : null;
 }
 
 export function serializeCanvasNode(node: CanvasNodeState): SerializedCanvasNode {
@@ -236,22 +231,21 @@ function rectsOverlap(
   a: { x: number; y: number; width: number; height: number },
   b: { x: number; y: number; width: number; height: number },
 ): boolean {
-  return a.x <= b.x + b.width &&
-    a.x + a.width >= b.x &&
-    a.y <= b.y + b.height &&
-    a.y + a.height >= b.y;
+  return a.x <= b.x + b.width && a.x + a.width >= b.x && a.y <= b.y + b.height && a.y + a.height >= b.y;
 }
 
 export function summarizeCanvasAnnotationForContext(
   annotation: CanvasAnnotation,
   nodes: CanvasNodeState[],
 ): CanvasAnnotationContextSummary {
-  const targetNodes = nodes.filter((node) => rectsOverlap(annotation.bounds, {
-    x: node.position.x,
-    y: node.position.y,
-    width: node.size.width,
-    height: node.size.height,
-  }));
+  const targetNodes = nodes.filter((node) =>
+    rectsOverlap(annotation.bounds, {
+      x: node.position.x,
+      y: node.position.y,
+      width: node.size.width,
+      height: node.size.height,
+    }),
+  );
   const targetNodeTitles = targetNodes.map((node) => getCanvasNodeTitle(node) ?? node.id);
   return {
     id: annotation.id,
@@ -284,9 +278,7 @@ export function buildCanvasSummary(): CanvasSummary {
     typeCounts[kind] = (typeCounts[kind] ?? 0) + 1;
   }
 
-  const pinnedTitles = layout.nodes
-    .filter((n) => pinnedIds.has(n.id))
-    .map((n) => getCanvasNodeTitle(n) ?? n.id);
+  const pinnedTitles = layout.nodes.filter((n) => pinnedIds.has(n.id)).map((n) => getCanvasNodeTitle(n) ?? n.id);
 
   return {
     totalNodes: layout.nodes.length,

package/src/server/canvas-state.ts

@@ -11,7 +11,16 @@
  */
 
 import { createHash } from 'node:crypto';
-import { existsSync, readFileSync, writeFileSync, mkdirSync, readdirSync, renameSync, rmSync, unlinkSync } from 'node:fs';
+import {
+  existsSync,
+  readFileSync,
+  writeFileSync,
+  mkdirSync,
+  readdirSync,
+  renameSync,
+  rmSync,
+  unlinkSync,
+} from 'node:fs';
 import { isAbsolute, join, dirname, relative } from 'node:path';
 import { gzipSync, gunzipSync } from 'node:zlib';
 import { normalizeCanvasNodeData } from './canvas-provenance.js';
@@ -123,9 +132,15 @@ interface LoadFromDiskOptions {
 }
 
 export const IMAGE_MIME_MAP: Record<string, string> = {
-  png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg',
-  gif: 'image/gif', svg: 'image/svg+xml', webp: 'image/webp',
-  bmp: 'image/bmp', ico: 'image/x-icon', avif: 'image/avif',
+  png: 'image/png',
+  jpg: 'image/jpeg',
+  jpeg: 'image/jpeg',
+  gif: 'image/gif',
+  svg: 'image/svg+xml',
+  webp: 'image/webp',
+  bmp: 'image/bmp',
+  ico: 'image/x-icon',
+  avif: 'image/avif',
 };
 
 export interface CanvasSnapshot {
@@ -235,7 +250,34 @@ export interface CanvasNodeUpdate {
 export type CanvasChangeType = 'pins' | 'nodes' | 'ax' | 'ax-timeline';
 
 export interface MutationRecordInfo {
-  operationType: 'addNode' | 'updateNode' | 'removeNode' | 'addEdge' | 'removeEdge' | 'addAnnotation' | 'removeAnnotation' | 'clear' | 'restoreSnapshot' | 'setPins' | 'setAxFocus' | 'addWorkItem' | 'updateWorkItem' | 'requestApproval' | 'resolveApproval' | 'addReviewAnnotation' | 'updateReviewAnnotation' | 'requestElicitation' | 'respondElicitation' | 'requestMode' | 'resolveModeRequest' | 'setPolicy' | 'arrange' | 'batch' | 'groupNodes' | 'ungroupNodes' | 'viewport';
+  operationType:
+    | 'addNode'
+    | 'updateNode'
+    | 'removeNode'
+    | 'addEdge'
+    | 'removeEdge'
+    | 'addAnnotation'
+    | 'removeAnnotation'
+    | 'clear'
+    | 'restoreSnapshot'
+    | 'setPins'
+    | 'setAxFocus'
+    | 'addWorkItem'
+    | 'updateWorkItem'
+    | 'requestApproval'
+    | 'resolveApproval'
+    | 'addReviewAnnotation'
+    | 'updateReviewAnnotation'
+    | 'requestElicitation'
+    | 'respondElicitation'
+    | 'requestMode'
+    | 'resolveModeRequest'
+    | 'setPolicy'
+    | 'arrange'
+    | 'batch'
+    | 'groupNodes'
+    | 'ungroupNodes'
+    | 'viewport';
   description: string;
   forward: () => void;
   inverse: () => void;
@@ -287,13 +329,15 @@ function replaceById<T extends { id: string }>(list: T[], item: T): T[] {
 }
 
 function isPersistedBlobRef(value: unknown): value is PersistedBlobRef {
-  return isRecord(value) &&
+  return (
+    isRecord(value) &&
     value.__pmxCanvasBlob === 'v1' &&
     typeof value.path === 'string' &&
     typeof value.sha256 === 'string' &&
     value.encoding === 'json+gzip' &&
     typeof value.bytes === 'number' &&
-    typeof value.jsonBytes === 'number';
+    typeof value.jsonBytes === 'number'
+  );
 }
 
 class CanvasStateManager {
@@ -360,7 +404,11 @@ class CanvasStateManager {
   /** Run a function with mutation recording suppressed (for undo/redo replay and computed edges). */
   withSuppressedRecording(fn: () => void): void {
     this._suppressRecordingDepth++;
-    try { fn(); } finally { this._suppressRecordingDepth--; }
+    try {
+      fn();
+    } finally {
+      this._suppressRecordingDepth--;
+    }
   }
 
   /** Create a closure that runs with recording suppressed. */
@@ -388,9 +436,8 @@ class CanvasStateManager {
     bounds: { x: number; y: number; width: number; height: number },
     existingGroups?: CanvasPlacementRect[],
   ): void {
-    const otherGroups = existingGroups ?? Array.from(this.nodes.values()).filter(
-      (node) => node.id !== groupId && node.type === 'group',
-    );
+    const otherGroups =
+      existingGroups ?? Array.from(this.nodes.values()).filter((node) => node.id !== groupId && node.type === 'group');
     const resolved = resolveGroupCollision(bounds, otherGroups);
     const deltaX = resolved.x - bounds.x;
     const deltaY = resolved.y - bounds.y;
@@ -472,7 +519,12 @@ class CanvasStateManager {
     }
   }
 
-  private translateGroupChildren(groupId: string, deltaX: number, deltaY: number, skipIds: ReadonlySet<string> = new Set()): void {
+  private translateGroupChildren(
+    groupId: string,
+    deltaX: number,
+    deltaY: number,
+    skipIds: ReadonlySet<string> = new Set(),
+  ): void {
     if (deltaX === 0 && deltaY === 0) return;
     const snapshot = this.getGroupSnapshot(groupId);
     if (!snapshot) return;
@@ -509,9 +561,7 @@ class CanvasStateManager {
     const snapshot = this.getGroupSnapshot(groupId);
     if (!snapshot || snapshot.children.length === 0) return;
     if (snapshot.group.data.frameMode === 'manual') {
-      const sorted = [...snapshot.children].sort(
-        (a, b) => a.position.y - b.position.y || a.position.x - b.position.x,
-      );
+      const sorted = [...snapshot.children].sort((a, b) => a.position.y - b.position.y || a.position.x - b.position.x);
       const left = snapshot.group.position.x + GROUP_PAD;
       const top = snapshot.group.position.y + GROUP_TITLEBAR_HEIGHT + GROUP_PAD;
       const right = snapshot.group.position.x + snapshot.group.size.width - GROUP_PAD;
@@ -571,6 +621,11 @@ class CanvasStateManager {
   private _db: import('bun:sqlite').Database | null = null;
   private _saveTimer: ReturnType<typeof setTimeout> | null = null;
 
+  /** Workspace root backing persistence and workspace-relative path resolution. */
+  get workspaceRoot(): string {
+    return this._workspaceRoot;
+  }
+
   /** Set the workspace root to enable auto-persistence. */
   setWorkspaceRoot(workspaceRoot: string): void {
     this.close();
@@ -590,9 +645,10 @@ class CanvasStateManager {
     }
 
     // Keep legacy _stateFilePath for JSON migration detection
-    this._stateFilePath = stateFileOverride && !stateFileOverride.endsWith('.db')
-      ? stateFileOverride
-      : join(workspaceRoot, PMX_CANVAS_DIR, STATE_FILENAME);
+    this._stateFilePath =
+      stateFileOverride && !stateFileOverride.endsWith('.db')
+        ? stateFileOverride
+        : join(workspaceRoot, PMX_CANVAS_DIR, STATE_FILENAME);
 
     try {
       this._db = openCanvasDb(dbPath);
@@ -744,9 +800,7 @@ class CanvasStateManager {
   private externalizePersistedStateBlobs<T extends PersistedCanvasState>(state: T): T {
     return {
       ...state,
-      nodes: Array.isArray(state.nodes)
-        ? state.nodes.map((node) => this.externalizeNodeDataBlobs(node))
-        : [],
+      nodes: Array.isArray(state.nodes) ? state.nodes.map((node) => this.externalizeNodeDataBlobs(node)) : [],
     };
   }
 
@@ -1155,7 +1209,9 @@ class CanvasStateManager {
     if (!dir || !existsSync(dir)) return [];
 
     try {
-      const files = readdirSync(dir).filter((f) => f.endsWith('.json')).sort();
+      const files = readdirSync(dir)
+        .filter((f) => f.endsWith('.json'))
+        .sort();
       const snapshots: CanvasSnapshot[] = [];
       for (const file of files) {
         try {
@@ -1227,7 +1283,9 @@ class CanvasStateManager {
       viewport: structuredClone(resolved.state.viewport),
       nodes: Array.isArray(resolved.state.nodes) ? resolved.state.nodes.map((node) => structuredClone(node)) : [],
       edges: Array.isArray(resolved.state.edges) ? resolved.state.edges.map((edge) => structuredClone(edge)) : [],
-      annotations: Array.isArray(resolved.state.annotations) ? resolved.state.annotations.map((annotation) => structuredClone(annotation)) : [],
+      annotations: Array.isArray(resolved.state.annotations)
+        ? resolved.state.annotations.map((annotation) => structuredClone(annotation))
+        : [],
       contextPins: Array.isArray(resolved.state.contextPins) ? [...resolved.state.contextPins] : [],
       ax: resolved.state.ax ? structuredClone(resolved.state.ax) : createEmptyAxState(),
     };
@@ -1268,7 +1326,9 @@ class CanvasStateManager {
   }
 
   /** Read a snapshot's data without restoring it (for diff). Resolves by ID or name. */
-  getSnapshotData(idOrName: string): { name: string; nodes: CanvasNodeState[]; edges: CanvasEdge[]; annotations: CanvasAnnotation[] } | null {
+  getSnapshotData(
+    idOrName: string,
+  ): { name: string; nodes: CanvasNodeState[]; edges: CanvasEdge[]; annotations: CanvasAnnotation[] } | null {
     const resolved = this.readResolvedSnapshot(idOrName);
     if (!resolved) return null;
     const state = {
@@ -1281,7 +1341,9 @@ class CanvasStateManager {
       name: resolved.snapshot.name,
       nodes: Array.isArray(state.nodes) ? state.nodes.map((node) => structuredClone(node)) : [],
       edges: Array.isArray(state.edges) ? state.edges.map((edge) => structuredClone(edge)) : [],
-      annotations: Array.isArray(state.annotations) ? state.annotations.map((annotation) => structuredClone(annotation)) : [],
+      annotations: Array.isArray(state.annotations)
+        ? state.annotations.map((annotation) => structuredClone(annotation))
+        : [],
     };
   }
 
@@ -1339,9 +1401,10 @@ class CanvasStateManager {
     // (including undock → dockPosition null) are respected (see normalizeNode).
     // Skip during suppressed replay (undo/redo re-add) so a deliberately-undocked
     // context node is restored verbatim instead of being snapped back to the dock.
-    const seeded = node.type === 'context' && node.dockPosition == null && this._suppressRecordingDepth === 0
-      ? { ...node, dockPosition: 'right' as const, collapsed: true }
-      : node;
+    const seeded =
+      node.type === 'context' && node.dockPosition == null && this._suppressRecordingDepth === 0
+        ? { ...node, dockPosition: 'right' as const, collapsed: true }
+        : node;
     const cloned = structuredClone(this.normalizeNode(seeded));
     this.nodes.set(node.id, cloned);
     this.scheduleSave();
@@ -1367,11 +1430,7 @@ class CanvasStateManager {
     if (!existing) return;
     const oldSnapshot = structuredClone(existing);
     if (existing.type === 'group' && patch.position) {
-      this.translateGroupChildren(
-        id,
-        patch.position.x - existing.position.x,
-        patch.position.y - existing.position.y,
-      );
+      this.translateGroupChildren(id, patch.position.x - existing.position.x, patch.position.y - existing.position.y);
     }
     const nextNode = this.normalizeNode({ ...existing, ...patch });
     this.nodes.set(id, nextNode);
@@ -1390,7 +1449,11 @@ class CanvasStateManager {
       operationType: 'updateNode',
       description: `Updated node "${(existing.data.title as string) ?? id}"`,
       forward: this.suppressed(() => this.updateNode(id, structuredClone(patch))),
-      inverse: this.suppressed(() => { this.nodes.set(id, structuredClone(oldSnapshot)); this.scheduleSave(); this.notifyChange('nodes'); }),
+      inverse: this.suppressed(() => {
+        this.nodes.set(id, structuredClone(oldSnapshot));
+        this.scheduleSave();
+        this.notifyChange('nodes');
+      }),
     });
   }
 
@@ -1443,7 +1506,8 @@ class CanvasStateManager {
     // original deletion already recorded the note, so replaying must NOT append a
     // duplicate (the timeline is append-only). `revalidateAfterNodeRemoval` above
     // still runs unconditionally — only the timeline note is gated.
-    const affected = orphaned.reanchoredIds.length > 0 || orphaned.removedReviewIds.length > 0 || orphaned.reanchoredFocus;
+    const affected =
+      orphaned.reanchoredIds.length > 0 || orphaned.removedReviewIds.length > 0 || orphaned.reanchoredFocus;
     if (existing && this._suppressRecordingDepth === 0 && affected) {
       const title = (existing.data.title as string) ?? id;
       const focusNote = orphaned.reanchoredFocus ? ' (focus anchor cleared)' : '';
@@ -1606,9 +1670,7 @@ class CanvasStateManager {
     const oldSnapshots = new Map<string, CanvasNodeState>();
     const appliedUpdates: CanvasNodeUpdate[] = [];
     const explicitPositionUpdateIds = new Set(
-      updates
-        .filter((update) => update.position !== undefined)
-        .map((update) => update.id),
+      updates.filter((update) => update.position !== undefined).map((update) => update.id),
     );
 
     for (const update of updates) {
@@ -1618,16 +1680,10 @@ class CanvasStateManager {
         continue;
       }
       const nextPatch: Partial<CanvasNodeState> = {};
-      if (
-        update.position &&
-        (update.position.x !== existing.position.x || update.position.y !== existing.position.y)
-      ) {
+      if (update.position && (update.position.x !== existing.position.x || update.position.y !== existing.position.y)) {
         nextPatch.position = update.position;
       }
-      if (
-        update.size &&
-        (update.size.width !== existing.size.width || update.size.height !== existing.size.height)
-      ) {
+      if (update.size && (update.size.width !== existing.size.width || update.size.height !== existing.size.height)) {
         nextPatch.size = update.size;
       }
       if (update.collapsed !== undefined && update.collapsed !== existing.collapsed) {
@@ -1650,10 +1706,13 @@ class CanvasStateManager {
           explicitPositionUpdateIds,
         );
       }
-      this.nodes.set(update.id, this.normalizeNode({
-        ...existing,
-        ...nextPatch,
-      }));
+      this.nodes.set(
+        update.id,
+        this.normalizeNode({
+          ...existing,
+          ...nextPatch,
+        }),
+      );
       const parentGroupId = existing.data.parentGroup as string | undefined;
       if (parentGroupId) {
         touchedParentGroups.add(parentGroupId);
@@ -1678,7 +1737,10 @@ class CanvasStateManager {
         operationType: 'batch',
         description: formatBatchUpdateDescription(appliedUpdates),
         forward: this.suppressed(() => {
-          this.applyUpdates(appliedUpdates.map((update) => structuredClone(update)), options);
+          this.applyUpdates(
+            appliedUpdates.map((update) => structuredClone(update)),
+            options,
+          );
         }),
         inverse: this.suppressed(() => {
           for (const snapshot of inverseSnapshots) {
@@ -1878,7 +1940,11 @@ class CanvasStateManager {
   }
 
   /** Invoke a registry-gated PMX command intent — records a timeline event (no execution). */
-  invokeCommand(name: string, args: Record<string, unknown> | null = null, options: { source?: PmxAxSource } = {}): PmxAxEvent | null {
+  invokeCommand(
+    name: string,
+    args: Record<string, unknown> | null = null,
+    options: { source?: PmxAxSource } = {},
+  ): PmxAxEvent | null {
     return this.ax.invokeCommand(name, args, options);
   }
 
@@ -1900,14 +1966,27 @@ class CanvasStateManager {
 
   // ── Timeline (DB-direct; NOT in _axState; NOT history-recorded) ───
   recordAxEvent(
-    input: { kind: PmxAxEventKind; summary: string; detail?: string | null; nodeIds?: string[]; data?: Record<string, unknown> | null },
+    input: {
+      kind: PmxAxEventKind;
+      summary: string;
+      detail?: string | null;
+      nodeIds?: string[];
+      data?: Record<string, unknown> | null;
+    },
     options: { source?: PmxAxSource } = {},
   ): PmxAxEvent {
     return this.ax.recordAxEvent(input, options);
   }
 
   addEvidence(
-    input: { kind: PmxAxEvidenceKind; title: string; body?: string | null; ref?: string | null; nodeIds?: string[]; data?: Record<string, unknown> | null },
+    input: {
+      kind: PmxAxEvidenceKind;
+      title: string;
+      body?: string | null;
+      ref?: string | null;
+      nodeIds?: string[];
+      data?: Record<string, unknown> | null;
+    },
     options: { source?: PmxAxSource } = {},
   ): PmxAxEvidence {
     return this.ax.addEvidence(input, options);
@@ -1933,11 +2012,23 @@ class CanvasStateManager {
       reactions?: {
         workItem?: false | { status?: PmxAxWorkItemStatus; detail?: string | null };
         evidence?: false | { kind?: PmxAxEvidenceKind; body?: string | null };
-        review?: false | { severity?: PmxAxReviewSeverity; kind?: PmxAxReviewKind; anchorType?: PmxAxReviewAnchorType; nodeId?: string | null };
+        review?:
+          | false
+          | {
+              severity?: PmxAxReviewSeverity;
+              kind?: PmxAxReviewKind;
+              anchorType?: PmxAxReviewAnchorType;
+              nodeId?: string | null;
+            };
       };
     },
     options: { source?: PmxAxSource } = {},
-  ): { event: PmxAxEvent; workItem: PmxAxWorkItem | null; evidence: PmxAxEvidence | null; review: PmxAxReviewAnnotation | null } {
+  ): {
+    event: PmxAxEvent;
+    workItem: PmxAxWorkItem | null;
+    evidence: PmxAxEvidence | null;
+    review: PmxAxReviewAnnotation | null;
+  } {
     return this.ax.ingestActivity(input, options);
   }
 
@@ -1969,7 +2060,12 @@ class CanvasStateManager {
     return this.ax.getAxTimelineSummary();
   }
 
-  getAxTimeline(q: AxTimelineQuery = {}): { events: PmxAxEvent[]; evidence: PmxAxEvidence[]; steering: PmxAxSteeringMessage[]; summary: PmxAxTimelineSummary } {
+  getAxTimeline(q: AxTimelineQuery = {}): {
+    events: PmxAxEvent[];
+    evidence: PmxAxEvidence[];
+    steering: PmxAxSteeringMessage[];
+    summary: PmxAxTimelineSummary;
+  } {
     return this.ax.getAxTimeline(q);
   }
 
@@ -2051,7 +2147,8 @@ class CanvasStateManager {
           const c = this.nodes.get(id);
           if (!c) continue;
           const d = { ...c.data };
-          if (oldParent) d.parentGroup = oldParent; else delete d.parentGroup;
+          if (oldParent) d.parentGroup = oldParent;
+          else delete d.parentGroup;
           this.nodes.set(id, { ...c, data: d });
         }
         this.scheduleSave();

package/src/server/chart-template.ts

@@ -15,15 +15,14 @@ import { createRequire } from 'node:module';
 
 const require = createRequire(import.meta.url);
 const extAppsPackageDir = dirname(require.resolve('@modelcontextprotocol/ext-apps/package.json'));
-const extAppsRuntimeSource = readFileSync(
-  join(extAppsPackageDir, 'dist', 'src', 'app-with-deps.js'),
-  'utf-8',
-);
+const extAppsRuntimeSource = readFileSync(join(extAppsPackageDir, 'dist', 'src', 'app-with-deps.js'), 'utf-8');
 const appBindingMatch = extAppsRuntimeSource.match(/([A-Za-z_$][\w$]*) as App/);
 const transportBindingMatch = extAppsRuntimeSource.match(/([A-Za-z_$][\w$]*) as PostMessageTransport/);
 
 if (!appBindingMatch || !transportBindingMatch) {
-  throw new Error('Failed to locate App or PostMessageTransport export bindings in @modelcontextprotocol/ext-apps runtime');
+  throw new Error(
+    'Failed to locate App or PostMessageTransport export bindings in @modelcontextprotocol/ext-apps runtime',
+  );
 }
 
 const extAppsBootstrapSource = `${extAppsRuntimeSource}

package/src/server/code-graph.ts

@@ -113,7 +113,7 @@ function resolveImportPath(specifier: string, fromFilePath: string): string | nu
     // Check if it looks like a relative project path (contains / and no @)
     if (!specifier.includes('/') || specifier.startsWith('@')) return null;
     // For non-relative paths, try workspace-relative resolution
-    const wsRoot = process.cwd();
+    const wsRoot = canvasState.workspaceRoot;
     return tryResolveWithExtensions(resolve(wsRoot, specifier));
   }
 
@@ -123,9 +123,20 @@ function resolveImportPath(specifier: string, fromFilePath: string): string | nu
 }
 
 const RESOLVE_EXTENSIONS = [
-  '', '.ts', '.tsx', '.js', '.jsx', '.mjs', '.mts',
-  '/index.ts', '/index.tsx', '/index.js', '/index.jsx',
-  '.py', '.go', '.rs',
+  '',
+  '.ts',
+  '.tsx',
+  '.js',
+  '.jsx',
+  '.mjs',
+  '.mts',
+  '/index.ts',
+  '/index.tsx',
+  '/index.js',
+  '/index.jsx',
+  '.py',
+  '.go',
+  '.rs',
 ];
 
 function tryResolveWithExtensions(basePath: string): string | null {
@@ -179,7 +190,7 @@ function getFileNodes(): CanvasNodeState[] {
  */
 function buildPathIndex(fileNodes?: CanvasNodeState[]): Map<string, string> {
   const index = new Map<string, string>();
-  for (const node of (fileNodes ?? getFileNodes())) {
+  for (const node of fileNodes ?? getFileNodes()) {
     index.set(node.data.path as string, node.id);
   }
   return index;
@@ -299,7 +310,7 @@ export function buildCodeGraphSummary(): CodeGraphSummary {
       path: relative(process.cwd(), node.data.path as string) || (node.data.path as string),
       title: (node.data.title as string) ?? null,
       imports: importSpecs.get(node.id) ?? [],
-      importedBy: [...(inc)].map((id) => {
+      importedBy: [...inc].map((id) => {
         const path = idToPath.get(id);
         return path ? relative(process.cwd(), path) : id;
       }),
@@ -350,7 +361,9 @@ export function formatCodeGraph(summary: CodeGraphSummary): string {
   }
 
   if (summary.isolatedFiles.length > 0) {
-    lines.push(`Isolated files (${summary.isolatedFiles.length}): ${summary.isolatedFiles.map((f) => f.title ?? f.path).join(', ')}`);
+    lines.push(
+      `Isolated files (${summary.isolatedFiles.length}): ${summary.isolatedFiles.map((f) => f.title ?? f.path).join(', ')}`,
+    );
     lines.push('');
   }