Publicar ferramenta Comenta de avaliação local v0.1

LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2026 Comenta / intsoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,10 +1,59 @@
 ---
-title: Comenta Chat Interno
-emoji: 👁
-colorFrom: gray
+title: "Comenta · Chat interno da equipe"
+emoji: 💬
+colorFrom: pink
 colorTo: purple
 sdk: static
+app_file: index.html
 pinned: false
+license: mit
+short_description: "Ferramenta Comenta gratuita, local e verificável"
+tags:
+  - comenta
+  - portuguese
+  - browser-only
+  - rule-based
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Comenta — Chat interno da equipe
+
+## Status real
+Aplicativo público de avaliação funcional, versão 0.1. **Não é um modelo treinado.**
+Ferramenta/agente determinístico de código novo. Nenhum adaptador experimental ou código de terceiros foi incluído.
+
+**Não conectado aos canais reais.** Nenhuma ação externa, envio, transferência real ou acesso a dados de produção.
+
+## Recurso de origem
+Card público na seção Recursos: https://comenta.com.br/#recursos
+
+> Combine a resposta com o colega sem sair da plataforma nem abrir outro aplicativo.
+
+O texto acima descreve a proposta do produto original, **não** promete essas integrações nesta versão.
+
+## O que esta versão faz e o que falta
+Simula uma conversa interna apenas na sua aba. Pode acrescentar mensagens manualmente ao histórico; não conecta colegas, não autentica equipe e não serve para conteúdo confidencial.
+
+## Como testar
+1. Abra o aplicativo; os campos vêm com dados totalmente fictícios.
+2. Clique em **Executar avaliação** e examine o JSON de saída.
+3. Altere os campos e execute novamente; entradas inválidas têm erro explícito.
+4. **Restaurar exemplo** repõe os dados fictícios; **Limpar dados** esvazia a interface.
+5. Você pode baixar manualmente o resultado JSON, sem enviá-lo a terceiros.
+
+Função principal: `internalChat` em `engine.js`. Os testes funcionais de implantação estão em `test-cases.json`.
+
+## Privacidade e segurança
+- Execução JavaScript somente no navegador. Sem servidor de processamento, `fetch`, analytics, CDN, telemetria de entradas ou armazenamento local.
+- Não cole senhas, tokens, dados pessoais ou conversas confidenciais.
+- Não há autenticação, autorização de equipe, trilha de auditoria ou persistência. Não usar como CRM de produção.
+- Conteúdo fornecido é renderizado com `textContent`, nunca HTML executável.
+- Uma política CSP restringe rede e scripts ao próprio Space; sem execução arbitrária de código.
+- O Hugging Face pode registrar metadados de acesso HTTP; os campos não são enviados por este app.
+- Saídas por regras podem falhar semanticamente. Revisão humana obrigatória.
+
+## Infraestrutura e licença
+Space **Static gratuito**: não usa GPU, créditos de inferência, chaves externas, buckets ou modelos pagos. Não requer PRO.
+Código original sob MIT. Sem pesos ML, sem treinamento e sem dependências de runtime externas.
+
+## Integrações futuras
+A conexão a canais reais exige implementação segura, credenciais específicas, consentimento, proteção LGPD e testes adicionais. Nenhuma dessas integrações foi ativada neste Space.

config.js

@@ -0,0 +1,26 @@
+window.COMENTA_CONFIG = {
+  "title": "Chat interno da equipe",
+  "description": "Combine a resposta com o colega sem sair da plataforma nem abrir outro aplicativo.",
+  "limitation": "Simula uma conversa interna apenas na sua aba. Pode acrescentar mensagens manualmente ao histórico; não conecta colegas, não autentica equipe e não serve para conteúdo confidencial.",
+  "fields": [
+    {
+      "id": "history",
+      "label": "Histórico fictício da conversa (JSON)",
+      "value": "[\n  {\n    \"autor\": \"Atendente A (exemplo)\",\n    \"texto\": \"Vamos revisar a resposta antes de enviar?\"\n  }\n]",
+      "json": true
+    },
+    {
+      "id": "author",
+      "label": "Autor fictício",
+      "value": "Atendente B (exemplo)",
+      "type": "input"
+    },
+    {
+      "id": "message",
+      "label": "Mensagem local de avaliação",
+      "value": "Sim, vou verificar a base de respostas de exemplo."
+    }
+  ],
+  "fn": "internalChat",
+  "slug": "comenta-chat-interno"
+};

engine.js

@@ -0,0 +1,90 @@
+'use strict';
+// Código novo Comenta. Nenhuma chamada de rede, persistência ou execução de entrada.
+const norm = s => String(s ?? '').normalize('NFD').replace(/[\u0300-\u036f]/g,'').toLowerCase();
+function text(v, label='Texto') { const s=String(v??'').trim(); if(!s)throw Error(label+': preencha o campo.'); if(s.length>30000)throw Error(label+': limite de 30 mil caracteres.');return s; }
+function parse(s) {try{return JSON.parse(text(s,'JSON'));}catch(e){throw Error('JSON inválido: use aspas duplas e confira o exemplo.');}}
+function list(s) {const a=parse(s);if(!Array.isArray(a)||a.length>300)throw Error('Informe uma lista JSON com até 300 itens.');return a;}
+function str(v,label){if(typeof v!=='string'||!v.trim()||v.length>3000)throw Error('Campo '+label+' deve ser texto de 1 a 3000 caracteres.');return v.trim();}
+function classify(message) {
+ const s=norm(text(message));
+ const defs=[['Financeiro',['boleto','pagamento','cobranca','fatura','reembolso','pix']],['Suporte',['erro','falha','travou','nao funciona','acesso','senha']],['Vendas',['preco','comprar','orcamento','plano','contratar','proposta']]];
+ const scores=defs.map(([name,words])=>({name,hits:words.filter(w=>s.includes(w))})).sort((a,b)=>b.hits.length-a.hits.length);
+ const risk=['fraude','vazamento','ameaca','discriminacao','processo','urgente','cancelar'].filter(w=>s.includes(w));
+ const match=scores[0];const tie=match.hits.length&&scores[1].hits.length===match.hits.length;
+ return {departamento:match.hits.length&&!tie?match.name:'Triagem humana',prioridade:risk.length?'Alta':'Normal',evidencias:match.hits,alertas:risk,metodo:'Regras por palavras-chave; não usa Claude nem modelo treinado',revisao_humana:!match.hits.length||!!tie||!!risk.length};
+}
+function summary(transcript, count=4) {
+ const s=text(transcript);const lines=s.split(/\n+|(?<=[.!?])\s+/).map(x=>x.trim()).filter(Boolean);
+ const n=Number(count);if(!Number.isInteger(n)||n<1||n>8)throw Error('Escolha de 1 a 8 trechos.');
+ const freq=new Map();for(const w of norm(s).match(/[a-z]{4,}/g)||[])freq.set(w,(freq.get(w)||0)+1);
+ const ranked=lines.map((line,i)=>({line,i,score:(norm(line).match(/[a-z]{4,}/g)||[]).reduce((a,w)=>a+(freq.get(w)||0),0)/Math.sqrt(line.length+1)})).sort((a,b)=>b.score-a.score).slice(0,n).sort((a,b)=>a.i-b.i);
+ return {trechos_literais:ranked.map(x=>x.line),pendencias_literais:lines.filter(x=>/aguard|pendente|precis|retorn|verific|falta/.test(norm(x))).slice(0,5),total_trechos:lines.length,metodo:'Resumo extrativo: seleciona trechos do original; não inventa fatos. Não detecta resolução com garantia.'};
+}
+function faqLookup(question, faqJSON) {
+ const q=norm(text(question));const faq=list(faqJSON); const words=new Set((q.match(/[a-z0-9]{3,}/g)||[]).filter(w=>!['qual','como','que','para','uma','por','favor','meu','minha','com','voce','quero','saber'].includes(w)));
+ let best=null,bestScore=0;
+ for(const item of faq){str(item.pergunta,'pergunta');str(item.resposta,'resposta');const keys=[...new Set(norm(item.pergunta).match(/[a-z0-9]{3,}/g)||[])];const matches=keys.filter(k=>words.has(k));const score=matches.length/Math.max(1,keys.length);if(score>bestScore){bestScore=score;best={resposta:item.resposta,fonte:item.pergunta,coincidencias:matches};}}
+ return bestScore>=0.4?{...best,correspondencia:Math.round(bestScore*100)+'% dos termos da pergunta cadastrada'}:null;
+}
+function reply(question, faq) {
+ const t=classify(question);const found=faqLookup(question,faq);
+ return {rascunho:found?'Olá! '+found.resposta+' Posso ajudar em mais alguma dúvida?':'Olá! Recebi sua solicitação. Vou encaminhar para avaliação da equipe. Pode detalhar o que aconteceu, sem incluir senhas ou dados sensíveis?',base:found?.fonte||'Sem resposta na base fornecida',departamento:t.departamento,status:'Rascunho para revisão. Nenhuma mensagem foi enviada.',metodo:'Busca lexical em FAQ fornecida pelo visitante + modelos fixos de resposta'};
+}
+function handoff(question, faq) {
+ const t=classify(question);const askHuman=/humano|pessoa|atendente|supervisor/.test(norm(question));const f=faqLookup(question,faq);
+ const transfer=askHuman||t.prioridade==='Alta'||!f;
+ return {decisao:transfer?'Encaminhar para pessoa':'Resposta de autoatendimento (prévia)',motivo:askHuman?'Pedido explícito de atendimento humano':t.prioridade==='Alta'?'Sinal de risco ou urgência':!f?'Base fornecida não contém correspondência suficiente':'Pergunta localizada na base fornecida',resposta:transfer?'Uma pessoa da equipe precisa revisar este caso.':f.resposta,pacote_handoff:transfer?{mensagem_original:question,triagem:t}:null,acao_externa:'Nenhuma: não cria ticket, não transfere e não envia mensagem.'};
+}
+function inbox(input, filter='Todos') {
+ const items=list(input);const allowed=['WhatsApp','Instagram','Messenger','Chat do site','Telegram','E-mail'];
+ const groups=new Map();items.forEach((m,i)=>{const contato=str(m.contato,'contato'),canal=str(m.canal,'canal'),mensagem=str(m.mensagem,'mensagem');if(!allowed.includes(canal))throw Error('Canal inválido no item '+(i+1)+'. Use os nomes do exemplo.');if(filter!=='Todos'&&filter!==canal)return;const key=contato;const g=groups.get(key)||{contato,canais:[],mensagens:[]};if(!g.canais.includes(canal))g.canais.push(canal);g.mensagens.push({canal,mensagem,ordem:i+1});groups.set(key,g);});
+ return {conversas:[...groups.values()],total_mensagens:[...groups.values()].reduce((a,g)=>a+g.mensagens.length,0),criterio:'Agrupamento por identificador contato fornecido; não concilia identidades entre plataformas.'};
+}
+function moveCards(input,id,status) {
+ const a=list(input);const states=['Aguardando','Em atendimento','Resolvida'];if(!states.includes(status))throw Error('Status inválido.');let found=false;
+ const ids=new Set();for(const c of a){str(c.id,'id');str(c.titulo,'titulo');if(ids.has(c.id))throw Error('IDs duplicados.');ids.add(c.id);if(!states.includes(c.status))throw Error('Status inválido no quadro.');if(c.id===id){c.status=status;found=true;}}
+ if(id&&!found)throw Error('ID não encontrado.');return {cards:a,colunas:Object.fromEntries(states.map(s=>[s,a.filter(c=>c.status===s)])),movimentacao:id?'Status atualizado somente nesta aba.':'Quadro carregado nesta aba.'};
+}
+function queues(message,input) {
+ const conf=list(input);const t=classify(message);const q=conf.find(q=>q.departamento===t.departamento);
+ for(const x of conf){str(x.departamento,'departamento');str(x.equipe,'equipe');str(x.horario,'horario');}
+ return {triagem:t,fila:q||{departamento:'Triagem humana',equipe:'Responsável não configurado',horario:'Verificar manualmente'},acao:'Roteamento sugerido; não atribui conversas reais. Horário é texto informativo; use o Space Horário para cálculo.'};
+}
+function hours(dateISO,zone,start,end,days,message) {
+ const date=new Date(text(dateISO,'Data com fuso'));if(!/([zZ]|[+-]\d\d:\d\d)$/.test(dateISO)||!Number.isFinite(+date))throw Error('Informe data ISO válida com fuso, por exemplo 2026-11-09T10:00:00-04:00.');
+ const tm=x=>{if(!/^([01]\d|2[0-3]):[0-5]\d$/.test(x))throw Error('Use HH:MM, entre 00:00 e 23:59.');return Number(x.slice(0,2))*60+Number(x.slice(3));};const a=tm(start),b=tm(end);if(a===b)throw Error('Início e fim não podem ser iguais.');
+ if(!/^[0-6](\s*,\s*[0-6])*$/.test(String(days).trim()))throw Error('Dias: informe ao menos um número de 0 a 6.');const ds=String(days).split(',').map(x=>Number(x.trim()));if(ds.some(x=>!Number.isInteger(x)||x<0||x>6))throw Error('Dias: use números de 0 (domingo) a 6 (sábado), separados por vírgulas.');
+ let p;try{p=Object.fromEntries(new Intl.DateTimeFormat('en-US',{timeZone:zone,weekday:'short',hour:'2-digit',minute:'2-digit',hourCycle:'h23'}).formatToParts(date).map(x=>[x.type,x.value]));}catch{throw Error('Fuso IANA inválido.');}
+ const day=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'].indexOf(p.weekday),mins=+p.hour*60+(+p.minute);
+ const open=a<b?(ds.includes(day)&&mins>=a&&mins<b):((ds.includes(day)&&mins>=a)||(ds.includes((day+6)%7)&&mins<b));
+ return {aberto:open,horario_local:new Intl.DateTimeFormat('pt-BR',{timeZone:zone,dateStyle:'short',timeStyle:'short'}).format(date),fuso:zone,previa:open?'Dentro do expediente. Encaminhar para a fila.':text(message,'Aviso'),limites:'Considera dias da semana e turnos inclusive noturnos; não considera feriados ou férias. Não envia aviso.'};
+}
+function shortcuts(message,input) {
+ const a=parse(input);if(!a||Array.isArray(a)||typeof a!=='object'||Object.keys(a).length>100)throw Error('Atalhos devem ser um objeto JSON com até 100 chaves.');
+ const pairs=Object.entries(a);for(const [k,v]of pairs){if(!/^\/[a-z0-9_-]{1,30}$/i.test(k))throw Error('Atalho inválido: use /nome.');str(v,'resposta');}
+ const used=[];const out=text(message).replace(/\/[a-z0-9_-]+/gi,key=>{if(Object.hasOwn(a,key)){used.push(key);return a[key];}return key;});
+ return {texto_expandido:out,atalhos_usados:used,acao:'Texto local para revisão; nenhum envio.'};
+}
+function notes(message,tags,note) {
+ return {visao_interna:{mensagem:text(message),tags:[...new Set(String(tags).split(',').map(x=>x.trim()).filter(Boolean))].slice(0,20),nota_interna:text(note,'Nota')},visao_cliente:{mensagem:text(message)},aviso:'Projeções locais, não controle de acesso. Nesta demonstração o visitante vê ambas. Não registre notas confidenciais reais.'};
+}
+function team(message,faq) {
+ const t=classify(message),r=handoff(message,faq);return {etapas:[{agente:'Triagem por regras',saida:t},{agente:'Consulta da base lexical',saida:faqLookup(message,faq)||'Sem correspondência'},{agente:'Supervisor de segurança',saida:r}],agendamento:/agend|reuniao|horario/.test(norm(message))?'Pedido detectado; agenda não conectada. Nenhuma reserva realizada.':'Não solicitado',execucao:'Orquestrador determinístico. Não usa múltiplos LLMs. Nenhuma ação externa.'};
+}
+function nps(input) {
+ const a=text(input,'Notas').split(/[,;\s]+/).filter(Boolean).map(Number);if(a.length>10000||a.some(n=>!Number.isInteger(n)||n<0||n>10))throw Error('Notas devem ser inteiros de 0 a 10. Limite: 10 mil notas.');
+ const promoters=a.filter(x=>x>=9).length,detractors=a.filter(x=>x<=6).length;return {respostas:a.length,promotores:promoters,neutros:a.length-promoters-detractors,detratores:detractors,nps:Math.round((promoters-detractors)/a.length*10000)/100,formula:'(% notas 9–10) − (% notas 0–6)',pesquisa_sugerida:'De 0 a 10, quanto você recomendaria nosso atendimento?',acao:'Não dispara pesquisas nem importa avaliações reais.'};
+}
+function internalChat(input,author,message) {
+ const a=list(input);if(a.length>=100)throw Error('Limite de 100 mensagens por conversa de avaliação.');for(const m of a){str(m.autor,'autor');str(m.texto,'texto');}
+ a.push({autor:str(author,'autor'),texto:str(message,'mensagem')});return {conversa_local:a,visao_cliente:[],aviso:'Simulação em uma aba; sem login, criptografia ponta a ponta ou conexão entre colegas. Não use informações internas reais.'};
+}
+async function webhook(payload,key,signature,attempts) {
+ parse(payload);const k=text(key,'Chave de teste');if(k.length<8)throw Error('Use chave fictícia com pelo menos 8 caracteres. Não use chave de produção.');const n=Number(attempts);if(!Number.isInteger(n)||n<1||n>8)throw Error('Tentativas: inteiro de 1 a 8.');
+ const enc=new TextEncoder();const cryptokey=await globalThis.crypto.subtle.importKey('raw',enc.encode(k),{name:'HMAC',hash:'SHA-256'},false,['sign','verify']);
+ const digest=new Uint8Array(await globalThis.crypto.subtle.sign('HMAC',cryptokey,enc.encode(payload)));const hex=Array.from(digest,b=>b.toString(16).padStart(2,'0')).join('');
+ let verified=null;if(String(signature).trim()){const s=String(signature).trim().replace(/^sha256=/,'');if(!/^[0-9a-f]{64}$/i.test(s))throw Error('Assinatura esperada: 64 caracteres hexadecimais.');verified=await globalThis.crypto.subtle.verify('HMAC',cryptokey,Uint8Array.from(s.match(/../g),x=>parseInt(x,16)),enc.encode(payload));}
+ return {algoritmo:'HMAC-SHA256',assinatura:'sha256='+hex,assinatura_informada_valida:verified,bytes_assinados:enc.encode(payload).length,plano_retry_segundos:Array.from({length:n},(_,i)=>Math.min(3600,2**i*5)),requisicao_exemplo:{metodo:'POST',caminho:'/webhooks/comenta',cabecalhos:{'Content-Type':'application/json','X-Comenta-Signature':'sha256='+hex}},aviso:'Calcula assinatura dos bytes exatos do campo. Não fornece API hospedada, não faz requisições, não entrega eventos e não executa retries. Chave fica apenas em memória nesta aba.'};
+}
+const functions={classify,summary,reply,handoff,inbox,moveCards,queues,hours,shortcuts,notes,team,nps,internalChat,webhook};
+if(typeof module!=='undefined')module.exports=functions;

index.html

@@ -1,19 +1 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="light"><meta name="referrer" content="no-referrer"><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' data:; connect-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'"><title>Chat interno da equipe — Comenta</title><link rel="stylesheet" href="style.css"></head><body><header><a class="brand" href="https://comenta.com.br/" target="_blank" rel="noopener noreferrer">comenta<i>•</i></a><nav aria-label="Navegação"><a href="https://huggingface.co/intsoft" target="_blank" rel="noopener noreferrer">Projetos intsoft</a><span class="badge">Avaliação local · gratuito</span></nav></header><main><div class="eyebrow">Laboratório Comenta / 13 de 14</div><h1 id="title">Chat interno da equipe</h1><p class="intro" id="description"></p><div class="notice"><strong>Não conectado aos canais reais.</strong> Ferramenta/agente por regras, não modelo de IA treinado. Processa entradas apenas no seu navegador; não envia mensagens. Use exemplos fictícios, nunca credenciais ou dados pessoais.</div><div class="workspace"><section class="panel"><h2>Experimente o recurso</h2><form id="form"><div id="fields"></div><div class="actions"><button id="run" type="submit">Executar avaliação</button><button id="reset" class="secondary" type="button">Restaurar exemplo</button><button id="clear" class="secondary" type="button">Limpar dados</button></div></form><p id="error" class="error" role="alert"></p><div id="extra"></div></section><section class="panel"><h2>Resultado verificável</h2><p class="status" id="resultstatus" aria-live="polite">Aguardando execução</p><pre id="output" aria-label="Resultado">Preencha ou use o exemplo e clique em executar.</pre><p class="small">Nada é enviado automaticamente. Você pode baixar o resultado nesta máquina.</p><button class="secondary" id="download" type="button">Baixar resultado JSON</button><div class="limits"><h2>O que esta versão faz</h2><p id="limitation" class="small"></p><p class="small">Sem armazenamento no servidor, cookies próprios ou histórico compartilhado. Recarregar encerra a sessão. O provedor de hospedagem pode registrar acessos HTTP, mas os campos não são transmitidos por este aplicativo.</p></div></section></div></main><footer>Código original Comenta · Versão de avaliação 0.1 · Regras transparentes no repositório público · Integrações e controle de acesso de produção ainda pendentes.</footer><script src="config.js"></script><script src="engine.js"></script><script src="ui.js"></script></body></html>

style.css

@@ -1,28 +1 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}
+:root{--ink:#172033;--muted:#526078;--accent:#a21caf;--line:#d9deea;--canvas:#f5f7fb;--panel:#fff;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#86198f}header{background:var(--panel);border-bottom:1px solid var(--line);padding:18px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:850;font-size:26px;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand i{font-style:normal;color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:750;color:var(--muted)}main{max-width:1208px;margin:auto;padding:32px 24px}h1{font-size:clamp(26px,4vw,38px);line-height:1.2;letter-spacing:-.035em;text-wrap:balance;margin:10px 0 16px;max-width:820px}h2{font-size:19px;line-height:1.3;margin:0 0 18px}p{max-width:85ch}.intro{margin:0 0 24px;color:var(--muted)}.notice{padding:14px 18px;border-left:4px solid var(--accent);background:#f9ecfb;font-size:14px;margin:20px 0 28px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}label{display:block;font-weight:650;font-size:14px;margin:0 0 8px}input,textarea,select{font:inherit;background:#fff;color:var(--ink);border:1px solid #b9c1d0;border-radius:8px;display:block;width:100%;padding:10px 12px;margin:0 0 20px}textarea{min-height:110px;resize:vertical;line-height:1.5}textarea[data-json]{font:13px/1.6 ui-monospace,monospace;min-height:180px}button{border:1px solid var(--accent);background:var(--accent);color:white;font:650 14px/1.4 system-ui;padding:12px 18px;border-radius:9px;cursor:pointer;min-height:44px}button.secondary{background:white;color:var(--ink);border-color:#b9c1d0}button:disabled{opacity:.6;cursor:wait}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #a21caf;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.small{font-size:13px;color:var(--muted)}pre{margin:0;font:13px/1.65 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fb;padding:18px;border-radius:10px;max-height:620px;overflow:auto}.error{color:#b91c1c;font-weight:600;min-height:24px}.badge{font-size:12px;background:#f2e6f5;color:#701a75;border:1px solid #e1bde8;border-radius:20px;padding:5px 10px;white-space:nowrap}.limits{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}footer{max-width:1208px;margin:auto;padding:20px 24px 40px;font-size:13px;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.column{min-height:150px;border:1px dashed #b9c1d0;border-radius:10px;padding:12px;background:#f5f7fb}.column h3{font-size:13px}.ticket{background:white;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px;font-size:13px}.ticket select{font-size:12px;padding:6px;margin:8px 0 0}.columns-full{grid-column:1/-1}.status{font-size:13px;color:var(--muted);margin-bottom:14px}nav{display:flex;gap:20px;font-size:14px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.board{grid-template-columns:1fr}.panel{padding:18px}main{padding:24px 16px}header{padding:16px}.badge{display:none}nav{gap:12px}pre{max-height:480px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}} 

test-cases.json

@@ -0,0 +1,40 @@
+{
+  "function": "internalChat",
+  "cases": [
+    {
+      "name": "Exemplo padrão da interface",
+      "args": [
+        "[\n  {\n    \"autor\": \"Atendente A (exemplo)\",\n    \"texto\": \"Vamos revisar a resposta antes de enviar?\"\n  }\n]",
+        "Atendente B (exemplo)",
+        "Sim, vou verificar a base de respostas de exemplo."
+      ],
+      "object": true
+    },
+    {
+      "args": [
+        "[]",
+        "Exemplo A",
+        "Oi"
+      ],
+      "path": "conversa_local.0.texto",
+      "equals": "Oi"
+    },
+    {
+      "args": [
+        "[]",
+        "Exemplo A",
+        "Oi"
+      ],
+      "path": "visao_cliente.length",
+      "equals": 0
+    },
+    {
+      "args": [
+        "{}",
+        "A",
+        "Oi"
+      ],
+      "error": true
+    }
+  ]
+}

ui.js

@@ -0,0 +1,26 @@
+'use strict';
+const $=id=>document.getElementById(id);
+const cfg=window.COMENTA_CONFIG;
+$('title').textContent=cfg.title;$('description').textContent=cfg.description;$('limitation').textContent=cfg.limitation;
+let busy=false,lastResult=null;
+function field(f){const box=document.createElement('div'),lab=document.createElement('label');lab.htmlFor=f.id;lab.textContent=f.label;box.append(lab);let el;
+ if(f.options){el=document.createElement('select');for(const value of f.options){const o=document.createElement('option');o.value=value;o.textContent=value;el.append(o);}}
+ else {el=document.createElement(f.type==='input'?'input':'textarea');if(f.json)el.dataset.json='true';if(f.password)el.type='password';if(!['signature','card_id'].includes(f.id))el.required=true;}
+ el.id=f.id;el.name=f.id;el.value=f.value??'';el.maxLength=30000;el.autocomplete='off';el.spellcheck=false;box.append(el);return box;
+}
+for(const f of cfg.fields)$('fields').append(field(f));
+function values(){return cfg.fields.map(f=>$(f.id).value);}
+function show(result){lastResult=result;$('output').textContent=JSON.stringify(result,null,2);$('resultstatus').textContent='Concluído nesta aba · nenhuma ação externa';if(cfg.fn==='moveCards')renderBoard(result.cards);}
+async function calculate(){if(busy)return;busy=true;$('run').disabled=true;$('error').textContent='';try{show(await functions[cfg.fn](...values()));}catch(e){$('error').textContent=e.message;$('resultstatus').textContent='Confira os campos';lastResult=null;$('output').textContent='Nenhum resultado válido para esta entrada.';}finally{busy=false;$('run').disabled=false;}}
+$('form').addEventListener('submit',e=>{e.preventDefault();calculate();});
+$('reset').addEventListener('click',()=>{for(const f of cfg.fields)$(f.id).value=f.value??'';$('error').textContent='';$('output').textContent='Exemplo restaurado. Clique em executar para avaliar.';$('resultstatus').textContent='Aguardando execução';lastResult=null;if($('board'))$('board').replaceChildren();});
+$('clear').addEventListener('click',()=>{for(const f of cfg.fields){if(!f.options)$(f.id).value='';}$('output').textContent='Dados removidos desta interface.';$('error').textContent='';lastResult=null;if($('board'))$('board').replaceChildren();});
+$('download').addEventListener('click',()=>{if(!lastResult){$('error').textContent='Execute um teste válido antes de exportar.';return;}const blob=new Blob([JSON.stringify(lastResult,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=cfg.slug+'-resultado.json';a.click();setTimeout(()=>URL.revokeObjectURL(a.href),1000);});
+function renderBoard(cards){const root=$('board');if(!root)return;root.replaceChildren();const states=['Aguardando','Em atendimento','Resolvida'];
+ function update(id,status){$('cards').value=JSON.stringify(cards,null,2);$('card_id').value=id;$('status').value=status;calculate();}
+ for(const status of states){const col=document.createElement('section');col.className='column';const heading=document.createElement('h3');heading.textContent=status;col.append(heading);col.addEventListener('dragover',e=>e.preventDefault());col.addEventListener('drop',e=>{e.preventDefault();update(e.dataTransfer.getData('text/plain'),status);});
+ for(const c of cards.filter(c=>c.status===status)){const ticket=document.createElement('article');ticket.className='ticket';ticket.draggable=true;ticket.addEventListener('dragstart',e=>e.dataTransfer.setData('text/plain',c.id));const title=document.createElement('strong');title.textContent=c.titulo;ticket.append(title);const select=document.createElement('select');select.setAttribute('aria-label','Mover '+c.titulo);for(const s of states){const o=document.createElement('option');o.value=s;o.textContent=s;select.append(o);}select.value=status;select.addEventListener('change',()=>update(c.id,select.value));ticket.append(select);col.append(ticket);}root.append(col);}
+}
+if(cfg.fn==='internalChat'){
+ const b=document.createElement('button');b.type='button';b.className='secondary';b.textContent='Usar conversa resultante como histórico';b.addEventListener('click',()=>{if(lastResult?.conversa_local)$('history').value=JSON.stringify(lastResult.conversa_local,null,2);else $('error').textContent='Execute primeiro uma mensagem.';});$('extra').append(b);
+}