\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",[],[170,236],"060910b2-0f85-48bb-b7d7-a5090ddb705d","conversas.html","1e374dc2-a9f8-11f1-a1eb-1607ee4eb77e",146,["D",1788701891580],"\n\n \n \n \n Conversas — Central TC\n \n \n \n \n \n

\n \n\n

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

\n \n \n \n \n \n Novo canal\n \n

\n\n

\n \n \n\n \n

\n\n

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

Central TC · Google Chat

Novo canal

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

\n\n

\n Área\n \n \n

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

\n\n

\n Cliente\n \n

\n \n \n \n

\n \n \n

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

\n\n

\n Caso\n \n \n

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

\n\n

\n Nome do canal\n

\n #\n \n

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

\n\n

\n Quem participa\n

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

\n\n

\n \n Criar canal\n \n \n \n

\n\n

O que acontece ao criar

\n 1\n

\n Resolve o cliente na base\n

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

\n 2\n

\n Confere o caso dentro do cliente\n

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

\n 3\n

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

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

\n 4\n

\n Amarra tudo na Central\n

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

\n\n

Carregando as conversas...

\n \n \n\n \n \n",[],[170,245],"d20d0c5e-3eb4-434a-8943-11a00298bf9a","conversas.css","67f131d0-a9f8-11f1-a3c4-1607ee4eb77e",150,["D",1788702015189],"/* ═══════════════════════════════════════════════════════════════════\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 qualquer display explícito daqui de baixo.\n Sem isto, .travado{display:flex} mantinha o campo de área visível escondido. */\n[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: 0.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:\n border-color var(--transicao),\n 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: 0.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: -0.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: -0.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: -0.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: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.dia::before, .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: 0.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: 0.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: 0.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: -0.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.chamar {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n padding: 10px 15px;\n border: none;\n border-top: 1px solid var(--linha);\n background: none;\n color: var(--tinta-2);\n font: 500 12.5px var(--sans);\n text-align: left;\n}\n.chamar:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.chamar svg {\n width: 15px;\n height: 15px;\n color: var(--tinta-3);\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, .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, .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.desligado {\n opacity: 0.45;\n pointer-events: none;\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: 0.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, .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: 0.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: 0.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: -0.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: -0.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: -0.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, 0.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: -0.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}",[],[170,253],"74ba3230-2eae-423d-8996-9bdc82da91a5","app.js","bdceaa72-9bea-11f1-9b55-1607ee4eb77e",133,["D",1788658365182],28,"// 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 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(\n 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 }${\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?\")) return;\n try {\n await fetch(\"/api/avisos/\" + b.dataset.aviso, { method: \"DELETE\" });\n await load();\n } catch {}\n }));\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];\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}\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\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\n const pres = `

Quem está aqui agora

carregando…

`;\n\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\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\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\n return `

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

`;\n}\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) DATA.online = d.online;\n } catch {}\n pintarPresenca();\n clearInterval(window.__presInt);\n window.__presInt = setInterval(async () => {\n if (vista.tipo !== \"home\" || query) return;\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) DATA.online = d.online;\n } catch {}\n pintarPresenca();\n }, 60000);\n}\nfunction pintarPresenca() {\n const box = document.getElementById(\"dash-presenca\");\n if (!box) return;\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) cnt.innerHTML = \"\";\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}\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++) cel += ``;\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}\n\nfunction render() {\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\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 : \"\") + (vista.tipo === \"home\" && !query ? homeTopoHTML() : \"\") + html;\n\n ligarFiltroUF();\n if (vista.tipo === \"home\" && !query) ligarMural();\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 ──\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) 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 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) radarPag = totalPag - 1;\n if (radarPag < 0) radarPag = 0;\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) return;\n ev.preventDefault();\n ev.stopPropagation();\n if (b.dataset.save) salvar(b);\n else votar(b);\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) b.classList.add(\"on\");\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) abrirFeedback(f, r.fonteNome || \"\");\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) carregarRadar(areaId); // recarrega p/ refletir na lista e na contagem (mantém a aba)\n else if (r.motivo) alert(r.motivo);\n }\n function abrirFeedback(fonteId, fonteNome) {\n if (document.getElementById(\"radar-fb\")) return;\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) fechar();\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\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();",[],[170,261],"f31fa872-d0df-4d72-8732-c2d1747ad4e8","admin.js","7f817da2-9beb-11f1-bc1c-1607ee4eb77e",82,["D",1788306010021],"// 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();",[],[170,270],"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",[],[170,278],["D",1787156352547],[188,189,190,191,192,193,194,195,196],[170],["D",1787155811387],["D",1789501878689],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":24},{"_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":326,"_327":328,"_329":330,"_331":24,"_332":24,"_333":24,"_334":59,"_335":-5,"_336":-7,"_337":-7,"_338":63,"_339":24,"_340":24,"_341":-5,"_342":24,"_343":24,"_344":24,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":90,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"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"]

Central TC

Ligue as Conversas à sua conta

Conversas

Novo canal

${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

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

Diff · v151