@ignix-social/editor 0.1.0

package/src/validate.mjs

@@ -0,0 +1,71 @@
+// Comprobaciones que el motor no hace y que en las catas rompieron vídeos sin avisar:
+//  · HTML mal formado (un </div> de más sacó tres escenas de su sitio y sus flechas desaparecieron);
+//  · <video>/<audio> creados desde JS (el extractor lee el HTML, no la página viva: salen negros o mudos);
+//  · recursos de internet (el render no debe depender de la red: fuentes que llegan tarde);
+//  · ids que el motor trata de forma especial (id="caption" cambió la fuente de los subtítulos).
+import { readFileSync } from 'node:fs';
+import { parse } from 'parse5';
+
+// Avisos de parse5 que no cambian cómo se pinta la página.
+const BENIGN = new Set(['missing-doctype', 'non-conforming-doctype', 'abandoned-head-element-child', 'misplaced-start-tag-for-head-element']);
+const VOID = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'source', 'track', 'wbr']);
+const RESERVED_IDS = new Set(['caption']);
+
+const lineOf = (src, idx) => src.slice(0, idx).split('\n').length;
+
+/** Etiquetas sin cerrar o cerradas de más (parse5 tolera ambas y la maqueta cambia en silencio). */
+function balance(src) {
+  const issues = [];
+  // Fuera comentarios y el contenido de <script>/<style>/<template> no cuenta como HTML de la página
+  const clean = src
+    .replace(/<!--[\s\S]*?-->/g, (m) => ' '.repeat(m.length))
+    .replace(/<(script|style)\b[^>]*>[\s\S]*?<\/\1>/gi, (m) => ' '.repeat(m.length));
+  const stack = [];
+  const re = /<\/?([a-zA-Z][a-zA-Z0-9-]*)\b[^>]*?(\/?)>/g;
+  let m;
+  while ((m = re.exec(clean))) {
+    const tag = m[1].toLowerCase();
+    if (VOID.has(tag) || m[2] === '/' || ['html', 'head', 'body', 'svg', 'path'].includes(tag)) continue;
+    if (m[0].startsWith('</')) {
+      if (stack.length && stack[stack.length - 1].tag === tag) stack.pop();
+      else issues.push({ level: 'error', line: lineOf(src, m.index), rule: 'html_unmatched_close', msg: `</${tag}> sin su etiqueta de apertura${stack.length ? ` (está abierta <${stack[stack.length - 1].tag}> de la línea ${stack[stack.length - 1].line})` : ''}. Saca de su sitio todo lo que viene detrás.` });
+    } else stack.push({ tag, line: lineOf(src, m.index) });
+  }
+  for (const open of stack) issues.push({ level: 'error', line: open.line, rule: 'html_unclosed', msg: `<${open.tag}> sin cerrar.` });
+  return issues;
+}
+
+export function validateHtml(file) {
+  const src = readFileSync(file, 'utf8');
+  const issues = [];
+
+  parse(src, {
+    sourceCodeLocationInfo: true,
+    onParseError: (e) => {
+      if (!BENIGN.has(e.code)) issues.push({ level: 'error', line: e.startLine, rule: `html_${e.code}`, msg: `HTML mal formado (${e.code}).` });
+    },
+  });
+  issues.push(...balance(src));
+
+  for (const s of src.matchAll(/<script\b[^>]*>([\s\S]*?)<\/script>/gi)) {
+    const body = s[1];
+    if (/createElement\(\s*['"`](video|audio)['"`]/.test(body) || /<(video|audio)\b/.test(body)) {
+      issues.push({ level: 'error', line: lineOf(src, s.index), rule: 'media_from_js', msg: 'Hay <video>/<audio> creados desde JavaScript. El motor solo ve los que están escritos en el HTML: genera el HTML antes (un script de preparación) en vez de crearlos al cargar.' });
+    }
+  }
+  for (const m of src.matchAll(/<(script|link|img|video|audio|source)\b[^>]*\b(src|href)\s*=\s*["'](https?:)?\/\/[^"']+["']/gi)) {
+    const tag = m[1].toLowerCase();
+    const font = /fonts\.(googleapis|gstatic)\.com|use\.typekit|fonts\.bunny/.test(m[0]);
+    issues.push({ level: (tag === 'script' || tag === 'link') && !font ? 'warning' : 'error', line: lineOf(src, m.index), rule: 'network_asset', msg: `<${tag}> carga algo de internet. Descárgalo a assets/: el render no debe depender de la red.` });
+  }
+  for (const m of src.matchAll(/@import\s+url\(\s*["']?https?:|url\(\s*["']?https?:\/\/fonts\./gi)) {
+    issues.push({ level: 'error', line: lineOf(src, m.index), rule: 'network_font', msg: 'Fuente cargada de internet: llega tarde en algunos fotogramas. Usa @font-face con un fichero en assets/fonts/.' });
+  }
+  for (const m of src.matchAll(/\bid\s*=\s*["']([^"']+)["']/g)) {
+    if (RESERVED_IDS.has(m[1])) issues.push({ level: 'error', line: lineOf(src, m.index), rule: 'reserved_id', msg: `id="${m[1]}" lo trata el motor de forma especial (cambia la fuente). Usa otro nombre, p. ej. "subs".` });
+  }
+  for (const m of src.matchAll(/<audio\b(?![^>]*\bid\s*=)[^>]*>/gi)) {
+    issues.push({ level: 'error', line: lineOf(src, m.index), rule: 'audio_without_id', msg: '<audio> sin id: el mezclador lo ignora y se queda sin sonido.' });
+  }
+  return issues.map((i) => ({ ...i, file }));
+}

package/templates/blank/index.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=1080, height=1920" />
+    <script src="assets/gsap.min.js"></script>
+    <script src="ignix-frame.js"></script>
+    <style>
+      /* Fuentes SIEMPRE locales (assets/fonts): las de internet llegan tarde en algunos fotogramas. */
+      @font-face { font-family: 'Montserrat'; font-weight: 700; font-display: block; src: url('assets/fonts/montserrat-latin-700-normal.woff2') format('woff2'); }
+      @font-face { font-family: 'Montserrat'; font-weight: 800; font-display: block; src: url('assets/fonts/montserrat-latin-800-normal.woff2') format('woff2'); }
+      @font-face { font-family: 'Montserrat'; font-weight: 900; font-display: block; src: url('assets/fonts/montserrat-latin-900-normal.woff2') format('woff2'); }
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      html, body { width: 1080px; height: 1920px; overflow: hidden; background: #121313; }
+      #root { position: relative; width: 100%; height: 100%; overflow: hidden; background: #121313; font-family: 'Montserrat', sans-serif; color: #f5f5f5; }
+      /* Zona segura de un reel: columna central de ~820 px, libre de los 250 px de arriba y los 450 de abajo. */
+      #title { position: absolute; left: 130px; width: 820px; top: 760px; text-align: center; font-size: 110px; font-weight: 900; line-height: 1.02; text-transform: uppercase;
+        -webkit-text-stroke: 12px #000; paint-order: stroke fill; text-shadow: 0 8px 0 rgba(0,0,0,.5); }
+    </style>
+  </head>
+  <body>
+    <!-- data-duration en segundos; cámbialo a la duración real (la de la voz + un respiro). -->
+    <div id="root" data-composition-id="__ID__" data-width="1080" data-height="1920" data-duration="5" data-fps="30">
+      <div id="title">Hola</div>
+      <!-- Vídeo y audio SIEMPRE escritos aquí (no creados desde JS), cada uno con su id:
+      <video id="clip1" src="assets/toma.mp4" muted playsinline data-start="0" data-duration="3" data-media-start="1.5" data-track-index="0"></video>
+      <audio id="voz1" src="assets/voz-1.wav" data-start="0" data-duration="2.4" data-track-index="1" data-volume="1"></audio>
+      -->
+    </div>
+    <script>
+      const { run, lerp, spring, ease } = IgnixFrame;
+      const title = document.getElementById('title');
+      // Todo lo que se ve depende SOLO de t (segundos). Nada de medir la página aquí dentro.
+      run({ id: '__ID__', duration: 5, fps: 30 }, (t) => {
+        const p = spring(t, { stiffness: 220, damping: 14 });
+        title.style.transform = `scale(${0.6 + 0.4 * p})`;
+        title.style.opacity = lerp(t, [4.4, 5], [1, 0], ease.out);
+      });
+    </script>
+  </body>
+</html>

package/vendor/hyperframes/README.md

@@ -0,0 +1,181 @@
+# hyperframes
+
+CLI for creating, previewing, and rendering HTML video compositions.
+
+## Install
+
+```bash
+npm install -g hyperframes
+```
+
+Or use directly with npx:
+
+```bash
+npx hyperframes <command>
+```
+
+**Requirements:** Node.js >= 22, FFmpeg
+
+## Commands
+
+### `init`
+
+Scaffold a new Hyperframes project from a template:
+
+```bash
+npx hyperframes init my-video
+cd my-video
+```
+
+### `preview`
+
+Start the live preview studio in your browser:
+
+```bash
+npx hyperframes preview
+# Studio: http://localhost:3002/#project/my-video
+# Server: http://localhost:3002
+
+npx hyperframes preview --port 4567
+```
+
+In an interactive terminal, the preview stays attached until you press
+Ctrl+C. In a non-interactive shell such as a coding-agent session, the same
+command starts a managed preview that survives after the command returns. Use
+`--background` or `--foreground` to choose explicitly, and manage persistent
+previews with `--status`, `--stop`, `--list`, and `--kill-all`. Add `--json` to
+managed lifecycle commands for machine-readable output. `--foreground --json`
+prints the ready-session envelope once, then remains attached until stopped.
+
+### `normalize-audio`
+
+Measure two local authored audio clips with integrated LUFS and match the target
+to the unchanged reference. The command is a dry run unless `--write` is passed:
+
+```bash
+npx hyperframes normalize-audio --reference target-audio --target user-audio
+npx hyperframes normalize-audio --reference target-audio --target user-audio --write
+```
+
+It updates only the target element's `data-volume` and refuses unsafe boosts
+that exceed Studio's +12 dB ceiling or would clip.
+
+### `render`
+
+Render a composition to MP4. Run from the project directory; the positional
+argument is the project directory (not a file), so render the project's
+`index.html` directly, or point at a specific composition file with `-c`:
+
+```bash
+npx hyperframes render -o output.mp4
+npx hyperframes render -c ./my-composition.html -o output.mp4
+```
+
+Set `HYPERFRAMES_RENDER_DETACHED=1` when starting a render with `nohup` or
+`disown` so it keeps running after the invoking shell exits.
+
+### `publish`
+
+Upload a project directory and get a hosted URL that keeps working after the CLI exits.
+Published projects are private by default:
+
+```bash
+npx hyperframes publish
+npx hyperframes publish ./my-video
+npx hyperframes publish --public
+npx hyperframes publish --yes
+```
+
+Signed-out publishing returns an authentication-required claim URL; opening it
+lets someone sign in and claim the project. Sign in first with
+`npx hyperframes auth login` to publish an owned project you can update. Use
+`--public` to make the claimed project visible to anyone. `--yes` only skips the
+confirmation prompt and does not change visibility.
+
+Signed-in publishers can use `--update <url-or-id>` to target an existing project
+or `--space <space-id>` to publish into a shared team space. If the requested
+project is missing or inaccessible, publishing can create a new project instead;
+check the printed URL and status.
+
+See the [publish reference](https://hyperframes.heygen.com/packages/cli#publish)
+for all options, including video proxy settings.
+
+### `lint`
+
+Validate your Hyperframes HTML:
+
+```bash
+npx hyperframes lint ./my-composition
+npx hyperframes lint ./my-composition --json      # JSON output for CI/tooling
+npx hyperframes lint ./my-composition --verbose   # Include info-level findings
+```
+
+By default only errors and warnings are shown. Use `--verbose` to also display informational findings (e.g., external script dependency notices). Use `--json` for machine-readable output with `errorCount`, `warningCount`, `infoCount`, and a `findings` array.
+
+### `compositions`
+
+List compositions found in the current project:
+
+```bash
+npx hyperframes compositions
+```
+
+### `benchmark`
+
+Run rendering benchmarks:
+
+```bash
+npx hyperframes benchmark ./my-composition.html
+```
+
+### `doctor`
+
+Check your environment for required dependencies (Chrome, FFmpeg, Node.js):
+
+```bash
+npx hyperframes doctor
+```
+
+### `browser`
+
+Manage the bundled Chrome/Chromium installation:
+
+```bash
+npx hyperframes browser
+```
+
+### `info`
+
+Print version and environment info:
+
+```bash
+npx hyperframes info
+```
+
+### `docs`
+
+Open the documentation in your browser:
+
+```bash
+npx hyperframes docs
+```
+
+### `upgrade`
+
+Check for updates and show upgrade instructions:
+
+```bash
+npx hyperframes upgrade
+npx hyperframes upgrade --check --json  # machine-readable for agents
+```
+
+## Documentation
+
+Full documentation: [hyperframes.heygen.com/packages/cli](https://hyperframes.heygen.com/packages/cli)
+
+## Related packages
+
+- [`@hyperframes/core`](../core) — types, parsers, frame adapters
+- [`@hyperframes/engine`](../engine) — rendering engine
+- [`@hyperframes/producer`](../producer) — render pipeline
+- [`@hyperframes/studio`](../studio) — composition editor UI

package/vendor/hyperframes/UPSTREAM.json

@@ -0,0 +1,12 @@
+{
+  "package": "hyperframes",
+  "version": "0.8.132",
+  "integrity": "sha512-/I1mvez2sf54W2uuE85zUk3N+uz10rjR5KmPUSkXtSG3wTwreZtCl+FpE09fIQ8ozc4WeuOKoeRaO3b4EGiNxg==",
+  "license": "Apache-2.0",
+  "source": "https://github.com/heygen-com/hyperframes",
+  "patches": [
+    "no-telemetry",
+    "no-auto-update",
+    "no-desktop-promo"
+  ]
+}

package/vendor/hyperframes/bin/hyperframes-localize-fonts.mjs

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+import { runtimeVersionError } from "../dist/runtimeVersion.js";
+
+const error = runtimeVersionError(process.versions.node);
+if (error) {
+  console.error(error);
+  process.exitCode = 1;
+} else {
+  const { main } = await import("../dist/fontLocalizeCli.js");
+  process.exitCode = await main();
+}

package/vendor/hyperframes/bin/hyperframes.mjs

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+
+import { runtimeVersionError } from "../dist/runtimeVersion.js";
+
+const error = runtimeVersionError(process.versions.node);
+if (error) {
+  console.error(error);
+  process.exitCode = 1;
+} else {
+  await import("../dist/cli.js");
+}

package/vendor/hyperframes/dist/add-LR3ZR2A5.js

@@ -0,0 +1,79 @@
+import { createRequire as __hf_createRequire } from "node:module";
+import { fileURLToPath as __hf_fileURLToPath } from "node:url";
+import { dirname as __hf_dirname } from "node:path";
+var require = __hf_createRequire(import.meta.url);
+var __filename = __hf_fileURLToPath(import.meta.url);
+var __dirname = __hf_dirname(__filename);
+import {
+  AddError,
+  addToProject,
+  add_default,
+  buildSnippet,
+  compositionRootId,
+  describeInstallFailure,
+  examples,
+  parseVariableValues,
+  primaryInstalledTarget,
+  remapTarget,
+  runAdd,
+  tagAddJson
+} from "./chunk-F3WZGU7C.js";
+import "./chunk-XH4DSOS5.js";
+import "./chunk-CFKU7HTK.js";
+import "./chunk-XT7X6QCP.js";
+import "./chunk-4YYJOFKS.js";
+import "./chunk-HVW7ABXD.js";
+import "./chunk-LYNI3FOL.js";
+import "./chunk-CWPVM2QV.js";
+import "./chunk-A2Z4Z4VL.js";
+import "./chunk-AWDFDFI3.js";
+import "./chunk-P6LJ4Y32.js";
+import "./chunk-GMECXFAN.js";
+import "./chunk-JTHMTOMQ.js";
+import "./chunk-EISRN4E6.js";
+import "./chunk-VWG7OQKU.js";
+import "./chunk-ZTZA4UWZ.js";
+import "./chunk-IUZFXWSV.js";
+import "./chunk-AMKC3AXA.js";
+import "./chunk-S3S4TGEH.js";
+import "./chunk-54HJ63Q2.js";
+import "./chunk-PBN6GBJE.js";
+import "./chunk-K2FTXJYH.js";
+import "./chunk-2YN64IN5.js";
+import "./chunk-AVUUN2XD.js";
+import "./chunk-DPVXBVLL.js";
+import "./chunk-Z6B37SNM.js";
+import "./chunk-HWKCIWQT.js";
+import "./chunk-VC76R6W2.js";
+import "./chunk-OFQWTKPW.js";
+import "./chunk-TWWSYAKJ.js";
+import "./chunk-ZJUKFZ2P.js";
+import "./chunk-HBBJFK6I.js";
+import "./chunk-PJ3HDUCY.js";
+import "./chunk-TQFG7HTI.js";
+import "./chunk-GK4AIFIH.js";
+import "./chunk-2PSPARWP.js";
+import "./chunk-K4WIOZFP.js";
+import "./chunk-XUXGIA7H.js";
+import "./chunk-WERLJGIC.js";
+import "./chunk-ISN5GRYI.js";
+import "./chunk-FLWXXDNS.js";
+import "./chunk-KNU5COPB.js";
+import "./chunk-3GXQPCJC.js";
+import "./chunk-RQVDTPGD.js";
+import "./chunk-PMRBLBUP.js";
+import "./chunk-M2WBOQ2Q.js";
+export {
+  AddError,
+  addToProject,
+  buildSnippet,
+  compositionRootId,
+  add_default as default,
+  describeInstallFailure,
+  examples,
+  parseVariableValues,
+  primaryInstalledTarget,
+  remapTarget,
+  runAdd,
+  tagAddJson
+};

package/vendor/hyperframes/dist/agentPromptGenerator-VIIPZCJ3.js

@@ -0,0 +1,143 @@
+import { createRequire as __hf_createRequire } from "node:module";
+import { fileURLToPath as __hf_fileURLToPath } from "node:url";
+import { dirname as __hf_dirname } from "node:path";
+var require = __hf_createRequire(import.meta.url);
+var __filename = __hf_fileURLToPath(import.meta.url);
+var __dirname = __hf_dirname(__filename);
+import {
+  writeCaptureFileSync
+} from "./chunk-MRF4AMKD.js";
+import "./chunk-M2WBOQ2Q.js";
+
+// src/capture/agentPromptGenerator.ts
+import { readdirSync, existsSync } from "fs";
+import { join } from "path";
+function inferColorRole(hex) {
+  const r = parseInt(hex.slice(1, 3), 16) / 255;
+  const g = parseInt(hex.slice(3, 5), 16) / 255;
+  const b = parseInt(hex.slice(5, 7), 16) / 255;
+  if (isNaN(r) || isNaN(g) || isNaN(b)) return "color";
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const saturation = max === 0 ? 0 : (max - min) / max;
+  if (luminance < 0.04) return "bg-dark";
+  if (luminance > 0.9) return "bg-light";
+  if (saturation > 0.4 && luminance > 0.05 && luminance < 0.7) return "accent";
+  if (luminance < 0.2) return "surface-dark";
+  if (luminance > 0.7) return "surface-light";
+  return "neutral";
+}
+function generateAgentPrompt(outputDir, url, tokens, _animations, hasScreenshot, hasLottie, hasShaders, _catalogedAssets, _detectedLibraries) {
+  const prompt = buildPrompt(outputDir, url, tokens, hasScreenshot, hasLottie, hasShaders);
+  writeCaptureFileSync(join(outputDir, "AGENTS.md"), prompt, "utf-8");
+  writeCaptureFileSync(join(outputDir, "CLAUDE.md"), prompt, "utf-8");
+  writeCaptureFileSync(join(outputDir, ".cursorrules"), prompt, "utf-8");
+}
+function buildPrompt(outputDir, url, tokens, hasScreenshot, hasLottie, hasShaders) {
+  const title = tokens.title || new URL(url).hostname.replace(/^www\./, "");
+  const colorSummary = tokens.colors.slice(0, 10).map((hex) => `${hex} (${inferColorRole(hex)})`).join(", ");
+  const fontSummary = tokens.fonts.map(
+    (f) => f.family + (f.variable && f.weightRange ? ` (${f.weightRange[0]}-${f.weightRange[1]} variable)` : f.weights.length > 0 ? ` (${f.weights.join(",")})` : "")
+  ).join(", ") || "none detected";
+  function contactSheetRows(dir, baseFile, label) {
+    const fullDir = join(outputDir, dir);
+    if (!existsSync(fullDir)) return [];
+    const baseName = baseFile.replace(/\.jpg$/, "");
+    const escapedBase = baseName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const paginatedRe = new RegExp(`^${escapedBase}(?:-(\\d+))?\\.jpg$`);
+    const all = readdirSync(fullDir).filter((f) => paginatedRe.test(f)).map((f) => ({ name: f, page: parseInt(f.match(paginatedRe)?.[1] ?? "0", 10) })).sort((a, b) => a.page - b.page).map((entry) => entry.name);
+    if (all.length === 0) return [];
+    if (all.length === 1) {
+      return [`| \`${dir}/${all[0]}\` | ${label} |`];
+    }
+    return all.map((f, i) => `| \`${dir}/${f}\` | ${label} \u2014 page ${i + 1} of ${all.length} |`);
+  }
+  const tableRows = [];
+  if (hasScreenshot) {
+    const screenshotRows = contactSheetRows(
+      "screenshots",
+      "contact-sheet.jpg",
+      "**View this first.** All scroll screenshots in labeled grid \u2014 see the entire page at a glance"
+    );
+    if (screenshotRows.length > 0) {
+      tableRows.push(...screenshotRows);
+    } else {
+      tableRows.push(
+        "| `screenshots/contact-sheet.jpg` | **View this first.** All scroll screenshots in one labeled grid. |"
+      );
+    }
+    tableRows.push(
+      "| `screenshots/scroll-*.png` | Individual viewport screenshots if you need detail on a specific section. |"
+    );
+  }
+  tableRows.push(
+    `| \`extracted/tokens.json\` | Design tokens: ${tokens.colors.length} colors, ${tokens.fonts.length} fonts, ${tokens.headings?.length ?? 0} headings, ${tokens.ctas?.length ?? 0} CTAs |`
+  );
+  if (existsSync(join(outputDir, "extracted", "design-styles.json"))) {
+    tableRows.push(
+      "| `extracted/design-styles.json` | Computed styles from live DOM: typography hierarchy, button/card/nav styles, spacing scale, border-radius, box shadows. Primary data source for DESIGN.md. |"
+    );
+  }
+  tableRows.push(
+    "| `extracted/asset-descriptions.md` | One-line description of every downloaded asset. Read this for asset selection \u2014 only open individual files for safe-zone checking. |"
+  );
+  tableRows.push(
+    "| `extracted/visible-text.txt` | Page text in DOM order, prefixed with HTML tag (`[h1]`, `[p]`, `[a]`). Use as context \u2014 rephrase freely. |"
+  );
+  if (hasLottie) {
+    tableRows.push(
+      "| `extracted/lottie-manifest.json` | Lottie animations with previews at `assets/lottie/previews/`. |"
+    );
+  }
+  if (hasShaders) {
+    tableRows.push("| `extracted/shaders.json` | WebGL shader source (GLSL). |");
+  }
+  const assetSheetRows = contactSheetRows(
+    "assets",
+    "contact-sheet.jpg",
+    "Downloaded images in labeled grid \u2014 view before opening individual files"
+  );
+  if (assetSheetRows.length > 0) {
+    tableRows.push(...assetSheetRows);
+  } else {
+    tableRows.push("| `assets/contact-sheet.jpg` | All downloaded images in one labeled grid. |");
+  }
+  const svgSubdirRows = contactSheetRows(
+    "assets/svgs",
+    "contact-sheet.jpg",
+    "SVGs rendered as thumbnails in labeled grid"
+  );
+  const svgRootRows = contactSheetRows(
+    "assets",
+    "contact-sheet-svgs.jpg",
+    "SVGs rendered as thumbnails in labeled grid"
+  );
+  const svgRows = svgSubdirRows.length > 0 ? svgSubdirRows : svgRootRows;
+  if (svgRows.length > 0) {
+    tableRows.push(...svgRows);
+  }
+  tableRows.push("| `assets/` | Individual downloaded images, SVGs, and font files. |");
+  const brandLines = [];
+  brandLines.push(`- **Colors**: ${colorSummary || "see tokens.json"}`);
+  brandLines.push(`- **Fonts**: ${fontSummary}`);
+  return `# ${title}
+
+Source: ${url}
+
+To create a video from this capture, use the \`product-launch-video\` skill.
+
+## What's in This Capture
+
+| File | Contents |
+|------|----------|
+${tableRows.join("\n")}
+
+## Brand Summary
+
+${brandLines.join("\n")}
+`;
+}
+export {
+  generateAgentPrompt
+};

package/vendor/hyperframes/dist/animatedGifPrep-P2T6YM7Z.js

@@ -0,0 +1,34 @@
+import { createRequire as __hf_createRequire } from "node:module";
+import { fileURLToPath as __hf_fileURLToPath } from "node:url";
+import { dirname as __hf_dirname } from "node:path";
+var require = __hf_createRequire(import.meta.url);
+var __filename = __hf_fileURLToPath(import.meta.url);
+var __dirname = __hf_dirname(__filename);
+import {
+  buildAnimatedGifTranscodeArgs,
+  prepareAnimatedGifInputs
+} from "./chunk-Q7IU7MOR.js";
+import "./chunk-BZ56MTDX.js";
+import "./chunk-K2FTXJYH.js";
+import "./chunk-2YN64IN5.js";
+import "./chunk-AVUUN2XD.js";
+import "./chunk-DPVXBVLL.js";
+import "./chunk-Z6B37SNM.js";
+import "./chunk-HWKCIWQT.js";
+import "./chunk-VC76R6W2.js";
+import "./chunk-OFQWTKPW.js";
+import "./chunk-TWWSYAKJ.js";
+import "./chunk-ZJUKFZ2P.js";
+import "./chunk-HBBJFK6I.js";
+import "./chunk-PJ3HDUCY.js";
+import "./chunk-TQFG7HTI.js";
+import "./chunk-GK4AIFIH.js";
+import "./chunk-2PSPARWP.js";
+import "./chunk-3GXQPCJC.js";
+import "./chunk-RQVDTPGD.js";
+import "./chunk-PMRBLBUP.js";
+import "./chunk-M2WBOQ2Q.js";
+export {
+  buildAnimatedGifTranscodeArgs,
+  prepareAnimatedGifInputs
+};

package/vendor/hyperframes/dist/asset-BE2DOV72.js

@@ -0,0 +1,26 @@
+import { createRequire as __hf_createRequire } from "node:module";
+import { fileURLToPath as __hf_fileURLToPath } from "node:url";
+import { dirname as __hf_dirname } from "node:path";
+var require = __hf_createRequire(import.meta.url);
+var __filename = __hf_fileURLToPath(import.meta.url);
+var __dirname = __hf_dirname(__filename);
+import {
+  asset_default,
+  gatherAssetRefs,
+  runAssetImport,
+  runAssetImportMany
+} from "./chunk-PPQUYWTW.js";
+import "./chunk-QNYYOUU3.js";
+import "./chunk-IHFUKJOR.js";
+import "./chunk-ZTZA4UWZ.js";
+import "./chunk-S3S4TGEH.js";
+import "./chunk-PBN6GBJE.js";
+import "./chunk-VC76R6W2.js";
+import "./chunk-GK4AIFIH.js";
+import "./chunk-M2WBOQ2Q.js";
+export {
+  asset_default as default,
+  gatherAssetRefs,
+  runAssetImport,
+  runAssetImportMany
+};