sagadeck 1.2.0 → 1.3.1

package/src/studio/public/slide-select.js

@@ -0,0 +1,73 @@
+// Seleção de slides na lista (multisseleção com Ctrl/Shift) e teclas da lista.
+// Saiu do app.js pela trava de tamanho dos monolitos; o comportamento é o mesmo.
+window.SagaSlideSelect = function ({ state, dom, markActiveThumb, renderCurrentSlide, copySelectedSlides, pasteCopiedSlide, deleteCurrentSlide }) {
+  // slides selecionados na lista (para excluir/copiar em bloco): ordenados, válidos e nunca vazios
+  function selectedSlides() {
+    const n = state.deck?.slides.length || 0;
+    const sel = (Array.isArray(state.selectedSlides) ? state.selectedSlides : []).filter((i) => Number.isInteger(i) && i >= 0 && i < n);
+    if (!sel.length && n) sel.push(Math.min(state.currentSlideIndex, n - 1));
+    return [...new Set(sel)].sort((a, b) => a - b);
+  }
+  // click: só este; Ctrl+click: alterna; Shift+click: do atual até aqui. O atual (foco) vai junto.
+  function selectSlide(idx, { add, range } = {}) {
+    const n = state.deck.slides.length;
+    if (idx < 0 || idx >= n) return;
+    let sel = selectedSlides();
+    if (add) {
+      sel = sel.includes(idx) ? sel.filter((i) => i !== idx) : [...sel, idx];
+      if (!sel.length) sel = [idx];
+    } else if (range) {
+      const a = sel.length ? sel[sel.length - 1] : state.currentSlideIndex;
+      const [lo, hi] = a < idx ? [a, idx] : [idx, a];
+      sel = [...new Set([...sel, ...Array.from({ length: hi - lo + 1 }, (_, k) => lo + k)])];
+    } else sel = [idx];
+    if (idx !== state.currentSlideIndex) state.editorStep = "all"; // outro slide: volta a mostrar tudo
+    state.currentSlideIndex = idx;
+    state.selectedSlides = [...new Set(sel)].sort((a, b) => a - b);
+    markActiveThumb();
+    renderCurrentSlide();
+  }
+  // Delete/Backspace com o foco na lista de slides (à esquerda) exclui o slide selecionado. Só ali: digitando
+  // num campo ou mexendo num elemento do slide, as teclas continuam fazendo o que já faziam.
+  function bindSlideListKeys() {
+    document.getElementById("btn-copy-slide").onclick = () => copySelectedSlides();
+    document.getElementById("btn-paste-slide").onclick = pasteCopiedSlide;
+    if (dom.thumbnailsList._keys) return;
+    dom.thumbnailsList._keys = true;
+    dom.thumbnailsList.tabIndex = 0;
+    dom.thumbnailsList.setAttribute("aria-label", "Slides (Ctrl+click seleciona vários; Delete exclui)");
+    const scrollCard = (to) => {
+      // rola só a lista (scrollIntoView rolaria também a tela em volta)
+      const card = dom.thumbnailsList.querySelector(`.thumb-card[data-idx="${to}"]`), list = dom.thumbnailsList;
+      if (card) {
+        const c = card.getBoundingClientRect(), l = list.getBoundingClientRect();
+        if (c.top < l.top) list.scrollTop -= l.top - c.top + 8;
+        else if (c.bottom > l.bottom) list.scrollTop += c.bottom - l.bottom + 8;
+      }
+    };
+    dom.thumbnailsList.addEventListener("keydown", (e) => {
+      if (e.altKey || e.target.closest("input, textarea, select, [contenteditable]")) return;
+      // Ctrl+C/V copiam e colam os selecionados (funcionam aqui na lista)
+      if ((e.ctrlKey || e.metaKey) && ["c","v"].includes(e.key.toLowerCase())) { e.preventDefault(); e.key.toLowerCase()==="c" ? copySelectedSlides() : pasteCopiedSlide(); return; }
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "a") { e.preventDefault(); state.selectedSlides = state.deck.slides.map((_, i) => i); markActiveThumb(); return; }
+      const go = { ArrowUp: -1, ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1 }[e.key];
+      // ↑/↓ (e Home/End) trocam de slide, como no PowerPoint; nunca rolam a visualização.
+      // Com Ctrl ou Shift segurados, estendem a seleção em vez de trocar.
+      if (go || e.key === "Home" || e.key === "End") {
+        e.preventDefault();
+        const last = state.deck.slides.length - 1;
+        const to = e.key === "Home" ? 0 : e.key === "End" ? last : Math.max(0, Math.min(last, state.currentSlideIndex + go));
+        if (to !== state.currentSlideIndex) selectSlide(to, { add: e.ctrlKey || e.metaKey || e.shiftKey });
+        scrollCard(to);
+        return;
+      }
+      if (e.key !== "Delete" && e.key !== "Backspace") return;
+      e.preventDefault();
+      deleteCurrentSlide();
+      dom.thumbnailsList.focus({ preventScroll: true });
+    });
+  }
+
+
+  return { selectedSlides, selectSlide, bindSlideListKeys };
+};

package/src/studio/public/studio-next.css

@@ -72,6 +72,14 @@
 .studio-next .rbtn-lg { height: 56px; min-width: 65px; padding: 7px 10px; gap: 5px; font-size: 11px; }
 .studio-next .rbtn-lg > .ic { width: 21px; height: 21px; }
 .studio-next .rgroup-fields { gap: 5px; }
+/* aviso de identidade/direção à vista (máquina nova): o grupo continua cabendo na faixa */
+.studio-next .rgroup-body:has(> .rnote:not([hidden])) { gap: 1px; }
+/* Identidade: 2 fileiras + aviso cabem na faixa (controles compactos só neste grupo; */
+/* tamanhos em px fixos para a conta não depender da fonte instalada) */
+#identity-select, #direction-select { height: 24px; font-size: 11px; }
+#btn-identity-setup, #btn-direction-save { height: 24px; width: 26px; }
+/* nada se esmaga em silêncio neste grupo: o que não couber aparece na rolagem e o teste acusa */
+.studio-next .rgroup:has(#identity-select) > .rgroup-body > * { flex-shrink: 0; }
 .studio-next .rfield > span { font-size: 11px; }
 .studio-next .workspace { grid-template-columns: 200px minmax(0, 1fr) auto; }
 .studio-next .slide-rail { background: var(--chrome); }
@@ -135,6 +143,26 @@
   .studio-next .doc-title { max-width: 280px; }
   .scene-tools > span { display: none; }
 }
+@media (max-width: 1440px) {
+  /* notebook: 3 temas + 3 paletas à vista mesmo com o aviso de identidade (controles e vãos compactos) */
+  .studio-next .ribbon { padding: 6px 8px; }
+  .studio-next .ribbon .rgroup { padding: 0 6px; }
+  .studio-next .ribbon .rselect { min-width: 104px; }
+  .studio-next .ribbon .rfield { gap: 6px; }
+  .studio-next .ribbon .rfield > span { min-width: 0; }
+  .studio-next .ribbon .rrow { gap: 1px; }
+  .studio-next .ribbon .rbtn-icon { width: 26px; }
+}
+@media (max-width: 1024px) {
+  /* janela estreita/tablet em pé: a faixa continua cabendo sem rolagem (menos respiro, rótulos e vãos compactos) */
+  .studio-next .ribbon .rgroup { padding: 0 4px; }
+  .studio-next .ribbon .rselect { min-width: 96px; }
+  .studio-next .ribbon .rfield { gap: 4px; }
+  .studio-next .ribbon .rfield > span { min-width: 0; }
+  .studio-next .ribbon .rrow { gap: 1px; }
+  .studio-next .ribbon .rbtn-icon { width: 26px; }
+  .studio-next .rgroup-body:has(> .rnote:not([hidden])) { gap: 0; }
+}
 @media (max-width: 900px) {
   .studio-next .titlebar { height: 54px; }
   .studio-next .titlebar .doc-title { max-width: none; min-width: 40px; flex: 1; }
@@ -143,7 +171,6 @@
   .studio-next .ribbon-tab { padding: 0 10px; }
   .studio-next .ribbon { padding: 5px; height: 70px; }
   .studio-next .workspace { grid-template-columns: minmax(0, 1fr); }
-  .studio-next .rgroup { padding: 0 7px; }
   .studio-next .rgroup-body { gap: 3px; }
   .motion-control { padding: 0 6px; gap: 2px; }
   .motion-control .ic { display: none; }

package/src/studio/public/style.css

@@ -224,7 +224,7 @@ kbd { font-family: var(--font-sans); font-size: 11px; color: var(--text-3); bord
 .rbtn .caret { width: 12px; height: 12px; }
 .rfield { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-2); }
 .rfield > span { min-width: 44px; }
-.rnote { font-size: 11px; color: var(--text-2); max-width: 230px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.rnote { font-size: 11px; color: var(--text-2); max-width: 230px; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .rnote.warn { color: #b45309; }
 .rselect, .form-control {
   height: 28px; padding: 0 8px; border: 1px solid var(--ui-line-strong); border-radius: 4px; background: var(--chrome);
@@ -294,6 +294,9 @@ kbd { font-family: var(--font-sans); font-size: 11px; color: var(--text-3); bord
 .thumb-card:hover .thumb-screen { outline-color: var(--ui-line-strong); }
 .thumb-card.active .thumb-screen { outline-color: var(--brand); }
 .thumb-card.active .thumb-num { color: var(--brand); font-weight: 700; }
+/* multisseleção (Ctrl+click, Shift+click, Ctrl+setas): tracejado nos marcados sem foco */
+.thumb-card.selected:not(.active) .thumb-screen { outline-style: dashed; outline-color: var(--brand); }
+.thumb-card.selected:not(.active) .thumb-num { color: var(--brand); }
 .thumb-render { position: absolute; left: 0; top: 0; width: 1920px; height: var(--sh, 1080px); transform-origin: 0 0; transform: scale(var(--thumb-scale, .09)); pointer-events: none; }
 .thumb-render .slide { opacity: 1 !important; visibility: visible !important; }
 .thumb-render mark { background-size: 100% 92% !important; transition: none !important; }
@@ -445,6 +448,9 @@ textarea.form-control { height: auto; min-height: 64px; padding: 6px 8px; resize
 .modal-dialog-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 8px 20px; }
 .modal-dialog-header h3 { font-size: 18px; font-weight: 600; }
 .modal-dialog-body { padding: 8px 20px 16px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; }
+.modal-dialog-body details summary { cursor: pointer; font-size: 13px; color: var(--text-2); }
+.modal-dialog-body details[open] summary { margin-bottom: 10px; }
+.modal-dialog-body details .form-row { margin-top: 10px; }
 .modal-dialog-body .form-control { width: 100%; }
 .modal-dialog-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 12px 20px 16px; }
 .form-row { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }

package/src/studio/public-files.js

@@ -1 +1 @@
-export const PUBLIC_SCRIPTS = new Set(["/workspace.js", "/chat-progress.js", "/slide-clipboard.js", "/app.js", "/ui-icons.js", "/slide-form.js", "/lab-fields.js", "/calc-fields.js", "/art-preview.js", "/library.js", "/screenshot-editor.js", "/visual-editor.js", "/inspector.js", "/explorer.js", "/viewers.js", "/merge-decks.js", "/history.js", "/review-ui.js", "/share-ui.js", "/developer-fields.js", "/api-collections.js", "/studio-awareness.js"]);
+export const PUBLIC_SCRIPTS = new Set(["/workspace.js", "/chat-progress.js", "/slide-clipboard.js", "/slide-select.js", "/app.js", "/ui-icons.js", "/slide-form.js", "/lab-fields.js", "/calc-fields.js", "/art-preview.js", "/library.js", "/screenshot-editor.js", "/visual-editor.js", "/inspector.js", "/explorer.js", "/viewers.js", "/merge-decks.js", "/history.js", "/review-ui.js", "/share-ui.js", "/developer-fields.js", "/api-collections.js", "/studio-awareness.js", "/chat.js"]);

package/src/studio/server.js

@@ -45,6 +45,8 @@ import { sendExport, sendHtml, lightVariant } from "./exporting.js";
 import { styleRoutes, styleAction } from "./style-routes.js";
 import { shareRoutes } from "./share-routes.js";
 import { apiRoutes } from "./api-routes.js";
+import { aiChatRoutes } from "./ai-chat-route.js";
+import { libraryRoutes } from "./library-routes.js";
 export { lightVariant };
 import { VERSION, buildInfo } from "./instance.js";
 import { extractDocText, fetchUrlText, CONTEXT_STORE_CHARS, CONTEXT_MAX_DOCS, pastedUrls } from "../ai/context.js";
@@ -102,6 +104,8 @@ export function createStudioServer(deckPath = null, opts = {}) {
   function newWorkspace(user) {
     const W = { user, library: openLibrary(user ? path.join(libraryRoot, "usuarios", safeName(user, "usuario")) : libraryRoot),
       file: null, spec: null, lastPreview: { ok: true, error: null, warnings: [] } };
+    // gerações que morreram com o processo viram órfãs: vão para a lixeira (visíveis e restauráveis), nunca somem
+    try { const n = W.library.recoverStaging().length; if (n) console.warn(`[Studio] ${n} geração(ões) interrompida(s) na biblioteca de ${user || "local"}: movida(s) para a lixeira.`); } catch {}
     Object.assign(W, sampleSpec());
     return W;
   }
@@ -312,12 +316,12 @@ export function createStudioServer(deckPath = null, opts = {}) {
     while (W.contextDocs.size > CONTEXT_MAX_DOCS) W.contextDocs.delete(W.contextDocs.keys().next().value);
     return { id, name, chars: text.length, detail };
   }
-  // Gerar com IA (editor ou biblioteca): pasta nova na biblioteca ("Gerando…"), o deck gravado nela com as imagens
-  // em imagens/, e a pasta renomeada para o título. Falhou: a pasta vai para a lixeira. Minutos, estilo, anexos.
+  // Gerar com IA (editor ou biblioteca): a IA trabalha numa pasta oculta do tópico (invisível na biblioteca)
+  // e a apresentação só aparece quando pronta, publicada com o título final. Falhou ou a IA perguntou algo:
+  // a pasta vai para a lixeira (recuperável). Minutos, estilo, anexos.
   async function generateIntoLibrary(W, topic, b, emit) {
     const L = W.library;
-    const id = L.createDeck(topic, { title: "Gerando…", slides: [{ layout: "cover", title: "Gerando…" }] });
-    const file = L.resolveId(id), dir = path.dirname(file);
+    const { dir, file } = L.createStagingDeck(topic);
     try {
       const prefs = loadPreferences().ia;
       const gen = await generateDeck(String(b.briefing || ""), {
@@ -339,15 +343,15 @@ export function createStudioServer(deckPath = null, opts = {}) {
         research: prefs.pesquisa === false ? false : "auto",
         researchDir: dir,
       });
-      if (gen.question) { L.trashDeck(id); return { question: gen.question }; } // a IA quer saber para que serve o material
+      if (gen.question) { L.discardStaging(topic, dir); return { question: gen.question }; } // a IA quer saber para que serve o material
       // estilo padrão da biblioteca (Brand Kit), se a pessoa não escolheu um tema para esta
       if (!b.theme) gen.spec = L.withDefaultStyle(gen.spec, dir);
       fs.writeFileSync(file, toYaml(gen.spec), "utf8");
       saveGenReport(dir, gen);
-      const finalId = L.renameDeck(id, gen.spec.title || "Nova apresentação");
+      const finalId = L.publishStagedDeck(topic, dir, gen.spec.title || "Nova apresentação");
       return { id: finalId, file: L.resolveId(finalId), images: gen.images, research: gen.research, quality: gen.quality, variety: gen.variety };
     } catch (e) {
-      L.trashDeck(id);
+      try { L.discardStaging(topic, dir); } catch {}
       throw e;
     }
   }
@@ -1205,138 +1209,7 @@ Responda só com JSON: {"colunas": [{"nome": "…", "tipo": "tempo|categoria|num
         return;
       }
       if (await slideCopyRoutes({pathname,req,res,W,readJSON,staleTab,slideClipboard,isBundledTemplate,materializePreview})) return;
-      if (pathname === "/api/ai/chat/cancel" && req.method === "POST") {
-        const body = await readJSON(req);
-        const job = W.aiChats?.get(body.requestId);
-        job?.abort();
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ ok: true, stopped: !!job }));
-        return;
-      }
-      if (pathname === "/api/ai/chat" && req.method === "POST") {
-        const body = await readJSON(req);
-        if (staleTab(body, W, res)) return;
-        const owner = W;
-        owner.aiChats ||= new Map();
-        const requestId = body.requestId || crypto.randomUUID();
-        const controller = new AbortController();
-        owner.aiChats.set(requestId, controller);
-        const signal = controller.signal;
-        const onClose = () => { if (!res.writableEnded && !['melhorar','recriar'].some(m => transforms.has(`${taskWorkspace.file}|${m}`))) controller.abort(); };
-        res.on('close', onClose);
-        // Capture o arquivo da tarefa: abrir outro deck não redireciona a escrita.
-        const taskWorkspace = { ...owner, spec: structuredClone(owner.spec) };
-        const prompt = body.message || "";
-        const spec = body.spec || taskWorkspace.spec;
-        const issues = body.issues || [];
-        // a IA vê (e testa) os slides api no ambiente atual, que pode ser o embutido "ensaio"
-        if (!apiBlocked(req) && (spec.slides || []).some((sl) => sl && sl.layout === "api")) await ensureEnsaio();
-
-        try { await respond(res, body.stream, async (send) => cancellable(async () => {
-          const emit = ev => { signal.throwIfAborted(); send(ev); };
-          let result;
-          const history = Array.isArray(body.history) ? body.history : [];
-          // o cache pode ter guardado uma queda de segundos do relay: confere de novo antes de desistir
-          if (!(await llmAvailable()) && !(await llmAvailable({ force: true }))) {
-            // Sem modelo, ninguém decide nada: nem "o que é X?" nem "resuma" viram edição por palavra-chave
-            // (as regras antigas trocavam o layout e enfiavam texto genérico no slide). O deck fica como está.
-            return {
-              reply: `A IA está desligada (nenhum LLM respondendo em ${llmConfig().url}), então não mexi em nada. Rode "modelrelay serve" ou defina SAGADECK_LLM_URL e mande de novo.`,
-              spec, actions: [], targetSlide: body.targetSlide, talk: true, mode: "off",
-            };
-          }
-          try {
-            const target = typeof body.targetSlide === "number" ? body.targetSlide : null;
-            const visuals = await lookAt(withBase(taskWorkspace, spec), target, prompt, emit);
-            // anexos: imagens vão como visão; documentos (id do /api/ai/context) vão como texto
-            const materials = await prepareDocumentMaterials(takeMaterials(taskWorkspace, (Array.isArray(body.attachments) ? body.attachments : [])
-              .filter((a) => a && typeof a === "object" && a.type === "doc").map((a) => a.id)), path.dirname(taskWorkspace.file), {signal,onProgress:emit});
-            for (const [i, url] of (Array.isArray(body.attachments) ? body.attachments : []).entries()) {
-              if (typeof url === "string" && url.startsWith("data:image/")) visuals.push({ label: `imagem colada pelo usuário ${i + 1}`, dataUrl: url });
-            }
-            // arquivos do projeto (contexto/): material para a IA, junto com os anexos da mensagem
-            const P = taskWorkspace.file && !isBundledTemplate(taskWorkspace.file) ? Project.projectOf(taskWorkspace.file) : null;
-            if (P) for (const doc of await Project.contextMaterials(P)) if (!materials.some((m) => m.name === doc.name || m.name === doc.name.split("/").pop())) materials.push(doc);
-            // links colados na mensagem: o servidor lê sozinho e conta nas ações
-            const linkActions = [];
-            for (const doc of await readPastedLinks(taskWorkspace, prompt, linkActions)) materials.push(doc);
-            result = await editDeck({
-              spec: withBase(taskWorkspace, spec), signal,
-              instruction: prompt,
-              targetSlide: target,
-              issues,
-              images: true, // a IA decide (regra no prompt: só quando pedirem ou aceitarem)
-              imageOptions: imageOptions(taskWorkspace, withBase(taskWorkspace, spec)),
-              history,
-              onProgress: emit,
-              visuals,
-              materials,
-              renderNotes: Array.isArray(body.renderNotes) ? body.renderNotes.slice(0, 8) : [],
-              apiContext: apiContextFor(req, taskWorkspace),
-              drawCheck: diagramCheck,
-              runCommand: commandRunner(req, emit, body, taskWorkspace, signal),
-              reviewCheck: (deck, indices) => reviewExperience(deck, indices, { snapshot: slideSnapshots, onProgress: emit, signal, briefing:prompt }),
-              styles: taskWorkspace.file && !isBundledTemplate(taskWorkspace.file) ? { list: taskWorkspace.library.listStyles(), current: taskWorkspace.spec?.style?.name || null } : null,
-            });
-            signal.throwIfAborted();
-            if (linkActions.length) result.actions = [...linkActions, ...(result.actions || [])];
-            // a IA decidiu transformar a apresentação inteira (transform:): o trabalho em etapas, com o andamento aqui
-            if (result.transform) {
-              const transformed = await runTransform(taskWorkspace, withBase(taskWorkspace, spec), result, emit, prompt, visuals.filter(v => v.label.startsWith("imagem colada pelo usuário")), signal);
-              return owner.file === taskWorkspace.file ? transformed : { ...transformed, spec: owner.spec, talk: true, reply: transformed.reply + '\nO resultado ficou no arquivo original; você está em outra apresentação.' };
-            }
-            // a IA decidiu mexer no estilo (estilo:): aplicar, salvar, tirar ou padrão das novas
-            if (result.style) return styleAction({ W: taskWorkspace, spec: withBase(taskWorkspace, spec), result, persist, isBundledTemplate });
-            // Slides api: a IA pediu para testar (test: [n]) → o Studio executa, devolve o relatório e ela
-            // corrige, até 3 rodadas. Quem decide testar e o que corrigir é a IA; aqui só executa.
-            const convo = [...history, { role: "user", text: prompt }]
-            for (let round = 1; result.test?.length && round <= 3; round++) {
-              if (apiBlocked(req)) { result.actions.push("Testes de slides api só no Studio local."); break; }
-              const reports = [];
-              for (const i of result.test) {
-                const slide = result.spec.slides[i];
-                emit({ phase: "test", text: `Testando o slide ${i + 1} (${apiEnv.currentName() || "sem ambiente"})…` });
-                const r = await apiEnv.runSlide(slide, { vars: taskWorkspace.apiVars || {}, deckDir: taskWorkspace.file ? path.dirname(taskWorkspace.file) : null });
-                signal.throwIfAborted();
-                if (r.saved) taskWorkspace.apiVars = { ...(taskWorkspace.apiVars || {}), ...r.saved };
-                if (r.record) {
-                  const key = globalThis.SagadeckApiCore.key(slide);
-                  if (taskWorkspace.file && !isBundledTemplate(taskWorkspace.file)) writeRecording(taskWorkspace.file, key, r.record);
-                  else (taskWorkspace.apiRecordings = taskWorkspace.apiRecordings || {})[key] = { ...r.record, at: new Date().toISOString() };
-                }
-                reports.push({ slide: i + 1, ...r.report });
-                result.actions.push(`Teste do slide ${i + 1}: ${r.report.ok ? "funcionou" : "falhou, " + String(r.report.erro || (r.report.status ? `HTTP ${r.report.status}` : "falhou")).slice(0, 140)}`);
-              }
-              convo.push({ role: "assistant", text: result.reply });
-              const instruction = `Resultado do teste (rodada ${round} de 3), executado no ambiente ${apiEnv.currentName()}:\n\`\`\`json\n${JSON.stringify(reports, null, 2).slice(0, 12000)}\n\`\`\`\nSe algo falhou ou tem "NÃO EXISTE", corrija os slides com base na resposta real e peça test de novo. Se tudo funcionou, confirme em uma frase, sem yaml.`;
-              emit({ phase: "test", text: reports.every((x) => x.ok) ? "Os testes passaram; conferindo…" : "Corrigindo com base no resultado…" });
-              const next = await editDeck({
-                spec: withBase(taskWorkspace, result.spec), signal, instruction, targetSlide: target, images: false,
-                imageOptions: imageOptions(taskWorkspace, withBase(taskWorkspace, result.spec)), history: convo, onProgress: emit, apiContext: apiContextFor(req, taskWorkspace),
-                drawCheck: diagramCheck, runCommand: commandRunner(req, emit, body, taskWorkspace, signal),
-              });
-              convo.push({ role: "user", text: instruction });
-              result = { ...next, actions: [...result.actions, ...(next.actions || [])], spec: next.spec };
-            }
-            result.mode = "llm";
-          } catch (e) {
-            if (signal.aborted) return { reply: "Parado a pedido. Nenhuma resposta pendente foi aplicada.", spec, actions: [], talk: true, mode: "cancelled" };
-            // Falhou no meio: não "chuta" com as regras (poderiam fazer outra coisa); deck fica como estava.
-            console.error("[Studio] IA falhou:", e.message);
-            return chatErrorResult(e,spec,body.targetSlide);
-          }
-          // o que a pessoa salvou enquanto a IA pensava não some: junção a três (base = o que foi para a IA)
-          signal.throwIfAborted();
-          const current = taskWorkspace.file && fs.existsSync(taskWorkspace.file) ? loadSpec(taskWorkspace.file) : owner.spec;
-          const merged = globalThis.SagadeckMerge.mergeDecks(spec, current || spec, result.spec);
-          taskWorkspace.spec = merged.deck;
-          carryVisualEdits(spec, taskWorkspace.spec); // a IA mudou o texto de um objeto ajustado: o ajuste acompanha
-          persist(taskWorkspace);
-          if (owner.file === taskWorkspace.file) owner.spec = taskWorkspace.spec;
-          return { ...result, spec: taskWorkspace.spec, conflicts: merged.conflicts, kept: merged.kept };
-        }, signal)); } finally { owner.aiChats.delete(requestId); res.off("close", onClose); }
-        return;
-      }
+      if (await aiChatRoutes({ req, res, pathname, url, W, readJSON, staleTab, llmAvailable, llmConfig, lookAt, withBase, apiBlocked, ensureEnsaio, readPastedLinks, imageOptions, apiContextFor, commandRunner, diagramCheck, slideSnapshots, persist, isBundledTemplate, runTransform, transforms, apiEnv })) return;
 
       // ── Biblioteca (tópicos e apresentações da área de trabalho) ──
       // ---------- slide "api": executa pedidos HTTP (ver src/api-client.js) ----------
@@ -1345,151 +1218,7 @@ Responda só com JSON: {"colunas": [{"nome": "…", "tipo": "tempo|categoria|num
       // slide API: ambientes, variáveis, envio, tempo real, gravação (src/studio/api-routes.js)
       if (pathname.startsWith("/api/http/")) return apiRoutes({ req, res, pathname, url, W, apiEnv, rtSessions, apiBlocked, ensureEnsaio, readJSON, isBundledTemplate });
 
-      if (pathname.startsWith("/api/library")) {
-        const L = W.library;
-        const ok = (obj = {}) => { res.writeHead(200, { "Content-Type": "application/json" }); res.end(JSON.stringify({ ok: true, ...obj })); };
-        const fail = (e, code = 400) => { res.writeHead(code, { "Content-Type": "application/json" }); res.end(JSON.stringify({ error: e.message || String(e) })); };
-        try {
-          if (pathname === "/api/library" && req.method === "GET") {
-            const openId = W.file && W.file.startsWith(L.root + path.sep) ? L.idOf(W.file) : null;
-            return ok({ ...L.list(), user: W.user, multiuser: !!opts.multiuser, open: openId });
-          }
-          if (pathname === "/api/library/gallery-cover" && req.method === "GET") {
-            const key = galleryKey(url.searchParams.get("key")), entry = galleryEntry(key);
-            const spec = entry.dir ? { ...entry.spec, _dir: entry.dir } : entry.spec;
-            const cacheDir = path.join(L.root, ".cache", "vitrine");
-            const cached = path.join(cacheDir, `${crypto.createHash("sha1").update(`${key}|${JSON.stringify(entry.spec)}`).digest("hex")}.jpg`);
-            if (!fs.existsSync(cached)) {
-              const [shot] = await slideSnapshots(spec, 0, { mode: "final", width: 480 });
-              fs.mkdirSync(cacheDir, { recursive: true });
-              fs.writeFileSync(cached, Buffer.from(shot.dataUrl.split(",")[1], "base64"));
-            }
-            res.writeHead(200, { "Content-Type": "image/jpeg", "Cache-Control": "private, max-age=86400" });
-            res.end(fs.readFileSync(cached));
-            return;
-          }
-          if (pathname === "/api/library/cover" && req.method === "GET") {
-            const file = L.resolveId(url.searchParams.get("id"));
-            const st = fs.statSync(file);
-            const cacheDir = path.join(L.root, ".cache", "capas");
-            const cached = path.join(cacheDir, `${crypto.createHash("sha1").update(`${L.idOf(file)}|${st.mtimeMs}`).digest("hex")}.jpg`);
-            if (!fs.existsSync(cached)) {
-              const spec = loadSpec(file);
-              const [shot] = await slideSnapshots(spec, 0, { mode: "final", width: 480 });
-              fs.mkdirSync(cacheDir, { recursive: true });
-              fs.writeFileSync(cached, Buffer.from(shot.dataUrl.split(",")[1], "base64"));
-            }
-            res.writeHead(200, { "Content-Type": "image/jpeg", "Cache-Control": "private, max-age=31536000" });
-            res.end(fs.readFileSync(cached));
-            return;
-          }
-          if (pathname === "/api/library/download" && req.method === "GET") {
-            const file = L.resolveId(url.searchParams.get("id"));
-            const kind = url.searchParams.get("kind") || "sagadeck";
-            if (!["sagadeck", "pptx", "pdf", "roteiro", "tudo", "estudo", "estudo-html"].includes(kind)) throw new Error("formato inválido");
-            await sendExport(res, kind, loadSpec(file), path.basename(file).replace(/\.ya?ml$/i, ""), { audience:url.searchParams.get('audience')||undefined, notes: url.searchParams.get("notas") !== "0" });
-            return;
-          }
-          if (pathname === "/api/library/import" && req.method === "POST") {
-            const name = url.searchParams.get("name") || "Importada";
-            // PowerPoint: importação fiel (src/import); .sagadeck/.zip: pacote do sagadeck
-            if (/\.pptx$/i.test(name)) { const r = await L.importOffice(await readBody(req), url.searchParams.get("topic") || "", name); return ok({ id: r.id, slides: r.slides, snapshots: r.snapshots, snapBy: r.snapBy }); }
-            const id = await L.importPackage(await readBody(req), url.searchParams.get("topic") || "", name);
-            return ok({ id });
-          }
-          if (req.method !== "POST") return fail(new Error("método não suportado"), 405);
-          const b = await readJSON(req);
-          switch (pathname) {
-            case "/api/library/experience": {
-              const spec = createExperienceDeck(b.experience, { title: b.title });
-              buildHTML(spec); // Valida antes de criar o arquivo na biblioteca.
-              return ok({ id: L.createDeck(b.topic || "", spec) });
-            }
-            case "/api/library/topics": return ok({ id: L.createTopic(b.name, b.color) });
-            case "/api/library/topics/update": return ok({ id: L.updateTopic(b.id, b) });
-            case "/api/library/topics/delete": L.deleteTopic(b.id); return ok();
-            case "/api/library/decks": {
-              // nova: em branco (uma capa) — "com IA" usa /api/library/decks/ai
-              const title = String(b.title || "Nova apresentação").trim();
-              const id = L.createDeck(b.topic || "", { title, theme: b.theme || "bauhaus", duration: 10,
-                slides: [{ layout: "cover", title, subtitle: "Subtítulo", author: "" }] });
-              // estilo padrão da biblioteca (Brand Kit): sem tema escolhido, a nova já nasce nele
-              if (!b.theme && L.defaultStyle()) { const f = L.resolveId(id); writeDeckFile(f, L.withDefaultStyle(YAML.parse(fs.readFileSync(f, "utf8")), path.dirname(f))); }
-              return ok({ id });
-            }
-            case "/api/library/decks/model": {
-              // modelos de fábrica (src/studio/demo-decks.js): viram uma apresentação nova na biblioteca
-              const id = L.createDeck(b.topic || "Modelos", demoDeck(b.kind));
-              copyModelAssets(L, id, b.kind);
-              return ok({ id });
-            }
-            case "/api/library/decks/model-preview": {
-              // abre o item da vitrine sem criar arquivo; a cópia só nasce na primeira mudança
-              const key = galleryKey(b.key || b.kind), entry = galleryEntry(key);
-              W.spec = entry.dir ? { ...entry.spec, _dir: entry.dir } : entry.spec;
-              W.file = null;
-              W.preview = { key, topic: String(b.topic ?? "Modelos") }; // "" = sem tópico
-              W.chatHistory = [];
-              return ok({ spec: W.spec, preview: { key, title: W.spec.title, topic: W.preview.topic } });
-            }
-            case "/api/library/decks/model-use": {
-              // "Usar como base": cria a cópia agora, mesmo sem mudança
-              const made = materializePreview(W);
-              if (!made) throw new Error("Não há um modelo em prévia aberto.");
-              return ok(made);
-            }
-            case "/api/library/decks/example-cenario": {
-              // demonstração do Texto no cenário: o YAML e as imagens de exemplo (fundo e recorte transparente)
-              const dir0 = TEMPLATE_DIRS.map((d) => path.join(d, "cenario")).find((d) => fs.existsSync(d));
-              if (!dir0) throw new Error("o exemplo não veio no pacote (templates/cenario)");
-              const tpl = fs.readdirSync(dir0).find((f) => f.endsWith(".yaml"));
-              const id = L.createDeck(b.topic || "", YAML.parse(fs.readFileSync(path.join(dir0, tpl), "utf8")));
-              fs.cpSync(path.join(dir0, "imagens"), path.join(path.dirname(L.resolveId(id)), "imagens"), { recursive: true, force: false });
-              return ok({ id });
-            }
-            case "/api/library/decks/example": {
-              // exemplo de slides api (aula de APIs de IA): roda no ambiente embutido "ensaio", sem configurar nada
-              const tpl = templateFile("ensaio-api.yaml");
-              if (!tpl) throw new Error("o exemplo não veio no pacote (templates/ensaio-api.yaml)");
-              const id = L.createDeck(b.topic || "", YAML.parse(fs.readFileSync(tpl, "utf8")));
-              const dir = path.dirname(L.resolveId(id));
-              for (const [name, text] of Object.entries(DEMO_FILES)) fs.writeFileSync(path.join(dir, name), text);
-              return ok({ id });
-            }
-            case "/api/library/decks/move": return ok({ id: L.moveDeck(b.id, b.topic || "") });
-            case "/api/library/decks/rename": {
-              const id = L.renameDeck(b.id, String(b.title || "").trim() || "Sem título");
-              if (W.file === L.resolveId(b.id)) { W.file = L.resolveId(id); W.spec = loadSpec(W.file); }
-              return ok({ id });
-            }
-            case "/api/library/decks/duplicate": return ok({ id: L.duplicateDeck(b.id) });
-            case "/api/library/decks/trash": return ok({ slot: L.trashDeck(b.id) });
-            case "/api/library/decks/restore": return ok({ id: L.restoreDeck(b.slot) });
-            case "/api/library/decks/purge": L.purgeDeck(b.slot); return ok();
-            case "/api/library/trash/empty": return ok({ purged: L.emptyTrash() });
-            case "/api/library/open": {
-              W.preview = null;
-              const file = L.resolveId(b.id);
-              W.spec = loadSpec(file);
-              W.file = file;
-              return ok({ spec: W.spec, file: W.file, id: b.id });
-            }
-            case "/api/library/decks/ai": {
-              // gera com IA direto numa pasta nova da biblioteca (as imagens ficam dentro dela)
-              if (!(await llmAvailable({ force: true }))) return fail(new Error(`Nenhum LLM respondendo em ${llmConfig().url}.`), 503);
-              await respond(res, b.stream, async (emit) => {
-                const r = await generateIntoLibrary(W, b.topic || "", b, emit);
-                if (r.question) return { ok: true, question: r.question }; // o Studio mostra a pergunta e gera de novo com a resposta
-                return { ok: true, id: r.id, images: r.images, research: r.research, quality: r.quality, variety: r.variety };
-              });
-              return;
-            }
-          }
-          return fail(new Error("rota da biblioteca desconhecida"), 404);
-        } catch (e) {
-          return fail(e);
-        }
-      }
+      if (pathname.startsWith("/api/library")) return libraryRoutes({ req, res, pathname, url, W, opts, readJSON, readBody, slideSnapshots, sendExport, galleryKey, galleryEntry, materializePreview, copyModelAssets, generateIntoLibrary, llmAvailable, llmConfig, respond, templateFile, TEMPLATE_DIRS });
 
       // Baixar o deck aberto: .sagadeck (YAML + imagens, CSS, widgets), PowerPoint, PDF ou roteiro
       const exportKind = (pathname.match(/^\/api\/export\/(sagadeck|pptx|pdf|roteiro|tudo|estudo|estudo-html)$/) || [])[1];
@@ -1497,7 +1226,7 @@ Responda só com JSON: {"colunas": [{"nome": "…", "tipo": "tempo|categoria|num
         const spec = withBase(W, W.spec);
         const name = W.file && !isBundledTemplate(W.file) ? path.basename(W.file).replace(/\.ya?ml$/i, "") : slugify(spec.title);
         // ?ver=1: o material de estudo abre na aba (o que o aluno recebe), em vez de baixar
-        await sendExport(res, exportKind, spec, name, { audience:url.searchParams.get('audience')||undefined, notes: url.searchParams.get("notas") !== "0", inline: exportKind === "estudo-html" && url.searchParams.get("ver") === "1" });
+        await sendExport(res, exportKind, spec, name, { audience:url.searchParams.get('audience')||undefined, notes: url.searchParams.get("notas") !== "0", inline: exportKind === "estudo-html" && url.searchParams.get("ver") === "1", macFonts: url.searchParams.get("macFonts") === "1" });
         return;
       }
 

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

@@ -8,9 +8,10 @@ export async function slideCopyRoutes({pathname,req,res,W,readJSON,staleTab,slid
       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 slides = Array.isArray(body.slides) && body.slides.length ? body.slides : [body.slide];
+        if (!W.file || !slides[0]) 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) });
+        slideClipboard.set(W.user || '', { token, file: W.file, slides: structuredClone(slides) });
         res.writeHead(200, { "Content-Type": "application/json" }); res.end(JSON.stringify({ token })); return true;
       }
       if (pathname === "/api/slides/paste" && req.method === "POST") {
@@ -19,8 +20,10 @@ export async function slideCopyRoutes({pathname,req,res,W,readJSON,staleTab,slid
         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;
+        const from = Array.isArray(clip.slides) && clip.slides.length ? clip.slides : [clip.slide];
+        const slides = [];
+        for (const one of from) slides.push(await copySlideAssets(one, clip.file, W.file));
+        res.writeHead(200, { "Content-Type": "application/json" }); res.end(JSON.stringify({ slides, slide: slides[0] })); return true;
       }
  return false;
 }

package/src/studio/snapshot.js

@@ -39,6 +39,9 @@ export async function slideSnapshots(spec, index, { mode = "final", maxFrames =
     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}' });
+    // Fotos para conferência (e exportação estática): animações de gráfico concluídas, senão o instantâneo
+    // pega linhas no meio do traço e a revisão acusa "linhas faltando" que o usuário nunca veria.
+    await page.addStyleTag({ content: '.chart .draw,.chart .fade-in,.chart .pop,.chart .gx,.chart .gy,.chart .arc{animation:none!important;opacity:1!important;transform:none!important}.chart .draw{stroke-dashoffset:0!important}' });
     await page.waitForFunction(() => window.sagadeck && typeof window.sagadeck.goto === "function", null, { timeout: 10000 });
     await page.evaluate(() => window.SagaScienceReady);
     await page.evaluate(() => window.SagaDiagramsReady);

package/src/themes.js

@@ -599,6 +599,36 @@ export function themeCSS(theme) {
 }
 
 // Mapa usado pelo exportador de PPTX: alias CSS da família -> face do PowerPoint.
-export function pptxFontMap(theme) {
-  return Object.fromEntries(Object.entries(theme.faces).map(([k, f]) => [k, { regular: f.pptx, bold: f.pptxBold || { ...f.pptx, bold: true } }]));
+export function pptxFontMap(theme, { fallback } = {}) {
+  const map = Object.fromEntries(Object.entries(theme.faces).map(([k, f]) => [k, { regular: f.pptx, bold: f.pptxBold || { ...f.pptx, bold: true } }]));
+  if (fallback === "mac") {
+    for (const m of Object.values(map)) {
+      m.regular = { ...m.regular, face: macFallbackFace(m.regular.face) };
+      m.bold = { ...m.bold, face: macFallbackFace(m.bold.face) };
+    }
+  }
+  return map;
+}
+
+// Fontes presentes no Windows e no macOS mesmo sem o Office instalado: o PPTX
+// com --mac-fonts só usa estas. O HTML e o PDF não mudam (continuam idênticos).
+export const PPTX_MAC_SAFE = new Set([
+  "Arial", "Arial Narrow", "Arial Black", "Verdana", "Courier New",
+  "Georgia", "Comic Sans MS", "Times New Roman",
+]);
+
+// Windows/Office (e as OFL vendorizadas no HTML) -> equivalente dos dois sistemas.
+// A cara é preservada: condensada vira condensada, mono vira mono, mão vira mão.
+export function macFallbackFace(face) {
+  if (!face || PPTX_MAC_SAFE.has(face)) return face;
+  if (/^Bahnschrift/i.test(face)) return "Arial Narrow";
+  if (/^Segoe UI/i.test(face)) return "Arial";
+  if (/^Cascadia Mono/i.test(face)) return "Courier New";
+  if (/^Century Gothic/i.test(face)) return "Verdana";
+  if (/^Franklin Gothic Heavy/i.test(face)) return "Arial Black";
+  if (/^Franklin Gothic/i.test(face)) return "Arial";
+  if (/^(Ink Free|Segoe Print|Caveat|Patrick Hand|Comic Neue)$/i.test(face)) return "Comic Sans MS";
+  if (/^(Press Start 2P|VT323)$/i.test(face)) return "Courier New";
+  if (/^(Plus Jakarta Sans|Fredoka|Inter|Futura)$/i.test(face)) return "Arial";
+  return "Arial";
 }