@pixerate/editor 0.140.3 → 0.141.0

package/dist/image-editor/index.d.cts

@@ -61,3 +61,4 @@ export { rectToQuad, homographyFromPoints, applyHomography, invertHomography, ho
 export * from './layers/transform-ui.cjs';
 export * from './effects.cjs';
 export * from './provider-effect-tools.cjs';
+export * from './playback.cjs';

package/dist/image-editor/index.d.ts

@@ -61,3 +61,4 @@ export { rectToQuad, homographyFromPoints, applyHomography, invertHomography, ho
 export * from './layers/transform-ui.js';
 export * from './effects.js';
 export * from './provider-effect-tools.js';
+export * from './playback.js';

package/dist/image-editor/index.js

@@ -363,7 +363,7 @@ import {
   writePsd,
   xyToTempTint,
   xyToUv
-} from "../chunk-6UZCFD7Y.js";
+} from "../chunk-VM6JYWXQ.js";
 import {
   parseCssColor
 } from "../chunk-3CI7FRMK.js";
@@ -622,7 +622,7 @@ import {
   warpMeshParamAt,
   warpMeshRows,
   warpPresetMesh
-} from "../chunk-XGOU44RJ.js";
+} from "../chunk-77SG47WT.js";
 import "../chunk-ORDXMBD4.js";
 import "../chunk-M6DNZNVY.js";
 import "../chunk-WEIK3UYB.js";
@@ -9221,6 +9221,93 @@ var DEPTH_MASK_CONTROLS = [
   }
 ];
 
+// src/image-editor/playback.ts
+var IMAGE_PLAYBACK_KIND = "layer";
+var PAINT = /^(paint_stroke|clone_stamp|heal_brush|spot_heal|dodge|burn|sponge|smudge|blur_stroke|sharpen_stroke|history_brush|set_clone_source|set_clone_transform|fill_pixels|clear_pixels|set_paint|set_retouch_options|load_mixer_brush|clean_mixer_brush)$/;
+var SELECT = /^(select_region|select_by_color|modify_selection|refine_selection|transform_selection|apply_selection_as_mask|layer_via_copy)$/;
+var ANNOTATE = /^(add_shape_layer|update_shape|add_shape_component|set_shape_component|remove_shape_component|merge_shape_components|add_text_layer|set_text|set_text_style|set_paragraph_style|set_text_frame|convert_text_to_shape)$/;
+var CROP = /^(set_crop|reset_crop|set_rotation|flip_image|transform_layer|warp_layer|flip_layer|offset_layer)$/;
+var ADJUST = /^(set_adjustments|add_adjustment_layer|update_adjustment_layer|remove_adjustment_layer|move_adjustment_layer)$/;
+function imagePlaybackPanel(tool) {
+  if (ADJUST.test(tool)) return "adjust";
+  if (PAINT.test(tool)) return "paint";
+  if (SELECT.test(tool)) return "select";
+  if (ANNOTATE.test(tool)) return "annotate";
+  if (CROP.test(tool)) return "crop";
+  if (/layer|effect|filter|smart|group|mask|merge|flatten|profile|colors|proof|light/.test(tool)) return "layers";
+  return null;
+}
+function createImagePlaybackLocator(controller) {
+  return (ref) => {
+    if (ref.kind !== IMAGE_PLAYBACK_KIND && ref.kind !== "item") return null;
+    const b = controller.getLayerBounds(ref.id);
+    return b && b.width > 0 && b.height > 0 ? { x: b.x, y: b.y, width: b.width, height: b.height } : null;
+  };
+}
+var num = (v) => typeof v === "number" && Number.isFinite(v);
+var isPoint = (p) => !!p && typeof p === "object" && num(p.x) && num(p.y);
+function trace(points, max = 32) {
+  const list = points.length <= max ? points : Array.from({ length: max }, (_, i) => points[Math.round(i * (points.length - 1) / (max - 1))]);
+  if (!list.length) return [];
+  if (list.length === 1) return [{ type: "move", to: list[0] }, { type: "press" }, { type: "release" }];
+  let total = 0;
+  for (let i = 1; i < list.length; i++) total += Math.hypot(list[i].x - list[i - 1].x, list[i].y - list[i - 1].y);
+  const ms = (i) => total > 0 ? Math.max(16, 900 * Math.hypot(list[i].x - list[i - 1].x, list[i].y - list[i - 1].y) / total) : 16;
+  return [
+    { type: "move", to: list[0] },
+    { type: "press" },
+    ...list.slice(1).map((to, i) => ({ type: "drag", to, ms: ms(i + 1) })),
+    { type: "release" }
+  ];
+}
+function boxOf(args) {
+  for (const o of [args, args.shape, args.box, args.rect, args.bounds]) {
+    if (!o || typeof o !== "object") continue;
+    if ([o.x, o.y, o.width, o.height].every(num)) return { from: { x: o.x, y: o.y }, to: { x: o.x + o.width, y: o.y + o.height } };
+    if ([o.x1, o.y1, o.x2, o.y2].every(num)) return { from: { x: o.x1, y: o.y1 }, to: { x: o.x2, y: o.y2 } };
+  }
+  return null;
+}
+function layersOf(args) {
+  const out = [];
+  const add2 = (v) => typeof v === "string" && v && !out.includes(v) && out.push(v);
+  add2(args.layerId);
+  add2(args.id);
+  add2(args.target);
+  for (const key of ["ids", "layerIds"]) if (Array.isArray(args[key])) args[key].forEach(add2);
+  return out.slice(0, 6);
+}
+function planImageToolPlayback(tool, args) {
+  const steps = [];
+  const panel = imagePlaybackPanel(tool);
+  if (panel) steps.push({ type: "open", ref: { kind: "panel", id: panel } });
+  const points = Array.isArray(args.points) ? args.points.filter(isPoint) : [];
+  const box = boxOf(args);
+  if (points.length) steps.push(...trace(points));
+  else if (box) steps.push({ type: "move", to: box.from }, { type: "press" }, { type: "drag", to: box.to }, { type: "release" });
+  else if (num(args.x) && num(args.y)) steps.push({ type: "move", to: { x: args.x, y: args.y } }, { type: "press" }, { type: "release" });
+  else if (tool === "set_adjustments" && args.values && typeof args.values === "object") {
+    for (const key of Object.keys(args.values).slice(0, 4)) {
+      const m = /^layers\.([^.]+)\.(.+)$/.exec(key);
+      steps.push({ type: "target", ref: m ? { kind: "control", id: m[2] } : { kind: "control", id: key } });
+    }
+  } else for (const id of layersOf(args)) steps.push({ type: "target", ref: { kind: IMAGE_PLAYBACK_KIND, id } });
+  if (typeof args.text === "string" && args.text.trim()) {
+    const line = args.text.replace(/\s+/g, " ").trim();
+    steps.push({ type: "type", text: line.length > 60 ? `${line.slice(0, 59)}\u2026` : line });
+  }
+  return steps.length ? steps : null;
+}
+function withImagePlayback(provider, surface = "image") {
+  const plan = (tool) => tool.plan || tool.playback !== void 0 ? tool : { ...tool, plan: (args) => planImageToolPlayback(tool.name, args) };
+  const tools = provider.tools;
+  return {
+    ...provider,
+    playbackSurface: provider.playbackSurface ?? surface,
+    tools: typeof tools === "function" ? () => tools().map(plan) : tools.map(plan)
+  };
+}
+
 // src/image-editor/selection/tool-options.ts
 var SELECTION_TOOLS = [
   { id: "wand", label: "Magic Wand" },
@@ -9271,7 +9358,7 @@ var modeSchema = {
   enum: [...SELECTION_MODES],
   description: "How the result combines with the current selection (default replace)."
 };
-var num = (v, d) => typeof v === "number" && Number.isFinite(v) ? v : d;
+var num2 = (v, d) => typeof v === "number" && Number.isFinite(v) ? v : d;
 function summary(controller) {
   const sel = controller.getSelection();
   const { width, height } = controller.getState().imageDimensions;
@@ -9321,7 +9408,7 @@ function createImageSelectionTools(controller) {
     },
     annotations: writeAnnotations("Select a region", true),
     handler: ({ shape, x, y, width, height, mode, feather }) => {
-      const opts = { mode: parseSelectionMode(mode), feather: num(feather, 0) };
+      const opts = { mode: parseSelectionMode(mode), feather: num2(feather, 0) };
       switch (shape) {
         case "all":
           controller.selectAll();
@@ -9334,7 +9421,7 @@ function createImageSelectionTools(controller) {
           break;
         case "rect":
         case "ellipse": {
-          const rect = { x: num(x, NaN), y: num(y, NaN), width: num(width, NaN), height: num(height, NaN) };
+          const rect = { x: num2(x, NaN), y: num2(y, NaN), width: num2(width, NaN), height: num2(height, NaN) };
           if (![rect.x, rect.y, rect.width, rect.height].every(Number.isFinite)) {
             throw new Error("rect and ellipse need numeric x, y, width and height.");
           }
@@ -9379,9 +9466,9 @@ function createImageSelectionTools(controller) {
         sample: sample ?? "composite"
       };
       if (typeof color === "string") {
-        await controller.selectColorRange([{ color }], { ...common, fuzziness: num(fuzziness, 40) });
+        await controller.selectColorRange([{ color }], { ...common, fuzziness: num2(fuzziness, 40) });
       } else if (typeof x === "number" && typeof y === "number") {
-        await controller.magicWand({ x, y }, { ...common, tolerance: num(tolerance, 32), contiguous: contiguous !== false });
+        await controller.magicWand({ x, y }, { ...common, tolerance: num2(tolerance, 32), contiguous: contiguous !== false });
       } else {
         throw new Error("Pass x and y (magic wand) or color (#rrggbb).");
       }
@@ -9405,7 +9492,7 @@ function createImageSelectionTools(controller) {
     handler: ({ op, radius }) => {
       if (!SELECTION_MODIFY_OPS.includes(op)) throw new Error(`Unknown op "${String(op)}".`);
       if (!controller.getSelection()) throw new Error("Nothing is selected.");
-      controller.modifySelection(op, Math.min(500, Math.max(0, num(radius, 0))));
+      controller.modifySelection(op, Math.min(500, Math.max(0, num2(radius, 0))));
       return summary(controller);
     }
   };
@@ -9429,12 +9516,12 @@ function createImageSelectionTools(controller) {
     handler: async (params) => {
       if (!controller.getSelection()) throw new Error("Nothing is selected.");
       await controller.refineSelection({
-        radius: num(params.radius, 8),
+        radius: num2(params.radius, 8),
         smartRadius: params.smartRadius === true,
-        smooth: num(params.smooth, 0),
-        feather: num(params.feather, 0),
-        contrast: num(params.contrast, 0),
-        shiftEdge: num(params.shiftEdge, 0)
+        smooth: num2(params.smooth, 0),
+        feather: num2(params.feather, 0),
+        contrast: num2(params.contrast, 0),
+        shiftEdge: num2(params.shiftEdge, 0)
       });
       return summary(controller);
     }
@@ -13159,7 +13246,7 @@ function createImageEditorToolProvider(controller, options = {}) {
       };
     }
   };
-  return {
+  return withImagePlayback({
     id: options.id ?? "image-editor",
     namespace: options.namespace,
     title: "Image editor",
@@ -13186,7 +13273,7 @@ function createImageEditorToolProvider(controller, options = {}) {
       ...createPigmentTools(),
       ...createImagePsdTools(controller)
     ]
-  };
+  });
 }
 
 // src/image-editor/curve-editing.ts
@@ -15015,7 +15102,7 @@ function createImageEffectsToolProvider(controller, options = {}) {
     return { target, effect: effects.find((e) => e.id === instance) ?? effects[effects.length - 1], effects, ...extra };
   };
   const plainValues = (v) => v;
-  return createEffectToolProvider({
+  return withImagePlayback(createEffectToolProvider({
     id: options.id ?? "image-effects",
     namespace: options.namespace,
     title: "Image effects",
@@ -15083,7 +15170,7 @@ function createImageEffectsToolProvider(controller, options = {}) {
         }
       }
     ]
-  });
+  }));
 }
 export {
   ADJUSTMENT_KEYS,
@@ -15168,6 +15255,7 @@ export {
   IMAGE_EDITOR_STATE_VERSION,
   IMAGE_EFFECT_PLACES,
   IMAGE_FILTER_PRESETS,
+  IMAGE_PLAYBACK_KIND,
   INTENTS,
   INTENT_OPTIONS,
   INTERPOLATIONS,
@@ -15449,6 +15537,7 @@ export {
   createImageEffectsToolProvider,
   createImageLayerTools,
   createImagePaintTools,
+  createImagePlaybackLocator,
   createImagePsdTools,
   createImageRetouchTools,
   createImageSelectionTools,
@@ -15610,6 +15699,7 @@ export {
   identityWarpMesh,
   imageEditorStateMigrations,
   imageLayerAppliedEffects,
+  imagePlaybackPanel,
   imageToCanvasPoint,
   importPsd,
   inflate,
@@ -15788,6 +15878,7 @@ export {
   placementAt,
   placementBounds,
   placementGeometry,
+  planImageToolPlayback,
   pngDataUrl,
   pointerPressure,
   pointerStrokeSample,
@@ -16022,6 +16113,7 @@ export {
   whiteBalanceFromSample,
   whiteBalanceMatrix,
   withFilterMaskSurface,
+  withImagePlayback,
   withNewIds,
   writeAdjustmentBlock,
   writeDeepRegion,

package/dist/image-editor/playback.d.cts

@@ -0,0 +1,22 @@
+import type { AgentToolProvider } from '../tools/registry.cjs';
+import type { PlaybackRect, PlaybackRef, PlaybackStep } from '../tools/playback.cjs';
+import type { ImageEditorController } from './controller.cjs';
+/** The playback kind of an image layer (`{ kind: 'layer', id }`, as in `data-layer-id`). */
+export declare const IMAGE_PLAYBACK_KIND = "layer";
+/** The editor's panels (its tabs), as `{ kind: 'panel', id }` refs. */
+export type ImagePlaybackPanel = 'crop' | 'adjust' | 'layers' | 'paint' | 'select' | 'annotate';
+/** The panel a write tool's change shows in (by its bare name), or null. */
+export declare function imagePlaybackPanel(tool: string): ImagePlaybackPanel | null;
+/** Finds `{ kind: 'layer', id }` (the layer's pixels, in document pixels) for agent playback. */
+export declare function createImagePlaybackLocator(controller: Pick<ImageEditorController, 'getLayerBounds'>): (ref: PlaybackRef) => PlaybackRect | null;
+/**
+ * The cursor steps for one image tool call (by bare name), or null to fall back to the ids it names.
+ * Steps open the tool's panel first, then act on the canvas or on the panel's controls.
+ */
+export declare function planImageToolPlayback(tool: string, args: Record<string, any>): PlaybackStep[] | null;
+/**
+ * Gives an image tool provider agent playback: each write tool plans its steps with
+ * `planImageToolPlayback` and every call plays on the `surface` (default `image`, where
+ * `ImageEditor` attaches itself).
+ */
+export declare function withImagePlayback(provider: AgentToolProvider, surface?: string): AgentToolProvider;

package/dist/image-editor/playback.d.ts

@@ -0,0 +1,22 @@
+import type { AgentToolProvider } from '../tools/registry.js';
+import type { PlaybackRect, PlaybackRef, PlaybackStep } from '../tools/playback.js';
+import type { ImageEditorController } from './controller.js';
+/** The playback kind of an image layer (`{ kind: 'layer', id }`, as in `data-layer-id`). */
+export declare const IMAGE_PLAYBACK_KIND = "layer";
+/** The editor's panels (its tabs), as `{ kind: 'panel', id }` refs. */
+export type ImagePlaybackPanel = 'crop' | 'adjust' | 'layers' | 'paint' | 'select' | 'annotate';
+/** The panel a write tool's change shows in (by its bare name), or null. */
+export declare function imagePlaybackPanel(tool: string): ImagePlaybackPanel | null;
+/** Finds `{ kind: 'layer', id }` (the layer's pixels, in document pixels) for agent playback. */
+export declare function createImagePlaybackLocator(controller: Pick<ImageEditorController, 'getLayerBounds'>): (ref: PlaybackRef) => PlaybackRect | null;
+/**
+ * The cursor steps for one image tool call (by bare name), or null to fall back to the ids it names.
+ * Steps open the tool's panel first, then act on the canvas or on the panel's controls.
+ */
+export declare function planImageToolPlayback(tool: string, args: Record<string, any>): PlaybackStep[] | null;
+/**
+ * Gives an image tool provider agent playback: each write tool plans its steps with
+ * `planImageToolPlayback` and every call plays on the `surface` (default `image`, where
+ * `ImageEditor` attaches itself).
+ */
+export declare function withImagePlayback(provider: AgentToolProvider, surface?: string): AgentToolProvider;

package/dist/paint-editor/index.cjs

@@ -7,7 +7,7 @@ var _chunkVKF3PWKRcjs = require('../chunk-VKF3PWKR.cjs');
 
 
 
-var _chunkO3ZU6QIZcjs = require('../chunk-O3ZU6QIZ.cjs');
+var _chunkXNZWATSBcjs = require('../chunk-XNZWATSB.cjs');
 require('../chunk-A2IS7EHE.cjs');
 
 
@@ -53,8 +53,8 @@ var _chunkJLWLX52Lcjs = require('../chunk-JLWLX52L.cjs');
 
 
 
-var _chunkGEY73RUWcjs = require('../chunk-GEY73RUW.cjs');
-require('../chunk-RCUX6CT2.cjs');
+var _chunkUJGAA6AKcjs = require('../chunk-UJGAA6AK.cjs');
+require('../chunk-HRI3ZMDM.cjs');
 
 
 
@@ -1627,11 +1627,11 @@ function header(state, options) {
   return out;
 }
 function serializePaintDocument(state, options = {}) {
-  const { layers, assets } = _chunkO3ZU6QIZcjs.serializeLayers.call(void 0, state.layers);
+  const { layers, assets } = _chunkXNZWATSBcjs.serializeLayers.call(void 0, state.layers);
   return { ...header(state, options), layers, assets };
 }
 async function serializePaintDocumentExternal(state, store, options = {}) {
-  const { layers, assets } = await _chunkO3ZU6QIZcjs.serializeLayersExternal.call(void 0, state.layers, store);
+  const { layers, assets } = await _chunkXNZWATSBcjs.serializeLayersExternal.call(void 0, state.layers, store);
   return { ...header(state, options), layers, assets };
 }
 function paintLayersOnly(layers, problems) {
@@ -1668,7 +1668,7 @@ function deserializePaintDocument(raw) {
   const canvas = normalizeCanvas({ width: r.width, height: r.height, dpi: _nullishCoalesce(r.dpi, () => ( void 0)) });
   const paper = _chunkBXMIBMVGcjs.normalizePaper.call(void 0, _nullishCoalesce(r.paper, () => ( {})));
   const assets = r.assets && typeof r.assets === "object" ? r.assets : {};
-  const layers = paintLayersOnly(_chunkO3ZU6QIZcjs.deserializeLayers.call(void 0, r.layers, { assets, problems }), problems);
+  const layers = paintLayersOnly(_chunkXNZWATSBcjs.deserializeLayers.call(void 0, r.layers, { assets, problems }), problems);
   const wanted = typeof r.activeLayerId === "string" ? r.activeLayerId : null;
   const activeLayerId = wanted && _chunkHGTDMKNEcjs.findLayer.call(void 0, layers, wanted) ? wanted : _nullishCoalesce(_optionalChain([_chunkHGTDMKNEcjs.flattenLayers.call(void 0, layers), 'access', _70 => _70.filter, 'call', _71 => _71((l) => l.type === "pixel"), 'access', _72 => _72.pop, 'call', _73 => _73(), 'optionalAccess', _74 => _74.id]), () => ( null));
   const wetEvents = Array.isArray(r.wetEvents) ? r.wetEvents.filter((e) => e && typeof e === "object" && Number.isInteger(e.clock) && typeof e.kind === "string") : [];
@@ -1682,7 +1682,7 @@ async function deserializePaintDocumentAsync(raw, store) {
   if (!raw || typeof raw !== "object") throw new Error("Not a paint document: expected a JSON object.");
   const r = raw;
   const problems = [];
-  const assets = await _chunkO3ZU6QIZcjs.resolveExternalAssets.call(void 0, _nullishCoalesce(r.assets, () => ( {})), store, problems);
+  const assets = await _chunkXNZWATSBcjs.resolveExternalAssets.call(void 0, _nullishCoalesce(r.assets, () => ( {})), store, problems);
   const loaded = deserializePaintDocument({ ...r, assets });
   return { ...loaded, problems: [...problems, ...loaded.problems] };
 }
@@ -5346,7 +5346,7 @@ var PaintEditorController = (_class10 = class _PaintEditorController {
       return next.type === "group" ? { ...next, children: toStandard(next.children) } : next;
     });
     const layers = toStandard(dried);
-    const result = _chunkO3ZU6QIZcjs.exportPsd.call(void 0, { width, height, layers: [paperLayer, ...layers], merged, resolution: dpi });
+    const result = _chunkXNZWATSBcjs.exportPsd.call(void 0, { width, height, layers: [paperLayer, ...layers], merged, resolution: dpi });
     for (const [mode, names] of changed) {
       const label = _nullishCoalesce(_optionalChain([_chunkCWM3CUUXcjs.BLEND_MODES, 'access', _268 => _268.find, 'call', _269 => _269((m) => m.id === mode), 'optionalAccess', _270 => _270.label]), () => ( mode));
       const std = _nullishCoalesce(_optionalChain([_chunkCWM3CUUXcjs.BLEND_MODES, 'access', _271 => _271.find, 'call', _272 => _272((m) => m.id === _chunkCWM3CUUXcjs.standardBlendMode.call(void 0, mode)), 'optionalAccess', _273 => _273.label]), () => ( _chunkCWM3CUUXcjs.standardBlendMode.call(void 0, mode)));
@@ -5889,7 +5889,7 @@ function resampleInto(src, rect, width, height) {
 }
 
 // src/paint-editor/presence.ts
-var PaintPresence = class extends _chunkGEY73RUWcjs.PresenceStore {
+var PaintPresence = class extends _chunkUJGAA6AKcjs.PresenceStore {
 };
 var FRAME = 16;
 function strokeSchedule(points) {
@@ -5933,8 +5933,8 @@ var PaintDirector = class {
     this.controller = controller;
     this.presence = presence;
     this.options = options;
-    this.clock = _nullishCoalesce(options.clock, () => ( _chunkGEY73RUWcjs.realPresenceClock));
-    this.queue = new (0, _chunkGEY73RUWcjs.PerformanceQueue)(presence, { clock: this.clock, linger: options.linger });
+    this.clock = _nullishCoalesce(options.clock, () => ( _chunkUJGAA6AKcjs.realPresenceClock));
+    this.queue = new (0, _chunkUJGAA6AKcjs.PerformanceQueue)(presence, { clock: this.clock, linger: options.linger });
   }
   
   
@@ -5969,7 +5969,7 @@ var PaintDirector = class {
       this.presence.set({ id, x: to.x, y: to.y });
       return;
     }
-    await _chunkGEY73RUWcjs.tweenPresenceCursor.call(void 0, this.presence, this.clock, id, this.where(id), to, this.ms(ms));
+    await _chunkUJGAA6AKcjs.tweenPresenceCursor.call(void 0, this.presence, this.clock, id, this.where(id), to, this.ms(ms));
   }
   async say(id, text, ms) {
     if (!text) return;
@@ -5999,7 +5999,7 @@ var PaintDirector = class {
         await this.glide(id, path[0]);
         this.presence.set({ id, pressed: true });
         try {
-          for (let i = 1; i < path.length; i++) await _chunkGEY73RUWcjs.tweenPresenceCursor.call(void 0, this.presence, this.clock, id, path[i - 1], path[i], this.ms(i % 2 ? 260 : 90));
+          for (let i = 1; i < path.length; i++) await _chunkUJGAA6AKcjs.tweenPresenceCursor.call(void 0, this.presence, this.clock, id, path[i - 1], path[i], this.ms(i % 2 ? 260 : 90));
         } finally {
           this.presence.set({ id, pressed: false });
         }

package/dist/paint-editor/index.js

@@ -7,7 +7,7 @@ import {
   resolveExternalAssets,
   serializeLayers,
   serializeLayersExternal
-} from "../chunk-6UZCFD7Y.js";
+} from "../chunk-VM6JYWXQ.js";
 import "../chunk-3CI7FRMK.js";
 import {
   EffectRendererPool
@@ -53,8 +53,8 @@ import {
   PresenceStore,
   realPresenceClock,
   tweenPresenceCursor
-} from "../chunk-BSGPXPTW.js";
-import "../chunk-XGOU44RJ.js";
+} from "../chunk-PEEP2YR7.js";
+import "../chunk-77SG47WT.js";
 import {
   BRUSH_ID,
   BRUSH_ROTATIONS,

package/dist/tools/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-LACYURUW.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-TNCWKC5M.cjs');
 
 
 
@@ -24,7 +24,16 @@
 
 
 
-var _chunkHDK3T2QScjs = require('../chunk-HDK3T2QS.cjs');
+var _chunkY4BWZB6Jcjs = require('../chunk-Y4BWZB6J.cjs');
+
+
+
+
+
+
+
+
+var _chunk6SFREX6Hcjs = require('../chunk-6SFREX6H.cjs');
 
 
 
@@ -69,6 +78,14 @@ var _chunkN2FGYZ4Qcjs = require('../chunk-N2FGYZ4Q.cjs');
 var _chunk2BSBFBOAcjs = require('../chunk-2BSBFBOA.cjs');
 
 
+
+
+
+
+
+var _chunkUJGAA6AKcjs = require('../chunk-UJGAA6AK.cjs');
+
+
 var _chunkWOFXZ3XUcjs = require('../chunk-WOFXZ3XU.cjs');
 
 
@@ -132,4 +149,17 @@ var _chunkWOFXZ3XUcjs = require('../chunk-WOFXZ3XU.cjs');
 
 
 
-exports.CAPTURE_EXCLUDE_SELECTOR = _chunkSVFEVKLFcjs.CAPTURE_EXCLUDE_SELECTOR; exports.CAPTURE_OVERLAY_SELECTORS = _chunkSVFEVKLFcjs.CAPTURE_OVERLAY_SELECTORS; exports.EDITOR_CANVAS_TOOLS = _chunkSVFEVKLFcjs.EDITOR_CANVAS_TOOLS; exports.EDITOR_MCP_TOOLS = _chunkSVFEVKLFcjs.EDITOR_MCP_TOOLS; exports.EDITOR_PROMPT_TOOLS = _chunkSVFEVKLFcjs.EDITOR_PROMPT_TOOLS; exports.EDIT_OPERATION_REQUIRED_ARGUMENTS = _chunkSVFEVKLFcjs.EDIT_OPERATION_REQUIRED_ARGUMENTS; exports.EXPORT_EXCLUDED_SELECTORS = _chunkSVFEVKLFcjs.EXPORT_EXCLUDED_SELECTORS; exports.JSON_RPC_ERRORS = _chunkHDK3T2QScjs.JSON_RPC_ERRORS; exports.MCP_PROTOCOL_VERSIONS = _chunkHDK3T2QScjs.MCP_PROTOCOL_VERSIONS; exports.MCP_TOOL_CANVAS_ADD_NODE = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_ADD_NODE; exports.MCP_TOOL_CANVAS_CONNECT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_CONNECT; exports.MCP_TOOL_CANVAS_HIGHLIGHT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_HIGHLIGHT; exports.MCP_TOOL_CANVAS_LAYOUT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_LAYOUT; exports.MCP_TOOL_CANVAS_REMOVE_NODES = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_REMOVE_NODES; exports.MCP_TOOL_CANVAS_SELECT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_SELECT; exports.MCP_TOOL_CANVAS_UPDATE_NODE = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_UPDATE_NODE; exports.MCP_TOOL_EDIT_CANVAS = _chunkSVFEVKLFcjs.MCP_TOOL_EDIT_CANVAS; exports.MCP_TOOL_EDIT_PROMPT = _chunkSVFEVKLFcjs.MCP_TOOL_EDIT_PROMPT; exports.MCP_TOOL_GET_EDITOR_STATE = _chunkSVFEVKLFcjs.MCP_TOOL_GET_EDITOR_STATE; exports.MCP_TOOL_PROMPT_INSERT_TEXT = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_INSERT_TEXT; exports.MCP_TOOL_PROMPT_REPLACE_RANGE = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_REPLACE_RANGE; exports.MCP_TOOL_PROMPT_SELECT = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_SELECT; exports.MCP_TOOL_PROMPT_SET_VARIABLE = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_SET_VARIABLE; exports.MCP_TOOL_VIEW_EDITOR = _chunkSVFEVKLFcjs.MCP_TOOL_VIEW_EDITOR; exports.TOOL_BRIDGE_DEFAULT_PORT = _chunkHDK3T2QScjs.TOOL_BRIDGE_DEFAULT_PORT; exports.TOOL_BRIDGE_PROTOCOL = _chunkHDK3T2QScjs.TOOL_BRIDGE_PROTOCOL; exports.TOOL_DISCOVERY_TOOLS = _chunkHDK3T2QScjs.TOOL_DISCOVERY_TOOLS; exports.TOOL_NAMESPACE_SEPARATOR = _chunkHDK3T2QScjs.TOOL_NAMESPACE_SEPARATOR; exports.ToolRegistry = _chunkHDK3T2QScjs.ToolRegistry; exports.ToolRegistryError = _chunkHDK3T2QScjs.ToolRegistryError; exports.ToolRegistryView = _chunkHDK3T2QScjs.ToolRegistryView; exports.UNSAFE_JSON_KEYS = _chunk2BSBFBOAcjs.UNSAFE_JSON_KEYS; exports.baseToolName = _chunkHDK3T2QScjs.baseToolName; exports.captureInputSchema = _chunkN2FGYZ4Qcjs.captureInputSchema; exports.captureOutputSize = _chunkN2FGYZ4Qcjs.captureOutputSize; exports.cloneElementWithStyles = _chunkSVFEVKLFcjs.cloneElementWithStyles; exports.connectToolBridge = _chunkHDK3T2QScjs.connectToolBridge; exports.createCaptureTool = _chunkN2FGYZ4Qcjs.createCaptureTool; exports.createCaptureToolProvider = _chunkN2FGYZ4Qcjs.createCaptureToolProvider; exports.createElementCaptureSurface = _chunkSVFEVKLFcjs.createElementCaptureSurface; exports.createMcpServer = _chunkHDK3T2QScjs.createMcpServer; exports.createToolRegistry = _chunkHDK3T2QScjs.createToolRegistry; exports.elementToSvg = _chunkSVFEVKLFcjs.elementToSvg; exports.errorResult = _chunkHDK3T2QScjs.errorResult; exports.isUnsafeJsonKey = _chunk2BSBFBOAcjs.isUnsafeJsonKey; exports.listSkills = _chunkHDK3T2QScjs.listSkills; exports.parseSkillFrontmatter = _chunkHDK3T2QScjs.parseSkillFrontmatter; exports.rasterizeElement = _chunkSVFEVKLFcjs.rasterizeElement; exports.readSkillFile = _chunkHDK3T2QScjs.readSkillFile; exports.resolveCaptureRequest = _chunkN2FGYZ4Qcjs.resolveCaptureRequest; exports.searchTokens = _chunkHDK3T2QScjs.searchTokens; exports.searchTools = _chunkHDK3T2QScjs.searchTools; exports.stripPrototypeKeys = _chunk2BSBFBOAcjs.stripPrototypeKeys; exports.summarize = _chunkHDK3T2QScjs.summarize; exports.toCapturedImageData = _chunkN2FGYZ4Qcjs.toCapturedImageData; exports.toToolResult = _chunkHDK3T2QScjs.toToolResult; exports.toolsetInstructions = _chunkHDK3T2QScjs.toolsetInstructions; exports.toolsetName = _chunkHDK3T2QScjs.toolsetName; exports.unionCaptureRects = _chunkN2FGYZ4Qcjs.unionCaptureRects; exports.unknownToolMessage = _chunkHDK3T2QScjs.unknownToolMessage; exports.validateJsonSchema = _chunkWOFXZ3XUcjs.validateJsonSchema;
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AgentPlayback = _chunk6SFREX6Hcjs.AgentPlayback; exports.CAPTURE_EXCLUDE_SELECTOR = _chunkSVFEVKLFcjs.CAPTURE_EXCLUDE_SELECTOR; exports.CAPTURE_OVERLAY_SELECTORS = _chunkSVFEVKLFcjs.CAPTURE_OVERLAY_SELECTORS; exports.EDITOR_CANVAS_TOOLS = _chunkSVFEVKLFcjs.EDITOR_CANVAS_TOOLS; exports.EDITOR_MCP_TOOLS = _chunkSVFEVKLFcjs.EDITOR_MCP_TOOLS; exports.EDITOR_PROMPT_TOOLS = _chunkSVFEVKLFcjs.EDITOR_PROMPT_TOOLS; exports.EDIT_OPERATION_REQUIRED_ARGUMENTS = _chunkSVFEVKLFcjs.EDIT_OPERATION_REQUIRED_ARGUMENTS; exports.EXPORT_EXCLUDED_SELECTORS = _chunkSVFEVKLFcjs.EXPORT_EXCLUDED_SELECTORS; exports.JSON_RPC_ERRORS = _chunkY4BWZB6Jcjs.JSON_RPC_ERRORS; exports.MCP_PROTOCOL_VERSIONS = _chunkY4BWZB6Jcjs.MCP_PROTOCOL_VERSIONS; exports.MCP_TOOL_CANVAS_ADD_NODE = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_ADD_NODE; exports.MCP_TOOL_CANVAS_CONNECT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_CONNECT; exports.MCP_TOOL_CANVAS_HIGHLIGHT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_HIGHLIGHT; exports.MCP_TOOL_CANVAS_LAYOUT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_LAYOUT; exports.MCP_TOOL_CANVAS_REMOVE_NODES = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_REMOVE_NODES; exports.MCP_TOOL_CANVAS_SELECT = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_SELECT; exports.MCP_TOOL_CANVAS_UPDATE_NODE = _chunkSVFEVKLFcjs.MCP_TOOL_CANVAS_UPDATE_NODE; exports.MCP_TOOL_EDIT_CANVAS = _chunkSVFEVKLFcjs.MCP_TOOL_EDIT_CANVAS; exports.MCP_TOOL_EDIT_PROMPT = _chunkSVFEVKLFcjs.MCP_TOOL_EDIT_PROMPT; exports.MCP_TOOL_GET_EDITOR_STATE = _chunkSVFEVKLFcjs.MCP_TOOL_GET_EDITOR_STATE; exports.MCP_TOOL_PROMPT_INSERT_TEXT = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_INSERT_TEXT; exports.MCP_TOOL_PROMPT_REPLACE_RANGE = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_REPLACE_RANGE; exports.MCP_TOOL_PROMPT_SELECT = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_SELECT; exports.MCP_TOOL_PROMPT_SET_VARIABLE = _chunkSVFEVKLFcjs.MCP_TOOL_PROMPT_SET_VARIABLE; exports.MCP_TOOL_VIEW_EDITOR = _chunkSVFEVKLFcjs.MCP_TOOL_VIEW_EDITOR; exports.PRESENCE_COLORS = _chunkUJGAA6AKcjs.PRESENCE_COLORS; exports.PerformanceQueue = _chunkUJGAA6AKcjs.PerformanceQueue; exports.PresenceStore = _chunkUJGAA6AKcjs.PresenceStore; exports.TOOL_BRIDGE_DEFAULT_PORT = _chunkY4BWZB6Jcjs.TOOL_BRIDGE_DEFAULT_PORT; exports.TOOL_BRIDGE_PROTOCOL = _chunkY4BWZB6Jcjs.TOOL_BRIDGE_PROTOCOL; exports.TOOL_DISCOVERY_TOOLS = _chunkY4BWZB6Jcjs.TOOL_DISCOVERY_TOOLS; exports.TOOL_NAMESPACE_SEPARATOR = _chunkY4BWZB6Jcjs.TOOL_NAMESPACE_SEPARATOR; exports.ToolRegistry = _chunkY4BWZB6Jcjs.ToolRegistry; exports.ToolRegistryError = _chunkY4BWZB6Jcjs.ToolRegistryError; exports.ToolRegistryView = _chunkY4BWZB6Jcjs.ToolRegistryView; exports.UNSAFE_JSON_KEYS = _chunk2BSBFBOAcjs.UNSAFE_JSON_KEYS; exports.baseToolName = _chunkY4BWZB6Jcjs.baseToolName; exports.captureInputSchema = _chunkN2FGYZ4Qcjs.captureInputSchema; exports.captureOutputSize = _chunkN2FGYZ4Qcjs.captureOutputSize; exports.cloneElementWithStyles = _chunkSVFEVKLFcjs.cloneElementWithStyles; exports.connectToolBridge = _chunkY4BWZB6Jcjs.connectToolBridge; exports.createAgentPlayback = _chunk6SFREX6Hcjs.createAgentPlayback; exports.createCaptureTool = _chunkN2FGYZ4Qcjs.createCaptureTool; exports.createCaptureToolProvider = _chunkN2FGYZ4Qcjs.createCaptureToolProvider; exports.createElementCaptureSurface = _chunkSVFEVKLFcjs.createElementCaptureSurface; exports.createInstantPresenceClock = _chunkUJGAA6AKcjs.createInstantPresenceClock; exports.createMcpServer = _chunkY4BWZB6Jcjs.createMcpServer; exports.createToolRegistry = _chunkY4BWZB6Jcjs.createToolRegistry; exports.derivePlaybackSteps = _chunk6SFREX6Hcjs.derivePlaybackSteps; exports.elementToSvg = _chunkSVFEVKLFcjs.elementToSvg; exports.errorResult = _chunkY4BWZB6Jcjs.errorResult; exports.isUnsafeJsonKey = _chunk2BSBFBOAcjs.isUnsafeJsonKey; exports.listSkills = _chunkY4BWZB6Jcjs.listSkills; exports.parseSkillFrontmatter = _chunkY4BWZB6Jcjs.parseSkillFrontmatter; exports.playbackRefsFromArgs = _chunk6SFREX6Hcjs.playbackRefsFromArgs; exports.playbackRefsFromResult = _chunk6SFREX6Hcjs.playbackRefsFromResult; exports.rasterizeElement = _chunkSVFEVKLFcjs.rasterizeElement; exports.readSkillFile = _chunkY4BWZB6Jcjs.readSkillFile; exports.readingTime = _chunk6SFREX6Hcjs.readingTime; exports.realPresenceClock = _chunkUJGAA6AKcjs.realPresenceClock; exports.resolveCaptureRequest = _chunkN2FGYZ4Qcjs.resolveCaptureRequest; exports.searchTokens = _chunkY4BWZB6Jcjs.searchTokens; exports.searchTools = _chunkY4BWZB6Jcjs.searchTools; exports.stripPrototypeKeys = _chunk2BSBFBOAcjs.stripPrototypeKeys; exports.summarize = _chunkY4BWZB6Jcjs.summarize; exports.toCapturedImageData = _chunkN2FGYZ4Qcjs.toCapturedImageData; exports.toToolResult = _chunkY4BWZB6Jcjs.toToolResult; exports.toolsetInstructions = _chunkY4BWZB6Jcjs.toolsetInstructions; exports.toolsetName = _chunkY4BWZB6Jcjs.toolsetName; exports.tweenPresenceCursor = _chunkUJGAA6AKcjs.tweenPresenceCursor; exports.unionCaptureRects = _chunkN2FGYZ4Qcjs.unionCaptureRects; exports.unionRects = _chunk6SFREX6Hcjs.unionRects; exports.unknownToolMessage = _chunkY4BWZB6Jcjs.unknownToolMessage; exports.validateJsonSchema = _chunkWOFXZ3XUcjs.validateJsonSchema;

package/dist/tools/index.d.cts

@@ -18,3 +18,5 @@ export * from './view.cjs';
 export * from './search.cjs';
 export * from './skills.cjs';
 export * from './safe-json.cjs';
+export * from './presence.cjs';
+export * from './playback.cjs';

package/dist/tools/index.d.ts

@@ -18,3 +18,5 @@ export * from './view.js';
 export * from './search.js';
 export * from './skills.js';
 export * from './safe-json.js';
+export * from './presence.js';
+export * from './playback.js';

package/dist/tools/index.js

@@ -1,4 +1,4 @@
-import "../chunk-K73HMKQP.js";
+import "../chunk-PLKIYNJZ.js";
 import {
   JSON_RPC_ERRORS,
   MCP_PROTOCOL_VERSIONS,
@@ -24,7 +24,16 @@ import {
   toolsetInstructions,
   toolsetName,
   unknownToolMessage
-} from "../chunk-RB62U6MS.js";
+} from "../chunk-RFBFTLVN.js";
+import {
+  AgentPlayback,
+  createAgentPlayback,
+  derivePlaybackSteps,
+  playbackRefsFromArgs,
+  playbackRefsFromResult,
+  readingTime,
+  unionRects
+} from "../chunk-MFFE55CS.js";
 import {
   CAPTURE_EXCLUDE_SELECTOR,
   CAPTURE_OVERLAY_SELECTORS,
@@ -67,10 +76,19 @@ import {
   isUnsafeJsonKey,
   stripPrototypeKeys
 } from "../chunk-HF5QZS7Z.js";
+import {
+  PRESENCE_COLORS,
+  PerformanceQueue,
+  PresenceStore,
+  createInstantPresenceClock,
+  realPresenceClock,
+  tweenPresenceCursor
+} from "../chunk-PEEP2YR7.js";
 import {
   validateJsonSchema
 } from "../chunk-V2ZCJRDM.js";
 export {
+  AgentPlayback,
   CAPTURE_EXCLUDE_SELECTOR,
   CAPTURE_OVERLAY_SELECTORS,
   EDITOR_CANVAS_TOOLS,
@@ -95,6 +113,9 @@ export {
   MCP_TOOL_PROMPT_SELECT,
   MCP_TOOL_PROMPT_SET_VARIABLE,
   MCP_TOOL_VIEW_EDITOR,
+  PRESENCE_COLORS,
+  PerformanceQueue,
+  PresenceStore,
   TOOL_BRIDGE_DEFAULT_PORT,
   TOOL_BRIDGE_PROTOCOL,
   TOOL_DISCOVERY_TOOLS,
@@ -108,18 +129,25 @@ export {
   captureOutputSize,
   cloneElementWithStyles,
   connectToolBridge,
+  createAgentPlayback,
   createCaptureTool,
   createCaptureToolProvider,
   createElementCaptureSurface,
+  createInstantPresenceClock,
   createMcpServer,
   createToolRegistry,
+  derivePlaybackSteps,
   elementToSvg,
   errorResult,
   isUnsafeJsonKey,
   listSkills,
   parseSkillFrontmatter,
+  playbackRefsFromArgs,
+  playbackRefsFromResult,
   rasterizeElement,
   readSkillFile,
+  readingTime,
+  realPresenceClock,
   resolveCaptureRequest,
   searchTokens,
   searchTools,
@@ -129,7 +157,9 @@ export {
   toToolResult,
   toolsetInstructions,
   toolsetName,
+  tweenPresenceCursor,
   unionCaptureRects,
+  unionRects,
   unknownToolMessage,
   validateJsonSchema
 };