\n \n\n

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

\n\n

\n\n \n \n",[],[149,199],"216d76b8-9617-4825-a1af-c6f92e26b40d","app.js","bdceaa72-9bea-11f1-9b55-1607ee4eb77e",95,["D",1788465609634],19,"// 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.\n\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\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, 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};\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\";\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 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\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\")) return SVG.assinadas;\n if (n.includes(\"gratuit\")) return SVG.gratuitas;\n if (n === \"ia\" || n.includes(\"ia \") || n.includes(\"intelig\")) return SVG.ia;\n if (n.includes(\"tribun\")) return SVG.tribunais;\n if (n.includes(\"modelo\") || n.includes(\"document\")) return SVG.documentos;\n if (n.includes(\"link\")) return SVG.links;\n if (n.includes(\"formul\")) return SVG.formularios;\n if (n.includes(\"tutor\")) return SVG.tutoriais;\n if (n.includes(\"dica\")) return SVG.dicas;\n if (n.includes(\"cart\")) return SVG.cartorios;\n if (\n n.includes(\"institu\") || n.includes(\"material\") || n.includes(\"materia\")\n ) return SVG.institucionais;\n return SVG.padrao;\n}\n\nfunction svgCat(nome) {\n return ``;\n}\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}\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 DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n } catch {\n DATA = SAMPLE;\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n renderUser();\n renderNav();\n render();\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 if (me.isAdmin) 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}\n\nfunction renderNav() {\n document.getElementById(\"conta-tudo\").textContent = DATA.resources.length ||\n \"\";\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\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\n document.querySelector(\"#nav-inicio .lat-item\").classList.toggle(\n \"ativo\",\n vista.tipo === \"home\",\n );\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\") vista = { tipo: \"home\", id: null };\n else if (b.dataset.area) {\n vista = { tipo: \"area\", id: Number(b.dataset.area) };\n } else vista = { tipo: \"cat\", id: Number(b.dataset.cat) };\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n };\n });\n}\n\nfunction matches(r) {\n if (!query) return true;\n const hay = (r.title + \" \" + r.description + \" \" + r.tags).toLowerCase();\n return query.toLowerCase().split(/\\s+/).every((t) => hay.includes(t));\n}\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}\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}\n\nfunction secaoHTML(titulo, cor, itens, rotulo) {\n if (!itens.length) return \"\";\n return `

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

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

`;\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\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\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\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) return \"\";\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)) ufAtiva = \"\";\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}\n\nfunction ligarFiltroUF() {\n document.querySelectorAll(\".uf-btn\").forEach((b) => {\n b.onclick = () => {\n ufAtiva = b.dataset.uf;\n render();\n };\n });\n}\n\nfunction rotuloUF(v) {\n return v === \"SUP\" ? \"Superiores\" : v === \"NAC\" ? \"Nacionais\" : v;\n}\n\nfunction passaUF(r) {\n if (!ufAtiva) return true;\n if (ufAtiva === \"SUP\") return r.ramo === \"Tribunais Superiores\";\n if (ufAtiva === \"NAC\") return r.ramo === \"Nacional\";\n // num estado, superiores e nacionais ficam de fora — têm seção própria\n if (r.ramo === \"Tribunais Superiores\" || r.ramo === \"Nacional\") return false;\n return ufsDoItem(r).includes(ufAtiva);\n}\n\nfunction renderFaixa() {\n const faixa = document.getElementById(\"areas-faixa\");\n faixa.innerHTML = \"\";\n if (query) 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) return;\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\n if (vista.tipo !== \"home\" || !DATA.areas.length) return;\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}\n\nfunction render() {\n renderCab();\n renderFaixa();\n const content = document.getElementById(\"content\");\n let html = \"\";\n let total = 0;\n\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) corpo += secaoHTML(ramo, \"#9A9AA2\", itens);\n }\n const semRamo = visiveis.filter((r) => !ramos.includes(r.ramo));\n if (semRamo.length) corpo += secaoHTML(\"Outros\", \"#9A9AA2\", semRamo);\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\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 : \"\") + html;\n\n ligarFiltroUF();\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\n // o Radar é dinâmico (vem do robô), então carrega à parte, no topo da área\n if (vista.tipo === \"area\" && !query) carregarRadar(vista.id);\n}\n\n// ── Radar RSS: notícias dos últimos 7 dias da área, buscadas sob demanda ──\nasync function carregarRadar(areaId) {\n const slot = document.getElementById(\"radar-slot\");\n if (!slot) return;\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) return; // trocou de tela enquanto carregava\n const nots = d.noticias || [];\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 cab = `

\n Radar · últimos 7 dias\n ${nots.length} ${\n nots.length === 1 ? \"notícia\" : \"notícias\"\n } · coleta: ${esc(quando)}${\n admin\n ? ` · `\n : \"\"\n }\n

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

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

`;\n } else {\n const cards = nots.map((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 n.resumo ? `

${esc(n.resumo)}

` : \"\"\n }\n

${(new Date(n.data).toLocaleDateString(\n \"pt-BR\",\n ) === new Date().toLocaleDateString(\"pt-BR\")\n ? '[Hoje]'\n : \"\")}${(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 `).join(\"\");\n slot.innerHTML = cab + `

${cards}

`;\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\", { method: \"POST\" });\n } catch {}\n carregarRadar(areaId);\n };\n }\n}\n\ndocument.getElementById(\"q\").addEventListener(\"input\", (e) => {\n query = e.target.value.trim();\n render();\n});\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});\n\nload();",[],[149,208],"f31fa872-d0df-4d72-8732-c2d1747ad4e8","admin.js","7f817da2-9beb-11f1-bc1c-1607ee4eb77e",82,["D",1788306010021],10,"// 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 });\n});\n\nload();",[],[149,217],"9a2325b4-5197-4590-9014-7725919c3430","admin.html","31feadfc-9beb-11f1-a9c3-1607ee4eb77e",81,["D",1788305937923],"\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

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

\n \n \n",[],[149,226],["D",1787156352547],[166,167,168,169,170,171],[149],["D",1787155811387],["D",1789501878689],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_127":274,"_275":276,"_277":278,"_279":25,"_280":25,"_281":25,"_282":59,"_283":-5,"_284":-7,"_285":-7,"_286":63,"_287":25,"_288":25,"_289":-5,"_290":25,"_291":25,"_292":25,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":90,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"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"]

Diff · v103