pmx-canvas 0.3.0 → 0.3.1

package/src/server/spatial-analysis.ts

@@ -125,9 +125,7 @@ function deriveClusterLabel(nodes: CanvasNodeState[]): string {
   for (const n of nodes) {
     typeCounts[n.type] = (typeCounts[n.type] ?? 0) + 1;
   }
-  const parts = Object.entries(typeCounts).map(([type, count]) =>
-    count === 1 ? type : `${count} ${type}`,
-  );
+  const parts = Object.entries(typeCounts).map(([type, count]) => (count === 1 ? type : `${count} ${type}`));
 
   if (titled) {
     return `${titled.data.title} + ${parts.join(', ')}`;
@@ -139,22 +137,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;
 }
 
 function summarizeAnnotationForSpatialContext(
   annotation: CanvasAnnotation,
   nodes: CanvasNodeState[],
 ): SpatialAnnotationContext {
-  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) =>
     typeof node.data.title === 'string' && node.data.title.length > 0 ? node.data.title : node.id,
   );
@@ -176,10 +173,7 @@ function summarizeAnnotationForSpatialContext(
  *
  * Default threshold: 200px (roughly "visually grouped" on a typical canvas).
  */
-export function detectClusters(
-  nodes: CanvasNodeState[],
-  proximityThreshold = 200,
-): SpatialCluster[] {
+export function detectClusters(nodes: CanvasNodeState[], proximityThreshold = 200): SpatialCluster[] {
   if (nodes.length === 0) return [];
 
   // Union-Find for clustering
@@ -312,10 +306,22 @@ export function searchNodes(
 
   for (const node of nodes) {
     const title = ((node.data.title as string) ?? '').toLowerCase();
-    const content = ((node.data.content as string) ?? (node.data.agentSummary as string) ?? (node.data.contentSummary as string) ?? (node.data.description as string) ?? (node.data.fileContent as string) ?? '').toLowerCase();
+    const content = (
+      (node.data.content as string) ??
+      (node.data.agentSummary as string) ??
+      (node.data.contentSummary as string) ??
+      (node.data.description as string) ??
+      (node.data.fileContent as string) ??
+      ''
+    ).toLowerCase();
     const path = ((node.data.path as string) ?? '').toLowerCase();
     const description = ((node.data.description as string) ?? '').toLowerCase();
-    const summary = ((node.data.summary as string) ?? (node.data.agentSummary as string) ?? (node.data.contentSummary as string) ?? '').toLowerCase();
+    const summary = (
+      (node.data.summary as string) ??
+      (node.data.agentSummary as string) ??
+      (node.data.contentSummary as string) ??
+      ''
+    ).toLowerCase();
     const url = ((node.data.url as string) ?? '').toLowerCase();
 
     let score = 0;
@@ -333,12 +339,19 @@ export function searchNodes(
 
     // Extract a snippet around the first match in content
     let snippet = '';
-    const fullContent = (node.data.content as string) ?? (node.data.agentSummary as string) ?? (node.data.contentSummary as string) ?? (node.data.description as string) ?? (node.data.fileContent as string) ?? '';
+    const fullContent =
+      (node.data.content as string) ??
+      (node.data.agentSummary as string) ??
+      (node.data.contentSummary as string) ??
+      (node.data.description as string) ??
+      (node.data.fileContent as string) ??
+      '';
     const matchIdx = fullContent.toLowerCase().indexOf(terms[0]);
     if (matchIdx >= 0) {
       const start = Math.max(0, matchIdx - 40);
       const end = Math.min(fullContent.length, matchIdx + 80);
-      snippet = (start > 0 ? '...' : '') +
+      snippet =
+        (start > 0 ? '...' : '') +
         fullContent.slice(start, end).replace(/\n/g, ' ') +
         (end < fullContent.length ? '...' : '');
     } else if (title) {
@@ -383,10 +396,11 @@ export function buildSpatialContext(
     id: n.id,
     type: n.type,
     title: (n.data.title as string) ?? null,
-    content: summarizeNodeForAgentContext(n, {
-      defaultTextLength: 320,
-      webpageTextLength: 640,
-    }) || null,
+    content:
+      summarizeNodeForAgentContext(n, {
+        defaultTextLength: 320,
+        webpageTextLength: 640,
+      }) || null,
     clusterId: nodeToCluster.get(n.id) ?? null,
     readingOrder: i,
   }));

package/src/server/trace-manager.ts

@@ -154,8 +154,7 @@ class TraceManager {
 
     const startedAt = (node.data.startedAt as number) || Date.now();
     const durationMs = Math.max(0, Date.now() - startedAt);
-    const durationText =
-      durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(1)}s`;
+    const durationText = durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(1)}s`;
 
     canvasState.updateNode(nodeId, {
       data: {
@@ -178,10 +177,7 @@ class TraceManager {
     this.broadcastUpdate();
   }
 
-  onSubagentStarted(payload: {
-    agentName: string;
-    agentDisplayName?: string;
-  }): void {
+  onSubagentStarted(payload: { agentName: string; agentDisplayName?: string }): void {
     if (!this._enabled) return;
 
     const id = nextTraceNodeId();
@@ -249,8 +245,7 @@ class TraceManager {
 
     const startedAt = (node.data.startedAt as number) || Date.now();
     const durationMs = payload.durationMs ?? Math.max(0, Date.now() - startedAt);
-    const durationText =
-      durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(1)}s`;
+    const durationText = durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(1)}s`;
 
     canvasState.updateNode(nodeId, {
       data: {

package/src/server/web-artifacts.ts

@@ -169,9 +169,8 @@ function buildWebArtifactSourceContext(
   }
 
   const appPreview = truncatePreviewText(input.appTsx, WEB_ARTIFACT_SOURCE_PREVIEW_MAX_LENGTH);
-  const cssPreview = typeof input.indexCss === 'string'
-    ? truncatePreviewText(input.indexCss, WEB_ARTIFACT_CSS_PREVIEW_MAX_LENGTH)
-    : '';
+  const cssPreview =
+    typeof input.indexCss === 'string' ? truncatePreviewText(input.indexCss, WEB_ARTIFACT_CSS_PREVIEW_MAX_LENGTH) : '';
   const allSourceFiles = [...sourceFiles];
   const storedSourceFiles = allSourceFiles.slice(0, WEB_ARTIFACT_MAX_STORED_SOURCE_FILES);
   const parts = [
@@ -378,17 +377,12 @@ export function resolveWebArtifactScriptPath(kind: 'init' | 'bundle'): string {
     if (existsSync(candidate)) return resolve(candidate);
   }
 
-  throw new Error(
-    `No web-artifact ${kind} script found. Expected one of: ${candidates.join(', ')}`,
-  );
+  throw new Error(`No web-artifact ${kind} script found. Expected one of: ${candidates.join(', ')}`);
 }
 
 function writeProjectFiles(
   projectPath: string,
-  input: Pick<
-    WebArtifactBuildInput,
-    'title' | 'appTsx' | 'indexCss' | 'mainTsx' | 'indexHtml' | 'files'
-  >,
+  input: Pick<WebArtifactBuildInput, 'title' | 'appTsx' | 'indexCss' | 'mainTsx' | 'indexHtml' | 'files'>,
 ): void {
   const writes = new Map<string, string>();
   writes.set(join(projectPath, 'src', 'App.tsx'), input.appTsx);
@@ -462,10 +456,7 @@ function summarizeArtifactLog(text: string): WebArtifactLogSummary | undefined {
     .filter((line) => line.trim().length > 0);
   if (lines.length === 0) return undefined;
 
-  const noisyPatterns = [
-    /\/dev\/tty/i,
-    /no such device or address/i,
-  ];
+  const noisyPatterns = [/\/dev\/tty/i, /no such device or address/i];
   const filteredLines = lines.filter((line) => !noisyPatterns.some((pattern) => pattern.test(line)));
   const suppressedNoiseCount = lines.length - filteredLines.length;
   const visibleLines = filteredLines.length > 0 ? filteredLines : lines;
@@ -479,9 +470,7 @@ function summarizeArtifactLog(text: string): WebArtifactLogSummary | undefined {
   };
 }
 
-export async function executeWebArtifactBuild(
-  input: WebArtifactBuildInput,
-): Promise<WebArtifactBuildOutput> {
+export async function executeWebArtifactBuild(input: WebArtifactBuildInput): Promise<WebArtifactBuildOutput> {
   const workspaceRoot = currentWorkspaceRoot();
   const artifactsDir = ensureArtifactsDir(workspaceRoot);
   const slug = slugify(input.title);
@@ -505,9 +494,7 @@ export async function executeWebArtifactBuild(
   let stdout = '';
   let stderr = '';
   const needsInit =
-    !existsSync(projectPath) ||
-    !existsSync(join(projectPath, 'package.json')) ||
-    !existsSync(join(projectPath, 'src'));
+    !existsSync(projectPath) || !existsSync(join(projectPath, 'package.json')) || !existsSync(join(projectPath, 'src'));
 
   if (needsInit) {
     const initResult = await runProcess('bash', [initScriptPath, basename(projectPath)], {
@@ -530,10 +517,17 @@ export async function executeWebArtifactBuild(
     // change install behavior. With deps already validated against
     // npm-name format and quoted via single-quote escaping, the regular
     // shell is sufficient and reproducible across machines.
-    const depResult = await runProcess('bash', ['-c', `if command -v pnpm >/dev/null 2>&1; then pnpm --silent add --ignore-scripts -- ${quotedDeps}; elif command -v bun >/dev/null 2>&1; then bun x pnpm@${pnpmVersion} --silent add --ignore-scripts -- ${quotedDeps}; else npm install --ignore-scripts -- ${quotedDeps}; fi`], {
-      cwd: projectPath,
-      timeoutMs,
-    });
+    const depResult = await runProcess(
+      'bash',
+      [
+        '-c',
+        `if command -v pnpm >/dev/null 2>&1; then pnpm --silent add --ignore-scripts -- ${quotedDeps}; elif command -v bun >/dev/null 2>&1; then bun x pnpm@${pnpmVersion} --silent add --ignore-scripts -- ${quotedDeps}; else npm install --ignore-scripts -- ${quotedDeps}; fi`,
+      ],
+      {
+        cwd: projectPath,
+        timeoutMs,
+      },
+    );
     stdout = [stdout, depResult.stdout].filter(Boolean).join('\n');
     stderr = [stderr, depResult.stderr].filter(Boolean).join('\n');
   }
@@ -641,9 +635,11 @@ export function openWebArtifactInCanvas(input: {
   return { nodeId: id, url };
 }
 
-export async function buildWebArtifactOnCanvas(input: WebArtifactBuildInput & {
-  openInCanvas?: boolean;
-}): Promise<WebArtifactCanvasBuildResult> {
+export async function buildWebArtifactOnCanvas(
+  input: WebArtifactBuildInput & {
+    openInCanvas?: boolean;
+  },
+): Promise<WebArtifactCanvasBuildResult> {
   const startedMs = Date.now();
   const startedAt = new Date(startedMs).toISOString();
   const timeoutMs = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;

package/src/server/webpage-node.ts

@@ -72,8 +72,7 @@ function normalizeText(text: string): string {
 function parseTagAttributes(tag: string): Record<string, string> {
   const attributes: Record<string, string> = {};
   const pattern = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/g;
-  let match: RegExpExecArray | null = null;
-  while ((match = pattern.exec(tag)) !== null) {
+  for (const match of tag.matchAll(pattern)) {
     const [, name, doubleQuoted, singleQuoted, unquoted] = match;
     attributes[name.toLowerCase()] = doubleQuoted ?? singleQuoted ?? unquoted ?? '';
   }
@@ -226,11 +225,8 @@ export function summarizeWebpageContent(data: Record<string, unknown>, maxLength
   const url = typeof data.url === 'string' ? data.url : '';
   const pageTitle = typeof data.pageTitle === 'string' ? data.pageTitle : '';
   const description = typeof data.description === 'string' ? data.description : '';
-  const excerpt = typeof data.excerpt === 'string'
-    ? data.excerpt
-    : typeof data.content === 'string'
-      ? data.content
-      : '';
+  const excerpt =
+    typeof data.excerpt === 'string' ? data.excerpt : typeof data.content === 'string' ? data.content : '';
 
   if (url) parts.push(`URL: ${url}`);
   if (pageTitle) parts.push(`Title: ${pageTitle}`);
@@ -267,9 +263,7 @@ export async function fetchWebpageSnapshot(inputUrl: string): Promise<WebpageSna
     }
 
     const pageTitle =
-      extractMetaContent(body, 'og:title') ??
-      extractMetaContent(body, 'twitter:title') ??
-      extractTitle(body);
+      extractMetaContent(body, 'og:title') ?? extractMetaContent(body, 'twitter:title') ?? extractTitle(body);
     const description =
       extractMetaContent(body, 'description') ??
       extractMetaContent(body, 'og:description') ??
@@ -300,9 +294,7 @@ export async function fetchWebpageSnapshot(inputUrl: string): Promise<WebpageSna
     if (error instanceof Error && error.name === 'AbortError') {
       throw new WebpageFetchError(`Timed out after ${FETCH_TIMEOUT_MS}ms while fetching ${url}.`);
     }
-    throw new WebpageFetchError(
-      error instanceof Error ? error.message : `Failed to fetch ${url}.`,
-    );
+    throw new WebpageFetchError(error instanceof Error ? error.message : `Failed to fetch ${url}.`);
   } finally {
     clearTimeout(timeout);
   }

package/src/shared/auto-arrange.ts

@@ -56,7 +56,9 @@ const MAX_ROW_WIDTH = 3200;
 const GROUP_PAD = 40;
 const GROUP_TITLEBAR_HEIGHT = 32;
 
-function computeGroupBounds(rects: Array<{ position: ArrangePosition; size: ArrangeSize }>): (ArrangePosition & ArrangeSize) | null {
+function computeGroupBounds(
+  rects: Array<{ position: ArrangePosition; size: ArrangeSize }>,
+): (ArrangePosition & ArrangeSize) | null {
   if (rects.length === 0) return null;
 
   let minX = Number.POSITIVE_INFINITY;
@@ -158,7 +160,11 @@ function buildArrangeUnits(allNodes: ArrangeNode[]): {
   return { units, nodesById, nodeToUnit };
 }
 
-function buildUnitGraphs(units: ArrangeUnit[], nodeToUnit: Map<string, string>, edges: ArrangeEdge[]): {
+function buildUnitGraphs(
+  units: ArrangeUnit[],
+  nodeToUnit: Map<string, string>,
+  edges: ArrangeEdge[],
+): {
   outgoing: Map<string, Set<string>>;
   undirected: Map<string, Set<string>>;
   indegree: Map<string, number>;
@@ -277,9 +283,10 @@ function computeGraphComponent(
   const roots = component
     .filter((unit) => (indegree.get(unit.id) ?? 0) === 0 && (outdegree.get(unit.id) ?? 0) > 0)
     .sort((a, b) => a.sortKey.x - b.sortKey.x || a.sortKey.y - b.sortKey.y);
-  const seedUnits = roots.length > 0
-    ? roots
-    : [component.slice().sort((a, b) => a.sortKey.x - b.sortKey.x || a.sortKey.y - b.sortKey.y)[0]];
+  const seedUnits =
+    roots.length > 0
+      ? roots
+      : [component.slice().sort((a, b) => a.sortKey.x - b.sortKey.x || a.sortKey.y - b.sortKey.y)[0]];
 
   const levels = new Map<string, number>();
   const queue = seedUnits.map((unit) => unit.id);

package/src/shared/content-height-reporter.ts

@@ -21,12 +21,14 @@ export function sanitizeFrameToken(token: string): string {
 /** Inline JS (no `<script>` wrapper) that reports content height to the parent. */
 export function contentHeightReporterSource(frameToken: string): string {
   const token = JSON.stringify(sanitizeFrameToken(frameToken));
-  return `(function(){var T=${token};var last=0,timer=null;`
-    + `function m(){var d=document.documentElement;return Math.max(d?d.scrollHeight:0,document.body?document.body.scrollHeight:0);}`
-    + `function r(){var h=m();if(Math.abs(h-last)<=4)return;last=h;window.parent.postMessage({source:'pmx-canvas-frame',type:'content-height',token:T,height:h},'*');}`
-    + `function s(){if(timer)return;timer=setTimeout(function(){timer=null;r();},100);}`
-    + `if(document.readyState!=='loading')s();window.addEventListener('load',s);`
-    + `try{new ResizeObserver(s).observe(document.documentElement);}catch(e){}setTimeout(s,60);})();`;
+  return (
+    `(function(){var T=${token};var last=0,timer=null;` +
+    `function m(){var d=document.documentElement;return Math.max(d?d.scrollHeight:0,document.body?document.body.scrollHeight:0);}` +
+    `function r(){var h=m();if(Math.abs(h-last)<=4)return;last=h;window.parent.postMessage({source:'pmx-canvas-frame',type:'content-height',token:T,height:h},'*');}` +
+    `function s(){if(timer)return;timer=setTimeout(function(){timer=null;r();},100);}` +
+    `if(document.readyState!=='loading')s();window.addEventListener('load',s);` +
+    `try{new ResizeObserver(s).observe(document.documentElement);}catch(e){}setTimeout(s,60);})();`
+  );
 }
 
 /** `<script>`-wrapped reporter for injection into an HTML `<head>` / document. */

package/src/shared/ext-app-tool-result.ts

@@ -16,9 +16,7 @@ function isCallToolResult(value: unknown): value is CallToolResult {
   return (
     isRecord(value) &&
     Array.isArray(value.content) &&
-    value.content.every(
-      (item) => isRecord(item) && typeof item.type === 'string',
-    )
+    value.content.every((item) => isRecord(item) && typeof item.type === 'string')
   );
 }
 
@@ -43,9 +41,7 @@ function serializeExtAppResultValue(value: unknown): string | undefined {
   }
 }
 
-export function normalizeExtAppToolResult(
-  input: NormalizeExtAppToolResultInput,
-): CallToolResult {
+export function normalizeExtAppToolResult(input: NormalizeExtAppToolResultInput): CallToolResult {
   const isError = input.success === false;
 
   if (isCallToolResult(input.result)) {

package/src/shared/placement.ts

@@ -69,10 +69,7 @@ export function findOpenCanvasPosition(
     const rowNodes = existing.filter(
       (node) => node.position.y <= y + height + gap && node.position.y + node.size.height + gap > y,
     );
-    const maxBottom = rowNodes.reduce(
-      (max, node) => Math.max(max, node.position.y + node.size.height),
-      y,
-    );
+    const maxBottom = rowNodes.reduce((max, node) => Math.max(max, node.position.y + node.size.height), y);
     y = maxBottom + gap;
   }
 

package/src/shared/semantic-attention.ts

@@ -1,12 +1,7 @@
 import type { CanvasEdge, CanvasLayout, CanvasNodeState } from '../client/types.js';
 import { buildSpatialContext, type SpatialContext } from '../server/spatial-analysis.js';
 
-export type SemanticWatchEventType =
-  | 'context-pin'
-  | 'connect'
-  | 'remove'
-  | 'group'
-  | 'move-end';
+export type SemanticWatchEventType = 'context-pin' | 'connect' | 'remove' | 'group' | 'move-end';
 
 export const ALL_SEMANTIC_WATCH_EVENT_TYPES: SemanticWatchEventType[] = [
   'context-pin',
@@ -184,7 +179,10 @@ function buildClusterPeerMap(spatial: SpatialContext): Map<string, string[]> {
   for (const cluster of spatial.clusters) {
     const members = [...cluster.nodeIds].sort((a, b) => a.localeCompare(b));
     for (const nodeId of members) {
-      map.set(nodeId, members.filter((id) => id !== nodeId));
+      map.set(
+        nodeId,
+        members.filter((id) => id !== nodeId),
+      );
     }
   }
   return map;
@@ -208,7 +206,7 @@ function diffSet(prev: Set<string>, next: Set<string>): { added: string[]; remov
 }
 
 function normalizeEventMeta(payload: unknown): EventMeta {
-  const record = payload && typeof payload === 'object' ? payload as Record<string, unknown> : {};
+  const record = payload && typeof payload === 'object' ? (payload as Record<string, unknown>) : {};
   return {
     timestamp: typeof record.timestamp === 'string' ? record.timestamp : undefined,
     sessionId: typeof record.sessionId === 'string' ? record.sessionId : undefined,
@@ -311,8 +309,9 @@ export function formatCompactWatchEvent(event: SemanticWatchEvent): string {
       if (event.updated.length > 0) {
         parts.push(
           `updated: ${event.updated
-            .map((group) =>
-              `"${group.title ?? group.id}" +${group.addedChildIds.length} -${group.removedChildIds.length} children`,
+            .map(
+              (group) =>
+                `"${group.title ?? group.id}" +${group.addedChildIds.length} -${group.removedChildIds.length} children`,
             )
             .join(', ')}`,
         );
@@ -350,7 +349,7 @@ export class SemanticWatchReducer {
   }
 
   private handleContextPinsChanged(payload: unknown): SemanticWatchEvent[] {
-    const record = payload && typeof payload === 'object' ? payload as Record<string, unknown> : {};
+    const record = payload && typeof payload === 'object' ? (payload as Record<string, unknown>) : {};
     const nodeIds = Array.isArray(record.nodeIds)
       ? record.nodeIds.filter((id): id is string => typeof id === 'string')
       : [];
@@ -378,34 +377,36 @@ export class SemanticWatchReducer {
       return [];
     }
 
-    return [{
-      type: 'context-pin',
-      ...meta,
-      ...previousEventPins,
-    }];
+    return [
+      {
+        type: 'context-pin',
+        ...meta,
+        ...previousEventPins,
+      },
+    ];
   }
 
   private handleLayoutUpdate(payload: unknown): SemanticWatchEvent[] {
-    const record = payload && typeof payload === 'object' ? payload as Record<string, unknown> : {};
-    const layout = record.layout && typeof record.layout === 'object'
-      ? record.layout as CanvasLayout
-      : null;
+    const record = payload && typeof payload === 'object' ? (payload as Record<string, unknown>) : {};
+    const layout = record.layout && typeof record.layout === 'object' ? (record.layout as CanvasLayout) : null;
     if (!layout) return [];
 
     const meta = normalizeEventMeta(payload);
     if (!this.currentLayout) {
       this.currentLayout = layout;
-      this.previousSpatial = buildSpatialContext(layout.nodes, layout.edges, this.currentPins, layout.annotations ?? []);
+      this.previousSpatial = buildSpatialContext(
+        layout.nodes,
+        layout.edges,
+        this.currentPins,
+        layout.annotations ?? [],
+      );
       return [];
     }
 
     const prevLayout = this.currentLayout;
-    const prevSpatial = this.previousSpatial ?? buildSpatialContext(
-      prevLayout.nodes,
-      prevLayout.edges,
-      this.currentPins,
-      prevLayout.annotations ?? [],
-    );
+    const prevSpatial =
+      this.previousSpatial ??
+      buildSpatialContext(prevLayout.nodes, prevLayout.edges, this.currentPins, prevLayout.annotations ?? []);
     const nextSpatial = buildSpatialContext(layout.nodes, layout.edges, this.currentPins, layout.annotations ?? []);
     const events: SemanticWatchEvent[] = [];
 
@@ -463,12 +464,16 @@ export class SemanticWatchReducer {
     nextNodeMap: Map<string, CanvasNodeState>,
     meta: EventMeta,
   ): GroupWatchEvent | null {
-    const prevGroupIds = sortIds(Array.from(prevNodeMap.values())
-      .filter((node) => node.type === 'group')
-      .map((node) => node.id));
-    const nextGroupIds = sortIds(Array.from(nextNodeMap.values())
-      .filter((node) => node.type === 'group')
-      .map((node) => node.id));
+    const prevGroupIds = sortIds(
+      Array.from(prevNodeMap.values())
+        .filter((node) => node.type === 'group')
+        .map((node) => node.id),
+    );
+    const nextGroupIds = sortIds(
+      Array.from(nextNodeMap.values())
+        .filter((node) => node.type === 'group')
+        .map((node) => node.id),
+    );
 
     const created = nextGroupIds
       .filter((id) => !prevGroupIds.includes(id))
@@ -552,10 +557,7 @@ export class SemanticWatchReducer {
       }
     }
 
-    const pinIds = new Set<string>([
-      ...prevNeighborhoodMap.keys(),
-      ...nextNeighborhoodMap.keys(),
-    ]);
+    const pinIds = new Set<string>([...prevNeighborhoodMap.keys(), ...nextNeighborhoodMap.keys()]);
     for (const pinId of pinIds) {
       const oldNeighbors = prevNeighborhoodMap.get(pinId) ?? [];
       const newNeighbors = nextNeighborhoodMap.get(pinId) ?? [];

package/src/shared/surface.ts

@@ -13,8 +13,10 @@
 export function canOpenNodeAsSurface(type: string, data: Record<string, unknown>): boolean {
   switch (type) {
     case 'html':
-      return (typeof data.html === 'string' && data.html.length > 0)
-        || (typeof data.content === 'string' && data.content.length > 0);
+      return (
+        (typeof data.html === 'string' && data.html.length > 0) ||
+        (typeof data.content === 'string' && data.content.length > 0)
+      );
     case 'json-render':
     case 'graph':
       return true;
@@ -24,8 +26,10 @@ export function canOpenNodeAsSurface(type: string, data: Record<string, unknown>
       // "Open as site" only produced a broken `-32601` page (report #61). Those apps
       // open externally through their own app, not PMX. Only a bundled web-artifact
       // (static) or a real url-backed viewer can open as a standalone site.
-      return (data.viewerType === 'web-artifact' && typeof data.path === 'string' && data.path.length > 0)
-        || (typeof data.url === 'string' && data.url.length > 0);
+      return (
+        (data.viewerType === 'web-artifact' && typeof data.path === 'string' && data.path.length > 0) ||
+        (typeof data.url === 'string' && data.url.length > 0)
+      );
     case 'webpage':
       return typeof data.url === 'string' && data.url.length > 0;
     default: