pmx-canvas 0.3.0 → 0.3.2

package/src/client/state/intent-bridge.ts

@@ -2,12 +2,7 @@ function logRequestError(action: string, error: unknown): void {
   console.error(`[intent-bridge] ${action} failed`, error);
 }
 
-async function requestJson<T>(
-  action: string,
-  url: string,
-  fallback: T,
-  init?: RequestInit,
-): Promise<T> {
+async function requestJson<T>(action: string, url: string, fallback: T, init?: RequestInit): Promise<T> {
   try {
     const res = await fetch(url, init);
     return (await res.json()) as T;
@@ -17,11 +12,7 @@ async function requestJson<T>(
   }
 }
 
-async function requestOk(
-  action: string,
-  url: string,
-  init?: RequestInit,
-): Promise<{ ok: boolean }> {
+async function requestOk(action: string, url: string, init?: RequestInit): Promise<{ ok: boolean }> {
   try {
     const res = await fetch(url, init);
     return { ok: res.ok };
@@ -31,11 +22,7 @@ async function requestOk(
   }
 }
 
-async function requestBestEffort(
-  action: string,
-  url: string,
-  init?: RequestInit,
-): Promise<void> {
+async function requestBestEffort(action: string, url: string, init?: RequestInit): Promise<void> {
   try {
     await fetch(url, init);
   } catch (error) {
@@ -44,15 +31,17 @@ async function requestBestEffort(
 }
 
 /** Dispatch user intents from the canvas to the server (for TUI consumption). */
-export async function sendIntent(
-  type: string,
-  payload: Record<string, unknown> = {},
-): Promise<{ ok: boolean }> {
-  return requestJson('sendIntent', '/api/workbench/intent', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ type, payload }),
-  });
+export async function sendIntent(type: string, payload: Record<string, unknown> = {}): Promise<{ ok: boolean }> {
+  return requestJson(
+    'sendIntent',
+    '/api/workbench/intent',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ type, payload }),
+    },
+  );
 }
 
 /**
@@ -88,11 +77,16 @@ export async function vetoGhostIntent(intent: {
 
 /** Fetch rendered markdown HTML from the server. */
 export async function renderMarkdown(markdown: string): Promise<string> {
-  const data = await requestJson<{ html?: string }>('renderMarkdown', '/api/render', {}, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ markdown }),
-  });
+  const data = await requestJson<{ html?: string }>(
+    'renderMarkdown',
+    '/api/render',
+    {},
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ markdown }),
+    },
+  );
   return data.html ?? '';
 }
 
@@ -105,15 +99,17 @@ export async function fetchFile(path: string): Promise<{
 }
 
 /** Save file content to the server. */
-export async function saveFile(
-  path: string,
-  content: string,
-): Promise<{ ok: boolean; updatedAt?: string }> {
-  return requestJson('saveFile', '/api/file/save', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ path, content }),
-  });
+export async function saveFile(path: string, content: string): Promise<{ ok: boolean; updatedAt?: string }> {
+  return requestJson(
+    'saveFile',
+    '/api/file/save',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path, content }),
+    },
+  );
 }
 
 /** Fetch current workbench state. */
@@ -136,11 +132,16 @@ export async function fetchCanvasState(): Promise<Record<string, unknown>> {
 }
 
 export async function saveCanvasTheme(theme: string): Promise<{ ok: boolean; theme?: string }> {
-  return requestJson('saveCanvasTheme', '/api/canvas/theme', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ theme }),
-  });
+  return requestJson(
+    'saveCanvasTheme',
+    '/api/canvas/theme',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ theme }),
+    },
+  );
 }
 
 /** Fetch available slash commands for prompt completion. */
@@ -157,17 +158,22 @@ export async function submitCanvasPrompt(
   threadNodeId?: string,
 ): Promise<{ ok: boolean; nodeId?: string; error?: string }> {
   if (!text.trim()) return { ok: false, error: 'Prompt text is required' };
-  return requestJson('submitCanvasPrompt', '/api/canvas/prompt', { ok: false, error: 'Network error' }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({
-      text,
-      ...(position ? { position } : {}),
-      ...(parentNodeId ? { parentNodeId } : {}),
-      ...(contextNodeIds && contextNodeIds.length > 0 ? { contextNodeIds } : {}),
-      ...(threadNodeId ? { threadNodeId } : {}),
-    }),
-  });
+  return requestJson(
+    'submitCanvasPrompt',
+    '/api/canvas/prompt',
+    { ok: false, error: 'Network error' },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        text,
+        ...(position ? { position } : {}),
+        ...(parentNodeId ? { parentNodeId } : {}),
+        ...(contextNodeIds && contextNodeIds.length > 0 ? { contextNodeIds } : {}),
+        ...(threadNodeId ? { threadNodeId } : {}),
+      }),
+    },
+  );
 }
 
 /** Submit a reply into an existing prompt thread. */
@@ -203,11 +209,16 @@ export async function createEdgeFromClient(
   type: string,
   label?: string,
 ): Promise<{ ok: boolean; id?: string }> {
-  return requestJson('createEdgeFromClient', '/api/canvas/edge', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ from, to, type, label }),
-  });
+  return requestJson(
+    'createEdgeFromClient',
+    '/api/canvas/edge',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ from, to, type, label }),
+    },
+  );
 }
 
 /** Create a canvas node via the server. Returns the new node ID. */
@@ -220,11 +231,16 @@ export async function createNodeFromClient(opts: {
   width?: number;
   height?: number;
 }): Promise<{ ok: boolean; id?: string }> {
-  return requestJson('createNodeFromClient', '/api/canvas/node', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(opts),
-  });
+  return requestJson(
+    'createNodeFromClient',
+    '/api/canvas/node',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(opts),
+    },
+  );
 }
 
 /** Update a canvas node via the server. */
@@ -241,11 +257,16 @@ export async function updateNodeFromClient(
     data?: Record<string, unknown>;
   },
 ): Promise<{ ok: boolean; id?: string }> {
-  return requestJson('updateNodeFromClient', `/api/canvas/node/${encodeURIComponent(id)}`, { ok: false }, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(patch),
-  });
+  return requestJson(
+    'updateNodeFromClient',
+    `/api/canvas/node/${encodeURIComponent(id)}`,
+    { ok: false },
+    {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(patch),
+    },
+  );
 }
 
 /** Refresh a webpage node from its persisted URL on the server. */
@@ -253,18 +274,28 @@ export async function refreshWebpageNodeFromClient(
   id: string,
   url?: string,
 ): Promise<{ ok: boolean; id?: string; error?: string }> {
-  return requestJson('refreshWebpageNodeFromClient', `/api/canvas/node/${encodeURIComponent(id)}/refresh`, { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(url ? { url } : {}),
-  });
+  return requestJson(
+    'refreshWebpageNodeFromClient',
+    `/api/canvas/node/${encodeURIComponent(id)}/refresh`,
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(url ? { url } : {}),
+    },
+  );
 }
 
 /** Remove a canvas node via the server. */
 export async function removeNodeFromClient(id: string): Promise<{ ok: boolean; removed?: string }> {
-  return requestJson('removeNodeFromClient', `/api/canvas/node/${encodeURIComponent(id)}`, { ok: false }, {
-    method: 'DELETE',
-  });
+  return requestJson(
+    'removeNodeFromClient',
+    `/api/canvas/node/${encodeURIComponent(id)}`,
+    { ok: false },
+    {
+      method: 'DELETE',
+    },
+  );
 }
 
 // ── PMX-AX node interactions ──────────────────────────────────
@@ -292,7 +323,10 @@ export async function fetchAxSurfaceState(): Promise<unknown> {
 }
 
 /** Ask the server to open a node's surface in the system browser. */
-export async function openNodeInSystemBrowserRequest(nodeId: string, url?: string): Promise<{ ok: boolean; opened: boolean }> {
+export async function openNodeInSystemBrowserRequest(
+  nodeId: string,
+  url?: string,
+): Promise<{ ok: boolean; opened: boolean }> {
   return requestJson<{ ok: boolean; opened: boolean }>(
     'openNodeInSystemBrowserRequest',
     '/api/canvas/open-external',
@@ -324,14 +358,19 @@ export async function updateViewportFromClient(
   viewport: { x: number; y: number; scale: number },
   options: { recordHistory?: boolean } = {},
 ): Promise<{ ok: boolean }> {
-  return requestJson('updateViewportFromClient', '/api/canvas/viewport', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({
-      ...viewport,
-      ...(options.recordHistory === false ? { recordHistory: false } : {}),
-    }),
-  });
+  return requestJson(
+    'updateViewportFromClient',
+    '/api/canvas/viewport',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        ...viewport,
+        ...(options.recordHistory === false ? { recordHistory: false } : {}),
+      }),
+    },
+  );
 }
 
 // ── Group API ─────────────────────────────────────────────────
@@ -346,29 +385,44 @@ export async function createGroupFromClient(opts: {
   width?: number;
   height?: number;
 }): Promise<{ ok: boolean; id?: string }> {
-  return requestJson('createGroupFromClient', '/api/canvas/group', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(opts),
-  });
+  return requestJson(
+    'createGroupFromClient',
+    '/api/canvas/group',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(opts),
+    },
+  );
 }
 
 /** Add nodes to an existing group. */
 export async function addToGroupFromClient(groupId: string, childIds: string[]): Promise<{ ok: boolean }> {
-  return requestJson('addToGroupFromClient', '/api/canvas/group/add', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ groupId, childIds }),
-  });
+  return requestJson(
+    'addToGroupFromClient',
+    '/api/canvas/group/add',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ groupId, childIds }),
+    },
+  );
 }
 
 /** Ungroup all children from a group. */
 export async function ungroupFromClient(groupId: string): Promise<{ ok: boolean }> {
-  return requestJson('ungroupFromClient', '/api/canvas/group/ungroup', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ groupId }),
-  });
+  return requestJson(
+    'ungroupFromClient',
+    '/api/canvas/group/ungroup',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ groupId }),
+    },
+  );
 }
 
 // ── Snapshot API ──────────────────────────────────────────────
@@ -386,11 +440,16 @@ export async function listSnapshots(): Promise<CanvasSnapshotInfo[]> {
 }
 
 export async function saveSnapshot(name: string): Promise<{ ok: boolean; snapshot?: CanvasSnapshotInfo }> {
-  return requestJson('saveSnapshot', '/api/canvas/snapshots', { ok: false }, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name }),
-  });
+  return requestJson(
+    'saveSnapshot',
+    '/api/canvas/snapshots',
+    { ok: false },
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name }),
+    },
+  );
 }
 
 export async function restoreSnapshot(id: string): Promise<{ ok: boolean }> {
@@ -403,9 +462,14 @@ export async function deleteSnapshot(id: string): Promise<{ ok: boolean }> {
 
 /** Remove a canvas edge via the server. */
 export async function removeEdgeFromClient(edgeId: string): Promise<{ ok: boolean }> {
-  return requestJson('removeEdgeFromClient', '/api/canvas/edge', { ok: false }, {
-    method: 'DELETE',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ edge_id: edgeId }),
-  });
+  return requestJson(
+    'removeEdgeFromClient',
+    '/api/canvas/edge',
+    { ok: false },
+    {
+      method: 'DELETE',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ edge_id: edgeId }),
+    },
+  );
 }

package/src/client/state/intent-store.ts

@@ -63,7 +63,10 @@ function setPhase(id: string, phase: IntentPhase, ms: number, settledNodeId?: st
   next.set(id, { ...current, phase, ...(settledNodeId ? { settledNodeId } : {}) });
   writeIntents(next);
   clearExitTimer(id);
-  exitTimers.set(id, setTimeout(() => removeIntent(id), ms));
+  exitTimers.set(
+    id,
+    setTimeout(() => removeIntent(id), ms),
+  );
 }
 
 /** Resolve a ghost into a real node — the settle morph, then removal. */

package/src/client/state/sse-bridge.ts

@@ -72,10 +72,8 @@ function applyLayoutOverrides(node: CanvasNodeState): CanvasNodeState {
 }
 
 // ── Default positions by type ─────────────────────────────────
-const DEFAULT_POSITIONS: Record<
-  CanvasNodeState['type'],
-  { x: number; y: number; w: number; h: number }
-> & Record<'prompt' | 'response', { x: number; y: number; w: number; h: number }> = {
+const DEFAULT_POSITIONS: Record<CanvasNodeState['type'], { x: number; y: number; w: number; h: number }> &
+  Record<'prompt' | 'response', { x: number; y: number; w: number; h: number }> = {
   status: { x: 40, y: 80, w: 300, h: 120 },
   markdown: { x: 380, y: 80, w: 720, h: 600 },
   context: { x: 1130, y: 80, w: 320, h: 400 },
@@ -114,11 +112,7 @@ function makeNode(
 }
 
 function getMarkdownPlacement(): { x: number; y: number } {
-  return findOpenCanvasPosition(
-    [...nodes.value.values()],
-    DEFAULT_POSITIONS.markdown.w,
-    DEFAULT_POSITIONS.markdown.h,
-  );
+  return findOpenCanvasPosition([...nodes.value.values()], DEFAULT_POSITIONS.markdown.w, DEFAULT_POSITIONS.markdown.h);
 }
 
 // ── Node ensure helpers ───────────────────────────────────────
@@ -243,11 +237,7 @@ function findExtAppNodeId(toolCallId: string): string | null {
   const legacyDirectId = `ext-app-${toolCallId}`;
   if (legacyDirectId !== directId && nodes.value.has(legacyDirectId)) return legacyDirectId;
   for (const [nodeId, node] of nodes.value.entries()) {
-    if (
-      node.type === 'mcp-app' &&
-      node.data.mode === 'ext-app' &&
-      node.data.toolCallId === toolCallId
-    ) {
+    if (node.type === 'mcp-app' && node.data.mode === 'ext-app' && node.data.toolCallId === toolCallId) {
       return nodeId;
     }
   }
@@ -301,28 +291,27 @@ function applyCanvasTheme(theme: string): void {
 }
 
 function isCanvasNodeType(value: unknown): value is CanvasNodeState['type'] {
-  return value === 'markdown'
-    || value === 'mcp-app'
-    || value === 'webpage'
-    || value === 'json-render'
-    || value === 'graph'
-    || value === 'prompt'
-    || value === 'response'
-    || value === 'status'
-    || value === 'context'
-    || value === 'ledger'
-    || value === 'trace'
-    || value === 'file'
-    || value === 'image'
-    || value === 'html'
-    || value === 'group';
+  return (
+    value === 'markdown' ||
+    value === 'mcp-app' ||
+    value === 'webpage' ||
+    value === 'json-render' ||
+    value === 'graph' ||
+    value === 'prompt' ||
+    value === 'response' ||
+    value === 'status' ||
+    value === 'context' ||
+    value === 'ledger' ||
+    value === 'trace' ||
+    value === 'file' ||
+    value === 'image' ||
+    value === 'html' ||
+    value === 'group'
+  );
 }
 
 function isCanvasEdgeType(value: unknown): value is CanvasEdge['type'] {
-  return value === 'relation'
-    || value === 'depends-on'
-    || value === 'flow'
-    || value === 'references';
+  return value === 'relation' || value === 'depends-on' || value === 'flow' || value === 'references';
 }
 
 function parseCanvasPosition(value: unknown): { x: number; y: number } | null {
@@ -353,10 +342,8 @@ function parseCanvasNode(raw: Record<string, unknown>): CanvasNodeState | null {
   const size = parseCanvasSize(raw.size);
   if (!position || !size) return null;
 
-  const dockPosition =
-    raw.dockPosition === 'left' || raw.dockPosition === 'right' ? raw.dockPosition : null;
-  const data =
-    raw.data && typeof raw.data === 'object' ? Object.fromEntries(Object.entries(raw.data)) : {};
+  const dockPosition = raw.dockPosition === 'left' || raw.dockPosition === 'right' ? raw.dockPosition : null;
+  const data = raw.data && typeof raw.data === 'object' ? Object.fromEntries(Object.entries(raw.data)) : {};
 
   return {
     id: raw.id,
@@ -383,9 +370,7 @@ function parseCanvasEdge(raw: Record<string, unknown>): CanvasEdge | null {
     to: raw.to,
     type: raw.type,
     ...(typeof raw.label === 'string' ? { label: raw.label } : {}),
-    ...(raw.style === 'solid' || raw.style === 'dashed' || raw.style === 'dotted'
-      ? { style: raw.style }
-      : {}),
+    ...(raw.style === 'solid' || raw.style === 'dashed' || raw.style === 'dotted' ? { style: raw.style } : {}),
     ...(raw.animated === true ? { animated: true } : {}),
   };
 }
@@ -429,8 +414,7 @@ function handleWorkbenchOpen(data: Record<string, unknown>): void {
   // H6: Guard — path must be a string for node ID stability
   if (typeof data.path !== 'string' || !data.path) return;
   const path = data.path;
-  const title =
-    (typeof data.title === 'string' ? data.title : '') || path.split('/').pop() || 'Untitled';
+  const title = (typeof data.title === 'string' ? data.title : '') || path.split('/').pop() || 'Untitled';
 
   ensureMarkdownNode(path, title);
   if (data.ledgerSummary) {
@@ -515,9 +499,7 @@ function handleAuxClose(data: Record<string, unknown>): void {
     } else {
       const existing = nodes.value.get(id);
       if (!existing) return;
-      const auxTabs = ((existing.data.auxTabs as Array<Record<string, unknown>>) ?? []).filter(
-        (t) => t.id !== data.id,
-      );
+      const auxTabs = ((existing.data.auxTabs as Array<Record<string, unknown>>) ?? []).filter((t) => t.id !== data.id);
       updateNodeData(id, { auxTabs });
     }
   }
@@ -587,8 +569,7 @@ function handleExtAppOpen(data: Record<string, unknown>): void {
 
 function handleExtAppUpdate(data: Record<string, unknown>): void {
   if (typeof data.toolCallId !== 'string' || !data.toolCallId) return;
-  const id =
-    findExtAppEventNodeId(data) ?? findOnlyPendingExtAppNodeId(data.serverName, data.toolName);
+  const id = findExtAppEventNodeId(data) ?? findOnlyPendingExtAppNodeId(data.serverName, data.toolName);
   if (!id) return;
   if (nodes.value.has(id)) {
     updateNodeData(id, { html: data.html });
@@ -597,8 +578,7 @@ function handleExtAppUpdate(data: Record<string, unknown>): void {
 
 function handleExtAppResult(data: Record<string, unknown>): void {
   if (typeof data.toolCallId !== 'string' || !data.toolCallId) return;
-  const id =
-    findExtAppEventNodeId(data) ?? findOnlyPendingExtAppNodeId(data.serverName, data.toolName);
+  const id = findExtAppEventNodeId(data) ?? findOnlyPendingExtAppNodeId(data.serverName, data.toolName);
   if (!id) return;
   if (nodes.value.has(id)) {
     if (data.success === false) {
@@ -611,8 +591,7 @@ function handleExtAppResult(data: Record<string, unknown>): void {
         success: typeof data.success === 'boolean' ? data.success : undefined,
         error: typeof data.error === 'string' ? data.error : undefined,
         content: typeof data.content === 'string' ? data.content : undefined,
-        detailedContent:
-          typeof data.detailedContent === 'string' ? data.detailedContent : undefined,
+        detailedContent: typeof data.detailedContent === 'string' ? data.detailedContent : undefined,
       }),
     });
   }
@@ -843,14 +822,14 @@ function handleCanvasLayoutUpdate(data: Record<string, unknown>): void {
   const shouldApplyViewport = !hasInitialServerLayout.value;
   hasInitialServerLayout.value = true;
 
-  const serverNodes = layout.nodes
-    .map(parseCanvasNode)
-    .filter((node): node is CanvasNodeState => node !== null);
+  const serverNodes = layout.nodes.map(parseCanvasNode).filter((node): node is CanvasNodeState => node !== null);
   const serverEdges = Array.isArray(layout.edges)
     ? layout.edges.map(parseCanvasEdge).filter((edge): edge is CanvasEdge => edge !== null)
     : Array.from(edges.value.values());
   const serverAnnotations = Array.isArray(layout.annotations)
-    ? layout.annotations.map(parseCanvasAnnotation).filter((annotation): annotation is CanvasAnnotation => annotation !== null)
+    ? layout.annotations
+        .map(parseCanvasAnnotation)
+        .filter((annotation): annotation is CanvasAnnotation => annotation !== null)
     : undefined;
   const nextViewport = layout.viewport
     ? {
@@ -861,12 +840,15 @@ function handleCanvasLayoutUpdate(data: Record<string, unknown>): void {
     : undefined;
 
   cancelViewportAnimation();
-  applyServerCanvasLayout({
-    ...(nextViewport ? { viewport: nextViewport } : {}),
-    nodes: serverNodes,
-    edges: serverEdges,
-    ...(serverAnnotations ? { annotations: serverAnnotations } : {}),
-  }, { applyViewport: shouldApplyViewport });
+  applyServerCanvasLayout(
+    {
+      ...(nextViewport ? { viewport: nextViewport } : {}),
+      nodes: serverNodes,
+      edges: serverEdges,
+      ...(serverAnnotations ? { annotations: serverAnnotations } : {}),
+    },
+    { applyViewport: shouldApplyViewport },
+  );
 
   syncAttentionFromSse({ event: 'canvas-layout-update', data });
 }
@@ -923,9 +905,7 @@ function handleThemeChanged(data: Record<string, unknown>): void {
 }
 
 function handleContextPinsChanged(data: Record<string, unknown>): void {
-  const nodeIds = Array.isArray(data.nodeIds)
-    ? data.nodeIds.filter((id): id is string => typeof id === 'string')
-    : [];
+  const nodeIds = Array.isArray(data.nodeIds) ? data.nodeIds.filter((id): id is string => typeof id === 'string') : [];
   replaceContextPinsFromServer(nodeIds);
   syncAttentionFromSse({ event: 'context-pins-changed', data });
 }
@@ -939,7 +919,9 @@ function handleAxStateChanged(): void {
   if (axRefreshTimer) clearTimeout(axRefreshTimer);
   axRefreshTimer = setTimeout(() => {
     axRefreshTimer = null;
-    void fetchAxSurfaceState().then((state) => { axSurfaceState.value = state; });
+    void fetchAxSurfaceState().then((state) => {
+      axSurfaceState.value = state;
+    });
   }, 150);
 }
 
@@ -951,11 +933,12 @@ function handleAxIntent(data: Record<string, unknown>): void {
   // be pruned if its `clear` frame were dropped. The server always sets it, so this
   // only rejects a malformed frame — keeping the backstop's guarantee real.
   if (
-    !intent
-    || typeof intent.id !== 'string'
-    || typeof intent.kind !== 'string'
-    || typeof intent.expiresAt !== 'number'
-  ) return;
+    !intent ||
+    typeof intent.id !== 'string' ||
+    typeof intent.kind !== 'string' ||
+    typeof intent.expiresAt !== 'number'
+  )
+    return;
   upsertIntent(intent);
 }