@taloswork/ose-shared 0.1.5 → 0.1.7

package/skills/document/bin/html2pptx.cjs

@@ -69412,7 +69412,7 @@ var require_dir_writer = __commonJS({
     module2.exports = DirWriter;
     var Writer = require_writer();
     var inherits2 = require_inherits();
-    var mkdir = require_mkdirp();
+    var mkdir2 = require_mkdirp();
     var path = require("path");
     var collect = require_collect();
     inherits2(DirWriter, Writer);
@@ -69428,7 +69428,7 @@ var require_dir_writer = __commonJS({
     }
     DirWriter.prototype._create = function() {
       var self2 = this;
-      mkdir(self2._path, Writer.dirmode, function(er) {
+      mkdir2(self2._path, Writer.dirmode, function(er) {
         if (er) return self2.error(er);
         self2.ready = true;
         self2.emit("ready");
@@ -69773,7 +69773,7 @@ var require_writer = __commonJS({
     var fs = require_graceful_fs();
     var inherits2 = require_inherits();
     var rimraf = require_rimraf();
-    var mkdir = require_mkdirp();
+    var mkdir2 = require_mkdirp();
     var path = require("path");
     var umask = process.platform === "win32" ? 0 : process.umask();
     var getType = require_get_type();
@@ -69879,7 +69879,7 @@ var require_writer = __commonJS({
       }
     };
     function create(self2) {
-      mkdir(path.dirname(self2._path), Writer.dirmode, function(er, made) {
+      mkdir2(path.dirname(self2._path), Writer.dirmode, function(er, made) {
         if (er) return self2.error(er);
         self2._madeDir = made;
         return self2._create();
@@ -147660,6 +147660,7 @@ async function imagesToPptx(imagesBase64Png) {
 }
 
 // packages/core/dist/document/html-pptx-walker.js
+var DOCUMENT_CAPTURE_DENSITY = 2;
 var LAYOUT_WALKER_JS = `
 (() => {
   const sections = [...document.querySelectorAll("section.slide")];
@@ -147822,8 +147823,14 @@ var LAYOUT_WALKER_JS = `
 })()
 `;
 
+// packages/core/dist/shared/async.js
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
 // packages/core/dist/document/html-pptx-headless.js
-var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+var configuredSettleMs = Number(process.env.TALOS_CAPTURE_SETTLE_MS ?? 16);
+var CAPTURE_SETTLE_MS = Number.isFinite(configuredSettleMs) ? Math.max(0, Math.min(250, configuredSettleMs)) : 16;
 var pngDataUri = (bytes) => "data:image/png;base64," + Buffer.from(bytes).toString("base64");
 var isolateSlide = (si) => `new Promise((done) => { const secs = document.querySelectorAll("section.slide"); secs.forEach((s, j) => { s.style.display = j === ${si} ? "" : "none"; }); window.scrollTo(0, 0); requestAnimationFrame(() => requestAnimationFrame(() => done(true))); })`;
 var showAllSlides = `document.querySelectorAll("section.slide").forEach((s) => { s.style.display = ""; }); document.getElementById("__talos_hide")?.remove(); true`;
@@ -147838,7 +147845,7 @@ async function snapshotHeadless(page, opts = {}) {
     await page.evaluate(`(() => { document.querySelectorAll("*").forEach((el) => { const bake = getComputedStyle(el).getPropertyValue("--talos-bake").trim() === "1" || (el.closest && el.closest("[data-bake]")); if (bake) { const c = getComputedStyle(el).color; el.style.setProperty("color", c, "important"); el.style.setProperty("-webkit-text-fill-color", c, "important"); } }); const s = document.createElement("style"); s.id = "__talos_hide"; s.textContent = "*{color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important}"; document.head.appendChild(s); return true; })()`);
     for (let si = 0; si < snapshot.slides.length; si++) {
       await page.evaluate(isolateSlide(si));
-      await sleep(90);
+      await sleep(CAPTURE_SETTLE_MS);
       const png = await page.screenshot({ x: 0, y: 0, width: 1280, height: 720 });
       const backdropEl = { kind: "image", frame: { x: 0, y: 0, w: 1280, h: 720 }, data: pngDataUri(png) };
       const keepEls = snapshot.slides[si].elements.filter((e) => e && (e.kind === "text" || e.kind === "chart"));
@@ -147853,7 +147860,7 @@ async function snapshotHeadless(page, opts = {}) {
       if (!Array.isArray(els) || !els.some((e) => e && e.kind === "capture"))
         continue;
       await page.evaluate(isolateSlide(si));
-      await sleep(90);
+      await sleep(CAPTURE_SETTLE_MS);
       for (const el of els) {
         if (!el || el.kind !== "capture")
           continue;
@@ -147882,12 +147889,16 @@ async function snapshotHeadless(page, opts = {}) {
   }
   return snapshot;
 }
-async function rasterizeHeadless(page) {
+async function rasterizeHeadless(page, slideIndexes) {
   const count = Number(await page.evaluate('document.querySelectorAll("section.slide").length'));
   if (!count)
     throw new Error('no <section class="slide"> found');
+  const indexes = slideIndexes ?? Array.from({ length: count }, (_2, i) => i);
+  if (indexes.length === 0 || indexes.some((i) => !Number.isInteger(i) || i < 0 || i >= count)) {
+    throw new Error(`preview page is out of bounds (deck has ${count} slide${count === 1 ? "" : "s"})`);
+  }
   const shots = [];
-  for (let i = 0; i < count; i++) {
+  for (const i of indexes) {
     await page.evaluate(`new Promise((done) => { window.scrollTo(0, document.querySelectorAll("section.slide")[${i}].offsetTop); requestAnimationFrame(() => requestAnimationFrame(() => done(true))); })`);
     const png = await page.screenshot({ x: 0, y: 0, width: 1280, height: 720 });
     shots.push(Buffer.from(png).toString("base64"));
@@ -147947,7 +147958,9 @@ async function inlineHtmlImages(html, resolve) {
 // packages/core/dist/document/deck-catalog.js
 var KINDS = ["skin", "pack"];
 var MODES = ["light", "dark"];
+var RENDER_MODES = ["classic-v1", "theme-v2"];
 var ID_RE = /^[a-z0-9][a-z0-9-]*$/;
+var COMMIT_RE = /^[0-9a-f]{7,40}$/;
 function isStr(v) {
   return typeof v === "string" && v.length > 0;
 }
@@ -147977,6 +147990,35 @@ function parseCatalog(raw) {
       groups.push({ id: g.id, name_cn: g.name_cn, sample: g.sample, scenarios: g.scenarios });
     }
   });
+  const collections = [];
+  const rawCollections = o.collections === void 0 ? [] : Array.isArray(o.collections) ? o.collections : [];
+  if (o.collections !== void 0 && !Array.isArray(o.collections))
+    errors.push("catalog.collections must be an array when present");
+  rawCollections.forEach((c, i) => {
+    const at = `collection[${i}]`;
+    const before = errors.length;
+    if (!isStr(c?.id) || !ID_RE.test(c.id))
+      errors.push(`${at}: bad id`);
+    if (!isStr(c?.name_cn))
+      errors.push(`${at}: missing name_cn`);
+    if (!isStr(c?.renderMode) || !RENDER_MODES.includes(c.renderMode))
+      errors.push(`${at}: bad renderMode`);
+    if (!isStrArr(c?.entryIds) || c.entryIds.length === 0)
+      errors.push(`${at}: entryIds must be a non-empty string array`);
+    if (c?.sourceCommit !== void 0 && (!isStr(c.sourceCommit) || !COMMIT_RE.test(c.sourceCommit)))
+      errors.push(`${at}: bad sourceCommit`);
+    if (c?.renderMode === "classic-v1" && c?.sourceCommit === void 0)
+      errors.push(`${at}: classic-v1 requires sourceCommit`);
+    if (errors.length === before) {
+      collections.push({
+        id: c.id,
+        name_cn: c.name_cn,
+        renderMode: c.renderMode,
+        entryIds: c.entryIds,
+        ...c.sourceCommit !== void 0 ? { sourceCommit: c.sourceCommit } : {}
+      });
+    }
+  });
   const entries = [];
   const rawEntries = Array.isArray(o.entries) ? o.entries : [];
   if (!Array.isArray(o.entries))
@@ -148016,11 +148058,14 @@ function parseCatalog(raw) {
       });
     }
   });
-  return { catalog: errors.length ? null : { groups, entries }, errors };
+  return { catalog: errors.length ? null : { groups, ...collections.length ? { collections } : {}, entries }, errors };
 }
 function resolveEntry(catalog, id) {
   return catalog.entries.find((e) => e.id === id) ?? null;
 }
+function renderModeOf(catalog, id) {
+  return catalog.collections?.find((c) => c.entryIds.includes(id))?.renderMode ?? "theme-v2";
+}
 function assetDirOf(entry) {
   return entry.kind === "skin" ? `styles/${entry.id}` : `packs/${entry.id}`;
 }
@@ -148028,6 +148073,108 @@ function cssFileOf(entry) {
   return entry.kind === "skin" ? "skin.css" : "pack.css";
 }
 
+// packages/core/dist/shared/guards.js
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+
+// packages/core/dist/document/deck-theme-system.js
+var ID_RE2 = /^[a-z0-9][a-z0-9-]*$/;
+var PATH_RE = /^[a-z0-9_./-]+\.css$/i;
+function isSafeCssPath(v) {
+  return typeof v === "string" && PATH_RE.test(v) && !v.startsWith("/") && !v.includes("..");
+}
+function parsePathMap(value, at, errors) {
+  if (!isRecord(value)) {
+    errors.push(`${at} must be an object`);
+    return {};
+  }
+  const out = {};
+  for (const [id, path] of Object.entries(value)) {
+    if (!ID_RE2.test(id))
+      errors.push(`${at}.${id}: bad id`);
+    if (!isSafeCssPath(path)) {
+      errors.push(`${at}.${id}: must be a safe relative .css path`);
+      continue;
+    }
+    out[id] = path;
+  }
+  return out;
+}
+function parseThemeSystem(raw) {
+  const errors = [];
+  if (!isRecord(raw))
+    return { system: null, errors: ["theme system is not an object"] };
+  if (raw.version !== 2)
+    errors.push("theme system version must be 2");
+  if (!isSafeCssPath(raw.componentBase)) {
+    errors.push("componentBase must be a safe relative .css path");
+  }
+  if (!isSafeCssPath(raw.artBase)) {
+    errors.push("artBase must be a safe relative .css path");
+  }
+  const componentProfiles = parsePathMap(raw.componentProfiles, "componentProfiles", errors);
+  const mediaStyles = parsePathMap(raw.mediaStyles, "mediaStyles", errors);
+  const artDirections = parsePathMap(raw.artDirections, "artDirections", errors);
+  const bindings = {};
+  if (!isRecord(raw.bindings))
+    errors.push("bindings must be an object");
+  else {
+    for (const [id, value] of Object.entries(raw.bindings)) {
+      const at = `bindings.${id}`;
+      if (!ID_RE2.test(id))
+        errors.push(`${at}: bad id`);
+      if (!isRecord(value)) {
+        errors.push(`${at} must be an object`);
+        continue;
+      }
+      const componentProfile = value.componentProfile;
+      const mediaStyle = value.mediaStyle;
+      const artDirection = value.artDirection;
+      if (typeof componentProfile !== "string" || !ID_RE2.test(componentProfile))
+        errors.push(`${at}: bad componentProfile`);
+      if (typeof mediaStyle !== "string" || !ID_RE2.test(mediaStyle))
+        errors.push(`${at}: bad mediaStyle`);
+      if (typeof artDirection !== "string" || !ID_RE2.test(artDirection))
+        errors.push(`${at}: bad artDirection`);
+      if (typeof componentProfile === "string" && typeof mediaStyle === "string" && typeof artDirection === "string") {
+        bindings[id] = { componentProfile, mediaStyle, artDirection };
+      }
+    }
+  }
+  if (errors.length)
+    return { system: null, errors };
+  return {
+    system: {
+      version: 2,
+      componentBase: raw.componentBase,
+      artBase: raw.artBase,
+      componentProfiles,
+      mediaStyles,
+      artDirections,
+      bindings
+    },
+    errors
+  };
+}
+function resolveThemeLayers(system, styleId, mediaOverride) {
+  const binding = system.bindings[styleId];
+  if (!binding)
+    return null;
+  const mediaStyle = mediaOverride ?? binding.mediaStyle;
+  const componentPath = system.componentProfiles[binding.componentProfile];
+  const mediaPath = system.mediaStyles[mediaStyle];
+  const artPath = system.artDirections[binding.artDirection];
+  if (!componentPath || !mediaPath || !artPath)
+    return null;
+  return {
+    paths: [system.componentBase, componentPath, mediaPath, system.artBase, artPath],
+    componentProfile: binding.componentProfile,
+    mediaStyle,
+    artDirection: binding.artDirection
+  };
+}
+
 // apps/admin/data/skills.lib/document/bin-src/html2pptx.mjs
 function imageResolver(baseDir) {
   return async (src) => {
@@ -148046,6 +148193,19 @@ function die(msg, code = 1) {
 `);
   process.exit(code);
 }
+function parsePreviewPages(spec) {
+  if (!spec || spec.trim().toLowerCase() === "all") return null;
+  const pages = [];
+  for (const part of spec.split(",")) {
+    const match = /^(\d+)(?:-(\d+))?$/.exec(part.trim());
+    if (!match) die(`bad preview page spec: ${spec} (use all or N,N-M)`, 64);
+    const from = Number(match[1]);
+    const to = match[2] ? Number(match[2]) : from;
+    if (from < 1 || to < from) die(`bad preview page range: ${part}`, 64);
+    for (let p = from; p <= to; p++) if (!pages.includes(p - 1)) pages.push(p - 1);
+  }
+  return pages;
+}
 var _tailwindCss;
 async function tailwindCss() {
   if (_tailwindCss !== void 0) return _tailwindCss;
@@ -148118,13 +148278,22 @@ async function withHeadlessPage(html, fn) {
   if (!chromium) return null;
   const browser2 = await chromium.launch();
   try {
-    const page = await browser2.newPage({ viewport: { width: 1280, height: 720 } });
+    const page = await browser2.newPage({
+      viewport: { width: 1280, height: 720 },
+      deviceScaleFactor: DOCUMENT_CAPTURE_DENSITY
+    });
     await page.setContent(html, { waitUntil: "load" });
     await page.evaluate("document.fonts && document.fonts.ready").catch(() => {
     });
     const adapter = {
       evaluate: (script) => page.evaluate(script),
-      screenshot: (clip) => page.screenshot({ clip })
+      screenshot: async (clip) => {
+        const png = await page.screenshot({ clip });
+        const w = png.readUInt32BE(16), h = png.readUInt32BE(20);
+        const want = [clip.width * DOCUMENT_CAPTURE_DENSITY, clip.height * DOCUMENT_CAPTURE_DENSITY];
+        if (w !== want[0] || h !== want[1]) throw new Error(`captured ${w}x${h}, expected ${want[0]}x${want[1]}`);
+        return png;
+      }
     };
     return await fn(adapter);
   } finally {
@@ -148187,19 +148356,33 @@ async function main() {
   const themePath = themeIdx >= 0 ? args[themeIdx + 1] : void 0;
   const styleIdx = args.indexOf("--style");
   const styleArg = styleIdx >= 0 ? args[styleIdx + 1] : void 0;
+  const themeV2 = args.includes("--theme-v2");
+  const mediaIdx = args.indexOf("--media-style");
+  const mediaStyleArg = mediaIdx >= 0 ? args[mediaIdx + 1] : void 0;
   const bdIdx = args.indexOf("--backdrop");
   const bdVariant = bdIdx >= 0 ? args[bdIdx + 1] : void 0;
   const lineIdx = args.indexOf("--line");
   const lineArg = lineIdx >= 0 ? args[lineIdx + 1] : void 0;
   const notesIdx = args.indexOf("--notes-doc");
   const notesDocPath = notesIdx >= 0 ? args[notesIdx + 1] : void 0;
-  const consumed = /* @__PURE__ */ new Set([themeIdx, themeIdx >= 0 ? themeIdx + 1 : -1, styleIdx, styleIdx >= 0 ? styleIdx + 1 : -1, bdIdx, bdIdx >= 0 ? bdIdx + 1 : -1, lineIdx, lineIdx >= 0 ? lineIdx + 1 : -1, modeIdx, modeIdx >= 0 ? modeIdx + 1 : -1, notesIdx, notesIdx >= 0 ? notesIdx + 1 : -1]);
-  const positional = args.filter((a, i) => a !== "--rasterize" && a !== "--editable" && !consumed.has(i));
+  const previewIdx = args.indexOf("--preview-dir");
+  const previewDir = previewIdx >= 0 ? args[previewIdx + 1] : void 0;
+  const previewPagesIdx = args.indexOf("--preview-pages");
+  const previewPagesArg = previewPagesIdx >= 0 ? args[previewPagesIdx + 1] : void 0;
+  const previewIndexes = parsePreviewPages(previewPagesArg);
+  const consumed = /* @__PURE__ */ new Set([themeIdx, themeIdx >= 0 ? themeIdx + 1 : -1, styleIdx, styleIdx >= 0 ? styleIdx + 1 : -1, mediaIdx, mediaIdx >= 0 ? mediaIdx + 1 : -1, bdIdx, bdIdx >= 0 ? bdIdx + 1 : -1, lineIdx, lineIdx >= 0 ? lineIdx + 1 : -1, modeIdx, modeIdx >= 0 ? modeIdx + 1 : -1, notesIdx, notesIdx >= 0 ? notesIdx + 1 : -1, previewIdx, previewIdx >= 0 ? previewIdx + 1 : -1, previewPagesIdx, previewPagesIdx >= 0 ? previewPagesIdx + 1 : -1]);
+  const positional = args.filter((a, i) => a !== "--rasterize" && a !== "--editable" && a !== "--theme-v2" && !consumed.has(i));
   const [input, out] = positional;
-  if (!input || !out) die("usage: html2pptx <in.html|in.layout.json> <out.pptx> [--theme <theme.json>] [--style <name|dir>] [--backdrop <variant>] [--line <name|none>] [--editable] [--rasterize] [--notes-doc <out.md>]", 64);
-  if (!/\.pptx$/i.test(out)) die("output must be a .pptx path", 64);
+  if (!input || !out && !previewDir) die("usage: html2pptx <in.html|in.layout.json> [out.pptx] [--theme <theme.json>] [--style <name|dir>] [--theme-v2] [--media-style <id>] [--backdrop <variant>] [--line <name|none>] [--editable] [--rasterize] [--notes-doc <out.md>] [--preview-dir <dir>] [--preview-pages <all|N,N-M>]", 64);
+  if (previewPagesArg && !previewDir) die("--preview-pages requires --preview-dir", 64);
+  if (previewDir && out) die("--preview-dir is preview-only; omit the .pptx output", 64);
+  if (previewDir && (rasterize || forceEditable || notesDocPath)) die("--preview-dir cannot be combined with --rasterize, --editable/--mode, or --notes-doc", 64);
+  if (themeV2 && !styleArg) die("--theme-v2 requires --style <catalog-id>", 64);
+  if (mediaStyleArg && !themeV2) die("--media-style requires --theme-v2", 64);
+  if (!previewDir && !/\.pptx$/i.test(out)) die("output must be a .pptx path", 64);
   const raw = await (0, import_promises.readFile)(input, "utf8").catch((e) => die(`cannot read ${input}: ${e.message}`, 66));
   if (/\.json$/i.test(input)) {
+    if (previewDir) die("--preview-dir requires HTML input", 64);
     let snapshot2;
     try {
       snapshot2 = JSON.parse(raw);
@@ -148239,18 +148422,17 @@ async function main() {
   let skinCss = "", backdropHtml = "", skinAccent = "", skinAxis = "", skinChart1 = "";
   if (styleArg) {
     const skillDir = (0, import_node_path.dirname)((0, import_node_path.dirname)(process.argv[1] || ""));
-    let styleDir, cssName = "skin.css";
+    let styleDir, cssName = "skin.css", entry = null, catalog = null;
     if ((0, import_node_fs.existsSync)((0, import_node_path.join)(styleArg, "skin.css"))) {
       styleDir = styleArg;
     } else if ((0, import_node_fs.existsSync)((0, import_node_path.join)(styleArg, "pack.css"))) {
       styleDir = styleArg;
       cssName = "pack.css";
     } else {
-      let entry = null;
       const catalogPath = (0, import_node_path.join)(skillDir, "catalog.json");
       if ((0, import_node_fs.existsSync)(catalogPath)) {
         try {
-          const { catalog } = parseCatalog(JSON.parse((0, import_node_fs.readFileSync)(catalogPath, "utf8")));
+          ({ catalog } = parseCatalog(JSON.parse((0, import_node_fs.readFileSync)(catalogPath, "utf8"))));
           if (catalog) entry = resolveEntry(catalog, styleArg);
         } catch {
         }
@@ -148265,7 +148447,27 @@ async function main() {
       die(`cannot read style ${skinPath}: ${e.message}`, 66);
     }
     const defaultsPath = (0, import_node_path.join)(skillDir, "styles", "_contract-defaults.css");
-    if ((0, import_node_fs.existsSync)(defaultsPath)) skinCss = await (0, import_promises.readFile)(defaultsPath, "utf8") + "\n" + skinCss;
+    let v2Css = "";
+    if (themeV2) {
+      if (!entry) die("--theme-v2 requires a catalog style id (explicit style directories are V1 only)", 64);
+      if (catalog && renderModeOf(catalog, entry.id) === "classic-v1") {
+        die(`style "${entry.id}" is frozen in collection "original-13" as classic-v1; omit --theme-v2 and --media-style`, 64);
+      }
+      const registryPath = (0, import_node_path.join)(skillDir, "theme-system.json");
+      let parsed;
+      try {
+        parsed = parseThemeSystem(JSON.parse(await (0, import_promises.readFile)(registryPath, "utf8")));
+      } catch (e) {
+        die(`cannot read Theme V2 registry ${registryPath}: ${e.message}`, 66);
+      }
+      if (!parsed.system) die(`invalid Theme V2 registry: ${parsed.errors.join("; ")}`, 66);
+      const layers = resolveThemeLayers(parsed.system, entry.id, mediaStyleArg);
+      if (!layers) die(`Theme V2 cannot resolve style "${entry.id}"${mediaStyleArg ? ` with media style "${mediaStyleArg}"` : ""}`, 66);
+      for (const rel of layers.paths) v2Css += await (0, import_promises.readFile)((0, import_node_path.join)(skillDir, rel), "utf8") + "\n";
+      process.stderr.write(`html2pptx: Theme V2 ${entry.id} = components:${layers.componentProfile} + media:${layers.mediaStyle} + art:${layers.artDirection}
+`);
+    }
+    skinCss = ((0, import_node_fs.existsSync)(defaultsPath) ? await (0, import_promises.readFile)(defaultsPath, "utf8") + "\n" : "") + v2Css + skinCss;
     const sharedBackdropsDir = (0, import_node_path.join)(skillDir, "styles", "_backdrops");
     const NO_AUTO_BACKDROP_VARIETY = /* @__PURE__ */ new Set(["mckinsey", "mono", "cinereel"]);
     let bdPath;
@@ -148279,7 +148481,7 @@ async function main() {
 `);
         bdPath = (0, import_node_path.join)(styleDir, "backdrop.html");
       }
-    } else if (NO_AUTO_BACKDROP_VARIETY.has((0, import_node_path.basename)(styleDir))) {
+    } else if (themeV2 || NO_AUTO_BACKDROP_VARIETY.has((0, import_node_path.basename)(styleDir))) {
       bdPath = (0, import_node_path.join)(styleDir, "backdrop.html");
     } else {
       const ownVariants = (0, import_node_fs.existsSync)(styleDir) ? (0, import_node_fs.readdirSync)(styleDir).filter((f) => /^backdrop.*\.html$/.test(f)).map((f) => (0, import_node_path.join)(styleDir, f)) : [];
@@ -148313,7 +148515,8 @@ async function main() {
   for (const s of skipped) process.stderr.write(`html2pptx: <img src="${s}"> not found/unfetchable \u2014 the render will drop it
 `);
   if (styleArg) {
-    if (backdropHtml) rawInlined = rawInlined.replace(/<div class="slide-backdrop">\s*<\/div>/g, `<div class="slide-backdrop">${backdropHtml}</div>`);
+    const artLayer = themeV2 ? '<div class="theme-art-layer" aria-hidden="true"><i class="art-shape art-a"></i><i class="art-shape art-b"></i><i class="art-shape art-c"></i><i class="art-pattern"></i></div>' : "";
+    if (backdropHtml || artLayer) rawInlined = rawInlined.replace(/<div class="slide-backdrop">\s*<\/div>/g, `<div class="slide-backdrop">${backdropHtml}${artLayer}</div>`);
     if (skinAccent) rawInlined = rawInlined.replaceAll("__ACCENT__", skinAccent);
     if (skinAxis) rawInlined = rawInlined.replaceAll("__AXIS__", skinAxis);
     if (skinChart1) rawInlined = rawInlined.replaceAll("__CHART1__", skinChart1);
@@ -148323,6 +148526,24 @@ async function main() {
   const latin = await latinFontFaceCss(rawInlined + skinCss);
   const fontCss = cjk + latin;
   const html = injectHead(rawInlined, `${fontCss ? `<style>${fontCss}</style>` : ""}${tw ? `<style>${tw}</style>` : ""}<style>${themeCss}${SKELETON_CSS}${skinCss}</style>`);
+  if (previewDir) {
+    let images;
+    if (hasService) ({ images } = await callService("/shot", html, previewIndexes ? { pages: previewIndexes } : {}).catch((e) => die(e.message, 1)));
+    else {
+      images = await withHeadlessPage(html, (p) => rasterizeHeadless(p, previewIndexes ?? void 0)).catch((e) => die(e.message, 1));
+      if (images == null) die(NO_BROWSER, 69);
+    }
+    await (0, import_promises.mkdir)(previewDir, { recursive: true });
+    const pageNumbers = previewIndexes ? previewIndexes.map((i) => i + 1) : images.map((_2, i) => i + 1);
+    const files = [];
+    for (let i = 0; i < images.length; i++) {
+      const path = (0, import_node_path.join)(previewDir, `slide-${String(pageNumbers[i]).padStart(3, "0")}.png`);
+      await (0, import_promises.writeFile)(path, Buffer.from(images[i], "base64"));
+      files.push(path);
+    }
+    process.stdout.write(JSON.stringify({ ok: true, engine: hasService ? "preview" : "preview (headless)", slides: images.length, pages: pageNumbers, files }, null, 1) + "\n");
+    return;
+  }
   if (rasterize) {
     let images;
     if (hasService) ({ images } = await callService("/shot", html).catch((e) => die(e.message, 1)));

package/skills/document/catalog.json

@@ -7,13 +7,24 @@
     {"id":"creative","name_cn":"创意手作","sample":"styles/_samples/_groups/creative.webp","scenarios":["创意","教学","工作坊","头脑风暴"]},
     {"id":"natural","name_cn":"自然温和","sample":"styles/_samples/_groups/natural.webp","scenarios":["品牌手册","可持续","美妆","零售"]}
   ],
+  "collections": [
+    {
+      "id": "original-13",
+      "name_cn": "初代经典",
+      "renderMode": "classic-v1",
+      "sourceCommit": "7306d8e5",
+      "entryIds": ["cool", "swiss-grid", "black-gold", "olive-gold", "mckinsey", "apple", "mono", "ivory-gold", "magazine-ink", "anthropic", "hand-drawn", "cinereel", "branding"]
+    }
+  ],
   "entries": [
     {"id":"cool","kind":"skin","group":"tech-future","name_cn":"酷炫深色","oneliner":"深蓝辉光 · 科技发布","scenarios":["科技","发布","pitch","主题演讲"],"mode":"dark","sample":"styles/_samples/cool.webp","motion":"motion/cool.json"},
     {"id":"neon-cyber","kind":"skin","group":"tech-future","name_cn":"霓虹赛博","oneliner":"霓虹品红 · 赛博夜场","scenarios":["科技","游戏","Web3","夜场发布"],"mode":"dark","sample":"styles/_samples/neon-cyber.webp","motion":"motion/neon-cyber.json"},
+    {"id":"prismatic-3d","kind":"pack","group":"tech-future","name_cn":"棱镜空间","oneliner":"紫黑棱镜 · 立体发布","scenarios":["科技发布","AI 产品","创意提案","未来趋势"],"mode":"dark","sample":"styles/_samples/prismatic-3d.webp","motion":"motion/prismatic-3d.json"},
     {"id":"swiss-grid","kind":"skin","group":"tech-future","name_cn":"瑞士国际","oneliner":"克莱因蓝白 · 瑞士国际","scenarios":["科技产品","数据汇报","设计","年度总结"],"mode":"light","sample":"styles/_samples/swiss-grid.webp","motion":"motion/swiss-grid.json"},
     {"id":"black-gold","kind":"skin","group":"biz-premium","name_cn":"黑金","oneliner":"纯黑金辉 · 高端商务","scenarios":["金融","年报","路演","奢侈品"],"mode":"dark","sample":"styles/_samples/black-gold.webp","motion":"motion/black-gold.json"},
     {"id":"olive-gold","kind":"skin","group":"biz-premium","name_cn":"橄榄金","oneliner":"橄榄亮金 · 高端招商","scenarios":["高端","证书","招商","品牌"],"mode":"dark","sample":"styles/_samples/olive-gold.webp","motion":"motion/olive-gold.json"},
     {"id":"mckinsey","kind":"skin","group":"biz-premium","name_cn":"白底咨询","oneliner":"白底藏青 · 咨询评审","scenarios":["咨询","战略汇报","评审","董事会"],"mode":"light","sample":"styles/_samples/mckinsey.webp","motion":"motion/mckinsey.json"},
+    {"id":"mckinsey-photo","kind":"pack","group":"biz-premium","name_cn":"咨询影像","oneliner":"藏青影像 · 企业叙事","scenarios":["咨询","企业战略","案例研究","年度回顾"],"mode":"light","sample":"styles/_samples/mckinsey-photo.webp","motion":"motion/mckinsey-photo.json"},
     {"id":"apple","kind":"skin","group":"minimal","name_cn":"纯黑极简","oneliner":"纯黑极简 · 产品发布","scenarios":["产品发布","主题演讲","极简演示"],"mode":"dark","sample":"styles/_samples/apple.webp","motion":"motion/apple.json"},
     {"id":"mono","kind":"skin","group":"minimal","name_cn":"纯白黑灰","oneliner":"纯白黑灰 · 极简设计","scenarios":["极简","高端","设计","单色报告"],"mode":"light","sample":"styles/_samples/mono.webp","motion":"motion/mono.json"},
     {"id":"ivory-gold","kind":"skin","group":"minimal","name_cn":"奶油青铜","oneliner":"奶油青铜 · 奢华极简","scenarios":["奢华极简","品牌手册","路演","高端零售"],"mode":"light","sample":"styles/_samples/ivory-gold.webp","motion":"motion/ivory-gold.json"},

package/skills/document/components/base.css

@@ -0,0 +1,45 @@
+/* Theme V2 semantic component contract. Enabled only by --theme-v2. */
+:root{
+  --cmp-radius:var(--card-radius,4px);--cmp-border:var(--hair);--cmp-surface:transparent;
+  --cmp-surface-strong:var(--title);--cmp-on-strong:var(--slide-bg);--cmp-shadow:none;
+  --cmp-pad:24px;--cmp-gap:18px;--cmp-line:1px;--cmp-media-radius:var(--cmp-radius);
+  --cmp-media-fit:cover;--cmp-media-filter:none;--cmp-media-shadow:none;
+}
+.component-card,.metric-card,.proof-card,.price-card,.team-card,.feature-card,.fund-card{
+  position:relative;background:var(--cmp-surface);border:var(--cmp-line) solid var(--cmp-border);
+  border-radius:var(--cmp-radius);box-shadow:var(--cmp-shadow);padding:var(--cmp-pad);overflow:hidden;
+}
+.component-card--strong,.metric-card--hero,.price-card--featured{
+  background:var(--cmp-surface-strong);border-color:var(--cmp-surface-strong);color:var(--cmp-on-strong);
+}
+.component-card--strong :is(h2,h3,p,span),.metric-card--hero :is(h2,h3,p,span),.price-card--featured :is(h2,h3,p,span){color:inherit}
+.metric-value{font-family:var(--font-head);font-size:calc(44px * var(--type-scale,1));font-weight:800;letter-spacing:-.04em;line-height:1}
+.metric-label,.component-label,.media-caption{color:var(--muted);font-size:calc(13px * var(--type-scale,1));letter-spacing:.08em;text-transform:uppercase}
+.component-title{font-family:var(--font-head);color:var(--title);font-weight:750;line-height:1.15}
+.component-copy{color:var(--body);line-height:1.55}
+.badge,.tag,.pill{display:inline-flex;align-items:center;width:max-content;border:var(--cmp-line) solid var(--cmp-border);border-radius:999px;padding:5px 11px;font-size:calc(12px * var(--type-scale,1));font-weight:700}
+.badge--accent,.tag--accent{background:var(--accent);border-color:var(--accent);color:var(--slide-bg)}
+.media-frame,.media-cutout,.device-frame{position:relative;overflow:hidden;border:var(--cmp-line) solid var(--cmp-border);border-radius:var(--cmp-media-radius);box-shadow:var(--cmp-media-shadow);background:var(--card-bg,transparent)}
+.media-frame>img,.media-cutout>img,.device-frame>img{width:100%;height:100%;object-fit:var(--cmp-media-fit);filter:var(--cmp-media-filter)}
+.quote-mark{font-family:var(--font-head);color:var(--accent);font-size:calc(64px * var(--type-scale,1));line-height:.6}
+.quote-copy{font-family:var(--font-head);font-size:calc(26px * var(--type-scale,1));line-height:1.32;color:var(--title)}
+.logo-tile{display:flex;align-items:center;justify-content:center;min-height:62px;border:var(--cmp-line) solid var(--cmp-border);border-radius:var(--cmp-radius);color:var(--muted);font-weight:700}
+.progress-track,.fund-track{height:10px;background:var(--hair);border-radius:999px;overflow:hidden}
+.progress-fill,.fund-fill{height:100%;background:var(--accent);border-radius:inherit}
+.timeline-node{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--cmp-surface)}
+.avatar-frame{overflow:hidden;border-radius:50%;border:var(--cmp-line) solid var(--cmp-border)}
+.avatar-frame>img{width:100%;height:100%;object-fit:cover}
+.data-chip{font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}
+.component-grid{display:grid;gap:var(--cmp-gap)}
+.chart-shell,.table-shell,.callout,.workflow-node{background:var(--cmp-surface);border:var(--cmp-line) solid var(--cmp-border);border-radius:var(--cmp-radius);box-shadow:var(--cmp-shadow)}
+.chart-shell,.table-shell{padding:var(--cmp-pad)}
+.chart-shell .chart{background:transparent}
+.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:calc(13px * var(--type-scale,1))}
+.legend-item:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent)}
+.table-shell .dt-head{background:color-mix(in srgb,var(--accent) 10%,transparent);border-bottom:var(--cmp-line) solid var(--cmp-border)}
+.table-shell .dt-row{border-bottom:var(--cmp-line) solid var(--hair)}
+.callout{padding:16px 18px;border-left:4px solid var(--accent)}
+.workflow-node{padding:18px;text-align:center}
+.workflow-connector{height:var(--cmp-line);background:var(--cmp-border)}
+.cta-block{background:var(--accent);color:var(--slide-bg);border-radius:var(--cmp-radius);padding:var(--cmp-pad)}
+.cta-block :is(h2,h3,p,span){color:inherit}

package/skills/document/components/profiles/clean.css

@@ -0,0 +1,2 @@
+:root{--cmp-radius:6px;--cmp-line:1px;--cmp-pad:24px;--cmp-gap:16px;--cmp-surface:var(--card-bg,transparent);--cmp-border:var(--hair);--cmp-shadow:none}
+.component-card:before,.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}

package/skills/document/components/profiles/editorial.css

@@ -0,0 +1,3 @@
+:root{--cmp-radius:0px;--cmp-line:1px;--cmp-pad:22px;--cmp-gap:14px;--cmp-surface:transparent;--cmp-border:var(--title);--cmp-shadow:none}
+.component-card,.metric-card,.proof-card,.price-card,.team-card{border-left-width:5px;border-top:0;border-right:0;border-bottom:0}
+.component-label{font-family:var(--font-head);letter-spacing:.16em}

package/skills/document/components/profiles/glass.css

@@ -0,0 +1,2 @@
+:root{--cmp-radius:18px;--cmp-line:1px;--cmp-pad:26px;--cmp-gap:18px;--cmp-surface:color-mix(in srgb,var(--slide-bg) 58%,transparent);--cmp-border:color-mix(in srgb,var(--accent) 28%,var(--hair));--cmp-shadow:0 18px 44px rgba(0,0,0,.18)}
+.component-card,.metric-card,.proof-card,.price-card,.team-card{backdrop-filter:blur(16px)}

package/skills/document/components/profiles/luxury.css

@@ -0,0 +1,3 @@
+:root{--cmp-radius:0px;--cmp-line:1px;--cmp-pad:28px;--cmp-gap:20px;--cmp-surface:transparent;--cmp-border:var(--accent);--cmp-shadow:none}
+.component-card,.metric-card,.proof-card,.price-card,.team-card{border-top:0;border-left:0;border-right:0}
+.component-label,.metric-label{font-family:var(--font-head);letter-spacing:.2em}

package/skills/document/components/profiles/organic.css

@@ -0,0 +1,2 @@
+:root{--cmp-radius:24px;--cmp-line:1px;--cmp-pad:26px;--cmp-gap:20px;--cmp-surface:var(--card-bg,transparent);--cmp-border:var(--hair);--cmp-shadow:0 14px 34px rgba(0,0,0,.08)}
+.component-card:nth-child(even),.feature-card:nth-child(even){border-radius:40px 16px 40px 16px}

package/skills/document/components/profiles/poster.css

@@ -0,0 +1,3 @@
+:root{--cmp-radius:2px;--cmp-line:2px;--cmp-pad:24px;--cmp-gap:18px;--cmp-surface:var(--card-bg,transparent);--cmp-border:var(--title);--cmp-shadow:8px 8px 0 var(--title)}
+.component-card--strong,.metric-card--hero,.price-card--featured{transform:rotate(-1deg)}
+.badge,.tag,.pill{border-radius:2px;text-transform:uppercase}