@1agh/maude 0.42.0 → 0.43.0

package/apps/studio/video-comp.tsx

@@ -116,6 +116,18 @@ function registry(): Map<string, CompEntry> {
   return w.__maudeVideoComps;
 }
 
+// rca/issue-video-artboard-frame-reset-on-edit — the LAST live-preview frame
+// per comp, hoisted above every remount boundary (module scope, mirrors
+// canvas-lib.tsx's `liveViewport`). A canvas edit (ACP/agent/inspector/text)
+// remounts the canvas subtree (canvas-comment-mount.tsx `key={attempt}`), and
+// video-comp.tsx's own module survives that remount — so a fresh VideoComp
+// mount can read the Timeline's last position here instead of always opening
+// on the static `posterFrame`. A full page load clears it — correct; the
+// shell re-seeds via the `timeline-comps` re-announce (app.jsx) once the new
+// Player registers. Never touched during capture (`hideChrome()` forces the
+// deterministic frame 0 / render-shim frame regardless of this mirror).
+const liveTimelineFrame = new Map<string, number>();
+
 function clamp(n: number, lo: number, hi: number): number {
   return Math.max(lo, Math.min(hi, n));
 }
@@ -226,7 +238,7 @@ export interface VideoCompProps extends VideoCompMeta {
   /** Show the Player's own transport chrome in PREVIEW. Auto-hidden during
    *  capture/export (the `?hide-chrome=1` shell flag). Default true. */
   controls?: boolean;
-  /** Loop preview playback. Default true. */
+  /** Loop preview playback. Default false — the user opts in via the Timeline. */
   loop?: boolean;
   /**
    * Autoplay in preview. Default: play unless the viewer prefers reduced motion
@@ -281,7 +293,7 @@ export function VideoComp({
   id,
   inputProps,
   controls,
-  loop = true,
+  loop = false,
   autoPlay,
 }: VideoCompProps) {
   const ref = useRef<PlayerRef | null>(null);
@@ -301,9 +313,15 @@ export function VideoComp({
   // autoplay; capture never autoplays (the shim drives frames). Opens on a
   // poster frame ~35% in so a paused comp shows content, not an empty frame 0.
   const play = (autoPlay ?? false) && !capturing;
-  const posterFrame = capturing
+  const maxFrame = Math.max(0, durationInFrames - 1);
+  const posterFrame = capturing ? 0 : Math.min(maxFrame, Math.round(durationInFrames * 0.35));
+  // rca/issue-video-artboard-frame-reset-on-edit — reopen on the Timeline's
+  // last known frame for this comp (survives the remount that tore this
+  // instance down), not the fixed poster-frame formula. Falls back to
+  // posterFrame on a genuinely first-ever mount (nothing recorded yet).
+  const initialFrame = capturing
     ? 0
-    : Math.min(Math.max(0, durationInFrames - 1), Math.round(durationInFrames * 0.35));
+    : clamp(liveTimelineFrame.get(compId) ?? posterFrame, 0, maxFrame);
 
   // Register with the seek bridge for the lifetime of this mount.
   useEffect(() => {
@@ -353,8 +371,10 @@ export function VideoComp({
       if (!p) return;
       try {
         if (m.dgn === 'timeline-seek' && typeof m.frame === 'number') {
+          const f = clamp(Math.round(m.frame), 0, Math.max(0, durationInFrames - 1));
           p.pause();
-          p.seekTo(clamp(Math.round(m.frame), 0, Math.max(0, durationInFrames - 1)));
+          p.seekTo(f);
+          liveTimelineFrame.set(compId, f);
         } else if (m.dgn === 'timeline-play') {
           p.play();
         } else if (m.dgn === 'timeline-pause') {
@@ -382,7 +402,9 @@ export function VideoComp({
     if (!p) return;
     const onFrame = () => {
       try {
-        postToShell({ dgn: 'timeline-frame', id: compId, frame: p.getCurrentFrame() });
+        const f = p.getCurrentFrame();
+        liveTimelineFrame.set(compId, f);
+        postToShell({ dgn: 'timeline-frame', id: compId, frame: f });
       } catch {
         /* ignore */
       }
@@ -397,6 +419,25 @@ export function VideoComp({
     };
   }, [compId]);
 
+  // iframe → shell: with loop off (now the default), the Player stops itself
+  // at the last frame — nothing else tells the Timeline panel's Play/Pause
+  // button to flip back to Play, so it reads "still playing" forever. Mirror
+  // the Player's own `ended` event so the shell can resync (rca/issue-video-
+  // artboard-loop-defaults-on).
+  useEffect(() => {
+    const p = ref.current;
+    if (!p) return;
+    const onEnded = () => postToShell({ dgn: 'timeline-ended', id: compId });
+    p.addEventListener('ended', onEnded);
+    return () => {
+      try {
+        p.removeEventListener('ended', onEnded);
+      } catch {
+        /* ignore */
+      }
+    };
+  }, [compId]);
+
   const style = useMemo(() => ({ width: '100%', height: '100%', display: 'block' as const }), []);
 
   return (
@@ -416,7 +457,7 @@ export function VideoComp({
         controls={showControls}
         loop={loopState}
         autoPlay={play}
-        initialFrame={posterFrame}
+        initialFrame={initialFrame}
         // Clicking the artboard must NOT toggle playback — it selects elements
         // for editing (the whole point of a canvas). Play only via the explicit
         // transport button (Player controls / Timeline panel). Same for the

package/apps/studio/whats-new.json

@@ -1,6 +1,59 @@
 {
   "$schema": "./whats-new.schema.json",
   "entries": [
+    {
+      "id": "photo-editor",
+      "version": "0.43.0",
+      "date": "2026-07-10",
+      "kind": "feature",
+      "title": "Edit photos right on the canvas",
+      "summary": "A new Photo tab in the Inspector lets you tune any photo on your canvas — brightness, contrast, saturation, exposure, hue, sepia, grayscale, duotone, grain, pattern overlays, and vignette/reveal masks — with a live preview, whether it's an image you placed in an artboard or one you dropped/pasted onto the canvas. One click removes the background entirely (runs in your browser, no upload). Reach it from the Inspector's Photo tab or right-click \"Edit Photo…\". Every edit is also scriptable headlessly via /design:photo, so an agent can tune a photo without touching a slider.",
+      "surface": "design-ui",
+      "tour": [
+        {
+          "target": "[data-tour=\"inspector-tabs\"]",
+          "title": "Photo tab",
+          "body": "Select any photo on the canvas and a Photo tab appears here — adjustments, duotone, grain, pattern, masks, and one-click background removal.",
+          "placement": "bottom"
+        }
+      ]
+    },
+    {
+      "id": "footage-analysis-director-reel",
+      "version": "0.43.0",
+      "date": "2026-07-10",
+      "kind": "feature",
+      "title": "Turn a folder of clips into a cut — Maude watches your footage first",
+      "summary": "New /design:reel: point Maude at a folder of raw video (or the clips already on your canvas) and it actually WATCHES the footage first — pulling keyframes from each clip to find the good shots and read its character — then directs them like an editor into a graphics-laden cut with titles and transitions, ready to scrub on the Timeline and export to MP4. It can use several moments from one clip, orders them so they tell a story, and needs no extra install (frames are decoded in the browser, no ffmpeg). Analysis is vision-only; drop in a music track and it rides under the finished cut.",
+      "surface": "design-ui"
+    },
+    {
+      "id": "ssh-remote-publish-and-pr-flow",
+      "version": "0.43.0",
+      "date": "2026-07-10",
+      "kind": "feature",
+      "title": "Share to a protected branch — via a pull request",
+      "summary": "On a GitHub project, \"Add to Shared version\" now pushes your draft and opens a pull request into main, so it works even when main is protected and a direct push would be rejected — the pull-request link opens right from the dialog. Publishing and getting the latest now work on SSH remotes too, and a blue \"Get latest\" button appears in the dock the moment a teammate's work is ahead, so you're nudged to pull without hunting for it.",
+      "surface": "design-ui"
+    },
+    {
+      "id": "unified-text-editing",
+      "version": "0.43.0",
+      "date": "2026-07-10",
+      "kind": "feature",
+      "title": "Edit any text on the canvas, inline",
+      "summary": "Every kind of text on the canvas now edits the same predictable way — click to place a blinking caret, type, Enter to confirm, Shift+Enter for a new line — across an element's copy, shape and sticky labels, standalone text, and section titles. Text that's filled in from a list or variable (like cards built from data) is now editable in place too: double-click and change the words directly, and it's traced back to the right source. Only genuinely computed text still sends you to chat or /design:edit.",
+      "surface": "design-ui"
+    },
+    {
+      "id": "whiteboard-annotation-improvements",
+      "version": "0.43.0",
+      "date": "2026-07-10",
+      "kind": "feature",
+      "title": "Bulk resize, sticky authors & fun stickers",
+      "summary": "Select several stickies, shapes or images together and resize the whole group proportionally with live corner handles, instead of one at a time. Sticky notes now show who drew them with a name badge. Text editing got a real pass: a visible blinking caret everywhere you edit text, double-click places the caret where you clicked instead of selecting everything, hovering text shows a text cursor, and a new shape or sticky auto-focuses so you can start typing immediately. Also new: a searchable, FigJam-style sticker picker with genuinely fun (not emoji) bundled sticker packs, and /design:board now understands generation requests like \"make me a team sprint retro\" directly.",
+      "surface": "design-ui"
+    },
     {
       "id": "background-export-notification-center",
       "version": "0.42.0",

package/cli/commands/design.mjs

@@ -47,6 +47,19 @@ const BIN_VERBS = new Set([
   'chat-open',
   'ensure-browser',
   'fetch-asset',
+  // feature-photo-editor (Stage G). `photo-adjust` is the thin non-browser
+  // parametric verb (curl → /_api/photo-edit). `photo-bg-remove` is the
+  // client-side @imgly ML harness (throwaway proof canvas + agent-browser
+  // attribute poll — see photo-bg-remove.sh's header for why).
+  'photo-adjust',
+  'photo-bg-remove',
+  // feature-footage-analysis-director. `ingest-footage` copies a folder of raw
+  // clips into assets/ (content-addressed, magic-byte sniffed). `probe-footage`
+  // decodes ONE clip in headless Chromium → keyframe PNGs for the footage-analyst's
+  // vision pass. Neither boots the dev server (probe is server-independent — it
+  // reads the clip as a file:// resource).
+  'ingest-footage',
+  'probe-footage',
 ]);
 
 // Bin verbs that boot the dev-server (directly, or by shelling into server-up.sh).
@@ -140,7 +153,7 @@ Dev-tooling (dispatch to the dev-server bash helpers — DDR-062):
   screenshot · server-up · prep · slug · bootstrap-check · runtime-health
   smoke · canvas-edit · handoff · asset-sweep · visual-sanity · fetch-asset
   draw-build · draw-proof · svg-optimize · to-lottie · read-annotations · annotate
-  canvas-rects
+  canvas-rects · ingest-footage · probe-footage
         Invoke the bundled helper of the same name. maude resolves it from its
         own package root and sets CLAUDE_PLUGIN_ROOT for the child; stdout,
         stderr, and exit code pass straight through (so command-substitution
@@ -453,7 +466,22 @@ async function runExport({ args }) {
   }
 
   const format = positional[0];
-  const VALID_FORMATS = new Set(['png', 'pdf', 'svg', 'html', 'pptx', 'canva', 'zip']);
+  // Includes the temporal formats (DDR-148): mp4/webm/gif render through the
+  // capture spine, same POST /_api/export the UI ⌘E dialog uses. Video export
+  // is always artboard-scoped (the comp's registered meta drives fps/duration).
+  const VALID_FORMATS = new Set([
+    'png',
+    'pdf',
+    'svg',
+    'html',
+    'pptx',
+    'canva',
+    'zip',
+    'mp4',
+    'webm',
+    'gif',
+  ]);
+  const VIDEO_FORMATS = new Set(['mp4', 'webm', 'gif']);
   if (!format || !VALID_FORMATS.has(format)) {
     process.stderr.write(
       `maude design export: missing or unknown <format>. Try one of: ${Array.from(VALID_FORMATS).join(', ')}\n`
@@ -461,7 +489,10 @@ async function runExport({ args }) {
     process.exit(2);
   }
 
-  const scope = flags.scope ?? 'canvas-as-separate';
+  // Video formats default to artboard scope (the only scope video supports —
+  // scope.ts resolves the artboard under the active canvas); other formats keep
+  // the canvas-as-separate default.
+  const scope = flags.scope ?? (VIDEO_FORMATS.has(format) ? 'artboard' : 'canvas-as-separate');
   const VALID_SCOPES = new Set(['selection', 'artboard', 'canvas-as-separate', 'project-raw']);
   if (!VALID_SCOPES.has(scope)) {
     process.stderr.write(`maude design export: unknown --scope "${scope}"\n`);

package/cli/lib/gitignore-block.mjs

@@ -44,6 +44,7 @@ export function buildBlock(designRel = '.design') {
     `${root}/_history/`,
     `${root}/_trash/`, // soft-deleted canvases (recoverable locally — Phase 22 delete)
     `${root}/_draw/`, // draw-agent proof canvases (regenerable — Phase 25)
+    `${root}/_photo/`, // photo-bg-remove headless proof canvases (regenerable — feature-photo-editor)
     `${root}/_smoke/`, // batch-screenshot output (regenerable — DDR-021)
     `${root}/_canvas-state/`, // per-machine canvas scratch + camera (`*.view.json`, DDR-115)
     `${root}/_chat/`, // ACP transcripts (per-machine)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1agh/maude",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "description": "Marketplace of Claude Code plugins by Michal Dovrtěl: `design` (canvas-first design iteration) + `flow` (generic agentic workflow loop with .ai second brain). Ships the `maude` CLI (with `mdcc` legacy alias) to scaffold workspace, run the design dev server, and manage configs.",
   "type": "module",
   "engines": {
@@ -50,13 +50,13 @@
     "test:e2e:desktop:onboarding": "pnpm --filter @maude/desktop-e2e e2e:onboarding"
   },
   "optionalDependencies": {
-    "@1agh/maude-darwin-arm64": "0.42.0",
-    "@1agh/maude-darwin-x64": "0.42.0",
-    "@1agh/maude-linux-arm64": "0.42.0",
-    "@1agh/maude-linux-arm64-musl": "0.42.0",
-    "@1agh/maude-linux-x64": "0.42.0",
-    "@1agh/maude-linux-x64-musl": "0.42.0",
-    "@1agh/maude-win32-x64": "0.42.0"
+    "@1agh/maude-darwin-arm64": "0.43.0",
+    "@1agh/maude-darwin-x64": "0.43.0",
+    "@1agh/maude-linux-arm64": "0.43.0",
+    "@1agh/maude-linux-arm64-musl": "0.43.0",
+    "@1agh/maude-linux-x64": "0.43.0",
+    "@1agh/maude-linux-x64-musl": "0.43.0",
+    "@1agh/maude-win32-x64": "0.43.0"
   },
   "files": [
     "cli",
@@ -94,9 +94,9 @@
     "scaffold"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^2.4.16",
+    "@biomejs/biome": "^2.5.3",
     "@changesets/cli": "^2.27.10",
-    "@playwright/test": "^1.60.0"
+    "@playwright/test": "^1.61.1"
   },
   "dependencies": {
     "ajv": "^8.20.0",

package/plugins/design/templates/_shell.html

@@ -135,6 +135,7 @@
           "react/jsx-runtime": "/_canvas-runtime/react_jsx-runtime.js",
           "react/jsx-dev-runtime": "/_canvas-runtime/react_jsx-dev-runtime.js",
           "pixi.js": "/_canvas-runtime/pixi-js.js",
+          "@imgly/background-removal": "/_canvas-runtime/@imgly_background-removal.js",
           "motion": "/_canvas-runtime/motion.js",
           "motion/react": "/_canvas-runtime/motion_react.js",
           "yjs": "/_canvas-runtime/yjs.js",