primocode 10.3.0 → 10.4.1

package/README.md

@@ -1,4 +1,4 @@
-# PrimoCode v10.3.0
+# PrimoCode v10.4.1
 
 Agente de engenharia brasileiro para o terminal, no estilo Claude Code.
 Cria arquivos de verdade, roda comandos, **controla o navegador e o desktop** —
@@ -9,7 +9,7 @@ OpenRouter, e cada apelido (`top`/`main`/`fast`) é uma **corrente**: se um mode
 está no limite de pedidos, o próximo atende. Você não vê o erro, e não paga nada.
 
 ```
- ▐▛███▜▌   Primo Code v10.3.0
+ ▐▛███▜▌   Primo Code v10.4.1
 ▝▜█████▛▘  Bem-vindo de volta, Joel
   ▘▘ ▝▝    ~/primocode  · /dir <pasta> muda
 ```
@@ -17,6 +17,33 @@ está no limite de pedidos, o próximo atende. Você não vê o erro, e não pag
 Personalize o mascote (`primo`, `fox`, `cat`) e o nome com que ele te chama —
 veja `/mascot` e `/name`.
 
+## O que mudou na 10.4
+
+- **A tela do OpenCode.** O PrimoCode abre em tela cheia: a conversa rola em
+  cima, a caixa de digitar fica presa no pé, e a barra da direita mostra a
+  sessão, o contexto (tokens e % usado), o modo, a pasta e a versão. Sem
+  conversa, a home põe o logo e a caixa no meio. `Tab` troca o modo, `Ctrl+P`
+  abre os comandos (o menu abre em cima da caixa), a roda do mouse e o
+  `PgUp`/`PgDn` rolam a conversa. `PRIMOCODE_TELA=linha` volta ao jeito antigo.
+- **Motion sem encostar na borda.** Margem de 6% nas laterais e 7% em cima e
+  embaixo, e 4% entre elementos — garantido em código antes do render.
+- **Vídeo gravado em 3D (`estilo: personagem`).** Personagens modelados — gente
+  ou robô — conversando num set (podcast, estúdio, escritório). A boca segue a
+  voz letra por letra, eles piscam, gesticulam e viram a cabeça para quem fala.
+  A câmera corta como num programa gravado: aberto, ombro, close e detalhe,
+  com o balanço de câmera na mão. Por cima: legenda grossa palavra por
+  palavra, o nome de quem fala, o cartão de destaque, o REC e o grão de filme.
+  Peça "um podcast", "uma entrevista" ou "o Claude falando em 3D".
+- **A peça do site, tirada pelo código.** `estudio_midia acao:elementos` lê o
+  site e lista logo, menu, título, botões, cartões, preço; `acao:elemento` tira
+  uma delas sozinha, em PNG transparente no dobro da resolução, com o código
+  (HTML, fonte, cor, raio) para redesenhar se quiser.
+- **Recorte de fundo com IA sem instalar nada.** Com o `uv` na máquina, o
+  `acao:recortar` usa o rembg num ambiente à parte, em vez do corte por cor.
+- **O logo do Claude saiu do cardápio dos vídeos.**
+- **Com Claude, Codex ou chave própria, o agente não esquece o arquivo que
+  acabou de ler** (antes relia o mesmo arquivo várias vezes).
+
 ## O que mudou na 10.0
 
 - **A potência vem do sistema, não do modelo.** O mesmo pedido de landing

package/bin/primocode.js

@@ -427,30 +427,21 @@ function ramoDoGit(dir) {
     return ramo;
 }
 
+/* O que a caixa mostra além do texto, no desenho do OpenCode: DENTRO do
+   painel, o modo e o esforço ("Auto · alto" — o "Build · Nemotron" de lá);
+   FORA, uma linha só, com a pasta e o ramo à esquerda e o contexto e os
+   atalhos à direita. A cor da barra do painel é a do modo. */
+const COR_MODO = { auto: '\x1b[38;5;75m', primocode: '\x1b[38;5;216m', chat: '\x1b[38;5;45m' };
+const NOME_MODO = { auto: 'Auto', primocode: 'Primo Code', chat: 'Chat' };
+
 function barraDeStatus() {
     const partes = [];
 
-    /* O CONTEXTO. Só aparece depois que há conversa: um "ctx 0%" na abertura
-       é ruído, e ruído que aparece sempre é o que a pessoa aprende a não
-       enxergar — inclusive quando marcar 90%. Âmbar a partir de 70% e
-       vermelho a partir de 100%, que é quando `/compact` deixa de ser
-       conselho e vira o que fazer. */
-    const uso = memoria.usoDoContexto(state.memoria, state.history);
-    if (uso.pct >= 5) {
-        partes.push(uso.pct >= 100 ? c.err(`${uso.pct}% ctx`)
-            : uso.pct >= 70 ? c.warn(`${uso.pct}% ctx`)
-                : c.dim(`${uso.pct}% ctx`));
-    }
-
-    // O esforço, que é o que escolhe o modelo. Não há provedor para mostrar:
-    // a API vem com o produto.
-    partes.push(c.muted(effort.normalizar(state.config.effort)));
-
-    // A PASTA. O nome dela, e o caminho curto quando não é um projeto — quem
-    // apontou com /dir para fora do ~/primocode precisa ver onde está.
+    // A PASTA, e o ramo do git colado nela ("~/primocode/loja:main"), como
+    // o rodapé do OpenCode. Quem apontou com /dir para fora do ~/primocode
+    // precisa ver onde está.
     const dir = state.workDir || process.cwd();
     partes.push(c.brandDim(shortPath(dir)));
-
     const ramo = ramoDoGit(dir);
     if (ramo) partes.push(c.dim('⎇ ' + ramo));
 
@@ -463,25 +454,73 @@ function barraDeStatus() {
        esquece que deu — e ela vale até o PrimoCode fechar. */
     if (state.controle && state.controle.liberado) partes.push(c.warn('controle do pc'));
 
-    // No auto o rótulo mostra "Auto" e, depois do primeiro pedido, qual modo
-    // ele acabou usando — senão você nunca sabe quem respondeu.
-    let modo;
-    if (state.mode === 'auto') {
-        const ultimo = state.modoEfetivo === 'primocode' ? c.warn('primo')
-            : state.modoEfetivo === 'chat' ? c.brandDim('chat') : '';
-        modo = c.brand('auto') + (ultimo ? c.dim('·') + ultimo : '');
-    } else {
-        modo = state.mode === 'primocode' ? c.warn('primo code') : c.brandDim('chat');
+    /* O CONTEXTO. Só aparece depois que há conversa: um "ctx 0%" na abertura
+       é ruído, e ruído que aparece sempre é o que a pessoa aprende a não
+       enxergar — inclusive quando marcar 90%. Âmbar a partir de 70% e
+       vermelho a partir de 100%, que é quando `/compact` deixa de ser
+       conselho e vira o que fazer. */
+    const direita = [];
+    const uso = memoria.usoDoContexto(state.memoria, state.history);
+    if (uso.pct >= 5) {
+        direita.push(uso.pct >= 100 ? c.err(`${uso.pct}% ctx`)
+            : uso.pct >= 70 ? c.warn(`${uso.pct}% ctx`)
+                : c.dim(`${uso.pct}% ctx`));
+    }
+    direita.push(state.trabalhando
+        ? c.warn('trabalhando') + c.dim(' · ') + c.white('esc esc') + c.dim(' para')
+        : c.white('tab') + c.dim(' modos  ') + c.white('ctrl+p') + c.dim(' comandos'));
+
+    /* O modo DENTRO do painel. No auto, depois do primeiro pedido, ele diz
+       qual modo acabou respondendo — senão você nunca sabe quem respondeu. */
+    const cor = COR_MODO[state.mode] || COR_MODO.auto;
+    let modo = `${cor}${NOME_MODO[state.mode] || 'Auto'}${c.reset}`;
+    if (state.mode === 'auto' && state.modoEfetivo) {
+        modo += c.dim(' → ') + c.muted(NOME_MODO[state.modoEfetivo] || state.modoEfetivo);
     }
-    partes.push(modo);
+    modo += c.dim(' · ') + c.white(effort.normalizar(state.config.effort)) + ' ' + c.dim('PrimoCode');
 
-    const primeira = partes.join(c.dim(' | '));
+    return { modo, cor, esquerda: partes.join(c.dim(' · ')), direita: direita.join(c.dim('   ')) };
+}
 
-    const atalhos = state.trabalhando
-        ? c.warn('▸▸ trabalhando') + c.dim('  (Esc Esc interrompe)')
-        : c.dim('/ comandos · ↑ histórico · \\ ou alt+enter quebra linha · Esc Esc interrompe');
+/* A barra da direita da tela cheia, como a do OpenCode: o contexto (quantos
+   tokens a conversa já ocupa e quanto isso é do teto), o modo e o esforço, e
+   no pé a pasta com o ramo e a versão. */
+function barraLateral() {
+    const uso = memoria.usoDoContexto(state.memoria, state.history);
+    const dir = state.workDir || process.cwd();
+    const ramo = ramoDoGit(dir);
+    const m = state.mode === 'auto' && state.modoEfetivo ? state.modoEfetivo : state.mode;
+    const secoes = [
+        { titulo: 'Contexto', linhas: [
+            c.muted(`${uso.tokens.toLocaleString('pt-BR')} tokens`),
+            (uso.pct >= 100 ? c.err : uso.pct >= 70 ? c.warn : c.muted)(`${uso.pct}% usado`),
+        ] },
+        { titulo: 'Modo', linhas: [
+            `${COR_MODO[m] || COR_MODO.auto}${NOME_MODO[m] || m}${c.reset}` + c.muted(` · esforço ${effort.normalizar(state.config.effort)}`),
+        ] },
+    ];
+    if (state.attachedFiles.length) {
+        secoes.push({ titulo: 'Anexos', linhas: state.attachedFiles.map((f) => c.muted(path.basename(f.path))) });
+    }
+    if (state.controle && state.controle.liberado) secoes.push({ titulo: 'Controle do PC', linhas: [c.warn('liberado até fechar')] });
+    return {
+        secoes,
+        rodape: [
+            c.muted(shortPath(dir)) + (ramo ? c.white(':' + ramo) : ''),
+            c.brand('●') + ' ' + c.bold(c.white('Primo')) + c.white('Code') + ' ' + c.dim(VERSION),
+        ],
+    };
+}
 
-    return [primeira, atalhos];
+/* O Tab com a caixa vazia gira o modo, como o "tab agents" do OpenCode:
+   auto → primo code → chat → auto. A escolha fica salva, como a do /mode. */
+function trocarModo() {
+    const ordem = ['auto', 'primocode', 'chat'];
+    const m = ordem[(ordem.indexOf(state.mode) + 1) % ordem.length];
+    state.mode = m;
+    state.modoEfetivo = null;
+    cfg.saveConfig({ mode: m });
+    refreshPrompt();
 }
 
 // A barra se redesenha sozinha a cada quadro; isto só pede um quadro novo.
@@ -1043,10 +1082,18 @@ async function sendPrompt(userText) {
 
     // PRIMOCODE_TEMPOS=1: uma linha no fim com o custo de cada fase.
     tempos.comecar();
+    const inicio = Date.now();
     try { await enviarPedido(userText); }
     finally {
         const linha = tempos.relatorio();
         if (linha) console.log(c.dim(`  ⏱ ${linha}`));
+        /* O fecho de cada resposta, como no OpenCode ("▣ Build · Nemotron ·
+           4.0s"): quem respondeu, com que esforço, e quanto levou. */
+        const m = state.mode === 'auto' ? (state.modoEfetivo || 'auto') : state.mode;
+        if (!state.semTerminal) {
+            console.log('\n  ' + `${COR_MODO[m] || COR_MODO.auto}▣${c.reset} ` + c.white(NOME_MODO[m] || m)
+                + c.dim(` · ${effort.normalizar(state.config.effort)} · ${((Date.now() - inicio) / 1000).toFixed(1)}s`) + '\n');
+        }
     }
 }
 
@@ -2690,17 +2737,39 @@ async function main() {
         process.exit(0);
     }
 
-    console.log(welcomeBox(VERSION, state.workDir ? shortPath(state.workDir) : null, {
-        modo: state.mode,
-        mascot: state.config.mascot,
-        userName: state.config.userName,
-        pastaPadrao: state.workDirOrigem === 'padrao',
-    }));
+    /* A TELA CHEIA do OpenCode (lib/tela.js) é o padrão: a conversa rola em
+       cima, a caixa fica presa no pé, a barra da direita mostra a sessão e o
+       contexto, e sem conversa a home põe o logo e a caixa no meio da tela.
+       PRIMOCODE_TELA=linha (ou "tela": "linha" no config) volta ao jeito
+       antigo, que escreve em linha pelo terminal. */
+    const telaCheia = process.stdout.isTTY && process.stdout.rows >= 16
+        && (process.env.PRIMOCODE_TELA || state.config.tela || 'cheia') !== 'linha';
+    if (!telaCheia) {
+        if (process.stdout.isTTY && process.stdout.rows >= 20) {
+            const rows = process.stdout.rows;
+            const alto = 8 + 6;                       // o logo com a versão + a caixa
+            process.stdout.write('\n'.repeat(rows) + '\x1b[H' + '\n'.repeat(Math.max(0, Math.floor((rows - alto) / 2) - 1)));
+        }
+        console.log(welcomeBox(VERSION, state.workDir ? shortPath(state.workDir) : null, {
+            pastaPadrao: state.workDirOrigem === 'padrao',
+        }));
+    }
     rl = entrada.criar({
         status: barraDeStatus,
         comandos: comandosDoMenu,
-        vazio: 'peça alguma coisa, ou / para os comandos',
+        vazio: ui.convite(),
+        telaCheia,
+        lateral: barraLateral,
+        versao: VERSION,
+        pasta: () => {
+            const dir = state.workDir || process.cwd();
+            const ramo = ramoDoGit(dir);
+            return shortPath(dir) + (ramo ? ':' + ramo : '');
+        },
     });
+    if (telaCheia && state.workDirOrigem === 'padrao') {
+        console.log(c.warn(`  pasta padrão: ${shortPath(state.workDir)}`) + c.dim('  · /dir <pasta> para trabalhar numa sua'));
+    }
     // O spinner desenha dentro da caixa (lib/entrada.js mostrarSpinner).
     if (rl.tty) Spinner.caixa = rl;
     ui.titulo('PrimoCode');
@@ -2739,6 +2808,7 @@ async function main() {
     // Ctrl+C com a caixa vazia: sair é sair, mas sem deixar o último turno
     // pela metade — o sayBye espera a gravação subir.
     rl.on('sigint', () => rl.close());
+    rl.on('trocar-modo', trocarModo);
 
     function sayBye() {
         if (saidBye) return;

package/lib/act.js

@@ -333,6 +333,16 @@ function summarizeForModel(result) {
 // que o modelo precisa para decidir o próximo passo; os velhos viram peso.
 const RESULTADOS_INTEIROS = 3;
 const RESTO_DO_RESULTADO = 300;
+/* ── COM MOTOR PRÓPRIO, A MEMÓRIA NÃO É AMPUTADA ────────────────────────
+ * Os 3 e os 300 de cima são para o teto de ~6 mil tokens por minuto do
+ * servidor grátis. Com Claude Code, Codex ou chave própria (`provedor.atual()`)
+ * eles valiam igual, e o modelo perdia o arquivo que tinha acabado de ler:
+ * no jogo de carro de 09/10 o Claude leu o world.js (458 linhas) sete vezes,
+ * em fatias, porque a cada três ferramentas a leitura anterior virava 300
+ * caracteres. A pre-leitura já folgava com motor próprio; o compactar agora
+ * também. */
+const RESULTADOS_INTEIROS_FOLGADO = 20;
+const RESTO_DO_RESULTADO_FOLGADO = 1500;
 // A pesquisa é MATÉRIA-PRIMA, não passo intermediário: é dela que saem os
 // fatos do vídeo, do post, do slide. Ela sempre fica velha (pesquisa-se no
 // começo, escreve-se no fim), e a 300 caracteres não sobrava fato nenhum — o
@@ -404,15 +414,17 @@ function encolherEscritas(m) {
  * Nenhuma mensagem é REMOVIDA: a API exige que cada role:'tool' continue
  * pareada com o tool_call que a pediu. Só o texto encolhe.
  */
-function compactar(messages) {
+function compactar(messages, { folgado = false } = {}) {
     const { inteiras, duplicadas } = repeticao.referenciasNaConversa(messages);
+    const quantosInteiros = folgado ? RESULTADOS_INTEIROS_FOLGADO : RESULTADOS_INTEIROS;
+    const resto = folgado ? RESTO_DO_RESULTADO_FOLGADO : RESTO_DO_RESULTADO;
 
     const indices = [];
     for (let i = 0; i < messages.length; i++) if (messages[i].role === 'tool') indices.push(i);
-    if (indices.length <= RESULTADOS_INTEIROS && !duplicadas.size && !assistentesAntigas(messages).size) return messages;
+    if (indices.length <= quantosInteiros && !duplicadas.size && !assistentesAntigas(messages).size) return messages;
 
     const chamadas = repeticao.chamadasPorId(messages);
-    const encolher = new Set(indices.slice(0, -RESULTADOS_INTEIROS));
+    const encolher = new Set(indices.slice(0, -quantosInteiros));
     const antigas = assistentesAntigas(messages);
     return messages.map((m, i) => {
         if (antigas.has(i)) return encolherEscritas(m);
@@ -421,7 +433,7 @@ function compactar(messages) {
         }
         if (inteiras.has(i) || !encolher.has(i)) return m;
         const chamada = chamadas.get(m.tool_call_id);
-        const limite = chamada && MATERIA_PRIMA.has(chamada.nome) ? RESTO_DA_PESQUISA : RESTO_DO_RESULTADO;
+        const limite = chamada && MATERIA_PRIMA.has(chamada.nome) ? Math.max(RESTO_DA_PESQUISA, resto) : resto;
         const texto = String(m.content || '');
         if (texto.length <= limite) return m;
         return { ...m, content: texto.slice(0, limite) + `…(resultado antigo encurtado; eram ${texto.length} caracteres)` };
@@ -984,7 +996,9 @@ async function runAct(userPrompt, opts) {
         emVoo = new AbortController();
         const tRodada = Date.now();
         try {
-            const enviadas = compactar(messages);
+            let folgado = false;
+            try { folgado = !!require('./local/provedor.js').atual(); } catch { /* sem provedor próprio */ }
+            const enviadas = compactar(messages, { folgado });
             traco(`volta ${voltas}${subagent ? ' (agente)' : ''} · ${enviadas.length} mensagens · ${JSON.stringify(enviadas).length} caracteres`);
             await motor.requestAct(server, { messages: enviadas, model, effort, token, projectDir: pastaAtual, projectName, subagent, sinal: emVoo.signal }, (evt) => {
                 if (evt.erro) { streamError = evt.erro; return; }

package/lib/catalogo.js

@@ -94,8 +94,8 @@ const GRUPOS = [
                 + 'logo{titulo} cores{cores:[{nome,hex}]} produto{titulo,texto,destaque,selo,barras}. Em qualquer parte: destaque (a palavra-tese), fonte (a fonte citada). O texto da TELA sai da FALA: o título usa palavras que a fala diz, cedo na frase (a tela entra quando a voz diz; palavra que a voz não diz deixa a tela esperando). '
                 + 'visual:{titulo,texto,paleta} (hibrido, cinema, impacto): fonte e cor do cardápio (estudio_midia acao:fontes); sem visual, o PrimoCode sorteia sem repetir os últimos vídeos. '
                 + 'estilo (SEM IMAGEM é o padrão: escolha o motion que serve a ESTE roteiro, ou deixe vazio e ele gira entre gerativo, fluido e impacto): hibrido (SÓ quando a pessoa pediu imagem: foto e vídeo reais + o motion por cima; dê busca:"termo em inglês" só nas partes em que a imagem agrega) | gerativo (= motion: sem template — a tipografia anima nos eixos da fonte numa linha do tempo contínua, composição, fonte, cor e som sorteados do roteiro; modelo3d fone|celular|notebook|relogio|garrafa|lata|caixa: o objeto gira em 3D numa batida — ponha quando o vídeo é de um produto ou objeto físico; ideia abstrata, história ou explicação: deixe vazio; o vídeo tem UMA identidade (2 chãos, 1 acento, 2 fontes) e o fundo só troca na virada de seção — se o roteiro tem atos, dê secao:"nome curto" nas partes, senão o PrimoCode divide; moldura cantos|completa|false: o quadro fixo do reel (cantos, o assunto no alto, "01 · seção", o tempo) — ponha só se o vídeo pede cara de peça de design; vazio, o PrimoCode alterna com memória e às vezes não põe; heroi em cada parte: o desenho da batida além do texto, tirado do CONTEÚDO — um ícone do Iconify do objeto que a fala cita ("mdi:bread-slice", "mdi:qrcode"; procure com estudio_midia acao:icones), um 3D do kit (raio|relogio|check|balao|escudo|coracao|estrela|sol|play|engrenagem|cadeado|barras|fone|onda|celular|seta|bateria) ou "nenhum" quando a tipografia basta; forma abstrata (explosao|poligono|esfera|toro|truchet|aneis|grade|rastro) só em assunto abstrato ou de tecnologia — numa conversa de padaria, nunca; ambiente limpo|luz|bokeh e acento traco|viagem (o ponto que viaja entre as batidas): vazio, o PrimoCode escolhe com memória e o bokeh quase não sai fora de tecnologia) | classico (o motion 3D antigo) | vox (explainer editorial: tinta sobre papel, câmera que conta a frase) | '
-                + 'marca (brand reveal: brilho, letras em vetor, marca cromada, padrão) | lancamento (produto: cartões, painel, calendário) | fluido (minimalista: uma ideia por batida, a forma de uma vira a próxima, sem corte; paleta noite|breu|preto|cobalto (escuras) ou lavanda|creme|laranja|branco (claras) — escolha pelo assunto e NÃO repita a do vídeo anterior; vazio, o PrimoCode escolhe; fontesFluido aprovado|editorial|revista|carater|tecnico|classico, vazio gira) | impacto | cinema. '
-                + 'marca e lancamento aceitam visual:orbe|vetor|estrela|esfera|grade|site|padrao|cromo|cartoes|painel|cores numa parte. marca.nome dá o nome. '
+                + 'marca (brand reveal: brilho, letras em vetor, marca cromada, padrão) | lancamento (produto: cartões, painel, calendário) | fluido (minimalista: uma ideia por batida, a forma de uma vira a próxima, sem corte; paleta noite|breu|preto|cobalto (escuras) ou lavanda|creme|laranja|branco (claras) — escolha pelo assunto e NÃO repita a do vídeo anterior; vazio, o PrimoCode escolhe; fontesFluido aprovado|editorial|revista|carater|tecnico|classico, vazio gira) | impacto | cinema | personagem (o vídeo GRAVADO em 3D — cada parte é UMA fala {falante, texto, emocao?, destaque?}, sem tipo: personagens modelados — gente ou robô — conversando num set de podcast/estúdio/escritório, a boca segue a voz, gestos, e a câmera corta entre aberto, ombro e close; use quando o pedido fala em personagem, boneco, avatar, podcast, entrevista, ou alguém FALANDO em 3D. Com dois falantes (falante em cada parte) eles conversam; personagens:{"nome":{tipo:robo|pessoa, pele, cabelo:curto|cacheado|longo|topete|coque|careca, corCabelo, roupa, oculos, barba, rotulo}} — nome de IA vira robô sozinho; emocao feliz|serio|surpreso|pensativo|animado|curioso e destaque:"texto curto" (o cartão na tela) em cada parte; cenario podcast|estudio|escritorio|noite). '
+                + 'marca e lancamento aceitam visual:orbe|vetor|esfera|grade|site|padrao|cromo|cartoes|painel|cores numa parte. marca.nome dá o nome. '
                 + 'voz (thalita|antonio|francisca). DUAS VOZES (o pedido fala em dois narradores, diálogo, conversa, entrevista): roteiro.vozes {"nome":"antonio","outro":"thalita"} e falante:"nome" em cada parte — cada um sai na sua voz. Ajuste fino: plano: {formato:{largura,altura,fps}, cenas:[…], audio:{…}} — ou cenas direto. '
                 + 'cena (opcional): o número de UMA cena para trocar só ela, sem reescrever o resto. '
                 + 'motivo (opcional): fica no caderno. voltarPara (opcional): nome de uma versão. '
@@ -104,13 +104,19 @@ const GRUPOS = [
                 + '"anima": {propriedade: [{t,v,e}]} — quadros-chave em segundos. A cena tem "camera": {zoom,x,y,rotacao} e '
                 + '"perspectiva" para 3D. Cena.transicao {tipo,duracao}: corte|esmaecer|deslizar|zoom|giro|mascara|morph|chicote|soco|flash|liquido, '
                 + 'e as 3D virar|cubo|profundidade|inclinar (mexem nas duas cenas) — use 3D se o vídeo pede volume (produto, site, tecnologia); em editorial plano, prefira as planas. '
-                + 'NÃO existe layout pronto nem tema — cada propriedade do vídeo é escolha sua, a cada vídeo.' },
+                + 'NÃO existe layout pronto nem tema — cada propriedade do vídeo é escolha sua, a cada vídeo. '
+                + 'ÁREA SEGURA: nada a menos de 6% da largura e 7% da altura da borda, e 4% do lado curto entre dois elementos no ar juntos — '
+                + 'o render empurra para dentro, encolhe o texto largo e afasta o colado; enfeite de fundo marque decorativo: true.' },
 
             { tool: 'estudio_midia', escreve: true, faz: 'procura e baixa ícone, imagem, música e efeito sonoro da internet, e lista as fontes',
-              args: 'acao: imagem | icones | som | trilha | efeito | fontes | print. termo. id (para baixar). '
+              args: 'acao: imagem | icones | som | trilha | efeito | fontes | print | elementos | elemento | recortar. termo. id (para baixar). '
                 + 'print: url — tira o print REAL do site e devolve o src e um elemento {tipo:"kit", peca:"printsite"} pronto '
                 + '(o site de verdade numa janela 3D que rola a página; celular: true para a tela do celular; inteira: false só a primeira dobra). '
                 + 'Use SE o pedido trouxer um site e o vídeo for SOBRE ele (lançamento, tour, case); vídeo que só cita a marca não precisa. '
+                + 'elementos: url — lê o CÓDIGO do site e lista as peças que dá para tirar (logo, menu, titulo, hero, botao, cartao, imagem, formulario, preco, rodape), cada uma com o seletor. '
+                + 'elemento: url + seletor (ou texto: o que está escrito nele) — tira SÓ aquela peça, em PNG com fundo transparente e no dobro da resolução, e devolve o código dela (html e estilo: fonte, cor, raio, sombra) e um elemento {tipo:"imagem"} pronto; '
+                + 'use para pôr o botão, o cartão de preço ou a logo do site animando no vídeo (ou redesenhe a peça como componente a partir do código). '
+                + 'recortar: arquivo — tira o fundo de qualquer foto com IA (rembg), PNG transparente. '
                 + 'efeitos: lista os componentes guardados (os menos usados primeiro). usar-efeito {nome}: copia para o projeto e devolve o elemento — use se um deles servir a ESTE roteiro. '
                 + 'guardar-efeito {arquivo, nome, descricao}: guarda um componente que você escreveu e ficou bom, para os próximos vídeos '
                 + '(o componente: export default de uma função React que recebe {el, t, fps}, num arquivo só, importando só react, remotion, @remotion/*, three). '