\n \n\n

\n \n \n \n \n \n \n \n /\n

\n \n \n \n \n \n \n

\n\n

\n\n \n \n \n \n",[],[167,232],"70209202-de42-4afd-af47-e18203fa30cf","conversas.js","8ea60134-a9f8-11f1-8c27-1607ee4eb77e",178,["D",1788886096390],8,"// Central TC — Conversas: canais por caso sobre os espaços do Google Chat.\n//\n// Este arquivo NÃO é uma página: é uma vista do hub. Ele se pendura em\n// window.Conversas e o app.js o monta dentro do #content quando a pessoa\n// clica em \"Conversas\" na lateral. Assim o menu, o tema e o resto da Central\n// continuam de pé — antes isto era página separada, que abria branca e sem menu.\n//\n// A conferência de nome que importa é a do servidor (nomes.ts). Aqui só se\n// pergunta e se mostra: a tela nunca decide sozinha se um cliente é novo.\n\nwindow.Conversas = (function () {\n let DADOS = { ligado: false, canais: [], minhasAreas: [] };\n let EQUIPE = [];\n let canalAberto = null;\n let relogio = null;\n let raiz = null;\n let montado = false;\n\n const $ = (id) => document.getElementById(id);\n const esc = (t) =>\n String(t ?? \"\")\n .replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n\n const normalizar = (t) =>\n String(t ?? \"\").normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\").toLowerCase()\n .replace(/[^a-z0-9\\s]/g, \" \").replace(/\\s+/g, \" \").trim();\n\n const soSlug = (t, teto) =>\n String(t || \"\").normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\").toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\").replace(/^-+|-+$/g, \"\").slice(0, teto || 40)\n .replace(/-+$/g, \"\");\n\n // Palavras que não distinguem um cliente. Espelha a lista do servidor\n // (nomes.ts): a prévia na tela tem de bater com o nome que será gravado.\n const VAZIAS_PRE = [\n \"de\",\n \"da\",\n \"do\",\n \"das\",\n \"dos\",\n \"e\",\n \"em\",\n \"a\",\n \"o\",\n \"as\",\n \"os\",\n \"ltda\",\n \"me\",\n \"epp\",\n \"eireli\",\n \"sa\",\n \"s\",\n \"cia\",\n \"mei\",\n \"cond\",\n \"condominio\",\n \"edificio\",\n \"ed\",\n \"residencial\",\n \"familia\",\n \"grupo\",\n \"espolio\",\n \"sucessao\",\n ];\n\n function iniciaisCliente(nome) {\n const partes = soSlug(nome).split(\"-\").filter((w) =>\n w && VAZIAS_PRE.indexOf(w) === -1\n );\n if (!partes.length) return \"\";\n const ini = partes.map((p) => p[0]).join(\"\");\n return ini.length >= 2 ? ini : partes[0];\n }\n\n // O nome do canal leva as iniciais do cliente na frente: sem isso, dois\n // clientes com \"Divórcio\" brigavam pelo mesmo #divorcio.\n const slugLocal = (cliente, caso) => {\n const pre = soSlug(iniciaisCliente(cliente), 12);\n const corpo = soSlug(caso, 44 - (pre ? pre.length + 1 : 0));\n if (!pre) return corpo;\n if (!corpo) return pre;\n return pre + \"-\" + corpo;\n };\n\n const iniciais = (nome) =>\n String(nome || \"?\").trim().split(/\\s+/)\n .slice(0, 2).map((p) => p[0] || \"\").join(\"\").toUpperCase() || \"?\";\n\n const SVG_ALERTA =\n '';\n\n async function api(caminho, opts) {\n const r = await fetch(caminho, {\n headers: { \"Content-Type\": \"application/json\" },\n ...opts,\n });\n const j = await r.json().catch(() => ({}));\n if (!r.ok) {\n throw Object.assign(new Error(j.error || (\"erro \" + r.status)), {\n status: r.status,\n corpo: j,\n });\n }\n return j;\n }\n\n // ── o casco da vista, escrito dentro do #content do hub ──────────────\n function casco() {\n return `\n \n\n \n\n \n\n

Central TC · Google Chat

Novo canal

\n \n

O canal nasce dentro de um cliente. A Central confere o nome contra o que já existe antes de criar.

\n\n

\n Área\n \n \n

Você cria canais na sua área, a mesma que define o que enxerga na Central. Para um caso de outra área, quem atua nela é que abre o canal.

\n\n

\n Cliente\n \n

\n \n \n

A base de clientes é do escritório inteiro. Digite um trecho e a Central mostra quem já está cadastrado.

\n\n

\n Caso\n \n \n

Escolha o cliente acima para liberar este campo.

O nome do canal sai daqui. A Central compara com os casos que este cliente já tem.

\n\n

\n Nome do canal\n

\n #\n \n

Minúsculas e hífen, sem acento. É por ele que a equipe busca depois.

\n\n

\n Quem participa\n

Você entra sempre. Depois, qualquer participante pode chamar mais gente de dentro da conversa.

\n\n

\n \n \n \n

\n\n

O que acontece ao criar

\n Resolve o cliente na base\n

Nome idêntico não passa: a Central manda usar o cadastro existente. Nome parecido avisa, e você decide.

\n Confere o caso dentro do cliente\n

Se aquele cliente já tem canal de assunto parecido, a Central mostra qual antes de deixar criar outro.

\n Cria o espaço no Google Chat\n

Com o nome do caso e as pessoas marcadas. Aparece no celular de todo mundo.

\n Amarra tudo na Central\n

Canal preso ao cliente e à sua área, ao lado do material do caso.

\n\n

Carregando as conversas...

`;\n }\n\n // ── navegação entre as telas da vista ────────────────────────────────\n const TELAS = [\"consentir\", \"lista\", \"sala\", \"novo\"];\n\n function mostrar(nome) {\n TELAS.forEach((t) => {\n const el = $(\"tela-\" + t);\n if (el) el.hidden = t !== nome;\n });\n const cont = document.querySelector(\".conteudo\");\n if (cont) {\n cont.classList.toggle(\"modo-sala\", nome === \"sala\");\n cont.scrollTop = 0;\n }\n if (nome !== \"sala\") pararRelogio();\n }\n\n // ── lista de canais ──────────────────────────────────────────────────\n function cartao(k, comCliente) {\n const cor = k.area_cor || \"\";\n const novas = k.novas\n ? '' + k.novas + \"\"\n : \"\";\n const areaTag = k.area_nome\n ? '' + esc(k.area_nome) + \"\"\n : 'Transversal';\n const ultima = k.ultima\n ? '

' + esc(k.ultima_autor || \"\") + \": \" +\n esc(k.ultima) + \"

\"\n : \"\";\n return '\";\n }\n\n function pintarLista() {\n const canais = DADOS.canais;\n const alvoCaso = $(\"vista-caso\");\n const alvoCli = $(\"vista-cliente\");\n if (!alvoCaso) return;\n\n if (!canais.length) {\n alvoCaso.innerHTML =\n '

Nenhum canal ainda. Crie o primeiro em “Novo canal”.

';\n alvoCli.innerHTML = \"\";\n } else {\n alvoCaso.innerHTML = '

' +\n '

Casos ativos · ' +\n canais.length + \"

\" +\n '

' + canais.map((k) => cartao(k, true)).join(\"\") +\n \"

\";\n\n const ordem = [], mapa = {};\n canais.forEach((k) => {\n if (!mapa[k.cliente_nome]) {\n mapa[k.cliente_nome] = [];\n ordem.push(k.cliente_nome);\n }\n mapa[k.cliente_nome].push(k);\n });\n alvoCli.innerHTML = ordem.map((nome) => {\n const itens = mapa[nome];\n const areas = [];\n itens.forEach((k) => {\n if (k.area_nome && !areas.some((a) => a.nome === k.area_nome)) {\n areas.push({ nome: k.area_nome, cor: k.area_cor });\n }\n });\n return '

' +\n '' + esc(nome) + \"\" +\n '' + itens.length +\n (itens.length > 1 ? \" canais\" : \" canal\") + \"\" +\n '' + areas.map((a) =>\n '' + esc(a.nome) + \"\"\n ).join(\"\") +\n \"

\" +\n '

' + itens.map((k) =>\n cartao(k, false)\n ).join(\"\") + \"

\";\n }).join(\"\");\n }\n\n const clientes = [...new Set(canais.map((k) => k.cliente_nome))];\n const conta = $(\"conta-canais\");\n if (conta) {\n conta.textContent = canais.length\n ? canais.length + \" \" + (canais.length > 1 ? \"canais\" : \"canal\") +\n \" · \" +\n clientes.length + \" \" + (clientes.length > 1 ? \"clientes\" : \"cliente\")\n : \"\";\n }\n }\n\n // ── canal aberto ─────────────────────────────────────────────────────\n function diaDe(iso) {\n const d = new Date(iso), hoje = new Date();\n const ontem = new Date(hoje.getTime() - 86400000);\n const igual = (a, b) => a.toDateString() === b.toDateString();\n if (igual(d, hoje)) return \"Hoje\";\n if (igual(d, ontem)) return \"Ontem\";\n return d.toLocaleDateString(\"pt-BR\", { day: \"2-digit\", month: \"long\" });\n }\n const horaDe = (iso) =>\n new Date(iso).toLocaleTimeString(\"pt-BR\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n\n function pintarFio(mensagens) {\n const fio = $(\"fio\");\n if (!fio) return;\n if (!mensagens.length) {\n fio.innerHTML =\n '

Ainda não há mensagens. Escreva a primeira abaixo.

';\n return;\n }\n let dia = \"\";\n fio.innerHTML = mensagens.map((m) => {\n let cab = \"\";\n const d = diaDe(m.quando);\n if (d !== dia) {\n dia = d;\n cab = '

' + esc(d) + \"

\";\n }\n const anexos = (m.anexos || []).map((a) =>\n '

' +\n esc(a.nome) + \"

\"\n ).join(\"\");\n return cab + '

' +\n '' + esc(iniciais(m.autor)) + \"\" +\n '

' +\n '

' +\n esc(m.autor || \"Alguém\") + \"\" +\n '' + esc(horaDe(m.quando)) + \"

\" +\n '

' + esc(m.texto) + \"

\" + anexos +\n \"

\";\n }).join(\"\");\n const r = document.querySelector(\".fio-rolagem\");\n if (r) r.scrollTop = r.scrollHeight;\n }\n\n async function carregarMensagens(silencioso) {\n if (!canalAberto) return;\n try {\n const j = await api(\n \"/api/conversas/canais/\" + canalAberto.id + \"/mensagens\",\n );\n pintarFio(j.mensagens || []);\n } catch (e) {\n if (e.status === 428) {\n mostrar(\"consentir\");\n return;\n }\n if (!silencioso && $(\"fio\")) {\n $(\"fio\").innerHTML =\n '

Não deu para ler as mensagens: ' +\n esc(e.message) + \"

\";\n }\n }\n }\n\n function pararRelogio() {\n if (relogio) {\n clearInterval(relogio);\n relogio = null;\n }\n }\n\n async function abrirCanal(id) {\n const k = DADOS.canais.find((c) => String(c.id) === String(id));\n if (!k) return;\n canalAberto = k;\n\n $(\"sala-slug\").textContent = k.slug;\n $(\"sala-caso\").textContent = k.titulo + \" · \" + k.cliente_nome;\n $(\"comp-txt\").placeholder = \"Escreva em #\" + k.slug;\n const idEspaco = String(k.space || \"\").split(\"/\")[1] || \"\";\n $(\"sala-chat\").href = idEspaco\n ? \"https://mail.google.com/chat/u/0/#chat/space/\" + idEspaco\n : \"https://mail.google.com/chat/\";\n\n $(\"sala-caso-campos\").innerHTML = [\n k.processo ? { r: \"Processo\", v: k.processo, m: true } : null,\n { r: \"Cliente\", v: k.cliente_nome },\n { r: \"Área\", v: k.area_nome || \"Transversal\" },\n {\n r: \"Aberto em\",\n v: new Date(Number(k.created_at)).toLocaleDateString(\"pt-BR\"),\n },\n ].filter(Boolean).map((c) =>\n '

' + esc(c.r) + \"

\" +\n '

' + esc(c.v) +\n \"

\"\n ).join(\"\");\n\n pintarPessoas(k);\n\n mostrar(\"sala\");\n $(\"fio\").innerHTML = '

Carregando mensagens...

';\n await carregarMensagens();\n pararRelogio();\n // Não existe conexão permanente para cliente no Chat: a Central pergunta.\n relogio = setInterval(() => carregarMensagens(true), 5000);\n }\n\n // ── criar canal ──────────────────────────────────────────────────────\n let clienteAtual = null, casoLiberado = false, casosDoCliente = [];\n let buscaTimer = null, casoTimer = null;\n let ultimaConferencia = { identico: null, parecidos: [] };\n\n // Só Caso e Nome do canal dependem do cliente. \"Quem participa\" NÃO depende:\n // deixá-lo travado fazia os chips parecerem clicáveis sem responder ao clique,\n // e o único aviso era 45% de opacidade, invisível no tema escuro.\n function ligarCampos(on) {\n [\"campo-caso\", \"campo-slug\"].forEach((id) => {\n const el = $(id);\n if (el) el.classList.toggle(\"desligado\", !on);\n });\n const aviso = $(\"caso-travado\");\n if (aviso) aviso.hidden = on;\n }\n function conferirCriar() {\n const b = $(\"btn-criar\");\n if (b) {\n b.disabled = !(clienteAtual && $(\"f-caso\").value.trim() && casoLiberado);\n }\n }\n function realcar(nome, termo) {\n const i = normalizar(nome).indexOf(normalizar(termo));\n if (!termo || i === -1) return esc(nome);\n return esc(nome.slice(0, i)) + \"\" +\n esc(nome.slice(i, i + termo.length)) + \"\" +\n esc(nome.slice(i + termo.length));\n }\n\n async function buscarClientes(termo) {\n const t = termo.trim();\n const sug = $(\"cliente-sug\");\n if (!sug) return;\n if (!t) {\n sug.hidden = true;\n $(\"f-cliente\").setAttribute(\"aria-expanded\", \"false\");\n return;\n }\n\n let achados = [], conf = { identico: null, parecidos: [] };\n try {\n achados =\n (await api(\"/api/conversas/clientes?q=\" + encodeURIComponent(t)))\n .clientes || [];\n conf = await api(\"/api/conversas/clientes/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ termo: t }),\n });\n } catch (e) { /* a criação ainda é conferida no servidor */ }\n\n let html = achados.map((c) =>\n '

\"\n ).join(\"\");\n if (!achados.length) {\n html += '

Nenhum cliente com esse trecho.

';\n }\n\n html += '

' +\n '

\";\n\n sug.innerHTML = html;\n sug.hidden = false;\n $(\"f-cliente\").setAttribute(\"aria-expanded\", \"true\");\n // O aviso não aparece a cada tecla: competiria com a lista. Ele surge no\n // clique em \"cadastrar novo\", que é onde a decisão acontece.\n $(\"cliente-aviso\").hidden = true;\n ultimaConferencia = conf;\n }\n\n function pintarAvisoCliente(conf, termo) {\n const av = $(\"cliente-aviso\");\n if (conf.identico) {\n av.className = \"aviso-dup bloqueia\";\n av.innerHTML = '

' + SVG_ALERTA +\n \"Este cliente já está cadastrado

\" +\n \"

Nome idêntico ao de um cadastro existente, então a Central não cria um segundo. Use o que já existe.

\" +\n '

' +\n '' + esc(conf.identico.nome) + \"\" +\n '#' + conf.identico.id +\n \"

\" +\n '

';\n av.hidden = false;\n return;\n }\n if (!conf.parecidos || !conf.parecidos.length) {\n av.hidden = true;\n return;\n }\n av.className = \"aviso-dup\";\n av.innerHTML = '

' + SVG_ALERTA +\n \"Já existe cliente com nome parecido

\" +\n \"

Confira se é a mesma pessoa antes de abrir cadastro novo. Dois cadastros para o mesmo cliente separam os casos dele para sempre.

\" +\n '

' +\n conf.parecidos.slice(0, 3).map((p) =>\n '

' + esc(p.nome) +\n \"\" +\n '' + p.grau + \"% igual\" +\n '

'\n ).join(\"\") + \"

\" +\n '

\";\n av.hidden = false;\n }\n\n // O nome digitado já libera o resto do formulário. A lista de sugestões é\n // atalho, não porteiro: antes era preciso clicar nela para o campo Caso\n // acender, e nada na tela dizia isso. Quem digita e segue em frente tem o\n // nome resolvido na hora de criar, com as mesmas regras do servidor.\n function marcarPendente(nome) {\n const t = String(nome || \"\").trim();\n if (!t) {\n if (clienteAtual && clienteAtual.pendente) {\n clienteAtual = null;\n ligarCampos(false);\n conferirCriar();\n }\n return;\n }\n if (clienteAtual && !clienteAtual.pendente) return; // já escolhido de verdade\n clienteAtual = { id: null, nome: t, pendente: true };\n ligarCampos(true);\n avaliarCaso($(\"f-caso\").value);\n }\n\n async function escolherCliente(c) {\n clienteAtual = c;\n $(\"cliente-escolhido\").hidden = false;\n $(\"cliente-combo\").hidden = true;\n $(\"cliente-aviso\").hidden = true;\n $(\"cliente-sug\").hidden = true;\n $(\"cliente-nome\").textContent = c.nome;\n $(\"cliente-meta\").textContent = c.id\n ? \"cliente #\" + c.id + \" · \" + (c.canais || 0) + \" \" +\n (Number(c.canais) === 1 ? \"canal aberto\" : \"canais abertos\")\n : \"cliente novo · será cadastrado ao criar o canal\";\n\n casosDoCliente = [];\n if (c.id) {\n try {\n casosDoCliente =\n (await api(\"/api/conversas/clientes/\" + c.id + \"/casos\")).casos || [];\n } catch (e) {}\n }\n const cx = $(\"cliente-casos\");\n if (casosDoCliente.length) {\n $(\"cliente-casos-lista\").innerHTML = casosDoCliente\n .map((k) => '#' + esc(k.slug) + \"\").join(\n \"\",\n );\n cx.hidden = false;\n } else cx.hidden = true;\n\n ligarCampos(true);\n avaliarCaso($(\"f-caso\").value);\n }\n\n function trocarCliente() {\n clienteAtual = null;\n casoLiberado = false;\n casosDoCliente = [];\n $(\"cliente-escolhido\").hidden = true;\n $(\"cliente-combo\").hidden = false;\n $(\"cliente-casos\").hidden = true;\n $(\"caso-aviso\").hidden = true;\n $(\"cliente-aviso\").hidden = true;\n ligarCampos(false);\n const b = $(\"f-cliente\");\n b.value = \"\";\n b.focus();\n conferirCriar();\n }\n\n async function avaliarCaso(termo) {\n const t = String(termo || \"\").trim();\n const av = $(\"caso-aviso\");\n if (!av) return;\n casoLiberado = !!t;\n\n // Cliente novo não tem casos para comparar, mas o nome do canal precisa\n // aparecer assim mesmo.\n if (t && !$(\"f-slug\").dataset.tocado) {\n $(\"f-slug\").value = slugLocal(clienteAtual && clienteAtual.nome, t);\n }\n\n if (!t || !clienteAtual || !clienteAtual.id) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n let conf = { identico: null, parecidos: [], slug: \"\" };\n try {\n conf = await api(\"/api/conversas/casos/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ cliente_id: clienteAtual.id, termo: t }),\n });\n } catch (e) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n if (conf.slug && !$(\"f-slug\").dataset.tocado) $(\"f-slug\").value = conf.slug;\n\n const achados = conf.identico\n ? [Object.assign({}, conf.identico, { grau: 100 })]\n : (conf.parecidos || []);\n if (!achados.length) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n casoLiberado = false;\n av.className = \"aviso-dup\";\n av.innerHTML = '

' + SVG_ALERTA +\n (conf.identico\n ? \"Este cliente já tem um canal com esse assunto\"\n : \"Assunto parecido com um canal existente\") +\n \"

\" +\n \"

\" + esc(clienteAtual.nome) +\n \" já tem o canal abaixo. Diga se é o mesmo assunto ou se este caso é outro.

\" +\n '

' +\n achados.slice(0, 3).map((k) =>\n '

#' + esc(k.slug) +\n \"\" +\n '' + (k.grau || 100) + \"% igual\" +\n '

'\n ).join(\"\") + \"

\" +\n '

';\n av.hidden = false;\n conferirCriar();\n }\n\n // O escritório tem duas Eduardas: só o primeiro nome não distingue. Quando o\n // primeiro nome se repete, o rótulo ganha a inicial do sobrenome.\n function rotuloDe(pessoa, todos) {\n const cheio = String(pessoa.name || pessoa.email || \"\").trim();\n const partes = cheio.split(/\\s+/);\n const primeiro = partes[0] || cheio;\n const repete =\n todos.filter((o) =>\n String(o.name || o.email || \"\").trim().split(/\\s+/)[0] === primeiro\n ).length > 1;\n if (!repete || partes.length < 2) return primeiro;\n return primeiro + \" \" + partes[partes.length - 1][0] + \".\";\n }\n\n // Quem está no canal. Usa o nome cadastrado quando existe; antes mostrava o\n // pedaço do e-mail antes do @, que é ilegível (\"iksobral\").\n function pintarPessoas(k) {\n const alvo = $(\"sala-pessoas\");\n if (!alvo) return;\n alvo.innerHTML = (k.membros_lista || []).map((e) => {\n const p = EQUIPE.filter((o) =>\n o.email.toLowerCase() === String(e).toLowerCase()\n )[0];\n const nome = (p && p.name) || String(e).split(\"@\")[0];\n return '' +\n esc(iniciais(nome)) + \"\" +\n esc(p ? rotuloDe(p, EQUIPE) : nome) + \"\";\n }).join(\"\") || '?só você';\n }\n\n // Mostra quem ainda não está no canal, para chamar em um clique. Antes isto\n // era um prompt() pedindo o e-mail digitado — ninguém sabe o e-mail de cor.\n function abrirChamar() {\n const lista = $(\"chamar-lista\");\n const estado = $(\"chamar-estado\");\n if (!lista || !canalAberto) return;\n if (!lista.hidden) {\n lista.hidden = true;\n estado.hidden = true;\n return;\n }\n\n const dentro = (canalAberto.membros_lista || []).map((e) =>\n String(e).toLowerCase()\n );\n const fora = EQUIPE.filter((p) =>\n dentro.indexOf(p.email.toLowerCase()) === -1\n );\n lista.innerHTML = fora.length\n ? fora.map((p) =>\n '\"\n ).join(\"\")\n : 'Todo o escritório já está neste canal.';\n lista.hidden = false;\n estado.hidden = true;\n }\n\n async function convidar(email, chip) {\n const estado = $(\"chamar-estado\");\n if (!canalAberto || !email) return;\n chip.disabled = true;\n estado.hidden = false;\n estado.textContent = \"Chamando…\";\n try {\n await api(\"/api/conversas/canais/\" + canalAberto.id + \"/membros\", {\n method: \"POST\",\n body: JSON.stringify({ email: email }),\n });\n canalAberto.membros_lista = (canalAberto.membros_lista || []).concat([\n email,\n ]);\n pintarPessoas(canalAberto);\n estado.textContent = \"Pronto. Já está no canal.\";\n $(\"chamar-lista\").hidden = true;\n abrirChamar(); // redesenha, agora sem quem acabou de entrar\n estado.hidden = false;\n estado.textContent = \"Pronto. Já está no canal.\";\n } catch (err) {\n chip.disabled = false;\n estado.textContent = \"Não deu: \" + err.message;\n }\n }\n\n function pintarEquipe() {\n const el = $(\"lista-gente\");\n if (!el) return;\n el.innerHTML =\n EQUIPE.map((p) =>\n '\"\n ).join(\"\") ||\n 'Ningu\\u00e9m mais cadastrado ainda.';\n }\n\n async function criarCanal() {\n const btn = $(\"btn-criar\"), estado = $(\"criar-estado\");\n btn.disabled = true;\n estado.textContent = \"Criando o espaço no Google Chat...\";\n try {\n let cliente = clienteAtual;\n\n // Nome digitado e não escolhido na lista: resolver agora, com as regras.\n if (cliente.pendente) {\n const conf = await api(\"/api/conversas/clientes/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ termo: cliente.nome }),\n });\n if (conf.identico) {\n cliente = conf.identico; // é o mesmo cadastro: usa o que já existe\n } else if (conf.parecidos && conf.parecidos.length) {\n estado.textContent = \"\";\n pintarAvisoCliente(conf, cliente.nome);\n $(\"cliente-aviso\").scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n btn.disabled = false;\n return; // a decisão é do usuário\n }\n }\n\n if (!cliente.id) {\n cliente = await api(\"/api/conversas/clientes\", {\n method: \"POST\",\n body: JSON.stringify({\n nome: cliente.nome,\n area_id: Number($(\"f-area\").value) || null,\n }),\n });\n }\n const membros = [].slice.call(\n raiz.querySelectorAll('#lista-gente .escolha[aria-pressed=\"true\"]'),\n )\n .map((b) => b.dataset.email);\n const canal = await api(\"/api/conversas/canais\", {\n method: \"POST\",\n body: JSON.stringify({\n cliente_id: cliente.id,\n titulo: $(\"f-caso\").value.trim(),\n slug: $(\"f-slug\").value.trim(),\n area_id: Number($(\"f-area\").value),\n membros: membros,\n forcar: true,\n }),\n });\n estado.textContent = \"\";\n if (canal.falhas && canal.falhas.length) {\n alert(\n \"Canal criado, mas não deu para convidar: \" + canal.falhas.join(\", \"),\n );\n }\n await carregar();\n abrirCanal(canal.id);\n } catch (e) {\n estado.textContent = e.message;\n if (e.status === 428) mostrar(\"consentir\");\n btn.disabled = false;\n }\n }\n\n // ── carga ────────────────────────────────────────────────────────────\n async function carregar() {\n try {\n DADOS = await api(\"/api/conversas\");\n } catch (e) {\n const c = $(\"conv-carregando\");\n if (c) {\n c.hidden = false;\n c.textContent = \"Não deu para carregar: \" + e.message;\n }\n return;\n }\n const carregando = $(\"conv-carregando\");\n if (carregando) carregando.hidden = true;\n\n const sel = $(\"f-area\");\n sel.innerHTML = DADOS.minhasAreas.map((a) =>\n '\"\n ).join(\"\");\n const uma = DADOS.minhasAreas.length === 1;\n $(\"area-travada\").hidden = !uma;\n sel.hidden = uma;\n if (uma) {\n $(\"area-nome\").textContent = DADOS.minhasAreas[0].name;\n $(\"area-dot\").style.background = DADOS.minhasAreas[0].color || \"#9A9AA2\";\n }\n if (!DADOS.minhasAreas.length) {\n const b = $(\"btn-novo\");\n if (b) {\n b.disabled = true;\n b.title = \"Você ainda não está associado a nenhuma área do escritório.\";\n }\n }\n\n try {\n EQUIPE = (await api(\"/api/conversas/equipe\")).equipe || [];\n } catch (e) {\n EQUIPE = [];\n }\n pintarEquipe();\n pintarLista();\n mostrar(DADOS.ligado ? \"lista\" : \"consentir\");\n }\n\n // ── eventos, delegados na raiz da vista ──────────────────────────────\n function ligarEventos() {\n raiz.addEventListener(\"click\", (e) => {\n const ir = e.target.closest(\"[data-ir-conv]\");\n if (ir) {\n e.preventDefault();\n mostrar(ir.dataset.irConv);\n return;\n }\n if (e.target.closest(\"#btn-novo\")) {\n mostrar(\"novo\");\n return;\n }\n if (e.target.closest(\"#sala-voltar\")) {\n mostrar(\"lista\");\n return;\n }\n if (e.target.closest(\"#cliente-trocar\")) {\n trocarCliente();\n return;\n }\n if (e.target.closest(\"#btn-criar\")) {\n criarCanal();\n return;\n }\n if (e.target.closest(\"#btn-chamar\")) {\n abrirChamar();\n return;\n }\n const chamado = e.target.closest(\"#chamar-lista .escolha\");\n if (chamado) {\n convidar(chamado.dataset.email, chamado);\n return;\n }\n\n const canal = e.target.closest(\"[data-canal]\");\n if (canal) {\n abrirCanal(canal.dataset.canal);\n return;\n }\n\n const usar = e.target.closest(\"[data-usar]\");\n if (usar) {\n escolherCliente({\n id: Number(usar.dataset.usar),\n nome: usar.dataset.nome,\n canais: Number(usar.dataset.canais) || 0,\n });\n return;\n }\n const sugc = e.target.closest(\"[data-cliente]\");\n if (sugc) {\n escolherCliente({\n id: Number(sugc.dataset.cliente),\n nome: sugc.dataset.nome,\n canais: Number(sugc.dataset.canais) || 0,\n });\n return;\n }\n const novo = e.target.closest(\"[data-novo]\");\n if (novo && !novo.disabled) {\n const nome = $(\"f-cliente\").value.trim();\n if (!nome) return;\n if (novo.dataset.confirmado) {\n escolherCliente({ id: null, nome: nome, canais: 0 });\n return;\n }\n $(\"cliente-sug\").hidden = true;\n if (\n ultimaConferencia.identico ||\n (ultimaConferencia.parecidos && ultimaConferencia.parecidos.length)\n ) {\n pintarAvisoCliente(ultimaConferencia, nome);\n return;\n }\n escolherCliente({ id: null, nome: nome, canais: 0 });\n return;\n }\n const abrir = e.target.closest(\"[data-abrir]\");\n if (abrir) {\n abrirCanal(abrir.dataset.abrir);\n return;\n }\n const forcar = e.target.closest(\"[data-forcar]\");\n if (forcar) {\n casoLiberado = true;\n $(\"caso-aviso\").hidden = true;\n conferirCriar();\n return;\n }\n\n const pes = e.target.closest(\"#lista-gente .escolha\");\n if (pes) {\n pes.setAttribute(\n \"aria-pressed\",\n pes.getAttribute(\"aria-pressed\") === \"true\" ? \"false\" : \"true\",\n );\n return;\n }\n\n const seg = e.target.closest(\".segm button\");\n if (seg) {\n const v = seg.dataset.vista;\n raiz.querySelectorAll(\".segm button\").forEach((o) =>\n o.setAttribute(\"aria-pressed\", String(o.dataset.vista === v))\n );\n $(\"vista-caso\").hidden = v !== \"caso\";\n $(\"vista-cliente\").hidden = v !== \"cliente\";\n return;\n }\n\n const sug = $(\"cliente-sug\");\n if (sug && !sug.hidden && !e.target.closest(\"#cliente-combo\")) {\n sug.hidden = true;\n }\n });\n\n raiz.addEventListener(\"focusin\", (e) => {\n if (e.target.id === \"f-cliente\" && e.target.value.trim()) {\n buscarClientes(e.target.value);\n }\n });\n\n raiz.addEventListener(\"input\", (e) => {\n if (e.target.id === \"f-cliente\") {\n marcarPendente(e.target.value);\n clearTimeout(buscaTimer);\n const v = e.target.value;\n buscaTimer = setTimeout(() => buscarClientes(v), 220);\n }\n if (e.target.id === \"f-caso\") {\n $(\"f-slug\").dataset.tocado = \"\";\n clearTimeout(casoTimer);\n const v = e.target.value;\n casoTimer = setTimeout(() => avaliarCaso(v), 260);\n }\n if (e.target.id === \"f-slug\") e.target.dataset.tocado = \"1\";\n if (e.target.id === \"conv-q\") {\n const t = normalizar(e.target.value);\n raiz.querySelectorAll(\"#vista-caso .canal, #vista-cliente .canal\")\n .forEach((c) => {\n c.style.display = !t || normalizar(c.textContent).indexOf(t) !== -1\n ? \"\"\n : \"none\";\n });\n }\n });\n\n raiz.addEventListener(\"submit\", async (e) => {\n if (e.target.id !== \"compositor\") return;\n e.preventDefault();\n const txt = $(\"comp-txt\");\n const corpo = txt.value.trim();\n if (!corpo || !canalAberto) return;\n const botao = raiz.querySelector(\".comp-enviar\");\n botao.disabled = true;\n txt.value = \"\";\n try {\n await api(\"/api/conversas/canais/\" + canalAberto.id + \"/mensagens\", {\n method: \"POST\",\n body: JSON.stringify({ texto: corpo }),\n });\n await carregarMensagens(true);\n } catch (err) {\n txt.value = corpo;\n if (err.status === 428) mostrar(\"consentir\");\n else alert(\"Não deu para enviar: \" + err.message);\n } finally {\n botao.disabled = false;\n }\n });\n\n raiz.addEventListener(\"keydown\", (e) => {\n if (e.target.id === \"comp-txt\" && e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n raiz.querySelector(\"#compositor\").requestSubmit();\n }\n });\n }\n\n // ── API para o app.js ────────────────────────────────────────────────\n return {\n montar: function (el) {\n if (montado && raiz === el) return; // idempotente: a busca do hub re-renderiza\n raiz = el;\n raiz.innerHTML = casco();\n montado = true;\n ligarEventos();\n carregar();\n },\n desmontar: function () {\n pararRelogio();\n montado = false;\n canalAberto = null;\n const cont = document.querySelector(\".conteudo\");\n if (cont) cont.classList.remove(\"modo-sala\");\n },\n };\n})();",[],[167,241],"29299ab5-4472-43a6-b003-b830f9a4d7cd","conversas.css","67f131d0-a9f8-11f1-a3c4-1607ee4eb77e",179,["D",1788886171519],5,"/* ═══════════════════════════════════════════════════════════════════\n CENTRAL TC — Conversas.\n Complementa styles.css (pele Julia v2): aqui ficam só as peças que\n a tela de canais traz de novo. Nenhuma cor nova: a da área continua\n entrando como filete de 3px, nunca como bloco chapado.\n ═══════════════════════════════════════════════════════════════════ */\n\n/* O atributo hidden precisa vencer o display explícito destes elementos.\n Sem isto, .travado{display:flex} mantinha o campo de área visível escondido.\n NÃO usar seletor global [hidden]: esta folha carrega no hub inteiro e a regra\n passaria por cima de coisas que não são das Conversas. */\n.travado[hidden],\n.escolhido[hidden],\n.casos-do-cliente[hidden],\n.aviso-dup[hidden],\n.sugestoes[hidden],\n.tela[hidden] {\n display: none !important;\n}\n\n/* ── agrupar por caso ou por cliente ── */\n.barra-vista {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n}\n.segm {\n display: inline-flex;\n gap: 2px;\n padding: 3px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n}\n.segm button {\n height: 30px;\n padding: 0 15px;\n border: none;\n border-radius: 7px;\n background: none;\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.segm button:hover {\n color: var(--tinta);\n}\n.segm button[aria-pressed=\"true\"] {\n background: var(--superficie);\n color: var(--tinta);\n font-weight: 600;\n box-shadow: var(--elev-1);\n}\n.barra-vista .conta {\n margin-left: auto;\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n\n/* ── cartão de canal ── */\n.canal {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--filete, var(--linha-forte));\n border-radius: 12px;\n background: var(--superficie);\n padding: 15px 16px 13px;\n box-shadow: var(--elev-1);\n min-height: 128px;\n text-align: left;\n width: 100%;\n cursor: pointer;\n transition: border-color var(--transicao), box-shadow var(--transicao),\n transform var(--transicao);\n}\n.canal:hover {\n border-color: var(--linha-forte);\n box-shadow: var(--elev-2);\n transform: translateY(-1px);\n}\n.canal:focus-visible {\n outline: 2px solid var(--acento);\n outline-offset: 2px;\n}\n.canal-cab {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n min-width: 0;\n}\n.canal-hash {\n width: 40px;\n height: 40px;\n border-radius: 11px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n display: grid;\n place-items: center;\n font: 500 17px var(--mono);\n color: var(--tinta-3);\n}\n.canal-id {\n min-width: 0;\n flex: 1;\n}\n.canal-cliente {\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-id h3 {\n margin: 0;\n font: 500 14.5px/1.3 var(--mono);\n letter-spacing: -.03em;\n color: var(--tinta);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-tipo {\n display: block;\n margin-top: 4px;\n font-size: 12px;\n color: var(--tinta-3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-novas {\n flex: none;\n min-width: 22px;\n height: 20px;\n padding: 0 7px;\n border-radius: 20px;\n background: var(--acento);\n color: var(--acento-tinta);\n font: 600 var(--t-rotulo)/20px var(--sans);\n text-align: center;\n}\n.canal-ultima {\n margin: 0;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.canal-ultima b {\n color: var(--tinta);\n font-weight: 600;\n}\n.canal-pe {\n margin-top: auto;\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n.canal-quando {\n margin-left: auto;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n\n/* ── blocos por cliente ── */\n.cliente-bloco + .cliente-bloco {\n margin-top: 28px;\n}\n.cliente-cab {\n display: flex;\n align-items: baseline;\n gap: 11px;\n flex-wrap: wrap;\n margin: 0 0 13px;\n padding-bottom: 9px;\n border-bottom: 1px solid var(--linha);\n}\n.cliente-nome {\n font: 600 16px var(--sans);\n letter-spacing: -.015em;\n color: var(--tinta);\n}\n.cliente-meta {\n font: 400 11px var(--mono);\n color: var(--tinta-3);\n}\n.cliente-areas {\n margin-left: auto;\n display: flex;\n gap: 6px;\n}\n\n/* ── canal aberto ── */\n.sala {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 268px;\n gap: 24px;\n align-items: start;\n}\n@media (max-width: 1080px) {\n .sala {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n\n.sala-cab {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--linha);\n margin-bottom: 18px;\n}\n.sala-hash {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n display: grid;\n place-items: center;\n font: 500 19px var(--mono);\n color: var(--tinta-3);\n}\n.sala-id h2 {\n margin: 0;\n font: 500 19px/1.25 var(--mono);\n letter-spacing: -.03em;\n color: var(--tinta);\n}\n.sala-id p {\n margin: 4px 0 0;\n font-size: 12.5px;\n color: var(--tinta-3);\n}\n.sala-cab .pill-acao {\n margin-left: auto;\n}\n\n.conteudo.modo-sala {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding-bottom: 24px;\n}\n.conteudo.modo-sala #tela-sala {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n.conteudo.modo-sala .sala {\n flex: 1;\n min-height: 0;\n}\n.conteudo.modo-sala .conversa {\n height: 100%;\n}\n.conteudo.modo-sala .fio-rolagem {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.conteudo.modo-sala .trilho {\n max-height: 100%;\n overflow-y: auto;\n}\n\n.conversa {\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n.fio-rolagem {\n padding-right: 4px;\n}\n.fio {\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n.dia {\n display: flex;\n align-items: center;\n gap: 12px;\n font: 400 10.5px var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.dia::before,\n.dia::after {\n content: \"\";\n height: 1px;\n background: var(--linha);\n flex: 1;\n}\n\n.msg {\n display: flex;\n gap: 12px;\n}\n.msg.enviando {\n opacity: .55;\n}\n.msg-av {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 11.5px var(--sans);\n color: var(--acento-tinta);\n background: var(--tinta-3);\n}\n.msg-corpo {\n min-width: 0;\n flex: 1;\n}\n.msg-cab {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 3px;\n flex-wrap: wrap;\n}\n.msg-nome {\n font: 600 13.5px var(--sans);\n color: var(--tinta);\n}\n.msg-hora {\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.msg-selo {\n font: 400 10px var(--mono);\n color: var(--tinta-3);\n}\n.msg-texto {\n margin: 0;\n font-size: 13.5px;\n line-height: 1.55;\n color: var(--tinta-2);\n max-width: 68ch;\n white-space: pre-wrap;\n}\n.msg-anexo {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-top: 8px;\n padding: 8px 12px;\n border: 1px solid var(--linha);\n border-radius: 9px;\n background: var(--superficie);\n font-size: 12.5px;\n color: var(--tinta-2);\n}\n.msg-anexo svg {\n width: 14px;\n height: 14px;\n flex: none;\n color: var(--tinta-3);\n}\n.msg-anexo b {\n color: var(--tinta);\n font-weight: 600;\n}\n\n/* ── caixa de escrita ── */\n.compositor {\n flex: none;\n margin-top: 18px;\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n transition: border-color var(--transicao);\n}\n.compositor:focus-within {\n border-color: var(--linha-forte);\n}\n.compositor textarea {\n display: block;\n width: 100%;\n min-height: 62px;\n max-height: 160px;\n resize: none;\n padding: 13px 15px 4px;\n border: none;\n background: none;\n color: var(--tinta);\n font: 13.5px/1.55 var(--sans);\n}\n.compositor textarea:focus {\n outline: none;\n}\n.compositor textarea::placeholder {\n color: var(--tinta-3);\n}\n.comp-pe {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 10px 9px 12px;\n border-top: 1px solid var(--linha);\n}\n.comp-dica {\n font: 400 11px var(--mono);\n color: var(--tinta-3);\n margin-left: 4px;\n}\n.comp-enviar {\n margin-left: auto;\n height: 34px;\n padding: 0 17px;\n border-radius: var(--raio-pill);\n border: 1px solid var(--acento);\n background: var(--acento);\n color: var(--acento-tinta);\n font: 600 var(--t-nav) var(--sans);\n display: inline-flex;\n align-items: center;\n gap: 7px;\n}\n.comp-enviar:hover:not(:disabled) {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n}\n.comp-enviar:disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n.comp-enviar svg {\n width: 14px;\n height: 14px;\n}\n\n/* ── trilho do caso ── */\n.trilho {\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n.bloco {\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n overflow: hidden;\n}\n.bloco-cab {\n padding: 12px 15px;\n border-bottom: 1px solid var(--linha);\n background: var(--superficie-2);\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.bloco-campo {\n padding: 12px 15px;\n border-top: 1px solid var(--linha);\n}\n.bloco > .bloco-campo:first-of-type {\n border-top: none;\n}\n.bloco-rot {\n font: 400 10px var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 5px;\n}\n.bloco-val {\n font-size: 13px;\n color: var(--tinta);\n font-variant-numeric: tabular-nums;\n}\n.bloco-val.mono {\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: -.02em;\n}\n.pessoas {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n padding: 13px 15px;\n}\n.pessoa {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 4px 10px 4px 4px;\n border: 1px solid var(--linha);\n border-radius: 20px;\n background: var(--superficie);\n font-size: 12px;\n color: var(--tinta-2);\n}\n.pessoa i {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font: 600 9.5px var(--sans);\n font-style: normal;\n background: var(--tinta-3);\n color: var(--acento-tinta);\n}\n/* Botão de chamar gente. Era texto cinza sem borda e ninguém percebia que\n era clicável — o Bruno relatou \"não vejo opção de adicionar\". */\n.chamar {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: calc(100% - 24px);\n margin: 12px;\n padding: 9px 14px;\n border: 1px solid var(--linha-forte);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta);\n font: 600 12.5px var(--sans);\n text-align: center;\n cursor: pointer;\n transition: border-color var(--transicao), background var(--transicao);\n}\n.chamar:hover {\n background: var(--superficie-2);\n border-color: var(--acento);\n}\n.chamar svg {\n width: 15px;\n height: 15px;\n color: var(--tinta-2);\n}\n\n/* O aviso só aparece enquanto o campo está travado. A especificidade precisa\n vencer `.campo .dica`, senão ele volta ao cinza e some no meio do resto. */\n.campo .dica.dica-travada {\n color: var(--alerta);\n font-weight: 600;\n}\n.campo:not(.desligado) > .dica-travada {\n display: none;\n}\n\n.chamar-lista {\n padding: 0 12px 12px;\n}\n.chamar-lista[hidden] {\n display: none;\n}\n.chamar-estado {\n margin: 0;\n padding: 0 15px 12px;\n font-size: 12px;\n color: var(--tinta-2);\n}\n.chamar-estado[hidden] {\n display: none;\n}\n\n/* ── formulário de criação ── */\n.forma {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 320px;\n gap: 26px;\n align-items: start;\n}\n@media (max-width: 980px) {\n .forma {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.campos {\n display: flex;\n flex-direction: column;\n gap: 18px;\n max-width: 560px;\n}\n.campo label {\n display: block;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 7px;\n}\n.campo input,\n.campo select {\n width: 100%;\n height: 42px;\n padding: 0 13px;\n border-radius: 10px;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n font: 14px var(--sans);\n}\n.campo input:focus,\n.campo select:focus {\n outline: 2px solid var(--acento);\n outline-offset: 1px;\n border-color: transparent;\n}\n.campo .dica {\n margin: 7px 0 0;\n font-size: 12px;\n color: var(--tinta-3);\n}\n/* Campo travado: apaga só o controle e o rótulo, nunca o aviso que explica\n por que ele está travado. Antes o bloco inteiro ia a 45% de opacidade e o\n motivo ficava tão apagado quanto o campo. */\n.campo.desligado > label,\n.campo.desligado > input,\n.campo.desligado > select,\n.campo.desligado > .slug-caixa,\n.campo.desligado > .escolhas {\n opacity: .4;\n pointer-events: none;\n}\n.campo.desligado > .dica:not(.dica-travada) {\n opacity: .4;\n}\n\n.travado {\n display: flex;\n align-items: center;\n gap: 10px;\n height: 42px;\n padding: 0 13px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n color: var(--tinta);\n font-size: 14px;\n}\n.travado .dot {\n margin: 0;\n}\n.travado-nome {\n font-weight: 500;\n}\n.travado-nota {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font: 400 10.5px var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.travado-nota svg {\n width: 13px;\n height: 13px;\n}\n\n.combo {\n position: relative;\n}\n.sugestoes {\n position: absolute;\n z-index: 8;\n left: 0;\n right: 0;\n top: calc(100% + 5px);\n margin: 0;\n padding: 5px;\n list-style: none;\n border: 1px solid var(--linha-forte);\n border-radius: 11px;\n background: var(--superficie);\n box-shadow: var(--elev-2);\n max-height: 232px;\n overflow-y: auto;\n}\n.sugestoes[hidden] {\n display: none;\n}\n.sug {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 9px 11px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n color: var(--tinta);\n font: 13.5px var(--sans);\n}\n.sug:hover,\n.sug:focus-visible {\n background: var(--superficie-2);\n outline: none;\n}\n.sug-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.sug-nome mark {\n background: none;\n color: var(--tinta);\n font-weight: 700;\n}\n.sug-meta {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.sug-sep {\n margin: 5px 6px;\n border: none;\n border-top: 1px solid var(--linha);\n}\n.sug-novo {\n color: var(--tinta-2);\n}\n.sug-novo:disabled {\n opacity: .45;\n cursor: not-allowed;\n}\n.sug-novo:disabled:hover {\n background: none;\n}\n.sug-vazio {\n padding: 11px;\n font-size: 13px;\n color: var(--tinta-3);\n}\n\n.escolhido {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 11px 13px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--acento);\n border-radius: 10px;\n background: var(--superficie);\n}\n.escolhido[hidden] {\n display: none;\n}\n.escolhido-nome {\n display: block;\n font: 600 14px var(--sans);\n color: var(--tinta);\n}\n.escolhido-meta {\n display: block;\n margin-top: 2px;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.escolhido .mini {\n margin-left: auto;\n flex: none;\n}\n\n.casos-do-cliente {\n margin-top: 9px;\n padding: 11px 13px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n}\n.casos-do-cliente[hidden] {\n display: none;\n}\n.casos-rot {\n font: 400 10px var(--mono);\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 7px;\n}\n.casos-lista {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n.caso-chip {\n font: 12px var(--mono);\n letter-spacing: -.02em;\n color: var(--tinta-2);\n border: 1px solid var(--linha);\n background: var(--superficie);\n padding: 3px 9px;\n border-radius: 6px;\n}\n\n.aviso-dup {\n margin-top: 10px;\n padding: 12px 14px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--alerta);\n border-radius: 10px;\n background: var(--superficie);\n}\n.aviso-dup[hidden] {\n display: none;\n}\n.aviso-dup.bloqueia {\n border-left-color: var(--perigo, #B42318);\n}\n.aviso-titulo {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 7px;\n font: 600 13px var(--sans);\n color: var(--tinta);\n}\n.aviso-titulo svg {\n width: 15px;\n height: 15px;\n flex: none;\n color: var(--alerta);\n}\n.aviso-dup.bloqueia .aviso-titulo svg {\n color: var(--perigo, #B42318);\n}\n.aviso-dup p {\n margin: 0 0 10px;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n}\n.achados {\n display: flex;\n flex-direction: column;\n gap: 7px;\n margin-bottom: 11px;\n}\n.achado {\n display: flex;\n align-items: center;\n gap: 9px;\n padding: 8px 11px;\n border: 1px solid var(--linha);\n border-radius: 8px;\n background: var(--superficie-2);\n font-size: 13px;\n color: var(--tinta);\n}\n.achado-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.achado-nome.mono {\n font: 12.5px var(--mono);\n letter-spacing: -.02em;\n}\n.achado-meta {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.escolhas-dup {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.slug-caixa {\n display: flex;\n align-items: center;\n}\n.slug-pre {\n height: 42px;\n padding: 0 12px;\n display: grid;\n place-items: center;\n border: 1px solid var(--linha);\n border-right: none;\n border-radius: 10px 0 0 10px;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font: 500 15px var(--mono);\n}\n.slug-caixa input {\n border-radius: 0 10px 10px 0;\n font-family: var(--mono);\n letter-spacing: -.02em;\n}\n\n.escolhas {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.escolha {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 13px 7px 8px;\n border: 1px solid var(--linha);\n border-radius: 20px;\n background: var(--superficie);\n color: var(--tinta-2);\n font-size: 13px;\n}\n.escolha i {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font: 600 10px var(--sans);\n font-style: normal;\n background: var(--superficie-2);\n color: var(--tinta-3);\n}\n.escolha[aria-pressed=\"true\"] {\n border-color: var(--acento);\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 500;\n}\n.escolha[aria-pressed=\"true\"] i {\n background: rgba(127,127,127,.4);\n color: var(--acento-tinta);\n}\n\n.acoes {\n display: flex;\n align-items: center;\n gap: 12px;\n padding-top: 4px;\n}\n.mini {\n height: 32px;\n padding: 0 14px;\n border-radius: var(--raio-pill);\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 12.5px var(--sans);\n}\n.mini:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.mini-forte {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.mini-forte:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n/* ── porta de consentimento ── */\n.consentir {\n max-width: 560px;\n margin: 40px auto;\n padding: 28px 30px;\n border: 1px solid var(--linha);\n border-radius: 14px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n text-align: center;\n}\n.consentir h2 {\n margin: 0 0 12px;\n font: 600 20px var(--sans);\n letter-spacing: -.02em;\n color: var(--tinta);\n}\n.consentir p {\n margin: 0 0 20px;\n font-size: 13.5px;\n line-height: 1.6;\n color: var(--tinta-2);\n}\n.consentir ul {\n margin: 0 0 22px;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n text-align: left;\n}\n.consentir li {\n display: flex;\n gap: 9px;\n font-size: 13px;\n color: var(--tinta-2);\n}\n.consentir li::before {\n content: \"·\";\n color: var(--tinta-3);\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n border: 0;\n}\n\n/* ── cabeçalho da vista, agora que ela mora dentro do hub ── */\n.conv-cab {\n display: flex;\n align-items: flex-end;\n gap: 18px;\n flex-wrap: wrap;\n margin: 6px 0 10px;\n}\n.conv-cab > div {\n min-width: 0;\n}\n.conv-cab h1 {\n margin: 0;\n font: 600 clamp(26px, 3vw, 40px)/1.05 var(--sans);\n letter-spacing: -.03em;\n color: var(--tinta);\n text-wrap: balance;\n}\n.conv-cab > .pill-acao,\n.conv-cab > .mini {\n margin-left: auto;\n flex: none;\n}\n.conv-lead {\n margin: 0 0 22px;\n color: var(--tinta-2);\n font-size: var(--t-nav);\n max-width: 62ch;\n}\n.conv-busca {\n flex: 1 1 200px;\n min-width: 160px;\n max-width: 320px;\n}\n.conv-busca input {\n width: 100%;\n height: 34px;\n padding: 0 12px;\n border-radius: 9px;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n font: 13px var(--sans);\n}\n.conv-busca input::placeholder {\n color: var(--tinta-3);\n}\n.conv-busca input:focus {\n outline: none;\n border-color: var(--linha-forte);\n}\n.sala-cab #sala-voltar {\n flex: none;\n}",[],[167,250],"53ba30b7-a06b-410a-a4ef-a87468774876","app.js","bdceaa72-9bea-11f1-9b55-1607ee4eb77e",163,["D",1788727310882],29,"// Central TC — lógica do hub (página inicial)\n// Dois eixos de navegação: ÁREA (de qual matéria) e CATEGORIA (que tipo de coisa).\n// Busca /api/data. Se a API não responder (ex.: preview estático), entra em\n// \"modo demo\" com dados de exemplo, para visualizar a interface.\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\n};\nconst SAMPLE = {\n me: { name: \"Equipe TC\", email: \"\", picture: \"\", isAdmin: true },\n areas: [\n {\n id: 1,\n name: \"Empresarial\",\n color: \"#002D2D\",\n description: \"Societário, contratos empresariais e reestruturações.\",\n position: 0,\n },\n {\n id: 2,\n name: \"Tributário\",\n color: \"#004746\",\n description:\n \"Contencioso e consultivo fiscal, transações e planejamento.\",\n position: 1,\n },\n {\n id: 3,\n name: \"Trabalhista\",\n color: \"#006B6B\",\n description:\n \"Contencioso trabalhista, compliance e relações de trabalho.\",\n position: 2,\n },\n {\n id: 4,\n name: \"Administrativo\",\n color: \"#007979\",\n description: \"Licitações, contratos públicos e defesas administrativas.\",\n position: 3,\n },\n {\n id: 5,\n name: \"Família e Sucessões\",\n color: \"#00908C\",\n description: \"Divórcio, inventários, holdings familiares e pactos.\",\n position: 4,\n },\n {\n id: 6,\n name: \"Contratos e Estruturação de Negócios\",\n color: \"#747277\",\n description: \"Modelagem contratual e estruturação de operações.\",\n position: 5,\n },\n {\n id: 7,\n name: \"Saúde e Médico\",\n color: \"#005F5F\",\n description: \"Planos de saúde, alto custo e direito médico.\",\n position: 6,\n },\n {\n id: 8,\n name: \"Imobiliário\",\n color: \"#00A39D\",\n description:\n \"Compra e venda, incorporação, locação e vícios construtivos.\",\n position: 7,\n },\n ],\n products: [\n { id: 101, area_id: 3, name: \"Consultoria Preventiva\", position: 0 },\n {\n id: 102,\n area_id: 3,\n name: \"Contencioso administrativo e judicial\",\n position: 1,\n },\n { id: 103, area_id: 3, name: \"Compliance\", position: 2 },\n { id: 104, area_id: 3, name: \"Gestão de Riscos e Passivos\", position: 3 },\n { id: 105, area_id: 8, name: \"Due Diligence Imobiliária\", position: 0 },\n { id: 106, area_id: 8, name: \"Vícios Construtivos\", position: 1 },\n { id: 107, area_id: 8, name: \"Regularização Imobiliária\", position: 2 },\n ],\n categories: [\n {\n id: 1,\n name: \"Tribunais\",\n emoji: \"\",\n color: \"#52525B\",\n position: 3,\n grupo: \"ferramentas\",\n },\n {\n id: 2,\n name: \"IA\",\n emoji: \"\",\n color: \"#71717A\",\n position: 2,\n grupo: \"ferramentas\",\n },\n {\n id: 3,\n name: \"Modelos & Documentos\",\n emoji: \"\",\n color: \"#A1A1AA\",\n position: 2,\n },\n {\n id: 4,\n name: \"Links Úteis\",\n emoji: \"\",\n color: \"#3F3F46\",\n position: 0,\n grupo: \"outros\",\n },\n {\n id: 5,\n name: \"Dicas Internas\",\n emoji: \"\",\n color: \"#B42318\",\n position: 2,\n grupo: \"outros\",\n },\n ],\n resources: [\n {\n id: 1,\n category_id: 1,\n area_id: null,\n uf: \"PE\",\n kind: \"system\",\n title: \"PJe — Processo Judicial Eletrônico\",\n description:\n \"Peticionamento e consulta processual na Justiça Federal e Trabalhista.\",\n url: \"https://www.pje.jus.br\",\n tags: \"processo, tribunal\",\n },\n {\n id: 2,\n category_id: 1,\n area_id: 3,\n uf: \"SP\",\n kind: \"system\",\n title: \"e-SAJ (TJSP)\",\n description:\n \"Sistema do tribunal estadual para acompanhamento de processos.\",\n url: \"https://esaj.tjsp.jus.br\",\n tags: \"processo, estadual\",\n },\n {\n id: 3,\n category_id: 2,\n area_id: null,\n kind: \"system\",\n title: \"Claude (Cowork)\",\n description:\n \"Assistente de IA do escritório para redação, análise e pesquisa.\",\n url: \"https://claude.ai\",\n tags: \"ia, redação\",\n },\n {\n id: 4,\n category_id: 2,\n area_id: null,\n kind: \"tip\",\n title: \"Como pedir uma peça para a IA\",\n description:\n \"Sempre forneça: fatos, documentos, tese e pedido. Quanto mais contexto, melhor a minuta.\",\n url: \"\",\n tags: \"ia, boas-práticas\",\n },\n {\n id: 5,\n category_id: 3,\n area_id: 8,\n kind: \"doc\",\n title: \"Modelos de Petição (Drive)\",\n description:\n \"Pasta compartilhada com os modelos padronizados do escritório.\",\n url: \"\",\n tags: \"modelos, petição\",\n },\n {\n id: 6,\n category_id: 4,\n area_id: 2,\n kind: \"link\",\n title: \"Diário Oficial / DJe\",\n description: \"Consulta de publicações e intimações.\",\n url: \"https://www.jusbrasil.com.br\",\n tags: \"publicações\",\n },\n {\n id: 7,\n category_id: 5,\n area_id: null,\n kind: \"tip\",\n title: \"Padrão de nomeação de arquivos\",\n description:\n \"Use: AAAA-MM-DD_Cliente_TipoDoc. Facilita a busca e evita retrabalho.\",\n url: \"\",\n tags: \"organização\",\n },\n {\n id: 8,\n category_id: 3,\n area_id: 3,\n product_id: 102,\n visibility: \"equipe\",\n kind: \"doc\",\n title: \"Modelo de contestação trabalhista\",\n description: \"Peça-base da área, com as teses que costumam prevalecer.\",\n url: \"\",\n tags: \"modelos\",\n },\n {\n id: 9,\n category_id: 5,\n area_id: 3,\n product_id: 103,\n visibility: \"lideranca\",\n kind: \"tip\",\n title: \"Leitura estratégica — Trabalhista\",\n description:\n \"Onde estamos ganhando, onde perdemos e o que não se fala com o cliente.\",\n url: \"\",\n tags: \"estratégia\",\n },\n {\n id: 10,\n category_id: 5,\n area_id: null,\n visibility: \"confidencial\",\n kind: \"tip\",\n title: \"Política de honorários\",\n description: \"Faixas, descontos autorizados e quem aprova exceção.\",\n url: \"\",\n tags: \"gestão\",\n },\n ],\n};\nlet DATA = { me: null, areas: [], products: [], categories: [], resources: [] };\n// vista.tipo: \"home\" | \"area\" | \"produto\" | \"cat\"\nlet vista = { tipo: \"home\", id: null };\nlet query = \"\";\n// Pernambuco abre por padrão: é onde está o escritório. \"\" = todos os estados.\nlet ufAtiva = \"PE\";\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(/[&<>\"']/g, (m) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]));\n}\nfunction initials(name) {\n return (name || \"?\").trim().split(/\\s+/).slice(0, 2).map((w) => w[0]).join(\"\")\n .toUpperCase();\n}\nfunction areaDe(id) {\n return DATA.areas.find((a) => a.id == id);\n}\n// Ícones da lateral. Traço simples, 1.6px, no mesmo desenho do ícone da Home —\n// o ponto colorido continua sendo a marca das ÁREAS; as categorias ganham\n// desenho porque \"que tipo de coisa é\" se reconhece mais rápido por forma.\nconst SVG = {\n assinadas:\n '',\n gratuitas:\n '',\n ia:\n '',\n tribunais:\n '',\n documentos:\n '',\n links:\n '',\n formularios:\n '',\n dicas:\n '',\n institucionais:\n '',\n cartorios:\n '',\n tutoriais:\n '',\n padrao: '',\n};\n// A categoria escolhe o ícone pelo nome; renomear cai no padrão, não quebra.\nfunction iconeCat(nome) {\n const n = (nome || \"\").toLowerCase();\n if (n.includes(\"assinad\")) {\n return SVG.assinadas;\n }\n if (n.includes(\"gratuit\")) {\n return SVG.gratuitas;\n }\n if (n === \"ia\" || n.includes(\"ia \") || n.includes(\"intelig\")) {\n return SVG.ia;\n }\n if (n.includes(\"tribun\")) {\n return SVG.tribunais;\n }\n if (n.includes(\"modelo\") || n.includes(\"document\")) {\n return SVG.documentos;\n }\n if (n.includes(\"link\")) {\n return SVG.links;\n }\n if (n.includes(\"formul\")) {\n return SVG.formularios;\n }\n if (n.includes(\"tutor\")) {\n return SVG.tutoriais;\n }\n if (n.includes(\"dica\")) {\n return SVG.dicas;\n }\n if (n.includes(\"cart\")) {\n return SVG.cartorios;\n }\n if (\n n.includes(\"institu\") || n.includes(\"material\") || n.includes(\"materia\")\n ) {\n return SVG.institucionais;\n }\n return SVG.padrao;\n}\nfunction svgCat(nome) {\n return ``;\n}\nfunction prodDe(id) {\n return (DATA.products || []).find((p) => p.id == id);\n}\nfunction produtosDa(areaId) {\n return (DATA.products || []).filter((p) => p.area_id == areaId);\n}\nfunction contaProduto(id) {\n return DATA.resources.filter((r) => r.product_id == id).length;\n}\nfunction catDe(id) {\n return DATA.categories.find((c) => c.id == id);\n}\nfunction corArea(id) {\n const a = areaDe(id);\n return a ? (a.color || \"#9A9AA2\") : \"#9A9AA2\";\n}\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) {\n throw new Error(\"api\");\n }\n DATA = await res.json();\n DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n } catch {\n DATA = SAMPLE;\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n // /conversas continua sendo um endereço válido: abre o hub já na vista das\n // Conversas, em vez de uma página separada.\n if (location.pathname === \"/conversas\") {\n vista = { tipo: \"conversas\", id: null };\n }\n renderUser();\n renderNav();\n render();\n}\nfunction renderUser() {\n const me = DATA.me || {};\n const avatar = document.getElementById(\"user-avatar\");\n avatar.innerHTML = me.picture\n ? ` $\"\"$ `\n : esc(initials(me.name));\n document.getElementById(\"user-nome\").textContent = me.name || me.email || \"\";\n if (me.isAdmin) {\n document.getElementById(\"admin-link\").style.display = \"\";\n }\n}\nfunction contaArea(id) {\n return DATA.resources.filter((r) => r.area_id == id).length;\n}\nfunction contaCat(id) {\n return DATA.resources.filter((r) => r.category_id == id).length;\n}\nfunction renderNav() {\n document.getElementById(\"conta-tudo\").textContent = DATA.resources.length ||\n \"\";\n // ÁREAS: marcador na cor canônica da área\n const areaAtiva = vista.tipo === \"area\"\n ? vista.id\n : (vista.tipo === \"produto\" ? (prodDe(vista.id) || {}).area_id : null);\n document.getElementById(\"nav-areas\").innerHTML = DATA.areas.map((a) => `\n `).join(\"\");\n // FERRAMENTAS e OUTROS: marcador cinza, para o olho separar dos eixos de área\n const itemCat = (c) => `\n `;\n const ferramentas = DATA.categories.filter((c) =>\n (c.grupo || \"ferramentas\") !== \"outros\"\n );\n const outros = DATA.categories.filter((c) => c.grupo === \"outros\");\n document.getElementById(\"nav-cats\").innerHTML = ferramentas.map(itemCat).join(\n \"\",\n );\n document.getElementById(\"nav-outros\").innerHTML = outros.map(itemCat).join(\n \"\",\n );\n // bloco vazio não aparece: rótulo sem item embaixo confunde\n document.getElementById(\"grupo-outros\").style.display = outros.length\n ? \"\"\n : \"none\";\n document.querySelector(\"#nav-inicio .lat-item\").classList.toggle(\n \"ativo\",\n vista.tipo === \"home\",\n );\n const itemConversas = document.getElementById(\"lat-conversas\");\n if (itemConversas) {\n itemConversas.classList.toggle(\"ativo\", vista.tipo === \"conversas\");\n }\n document.querySelectorAll(\n \".lat-item[data-ir], .lat-item[data-area], .lat-item[data-cat]\",\n ).forEach((b) => {\n b.onclick = () => {\n if (b.dataset.ir === \"home\") {\n vista = { tipo: \"home\", id: null };\n } else if (b.dataset.ir === \"conversas\") {\n vista = { tipo: \"conversas\", id: null };\n } else if (b.dataset.area) {\n vista = { tipo: \"area\", id: Number(b.dataset.area) };\n } else {\n vista = { tipo: \"cat\", id: Number(b.dataset.cat) };\n }\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n };\n });\n}\nfunction matches(r) {\n if (!query) {\n return true;\n }\n const hay = (r.title + \" \" + r.description + \" \" + r.tags).toLowerCase();\n return query.toLowerCase().split(/\\s+/).every((t) => hay.includes(t));\n}\nfunction tileHTML(r) {\n // ícone escolhido à mão tem prioridade: o favicon erra quando vários produtos\n // dividem o mesmo domínio (todo *.google.com devolve o mesmo \"G\")\n if (r.icon_url) {\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n }\n // sem ícone próprio: favicon do site; sem URL, a inicial do título\n if (r.url) {\n try {\n const host = new URL(r.url).hostname;\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n } catch { /* URL inválida cai no tile de letra */ }\n }\n return `${\n esc((r.title || \"?\")[0].toUpperCase())\n }`;\n}\nfunction cardHTML(r, rotulo) {\n const kind = r.kind || \"link\";\n const clickable = r.url ? \"linkable\" : \"\";\n const novo = r.created_at && (Date.now() - r.created_at) < 7 * 864e5\n ? `novo`\n : \"\";\n const area = areaDe(r.area_id);\n // selo da área no cartão: só aparece fora do espaço da própria área\n // quem enxerga um item restrito precisa saber que ele é restrito, para não\n // repassar por e-mail o que a Central estava guardando\n const VIS = {\n equipe: \"equipe\",\n lideranca: \"liderança\",\n confidencial: \"confidencial\",\n };\n const seloRestrito = VIS[r.visibility]\n ? `${\n VIS[r.visibility]\n }`\n : \"\";\n const prod = prodDe(r.product_id);\n const seloProduto = prod && vista.tipo !== \"produto\"\n ? `${esc(prod.name)}`\n : \"\";\n const seloArea = area && vista.tipo !== \"area\"\n ? `${esc(area.name)}`\n : \"\";\n const tags = (r.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean)\n .slice(0, seloArea ? 1 : 2)\n .map((t) => `${esc(t)}`).join(\"\");\n const go = r.url\n ? ``\n : \"\";\n const attr = r.url ? `data-url=\"${esc(r.url)}\"` : \"\";\n return `

\n ${tileHTML(r)}\n

${esc(r.title)}

${esc(rotulo || KIND_LABELS[kind] || kind)}

\n ${r.description ? `

${esc(r.description)}

` : \"\"}\n

${novo}${seloRestrito}${seloProduto}${seloArea}${\n esc(KIND_LABELS[kind] || kind)\n }${tags}${go}

`;\n}\nfunction secaoHTML(titulo, cor, itens, rotulo) {\n if (!itens.length) {\n return \"\";\n }\n return `

${esc(titulo)} · ${itens.length}

${\n itens.map((r) => cardHTML(r, rotulo || titulo)).join(\"\")\n }

`;\n}\n// ── cabeçalho: muda conforme onde estamos ─────────────────────────────\nfunction renderCab() {\n const cab = document.getElementById(\"pagina-cab\");\n if (vista.tipo === \"produto\") {\n const p = prodDe(vista.id) || {};\n const a = areaDe(p.area_id) || {};\n cab.className = \"pagina-cab area-cab\";\n cab.style.setProperty(\"--cor-area\", a.color || \"#9A9AA2\");\n cab.innerHTML = `\n

${esc(p.name || \"\")}

\n ${p.description ? `

${esc(p.description)}

` : \"\"}`;\n const volta = cab.querySelector(\"[data-volta]\");\n if (volta) {\n volta.onclick = () =>\n irPara({ tipo: \"area\", id: Number(volta.dataset.volta) });\n }\n return;\n }\n if (vista.tipo === \"area\") {\n const a = areaDe(vista.id) || {};\n cab.className = \"pagina-cab area-cab\";\n cab.style.setProperty(\"--cor-area\", a.color || \"#9A9AA2\");\n cab.innerHTML = `\n

Área do escritório

${esc(a.name || \"\")}

\n ${a.description ? `

${esc(a.description)}

` : \"\"}`;\n return;\n }\n if (vista.tipo === \"cat\") {\n const c = catDe(vista.id) || {};\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

${\n c.grupo === \"outros\" ? \"Outros\" : \"Ferramentas\"\n }

${esc(c.name || \"\")}

Todo o material deste tipo, de todas as áreas.

`;\n return;\n }\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

Central TC

Ferramentas do escritório

Sistemas, links, modelos e dicas da equipe, num só lugar. Use a busca ou navegue por área.

`;\n}\n// ── faixa das áreas: o mapa do escritório, só na home ─────────────────\n// toda troca de vista passa por aqui: um lugar só para lembrar de re-renderizar\n// a lateral e voltar o scroll ao topo\nfunction irPara(nova) {\n vista = nova;\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({ top: 0, behavior: \"smooth\" });\n}\n// O campo uf aceita lista (\"PE,AL,CE,PB,RN,SE\") porque um TRF ou TRT atende\n// vários estados. Vazio = nacional.\nfunction ufsDoItem(r) {\n return (r.uf || \"\").split(\",\").map((u) => u.trim().toUpperCase()).filter(\n Boolean,\n );\n}\nfunction ufsDe(itens) {\n return [...new Set(itens.flatMap(ufsDoItem))].sort();\n}\n// Filtro de estado: só aparece quando a lista tem itens marcados com UF.\n// Itens sem UF são nacionais e ficam visíveis em qualquer seleção.\nfunction renderFiltroUF(itens) {\n const ufs = ufsDe(itens);\n if (ufs.length < 2) {\n return \"\";\n }\n const temSup = itens.some((r) => r.ramo === \"Tribunais Superiores\");\n const temNac = itens.some((r) => r.ramo === \"Nacional\");\n const validos = [\"\", \"SUP\", \"NAC\", ...ufs];\n if (!validos.includes(ufAtiva)) {\n ufAtiva = \"\";\n }\n const btn = (v, r, cls) =>\n ``;\n // Superiores e nacionais vêm antes dos estados e NÃO se misturam a eles:\n // STF e STJ não são \"de Pernambuco\".\n const especiais = (temSup ? btn(\"SUP\", \"Superiores\", \"uf-esp\") : \"\") +\n (temNac ? btn(\"NAC\", \"Nacionais\", \"uf-esp\") : \"\");\n return `

\n Estado\n

${btn(\"\", \"Todos\")}${especiais}${\n ufs.map((u) => btn(u, u)).join(\"\")\n }

`;\n}\nfunction ligarFiltroUF() {\n document.querySelectorAll(\".uf-btn\").forEach((b) => {\n b.onclick = () => {\n ufAtiva = b.dataset.uf;\n render();\n };\n });\n}\nfunction rotuloUF(v) {\n return v === \"SUP\" ? \"Superiores\" : v === \"NAC\" ? \"Nacionais\" : v;\n}\nfunction passaUF(r) {\n if (!ufAtiva) {\n return true;\n }\n if (ufAtiva === \"SUP\") {\n return r.ramo === \"Tribunais Superiores\";\n }\n if (ufAtiva === \"NAC\") {\n return r.ramo === \"Nacional\";\n }\n // num estado, superiores e nacionais ficam de fora — têm seção própria\n if (r.ramo === \"Tribunais Superiores\" || r.ramo === \"Nacional\") {\n return false;\n }\n return ufsDoItem(r).includes(ufAtiva);\n}\nfunction renderFaixa() {\n const faixa = document.getElementById(\"areas-faixa\");\n faixa.innerHTML = \"\";\n if (query) {\n return;\n }\n // dentro de uma área: os serviços que o escritório presta ali\n if (vista.tipo === \"area\") {\n const a = areaDe(vista.id) || {};\n const prods = produtosDa(vista.id);\n if (!prods.length) {\n return;\n }\n faixa.innerHTML = `\n

O que fazemos em ${esc(a.name)}

\n ${\n prods.map((p) => {\n const n = contaProduto(p.id);\n return `\n `;\n }).join(\"\")\n }\n

`;\n faixa.querySelectorAll(\".produto-tile\").forEach((b) => {\n b.onclick = () =>\n irPara({ tipo: \"produto\", id: Number(b.dataset.produto) });\n });\n return;\n }\n if (vista.tipo !== \"home\" || !DATA.areas.length) {\n return;\n }\n faixa.innerHTML = `\n

Áreas do escritório

\n ${\n DATA.areas.map((a) => `\n `).join(\"\")\n }\n

`;\n faixa.querySelectorAll(\".area-tile\").forEach((b) => {\n b.onclick = () => irPara({ tipo: \"area\", id: Number(b.dataset.area) });\n });\n}\nfunction saudacaoHora() {\n const h = new Date().getHours();\n return h < 12 ? \"Bom dia\" : (h < 18 ? \"Boa tarde\" : \"Boa noite\");\n}\nfunction homeTopoHTML() {\n const me = DATA.me || {};\n const primeiro = (me.name || \"\").trim().split(/\\s+/)[0] || \"\";\n const foto = me.picture\n ? ` $\"\"$ `\n : `

${esc(initials(me.name))}

`;\n const dia = new Date().toLocaleDateString(\"pt-BR\", {\n weekday: \"long\",\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n });\n const diaCap = dia.charAt(0).toUpperCase() + dia.slice(1);\n const avisos = DATA.avisos || [];\n const admin = !!me.isAdmin;\n const lista = avisos.length\n ? avisos.map((a) =>\n `

${esc(a.texto || \"\")}

${esc(a.autor_nome || \"\")}${\n a.created_at\n ? \" · \" +\n esc(new Date(a.created_at).toLocaleDateString(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n }))\n : \"\"\n }${\n admin\n ? ``\n : \"\"\n }

`\n ).join(\"\")\n : `

Nenhum aviso por aqui ainda.

`;\n const novo = admin\n ? `

\n \n

fixar no topo

`\n : \"\";\n return `

${foto}\n

${saudacaoHora()}, ${\n esc(primeiro)\n }.

${esc(diaCap)}

📌 Mural de avisos

${novo}

${lista}

`;\n}\nasync function ligarMural() {\n const pub = document.querySelector(\".mural-publicar\");\n if (pub) {\n pub.onclick = async () => {\n const ta = document.querySelector(\".mural-txt\");\n const texto = (ta.value || \"\").trim();\n if (!texto) {\n ta.focus();\n return;\n }\n const pin = document.querySelector(\".mural-pin\") &&\n document.querySelector(\".mural-pin\").checked\n ? 1\n : 0;\n pub.disabled = true;\n pub.textContent = \"publicando…\";\n try {\n await fetch(\"/api/avisos\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ texto, pin }),\n });\n await load();\n } catch {\n pub.disabled = false;\n pub.textContent = \"Publicar\";\n }\n };\n }\n document.querySelectorAll(\".mural-del\").forEach((\n b,\n ) => (b.onclick = async () => {\n if (!confirm(\"Remover este aviso do mural?\")) {\n return;\n }\n try {\n await fetch(\"/api/avisos/\" + b.dataset.aviso, { method: \"DELETE\" });\n await load();\n } catch {}\n }));\n}\n// ── Painel da Home (dashboard) ──────────────────────────────\nconst EQUIPE_FOTO = \"https://tcadvs.com.br/assets/\";\nconst HERO_FOTO = {\n \"bruno@tcadvs.com.br\": \"team-bruno\",\n \"davi@tcadvs.com.br\": \"team-davi\",\n \"gabriella@tcadvs.com.br\": \"team-gabriella\",\n \"felipe@tcadvs.com.br\": \"team-felipe\",\n \"lmelo@tcadvs.com.br\": \"team-lara\",\n \"tlacerda@tcadvs.com.br\": \"team-thiago\",\n \"edomingues@tcadvs.com.br\": \"team-eduarda-domingues\",\n \"mcirne@tcadvs.com.br\": \"team-eduarda-cirne\",\n \"rlins@tcadvs.com.br\": \"team-radharanni\",\n \"iksobral@tcadvs.com.br\": \"team-ingrid\",\n \"lsampaio@tcadvs.com.br\": \"team-luiza\",\n \"malves@tcadvs.com.br\": \"team-marina\",\n};\nconst TEAM = [\n {\n nome: \"Bruno Tiburcio\",\n foto: \"team-bruno\",\n cargo: \"Sócio Fundador\",\n area: \"Coordenação\",\n cor: \"#14B8A6\",\n oab: \"OAB/PE 34.410\",\n },\n {\n nome: \"Davi Cavalcanti\",\n foto: \"team-davi\",\n cargo: \"Sócio Fundador\",\n area: \"Contencioso\",\n cor: \"#3B82F6\",\n oab: \"OAB/PE 26.170\",\n },\n {\n nome: \"Gabriella Loreto\",\n foto: \"team-gabriella\",\n cargo: \"Sócia\",\n area: \"Empresarial\",\n cor: \"#8B5CF6\",\n oab: \"OAB/PE 36.505\",\n },\n {\n nome: \"Felipe Coêlho\",\n foto: \"team-felipe\",\n cargo: \"Advogado\",\n area: \"Trabalhista\",\n cor: \"#EC4899\",\n oab: \"OAB/PE 29.416\",\n },\n {\n nome: \"Lara Brito\",\n foto: \"team-lara\",\n cargo: \"Advogada\",\n area: \"Empresarial\",\n cor: \"#8B5CF6\",\n oab: \"OAB/PE 41.257\",\n },\n {\n nome: \"Thiago Lacerda\",\n foto: \"team-thiago\",\n cargo: \"Advogado\",\n area: \"Tributário\",\n cor: \"#D97706\",\n oab: \"OAB/PE 71.315\",\n },\n {\n nome: \"Eduarda Domingues\",\n foto: \"team-eduarda-domingues\",\n cargo: \"Advogada\",\n area: \"Saúde\",\n cor: \"#10B981\",\n oab: \"OAB/PE 64.171\",\n },\n {\n nome: \"Eduarda Cirne\",\n foto: \"team-eduarda-cirne\",\n cargo: \"Advogada\",\n area: \"Saúde\",\n cor: \"#10B981\",\n oab: \"OAB/PE 59.721\",\n },\n {\n nome: \"Radharanni Lins\",\n foto: \"team-radharanni\",\n cargo: \"Advogada\",\n area: \"Imobiliário\",\n cor: \"#3B82F6\",\n oab: \"OAB/PE 50.114\",\n },\n {\n nome: \"Ingrid Sobral\",\n foto: \"team-ingrid\",\n cargo: \"Advogada\",\n area: \"Cível\",\n cor: \"#6366F1\",\n oab: \"OAB/PE 49.560\",\n },\n {\n nome: \"Luiza Sampaio\",\n foto: \"team-luiza\",\n cargo: \"Advogada\",\n area: \"Família\",\n cor: \"#F97316\",\n oab: \"OAB/PE 69.914\",\n },\n {\n nome: \"Marina Alves\",\n foto: \"team-marina\",\n cargo: \"Estagiária\",\n area: \"—\",\n cor: \"#9A9AA2\",\n oab: \"\",\n },\n];\nconst DASH_WAVES = [\n \"M2,16 C16,6 24,22 40,13 C56,5 66,20 82,11 C96,4 110,18 126,9\",\n \"M2,12 C18,20 26,4 42,14 C58,22 68,7 84,15 C98,22 112,7 126,14\",\n];\nconst EMAIL_EQUIPE = Object.fromEntries(\n Object.entries(HERO_FOTO).map(([e, f]) => [f, e]),\n);\nconst WHATSAPP = {}; // preencher: { \"team-bruno\": \"5581999999999\", ... } quando os números chegarem\nfunction eqAcoes(t) {\n const email = EMAIL_EQUIPE[t.foto] || \"\";\n const wa = WHATSAPP[t.foto] || \"\";\n const waSvg =\n ``;\n const mailSvg =\n ``;\n const zap = wa\n ? `${waSvg}`\n : `${waSvg}`;\n const mail = email\n ? `${mailSvg}`\n : \"\";\n return `

${zap}${mail}

`;\n}\nfunction homeDashboardHTML() {\n const me = DATA.me || {};\n const nome1 = (me.name || \"\").trim().split(/\\s+/)[0] || \"\";\n const dia = new Date().toLocaleDateString(\"pt-BR\", {\n weekday: \"long\",\n day: \"numeric\",\n month: \"long\",\n });\n const diaCap = dia.charAt(0).toUpperCase() + dia.slice(1);\n const fSite = HERO_FOTO[(me.email || \"\").toLowerCase()];\n const heroFoto = fSite\n ? `

`\n : (me.picture\n ? `

`\n : `

${esc(initials(me.name))}

`);\n const recursos = (DATA.resources || []).length,\n areas = (DATA.areas || []).length;\n const radar = DATA.radarTotal || 0,\n fontes = DATA.fontesTotal || 0,\n equipe = TEAM.length;\n const stats = `

${recursos}

Recursos

${areas}

Áreas

${equipe}

Equipe

${radar}

No Radar

`;\n const hero = `

${heroFoto}\n

Bem-vindo de volta

${\n esc(diaCap)\n }${saudacaoHora()}, ${esc(nome1)}.

\n \n

${stats}

`;\n const pres = `

Quem está aqui agora

carregando…

`;\n const radarbox = `

Seu Radar esta semana

${radar}

\n \n

notícias nas áreas (últimos 7 dias)

Radar Jurídico · ${fontes} buscas ativas

${miniCalendarioHTML()}

`;\n const avisos = DATA.avisos || [], admin = !!me.isAdmin;\n const muralLista = avisos.length\n ? avisos.map((a) =>\n `

${\n esc(a.texto || \"\")\n }

`\n ).join(\"\")\n : `

Nenhum aviso por aqui ainda.

`;\n const muralNovo = admin\n ? `

fixar no topo

`\n : \"\";\n const mural =\n `

📌 Mural de avisos

${muralNovo}

${muralLista}

`;\n const eqRows = TEAM.map((t, i) =>\n `

$\"${\n$

${\n esc(t.nome)\n }

${esc(t.cargo)}

${eqAcoes(t)}

${\n esc(t.area)\n }

${esc(t.oab || \"—\")}

\n \n

`\n ).join(\"\");\n const equipe2 =\n `

Nossa equipe

MembroÁreaOABAtividade

${eqRows}

`;\n return `

${hero}${pres}${radarbox}${mural}${equipe2}

`;\n}\nasync function montarPresenca() {\n try {\n await fetch(\"/api/presenca\", { method: \"POST\" });\n } catch {}\n try {\n const d = await fetch(\"/api/data\").then((r) => r.json());\n if (d && d.online) {\n DATA.online = d.online;\n }\n } catch {}\n pintarPresenca();\n clearInterval(window.__presInt);\n window.__presInt = setInterval(async () => {\n if (vista.tipo !== \"home\" || query) {\n return;\n }\n try {\n await fetch(\"/api/presenca\", { method: \"POST\" });\n } catch {}\n try {\n const d = await fetch(\"/api/data\").then((r) => r.json());\n if (d && d.online) {\n DATA.online = d.online;\n }\n } catch {}\n pintarPresenca();\n }, 60000);\n}\nfunction pintarPresenca() {\n const box = document.getElementById(\"dash-presenca\");\n if (!box) {\n return;\n }\n const online = DATA.online || [], eu = (DATA.me || {}).email;\n const lista = box.querySelector(\".pres-lista\"),\n cnt = box.querySelector(\".cnt\");\n if (!online.length) {\n lista.innerHTML = `

Ninguém online agora.

`;\n if (cnt) {\n cnt.innerHTML = \"\";\n }\n return;\n }\n lista.innerHTML = online.slice(0, 6).map((p) => {\n const pf = HERO_FOTO[p.email]\n ? EQUIPE_FOTO + HERO_FOTO[p.email] + \".jpg\"\n : p.foto;\n const foto = pf\n ? ` $\"\"$ `\n : `${esc(initials(p.nome))}`;\n const euTag = p.email === eu ? \" (você)\" : \"\";\n return `

${foto}${\n esc(p.nome || p.email)\n }${euTag}online

`;\n }).join(\"\");\n if (cnt) {\n cnt.innerHTML = `${online.length} ${\n online.length === 1 ? \"pessoa\" : \"pessoas\"\n } na Central agora`;\n }\n}\nfunction conectarGCal() {\n alert(\n \"Conectar ao Google Calendar\\n\\nEstamos ativando a conexão com a sua agenda. Em breve você poderá autorizar o acesso por aqui — cada pessoa conecta a própria agenda.\",\n );\n}\nfunction miniCalendarioHTML() {\n const hoje = new Date();\n const ano = hoje.getFullYear(),\n mes = hoje.getMonth(),\n diaHoje = hoje.getDate();\n const meses = [\n \"Janeiro\",\n \"Fevereiro\",\n \"Março\",\n \"Abril\",\n \"Maio\",\n \"Junho\",\n \"Julho\",\n \"Agosto\",\n \"Setembro\",\n \"Outubro\",\n \"Novembro\",\n \"Dezembro\",\n ];\n const dow = [\"D\", \"S\", \"T\", \"Q\", \"Q\", \"S\", \"S\"];\n const inicio = new Date(ano, mes, 1).getDay();\n const dias = new Date(ano, mes + 1, 0).getDate();\n let cel = \"\";\n for (let i = 0; i < inicio; i++) {\n cel += ``;\n }\n for (let d = 1; d <= dias; d++) {\n cel += `${d}`;\n }\n return `

${meses[mes]} ${ano}

${dow.map((x) => `${x}`).join(\"\")}

${cel}

\n `;\n}\nfunction render() {\n // As Conversas são uma vista como qualquer outra: montam dentro do #content\n // e herdam menu, tema e cabeçalho. O desmontar para o relógio que fica\n // perguntando mensagens ao Google quando a pessoa sai daqui.\n if (vista.tipo !== \"conversas\" && window.Conversas) {\n window.Conversas.desmontar();\n }\n if (vista.tipo === \"conversas\") {\n document.getElementById(\"pagina-cab\").innerHTML = \"\";\n document.getElementById(\"areas-faixa\").innerHTML = \"\";\n if (window.Conversas) {\n window.Conversas.montar(document.getElementById(\"content\"));\n }\n return;\n }\n renderCab();\n renderFaixa();\n const content = document.getElementById(\"content\");\n if (vista.tipo === \"home\" && !query) {\n document.getElementById(\"pagina-cab\").innerHTML = \"\";\n document.getElementById(\"areas-faixa\").innerHTML = \"\";\n content.innerHTML = homeDashboardHTML();\n ligarMural();\n montarPresenca();\n return;\n }\n let html = \"\";\n let total = 0;\n if (vista.tipo === \"produto\") {\n const p = prodDe(vista.id) || {};\n const doProd = DATA.resources.filter((r) =>\n r.product_id == vista.id && matches(r)\n );\n total = doProd.length;\n for (const c of DATA.categories) {\n html += secaoHTML(\n c.name,\n c.color || \"#9A9AA2\",\n doProd.filter((r) => r.category_id == c.id),\n );\n }\n html += secaoHTML(\n \"Outros\",\n \"#9A9AA2\",\n doProd.filter((r) => !DATA.categories.some((c) => c.id == r.category_id)),\n );\n if (!total) {\n html = `

Nada cadastrado em ${\n esc(p.name || \"\")\n } ainda.
\n Em Gerenciar conteúdo, escolha a área e depois este serviço ao cadastrar um recurso.

`;\n }\n } else if (vista.tipo === \"area\") {\n // espaço da área: só o que é dela, agrupado por tipo de material\n const daArea = DATA.resources.filter((r) =>\n r.area_id == vista.id && matches(r)\n );\n total = daArea.length;\n for (const c of DATA.categories) {\n html += secaoHTML(\n c.name,\n c.color || \"#9A9AA2\",\n daArea.filter((r) => r.category_id == c.id),\n );\n }\n const semCat = daArea.filter((r) =>\n !DATA.categories.some((c) => c.id == r.category_id)\n );\n html += secaoHTML(\"Outros\", \"#9A9AA2\", semCat);\n if (!total) {\n const a = areaDe(vista.id) || {};\n const temProd = produtosDa(vista.id).length;\n html = `

Nada cadastrado em ${\n esc(a.name || \"\")\n } ainda.
\n ${\n temProd\n ? \"Os serviços acima já estão prontos para receber conteúdo.\"\n : \"Em Gerenciar conteúdo, escolha esta área ao cadastrar ou editar um recurso.\"\n }

`;\n }\n } else if (vista.tipo === \"cat\") {\n const daCat = DATA.resources.filter((r) =>\n r.category_id == vista.id && matches(r)\n );\n const temFiltroUF = ufsDe(daCat).length >= 2;\n const filtrando = !query && temFiltroUF;\n const barra = filtrando ? renderFiltroUF(daCat) : \"\";\n const visiveis = filtrando ? daCat.filter(passaUF) : daCat;\n total = visiveis.length;\n const nome = catDe(vista.id) ? catDe(vista.id).name : \"\";\n let corpo = \"\";\n // dentro do estado, separa por ramo da Justiça — a ordem é a de uso\n const ramos = [\n \"Justiça Estadual\",\n \"Justiça Federal\",\n \"Justiça do Trabalho\",\n \"Justiça Eleitoral\",\n \"Tribunais Superiores\",\n \"Nacional\",\n ];\n const temRamo = visiveis.some((r) => r.ramo);\n if (temRamo && !query) {\n for (const ramo of ramos) {\n const itens = visiveis.filter((r) => r.ramo === ramo);\n if (itens.length) {\n corpo += secaoHTML(ramo, \"#9A9AA2\", itens);\n }\n }\n const semRamo = visiveis.filter((r) => !ramos.includes(r.ramo));\n if (semRamo.length) {\n corpo += secaoHTML(\"Outros\", \"#9A9AA2\", semRamo);\n }\n } else {\n corpo = `

${\n visiveis.map((r) => cardHTML(r, nome)).join(\"\")\n }

`;\n }\n html = barra +\n (total\n ? corpo\n : `

Nada cadastrado${\n filtrando && ufAtiva\n ? \" em \" + esc(rotuloUF(ufAtiva)) + \"\"\n : \"\"\n } ainda.

`);\n } else {\n for (const c of DATA.categories) {\n const itens = DATA.resources.filter((r) =>\n r.category_id == c.id && matches(r)\n );\n total += itens.length;\n html += secaoHTML(c.name, c.color || \"#9A9AA2\", itens);\n }\n const orfaos = DATA.resources.filter((r) =>\n !DATA.categories.some((c) => c.id == r.category_id) && matches(r)\n );\n total += orfaos.length;\n html += secaoHTML(\"Outros\", \"#9A9AA2\", orfaos);\n }\n if (!total && !html) {\n html = `

Nada encontrado${\n query ? ` para \"${esc(query)}\"` : \"\"\n }.

`;\n }\n content.innerHTML =\n (vista.tipo === \"area\" && !query\n ? '

'\n : \"\") + (vista.tipo === \"home\" && !query ? homeTopoHTML() : \"\") + html;\n ligarFiltroUF();\n if (vista.tipo === \"home\" && !query) {\n ligarMural();\n }\n content.querySelectorAll(\".card.linkable\").forEach((el) => {\n el.addEventListener(\n \"click\",\n () => window.open(el.dataset.url, \"_blank\", \"noopener\"),\n );\n });\n // entrada em cascata: cada cartão surge 45ms depois do anterior\n content.querySelectorAll(\".card\").forEach((el, i) =>\n el.style.setProperty(\"--i\", i)\n );\n // o Radar é dinâmico (vem do robô), então carrega à parte, no topo da área\n if (vista.tipo === \"area\" && !query) {\n carregarRadar(vista.id);\n }\n}\n// ── Radar RSS: notícias dos últimos 7 dias da área, buscadas sob demanda ──\nconst RADAR_PAGINA = 18; // cards por página (≈6 fileiras); o resto dos 7 dias vem paginado\nlet radarPag = 0;\nlet radarView = \"radar\"; // \"radar\" | \"favoritos\"\nlet radarAreaAtual = null;\nasync function carregarRadar(areaId) {\n const slot = document.getElementById(\"radar-slot\");\n if (!slot) {\n return;\n }\n slot.innerHTML =\n `

Radar\n carregando notícias…

`;\n let d;\n try {\n d = await fetch(\"/api/rss?area=\" + areaId).then((r) => r.json());\n } catch {\n slot.innerHTML = \"\";\n return;\n }\n if (vista.tipo !== \"area\" || vista.id != areaId) {\n return; // trocou de tela enquanto carregava\n }\n const nots = d.noticias || [];\n const favs = d.favoritos || [];\n const admin = DATA.me && DATA.me.isAdmin;\n const quando = d.ultimaColeta\n ? new Date(d.ultimaColeta).toLocaleString(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n })\n : \"ainda não coletado\";\n const totalPag = Math.max(1, Math.ceil(nots.length / RADAR_PAGINA));\n const hoje = new Date().toLocaleDateString(\"pt-BR\");\n radarPag = 0;\n if (radarAreaAtual !== areaId) {\n radarView = \"radar\";\n radarAreaAtual = areaId;\n } // troca de área volta ao Radar\n const item = (n) => `\n \n

\n ${esc(n.fonte_nome || \"\")}\n ${\n n.data ? esc(new Date(n.data).toLocaleDateString(\"pt-BR\")) : \"\"\n }\n

${esc(n.titulo || \"\")}

\n ${n.resumo ? `

${esc(n.resumo)}

` : \"\"}\n

${(n.data &&\n new Date(n.data).toLocaleDateString(\"pt-BR\") === hoje\n ? '[Hoje]'\n : \"\")}${(n.data && Date.now() - Date.parse(n.data) > 6 * 864e5\n ? '[expirando]'\n : \"\")}${\n (n.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean).map((t) =>\n `#${esc(t)}`\n ).join(\"\")\n }

\n \n \n \n

\n `;\n function pinta() {\n const abas = `\n \n \n `;\n const cab = `

${abas}\n ${\n radarView === \"radar\"\n ? `${nots.length} ${\n nots.length === 1 ? \"notícia\" : \"notícias\"\n } · coleta: ${esc(quando)}`\n : `${favs.length} ${favs.length === 1 ? \"salvo\" : \"salvos\"} pela equipe`\n }${\n admin && radarView === \"radar\"\n ? ` · `\n : \"\"\n }\n

`;\n if (radarView === \"favoritos\") {\n slot.innerHTML = cab +\n (favs.length\n ? `

${\n favs.map((f) => item({ ...f, fav: true })).join(\"\")\n }

`\n : `

Ninguém salvou nada nesta área ainda. Toque no 🔖 de uma notícia.

`);\n } else if (!nots.length) {\n slot.innerHTML = cab +\n `

Sem notícias novas nesta área nos últimos 7 dias.

`;\n } else {\n if (radarPag > totalPag - 1) {\n radarPag = totalPag - 1;\n }\n if (radarPag < 0) {\n radarPag = 0;\n }\n const ini = radarPag * RADAR_PAGINA;\n const pagina = nots.slice(ini, ini + RADAR_PAGINA);\n const pager = totalPag > 1\n ? ``\n : \"\";\n slot.innerHTML = cab +\n `

${pagina.map(item).join(\"\")}

` + pager;\n }\n slot.querySelectorAll(\".radar-aba\").forEach((t) => (t.onclick = () => {\n radarView = t.dataset.view;\n radarPag = 0;\n pinta();\n }));\n const btn = document.getElementById(\"radar-coletar\");\n if (btn) {\n btn.onclick = async () => {\n btn.disabled = true;\n btn.textContent = \"coletando…\";\n try {\n await fetch(\"/api/rss/coletar?area=\" + areaId, { method: \"POST\" });\n } catch {}\n carregarRadar(areaId);\n };\n }\n const prev = document.getElementById(\"radar-prev\");\n const next = document.getElementById(\"radar-next\");\n if (prev) {\n prev.onclick = () => {\n radarPag--;\n pinta();\n };\n }\n if (next) {\n next.onclick = () => {\n radarPag++;\n pinta();\n };\n }\n }\n if (!slot.__voteBound) {\n slot.__voteBound = 1;\n slot.addEventListener(\"click\", (ev) => {\n const b = ev.target.closest(\".radar-thumb\");\n if (!b) {\n return;\n }\n ev.preventDefault();\n ev.stopPropagation();\n if (b.dataset.save) {\n salvar(b);\n } else {\n votar(b);\n }\n });\n }\n async function votar(b) {\n const url = b.dataset.url, f = b.dataset.f ? Number(b.dataset.f) : null;\n const v = b.classList.contains(\"on\") ? 0 : Number(b.dataset.v); // clicar de novo desfaz\n b.closest(\".radar-acoes\").querySelectorAll(\n \".radar-thumb.up, .radar-thumb.down\",\n ).forEach((t) => t.classList.remove(\"on\"));\n if (v !== 0) {\n b.classList.add(\"on\");\n }\n let r = {};\n try {\n r = await fetch(\"/api/rss/voto\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url, fonte_id: f, area_id: areaId, voto: v }),\n }).then((x) => x.json());\n } catch {}\n if (r.precisaFeedback) {\n abrirFeedback(f, r.fonteNome || \"\");\n }\n }\n async function salvar(b) {\n let r = {};\n try {\n r = await fetch(\"/api/rss/favorito\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n url: b.dataset.url,\n area_id: areaId,\n fonte_id: b.dataset.f ? Number(b.dataset.f) : null,\n titulo: b.dataset.titulo,\n fonte_nome: b.dataset.fonte,\n data: b.dataset.data,\n tags: b.dataset.tags,\n }),\n }).then((x) => x.json());\n } catch {}\n if (r.ok) {\n carregarRadar(areaId); // recarrega p/ refletir na lista e na contagem (mantém a aba)\n } else if (r.motivo) {\n alert(r.motivo);\n }\n }\n function abrirFeedback(fonteId, fonteNome) {\n if (document.getElementById(\"radar-fb\")) {\n return;\n }\n const ov = document.createElement(\"div\");\n ov.id = \"radar-fb\";\n ov.className = \"radar-fb-overlay\";\n ov.innerHTML = `

5 avaliações negativas em ${\n esc(fonteNome)\n }

O que está faltando ou fora do lugar nessa busca? Seu relato vai para reanálise.

\n \n

\n \n \n

`;\n document.body.appendChild(ov);\n const fechar = () => ov.remove();\n ov.querySelector(\".radar-fb-cancel\").onclick = fechar;\n ov.addEventListener(\"click\", (e) => {\n if (e.target === ov) {\n fechar();\n }\n });\n ov.querySelector(\".radar-fb-enviar\").onclick = async () => {\n const texto = ov.querySelector(\".radar-fb-txt\").value.trim();\n try {\n await fetch(\"/api/rss/feedback\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n fonte_id: fonteId,\n area_id: areaId,\n fonte_nome: fonteNome,\n texto,\n }),\n });\n } catch {}\n fechar();\n };\n }\n pinta();\n}\ndocument.getElementById(\"q\").addEventListener(\"input\", (e) => {\n query = e.target.value.trim();\n render();\n});\n// atalho \"/\" foca a busca, como o ⌘K da referência\ndocument.addEventListener(\"keydown\", (e) => {\n if (\n e.key === \"/\" &&\n !/INPUT|TEXTAREA|SELECT/.test(document.activeElement.tagName)\n ) {\n e.preventDefault();\n document.getElementById(\"q\").focus();\n }\n});\nload();",[],[167,259],"0a35a783-a9fe-4f38-86bd-532a9893ae11","admin.js","7f817da2-9beb-11f1-bc1c-1607ee4eb77e",177,["D",1788812029399],"// Central TC — painel de administração\n// Em modo demo (sem API), as alterações ficam só na memória do navegador,\n// para você experimentar a interface. No ar, tudo é salvo no banco.\n\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\n};\nlet DATA = { me: null, areas: [], products: [], categories: [], resources: [] };\nlet DEMO = false;\nlet PESSOAS = { people: [], acessos: [] };\nconst VIS_LABEL = {\n aberto: \"Todo o escritório\",\n equipe: \"Equipe da área\",\n lideranca: \"Liderança da área\",\n confidencial: \"Confidencial\",\n};\nconst VIS_DICA = {\n aberto: \"Visível para qualquer pessoa que entrar na Central.\",\n equipe: \"Só quem tem essa área no cadastro. Escolha uma área acima.\",\n lideranca: \"Só quem tem essa área em nível de liderança.\",\n confidencial: \"Só quem tem a marca de confidencial do escritório.\",\n};\nlet demoSeq = 1000;\n\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(\n /[&<>\"']/g,\n (\n m,\n ) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]),\n );\n}\nfunction initials(name) {\n return (name || \"?\").trim().split(/\\s+/).slice(0, 2).map((w) => w[0]).join(\"\")\n .toUpperCase();\n}\nfunction toast(msg) {\n const t = document.getElementById(\"toast\");\n t.textContent = msg;\n t.classList.add(\"show\");\n setTimeout(() => t.classList.remove(\"show\"), 2200);\n}\n\nconst SAMPLE = {\n me: { name: \"Equipe TC\", email: \"\", picture: \"\", isAdmin: true },\n areas: [\n {\n id: 1,\n name: \"Empresarial\",\n color: \"#002D2D\",\n description: \"Societário e reestruturações.\",\n position: 0,\n },\n {\n id: 2,\n name: \"Tributário\",\n color: \"#004746\",\n description: \"Contencioso e consultivo fiscal.\",\n position: 1,\n },\n {\n id: 3,\n name: \"Trabalhista\",\n color: \"#006B6B\",\n description: \"Contencioso e compliance trabalhista.\",\n position: 2,\n },\n {\n id: 8,\n name: \"Imobiliário\",\n color: \"#00A39D\",\n description: \"Compra e venda, locação e vícios construtivos.\",\n position: 3,\n },\n ],\n products: [\n { id: 101, area_id: 3, name: \"Compliance\", description: \"\", position: 0 },\n {\n id: 102,\n area_id: 3,\n name: \"Contencioso administrativo e judicial\",\n description: \"\",\n position: 1,\n },\n {\n id: 103,\n area_id: 8,\n name: \"Vícios Construtivos\",\n description: \"\",\n position: 0,\n },\n {\n id: 104,\n area_id: 8,\n name: \"Regularização Imobiliária\",\n description: \"\",\n position: 1,\n },\n ],\n categories: [\n {\n id: 1,\n name: \"Tribunais\",\n emoji: \"\",\n color: \"#52525B\",\n position: 3,\n grupo: \"ferramentas\",\n },\n {\n id: 2,\n name: \"IA\",\n emoji: \"\",\n color: \"#71717A\",\n position: 2,\n grupo: \"ferramentas\",\n },\n {\n id: 3,\n name: \"Modelos & Documentos\",\n emoji: \"\",\n color: \"#A1A1AA\",\n position: 2,\n },\n {\n id: 4,\n name: \"Links Úteis\",\n emoji: \"\",\n color: \"#3F3F46\",\n position: 0,\n grupo: \"outros\",\n },\n {\n id: 5,\n name: \"Dicas Internas\",\n emoji: \"\",\n color: \"#B42318\",\n position: 2,\n grupo: \"outros\",\n },\n ],\n resources: [\n {\n id: 1,\n category_id: 1,\n area_id: null,\n kind: \"system\",\n title: \"PJe — Processo Judicial Eletrônico\",\n description: \"Peticionamento e consulta processual.\",\n url: \"https://www.pje.jus.br\",\n tags: \"processo, tribunal\",\n },\n {\n id: 2,\n category_id: 2,\n area_id: 3,\n visibility: \"equipe\",\n kind: \"system\",\n title: \"Claude (Cowork)\",\n description: \"Assistente de IA do escritório.\",\n url: \"https://claude.ai\",\n tags: \"ia\",\n },\n {\n id: 3,\n category_id: 5,\n area_id: null,\n kind: \"tip\",\n title: \"Padrão de nomeação de arquivos\",\n description: \"AAAA-MM-DD_Cliente_TipoDoc.\",\n url: \"\",\n tags: \"organização\",\n },\n {\n id: 4,\n category_id: 3,\n area_id: 3,\n visibility: \"lideranca\",\n kind: \"doc\",\n title: \"Leitura estratégica — Trabalhista\",\n description: \"Onde estamos ganhando e o que não se fala com o cliente.\",\n url: \"\",\n tags: \"estratégia\",\n },\n {\n id: 5,\n category_id: 5,\n area_id: null,\n visibility: \"confidencial\",\n kind: \"tip\",\n title: \"Política de honorários\",\n description: \"Faixas, descontos autorizados e quem aprova exceção.\",\n url: \"\",\n tags: \"gestão\",\n },\n ],\n};\n\nasync function api(method, path, body) {\n if (DEMO) return demoApi(method, path, body);\n const res = await fetch(path, {\n method,\n headers: { \"content-type\": \"application/json\" },\n body: body ? JSON.stringify(body) : undefined,\n });\n if (!res.ok) {\n const e = await res.json().catch(() => ({}));\n throw new Error(e.error || \"Erro ao salvar\");\n }\n return res.json();\n}\n\nfunction demoApi(method, path, body) {\n const mProd = path.match(/^\\/api\\/products\\/(\\d+)$/);\n if (path === \"/api/products\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.products.push({ id, position: DATA.products.length, ...body });\n return { ok: true, id };\n }\n if (mProd && method === \"PUT\") {\n Object.assign(DATA.products.find((p) => p.id == mProd[1]), body);\n return { ok: true };\n }\n if (mProd && method === \"DELETE\") {\n DATA.products = DATA.products.filter((p) => p.id != mProd[1]);\n DATA.resources.forEach((r) => {\n if (r.product_id == mProd[1]) r.product_id = null;\n });\n return { ok: true };\n }\n if (path === \"/api/people\" && method === \"POST\") {\n const i = PESSOAS.people.findIndex((p) => p.email === body.email);\n const pes = {\n email: body.email,\n name: body.name,\n confidencial: body.confidencial ? 1 : 0,\n };\n if (i >= 0) PESSOAS.people[i] = pes;\n else PESSOAS.people.push(pes);\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.email !== body.email)\n .concat(\n (body.areas || []).map((a) => ({\n email: body.email,\n area_id: a.area_id,\n nivel: a.nivel,\n })),\n );\n return { ok: true };\n }\n const mPes = path.match(/^\\/api\\/people\\/(.+)$/);\n if (mPes && method === \"DELETE\") {\n const email = decodeURIComponent(mPes[1]);\n PESSOAS.people = PESSOAS.people.filter((p) => p.email !== email);\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.email !== email);\n return { ok: true };\n }\n const mArea = path.match(/^\\/api\\/areas\\/(\\d+)$/);\n if (path === \"/api/areas\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.areas.push({ id, position: DATA.areas.length, ...body });\n return { ok: true, id };\n }\n if (mArea && method === \"PUT\") {\n Object.assign(DATA.areas.find((a) => a.id == mArea[1]), body);\n return { ok: true };\n }\n if (mArea && method === \"DELETE\") {\n DATA.areas = DATA.areas.filter((a) => a.id != mArea[1]);\n DATA.resources.forEach((r) => {\n if (r.area_id == mArea[1]) r.area_id = null;\n });\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.area_id != mArea[1]);\n DATA.products = DATA.products.filter((p) => p.area_id != mArea[1]);\n return { ok: true };\n }\n const mCat = path.match(/^\\/api\\/categories\\/(\\d+)$/);\n const mRes = path.match(/^\\/api\\/resources\\/(\\d+)$/);\n if (path === \"/api/categories\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.categories.push({ id, position: DATA.categories.length, ...body });\n return { ok: true, id };\n }\n if (mCat && method === \"PUT\") {\n Object.assign(DATA.categories.find((c) => c.id == mCat[1]), body);\n return { ok: true };\n }\n if (mCat && method === \"DELETE\") {\n DATA.categories = DATA.categories.filter((c) => c.id != mCat[1]);\n DATA.resources = DATA.resources.filter((r) => r.category_id != mCat[1]);\n return { ok: true };\n }\n if (path === \"/api/resources\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.resources.push({ id, ...body });\n return { ok: true, id };\n }\n if (mRes && method === \"PUT\") {\n Object.assign(DATA.resources.find((r) => r.id == mRes[1]), body);\n return { ok: true };\n }\n if (mRes && method === \"DELETE\") {\n DATA.resources = DATA.resources.filter((r) => r.id != mRes[1]);\n return { ok: true };\n }\n return { ok: true };\n}\n\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) throw new Error(\"api\");\n DATA = await res.json();\n } catch {\n DEMO = true;\n DATA = JSON.parse(JSON.stringify(SAMPLE));\n DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n renderUser();\n await carregarPessoas();\n renderAll();\n}\n\nfunction renderUser() {\n const me = DATA.me || {};\n const avatar = document.getElementById(\"user-avatar\");\n avatar.innerHTML = me.picture\n ? ` $\"\"$ `\n : esc(initials(me.name));\n document.getElementById(\"user-nome\").textContent = me.name || me.email || \"\";\n}\n\nfunction catName(id) {\n const c = DATA.categories.find((x) => x.id == id);\n return c ? c.name : \"Sem categoria\";\n}\nfunction catColor(id) {\n const c = DATA.categories.find((x) => x.id == id);\n return c ? (c.color || \"#9A9AA2\") : \"#9A9AA2\";\n}\n\nfunction areaNome(id) {\n const a = (DATA.areas || []).find((x) => x.id == id);\n return a ? a.name : \"Todas as áreas\";\n}\nfunction areaCor(id) {\n const a = (DATA.areas || []).find((x) => x.id == id);\n return a ? (a.color || \"#9A9AA2\") : \"#D4D4D8\";\n}\n\nasync function carregarPessoas() {\n if (DEMO) return;\n try {\n const res = await fetch(\"/api/people\", {\n headers: { accept: \"application/json\" },\n });\n if (res.ok) PESSOAS = await res.json();\n } catch { /* sem API: o painel de pessoas fica vazio */ }\n}\n\nfunction renderAll() {\n renderCatSelect();\n renderAreaSelect();\n renderProdSelect();\n renderProdAreaSelect();\n renderResList();\n renderAreaList();\n renderProdList();\n renderCatList();\n renderPesAreas();\n renderPesList();\n}\n// Após qualquer gravação: no ar recarrega do servidor; em demo re-renderiza local.\nasync function refresh() {\n if (DEMO) renderAll();\n else await load();\n}\n\nfunction renderCatSelect() {\n const sel = document.getElementById(\"res-cat\");\n sel.innerHTML = DATA.categories.map((c) =>\n ``\n ).join(\"\");\n}\n\nfunction renderAreaSelect() {\n const sel = document.getElementById(\"res-area\");\n const atual = sel.value;\n sel.innerHTML = `` +\n (DATA.areas || []).map((a) =>\n ``\n ).join(\"\");\n sel.value = atual;\n}\n\nfunction renderAreaList() {\n const list = document.getElementById(\"area-list\");\n if (!(DATA.areas || []).length) {\n list.innerHTML =\n `

Nenhuma área cadastrada.

`;\n return;\n }\n list.innerHTML = DATA.areas.map((a) => {\n const n = DATA.resources.filter((r) => r.area_id == a.id).length;\n return `

\n ${esc(a.name)}\n ${n} recurso(s)${\n a.description ? \" · \" + esc(a.description) : \"\"\n }\n

\n \n \n

`;\n }).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editArea(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delArea(Number(b.dataset.del)))\n );\n}\n\nfunction renderResList() {\n const list = document.getElementById(\"res-list\");\n if (!DATA.resources.length) {\n list.innerHTML =\n `

Nenhum recurso ainda.

`;\n return;\n }\n list.innerHTML = DATA.resources.map((r) => `\n

\n ${esc(r.title)}\n ${\n esc(catName(r.category_id))\n } · ${esc(areaNome(r.area_id))} · ${\n esc(KIND_LABELS[r.kind] || r.kind)\n }${\n (r.visibility && r.visibility !== \"aberto\")\n ? ` · ${\n esc(VIS_LABEL[r.visibility] || r.visibility)\n }`\n : \"\"\n }${r.url ? \" · \" + esc(r.url) : \"\"}\n

\n \n \n

`).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editRes(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delRes(Number(b.dataset.del)))\n );\n}\n\nfunction renderCatList() {\n const list = document.getElementById(\"cat-list\");\n if (!DATA.categories.length) {\n list.innerHTML =\n `

Nenhuma categoria.

`;\n return;\n }\n list.innerHTML = DATA.categories.map((c) => {\n const n = DATA.resources.filter((r) => r.category_id == c.id).length;\n return `

\n ${esc(c.emoji ? c.emoji + \" \" : \"\")}${esc(c.name)}\n ${n} recurso(s)\n

\n \n \n

`;\n }).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editCat(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delCat(Number(b.dataset.del)))\n );\n}\n\n// ---- Formulário de recurso ----\nconst resForm = document.getElementById(\"res-form\");\nfunction resetResForm() {\n resForm.reset();\n document.getElementById(\"res-id\").value = \"\";\n document.getElementById(\"res-area\").value = \"\";\n renderProdSelect();\n document.getElementById(\"res-prod\").value = \"\";\n document.getElementById(\"res-uf\").value = \"\";\n document.getElementById(\"res-ramo\").value = \"\";\n document.getElementById(\"res-icon\").value = \"\";\n document.getElementById(\"res-vis\").value = \"aberto\";\n document.getElementById(\"res-vis-dica\").textContent = VIS_DICA.aberto;\n document.getElementById(\"res-form-title\").textContent = \"Novo recurso\";\n document.getElementById(\"res-submit\").textContent = \"Adicionar\";\n document.getElementById(\"res-cancel\").style.display = \"none\";\n}\nfunction editRes(id) {\n const r = DATA.resources.find((x) => x.id == id);\n if (!r) return;\n document.getElementById(\"res-id\").value = r.id;\n document.getElementById(\"res-title\").value = r.title || \"\";\n document.getElementById(\"res-kind\").value = r.kind || \"link\";\n document.getElementById(\"res-cat\").value = r.category_id || \"\";\n document.getElementById(\"res-area\").value = r.area_id || \"\";\n renderProdSelect();\n document.getElementById(\"res-prod\").value = r.product_id || \"\";\n document.getElementById(\"res-vis\").value = r.visibility || \"aberto\";\n document.getElementById(\"res-vis-dica\").textContent =\n VIS_DICA[r.visibility || \"aberto\"];\n document.getElementById(\"res-url\").value = r.url || \"\";\n document.getElementById(\"res-uf\").value = r.uf || \"\";\n document.getElementById(\"res-ramo\").value = r.ramo || \"\";\n document.getElementById(\"res-icon\").value = r.icon_url || \"\";\n document.getElementById(\"res-desc\").value = r.description || \"\";\n document.getElementById(\"res-tags\").value = r.tags || \"\";\n document.getElementById(\"res-form-title\").textContent = \"Editar recurso\";\n document.getElementById(\"res-submit\").textContent = \"Salvar\";\n document.getElementById(\"res-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delRes(id) {\n const r = DATA.resources.find((x) => x.id == id);\n if (!confirm(`Excluir \"${r ? r.title : \"recurso\"}\"?`)) return;\n try {\n await api(\"DELETE\", `/api/resources/${id}`);\n await refresh();\n toast(\"Recurso excluído\");\n } catch (e) {\n toast(e.message);\n }\n}\nresForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"res-id\").value;\n const body = {\n title: document.getElementById(\"res-title\").value.trim(),\n kind: document.getElementById(\"res-kind\").value,\n category_id: Number(document.getElementById(\"res-cat\").value) || null,\n area_id: Number(document.getElementById(\"res-area\").value) || null,\n product_id: Number(document.getElementById(\"res-prod\").value) || null,\n visibility: document.getElementById(\"res-vis\").value,\n url: document.getElementById(\"res-url\").value.trim(),\n icon_url: document.getElementById(\"res-icon\").value.trim(),\n uf: document.getElementById(\"res-uf\").value.trim().toUpperCase(),\n ramo: document.getElementById(\"res-ramo\").value,\n description: document.getElementById(\"res-desc\").value.trim(),\n tags: document.getElementById(\"res-tags\").value.trim(),\n };\n if (!body.title) return toast(\"Informe um título\");\n try {\n if (id) {\n await api(\"PUT\", `/api/resources/${id}`, body);\n toast(\"Recurso atualizado\");\n } else {\n await api(\"POST\", \"/api/resources\", body);\n toast(\"Recurso adicionado\");\n }\n await refresh();\n resetResForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"res-cancel\").addEventListener(\"click\", resetResForm);\n\n// ---- Formulário de área ----\nconst areaForm = document.getElementById(\"area-form\");\nfunction resetAreaForm() {\n areaForm.reset();\n document.getElementById(\"area-id\").value = \"\";\n document.getElementById(\"area-color\").value = \"#004746\";\n document.getElementById(\"area-form-title\").textContent = \"Nova área\";\n document.getElementById(\"area-submit\").textContent = \"Adicionar\";\n document.getElementById(\"area-cancel\").style.display = \"none\";\n}\nfunction editArea(id) {\n const a = DATA.areas.find((x) => x.id == id);\n if (!a) return;\n document.getElementById(\"area-id\").value = a.id;\n document.getElementById(\"area-name\").value = a.name || \"\";\n document.getElementById(\"area-desc\").value = a.description || \"\";\n document.getElementById(\"area-color\").value = a.color || \"#004746\";\n document.getElementById(\"area-form-title\").textContent = \"Editar área\";\n document.getElementById(\"area-submit\").textContent = \"Salvar\";\n document.getElementById(\"area-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delArea(id) {\n const a = DATA.areas.find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.area_id == id).length;\n if (\n !confirm(\n `Excluir a área \"${a ? a.name : \"\"}\"?${\n n ? ` ${n} recurso(s) voltam a ser transversais (nada é apagado).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/areas/${id}`);\n await refresh();\n toast(\"Área excluída\");\n } catch (e) {\n toast(e.message);\n }\n}\nareaForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"area-id\").value;\n const body = {\n name: document.getElementById(\"area-name\").value.trim(),\n description: document.getElementById(\"area-desc\").value.trim(),\n color: document.getElementById(\"area-color\").value,\n };\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/areas/${id}`, body);\n toast(\"Área atualizada\");\n } else {\n await api(\"POST\", \"/api/areas\", body);\n toast(\"Área adicionada\");\n }\n await refresh();\n resetAreaForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"area-cancel\").addEventListener(\"click\", resetAreaForm);\n\n// ---- Formulário de categoria ----\nconst catForm = document.getElementById(\"cat-form\");\nfunction resetCatForm() {\n catForm.reset();\n document.getElementById(\"cat-id\").value = \"\";\n document.getElementById(\"cat-color\").value = \"#52525B\";\n document.getElementById(\"cat-grupo\").value = \"ferramentas\";\n document.getElementById(\"cat-form-title\").textContent = \"Nova categoria\";\n document.getElementById(\"cat-submit\").textContent = \"Adicionar\";\n document.getElementById(\"cat-cancel\").style.display = \"none\";\n}\nfunction editCat(id) {\n const c = DATA.categories.find((x) => x.id == id);\n if (!c) return;\n document.getElementById(\"cat-id\").value = c.id;\n document.getElementById(\"cat-name\").value = c.name || \"\";\n document.getElementById(\"cat-emoji\").value = c.emoji || \"\";\n document.getElementById(\"cat-color\").value = c.color || \"#52525B\";\n document.getElementById(\"cat-grupo\").value = c.grupo || \"ferramentas\";\n document.getElementById(\"cat-form-title\").textContent = \"Editar categoria\";\n document.getElementById(\"cat-submit\").textContent = \"Salvar\";\n document.getElementById(\"cat-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delCat(id) {\n const c = DATA.categories.find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.category_id == id).length;\n if (\n !confirm(\n `Excluir a categoria \"${c ? c.name : \"\"}\"?${\n n ? ` Isso também remove ${n} recurso(s).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/categories/${id}`);\n await refresh();\n toast(\"Categoria excluída\");\n } catch (e) {\n toast(e.message);\n }\n}\ncatForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"cat-id\").value;\n const body = {\n name: document.getElementById(\"cat-name\").value.trim(),\n emoji: document.getElementById(\"cat-emoji\").value.trim(),\n color: document.getElementById(\"cat-color\").value,\n grupo: document.getElementById(\"cat-grupo\").value,\n };\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/categories/${id}`, body);\n toast(\"Categoria atualizada\");\n } else {\n await api(\"POST\", \"/api/categories\", body);\n toast(\"Categoria adicionada\");\n }\n await refresh();\n resetCatForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"cat-cancel\").addEventListener(\"click\", resetCatForm);\n\n// ---- Serviços (produtos por área) ----\nfunction produtosDa(areaId) {\n return (DATA.products || []).filter((p) => p.area_id == areaId);\n}\nfunction areaDe(id) {\n return (DATA.areas || []).find((a) => a.id == id);\n}\n\n// O seletor de serviço acompanha a área escolhida no formulário de recurso:\n// oferecer serviço de outra área seria oferecer um vínculo que o servidor recusa.\nfunction renderProdSelect() {\n const sel = document.getElementById(\"res-prod\");\n const dica = document.getElementById(\"res-prod-dica\");\n if (!sel) return;\n const areaId = Number(document.getElementById(\"res-area\").value) || null;\n const atual = sel.value;\n if (!areaId) {\n sel.innerHTML = ``;\n sel.disabled = true;\n dica.textContent = \"Escolha uma área para ver os serviços.\";\n return;\n }\n const prods = produtosDa(areaId);\n sel.disabled = !prods.length;\n sel.innerHTML =\n `` +\n prods.map((p) => ``).join(\n \"\",\n );\n sel.value = atual;\n dica.textContent = prods.length\n ? 'Deixe em \"Toda a área\" para material que serve a vários serviços.'\n : \"Esta área ainda não tem serviços cadastrados.\";\n}\n\nfunction renderProdAreaSelect() {\n const sel = document.getElementById(\"prod-area\");\n if (!sel) return;\n const atual = sel.value;\n sel.innerHTML = `` +\n (DATA.areas || []).map((a) =>\n ``\n ).join(\"\");\n // só devolve a seleção anterior se ela ainda existir; senão fica no placeholder\n sel.value = [...sel.options].some((o) => o.value === atual) ? atual : \"\";\n}\n\nfunction renderProdList() {\n const list = document.getElementById(\"prod-list\");\n if (!list) return;\n const areas = DATA.areas || [];\n const comProdutos = areas.filter((a) => produtosDa(a.id).length);\n if (!comProdutos.length) {\n list.innerHTML =\n `

Nenhum serviço cadastrado.

`;\n return;\n }\n list.innerHTML = comProdutos.map((a) =>\n `\n

\n ${esc(a.name)}\n

` + produtosDa(a.id).map((p) => {\n const n = DATA.resources.filter((r) => r.product_id == p.id).length;\n return `\n

\n ${esc(p.name)}\n ${n} recurso(s)${\n p.description ? \" · \" + esc(p.description) : \"\"\n }\n

\n \n \n

`;\n }).join(\"\")\n ).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editProd(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delProd(Number(b.dataset.del)))\n );\n}\n\nconst prodForm = document.getElementById(\"prod-form\");\nfunction resetProdForm() {\n prodForm.reset();\n document.getElementById(\"prod-id\").value = \"\";\n document.getElementById(\"prod-form-title\").textContent = \"Novo serviço\";\n document.getElementById(\"prod-submit\").textContent = \"Adicionar\";\n document.getElementById(\"prod-cancel\").style.display = \"none\";\n}\nfunction editProd(id) {\n const p = (DATA.products || []).find((x) => x.id == id);\n if (!p) return;\n document.getElementById(\"prod-id\").value = p.id;\n document.getElementById(\"prod-area\").value = p.area_id;\n document.getElementById(\"prod-name\").value = p.name || \"\";\n document.getElementById(\"prod-desc\").value = p.description || \"\";\n document.getElementById(\"prod-form-title\").textContent = \"Editar serviço\";\n document.getElementById(\"prod-submit\").textContent = \"Salvar\";\n document.getElementById(\"prod-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delProd(id) {\n const p = (DATA.products || []).find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.product_id == id).length;\n if (\n !confirm(\n `Excluir o serviço \"${p ? p.name : \"\"}\"?${\n n ? ` ${n} recurso(s) voltam para a raiz da área (nada é apagado).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/products/${id}`);\n await refresh();\n toast(\"Serviço excluído\");\n } catch (e) {\n toast(e.message);\n }\n}\nprodForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"prod-id\").value;\n const body = {\n area_id: Number(document.getElementById(\"prod-area\").value) || null,\n name: document.getElementById(\"prod-name\").value.trim(),\n description: document.getElementById(\"prod-desc\").value.trim(),\n };\n if (!body.area_id) return toast(\"Escolha a área\");\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/products/${id}`, body);\n toast(\"Serviço atualizado\");\n } else {\n await api(\"POST\", \"/api/products\", body);\n toast(\"Serviço adicionado\");\n }\n await refresh();\n resetProdForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"prod-cancel\").addEventListener(\"click\", resetProdForm);\ndocument.getElementById(\"res-area\").addEventListener(\n \"change\",\n renderProdSelect,\n);\n\n// ---- Pessoas e acessos ----\n// A tela é a matriz \"pessoa x área\", mas apresentada uma pessoa por vez: cada\n// área com três estados (sem acesso / equipe / liderança) em vez de caixinha.\nfunction renderPesAreas() {\n const box = document.getElementById(\"pes-areas\");\n if (!box) return;\n const areas = DATA.areas || [];\n if (!areas.length) {\n box.innerHTML =\n 'Cadastre as áreas primeiro.';\n return;\n }\n box.innerHTML = areas.map((a) => `\n

\n ${esc(a.name)}\n

\n \n \n \n

`).join(\"\");\n box.querySelectorAll(\".niv\").forEach((b) => {\n b.addEventListener(\"click\", () => {\n b.parentElement.querySelectorAll(\".niv\").forEach((x) =>\n x.classList.remove(\"ativo\")\n );\n b.classList.add(\"ativo\");\n });\n });\n}\n\nfunction lerPesAreas() {\n return [...document.querySelectorAll(\"#pes-areas .acesso-niveis\")].map((\n g,\n ) => ({\n area_id: Number(g.dataset.area),\n nivel: Number(g.querySelector(\".niv.ativo\")?.dataset.nivel || 0),\n })).filter((a) => a.nivel > 0);\n}\n\nfunction marcarPesAreas(email) {\n const meus = (PESSOAS.acessos || []).filter((a) => a.email === email);\n document.querySelectorAll(\"#pes-areas .acesso-niveis\").forEach((g) => {\n const achado = meus.find((a) =>\n Number(a.area_id) === Number(g.dataset.area)\n );\n const nivel = achado ? Number(achado.nivel) : 0;\n g.querySelectorAll(\".niv\").forEach((b) =>\n b.classList.toggle(\"ativo\", Number(b.dataset.nivel) === nivel)\n );\n });\n}\n\nfunction resumoAcesso(email) {\n const meus = (PESSOAS.acessos || []).filter((a) => a.email === email);\n if (!meus.length) return \"só o que é aberto\";\n return meus.map((a) => {\n const area = (DATA.areas || []).find((x) => x.id == a.area_id);\n return (area ? area.name : \"área \" + a.area_id) +\n (Number(a.nivel) === 2 ? \" (liderança)\" : \"\");\n }).join(\" · \");\n}\n\nfunction renderPesList() {\n const list = document.getElementById(\"pes-list\");\n if (!list) return;\n const people = PESSOAS.people || [];\n if (!people.length) {\n list.innerHTML =\n `

Ninguém cadastrado ainda. Quem não estiver aqui vê só o conteúdo aberto.

`;\n return;\n }\n list.innerHTML = people.map((p) => `\n

\n ${esc(p.name || p.email)}\n ${esc(p.email)} · ${esc(resumoAcesso(p.email))}${\n Number(p.confidencial) === 1 ? \" · confidencial\" : \"\"\n }\n

\n \n \n

`).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editPes(b.dataset.edit))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delPes(b.dataset.del))\n );\n}\n\nconst pesForm = document.getElementById(\"pes-form\");\nfunction resetPesForm() {\n pesForm.reset();\n document.getElementById(\"pes-email\").readOnly = false;\n document.getElementById(\"pes-form-title\").textContent = \"Nova pessoa\";\n document.getElementById(\"pes-submit\").textContent = \"Adicionar\";\n document.getElementById(\"pes-cancel\").style.display = \"none\";\n document.querySelectorAll(\"#pes-areas .acesso-niveis\").forEach((g) => {\n g.querySelectorAll(\".niv\").forEach((b) =>\n b.classList.toggle(\"ativo\", b.dataset.nivel === \"0\")\n );\n });\n}\nfunction editPes(email) {\n const p = (PESSOAS.people || []).find((x) => x.email === email);\n if (!p) return;\n document.getElementById(\"pes-email\").value = p.email;\n document.getElementById(\"pes-email\").readOnly = true; // o e-mail é a chave\n document.getElementById(\"pes-nome\").value = p.name || \"\";\n document.getElementById(\"pes-confidencial\").checked =\n Number(p.confidencial) === 1;\n marcarPesAreas(email);\n document.getElementById(\"pes-form-title\").textContent = \"Editar acesso\";\n document.getElementById(\"pes-submit\").textContent = \"Salvar\";\n document.getElementById(\"pes-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delPes(email) {\n if (\n !confirm(\n `Tirar \"${email}\" da lista? A pessoa continua entrando na Central, mas passa a ver só o conteúdo aberto.`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/people/${encodeURIComponent(email)}`);\n await carregarPessoas();\n renderPesList();\n toast(\"Acesso removido\");\n } catch (e) {\n toast(e.message);\n }\n}\npesForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const body = {\n email: document.getElementById(\"pes-email\").value.trim().toLowerCase(),\n name: document.getElementById(\"pes-nome\").value.trim(),\n confidencial: document.getElementById(\"pes-confidencial\").checked,\n areas: lerPesAreas(),\n };\n if (!body.email.includes(\"@\")) return toast(\"Informe um e-mail válido\");\n try {\n await api(\"POST\", \"/api/people\", body);\n await carregarPessoas();\n renderPesList();\n resetPesForm();\n toast(\"Acesso salvo\");\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"pes-cancel\").addEventListener(\"click\", resetPesForm);\n\n// a dica embaixo do campo muda junto com a escolha, para o cadastro não virar adivinhação\ndocument.getElementById(\"res-vis\").addEventListener(\"change\", (e) => {\n document.getElementById(\"res-vis-dica\").textContent =\n VIS_DICA[e.target.value] || \"\";\n});\n\n// ---- Abas ----\ndocument.querySelectorAll(\".tab\").forEach((t) => {\n t.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab\").forEach((x) =>\n x.classList.remove(\"active\")\n );\n t.classList.add(\"active\");\n const tab = t.dataset.tab;\n document.getElementById(\"tab-resources\").style.display = tab === \"resources\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-areas\").style.display = tab === \"areas\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-products\").style.display = tab === \"products\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-people\").style.display = tab === \"people\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-categories\").style.display =\n tab === \"categories\" ? \"\" : \"none\";\n document.getElementById(\"tab-rss\").style.display = tab === \"rss\"\n ? \"\"\n : \"none\";\n if (tab === \"rss\") carregarRss();\n });\n});\n\nload();\n// ── RSS (Radar): visualização + gerenciamento das buscas ──\nlet RSS_FONTES = [],\n RSS_NOT_AREA = {},\n RSS_ULTIMA = null,\n RSS_SEL_PRONTO = false;\n\nasync function carregarRss() {\n if (DEMO) {\n RSS_FONTES = [];\n renderRss();\n return;\n }\n try {\n const d = await fetch(\"/api/rss/fontes\", {\n headers: { accept: \"application/json\" },\n }).then((r) => r.json());\n RSS_FONTES = d.fontes || [];\n RSS_NOT_AREA = {};\n (d.noticiasPorArea || []).forEach((x) => {\n RSS_NOT_AREA[x.area_id == null ? \"0\" : x.area_id] = x.n;\n });\n RSS_ULTIMA = d.ultimaColeta || null;\n } catch {\n RSS_FONTES = [];\n }\n renderRss();\n}\n\nfunction rssFonte(id) {\n return RSS_FONTES.find((f) => f.id == id);\n}\n\nfunction renderRss() {\n const sel = document.getElementById(\"rss-area\");\n if (sel && !RSS_SEL_PRONTO) {\n sel.innerHTML = `` +\n (DATA.areas || []).map((a) =>\n ``\n ).join(\"\");\n RSS_SEL_PRONTO = true;\n }\n const list = document.getElementById(\"rss-list\");\n if (!list) return;\n const quando = RSS_ULTIMA\n ? new Date(RSS_ULTIMA).toLocaleString(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n })\n : \"ainda não coletado\";\n const total = RSS_FONTES.length,\n ativas = RSS_FONTES.filter((f) => f.ativa).length;\n let html =\n `

${total} buscas · ${ativas} ativas · última coleta: ${\n esc(quando)\n }

`;\n const ordem = [...(DATA.areas || []).map((a) => a.id), null];\n const semArea = RSS_FONTES.filter((f) =>\n !(DATA.areas || []).some((a) => a.id == f.area_id)\n );\n for (const aid of ordem) {\n const fs = aid === null\n ? semArea\n : RSS_FONTES.filter((f) => f.area_id == aid);\n if (!fs.length) continue;\n const nome = aid === null ? \"Sem área\" : areaNome(aid);\n const cor = aid === null ? \"#9A9AA2\" : areaCor(aid);\n const nots = RSS_NOT_AREA[aid == null ? \"0\" : aid] || 0;\n html +=\n `

${\n esc(nome)\n }${fs.length} buscas · ${nots} notícias${\n aid !== null\n ? ``\n : \"\"\n }

`;\n html += fs.map((f) =>\n `

${\n esc(f.nome)\n }

${\n esc((f.url || \"\").replace(/^https?:\\/\\//, \"\").slice(0, 70))\n }${\n f.tags\n ? `#${\n esc(\n (f.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean)\n .join(\" #\"),\n )\n }`\n : \"\"\n }

×${\n f.peso || 1\n }

`\n ).join(\"\");\n html += `

`;\n }\n list.innerHTML = html;\n list.querySelectorAll(\"[data-toggle]\").forEach((b) =>\n b.addEventListener(\"click\", () => rssToggle(Number(b.dataset.toggle)))\n );\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => rssEdit(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => rssDel(Number(b.dataset.del)))\n );\n list.querySelectorAll(\"[data-coletar]\").forEach((b) =>\n b.addEventListener(\"click\", () => rssColetar(b.dataset.coletar, b))\n );\n const ct = document.getElementById(\"rss-coletar-tudo\");\n if (ct) ct.addEventListener(\"click\", () => rssColetar(\"\", ct));\n}\n\nasync function rssToggle(id) {\n const f = rssFonte(id);\n if (!f) return;\n try {\n await api(\"PUT\", `/api/rss/fontes/${id}`, { ...f, ativa: f.ativa ? 0 : 1 });\n toast(f.ativa ? \"Busca desligada\" : \"Busca ligada\");\n await carregarRss();\n } catch {\n toast(\"Erro\");\n }\n}\nasync function rssDel(id) {\n const f = rssFonte(id);\n if (!f) return;\n if (!confirm(`Excluir a busca \"${f.nome}\"? As notícias dela também saem.`)) {\n return;\n }\n try {\n await api(\"DELETE\", `/api/rss/fontes/${id}`);\n toast(\"Busca excluída\");\n await carregarRss();\n } catch {\n toast(\"Erro\");\n }\n}\nfunction rssEdit(id) {\n const f = rssFonte(id);\n if (!f) return;\n document.getElementById(\"rss-id\").value = f.id;\n document.getElementById(\"rss-nome\").value = f.nome || \"\";\n document.getElementById(\"rss-url\").value = f.url || \"\";\n document.getElementById(\"rss-tags\").value = f.tags || \"\";\n document.getElementById(\"rss-peso\").value = f.peso || 1;\n document.getElementById(\"rss-area\").value = f.area_id == null\n ? \"\"\n : f.area_id;\n document.getElementById(\"rss-form-title\").textContent = \"Editar busca\";\n document.getElementById(\"rss-submit\").textContent = \"Salvar\";\n document.getElementById(\"rss-cancel\").style.display = \"\";\n document.getElementById(\"rss-nome\").focus();\n}\nfunction rssResetForm() {\n document.getElementById(\"rss-form\").reset();\n document.getElementById(\"rss-id\").value = \"\";\n document.getElementById(\"rss-form-title\").textContent = \"Nova busca\";\n document.getElementById(\"rss-submit\").textContent = \"Adicionar\";\n document.getElementById(\"rss-cancel\").style.display = \"none\";\n}\nasync function rssColetar(area, btn) {\n const orig = btn ? btn.textContent : \"\";\n if (btn) {\n btn.disabled = true;\n btn.textContent = \"coletando…\";\n }\n try {\n await fetch(\"/api/rss/coletar\" + (area ? \"?area=\" + area : \"\"), {\n method: \"POST\",\n });\n toast(\"Coleta disparada — atualiza em instantes\");\n setTimeout(carregarRss, 3000);\n } catch {\n toast(\"Erro na coleta\");\n }\n if (btn) {\n setTimeout(() => {\n btn.disabled = false;\n btn.textContent = orig;\n }, 3200);\n }\n}\n\ndocument.getElementById(\"rss-form\").addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"rss-id\").value;\n const body = {\n area_id: document.getElementById(\"rss-area\").value || null,\n nome: document.getElementById(\"rss-nome\").value.trim(),\n url: document.getElementById(\"rss-url\").value.trim(),\n tags: document.getElementById(\"rss-tags\").value.trim(),\n peso: Number(document.getElementById(\"rss-peso\").value) || 1,\n };\n if (!body.nome || !body.url) {\n toast(\"Nome e URL obrigatórios\");\n return;\n }\n try {\n if (id) {\n const f = rssFonte(Number(id));\n await api(\"PUT\", `/api/rss/fontes/${id}`, {\n ...body,\n ativa: f ? f.ativa : 1,\n });\n toast(\"Busca atualizada\");\n } else {\n await api(\"POST\", \"/api/rss/fontes\", { ...body, ativa: 1 });\n toast(\"Busca adicionada\");\n }\n rssResetForm();\n await carregarRss();\n } catch {\n toast(\"Erro ao salvar\");\n }\n});\ndocument.getElementById(\"rss-cancel\").addEventListener(\"click\", rssResetForm);",[],[167,268],"28b9305e-48f4-48ad-a4b5-0c27d83a72c9","admin.html","31feadfc-9beb-11f1-a9c3-1607ee4eb77e",175,["D",1788811592377],11,"\n\n \n \n \n Central TC — Gerenciar\n \n \n \n \n \n \n

\n \n\n

Gerenciar conteúdo

\n Ver o hub\n

\n\n

\n Adicione, edite ou remova recursos e categorias. As mudanças\n aparecem para toda a equipe.\n

\n\n

\n \n \n \n \n \n \n

\n\n \n

Novo recurso

\n \n

\n Título *\n \n

\n Tipo\n \n

\n Categoria\n \n

\n Área do escritório\n \n Deixe em \"Todas as áreas\" para material\n transversal.\n

\n Serviço (produto da área)\n \n Escolha uma área para ver os serviços.\n

\n Quem vê\n \n Visível para qualquer pessoa que entrar na Central.\n

\n Link (URL)\n \n

\n Estado (UF)\n \n Usado no filtro por estado da seção Tribunais.\n

\n Ramo da Justiça\n \n Agrupa os tribunais dentro do estado.\n

\n Ícone (URL da imagem)\n \n Em branco, usamos o ícone do próprio site.\n

\n Descrição\n \n

\n Tags (separadas por vírgula)\n \n

\n \n \n Cancelar\n \n

Recursos cadastrados

\n\n \n

Nova área

\n \n

Áreas do escritório

\n\n \n

Novo serviço

\n \n

Serviços por área

\n\n \n

Nova pessoa

\n E-mail do escritório *\n \n O mesmo e-mail com que a pessoa entra na Central.\n

\n Nome\n \n

\n Acesso por área\n

\n Liderança vê também o que é estratégico daquela\n área.\n

\n \n \n Vê o confidencial do escritório (honorários,\n metas, gestão)\n \n

\n \n \n Cancelar\n \n

Quem vê o quê

\n\n \n

Nova categoria

\n \n

Categorias

\n \n

Nova busca

Buscas por área

\n\n

\n \n \n",[],[167,276],["D",1787156352547],[185,186,187,188,189,190,191,192],[167],["D",1787155811387],["D",1789501878689],{"_16":17,"_87":83},{"_16":17,"_80":81,"_82":83,"_33":34,"_84":85,"_86":26},{"_68":69,"_20":70,"_18":71,"_72":19,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":21,"_79":17},"ctx",{"_61":-5,"_108":325,"_326":327,"_328":329,"_330":26,"_331":26,"_332":26,"_333":38,"_334":-5,"_335":-7,"_336":-7,"_337":42,"_338":26,"_339":26,"_340":-5,"_341":26,"_342":26,"_343":26,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":70,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Ligue as Conversas à sua conta

Conversas

Novo canal

\" + esc(k.slug) + \"

Casos ativos · ' +\n canais.length + \"

${esc(r.title)}

${esc(titulo)} · ${itens.length}

${esc(p.name || \"\")}

${esc(a.name || \"\")}

${esc(c.name || \"\")}

Ferramentas do escritório

${saudacaoHora()}, ${\n esc(primeiro)\n }.

${\n esc(diaCap)\n }${saudacaoHora()}, ${esc(nome1)}.

Nossa equipe

Gerenciar conteúdo

Novo recurso

Recursos cadastrados

Nova área

Áreas do escritório

Novo serviço

Serviços por área

Nova pessoa

Quem vê o quê

Nova categoria

Categorias

Nova busca

Buscas por área

Search