pmx-canvas 0.1.23 → 0.1.24

package/Readme.md

@@ -55,6 +55,11 @@ prompt engineering, no copy-paste — pin a node in the browser and the MCP
 server fires a `notifications/resources/updated` event the agent's harness
 picks up immediately.
 
+AX context adds a host-agnostic focus layer on top of pins. Core PMX exposes
+`/api/canvas/ax/context`, `canvas://ax-context`, SDK methods, and
+`pmx-canvas ax context|focus`; adapters can map that same primitive to their
+native hook systems without making PMX Canvas GitHub-specific.
+
 ### 05 / Save
 
 Spatial state auto-saves to `.pmx-canvas/canvas.db` (debounced ~500 ms) —
@@ -66,12 +71,24 @@ the DB so SQLite WAL data is checkpointed into the file.
 
 ### 06 / Any agent
 
-Harness-agnostic. Drive the canvas from [MCP](docs/mcp.md) (42 tools,
-8 resources, change notifications), the [CLI](docs/cli.md), the
+Harness-agnostic. Drive the canvas from [MCP](docs/mcp.md) (45 tools,
+9 resources, change notifications), the [CLI](docs/cli.md), the
 [HTTP API](docs/http-api.md), or the [Bun SDK](docs/sdk.md). Works with
 Claude Code, GitHub Copilot CLI, Codex, Cursor, Windsurf, or any agent
 that can spawn an MCP stdio server, call a CLI, or hit an HTTP endpoint.
 
+The repo also ships a GitHub Copilot app adapter at
+`.github/extensions/pmx-canvas/`. It opens the live PMX workbench in a native
+Copilot canvas panel, injects AX pinned/focused context on prompt submission,
+and exposes adapter actions for status, AX focus, context refresh, and explicit
+session steering.
+
+In the Codex app, PMX Canvas is MCP-first plus the Codex in-app Browser: agents
+read `canvas://ax-context` / `canvas_get_ax`, humans use the live `/workbench`
+view, and Codex-originated focus can be labeled with `source: "codex"` through
+`canvas_set_ax_focus`. The CLI remains a fallback for scripts and manual
+debugging, not the native Codex adapter path.
+
 ## Prerequisites
 
 - [Bun](https://bun.sh) >= 1.3.12
@@ -126,6 +143,20 @@ Add to your agent's MCP config:
 
 The canvas auto-starts on first tool call.
 
+### Use inside the GitHub Copilot app
+
+This repository includes a project canvas extension:
+
+```text
+.github/extensions/pmx-canvas/extension.mjs
+```
+
+When loaded by the Copilot app, it opens the PMX workbench natively, starts a
+matching local PMX server when needed, and injects `AX` pinned/focused context
+as hidden per-turn context. The adapter is thin: PMX state still lives in
+`.pmx-canvas/canvas.db`, and the same HTTP, MCP, CLI, and SDK surfaces remain
+available to non-GitHub agents.
+
 ### Install the agent skill (recommended)
 
 The fastest way to get a working canvas is to install the `pmx-canvas` agent
@@ -148,8 +179,8 @@ Common harness skill directories: `.claude/skills/` (Claude Code),
 `.github/skills/` or `.copilot/skills/` (Copilot CLI),
 `.agents/skills/` (cross-harness convention). Once the canvas is running,
 the agent can read `canvas://skills` and pull in companion skills
-(`web-artifacts-builder`, `json-render-*`, `pmx-canvas-testing`,
-`playwright-cli`, etc.) as the work demands.
+(`control-session-orchestrator`, `web-artifacts-builder`, `json-render-*`,
+`pmx-canvas-testing`, `playwright-cli`, etc.) as the work demands.
 
 ## Documentation
 
@@ -157,7 +188,7 @@ the agent can read `canvas://skills` and pull in companion skills
   the three-tier visual matrix (json-render → html → web-artifact)
 - **[CLI reference](docs/cli.md)** — full command surface, daemon mode,
   watch streams, WebView automation
-- **[MCP reference](docs/mcp.md)** — 42 tools, 8 resources, change
+- **[MCP reference](docs/mcp.md)** — 45 tools, 9 resources, change
   notifications, node-type routing
 - **[HTTP API](docs/http-api.md)** — REST endpoints, SSE, batch operations
 - **[Bun SDK](docs/sdk.md)** — `createCanvas()` for TypeScript on Bun

package/dist/canvas/global.css

@@ -1107,10 +1107,13 @@ body,
   position: absolute;
   bottom: 0;
   right: 0;
-  width: 16px;
-  height: 16px;
+  width: 32px;
+  height: 32px;
+  background: rgba(0, 0, 0, 0.001);
   cursor: nwse-resize;
-  z-index: 2;
+  z-index: 30;
+  pointer-events: auto;
+  touch-action: none;
 }
 
 .canvas-node .node-resize-handle::after {
@@ -1130,6 +1133,36 @@ body,
   opacity: 1;
 }
 
+html.is-node-resizing,
+html.is-node-resizing * {
+  cursor: nwse-resize !important;
+}
+
+html.is-node-resizing .canvas-node {
+  transition: box-shadow 0.15s ease !important;
+}
+
+html.is-node-dragging .attention-field-layer {
+  visibility: hidden;
+}
+
+html.is-node-dragging,
+html.is-node-dragging * {
+  cursor: grabbing !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+}
+
+html.is-node-dragging iframe,
+html.is-node-dragging .ext-app-preview-catcher {
+  pointer-events: none !important;
+}
+
+html.is-node-resizing iframe,
+html.is-node-resizing .ext-app-preview-catcher {
+  pointer-events: none !important;
+}
+
 /* Pinned node indicator */
 .canvas-node.pinned {
   border-style: dashed;