[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_105":104,"_38":51,"_114":95,"_33":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":31,"_129":130,"_131":64,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":31},"version",38,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a3e6c388-7450-4d11-845f-ea32fcfd7f89","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","3dc18bf4-ae16-11f1-b07b-1607ee4eb77e","name","fileType","http","content","// FAQ Chatbot — WhatsApp-style chat UI with personality + conversation history.\nimport {\n loadFaq,\n llmAnswer,\n addMessage,\n getMessages,\n clearMessages,\n PERSONALITIES,\n DEFAULT_PERSONALITY,\n} from \"./lib.ts\";\n\n/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { renderToStaticMarkup } from \"https://esm.sh/react-dom@18.2.0/server\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const faq = await loadFaq();\n\n // A conversation id lets each \"thread\" keep its own history.\n // Only an explicit ?convo= shares/reuses a thread; otherwise each browser\n // generates its own (server renders empty for a new visitor).\n const explicitConvo = url.searchParams.get(\"convo\");\n const convo = explicitConvo ?? \"default\";\n\n // POST /api/chat → receive { text }, answer, add messages, return new messages\n if (url.pathname === \"/api/chat\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const text = (body.text ?? \"\").toString().trim();\n const personality: string = body.personality ?? DEFAULT_PERSONALITY;\n\n await addMessage(convo, \"user\", text);\n const { text: reply } = await llmAnswer(text, faq, personality);\n await addMessage(convo, \"bot\", reply);\n\n const history = await getMessages(convo);\n return new Response(JSON.stringify({ reply, history }), {\n headers: { \"content-type\": \"application/json\" },\n });\n }\n\n // POST /api/clear → wipe the conversation\n if (url.pathname === \"/api/clear\" && req.method === \"POST\") {\n await clearMessages(convo);\n return new Response(\"{}\", { headers: { \"content-type\": \"application/json\" } });\n }\n\n // GET \"/\" → render the chat UI. Only load history when a thread was shared\n // via ?convo=; otherwise render empty (each browser starts clean).\n const history = explicitConvo ? await getMessages(convo) : [];\n\n const personas = Object.entries(PERSONALITIES).map(\n ([key, p]) => ``,\n ).join(\"\");\n\n const bubbles = history\n .map((m) => {\n const side = m.role === \"user\" ? \"user\" : \"bot\";\n const when = new Date(Number(m.created_at)).toLocaleTimeString(\"es-AR\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n return `

${escapeHtml(m.text)}${when}

`;\n })\n .join(\"\");\n\n const page = renderToStaticMarkup(\n React.createElement(\n \"html\",\n null,\n React.createElement(\"head\", null,\n React.createElement(\"meta\", { charSet: \"utf-8\" }),\n React.createElement(\"title\", null, \"FAQ Chatbot\"),\n React.createElement(\"meta\", {\n name: \"viewport\",\n content: \"width=device-width, initial-scale=1\",\n }),\n React.createElement(\"style\", null, CSS),\n ),\n React.createElement(\"body\", null,\n React.createElement(\"div\", { id: \"app\" },\n React.createElement(\"header\", null,\n React.createElement(\"h1\", null, \"🤖 FAQ Chatbot\"),\n React.createElement(\"select\", { id: \"personality\", dangerouslySetInnerHTML: { __html: personas } }),\n React.createElement(\"button\", { id: \"clear\", className: \"clear\" }, \"🧹\"),\n ),\n React.createElement(\"div\", {\n id: \"messages\",\n dangerouslySetInnerHTML: { __html: bubbles },\n }),\n React.createElement(\"div\", { id: \"inputbar\" },\n React.createElement(\"input\", {\n id: \"input\",\n placeholder: \"Escribí tu pregunta…\",\n autocomplete: \"off\",\n }),\n React.createElement(\"button\", { id: \"send\" }, \"➤\"),\n ),\n ),\n React.createElement(\"script\", {\n dangerouslySetInnerHTML: {\n __html: \"window.__initialHistory = \" + JSON.stringify(history) + \";\",\n },\n }),\n React.createElement(\"script\", { dangerouslySetInnerHTML: { __html: CLIENT_JS } }),\n ),\n ),\n );\n\n return new Response(\"\\n\" + page, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction escapeHtml(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nconst CSS = `\n * { box-sizing: border-box; }\n body { margin: 0; font-family: -apple-system, system-ui, sans-serif; background: #e5ddd5; }\n #app { display: flex; flex-direction: column; height: 100vh; height: 100dvh; max-width: 720px; margin: 0 auto; background: #efe7dd; border-left: 1px solid #d5cdc5; border-right: 1px solid #d5cdc5; }\n header { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #075e54; color: #fff; position: sticky; top: 0; z-index: 10; flex-shrink: 0; }\n header h1 { font-size: 17px; flex: 1; margin: 0; }\n header select { padding: 6px 8px; border-radius: 6px; border: none; font-size: 14px; }\n header .clear { background: rgba(255,255,255,.2); color: #fff; border: none; border-radius: 6px; padding: 6px 10px; cursor: pointer; font-size: 15px; }\n #messages { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 4px; }\n .row { display: flex; width: 100%; }\n .row.user { justify-content: flex-end; }\n .row.bot { justify-content: flex-start; }\n .bubble { max-width: 78%; padding: 8px 12px; border-radius: 10px; font-size: 15px; line-height: 1.4; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,.08); white-space: pre-wrap; }\n .bubble.user { background: #dcf8c6; border-bottom-right-radius: 2px; }\n .bubble.bot { background: #fff; border-bottom-left-radius: 2px; }\n .bubble .time { float: right; margin-left: 8px; margin-top: 6px; font-size: 11px; color: #999; }\n .bubble.typing { padding: 14px 18px; }\n .bubble.typing span { display: inline-block; width: 8px; height: 8px; margin: 0 2px; border-radius: 50%; background: #999; animation: typing 1.2s infinite ease-in-out; }\n .bubble.typing span:nth-child(2) { animation-delay: .2s; }\n .bubble.typing span:nth-child(3) { animation-delay: .4s; }\n @keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: .4; } 30% { transform: translateY(-4px); opacity: 1; } }\n #inputbar { display: flex; gap: 8px; padding: 10px 14px; background: #f0f0f0; border-top: 1px solid #ddd; }\n #inputbar input { flex: 1; padding: 12px 14px; font-size: 16px; border: none; border-radius: 24px; outline: none; background: #fff; }\n #inputbar button { width: 46px; height: 46px; border-radius: 50%; border: none; background: #075e54; color: #fff; font-size: 18px; cursor: pointer; }\n`;\n\nconst CLIENT_JS = `\n // Each browser gets its own conversation, so a new visitor sees clean history.\n // You can override with ?convo= for testing.\n let convo = new URLSearchParams(location.search).get(\"convo\");\n if (!convo) {\n convo = localStorage.getItem(\"faq_convo\");\n if (!convo) {\n convo = crypto.randomUUID();\n localStorage.setItem(\"faq_convo\", convo);\n }\n }\n const messages = document.getElementById(\"messages\");\n const input = document.getElementById(\"input\");\n const send = document.getElementById(\"send\");\n const clearBtn = document.getElementById(\"clear\");\n const persona = document.getElementById(\"personality\");\n\n function scrollBottom() { messages.scrollTop = messages.scrollHeight; }\n\n function bubbleHTML(m) {\n const side = m.role === \"user\" ? \"user\" : \"bot\";\n const when = new Date(Number(m.created_at)).toLocaleTimeString(\"es-AR\", { hour: \"2-digit\", minute: \"2-digit\" });\n return '

' + esc(m.text) + '' + when + '

';\n }\n\n // Re-render our bubbles from history sent by the server.\n function render(history) {\n messages.innerHTML = (history || []).map(bubbleHTML).join(\"\");\n scrollBottom();\n }\n\n function showTyping() {\n messages.insertAdjacentHTML(\"beforeend\",\n '

');\n scrollBottom();\n }\n\n function esc(s) {\n return (s || \"\").replace(/&/g, \"&\").replace(//g, \">\");\n }\n\n async function sendMessage() {\n const text = input.value.trim();\n if (!text) return;\n input.value = \"\";\n // Show the user's message + a WhatsApp-style \"typing…\" indicator.\n render((window.__history || []).concat([\n { role: \"user\", text: text, created_at: Date.now() },\n ]));\n showTyping();\n const res = await fetch(\"/api/chat?convo=\" + convo, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ text, personality: persona.value }),\n });\n const data = await res.json();\n window.__history = data.history;\n render(data.history);\n }\n\n send.addEventListener(\"click\", sendMessage);\n input.addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") sendMessage(); });\n // Changing personality clears the visible chat (visual only, DB untouched).\n persona.addEventListener(\"change\", () => {\n window.__history = [];\n render([]);\n });\n clearBtn.addEventListener(\"click\", async () => {\n await fetch(\"/api/clear?convo=\" + convo, { method: \"POST\" });\n window.__history = [];\n render([]);\n });\n\n // Store the initial history handed to us in the HTML a moment ago. We read it\n // from the server-rendered DOM: there are no bubbles yet on first load if empty.\n window.__history = window.__initialHistory || [];\n scrollBottom();\n`;\n","// FAQ Chatbot — session-based: new visitors pick a personality, then chat.\nimport {\n loadFaq,\n llmAnswer,\n addMessage,\n getMessages,\n clearMessages,\n getSession,\n setSession,\n PERSONALITIES,\n DEFAULT_PERSONALITY,\n} from \"./lib.ts\";\n\n/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { renderToStaticMarkup } from \"https://esm.sh/react-dom@18.2.0/server\";\n\nconst SESSION_COOKIE = \"faq_session\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const faq = await loadFaq();\n\n const sessionId = getCookie(req.headers.get(\"cookie\") ?? \"\", SESSION_COOKIE);\n const session = sessionId ? await getSession(sessionId) : null;\n\n // POST /api/chat → receive { text }, answer with the session's personality\n if (url.pathname === \"/api/chat\" && req.method === \"POST\") {\n if (!session) {\n return json({ error: \"no_session\" }, 401);\n }\n const body = await req.json().catch(() => ({}));\n const text = (body.text ?? \"\").toString().trim();\n const { text: reply } = await llmAnswer(text, faq, session.personality);\n await addMessage(session.convo, \"user\", text);\n await addMessage(session.convo, \"bot\", reply);\n const history = await getMessages(session.convo);\n return json({ reply, history });\n }\n\n // POST /api/clear → wipe the conversation\n if (url.pathname === \"/api/clear\" && req.method === \"POST\") {\n if (session) await clearMessages(session.convo);\n return json({});\n }\n\n // GET /choose?personality=X → bind session + redirect to the chat\n if (url.pathname === \"/choose\") {\n const personality = url.searchParams.get(\"personality\") ?? DEFAULT_PERSONALITY;\n const id = sessionId ?? crypto.randomUUID();\n await setSession(id, personality, id); // convo = session id\n return redirectWithCookie(\"/\", id);\n }\n\n // GET \"/\" → show personality picker (new user) or the chat (existing session)\n if (!session) {\n return new Response(buildChoosePage(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n const history = await getMessages(session.convo);\n return new Response(buildChatPage(history, session.personality), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// ---------- Personality chooser (new users) ----------\nfunction buildChoosePage(): string {\n const buttons = Object.entries(PERSONALITIES).map(\n ([key, p]) =>\n `\n ${emojiOf(p.name)}\n ${escapeHtml(p.name)}\n `,\n ).join(\"\");\n\n return `\n\n\n \n \n FAQ Chatbot\n \n\n\n

🤖 Elegí con quién hablar

Un compañero distinto, una respuesta distinta.

${buttons}

\n\n`;\n}\n\nfunction emojiOf(name: string): string {\n // Pull the trailing emoji(s) out of a name like \"Delegada 😠\" or \"Profe 👩🏫\".\n const m = name.match(/[\\p{Extended_Pictographic}\\u{FE0F}]/u);\n return m ? m[0] : \"🙂\";\n}\n\n// ---------- Chat (returning users) ----------\nfunction buildChatPage(\n history: { role: string; text: string; created_at: number }[],\n personality: string,\n): string {\n const personas = Object.entries(PERSONALITIES).map(([key, p]) =>\n ``,\n ).join(\"\");\n\n const bubbles = history\n .map((m) => {\n const side = m.role === \"user\" ? \"user\" : \"bot\";\n const when = new Date(Number(m.created_at)).toLocaleTimeString(\"es-AR\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n return `

${escapeHtml(m.text)}${when}

`;\n })\n .join(\"\");\n\n const page = renderToStaticMarkup(\n React.createElement(\n \"html\",\n null,\n React.createElement(\"head\", null,\n React.createElement(\"meta\", { charSet: \"utf-8\" }),\n React.createElement(\"title\", null, \"FAQ Chatbot\"),\n React.createElement(\"meta\", { name: \"viewport\", content: \"width=device-width, initial-scale=1\" }),\n React.createElement(\"style\", null, CHAT_CSS),\n ),\n React.createElement(\"body\", null,\n React.createElement(\"div\", { id: \"app\" },\n React.createElement(\"header\", null,\n React.createElement(\"h1\", null, \"🤖 FAQ Chatbot\"),\n React.createElement(\"select\", { id: \"personality\", dangerouslySetInnerHTML: { __html: personas } }),\n React.createElement(\"button\", { id: \"clear\", className: \"clear\" }, \"🧹\"),\n ),\n React.createElement(\"div\", { id: \"messages\", dangerouslySetInnerHTML: { __html: bubbles } }),\n React.createElement(\"div\", { id: \"inputbar\" },\n React.createElement(\"input\", { id: \"input\", placeholder: \"Escribí tu pregunta…\", autocomplete: \"off\" }),\n React.createElement(\"button\", { id: \"send\" }, \"➤\"),\n ),\n ),\n React.createElement(\"script\", {\n dangerouslySetInnerHTML: {\n __html: \"window.__config = { history: \" + JSON.stringify(history) + \" };\",\n },\n }),\n React.createElement(\"script\", { dangerouslySetInnerHTML: { __html: CLIENT_JS } }),\n ),\n ),\n );\n\n return \"\\n\" + page;\n}\n\n// ---------- helpers ----------\nfunction getCookie(header: string, name: string): string | null {\n for (const part of header.split(\";\")) {\n const eq = part.indexOf(\"=\");\n if (eq === -1) continue;\n const k = part.slice(0, eq).trim();\n if (k === name) return decodeURIComponent(part.slice(eq + 1).trim());\n }\n return null;\n}\n\nfunction redirectWithCookie(path: string, sessionId: string): Response {\n const res = new Response(null, { status: 302, headers: { location: path } });\n res.headers.set(\n \"Set-Cookie\",\n `${SESSION_COOKIE}=${encodeURIComponent(sessionId)}; Path=/; HttpOnly; SameSite=Lax; Max-Age=2592000`,\n );\n return res;\n}\n\nfunction json(data: unknown, status = 200): Response {\n return new Response(JSON.stringify(data), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n}\n\nfunction escapeHtml(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nconst CHAT_CSS = `\n * { box-sizing: border-box; }\n body { margin: 0; font-family: -apple-system, system-ui, sans-serif; background: #e5ddd5; }\n #app { display: flex; flex-direction: column; height: 100vh; height: 100dvh; max-width: 720px; margin: 0 auto; background: #efe7dd; border-left: 1px solid #d5cdc5; border-right: 1px solid #d5cdc5; }\n header { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #075e54; color: #fff; position: sticky; top: 0; z-index: 10; flex-shrink: 0; }\n header h1 { font-size: 17px; flex: 1; margin: 0; }\n header select { padding: 6px 8px; border-radius: 6px; border: none; font-size: 14px; }\n header .clear { background: rgba(255,255,255,.2); color: #fff; border: none; border-radius: 6px; padding: 6px 10px; cursor: pointer; font-size: 15px; }\n #messages { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 4px; }\n .row { display: flex; width: 100%; }\n .row.user { justify-content: flex-end; }\n .row.bot { justify-content: flex-start; }\n .bubble { max-width: 78%; padding: 8px 12px; border-radius: 10px; font-size: 15px; line-height: 1.4; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,.08); white-space: pre-wrap; }\n .bubble.user { background: #dcf8c6; border-bottom-right-radius: 2px; }\n .bubble.bot { background: #fff; border-bottom-left-radius: 2px; }\n .bubble .time { float: right; margin-left: 8px; margin-top: 6px; font-size: 11px; color: #999; }\n .bubble.typing { padding: 14px 18px; }\n .bubble.typing span { display: inline-block; width: 8px; height: 8px; margin: 0 2px; border-radius: 50%; background: #999; animation: typing 1.2s infinite ease-in-out; }\n .bubble.typing span:nth-child(2) { animation-delay: .2s; }\n .bubble.typing span:nth-child(3) { animation-delay: .4s; }\n @keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: .4; } 30% { transform: translateY(-4px); opacity: 1; } }\n #inputbar { display: flex; gap: 8px; padding: 10px 14px; background: #f0f0f0; border-top: 1px solid #ddd; }\n #inputbar input { flex: 1; padding: 12px 14px; font-size: 16px; border: none; border-radius: 24px; outline: none; background: #fff; }\n #inputbar button { width: 46px; height: 46px; border-radius: 50%; border: none; background: #075e54; color: #fff; font-size: 18px; cursor: pointer; }\n`;\n\nconst CLIENT_JS = `\n const history = window.__config.history || [];\n const messages = document.getElementById(\"messages\");\n const input = document.getElementById(\"input\");\n const send = document.getElementById(\"send\");\n const clearBtn = document.getElementById(\"clear\");\n const persona = document.getElementById(\"personality\");\n\n function scrollBottom() { messages.scrollTop = messages.scrollHeight; }\n\n function bubbleHTML(m) {\n const side = m.role === \"user\" ? \"user\" : \"bot\";\n const when = new Date(Number(m.created_at)).toLocaleTimeString(\"es-AR\", { hour: \"2-digit\", minute: \"2-digit\" });\n return '

' + esc(m.text) + '' + when + '

';\n }\n\n function render(hist) {\n messages.innerHTML = (hist || []).map(bubbleHTML).join(\"\");\n scrollBottom();\n }\n\n function showTyping() {\n messages.insertAdjacentHTML(\"beforeend\",\n '

');\n scrollBottom();\n }\n\n function esc(s) {\n return (s || \"\").replace(/&/g, \"&\").replace(//g, \">\");\n }\n\n async function sendMessage() {\n const text = input.value.trim();\n if (!text) return;\n input.value = \"\";\n render((window.__hist || []).concat([{ role: \"user\", text: text, created_at: Date.now() }]));\n showTyping();\n const res = await fetch(\"/api/chat\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ text }) });\n const data = await res.json();\n window.__hist = data.history;\n render(data.history);\n }\n\n send.addEventListener(\"click\", sendMessage);\n input.addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") sendMessage(); });\n // Changing personality updates the session cookie, then clears the visible chat.\n persona.addEventListener(\"change\", () => {\n window.location.href = \"/choose?personality=\" + persona.value;\n });\n clearBtn.addEventListener(\"click\", async () => {\n await fetch(\"/api/clear\", { method: \"POST\" });\n window.__hist = [];\n render([]);\n });\n\n window.__hist = history;\n render(history);\n`;\n","createdAt",["D",1789229556132],"branchVersion","branchId","73555ffa-82f1-460d-966b-d6fe95aff5be","id","fa71ddb1-4d13-45e3-a4b2-9fb14ebe52e9","faq-chatbot",["D",1789154591216],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","FAQ chatbot reading from a Google Sheet CSV","imageUrl","19ccde2f-c4b0-46a6-82af-561e6df89055","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a091ea-ed57-7183-b991-f2c54fa7bd7e","tursoName","fa71ddb14d1345e3a4b29fb14ebe52e9","tursoHostname","fa71ddb14d1345e3a4b29fb14ebe52e9-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789503703835],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":61,"_110":111,"_112":31},"branch",{"_13":94,"_38":95,"_49":48,"_96":50,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":51,"_103":104},"isOwned",49,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","diegoravecca","handle","displayName","Diego Ravecca","avatar","https://lh3.googleusercontent.com/a/ACg8ocJdEvC5DSZOpC-To6ZUw6Oc_ZfdazqGtQfI9BhzAz_txuHSM_Sw=s96-c","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":175,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":176,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":177,"_89":178,"_91":179,"_93":31},"tree",[166,167],"files",[166,167],"counts",{"_155":68,"_156":157,"_158":68,"_159":160,"_161":162},"contents",[136,137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":146,"_38":147,"_36":148,"_139":-5,"_47":48,"_46":149,"_140":31,"_44":150,"_13":151,"_39":152,"_41":153,"_30":31,"_143":-5,"_33":154},{"_49":138,"_38":34,"_36":37,"_139":-5,"_47":48,"_46":14,"_140":31,"_44":141,"_13":142,"_39":40,"_41":43,"_30":31,"_143":144,"_33":145},"5394e95c-9cc8-4b7e-8226-b68fcc61e1a4","parentId","latest",["D",1789229556132],14,"label","primeroprimera",[34],"d0a3fba5-e5df-4e60-bcac-113536c2a93a","lib.ts","f9788d16-ae16-11f1-ad57-1607ee4eb77e",37,["D",1789229531530],22,"script","// Shared FAQ + personalities logic for the FAQ chatbot.\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport const SHEET_URL =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSerSBZETsDKevnovm-yTNi79xVoemUOdATL-rgxz99VoeNhG6q1L131fnjEsJr4gPMg-88jDSD7yM9/pub?output=csv\";\n\n// Cache the sheet so we don't refetch on every request.\nlet cached: { q: string; answers: string[] }[] | null = null;\nlet cachedAt = 0;\nconst CACHE_MS = 60_000;\n\nexport async function loadFaq(): Promise<{ q: string; answers: string[] }[]> {\n if (cached && Date.now() - cachedAt < CACHE_MS) return cached;\n const res = await fetch(SHEET_URL);\n const csv = await res.text();\n const rows = csv.trim().split(\"\\n\").map(splitCsv);\n\n const questions: { num: string; text: string }[] = [];\n const answersByQuestion: Record = {};\n let currentGroup: string | null = null;\n\n for (const [a, b] of rows) {\n const aTrim = (a ?? \"\").trim();\n const bTrim = (b ?? \"\").trim();\n\n const qMatch = aTrim.match(/^Pregunta\\s*(\\d+)/i);\n if (qMatch) {\n questions.push({ num: qMatch[1], text: bTrim });\n continue;\n }\n\n const rMatch = aTrim.match(/^Respuestas?\\s+a\\s+Pregunta\\s*(\\d+)/i);\n if (rMatch) {\n currentGroup = rMatch[1];\n answersByQuestion[currentGroup] = [bTrim];\n continue;\n }\n\n if (!aTrim && bTrim && currentGroup) {\n answersByQuestion[currentGroup].push(bTrim);\n }\n }\n\n cached = questions\n .map((q) => ({ q: q.text, answers: answersByQuestion[q.num] ?? [] }))\n .filter((f) => f.q && f.answers.length > 0);\n\n cachedAt = Date.now();\n return cached;\n}\n\nfunction splitCsv(line: string): string[] {\n const out: string[] = [];\n let cur = \"\";\n let inQuotes = false;\n for (const ch of line) {\n if (ch === '\"') inQuotes = !inQuotes;\n else if (ch === \",\" && !inQuotes) {\n out.push(cur);\n cur = \"\";\n } else cur += ch;\n }\n out.push(cur);\n return out;\n}\n\n// Fallback (no API key): pick the best matching question by keyword overlap,\n// return a random one of its answers.\nexport function keywordAnswer(\n question: string,\n faq: { q: string; answers: string[] }[],\n): string {\n const words = question.toLowerCase().split(/\\W+/).filter(Boolean);\n let best: { item: { q: string; answers: string[] }; score: number } | null =\n null;\n for (const item of faq) {\n const qWords = item.q.toLowerCase().split(/\\W+/).filter(Boolean);\n let score = 0;\n for (const w of words) if (qWords.includes(w)) score++;\n if (!best || score > best.score) best = { item, score };\n }\n if (!best || best.score === 0) {\n return \"Uy, no tengo eso en el bolsillo todavía. Reformulámela que capaz te doy una mano.\";\n }\n const answers = best.item.answers;\n return answers[Math.floor(Math.random() * answers.length)];\n}\n\n// ------- Personalities -------\n// Each personality shapes how the bot talks while still grounded in the FAQ.\n// `identity` gives the bot a backstory so it can answer questions about itself\n// (e.g. \"¿Sos delegada?\" → yes, because its identity says so).\nexport const PERSONALITIES: Record<\n string,\n { name: string; identity: string; system: string }\n> = {\n delegada: {\n name: \"Delegada 😠\",\n identity:\n \"Sos la delegada del curso. Si te preguntan si sos la delegada o si sos delegada, \" +\n \"respondé que sí, con seguridad y orgullo, y que como delegada sabés todo del curso.\",\n system:\n \"Sos una delegada escolar, mandona y hablas como abogada en español rioplatense (voseo). \" +\n \"Siempre respondé en oraciones largas, con un toque sarcastico o canchero \" +\n '(\"¡Mas te vale que hayas estudiado!\", \"espero que aprendas para la proxima que preguntes\"). ' +\n \"Dá la info del FAQ y agregale SIEMPRE una pequeña frase de acompañamiento. \" +\n \"Si no sabés, decilo con altura y como sintiendote superior.\",\n },\n docente: {\n name: \"Profe 👩‍🏫\",\n identity:\n \"Sos la profesora de Prácticas del Lenguaje. Si te preguntan si sos la profe o docente, \" +\n \"respondé que sí, que sos la profe del curso y que por eso sabés todo de la materia.\",\n system:\n \"Sos un profesor claro, didáctico y entusiasta que habla en español. \" +\n \"Respondé SIEMPRE en 2-3 oraciones: primero la respuesta del FAQ, después una breve explicación \" +\n \"de por qué, y cerra con 1 consejo corto para estudiar (ej: repasar tal tema, hacer un resumen). \" +\n \"Usá un tono de profe piola, no solemne. Basate en la info del FAQ.\",\n },\n chistoso: {\n name: \"El gracioso del curso 😜\",\n identity:\n \"Sos un compañero del curso, el más gracioso y carismático de la clase. \" +\n \"Si te preguntan quién sos o si sos el chistoso, respondé que sí, que sos el compa chistoso del curso.\",\n system:\n \"Sos un compa sarcástico pero buena onda que habla en español rioplatense (voseo). \" +\n \"Respondé SIEMPRE en 1-2 oraciones: primero la respuesta del FAQ, después agregale un chiste corto, \" +\n \"un comentario irónico o un remate gracioso relacionado. \" +\n \"El humor SIEMPRE después de la data, que la info se entienda clara. No te pases de largo ni seas grosero.\",\n },\n breve: {\n name: \"El niño sabelotodo 🤓\",\n identity:\n \"Sos un compañero del curso sabelotodo, reservado y de pocas palabras. \" +\n \"Si te preguntan quién sos, respondé en pocas palabras quién sos.\",\n system:\n \"Sos ultralacónico y directo y mas que nada sabelotodo. Respondé en español con UNA frase cortísima o incluso una palabra \" +\n \"si alcanza. Nada de rodeos, nada de explicaciones, nada de saludos. \" +\n 'Basate SIEMPRE en la info del FAQ. Si no sabés, decilo en máximo 3 palabras (ej: \"no sé\").',\n },\n};\n\nexport const DEFAULT_PERSONALITY = \"delegada\";\n\n// ------- LLM layer -------\n// Uses OpenAI-compatible API (`/chat/completions`). It works with:\n// - DeepSeek (cheapest): set LLM_API_KEY to a DeepSeek key, base URL stays\n// https://api.deepseek.com (default), model defaults to deepseek-v4-flash.\n// - OpenAI: set OPENAI_API_KEY and LLM_BASE_URL=https://api.openai.com/v1,\n// LLM_MODEL=gpt-4o-mini.\n// Without any key, falls back to keywordAnswer().\nconst LLM_BASE_URL = Deno.env.get(\"LLM_BASE_URL\") ?? \"https://api.deepseek.com\";\n// default to DeepSeek's cheap flash model if the LLM key is a DeepSeek one\nconst LLM_MODEL = Deno.env.get(\"LLM_MODEL\") ?? \"deepseek-v4-flash\";\n// DeepSeek key is the primary; OpenAI key is secondary.\n// Accepts DEEPSEEK, DEEPSEEK_API_KEY, or LLM_API_KEY for the DeepSeek key.\nconst DEEPSEEK_API_KEY = Deno.env.get(\"DEEPSEEK\") ??\n Deno.env.get(\"DEEPSEEK_API_KEY\") ??\n Deno.env.get(\"LLM_API_KEY\");\nconst LLM_API_KEY = DEEPSEEK_API_KEY ?? Deno.env.get(\"OPENAI_API_KEY\");\n\n// A cheap fingerprint of the FAQ so the cache invalidates when the sheet changes.\nfunction faqSignature(faq: { q: string; answers: string[] }[]): string {\n let s = \"\";\n for (const f of faq) s += f.q + \"|\" + f.answers.join(\"^\") + \"\\n\";\n return s.slice(0, 2000);\n}\n\nasync function ensureCacheDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS answer_cache (\n key TEXT PRIMARY KEY, -- normalized question + personality\n faq_sig TEXT NOT NULL,\n answer TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`);\n}\n\n// Cost-saver: only hit the LLM the FIRST time a question is asked. Reuse the\n// stored answer for repeated questions until the FAQ changes.\nasync function getCachedAnswer(\n question: string,\n faq: { q: string; answers: string[] }[],\n personality: string,\n): Promise {\n await ensureCacheDb();\n const sig = faqSignature(faq);\n const key = personality + \"::\" + question.toLowerCase().trim();\n const r = await sqlite.execute({\n sql: \"SELECT answer, faq_sig FROM answer_cache WHERE key = ?\",\n args: [key],\n });\n const row = (r.rows ?? [])[0] as\n | { answer: string; faq_sig: string }\n | undefined;\n if (!row) return null;\n if (row.faq_sig !== sig) return null; // sheet changed → re-ask\n return row.answer;\n}\n\nasync function storeCached(\n question: string,\n faq: { q: string; answers: string[] }[],\n personality: string,\n answer: string,\n) {\n await ensureCacheDb();\n await sqlite.execute({\n sql:\n \"INSERT OR REPLACE INTO answer_cache (key, faq_sig, answer, created_at) VALUES (?, ?, ?, ?)\",\n args: [\n personality + \"::\" + question.toLowerCase().trim(),\n faqSignature(faq),\n answer,\n Date.now(),\n ],\n });\n}\n\nexport async function llmAnswer(\n question: string,\n faq: { q: string; answers: string[] }[],\n personality: string,\n): Promise<{ text: string; usedAI: boolean }> {\n const persona = PERSONALITIES[personality] ??\n PERSONALITIES[DEFAULT_PERSONALITY];\n\n // No API key configured → fall back to keyword matching (free).\n if (!LLM_API_KEY) {\n return { text: keywordAnswer(question, faq), usedAI: false };\n }\n\n // Reuse a prior answer for this question+personality when the FAQ unchanged.\n const hit = await getCachedAnswer(question, faq, personality);\n if (hit) {\n return { text: hit, usedAI: true };\n }\n\n const faqBlock = faq\n .map((f) => `P: ${f.q}\\nR: ${f.answers.join(\" | \")}`)\n .join(\"\\n\\n\");\n\n const res = await fetch(`${LLM_BASE_URL}/chat/completions`, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n authorization: `Bearer ${LLM_API_KEY}`,\n },\n body: JSON.stringify({\n model: LLM_MODEL,\n temperature: 0.9,\n max_tokens: 1000,\n messages: [\n { role: \"system\", content: persona.identity },\n { role: \"system\", content: persona.system },\n {\n role: \"system\",\n content: \"Este es el FAQ de referencia. Respondé basandote en el. \" +\n \"SIEMPRE hablá en español rioplatense con voseo (vos, tenés, querés, mirá), como un argentino. \" +\n \"Sumá 1 o 2 emojis a cada respuesta para darle onda y ser más gracioso (ej: 😎 🙄 😂 🤓). \" +\n \"Si el usuario pregunta algo que NO esta en el FAQ pero es sobre vos, tu identidad o personalidad, \" +\n \"respondé usando tu identidad y tono. \" +\n \"Si la pregunta NO esta en el FAQ y tampoco es sobre tu identidad, inventá una respuesta \" +\n \"plausible y graciosa en tu personaje. \" +\n \"NUNCA asumas el género del usuario (ni varón ni mujer). Si lo amerita y no sabés su nombre, \" +\n \"preguntáselo de forma neutra (ej: \\\"¿Cómo te llamás?\\\") y usalo después para personalizar. \" +\n \"\\n\\n\" + faqBlock,\n },\n { role: \"user\", content: question },\n ],\n }),\n });\n\n if (!res.ok) {\n const err = await res.text();\n console.error(\"LLM error\", res.status, err);\n return { text: keywordAnswer(question, faq), usedAI: false };\n }\n\n const data = await res.json();\n const text = data?.choices?.[0]?.message?.content?.trim();\n if (!text) {\n console.error(\"LLM returned empty content\", JSON.stringify(data).slice(0, 500));\n return { text: keywordAnswer(question, faq), usedAI: false };\n }\n await storeCached(question, faq, personality, text); // save for next time\n return { text, usedAI: true };\n}\n\n// ------- Conversation history (WhatsApp-style) -------\n// Persist messages per conversation id so a refresh keeps the thread.\nexport async function ensureDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n convo TEXT NOT NULL,\n role TEXT NOT NULL, -- 'user' | 'bot'\n text TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`);\n await sqlite.execute(\n `CREATE INDEX IF NOT EXISTS idx_convo ON messages (convo, id)`,\n );\n}\n\nexport async function addMessage(convo: string, role: string, text: string) {\n await ensureDb();\n await sqlite.execute({\n sql:\n \"INSERT INTO messages (convo, role, text, created_at) VALUES (?, ?, ?, ?)\",\n args: [convo, role, text, Date.now()],\n });\n}\n\nexport async function getMessages(convo: string) {\n await ensureDb();\n const r = await sqlite.execute({\n sql:\n \"SELECT role, text, created_at FROM messages WHERE convo = ? ORDER BY id ASC LIMIT 200\",\n args: [convo],\n });\n return (r.rows ?? []) as { role: string; text: string; created_at: number }[];\n}\n\nexport async function clearMessages(convo: string) {\n await ensureDb();\n await sqlite.execute({\n sql: \"DELETE FROM messages WHERE convo = ?\",\n args: [convo],\n });\n}// ------- Sessions -------\n// A session binds a browser (via a cookie) to a chosen personality + convo.\n// A new visitor has no session → they pick a personality first.\nexport async function ensureSessionDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS sessions (\n id TEXT PRIMARY KEY,\n personality TEXT NOT NULL,\n convo TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`);\n}\n\nexport async function getSession(id: string): Promise<{ personality: string; convo: string } | null> {\n await ensureSessionDb();\n const r = await sqlite.execute({\n sql: \"SELECT personality, convo FROM sessions WHERE id = ?\",\n args: [id],\n });\n const row = (r.rows ?? [])[0] as { personality: string; convo: string } | undefined;\n return row ? { personality: String(row.personality), convo: String(row.convo) } : null;\n}\n\nexport async function setSession(id: string, personality: string, convo: string) {\n await ensureSessionDb();\n await sqlite.execute({\n sql: \"INSERT OR REPLACE INTO sessions (id, personality, convo, created_at) VALUES (?, ?, ?, ?)\",\n args: [id, personality, convo, Date.now()],\n });\n}\n",[147],"pulls","branches",1,"forks","envVars",{"_163":157,"_165":68},"connections",{"_163":68,"_164":68},"count","unfilledCount","emptyCount",{"_49":146,"_38":147,"_36":148,"_139":-5,"_47":48,"_46":149,"_140":31,"_44":172,"_13":151,"_39":152,"_41":153,"_30":31,"_143":-5,"_169":173,"_33":174},{"_49":138,"_38":34,"_36":37,"_139":-5,"_47":48,"_46":14,"_140":31,"_44":168,"_13":142,"_39":40,"_41":43,"_30":31,"_143":144,"_169":170,"_33":171},["D",1789229556132],"children",[],[34],["D",1789229531530],[],[147],["D",1789154591216],["D",1789503703835],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":61,"_110":111,"_112":31},{"_13":94,"_38":95,"_49":48,"_96":50,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":51,"_103":104},"ctx",{"_87":-5,"_133":213,"_214":215,"_216":217,"_218":31,"_219":31,"_220":31,"_221":64,"_222":-5,"_223":-7,"_224":-7,"_225":68,"_226":31,"_227":31,"_228":-5,"_229":31,"_230":31,"_231":31,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":95,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v38