pmx-canvas 0.7.3 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (235) hide show
  1. package/.github/extensions/pmx-canvas/THIRD_PARTY_LICENSES.txt +331 -0
  2. package/.github/extensions/pmx-canvas/extension.mjs +25 -172
  3. package/.github/extensions/pmx-canvas/mcp-bootstrap.ts +198 -0
  4. package/.github/extensions/pmx-canvas/runtime.d.mts +41 -0
  5. package/.github/extensions/pmx-canvas/runtime.json +3 -0
  6. package/.github/extensions/pmx-canvas/runtime.mjs +194 -0
  7. package/.github/extensions/pmx-canvas/start-mcp.mjs +51 -0
  8. package/.github/extensions/pmx-canvas/tools.json +2560 -0
  9. package/CHANGELOG.md +47 -0
  10. package/Readme.md +21 -7
  11. package/dist/canvas/fonts/OFL.txt +93 -0
  12. package/dist/canvas/fonts/ibm-plex-mono-latin-400-normal.woff2 +0 -0
  13. package/dist/canvas/fonts/ibm-plex-mono-latin-500-normal.woff2 +0 -0
  14. package/dist/canvas/fonts/ibm-plex-mono-latin-ext-400-normal.woff2 +0 -0
  15. package/dist/canvas/fonts/ibm-plex-mono-latin-ext-500-normal.woff2 +0 -0
  16. package/dist/canvas/fonts/ibm-plex-sans-latin-400-normal.woff2 +0 -0
  17. package/dist/canvas/fonts/ibm-plex-sans-latin-500-normal.woff2 +0 -0
  18. package/dist/canvas/fonts/ibm-plex-sans-latin-600-normal.woff2 +0 -0
  19. package/dist/canvas/fonts/ibm-plex-sans-latin-ext-400-normal.woff2 +0 -0
  20. package/dist/canvas/fonts/ibm-plex-sans-latin-ext-500-normal.woff2 +0 -0
  21. package/dist/canvas/fonts/ibm-plex-sans-latin-ext-600-normal.woff2 +0 -0
  22. package/dist/canvas/global.css +723 -672
  23. package/dist/canvas/index.js +90 -88
  24. package/dist/canvas/mcp-app.html +7878 -0
  25. package/dist/canvas/mermaid-entry.js +1 -1
  26. package/dist/canvas/surface-theme.css +151 -46
  27. package/dist/json-render/index.css +1 -1
  28. package/dist/types/cli/commands/record.d.ts +1 -1
  29. package/dist/types/client/canvas/NodeContextMark.d.ts +24 -0
  30. package/dist/types/client/canvas/SessionReceipt.d.ts +3 -1
  31. package/dist/types/client/icons.d.ts +1 -2
  32. package/dist/types/client/mcp-app/index.d.ts +1 -0
  33. package/dist/types/client/nodes/ax-node-actions.d.ts +2 -2
  34. package/dist/types/client/nodes/markdown-sanitize.d.ts +2 -0
  35. package/dist/types/client/nodes/use-workbench-asset.d.ts +2 -0
  36. package/dist/types/client/state/attention-store.d.ts +0 -5
  37. package/dist/types/client/state/context-status-store.d.ts +53 -0
  38. package/dist/types/client/state/intent-bridge.d.ts +3 -0
  39. package/dist/types/client/state/near-pin-store.d.ts +16 -0
  40. package/dist/types/client/state/presence-store.d.ts +5 -0
  41. package/dist/types/client/state/session-store.d.ts +33 -3
  42. package/dist/types/client/state/workbench-transport.d.ts +16 -0
  43. package/dist/types/client/theme/tokens.d.ts +1 -3
  44. package/dist/types/client/types.d.ts +9 -0
  45. package/dist/types/json-render/server.d.ts +1 -1
  46. package/dist/types/mcp/app-server.d.ts +3 -0
  47. package/dist/types/mcp/canvas-access.d.ts +1 -1
  48. package/dist/types/mcp/canvas-app.d.ts +4 -0
  49. package/dist/types/mcp/workbench-app.d.ts +4 -0
  50. package/dist/types/server/agent-presence.d.ts +1 -1
  51. package/dist/types/server/ax-state.d.ts +1 -1
  52. package/dist/types/server/canvas-db.d.ts +8 -0
  53. package/dist/types/server/canvas-geometry.d.ts +25 -0
  54. package/dist/types/server/canvas-operations.d.ts +1 -11
  55. package/dist/types/server/canvas-state.d.ts +25 -3
  56. package/dist/types/server/context-brief.d.ts +8 -1
  57. package/dist/types/server/context-reads.d.ts +30 -7
  58. package/dist/types/server/index.d.ts +6 -1
  59. package/dist/types/server/mcp-app-runtime.d.ts +1 -0
  60. package/dist/types/server/operations/http.d.ts +2 -0
  61. package/dist/types/server/operations/invoker.d.ts +4 -2
  62. package/dist/types/server/operations/ops/nodes.d.ts +0 -6
  63. package/dist/types/server/server.d.ts +1 -0
  64. package/dist/types/server/spatial-analysis.d.ts +2 -0
  65. package/dist/types/shared/agent-context.d.ts +22 -0
  66. package/dist/types/shared/agent-presence.d.ts +3 -10
  67. package/dist/types/shared/canvas-app.d.ts +54 -0
  68. package/dist/types/shared/themes.d.ts +1 -1
  69. package/docs/RELEASE.md +7 -3
  70. package/docs/agent-plugin.md +123 -0
  71. package/docs/ax-state-contract.md +40 -0
  72. package/docs/cli.md +7 -2
  73. package/docs/design/AgentContext.dc.html +186 -0
  74. package/docs/design/Before.dc.html +208 -0
  75. package/docs/design/BoardPins.dc.html +151 -0
  76. package/docs/design/Chrome.dc.html +208 -0
  77. package/docs/design/Context.dc.html +239 -0
  78. package/docs/design/Flows.dc.html +181 -0
  79. package/docs/design/Home.dc.html +209 -0
  80. package/docs/design/HomeGraph.dc.html +211 -0
  81. package/docs/design/HomeMap.dc.html +117 -0
  82. package/docs/design/HomeTeam.dc.html +176 -0
  83. package/docs/design/Light.dc.html +28 -0
  84. package/docs/design/Main.dc.html +280 -0
  85. package/docs/design/NearPin.dc.html +260 -0
  86. package/docs/design/Pane600.dc.html +120 -0
  87. package/docs/design/Relations.dc.html +297 -0
  88. package/docs/design/Themes.dc.html +121 -0
  89. package/docs/design/TokenSystem.dc.html +136 -0
  90. package/docs/design/Tokens.dc.html +163 -0
  91. package/docs/design/Types1.dc.html +177 -0
  92. package/docs/design/Types2.dc.html +226 -0
  93. package/docs/design/Types3.dc.html +195 -0
  94. package/docs/design/Uses.dc.html +152 -0
  95. package/docs/design/Vision.dc.html +116 -0
  96. package/docs/design/Zoom.dc.html +82 -0
  97. package/docs/design/canvas.json +274 -0
  98. package/docs/design.md +214 -0
  99. package/docs/environment.md +1 -1
  100. package/docs/http-api.md +80 -15
  101. package/docs/mcp.md +198 -3
  102. package/docs/node-types.md +34 -10
  103. package/docs/plans/plan-009-tech-debt-backlog.md +1 -1
  104. package/docs/plans/plan-015-design-foundation-wave-0.md +177 -0
  105. package/docs/plans/plan-016-context-made-visible-wave-1.md +148 -0
  106. package/docs/product-vision-2026-09.md +47 -7
  107. package/docs/screenshot.png +0 -0
  108. package/docs/sdk.md +1 -0
  109. package/package.json +10 -4
  110. package/plugins/pmx-canvas/LICENSE +21 -0
  111. package/plugins/pmx-canvas/THIRD_PARTY_LICENSES.txt +331 -0
  112. package/plugins/pmx-canvas/assets/preview.png +0 -0
  113. package/plugins/pmx-canvas/com.github.copilot/extensions/pmx-canvas/extension.mjs +930 -0
  114. package/plugins/pmx-canvas/com.github.copilot/extensions/pmx-canvas/runtime.json +3 -0
  115. package/plugins/pmx-canvas/com.github.copilot/extensions/pmx-canvas/runtime.mjs +194 -0
  116. package/plugins/pmx-canvas/com.github.copilot/extensions/pmx-canvas/steering-delivery.mjs +79 -0
  117. package/plugins/pmx-canvas/mcp.json +12 -0
  118. package/plugins/pmx-canvas/plugin.json +24 -0
  119. package/plugins/pmx-canvas/runtime.json +3 -0
  120. package/plugins/pmx-canvas/runtime.mjs +194 -0
  121. package/plugins/pmx-canvas/start-mcp.mjs +51 -0
  122. package/plugins/pmx-canvas/tools.json +2560 -0
  123. package/skills/pmx-canvas/SKILL.md +10 -7
  124. package/skills/pmx-canvas/references/full-reference.md +11 -7
  125. package/skills/pmx-canvas/references/github-copilot-app-adapter.md +20 -8
  126. package/skills/pmx-canvas/references/installing-pmx-canvas.md +6 -6
  127. package/skills/pmx-canvas-testing/SKILL.md +5 -4
  128. package/src/cli/commands/copilot.ts +5 -0
  129. package/src/cli/commands/view.ts +1 -1
  130. package/src/cli/index.ts +8 -3
  131. package/src/client/App.tsx +6 -1
  132. package/src/client/canvas/AgentPresenceLayer.tsx +3 -3
  133. package/src/client/canvas/AnnotationLayer.tsx +1 -1
  134. package/src/client/canvas/CanvasNode.tsx +32 -49
  135. package/src/client/canvas/CanvasViewport.tsx +0 -2
  136. package/src/client/canvas/CommandPalette.tsx +3 -2
  137. package/src/client/canvas/ContextMenu.tsx +11 -0
  138. package/src/client/canvas/EdgeLayer.tsx +1 -1
  139. package/src/client/canvas/ExportDialog.tsx +33 -6
  140. package/src/client/canvas/IntentLayer.tsx +2 -2
  141. package/src/client/canvas/Minimap.tsx +12 -7
  142. package/src/client/canvas/NodeContextMark.tsx +156 -0
  143. package/src/client/canvas/SessionPanel.tsx +4 -7
  144. package/src/client/canvas/SessionReceipt.tsx +114 -17
  145. package/src/client/canvas/ShortcutOverlay.tsx +6 -1
  146. package/src/client/canvas/SnapshotPanel.tsx +11 -2
  147. package/src/client/canvas/ToolRail.tsx +12 -9
  148. package/src/client/canvas/TopBar.tsx +16 -11
  149. package/src/client/icons.tsx +2 -12
  150. package/src/client/mcp-app/index.tsx +137 -0
  151. package/src/client/mcp-app/style.css +10 -0
  152. package/src/client/nodes/AttachmentNode.tsx +8 -1
  153. package/src/client/nodes/AxStepControls.tsx +1 -1
  154. package/src/client/nodes/ContextNode.tsx +9 -9
  155. package/src/client/nodes/ExtAppFrame.tsx +13 -8
  156. package/src/client/nodes/FileNode.tsx +8 -5
  157. package/src/client/nodes/ImageNode.tsx +4 -2
  158. package/src/client/nodes/InlineMarkdownEditor.tsx +2 -1
  159. package/src/client/nodes/LedgerNode.tsx +2 -2
  160. package/src/client/nodes/MarkdownNode.tsx +44 -9
  161. package/src/client/nodes/McpAppNode.tsx +6 -4
  162. package/src/client/nodes/PromptNode.tsx +5 -17
  163. package/src/client/nodes/ResponseNode.tsx +3 -15
  164. package/src/client/nodes/StatusNode.tsx +2 -2
  165. package/src/client/nodes/StatusSummary.tsx +3 -1
  166. package/src/client/nodes/TraceNode.tsx +6 -4
  167. package/src/client/nodes/WebpageNode.tsx +1 -1
  168. package/src/client/nodes/ax-node-actions.ts +2 -2
  169. package/src/client/nodes/iframe-document-url.ts +3 -2
  170. package/src/client/nodes/markdown-sanitize.ts +10 -0
  171. package/src/client/nodes/surface-url.ts +10 -0
  172. package/src/client/nodes/use-surface-frame.ts +3 -1
  173. package/src/client/nodes/use-workbench-asset.ts +26 -0
  174. package/src/client/state/attention-bridge.ts +0 -8
  175. package/src/client/state/attention-store.ts +0 -17
  176. package/src/client/state/canvas-store.ts +4 -2
  177. package/src/client/state/context-status-store.ts +66 -0
  178. package/src/client/state/human-store.ts +2 -0
  179. package/src/client/state/iframe-mode.ts +5 -0
  180. package/src/client/state/intent-bridge.ts +10 -4
  181. package/src/client/state/near-pin-store.ts +53 -0
  182. package/src/client/state/presence-store.ts +5 -10
  183. package/src/client/state/session-store.ts +106 -9
  184. package/src/client/state/sse-bridge.ts +26 -7
  185. package/src/client/state/theme-override.ts +1 -1
  186. package/src/client/state/workbench-transport.ts +36 -0
  187. package/src/client/theme/global.css +723 -672
  188. package/src/client/theme/surface-theme.css +151 -46
  189. package/src/client/theme/tokens.ts +7 -11
  190. package/src/client/types.ts +10 -0
  191. package/src/json-render/server.ts +71 -14
  192. package/src/mcp/app-server.ts +64 -0
  193. package/src/mcp/canvas-access.ts +14 -11
  194. package/src/mcp/canvas-app.ts +318 -0
  195. package/src/mcp/server.ts +1 -1
  196. package/src/mcp/workbench-app.ts +211 -0
  197. package/src/server/agent-presence.ts +45 -6
  198. package/src/server/ax-context.ts +1 -1
  199. package/src/server/ax-state.ts +1 -1
  200. package/src/server/board-export.ts +5 -2
  201. package/src/server/canvas-db.ts +46 -12
  202. package/src/server/canvas-geometry.ts +64 -0
  203. package/src/server/canvas-operations.ts +6 -24
  204. package/src/server/canvas-state.ts +105 -15
  205. package/src/server/canvas-validation.ts +19 -4
  206. package/src/server/context-brief.ts +39 -2
  207. package/src/server/context-reads.ts +86 -15
  208. package/src/server/demo-state.json +31 -31
  209. package/src/server/html-surface.ts +4 -5
  210. package/src/server/index.ts +19 -3
  211. package/src/server/mcp-app-runtime.ts +11 -0
  212. package/src/server/operations/composites.ts +4 -3
  213. package/src/server/operations/http.ts +4 -4
  214. package/src/server/operations/invoker.ts +13 -4
  215. package/src/server/operations/ops/ax-read.ts +1 -1
  216. package/src/server/operations/ops/ax-timeline.ts +37 -0
  217. package/src/server/operations/ops/boards.ts +1 -1
  218. package/src/server/operations/ops/canvas-wire.ts +3 -6
  219. package/src/server/operations/ops/intent.ts +31 -2
  220. package/src/server/operations/ops/json-render.ts +1 -1
  221. package/src/server/operations/ops/nodes.ts +8 -76
  222. package/src/server/operations/ops/query.ts +8 -2
  223. package/src/server/operations/ops/snapshots.ts +4 -1
  224. package/src/server/operations/ops/viewport.ts +29 -5
  225. package/src/server/operations/registry.ts +38 -4
  226. package/src/server/scope-fence.ts +55 -10
  227. package/src/server/server.ts +83 -5
  228. package/src/server/spatial-analysis.ts +2 -2
  229. package/src/server/workboard.ts +6 -1
  230. package/src/{server → shared}/agent-context.ts +2 -2
  231. package/src/shared/agent-presence.ts +3 -15
  232. package/src/shared/canvas-app.ts +62 -0
  233. package/src/shared/themes.ts +5 -5
  234. package/src/client/canvas/FocusFieldLayer.tsx +0 -116
  235. package/src/client/canvas/kind-colors.ts +0 -23
@@ -20,7 +20,7 @@ function responseJson(data: unknown, status = 200): Response {
20
20
  });
21
21
  }
22
22
 
23
- function matchPath(template: string, pathname: string): Record<string, string> | null {
23
+ export function matchOperationPath(template: string, pathname: string): Record<string, string> | null {
24
24
  const templateSegments = template.split('/');
25
25
  const pathSegments = pathname.split('/');
26
26
  if (templateSegments.length !== pathSegments.length) return null;
@@ -58,7 +58,7 @@ export async function readJsonValue(req: Request): Promise<unknown> {
58
58
  }
59
59
  }
60
60
 
61
- async function defaultReadInput(
61
+ export async function readOperationInput(
62
62
  req: Request,
63
63
  params: Record<string, string>,
64
64
  url: URL,
@@ -80,12 +80,12 @@ export async function dispatchOperationRoute(req: Request, url: URL): Promise<Re
80
80
  for (const op of listOperations()) {
81
81
  const route = op.http;
82
82
  if (!route || route.method !== req.method) continue;
83
- const params = matchPath(route.path, url.pathname);
83
+ const params = matchOperationPath(route.path, url.pathname);
84
84
  if (!params) continue;
85
85
  try {
86
86
  const input = route.readInput
87
87
  ? await route.readInput(req, params, url)
88
- : await defaultReadInput(req, params, url);
88
+ : await readOperationInput(req, params, url);
89
89
  // The workbench marks its own HTTP calls: a human dragging/editing in
90
90
  // the browser is not agent activity, so it never synthesizes an
91
91
  // auto-ghost. Everything else (CLI, scripts, adapters) counts as agent.
@@ -32,13 +32,17 @@ export class LocalOperationInvoker implements OperationInvoker {
32
32
  private readonly proxiedRead: boolean;
33
33
 
34
34
  /** `source` labels this caller's agent presence ('mcp', 'sdk', …). */
35
- constructor(source = 'api') {
35
+ constructor(
36
+ source = 'api',
37
+ private readonly allowExternalMcp = true,
38
+ ) {
36
39
  this.source = agentSourceLabel(source);
37
40
  this.proxiedRead = source === 'mcp';
38
41
  }
39
42
 
40
43
  async invoke(name: string, input: Record<string, unknown>): Promise<unknown> {
41
- return await executeOperation(name, defaultPresenceSource(name, input, this.source), {
44
+ const args = this.allowExternalMcp ? input : { ...input, allowExternalMcp: false };
45
+ return await executeOperation(name, defaultPresenceSource(name, args, this.source), {
42
46
  source: this.source,
43
47
  proxiedRead: this.proxiedRead,
44
48
  });
@@ -56,14 +60,19 @@ export class HttpOperationInvoker implements OperationInvoker {
56
60
  private readonly proxiedRead: boolean;
57
61
 
58
62
  /** `source` labels this caller's agent presence on the server ('cli', 'mcp', …). */
59
- constructor(baseUrl: string, source = 'api') {
63
+ constructor(
64
+ baseUrl: string,
65
+ source = 'api',
66
+ private readonly allowExternalMcp = true,
67
+ ) {
60
68
  this.baseUrl = baseUrl.replace(/\/$/, '');
61
69
  this.source = agentSourceLabel(source);
62
70
  this.proxiedRead = source === 'mcp';
63
71
  }
64
72
 
65
73
  async invoke(name: string, rawInput: Record<string, unknown>): Promise<unknown> {
66
- const input = defaultPresenceSource(name, rawInput, this.source);
74
+ const args = this.allowExternalMcp ? rawInput : { ...rawInput, allowExternalMcp: false };
75
+ const input = defaultPresenceSource(name, args, this.source);
67
76
  const op = getOperation(name);
68
77
  const route = op.http;
69
78
  if (!route) throw new OperationError(`Operation "${name}" has no HTTP route.`, 400);
@@ -13,7 +13,7 @@
13
13
  */
14
14
  import { agentPresence } from '../../agent-presence.js';
15
15
  import { z } from 'zod';
16
- import { buildAgentContextPreamble, serializeNodeForAgentContext } from '../../agent-context.js';
16
+ import { buildAgentContextPreamble, serializeNodeForAgentContext } from '../../../shared/agent-context.js';
17
17
  import { buildCanvasAxContext, buildCanvasAxSurfaceSnapshot } from '../../ax-context.js';
18
18
  import { applyAxInteraction } from '../../ax-interaction.js';
19
19
  import {
@@ -502,6 +502,10 @@ const axReadsRecordShape = {
502
502
  source: z.string().optional().describe('Transport label (default "api").'),
503
503
  pinnedNodeIds: z.array(z.string()).optional().describe('Pins at read time; defaults to the current pins.'),
504
504
  deliveredNodeIds: z.array(z.string()).describe('Pinned ids present in what the agent received.'),
505
+ readNodeIds: z
506
+ .array(z.string())
507
+ .optional()
508
+ .describe('Ids of every serialized node in what the agent received; defaults to deliveredNodeIds.'),
505
509
  bytes: z.number().int().nonnegative().describe('Size of what the agent received.'),
506
510
  boardId: z.string().nullable().optional().describe('Board that was read, captured before delivery.'),
507
511
  };
@@ -527,6 +531,7 @@ const axReadsRecordOperation = defineOperation<z.infer<typeof axReadsRecordSchem
527
531
  agentId: input.agentId ?? null,
528
532
  pinnedNodeIds: input.pinnedNodeIds ?? [...canvasState.contextPinnedNodeIds],
529
533
  deliveredNodeIds: input.deliveredNodeIds,
534
+ ...(input.readNodeIds ? { readNodeIds: input.readNodeIds } : {}),
530
535
  bytes: input.bytes,
531
536
  },
532
537
  input.boardId === undefined ? canvasState.activeBoardId : input.boardId,
@@ -535,6 +540,37 @@ const axReadsRecordOperation = defineOperation<z.infer<typeof axReadsRecordSchem
535
540
  },
536
541
  });
537
542
 
543
+ const axReadsStatusShape = {
544
+ board: z.string().optional().describe('Board id; defaults to the open board.'),
545
+ };
546
+ const axReadsStatusSchema = z.looseObject(axReadsStatusShape);
547
+
548
+ /**
549
+ * Per node: when an agent last read its content, who, and at which revision
550
+ * (vs the node's revision now); and per pin: who pinned it, when and why.
551
+ */
552
+ const axReadsStatusOperation = defineOperation<z.infer<typeof axReadsStatusSchema>, Record<string, unknown>>({
553
+ name: 'ax.reads.status',
554
+ mutates: false,
555
+ input: axReadsStatusSchema,
556
+ inputShape: axReadsStatusShape,
557
+ http: {
558
+ method: 'GET',
559
+ path: '/api/canvas/ax/context-status',
560
+ },
561
+ handler: (input) => {
562
+ const boardId =
563
+ typeof input.board === 'string' && input.board.trim() ? input.board.trim() : canvasState.activeBoardId;
564
+ const pins =
565
+ boardId === canvasState.activeBoardId
566
+ ? canvasState.getContextPinMeta()
567
+ : boardId
568
+ ? (canvasState.readBoard(boardId, false)?.state.contextPinMeta ?? {})
569
+ : {};
570
+ return { ok: true, boardId, nodes: canvasState.getNodeReadStatus(boardId), pins };
571
+ },
572
+ });
573
+
538
574
  export const axTimelineOperations: Operation[] = [
539
575
  axEventRecordOperation,
540
576
  axEvidenceAddOperation,
@@ -545,4 +581,5 @@ export const axTimelineOperations: Operation[] = [
545
581
  axCommandInvokeOperation,
546
582
  axReadsListOperation,
547
583
  axReadsRecordOperation,
584
+ axReadsStatusOperation,
548
585
  ];
@@ -15,7 +15,7 @@ import { z } from 'zod';
15
15
  import { normalizeBoardCategory } from '../../../shared/boards.js';
16
16
  import { canvasState, type CanvasLayout } from '../../canvas-state.js';
17
17
  import { openCanvasBoard } from '../../canvas-operations.js';
18
- import { summarizeNodeForAgentContext } from '../../agent-context.js';
18
+ import { summarizeNodeForAgentContext } from '../../../shared/agent-context.js';
19
19
  import { defineOperation, OperationError, type Operation, type OperationContext } from '../types.js';
20
20
 
21
21
  export function boardsPayload(): Record<string, unknown> {
@@ -70,15 +70,15 @@ const applyUpdatesSchema = z.looseObject(applyUpdatesShape);
70
70
 
71
71
  const applyUpdatesOperation = defineOperation<z.infer<typeof applyUpdatesSchema>, Record<string, unknown>>({
72
72
  name: 'canvas.apply-updates',
73
- mutates: false,
73
+ mutates: true,
74
74
  input: applyUpdatesSchema,
75
75
  inputShape: applyUpdatesShape,
76
76
  http: {
77
77
  method: 'POST',
78
78
  path: '/api/canvas/update',
79
79
  },
80
- // Legacy wire: one layout update only when something actually applied.
81
- handler: (input, ctx) => {
80
+ // The registry emits the layout update, as for other mutating operations.
81
+ handler: (input) => {
82
82
  const body: Record<string, unknown> = input;
83
83
  const updates = Array.isArray(body.updates) ? body.updates : [];
84
84
  const result =
@@ -94,9 +94,6 @@ const applyUpdatesOperation = defineOperation<z.infer<typeof applyUpdatesSchema>
94
94
  return suppressedResult;
95
95
  })()
96
96
  : applyCanvasNodeUpdates(updates);
97
- if (result.applied > 0) {
98
- ctx.emit('canvas-layout-update', { layout: canvasState.getLayout() });
99
- }
100
97
  return { ok: true, ...result };
101
98
  },
102
99
  });
@@ -15,9 +15,12 @@
15
15
  */
16
16
  import { z } from 'zod';
17
17
  import { INTENT_EDGE_TYPES, INTENT_KINDS } from '../../../shared/ax-intent.js';
18
+ import { canvasState } from '../../canvas-state.js';
18
19
  import { intentRegistry } from '../../intent-registry.js';
20
+ import { findOpenCanvasPosition } from '../../placement.js';
19
21
  import { readJsonValue } from '../http.js';
20
22
  import { defineOperation, OperationError, type Operation } from '../types.js';
23
+ import { defaultNodeSize } from './nodes.js';
21
24
 
22
25
  const positionShape = z.object({ x: z.number(), y: z.number() });
23
26
 
@@ -28,7 +31,11 @@ const intentSignalShape = {
28
31
  .enum(INTENT_KINDS)
29
32
  .optional()
30
33
  .describe('create | move | connect | remove | edit — the move about to be made.'),
31
- position: positionShape.optional().describe('World coords: where a create forms, or the destination of a move.'),
34
+ position: positionShape
35
+ .optional()
36
+ .describe(
37
+ 'World coords: the destination of a move, or where a create forms. Omit it for a create to ghost where the canvas will place the node.',
38
+ ),
32
39
  nodeId: z.string().optional().describe('The existing node a move/edit/remove targets.'),
33
40
  edge: z
34
41
  .object({ from: z.string(), to: z.string(), type: z.enum(INTENT_EDGE_TYPES) })
@@ -46,6 +53,24 @@ const intentSignalShape = {
46
53
 
47
54
  const intentSignalSchema = z.looseObject(intentSignalShape);
48
55
 
56
+ /**
57
+ * Where a create without a position will land: the same auto-placement the
58
+ * create ops use, with live create ghosts as obstacles so staged ghosts do not
59
+ * stack. An agent announcing work before it knows the layout must not have to
60
+ * guess a position (a guessed 0,0 put every first ghost in the top-left corner).
61
+ */
62
+ function openPositionForCreate(nodeType: unknown): { x: number; y: number } {
63
+ const size = defaultNodeSize(typeof nodeType === 'string' ? nodeType : 'markdown');
64
+ const ghosts = intentRegistry
65
+ .list()
66
+ .flatMap((intent) =>
67
+ intent.kind === 'create' && intent.position
68
+ ? [{ position: intent.position, size: defaultNodeSize(intent.nodeType ?? 'markdown') }]
69
+ : [],
70
+ );
71
+ return findOpenCanvasPosition([...canvasState.getLayout().nodes, ...ghosts], size.width, size.height);
72
+ }
73
+
49
74
  const intentSignalOperation = defineOperation<z.infer<typeof intentSignalSchema>, Record<string, unknown>>({
50
75
  name: 'intent.signal',
51
76
  mutates: false,
@@ -53,7 +78,11 @@ const intentSignalOperation = defineOperation<z.infer<typeof intentSignalSchema>
53
78
  inputShape: intentSignalShape,
54
79
  http: { method: 'POST', path: '/api/canvas/ax/intent' },
55
80
  handler: (input) => {
56
- const intent = intentRegistry.signal(input);
81
+ const placed =
82
+ input.kind === 'create' && !input.position
83
+ ? { ...input, position: openPositionForCreate(input.nodeType) }
84
+ : input;
85
+ const intent = intentRegistry.signal(placed);
57
86
  return { ok: true, intent } as unknown as Record<string, unknown>;
58
87
  },
59
88
  });
@@ -50,8 +50,8 @@ import {
50
50
  isRecord,
51
51
  pickFiniteNumber,
52
52
  pickPositiveNumber,
53
- resolveCreateGeometry,
54
53
  } from './nodes.js';
54
+ import { resolveCreateGeometry } from '../../canvas-geometry.js';
55
55
 
56
56
  /** Legacy server.ts parseGraphPayloadData: a graph dataset must be an array of records. */
57
57
  export function parseGraphPayloadData(value: unknown): Array<Record<string, unknown>> | null {
@@ -22,13 +22,13 @@ import {
22
22
  removeCanvasNode,
23
23
  resolveHtmlContent,
24
24
  scheduleCodeGraphRecompute,
25
- validateCanvasNodePatch,
26
25
  MARKDOWN_NODE_DEFAULT_SIZE,
27
26
  MCP_APP_NODE_DEFAULT_SIZE,
28
27
  IMAGE_NODE_DEFAULT_SIZE,
29
28
  LEDGER_NODE_DEFAULT_SIZE,
30
29
  type CanvasSizeAdjustment,
31
30
  } from '../../canvas-operations.js';
31
+ import { resolveCreateGeometry, resolvePatchGeometry, validateCanvasNodePatch } from '../../canvas-geometry.js';
32
32
  import { normalizeNodeAxCapabilities } from '../../ax-interaction.js';
33
33
  import { applyFileContentToNodeData, readFileNodeContent } from '../../file-content.js';
34
34
  import { unwatchFileForNode, watchFileForNode } from '../../file-watcher.js';
@@ -126,81 +126,6 @@ export function pickPositiveNumber(record: Record<string, unknown>, key: string)
126
126
  return value !== undefined && value > 0 ? value : undefined;
127
127
  }
128
128
 
129
- function normalizeGeometryInput(body: Record<string, unknown>): {
130
- x?: number;
131
- y?: number;
132
- width?: number;
133
- height?: number;
134
- position?: { x?: number; y?: number };
135
- size?: { width?: number; height?: number };
136
- } {
137
- const position = getRecord(body.position);
138
- const size = getRecord(body.size);
139
- return {
140
- ...(pickFiniteNumber(body, 'x') !== undefined ? { x: pickFiniteNumber(body, 'x') } : {}),
141
- ...(pickFiniteNumber(body, 'y') !== undefined ? { y: pickFiniteNumber(body, 'y') } : {}),
142
- ...(pickFiniteNumber(body, 'width') !== undefined ? { width: pickFiniteNumber(body, 'width') } : {}),
143
- ...(pickFiniteNumber(body, 'height') !== undefined ? { height: pickFiniteNumber(body, 'height') } : {}),
144
- ...(position
145
- ? {
146
- position: {
147
- ...(pickFiniteNumber(position, 'x') !== undefined ? { x: pickFiniteNumber(position, 'x') } : {}),
148
- ...(pickFiniteNumber(position, 'y') !== undefined ? { y: pickFiniteNumber(position, 'y') } : {}),
149
- },
150
- }
151
- : {}),
152
- ...(size
153
- ? {
154
- size: {
155
- ...(pickFiniteNumber(size, 'width') !== undefined ? { width: pickFiniteNumber(size, 'width') } : {}),
156
- ...(pickFiniteNumber(size, 'height') !== undefined ? { height: pickFiniteNumber(size, 'height') } : {}),
157
- },
158
- }
159
- : {}),
160
- };
161
- }
162
-
163
- export function resolveCreateGeometry(body: Record<string, unknown>): {
164
- x?: number;
165
- y?: number;
166
- width?: number;
167
- height?: number;
168
- } {
169
- const geometry = normalizeGeometryInput(body);
170
- const x = geometry.x ?? geometry.position?.x;
171
- const y = geometry.y ?? geometry.position?.y;
172
- const width = geometry.width ?? geometry.size?.width;
173
- const height = geometry.height ?? geometry.size?.height;
174
- return {
175
- ...(x !== undefined ? { x } : {}),
176
- ...(y !== undefined ? { y } : {}),
177
- ...(width !== undefined ? { width } : {}),
178
- ...(height !== undefined ? { height } : {}),
179
- };
180
- }
181
-
182
- function resolvePatchGeometry(
183
- body: Record<string, unknown>,
184
- existing: CanvasNodeState,
185
- ): {
186
- position?: { x: number; y: number };
187
- size?: { width: number; height: number };
188
- } {
189
- const geometry = normalizeGeometryInput(body);
190
- const x = geometry.x ?? geometry.position?.x;
191
- const y = geometry.y ?? geometry.position?.y;
192
- const width = geometry.width ?? geometry.size?.width;
193
- const height = geometry.height ?? geometry.size?.height;
194
- return {
195
- ...(x !== undefined || y !== undefined
196
- ? { position: { x: x ?? existing.position.x, y: y ?? existing.position.y } }
197
- : {}),
198
- ...(width !== undefined || height !== undefined
199
- ? { size: { width: width ?? existing.size.width, height: height ?? existing.size.height } }
200
- : {}),
201
- };
202
- }
203
-
204
129
  type StringListField = { value?: string[]; error?: string };
205
130
 
206
131
  function parseStringListField(field: string, value: unknown): StringListField {
@@ -1057,6 +982,7 @@ const nodeGetOperation = defineOperation<z.infer<typeof nodeGetSchema>, Serializ
1057
982
 
1058
983
  const nodeUpdateShape = {
1059
984
  id: z.string().describe('Node ID to update'),
985
+ expectedContentRevision: z.number().int().nonnegative().optional().describe('Reject an edit based on stale content'),
1060
986
  intentId: z
1061
987
  .string()
1062
988
  .optional()
@@ -1199,6 +1125,12 @@ const nodeUpdateOperation = defineOperation<z.infer<typeof nodeUpdateSchema>, Re
1199
1125
  const id = input.id;
1200
1126
  const existing = canvasState.getNode(id);
1201
1127
  if (!existing) throw new OperationError(`Node "${id}" not found.`, 404);
1128
+ if (input.expectedContentRevision !== undefined) {
1129
+ if (body.refresh === true) throw new OperationError('Conditional edits do not support webpage refresh.');
1130
+ if (input.expectedContentRevision !== (existing.contentRevision ?? 0)) {
1131
+ throw new OperationError('This node changed. Reopen the editor before saving your changes.', 409);
1132
+ }
1133
+ }
1202
1134
  if (existing.type === 'webpage' && body.refresh === true) {
1203
1135
  const rawUrl = typeof body.url === 'string' ? body.url : undefined;
1204
1136
  let url: string | undefined;
@@ -28,7 +28,7 @@ import {
28
28
  type ContextBriefLibraryBoard,
29
29
  type ContextBriefSourceEntry,
30
30
  } from '../../context-brief.js';
31
- import { summarizeNodeForAgentContext } from '../../agent-context.js';
31
+ import { summarizeNodeForAgentContext } from '../../../shared/agent-context.js';
32
32
  import { defineOperation, OperationError, type Operation, type OperationMcpToolHost } from '../types.js';
33
33
  import { buildSummaryFromLayout, isRecord } from './nodes.js';
34
34
  import { readTargetBoard } from './boards.js';
@@ -46,6 +46,7 @@ const pinShape = {
46
46
  .unknown()
47
47
  .optional()
48
48
  .describe('set: replace all pins, add: add to existing pins, remove: unpin these nodes (default: set)'),
49
+ reason: z.unknown().optional().describe('Why these nodes matter; kept with newly pinned nodes and shown on hover.'),
49
50
  };
50
51
 
51
52
  const pinSchema = z.looseObject(pinShape);
@@ -69,6 +70,10 @@ const pinOperation = defineOperation<z.infer<typeof pinSchema>, Record<string, u
69
70
  .enum(['set', 'add', 'remove'])
70
71
  .optional()
71
72
  .describe('set: replace all pins, add: add to existing pins, remove: unpin these nodes (default: set)'),
73
+ reason: z
74
+ .string()
75
+ .optional()
76
+ .describe('Why these nodes matter; kept with newly pinned nodes and shown to the human on hover.'),
72
77
  },
73
78
  // The wire body is { ok, count } (legacy HTTP shape); the tool reports the
74
79
  // resulting pin list, so re-read it from the host. (Legacy RemoteCanvasAccess
@@ -91,7 +96,8 @@ const pinOperation = defineOperation<z.infer<typeof pinSchema>, Record<string, u
91
96
  // Legacy 'set' capped at MAX_PINS BEFORE setCanvasContextPins dedupes —
92
97
  // replicated as-is. add/remove (formerly client-side in the MCP access
93
98
  // layer) pass through; setCanvasContextPins normalizes them.
94
- const result = setCanvasContextPins(mode === 'set' ? nodeIds.slice(0, MAX_PINS) : nodeIds, mode);
99
+ const reason = typeof body.reason === 'string' && body.reason.trim() ? body.reason.trim().slice(0, 280) : undefined;
100
+ const result = setCanvasContextPins(mode === 'set' ? nodeIds.slice(0, MAX_PINS) : nodeIds, mode, reason);
95
101
  ctx.emit('context-pins-changed', { count: result.count, nodeIds: result.nodeIds });
96
102
  return { ok: true, count: result.count };
97
103
  },
@@ -318,7 +318,7 @@ const snapshotRestoreOperation = defineOperation<z.infer<typeof snapshotRestoreS
318
318
  };
319
319
  },
320
320
  },
321
- handler: async ({ id }) => {
321
+ handler: async ({ id }, ctx) => {
322
322
  // Awaits only the synchronous restore; restoreCanvasSnapshot fires the
323
323
  // async ext-app rehydration itself and schedules a deferred
324
324
  // canvas-layout-update through setCanvasLayoutUpdateEmitter when it
@@ -326,6 +326,9 @@ const snapshotRestoreOperation = defineOperation<z.infer<typeof snapshotRestoreS
326
326
  // add a manual emit here or the frame is doubled.
327
327
  const result = await restoreCanvasSnapshot(id ?? '');
328
328
  if (!result.ok) throw new OperationError('Snapshot not found', 404);
329
+ const nodeIds = [...canvasState.contextPinnedNodeIds];
330
+ ctx.emit('context-pins-changed', { count: nodeIds.length, nodeIds });
331
+ ctx.emit('ax-state-changed', {});
329
332
  return { ok: true };
330
333
  },
331
334
  });
@@ -15,7 +15,13 @@
15
15
  import { z } from 'zod';
16
16
  import { tourSchema, derivedTour } from '../../../shared/tour.js';
17
17
  import { canvasState } from '../../canvas-state.js';
18
- import { arrangeCanvasNodes, clearCanvas, fitCanvasView, setClientViewportSize } from '../../canvas-operations.js';
18
+ import {
19
+ arrangeCanvasNodes,
20
+ clearCanvas,
21
+ fitCanvasView,
22
+ getClientViewportSize,
23
+ setClientViewportSize,
24
+ } from '../../canvas-operations.js';
19
25
  import { validateCanvasLayout } from '../../canvas-validation.js';
20
26
  import { defineOperation, OperationError, type Operation } from '../types.js';
21
27
  import { closeNodeAppSession, isRecord } from './nodes.js';
@@ -230,6 +236,10 @@ const viewportSetShape = {
230
236
  x: z.unknown().optional().describe('Viewport x offset'),
231
237
  y: z.unknown().optional().describe('Viewport y offset'),
232
238
  scale: z.unknown().optional().describe('Viewport zoom scale'),
239
+ center: z
240
+ .unknown()
241
+ .optional()
242
+ .describe('World point {x, y} to centre in the canvas area (instead of x/y); uses scale or the current zoom'),
233
243
  recordHistory: z.unknown().optional().describe('Pass false to skip the undo-history entry'),
234
244
  clientWidth: z.unknown().optional().describe("The reporting client's window width in CSS pixels"),
235
245
  clientHeight: z.unknown().optional().describe("The reporting client's window height in CSS pixels"),
@@ -255,12 +265,26 @@ const viewportSetOperation = defineOperation<z.infer<typeof viewportSetSchema>,
255
265
  setClientViewportSize(body.clientWidth, body.clientHeight);
256
266
  // A size-only report is not a camera command. Echoing the stored camera
257
267
  // here would cancel an in-flight browser focus with its stale fallback.
258
- if (![body.x, body.y, body.scale].some((value) => typeof value === 'number')) return { ok: true };
259
- const next = {
268
+ const center = body.center;
269
+ if (center === undefined && ![body.x, body.y, body.scale].some((value) => typeof value === 'number'))
270
+ return { ok: true };
271
+ const scale = typeof body.scale === 'number' ? body.scale : canvasState.viewport.scale;
272
+ let next = {
260
273
  x: typeof body.x === 'number' ? body.x : canvasState.viewport.x,
261
274
  y: typeof body.y === 'number' ? body.y : canvasState.viewport.y,
262
- scale: typeof body.scale === 'number' ? body.scale : canvasState.viewport.scale,
275
+ scale,
263
276
  };
277
+ if (center !== undefined) {
278
+ if (!isRecord(center) || typeof center.x !== 'number' || typeof center.y !== 'number') {
279
+ throw new OperationError('center must be a world point {x, y}.');
280
+ }
281
+ if (body.x !== undefined || body.y !== undefined) throw new OperationError('Pass center or x/y, not both.');
282
+ // Screen-space translate (architecture rule 9): put the world point at
283
+ // the middle of the canvas area the browser last reported (fit's default
284
+ // size when no tab has reported one).
285
+ const area = getClientViewportSize() ?? { width: 1440, height: 900 };
286
+ next = { x: area.width / 2 - center.x * scale, y: area.height / 2 - center.y * scale, scale };
287
+ }
264
288
  if (body.recordHistory === false) {
265
289
  canvasState.withSuppressedRecording(() => {
266
290
  canvasState.setViewport(next);
@@ -269,7 +293,7 @@ const viewportSetOperation = defineOperation<z.infer<typeof viewportSetSchema>,
269
293
  canvasState.setViewport(next);
270
294
  }
271
295
  ctx.emit('canvas-viewport-update', { viewport: canvasState.viewport });
272
- return { ok: true };
296
+ return { ok: true, viewport: canvasState.viewport };
273
297
  },
274
298
  });
275
299
 
@@ -12,8 +12,9 @@ import { canvasState } from '../canvas-state.js';
12
12
  import { intentRegistry } from '../intent-registry.js';
13
13
  import { humanPresence } from '../human-presence.js';
14
14
  import { withCurrentActor } from '../attribution.js';
15
+ import { withoutExternalMcp } from '../mcp-app-runtime.js';
15
16
  import { agentPresence, describeWrite } from '../agent-presence.js';
16
- import { checkScopeFence, checkScopeOwnership } from '../scope-fence.js';
17
+ import { checkScopeFence, checkScopeOwnership, describeOpTarget } from '../scope-fence.js';
17
18
  import { CONTEXT_READ_OPS, contextReadFromPayload } from '../context-reads.js';
18
19
  import { openBoardForWrite } from '../canvas-operations.js';
19
20
  import { boardsPayload } from './ops/boards.js';
@@ -108,6 +109,20 @@ function allowedIntentKinds(name: string, rawInput: unknown): readonly PmxAxInte
108
109
  * chunk is exactly the high-frequency churn class the batch exemption exists
109
110
  * for; the stream's CREATING call (no nodeId yet) still ghosts once.
110
111
  */
112
+ /**
113
+ * A linked create that carries no x/y lands on its ghost, so the node appears
114
+ * where the human watched it form. A group built from children keeps the frame
115
+ * its children give it.
116
+ */
117
+ function landOnGhost(name: string, rawInput: unknown, intentId: string): unknown {
118
+ if (!INTENT_KINDS_BY_OPERATION[name]?.includes('create')) return rawInput;
119
+ const input = asRecord(rawInput);
120
+ if (typeof input.x === 'number' || typeof input.y === 'number') return rawInput;
121
+ if (name === 'group.create' && Array.isArray(input.childIds) && input.childIds.length > 0) return rawInput;
122
+ const position = intentRegistry.list().find((intent) => intent.id === intentId)?.position;
123
+ return position ? { ...input, x: position.x, y: position.y } : rawInput;
124
+ }
125
+
111
126
  function autoGhostExempt(name: string, rawInput: unknown): boolean {
112
127
  if (name !== 'jsonrender.stream') return false;
113
128
  const input =
@@ -238,6 +253,11 @@ function heldByHuman(name: string, rawInput: unknown): { nodeId: string; name: s
238
253
  if (locked.size === 0) return null;
239
254
  const input = asRecord(rawInput);
240
255
  const ids = [input.id, input.nodeId, input.groupId, input.from, input.to].filter(isString);
256
+ if (name === 'canvas.apply-updates' || name === 'node.update') {
257
+ // Fence and lock targets must agree, including translated children and
258
+ // the automatic parent frames re-fitted by a child write.
259
+ ids.push(...(describeOpTarget(getOperation(name), rawInput).nodeIds ?? []));
260
+ }
241
261
  if (MEMBERSHIP_OPS.has(name)) {
242
262
  for (const key of ['childIds', 'children']) {
243
263
  const list = input[key];
@@ -383,7 +403,12 @@ export async function executeOperation(
383
403
  ? (canvasState.readBoard(requestedBoard, false)?.state.contextPins ?? [])
384
404
  : [...canvasState.contextPinnedNodeIds]
385
405
  : [];
386
- const result = await executeOperationInner(name, rawInput, meta);
406
+ const run = () => executeOperationInner(name, rawInput, meta);
407
+ // False is a caller-imposed restriction, never a grant of authority.
408
+ // DELETE invokers encode it as a query string.
409
+ const result = await (input.allowExternalMcp === false || input.allowExternalMcp === 'false'
410
+ ? withoutExternalMcp(run)
411
+ : run());
387
412
  if (recordRead) {
388
413
  canvasState.recordContextRead(
389
414
  contextReadFromPayload(
@@ -442,6 +467,14 @@ async function executeOperationInner(name: string, rawInput: unknown, meta: Exec
442
467
  if (TRUSTED_HUMAN_ONLY_OPS.has(name) && !meta.humanAuthor) {
443
468
  throw new OperationError('This action requires trusted human authority.', 403);
444
469
  }
470
+ // Embedded clients carry their captured board through the transport. Refuse
471
+ // stale writes before Home can auto-open a recent board or any mutation runs.
472
+ const rawExpectedBoard = asRecord(rawInput).expectedBoardId;
473
+ // HTTP DELETE query values are strings, including Home's JSON null.
474
+ const expectedBoard = rawExpectedBoard === 'null' ? null : rawExpectedBoard;
475
+ if (expectedBoard !== undefined && expectedBoard !== canvasState.activeBoardId) {
476
+ throw new OperationError('The active board changed. Refresh before retrying this action.', 409);
477
+ }
445
478
  // File drops carry their captured board through the HTTP round trip. Check
446
479
  // before opening a recent board from Home, not just before reading the file.
447
480
  const capturedBoard = asRecord(rawInput).boardId;
@@ -488,15 +521,16 @@ async function executeOperationInner(name: string, rawInput: unknown, meta: Exec
488
521
  throw new OperationError(`Operation "${name}" cannot be committed through a ghost intent.`);
489
522
  }
490
523
  if (intentId) {
524
+ const input = landOnGhost(name, rawInput, intentId);
491
525
  return intentRegistry.runCommit(
492
526
  intentId,
493
527
  allowedKinds!,
494
528
  async () => {
495
- const result = await op.execute(rawInput, operationContext);
529
+ const result = await op.execute(input, operationContext);
496
530
  if (op.mutates) {
497
531
  emitOperationEvent('canvas-layout-update', { layout: canvasState.getLayout() });
498
532
  }
499
- notePresence(name, rawInput, meta, op, result);
533
+ notePresence(name, input, meta, op, result);
500
534
  return result;
501
535
  },
502
536
  settledNodeId,