@clipkit/editor 1.0.0

package/dist/commands.js

@@ -0,0 +1,103 @@
+// Command registry + keyboard map. Commands are DATA (id, title,
+// shortcut, run) so the keyboard handler, menus, and a future command
+// palette all read one table. Shortcuts follow the editor convention:
+// space = transport, arrows = frame stepping, cmd/ctrl+z = history.
+'use client';
+import { useEffect } from 'react';
+export const EDITOR_COMMANDS = [
+    {
+        id: 'transport.toggle-play',
+        title: 'Play / pause',
+        shortcut: 'Space',
+        run: ({ actions }) => void actions.togglePlay(),
+    },
+    {
+        id: 'transport.step-back',
+        title: 'Previous frame',
+        shortcut: 'ArrowLeft',
+        run: ({ engine }) => engine?.stepFrame(-1),
+    },
+    {
+        id: 'transport.step-forward',
+        title: 'Next frame',
+        shortcut: 'ArrowRight',
+        run: ({ engine }) => engine?.stepFrame(1),
+    },
+    {
+        id: 'transport.go-start',
+        title: 'Go to start',
+        shortcut: 'Home',
+        run: ({ actions }) => actions.seek(0),
+    },
+    {
+        id: 'history.undo',
+        title: 'Undo',
+        shortcut: 'Mod+Z',
+        run: ({ actions }) => actions.undo(),
+    },
+    {
+        id: 'history.redo',
+        title: 'Redo',
+        shortcut: 'Shift+Mod+Z',
+        run: ({ actions }) => actions.redo(),
+    },
+    {
+        id: 'selection.clear',
+        title: 'Clear selection',
+        shortcut: 'Escape',
+        run: ({ actions }) => actions.clearSelection(),
+    },
+    {
+        id: 'selection.delete',
+        title: 'Delete selected',
+        shortcut: 'Backspace',
+        run: ({ store, actions }) => {
+            for (const id of store.getState().selection)
+                actions.removeElement(id);
+        },
+    },
+];
+function matches(shortcut, e) {
+    const parts = shortcut.split('+');
+    const key = parts[parts.length - 1];
+    const needMod = parts.includes('Mod');
+    const needShift = parts.includes('Shift');
+    const mod = e.metaKey || e.ctrlKey;
+    if (needMod !== mod)
+        return false;
+    if (needShift !== e.shiftKey)
+        return false;
+    if (e.altKey)
+        return false;
+    const k = e.key === ' ' ? 'Space' : e.key;
+    return k.toLowerCase() === key.toLowerCase();
+}
+function isTypingTarget(e) {
+    const t = e.target;
+    if (!(t instanceof HTMLElement))
+        return false;
+    return (t.tagName === 'INPUT' ||
+        t.tagName === 'TEXTAREA' ||
+        t.tagName === 'SELECT' ||
+        t.isContentEditable);
+}
+/** Bind the command table to the window. One listener per editor. */
+export function useKeyboardCommands(ctx) {
+    const { store, engine, actions } = ctx;
+    useEffect(() => {
+        const onKey = (e) => {
+            if (isTypingTarget(e))
+                return;
+            for (const cmd of EDITOR_COMMANDS) {
+                if (cmd.shortcut && matches(cmd.shortcut, e)) {
+                    e.preventDefault();
+                    cmd.run({ store, engine, actions });
+                    return;
+                }
+            }
+        };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [store, engine, actions]);
+}
+//# sourceMappingURL=commands.js.map

package/dist/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../src/commands.ts"],"names":[],"mappings":"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"}

package/dist/configuration.d.ts

@@ -0,0 +1,9 @@
+import { type EditorConfiguration, type EditorRegistry } from '@clipkit/editor-core';
+export interface ConfigurationContextValue {
+    configuration: EditorConfiguration;
+    registry: EditorRegistry;
+}
+export declare const ConfigurationContext: import("react").Context<ConfigurationContextValue | null>;
+export declare function useConfiguration(): ConfigurationContextValue;
+export declare function getRegistry(): EditorRegistry;
+//# sourceMappingURL=configuration.d.ts.map

package/dist/configuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration.d.ts","sourceRoot":"","sources":["../src/configuration.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,mBAAmB,CAAC;IACnC,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D;AAKD,wBAAgB,WAAW,IAAI,cAAc,CAG5C"}

package/dist/configuration.js

@@ -0,0 +1,21 @@
+// ConfigurationContext — the EditorConfiguration for this editor
+// instance, plus the resolved registry it filters. Provided once by
+// the root; every panel reads it instead of hard-coding what exists.
+import { createContext, useContext } from 'react';
+import { buildEditorRegistry, } from '@clipkit/editor-core';
+export const ConfigurationContext = createContext(null);
+export function useConfiguration() {
+    const ctx = useContext(ConfigurationContext);
+    if (!ctx) {
+        throw new Error('useConfiguration must be used inside <Editor>.');
+    }
+    return ctx;
+}
+/** The registry is pure data derived from the protocol — build once
+ * per module, shared by every editor instance. */
+let cachedRegistry = null;
+export function getRegistry() {
+    cachedRegistry ??= buildEditorRegistry();
+    return cachedRegistry;
+}
+//# sourceMappingURL=configuration.js.map

package/dist/configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../src/configuration.tsx"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,oEAAoE;AACpE,qEAAqE;AAErE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EACL,mBAAmB,GAGpB,MAAM,sBAAsB,CAAC;AAO9B,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;kDACkD;AAClD,IAAI,cAAc,GAA0B,IAAI,CAAC;AACjD,MAAM,UAAU,WAAW;IACzB,cAAc,KAAK,mBAAmB,EAAE,CAAC;IACzC,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/controls/AnimationsStack.d.ts

@@ -0,0 +1,8 @@
+import { type Animation } from '@clipkit/protocol';
+export declare function AnimationsStackControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: Animation[] | undefined;
+    onChange: (next: Animation[] | undefined, live: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AnimationsStack.d.ts.map

package/dist/controls/AnimationsStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsStack.d.ts","sourceRoot":"","sources":["../../src/controls/AnimationsStack.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAmB,KAAK,SAAS,EAAsB,MAAM,mBAAmB,CAAC;AA0FxF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAuOA"}

package/dist/controls/AnimationsStack.js

@@ -0,0 +1,188 @@
+// Animations stack (EDITORS B11) — browse / apply / stack the
+// protocol's preset animations (ANIMATION_TYPES — "the 30 presets").
+// Same FX-row pattern as the effects stack: family-hued type chip,
+// expand to params, reorder, ×, grouped "+ Animation" picker. Params
+// render from the registry's `animation` scope through ControlRenderer,
+// FILTERED to the params the preset actually reads (per PROTOCOL §6.2)
+// so a `seed` knob never shows on a fade. Unauthored params display
+// the runtime's normative defaults (presets.ts / text-animation.ts).
+//
+// Entrance/exit anchoring: `time` renders as a Start / End / At-s
+// segmented control; adding an exit-family preset writes `time: "end"`
+// EXPLICITLY (the protocol stays literal — no hidden anchor semantics).
+// Families derive from the type names, so a future 31st preset appears
+// in the picker with zero UI work (D2).
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ANIMATION_TYPES } from '@clipkit/protocol';
+import { cn } from '../lib/utils.js';
+import { useConfiguration } from '../configuration.js';
+import { ControlRenderer } from './ControlRenderer.js';
+import { NumberControl, SelectControl } from './primitives.js';
+function familyOf(type) {
+    if (type.startsWith('text-'))
+        return 'text';
+    if (type.endsWith('-in'))
+        return 'entrance';
+    if (type.endsWith('-out'))
+        return 'exit';
+    if (type === 'drift' || type === 'breathe' || type === 'orbit')
+        return 'ambient';
+    return 'accent';
+}
+const FAMILY_LABEL = {
+    entrance: 'Entrance',
+    exit: 'Exit',
+    accent: 'Accent',
+    ambient: 'Ambient',
+    text: 'Text',
+};
+const FAMILY_ORDER = ['entrance', 'exit', 'accent', 'ambient', 'text'];
+const CHIP_CLS = {
+    entrance: 'bg-emerald-500/20 text-emerald-300',
+    exit: 'bg-rose-500/20 text-rose-300',
+    accent: 'bg-amber-500/20 text-amber-300',
+    ambient: 'bg-sky-500/20 text-sky-300',
+    text: 'bg-violet-500/20 text-violet-300',
+};
+/** Params each preset actually reads (PROTOCOL §6.2 / §6.5). */
+function paramsFor(type) {
+    const p = ['duration', 'easing'];
+    if (type.startsWith('text-'))
+        p.push('split', 'stagger');
+    if (['shake', 'wiggle', 'drift', 'breathe', 'orbit', 'text-wave'].includes(type))
+        p.push('frequency');
+    if (['spin', 'wiggle', 'text-flip'].includes(type))
+        p.push('rotation');
+    if (type === 'text-flip')
+        p.push('axis');
+    if (['pan', 'shift', 'shake', 'drift', 'orbit', 'text-slide', 'text-fly', 'text-wave'].includes(type))
+        p.push('distance');
+    if (['pan', 'shift', 'orbit', 'text-slide', 'text-fly'].includes(type))
+        p.push('direction');
+    if (['squash', 'breathe'].includes(type))
+        p.push('scale');
+    if (type === 'drift')
+        p.push('seed');
+    return p;
+}
+/** Runs the element's full life when untimed — duration shows "auto". */
+const FULL_LENGTH = new Set(['spin', 'shake', 'wiggle', 'pan', 'drift', 'breathe', 'orbit', 'text-wave']);
+/** Display defaults mirroring the runtime's normative fallbacks. */
+function defaultFor(type, param) {
+    switch (param) {
+        case 'duration':
+            return FULL_LENGTH.has(type) ? undefined : 0.5;
+        case 'easing':
+            return 'ease-out';
+        case 'split':
+            return type === 'text-typewriter' || type === 'text-wave' || type === 'text-flip'
+                ? 'letter'
+                : 'word';
+        case 'stagger':
+            return defaultFor(type, 'split') === 'word' ? 0.09 : 0.035;
+        case 'frequency':
+            return { shake: 8, wiggle: 2, drift: 0.5, breathe: 0.4, orbit: 0.5, 'text-wave': 1.5 }[type];
+        case 'rotation':
+            return { spin: 360, wiggle: 8, 'text-flip': 90 }[type];
+        case 'distance':
+            return {
+                shake: 24, drift: 30, orbit: 40, pan: 200, shift: 200,
+                'text-slide': 40, 'text-fly': 140, 'text-wave': 12,
+            }[type];
+        case 'direction':
+            return type === 'text-slide' || type === 'text-fly' ? 'up' : 'right';
+        case 'scale':
+            return { squash: 0.3, breathe: 0.05 }[type];
+        case 'seed':
+            return 0;
+        default:
+            return undefined;
+    }
+}
+const NAMED_EASINGS = [
+    'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out',
+    'ease-in-cubic', 'ease-out-cubic', 'ease-in-out-cubic',
+    'ease-out-quart', 'ease-out-expo', 'ease-out-back', 'spring',
+    'elastic-out', 'bounce-out',
+];
+export function AnimationsStackControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const { registry } = useConfiguration();
+    const [expanded, setExpanded] = useState(null);
+    const [adding, setAdding] = useState(false);
+    const animations = value ?? [];
+    const commit = (next, live = false) => onChange(next.length > 0 ? next : undefined, live);
+    const setAnim = (i, patch, live) => commit(animations.map((a, j) => {
+        if (j !== i)
+            return a;
+        const next = { ...a, ...patch };
+        // Unauthored params stay unauthored (byte-clean documents).
+        for (const k of Object.keys(next))
+            if (next[k] === undefined)
+                delete next[k];
+        return next;
+    }), live);
+    const move = (i, dir) => {
+        const j = i + dir;
+        if (j < 0 || j >= animations.length)
+            return;
+        const next = [...animations];
+        [next[i], next[j]] = [next[j], next[i]];
+        commit(next);
+        setExpanded(null);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-0.5 w-full", children: [animations.map((anim, i) => {
+                const family = familyOf(anim.type);
+                const open = expanded === i;
+                const params = paramsFor(anim.type);
+                const specs = registry.animation.fields.filter((s) => params.includes(s.path));
+                return (_jsxs("div", { className: "border border-border/60 rounded", children: [_jsxs("div", { className: "flex items-center gap-1 h-7 px-1", children: [_jsxs("button", { type: "button", className: "flex items-center gap-1.5 flex-1 min-w-0 text-left", onClick: () => setExpanded(open ? null : i), "aria-expanded": open, children: [_jsx("svg", { width: "6", height: "6", viewBox: "0 0 8 8", "aria-hidden": "true", className: cn('text-muted-foreground shrink-0 transition-transform', open && 'rotate-90'), children: _jsx("path", { d: "M2 1 L6 4 L2 7 Z", fill: "currentColor" }) }), _jsx("span", { className: cn('px-1.5 py-px rounded text-[10px] font-medium truncate', CHIP_CLS[family]), children: anim.type }), _jsx("span", { className: "text-[9px] text-muted-foreground/60 truncate", children: anim.time === 'end' ? 'end' : typeof anim.time === 'number' ? `${anim.time}s` : 'start' })] }), _jsx("button", { type: "button", className: "w-4 h-4 grid place-items-center text-muted-foreground/50 hover:text-foreground text-[9px] disabled:opacity-20", disabled: i === 0, onClick: () => move(i, -1), "aria-label": "Move up", children: "\u25B2" }), _jsx("button", { type: "button", className: "w-4 h-4 grid place-items-center text-muted-foreground/50 hover:text-foreground text-[9px] disabled:opacity-20", disabled: i === animations.length - 1, onClick: () => move(i, 1), "aria-label": "Move down", children: "\u25BC" }), _jsx("button", { type: "button", className: "w-4 h-4 grid place-items-center text-muted-foreground/50 hover:text-foreground text-[11px]", onClick: () => {
+                                        commit(animations.filter((_, j) => j !== i));
+                                        setExpanded(null);
+                                    }, "aria-label": "Remove animation", children: "\u00D7" })] }), open && (_jsxs("div", { className: "px-2 pb-2 flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-2 h-8", children: [_jsx("span", { className: "w-16 shrink-0 text-[10px] text-muted-foreground truncate", children: "Anchor" }), _jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [_jsx("div", { className: "flex flex-1 min-w-0 h-6 gap-px rounded-md overflow-hidden", children: ['start', 'end', 'at'].map((mode) => {
+                                                        const active = mode === 'at'
+                                                            ? typeof anim.time === 'number'
+                                                            : mode === 'end'
+                                                                ? anim.time === 'end'
+                                                                : anim.time === 'start' || anim.time === undefined;
+                                                        return (_jsx("button", { type: "button", className: cn('flex-1 h-6 text-[10px] capitalize transition-colors', active
+                                                                ? 'bg-secondary text-foreground'
+                                                                : 'bg-field text-muted-foreground hover:text-foreground hover:bg-field-hover'), onClick: () => setAnim(i, {
+                                                                time: mode === 'start'
+                                                                    ? undefined
+                                                                    : mode === 'end'
+                                                                        ? 'end'
+                                                                        : typeof anim.time === 'number'
+                                                                            ? anim.time
+                                                                            : 0,
+                                                            }, false), children: mode }, mode));
+                                                    }) }), typeof anim.time === 'number' && (_jsx(NumberControl, { value: anim.time, min: 0, step: 0.05, suffix: "s", width: 64, onChange: (v, live) => setAnim(i, { time: v }, live), onScrubStart: onScrubStart, onScrubEnd: onScrubEnd }))] })] }), specs.map((spec) => {
+                                    const raw = anim[spec.path];
+                                    const fallback = defaultFor(anim.type, spec.path);
+                                    if (spec.path === 'easing') {
+                                        const cur = typeof raw === 'string' ? raw : fallback;
+                                        const opts = NAMED_EASINGS.includes(cur) ? NAMED_EASINGS : [cur, ...NAMED_EASINGS];
+                                        return (_jsxs("div", { className: "flex items-center gap-2 h-8", children: [_jsx("span", { className: "w-16 shrink-0 text-[10px] text-muted-foreground truncate", children: "Easing" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(SelectControl, { value: cur, options: opts, fluid: true, onChange: (v) => setAnim(i, { easing: v }, false) }) })] }, spec.path));
+                                    }
+                                    const shown = raw ??
+                                        (spec.path === 'duration' && FULL_LENGTH.has(anim.type) ? undefined : fallback);
+                                    return (_jsxs("div", { className: "flex items-center gap-2 h-8", children: [_jsx("span", { className: "w-16 shrink-0 text-[10px] text-muted-foreground truncate", title: spec.path === 'duration' && FULL_LENGTH.has(anim.type)
+                                                    ? 'Defaults to the element’s full duration when untimed'
+                                                    : undefined, children: spec.label }), _jsx("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: _jsx(ControlRenderer, { spec: spec, value: shown, fluid: true, onChange: (v, live) => setAnim(i, { [spec.path]: v }, live), onScrubStart: onScrubStart, onScrubEnd: onScrubEnd }) })] }, spec.path));
+                                })] }))] }, i));
+            }), adding ? (_jsxs("select", { autoFocus: true, className: "h-6 bg-field hover:bg-field-hover rounded-md px-1 text-[11px] text-foreground outline-none cursor-pointer transition-colors", defaultValue: "", onBlur: () => setAdding(false), onChange: (e) => {
+                    const type = e.target.value;
+                    if (type) {
+                        const anim = { type };
+                        // Exit presets anchor to the element's end — written
+                        // EXPLICITLY so the document carries the semantics.
+                        if (familyOf(type) === 'exit')
+                            anim.time = 'end';
+                        commit([...animations, anim]);
+                        setExpanded(animations.length);
+                    }
+                    setAdding(false);
+                }, children: [_jsx("option", { value: "", disabled: true, children: "Add animation\u2026" }), FAMILY_ORDER.map((fam) => (_jsx("optgroup", { label: FAMILY_LABEL[fam], children: ANIMATION_TYPES.filter((t) => familyOf(t) === fam).map((t) => (_jsx("option", { value: t, children: t }, t))) }, fam)))] })) : (_jsx("button", { type: "button", className: "self-start h-5 px-1.5 rounded text-[10px] text-muted-foreground hover:text-foreground hover:bg-card transition", onClick: () => setAdding(true), children: "+ Animation" }))] }));
+}
+//# sourceMappingURL=AnimationsStack.js.map

package/dist/controls/AnimationsStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsStack.js","sourceRoot":"","sources":["../../src/controls/AnimationsStack.tsx"],"names":[],"mappings":"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"}

package/dist/controls/CameraControl.d.ts

@@ -0,0 +1,19 @@
+import type { Camera } from '@clipkit/protocol';
+export declare function CameraControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: Camera | undefined;
+    onChange: (next: Camera | undefined, live: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+interface MotionBlur {
+    samples?: number;
+    shutter?: number;
+}
+export declare function MotionBlurControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: MotionBlur | undefined;
+    onChange: (next: MotionBlur | undefined, live: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CameraControl.d.ts.map

package/dist/controls/CameraControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraControl.d.ts","sourceRoot":"","sources":["../../src/controls/CameraControl.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAoDhD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BA0EA;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAqDA"}

package/dist/controls/CameraControl.js

@@ -0,0 +1,47 @@
+// Camera + Motion Blur controls (CAMERA-PLAN item 4). These are custom
+// per-field controls for the Source scope's nested-object fields
+// `source.camera` and `source.motion_blur` — registered in
+// ControlRenderer, surfaced via FIELD_OVERRIDES.source. Each edits the
+// whole nested object and writes it back through the source patch.
+//
+// Camera fields are animatable via INLINE Keyframe[] arrays (the runtime
+// resolves them in cameraMatrix). When a field already holds a keyframe
+// array we show an "animated" chip rather than a number well, so we
+// never clobber a curve from this static panel — keyframing the camera
+// from the stage lands with the camera tools (item 7).
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { NumberControl, SelectControl } from './primitives.js';
+const BOX = 'flex flex-col w-full border border-border/60 rounded px-2 py-1.5';
+const ROW = 'flex items-center gap-2 h-8';
+const LABEL = 'text-[10px] text-muted-foreground w-16 shrink-0 truncate';
+const ADD_BTN = 'h-5 px-1.5 rounded text-[10px] text-muted-foreground hover:text-foreground hover:bg-card transition';
+function isAnimated(v) {
+    return Array.isArray(v);
+}
+/** A number well, or an "animated" chip when the field holds a curve. */
+function NumOrAnim({ value, onChange, scrub, stepper = false, ...rest }) {
+    if (isAnimated(value)) {
+        return (_jsx("span", { className: "flex-1 min-w-0 h-7 grid place-items-center rounded bg-field text-[10px] text-muted-foreground/70", children: "animated" }));
+    }
+    return (_jsx(NumberControl, { value: typeof value === 'number' ? value : 0, fluid: true, stepper: stepper, onChange: onChange, onScrubStart: scrub.onScrubStart, onScrubEnd: scrub.onScrubEnd, ...rest }));
+}
+export function CameraControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const scrub = { onScrubStart, onScrubEnd };
+    if (!value) {
+        return (_jsx("button", { type: "button", className: ADD_BTN, onClick: () => onChange({ perspective: 1200 }, false), children: "+ Add camera" }));
+    }
+    // Merge helper — write the whole object back each edit.
+    const set = (patch, live) => onChange({ ...value, ...patch }, live);
+    return (_jsxs("div", { className: BOX, children: [_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Perspective" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.perspective, min: 1, suffix: "px", stepper: true, scrub: scrub, onChange: (v, live) => set({ perspective: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Position" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-3 gap-2", children: [_jsx(NumOrAnim, { value: value.x, prefix: "X", suffix: "px", scrub: scrub, onChange: (v, live) => set({ x: v }, live) }), _jsx(NumOrAnim, { value: value.y, prefix: "Y", suffix: "px", scrub: scrub, onChange: (v, live) => set({ y: v }, live) }), _jsx(NumOrAnim, { value: value.z, prefix: "Z", suffix: "px", scrub: scrub, onChange: (v, live) => set({ z: v }, live) })] })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Orientation" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-3 gap-2", children: [_jsx(NumOrAnim, { value: value.x_rotation, prefix: "X", suffix: "\u00B0", scrub: scrub, onChange: (v, live) => set({ x_rotation: v }, live) }), _jsx(NumOrAnim, { value: value.y_rotation, prefix: "Y", suffix: "\u00B0", scrub: scrub, onChange: (v, live) => set({ y_rotation: v }, live) }), _jsx(NumOrAnim, { value: value.z_rotation, prefix: "Z", suffix: "\u00B0", scrub: scrub, onChange: (v, live) => set({ z_rotation: v }, live) })] })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Occlusion" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(SelectControl, { value: value.sort ?? 'depth', options: ['depth', 'paint'], fluid: true, onChange: (v) => set({ sort: v }, false) }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), onClick: () => onChange(undefined, false), children: "Remove" })] })] })] }));
+}
+export function MotionBlurControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const scrub = { onScrubStart, onScrubEnd };
+    if (!value) {
+        return (_jsx("button", { type: "button", className: ADD_BTN, onClick: () => onChange({ samples: 8, shutter: 0.5 }, false), children: "+ Add motion blur" }));
+    }
+    const set = (patch, live) => onChange({ ...value, ...patch }, live);
+    return (_jsxs("div", { className: BOX, children: [_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Samples" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumberControl, { value: value.samples ?? 8, min: 1, max: 32, step: 1, fluid: true, stepper: true, onChange: (v, live) => set({ samples: v }, live), ...scrub }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Shutter" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(NumberControl, { value: value.shutter ?? 0.5, min: 0, max: 1, step: 0.05, fluid: true, stepper: true, onChange: (v, live) => set({ shutter: v }, live), ...scrub }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), onClick: () => onChange(undefined, false), children: "Remove" })] })] })] }));
+}
+//# sourceMappingURL=CameraControl.js.map

package/dist/controls/CameraControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraControl.js","sourceRoot":"","sources":["../../src/controls/CameraControl.tsx"],"names":[],"mappings":"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"}

package/dist/controls/CaptionLengthControl.d.ts

@@ -0,0 +1,5 @@
+export declare function CaptionLengthControl({ value, onChange, }: {
+    value: number | 'auto' | undefined;
+    onChange: (next: number) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CaptionLengthControl.d.ts.map

package/dist/controls/CaptionLengthControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptionLengthControl.d.ts","sourceRoot":"","sources":["../../src/controls/CaptionLengthControl.tsx"],"names":[],"mappings":"AAOA,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BAaA"}

package/dist/controls/CaptionLengthControl.js

@@ -0,0 +1,11 @@
+// Caption windowing control — `caption.max_length` as a simple letter count:
+// how many letters of the transcript show on screen at once (a chunk grows
+// word-by-word until the next word would exceed this). Captions always window;
+// there's no "show all" in the editor. Default 16.
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CaptionLengthControl({ value, onChange, }) {
+    const letters = typeof value === 'number' ? value : 16;
+    return (_jsx("input", { type: "number", min: 1, max: 200, value: letters, title: "Max letters shown on screen at once", onChange: (e) => onChange(Math.max(1, Math.min(200, Number(e.target.value) || 16))), className: "w-14 h-6 px-1.5 rounded-sm bg-secondary text-foreground text-[11px] text-right tabular-nums outline-none" }));
+}
+//# sourceMappingURL=CaptionLengthControl.js.map

package/dist/controls/CaptionLengthControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptionLengthControl.js","sourceRoot":"","sources":["../../src/controls/CaptionLengthControl.tsx"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,2EAA2E;AAC3E,+EAA+E;AAC/E,mDAAmD;AAEnD,YAAY,CAAC;;AAEb,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,qCAAqC,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EACnF,SAAS,EAAC,0GAA0G,GACpH,CACH,CAAC;AACJ,CAAC"}

package/dist/controls/CaptionTranscribe.d.ts

@@ -0,0 +1,2 @@
+export declare function CaptionTranscribe(): import("react").JSX.Element;
+//# sourceMappingURL=CaptionTranscribe.d.ts.map

package/dist/controls/CaptionTranscribe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptionTranscribe.d.ts","sourceRoot":"","sources":["../../src/controls/CaptionTranscribe.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,iBAAiB,gCAsFhC"}

package/dist/controls/CaptionTranscribe.js

@@ -0,0 +1,95 @@
+// "Transcribe" affordance for a caption element — turns an audio/video element
+// on the timeline into the caption's words, running Whisper IN THE BROWSER.
+//
+// The caption is ONE element holding the whole transcript; `max_length` windows
+// it (a few words / N letters at a time) at render. Whisper runs in a Web WORKER
+// (transcribe.worker.ts) so inference never freezes the editor; the heavy model
+// only loads when you transcribe.
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useEditor, useEditorStore } from '@clipkit/editor-core';
+import { cn } from '../lib/utils.js';
+const MODEL = 'Xenova/whisper-base'; // multilingual, ~75 MB; cached after first run.
+const num = (v, d) => (typeof v === 'number' && Number.isFinite(v) ? v : d);
+/** Run Whisper inference in a Web Worker. Resolves the transcript result. */
+function runWorker(audio, onStatus) {
+    return new Promise((resolve, reject) => {
+        const worker = new Worker(new URL('./transcribe.worker.js', import.meta.url), { type: 'module' });
+        worker.onmessage = (e) => {
+            const m = e.data;
+            if (m.type === 'progress') {
+                if (m.info?.status === 'progress' && m.info.progress != null)
+                    onStatus(`downloading model ${m.info.progress.toFixed(0)}%`);
+                else if (m.info?.status === 'ready')
+                    onStatus('transcribing…');
+            }
+            else if (m.type === 'result' && m.result) {
+                worker.terminate();
+                resolve(m.result);
+            }
+            else if (m.type === 'error') {
+                worker.terminate();
+                reject(new Error(m.message ?? 'transcription failed'));
+            }
+        };
+        worker.onerror = (e) => { worker.terminate(); reject(new Error(e.message || 'worker error')); };
+        // Transfer the PCM buffer (zero-copy) so the main thread isn't blocked copying it.
+        worker.postMessage({ samples: audio.samples, sampleRate: audio.sampleRate, model: MODEL }, [audio.samples.buffer]);
+    });
+}
+export function CaptionTranscribe() {
+    const { updateElement } = useEditor();
+    const selId = useEditorStore((s) => s.selection[0]);
+    const elements = useEditorStore((s) => s.source.elements);
+    const caption = elements.find((e) => e.id === selId && e.type === 'caption');
+    const sources = elements.filter((e) => (e.type === 'video' || e.type === 'audio') && typeof e.source === 'string');
+    const [busy, setBusy] = useState(false);
+    const [status, setStatus] = useState(null);
+    const [pickedId, setPickedId] = useState('');
+    const picked = sources.find((s) => (s.id ?? s.source) === pickedId);
+    const transcribeFrom = async (src) => {
+        if (!caption || typeof caption.id !== 'string')
+            return;
+        setBusy(true);
+        setStatus('loading…');
+        try {
+            const res = await fetch(src.source);
+            if (!res.ok)
+                throw new Error('could not read the source media');
+            const blob = await res.blob();
+            const browser = await import('@clipkit/speech-to-text/browser');
+            const core = await import('@clipkit/speech-to-text');
+            setStatus('decoding audio…');
+            const audio = await browser.decodeAudioBlob(blob);
+            setStatus('transcribing…');
+            const result = await runWorker(audio, setStatus);
+            const words = core.toCaptionWords(result);
+            if (words.length === 0) {
+                setStatus('no speech detected');
+                return;
+            }
+            // Fill THIS caption with the whole transcript + window it (auto chunks by
+            // a few words). The source's timeline position offsets the caption so it
+            // syncs to the media.
+            const offset = num(src.time, 0);
+            const patch = {
+                words,
+                // Window by default so a transcript never dumps on screen at once.
+                max_length: typeof caption.max_length === 'number' ? caption.max_length : 16,
+                ...(offset ? { time: offset } : {}),
+            };
+            updateElement(caption.id, patch);
+            setStatus(`${words.length} words`);
+            setTimeout(() => setStatus(null), 1500);
+        }
+        catch (e) {
+            setStatus(e instanceof Error ? e.message : 'transcription failed');
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-1 pb-1.5 mb-1 border-b border-border", children: [_jsx("span", { className: "text-[10px] font-medium text-muted-foreground", children: "Transcribe from" }), sources.length === 0 ? (_jsx("span", { className: "text-[10px] text-muted-foreground/70", children: "Add an audio or video element to transcribe its speech into captions." })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("select", { value: pickedId, disabled: busy, onChange: (e) => setPickedId(e.target.value), className: cn('h-6 flex-1 min-w-0 bg-field hover:bg-field-hover rounded-md px-1.5 text-[11px] text-foreground/90 outline-none cursor-pointer transition-colors disabled:opacity-40'), children: [_jsx("option", { value: "", children: "Select a source\u2026" }), sources.map((s) => (_jsxs("option", { value: s.id ?? s.source, children: [s.type === 'video' ? '▶ ' : '♪ ', s.name ?? s.type] }, s.id ?? s.source)))] }), _jsx("button", { type: "button", disabled: busy || !picked, onClick: () => picked && void transcribeFrom(picked), className: cn('h-6 px-2.5 rounded-md bg-primary text-primary-foreground text-[11px] font-medium hover:opacity-90 transition-opacity disabled:opacity-40 disabled:pointer-events-none shrink-0'), children: busy ? '…' : 'Transcribe' })] })), status && _jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: status })] }));
+}
+//# sourceMappingURL=CaptionTranscribe.js.map

package/dist/controls/CaptionTranscribe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptionTranscribe.js","sourceRoot":"","sources":["../../src/controls/CaptionTranscribe.tsx"],"names":[],"mappings":"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"}