/* global React */ /* ============================================================ Credentials.jsx — drawer de credenciais do MCP (design NN.ai) ============================================================ */ const { useState: useSC, useEffect: useEC, useRef: useRC } = React; const CRED_ST = { ok: { label: "Operacional", color: "#5fd0a6", bg: "rgba(95,208,166,.08)", bd: "rgba(95,208,166,.26)" }, warn: { label: "Atenção", color: "#e3b25b", bg: "rgba(227,178,91,.08)", bd: "rgba(227,178,91,.28)" }, fail: { label: "Falha", color: "#e07a82", bg: "rgba(224,122,130,.1)", bd: "rgba(224,122,130,.32)" }, }; function slugCred(name) { return String(name || "mcp") .toLowerCase() .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .replace(/[^a-z0-9]+/g, "-") .replace(/^-|-$/g, ""); } function hashCred(name) { let h = 0; const s = String(name || "mcp"); for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) >>> 0; return h.toString(16).padStart(8, "0").slice(0, 4); } function scopesForCred(name, meta) { const cat = String(meta || "").split("·")[0].trim(); const map = { "Documentos": ["documents.read", "documents.write", "ocr.run"], "Fiscal": ["nfe.read", "nfe.issue", "sefaz.query"], "ERP": ["erp.read", "erp.write", "inventory.sync"], "Contábil": ["ledger.read", "ledger.post", "accounts.map"], "Bancário": ["accounts.read", "transactions.read", "reconcile.run"], "RH": ["candidates.read", "candidates.write", "jobs.read"], "Jurídico": ["contracts.read", "contracts.generate", "sign.request"], "Comunicação": ["messages.send", "templates.read", "contacts.read"], "Conhecimento": ["kb.read", "kb.search"], "CRM": ["contacts.read", "contacts.write", "deals.read"], }; return map[cat] || ["read", "write"]; } function authForCred(name, cfg) { const cert = ["SEFAZ · NF-e"]; const oauth = ["WhatsApp API", "Open Finance", "CRM", "ATS · LinkedIn", "E-mail"]; if (cert.includes(name)) return "Certificado A1"; if (oauth.includes(name)) return "OAuth 2.0"; return cfg?.type || "API Key"; } function McpCredentialsModal({ mcp, onClose }) { const cfg = window.AgentData.credsFor(mcp); const [env, setEnv] = useSC("prod"); const [reveal, setReveal] = useSC(false); const [copiedKey, setCopiedKey] = useSC(false); const [copiedEp, setCopiedEp] = useSC(false); const [rotated, setRotated] = useSC(false); const timers = useRC({}); useEC(() => () => Object.values(timers.current).forEach(clearTimeout), []); const sev = mcp.status === "error" ? "fail" : (mcp.status || (mcp.name === "WhatsApp API" ? "fail" : "ok")); const S = CRED_ST[sev] || CRED_ST.ok; const IconComp = window.McpCatalogIcon; const iconKey = mcp.catalogIcon || mcp.iconKey || mcp.icon || "doc"; const tools = mcp.tools || cfg.fields.length; const auth = authForCred(mcp.name, cfg); const h = hashCred(mcp.name); const envKey = env === "prod" ? "live" : "test"; const fullKey = `nn_${envKey}_sk_${h}9c4e2a17b0d6f3${h}`; const maskKey = `nn_${envKey}_sk_${h}....................`; const endpoint = `https://mcp.nn.ai/v1/${slugCred(mcp.name)}`; const scopes = scopesForCred(mcp.name, mcp.meta); const copy = (kind, value) => { try { navigator.clipboard && navigator.clipboard.writeText(value); } catch (e) {} if (kind === "key") { setCopiedKey(true); clearTimeout(timers.current.key); timers.current.key = setTimeout(() => setCopiedKey(false), 1600); } else { setCopiedEp(true); clearTimeout(timers.current.ep); timers.current.ep = setTimeout(() => setCopiedEp(false), 1600); } }; const icon = (d, attrs = {}) => ; return ( <>
); } window.McpCredentialsModal = McpCredentialsModal;