@contractspec/lib.video-gen 2.7.17 → 2.7.18

package/dist/browser/index.js

@@ -1,1141 +1,4 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/design/motion.ts
-import { Easing } from "remotion";
-var videoEasing = {
-  entrance: Easing.out(Easing.exp),
-  exit: Easing.in(Easing.exp),
-  emphasis: Easing.out(Easing.back(1.4)),
-  linear: Easing.linear,
-  gentle: Easing.bezier(0.25, 0.1, 0.25, 1),
-  spring: Easing.out(Easing.back(1.7))
-};
-var videoDurations = {
-  sceneTransition: 20,
-  textEntrance: 15,
-  textExit: 12,
-  codeTypingPerChar: 2,
-  sectionPause: 30,
-  emphasisPause: 15,
-  brandReveal: 25,
-  minScene: 60,
-  shortScene: 60,
-  mediumScene: 120,
-  longScene: 240
-};
-var videoTransitions = {
-  fade: { type: "fade", durationInFrames: 20 },
-  slideLeft: { type: "slide-left", durationInFrames: 20 },
-  slideRight: { type: "slide-right", durationInFrames: 20 },
-  wipe: { type: "wipe", durationInFrames: 15 },
-  none: { type: "none", durationInFrames: 0 }
-};
-
-// src/design/tokens.ts
-import { defaultTokens } from "@contractspec/lib.design-system";
-var defaultVideoColors = {
-  canvasBackground: defaultTokens.colors.background,
-  codeBackground: "#1e1e2e",
-  terminalBackground: "#0d1117",
-  terminalForeground: "#c9d1d9",
-  highlight: defaultTokens.colors.accent,
-  gradientStart: defaultTokens.colors.primary,
-  gradientEnd: defaultTokens.colors.accent
-};
-var defaultVideoTheme = {
-  ...defaultTokens,
-  video: defaultVideoColors
-};
-
-// src/design/typography.ts
-var videoTypography = {
-  title: {
-    fontSize: 72,
-    lineHeight: 1.1,
-    fontWeight: 700,
-    letterSpacing: -1
-  },
-  heading: {
-    fontSize: 56,
-    lineHeight: 1.2,
-    fontWeight: 600,
-    letterSpacing: -0.5
-  },
-  subheading: {
-    fontSize: 40,
-    lineHeight: 1.25,
-    fontWeight: 500
-  },
-  body: {
-    fontSize: 32,
-    lineHeight: 1.5,
-    fontWeight: 400
-  },
-  code: {
-    fontSize: 28,
-    lineHeight: 1.6,
-    fontWeight: 400
-  },
-  caption: {
-    fontSize: 24,
-    lineHeight: 1.4,
-    fontWeight: 400
-  },
-  label: {
-    fontSize: 20,
-    lineHeight: 1.3,
-    fontWeight: 600,
-    letterSpacing: 1
-  }
-};
-function scaleTypography(style, targetWidth) {
-  const scale = targetWidth / 1920;
-  return {
-    ...style,
-    fontSize: Math.round(style.fontSize * scale),
-    letterSpacing: style.letterSpacing ? Math.round(style.letterSpacing * scale * 10) / 10 : undefined
-  };
-}
-
-// src/compositions/primitives/animated-text.tsx
-import { interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { jsxDEV } from "react/jsx-dev-runtime";
-var AnimatedText = ({
-  text,
-  variant = "body",
-  style: styleOverride,
-  enterAt = 0,
-  exitAt,
-  color = "#ffffff",
-  align = "left"
-}) => {
-  const frame = useCurrentFrame();
-  const { width } = useVideoConfig();
-  const baseStyle = videoTypography[variant];
-  const scaled = scaleTypography(baseStyle, width);
-  const finalStyle = { ...scaled, ...styleOverride };
-  const enterProgress = interpolate(frame, [enterAt, enterAt + videoDurations.textEntrance], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-  const enterOpacity = interpolate(enterProgress, [0, 1], [0, 1], {
-    easing: videoEasing.entrance
-  });
-  const enterTranslateY = interpolate(enterProgress, [0, 1], [30, 0], {
-    easing: videoEasing.entrance
-  });
-  let exitOpacity = 1;
-  let exitTranslateY = 0;
-  if (exitAt !== undefined) {
-    const exitProgress = interpolate(frame, [exitAt, exitAt + videoDurations.textExit], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-    exitOpacity = interpolate(exitProgress, [0, 1], [1, 0], {
-      easing: videoEasing.exit
-    });
-    exitTranslateY = interpolate(exitProgress, [0, 1], [0, -20], {
-      easing: videoEasing.exit
-    });
-  }
-  const opacity = enterOpacity * exitOpacity;
-  const translateY = enterTranslateY + exitTranslateY;
-  return /* @__PURE__ */ jsxDEV("div", {
-    style: {
-      fontSize: finalStyle.fontSize,
-      lineHeight: finalStyle.lineHeight,
-      fontWeight: finalStyle.fontWeight,
-      letterSpacing: finalStyle.letterSpacing,
-      color,
-      textAlign: align,
-      opacity,
-      transform: `translateY(${translateY}px)`,
-      willChange: "opacity, transform"
-    },
-    children: text
-  }, undefined, false, undefined, this);
-};
-
-// src/design/layouts.ts
-import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
-var DEFAULT_FPS = 30;
-var videoSafeZone = {
-  horizontal: 120,
-  vertical: 80,
-  contentWidth: 1680,
-  contentHeight: 920
-};
-function scaleSafeZone(format) {
-  const scaleX = format.width / 1920;
-  const scaleY = format.height / 1080;
-  return {
-    horizontal: Math.round(videoSafeZone.horizontal * scaleX),
-    vertical: Math.round(videoSafeZone.vertical * scaleY),
-    contentWidth: Math.round(videoSafeZone.contentWidth * scaleX),
-    contentHeight: Math.round(videoSafeZone.contentHeight * scaleY)
-  };
-}
-var videoPositions = {
-  center: { x: 960, y: 540 },
-  topLeft: { x: 120, y: 80 },
-  topRight: { x: 1800, y: 80 },
-  bottomLeft: { x: 120, y: 1000 },
-  bottomRight: { x: 1800, y: 1000 },
-  bottomCenter: { x: 960, y: 960 }
-};
-function getAllFormatVariants() {
-  return [
-    VIDEO_FORMATS.landscape,
-    VIDEO_FORMATS.square,
-    VIDEO_FORMATS.portrait
-  ];
-}
-
-// src/compositions/primitives/brand-frame.tsx
-import { interpolate as interpolate2, useCurrentFrame as useCurrentFrame2, useVideoConfig as useVideoConfig2 } from "remotion";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var BrandFrame = ({
-  styleOverrides,
-  showBranding = true,
-  animateEntrance = true,
-  variant = "gradient",
-  children
-}) => {
-  const frame = useCurrentFrame2();
-  const { width, height } = useVideoConfig2();
-  const theme = defaultVideoTheme;
-  const safeZone = scaleSafeZone({ type: "custom", width, height });
-  const primaryColor = styleOverrides?.primaryColor ?? theme.colors.primary;
-  const _accentColor = styleOverrides?.accentColor ?? theme.colors.accent;
-  const isDark = styleOverrides?.darkMode ?? true;
-  let background;
-  switch (variant) {
-    case "solid":
-      background = isDark ? "#0a0a0a" : theme.colors.background;
-      break;
-    case "gradient":
-      background = isDark ? `linear-gradient(135deg, #0a0a14 0%, #0f172a 50%, #0a0a14 100%)` : `linear-gradient(135deg, ${theme.colors.background} 0%, ${theme.colors.muted} 100%)`;
-      break;
-    case "dark":
-      background = "#000000";
-      break;
-  }
-  const entranceOpacity = animateEntrance ? interpolate2(frame, [0, 15], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.entrance
-  }) : 1;
-  const brandOpacity = showBranding ? interpolate2(frame, [videoDurations.brandReveal, videoDurations.brandReveal + 15], [0, 0.3], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  }) : 0;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    style: {
-      width,
-      height,
-      background,
-      position: "relative",
-      overflow: "hidden",
-      opacity: entranceOpacity
-    },
-    children: [
-      variant === "gradient" && /* @__PURE__ */ jsxDEV2("div", {
-        style: {
-          position: "absolute",
-          top: "-20%",
-          right: "-10%",
-          width: "50%",
-          height: "50%",
-          background: `radial-gradient(circle, ${primaryColor}15 0%, transparent 70%)`,
-          borderRadius: "50%",
-          pointerEvents: "none"
-        }
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        style: {
-          position: "absolute",
-          left: safeZone.horizontal,
-          top: safeZone.vertical,
-          width: safeZone.contentWidth,
-          height: safeZone.contentHeight,
-          display: "flex",
-          flexDirection: "column"
-        },
-        children
-      }, undefined, false, undefined, this),
-      showBranding && /* @__PURE__ */ jsxDEV2("div", {
-        style: {
-          position: "absolute",
-          bottom: safeZone.vertical / 2,
-          right: safeZone.horizontal,
-          opacity: brandOpacity,
-          color: isDark ? "#ffffff" : "#000000",
-          fontSize: Math.round(16 * (width / 1920)),
-          fontWeight: 500,
-          letterSpacing: 1
-        },
-        children: "ContractSpec"
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-
-// src/compositions/primitives/code-block.tsx
-import { interpolate as interpolate3, useCurrentFrame as useCurrentFrame3, useVideoConfig as useVideoConfig3 } from "remotion";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-var CodeBlock = ({
-  code,
-  language = "typescript",
-  startAt = 0,
-  typeAnimation = true,
-  backgroundColor = defaultVideoColors.codeBackground,
-  textColor = "#abb2bf",
-  filename
-}) => {
-  const frame = useCurrentFrame3();
-  const { width } = useVideoConfig3();
-  const codeStyle = scaleTypography(videoTypography.code, width);
-  const totalChars = code.length;
-  const typingDuration = totalChars * videoDurations.codeTypingPerChar;
-  const charsVisible = typeAnimation ? Math.floor(interpolate3(frame, [startAt, startAt + typingDuration], [0, totalChars], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  })) : totalChars;
-  const visibleCode = code.slice(0, charsVisible);
-  const opacity = interpolate3(frame, [startAt, startAt + 10], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.entrance
-  });
-  const showCursor = typeAnimation && charsVisible < totalChars && frame % 16 < 10;
-  return /* @__PURE__ */ jsxDEV3("div", {
-    style: {
-      backgroundColor,
-      borderRadius: 16,
-      padding: 0,
-      opacity,
-      overflow: "hidden",
-      boxShadow: "0 8px 32px rgba(0,0,0,0.3)"
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          padding: "12px 20px",
-          backgroundColor: "rgba(0,0,0,0.2)",
-          gap: 8
-        },
-        children: [
-          /* @__PURE__ */ jsxDEV3("div", {
-            style: { display: "flex", gap: 8 },
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#ff5f57"
-                }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#febc2e"
-                }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#28c840"
-                }
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
-            style: {
-              flex: 1,
-              textAlign: "center",
-              color: "#666",
-              fontSize: codeStyle.fontSize * 0.7,
-              fontFamily: "monospace"
-            },
-            children: filename ?? language
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
-        style: { padding: "24px 32px" },
-        children: /* @__PURE__ */ jsxDEV3("pre", {
-          style: {
-            margin: 0,
-            fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', monospace",
-            fontSize: codeStyle.fontSize,
-            lineHeight: codeStyle.lineHeight,
-            color: textColor,
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-word"
-          },
-          children: [
-            visibleCode,
-            showCursor && /* @__PURE__ */ jsxDEV3("span", {
-              style: {
-                backgroundColor: textColor,
-                width: "2px",
-                display: "inline-block",
-                height: "1.2em",
-                verticalAlign: "text-bottom"
-              },
-              children: " "
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-
-// src/compositions/primitives/progress-bar.tsx
-import { useCurrentFrame as useCurrentFrame4, useVideoConfig as useVideoConfig4 } from "remotion";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-var ProgressBar = ({
-  height = 4,
-  color = defaultVideoTheme.colors.primary,
-  backgroundColor = "rgba(255,255,255,0.1)",
-  position = "bottom"
-}) => {
-  const frame = useCurrentFrame4();
-  const { durationInFrames, width } = useVideoConfig4();
-  const progress = frame / durationInFrames;
-  return /* @__PURE__ */ jsxDEV4("div", {
-    style: {
-      position: "absolute",
-      [position]: 0,
-      left: 0,
-      width,
-      height,
-      backgroundColor,
-      zIndex: 100
-    },
-    children: /* @__PURE__ */ jsxDEV4("div", {
-      style: {
-        width: `${progress * 100}%`,
-        height: "100%",
-        backgroundColor: color,
-        transition: "none"
-      }
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-};
-
-// src/compositions/api-overview.tsx
-import {
-  AbsoluteFill,
-  interpolate as interpolate4,
-  Sequence,
-  useCurrentFrame as useCurrentFrame5,
-  useVideoConfig as useVideoConfig5
-} from "remotion";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-var ApiOverview = ({
-  specName,
-  method = "POST",
-  endpoint = "/api/users",
-  specCode,
-  generatedOutputs = [
-    "REST Endpoint",
-    "GraphQL Mutation",
-    "Prisma Model",
-    "TypeScript SDK",
-    "MCP Tool",
-    "OpenAPI Spec"
-  ],
-  tagline = "One spec. Every surface."
-}) => {
-  const { durationInFrames } = useVideoConfig5();
-  const theme = defaultVideoTheme;
-  const INTRO_END = 60;
-  const CODE_START = 45;
-  const CODE_END = INTRO_END + 150;
-  const OUTPUTS_START = CODE_END - 30;
-  const TAGLINE_START = durationInFrames - 90;
-  return /* @__PURE__ */ jsxDEV5(AbsoluteFill, {
-    children: [
-      /* @__PURE__ */ jsxDEV5(BrandFrame, {
-        variant: "gradient",
-        showBranding: true,
-        children: [
-          /* @__PURE__ */ jsxDEV5(Sequence, {
-            from: 0,
-            durationInFrames: CODE_END,
-            children: /* @__PURE__ */ jsxDEV5("div", {
-              style: {
-                flex: 1,
-                display: "flex",
-                flexDirection: "column",
-                gap: 16
-              },
-              children: [
-                /* @__PURE__ */ jsxDEV5("div", {
-                  style: { display: "flex", alignItems: "center", gap: 16 },
-                  children: [
-                    /* @__PURE__ */ jsxDEV5(MethodBadge, {
-                      method,
-                      enterAt: 10
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV5(AnimatedText, {
-                      text: endpoint,
-                      variant: "subheading",
-                      enterAt: 15,
-                      color: theme.colors.mutedForeground
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV5(AnimatedText, {
-                  text: specName,
-                  variant: "title",
-                  enterAt: 5,
-                  color: "#ffffff"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("div", {
-                  style: { flex: 1, marginTop: 24 },
-                  children: /* @__PURE__ */ jsxDEV5(CodeBlock, {
-                    code: specCode,
-                    language: "typescript",
-                    filename: `${specName.toLowerCase()}.contract.ts`,
-                    startAt: CODE_START,
-                    typeAnimation: true
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Sequence, {
-            from: OUTPUTS_START,
-            durationInFrames: durationInFrames - OUTPUTS_START,
-            children: /* @__PURE__ */ jsxDEV5("div", {
-              style: {
-                flex: 1,
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center",
-                gap: 24
-              },
-              children: [
-                /* @__PURE__ */ jsxDEV5(AnimatedText, {
-                  text: "Generates:",
-                  variant: "heading",
-                  enterAt: 0,
-                  color: "#ffffff",
-                  align: "center"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("div", {
-                  style: {
-                    display: "flex",
-                    flexWrap: "wrap",
-                    gap: 16,
-                    justifyContent: "center",
-                    maxWidth: "80%",
-                    marginTop: 32
-                  },
-                  children: generatedOutputs.map((output, i) => /* @__PURE__ */ jsxDEV5(OutputChip, {
-                    label: output,
-                    index: i,
-                    startFrame: 20 + i * 8
-                  }, output, false, undefined, this))
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5(Sequence, {
-                  from: TAGLINE_START - OUTPUTS_START,
-                  children: /* @__PURE__ */ jsxDEV5("div", {
-                    style: { marginTop: 48 },
-                    children: /* @__PURE__ */ jsxDEV5(AnimatedText, {
-                      text: tagline,
-                      variant: "heading",
-                      enterAt: 0,
-                      color: theme.colors.accent,
-                      align: "center"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5(ProgressBar, {}, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-var MethodBadge = ({
-  method,
-  enterAt
-}) => {
-  const frame = useCurrentFrame5();
-  const opacity = interpolate4(frame, [enterAt, enterAt + 10], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.entrance
-  });
-  const scale = interpolate4(frame, [enterAt, enterAt + 12], [0.8, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.emphasis
-  });
-  const methodColors = {
-    GET: "#61afef",
-    POST: "#98c379",
-    PUT: "#e5c07b",
-    PATCH: "#d19a66",
-    DELETE: "#e06c75"
-  };
-  return /* @__PURE__ */ jsxDEV5("div", {
-    style: {
-      opacity,
-      transform: `scale(${scale})`,
-      backgroundColor: methodColors[method] ?? "#61afef",
-      color: "#000",
-      padding: "8px 20px",
-      borderRadius: 8,
-      fontSize: 24,
-      fontWeight: 700,
-      fontFamily: "monospace",
-      letterSpacing: 1
-    },
-    children: method
-  }, undefined, false, undefined, this);
-};
-var OutputChip = ({ label, startFrame }) => {
-  const frame = useCurrentFrame5();
-  const opacity = interpolate4(frame, [startFrame, startFrame + 12], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  });
-  const translateY = interpolate4(frame, [startFrame, startFrame + 15], [20, 0], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.emphasis
-  });
-  const scale = interpolate4(frame, [startFrame, startFrame + 15], [0.9, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.emphasis
-  });
-  return /* @__PURE__ */ jsxDEV5("div", {
-    style: {
-      opacity,
-      transform: `translateY(${translateY}px) scale(${scale})`,
-      backgroundColor: "rgba(255,255,255,0.08)",
-      border: "1px solid rgba(255,255,255,0.15)",
-      color: "#ffffff",
-      padding: "16px 32px",
-      borderRadius: 12,
-      fontSize: 28,
-      fontWeight: 500
-    },
-    children: label
-  }, undefined, false, undefined, this);
-};
-
-// src/compositions/primitives/terminal.tsx
-import { interpolate as interpolate5, useCurrentFrame as useCurrentFrame6, useVideoConfig as useVideoConfig6 } from "remotion";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-var LINE_TYPE_COLORS = {
-  command: "#c9d1d9",
-  output: "#8b949e",
-  error: "#f85149",
-  success: "#3fb950",
-  comment: "#6e7681"
-};
-var Terminal = ({
-  lines,
-  startAt = 0,
-  prompt = "$ ",
-  title = "Terminal",
-  backgroundColor = defaultVideoColors.terminalBackground,
-  typingSpeed = videoDurations.codeTypingPerChar
-}) => {
-  const frame = useCurrentFrame6();
-  const { width } = useVideoConfig6();
-  const codeStyle = scaleTypography(videoTypography.code, width);
-  const lineTimings = [];
-  let currentFrame = startAt;
-  for (const line of lines) {
-    const delay = line.delay ?? 10;
-    const lineStart = currentFrame + delay;
-    if (line.type === "command") {
-      const typeDuration = line.text.length * typingSpeed;
-      lineTimings.push({
-        startFrame: lineStart,
-        endFrame: lineStart + typeDuration
-      });
-      currentFrame = lineStart + typeDuration;
-    } else {
-      lineTimings.push({ startFrame: lineStart, endFrame: lineStart + 5 });
-      currentFrame = lineStart + 5;
-    }
-  }
-  const opacity = interpolate5(frame, [startAt, startAt + 10], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.entrance
-  });
-  return /* @__PURE__ */ jsxDEV6("div", {
-    style: {
-      backgroundColor,
-      borderRadius: 16,
-      overflow: "hidden",
-      opacity,
-      boxShadow: "0 8px 32px rgba(0,0,0,0.3)"
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV6("div", {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          padding: "12px 20px",
-          backgroundColor: "rgba(255,255,255,0.05)",
-          gap: 8
-        },
-        children: [
-          /* @__PURE__ */ jsxDEV6("div", {
-            style: { display: "flex", gap: 8 },
-            children: [
-              /* @__PURE__ */ jsxDEV6("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#ff5f57"
-                }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#febc2e"
-                }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
-                style: {
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  backgroundColor: "#28c840"
-                }
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
-            style: {
-              flex: 1,
-              textAlign: "center",
-              color: "#484f58",
-              fontSize: codeStyle.fontSize * 0.7,
-              fontFamily: "monospace"
-            },
-            children: title
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
-        style: { padding: "24px 32px", minHeight: 200 },
-        children: lines.map((line, i) => {
-          const timing = lineTimings[i];
-          if (!timing || frame < timing.startFrame)
-            return null;
-          const isCommand = line.type === "command";
-          const lineColor = LINE_TYPE_COLORS[line.type];
-          let visibleText = line.text;
-          if (isCommand) {
-            const typingProgress = interpolate5(frame, [timing.startFrame, timing.endFrame], [0, line.text.length], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-            visibleText = line.text.slice(0, Math.floor(typingProgress));
-          }
-          const lineOpacity = isCommand ? 1 : interpolate5(frame, [timing.startFrame, timing.startFrame + 5], [0, 1], {
-            extrapolateLeft: "clamp",
-            extrapolateRight: "clamp"
-          });
-          const isTyping = isCommand && frame >= timing.startFrame && frame <= timing.endFrame;
-          const showCursor = isTyping && frame % 16 < 10;
-          return /* @__PURE__ */ jsxDEV6("div", {
-            style: {
-              fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', monospace",
-              fontSize: codeStyle.fontSize,
-              lineHeight: 1.8,
-              color: lineColor,
-              opacity: lineOpacity,
-              whiteSpace: "pre-wrap"
-            },
-            children: [
-              isCommand && /* @__PURE__ */ jsxDEV6("span", {
-                style: { color: "#3fb950" },
-                children: prompt
-              }, undefined, false, undefined, this),
-              line.type === "comment" && /* @__PURE__ */ jsxDEV6("span", {
-                style: { color: LINE_TYPE_COLORS.comment },
-                children: "# "
-              }, undefined, false, undefined, this),
-              visibleText,
-              showCursor && /* @__PURE__ */ jsxDEV6("span", {
-                style: {
-                  backgroundColor: "#c9d1d9",
-                  width: "2px",
-                  display: "inline-block",
-                  height: "1.2em",
-                  verticalAlign: "text-bottom"
-                },
-                children: " "
-              }, undefined, false, undefined, this)
-            ]
-          }, `${i}-${line.text.slice(0, 20)}`, true, undefined, this);
-        })
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-
-// src/compositions/primitives/transition.tsx
-import { interpolate as interpolate6, useCurrentFrame as useCurrentFrame7 } from "remotion";
-import { jsxDEV as jsxDEV7, Fragment } from "react/jsx-dev-runtime";
-var SceneTransitionWrapper = ({
-  type,
-  durationInFrames,
-  direction,
-  startAt = 0,
-  children
-}) => {
-  const frame = useCurrentFrame7();
-  if (type === "none" || durationInFrames === 0) {
-    return /* @__PURE__ */ jsxDEV7(Fragment, {
-      children
-    }, undefined, false, undefined, this);
-  }
-  const progress = interpolate6(frame, [startAt, startAt + durationInFrames], direction === "in" ? [0, 1] : [1, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
-  const styles = getTransitionStyles(type, progress);
-  return /* @__PURE__ */ jsxDEV7("div", {
-    style: styles,
-    children
-  }, undefined, false, undefined, this);
-};
-function getTransitionStyles(type, progress) {
-  const eased = videoEasing.entrance(progress);
-  switch (type) {
-    case "fade":
-      return {
-        opacity: eased,
-        width: "100%",
-        height: "100%"
-      };
-    case "slide-left":
-      return {
-        opacity: eased,
-        transform: `translateX(${(1 - eased) * 100}%)`,
-        width: "100%",
-        height: "100%"
-      };
-    case "slide-right":
-      return {
-        opacity: eased,
-        transform: `translateX(${(1 - eased) * -100}%)`,
-        width: "100%",
-        height: "100%"
-      };
-    case "wipe":
-      return {
-        clipPath: `inset(0 ${(1 - eased) * 100}% 0 0)`,
-        width: "100%",
-        height: "100%"
-      };
-    default:
-      return { width: "100%", height: "100%" };
-  }
-}
-// src/compositions/social-clip.tsx
-import {
-  AbsoluteFill as AbsoluteFill2,
-  interpolate as interpolate7,
-  Sequence as Sequence2,
-  useCurrentFrame as useCurrentFrame8,
-  useVideoConfig as useVideoConfig7
-} from "remotion";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-var SocialClip = ({
-  hook,
-  message,
-  points = [],
-  cta = "Learn more",
-  ctaUrl = "contractspec.dev",
-  accentColor
-}) => {
-  const { durationInFrames, width, height } = useVideoConfig7();
-  const theme = defaultVideoTheme;
-  const accent = accentColor ?? theme.colors.accent;
-  const isPortrait = height > width;
-  const HOOK_DURATION = 75;
-  const MESSAGE_START = 60;
-  const POINTS_START = MESSAGE_START + 60;
-  const CTA_START = durationInFrames - 90;
-  return /* @__PURE__ */ jsxDEV8(AbsoluteFill2, {
-    children: [
-      /* @__PURE__ */ jsxDEV8(BrandFrame, {
-        variant: "gradient",
-        showBranding: true,
-        children: /* @__PURE__ */ jsxDEV8("div", {
-          style: {
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: isPortrait ? 48 : 32,
-            textAlign: "center",
-            padding: isPortrait ? "0 20px" : 0
-          },
-          children: [
-            /* @__PURE__ */ jsxDEV8(Sequence2, {
-              from: 0,
-              durationInFrames: HOOK_DURATION + 30,
-              children: /* @__PURE__ */ jsxDEV8("div", {
-                style: { width: "100%" },
-                children: /* @__PURE__ */ jsxDEV8(AnimatedText, {
-                  text: hook,
-                  variant: "title",
-                  enterAt: 5,
-                  exitAt: HOOK_DURATION,
-                  color: "#ffffff",
-                  align: "center"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV8(Sequence2, {
-              from: MESSAGE_START,
-              children: /* @__PURE__ */ jsxDEV8("div", {
-                style: { width: "100%" },
-                children: /* @__PURE__ */ jsxDEV8(AnimatedText, {
-                  text: message,
-                  variant: isPortrait ? "subheading" : "heading",
-                  enterAt: 0,
-                  color: "#ffffff",
-                  align: "center"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            points.length > 0 && /* @__PURE__ */ jsxDEV8(Sequence2, {
-              from: POINTS_START,
-              children: /* @__PURE__ */ jsxDEV8("div", {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: 16,
-                  alignItems: isPortrait ? "flex-start" : "center",
-                  width: "100%",
-                  maxWidth: isPortrait ? "100%" : "80%",
-                  marginTop: 16
-                },
-                children: points.map((point, i) => /* @__PURE__ */ jsxDEV8(PointItem, {
-                  text: point,
-                  index: i,
-                  startFrame: i * 15,
-                  accent
-                }, point, false, undefined, this))
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV8(Sequence2, {
-              from: CTA_START,
-              children: /* @__PURE__ */ jsxDEV8(CTABlock, {
-                cta,
-                url: ctaUrl,
-                accent
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8(ProgressBar, {
-        color: accent
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-var PointItem = ({ text, startFrame, accent }) => {
-  const frame = useCurrentFrame8();
-  const opacity = interpolate7(frame, [startFrame, startFrame + 12], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  });
-  const translateX = interpolate7(frame, [startFrame, startFrame + 15], [-30, 0], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.entrance
-  });
-  return /* @__PURE__ */ jsxDEV8("div", {
-    style: {
-      opacity,
-      transform: `translateX(${translateX}px)`,
-      display: "flex",
-      alignItems: "center",
-      gap: 16,
-      fontSize: 28,
-      color: "#ffffff"
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV8("div", {
-        style: {
-          width: 8,
-          height: 8,
-          borderRadius: "50%",
-          backgroundColor: accent,
-          flexShrink: 0
-        }
-      }, undefined, false, undefined, this),
-      text
-    ]
-  }, undefined, true, undefined, this);
-};
-var CTABlock = ({ cta, url, accent }) => {
-  const frame = useCurrentFrame8();
-  const opacity = interpolate7(frame, [0, 15], [0, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp"
-  });
-  const scale = interpolate7(frame, [0, 18], [0.9, 1], {
-    extrapolateLeft: "clamp",
-    extrapolateRight: "clamp",
-    easing: videoEasing.emphasis
-  });
-  return /* @__PURE__ */ jsxDEV8("div", {
-    style: {
-      opacity,
-      transform: `scale(${scale})`,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      gap: 12,
-      marginTop: 24
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV8("div", {
-        style: {
-          backgroundColor: accent,
-          color: "#ffffff",
-          padding: "16px 48px",
-          borderRadius: 12,
-          fontSize: 28,
-          fontWeight: 600
-        },
-        children: cta
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
-        style: { color: "rgba(255,255,255,0.5)", fontSize: 20 },
-        children: url
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-
-// src/compositions/terminal-demo.tsx
-import { AbsoluteFill as AbsoluteFill3, Sequence as Sequence3, useVideoConfig as useVideoConfig8 } from "remotion";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
-var TerminalDemo = ({
-  title,
-  subtitle,
-  lines,
-  terminalTitle = "Terminal",
-  prompt = "$ ",
-  summary
-}) => {
-  const { durationInFrames } = useVideoConfig8();
-  const theme = defaultVideoTheme;
-  const TERMINAL_START = 40;
-  const SUMMARY_START = durationInFrames - 90;
-  return /* @__PURE__ */ jsxDEV9(AbsoluteFill3, {
-    children: [
-      /* @__PURE__ */ jsxDEV9(BrandFrame, {
-        variant: "dark",
-        showBranding: true,
-        children: /* @__PURE__ */ jsxDEV9("div", {
-          style: {
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            gap: 24
-          },
-          children: [
-            /* @__PURE__ */ jsxDEV9("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV9(AnimatedText, {
-                  text: title,
-                  variant: "heading",
-                  enterAt: 5,
-                  color: "#ffffff"
-                }, undefined, false, undefined, this),
-                subtitle && /* @__PURE__ */ jsxDEV9("div", {
-                  style: { marginTop: 8 },
-                  children: /* @__PURE__ */ jsxDEV9(AnimatedText, {
-                    text: subtitle,
-                    variant: "body",
-                    enterAt: 15,
-                    color: theme.colors.mutedForeground
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV9(Sequence3, {
-              from: TERMINAL_START,
-              children: /* @__PURE__ */ jsxDEV9("div", {
-                style: { flex: 1 },
-                children: /* @__PURE__ */ jsxDEV9(Terminal, {
-                  lines,
-                  startAt: 0,
-                  prompt,
-                  title: terminalTitle
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            summary && /* @__PURE__ */ jsxDEV9(Sequence3, {
-              from: SUMMARY_START,
-              children: /* @__PURE__ */ jsxDEV9("div", {
-                style: {
-                  marginTop: "auto",
-                  paddingTop: 24
-                },
-                children: /* @__PURE__ */ jsxDEV9(AnimatedText, {
-                  text: summary,
-                  variant: "subheading",
-                  enterAt: 0,
-                  color: theme.colors.accent,
-                  align: "center"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(ProgressBar, {}, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-// src/i18n/catalogs/en.ts
-import { defineTranslation } from "@contractspec/lib.contracts-spec/translations";
-var enMessages = defineTranslation({
-  meta: {
-    key: "video-gen.messages",
-    version: "1.0.0",
-    domain: "video-gen",
-    description: "All user-facing, LLM-facing, and developer-facing strings for the video-gen package",
-    owners: ["platform"],
-    stability: "experimental"
-  },
-  locale: "en",
-  fallback: "en",
-  messages: {
-    "prompt.script.system": {
-      value: `You are a video narration script writer.
+var R1=((G)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(G,{get:(K,L)=>(typeof require<"u"?require:K)[L]}):G)(function(G){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+G+'" is not supported')});import{Easing as w}from"remotion";var R={entrance:w.out(w.exp),exit:w.in(w.exp),emphasis:w.out(w.back(1.4)),linear:w.linear,gentle:w.bezier(0.25,0.1,0.25,1),spring:w.out(w.back(1.7))},V={sceneTransition:20,textEntrance:15,textExit:12,codeTypingPerChar:2,sectionPause:30,emphasisPause:15,brandReveal:25,minScene:60,shortScene:60,mediumScene:120,longScene:240},_1={fade:{type:"fade",durationInFrames:20},slideLeft:{type:"slide-left",durationInFrames:20},slideRight:{type:"slide-right",durationInFrames:20},wipe:{type:"wipe",durationInFrames:15},none:{type:"none",durationInFrames:0}};import{defaultTokens as b}from"@contractspec/lib.design-system";var y={canvasBackground:b.colors.background,codeBackground:"#1e1e2e",terminalBackground:"#0d1117",terminalForeground:"#c9d1d9",highlight:b.colors.accent,gradientStart:b.colors.primary,gradientEnd:b.colors.accent},P={...b,video:y};var C={title:{fontSize:72,lineHeight:1.1,fontWeight:700,letterSpacing:-1},heading:{fontSize:56,lineHeight:1.2,fontWeight:600,letterSpacing:-0.5},subheading:{fontSize:40,lineHeight:1.25,fontWeight:500},body:{fontSize:32,lineHeight:1.5,fontWeight:400},code:{fontSize:28,lineHeight:1.6,fontWeight:400},caption:{fontSize:24,lineHeight:1.4,fontWeight:400},label:{fontSize:20,lineHeight:1.3,fontWeight:600,letterSpacing:1}};function v(G,K){let L=K/1920;return{...G,fontSize:Math.round(G.fontSize*L),letterSpacing:G.letterSpacing?Math.round(G.letterSpacing*L*10)/10:void 0}}import{interpolate as A,useCurrentFrame as P8,useVideoConfig as O8}from"remotion";import{jsx as k8}from"react/jsx-runtime";var I=({text:G,variant:K="body",style:L,enterAt:z=0,exitAt:H,color:Q="#ffffff",align:$="left"})=>{let W=P8(),{width:U}=O8(),M=C[K],X={...v(M,U),...L},N=A(W,[z,z+V.textEntrance],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),B=A(N,[0,1],[0,1],{easing:R.entrance}),Y=A(N,[0,1],[30,0],{easing:R.entrance}),Z=1,k=0;if(H!==void 0){let o=A(W,[H,H+V.textExit],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"});Z=A(o,[0,1],[1,0],{easing:R.exit}),k=A(o,[0,1],[0,-20],{easing:R.exit})}let E=B*Z,c=Y+k;return k8("div",{style:{fontSize:X.fontSize,lineHeight:X.lineHeight,fontWeight:X.fontWeight,letterSpacing:X.letterSpacing,color:Q,textAlign:$,opacity:E,transform:`translateY(${c}px)`,willChange:"opacity, transform"},children:G})};import{VIDEO_FORMATS as r}from"@contractspec/lib.contracts-integrations/integrations/providers/video";var j=30,x={horizontal:120,vertical:80,contentWidth:1680,contentHeight:920};function J8(G){let K=G.width/1920,L=G.height/1080;return{horizontal:Math.round(x.horizontal*K),vertical:Math.round(x.vertical*L),contentWidth:Math.round(x.contentWidth*K),contentHeight:Math.round(x.contentHeight*L)}}var T1={center:{x:960,y:540},topLeft:{x:120,y:80},topRight:{x:1800,y:80},bottomLeft:{x:120,y:1000},bottomRight:{x:1800,y:1000},bottomCenter:{x:960,y:960}};function C1(){return[r.landscape,r.square,r.portrait]}import{interpolate as Q8,useCurrentFrame as E8,useVideoConfig as S8}from"remotion";import{jsx as a,jsxs as T8}from"react/jsx-runtime";var S=({styleOverrides:G,showBranding:K=!0,animateEntrance:L=!0,variant:z="gradient",children:H})=>{let Q=E8(),{width:$,height:W}=S8(),U=P,M=J8({type:"custom",width:$,height:W}),J=G?.primaryColor??U.colors.primary,X=G?.accentColor??U.colors.accent,N=G?.darkMode??!0,B;switch(z){case"solid":B=N?"#0a0a0a":U.colors.background;break;case"gradient":B=N?"linear-gradient(135deg, #0a0a14 0%, #0f172a 50%, #0a0a14 100%)":`linear-gradient(135deg, ${U.colors.background} 0%, ${U.colors.muted} 100%)`;break;case"dark":B="#000000";break}let Y=L?Q8(Q,[0,15],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.entrance}):1,Z=K?Q8(Q,[V.brandReveal,V.brandReveal+15],[0,0.3],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}):0;return T8("div",{style:{width:$,height:W,background:B,position:"relative",overflow:"hidden",opacity:Y},children:[z==="gradient"&&a("div",{style:{position:"absolute",top:"-20%",right:"-10%",width:"50%",height:"50%",background:`radial-gradient(circle, ${J}15 0%, transparent 70%)`,borderRadius:"50%",pointerEvents:"none"}}),a("div",{style:{position:"absolute",left:M.horizontal,top:M.vertical,width:M.contentWidth,height:M.contentHeight,display:"flex",flexDirection:"column"},children:H}),K&&a("div",{style:{position:"absolute",bottom:M.vertical/2,right:M.horizontal,opacity:Z,color:N?"#ffffff":"#000000",fontSize:Math.round(16*($/1920)),fontWeight:500,letterSpacing:1},children:"ContractSpec"})]})};import{interpolate as $8,useCurrentFrame as C8,useVideoConfig as v8}from"remotion";import{jsx as F,jsxs as p}from"react/jsx-runtime";var n=({code:G,language:K="typescript",startAt:L=0,typeAnimation:z=!0,backgroundColor:H=y.codeBackground,textColor:Q="#abb2bf",filename:$})=>{let W=C8(),{width:U}=v8(),M=v(C.code,U),J=G.length,X=J*V.codeTypingPerChar,N=z?Math.floor($8(W,[L,L+X],[0,J],{extrapolateLeft:"clamp",extrapolateRight:"clamp"})):J,B=G.slice(0,N),Y=$8(W,[L,L+10],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.entrance}),Z=z&&N<J&&W%16<10;return p("div",{style:{backgroundColor:H,borderRadius:16,padding:0,opacity:Y,overflow:"hidden",boxShadow:"0 8px 32px rgba(0,0,0,0.3)"},children:[p("div",{style:{display:"flex",alignItems:"center",padding:"12px 20px",backgroundColor:"rgba(0,0,0,0.2)",gap:8},children:[p("div",{style:{display:"flex",gap:8},children:[F("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#ff5f57"}}),F("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#febc2e"}}),F("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#28c840"}})]}),F("div",{style:{flex:1,textAlign:"center",color:"#666",fontSize:M.fontSize*0.7,fontFamily:"monospace"},children:$??K})]}),F("div",{style:{padding:"24px 32px"},children:p("pre",{style:{margin:0,fontFamily:"'SF Mono', 'Fira Code', 'JetBrains Mono', monospace",fontSize:M.fontSize,lineHeight:M.lineHeight,color:Q,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:[B,Z&&F("span",{style:{backgroundColor:Q,width:"2px",display:"inline-block",height:"1.2em",verticalAlign:"text-bottom"},children:" "})]})})]})};import{useCurrentFrame as A8,useVideoConfig as F8}from"remotion";import{jsx as W8}from"react/jsx-runtime";var T=({height:G=4,color:K=P.colors.primary,backgroundColor:L="rgba(255,255,255,0.1)",position:z="bottom"})=>{let H=A8(),{durationInFrames:Q,width:$}=F8(),W=H/Q;return W8("div",{style:{position:"absolute",[z]:0,left:0,width:$,height:G,backgroundColor:L,zIndex:100},children:W8("div",{style:{width:`${W*100}%`,height:"100%",backgroundColor:K,transition:"none"}})})};import{AbsoluteFill as b8,interpolate as f,Sequence as i,useCurrentFrame as X8,useVideoConfig as y8}from"remotion";import{jsx as _,jsxs as h}from"react/jsx-runtime";var h8=({specName:G,method:K="POST",endpoint:L="/api/users",specCode:z,generatedOutputs:H=["REST Endpoint","GraphQL Mutation","Prisma Model","TypeScript SDK","MCP Tool","OpenAPI Spec"],tagline:Q="One spec. Every surface."})=>{let{durationInFrames:$}=y8(),W=P,U=60,M=45,J=210,X=180,N=$-90;return h(b8,{children:[h(S,{variant:"gradient",showBranding:!0,children:[_(i,{from:0,durationInFrames:210,children:h("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:16},children:[h("div",{style:{display:"flex",alignItems:"center",gap:16},children:[_(f8,{method:K,enterAt:10}),_(I,{text:L,variant:"subheading",enterAt:15,color:W.colors.mutedForeground})]}),_(I,{text:G,variant:"title",enterAt:5,color:"#ffffff"}),_("div",{style:{flex:1,marginTop:24},children:_(n,{code:z,language:"typescript",filename:`${G.toLowerCase()}.contract.ts`,startAt:45,typeAnimation:!0})})]})}),_(i,{from:180,durationInFrames:$-180,children:h("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:24},children:[_(I,{text:"Generates:",variant:"heading",enterAt:0,color:"#ffffff",align:"center"}),_("div",{style:{display:"flex",flexWrap:"wrap",gap:16,justifyContent:"center",maxWidth:"80%",marginTop:32},children:H.map((B,Y)=>_(x8,{label:B,index:Y,startFrame:20+Y*8},B))}),_(i,{from:N-180,children:_("div",{style:{marginTop:48},children:_(I,{text:Q,variant:"heading",enterAt:0,color:W.colors.accent,align:"center"})})})]})})]}),_(T,{})]})},f8=({method:G,enterAt:K})=>{let L=X8(),z=f(L,[K,K+10],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.entrance}),H=f(L,[K,K+12],[0.8,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.emphasis}),Q={GET:"#61afef",POST:"#98c379",PUT:"#e5c07b",PATCH:"#d19a66",DELETE:"#e06c75"};return _("div",{style:{opacity:z,transform:`scale(${H})`,backgroundColor:Q[G]??"#61afef",color:"#000",padding:"8px 20px",borderRadius:8,fontSize:24,fontWeight:700,fontFamily:"monospace",letterSpacing:1},children:G})},x8=({label:G,startFrame:K})=>{let L=X8(),z=f(L,[K,K+12],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),H=f(L,[K,K+15],[20,0],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.emphasis}),Q=f(L,[K,K+15],[0.9,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.emphasis});return _("div",{style:{opacity:z,transform:`translateY(${H}px) scale(${Q})`,backgroundColor:"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.15)",color:"#ffffff",padding:"16px 32px",borderRadius:12,fontSize:28,fontWeight:500},children:G})};import{interpolate as s,useCurrentFrame as j8,useVideoConfig as p8}from"remotion";import{jsx as O,jsxs as g}from"react/jsx-runtime";var U8={command:"#c9d1d9",output:"#8b949e",error:"#f85149",success:"#3fb950",comment:"#6e7681"},t=({lines:G,startAt:K=0,prompt:L="$ ",title:z="Terminal",backgroundColor:H=y.terminalBackground,typingSpeed:Q=V.codeTypingPerChar})=>{let $=j8(),{width:W}=p8(),U=v(C.code,W),M=[],J=K;for(let N of G){let B=N.delay??10,Y=J+B;if(N.type==="command"){let Z=N.text.length*Q;M.push({startFrame:Y,endFrame:Y+Z}),J=Y+Z}else M.push({startFrame:Y,endFrame:Y+5}),J=Y+5}let X=s($,[K,K+10],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.entrance});return g("div",{style:{backgroundColor:H,borderRadius:16,overflow:"hidden",opacity:X,boxShadow:"0 8px 32px rgba(0,0,0,0.3)"},children:[g("div",{style:{display:"flex",alignItems:"center",padding:"12px 20px",backgroundColor:"rgba(255,255,255,0.05)",gap:8},children:[g("div",{style:{display:"flex",gap:8},children:[O("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#ff5f57"}}),O("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#febc2e"}}),O("div",{style:{width:12,height:12,borderRadius:"50%",backgroundColor:"#28c840"}})]}),O("div",{style:{flex:1,textAlign:"center",color:"#484f58",fontSize:U.fontSize*0.7,fontFamily:"monospace"},children:z})]}),O("div",{style:{padding:"24px 32px",minHeight:200},children:G.map((N,B)=>{let Y=M[B];if(!Y||$<Y.startFrame)return null;let Z=N.type==="command",k=U8[N.type],E=N.text;if(Z){let V8=s($,[Y.startFrame,Y.endFrame],[0,N.text.length],{extrapolateLeft:"clamp",extrapolateRight:"clamp"});E=N.text.slice(0,Math.floor(V8))}let c=Z?1:s($,[Y.startFrame,Y.startFrame+5],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),w8=Z&&$>=Y.startFrame&&$<=Y.endFrame&&$%16<10;return g("div",{style:{fontFamily:"'SF Mono', 'Fira Code', 'JetBrains Mono', monospace",fontSize:U.fontSize,lineHeight:1.8,color:k,opacity:c,whiteSpace:"pre-wrap"},children:[Z&&O("span",{style:{color:"#3fb950"},children:L}),N.type==="comment"&&O("span",{style:{color:U8.comment},children:"# "}),E,w8&&O("span",{style:{backgroundColor:"#c9d1d9",width:"2px",display:"inline-block",height:"1.2em",verticalAlign:"text-bottom"},children:" "})]},`${B}-${N.text.slice(0,20)}`)})})]})};import{interpolate as g8,useCurrentFrame as u8}from"remotion";import{jsx as N8,Fragment as l8}from"react/jsx-runtime";var m8=({type:G,durationInFrames:K,direction:L,startAt:z=0,children:H})=>{let Q=u8();if(G==="none"||K===0)return N8(l8,{children:H});let $=g8(Q,[z,z+K],L==="in"?[0,1]:[1,0],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),W=d8(G,$);return N8("div",{style:W,children:H})};function d8(G,K){let L=R.entrance(K);switch(G){case"fade":return{opacity:L,width:"100%",height:"100%"};case"slide-left":return{opacity:L,transform:`translateX(${(1-L)*100}%)`,width:"100%",height:"100%"};case"slide-right":return{opacity:L,transform:`translateX(${(1-L)*-100}%)`,width:"100%",height:"100%"};case"wipe":return{clipPath:`inset(0 ${(1-L)*100}% 0 0)`,width:"100%",height:"100%"};default:return{width:"100%",height:"100%"}}}import{AbsoluteFill as c8,interpolate as m,Sequence as u,useCurrentFrame as M8,useVideoConfig as o8}from"remotion";import{jsx as q,jsxs as d}from"react/jsx-runtime";var r8=({hook:G,message:K,points:L=[],cta:z="Learn more",ctaUrl:H="contractspec.dev",accentColor:Q})=>{let{durationInFrames:$,width:W,height:U}=o8(),J=Q??P.colors.accent,X=U>W,N=75,B=60,Y=120,Z=$-90;return d(c8,{children:[q(S,{variant:"gradient",showBranding:!0,children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:X?48:32,textAlign:"center",padding:X?"0 20px":0},children:[q(u,{from:0,durationInFrames:105,children:q("div",{style:{width:"100%"},children:q(I,{text:G,variant:"title",enterAt:5,exitAt:75,color:"#ffffff",align:"center"})})}),q(u,{from:60,children:q("div",{style:{width:"100%"},children:q(I,{text:K,variant:X?"subheading":"heading",enterAt:0,color:"#ffffff",align:"center"})})}),L.length>0&&q(u,{from:120,children:q("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:X?"flex-start":"center",width:"100%",maxWidth:X?"100%":"80%",marginTop:16},children:L.map((k,E)=>q(a8,{text:k,index:E,startFrame:E*15,accent:J},k))})}),q(u,{from:Z,children:q(n8,{cta:z,url:H,accent:J})})]})}),q(T,{color:J})]})},a8=({text:G,startFrame:K,accent:L})=>{let z=M8(),H=m(z,[K,K+12],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),Q=m(z,[K,K+15],[-30,0],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.entrance});return d("div",{style:{opacity:H,transform:`translateX(${Q}px)`,display:"flex",alignItems:"center",gap:16,fontSize:28,color:"#ffffff"},children:[q("div",{style:{width:8,height:8,borderRadius:"50%",backgroundColor:L,flexShrink:0}}),G]})},n8=({cta:G,url:K,accent:L})=>{let z=M8(),H=m(z,[0,15],[0,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"}),Q=m(z,[0,18],[0.9,1],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:R.emphasis});return d("div",{style:{opacity:H,transform:`scale(${Q})`,display:"flex",flexDirection:"column",alignItems:"center",gap:12,marginTop:24},children:[q("div",{style:{backgroundColor:L,color:"#ffffff",padding:"16px 48px",borderRadius:12,fontSize:28,fontWeight:600},children:G}),q("div",{style:{color:"rgba(255,255,255,0.5)",fontSize:20},children:K})]})};import{AbsoluteFill as i8,Sequence as Y8,useVideoConfig as s8}from"remotion";import{jsx as D,jsxs as e}from"react/jsx-runtime";var t8=({title:G,subtitle:K,lines:L,terminalTitle:z="Terminal",prompt:H="$ ",summary:Q})=>{let{durationInFrames:$}=s8(),W=P,U=40,M=$-90;return e(i8,{children:[D(S,{variant:"dark",showBranding:!0,children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:24},children:[e("div",{children:[D(I,{text:G,variant:"heading",enterAt:5,color:"#ffffff"}),K&&D("div",{style:{marginTop:8},children:D(I,{text:K,variant:"body",enterAt:15,color:W.colors.mutedForeground})})]}),D(Y8,{from:40,children:D("div",{style:{flex:1},children:D(t,{lines:L,startAt:0,prompt:H,title:z})})}),Q&&D(Y8,{from:M,children:D("div",{style:{marginTop:"auto",paddingTop:24},children:D(I,{text:Q,variant:"subheading",enterAt:0,color:W.colors.accent,align:"center"})})})]})}),D(T,{})]})};import{defineTranslation as e8}from"@contractspec/lib.contracts-spec/translations";var G8=e8({meta:{key:"video-gen.messages",version:"1.0.0",domain:"video-gen",description:"All user-facing, LLM-facing, and developer-facing strings for the video-gen package",owners:["platform"],stability:"experimental"},locale:"en",fallback:"en",messages:{"prompt.script.system":{value:`You are a video narration script writer.
 Write a narration script for a short video (30-60 seconds).
 {styleGuide}
 
@@ -1146,12 +9,7 @@ Return JSON with shape:
 }
 
 Scene IDs should be: "intro", "problems", "solutions", "metrics", "cta".
-Only include segments that are relevant to the brief content.`,
-      description: "Script generator LLM system prompt",
-      placeholders: [{ name: "styleGuide", type: "string" }]
-    },
-    "prompt.scenePlanner.system": {
-      value: `You are a video scene planner for ContractSpec marketing/documentation videos.
+Only include segments that are relevant to the brief content.`,description:"Script generator LLM system prompt",placeholders:[{name:"styleGuide",type:"string"}]},"prompt.scenePlanner.system":{value:`You are a video scene planner for ContractSpec marketing/documentation videos.
 Given a content brief, break it into video scenes.
 
 Each scene must have:
@@ -1167,125 +25,7 @@ Return a JSON object with shape:
 }
 
 Keep the total duration around {targetSeconds} seconds.
-Prioritize clarity and pacing. Each scene should communicate one idea.`,
-      description: "Scene planner LLM system prompt",
-      placeholders: [
-        { name: "fps", type: "number" },
-        { name: "targetSeconds", type: "number" }
-      ]
-    },
-    "prompt.style.professional": {
-      value: "Use a clear, authoritative, professional tone. Be concise and direct.",
-      description: "Style guide for professional narration"
-    },
-    "prompt.style.casual": {
-      value: "Use a friendly, conversational tone. Be approachable and relatable.",
-      description: "Style guide for casual narration"
-    },
-    "prompt.style.technical": {
-      value: "Use precise technical language. Be detailed and accurate.",
-      description: "Style guide for technical narration"
-    },
-    "script.segment.challenge": {
-      value: "The challenge: {content}",
-      description: "Narration segment prefix for problems",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.solution": {
-      value: "The solution: {content}",
-      description: "Narration segment prefix for solutions",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.results": {
-      value: "The results: {content}",
-      description: "Narration segment prefix for metrics",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.cta.default": {
-      value: "Learn more",
-      description: "Default call-to-action text for scenes"
-    },
-    "scene.hook.problem": {
-      value: "The Problem",
-      description: "Scene hook label for problem statement"
-    },
-    "scene.narration.problem": {
-      value: "The problem: {content}",
-      description: "Scene narration for problem statement",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.solution": {
-      value: "The Solution",
-      description: "Scene hook label for solution"
-    },
-    "scene.narration.solution": {
-      value: "The solution: {content}",
-      description: "Scene narration for solution",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.results": {
-      value: "Results",
-      description: "Scene hook label for results/metrics"
-    },
-    "composition.apiOverview.generates": {
-      value: "Generates:",
-      description: "ApiOverview heading for generated outputs"
-    },
-    "composition.apiOverview.tagline": {
-      value: "One spec. Every surface.",
-      description: "ApiOverview default tagline"
-    },
-    "composition.apiOverview.output.rest": {
-      value: "REST Endpoint",
-      description: "Generated output label: REST"
-    },
-    "composition.apiOverview.output.graphql": {
-      value: "GraphQL Mutation",
-      description: "Generated output label: GraphQL"
-    },
-    "composition.apiOverview.output.prisma": {
-      value: "Prisma Model",
-      description: "Generated output label: Prisma"
-    },
-    "composition.apiOverview.output.typescript": {
-      value: "TypeScript SDK",
-      description: "Generated output label: TypeScript SDK"
-    },
-    "composition.apiOverview.output.mcp": {
-      value: "MCP Tool",
-      description: "Generated output label: MCP Tool"
-    },
-    "composition.apiOverview.output.openapi": {
-      value: "OpenAPI Spec",
-      description: "Generated output label: OpenAPI"
-    },
-    "composition.socialClip.cta": {
-      value: "Learn more",
-      description: "SocialClip default CTA"
-    },
-    "composition.terminal.title": {
-      value: "Terminal",
-      description: "TerminalDemo default window title"
-    }
-  }
-});
-
-// src/i18n/catalogs/es.ts
-import { defineTranslation as defineTranslation2 } from "@contractspec/lib.contracts-spec/translations";
-var esMessages = defineTranslation2({
-  meta: {
-    key: "video-gen.messages",
-    version: "1.0.0",
-    domain: "video-gen",
-    description: "Spanish translations for the video-gen package",
-    owners: ["platform"],
-    stability: "experimental"
-  },
-  locale: "es",
-  fallback: "en",
-  messages: {
-    "prompt.script.system": {
-      value: `Eres un redactor de guiones de narración para vídeo.
+Prioritize clarity and pacing. Each scene should communicate one idea.`,description:"Scene planner LLM system prompt",placeholders:[{name:"fps",type:"number"},{name:"targetSeconds",type:"number"}]},"prompt.style.professional":{value:"Use a clear, authoritative, professional tone. Be concise and direct.",description:"Style guide for professional narration"},"prompt.style.casual":{value:"Use a friendly, conversational tone. Be approachable and relatable.",description:"Style guide for casual narration"},"prompt.style.technical":{value:"Use precise technical language. Be detailed and accurate.",description:"Style guide for technical narration"},"script.segment.challenge":{value:"The challenge: {content}",description:"Narration segment prefix for problems",placeholders:[{name:"content",type:"string"}]},"script.segment.solution":{value:"The solution: {content}",description:"Narration segment prefix for solutions",placeholders:[{name:"content",type:"string"}]},"script.segment.results":{value:"The results: {content}",description:"Narration segment prefix for metrics",placeholders:[{name:"content",type:"string"}]},"scene.cta.default":{value:"Learn more",description:"Default call-to-action text for scenes"},"scene.hook.problem":{value:"The Problem",description:"Scene hook label for problem statement"},"scene.narration.problem":{value:"The problem: {content}",description:"Scene narration for problem statement",placeholders:[{name:"content",type:"string"}]},"scene.hook.solution":{value:"The Solution",description:"Scene hook label for solution"},"scene.narration.solution":{value:"The solution: {content}",description:"Scene narration for solution",placeholders:[{name:"content",type:"string"}]},"scene.hook.results":{value:"Results",description:"Scene hook label for results/metrics"},"composition.apiOverview.generates":{value:"Generates:",description:"ApiOverview heading for generated outputs"},"composition.apiOverview.tagline":{value:"One spec. Every surface.",description:"ApiOverview default tagline"},"composition.apiOverview.output.rest":{value:"REST Endpoint",description:"Generated output label: REST"},"composition.apiOverview.output.graphql":{value:"GraphQL Mutation",description:"Generated output label: GraphQL"},"composition.apiOverview.output.prisma":{value:"Prisma Model",description:"Generated output label: Prisma"},"composition.apiOverview.output.typescript":{value:"TypeScript SDK",description:"Generated output label: TypeScript SDK"},"composition.apiOverview.output.mcp":{value:"MCP Tool",description:"Generated output label: MCP Tool"},"composition.apiOverview.output.openapi":{value:"OpenAPI Spec",description:"Generated output label: OpenAPI"},"composition.socialClip.cta":{value:"Learn more",description:"SocialClip default CTA"},"composition.terminal.title":{value:"Terminal",description:"TerminalDemo default window title"}}});import{defineTranslation as G1}from"@contractspec/lib.contracts-spec/translations";var K8=G1({meta:{key:"video-gen.messages",version:"1.0.0",domain:"video-gen",description:"Spanish translations for the video-gen package",owners:["platform"],stability:"experimental"},locale:"es",fallback:"en",messages:{"prompt.script.system":{value:`Eres un redactor de guiones de narración para vídeo.
 Escribe un guión de narración para un vídeo corto (30-60 segundos).
 {styleGuide}
 
@@ -1296,12 +36,7 @@ Devuelve JSON con la forma:
 }
 
 Los identificadores de escena deben ser: "intro", "problems", "solutions", "metrics", "cta".
-Incluye solo los segmentos relevantes para el brief.`,
-      description: "Script generator LLM system prompt",
-      placeholders: [{ name: "styleGuide", type: "string" }]
-    },
-    "prompt.scenePlanner.system": {
-      value: `Eres un planificador de escenas de vídeo para vídeos de marketing/documentación de ContractSpec.
+Incluye solo los segmentos relevantes para el brief.`,description:"Script generator LLM system prompt",placeholders:[{name:"styleGuide",type:"string"}]},"prompt.scenePlanner.system":{value:`Eres un planificador de escenas de vídeo para vídeos de marketing/documentación de ContractSpec.
 Dado un brief de contenido, divídelo en escenas de vídeo.
 
 Cada escena debe tener:
@@ -1317,125 +52,7 @@ Devuelve un objeto JSON con la forma:
 }
 
 Mantén la duración total alrededor de {targetSeconds} segundos.
-Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,
-      description: "Scene planner LLM system prompt",
-      placeholders: [
-        { name: "fps", type: "number" },
-        { name: "targetSeconds", type: "number" }
-      ]
-    },
-    "prompt.style.professional": {
-      value: "Usa un tono claro, autoritario y profesional. Sé conciso y directo.",
-      description: "Style guide for professional narration"
-    },
-    "prompt.style.casual": {
-      value: "Usa un tono amigable y conversacional. Sé accesible y cercano.",
-      description: "Style guide for casual narration"
-    },
-    "prompt.style.technical": {
-      value: "Usa un lenguaje técnico preciso. Sé detallado y exacto.",
-      description: "Style guide for technical narration"
-    },
-    "script.segment.challenge": {
-      value: "El desafío: {content}",
-      description: "Narration segment prefix for problems",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.solution": {
-      value: "La solución: {content}",
-      description: "Narration segment prefix for solutions",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.results": {
-      value: "Los resultados: {content}",
-      description: "Narration segment prefix for metrics",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.cta.default": {
-      value: "Más información",
-      description: "Default call-to-action text for scenes"
-    },
-    "scene.hook.problem": {
-      value: "El problema",
-      description: "Scene hook label for problem statement"
-    },
-    "scene.narration.problem": {
-      value: "El problema: {content}",
-      description: "Scene narration for problem statement",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.solution": {
-      value: "La solución",
-      description: "Scene hook label for solution"
-    },
-    "scene.narration.solution": {
-      value: "La solución: {content}",
-      description: "Scene narration for solution",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.results": {
-      value: "Resultados",
-      description: "Scene hook label for results/metrics"
-    },
-    "composition.apiOverview.generates": {
-      value: "Genera:",
-      description: "ApiOverview heading for generated outputs"
-    },
-    "composition.apiOverview.tagline": {
-      value: "Una spec. Todas las superficies.",
-      description: "ApiOverview default tagline"
-    },
-    "composition.apiOverview.output.rest": {
-      value: "Endpoint REST",
-      description: "Generated output label: REST"
-    },
-    "composition.apiOverview.output.graphql": {
-      value: "Mutación GraphQL",
-      description: "Generated output label: GraphQL"
-    },
-    "composition.apiOverview.output.prisma": {
-      value: "Modelo Prisma",
-      description: "Generated output label: Prisma"
-    },
-    "composition.apiOverview.output.typescript": {
-      value: "SDK TypeScript",
-      description: "Generated output label: TypeScript SDK"
-    },
-    "composition.apiOverview.output.mcp": {
-      value: "Herramienta MCP",
-      description: "Generated output label: MCP Tool"
-    },
-    "composition.apiOverview.output.openapi": {
-      value: "Spec OpenAPI",
-      description: "Generated output label: OpenAPI"
-    },
-    "composition.socialClip.cta": {
-      value: "Más información",
-      description: "SocialClip default CTA"
-    },
-    "composition.terminal.title": {
-      value: "Terminal",
-      description: "TerminalDemo default window title"
-    }
-  }
-});
-
-// src/i18n/catalogs/fr.ts
-import { defineTranslation as defineTranslation3 } from "@contractspec/lib.contracts-spec/translations";
-var frMessages = defineTranslation3({
-  meta: {
-    key: "video-gen.messages",
-    version: "1.0.0",
-    domain: "video-gen",
-    description: "French translations for the video-gen package",
-    owners: ["platform"],
-    stability: "experimental"
-  },
-  locale: "fr",
-  fallback: "en",
-  messages: {
-    "prompt.script.system": {
-      value: `Vous êtes un rédacteur de scripts de narration vidéo.
+Prioriza la claridad y el ritmo. Cada escena debe comunicar una idea.`,description:"Scene planner LLM system prompt",placeholders:[{name:"fps",type:"number"},{name:"targetSeconds",type:"number"}]},"prompt.style.professional":{value:"Usa un tono claro, autoritario y profesional. Sé conciso y directo.",description:"Style guide for professional narration"},"prompt.style.casual":{value:"Usa un tono amigable y conversacional. Sé accesible y cercano.",description:"Style guide for casual narration"},"prompt.style.technical":{value:"Usa un lenguaje técnico preciso. Sé detallado y exacto.",description:"Style guide for technical narration"},"script.segment.challenge":{value:"El desafío: {content}",description:"Narration segment prefix for problems",placeholders:[{name:"content",type:"string"}]},"script.segment.solution":{value:"La solución: {content}",description:"Narration segment prefix for solutions",placeholders:[{name:"content",type:"string"}]},"script.segment.results":{value:"Los resultados: {content}",description:"Narration segment prefix for metrics",placeholders:[{name:"content",type:"string"}]},"scene.cta.default":{value:"Más información",description:"Default call-to-action text for scenes"},"scene.hook.problem":{value:"El problema",description:"Scene hook label for problem statement"},"scene.narration.problem":{value:"El problema: {content}",description:"Scene narration for problem statement",placeholders:[{name:"content",type:"string"}]},"scene.hook.solution":{value:"La solución",description:"Scene hook label for solution"},"scene.narration.solution":{value:"La solución: {content}",description:"Scene narration for solution",placeholders:[{name:"content",type:"string"}]},"scene.hook.results":{value:"Resultados",description:"Scene hook label for results/metrics"},"composition.apiOverview.generates":{value:"Genera:",description:"ApiOverview heading for generated outputs"},"composition.apiOverview.tagline":{value:"Una spec. Todas las superficies.",description:"ApiOverview default tagline"},"composition.apiOverview.output.rest":{value:"Endpoint REST",description:"Generated output label: REST"},"composition.apiOverview.output.graphql":{value:"Mutación GraphQL",description:"Generated output label: GraphQL"},"composition.apiOverview.output.prisma":{value:"Modelo Prisma",description:"Generated output label: Prisma"},"composition.apiOverview.output.typescript":{value:"SDK TypeScript",description:"Generated output label: TypeScript SDK"},"composition.apiOverview.output.mcp":{value:"Herramienta MCP",description:"Generated output label: MCP Tool"},"composition.apiOverview.output.openapi":{value:"Spec OpenAPI",description:"Generated output label: OpenAPI"},"composition.socialClip.cta":{value:"Más información",description:"SocialClip default CTA"},"composition.terminal.title":{value:"Terminal",description:"TerminalDemo default window title"}}});import{defineTranslation as K1}from"@contractspec/lib.contracts-spec/translations";var L8=K1({meta:{key:"video-gen.messages",version:"1.0.0",domain:"video-gen",description:"French translations for the video-gen package",owners:["platform"],stability:"experimental"},locale:"fr",fallback:"en",messages:{"prompt.script.system":{value:`Vous êtes un rédacteur de scripts de narration vidéo.
 Écrivez un script de narration pour une courte vidéo (30-60 secondes).
 {styleGuide}
 
@@ -1446,12 +63,7 @@ Retournez du JSON avec la forme :
 }
 
 Les identifiants de scène doivent être : "intro", "problems", "solutions", "metrics", "cta".
-N'incluez que les segments pertinents au brief.`,
-      description: "Script generator LLM system prompt",
-      placeholders: [{ name: "styleGuide", type: "string" }]
-    },
-    "prompt.scenePlanner.system": {
-      value: `Vous êtes un planificateur de scènes vidéo pour les vidéos marketing/documentation de ContractSpec.
+N'incluez que les segments pertinents au brief.`,description:"Script generator LLM system prompt",placeholders:[{name:"styleGuide",type:"string"}]},"prompt.scenePlanner.system":{value:`Vous êtes un planificateur de scènes vidéo pour les vidéos marketing/documentation de ContractSpec.
 À partir d'un brief, décomposez-le en scènes vidéo.
 
 Chaque scène doit avoir :
@@ -1467,512 +79,4 @@ Retournez un objet JSON avec la forme :
 }
 
 Gardez la durée totale autour de {targetSeconds} secondes.
-Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`,
-      description: "Scene planner LLM system prompt",
-      placeholders: [
-        { name: "fps", type: "number" },
-        { name: "targetSeconds", type: "number" }
-      ]
-    },
-    "prompt.style.professional": {
-      value: "Utilisez un ton clair, autoritaire et professionnel. Soyez concis et direct.",
-      description: "Style guide for professional narration"
-    },
-    "prompt.style.casual": {
-      value: "Utilisez un ton amical et conversationnel. Soyez accessible et proche.",
-      description: "Style guide for casual narration"
-    },
-    "prompt.style.technical": {
-      value: "Utilisez un langage technique précis. Soyez détaillé et exact.",
-      description: "Style guide for technical narration"
-    },
-    "script.segment.challenge": {
-      value: "Le défi : {content}",
-      description: "Narration segment prefix for problems",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.solution": {
-      value: "La solution : {content}",
-      description: "Narration segment prefix for solutions",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "script.segment.results": {
-      value: "Les résultats : {content}",
-      description: "Narration segment prefix for metrics",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.cta.default": {
-      value: "En savoir plus",
-      description: "Default call-to-action text for scenes"
-    },
-    "scene.hook.problem": {
-      value: "Le problème",
-      description: "Scene hook label for problem statement"
-    },
-    "scene.narration.problem": {
-      value: "Le problème : {content}",
-      description: "Scene narration for problem statement",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.solution": {
-      value: "La solution",
-      description: "Scene hook label for solution"
-    },
-    "scene.narration.solution": {
-      value: "La solution : {content}",
-      description: "Scene narration for solution",
-      placeholders: [{ name: "content", type: "string" }]
-    },
-    "scene.hook.results": {
-      value: "Résultats",
-      description: "Scene hook label for results/metrics"
-    },
-    "composition.apiOverview.generates": {
-      value: "Génère :",
-      description: "ApiOverview heading for generated outputs"
-    },
-    "composition.apiOverview.tagline": {
-      value: "Un spec. Toutes les surfaces.",
-      description: "ApiOverview default tagline"
-    },
-    "composition.apiOverview.output.rest": {
-      value: "Endpoint REST",
-      description: "Generated output label: REST"
-    },
-    "composition.apiOverview.output.graphql": {
-      value: "Mutation GraphQL",
-      description: "Generated output label: GraphQL"
-    },
-    "composition.apiOverview.output.prisma": {
-      value: "Modèle Prisma",
-      description: "Generated output label: Prisma"
-    },
-    "composition.apiOverview.output.typescript": {
-      value: "SDK TypeScript",
-      description: "Generated output label: TypeScript SDK"
-    },
-    "composition.apiOverview.output.mcp": {
-      value: "Outil MCP",
-      description: "Generated output label: MCP Tool"
-    },
-    "composition.apiOverview.output.openapi": {
-      value: "Spec OpenAPI",
-      description: "Generated output label: OpenAPI"
-    },
-    "composition.socialClip.cta": {
-      value: "En savoir plus",
-      description: "SocialClip default CTA"
-    },
-    "composition.terminal.title": {
-      value: "Terminal",
-      description: "TerminalDemo default window title"
-    }
-  }
-});
-
-// src/i18n/keys.ts
-var PROMPT_KEYS = {
-  "prompt.script.system": "prompt.script.system",
-  "prompt.scenePlanner.system": "prompt.scenePlanner.system",
-  "prompt.style.professional": "prompt.style.professional",
-  "prompt.style.casual": "prompt.style.casual",
-  "prompt.style.technical": "prompt.style.technical"
-};
-var SCRIPT_KEYS = {
-  "script.segment.challenge": "script.segment.challenge",
-  "script.segment.solution": "script.segment.solution",
-  "script.segment.results": "script.segment.results"
-};
-var SCENE_KEYS = {
-  "scene.cta.default": "scene.cta.default",
-  "scene.hook.problem": "scene.hook.problem",
-  "scene.narration.problem": "scene.narration.problem",
-  "scene.hook.solution": "scene.hook.solution",
-  "scene.narration.solution": "scene.narration.solution",
-  "scene.hook.results": "scene.hook.results"
-};
-var COMPOSITION_KEYS = {
-  "composition.apiOverview.generates": "composition.apiOverview.generates",
-  "composition.apiOverview.tagline": "composition.apiOverview.tagline",
-  "composition.apiOverview.output.rest": "composition.apiOverview.output.rest",
-  "composition.apiOverview.output.graphql": "composition.apiOverview.output.graphql",
-  "composition.apiOverview.output.prisma": "composition.apiOverview.output.prisma",
-  "composition.apiOverview.output.typescript": "composition.apiOverview.output.typescript",
-  "composition.apiOverview.output.mcp": "composition.apiOverview.output.mcp",
-  "composition.apiOverview.output.openapi": "composition.apiOverview.output.openapi",
-  "composition.socialClip.cta": "composition.socialClip.cta",
-  "composition.terminal.title": "composition.terminal.title"
-};
-var I18N_KEYS = {
-  ...PROMPT_KEYS,
-  ...SCRIPT_KEYS,
-  ...SCENE_KEYS,
-  ...COMPOSITION_KEYS
-};
-
-// src/i18n/locale.ts
-import {
-  DEFAULT_LOCALE,
-  isSupportedLocale,
-  resolveLocale,
-  SUPPORTED_LOCALES
-} from "@contractspec/lib.contracts-spec/translations";
-
-// src/i18n/messages.ts
-import {
-  createI18nFactory
-} from "@contractspec/lib.contracts-spec/translations";
-var factory = createI18nFactory({
-  specKey: "video-gen.messages",
-  catalogs: [enMessages, frMessages, esMessages]
-});
-var createVideoGenI18n = factory.create;
-var getDefaultI18n = factory.getDefault;
-var resetI18nRegistry = factory.resetRegistry;
-// src/generators/scene-planner.ts
-class ScenePlanner {
-  llm;
-  model;
-  temperature;
-  fps;
-  i18n;
-  modelSelector;
-  selectionContext;
-  constructor(options) {
-    this.llm = options?.llm;
-    this.model = options?.model;
-    this.temperature = options?.temperature ?? 0.3;
-    this.fps = options?.fps ?? DEFAULT_FPS;
-    this.i18n = createVideoGenI18n(options?.locale);
-    this.modelSelector = options?.modelSelector;
-    this.selectionContext = options?.selectionContext;
-  }
-  async plan(brief) {
-    if (this.llm) {
-      return this.planWithLlm(brief);
-    }
-    return this.planDeterministic(brief);
-  }
-  planDeterministic(brief) {
-    const { content } = brief;
-    const { t } = this.i18n;
-    const scenes = [];
-    const fps = this.fps;
-    scenes.push({
-      compositionId: "SocialClip",
-      props: {
-        hook: content.title,
-        message: content.summary,
-        points: content.solutions.slice(0, 3),
-        cta: content.callToAction ?? t("scene.cta.default")
-      },
-      durationInFrames: 3 * fps,
-      narrationText: `${content.title}. ${content.summary}`
-    });
-    if (content.problems.length > 0) {
-      scenes.push({
-        compositionId: "SocialClip",
-        props: {
-          hook: t("scene.hook.problem"),
-          message: content.problems[0] ?? "",
-          points: content.problems.slice(1, 4)
-        },
-        durationInFrames: 4 * fps,
-        narrationText: t("scene.narration.problem", {
-          content: content.problems.join(". ")
-        })
-      });
-    }
-    if (content.solutions.length > 0) {
-      scenes.push({
-        compositionId: "SocialClip",
-        props: {
-          hook: t("scene.hook.solution"),
-          message: content.solutions[0] ?? "",
-          points: content.solutions.slice(1, 4)
-        },
-        durationInFrames: 5 * fps,
-        narrationText: t("scene.narration.solution", {
-          content: content.solutions.join(". ")
-        })
-      });
-    }
-    if (content.metrics && content.metrics.length > 0) {
-      scenes.push({
-        compositionId: "SocialClip",
-        props: {
-          hook: t("scene.hook.results"),
-          message: content.metrics[0] ?? "",
-          points: content.metrics.slice(1, 3)
-        },
-        durationInFrames: 3 * fps,
-        narrationText: content.metrics.join(". ")
-      });
-    }
-    if (content.callToAction) {
-      scenes.push({
-        compositionId: "SocialClip",
-        props: {
-          hook: content.callToAction,
-          message: "",
-          cta: content.callToAction
-        },
-        durationInFrames: 2 * fps,
-        narrationText: content.callToAction
-      });
-    }
-    if (brief.targetDurationSeconds) {
-      const targetFrames = brief.targetDurationSeconds * fps;
-      const currentFrames = scenes.reduce((sum, s) => sum + s.durationInFrames, 0);
-      const ratio = targetFrames / currentFrames;
-      for (const scene of scenes) {
-        scene.durationInFrames = Math.round(scene.durationInFrames * ratio);
-      }
-    }
-    const totalDuration = scenes.reduce((sum, s) => sum + s.durationInFrames, 0);
-    const narrationScript = scenes.filter((s) => s.narrationText).map((s) => s.narrationText).join(" ");
-    return {
-      scenes,
-      estimatedDurationSeconds: totalDuration / fps,
-      narrationScript
-    };
-  }
-  async resolveModel() {
-    if (this.model)
-      return this.model;
-    if (this.modelSelector) {
-      const ctx = this.selectionContext ?? {
-        taskDimension: "reasoning"
-      };
-      const result = await this.modelSelector.select(ctx);
-      return result.modelId;
-    }
-    return;
-  }
-  async planWithLlm(brief) {
-    const { t } = this.i18n;
-    const messages = [
-      {
-        role: "system",
-        content: [
-          {
-            type: "text",
-            text: t("prompt.scenePlanner.system", {
-              fps: this.fps,
-              targetSeconds: brief.targetDurationSeconds ?? 30
-            })
-          }
-        ]
-      },
-      {
-        role: "user",
-        content: [
-          {
-            type: "text",
-            text: JSON.stringify(brief.content)
-          }
-        ]
-      }
-    ];
-    if (!this.llm) {
-      return this.planDeterministic(brief);
-    }
-    try {
-      const model = await this.resolveModel();
-      const response = await this.llm.chat(messages, {
-        model,
-        temperature: this.temperature,
-        responseFormat: "json"
-      });
-      const text = response.message.content.find((p) => p.type === "text");
-      if (!text || text.type !== "text") {
-        return this.planDeterministic(brief);
-      }
-      const parsed = JSON.parse(text.text);
-      const totalDuration = parsed.scenes.reduce((sum, s) => sum + s.durationInFrames, 0);
-      return {
-        scenes: parsed.scenes,
-        estimatedDurationSeconds: totalDuration / this.fps,
-        narrationScript: parsed.narrationScript
-      };
-    } catch {
-      return this.planDeterministic(brief);
-    }
-  }
-}
-
-// src/generators/video-generator.ts
-import { VIDEO_FORMATS as VIDEO_FORMATS2 } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
-class VideoGenerator {
-  scenePlanner;
-  voice;
-  transcriber;
-  image;
-  fps;
-  constructor(options) {
-    this.fps = options?.fps ?? DEFAULT_FPS;
-    this.voice = options?.voice;
-    this.transcriber = options?.transcriber;
-    this.image = options?.image;
-    this.scenePlanner = new ScenePlanner({
-      llm: options?.llm,
-      model: options?.model,
-      temperature: options?.temperature,
-      fps: this.fps,
-      locale: options?.locale,
-      modelSelector: options?.modelSelector,
-      selectionContext: options?.selectionContext
-    });
-  }
-  async generate(brief) {
-    const scenePlan = await this.scenePlanner.plan(brief);
-    const scenes = scenePlan.scenes.map((planned, i) => ({
-      id: `scene-${i}`,
-      compositionId: planned.compositionId,
-      props: planned.props,
-      durationInFrames: planned.durationInFrames,
-      narrationText: planned.narrationText
-    }));
-    let ttsProject;
-    let narrationAudio;
-    if (brief.narration?.enabled && this.voice) {
-      try {
-        ttsProject = await this.voice.synthesizeForVideo({
-          content: brief.content,
-          scenePlan: {
-            scenes: scenes.map((s) => ({
-              id: s.id,
-              compositionId: s.compositionId,
-              durationInFrames: s.durationInFrames,
-              narrationText: s.narrationText
-            })),
-            estimatedDurationSeconds: scenePlan.estimatedDurationSeconds
-          },
-          voice: { voiceId: brief.narration.voiceId ?? "" },
-          pacing: { strategy: "scene-matched" },
-          fps: this.fps
-        });
-        if (ttsProject.timingMap) {
-          for (const seg of ttsProject.timingMap.segments) {
-            const scene = scenes.find((s) => s.id === seg.sceneId);
-            if (scene) {
-              scene.durationInFrames = seg.recommendedSceneDurationInFrames;
-            }
-          }
-        }
-        if (ttsProject.assembledAudio) {
-          narrationAudio = {
-            data: ttsProject.assembledAudio.data,
-            format: ttsProject.assembledAudio.format === "wav" ? "wav" : "mp3",
-            durationSeconds: (ttsProject.assembledAudio.durationMs ?? 0) / 1000,
-            volume: 1
-          };
-        }
-      } catch {}
-    }
-    let subtitles;
-    if (this.transcriber && ttsProject?.assembledAudio) {
-      try {
-        const transcription = await this.transcriber.transcribe({
-          audio: ttsProject.assembledAudio,
-          subtitleFormat: "vtt"
-        });
-        subtitles = transcription.subtitles;
-      } catch {}
-    }
-    let thumbnail;
-    if (this.image) {
-      try {
-        const thumbProject = await this.image.generate({
-          content: brief.content,
-          purpose: "video-thumbnail",
-          format: "png",
-          style: "photorealistic"
-        });
-        const imageUrl = thumbProject.results?.images[0]?.url;
-        thumbnail = {
-          prompt: thumbProject.prompt.text,
-          ...imageUrl ? { imageUrl } : {}
-        };
-      } catch {}
-    }
-    const format = brief.format ?? VIDEO_FORMATS2.landscape;
-    const totalDurationInFrames = scenes.reduce((sum, s) => sum + s.durationInFrames, 0);
-    const project = {
-      id: generateProjectId(),
-      scenes,
-      totalDurationInFrames,
-      fps: this.fps,
-      format,
-      audio: narrationAudio ? { narration: narrationAudio } : undefined,
-      subtitles,
-      voiceTimingMap: ttsProject?.timingMap,
-      thumbnail
-    };
-    return project;
-  }
-}
-function generateProjectId() {
-  const timestamp = Date.now().toString(36);
-  const random = Math.random().toString(36).slice(2, 8);
-  return `vp_${timestamp}_${random}`;
-}
-// src/renderers/config.ts
-var defaultRenderConfig = {
-  codec: "h264",
-  outputFormat: "mp4",
-  crf: 18,
-  pixelFormat: "yuv420p"
-};
-var codecFormatMap = {
-  h264: "mp4",
-  h265: "mp4",
-  vp8: "webm",
-  vp9: "webm"
-};
-var qualityPresets = {
-  draft: { crf: 28, concurrency: 1 },
-  standard: { crf: 18, concurrency: undefined },
-  high: { crf: 12, concurrency: undefined }
-};
-function resolveRenderConfig(userConfig, preset) {
-  const presetValues = preset ? qualityPresets[preset] : {};
-  return {
-    ...defaultRenderConfig,
-    ...presetValues,
-    ...userConfig
-  };
-}
-
-// src/types.ts
-import { VIDEO_FORMATS as VIDEO_FORMATS3 } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
-export {
-  videoTypography,
-  videoTransitions,
-  videoSafeZone,
-  videoPositions,
-  videoEasing,
-  videoDurations,
-  scaleTypography,
-  scaleSafeZone,
-  resolveRenderConfig,
-  qualityPresets,
-  getAllFormatVariants,
-  defaultVideoTheme,
-  defaultVideoColors,
-  defaultTokens,
-  defaultRenderConfig,
-  codecFormatMap,
-  VideoGenerator,
-  TerminalDemo,
-  Terminal,
-  SocialClip,
-  SceneTransitionWrapper,
-  ScenePlanner,
-  ProgressBar,
-  DEFAULT_FPS,
-  CodeBlock,
-  BrandFrame,
-  ApiOverview,
-  AnimatedText
-};
+Privilégiez la clarté et le rythme. Chaque scène doit communiquer une idée.`,description:"Scene planner LLM system prompt",placeholders:[{name:"fps",type:"number"},{name:"targetSeconds",type:"number"}]},"prompt.style.professional":{value:"Utilisez un ton clair, autoritaire et professionnel. Soyez concis et direct.",description:"Style guide for professional narration"},"prompt.style.casual":{value:"Utilisez un ton amical et conversationnel. Soyez accessible et proche.",description:"Style guide for casual narration"},"prompt.style.technical":{value:"Utilisez un langage technique précis. Soyez détaillé et exact.",description:"Style guide for technical narration"},"script.segment.challenge":{value:"Le défi : {content}",description:"Narration segment prefix for problems",placeholders:[{name:"content",type:"string"}]},"script.segment.solution":{value:"La solution : {content}",description:"Narration segment prefix for solutions",placeholders:[{name:"content",type:"string"}]},"script.segment.results":{value:"Les résultats : {content}",description:"Narration segment prefix for metrics",placeholders:[{name:"content",type:"string"}]},"scene.cta.default":{value:"En savoir plus",description:"Default call-to-action text for scenes"},"scene.hook.problem":{value:"Le problème",description:"Scene hook label for problem statement"},"scene.narration.problem":{value:"Le problème : {content}",description:"Scene narration for problem statement",placeholders:[{name:"content",type:"string"}]},"scene.hook.solution":{value:"La solution",description:"Scene hook label for solution"},"scene.narration.solution":{value:"La solution : {content}",description:"Scene narration for solution",placeholders:[{name:"content",type:"string"}]},"scene.hook.results":{value:"Résultats",description:"Scene hook label for results/metrics"},"composition.apiOverview.generates":{value:"Génère :",description:"ApiOverview heading for generated outputs"},"composition.apiOverview.tagline":{value:"Un spec. Toutes les surfaces.",description:"ApiOverview default tagline"},"composition.apiOverview.output.rest":{value:"Endpoint REST",description:"Generated output label: REST"},"composition.apiOverview.output.graphql":{value:"Mutation GraphQL",description:"Generated output label: GraphQL"},"composition.apiOverview.output.prisma":{value:"Modèle Prisma",description:"Generated output label: Prisma"},"composition.apiOverview.output.typescript":{value:"SDK TypeScript",description:"Generated output label: TypeScript SDK"},"composition.apiOverview.output.mcp":{value:"Outil MCP",description:"Generated output label: MCP Tool"},"composition.apiOverview.output.openapi":{value:"Spec OpenAPI",description:"Generated output label: OpenAPI"},"composition.socialClip.cta":{value:"En savoir plus",description:"SocialClip default CTA"},"composition.terminal.title":{value:"Terminal",description:"TerminalDemo default window title"}}});var R8={"prompt.script.system":"prompt.script.system","prompt.scenePlanner.system":"prompt.scenePlanner.system","prompt.style.professional":"prompt.style.professional","prompt.style.casual":"prompt.style.casual","prompt.style.technical":"prompt.style.technical"},B8={"script.segment.challenge":"script.segment.challenge","script.segment.solution":"script.segment.solution","script.segment.results":"script.segment.results"},Z8={"scene.cta.default":"scene.cta.default","scene.hook.problem":"scene.hook.problem","scene.narration.problem":"scene.narration.problem","scene.hook.solution":"scene.hook.solution","scene.narration.solution":"scene.narration.solution","scene.hook.results":"scene.hook.results"},_8={"composition.apiOverview.generates":"composition.apiOverview.generates","composition.apiOverview.tagline":"composition.apiOverview.tagline","composition.apiOverview.output.rest":"composition.apiOverview.output.rest","composition.apiOverview.output.graphql":"composition.apiOverview.output.graphql","composition.apiOverview.output.prisma":"composition.apiOverview.output.prisma","composition.apiOverview.output.typescript":"composition.apiOverview.output.typescript","composition.apiOverview.output.mcp":"composition.apiOverview.output.mcp","composition.apiOverview.output.openapi":"composition.apiOverview.output.openapi","composition.socialClip.cta":"composition.socialClip.cta","composition.terminal.title":"composition.terminal.title"},L1={...R8,...B8,...Z8,..._8};import{DEFAULT_LOCALE as z1,isSupportedLocale as H1,resolveLocale as J1,SUPPORTED_LOCALES as Q1}from"@contractspec/lib.contracts-spec/translations";import{createI18nFactory as $1}from"@contractspec/lib.contracts-spec/translations";var z8=$1({specKey:"video-gen.messages",catalogs:[G8,L8,K8]}),H8=z8.create,W1=z8.getDefault,X1=z8.resetRegistry;class l{llm;model;temperature;fps;i18n;modelSelector;selectionContext;constructor(G){this.llm=G?.llm,this.model=G?.model,this.temperature=G?.temperature??0.3,this.fps=G?.fps??j,this.i18n=H8(G?.locale),this.modelSelector=G?.modelSelector,this.selectionContext=G?.selectionContext}async plan(G){if(this.llm)return this.planWithLlm(G);return this.planDeterministic(G)}planDeterministic(G){let{content:K}=G,{t:L}=this.i18n,z=[],H=this.fps;if(z.push({compositionId:"SocialClip",props:{hook:K.title,message:K.summary,points:K.solutions.slice(0,3),cta:K.callToAction??L("scene.cta.default")},durationInFrames:3*H,narrationText:`${K.title}. ${K.summary}`}),K.problems.length>0)z.push({compositionId:"SocialClip",props:{hook:L("scene.hook.problem"),message:K.problems[0]??"",points:K.problems.slice(1,4)},durationInFrames:4*H,narrationText:L("scene.narration.problem",{content:K.problems.join(". ")})});if(K.solutions.length>0)z.push({compositionId:"SocialClip",props:{hook:L("scene.hook.solution"),message:K.solutions[0]??"",points:K.solutions.slice(1,4)},durationInFrames:5*H,narrationText:L("scene.narration.solution",{content:K.solutions.join(". ")})});if(K.metrics&&K.metrics.length>0)z.push({compositionId:"SocialClip",props:{hook:L("scene.hook.results"),message:K.metrics[0]??"",points:K.metrics.slice(1,3)},durationInFrames:3*H,narrationText:K.metrics.join(". ")});if(K.callToAction)z.push({compositionId:"SocialClip",props:{hook:K.callToAction,message:"",cta:K.callToAction},durationInFrames:2*H,narrationText:K.callToAction});if(G.targetDurationSeconds){let W=G.targetDurationSeconds*H,U=z.reduce((J,X)=>J+X.durationInFrames,0),M=W/U;for(let J of z)J.durationInFrames=Math.round(J.durationInFrames*M)}let Q=z.reduce((W,U)=>W+U.durationInFrames,0),$=z.filter((W)=>W.narrationText).map((W)=>W.narrationText).join(" ");return{scenes:z,estimatedDurationSeconds:Q/H,narrationScript:$}}async resolveModel(){if(this.model)return this.model;if(this.modelSelector){let G=this.selectionContext??{taskDimension:"reasoning"};return(await this.modelSelector.select(G)).modelId}return}async planWithLlm(G){let{t:K}=this.i18n,L=[{role:"system",content:[{type:"text",text:K("prompt.scenePlanner.system",{fps:this.fps,targetSeconds:G.targetDurationSeconds??30})}]},{role:"user",content:[{type:"text",text:JSON.stringify(G.content)}]}];if(!this.llm)return this.planDeterministic(G);try{let z=await this.resolveModel(),Q=(await this.llm.chat(L,{model:z,temperature:this.temperature,responseFormat:"json"})).message.content.find((U)=>U.type==="text");if(!Q||Q.type!=="text")return this.planDeterministic(G);let $=JSON.parse(Q.text),W=$.scenes.reduce((U,M)=>U+M.durationInFrames,0);return{scenes:$.scenes,estimatedDurationSeconds:W/this.fps,narrationScript:$.narrationScript}}catch{return this.planDeterministic(G)}}}import{VIDEO_FORMATS as U1}from"@contractspec/lib.contracts-integrations/integrations/providers/video";class q8{scenePlanner;voice;transcriber;image;fps;constructor(G){this.fps=G?.fps??j,this.voice=G?.voice,this.transcriber=G?.transcriber,this.image=G?.image,this.scenePlanner=new l({llm:G?.llm,model:G?.model,temperature:G?.temperature,fps:this.fps,locale:G?.locale,modelSelector:G?.modelSelector,selectionContext:G?.selectionContext})}async generate(G){let K=await this.scenePlanner.plan(G),L=K.scenes.map((J,X)=>({id:`scene-${X}`,compositionId:J.compositionId,props:J.props,durationInFrames:J.durationInFrames,narrationText:J.narrationText})),z,H;if(G.narration?.enabled&&this.voice)try{if(z=await this.voice.synthesizeForVideo({content:G.content,scenePlan:{scenes:L.map((J)=>({id:J.id,compositionId:J.compositionId,durationInFrames:J.durationInFrames,narrationText:J.narrationText})),estimatedDurationSeconds:K.estimatedDurationSeconds},voice:{voiceId:G.narration.voiceId??""},pacing:{strategy:"scene-matched"},fps:this.fps}),z.timingMap)for(let J of z.timingMap.segments){let X=L.find((N)=>N.id===J.sceneId);if(X)X.durationInFrames=J.recommendedSceneDurationInFrames}if(z.assembledAudio)H={data:z.assembledAudio.data,format:z.assembledAudio.format==="wav"?"wav":"mp3",durationSeconds:(z.assembledAudio.durationMs??0)/1000,volume:1}}catch{}let Q;if(this.transcriber&&z?.assembledAudio)try{Q=(await this.transcriber.transcribe({audio:z.assembledAudio,subtitleFormat:"vtt"})).subtitles}catch{}let $;if(this.image)try{let J=await this.image.generate({content:G.content,purpose:"video-thumbnail",format:"png",style:"photorealistic"}),X=J.results?.images[0]?.url;$={prompt:J.prompt.text,...X?{imageUrl:X}:{}}}catch{}let W=G.format??U1.landscape,U=L.reduce((J,X)=>J+X.durationInFrames,0);return{id:N1(),scenes:L,totalDurationInFrames:U,fps:this.fps,format:W,audio:H?{narration:H}:void 0,subtitles:Q,voiceTimingMap:z?.timingMap,thumbnail:$}}}function N1(){let G=Date.now().toString(36),K=Math.random().toString(36).slice(2,8);return`vp_${G}_${K}`}var I8={codec:"h264",outputFormat:"mp4",crf:18,pixelFormat:"yuv420p"},M1={h264:"mp4",h265:"mp4",vp8:"webm",vp9:"webm"},D8={draft:{crf:28,concurrency:1},standard:{crf:18,concurrency:void 0},high:{crf:12,concurrency:void 0}};function Y1(G,K){let L=K?D8[K]:{};return{...I8,...L,...G}}import{VIDEO_FORMATS as kK}from"@contractspec/lib.contracts-integrations/integrations/providers/video";export{C as videoTypography,_1 as videoTransitions,x as videoSafeZone,T1 as videoPositions,R as videoEasing,V as videoDurations,v as scaleTypography,J8 as scaleSafeZone,Y1 as resolveRenderConfig,D8 as qualityPresets,C1 as getAllFormatVariants,P as defaultVideoTheme,y as defaultVideoColors,b as defaultTokens,I8 as defaultRenderConfig,M1 as codecFormatMap,q8 as VideoGenerator,t8 as TerminalDemo,t as Terminal,r8 as SocialClip,m8 as SceneTransitionWrapper,l as ScenePlanner,T as ProgressBar,j as DEFAULT_FPS,n as CodeBlock,S as BrandFrame,h8 as ApiOverview,I as AnimatedText};