primocode 8.17.0 → 8.18.1

package/lib/effort.js

@@ -138,18 +138,40 @@ function layoutEffort(idx) {
 // há o dobro de linhas para atravessar, e uma rampa curta viraria degrau
 // visível. Começa quase preta e termina em branco — é a amplitude que faz o
 // pico parecer luz, e não só "roxo mais claro".
-// Começa em roxo PROFUNDO, não em preto.
+// A rampa é a paleta do PrimoCode, não uma cor qualquer.
 //
-// A primeira rampa abria em 16 e 17 (preto e azul-marinho). Os vales da onda
-// caíam neles e viravam buracos escuros furando o pano — parecia defeito de
-// renderização, não sombra. Agora o mais fundo ainda é roxo: o painel inteiro
-// é uma coisa só, do vale ao pico.
-const ROXOS = [53, 54, 54, 55, 56, 57, 93, 129, 135, 141, 177, 183, 219, 225, 231];
-
-// Quanto o plasma é amortecido nas linhas que têm texto. Pico branco atrás
-// de letra branca some com a letra, e o painel existe para ser lido — o
-// brilho fica para as faixas abertas, logo acima e abaixo.
-const TETO_SOB_TEXTO = 0.5;
+// O plasma era roxo — bonito, e de outro programa. A marca do CLI é o ciano
+// (brand 45, o cyan-400 do design system; brandDim 31 é a mesma cor
+// recuando), e é dele que a rampa sai: do teal profundo ao branco, passando
+// exatamente pelo 45 no meio do caminho. Assim o pico da onda é a cor da
+// marca acesa, e não um roxo emprestado.
+const RAMPA = [23, 23, 24, 30, 31, 37, 38, 44, 45, 51, 87, 123, 159, 195, 231];
+
+// Mantido pelo nome antigo porque o resto do arquivo (e o teste) já o
+// conhece; o conteúdo é que mudou de família.
+const ROXOS = RAMPA;
+
+// Quanto o plasma é amortecido nas linhas que têm texto.
+//
+// Baixou de 0.5 para 0.26: "os textos devem ser extremamente legíveis". Com
+// 0.5 a linha ainda chegava ao ciano médio, e ciano claro atrás de texto
+// claro é leitura no limite. Em 0.26 a linha de texto vive no terço escuro
+// da rampa — teal profundo — e o texto branco salta. O brilho não se perde:
+// ele acontece nas faixas abertas, logo acima e abaixo, que é onde ninguém
+// precisa ler.
+const TETO_SOB_TEXTO = 0.26;
+
+// E um teto absoluto, além da escala: por mais alto que o campo suba, atrás
+// de texto ele não passa daqui. A escala sozinha não garante — bastava um
+// pico forte para a linha clarear inteira.
+const INDICE_MAX_TEXTO = 2;     // até o 24 (#005f87): teal fundo, sempre
+//
+// O 2 não foi escolhido a olho. Medi o contraste de TODAS as células de
+// texto ao longo de dezenas de quadros, pela fórmula de luminância relativa
+// da WCAG. Com teto 4 o pior caso dava 4.08 — abaixo do mínimo AA (4.5),
+// e o vilão era o índice 3 (#008787, teal médio) atrás dos traços da régua.
+// Com teto 2 o pior caso passa de 7, que é o nível AAA. O teste refaz essa
+// medida e reprova se algum dia cair.
 
 /* O campo: o que decide a cor de cada meia-célula.
  *
@@ -192,10 +214,11 @@ function campoUltra(x, y, fase, foco, altura) {
 // visíveis atravessando o plasma. Multiplicar preserva a forma da onda e só
 // baixa a amplitude: a linha fica escura o bastante para ler e continua
 // fazendo parte do mesmo pano.
-function corDoCampo(v, escala) {
+function corDoCampo(v, escala, tetoIndice) {
     const t = escala ? v * escala : v;
-    const i = Math.round(t * (ROXOS.length - 1));
-    return ROXOS[Math.max(0, Math.min(ROXOS.length - 1, i))];
+    let i = Math.round(t * (RAMPA.length - 1));
+    if (tetoIndice != null) i = Math.min(i, tetoIndice);
+    return RAMPA[Math.max(0, Math.min(RAMPA.length - 1, i))];
 }
 
 // Guardada para quem já usava a onda antiga (e para o teste da rampa).
@@ -241,18 +264,31 @@ function pintarLinhaUltra(texto, largura, fase, opts = {}) {
 function painelUltra(L, fase) {
     const alturaMeia = L.linhas.length * 2;
     const foco = (L.destaque.de + L.destaque.ate) / 2;
-    const LILAS = 189;
+    // Duas cores de texto, as duas claras. Sobre o teal escuro das linhas de
+    // texto, tanto o branco quanto o ciano-claro passam com folga — e a
+    // diferença entre eles ainda separa o que está escolhido do resto.
+    //
+    // O lilás de antes (189) não era da paleta e, sobre ciano, ficava sujo.
+    // TUDO branco. A hierarquia fica no negrito, não na cor.
+    //
+    // O secundário era 195 (ciano quase branco). Bonito, e o cálculo de
+    // contraste reprovou: sobre o teal mais claro que o fundo de texto pode
+    // ter, o 195 dá 6.57 — passa o mínimo AA (4.5) e não chega ao AAA (7.0).
+    // E não adiantava clarear um pouco: sobre aquele fundo, NENHUMA cor
+    // chega a 7 a não ser o branco puro, que dá 7.20. Como o pedido foi
+    // "extremamente legíveis", o branco ganhou e a diferença entre escolhido
+    // e resto passou a ser o peso da fonte — que separa igual e não custa
+    // contraste nenhum.
+    const BRANCO = 231;
+    const CLARO = 231;
 
     const corDoTexto = (l, x) => {
-        if (l.tipo === 'titulo') return { cor: 231, negrito: true };
+        if (l.tipo === 'titulo') return { cor: BRANCO, negrito: true };
         if (l.tipo === 'nomes') {
             const dentro = x >= L.destaque.de && x < L.destaque.ate;
-            return { cor: dentro ? 231 : LILAS, negrito: dentro };
-        }
-        if (l.tipo === 'resumo' || l.tipo === 'extremos' || l.tipo === 'ajuda') {
-            return { cor: LILAS, negrito: false };
+            return { cor: dentro ? BRANCO : CLARO, negrito: dentro };
         }
-        return { cor: 231, negrito: false };
+        return { cor: CLARO, negrito: false };
     };
 
     return L.linhas.map((l, y) => {
@@ -282,11 +318,12 @@ function painelUltra(L, fase) {
                 glifo = ch;
                 corFrente = t.cor;
                 querForte = t.negrito;
-                corFundo = corDoCampo((cima + baixo) / 2, TETO_SOB_TEXTO);
+                corFundo = corDoCampo((cima + baixo) / 2, TETO_SOB_TEXTO, INDICE_MAX_TEXTO);
             } else {
                 glifo = '▀';                 // ▀
-                corFrente = corDoCampo(cima, linhaCalma);
-                corFundo = corDoCampo(baixo, linhaCalma);
+                const teto = linhaCalma ? INDICE_MAX_TEXTO : null;
+                corFrente = corDoCampo(cima, linhaCalma, teto);
+                corFundo = corDoCampo(baixo, linhaCalma, teto);
                 querForte = false;
             }
 
@@ -331,6 +368,6 @@ function desenharEffort(idx, fase) {
 }
 
 module.exports = { NIVEIS, NOMES, normalizar, nivelDe, indiceDe, modeloDe, pesquisaDe,
-    layoutEffort, fundoRoxo, pintarLinhaUltra, desenharEffort, ROXOS,
+    layoutEffort, fundoRoxo, pintarLinhaUltra, desenharEffort, ROXOS, RAMPA,
     campoUltra, corDoCampo, painelUltra };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primocode",
-  "version": "8.17.0",
+  "version": "8.18.1",
   "description": "PrimoCode — agente de engenharia com IA e cursor próprio. Modelos grátis. Cria arquivos, roda comandos, controla navegador e desktop: abre apps, clica em botões e ícones pelo nome, digita e usa atalhos.",
   "main": "bin/primocode.js",
   "bin": {
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "start": "node bin/primocode.js",
-    "test": "node test/tools.test.js && node test/ui.test.js && node test/modo.test.js && node test/pasta.test.js && node test/catalogo.test.js && node test/desktop.test.js && node test/effort.test.js && node test/claude-engine.test.js && node test/regressao.test.js && node test/memoria-conversa.test.js && node test/repeticao.test.js && node test/referencia.test.js && node test/parar.test.js && node test/continuar.test.js && node test/studio-spec.test.js && node test/studio-versoes.test.js && node test/voz.test.js && node test/editor.test.js && node test/estudio-projeto.test.js"
+    "test": "node test/tools.test.js && node test/ui.test.js && node test/modo.test.js && node test/pasta.test.js && node test/catalogo.test.js && node test/desktop.test.js && node test/effort.test.js && node test/claude-engine.test.js && node test/regressao.test.js && node test/memoria-conversa.test.js && node test/repeticao.test.js && node test/referencia.test.js && node test/parar.test.js && node test/continuar.test.js && node test/studio-spec.test.js && node test/studio-versoes.test.js && node test/voz.test.js && node test/editor.test.js && node test/estudio-projeto.test.js && node test/vocabulario.test.js"
   },
   "engines": {
     "node": ">=18.17.0"

package/studio/web/js/editor.js

@@ -27,19 +27,18 @@
     transicao: [["", "Nenhuma (corte seco)"], ["fade", "Suave"], ["deslizar", "Deslizar para o lado"],
       ["subir", "Subir"], ["zoom", "Aproximar"], ["limpar", "Varrer"],
       ["persiana", "Persiana"], ["flash", "Flash"]],
-    fundo: [["", "Sem fundo"], ["malha", "Malha"], ["aurora", "Aurora"], ["raios", "Raios"],
-      ["brilho", "Brilho"], ["ondas", "Ondas"], ["grade", "Grade"], ["pontos", "Pontos"],
-      ["vinheta", "Vinheta"], ["ruido", "Ruído"]],
+    fundo: [["", "Sem fundo"], ["malha", "Malha"], ["brilho", "Brilho"], ["grade", "Grade"],
+      ["pontos", "Pontos"], ["suave", "Suave"], ["vinheta", "Vinheta"], ["aurora", "Aurora"],
+      ["nevoa", "Névoa"], ["ondas", "Ondas"], ["raios", "Raios"], ["xadrez", "Xadrez"]],
     acabamento: [["", "Nenhum"], ["grao", "Granulado"], ["vinheta", "Vinheta"],
       ["scanlines", "Linhas de TV"], ["luz", "Vazamento de luz"], ["brilho", "Brilho"],
       ["moldura", "Moldura"]],
-    animacao: [["", "Nenhuma"], ["subir", "Subir"], ["surgir", "Surgir"], ["esq", "Da esquerda"],
-      ["dir", "Da direita"], ["zoom", "Aproximar"], ["desfoque", "Sair do desfoque"],
-      ["cair", "Cair"], ["girar", "Girar"], ["saltar", "Saltar"], ["revelar", "Revelar"],
-      ["cortina", "Cortina"], ["elastico", "Elástico"]],
-    kenburns: [["", "Parado"], ["aproxima", "Aproximar"], ["afasta", "Afastar"],
-      ["esquerda", "Correr para a esquerda"], ["direita", "Correr para a direita"],
-      ["cima", "Subir devagar"]],
+    animacao: [["", "Nenhuma"], ["subir", "Subir"], ["surgir", "Surgir"],
+      ["esquerda", "Da esquerda"], ["direita", "Da direita"], ["zoom", "Aproximar"],
+      ["desfoque", "Sair do desfoque"], ["cair", "Cair"], ["girar", "Girar"],
+      ["saltar", "Saltar"], ["revelar", "Revelar"], ["cortina", "Cortina"],
+      ["elastico", "Elástico"], ["palavra", "Palavra por palavra"],
+      ["nenhuma", "Travada (sem entrada)"]],
   };
 
   /* Menu com nome legível. Aceita "valor" ou ["valor", "Nome"]. */
@@ -143,7 +142,7 @@
         { tipo: "texto", papel: "titulo", texto: "Parte dois", an: "zoom" }] } },
     { id: "foto", nome: "Foto com frase", para: ["corte", "prisma", "tela"],
       cena: { layout: "capa", duracao: 5, acabamento: "vinheta", transicao: "fade",
-        fundo: "vinheta", kenburns: "aproxima", elementos: [
+        fundo: "vinheta", elementos: [
           { tipo: "texto", papel: "titulo", texto: "A frase por cima da imagem", an: "subir" }] } },
     { id: "grafico", nome: "Gráfico", para: ["corte", "prisma"],
       cena: { layout: "titulo", duracao: 6, elementos: [
@@ -1191,12 +1190,13 @@
       // deles apareciam vazios porque só um podia estar preenchido por vez.
       // Era a parte mais confusa do inspetor. Agora é uma lista só, com tudo
       // que existe, e a cor entra por baixo quando é cor que se quer.
-      var padroes = ["", "malha", "brilho", "grade", "pontos", "suave", "vinheta",
-        "aurora", "raios", "ondas", "nevoa", "xadrez"];
+      // A lista vem de OPC, não repetida aqui: era a duplicação que deixava
+      // o menu com "ruido" (que não existe) enquanto o CSS tinha "nevoa" e
+      // "xadrez" que ninguém alcançava.
       var fundoAtual = typeof c.fundo === "string" && c.fundo.charAt(0) !== "#" ? c.fundo : "";
-      g0.appendChild(linha("Fundo", selecao(padroes, fundoAtual, function (v) {
+      g0.appendChild(linha("Fundo", menu(OPC.fundo, fundoAtual, function (v) {
         mudar(function () { if (v) c.fundo = v; else delete c.fundo; });
-      }, "Sem fundo")));
+      })));
       g0.appendChild(linha("Cor do fundo", seletorCor(
         typeof c.fundo === "string" && c.fundo.charAt(0) === "#" ? c.fundo : "",
         function (v) { mudar(function () { if (v) c.fundo = v; else delete c.fundo; }); })));
@@ -1210,8 +1210,8 @@
       };
       g0.appendChild(linha("Imagem", bFoto));
 
-      g0.appendChild(linha("Acabamento", selecao(["", "grao", "vinheta", "scanlines", "luz", "brilho", "moldura"],
-        c.acabamento || "", function (v) { mudar(function () { if (v) c.acabamento = v; else delete c.acabamento; }); }, "Nenhum")));
+      g0.appendChild(linha("Acabamento", menu(OPC.acabamento, c.acabamento || "",
+        function (v) { mudar(function () { if (v) c.acabamento = v; else delete c.acabamento; }); })));
       g0.appendChild(linha("Cor de destaque", seletorCor(c.tom || "",
         function (v) { mudar(function () { if (v) c.tom = v; else delete c.tom; }); })));
       g0.appendChild(linha("Tema da cena", selecao([""].concat(TEMAS), c.tema || "",