sagadeck 1.7.0 → 1.8.0

package/src/studio/public/viewers.js

@@ -243,7 +243,7 @@
   // ------------------------------------------------------------------ planilha como no Excel
   const colName = (i) => { let s = ""; i++; while (i > 0) { const r = (i - 1) % 26; s = String.fromCharCode(65 + r) + s; i = Math.floor((i - 1) / 26); } return s; };
   const looksNum = (v) => /^\s*[-+]?(R\$\s*)?(\d{1,3}(\.\d{3})+(,\d+)?|\d+([.,]\d+)?)\s*%?\s*$/.test(String(v ?? ""));
-  function sheetGrid(host, { rows, editable = false, hasHeader = false, maxRender = 3000, onChange, types = [] } = {}) {
+  function sheetGrid(host, { rows, editable = false, hasHeader = false, maxRender = 3000, onChange, onSelect, types = [] } = {}) {
     let data = rows.map((r) => [...r]);
     const undo = [], redo = [];
     let sel = { r: 0, c: 0, r2: 0, c2: 0 }, editing = null;
@@ -267,6 +267,7 @@
       const [r1, r2] = [Math.min(sel.r, sel.r2), Math.max(sel.r, sel.r2)], [c1, c2] = [Math.min(sel.c, sel.c2), Math.max(sel.c, sel.c2)];
       for (let r = r1; r <= r2; r++) for (let c = c1; c <= c2; c++) cell(r, c)?.classList.add("sel");
       const cur = cell(sel.r, sel.c); cur?.classList.add("cur");
+      onSelect?.(sel.r, sel.c); // quem abriu a planilha acompanha a linha (ex.: o mapa abre o cartão do ponto)
       for (let c = c1; c <= c2; c++) table.querySelector(`thead th[data-col="${c}"]`)?.classList.add("on");
       for (let r = r1; r <= r2; r++) table.querySelector(`tbody th[data-row="${r}"]`)?.classList.add("on");
       cur?.scrollIntoView({ block: "nearest", inline: "nearest" });

package/src/studio/public/visual-editor.js

@@ -257,7 +257,7 @@
     if(!root.dataset.visualEvents){
       root.dataset.visualEvents='true';
       root.addEventListener('pointerdown',e=>{
-        if(e.button!==0 || e.target.closest('.science-plot,input,textarea'))return;
+        if(e.button!==0 || e.target.closest('.science-plot,.map-live,input,textarea'))return; // gráfico e mapa ao vivo recebem o próprio clique
         if(e.target.closest('[contenteditable="true"]')?.dataset.writing)return; // escrevendo: o clique é do cursor
         const el=objectAt(e.clientX,e.clientY)||(locked(e.target.closest('[data-vkey]'))?null:e.target.closest('[data-vkey]'));
         if(!el){

package/src/studio/server.js

@@ -6,6 +6,7 @@ import {chatErrorResult,installErrorResponses} from './errors.js';
 import { slideCopyRoutes } from "./slide-copy-routes.js";
 import { publicScript } from "./public-files.js";
 import { iaRoutes } from "./ia-routes.js";
+import { geoRoutes } from "./geo-routes.js";
 import { codeWatch } from "./code-version.js";
 import {meetingRoutes,meetingPreview} from '../meeting.js';
 import { codeRoutes } from "./code-routes.js";
@@ -493,6 +494,13 @@ export function createStudioServer(deckPath = null, opts = {}) {
         res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/diagram.js" ? "diagram.js" : "vendor/mermaid.min.js")));
         return;
       }
+      // mapa ao vivo (src/runtime/map.js): o Leaflet e os contornos só são pedidos quando um slide de mapa monta
+      if (["/map.js", "/leaflet.js", "/leaflet.css", "/geo-contornos.json"].includes(pathname)) {
+        const type = pathname.endsWith(".css") ? "text/css" : pathname.endsWith(".json") ? "application/json" : "application/javascript";
+        res.writeHead(200, { "Content-Type": `${type}; charset=utf-8` }); // sem cache: depois de atualizar, o mapa novo vale na hora
+        res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/map.js" ? "map.js" : `vendor${pathname}`)));
+        return;
+      }
       if (["/science.js", "/formula.js", "/calc.js", "/plotly.min.js"].includes(pathname)) {
         res.writeHead(200, {"Content-Type":"application/javascript; charset=utf-8"});
         res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/plotly.min.js" ? "vendor/plotly.min.js" : pathname.slice(1))));
@@ -895,12 +903,16 @@ export function createStudioServer(deckPath = null, opts = {}) {
 
       // Configurar IA (provedor, chave, modelos desta máquina): src/studio/ia-routes.js
       if (pathname.startsWith("/api/ia") && await iaRoutes({ req, res, pathname, opts, readJSON })) return;
+      // Configurar mapa, estado dos serviços e coordenadas pelo endereço: src/studio/geo-routes.js
+      if (pathname.startsWith("/api/mapa") && await geoRoutes({ req, res, pathname, opts, readJSON, W, isBundledTemplate })) return;
 
       if (pathname === "/api/ai/status" && req.method === "GET") {
         const cfg = llmConfig();
         const available = await llmAvailable({ force: url.searchParams.has("refresh") });
         res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ available, configured: llmConfigured(cfg), source: cfg.source, url: cfg.url, textModel: cfg.textModel, imageModel: cfg.imageModel }));
+        // no servidor, só se está ligada: provedor e modelos são de quem administra (src/studio/ia-routes.js)
+        if (opts.multiuser) { res.end(JSON.stringify({ available, configured: llmConfigured(cfg), server: true })); return; }
+        res.end(JSON.stringify({ available, configured: llmConfigured(cfg), problem: cfg.problem || "", source: cfg.source, url: cfg.url, textModel: cfg.textModel, imageModel: cfg.imageModel }));
         return;
       }
 

package/src/studio/tour.js

@@ -0,0 +1,76 @@
+// "Conheça o SagaDeck": a apresentação que todo usuário acha na biblioteca, com tudo o que dá para fazer. Monta-se
+// sozinha dos exemplos de layout (layout-samples.js): layout novo entra aqui sem ninguém lembrar (engine.test.js
+// confere). Cada slide diz o nome do recurso e a frase para pedir à IA. Abre em prévia, como os modelos da vitrine.
+import { LAYOUT_INFO, LAYOUT_SAMPLES, LAYOUT_ASK } from "./layout-samples.js";
+
+export const TOUR_TITLE = "Conheça o SagaDeck";
+
+// os grupos na ordem em que fazem sentido para quem está conhecendo; layout que não estiver em nenhum entra em "Mais"
+const GROUPS = [
+  ["Abrir e fechar", "capa, seções, agenda e encerramento", ["cover", "section", "agenda", "end", "references"]],
+  ["Uma ideia por vez", "frases, números e palavras que ocupam o palco", ["statement", "headline", "quote", "definition", "number", "kinetic", "scenography"]],
+  ["Organizar o conteúdo", "listas, cartões, etapas, comparações e linhas do tempo", ["list", "cards", "mosaic", "ribbon", "bento", "split", "compare", "matrix", "steps", "timeline", "calendar", "hub", "infographic", "pyramid", "funnel"]],
+  ["Números e dados", "indicadores, gráficos, tabelas e painéis", ["stats", "chart", "table", "map", "onepage", "status", "poster"]],
+  ["Imagem e vídeo", "fotos, vídeos e foco guiado", ["image", "full", "spotlight", "carousel", "video"]],
+  ["Com a plateia", "perguntas, enquetes e experiências interativas", ["question", "poll", "decisionlab", "playground", "portal"]],
+  ["Código e tecnologia", "código, APIs ao vivo, Git e diagramas", ["code", "codewalk", "codelab", "api", "duel", "terminals", "turns", "diagram", "graphlab", "algo", "dossier"]],
+  ["Aula e ciência", "fórmulas que viram curva, calculadoras e exercícios", ["science", "calc", "solution"]],
+  ["Do seu jeito", "monte o slide livremente", ["blocks", "canvas"]],
+];
+
+// o que não é layout, mas a pessoa precisa saber que existe
+const EXTRAS = [
+  ["sparkles", "Criar com IA", "De um tema, de um arquivo (PDF, Word, planilha, PowerPoint) ou de um link: a IA monta a apresentação inteira."],
+  ["message-circle", "Conversar com a IA", "No chat, peça mudanças no slide ou no deck todo; cada mudança vira uma versão que dá para desfazer."],
+  ["search-check", "Leitura crítica", "A IA revisa a apresentação e aponta o que melhorar, slide a slide, com Aplicar e Ignorar."],
+  ["file-up", "Importar PowerPoint", "Traga um .pptx e continue editando aqui, com as imagens e a ordem do original."],
+  ["table", "Gráfico da planilha", "Cole do Excel ou use a planilha do projeto: o Studio sugere gráficos e atualiza quando o arquivo muda."],
+  ["palette", "Temas e paletas", "Troque o visual inteiro com um clique; o conteúdo se rearruma sozinho."],
+  ["presentation", "Modo apresentador", "Notas, próximo slide, cronômetro e caneta para desenhar ao vivo."],
+  ["download", "PDF e PowerPoint", "Exporte para PDF ou para um PowerPoint editável, com as animações de clique."],
+  ["link", "Compartilhar link", "Um link só de leitura, para quem não precisa editar."],
+];
+
+// os exemplos de navegação (hub, cartões) apontam para slides que não existem aqui: o link sai, o desenho fica
+const semLinks = (v) => (Array.isArray(v) ? v.map(semLinks) : v && typeof v === "object" ? Object.fromEntries(Object.entries(v).filter(([k]) => k !== "goto").map(([k, x]) => [k, semLinks(x)])) : v);
+
+const asked = (ask) => `Peça à IA: “${ask}”`;
+
+export function tourDeck() {
+  const all = Object.keys(LAYOUT_SAMPLES);
+  const used = new Set(GROUPS.flatMap(([, , names]) => names));
+  const groups = [...GROUPS.map(([title, sub, names]) => [title, sub, names.filter((n) => LAYOUT_SAMPLES[n])])];
+  const rest = all.filter((n) => !used.has(n));
+  if (rest.length) groups.push(["Mais recursos", "os layouts mais novos", rest]);
+
+  const slides = [{
+    layout: "cover", kicker: "SAGADECK · TOUR", title: TOUR_TITLE,
+    subtitle: "Tudo o que dá para fazer, um slide por recurso. Cada um diz como pedir à IA.",
+    figure: { icon: "compass", size: 320 },
+    notes: "Navegue à vontade: nada aqui cria arquivo. Embaixo de cada slide (nestas notas) está o nome do recurso e a frase para pedir à IA na sua apresentação.",
+  }];
+  groups.forEach(([title, sub, names], i) => {
+    if (!names.length) return;
+    slides.push({ layout: "section", number: i + 1, kicker: `${names.length} recurso${names.length === 1 ? "" : "s"}`, title, subtitle: sub });
+    for (const name of names) {
+      const sample = semLinks(structuredClone(LAYOUT_SAMPLES[name]));
+      const [label, desc] = LAYOUT_INFO[name] || [name, ""];
+      const ask = LAYOUT_ASK[name] || "";
+      slides.push({
+        ...sample,
+        layout: name,
+        tour: name,
+        source: `**${label}**: ${desc}. ${asked(ask)}`,
+        // as notas ficam visíveis logo abaixo do slide no Studio (e na visão do apresentador): valem para todo layout,
+        // inclusive os que não desenham o rodapé (capa, citação, vídeo…)
+        notes: [`${label}: ${desc}.`, asked(ask), sample.notes].filter(Boolean).join("\n\n"),
+      });
+    }
+  });
+  slides.push({ layout: "section", number: groups.length + 1, kicker: "Além dos slides", title: "O que mais o SagaDeck faz", subtitle: "IA, importação, exportação e apresentação" });
+  slides.push({ layout: "cards", title: "Com a IA", cols: 3, items: EXTRAS.slice(0, 3).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "cards", title: "Com os seus arquivos", cols: 3, items: EXTRAS.slice(3, 6).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "cards", title: "Na hora de apresentar", cols: 3, items: EXTRAS.slice(6).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "end", title: "Agora é a sua vez.", subtitle: "Crie uma apresentação e peça à IA o que você viu aqui." });
+  return { title: TOUR_TITLE, theme: "sinal", duration: 30, maxWords: 140, slides };
+}

package/src/templates/scaffold.js

@@ -6,7 +6,7 @@ export function generateScaffold({
   title = "Minha Apresentação",
   theme = "prata",
   author = "Seu Nome",
-  type = "keynote",
+  type = "lancamento",
 } = {}) {
   const normType = String(type).toLowerCase();
 
@@ -243,7 +243,7 @@ export function generateScaffold({
     };
   }
 
-  // Padrão: Keynote Clean / Apple style
+  // Padrão: lançamento, limpo e com muito respiro (tema prata)
   return {
     title,
     author,
@@ -252,7 +252,7 @@ export function generateScaffold({
     slides: [
       {
         layout: "cover",
-        kicker: "Keynote de Lançamento",
+        kicker: "Lançamento",
         title: "Design com ==Propósito==.",
         subtitle: "A harmonia entre simplicidade, respiro e precisão",
         author,
@@ -355,14 +355,14 @@ export function generateScaffold({
             text: "O padrão definitivo para criadores exigentes.",
             rating: 5,
             ratingLabel: "5.0 Pro",
-            tags: ["Keynote", "Prata"],
+            tags: ["Lançamento", "Prata"],
           },
         ],
         notes: "> O tom escuro cria um momento teatral no palco.",
       },
       {
         layout: "end",
-        title: "Pense Diferente.",
+        title: "Simples assim.",
         subtitle: "Obrigado.",
         contacts: ["apresentacao@empresa.com", "suporte@empresa.com"],
         notes: "> Conclusão elegante e contato.",

package/src/themes.js

@@ -270,7 +270,7 @@ export const THEMES = {
   },
 
   prata: {
-    label: "Prata — Keynote clean & espacial: prata acetinado, muito respiro, tipografia SF / Inter limpa e elegante",
+    label: "Prata — limpo e espacial: prata acetinado, muito respiro, tipografia do sistema / Inter limpa e elegante",
     colors: {
       paper: "F5F5F7", ink: "1D1D1F", accent: "0071E3", alert: "FF3B30",
       muted: "86868B", line: "D2D2D7", surface: "FFFFFF", surfaceDark: "161617",
@@ -293,10 +293,10 @@ export const THEMES = {
     },
     radius: 20, deco: "silver",
   },
-  // Alumínio: a cara dos lançamentos de iPhone e iPad de 2020-2021 (prata metálico, alumínio escovado, títulos
-  // cromados, grafite no escuro). O prata segue fiel ao branco da Apple de hoje.
+  // Alumínio: a cara de lançamento de aparelho premium (prata metálico, alumínio escovado, títulos
+  // cromados, grafite no escuro). O prata segue o branco limpo.
   aluminio: {
-    label: "Alumínio — lançamento de iPhone e iPad (2020): prata metálico, títulos cromados, alumínio escovado e grafite",
+    label: "Alumínio — lançamento de aparelho premium: prata metálico, títulos cromados, alumínio escovado e grafite",
     colors: {
       paper: "E4E5E9", ink: "1C1C1E", accent: "0066CC", alert: "D70015",
       muted: "5E5E63", line: "C3C5CA", surface: "F4F5F7", surfaceDark: "2C2C2E",
@@ -305,7 +305,7 @@ export const THEMES = {
     tones: {
       light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "D1D3D8", em: "accent", onHi: "ink" },
       dark: { bg: "1C1C1E", fg: "F5F5F7", muted: "A1A1A6", line: "3A3A3C", surface: "surfaceDark", hi: "48484A", em: "2997FF", onHi: "FFFFFF" },
-      // azul-pacífico do iPhone 12 Pro, metálico (a pele põe o brilho)
+      // azul-pacífico metálico (a pele põe o brilho)
       accent: { bg: "1D3A50", fg: "FFFFFF", muted: "C5D6E3", line: "3F6580", surface: "2A4C64", hi: "FFFFFF", em: "8FC1E3", onHi: "1D3A50" },
       alert: { bg: "alert", fg: "FFFFFF", muted: "FFD1D4", line: "F0525F", surface: "B30012", hi: "FFFFFF", em: "FFFFFF", onHi: "alert" },
     },

package/templates/{exemplo-keynote.yaml → exemplo-prata.yaml}

@@ -1,10 +1,10 @@
 title: Inovação & Design
-author: Keynote Clean
+author: Estúdio Prata
 theme: prata
 duration: 12
 slides:
   - layout: cover
-    kicker: Apresentação Especial · Keynote
+    kicker: Apresentação Especial · Lançamento
     title: Simplicidade com ==Impacto==.
     subtitle: A estética do respiro, elegância e precisão visual
     author: Design Team
@@ -79,12 +79,12 @@ slides:
         title: "Padrão de Mercado"
         text: "A referência definitiva para profissionais sérios."
         rating: 5
-        ratingLabel: "5.0 Keynote"
-        tags: ["Keynote", "Prata", "Apple Clean"]
+        ratingLabel: "5.0 Pro"
+        tags: ["Lançamento", "Prata", "Clean"]
 
   - layout: end
-    title: Pense Diferente.
+    title: Simples assim.
     subtitle: Obrigado.
     contacts:
-      - apple.com/keynote
+      - design.org
       - contato@design.org