devrel-toolkit 0.1.0

package/dist/compositor/DemoVideo.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AbsoluteFill, interpolate, useVideoConfig } from "remotion";
+import { Audio } from "@remotion/media";
+import { TransitionSeries, linearTiming } from "@remotion/transitions";
+import { fade } from "@remotion/transitions/fade";
+import { slide } from "@remotion/transitions/slide";
+import { BrowserFrame } from "./components/BrowserFrame.js";
+import { Highlight } from "./components/Highlight.js";
+import { AvatarPiP } from "./components/AvatarPiP.js";
+import { Subtitles } from "./components/Subtitles.js";
+import { Cursor } from "./components/Cursor.js";
+import { IntroOutroCard } from "./components/IntroOutro.js";
+const INTRO_OUTRO_DEFAULT_SECONDS = 3;
+const TRANSITION_DURATION_FRAMES = 15; // 0.5s at 30fps
+function getPresentation(type) {
+    switch (type) {
+        case "fade":
+            return fade();
+        case "slide":
+            return slide({ direction: "from-right" });
+        case "cut":
+            return null;
+    }
+}
+export const DemoVideo = (props) => {
+    const { scenes, fps, avatarPosition = "bottom-right", avatarSize = 280, showSubtitles = true, intro, outro, backgroundMusic, } = props;
+    if (scenes.length === 0 && !intro && !outro) {
+        return _jsx(AbsoluteFill, { style: { backgroundColor: "#000" } });
+    }
+    const introFrames = intro
+        ? Math.ceil((intro.durationSeconds ?? INTRO_OUTRO_DEFAULT_SECONDS) * fps)
+        : 0;
+    const outroFrames = outro
+        ? Math.ceil((outro.durationSeconds ?? INTRO_OUTRO_DEFAULT_SECONDS) * fps)
+        : 0;
+    const transitionFrames = Math.ceil(TRANSITION_DURATION_FRAMES * (fps / 30));
+    return (_jsxs(AbsoluteFill, { style: { backgroundColor: "#000" }, children: [backgroundMusic && _jsx(BackgroundMusic, { src: backgroundMusic }), _jsxs(TransitionSeries, { children: [intro && (_jsxs(_Fragment, { children: [_jsx(TransitionSeries.Sequence, { durationInFrames: introFrames, premountFor: Math.ceil(fps * 0.5), children: _jsx(IntroOutroCard, { data: intro, type: "intro", durationFrames: introFrames }) }), scenes.length > 0 && (_jsx(TransitionSeries.Transition, { presentation: fade(), timing: linearTiming({ durationInFrames: transitionFrames }) }))] })), scenes.map((scene, index) => {
+                        const sceneDurationFrames = Math.ceil(scene.avatarDuration * fps);
+                        const nextScene = scenes[index + 1];
+                        return (_jsxs(React.Fragment, { children: [_jsx(TransitionSeries.Sequence, { durationInFrames: sceneDurationFrames, premountFor: Math.ceil(fps * 0.5), children: _jsx(SceneContent, { scene: scene, durationFrames: sceneDurationFrames, avatarPosition: avatarPosition, avatarSize: avatarSize, showSubtitles: showSubtitles }) }), (nextScene || outro) && scene.transition !== "cut" && nextScene?.transition !== "cut" && (_jsx(TransitionSeries.Transition, { presentation: getPresentation(nextScene?.transition ?? "fade") ?? fade(), timing: linearTiming({ durationInFrames: transitionFrames }) }))] }, scene.id));
+                    }), outro && (_jsx(TransitionSeries.Sequence, { durationInFrames: outroFrames, premountFor: Math.ceil(fps * 0.5), children: _jsx(IntroOutroCard, { data: outro, type: "outro", durationFrames: outroFrames }) }))] })] }));
+};
+/**
+ * Scene content — renders all layers for a single scene.
+ */
+const SceneContent = ({ scene, durationFrames, avatarPosition, avatarSize, showSubtitles }) => {
+    return (_jsxs(AbsoluteFill, { children: [_jsx(BrowserFrame, { screenshotPath: scene.screenshotPath, url: scene.url, zoom: scene.zoom, durationFrames: durationFrames }), scene.highlights.length > 0 && (_jsx(Highlight, { highlights: scene.highlights, durationFrames: durationFrames })), scene.cursorPath && scene.cursorPath.length > 0 && (_jsx(Cursor, { cursorPath: scene.cursorPath, durationFrames: durationFrames })), scene.avatarClipPath && (_jsx(AvatarPiP, { clipPath: scene.avatarClipPath, position: avatarPosition, size: avatarSize, durationFrames: durationFrames })), showSubtitles && scene.narration && (_jsx(Subtitles, { text: scene.narration, durationFrames: durationFrames, visible: true }))] }));
+};
+/**
+ * Background music with fade in/out and low volume.
+ * Uses @remotion/media Audio with volume callback.
+ */
+const BackgroundMusic = ({ src }) => {
+    const { fps, durationInFrames } = useVideoConfig();
+    const fadeIn = Math.ceil(2 * fps);
+    const fadeOut = Math.ceil(2 * fps);
+    const total = durationInFrames;
+    return (_jsx(Audio, { src: src, volume: (f) => interpolate(f, [0, fadeIn, total - fadeOut, total], [0, 0.15, 0.15, 0], {
+            extrapolateLeft: "clamp",
+            extrapolateRight: "clamp",
+        }) }));
+};
+//# sourceMappingURL=DemoVideo.js.map

package/dist/compositor/DemoVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoVideo.js","sourceRoot":"","sources":["../../src/compositor/DemoVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAY,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,2BAA2B,GAAG,CAAC,CAAC;AACtC,MAAM,0BAA0B,GAAG,EAAE,CAAC,CAAC,gBAAgB;AAEvD,SAAS,eAAe,CAAC,IAA8B;IACrD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,OAAO,IAAI,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC;QAC5C,KAAK,KAAK;YACR,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAA0B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EACJ,MAAM,EACN,GAAG,EACH,cAAc,GAAG,cAAc,EAC/B,UAAU,GAAG,GAAG,EAChB,aAAa,GAAG,IAAI,EACpB,KAAK,EACL,KAAK,EACL,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5C,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,GAAI,CAAC;IAC9D,CAAC;IAED,MAAM,WAAW,GAAG,KAAK;QACvB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,2BAA2B,CAAC,GAAG,GAAG,CAAC;QACzE,CAAC,CAAC,CAAC,CAAC;IACN,MAAM,WAAW,GAAG,KAAK;QACvB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,2BAA2B,CAAC,GAAG,GAAG,CAAC;QACzE,CAAC,CAAC,CAAC,CAAC;IAEN,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,0BAA0B,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;IAE5E,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,aAE7C,eAAe,IAAI,KAAC,eAAe,IAAC,GAAG,EAAE,eAAe,GAAI,EAE7D,MAAC,gBAAgB,eAEd,KAAK,IAAI,CACR,8BACE,KAAC,gBAAgB,CAAC,QAAQ,IAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,YACzF,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,cAAc,EAAE,WAAW,GAAI,GAC/C,EAC3B,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,KAAC,gBAAgB,CAAC,UAAU,IAC1B,YAAY,EAAE,IAAI,EAAE,EACpB,MAAM,EAAE,YAAY,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC,GAC5D,CACH,IACA,CACJ,EAGA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,MAAM,mBAAmB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;wBAClE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;wBAEpC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,gBAAgB,CAAC,QAAQ,IACxB,gBAAgB,EAAE,mBAAmB,EACrC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,YAEjC,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,mBAAmB,EACnC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,GACwB,EAG3B,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,KAAK,KAAK,IAAI,SAAS,EAAE,UAAU,KAAK,KAAK,IAAI,CACxF,KAAC,gBAAgB,CAAC,UAAU,IAC1B,YAAY,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,IAAI,EAAE,EACxE,MAAM,EAAE,YAAY,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC,GAC5D,CACH,KApBkB,KAAK,CAAC,EAAE,CAqBZ,CAClB,CAAC;oBACJ,CAAC,CAAC,EAGD,KAAK,IAAI,CACR,KAAC,gBAAgB,CAAC,QAAQ,IAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,YACzF,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,cAAc,EAAE,WAAW,GAAI,GAC/C,CAC7B,IACgB,IACN,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAMb,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,MAAC,YAAY,eAEX,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,cAAc,EAAE,cAAc,GAC9B,EAGD,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,KAAC,SAAS,IACR,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,EAGA,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,KAAC,MAAM,IACL,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,EAGA,KAAK,CAAC,cAAc,IAAI,CACvB,KAAC,SAAS,IACR,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,cAAc,EAAE,cAAc,GAC9B,CACH,EAGA,aAAa,IAAI,KAAK,CAAC,SAAS,IAAI,CACnC,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,IAAI,GACb,CACH,IACY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,eAAe,GAEhB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,GAAG,cAAc,EAAE,CAAC;IACnD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,gBAAgB,CAAC;IAE/B,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CACZ,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE;YACtE,eAAe,EAAE,OAAO;YACxB,gBAAgB,EAAE,OAAO;SAC1B,CAAC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/Root.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const RemotionRoot: React.FC;
+//# sourceMappingURL=Root.d.ts.map

package/dist/compositor/Root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../src/compositor/Root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAsChC,CAAC"}

package/dist/compositor/Root.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Composition } from "remotion";
+import { DemoVideo } from "./DemoVideo.js";
+import { calculateTotalFrames } from "./timing.js";
+export const RemotionRoot = () => {
+    const defaultProps = {
+        resolution: { width: 1920, height: 1080 },
+        fps: 30,
+        scenes: [],
+        avatarPosition: "bottom-right",
+        avatarSize: 280,
+        showSubtitles: true,
+    };
+    return (_jsx(_Fragment, { children: _jsx(Composition, { id: "DemoVideo", component: DemoVideo, durationInFrames: Math.max(1, calculateTotalFrames(defaultProps)), fps: defaultProps.fps, width: defaultProps.resolution.width, height: defaultProps.resolution.height, defaultProps: defaultProps, calculateMetadata: ({ props }) => {
+                const introDur = props.intro
+                    ? Math.ceil((props.intro.durationSeconds ?? 3) * props.fps)
+                    : 0;
+                const outroDur = props.outro
+                    ? Math.ceil((props.outro.durationSeconds ?? 3) * props.fps)
+                    : 0;
+                const total = introDur + calculateTotalFrames(props) + outroDur;
+                return {
+                    durationInFrames: Math.max(1, total),
+                    fps: props.fps,
+                    width: props.resolution.width,
+                    height: props.resolution.height,
+                };
+            } }) }));
+};
+//# sourceMappingURL=Root.js.map

package/dist/compositor/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../src/compositor/Root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,YAAY,GAAgB;QAChC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QACzC,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,IAAI;KACpB,CAAC;IAEF,OAAO,CACL,4BACE,KAAC,WAAW,IACV,EAAE,EAAC,WAAW,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC,EACjE,GAAG,EAAE,YAAY,CAAC,GAAG,EACrB,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,KAAK,EACpC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,MAAM,EACtC,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK;oBAC1B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;oBAC3D,CAAC,CAAC,CAAC,CAAC;gBACN,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK;oBAC1B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;oBAC3D,CAAC,CAAC,CAAC,CAAC;gBACN,MAAM,KAAK,GAAG,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;gBAChE,OAAO;oBACL,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;oBACpC,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;oBAC7B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM;iBAChC,CAAC;YACJ,CAAC,GACD,GACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/components/AvatarPiP.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface AvatarPiPProps {
+    clipPath?: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    size: number;
+    durationFrames: number;
+}
+export declare const AvatarPiP: React.FC<AvatarPiPProps>;
+export {};
+//# sourceMappingURL=AvatarPiP.d.ts.map

package/dist/compositor/components/AvatarPiP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPiP.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/AvatarPiP.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AA0BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoD9C,CAAC"}

package/dist/compositor/components/AvatarPiP.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { interpolate, spring, useCurrentFrame, useVideoConfig, } from "remotion";
+import { Video } from "@remotion/media";
+const MARGIN = 24;
+function getPositionStyle(position, size) {
+    const base = {
+        position: "absolute",
+        width: size,
+        height: size,
+    };
+    switch (position) {
+        case "bottom-right":
+            return { ...base, bottom: MARGIN, right: MARGIN };
+        case "bottom-left":
+            return { ...base, bottom: MARGIN, left: MARGIN };
+        case "top-right":
+            return { ...base, top: MARGIN + 40, right: MARGIN }; // +40 for browser chrome
+        case "top-left":
+            return { ...base, top: MARGIN + 40, left: MARGIN };
+    }
+}
+export const AvatarPiP = ({ clipPath, position, size, durationFrames, }) => {
+    const frame = useCurrentFrame();
+    const { fps } = useVideoConfig();
+    if (!clipPath)
+        return null;
+    // Entrance: scale from 0 → 1 with spring
+    const entranceScale = spring({
+        fps,
+        frame: frame - 5,
+        config: { damping: 20, stiffness: 200 },
+        durationInFrames: 25,
+    });
+    // Exit: fade out in last 15 frames
+    const exitOpacity = interpolate(frame, [durationFrames - 15, durationFrames], [1, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
+    const opacity = exitOpacity;
+    const scale = entranceScale;
+    return (_jsx("div", { style: {
+            ...getPositionStyle(position, size),
+            borderRadius: 20,
+            overflow: "hidden",
+            transform: `scale(${scale})`,
+            opacity,
+            boxShadow: "0 4px 20px rgba(0, 0, 0, 0.3)",
+            border: "3px solid rgba(255, 255, 255, 0.8)",
+        }, children: _jsx(Video, { src: clipPath, style: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover",
+            } }) }));
+};
+//# sourceMappingURL=AvatarPiP.js.map

package/dist/compositor/components/AvatarPiP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPiP.js","sourceRoot":"","sources":["../../../src/compositor/components/AvatarPiP.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,GACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AASxC,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,SAAS,gBAAgB,CACvB,QAAoC,EACpC,IAAY;IAEZ,MAAM,IAAI,GAAwB;QAChC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,cAAc;YACjB,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACpD,KAAK,aAAa;YAChB,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACnD,KAAK,WAAW;YACd,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,yBAAyB;QAChF,KAAK,UAAU;YACb,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IACvD,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IAEjC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,yCAAyC;IACzC,MAAM,aAAa,GAAG,MAAM,CAAC;QAC3B,GAAG;QACH,KAAK,EAAE,KAAK,GAAG,CAAC;QAChB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;QACvC,gBAAgB,EAAE,EAAE;KACrB,CAAC,CAAC;IAEH,mCAAmC;IACnC,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EACL,CAAC,cAAc,GAAG,EAAE,EAAE,cAAc,CAAC,EACrC,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,EAAE,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,CACxD,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC;IAC5B,MAAM,KAAK,GAAG,aAAa,CAAC;IAE5B,OAAO,CACL,cACE,KAAK,EAAE;YACL,GAAG,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC;YACnC,YAAY,EAAE,EAAE;YAChB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,SAAS,KAAK,GAAG;YAC5B,OAAO;YACP,SAAS,EAAE,+BAA+B;YAC1C,MAAM,EAAE,oCAAoC;SAC7C,YAED,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/components/BrowserFrame.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface BrowserFrameProps {
+    screenshotPath: string;
+    url?: string;
+    zoom?: {
+        bbox: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        level: number;
+    };
+    durationFrames: number;
+}
+export declare const BrowserFrame: React.FC<BrowserFrameProps>;
+export {};
+//# sourceMappingURL=BrowserFrame.d.ts.map

package/dist/compositor/components/BrowserFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserFrame.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/BrowserFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,iBAAiB;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QACL,IAAI,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAC9D,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiJpD,CAAC"}

package/dist/compositor/components/BrowserFrame.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AbsoluteFill, Img, interpolate, spring, useCurrentFrame, useVideoConfig, } from "remotion";
+export const BrowserFrame = ({ screenshotPath, url, zoom, durationFrames, }) => {
+    const frame = useCurrentFrame();
+    const { fps, width, height } = useVideoConfig();
+    // Chrome bar height
+    const chromeHeight = 40;
+    // Calculate zoom animation
+    let scale = 1;
+    let translateX = 0;
+    let translateY = 0;
+    if (zoom) {
+        const { bbox, level } = zoom;
+        // Zoom in: start at frame 15, ease in with spring
+        const zoomIn = spring({
+            fps,
+            frame: frame - 15,
+            config: { damping: 200 },
+            durationInFrames: 30,
+        });
+        // Zoom out: ease out before scene ends
+        const zoomOut = spring({
+            fps,
+            frame: frame - (durationFrames - 20),
+            config: { damping: 200 },
+            durationInFrames: 20,
+        });
+        const zoomProgress = zoomIn - zoomOut;
+        scale = interpolate(zoomProgress, [0, 1], [1, level], {
+            extrapolateLeft: "clamp",
+            extrapolateRight: "clamp",
+        });
+        // Center the zoom on the target bbox
+        const centerX = bbox.x + bbox.width / 2;
+        const centerY = bbox.y + bbox.height / 2;
+        const offsetX = width / 2 - centerX;
+        const offsetY = (height - chromeHeight) / 2 - centerY;
+        translateX = interpolate(zoomProgress, [0, 1], [0, offsetX], {
+            extrapolateLeft: "clamp",
+            extrapolateRight: "clamp",
+        });
+        translateY = interpolate(zoomProgress, [0, 1], [0, offsetY], {
+            extrapolateLeft: "clamp",
+            extrapolateRight: "clamp",
+        });
+    }
+    return (_jsxs(AbsoluteFill, { children: [_jsxs("div", { style: {
+                    height: chromeHeight,
+                    backgroundColor: "#e8e8e8",
+                    display: "flex",
+                    alignItems: "center",
+                    paddingLeft: 12,
+                    gap: 6,
+                }, children: [_jsx("div", { style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: "50%",
+                            backgroundColor: "#ff5f57",
+                        } }), _jsx("div", { style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: "50%",
+                            backgroundColor: "#febc2e",
+                        } }), _jsx("div", { style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: "50%",
+                            backgroundColor: "#28c840",
+                        } }), _jsx("div", { style: {
+                            marginLeft: 16,
+                            flex: 1,
+                            marginRight: 16,
+                            height: 26,
+                            backgroundColor: "#fff",
+                            borderRadius: 6,
+                            display: "flex",
+                            alignItems: "center",
+                            paddingLeft: 10,
+                            fontSize: 13,
+                            color: "#666",
+                            fontFamily: "system-ui, sans-serif",
+                        }, children: url ?? "" })] }), _jsx("div", { style: {
+                    flex: 1,
+                    overflow: "hidden",
+                    position: "relative",
+                }, children: _jsx("div", { style: {
+                        width: "100%",
+                        height: "100%",
+                        transform: `scale(${scale}) translate(${translateX / scale}px, ${translateY / scale}px)`,
+                        transformOrigin: "center center",
+                    }, children: _jsx(Img, { src: screenshotPath, style: {
+                            width: "100%",
+                            height: "100%",
+                            objectFit: "cover",
+                        } }) }) })] }));
+};
+//# sourceMappingURL=BrowserFrame.js.map

package/dist/compositor/components/BrowserFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserFrame.js","sourceRoot":"","sources":["../../../src/compositor/components/BrowserFrame.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,YAAY,EACZ,GAAG,EACH,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,GACf,MAAM,UAAU,CAAC;AAYlB,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,cAAc,EACd,GAAG,EACH,IAAI,EACJ,cAAc,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,oBAAoB;IACpB,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,2BAA2B;IAC3B,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE7B,kDAAkD;QAClD,MAAM,MAAM,GAAG,MAAM,CAAC;YACpB,GAAG;YACH,KAAK,EAAE,KAAK,GAAG,EAAE;YACjB,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;YACxB,gBAAgB,EAAE,EAAE;SACrB,CAAC,CAAC;QAEH,uCAAuC;QACvC,MAAM,OAAO,GAAG,MAAM,CAAC;YACrB,GAAG;YACH,KAAK,EAAE,KAAK,GAAG,CAAC,cAAc,GAAG,EAAE,CAAC;YACpC,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;YACxB,gBAAgB,EAAE,EAAE;SACrB,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;QACtC,KAAK,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;YACpD,eAAe,EAAE,OAAO;YACxB,gBAAgB,EAAE,OAAO;SAC1B,CAAC,CAAC;QAEH,qCAAqC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC;QACpC,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;QAEtD,UAAU,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE;YAC3D,eAAe,EAAE,OAAO;YACxB,gBAAgB,EAAE,OAAO;SAC1B,CAAC,CAAC;QACH,UAAU,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE;YAC3D,eAAe,EAAE,OAAO;YACxB,gBAAgB,EAAE,OAAO;SAC1B,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,MAAC,YAAY,eAEX,eACE,KAAK,EAAE;oBACL,MAAM,EAAE,YAAY;oBACpB,eAAe,EAAE,SAAS;oBAC1B,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,WAAW,EAAE,EAAE;oBACf,GAAG,EAAE,CAAC;iBACP,aAGD,cACE,KAAK,EAAE;4BACL,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS;yBAC3B,GACD,EACF,cACE,KAAK,EAAE;4BACL,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS;yBAC3B,GACD,EACF,cACE,KAAK,EAAE;4BACL,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS;yBAC3B,GACD,EAEF,cACE,KAAK,EAAE;4BACL,UAAU,EAAE,EAAE;4BACd,IAAI,EAAE,CAAC;4BACP,WAAW,EAAE,EAAE;4BACf,MAAM,EAAE,EAAE;4BACV,eAAe,EAAE,MAAM;4BACvB,YAAY,EAAE,CAAC;4BACf,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,WAAW,EAAE,EAAE;4BACf,QAAQ,EAAE,EAAE;4BACZ,KAAK,EAAE,MAAM;4BACb,UAAU,EAAE,uBAAuB;yBACpC,YAEA,GAAG,IAAI,EAAE,GACN,IACF,EAGN,cACE,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,QAAQ;oBAClB,QAAQ,EAAE,UAAU;iBACrB,YAED,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,SAAS,KAAK,eAAe,UAAU,GAAG,KAAK,OAAO,UAAU,GAAG,KAAK,KAAK;wBACxF,eAAe,EAAE,eAAe;qBACjC,YAED,KAAC,GAAG,IACF,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,SAAS,EAAE,OAAO;yBACnB,GACD,GACE,GACF,IACO,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/components/Cursor.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface CursorPoint {
+    x: number;
+    y: number;
+    timestamp: number;
+}
+interface CursorProps {
+    cursorPath?: CursorPoint[];
+    durationFrames: number;
+}
+export declare const Cursor: React.FC<CursorProps>;
+export {};
+//# sourceMappingURL=Cursor.d.ts.map

package/dist/compositor/components/Cursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,WAAW;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8FxC,CAAC"}

package/dist/compositor/components/Cursor.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { spring, useCurrentFrame, useVideoConfig, } from "remotion";
+export const Cursor = ({ cursorPath, durationFrames }) => {
+    const frame = useCurrentFrame();
+    const { fps } = useVideoConfig();
+    if (!cursorPath || cursorPath.length === 0)
+        return null;
+    // Find the two points we're between based on timestamp
+    const currentTime = (frame / fps) * 1000; // ms
+    let prevPoint = cursorPath[0];
+    let nextPoint = cursorPath[0];
+    for (let i = 0; i < cursorPath.length - 1; i++) {
+        if (currentTime >= cursorPath[i].timestamp &&
+            currentTime <= cursorPath[i + 1].timestamp) {
+            prevPoint = cursorPath[i];
+            nextPoint = cursorPath[i + 1];
+            break;
+        }
+        if (currentTime > cursorPath[i].timestamp) {
+            prevPoint = cursorPath[i];
+            nextPoint = cursorPath[i];
+        }
+    }
+    // Smooth bezier interpolation between points
+    const segmentDuration = nextPoint.timestamp - prevPoint.timestamp;
+    const segmentProgress = segmentDuration > 0
+        ? (currentTime - prevPoint.timestamp) / segmentDuration
+        : 1;
+    // Ease the progress for smoother motion
+    const easedProgress = Math.min(1, Math.max(0, segmentProgress));
+    const smoothProgress = easedProgress * easedProgress * (3 - 2 * easedProgress); // smoothstep
+    const x = prevPoint.x + (nextPoint.x - prevPoint.x) * smoothProgress;
+    const y = prevPoint.y + (nextPoint.y - prevPoint.y) * smoothProgress;
+    // Click effect: show ripple when cursor is at a waypoint (frame-based detection)
+    const isAtWaypoint = cursorPath.some((p) => {
+        const waypointFrame = Math.round((p.timestamp / 1000) * fps);
+        return Math.abs(frame - waypointFrame) < 2;
+    });
+    const clickScale = isAtWaypoint
+        ? spring({
+            fps,
+            frame: frame % 15,
+            config: { damping: 50, stiffness: 200 },
+            durationInFrames: 15,
+        })
+        : 0;
+    return (_jsxs("div", { style: { position: "absolute", left: 0, top: 0, width: "100%", height: "100%", pointerEvents: "none" }, children: [clickScale > 0 && (_jsx("div", { style: {
+                    position: "absolute",
+                    left: x - 20,
+                    top: y - 20,
+                    width: 40,
+                    height: 40,
+                    borderRadius: "50%",
+                    border: "2px solid rgba(66, 133, 244, 0.6)",
+                    transform: `scale(${1 + clickScale})`,
+                    opacity: 1 - clickScale,
+                } })), _jsx("svg", { style: {
+                    position: "absolute",
+                    left: x - 2,
+                    top: y - 2,
+                    width: 24,
+                    height: 24,
+                }, viewBox: "0 0 24 24", children: _jsx("path", { d: "M5 3l14 8-7 2-3 7z", fill: "#fff", stroke: "#000", strokeWidth: "1.5", strokeLinejoin: "round" }) })] }));
+};
+//# sourceMappingURL=Cursor.js.map

package/dist/compositor/components/Cursor.js.map

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

package/dist/compositor/components/Highlight.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { RenderHighlight } from "../../utils/schema.js";
+interface HighlightProps {
+    highlights: RenderHighlight[];
+    durationFrames: number;
+}
+export declare const Highlight: React.FC<HighlightProps>;
+export {};
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/compositor/components/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI7D,UAAU,cAAc;IACtB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;CACxB;AAoJD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAY9C,CAAC"}

package/dist/compositor/components/Highlight.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AbsoluteFill, interpolate, spring, useCurrentFrame, useVideoConfig, } from "remotion";
+const DEFAULT_COLOR = "#4A90D9";
+const HighlightBox = ({ highlight, index }) => {
+    const frame = useCurrentFrame();
+    const { fps } = useVideoConfig();
+    const { bbox, style, color = DEFAULT_COLOR } = highlight;
+    // Stagger entrance: each highlight appears 10 frames after the previous
+    const delay = 20 + index * 10;
+    const progress = spring({
+        fps,
+        frame: frame - delay,
+        config: style === "underline" ? { damping: 200 } : { damping: 20, stiffness: 200 },
+        durationInFrames: 20,
+    });
+    if (progress <= 0)
+        return null;
+    const baseStyle = {
+        position: "absolute",
+        left: bbox.x,
+        top: bbox.y,
+        width: bbox.width,
+        height: bbox.height,
+        pointerEvents: "none",
+    };
+    switch (style) {
+        case "box": {
+            // Animated border that draws in
+            const borderWidth = 3;
+            const pathLength = 2 * (bbox.width + bbox.height);
+            const dashOffset = interpolate(progress, [0, 1], [pathLength, 0]);
+            return (_jsx("svg", { style: {
+                    ...baseStyle,
+                    overflow: "visible",
+                }, viewBox: `0 0 ${bbox.width} ${bbox.height}`, children: _jsx("rect", { x: borderWidth / 2, y: borderWidth / 2, width: bbox.width - borderWidth, height: bbox.height - borderWidth, rx: 8, ry: 8, fill: "none", stroke: color, strokeWidth: borderWidth, strokeDasharray: pathLength, strokeDashoffset: dashOffset }) }));
+        }
+        case "glow": {
+            // Pulsing glow effect
+            const pulse = Math.sin(frame * 0.15) * 0.3 + 0.7;
+            const glowOpacity = progress * pulse;
+            return (_jsx("div", { style: {
+                    ...baseStyle,
+                    borderRadius: 8,
+                    boxShadow: `0 0 20px 6px ${color}`,
+                    opacity: glowOpacity,
+                    border: `2px solid ${color}`,
+                } }));
+        }
+        case "arrow": {
+            // Animated arrow pointing to element from top-right
+            const arrowSize = 40;
+            const opacity = progress;
+            return (_jsxs("svg", { style: {
+                    position: "absolute",
+                    left: bbox.x + bbox.width + 5,
+                    top: bbox.y - arrowSize - 5,
+                    width: arrowSize + 20,
+                    height: arrowSize + 20,
+                    overflow: "visible",
+                    opacity,
+                }, children: [_jsx("defs", { children: _jsx("marker", { id: `arrowhead-${bbox.x}-${bbox.y}`, markerWidth: "10", markerHeight: "7", refX: "0", refY: "3.5", orient: "auto", children: _jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: color }) }) }), _jsx("line", { x1: arrowSize, y1: 0, x2: 0, y2: arrowSize, stroke: color, strokeWidth: 3, markerEnd: `url(#arrowhead-${bbox.x}-${bbox.y})`, strokeDasharray: 60, strokeDashoffset: interpolate(progress, [0, 1], [60, 0]) })] }));
+        }
+        case "underline": {
+            // Animated underline beneath element
+            const lineWidth = interpolate(progress, [0, 1], [0, bbox.width]);
+            return (_jsx("div", { style: {
+                    position: "absolute",
+                    left: bbox.x,
+                    top: bbox.y + bbox.height + 4,
+                    width: lineWidth,
+                    height: 4,
+                    backgroundColor: color,
+                    borderRadius: 2,
+                } }));
+        }
+        default:
+            return null;
+    }
+};
+export const Highlight = ({ highlights }) => {
+    return (_jsx(AbsoluteFill, { style: { pointerEvents: "none" }, children: highlights.map((highlight, index) => (_jsx(HighlightBox, { highlight: highlight, index: index }, index))) }));
+};
+//# sourceMappingURL=Highlight.js.map

package/dist/compositor/components/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../src/compositor/components/Highlight.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,GACf,MAAM,UAAU,CAAC;AAGlB,MAAM,aAAa,GAAG,SAAS,CAAC;AAOhC,MAAM,YAAY,GAGb,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5B,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,aAAa,EAAE,GAAG,SAAS,CAAC;IAEzD,wEAAwE;IACxE,MAAM,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAG,MAAM,CAAC;QACtB,GAAG;QACH,KAAK,EAAE,KAAK,GAAG,KAAK;QACpB,MAAM,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;QAClF,gBAAgB,EAAE,EAAE;KACrB,CAAC,CAAC;IAEH,IAAI,QAAQ,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,SAAS,GAAwB;QACrC,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,IAAI,CAAC,CAAC;QACZ,GAAG,EAAE,IAAI,CAAC,CAAC;QACX,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,gCAAgC;YAChC,MAAM,WAAW,GAAG,CAAC,CAAC;YACtB,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YAClD,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;YAElE,OAAO,CACL,cACE,KAAK,EAAE;oBACL,GAAG,SAAS;oBACZ,QAAQ,EAAE,SAAS;iBACpB,EACD,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,YAE3C,eACE,CAAC,EAAE,WAAW,GAAG,CAAC,EAClB,CAAC,EAAE,WAAW,GAAG,CAAC,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,WAAW,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,WAAW,EACjC,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,GAC5B,GACE,CACP,CAAC;QACJ,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,sBAAsB;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;YACjD,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;YAErC,OAAO,CACL,cACE,KAAK,EAAE;oBACL,GAAG,SAAS;oBACZ,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE,gBAAgB,KAAK,EAAE;oBAClC,OAAO,EAAE,WAAW;oBACpB,MAAM,EAAE,aAAa,KAAK,EAAE;iBAC7B,GACD,CACH,CAAC;QACJ,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,oDAAoD;YACpD,MAAM,SAAS,GAAG,EAAE,CAAC;YACrB,MAAM,OAAO,GAAG,QAAQ,CAAC;YAEzB,OAAO,CACL,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;oBAC7B,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC;oBAC3B,KAAK,EAAE,SAAS,GAAG,EAAE;oBACrB,MAAM,EAAE,SAAS,GAAG,EAAE;oBACtB,QAAQ,EAAE,SAAS;oBACnB,OAAO;iBACR,aAED,yBACE,iBACE,EAAE,EAAE,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,EACnC,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,GAAG,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,KAAK,EACV,MAAM,EAAC,MAAM,YAEb,kBAAS,MAAM,EAAC,kBAAkB,EAAC,IAAI,EAAE,KAAK,GAAI,GAC3C,GACJ,EACP,eACE,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,kBAAkB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,EAChD,eAAe,EAAE,EAAE,EACnB,gBAAgB,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GACxD,IACE,CACP,CAAC;QACJ,CAAC;QAED,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,qCAAqC;YACrC,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAEjE,OAAO,CACL,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,IAAI,CAAC,CAAC;oBACZ,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;oBAC7B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,CAAC;oBACT,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,CAAC;iBAChB,GACD,CACH,CAAC;QACJ,CAAC;QAED;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,YAC3C,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,YAAY,IAEX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,IAFP,KAAK,CAGV,CACH,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/components/IntroOutro.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { IntroOutro } from "../../utils/schema.js";
+interface IntroOutroProps {
+    data: IntroOutro;
+    type: "intro" | "outro";
+    durationFrames: number;
+}
+export declare const IntroOutroCard: React.FC<IntroOutroProps>;
+export {};
+//# sourceMappingURL=IntroOutro.d.ts.map

package/dist/compositor/components/IntroOutro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntroOutro.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/IntroOutro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,UAAU,eAAe;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiFpD,CAAC"}

package/dist/compositor/components/IntroOutro.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AbsoluteFill, Img, interpolate, spring, useCurrentFrame, useVideoConfig, } from "remotion";
+export const IntroOutroCard = ({ data, type, durationFrames }) => {
+    const frame = useCurrentFrame();
+    const { fps } = useVideoConfig();
+    // Title entrance
+    const titleScale = spring({
+        fps,
+        frame: frame - 10,
+        config: { damping: 200 },
+        durationInFrames: 30,
+    });
+    // Subtitle fade in
+    const subtitleOpacity = interpolate(frame, [25, 40], [0, 1], {
+        extrapolateLeft: "clamp",
+        extrapolateRight: "clamp",
+    });
+    // Exit fade — uses the passed-in durationFrames (not total composition duration)
+    const exitOpacity = interpolate(frame, [durationFrames - 15, durationFrames], [1, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
+    return (_jsxs(AbsoluteFill, { style: {
+            backgroundColor: "#0a0a0a",
+            justifyContent: "center",
+            alignItems: "center",
+            opacity: exitOpacity,
+        }, children: [data.logoPath && (_jsx(Img, { src: data.logoPath, style: {
+                    width: 80,
+                    height: 80,
+                    marginBottom: 24,
+                    opacity: subtitleOpacity,
+                } })), _jsx("div", { style: {
+                    fontSize: 64,
+                    fontWeight: 700,
+                    color: "#fff",
+                    fontFamily: "system-ui, -apple-system, sans-serif",
+                    transform: `scale(${titleScale})`,
+                    textAlign: "center",
+                    maxWidth: "80%",
+                }, children: data.title }), data.subtitle && (_jsx("div", { style: {
+                    fontSize: 28,
+                    color: "rgba(255, 255, 255, 0.7)",
+                    fontFamily: "system-ui, -apple-system, sans-serif",
+                    marginTop: 16,
+                    opacity: subtitleOpacity,
+                    textAlign: "center",
+                    maxWidth: "70%",
+                }, children: data.subtitle }))] }));
+};
+//# sourceMappingURL=IntroOutro.js.map

package/dist/compositor/components/IntroOutro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntroOutro.js","sourceRoot":"","sources":["../../../src/compositor/components/IntroOutro.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,YAAY,EACZ,GAAG,EACH,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,GACf,MAAM,UAAU,CAAC;AASlB,MAAM,CAAC,MAAM,cAAc,GAA8B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IAEjC,iBAAiB;IACjB,MAAM,UAAU,GAAG,MAAM,CAAC;QACxB,GAAG;QACH,KAAK,EAAE,KAAK,GAAG,EAAE;QACjB,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QACxB,gBAAgB,EAAE,EAAE;KACrB,CAAC,CAAC;IAEH,mBAAmB;IACnB,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAC3D,eAAe,EAAE,OAAO;QACxB,gBAAgB,EAAE,OAAO;KAC1B,CAAC,CAAC;IAEH,iFAAiF;IACjF,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EACL,CAAC,cAAc,GAAG,EAAE,EAAE,cAAc,CAAC,EACrC,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,EAAE,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,CACxD,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,IACX,KAAK,EAAE;YACL,eAAe,EAAE,SAAS;YAC1B,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,WAAW;SACrB,aAGA,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,GAAG,IACF,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,eAAe;iBACzB,GACD,CACH,EAGD,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,MAAM;oBACb,UAAU,EAAE,sCAAsC;oBAClD,SAAS,EAAE,SAAS,UAAU,GAAG;oBACjC,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,KAAK;iBAChB,YAEA,IAAI,CAAC,KAAK,GACP,EAGL,IAAI,CAAC,QAAQ,IAAI,CAChB,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,0BAA0B;oBACjC,UAAU,EAAE,sCAAsC;oBAClD,SAAS,EAAE,EAAE;oBACb,OAAO,EAAE,eAAe;oBACxB,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,KAAK;iBAChB,YAEA,IAAI,CAAC,QAAQ,GACV,CACP,IACY,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/compositor/components/SceneTransition.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SceneTransitionProps {
+    type: "fade" | "slide" | "cut";
+    durationFrames: number;
+    direction: "in" | "out";
+}
+export declare const SceneTransition: React.FC<SceneTransitionProps>;
+export {};
+//# sourceMappingURL=SceneTransition.d.ts.map

package/dist/compositor/components/SceneTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneTransition.d.ts","sourceRoot":"","sources":["../../../src/compositor/components/SceneTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}