sagadeck 1.7.0 → 1.7.1

package/src/runtime/skins/aluminio.css

@@ -1,4 +1,4 @@
-/* Alumínio (lançamento de iPhone e iPad, 2020-2021): prata metálico com brilho de luz de estúdio, alumínio escovado,
+/* Alumínio (lançamento de aparelho premium): prata metálico com brilho de luz de estúdio, alumínio escovado,
    títulos cromados (a cor continua sólida em "color": o fiscal mede o contraste por ela), cartões de metal com
    chanfro de luz; capa com o título embaixo à esquerda e um disco de metal polido à direita; o escuro é grafite */
 /* o metal sai das cores do tom (--bg, --fg, --surface): com uma paleta por cima, ele acompanha */

package/src/runtime/skins/prata.css

@@ -1,4 +1,4 @@
-/* Prata (Keynote): nada de enfeite; muito respiro, tudo centralizado, título contido, número da seção discreto */
+/* Prata: nada de enfeite; muito respiro, tudo centralizado, título contido, número da seção discreto */
 .th-prata .L-cover:not(:has(.cv-fig)) .cv-main,.th-prata .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center;gap:28px}
 .th-prata :is(.L-cover,.L-end) .ttl{max-width:1300px}
 .th-prata .kicker{color:var(--muted);letter-spacing:.02em}

package/src/studio/banner.js

@@ -7,7 +7,7 @@ const providerName = (ai) => Object.values(PROVIDERS).find((p) => p.url === ai.u
 
 export function studioBanner({ version, url, library, ai = null, multiuser = false, usersDir = "", pid = process.pid, isLibrary = true }) {
   const iaLine = !ai || !(ai.url || ai.adaptador)
-    ? "  IA: não configurada. No Studio, clique em IA desligada (ou Configurar IA na biblioteca) e informe provedor e chave."
+    ? (ai?.problem ? `  IA: não configurada. ${ai.problem}` : "  IA: não configurada. No Studio, clique em IA desligada (ou Configurar IA na biblioteca) e informe provedor e chave.")
     : `  IA: ${providerName(ai)} · texto ${ai.textModel}${ai.source === "variável" ? " (pelas variáveis SAGADECK_LLM_*)" : ""}`;
   return [
     `✓ SagaDeck Studio ${version} pronto. Abra no navegador: ${url}${isLibrary ? "  (biblioteca)" : ""}`,

package/src/studio/ia-routes.js

@@ -23,7 +23,10 @@ function draft(body, current) {
 export async function iaRoutes({ req, res, pathname, opts, readJSON }) {
   if (pathname === "/api/ia" && req.method === "GET") {
     const cfg = llmConfig();
-    json(res, 200, { config: maskedIA(loadIA()), file: iaFile(), source: cfg.source, configured: !!(cfg.url || cfg.adaptador), providers: PROVIDERS, roles: ROLES, recommended: RECOMMENDED, editable: !opts.multiuser });
+    // no servidor, quem usa o portal não configura: só fica sabendo se a IA está configurada (provedor, endereço,
+    // modelos e o final da chave são de quem administra)
+    if (opts.multiuser) { json(res, 200, { editable: false, configured: !!(cfg.url || cfg.adaptador) }); return true; }
+    json(res, 200, { config: maskedIA(loadIA()), file: iaFile(), source: cfg.source, configured: !!(cfg.url || cfg.adaptador), problem: cfg.problem || "", providers: PROVIDERS, roles: ROLES, recommended: RECOMMENDED, editable: !opts.multiuser });
     return true;
   }
   if ((pathname === "/api/ia" || pathname === "/api/ia/test") && req.method === "POST") {

package/src/studio/public/ai-settings.js

@@ -21,6 +21,15 @@ window.SagaAISettings = (() => {
     document.body.append(dialog);
   }
 
+  // no servidor (multiusuário) a configuração é de quem administra e não vem para a página: só se está ligada
+  function serverNotice() {
+    dialog.innerHTML = `<h2>Configurar IA</h2>
+      <p>Neste servidor, quem configura a IA é quem administra.</p>
+      <p>${info.configured ? "A IA está configurada." : "A IA não está configurada. Avise quem administra o servidor."}</p>
+      <div class="row"><button type="button" data-close>Fechar</button></div>`;
+    dialog.querySelector("[data-close]").onclick = () => dialog.close();
+  }
+
   function form() {
     const c = info.config || {}, providers = info.providers || {};
     const provider = c.provider && (providers[c.provider] || c.provider === "outro") ? c.provider : (c.url ? "outro" : "openrouter");
@@ -28,6 +37,7 @@ window.SagaAISettings = (() => {
       <p>O sagadeck fala direto com o provedor que você escolher. A chave fica só nesta máquina, em <code>${esc(info.file)}</code>.</p>
       ${info.source === "variável" ? '<p class="warn">As variáveis SAGADECK_LLM_URL / SAGADECK_LLM_KEY estão definidas e valem por cima desta tela.</p>' : ""}
       ${info.editable ? "" : '<p class="warn">Neste servidor, quem configura a IA é quem administra.</p>'}
+      ${info.problem ? `<p class="warn" data-problem>${esc(info.problem)}</p>` : ""}
       ${info.recommended ? `<div class="rec"><b>Recomendado para começar:</b> ${esc(providers[info.recommended.provider]?.label || info.recommended.provider)}, com ${esc(info.recommended.models.text)} (texto e visão), ${esc(info.recommended.models.image)} (imagem) e ${esc(info.recommended.models.search)} (busca). Se a IA não responder nem com isso, o problema é a rede ou a chave, não o modelo. Depois, troque pelo modelo que quiser. <button type="button" data-rec>Usar a recomendação</button></div>` : ""}
       <label for="ai-cfg-provider">Provedor</label>
       <select id="ai-cfg-provider" data-f="provider">${Object.entries(providers).map(([k, p]) => `<option value="${k}">${esc(p.label)}</option>`).join("")}<option value="outro">Outro compatível com a API da OpenAI</option></select>
@@ -79,7 +89,7 @@ window.SagaAISettings = (() => {
       onSaved = typeof saved === "function" ? saved : () => {};
       if (!dialog) build();
       info = await (await fetch("api/ia")).json();
-      form();
+      if (info.editable) form(); else serverNotice();
       if (!dialog.open) dialog.showModal();
     },
   };

package/src/studio/public/app.js

@@ -3044,9 +3044,11 @@
     }
     const on = !!state.ai.available;
     dom.aiStatus.textContent = on ? "IA ligada" : "IA desligada";
-    dom.aiStatus.title = on
-      ? `LLM em ${state.ai.url} · texto: ${state.ai.textModel} · imagem: ${state.ai.imageModel}`
-      : state.ai.configured ? `Nenhum LLM respondendo em ${state.ai.url}. Clique para conferir o provedor e a chave.` : "A IA não está configurada. Clique para informar provedor e chave.";
+    dom.aiStatus.title = state.ai.server // no servidor, sem os detalhes (são de quem administra)
+      ? (on ? "A IA deste servidor está ligada." : state.ai.configured ? "A IA deste servidor não está respondendo. Avise quem administra." : "A IA deste servidor não está configurada. Avise quem administra.")
+      : on ? `LLM em ${state.ai.url} · texto: ${state.ai.textModel} · imagem: ${state.ai.imageModel}`
+      : state.ai.configured ? `Nenhum LLM respondendo em ${state.ai.url}. Clique para conferir o provedor e a chave.`
+      : state.ai.problem ? `A IA não está configurada. ${state.ai.problem}` : "A IA não está configurada. Clique para informar provedor e chave.";
     dom.aiStatus.classList.toggle("on", on);
     dom.aiStatus.classList.toggle("off", !on);
   }
@@ -3154,7 +3156,7 @@
     }
     dom.btnRunAiDeck.disabled = true;
     const started = Date.now();
-    let phase = `Enviando para ${state.ai.textModel || "o LLM"}…`;
+    let phase = `Enviando para ${state.ai.textModel || "a IA"}…`;
     const show = () => {
       dom.aiDeckStatus.textContent = `${phase} · ${Math.round((Date.now() - started) / 1000)}s`;
     };

package/src/studio/public/chat.js

@@ -127,7 +127,7 @@ window.SagaChat = function ({ state, dom, escHtml, hydrateIcons, showToast, open
       await fetch("api/ai/chat/cancel", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ requestId: job.id }) }).catch(() => {});
     };
     const work = createProgressBubble(state.ai.available
-      ? `Enviando para o LLM (${state.ai.textModel})…`
+      ? (state.ai.textModel ? `Enviando para o LLM (${state.ai.textModel})…` : "Enviando para a IA…")
       : "Verificando se a IA está no ar…");
     dom.chatSend.disabled = false;
     dom.chatSend.title = 'Parar processamento'; dom.chatSend.setAttribute('aria-label','Parar');

package/src/studio/public/library.css

@@ -30,7 +30,8 @@ body.lib { display: grid; grid-template-columns: 218px minmax(0, 1fr); grid-temp
 .lib-search kbd { border: 1px solid var(--ui-line); border-radius: 3px; font-size: 10px; padding: 0 4px; }
 .ai-banner { display: flex; align-items: center; gap: 12px; margin: 10px 24px 0; padding: 10px 14px; border-radius: 10px; background: #fef3c7; color: #78350f; border: 1px solid #f59e0b; font-size: 13px; }
 .ai-banner[hidden] { display: none; }
-.ai-banner span { flex: 1; }
+.ai-banner span { flex: 1; min-width: 0; overflow-wrap: anywhere; } /* o motivo pode trazer um caminho longo */
+.ai-banner button { flex: none; }
 .ai-banner .ic { width: 18px; height: 18px; flex: none; }
 .lib-btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 38px; padding: 0 15px; border-radius: 8px; border: 1px solid transparent; font-size: 12px; font-weight: 600; text-decoration: none; transition: background .15s, transform .15s; }
 .lib-btn.primary { background: var(--brand-fill); color: var(--on-brand); box-shadow: 0 3px 8px #634ce916; }

package/src/studio/public/library.js

@@ -61,7 +61,11 @@
   // botão IA: provedor, chave e modelos desta máquina (ai-settings.js); no multiusuário quem configura é quem administra
   // e, enquanto a IA não estiver configurada, a faixa "Configure a IA" (some ao salvar)
   const aiSaved = () => { $("#ai-banner").hidden = true; };
-  api("api/ia").then(({ editable, configured }) => { $("#btn-ai").hidden = !editable; $("#ai-banner").hidden = !editable || configured; hydrate($("#ai-banner")); }).catch(() => {});
+  api("api/ia").then(({ editable, configured, problem }) => {
+    $("#btn-ai").hidden = !editable; $("#ai-banner").hidden = !editable || configured;
+    if (problem) $("#ai-banner span").textContent = `A IA não está configurada. ${problem}`; // o arquivo existe mas não serve
+    hydrate($("#ai-banner"));
+  }).catch(() => {});
   $("#btn-ai").onclick = () => window.SagaAISettings.open(aiSaved);
   $("#ai-banner-btn").onclick = () => window.SagaAISettings.open(aiSaved);
   const openEditor = (id, present) => { location.href = `editor?deck=${encodeURIComponent(id)}${present ? "&present=1" : ""}`; };

package/src/studio/server.js

@@ -900,7 +900,9 @@ export function createStudioServer(deckPath = null, opts = {}) {
         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/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