sagadeck 1.2.0

package/src/studio/share-routes.js

@@ -0,0 +1,146 @@
+// Link para ver uma apresentação, só leitura (Arquivo › Compartilhar link). Quem abre vê a apresentação pronta
+// (passa os slides), sem o editor, sem a biblioteca de quem compartilhou e sem as notas do apresentador (a não ser que
+// o link seja "com as notas"). Cada link é um código aleatório de 144 bits (ninguém adivinha), guardado em
+// <biblioteca>/.compartilhados.json, e pode ser revogado.
+//   /ver/<código>      no servidor (multiusuário), só quem entrou no portal (o nginx exige a sessão e manda o usuário)
+//   /publico/<código>  qualquer pessoa com o link (só se o link foi criado assim; o nginx deixa passar sem sessão)
+// No Studio local os dois abrem para quem alcança o Studio (esta máquina ou a rede, com --host).
+// Buscador não acha: o endereço não está em lugar nenhum, a página diz noindex/nofollow e não manda o Referer.
+// Quem abre também baixa (botão Baixar na página): PDF, PowerPoint, HTML para apresentar sem internet, material de
+// estudo (PDF e HTML) e o .sagadeck (para abrir no sagadeck dela), em <link>/baixar/<formato>, com as mesmas regras
+// do link. Sem as notas, nenhum arquivo as leva; o roteiro (que é feito delas) só existe no link "com as notas".
+// Um arquivo por vez por link (gerar PDF/PPTX usa o Chrome do servidor).
+import crypto from "node:crypto";
+import fs from "node:fs";
+import path from "node:path";
+import { buildHTML, loadSpec } from "../build.js";
+import { esc } from "../markup.js";
+import { iconSVG } from "../figures/icons.js";
+import { sendExport } from "./exporting.js";
+
+const VIEW = /^\/(ver|publico)\/([A-Za-z0-9_-]{16,64})(?:\/baixar\/([a-z-]+))?\/?$/;
+// formatos para quem recebe o link (o roteiro e o "tudo" levam as notas: só no link com as notas)
+const DOWNLOADS = [
+  { kind: "pdf", label: "PDF", hint: "Um slide por página, tudo revelado" },
+  { kind: "pptx", label: "PowerPoint (.pptx)", hint: "Editável no PowerPoint, com as animações dos cliques" },
+  { kind: "html", label: "Para apresentar sem internet (HTML)", hint: "Um arquivo só, abre em qualquer navegador" },
+  { kind: "estudo", label: "Material de estudo (PDF)", hint: "Cada slide inteiro e o texto de consulta" },
+  { kind: "estudo-html", label: "Material de estudo (HTML)", hint: "O mesmo material num arquivo HTML, bom no celular" },
+  { kind: "sagadeck", label: "Para abrir no sagadeck (.sagadeck)", hint: "A apresentação inteira, para importar e editar a sua cópia" },
+  { kind: "roteiro", label: "Roteiro do apresentador (PDF)", hint: "Miniatura de cada slide com as notas", notas: true },
+  { kind: "tudo", label: "Tudo (PowerPoint, PDF e roteiro)", hint: "Um .zip com o que se leva para apresentar", notas: true },
+];
+// botão Baixar na página do link (canto de cima, discreto; os cliques nele não passam o slide)
+const downloadBar = (l) => {
+  const items = DOWNLOADS.filter((d) => !d.notas || l.notas);
+  return `<style>.sd-dl{position:fixed;top:14px;right:14px;z-index:2147483000;font:14px system-ui,sans-serif}.sd-dl>button{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:rgba(255,255,255,.92);color:#1f2328;cursor:pointer;opacity:.55;transition:opacity .2s}.sd-dl>button:hover,.sd-dl.open>button{opacity:1}.sd-dl ul{display:none;list-style:none;margin:6px 0 0;padding:6px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18);min-width:260px}.sd-dl.open ul{display:block}.sd-dl a{display:block;padding:8px 10px;border-radius:6px;color:#1f2328;text-decoration:none}.sd-dl a:hover{background:#eef2f7}.sd-dl a.busy{opacity:.5;pointer-events:none}@media print{.sd-dl{display:none}}</style>
+<div class="sd-dl" id="sd-dl"><button type="button" aria-haspopup="menu" title="Baixar esta apresentação">${iconSVG("download", { size: 16, stroke: 2 })}Baixar</button><ul role="menu">${items.map((d) => `<li><a role="menuitem" data-kind="${d.kind}" href="#" title="${esc(d.hint)}">${esc(d.label)}</a></li>`).join("")}</ul></div>
+<script>(function(){var b=document.getElementById("sd-dl");["click","keydown","pointerdown","mousedown","touchstart","wheel"].forEach(function(t){b.addEventListener(t,function(e){e.stopPropagation()})});
+b.querySelector("button").onclick=function(){b.classList.toggle("open")};document.addEventListener("click",function(){b.classList.remove("open")});
+b.querySelectorAll("a").forEach(function(a){a.onclick=function(e){e.preventDefault();var base=location.pathname;while(base.slice(-1)==="/")base=base.slice(0,-1);a.classList.add("busy");setTimeout(function(){a.classList.remove("busy")},4000);location.href=base+"/baixar/"+a.dataset.kind;b.classList.remove("open")}})})();</script>`;
+};
+
+export function shareStore(libraryRoot) {
+  const file = path.join(libraryRoot, ".compartilhados.json");
+  const read = () => { try { const j = JSON.parse(fs.readFileSync(file, "utf8")); return Array.isArray(j.links) ? j.links : []; } catch { return []; } };
+  const write = (links) => {
+    fs.mkdirSync(libraryRoot, { recursive: true });
+    const tmp = `${file}.${process.pid}.tmp`;
+    fs.writeFileSync(tmp, JSON.stringify({ links }, null, 1));
+    fs.renameSync(tmp, file);
+  };
+  return { file, read, write };
+}
+
+const page = (status, title, text) => `<!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex,nofollow"><title>${esc(title)}</title><style>body{font:18px system-ui,sans-serif;display:grid;place-items:center;min-height:100vh;margin:0;background:#f6f7f9;color:#1f2328}main{max-width:32em;padding:24px;text-align:center}h1{font-size:22px}</style></head><body><main><h1>${esc(title)}</h1><p>${esc(text)}</p></main></body></html>`;
+const NOINDEX = { "X-Robots-Tag": "noindex, nofollow, noarchive", "Referrer-Policy": "no-referrer", "Cache-Control": "private, no-store" };
+
+/**
+ * @param {{ libraryRoot: string, multiuser: boolean, libraryOf: (user: string) => { resolveId: Function, idOf: Function } }} o
+ */
+export function shareRoutes({ libraryRoot, multiuser, libraryOf }) {
+  const store = shareStore(libraryRoot);
+  const ownerOf = (W) => (multiuser ? String(W.user || "") : "");
+  const deckRef = (W) => {
+    if (!W.file) return null;
+    const id = W.library.idOf(W.file);
+    if (id && !id.startsWith("..") && !path.isAbsolute(id)) return { id };
+    return multiuser ? null : { file: path.resolve(W.file) }; // local: deck fora da biblioteca vale pelo caminho
+  };
+  const sameDeck = (l, ref) => (ref.id ? l.id === ref.id : l.file === ref.file);
+  const fileOf = (l) => {
+    if (l.file) return l.file;
+    try { return libraryOf(l.owner).resolveId(l.id); } catch { return null; }
+  };
+  const pathOf = (l) => `${l.publico ? "publico" : "ver"}/${l.token}`;
+  const view = (l) => ({ token: l.token, path: pathOf(l), publico: !!l.publico, notas: !!l.notas, created: l.created });
+
+  // a página do link: antes da conferência de usuário (o link público não tem usuário)
+  function serveView(req, res, pathname, user) {
+    const m = pathname.match(VIEW);
+    if (!m || !["GET", "HEAD"].includes(req.method)) return false;
+    const [, kind, token, download] = m;
+    const l = store.read().find((x) => x.token === token);
+    const send = (status, html, extra = {}) => { res.writeHead(status, { "Content-Type": "text/html; charset=utf-8", ...NOINDEX, ...extra }); res.end(req.method === "HEAD" ? undefined : html); };
+    if (!l || (kind === "publico" && !l.publico)) return send(404, page(404, "Link indisponível", "Este link não existe ou foi revogado por quem compartilhou.")), true;
+    if (multiuser && kind === "ver" && !user) return send(401, page(401, "Entre pelo portal", "Este link é só para quem tem acesso ao portal.")), true;
+    const file = fileOf(l);
+    if (!file || !fs.existsSync(file)) return send(404, page(404, "Apresentação indisponível", "A apresentação foi apagada ou mudou de lugar.")), true;
+    let spec;
+    try { spec = loadSpec(file); } catch { return send(500, page(500, "Não deu para abrir", "A apresentação tem um erro e não pôde ser mostrada.")), true; }
+    if (!l.notas) spec.slides = spec.slides.map((s) => { if (!s || typeof s !== "object") return s; const { notes, ...rest } = s; return rest; });
+    if (download) return sendDownload(req, res, l, spec, file, download), true;
+    const html = buildHTML(spec).html.replace(/<head>/i, '<head><meta name="robots" content="noindex,nofollow"><meta name="referrer" content="no-referrer">');
+    // O Mermaid contém "</body>" em strings: inserir somente no fechamento real do HTML.
+    send(200, req.method === "HEAD" ? html : html.replace(/<\/body>(\s*<\/html>\s*)$/i, (_, end) => `${downloadBar(l)}</body>${end}`));
+    return true;
+  }
+
+  const busy = new Set(); // um arquivo por vez por link
+  async function sendDownload(req, res, l, spec, file, kind) {
+    const fmt = DOWNLOADS.find((d) => d.kind === kind && (!d.notas || l.notas));
+    if (!fmt) { res.writeHead(404, { "Content-Type": "text/html; charset=utf-8", ...NOINDEX }); res.end(page(404, "Formato indisponível", "Este formato não está disponível neste link.")); return; }
+    if (busy.has(l.token)) { res.writeHead(429, { "Content-Type": "text/html; charset=utf-8", "Retry-After": "20", ...NOINDEX }); res.end(page(429, "Um momento", "Ainda estou gerando o arquivo anterior deste link. Tente de novo em alguns segundos.")); return; }
+    const name = path.basename(file).replace(/\.ya?ml$/i, "");
+    busy.add(l.token);
+    try {
+      if (kind === "html") {
+        const html = buildHTML(spec).html.replace(/<head>/i, '<head><meta name="robots" content="noindex,nofollow">');
+        res.writeHead(200, { "Content-Type": "text/html; charset=utf-8", "Content-Disposition": `attachment; filename="apresentacao.html"; filename*=UTF-8''${encodeURIComponent(name + ".html")}`, ...NOINDEX });
+        res.end(html);
+        return;
+      }
+      for (const [k, v] of Object.entries(NOINDEX)) res.setHeader(k, v);
+      await sendExport(res, kind, spec, name, { notes: !!l.notas });
+    } finally { busy.delete(l.token); }
+  }
+
+  // a API do Studio (a pessoa que compartilha): listar, criar e revogar os links da apresentação aberta
+  async function api({ req, res, pathname, W, readJSON }) {
+    if (!pathname.startsWith("/api/share")) return false;
+    const json = (status, body) => { res.writeHead(status, { "Content-Type": "application/json; charset=utf-8" }); res.end(JSON.stringify(body)); };
+    const owner = ownerOf(W), ref = deckRef(W);
+    const mine = (links) => links.filter((l) => l.owner === owner && ref && sameDeck(l, ref)).map(view);
+    if (pathname === "/api/share" && req.method === "GET") return json(200, { multiuser, links: ref ? mine(store.read()) : [], saved: !!ref }), true;
+    if (pathname === "/api/share" && req.method === "POST") {
+      if (!ref) return json(400, { error: "Salve a apresentação na biblioteca antes de compartilhar." }), true;
+      const body = await readJSON(req);
+      const link = { token: crypto.randomBytes(18).toString("base64url"), owner, ...ref, publico: multiuser && !!body.publico, notas: !!body.notas, created: new Date().toISOString() };
+      const links = store.read();
+      links.push(link);
+      store.write(links);
+      return json(200, { multiuser, link: view(link), links: mine(links) }), true;
+    }
+    if (pathname === "/api/share/revoke" && req.method === "POST") {
+      const { token } = await readJSON(req);
+      const links = store.read();
+      const l = links.find((x) => x.token === token);
+      if (!l || l.owner !== owner) return json(404, { error: "Link não encontrado." }), true; // o de outra pessoa nem existe para você
+      store.write(links.filter((x) => x !== l));
+      return json(200, { multiuser, links: mine(links.filter((x) => x !== l)) }), true;
+    }
+    return false;
+  }
+
+  return { serveView, api };
+}

package/src/studio/slide-copy-routes.js

@@ -0,0 +1,26 @@
+import crypto from "node:crypto";
+import { copySlideAssets } from "./slide-copy.js";
+export async function slideCopyRoutes({pathname,req,res,W,readJSON,staleTab,slideClipboard,isBundledTemplate,materializePreview}) {
+      if (pathname === "/api/slides/clipboard" && req.method === "GET") {
+        res.writeHead(200, { "Content-Type": "application/json" });
+        res.end(JSON.stringify({ token: slideClipboard.get(W.user || '')?.token || null })); return true;
+      }
+      if (pathname === "/api/slides/copy" && req.method === "POST") {
+        const body = await readJSON(req);
+        if (staleTab(body, W, res)) return true;
+        if (!W.file || !body.slide) throw Error('Abra uma apresentação salva para copiar.');
+        const token = crypto.randomUUID();
+        slideClipboard.set(W.user || '', { token, file: W.file, slide: structuredClone(body.slide) });
+        res.writeHead(200, { "Content-Type": "application/json" }); res.end(JSON.stringify({ token })); return true;
+      }
+      if (pathname === "/api/slides/paste" && req.method === "POST") {
+        const body = await readJSON(req);
+        if (staleTab(body, W, res)) return true;
+        const clip = slideClipboard.get(W.user || '');
+        if (!clip || clip.token !== body.token) throw Error('Copie um slide novamente antes de colar.');
+        if (!W.file || isBundledTemplate(W.file)) materializePreview(W);
+        const slide = await copySlideAssets(clip.slide, clip.file, W.file);
+        res.writeHead(200, { "Content-Type": "application/json" }); res.end(JSON.stringify({ slide })); return true;
+      }
+ return false;
+}

package/src/studio/slide-copy.js

@@ -0,0 +1,30 @@
+// Transfere somente arquivos de mídia referenciados; nunca a pasta inteira do deck.
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import crypto from 'node:crypto';
+const media = /\.(png|jpe?g|svg|webp|gif|avif|mp4|webm|mov|mp3|wav|ogg|html?|css|m?js|woff2?|ttf)$/i;
+const fields = new Set(['image','video','poster','audio','src','url']);
+export async function copySlideAssets(slide, sourceFile, targetFile) {
+ const source=path.dirname(sourceFile), target=path.dirname(targetFile);
+ const prefix='copiados/'+crypto.randomUUID(), copied=new Set();
+ const local=v=>typeof v==='string'&&!/^(https?:|data:|blob:|\/\/|#)/i.test(v)&&media.test(v.split(/[?#]/)[0]);
+ async function file(ref,from=source){
+  const abs=path.resolve(from,ref.split(/[?#]/)[0]);const rel=path.relative(source,abs);
+  if(rel.startsWith('..')||path.isAbsolute(rel))throw Error('A mídia deve estar dentro da pasta da apresentação de origem.');
+  const real=await fs.realpath(abs);const rr=path.relative(source,real);if(rr.startsWith('..')||path.isAbsolute(rr))throw Error('Referência de mídia fora da apresentação.');
+  const out=path.join(target,prefix,rel);
+  if(!copied.has(abs)){copied.add(abs);await fs.mkdir(path.dirname(out),{recursive:true});await fs.copyFile(abs,out);
+   if(/\.(html?|css)$/i.test(abs)){const text=await fs.readFile(abs,'utf8');for(const m of text.matchAll(/(?:src|href)\s*=\s*["']([^"']+)["']|url\(\s*["']?([^)'"\s]+)["']?\s*\)/g)){const dep=m[1]||m[2];if(local(dep))await file(dep,path.dirname(abs));}}
+  }
+  return (prefix+'/'+rel.split(path.sep).join('/'))+(ref.match(/[?#].*$/)?.[0]||'');
+ }
+ async function walk(v,key){if(typeof v==='string'&&fields.has(key)&&local(v))return file(v);
+  if(typeof v==='string'&&key==='html'){
+   const refs=[...v.matchAll(/(?:src|href)\s*=\s*["']([^"']+)["']|url\(\s*["']?([^)'"\s]+)["']?\s*\)/g)];
+   for(const m of refs){const ref=m[1]||m[2];if(local(ref))v=v.replaceAll(ref,await file(ref));}return v;
+  }
+  if(Array.isArray(v))return Promise.all(v.map(x=>walk(x,key)));
+  if(v&&typeof v==='object'){const out={};for(const [k,x]of Object.entries(v))out[k]=await walk(x,k);return out;}return v;
+ }
+ const result=await walk(slide);result.uid=crypto.randomUUID();return result;
+}

package/src/studio/snapshot.js

@@ -0,0 +1,160 @@
+// sagadeck Studio · "olhos" da IA: fotografa um slide renderizado de verdade (runtime completo, com
+// fontes e figuras) para mandar ao modelo junto com o pedido. Um Chrome headless fica aberto e é
+// reusado entre pedidos (a primeira foto demora ~1-2 s; as seguintes, bem menos).
+import { slideSize } from "../aspect.js";
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { pathToFileURL } from "node:url";
+import { buildHTML } from "../build.js";
+import { findBrowser } from "../export/browser.js";
+
+let browserPromise = null;
+
+async function browser() {
+  if (!browserPromise) {
+    browserPromise = (async () => {
+      const { chromium } = await import("playwright-core");
+      const b = await chromium.launch({ executablePath: findBrowser() });
+      b.on("disconnected", () => { browserPromise = null; });
+      return b;
+    })().catch((e) => { browserPromise = null; throw e; });
+  }
+  return browserPromise;
+}
+
+/**
+ * Fotos do slide `index` do deck `spec`.
+ * @param {"final"|"steps"} mode  final = tudo revelado; steps = uma foto por clique (0..n, até maxFrames)
+ * @returns {Promise<{ label: string, dataUrl: string }[]>}
+ */
+export async function slideSnapshots(spec, index, { mode = "final", maxFrames = 6, width = 960 } = {}) {
+  const { html } = buildHTML(spec);
+  const file = path.join(os.tmpdir(), `sagadeck-snap-${process.pid}-${Date.now()}.html`);
+  fs.writeFileSync(file, html);
+  const b = await browser();
+  const page = await b.newPage({ viewport: { width: 1920, height: slideSize(spec).h }, deviceScaleFactor: width / 1920 }); // deck.aspect
+  try {
+    // O palco real: exportação troca etapas interativas por resumos e ocultava o que a IA deveria conferir.
+    await page.emulateMedia({ reducedMotion: 'reduce' });
+    await page.goto(`${pathToFileURL(file).href}#${index + 1}`, { waitUntil: "load" });
+    await page.addStyleTag({ content: '#hud,#laser,.draw-fab,.draw-toolbar,#draw-canvas{display:none!important}' });
+    await page.waitForFunction(() => window.sagadeck && typeof window.sagadeck.goto === "function", null, { timeout: 10000 });
+    await page.evaluate(() => window.SagaScienceReady);
+    await page.evaluate(() => window.SagaDiagramsReady);
+    await page.evaluate(() => document.fonts?.ready);
+    const steps = await page.evaluate((i) => window.sagadeck.steps(i) || 0, index);
+    const frames = [];
+    const shot = async (label) => {
+      await page.waitForTimeout(120);
+      const state = await page.evaluate(() => {
+        const slide = document.querySelector('.slide.current');
+        const panel = slide?.querySelector('.lesson-panel.active, .dyn-frame.active');
+        return {
+          ...(panel ? { stepText: panel.querySelector('.lesson-title, .algo-name')?.textContent, stepVisible: !!panel.getClientRects().length } : {}),
+          highlightedLines: [...(slide?.querySelectorAll('.code .cl.hl') || [])].map(line => Number(line.querySelector('.cn')?.textContent)),
+          ...(slide?.querySelector('[data-graphlab]')?{graphDirected:JSON.parse(slide.querySelector('.gl-model').textContent).directed,graphResult:slide.querySelector('[data-gl-result]')?.textContent}:{}),
+        };
+      });
+      const buf = await page.screenshot({ type: "jpeg", quality: 80 });
+      frames.push({ label, state, dataUrl: `data:image/jpeg;base64,${buf.toString("base64")}` });
+    };
+    if (mode === 'exploration' && spec.slides[index]?.layout === 'calc') {
+      await page.evaluate(i => { window.sagadeck.goto(i, 0); document.querySelector('.slide.current [data-calc-reveal]')?.click(); }, index);
+      await shot('Estado inicial revelado');
+      await page.evaluate(() => document.querySelector('.slide.current [data-calc-freeze]')?.click());
+      for (let n = 0; n < Math.min((spec.slides[index].scenarios || []).length, maxFrames - 1); n++) {
+        await page.evaluate(n => document.querySelector(`.slide.current [data-calc-scenario="${n}"]`)?.click(), n);
+        await shot(`Cenário: ${spec.slides[index].scenarios[n].label}`);
+      }
+    } else if(mode==='exploration'&&spec.slides[index]?.layout==='graphlab'){
+      await shot('Rede inicial');
+      if(maxFrames>1){await page.click('[data-gl-action="route"]');await shot('Rota de menor custo');}
+      if(maxFrames>2){await page.locator('.gl-node').first().click();await page.click('[data-gl-action="focus"]');await shot('Foco no nó selecionado');}
+      if(maxFrames>3){await page.click('[data-gl-action="remove"]');await page.click('[data-gl-action="route"]');await shot('Rede após remover o nó');}
+    } else if(mode==='exploration'&&spec.slides[index]?.layout==='codelab'){
+      await shot('Programa e entrada inicial');
+      if(maxFrames>1){await page.evaluate(()=>{const n=document.querySelectorAll('.clab-stage .dyn-frame').length;for(let k=0;k<n;k++)document.querySelector('[data-clab-next]').click();});await shot('Resultado da execução inicial');}
+    } else if ((mode === "steps" || mode === 'exploration') && steps > 0) {
+      const count = Math.min(steps + 1, Math.max(2, maxFrames));
+      const samples = [...new Set(Array.from({ length: count }, (_, i) => Math.round(i * steps / (count - 1))))];
+      for (const k of samples) {
+        await page.evaluate(([i, kk]) => window.sagadeck.goto(i, kk), [index, k]);
+        await shot(k === 0 ? "antes do 1º clique" : `depois do clique ${k}`);
+      }
+    } else {
+      await page.evaluate(([i, n]) => window.sagadeck.goto(i, n, true), [index, steps]);
+      await shot(steps ? `todos os ${steps} cliques revelados` : "slide completo");
+    }
+    return frames;
+  } finally {
+    await page.close().catch(() => {});
+    fs.rm(file, { force: true }, () => {});
+  }
+}
+
+/**
+ * Diagramas (layout diagram) só se conferem desenhando: o Mermaid roda no navegador. Desenha os slides `indices`
+ * do deck e devolve o que deu errado, com o número do slide no deck.
+ * @returns {Promise<{ errors: {slide:number, error:string}[], warnings: {slide:number, warning:string}[] }>}
+ */
+export async function diagramCheck(spec, indices) {
+  const only = { ...spec, slides: indices.map((i) => spec.slides[i]) };
+  const { html } = buildHTML(only);
+  const file = path.join(os.tmpdir(), `sagadeck-dg-${process.pid}-${Date.now()}.html`);
+  fs.writeFileSync(file, html);
+  const b = await browser();
+  const page = await b.newPage({ viewport: { width: 1920, height: 1080 } });
+  try {
+    await page.goto(`${pathToFileURL(file).href}?export`, { waitUntil: "load" });
+    await page.waitForFunction(() => window.sagadeck && window.SagaDiagramsReady, null, { timeout: 10000 });
+    await page.evaluate(() => document.fonts?.ready);
+    await page.evaluate(() => window.SagaDiagramsReady);
+    const r = await page.evaluate(() => ({ errors: window.sagadeckDiagramErrors || [], warnings: window.sagadeckDiagramWarnings || [] }));
+    const real = (x) => ({ ...x, slide: indices[x.slide - 1] + 1 }); // número no deck de verdade
+    return { errors: r.errors.map(real), warnings: r.warnings.map(real) };
+  } finally {
+    await page.close().catch(() => {});
+    fs.rm(file, { force: true }, () => {});
+  }
+}
+
+/**
+ * O fiscal de layout (src/export/shots.js: inPageCheck) em todos os slides do deck, com tudo revelado: texto que vaza
+ * ou é cortado, fora do slide, passando da margem, um por cima do outro, letra miúda, pouco contraste. Medido no
+ * navegador, sem modelo: é exato e de graça.
+ * @returns {Promise<{ slide:number, issues:{kind:string,text:string,px?:number}[] }[]>}
+ */
+export async function layoutCheck(spec) {
+  const { inPageCheck } = await import("../export/shots.js");
+  const { html } = buildHTML(spec);
+  const file = path.join(os.tmpdir(), `sagadeck-lc-${process.pid}-${Date.now()}-${Math.random().toString(36).slice(2, 7)}.html`);
+  fs.writeFileSync(file, html);
+  const b = await browser();
+  const page = await b.newPage({ viewport: { width: 1920, height: slideSize(spec).h } });
+  try {
+    await page.goto(`${pathToFileURL(file).href}?export`, { waitUntil: "load" });
+    await page.waitForFunction(() => window.sagadeck && typeof window.sagadeck.goto === "function", null, { timeout: 10000 });
+    await page.evaluate(() => window.SagaScienceReady);
+    await page.evaluate(() => window.SagaDiagramsReady);
+    await page.evaluate(() => document.fonts?.ready);
+    const n = await page.evaluate(() => window.sagadeck.n);
+    const out = [];
+    for (let i = 0; i < n; i++) {
+      const steps = await page.evaluate((j) => window.sagadeck.steps(j) || 0, i);
+      await page.evaluate(([j, k]) => window.sagadeck.goto(j, k, true), [i, steps]);
+      await page.waitForTimeout(80);
+      const issues = await page.evaluate(inPageCheck, i);
+      if (issues.length) out.push({ slide: i + 1, issues });
+    }
+    return out;
+  } finally {
+    await page.close().catch(() => {});
+    fs.rm(file, { force: true }, () => {});
+  }
+}
+
+export async function closeSnapshots() {
+  if (browserPromise) (await browserPromise).close().catch(() => {});
+  browserPromise = null;
+}

package/src/studio/style-routes.js

@@ -0,0 +1,103 @@
+// Rotas da revisão das mudanças (aceitar / desfazer, inclusive a proposta pendente ao lado do original) e dos estilos
+// da pessoa (salvar, aplicar, tirar, padrão das novas). Saiu de server.js: devolve true quando a rota era daqui.
+import fs from "node:fs";
+import path from "node:path";
+import YAML from "yaml";
+import { styleFromImport } from "../master.js";
+
+export async function styleRoutes({ req, res, pathname, W, persist, readJSON }) {
+      // revisão: aceitar (a marca sai) ou desfazer (slide novo sai; alterado volta ao original de original/original.yaml)
+  if (pathname === "/api/review" && req.method === "POST") {
+    const reply = (code, obj) => { res.writeHead(code, { "Content-Type": "application/json" }); res.end(JSON.stringify(obj)); return true; };
+    try {
+      const b = await readJSON(req);
+      const slides = W.spec?.slides || [];
+      // proposta pendente (a transformação deixou o original ao lado, porque faltava algo dele): aceitar tira o
+      // original do par; desfazer tira a proposta
+      const acceptOne = (s) => {
+        const pair = new Set(s.review?.status === "pendente" && Array.isArray(s.review.pair) ? s.review.pair : []);
+        delete s.review;
+        if (pair.size) W.spec.slides = W.spec.slides.filter((x) => !pair.has(x.uid));
+      };
+      if (b.action === "acceptAll") [...slides].forEach((s) => s.review && acceptOne(s));
+      else {
+        const s = slides[b.idx];
+        if (!s?.review) throw new Error("Este slide não tem mudança para validar.");
+        if (b.action === "accept") acceptOne(s);
+        else if (b.action === "reject") {
+          if (s.review.status === "novo" || s.review.status === "pendente" || s.review.original == null) slides.splice(b.idx, 1);
+          else {
+            const origFile = W.file && path.join(path.dirname(W.file), "original", "original.yaml");
+            if (!origFile || !fs.existsSync(origFile)) throw new Error("Não achei o original (original/original.yaml) para desfazer.");
+            const orig = YAML.parse(fs.readFileSync(origFile, "utf8"));
+            const back = orig.slides?.[Number(s.review.original) - 1];
+            if (!back) throw new Error(`O original não tem o slide ${s.review.original}.`);
+            slides[b.idx] = back;
+          }
+        } else throw new Error("ação desconhecida");
+      }
+      persist(W);
+      return reply(200, { ok: true, spec: W.spec });
+    } catch (e) { return reply(400, { error: e.message }); }
+  }
+  // estilos da pessoa (tema + mestre: src/master.js), guardados na biblioteca e aplicáveis em qualquer deck
+  if (pathname.startsWith("/api/styles")) {
+    const reply = (code, obj) => { res.writeHead(code, { "Content-Type": "application/json" }); res.end(JSON.stringify(obj)); return true; };
+    try {
+      if (pathname === "/api/styles" && req.method === "GET") return reply(200, { styles: W.library.listStyles(), current: W.spec?.style || null, canExtract: !!(W.spec?.master || W.spec?.import) });
+      const b = await readJSON(req);
+      if (!W.file) throw new Error("Abra uma apresentação da biblioteca primeiro.");
+      const dir = path.dirname(W.file);
+      if (pathname === "/api/styles/save") {
+        const name = String(b.name || W.spec.style?.name || W.spec.import?.from?.replace(/\.[a-z]+$/i, "") || W.spec.title || "Meu estilo").slice(0, 80);
+        const style = W.spec.master ? { name, theme: W.spec.theme, master: W.spec.master, from: W.spec.import?.from || null } : styleFromImport(W.spec, { name });
+        return reply(200, W.library.saveStyle(style, dir));
+      }
+      if (pathname === "/api/styles/default") return reply(200, { ok: true, default: W.library.setDefaultStyle(b.id || null) });
+      if (pathname === "/api/styles/apply") {
+        W.spec = W.library.applyStyleTo(W.spec, dir, b.id);
+        persist(W);
+        return reply(200, { ok: true, spec: W.spec });
+      }
+      if (pathname === "/api/styles/remove") {
+        delete W.spec.master; delete W.spec.style;
+        if (b.theme) W.spec.theme = b.theme;
+        persist(W);
+        return reply(200, { ok: true, spec: W.spec });
+      }
+      return reply(404, { error: "rota de estilo desconhecida" });
+    } catch (e) { return reply(400, { error: e.message }); }
+  }
+  return false;
+}
+
+// a IA decidiu mexer no estilo pelo chat (estilo: aplicar | salvar | tirar | padrao); devolve a resposta do chat
+export function styleAction({ W, spec, result, persist, isBundledTemplate }) {
+  const { action, name } = result.style;
+  const norm = (v) => String(v || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+  const find = () => W.library.listStyles().find((s) => norm(s.name) === norm(name) || s.id === name) || W.library.listStyles().find((s) => norm(s.name).includes(norm(name)));
+  const say = (reply, extra = {}) => ({ ...result, reply, spec: W.spec || spec, ...extra });
+  if (!W.file || isBundledTemplate(W.file)) return say("Para usar estilos, a apresentação precisa estar salva na biblioteca.", { talk: true });
+  const dir = path.dirname(W.file);
+  try {
+    if (action === "aplicar") {
+      const st = find();
+      if (!st) return say(`Não achei o estilo "${name}". Os salvos: ${W.library.listStyles().map((s) => s.name).join(", ") || "nenhum"}.`, { talk: true });
+      W.spec = W.library.applyStyleTo(W.spec, dir, st.id); persist(W);
+      return say(`${result.reply}\nEstilo "${st.name}" aplicado: moldura, cores e fontes; o conteúdo ficou.`, { spec: W.spec });
+    }
+    if (action === "tirar") { delete W.spec.master; delete W.spec.style; W.spec.theme = W.spec.theme && typeof W.spec.theme === "string" ? W.spec.theme : "manual"; persist(W); return say(`${result.reply}\nEstilo tirado.`, { spec: W.spec }); }
+    if (action === "salvar") {
+      const style = W.spec.master ? { name, theme: W.spec.theme, master: W.spec.master, from: W.spec.import?.from || null } : styleFromImport(W.spec, { name });
+      const saved = W.library.saveStyle(style, dir);
+      return say(`${result.reply}\nEstilo "${saved.name}" salvo na biblioteca.`, { talk: true });
+    }
+    if (action === "padrao") {
+      const st = find();
+      if (!st) return say(`Não achei o estilo "${name}".`, { talk: true });
+      W.library.setDefaultStyle(st.id);
+      return say(`${result.reply}\nAs apresentações novas já nascem no estilo "${st.name}".`, { talk: true });
+    }
+  } catch (e) { return say(`Não deu: ${e.message}`, { talk: true }); }
+  return say("Não entendi o que fazer com o estilo.", { talk: true });
+}

package/src/studio/template-collections.js

@@ -0,0 +1,97 @@
+// Coleções originais: composições livres editáveis + páginas de conteúdo adaptável.
+// Fotografias acompanham cada cópia na biblioteca; não dependem de URLs externas.
+export const COLLECTION_NAMES = {
+  perspectiva: 'Perspectiva — corporativo fotográfico',
+  essencial: 'Essencial — minimalismo',
+  revista: 'Revista — editorial',
+  cromatico: 'Cromático — cor e fotografia',
+  tracos: 'Traços — geometria criativa',
+};
+export const COLLECTION_ASSETS = {
+  perspectiva: ['colecao-equipe.png'],
+  essencial: ['colecao-arquitetura.png'],
+  revista: ['colecao-arquitetura.png'],
+  cromatico: ['colecao-cor.png'],
+  tracos: ['colecao-equipe.png'],
+};
+
+const color = value => ['paper', 'ink', 'accent', 'alert'].includes(value) ? `c-${value}` : value;
+const txt = (text, x, y, w, size = 40, extra = {}) => ({ text, x, y, w, size, fit: true, lh: 1.12, ...extra, ...(extra.color ? { color: color(extra.color) } : {}) });
+const box = (x, y, w, h, fill, extra = {}) => ({ shape: 'rect', x, y, w, h, fill: color(fill), ...extra });
+const photo = (name, x, y, w, h, extra = {}) => ({ image: `imagens/colecao-${name}.png`, alt: name === 'equipe' ? 'Mãos organizando ideias em uma mesa de trabalho' : name === 'cor' ? 'Xícara amarela e frutas em um cenário colorido' : 'Arquitetura de pedra com arcos e luz natural', x, y, w, h, fit: 'cover', ...extra });
+const page = (title, elements) => ({ layout: 'canvas', title, tone: 'light', elements, notes: 'Modelo editável: troque os textos e as fotos pelos seus. Os números são ilustrativos.' });
+const label = (text, x = 120, y = 90, color = 'ink') => txt(text, x, y, 1400, 24, { color, as: 'label' });
+const heading = (text, x, y, w, size = 100, extra = {}) => txt(text, x, y, w, size, { as: 'title', ...extra });
+const item = (title, text, value) => ({ title, text, ...(value ? { value } : {}) });
+const priorities = [item('Uma pergunta melhor', 'Entenda o que precisa mudar antes de escolher a solução.', '01'), item('Um teste pequeno', 'Aprenda com uma experiência simples e um resultado observável.', '02'), item('Uma decisão clara', 'Combine o próximo passo, o responsável e o momento de revisar.', '03')];
+const agenda = ['O contexto', 'A oportunidade', 'O experimento', 'O próximo passo'];
+const palette = (paper, ink, accent, alert, family) => Object.fromEntries(Object.entries({ paper, ink, accent, alert, family }).map(([key, value]) => [key, Array.isArray(value) ? value.map(c => c.replace('#', '')) : value.replace('#', '')]));
+
+// Estética de cada coleção para a geração com IA (modal "Deck com IA": estilo → tema + direção criativa).
+export const COLLECTION_STYLE = {
+  perspectiva: { theme: 'jornal', direction: 'Corporativo fotográfico: fotografia grande de gente de verdade, contraste firme, uma ideia por slide. Considere jornal.' },
+  essencial: { theme: 'prata', direction: 'Minimalismo de estúdio: muito espaço vazio, uma frase por slide, detalhes em preto e branco. Considere prata.' },
+  revista: { theme: 'editorial', direction: 'Revista editorial: serifas grandes, capítulos, fotografia e respiro de página. Considere editorial.' },
+  cromatico: { theme: 'bauhaus', direction: 'Cor e fotografia: painéis sobrepostos, blocos de cor chapada, energia alegre. Considere bauhaus.' },
+  tracos: { theme: 'bauhaus', direction: 'Geometria criativa: molduras, caminhos visuais, números grandes, composição assimétrica. Considere bauhaus.' },
+};
+export function collectionDeck(kind) {
+  if (!Object.hasOwn(COLLECTION_NAMES, kind)) throw new Error('Coleção não encontrada.');
+  let theme, colors, slides;
+  if (kind === 'perspectiva') {
+    theme = 'jornal'; colors = palette('#faf9f6', '#20252b', '#c83c43', '#397684', ['#c83c43', '#397684', '#6b794e']);
+    slides = [
+      page('Um novo ponto de vista.', [photo('equipe', 780, 0, 1140, 1080), box(0, 0, 830, 1080, 'paper'), box(120, 180, 90, 8, 'accent'), label('PERSPECTIVA / ESTRATÉGIA', 120, 100), heading('Um novo\nponto de\nvista.', 120, 300, 690, 124), txt('Ideias claras. Decisões com contexto.', 120, 800, 620, 36)]),
+      page('Nossa conversa', [photo('equipe', 0, 0, 610, 1080, { style: 'filter:grayscale(1);' }), label('O CAMINHO', 730, 100), heading('Nossa conversa', 730, 170, 1050, 94), box(750, 385, 3, 450, 'accent'), ...agenda.flatMap((s, i) => [box(738, 385 + i * 145, 28, 28, 'accent', { shape: 'circle' }), txt(`0${i + 1}`, 810, 375 + i * 145, 100, 28, { color: 'accent' }), txt(s, 940, 366 + i * 145, 760, 46)])]),
+      page('O trabalho começa na pergunta.', [photo('equipe', 0, 0, 1920, 1080), box(0, 0, 960, 1080, '#20252b', { opacity: 0.94 }), label('UMA IDEIA PARA LEVAR', 120, 120, '#ffffff'), heading('O trabalho\ncomeça na\npergunta.', 120, 290, 760, 114, { color: '#ffffff' }), txt('Antes de acelerar, escolha a direção.', 120, 810, 740, 38, { color: '#ffffff' })]),
+      { layout: 'mosaic', title: 'Três escolhas que importam', items: priorities },
+      page('Intenção e ação', [label('DIREÇÃO COMPARTILHADA'), heading('Intenção\ne ação', 120, 250, 650, 122), box(890, 0, 1030, 1080, 'ink'), box(830, 230, 970, 88, 'accent'), txt('O que queremos mudar', 910, 250, 840, 42, { color: '#ffffff', weight: 700 }), txt('Uma experiência mais simples para quem usa e mais clara para quem constrói.', 970, 380, 770, 43, { color: '#ffffff' }), box(830, 620, 970, 88, '#397684'), txt('Como vamos começar', 910, 640, 840, 42, { color: '#ffffff', weight: 700 }), txt('Um piloto com escopo pequeno, resultado visível e espaço para aprender.', 970, 770, 770, 43, { color: '#ffffff' })]),
+      { layout: 'ribbon', title: 'Do plano à prática', items: priorities, source: 'Adicione ou remova etapas: a composição se ajusta.' },
+      page('Vamos escolher o próximo passo?', [box(0, 0, 1920, 1080, 'ink'), box(120, 155, 160, 12, 'accent'), heading('Vamos escolher\no próximo passo?', 120, 310, 1640, 140, { color: '#ffffff' }), txt('Uma decisão. Um responsável. Uma data.', 120, 820, 1400, 44, { color: '#ffffff' })]),
+    ];
+  } else if (kind === 'essencial') {
+    theme = 'prata'; colors = palette('#fcfcfa', '#222724', '#526652', '#977252', ['#526652', '#977252', '#637581']);
+    slides = [
+      page('Menos ruído. Mais sentido.', [label('ESSENCIAL / ESTÚDIO DE IDEIAS'), box(120, 155, 1680, 2, '#d5d8d1'), photo('arquitetura', 1180, 275, 580, 610, { style: 'filter:grayscale(1);' }), heading('Menos ruído.\nMais sentido.', 120, 320, 1080, 111), txt('Espaço para a ideia principal aparecer.', 120, 800, 830, 34), label('01 / COMEÇAR', 120, 930)]),
+      page('O essencial primeiro', [label('UMA IDEIA, TRÊS PONTOS'), heading('O essencial\nprimeiro', 120, 250, 730, 108), ...priorities.flatMap((s, i) => [box(1020, 235 + i * 230, 740, 2, '#d5d8d1'), txt(s.value, 1020, 265 + i * 230, 90, 26), txt(s.title, 1140, 263 + i * 230, 600, 41, { weight: 600 }), txt(s.text, 1140, 330 + i * 230, 600, 30)])]),
+      page('Detalhes que fazem diferença', [label('OLHAR MAIS DE PERTO'), heading('Detalhes que\nfazem diferença', 120, 195, 1000, 88), photo('arquitetura', 120, 485, 900, 410, { style: 'filter:grayscale(1);' }), photo('arquitetura', 1230, 190, 490, 400), txt('Uma mesma ideia pode ser vista por mais de um ângulo.', 1230, 680, 490, 39)]),
+      { layout: 'stats', title: 'Poucos números. Com contexto.', stats: [{ value: '03', label: 'hipóteses para testar' }, { value: '01', label: 'experiência por vez' }, { value: '04', label: 'semanas para aprender' }], source: 'Exemplo ilustrativo. Substitua pelos seus indicadores.' },
+      { layout: 'mosaic', title: 'O que merece atenção', items: priorities.map(({ value, ...s }) => s) },
+      page('Uma ideia para levar', [label('ESSENCIAL / FECHAMENTO'), box(120, 220, 1680, 2, '#d5d8d1'), heading('Clareza também\né uma escolha.', 120, 370, 1660, 130), txt('Qual detalhe você pode simplificar hoje?', 120, 820, 1400, 44)]),
+    ];
+  } else if (kind === 'revista') {
+    theme = 'editorial'; colors = palette('#f7f2ec', '#322d30', '#966575', '#685e4c', ['#966575', '#685e4c', '#5c7276']);
+    slides = [
+      page('Outras maneiras de olhar', [photo('arquitetura', 710, 0, 1210, 1080), box(0, 0, 720, 1080, 'paper'), label('REVISTA / VOLUME 01'), heading('Outras\nmaneiras\nde olhar', 120, 275, 1000, 125), txt('Uma coleção de ideias,\nângulos e possibilidades.', 120, 825, 600, 36)]),
+      page('Nesta edição', [box(0, 0, 770, 1080, '#e4d4d9'), heading('Nesta\nedição', 110, 300, 650, 148), label('SUMÁRIO', 950, 140), ...agenda.flatMap((s, i) => [txt(`0${i + 1}`, 950, 295 + i * 160, 130, 48, { color: 'accent' }), txt(s, 1120, 297 + i * 160, 650, 46), box(950, 388 + i * 160, 810, 2, '#d6c9ca')])]),
+      page('01 / Abrir o olhar', [photo('arquitetura', 0, 0, 1920, 1080), box(0, 0, 1110, 1080, 'paper', { style: 'clip-path:polygon(0 0,100% 0,73% 100%,0 100%);' }), label('PRIMEIRO CAPÍTULO'), heading('Abrir\no olhar', 120, 280, 700, 142), txt('01', 120, 715, 500, 190, { as: 'number', color: 'accent' })]),
+      page('Entre luz e espaço', [label('ENSAIO VISUAL'), photo('arquitetura', 120, 245, 740, 670), photo('arquitetura', 940, 120, 430, 420), box(1390, 120, 410, 420, '#e4d4d9'), txt('02', 1460, 220, 300, 170, { as: 'number', color: 'accent' }), heading('Entre luz\ne espaço', 940, 615, 810, 90), txt('Encontre a história nos detalhes.', 940, 860, 800, 34)]),
+      { layout: 'ribbon', title: 'Um percurso em três atos', items: priorities },
+      page('O que fica depois?', [box(0, 0, 1920, 1080, '#e4d4d9'), label('ÚLTIMA PÁGINA / PRÓXIMA CONVERSA'), heading('O que fica\ndepois?', 120, 255, 1550, 170), txt('Uma boa pergunta pode ser o começo de tudo.', 120, 820, 1510, 43)]),
+    ];
+  } else if (kind === 'cromatico') {
+    theme = 'bauhaus'; colors = palette('#fffaf0', '#252a43', '#e2573f', '#236c78', ['#e2573f', '#236c78', '#6751a8']);
+    slides = [
+      page('Dê cor à sua ideia.', [photo('cor', 0, 0, 1920, 1080), box(105, 165, 970, 680, 'paper'), label('CROMÁTICO / IDEIAS EM MOVIMENTO', 165, 225), heading('Dê cor\nà sua ideia.', 165, 345, 845, 130), box(930, 740, 650, 150, '#f7d64b'), txt('COMECE PELO INESPERADO', 980, 790, 560, 28, { weight: 700 })]),
+      page('Pequenos detalhes. Outra energia.', [box(0, 0, 1920, 1080, '#f7d64b'), photo('cor', 860, 125, 930, 780), label('A COR MUDA A CONVERSA'), heading('Pequenos\ndetalhes.\nOutra energia.', 120, 310, 920, 105), box(120, 835, 620, 100, 'paper'), txt('O simples também surpreende.', 155, 865, 560, 29)]),
+      page('Três ingredientes', [label('UMA RECEITA PARA EXPERIMENTAR'), heading('Três ingredientes', 120, 170, 1600, 98), ...priorities.flatMap((s, i) => [box(120 + i * 565, 380, 525, 540, ['#f7d64b', '#bce0cd', '#f2b6a5'][i]), txt(s.value, 160 + i * 565, 420, 420, 116, { as: 'number' }), txt(s.title, 160 + i * 565, 610, 420, 43, { weight: 700 }), txt(s.text, 160 + i * 565, 735, 420, 31)])]),
+      page('Olhe de novo.', [photo('cor', 0, 0, 1100, 1080), box(1100, 0, 820, 1080, '#bce0cd'), heading('Olhe\nde\nnovo.', 1190, 245, 650, 147), txt('O mesmo objeto.\nUma nova perspectiva.', 1190, 820, 600, 35)]),
+      { layout: 'mosaic', title: 'Espaço para mais ideias', items: [...priorities, item('Uma conversa aberta', 'Convide outros olhares para a próxima versão.'), item('Um novo detalhe', 'Observe o que muda na experiência.')], source: 'Esta grade se adapta quando você adiciona ou remove itens.' },
+      page('Agora é com você.', [box(0, 0, 1920, 1080, '#f7d64b'), box(1240, 0, 680, 1080, '#e2573f'), box(1300, 280, 500, 500, '#bce0cd', { shape: 'circle' }), label('CROMÁTICO / PRÓXIMO MOVIMENTO'), heading('Agora\né com você.', 120, 310, 1110, 140), txt('Que ideia merece sair do papel?', 120, 825, 1060, 42)]),
+    ];
+  } else {
+    theme = 'bauhaus'; colors = palette('#fafaf5', '#2d304c', '#476d98', '#b6574d', ['#476d98', '#b6574d', '#647d71']);
+    const ornaments = () => [box(130, 185, 1660, 700, 'paper', { stroke: '#696080', strokeWidth: 5 }), box(90, 750, 190, 190, '#f1d372', { shape: 'circle' }), ...[0, 1, 2].map(i => box(1510 + i * 80, 690, 28, 220, '#476d98', { rotate: 35 })), box(1510, 135, 40, 160, '#d98777'), box(1580, 135, 40, 160, '#d98777')];
+    slides = [
+      page('Ideias em construção', [...ornaments(), label('TRAÇOS / GEOMETRIA CRIATIVA', 280, 270), heading('Ideias em\nconstrução', 280, 410, 1300, 125), txt('Pessoas, caminhos e possibilidades.', 280, 750, 1200, 38)]),
+      page('Quatro pontos de partida', [label('O QUE NOS MOVE'), box(100, 225, 600, 105, '#f1d372'), heading('Pontos de\npartida', 120, 360, 550, 94), ...['Curiosidade', 'Clareza', 'Colaboração', 'Aprendizado'].flatMap((s, i) => { const x = 820 + (i % 2) * 510, y = 225 + Math.floor(i / 2) * 360; return [txt(`0${i + 1}`, x, y, 430, 100, { color: '#b6574d', as: 'number' }), txt(s, x, y + 130, 430, 39, { weight: 700 }), txt('Um princípio para orientar as escolhas do dia a dia.', x, y + 210, 410, 29)]; })]),
+      page('Gente que faz acontecer', [label('PESSOAS / ENCONTROS'), box(1100, 150, 680, 770, '#476d98'), photo('equipe', 1030, 100, 680, 770), heading('Gente que\nfaz acontecer', 120, 290, 830, 103), box(120, 630, 190, 12, '#d98777'), txt('Experiências diferentes.\nUma construção em comum.', 120, 740, 780, 41)]),
+      { layout: 'infographic', shape: 'metro', title: 'Caminhos que se conectam', center: { title: 'Uma ideia', icon: 'lightbulb' }, items: priorities },
+      { layout: 'mosaic', title: 'Nossos princípios, na prática', items: [...priorities, item('Compartilhar', 'Torne os aprendizados acessíveis a quem vai continuar.') ] },
+      page('A próxima forma é sua.', [...ornaments(), label('TRAÇOS / CONTINUA', 280, 270), heading('A próxima\nforma é sua.', 280, 405, 1300, 130), txt('Qual será o seu primeiro movimento?', 280, 755, 1200, 38)]),
+    ];
+  }
+  // Os layouts adaptáveis já numeram os itens; evite repetir a numeração como indicador.
+  slides = slides.map(s => s.items ? { ...s, items: s.items.map(({ value, ...rest }) => rest) } : s);
+  return { title: COLLECTION_NAMES[kind], theme, palette: colors, duration: 12, maxWords: 140, slides };
+}