[{"_1":2,"_191":-5,"_192":-5},"loaderData",{"_3":4,"_96":97},"root",{"_5":6,"_37":38,"_69":70},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20,"_36":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isBusinessOrgMember","isHigherTownieTier","ENV",{"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","efeea19332d9bfe7de1049656877be9cb817c45f","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_71":72},"__internal_clerk_state",{"_73":74,"_75":48,"_76":77,"_78":77,"_79":20,"_80":77,"_81":77,"_82":77,"_83":77,"_84":85,"_94":20,"_95":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_86":20,"_19":20,"_87":77,"_88":89,"_90":77,"_91":48,"_92":20,"_93":77},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_98":99,"_100":101,"_102":103,"_104":105,"_165":166,"_188":189,"_190":-5},"handle","jeannettehauck","name","Kikko","path","frontend/components/AIChat.ts","project",{"_106":107,"_100":101,"_108":109,"_110":-5,"_111":20,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":-5,"_119":20,"_120":-5,"_121":-5,"_122":33,"_14":123,"_124":125,"_126":127,"_128":129,"_130":-5,"_131":132,"_133":132,"_134":135,"_136":135,"_137":135,"_138":132,"_139":132,"_23":140,"_142":143,"_147":148,"_164":20},"id","15c13c42-385c-11f1-9665-42b51c65c3df","createdAt",["D",1776210357794],"deletedAt","legacyEnvVars","privacy","public","description","Kikko - real time messaging app","imageUrl","870b7e35-8ef5-4636-b971-bff1fd6a6e2b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019d8e62-5858-7425-9af4-1885703035d6","tursoName","15c13c42385c11f1966542b51c65c3df","tursoHostname","15c13c42385c11f1966542b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1776213035057],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_98":99,"_141":77},"profileImageUrl","org",{"_98":99,"_144":77,"_12":117,"_145":146},"avatar","tier","free","branch",{"_149":150,"_100":46,"_106":151,"_152":107,"_153":154,"_155":156,"_157":113,"_158":159,"_160":161,"_162":101,"_163":99},"version",16,"15c6b88e-385c-11f1-9665-42b51c65c3df","projectId","forkedBranchId","65a82a10-36ed-11f1-b56f-42b51c65c3df","forkedBranchVersion",3,"forkedProjectPrivacy","forkedProjectId","65a1d32c-36ed-11f1-b56f-42b51c65c3df","forkedProjectOrgId","019d84ff-a03f-708c-9555-09bac13e13b3","projectName","userHandle","isOwned","file",{"_106":167,"_100":168,"_169":170,"_171":172,"_173":151,"_174":175,"_176":177,"_108":178,"_149":33,"_179":180,"_181":182,"_183":20,"_184":-5,"_102":185},"22a2c970-385d-11f1-97b3-42b51c65c3df","AIChat.ts","fileId","22a2ca24-385d-11f1-97b3-42b51c65c3df","parentId","28dd156c-385c-11f1-b5ef-42b51c65c3df","branchId","branchVersion",13,"latest",true,["D",1776210808933],"fileType","script","content","import { createElement as h, useState, useEffect, useRef, Fragment } from \"react\";\nimport { Ico } from \"../icons.ts\";\n\n// ── AI Models ──────────────────────────────────────────────────────────────────\nconst AI_MODELS = [\n { id: \"mistral-large-latest\", label: \"Mistral Large 3\", short: \"Large 3\", desc: \"General-purpose AI — great for writing, reasoning, and analysis.\", color: \"#FF7000\", initial: \"M\" },\n { id: \"codestral-latest\", label: \"Codestral\", short: \"Codestral\", desc: \"AI coding assistant — debugging, code generation, and technical help.\", color: \"#6366f1\", initial: \"C\" }\n];\n\nfunction AILogo({ model }: any) {\n return h(\"svg\", { width: 32, height: 32, viewBox: \"0 0 32 32\", fill: \"none\" },\n h(\"circle\", { cx: 16, cy: 16, r: 16, fill: model.color }),\n h(\"text\", { x: 16, y: 21, textAnchor: \"middle\", fontSize: 13, fill: \"white\", fontWeight: \"bold\", fontFamily: \"sans-serif\" }, model.initial)\n );\n}\n\n// ── Markdown renderer for AI responses ──────────────────────────────────────────\nfunction CodeBlock({ code, lang }: any) {\n const [copied, setCopied] = useState(false);\n const doCopy = () => { navigator.clipboard?.writeText(code).then(() => { setCopied(true); setTimeout(() => setCopied(false), 1800); }); };\n return h(\"div\", { className: \"code-block-wrap\" },\n h(\"div\", { className: \"code-block-header\" },\n h(\"span\", { className: \"code-block-lang\" }, lang || \"code\"),\n h(\"button\", { className: \"code-copy-btn\", onClick: doCopy },\n copied ? h(Fragment, null, h(Ico.check), \" Copied\") : h(Fragment, null, h(Ico.copy), \" Copy\")\n )\n ),\n h(\"pre\", null, h(\"code\", { className: lang ? \"lang-\" + lang : \"\" }, code))\n );\n}\n\nfunction renderMarkdown(text: string): any {\n if (!text) return null;\n const parts = text.split(/(```[\\s\\S]*?```)/g);\n const elements: any[] = [];\n let key = 0;\n for (const part of parts) {\n if (part.startsWith(\"```\")) {\n const match = part.match(/^```(\\w*)\\n?([\\s\\S]*?)```$/);\n const lang = match ? match[1] : \"\";\n const code = match ? match[2] : part.slice(3, -3);\n elements.push(h(CodeBlock, { key: key++, code: code.replace(/\\n$/, \"\"), lang }));\n } else {\n const lines = part.split(\"\\n\");\n let i = 0;\n while (i < lines.length) {\n const line = lines[i];\n const headingMatch = line.match(/^(#{1,3})\\s+(.+)$/);\n if (headingMatch) {\n const level = headingMatch[1].length;\n const tag = \"h\" + level;\n elements.push(h(tag, { key: key++ }, inlineMarkdown(headingMatch[2])));\n i++; continue;\n }\n if (line.startsWith(\"> \")) {\n const quoteLines: string[] = [];\n while (i < lines.length && lines[i].startsWith(\"> \")) { quoteLines.push(lines[i].slice(2)); i++; }\n elements.push(h(\"blockquote\", { key: key++ }, inlineMarkdown(quoteLines.join(\"\\n\"))));\n continue;\n }\n if (/^[\\-\\*]\\s+/.test(line)) {\n const items: string[] = [];\n while (i < lines.length && /^[\\-\\*]\\s+/.test(lines[i])) { items.push(lines[i].replace(/^[\\-\\*]\\s+/, \"\")); i++; }\n elements.push(h(\"ul\", { key: key++ }, items.map((it: string, j: number) => h(\"li\", { key: j }, inlineMarkdown(it)))));\n continue;\n }\n if (/^\\d+\\.\\s+/.test(line)) {\n const items: string[] = [];\n while (i < lines.length && /^\\d+\\.\\s+/.test(lines[i])) { items.push(lines[i].replace(/^\\d+\\.\\s+/, \"\")); i++; }\n elements.push(h(\"ol\", { key: key++ }, items.map((it: string, j: number) => h(\"li\", { key: j }, inlineMarkdown(it)))));\n continue;\n }\n if (/^---+$/.test(line.trim())) { elements.push(h(\"hr\", { key: key++ })); i++; continue; }\n if (line.trim() === \"\") { i++; continue; }\n elements.push(h(\"p\", { key: key++ }, inlineMarkdown(line)));\n i++;\n }\n }\n }\n return elements;\n}\n\nfunction inlineMarkdown(text: string): any {\n if (!text) return null;\n const tokens: any[] = [];\n let remaining = text;\n let key = 0;\n while (remaining.length > 0) {\n let m = remaining.match(/^(.*?)`([^`]+)`/);\n if (m) { if (m[1]) tokens.push(...plainText(m[1], key++)); tokens.push(h(\"code\", { key: \"c\" + key++ }, m[2])); remaining = remaining.slice(m[0].length); continue; }\n m = remaining.match(/^(.*?)\\*\\*\\*(.+?)\\*\\*\\*/);\n if (m) { if (m[1]) tokens.push(...plainText(m[1], key++)); tokens.push(h(\"strong\", { key: \"bi\" + key++ }, h(\"em\", null, m[2]))); remaining = remaining.slice(m[0].length); continue; }\n m = remaining.match(/^(.*?)\\*\\*(.+?)\\*\\*/);\n if (m) { if (m[1]) tokens.push(...plainText(m[1], key++)); tokens.push(h(\"strong\", { key: \"b\" + key++ }, m[2])); remaining = remaining.slice(m[0].length); continue; }\n m = remaining.match(/^(.*?)\\*(.+?)\\*/);\n if (m) { if (m[1]) tokens.push(...plainText(m[1], key++)); tokens.push(h(\"em\", { key: \"i\" + key++ }, m[2])); remaining = remaining.slice(m[0].length); continue; }\n m = remaining.match(/^(.*?)\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n if (m) { if (m[1]) tokens.push(...plainText(m[1], key++)); tokens.push(h(\"a\", { key: \"a\" + key++, href: m[3], target: \"_blank\", rel: \"noopener\" }, m[2])); remaining = remaining.slice(m[0].length); continue; }\n tokens.push(...plainText(remaining, key++));\n break;\n }\n return tokens;\n}\n\nfunction plainText(str: string, baseKey: number) {\n return [h(Fragment, { key: \"t\" + baseKey }, str)];\n}\n\n// ── AIChat ─────────────────────────────────────────────────────────────────────\nexport function AIChat({ currentUser, token }: any) {\n const [msgs, setMsgs] = useState([]);\n const [input, setInput] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [modelId, setModelId] = useState(\"mistral-large-latest\");\n const [showPicker, setShowPicker] = useState(false);\n const bottomRef = useRef(null);\n const textRef = useRef(null);\n const pickerRef = useRef(null);\n const model = AI_MODELS.find((m: any) => m.id === modelId) || AI_MODELS[0];\n useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [msgs, loading]);\n useEffect(() => {\n if (!showPicker) return;\n const h2 = (e: any) => { if (pickerRef.current && !pickerRef.current.contains(e.target)) setShowPicker(false); };\n document.addEventListener(\"mousedown\", h2);\n return () => document.removeEventListener(\"mousedown\", h2);\n }, [showPicker]);\n const switchModel = (m: any) => { setModelId(m.id); setShowPicker(false); setMsgs([]); setInput(\"\"); };\n const send = async () => {\n const content = input.trim();\n if (!content || loading) return;\n setInput(\"\");\n if (textRef.current) textRef.current.style.height = \"22px\";\n const newMsgs = [...msgs, { role: \"user\", content }];\n setMsgs([...newMsgs, { role: \"assistant\", content: \"\" }]);\n setLoading(true);\n try {\n const r = await fetch(\"/api/ai/chat\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\", ...(token ? { Authorization: \"Bearer \" + token } : {}) }, body: JSON.stringify({ messages: newMsgs.map((m: any) => ({ role: m.role, content: m.content })), model: modelId }) });\n if (!r.ok) { const d = await r.json().catch(() => ({})); setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: d.error || \"AI service error\" }; return c; }); setLoading(false); return; }\n const reader = r.body!.getReader();\n const decoder = new TextDecoder();\n let buf = \"\";\n let full = \"\";\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buf += decoder.decode(value, { stream: true });\n const lines = buf.split(\"\\n\");\n buf = lines.pop() || \"\";\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed || !trimmed.startsWith(\"data: \")) continue;\n const payload = trimmed.slice(6);\n if (payload === \"[DONE]\") continue;\n try { const j = JSON.parse(payload); if (j.t) { full += j.t; const snap = full; setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: snap }; return c; }); } } catch {}\n }\n }\n if (!full) setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: \"Sorry, I couldn't get a response.\" }; return c; });\n } catch {\n setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: \"Network error. Please try again.\" }; return c; });\n } finally { setLoading(false); }\n };\n const onKey = (e: any) => { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); send(); } };\n const autoResize = (e: any) => { e.target.style.height = \"22px\"; e.target.style.height = Math.min(e.target.scrollHeight, 120) + \"px\"; };\n return h(\"div\", { className: \"ai-screen\" },\n h(\"div\", { className: \"ai-header\" },\n h(\"div\", { className: \"ai-header-logo\" }, h(AILogo, { model })),\n h(\"div\", { className: \"ai-header-info\" },\n h(\"div\", { className: \"ai-header-name\" }, model.label),\n h(\"div\", { className: \"ai-header-model\" }, model.desc)\n ),\n h(\"div\", { style: { position: \"relative\", flexShrink: 0 }, ref: pickerRef },\n h(\"button\", { className: \"btn btn-ghost btn-sm ai-model-btn\", onClick: () => setShowPicker((s: boolean) => !s) },\n \"Switch model \", h(\"svg\", { width: 11, height: 11, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5 }, h(\"polyline\", { points: \"6 9 12 15 18 9\" }))\n ),\n showPicker && h(\"div\", { className: \"ai-model-picker\" },\n AI_MODELS.map((m: any) => h(\"div\", { key: m.id, className: \"ai-model-option\" + (m.id === modelId ? \" selected\" : \"\"), onClick: () => switchModel(m) },\n h(\"div\", { className: \"ai-model-option-logo\" }, h(AILogo, { model: m })),\n h(\"div\", { className: \"ai-model-option-info\" },\n h(\"div\", { className: \"ai-model-option-name\" }, m.label),\n h(\"div\", { className: \"ai-model-option-desc\" }, m.desc)\n ),\n m.id === modelId && h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5, strokeLinecap: \"round\" }, h(\"polyline\", { points: \"20 6 9 17 4 12\" }))\n ))\n )\n )\n ),\n h(\"div\", { className: \"ai-messages\" },\n msgs.length === 0 && h(\"div\", { className: \"empty-state\" },\n h(AILogo, { model }),\n h(\"p\", null, \"Ask \" + model.short + \" anything…\"),\n h(\"p\", { style: { fontSize: \"0.78rem\", color: \"var(--text-dim)\", marginTop: \"0.25rem\" } }, model.desc)\n ),\n msgs.map((m: any, i: number) => h(\"div\", { key: i, className: \"ai-msg \" + (m.role === \"user\" ? \"user\" : \"assistant\") },\n h(\"div\", { className: \"ai-avatar \" + (m.role === \"user\" ? \"user\" : \"mistral\") },\n m.role === \"user\" ? (currentUser.username || \"?\")[0].toUpperCase() : h(AILogo, { model })\n ),\n h(\"div\", { className: \"ai-bubble\" + (m.role === \"assistant\" && loading && i === msgs.length - 1 ? \" streaming\" : \"\") }, m.role === \"assistant\" ? renderMarkdown(m.content) : m.content)\n )),\n h(\"div\", { ref: bottomRef })\n ),\n h(\"div\", { className: \"ai-input-area\" },\n h(\"div\", { className: \"input-wrapper\", style: { flex: 1 } },\n h(\"textarea\", { ref: textRef, className: \"msg-textarea\", placeholder: \"Message \" + model.short + \"…\", value: input, onChange: (e: any) => { setInput(e.target.value); autoResize(e); }, onKeyDown: onKey, rows: 1 }),\n h(\"div\", { className: \"input-actions\" },\n h(\"button\", { className: \"icon-btn send\", onClick: send, disabled: loading || !input.trim() }, h(Ico.send))\n )\n )\n ),\n h(\"div\", { className: \"ai-disclaimer\" }, \"Powered by Mistral AI · Responses may be inaccurate\")\n );\n}\n\n// ── AdminAIChat ────────────────────────────────────────────────────────────────\nconst IcoA = {\n shield: () => h(\"svg\", { width: 18, height: 18, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" })),\n refresh: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"polyline\", { points: \"23 4 23 10 17 10\" }), h(\"path\", { d: \"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\" })),\n play: () => h(\"svg\", { width: 11, height: 11, viewBox: \"0 0 24 24\", fill: \"currentColor\" }, h(\"polygon\", { points: \"5 3 19 12 5 21 5 3\" })),\n done: () => h(\"svg\", { width: 11, height: 11, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"polyline\", { points: \"20 6 9 17 4 12\" })),\n};\n\nfunction AdminActionRow({ label, cmds, onExec }: any) {\n const [done, setDone] = useState(false);\n const [busy, setBusy] = useState(false);\n const doExec = async () => {\n if (done || busy) return;\n setBusy(true);\n await onExec(cmds);\n setBusy(false);\n setDone(true);\n };\n return h(\"div\", { className: \"admin-action-row\" },\n h(\"span\", { className: \"admin-action-label\" }, h(\"code\", null, label)),\n h(\"button\", {\n className: \"btn btn-sm admin-exec-btn\" + (done ? \" done\" : \"\"),\n onClick: doExec,\n disabled: done || busy,\n title: done ? \"Executed\" : busy ? \"Running...\" : \"Execute\"\n },\n done ? h(Fragment, null, h(IcoA.done), \" Done\") :\n busy ? h(\"span\", { className: \"btn-spinner\" }) :\n h(Fragment, null, h(IcoA.play), \" Execute\")\n )\n );\n}\n\nfunction AdminAIBubble({ content, loading, onExec }: any) {\n if (!content) return h(\"div\", { className: \"ai-bubble streaming\" }, \"\");\n const parts: any[] = [];\n const lines = content.split(\"\\n\");\n let buf: string[] = [];\n for (const line of lines) {\n const am = line.match(/^Action:\\s*(.+)$/i);\n if (am) {\n if (buf.length) { parts.push({ type: \"text\", text: buf.join(\"\\n\") }); buf = []; }\n parts.push({ type: \"action\", label: am[1].trim() });\n } else {\n buf.push(line);\n }\n }\n if (buf.length) parts.push({ type: \"text\", text: buf.join(\"\\n\") });\n return h(\"div\", { className: \"ai-bubble\" + (loading ? \" streaming\" : \"\") },\n parts.map((p: any, i: number) => {\n if (p.type === \"text\") return h(Fragment, { key: i }, renderMarkdown(p.text));\n const cmds = p.label.split(\"|\").map((s: string) => s.trim());\n return h(AdminActionRow, { key: i, label: p.label, cmds, onExec });\n })\n );\n}\n\nexport function AdminAIChat({ currentUser, token }: any) {\n const [msgs, setMsgs] = useState([]);\n const [input, setInput] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [triaging, setTriaging] = useState(false);\n const bottomRef = useRef(null);\n const textRef = useRef(null);\n\n useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [msgs, loading, triaging]);\n\n const streamIntoLast = async (url: string, body: any) => {\n const r = await fetch(url, { method: \"POST\", headers: { \"Content-Type\": \"application/json\", ...(token ? { Authorization: \"Bearer \" + token } : {}) }, body: JSON.stringify(body) });\n if (!r.ok) { const d = await r.json().catch(() => ({})); return d.error || \"Error\"; }\n const reader = r.body!.getReader();\n const dec = new TextDecoder();\n let buf = \"\"; let full = \"\";\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buf += dec.decode(value, { stream: true });\n const lines = buf.split(\"\\n\"); buf = lines.pop() || \"\";\n for (const line of lines) {\n const t = line.trim();\n if (!t || !t.startsWith(\"data: \")) continue;\n const payload = t.slice(6);\n if (payload === \"[DONE]\") continue;\n try { const j = JSON.parse(payload); if (j.t) { full += j.t; const snap = full; setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: snap }; return c; }); } } catch {}\n }\n }\n return full || \"No response.\";\n };\n\n const runTriage = async () => {\n if (triaging || loading) return;\n setTriaging(true);\n setMsgs([{ role: \"assistant\", content: \"\" }]);\n try {\n const full = await streamIntoLast(\"/api/ai/triage\", {});\n if (!full || full === \"No response.\") setMsgs([{ role: \"assistant\", content: \"All clear.\" }]);\n } catch {\n setMsgs([{ role: \"assistant\", content: \"Triage failed. Check connection.\" }]);\n } finally { setTriaging(false); }\n };\n\n const send = async () => {\n const content = input.trim();\n if (!content || loading || triaging) return;\n setInput(\"\");\n if (textRef.current) textRef.current.style.height = \"22px\";\n const newMsgs = [...msgs, { role: \"user\", content }];\n setMsgs([...newMsgs, { role: \"assistant\", content: \"\" }]);\n setLoading(true);\n try {\n await streamIntoLast(\"/api/ai/admin-chat\", { messages: newMsgs.map((m: any) => ({ role: m.role, content: m.content })) });\n } catch {\n setMsgs((m: any) => { const c = [...m]; c[c.length - 1] = { role: \"assistant\", content: \"Network error.\" }; return c; });\n } finally { setLoading(false); }\n };\n\n const execCommands = async (cmds: string[]) => {\n const results: string[] = [];\n for (const cmd of cmds) {\n try {\n const r = await fetch(\"/api/ai/execute\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\", ...(token ? { Authorization: \"Bearer \" + token } : {}) }, body: JSON.stringify({ command: cmd }) });\n const d = await r.json();\n if (r.ok) results.push(d.result || \"Done.\"); else results.push(\"Failed: \" + (d.error || \"error\"));\n } catch { results.push(\"Network error.\"); }\n }\n setMsgs((m: any) => [...m, { role: \"assistant\", content: results.join(\"\\n\") }]);\n };\n\n const onKey = (e: any) => { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); send(); } };\n const autoResize = (e: any) => { e.target.style.height = \"22px\"; e.target.style.height = Math.min(e.target.scrollHeight, 120) + \"px\"; };\n\n const AdminLogo = ({ size = 32 }: any) => h(\"svg\", { width: size, height: size, viewBox: \"0 0 32 32\", fill: \"none\" },\n h(\"circle\", { cx: 16, cy: 16, r: 16, fill: \"#dc2626\" }),\n h(\"path\", {\n d: \"M16 8.5l-6.5 2.25v5.25c0 4.5 6.5 7.5 6.5 7.5s6.5-3 6.5-7.5v-5.25z\",\n fill: \"none\", stroke: \"white\", strokeWidth: 1.5, strokeLinecap: \"round\", strokeLinejoin: \"round\"\n })\n );\n\n return h(\"div\", { className: \"ai-screen\" },\n h(\"div\", { className: \"ai-header\" },\n h(\"div\", { className: \"ai-header-logo\" }, h(AdminLogo, null)),\n h(\"div\", { className: \"ai-header-info\" },\n h(\"div\", { className: \"ai-header-name\" }, \"Admin AI\"),\n h(\"div\", { className: \"ai-header-model\" }, \"AI admin assistant\")\n ),\n h(\"button\", {\n className: \"btn btn-sm\",\n style: { background: \"var(--surface2)\", color: \"var(--text-muted)\", border: \"1px solid var(--border)\", flexShrink: 0, display: \"flex\", alignItems: \"center\", gap: \"0.3rem\", fontSize: \"0.74rem\" },\n onClick: () => { setMsgs([]); runTriage(); },\n disabled: triaging || loading\n },\n triaging ? h(Fragment, null, h(\"span\", { className: \"btn-spinner\" }), \" Scanning\") :\n h(Fragment, null, h(IcoA.refresh), \" Scan\")\n )\n ),\n h(\"div\", { className: \"ai-messages\" },\n msgs.length === 0 && h(\"div\", { className: \"empty-state\" },\n h(AdminLogo, null),\n h(\"p\", null, \"Admin AI\"),\n h(\"p\", { style: { fontSize: \"0.78rem\", color: \"var(--text-dim)\", marginTop: \"0.25rem\" } }, \"Click Scan to review recent activity, or ask anything.\")\n ),\n msgs.map((m: any, i: number) => h(\"div\", { key: i, className: \"ai-msg \" + (m.role === \"user\" ? \"user\" : \"assistant\") },\n h(\"div\", { className: \"ai-avatar \" + (m.role === \"user\" ? \"user\" : \"mistral\") },\n m.role === \"user\" ? (currentUser.username || \"?\")[0].toUpperCase() : h(AdminLogo, null)\n ),\n m.role === \"assistant\"\n ? h(AdminAIBubble, { content: m.content, loading: (loading || triaging) && i === msgs.length - 1, onExec: execCommands })\n : h(\"div\", { className: \"ai-bubble\" }, m.content)\n )),\n h(\"div\", { ref: bottomRef })\n ),\n h(\"div\", { className: \"ai-input-area\" },\n h(\"div\", { className: \"input-wrapper\", style: { flex: 1 } },\n h(\"textarea\", { ref: textRef, className: \"msg-textarea\", placeholder: \"Ask anything — ban @user · mute @user 30 · yes (confirm last action)\", value: input, onChange: (e: any) => { setInput(e.target.value); autoResize(e); }, onKeyDown: onKey, rows: 1, disabled: triaging }),\n h(\"div\", { className: \"input-actions\" },\n h(\"button\", { className: \"icon-btn send\", onClick: send, disabled: loading || triaging || !input.trim() }, h(Ico.send))\n )\n )\n ),\n h(\"div\", { className: \"ai-disclaimer\" }, \"Admin AI · Llama 4 Scout\")\n );\n}\n","deleted","label",[186,187,168],"frontend","components","permalink","https://www.val.town/x/jeannettehauck/Kikko/code/frontend/components/AIChat.ts","extension","actionData","errors"]