pmx-canvas 0.6.4 → 0.6.5

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to `pmx-canvas` are documented here. This project follows
 [Semantic Versioning](https://semver.org/).
 
+## [0.6.5] - 2026-09-26
+
+### Added
+
+- Present saved board tours or derive stops from groups, with keyboard navigation and optional local PNG/MP4 capture using the same camera path.
+- Creation responses report requested and applied sizes, including group fitting, across HTTP, MCP, and batches.
+- JSON-render warns when unbound form values would be ignored.
+
+### Fixed
+
+- Workboards use equal-width columns across narrow and wide frames.
+- Embedded HTML and JSON-render updates keep the previous frame visible until the replacement is ready.
+- Explicitly empty HTML primitive fields omit their sections instead of inserting example content.
+- Mermaid diagrams fit overflowing content without enlarging small diagrams; authored sizes and optional natural scrolling are preserved.
+- Titlebar clicks select nodes without adding a selection after a drag.
+- Detached agents expire promptly, workers roll up under their parent, and camera operations no longer claim writer activity.
+- Unchanged and worker sessions do not replace useful receipts or reopen the panel.
+- Ghosts finish their rendered settle animation before removal, and tour-only changes create distinct snapshots.
+
 ## [0.6.4] - 2026-09-24
 
 ### Added

package/Readme.md

@@ -18,6 +18,12 @@ structured panel into place as they generate it — not as a separate tooling
 project. Pin what matters and the agent reads your spatial curation as
 structured context.
 
+**The board is the presentation.** Click **Present** to step through a saved tour
+(or groups in reading order), with chrome hidden and smooth camera moves.
+Optionally capture that same tour with
+`pmx-canvas record --mode deterministic --present --output tour.mp4`. See the
+[tour model and CLI walkthrough](docs/cli.md#tour-and-presentation).
+
 <p align="center">
   <img src="docs/screenshots/workbench-live-dark.png" alt="Live multi-agent workbench — dark theme: two agents on the board, review cards, an architecture diagram, and the writers pill" width="49%" />
   <img src="docs/screenshots/workbench-live-light.png" alt="Live multi-agent workbench — light theme" width="49%" />
@@ -372,7 +378,7 @@ services:
 ```bash
 # .agents/setup — install the CLI (pin the exact version: a fresh orb running
 # @latest can silently pick up a newer release than the one you validated)
-npm install -g pmx-canvas@0.6.4
+npm install -g pmx-canvas@0.6.5
 ```
 
 The server binds the portal-assigned `$PORT` automatically (gated on the

package/dist/canvas/global.css

@@ -1210,13 +1210,13 @@ body,
   font-size: 9px;
   padding: 1px 6px;
 }
-/* Idle cursors leave the board (user feedback, 0.5.1 cycle): with many agents
+/* Parked idle cursors leave the board (user feedback, 0.5.1 cycle): with many agents
    attached, a wall of parked "Idle" pills covers real node content. The
    element stays MOUNTED — counts, twin-merge, and cursor-follow logic are
    untouched, and visibility (not display) keeps its layout box so position
-   polls still resolve — but it paints nothing; any non-idle phase fades it
-   back in. Placed after .is-worker so opacity: 0 wins that collision. */
-.agent-cursor.phase-idle {
+   polls still resolve — but it paints nothing. An explicitly reported cursor
+   remains visible even while idle so cursor-only movement cannot disappear. */
+.agent-cursor.phase-idle:not(.has-explicit-cursor) {
   opacity: 0;
   visibility: hidden;
   transition:
@@ -4211,6 +4211,33 @@ html.is-node-resizing .ext-app-preview-catcher {
 }
 
 /* MCP app iframe */
+.mcp-app-frame-stack {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  background: var(--c-panel-soft);
+  overflow: hidden;
+  border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);
+}
+
+.mcp-app-frame-stack:has(.html-node-frame) {
+  width: 100%;
+  height: 100%;
+  min-height: 300px;
+  background: var(--c-bg);
+  border-radius: 6px;
+}
+
+.mcp-app-frame-stack:has(.html-node-frame-presentation) {
+  min-height: 0;
+  border-radius: 0;
+}
+
+.mcp-app-frame-stack:has(.html-node-frame-expanded) {
+  min-height: 70vh;
+}
+
 .mcp-app-frame {
   width: 100%;
   height: 100%;
@@ -6808,3 +6835,30 @@ html.is-node-dragging .intent-ghost,
 html.is-node-dragging .intent-line-layer {
   opacity: 0.5;
 }
+
+.present-button {
+  color: var(--c-text);
+  background: var(--c-bg);
+  border: 1px solid var(--c-line);
+  border-radius: 6px;
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.is-presenting > :not(.app-main):not(.presentation-error),
+.is-presenting .app-main > :not(.canvas-region),
+.is-presenting .canvas-region > :not(.canvas-viewport) {
+  display: none !important;
+}
+.is-presenting .canvas-viewport { pointer-events: none; }
+.presentation-error {
+  position: fixed;
+  bottom: 16px;
+  left: 16px;
+  z-index: 100;
+  max-width: calc(100% - 32px);
+  padding: 10px 16px;
+  border: 1px solid var(--c-line);
+  border-radius: 6px;
+  background: var(--c-panel);
+  color: var(--c-text);
+}