Chatter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_854":855,"_856":857},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":54,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":49,"_119":120,"_121":25,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":49},"version",244,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",true,"deletedHere","path","backend/routes/chatStreamSSE.js","latestPath","fileId","04111032-7758-11f0-98a6-0224a6c84d84","name","chatStreamSSE.js","fileType","script","content","// True SSE passthrough for chat completions (browser consumes incrementally)\n// import { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\"; // routing disabled\n// import { extractOrRepairJsonResults, sanitizeResults, synthesizeResultsFromContext, extractResultsFromToolOutputs } from \"../../jsonUtils.js\"; // links/results disabled\nimport { serverApiKey } from \"../config.js\";\n\nfunction collectToolTextFromArray(toolArray) {\n if (!Array.isArray(toolArray)) return '';\n const parts = [];\n for (const t of toolArray) {\n try {\n const name = t?.name || t?.tool || t?.function?.name || t?.id || '';\n const args = t?.arguments || t?.input || t?.params || null;\n const output = t?.output || t?.result || t?.content || null;\n const searchResults = t?.search_results || t?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) { /* ignore */ }\n }\n return parts.join('\\n');\n}\n\nexport function registerChatStreamSSERoute(app) {\n app.post('/api/chatStreamSSE', async (c) => {\n try {\n let body = {};\n try { body = await c.req.json(); } catch (_) { body = {}; }\n\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = 'openai/gpt-oss-120b',\n reasoning_effort = 'medium',\n tools = [],\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n stream: clientStream,\n base_url,\n } = body || {};\n\n const apiKey = serverApiKey || userApiKey || (typeof Deno !== 'undefined' ? Deno.env.get('GROQ_API_KEY') : null);\n if (!apiKey && !base_url) {\n return c.json({ error: 'No Groq API key available. Please provide your own key.' }, 400);\n }\n\n const isGptOss = typeof model === 'string' && model.startsWith('openai/gpt-oss');\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n const wantsStreaming = (clientStream === false) ? false : true;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : (typeof query === 'string' && query.trim().length > 0\n ? [\n { role: 'system', content: 'Return ONLY JSON matching the schema; no markdown or commentary. For every result, url MUST be a direct deep link to the specific item/resource (not a homepage, category page, or search results page). Prefer canonical targets: external article for HN listings, PubMed PMID page or publisher DOI for papers, arXiv abs page, DOI resolver, exact thread permalinks for discussions, and precise GitHub paths. Never output root domains as url. ALWAYS conduct searches in English; if the query is not in English, translate to English for search and present outputs in the requested language.' },\n { role: 'user', content: query }\n ]\n : [{ role: 'user', content: 'go to https://news.ycombinator.com/ and give me the first 5 stories' }]);\n\n let selectedRoute = 'text';\n try {\n if (typeof query === 'string' && query.trim()) {\n // routing disabled; plain chat only\n finalMessages = [\n { role: 'system', content: 'If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.' },\n { role: 'user', content: query }\n ];\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n let lastUser = '';\n for (let i = finalMessages.length - 1; i >= 0; i--) {\n const m = finalMessages[i];\n if (m && m.role === 'user' && m.content && String(m.content).trim()) { lastUser = String(m.content); break; }\n }\n // routing disabled: no-op for lastUser\n }\n } catch (_) { /* ignore */ }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages) && Array.isArray(tools) && tools.length > 0) {\n const toolPreamble = {\n role: 'system',\n content: 'You have access to a web browsing tool named \"browser_search\". Use it for real-time information, for finding additional sources when the user says things like \"continue\" or \"find more\", and for verification. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.'\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n\n const payload = {\n model,\n messages: finalMessages,\n stream: wantsStreaming,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: 'auto' } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const encoder = new TextEncoder();\n const baseUrl = (typeof base_url === 'string' && base_url.trim()) ? base_url.trim().replace(/\\/$/, '') : '';\n let endpoint = 'https://api.groq.com/openai/v1/chat/completions';\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + '/chat/completions';\n } else {\n endpoint = baseUrl + '/v1/chat/completions';\n }\n }\n const stream = new ReadableStream({\n start: async (controller) => {\n try {\n const headers = {\n 'Content-Type': 'application/json',\n ...(apiKey ? { 'Authorization': 'Bearer ' + apiKey } : {}),\n };\n const upstream = await fetch(endpoint, {\n method: 'POST',\n headers,\n body: JSON.stringify(payload),\n });\n\n if (!upstream.ok || !upstream.body) {\n let txt = '';\n try { txt = await upstream.text(); } catch (_) {}\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ status: upstream.status, message: txt }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n controller.close();\n return;\n }\n\n const ct = upstream.headers.get('content-type') || '';\n const isSse = /text\\/event-stream/i.test(ct);\n\n if (!isSse) {\n try {\n const nonStream = await upstream.json();\n const choice0 = Array.isArray(nonStream.choices) ? nonStream.choices[0] : null;\n const finalContent = (choice0?.message?.content || choice0?.delta?.content || '') || '';\n if (finalContent) {\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ choices: [{ delta: { content: finalContent } }] }) + '\\n\\n'));\n }\n // results emission disabled\n // try {\n // let results = [];\n // if (selectedRoute !== 'text') {\n // if (finalContent && finalContent.trim()) {\n // results = await extractOrRepairJsonResults(finalContent, apiKey, language);\n // }\n // if ((!results || results.length === 0)) {\n // const synthesized = await synthesizeResultsFromContext({\n // query,\n // language,\n // toolText: '',\n // assistantText: String(finalContent || ''),\n // reasoningText: '',\n // existingResults: []\n // }, apiKey);\n // if (Array.isArray(synthesized) && synthesized.length > 0) {\n // results = synthesized;\n // }\n // }\n // }\n // controller.enqueue(encoder.encode('event: results\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute, results: sanitizeResults(results) }) + '\\n\\n'));\n // } catch (_) { /* ignore extraction errors */ }\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (e) {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: e?.message || String(e) }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } finally {\n try { controller.close(); } catch (_) {}\n }\n return;\n }\n\n const reader = upstream.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n let collapsedContent = '';\n let collapsedReasoning = '';\n let collectedTools = [];\n\n try { controller.enqueue(encoder.encode(': connected\\n\\n')); } catch (_) {}\n // route event disabled\n // try {\n // controller.enqueue(encoder.encode('event: route\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute }) + '\\n\\n'));\n // } catch (_) {}\n\n const keepAliveId = setInterval(() => {\n try { controller.enqueue(encoder.encode(': keep-alive\\n\\n')); } catch (_) {}\n }, 15000);\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n for (const evt of events) {\n if (!evt.trim()) continue;\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n controller.enqueue(encoder.encode('data: ' + data + '\\n\\n'));\n try {\n const parsed = JSON.parse(data);\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n if (delta.reasoning) collapsedReasoning += delta.reasoning;\n if (delta.content) collapsedContent += delta.content;\n if (Array.isArray(delta.executed_tools)) collectedTools.push(...delta.executed_tools);\n if (Array.isArray(delta.tool_calls)) collectedTools.push(...delta.tool_calls);\n } catch (_) { /* ignore non-JSON payloads */ }\n }\n }\n }\n // results emission disabled\n // try {\n // let results = [];\n // if (selectedRoute !== 'text') {\n // try {\n // const toolText = collectToolTextFromArray(collectedTools);\n // const textForExtraction = (collapsedContent && collapsedContent.trim()) ? collapsedContent : ((collapsedReasoning && collapsedReasoning.trim()) ? collapsedReasoning : '');\n // if (toolText && toolText.trim()) {\n // results = await extractResultsFromToolOutputs(toolText, apiKey, language);\n // }\n // if ((!results || results.length === 0) && textForExtraction) {\n // results = await extractOrRepairJsonResults(textForExtraction, apiKey, language);\n // }\n // if ((!results || results.length === 0)) {\n // const synthesized = await synthesizeResultsFromContext({\n // query,\n // language,\n // toolText,\n // assistantText: String(collapsedContent || ''),\n // reasoningText: String(collapsedReasoning || ''),\n // existingResults: []\n // }, apiKey);\n // if (Array.isArray(synthesized) && synthesized.length > 0) {\n // results = synthesized;\n // }\n // }\n // } catch (_) {}\n // }\n // controller.enqueue(encoder.encode('event: results\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute, results: sanitizeResults(results) }) + '\\n\\n'));\n // } catch (_) {}\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (err) {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: err?.message || String(err) }) + '\\n\\n'));\n } finally {\n try { clearInterval(keepAliveId); } catch (_) {}\n try { controller.close(); } catch (_) {}\n }\n } catch (outerErr) {\n try {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: outerErr?.message || String(outerErr) }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (_) {}\n try { controller.close(); } catch (_) {}\n }\n }\n });\n\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-transform',\n 'Connection': 'keep-alive',\n },\n });\n } catch (error) {\n console.error('chatStreamSSE error:', error);\n return c.json({ error: 'chatStreamSSE error: ' + error.message }, 500);\n }\n });\n}\n\n\n","createdAt",["D",1759919598991],"branchVersion","branchId","b927b48c-7616-11f0-8fe4-0224a6c84d84","id","b9276202-7616-11f0-8fe4-0224a6c84d84","chatter",["D",1754850041617],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","f69a1b0c-7616-11f0-8f0c-0224a6c84d84","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",269,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yawnxyz","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":850,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":851,"_81":852,"_83":853,"_85":49},"tree",[285,295,340,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357],"files",[285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357],"counts",{"_275":63,"_276":198,"_277":63,"_278":279,"_280":281},"contents",[126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":269,"_32":270,"_30":271,"_147":-5,"_41":42,"_40":272,"_149":25,"_38":273,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_27":274},{"_43":264,"_32":265,"_30":266,"_147":-5,"_41":42,"_40":198,"_149":25,"_38":267,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_27":268},{"_43":257,"_32":258,"_30":259,"_147":-5,"_41":42,"_40":260,"_149":25,"_38":261,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_27":263},{"_43":250,"_32":251,"_30":252,"_147":-5,"_41":42,"_40":253,"_149":25,"_38":254,"_13":63,"_34":20,"_36":255,"_24":49,"_152":-5,"_27":256},{"_43":243,"_32":244,"_30":245,"_147":-5,"_41":42,"_40":246,"_149":25,"_38":247,"_13":190,"_34":20,"_36":248,"_24":49,"_152":-5,"_27":249},{"_43":236,"_32":237,"_30":238,"_147":-5,"_41":42,"_40":239,"_149":25,"_38":240,"_13":198,"_34":20,"_36":241,"_24":49,"_152":-5,"_27":242},{"_43":229,"_32":230,"_30":231,"_147":-5,"_41":42,"_40":232,"_149":25,"_38":233,"_13":63,"_34":20,"_36":234,"_24":49,"_152":-5,"_27":235},{"_43":222,"_32":223,"_30":224,"_147":-5,"_41":42,"_40":225,"_149":25,"_38":226,"_13":63,"_34":20,"_36":227,"_24":49,"_152":-5,"_27":228},{"_43":215,"_32":216,"_30":217,"_147":-5,"_41":42,"_40":218,"_149":25,"_38":219,"_13":63,"_34":20,"_36":220,"_24":49,"_152":-5,"_27":221},{"_43":208,"_32":209,"_30":210,"_147":-5,"_41":42,"_40":211,"_149":25,"_38":212,"_13":63,"_34":20,"_36":213,"_24":49,"_152":-5,"_27":214},{"_43":201,"_32":202,"_30":203,"_147":-5,"_41":42,"_40":204,"_149":25,"_38":205,"_13":166,"_34":35,"_36":206,"_24":49,"_152":-5,"_27":207},{"_43":193,"_32":194,"_30":195,"_147":-5,"_41":42,"_40":196,"_149":25,"_38":197,"_13":198,"_34":35,"_36":199,"_24":49,"_152":-5,"_27":200},{"_43":185,"_32":186,"_30":187,"_147":-5,"_41":42,"_40":188,"_149":49,"_38":189,"_13":190,"_34":20,"_36":191,"_24":49,"_152":-5,"_27":192},{"_43":178,"_32":179,"_30":180,"_147":-5,"_41":42,"_40":181,"_149":25,"_38":182,"_13":63,"_34":20,"_36":183,"_24":49,"_152":-5,"_27":184},{"_43":170,"_32":171,"_30":172,"_147":-5,"_41":42,"_40":173,"_149":49,"_38":174,"_13":175,"_34":20,"_36":176,"_24":49,"_152":-5,"_27":177},{"_43":162,"_32":163,"_30":58,"_147":-5,"_41":42,"_40":164,"_149":25,"_38":165,"_13":166,"_34":167,"_36":168,"_24":49,"_152":45,"_27":169},{"_43":154,"_32":155,"_30":156,"_147":-5,"_41":42,"_40":157,"_149":25,"_38":158,"_13":159,"_34":20,"_36":160,"_24":49,"_152":-5,"_27":161},{"_43":144,"_32":145,"_30":146,"_147":-5,"_41":42,"_40":148,"_149":25,"_38":150,"_13":63,"_34":20,"_36":151,"_24":49,"_152":-5,"_27":153},"f68f5f46-7616-11f0-9fe5-0224a6c84d84","readme.md","f68f6036-7616-11f0-9fe5-0224a6c84d84","parentId",7,"latest",["D",1754850144638],"### (re)Search — Groq demo\n\nTiny, no-nonsense demo for Groq: search the web and papers, then get clean summaries.\n\n- Search with optional source/date filters\n- Streams model reasoning/tools (SSE)\n- Returns tight JSON (deep links + one-line descriptions)\n- One‑click page summaries in your language\n\n### Run\n\n```sh\ndeno run -A smallweb/re-search/main.js \n```\n\nOpen http://localhost:8000 and paste your API key if the server doesn’t have one.\n\nPowered by Groq — get a key at [groq.com](https://groq.com).\n","label",[145],"cd8b86d6-931e-11f0-867b-0224a6c84d84","notes.md","041e99e6-7758-11f0-81b1-0224a6c84d84",185,["D",1758042095514],14,"\non deck\n\n\nrandom features\n- new data model\n - multiple response toggling\n - branching tree chats / multiple chat trees?\n - multiple chat like v0 - either columnar (v0) or with some kind of context flipping <-- --> kind of thing\n - can generate multiple paths; each branch can be named automatically with the auto-namer\n - creates mutliple chat grids\n - multiple text +/- text area section??\n - multiple system prompts?\n\n\n\n- design\n - template for repeat phrasing (like the buttons/user prompts initially in chat gpt; but you can program them to push a button and it'll show at the bottom to click, like a quick way to enter stuff repeatedly)\n\n\n\n\nmedium features\n- context preservation\n - summarizer: summarizes key things succinctly into system prompt\n - trailing: feed summarizer and k-latest prompts\n- nicer upload area\n - add image upload\n - add file upload?\n - voice? \n - use the much nicer invoice one\n - add whisper transcription (from another val)\n- self-writing summary/notes system\n - has own system prompt, model selector, etc\n- long-term memory / offload memory?\n - durable object or valtown based link sharing?\n- mcp support?\n- support for \"re-search\" tool from before?\n\n\n\n- different interfaces\n - text notes\n - jan-like \"assistants\"\n - templates w/ preset prompts, settings, and variable input forms you type in, for future generations, like parameters\n - spin-off / sub-bot / picture in picture; eg spin another one up as a temp to ask some questions; an untracked one?\n\nbig features\n- multiplayer chats? i guess id-based consistent, resumable session chats\n- copy the shit out of heynote design for \"multiple-area\" design on same page\n- system settings\n - text size slider (four options)\n - system color\n - font choices\n\n\ndirector system / [ cognitive load manager ]\n- breaks down into \"chapters\"\n- some kind of \"controller / director\" that overwatches conversations\n - can generate spec sheets (like a dm's world sheet) eg random encounters / monsters that makes things more interesting (like a real role play)\n - can add some randomness\n - can be given random tools like dice throws (like a dm system) to add some variety\n\n\n\nrpg game concepts\n- chaptered games w/ a baseline world\n- day/night/cyclical games ([day: go hunt/forage/trade; night: rest, build], [day: rebuild; night: fend off zombies/attackes])\n - can do a game around trading / building / space travel, but you talk/trade w/ people\n\n\n\n\n\n\ndone\n- [x] right sidebar for collapsible accordions\n- [x] notes section? (for copy/paste for example)\n- [x] top/bottom chrome should be full width\n- [x] position send area relative to bottom and float on top of everything; make the text output naturally flow with the document instead of a scroll area right now\n- [x] [nah: lets do left side only for now] chat tabs across the top, like chrome or rest fox?!?!?!?!\n- [x] system message should NOT be auto generatlized across all; should be specific to chat \n- [x] copy entire page / thread / export entire thread data\n- [x] custom endpoints / switch out llm url, including localhost\n- [x] show model + preset name by response?\n- [x] [nah idk; seems to work] did custom endpoints get borked?\n- [x] switch to jobs mode: background running + tabs / multiple running instances\n- [x] switch out settings button with a Dropdown preset switcher and a settings button side by side for faster switching\n- [x] cmd shift up/down to switch previews quickly\n- [x] show the preset name and the model name for each chat (or custom if custom)\n- [x] dark mode + multiple mode support (scoped scss?)\n- [x] decouple system settings with each chat with templates; system template managements\n- [x] export / import presets\n- [x] chat settings should be tied to each chat; including linked presets (preset ids)\n- [x] sidebar desktop duplicated after refactor\n- [x] cmd option r for rerun lmao\n- [x] updated head title for chat titles\n- [x] duplicate button in left bar\n- [x] cmd-r for re-running latest ai chat\n- [x] preset settings\n- [x] each chat has its own settings\n- [x] also put a rerun on the output message so that output message is replaced (keep both buttons)\n- [x] move settings to a right slide bar\n- [x] system prompt templates\n - [x] crud system\n- [x] alpine component refactor\n- [x] save / load / import to restore all data\n- [x] /new to go straight to new\n- [x] chats have ids / slugs, so you can do /?id=whatever-chat-id\n- [x] key mappings\n - [x] cmd-option n for new\n - [x] cmd/ctrl-b to toggle side bar\n - [x] cmd/ctrl-shift-b for the settings area\n- [x] branching / forking into another chat instance\n- [x] edit button instead of double click to edit\n - [x] editing the user thing changes the width; can it somehow edit in place without changing the width / flow?\n- [x] refactor research app\n- [x] make left settings folder/new/hide into icons\n - [x] fix the hidden icon bug\n- [x] create a new chat in sidebar\n- [x] folders in sidebar\n- [x] resizable sidebar\n- [x] delete below\n- [x] delete individual messages\n- [x] re-run a user prompt / re-run an ai response\n- [~] [nah] save/discard for editing, like lmstudio? \n- [x] \"delete below\" should delete anything below, but not the current message\n\n\n\n\nother notes\n- system prompts as modes / mods to messages; eg if a character role play, to try to be nice, or angry; eg personalities to switch on/off\n- \n- templated system prompt that’s modular like lmstudio notes\n - can show/hide them for fast switching\n- tool calling\n - ability to call other systems\n- each bundle of settings is an “agent” for convenience; can be separated from the ui and swapped out, like lmstudio kind of, but have a small mgmt system like chat management\n- dynamic systems prompt, eg a system prompt for a system that summarizes the world knowledge, or notes, or logs all actions; these can all be several tools that automatically run and append to a system prompt\n- simple data system vs immerjs time travel system (have this example elsewhere)\n- reusable non system prompts\n - fill in the blank (like anthropic ui)\n - or just straight up text you can @notes any time\n - (eg messages you want to use to prime actions / stories; could be reusable messages or tag existing message logs\n - maybe each message log can get a uuid taggable, or even slug\n- you have chats (intentional interactions) and runs (like temporal, can be non user runs); should be able to manage all of that\n- email interface to manage all of of runs and chats\n- maybe interface for automations in general like coverflow\n- folders can have default modes/settings for chats started in them\n- “cards” system from silly tavern\n- professional role play situations (borrowing from silly tavern)\n- bots: reusable settings/combos; can call others to create a more complex workflow \n- json schema support for constrained responses?!\n - eg status, items, key settings and metadata, health/damage\n - for ui generation or card data gen\n\n- *** look at anthropic reference mcp server for memory\n\nJan.ai “assistant” bot",[155],"34a33494-a432-11f0-ac23-0224a6c84d84","main.js",238,["D",1759919598684],3,"http","import \"jsr:@std/dotenv/load\";\nimport { createApp } from './backend/index.ts';\n\nconst app = createApp(import.meta.url);\n\n// Export app.fetch for Val Town, otherwise export app — this is only for hono apps\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n\n\n",[163],"39290074-95ab-11f0-bb8c-0224a6c84d84","index.html","f67361ba-7616-11f0-baaa-0224a6c84d84",195,["D",1758322307921],19,"\n\n\n \n \n Chatter\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\n \n\n \n\n\n

\n \n

\n Chatter\n

\n \n \n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n Settings\n \n

\n Get your free key here\n

\n API Key\n

\n \n \n

\n API Key\n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n model\n

\n \n

\n\n \n

\n temperature\n \n

\n \n

\n\n \n

\n max tokens\n \n

\n \n

\n\n \n

\n reasoning effort\n \n

\n\n \n

\n \n \n stream responses\n \n \n \n JSON mode\n \n \n \n browser search\n \n \n \n code interpreter\n \n

\n\n \n

\n system prompt (this chat)\n \n

\n \n

\n\n \n

\n\n

\n \n

\n\n \n

\n\n\n",[171],"f6a0161a-7616-11f0-baaa-0224a6c84d84","deno.lock","f6a016d8-7616-11f0-baaa-0224a6c84d84",10,["D",1754850144711],"{\n \"version\": \"5\",\n \"specifiers\": {\n \"jsr:@std/dotenv@*\": \"0.225.5\",\n \"npm:@valtown/sdk@0.37.0\": \"0.37.0\",\n \"npm:badge-maker@*\": \"5.0.2\",\n \"npm:groq-sdk@*\": \"0.21.0\",\n \"npm:marked@*\": \"15.0.11\",\n \"npm:mime-types@2.1.35\": \"2.1.35\",\n \"npm:preact-render-to-string@*\": \"6.5.13_preact@10.27.0\",\n \"npm:pretty-ms@*\": \"9.2.0\"\n },\n \"jsr\": {\n \"@std/dotenv@0.225.5\": {\n \"integrity\": \"9ce6f9d0ec3311f74a32535aa1b8c62ed88b1ab91b7f0815797d77a6f60c922f\"\n }\n },\n \"npm\": {\n \"@types/node-fetch@2.6.12\": {\n \"integrity\": \"sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==\",\n \"dependencies\": [\n \"@types/node@22.15.15\",\n \"form-data\"\n ]\n },\n \"@types/node@18.19.118\": {\n \"integrity\": \"sha512-hIPK0hSrrcaoAu/gJMzN3QClXE4QdCdFvaenJ0JsjIbExP1JFFVH+RHcBt25c9n8bx5dkIfqKE+uw6BmBns7ug==\",\n \"dependencies\": [\n \"undici-types@5.26.5\"\n ]\n },\n \"@types/node@22.15.15\": {\n \"integrity\": \"sha512-R5muMcZob3/Jjchn5LcO8jdKwSCbzqmPB6ruBxMcf9kbxtniZHP327s6C37iOfuw8mbKK3cAQa7sEl7afLrQ8A==\",\n \"dependencies\": [\n \"undici-types@6.21.0\"\n ]\n },\n \"@valtown/sdk@0.37.0\": {\n \"integrity\": \"sha512-8YnynWRljje10MDRGJdftC5qU5FguFLYLDIauEjDUb5IlZbVevMdiunJpK7i37jDBm/QljCmIjPdPUpDE89snw==\",\n \"dependencies\": [\n \"@types/node@18.19.118\",\n \"@types/node-fetch\",\n \"abort-controller\",\n \"agentkeepalive\",\n \"form-data-encoder\",\n \"formdata-node\",\n \"node-fetch\"\n ]\n },\n \"abort-controller@3.0.0\": {\n \"integrity\": \"sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==\",\n \"dependencies\": [\n \"event-target-shim\"\n ]\n },\n \"agentkeepalive@4.6.0\": {\n \"integrity\": \"sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==\",\n \"dependencies\": [\n \"humanize-ms\"\n ]\n },\n \"anafanafo@2.0.0\": {\n \"integrity\": \"sha512-Nlfq7NC4AOkTJerWRIZcOAiMNtIDVIGWGvQ98O7Jl6Kr2Dk0dX5u4MqN778kSRTy5KRqchpLdF2RtLFEz9FVkQ==\",\n \"dependencies\": [\n \"char-width-table-consumer\"\n ]\n },\n \"asynckit@0.4.0\": {\n \"integrity\": \"sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==\"\n },\n \"badge-maker@5.0.2\": {\n \"integrity\": \"sha512-Xd3YUmKPEShQcn6PFB03Wxq0RNJRFwVVroyRz0qIjSXwniYUGsGWNHqtNsQYi/Sbs8Ni7qAEf7LKgDOtcAoCDg==\",\n \"dependencies\": [\n \"anafanafo\",\n \"css-color-converter\"\n ],\n \"bin\": true\n },\n \"binary-search@1.3.6\": {\n \"integrity\": \"sha512-nbE1WxOTTrUWIfsfZ4aHGYu5DOuNkbxGokjV6Z2kxfJK3uaAb8zNK1muzOeipoLHZjInT4Br88BHpzevc681xA==\"\n },\n \"call-bind-apply-helpers@1.0.2\": {\n \"integrity\": \"sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==\",\n \"dependencies\": [\n \"es-errors\",\n \"function-bind\"\n ]\n },\n \"char-width-table-consumer@1.0.0\": {\n \"integrity\": \"sha512-Fz4UD0LBpxPgL9i29CJ5O4KANwaMnX/OhhbxzvNa332h+9+nRKyeuLw4wA51lt/ex67+/AdsoBQJF3kgX2feYQ==\",\n \"dependencies\": [\n \"binary-search\"\n ]\n },\n \"color-convert@0.5.3\": {\n \"integrity\": \"sha512-RwBeO/B/vZR3dfKL1ye/vx8MHZ40ugzpyfeVG5GsiuGnrlMWe2o8wxBbLCpw9CsxV+wHuzYlCiWnybrIA0ling==\"\n },\n \"color-name@1.1.4\": {\n \"integrity\": \"sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==\"\n },\n \"combined-stream@1.0.8\": {\n \"integrity\": \"sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==\",\n \"dependencies\": [\n \"delayed-stream\"\n ]\n },\n \"css-color-converter@2.0.0\": {\n \"integrity\": \"sha512-oLIG2soZz3wcC3aAl/7Us5RS8Hvvc6I8G8LniF/qfMmrm7fIKQ8RIDDRZeKyGL2SrWfNqYspuLShbnjBMVWm8g==\",\n \"dependencies\": [\n \"color-convert\",\n \"color-name\",\n \"css-unit-converter\"\n ]\n },\n \"css-unit-converter@1.1.2\": {\n \"integrity\": \"sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==\"\n },\n \"delayed-stream@1.0.0\": {\n \"integrity\": \"sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==\"\n },\n \"dunder-proto@1.0.1\": {\n \"integrity\": \"sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==\",\n \"dependencies\": [\n \"call-bind-apply-helpers\",\n \"es-errors\",\n \"gopd\"\n ]\n },\n \"es-define-property@1.0.1\": {\n \"integrity\": \"sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==\"\n },\n \"es-errors@1.3.0\": {\n \"integrity\": \"sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==\"\n },\n \"es-object-atoms@1.1.1\": {\n \"integrity\": \"sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==\",\n \"dependencies\": [\n \"es-errors\"\n ]\n },\n \"es-set-tostringtag@2.1.0\": {\n \"integrity\": \"sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==\",\n \"dependencies\": [\n \"es-errors\",\n \"get-intrinsic\",\n \"has-tostringtag\",\n \"hasown\"\n ]\n },\n \"event-target-shim@5.0.1\": {\n \"integrity\": \"sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==\"\n },\n \"form-data-encoder@1.7.2\": {\n \"integrity\": \"sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==\"\n },\n \"form-data@4.0.2\": {\n \"integrity\": \"sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==\",\n \"dependencies\": [\n \"asynckit\",\n \"combined-stream\",\n \"es-set-tostringtag\",\n \"mime-types\"\n ]\n },\n \"formdata-node@4.4.1\": {\n \"integrity\": \"sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==\",\n \"dependencies\": [\n \"node-domexception\",\n \"web-streams-polyfill\"\n ]\n },\n \"function-bind@1.1.2\": {\n \"integrity\": \"sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==\"\n },\n \"get-intrinsic@1.3.0\": {\n \"integrity\": \"sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==\",\n \"dependencies\": [\n \"call-bind-apply-helpers\",\n \"es-define-property\",\n \"es-errors\",\n \"es-object-atoms\",\n \"function-bind\",\n \"get-proto\",\n \"gopd\",\n \"has-symbols\",\n \"hasown\",\n \"math-intrinsics\"\n ]\n },\n \"get-proto@1.0.1\": {\n \"integrity\": \"sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==\",\n \"dependencies\": [\n \"dunder-proto\",\n \"es-object-atoms\"\n ]\n },\n \"gopd@1.2.0\": {\n \"integrity\": \"sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==\"\n },\n \"groq-sdk@0.21.0\": {\n \"integrity\": \"sha512-SZg7oH/DsFvJllmdujNGZbfKUr2ATaU6urq0ZcnyObnmj6+nYM7WCGkyI2JMK+aWDzNiW6MwBNlSH722sHvtEQ==\",\n \"dependencies\": [\n \"@types/node@18.19.118\",\n \"@types/node-fetch\",\n \"abort-controller\",\n \"agentkeepalive\",\n \"form-data-encoder\",\n \"formdata-node\",\n \"node-fetch\"\n ]\n },\n \"has-symbols@1.1.0\": {\n \"integrity\": \"sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==\"\n },\n \"has-tostringtag@1.0.2\": {\n \"integrity\": \"sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==\",\n \"dependencies\": [\n \"has-symbols\"\n ]\n },\n \"hasown@2.0.2\": {\n \"integrity\": \"sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==\",\n \"dependencies\": [\n \"function-bind\"\n ]\n },\n \"humanize-ms@1.2.1\": {\n \"integrity\": \"sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==\",\n \"dependencies\": [\n \"ms\"\n ]\n },\n \"marked@15.0.11\": {\n \"integrity\": \"sha512-1BEXAU2euRCG3xwgLVT1y0xbJEld1XOrmRJpUwRCcy7rxhSCwMrmEu9LXoPhHSCJG41V7YcQ2mjKRr5BA3ITIA==\",\n \"bin\": true\n },\n \"math-intrinsics@1.1.0\": {\n \"integrity\": \"sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==\"\n },\n \"mime-db@1.52.0\": {\n \"integrity\": \"sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==\"\n },\n \"mime-types@2.1.35\": {\n \"integrity\": \"sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==\",\n \"dependencies\": [\n \"mime-db\"\n ]\n },\n \"ms@2.1.3\": {\n \"integrity\": \"sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==\"\n },\n \"node-domexception@1.0.0\": {\n \"integrity\": \"sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==\",\n \"deprecated\": true\n },\n \"node-fetch@2.7.0\": {\n \"integrity\": \"sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==\",\n \"dependencies\": [\n \"whatwg-url\"\n ]\n },\n \"parse-ms@4.0.0\": {\n \"integrity\": \"sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==\"\n },\n \"preact-render-to-string@6.5.13_preact@10.27.0\": {\n \"integrity\": \"sha512-iGPd+hKPMFKsfpR2vL4kJ6ZPcFIoWZEcBf0Dpm3zOpdVvj77aY8RlLiQji5OMrngEyaxGogeakTb54uS2FvA6w==\",\n \"dependencies\": [\n \"preact\"\n ]\n },\n \"preact@10.27.0\": {\n \"integrity\": \"sha512-/DTYoB6mwwgPytiqQTh/7SFRL98ZdiD8Sk8zIUVOxtwq4oWcwrcd1uno9fE/zZmUaUrFNYzbH14CPebOz9tZQw==\"\n },\n \"pretty-ms@9.2.0\": {\n \"integrity\": \"sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==\",\n \"dependencies\": [\n \"parse-ms\"\n ]\n },\n \"tr46@0.0.3\": {\n \"integrity\": \"sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==\"\n },\n \"undici-types@5.26.5\": {\n \"integrity\": \"sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==\"\n },\n \"undici-types@6.21.0\": {\n \"integrity\": \"sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==\"\n },\n \"web-streams-polyfill@4.0.0-beta.3\": {\n \"integrity\": \"sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==\"\n },\n \"webidl-conversions@3.0.1\": {\n \"integrity\": \"sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==\"\n },\n \"whatwg-url@5.0.0\": {\n \"integrity\": \"sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==\",\n \"dependencies\": [\n \"tr46\",\n \"webidl-conversions\"\n ]\n }\n },\n \"redirects\": {\n \"https://esm.sh/preact/jsx-runtime\": \"https://esm.sh/preact@10.27.0/jsx-runtime\"\n },\n \"remote\": {\n \"https://deno.land/std@0.190.0/_util/asserts.ts\": \"178dfc49a464aee693a7e285567b3d0b555dc805ff490505a8aae34f9cfb1462\",\n \"https://deno.land/std@0.190.0/async/abortable.ts\": \"fd682fa46f3b7b16b4606a5ab52a7ce309434b76f820d3221bdfb862719a15d7\",\n \"https://deno.land/std@0.190.0/async/deadline.ts\": \"58f72a3cc0fcb731b2cc055ba046f4b5be3349ff6bf98f2e793c3b969354aab2\",\n \"https://deno.land/std@0.190.0/async/debounce.ts\": \"adab11d04ca38d699444ac8a9d9856b4155e8dda2afd07ce78276c01ea5a4332\",\n \"https://deno.land/std@0.190.0/async/deferred.ts\": \"42790112f36a75a57db4a96d33974a936deb7b04d25c6084a9fa8a49f135def8\",\n \"https://deno.land/std@0.190.0/async/delay.ts\": \"73aa04cec034c84fc748c7be49bb15cac3dd43a57174bfdb7a4aec22c248f0dd\",\n \"https://deno.land/std@0.190.0/async/mod.ts\": \"f04344fa21738e5ad6bea37a6bfffd57c617c2d372bb9f9dcfd118a1b622e576\",\n \"https://deno.land/std@0.190.0/async/mux_async_iterator.ts\": \"70c7f2ee4e9466161350473ad61cac0b9f115cff4c552eaa7ef9d50c4cbb4cc9\",\n \"https://deno.land/std@0.190.0/async/pool.ts\": \"f1b8d3df4d7fd3c73f8cbc91cc2e8b8e950910f1eab94230b443944d7584c657\",\n \"https://deno.land/std@0.190.0/async/retry.ts\": \"c9248325ec08cc2cceb7618472e77589a51a25cee460e07b6096be34966c2ead\",\n \"https://deno.land/std@0.190.0/async/tee.ts\": \"47e42d35f622650b02234d43803d0383a89eb4387e1b83b5a40106d18ae36757\",\n \"https://deno.land/std@0.190.0/http/server.ts\": \"1b23463b5b36e4eebc495417f6af47a6f7d52e3294827a1226d2a1aab23d9d20\",\n \"https://deno.land/x/hono@v3.11.12/client/client.ts\": \"ff340f58041203879972dd368b011ed130c66914f789826610869a90603406bf\",\n \"https://deno.land/x/hono@v3.11.12/client/index.ts\": \"3ff4cf246f3543f827a85a2c84d66a025ac350ee927613629bda47e854bfb7ba\",\n \"https://deno.land/x/hono@v3.11.12/client/utils.ts\": \"053273c002963b549d38268a1b423ac8ca211a8028bdab1ed0b781a62aa5e661\",\n \"https://deno.land/x/hono@v3.11.12/compose.ts\": \"37d6e33b7db80e4c43a0629b12fd3a1e3406e7d9e62a4bfad4b30426ea7ae4f1\",\n \"https://deno.land/x/hono@v3.11.12/context.ts\": \"5cac561498e1f4af7a355673a047f07f47349056c5167ed9aec8a20cdcac8464\",\n \"https://deno.land/x/hono@v3.11.12/helper/cookie/index.ts\": \"a05ce7e3bafe1f8c7f45d04abf79822716011be75904fe1aad2e99126fd985b9\",\n \"https://deno.land/x/hono@v3.11.12/helper/html/index.ts\": \"701ed12b808e8c253247edc02c2c4b32261ae899e9c98f1427f7f6eaa8b7d1ce\",\n \"https://deno.land/x/hono@v3.11.12/hono-base.ts\": \"976dad584171a29765af1b0ad200766e8c3e1c35fbec7556dd4bc0b254df9ef4\",\n \"https://deno.land/x/hono@v3.11.12/hono.ts\": \"2cc4c292e541463a4d6f83edbcea58048d203e9564ae62ec430a3d466b49a865\",\n \"https://deno.land/x/hono@v3.11.12/http-exception.ts\": \"6071df078b5f76d279684d52fe82a590f447a64ffe1b75eb5064d0c8a8d2d676\",\n \"https://deno.land/x/hono@v3.11.12/mod.ts\": \"90114a97be9111b348129ad0143e764a64921f60dd03b8f3da529db98a0d3a82\",\n \"https://deno.land/x/hono@v3.11.12/request.ts\": \"71a67261d14bba95e9a8b4782a1c1704d12d54a77390ce404741df15ab99a109\",\n \"https://deno.land/x/hono@v3.11.12/router.ts\": \"880316f561918fc197481755aac2165fdbe2f530b925c5357a9f98d6e2cc85c7\",\n \"https://deno.land/x/hono@v3.11.12/router/linear-router/index.ts\": \"8a2a7144c50b1f4a92d9ee99c2c396716af144c868e10608255f969695efccd0\",\n \"https://deno.land/x/hono@v3.11.12/router/linear-router/router.ts\": \"bc63e8b5bc1dabc815306d50bebd1bb5877ffa3936ba2ad7550d093c95ee6bd1\",\n \"https://deno.land/x/hono@v3.11.12/router/pattern-router/index.ts\": \"304a66c50e243872037ed41c7dd79ed0c89d815e17e172e7ad7cdc4bc07d3383\",\n \"https://deno.land/x/hono@v3.11.12/router/pattern-router/router.ts\": \"a9a5a2a182cce8c3ae82139892cc0502be7dd8f579f31e76d0302b19b338e548\",\n \"https://deno.land/x/hono@v3.11.12/router/reg-exp-router/index.ts\": \"52755829213941756159b7a963097bafde5cc4fc22b13b1c7c9184dc0512d1db\",\n \"https://deno.land/x/hono@v3.11.12/router/reg-exp-router/node.ts\": \"5b3fb80411db04c65df066e69fedb2c8c0844753c2633d703336de84d569252c\",\n \"https://deno.land/x/hono@v3.11.12/router/reg-exp-router/router.ts\": \"7f7af7ce45a4327f9ac7dbdee186f7ba9a24f2eff14c720e3f670be001e71780\",\n \"https://deno.land/x/hono@v3.11.12/router/reg-exp-router/trie.ts\": \"852ce7207e6701e47fa30889a0d2b8bfcd56d8862c97e7bc9831e0a64bd8835f\",\n \"https://deno.land/x/hono@v3.11.12/router/smart-router/index.ts\": \"74f9b4fe15ea535900f2b9b048581915f12fe94e531dd2b0032f5610e61c3bef\",\n \"https://deno.land/x/hono@v3.11.12/router/smart-router/router.ts\": \"f1848a2a1eefa316a11853ae12e749552747771fb8a11fe713ae04ea6461140b\",\n \"https://deno.land/x/hono@v3.11.12/router/trie-router/index.ts\": \"3eb75e7f71ba81801631b30de6b1f5cefb2c7239c03797e2b2cbab5085911b41\",\n \"https://deno.land/x/hono@v3.11.12/router/trie-router/node.ts\": \"1709750f3da7bf7fa3e8078caa1fc0bd5583b03c79f3a63f75480a2db25e62ad\",\n \"https://deno.land/x/hono@v3.11.12/router/trie-router/router.ts\": \"54ced78d35676302c8fcdda4204f7bdf5a7cc907fbf9967c75674b1e394f830d\",\n \"https://deno.land/x/hono@v3.11.12/utils/body.ts\": \"7a16a6656331a96bcae57642f8d5e3912bd361cbbcc2c0d2157ecc3f218f7a92\",\n \"https://deno.land/x/hono@v3.11.12/utils/buffer.ts\": \"9066a973e64498cb262c7e932f47eed525a51677b17f90893862b7279dc0773e\",\n \"https://deno.land/x/hono@v3.11.12/utils/cookie.ts\": \"19920ba6756944aae1ad8585c3ddeaa9df479733f59d05359db096f7361e5e4b\",\n \"https://deno.land/x/hono@v3.11.12/utils/crypto.ts\": \"bda0e141bbe46d3a4a20f8fbcb6380d473b617123d9fdfa93e4499410b537acc\",\n \"https://deno.land/x/hono@v3.11.12/utils/html.ts\": \"b60def9561d2fbeb7254035632ea98b97ef852ec72baae2924fc126e96315696\",\n \"https://deno.land/x/hono@v3.11.12/utils/stream.ts\": \"1789dcc73c5b0ede28f83d7d34e47ae432c20e680907cb3275a9c9187f293983\",\n \"https://deno.land/x/hono@v3.11.12/utils/url.ts\": \"af0d600973ce11f9279da19a49e1264fe2f7a5658ccd97e30f7c3c2239dca052\",\n \"https://deno.land/x/hono@v3.11.12/validator/index.ts\": \"6c986e8b91dcf857ecc8164a506ae8eea8665792a4ff7215471df669c632ae7c\",\n \"https://deno.land/x/hono@v3.11.12/validator/validator.ts\": \"f6139f0b6eb2040bc9f7ed4148905d5affc898235952772b2d6585fdae8d4731\",\n \"https://esm.sh/preact@10.27.0/denonext/jsx-runtime.mjs\": \"eca8d082839db06e1964509be699072222b5822483819dc5ac96d7fee1201343\",\n \"https://esm.sh/preact@10.27.0/denonext/preact.mjs\": \"7c0a67d0152259c63d2afea05ce8791f6f4e38ef355fdab8a2c71989cf590c3d\",\n \"https://esm.sh/preact@10.27.0/jsx-runtime\": \"f33f69315b770515e473b14403cef9c49f3427ff61016041220e36505ab8cc68\",\n \"https://esm.town/v/std/utils@85-main/file/index.ts\": \"f7b4d1f95fb1ef1cbcb3bc0d2fe83194f18403c7d35115a9f066cba4ef6b84d0\",\n \"https://esm.town/v/std/utils@85-main/index.ts\": \"3d060a58ccd352517da960077ffd78b80c1051ca2117cb37adbff0365cb45efb\",\n \"https://esm.town/v/std/utils@85-main/parseImportMeta/project.ts\": \"1a47e75e21faf22b38fb07e6ead284b6a381a48970a39490e585507a8bb47bbf\",\n \"https://esm.town/v/std/utils@85-main/serve-file/index.ts\": \"1386c1fe12e8e9a41e3561b0a1e55f332bc559fe98fa81f99434b4f642275cd4\",\n \"https://esm.town/v/std/utils@85-main/test/index.tsx\": \"41fc8ccb29945e8cf65263dc61a6840decf9f62fb035be8d0651267ac84b573d\"\n }\n}\n",[179],"349f88b2-a432-11f0-926d-0224a6c84d84","deno.json","f74d226a-7616-11f0-8a59-0224a6c84d84",237,["D",1759919598657],2,"{\n \"tasks\": {\n \"serve\": \"deno serve --allow-read --allow-import --allow-env --allow-write --allow-net --reload=https://esm.town ./main.js\",\n \"build:css\": \"deno run --allow-read --allow-write ./scripts/build_css.js\",\n \"vendor:fetch\": \"deno run --allow-net --allow-write --allow-read ./scripts/fetch_vendor.js\",\n \"dev\": \"deno task build:css && deno task vendor:fetch && deno task serve\"\n },\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"strictNullChecks\": true,\n \"strictPropertyInitialization\": false,\n \"noUnusedLocals\": false,\n \"noUnusedParameters\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n },\n \"imports\": {\n \"@/types\": \"./frontend/types.ts\"\n }\n}",[186],"f1cf77d4-78e1-11f0-a2b6-0224a6c84d84","chatStreaming.js","f68b0054-7616-11f0-85c3-0224a6c84d84",37,["D",1755157226829],1,"// Deno script and module: streaming chat completion test with SSE parsing and aggregation\n// - Reads GROQ_API_KEY from environment (when run as CLI)\n// - Exports streamChatAndAggregate(apiKey, payload, { logSse }) to allow server reuse\n// - CLI: logs raw SSE lines and prints aggregated JSON at the end\n\nimport \"jsr:@std/dotenv/load\";\n\nconst DEFAULT_API_URL = \"https://api.groq.com/openai/v1/chat/completions\";\n\nfunction getApiKey() {\n const key = (typeof Deno !== \"undefined\") ? Deno.env.get(\"GROQ_API_KEY\") : null;\n if (!key) {\n console.error(\"Missing GROQ_API_KEY in environment.\");\n }\n return key;\n}\n\nfunction buildPayload(userQuery) {\n const prompt = typeof userQuery === \"string\" && userQuery.trim().length > 0\n ? userQuery\n : \"Stream test: please emit a short response and demonstrate reasoning and any tool usage.\";\n\n return {\n messages: [\n {\n role: \"user\",\n content: prompt,\n },\n ],\n model: \"openai/gpt-oss-120b\",\n stream: true,\n reasoning_effort: \"medium\",\n tools: [\n {\n type: \"browser_search\",\n },\n ],\n };\n}\n\n// Utility: Parse one Groq SSE JSON line (string without the leading \"data: \")\nfunction parseGroqSseJsonLine(jsonStr) {\n try {\n const obj = JSON.parse(jsonStr);\n return obj;\n } catch (_err) {\n return null;\n }\n}\n\n// Utility: Normalize a parsed chunk into events and collapsed accumulators\nfunction applyChunkToAggregates(parsed, aggregates) {\n const { events, collapsed } = aggregates;\n\n const timestamp = Date.now();\n const baseInfo = {\n id: parsed.id,\n model: parsed.model,\n created: parsed.created,\n instance_id: parsed.instance_id,\n system_fingerprint: parsed.system_fingerprint,\n timestamp,\n };\n\n if (Array.isArray(parsed.choices) && parsed.choices.length > 0) {\n const choice = parsed.choices[0];\n const delta = choice?.delta || {};\n\n if (delta.role) {\n events.push({ type: \"role\", role: delta.role, ...baseInfo });\n }\n\n if (delta.reasoning) {\n events.push({ type: \"reasoning\", content: delta.reasoning, channel: delta.channel, ...baseInfo });\n collapsed.reasoning += delta.reasoning;\n }\n\n if (delta.content) {\n events.push({ type: \"content\", content: delta.content, ...baseInfo });\n collapsed.content += delta.content;\n }\n\n if (delta.executed_tools) {\n events.push({ type: \"executed_tools\", executed_tools: delta.executed_tools, ...baseInfo });\n for (const t of delta.executed_tools) {\n collapsed.tools.push({ kind: \"executed\", ...t, timestamp });\n }\n }\n\n if (delta.tool_calls) {\n events.push({ type: \"tool_calls\", tool_calls: delta.tool_calls, ...baseInfo });\n for (const t of delta.tool_calls) {\n collapsed.tools.push({ kind: \"call\", ...t, timestamp });\n }\n }\n }\n}\n\nexport async function streamChatAndAggregate(apiKey, payload, options = {}) {\n const { logSse = false, endpoint } = options;\n\n const url = endpoint || DEFAULT_API_URL;\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n ...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {}),\n },\n body: JSON.stringify(payload),\n });\n\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`HTTP ${response.status} — ${text}`);\n }\n\n const reader = response.body?.getReader();\n const aggregates = {\n events: [],\n collapsed: { reasoning: \"\", content: \"\", tools: [] },\n };\n\n if (!reader) {\n try {\n const nonStream = await response.json();\n const content = nonStream?.choices?.[0]?.message?.content || \"\";\n if (content) {\n aggregates.events.push({ type: \"content\", content, timestamp: Date.now() });\n aggregates.collapsed.content = content;\n }\n } catch (_e) {\n // ignore\n }\n console.log(\"No readable stream; returning aggregates:\");\n console.log(JSON.stringify(aggregates, null, 2));\n return;\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n if (logSse) console.log(\"--- BEGIN SSE ---\");\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n\n // Split Server-Sent Events by double newlines\n const events = buffer.split(\"\\n\\n\");\n buffer = events.pop() || \"\";\n\n for (const evt of events) {\n if (!evt.trim()) continue;\n // Extract `data:` line(s)\n const lines = evt.split(\"\\n\");\n for (const line of lines) {\n if (line.startsWith(\"data: \")) {\n const data = line.slice(6);\n if (data === \"[DONE]\") {\n if (logSse) console.log(\"[DONE]\");\n break;\n }\n if (logSse) {\n // Log raw SSE packet\n console.log(\"data:\", data);\n }\n // Parse and aggregate\n const parsed = parseGroqSseJsonLine(data);\n if (!parsed) continue;\n applyChunkToAggregates(parsed, aggregates);\n }\n }\n }\n }\n if (logSse) {\n console.log(\"--- END SSE ---\");\n console.log(\"Aggregates:\");\n console.log(JSON.stringify(aggregates, null, 2));\n }\n return aggregates;\n}\n\n// Entry point\nif (import.meta.main) {\n const apiKey = getApiKey();\n if (!apiKey) Deno.exit(1);\n\n const userQuery = Deno.args?.[0] || \"\";\n const payload = buildPayload(userQuery);\n\n streamChatAndAggregate(apiKey, payload, { logSse: true })\n .then(() => console.log(\"Stream complete.\"))\n .catch((err) => {\n console.error(\"Stream failed:\", err);\n Deno.exit(1);\n });\n}\n\n\n",[194],"34785c74-a432-11f0-9be2-0224a6c84d84","chatCompletion.js","f6661672-7616-11f0-b3f9-0224a6c84d84",231,["D",1759919598387],"// Minimal Groq Chat Completions client using fetch\nexport async function groqChatCompletion(apiKey, payload) {\n console.log('>>> [groqChatCompletion] Payload:', payload);\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify(payload),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n // console.log('>>> [groqChatCompletion] Response:', response);\n return await response.json();\n}\n\n\n",[202],"346a1966-a432-11f0-ac57-0224a6c84d84","TYPESCRIPT_MIGRATION.md","346a1a60-a432-11f0-ac57-0224a6c84d84",229,["D",1759919598310],"# TypeScript Migration Complete\n\n## Summary\n\nThe core data-handling logic has been successfully migrated to TypeScript and refactored into modular files. This directly addresses the reasoning persistence bug and improves overall code quality.\n\n## Completed Migrations\n\n### Phase 1: Critical Core Modules ✅\n\n1. **`frontend/types.ts`** (392 lines)\n - Centralized all type definitions\n - Added helper functions: `messageToUIMessage`, `createDefaultSessionTree`\n - Defines: `Session`, `Message`, `Branch`, `SessionTree`, `UIMessage`, `AppState`, etc.\n\n2. **`frontend/core/db.ts`** (NEW - 175 lines)\n - Database initialization and schema\n - Dexie setup with migrations v1-v11\n - Handles prototype reset logic\n\n3. **`frontend/core/sessions.ts`** (NEW - 470 lines)\n - Session CRUD operations\n - `loadSessions`, `loadSession`, `saveSession` (critical for reasoning persistence)\n - `createNewChat`, `selectChat`, `deleteChat`, `duplicateChat`\n - Session tree and branch management\n\n4. **`frontend/core/folders.ts`** (NEW - 93 lines)\n - Folder management\n - CRUD operations for folders\n\n5. **`frontend/core/messages.ts`** (NEW - 284 lines)\n - Message operations\n - `ensureChatExistsForEdits`, `persistMessageAtIndex`\n - `deleteMessage`, `deleteMessagesBelow`\n - `rerunFromUser`, `rerunAssistant` with branching support\n\n6. **`frontend/core/import-export.ts`** (NEW - 337 lines)\n - Data import/export functionality\n - `exportAllData`, `importDataReplace`, `importDataAppend`\n\n7. **`frontend/core/index.ts`** (NEW - 54 lines)\n - Central export file for all core modules\n - Provides backwards-compatible API\n\n8. **`frontend/core/jobManager.ts`** (172 lines)\n - Converted from `.js`\n - SSE streaming for chat jobs\n - Proper TypeScript types for job data\n\n9. **`frontend/core/branchManager.ts`** (559 lines)\n - Already converted (previous work)\n - Core branching operations\n\n10. **`frontend/experimental/streaming.ts`** (432 lines)\n - Already converted (previous work)\n - Streaming logic with reasoning persistence fix\n\n### Phase 2: Configuration and Setup ✅\n\n1. **`deno.json`**\n - Added TypeScript compiler options\n - Added import alias: `\"@/types\": \"./frontend/types.ts\"`\n - Enabled strict type checking\n\n2. **Updated Imports**\n - `frontend/chatterApp.js` - Uses `'./core/index.ts'`\n - `frontend/dataIO.js` - Uses `'./core/index.ts'`\n\n## Removed Files\n\n- ❌ `frontend/core/chatCore.js` (1310 lines) → Replaced by modular TypeScript files\n- ❌ `frontend/core/jobManager.js` → Converted to `jobManager.ts`\n\n## Key Benefits\n\n### 1. **Fixed Reasoning Persistence Bug** 🐛→✅\nThe bug was caused by inconsistent data handling across multiple files. Now:\n- All data types are centralized in `types.ts`\n- `saveSession` explicitly handles `reasoning` field with proper null checks\n- `streaming.ts` updates `state.messages[idx].reasoning` during streaming\n- `loadSession` populates `state.messageReasoningMap` from session tree\n\n### 2. **Type Safety** 🛡️\n- Compile-time error detection\n- Better IDE autocomplete\n- Catch null/undefined issues before runtime\n\n### 3. **Modularity** 📦\n- Each file has a single responsibility\n- Easier to find and update code\n- Smaller, more manageable files\n\n### 4. **Maintainability** 🔧\n- Clear separation of concerns\n- Easier to test individual modules\n- Better code organization\n\n## File Structure\n\n```\nfrontend/\n├── types.ts (392 lines) - Central type definitions\n├── core/\n│ ├── index.ts (54 lines) - Central export\n│ ├── db.ts (175 lines) - Database init\n│ ├── sessions.ts (470 lines) - Session operations\n│ ├── folders.ts (93 lines) - Folder management\n│ ├── messages.ts (284 lines) - Message operations\n│ ├── import-export.ts (337 lines) - Data I/O\n│ ├── jobManager.ts (172 lines) - Job streaming\n│ └── branchManager.ts (559 lines) - Branching logic\n├── experimental/\n│ └── streaming.ts (432 lines) - Streaming logic\n└── ...\n```\n\n## Testing Checklist\n\n### Core Functionality\n- [ ] Database initialization works\n- [ ] Create new chat\n- [ ] Send message\n- [ ] Message appears in UI\n\n### Reasoning Persistence (CRITICAL)\n- [ ] Send message with reasoning enabled\n- [ ] Verify reasoning appears in UI\n- [ ] Refresh page\n- [ ] Verify reasoning still appears\n- [ ] Switch branches\n- [ ] Verify reasoning persists across branches\n\n### Branching\n- [ ] Fork at user message\n- [ ] Fork at assistant message (regen)\n- [ ] Switch between branches\n- [ ] Delete message with branches\n\n### Data Operations\n- [ ] Edit message\n- [ ] Delete message\n- [ ] Delete messages below\n- [ ] Rerun from user\n- [ ] Regenerate assistant\n\n### Folders\n- [ ] Create folder\n- [ ] Move chat to folder\n- [ ] Toggle folder collapsed\n\n### Import/Export\n- [ ] Export all data\n- [ ] Import data (replace)\n- [ ] Import data (append)\n\n## Next Steps (Optional)\n\n1. **Convert `chatterApp.js` to TypeScript** (1890 lines - large task)\n - Would provide even more type safety\n - Not critical since core logic is already typed\n\n2. **Convert other utility files**\n - `apiClient.js`, `chatterLib.js`, `i18n.js`, etc.\n - Lower priority\n\n3. **Add unit tests**\n - Test core functions in isolation\n - Ensure reasoning persistence works correctly\n\n## Notes\n\n- The migration was done **without JSDoc comments** to keep files clean and rely on TypeScript's type system\n- All imports are backwards-compatible through `frontend/core/index.ts`\n- No breaking changes to the API\n- The modular structure makes future refactoring easier\n",[209],"3461218a-a432-11f0-ac57-0224a6c84d84","TYPESCRIPT_FIXES.md","3461222a-a432-11f0-ac57-0224a6c84d84",228,["D",1759919598250],"# TypeScript Migration Fixes\n\n## Issues Encountered and Fixed\n\n### 1. Import Typo\n**Error**: `timerStopf` instead of `timerStop`\n**File**: `frontend/chatterApp.js` line 86\n**Fix**: Changed `stopTimer as timerStopf` to `stopTimer as timerStop`\n\n### 2. Missing Function References\n**Error**: `coreEnsureMessagePersisted` and `coreSendMessage` not exported\n**Fix**: \n- Replaced `coreEnsureMessagePersisted` with `corePersistMessageAtIndex`\n- Inlined the legacy `coreSendMessage` implementation directly in `sendMessage()`\n\n### 3. TypeScript Type Exports in Browser\n**Error**: Browser can't parse `export type { ... }`\n**File**: `frontend/core/index.ts`\n**Fix**: Removed `export type { AppState, DexieDatabase }` line\n\n### 4. TypeScript MIME Type Issue\n**Error**: Server serving `.ts` files as `text/plain` instead of `application/javascript`\n**File**: `backend/routes/static.js`\n**Fix**: Added TypeScript transpilation using Deno's `emit` module\n```javascript\nif (rel.endsWith('.ts')) {\n const { transpile } = await import('https://deno.land/x/emit@0.31.0/mod.ts');\n const result = await transpile(new URL(`file://${Deno.cwd()}/${rel}`));\n body = result.get(new URL(`file://${Deno.cwd()}/${rel}`).href) || body;\n contentType = 'application/javascript; charset=utf-8';\n}\n```\n\n### 5. Duplicate Function Declarations\n**Error**: Functions declared twice in `types.ts`\n**Fix**: Removed duplicate declarations:\n- `messageToUIMessage` (was on lines 333 and 395)\n- `createDefaultSessionTree` (was on lines 263 and 395)\n\n## Why TypeScript Doesn't Work in Browsers\n\nBrowsers only understand **JavaScript**, not TypeScript. TypeScript features like:\n- `import type { ... }` - Type-only imports\n- `interface` declarations\n- `type` aliases\n- Type annotations (`: string`, `: number`, etc.)\n- `export type`\n\nAll of these cause **syntax errors** in browsers.\n\n## Solution: Server-Side Transpilation\n\nThe server now transpiles TypeScript to JavaScript on-the-fly:\n1. Browser requests `.ts` file\n2. Server reads the TypeScript source\n3. Server uses Deno's `emit` module to transpile it\n4. Server serves the transpiled JavaScript (with all TypeScript syntax removed)\n5. Browser runs pure JavaScript\n\n## Files Modified\n\n1. `backend/routes/static.js` - Added TypeScript transpilation\n2. `frontend/chatterApp.js` - Fixed import typos and missing functions\n3. `frontend/core/index.ts` - Removed `export type`\n4. `frontend/types.ts` - Removed duplicate function declarations\n\n## Testing Checklist\n\n- [ ] App loads without errors\n- [ ] Create new chat works\n- [ ] Send message works\n- [ ] Reasoning displays\n- [ ] Branch switching works\n- [ ] Fork functionality works\n- [ ] Refresh preserves data\n\n## Performance Note\n\nTypeScript transpilation happens on every request. For production, consider:\n1. Pre-compiling TypeScript to JavaScript\n2. Caching transpiled results\n3. Using a build step to generate `.js` files\n\nFor development, the current on-the-fly transpilation works fine.\n\n",[216],"3455c024-a432-11f0-aacc-0224a6c84d84","REFACTORING_SUMMARY.md","3455c0d8-a432-11f0-aacc-0224a6c84d84",226,["D",1759919598164],"# Core Refactoring Summary\n\n## Overview\nThe monolithic `frontend/core/chatCore.js` (1310 lines) has been successfully refactored into modular TypeScript files. This improves maintainability, type safety, and reduces the chance of bugs (like the reasoning persistence issue).\n\n## New Module Structure\n\n### `frontend/core/db.ts`\n- Database initialization and schema management\n- Handles Dexie setup and migrations (v1-v11)\n- Includes reset logic for prototype mode\n- **Exports**: `initDb`, `AppState`, `DexieDatabase`\n\n### `frontend/core/sessions.ts`\n- Session CRUD operations\n- Handles loading, saving, creating, and managing chat sessions\n- Includes `slugifyTitle` utility\n- **Key Functions**:\n - `loadSessions` / `loadChats` - Load session list\n - `loadSession` - Load a single session with tree/branch support\n - `saveSession` - **CRITICAL** - Saves session with reasoning persistence\n - `createNewChat`, `selectChat`, `deleteChat`, `duplicateChat`\n - `moveChatToFolder`, `baseChats`, `chatsInFolder`\n\n### `frontend/core/folders.ts`\n- Folder management operations\n- **Key Functions**:\n - `loadFolders`, `createFolder`, `toggleFolderCollapsed`\n - `startEditingFolder`, `commitEditingFolder`, `cancelEditingFolder`\n\n### `frontend/core/messages.ts`\n- Message operations and persistence\n- **Key Functions**:\n - `ensureChatExistsForEdits` - Creates session when needed\n - `persistMessageAtIndex` - Persists individual message\n - `deleteMessage`, `deleteMessagesBelow`\n - `rerunFromUser`, `rerunAssistant` - Handles branching in sessions mode\n\n### `frontend/core/import-export.ts`\n- Data import/export functionality\n- **Key Functions**:\n - `exportAllData` - Exports entire database\n - `importDataReplace` - Replace all data with import\n - `importDataAppend` - Append imported data\n\n### `frontend/core/index.ts`\n- Central export file for backwards compatibility\n- Provides the same API as the old `chatCore.js`\n- Makes it easy to import from a single location\n\n### `frontend/core/jobManager.ts`\n- Converted from JS to TypeScript\n- Handles SSE streaming for chat jobs\n- **Key Class**: `JobManager`\n\n### `frontend/core/branchManager.ts`\n- Already converted to TypeScript in previous work\n- Handles branching operations\n\n### `frontend/experimental/streaming.ts`\n- Already converted to TypeScript in previous work\n- Handles streaming logic\n\n### `frontend/types.ts`\n- Central type definitions for the entire application\n- **Key Types**: `Session`, `Message`, `Branch`, `SessionTree`, `UIMessage`, `AppState`\n- **Helper Functions**: `messageToUIMessage`, `createDefaultSessionTree`, `getNextMessageId`, etc.\n\n## Migration Details\n\n### Removed Files\n- `frontend/core/chatCore.js` (replaced by modular TypeScript files)\n- `frontend/core/jobManager.js` (converted to `.ts`)\n- `frontend/core/branchManager.js` (converted to `.ts`)\n- `frontend/experimental/streaming.js` (converted to `.ts`)\n\n### Updated Files\n- `frontend/chatterApp.js` - Updated imports to use `'./core/index.ts'`\n- `frontend/dataIO.js` - Updated imports to use `'./core/index.ts'`\n- `frontend/types.ts` - Added helper functions\n- `deno.json` - Updated for TypeScript support\n\n## Benefits\n\n1. **Type Safety**: All core logic now has TypeScript types, catching errors at compile time\n2. **Modularity**: Each file has a single responsibility\n3. **Maintainability**: Easier to find and update specific functionality\n4. **Bug Prevention**: The reasoning persistence bug was directly caused by scattered data handling\n5. **Better IDE Support**: Better autocomplete and refactoring tools\n6. **Easier Testing**: Smaller modules are easier to test in isolation\n\n## Critical Fix: Reasoning Persistence\n\nThe refactoring directly addresses the reasoning persistence bug by:\n1. Centralizing data type definitions in `types.ts`\n2. Making `saveSession` in `sessions.ts` explicitly handle `m.reasoning != null ? String(m.reasoning) : undefined`\n3. Ensuring `streaming.ts` updates `state.messages[idx].reasoning` during streaming\n4. Having `loadSession` populate `state.messageReasoningMap` from session tree\n\n## Testing Checklist\n\n- [x] Module imports work correctly\n- [x] No linter errors\n- [ ] Create a new chat\n- [ ] Send a message with reasoning\n- [ ] Refresh the page\n- [ ] Verify reasoning persists\n- [ ] Test branching (fork, regen, switch)\n- [ ] Test message editing\n- [ ] Test import/export\n- [ ] Test folder operations\n\n## Next Steps\n\n1. Test the application to ensure all functionality works\n2. Optionally convert `chatterApp.js` to TypeScript (1890 lines - large task)\n3. Consider converting other utility files to TypeScript as needed\n\n",[223],"3459bb70-a432-11f0-9be2-0224a6c84d84","HOTFIX.md","3459bbfc-a432-11f0-9be2-0224a6c84d84",227,["D",1759919598203],"# Hotfix: Missing Function References\n\n## Issue\nAfter the TypeScript migration, the Alpine.js app failed to initialize with errors like \"chatterApp is not defined\". This was caused by missing function imports in `chatterApp.js`.\n\n## Root Cause\nTwo functions were referenced in `chatterApp.js` but not exported from the new modular structure:\n1. `coreEnsureMessagePersisted` - Legacy function that was replaced by `persistMessageAtIndex`\n2. `coreSendMessage` - Legacy non-jobs message sending function\n\n## Fix Applied\n\n### 1. Fixed `ensureMessagePersisted` reference\n**Before:**\n```javascript\nasync ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },\n```\n\n**After:**\n```javascript\nasync ensureMessagePersisted(idx) { return corePersistMessageAtIndex(this, idx); },\n```\n\n### 2. Inlined `sendMessage` legacy path\n**Before:**\n```javascript\nif (!this.useJobs) { await coreSendMessage(this); return; }\n```\n\n**After:**\n```javascript\nif (!this.useJobs) { \n // Legacy non-jobs send (inline implementation)\n const text = (this.chatInput || '').trim();\n if (!text) return;\n this.errorMessage = '';\n if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }\n if (!this.currentChatId) {\n try { await this.createNewChat(); } catch (_) { /* ignore */ }\n }\n const createdAt = Date.now();\n const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;\n try {\n if (this.currentChatId && this.db && !this.db.sessions) {\n const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null });\n this.messages[userIndex].id = newId;\n }\n } catch (_) {}\n this.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n this.scrollToBottom && this.scrollToBottom();\n this.streamAssistant && this.streamAssistant();\n return;\n}\n```\n\n## Status\n✅ **Fixed** - The app should now load correctly and Alpine.js should initialize properly.\n\n## Testing\n1. Refresh the browser\n2. Check that Alpine errors are gone\n3. Verify the chat app loads and initializes\n4. Test basic functionality (create chat, send message)\n\n",[230],"34b5011a-a432-11f0-9f93-0224a6c84d84","BRANCH_DATA_MODEL.md","3902253a-95ab-11f0-acde-0224a6c84d84",240,["D",1759919598786],"## Branching Data Model Plan — Atomic Session Approach\n\n\n***\nuser notes / don't delete!\n- figure out how the data model can be API first, e.g. don't rely too much on Dexie, we want this to possibly be an API for other chat clients in the future!\n\n\n***\n> **TL;DR**: Replace normalized `chats` + `messages` tables with atomic `sessions` documents. Each session is a self-contained JSON object with embedded message tree and branches. Benefits: trivial export/import, perfect portability, simple implementation. Trade-off: whole-document writes (mitigated by debouncing). Perfect for short Q&A chats.\n\n---\n\n## Table of Contents\n1. [Goals & Current State](#current-state-v10)\n2. [Design Options Reconsidered](#design-options-reconsidered) ← Why atomic sessions win\n3. [Proposed Schema](#proposed-schema-dexie-v11---atomic-session-approach) ← New data structure\n4. [Migration Plan](#migration-plan-v10--v11---atomic-session-migration) ← How to upgrade\n5. [UI Changes](#ui-changes-for-branching---implementation-guide) ← Phase 1 & 2 rollout\n6. [Branching Actions](#branching-actions) ← How to fork/switch branches\n7. [Backend & Streaming](#backend--jobs-impact) ← Minimal changes needed\n8. [Export/Import](#export--import---the-killer-feature) ← The killer feature\n9. [Performance](#performance-considerations) ← What's fast, what to watch\n10. [Rollout Plan](#rollout-plan) ← Phased deployment\n11. [Testing](#testing-checklist) ← Comprehensive test list\n12. [Quick Reference](#quick-reference-implementation-checklist) ← Implementation steps\n\n---\n\n### Goals\n- Support multiple branching responses per conversation while remaining backward compatible with the current linear model.\n- **Maximize portability**: Each chat session should be a self-contained, inspectable JSON document.\n- Minimize disruption to UI logic, Dexie storage, and backend streaming/jobs.\n- Keep export/import **trivially simple**: one session = one JSON file.\n- Optimize for the actual use case: short Q&A chats, not 10,000-message conversations.\n\n### Non‑Goals\n- No server-side persistence changes right now (branches live in Dexie, as today).\n- No immediate large refactors of streaming/job code; aim for additive changes that do not break current flows.\n- Not optimizing for extreme scale (1000+ message conversations with deep branching).\n\n---\n\n## Current State (v10)\n\n### Current Architecture Problem\n```\nDexie tables (normalized relational model):\n- chats: [{ id: 1, title: \"Chat 1\", ... }, { id: 2, title: \"Chat 2\", ... }]\n- messages: [{ id: 1, chatId: 1, content: \"...\" }, { id: 2, chatId: 1, ... }, { id: 3, chatId: 2, ... }]\n- folders: [{ id: 1, name: \"Work\", ... }]\n- systemPrompts: [{ id: 1, name: \"Preset 1\", ... }]\n- notes: [{ id: 1, title: \"Note 1\", ... }]\n```\n\n**Issues with current approach:**\n- Messages for ALL chats mixed together in one table\n- Requires JOINs (via `where('chatId').equals(id)`) to load a conversation\n- Export requires serializing relationships and IDs\n- Import requires remapping IDs and maintaining referential integrity\n- Hard to inspect: can't just look at one record to see the full conversation\n- Adding branches would require complex parent-pointer traversal across the messages table\n\n### Current Behavior\n- UI maintains a single linear `messages` array per chat\n- Reruns/regenerations mutate the tail of the list (truncate then stream new assistant message)\n- Backend is stateless: `/api/jobs` streams assistant deltas; the client persists to Dexie\n- **Limitation**: No notion of branching. Regenerations overwrite the tail; alternatives cannot coexist.\n\n---\n\n## Requirements for Branching\n- Allow multiple alternative assistant replies to a prior point in the conversation (fork at any message).\n- Allow users to name/select branches and continue a branch independently.\n- Present a linear view of the currently selected path so most UI remains unchanged.\n- Backward compatible: existing chats remain usable without any branching changes.\n- Keep performance acceptable for short Q&A conversations (typical use case).\n- Preserve streaming behavior, message editing, deletion, export/import.\n- **Make export/import trivial**: one session = one self-contained JSON file.\n\n---\n\n## Design Options Reconsidered\n\n### Option A: Add `branchId` on messages + `branches` table\n- Messages carry a `branchId`. Forking creates a new branch ID and subsequent messages adopt it.\n- ❌ **Cons**: Shared pre‑branch messages need duplication OR complex cross-branch handling; non-portable; same JOIN problems as current architecture.\n\n### Option B: Parent‑pointer tree + named branch views (Original Recommendation)\n- Each message gets a `parentId` to form a tree. A branch is a named pointer to a leaf message.\n- ✅ **Pros**: No duplication; natural for forking; easy migrations.\n- ❌ **Cons for this use case**: \n - Still requires complex parent traversal\n - Non-portable (can't just save/load a JSON file)\n - Export requires serializing the graph structure\n - Import requires rebuilding parent chains\n - Hard to inspect (need to traverse pointers to understand conversation)\n\n### Option C: Atomic Session Documents (New Recommendation)\n- **Each chat is one self-contained document** with embedded message tree and branches.\n- Each session document contains: metadata + full message tree + branch pointers + active state.\n\n**Why Option C is better for this use case:**\n\n✅ **Portability**: \n- Export = `JSON.stringify(session)` ← literally one line\n- Import = validate + insert ← no ID remapping, no relationship rebuilding\n- Share a conversation = send one JSON file\n- Inspect = open JSON in any editor, see everything\n\n✅ **Simplicity**:\n- One read to load a chat: `db.sessions.get(id)`\n- One write to save: `db.sessions.put(session)`\n- No JOINs, no complex queries\n- Delete chat = delete one record (atomically removes everything)\n\n✅ **Perfect for your use case**:\n- Short Q&A chats (50-200 messages typical)\n- Not building Slack (10K messages per channel)\n- Modern browsers handle 500KB-1MB JSON easily\n- Streaming works great (update in-memory, debounce writes)\n\n✅ **Better branching**:\n- Branch tree lives inside the session document\n- Easy to see all branches at once\n- Export includes full branch structure automatically\n- No orphaned messages possible (atomic document)\n\n❌ **Theoretical cons that don't apply here**:\n- \"Large rewrites\" → Not an issue for short chats\n- \"Hard to stream\" → Update in-memory, debounce to disk works fine\n- \"Corruption risk\" → Use transactions, same risk as any write\n- \"Multi-user conflicts\" → This is single-user, client-side only\n\n**Recommendation: Option C (Atomic Session Documents)**\n\n---\n\n## Proposed Schema (Dexie v11) - Atomic Session Approach\n\n### New Table Structure\n\n```\nDexie v11 tables:\n- sessions: [{ id: 1, meta: {...}, tree: { messages: [...], branches: [...] } }, ...]\n- folders: [{ id: 1, name: \"Work\", ... }] (unchanged)\n- systemPrompts: [{ id: 1, name: \"Preset\", ... }] (unchanged)\n- notes: [{ id: 1, title: \"Note\", ... }] (unchanged)\n```\n\n### `sessions` table (NEW - replaces `chats` + `messages`)\n\n**Store signature:**\n```\n++id, title, slug, createdAt, folderId, updatedAt\n```\n\n**Full document structure:**\n```typescript\ntype Session = {\n // Dexie auto-increment ID\n id: number;\n \n // Metadata (indexed for sidebar/list view)\n title: string;\n slug?: string;\n createdAt: number;\n updatedAt: number;\n folderId?: number | null;\n \n // Preset/settings metadata (for sidebar preview/filtering)\n systemPromptId?: number | null;\n activeSettingsSource?: 'preset' | 'custom' | null;\n \n // The atomic session data (embedded JSON)\n tree: {\n // All messages with parent-pointer structure\n messages: Message[];\n \n // Named branch pointers (if branching enabled)\n branches: Branch[];\n \n // UI state\n activeBranchId?: number | null;\n branchingEnabled?: boolean;\n };\n \n // Settings snapshot (for this session)\n settings?: {\n selectedModel?: string;\n customChatBaseUrl?: string;\n temperature?: number;\n maxTokens?: number;\n reasoningEffort?: 'low' | 'medium' | 'high';\n streamEnabled?: boolean;\n jsonMode?: boolean;\n useBrowserSearch?: boolean;\n useCodeInterpreter?: boolean;\n };\n \n // System prompt snapshot (embedded, not referenced)\n systemPrompt?: string;\n};\n\ntype Message = {\n id: number; // Local ID within this session\n parentId: number | null; // Points to parent message (null = root)\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n depth?: number; // Distance from root (for UI/validation)\n};\n\ntype Branch = {\n id: number; // Local ID within this session\n leafMessageId: number; // Points to tip of branch\n name: string; // e.g. \"main\", \"alternative 1\"\n baseMessageId?: number; // Where branch diverged (optional metadata)\n createdAt: number;\n updatedAt?: number;\n};\n```\n\n**Key design decisions:**\n\n1. **Everything embedded**: Messages and branches live inside the `tree` object\n2. **Simple IDs**: Message/branch IDs are simple increments within each session (no global uniqueness needed)\n3. **Self-contained**: Export = grab the session record. Import = validate + insert.\n4. **Indexed metadata**: Only top-level fields (`title`, `createdAt`, `folderId`) are indexed for sidebar queries\n5. **Snapshot settings**: Settings are embedded, not referenced (preserves exact state at time of conversation)\n\n---\n\n## Migration Plan (v10 → v11) - Atomic Session Migration\n\n### Overview\n**Goal**: Transform normalized `chats` + `messages` tables into atomic `sessions` documents.\n\n**Strategy**: \n1. Create new `sessions` table\n2. Migrate each chat + its messages into one session document\n3. Keep old tables temporarily for rollback\n4. After validation, drop old tables in v12\n\n### Migration Steps\n\n#### 1. Add Dexie v11 Schema\n```typescript\n// In chatCore.js initDb()\nstate.db.version(11).stores({\n // NEW: Atomic sessions (replaces chats + messages)\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n \n // Keep old tables for migration (will remove in v12)\n chats: '++id, title, slug, createdAt, folderId, systemPromptId, systemPromptText, settings, activeSettingsSource, customPromptText',\n messages: '++id, chatId, createdAt, role, content, model',\n \n // Unchanged tables\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n}).upgrade(async tx => {\n // Migration logic runs once per user\n console.log('🔄 Migrating v10 → v11: chats+messages → sessions');\n \n const chats = await tx.table('chats').toArray();\n console.log(`Found ${chats.length} chats to migrate`);\n \n for (const chat of chats) {\n try {\n // Load all messages for this chat\n const messages = await tx.table('messages')\n .where('chatId')\n .equals(chat.id)\n .sortBy('createdAt');\n \n // Build linear parent chain (no branching yet)\n const treeMessages = messages.map((msg, idx) => ({\n id: idx + 1, // Local IDs start at 1\n parentId: idx === 0 ? null : idx, // Point to previous message\n createdAt: msg.createdAt,\n role: msg.role,\n content: msg.content,\n reasoning: msg.reasoning || undefined,\n model: msg.model || undefined,\n promptLabel: msg.promptLabel || undefined,\n depth: idx\n }));\n \n // Create session document\n const session = {\n // Metadata (copy from chat)\n title: chat.title,\n slug: chat.slug || undefined,\n createdAt: chat.createdAt,\n updatedAt: Date.now(),\n folderId: chat.folderId || undefined,\n systemPromptId: chat.systemPromptId || undefined,\n activeSettingsSource: chat.activeSettingsSource || undefined,\n \n // Embedded tree\n tree: {\n messages: treeMessages,\n branches: [], // No branches yet (linear)\n activeBranchId: null,\n branchingEnabled: false\n },\n \n // Snapshot settings/prompt\n settings: chat.settings || undefined,\n systemPrompt: chat.systemPromptText || chat.customPromptText || undefined\n };\n \n // Insert session\n await tx.table('sessions').add(session);\n console.log(`✅ Migrated chat ${chat.id}: \"${chat.title}\" (${messages.length} messages)`);\n \n } catch (err) {\n console.error(`❌ Failed to migrate chat ${chat.id}:`, err);\n // Continue with other chats - don't fail entire migration\n }\n }\n \n console.log('✅ Migration v10 → v11 complete');\n });\n ```\n\n#### 2. Update Load/Save Functions\n\n**New function: `loadSession()`**\n```typescript\nexport async function loadSession(state, id) {\n if (id === state.ephemeralChatId) {\n // Handle ephemeral new chat\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n state.messages = [{ \n role: 'assistant', \n content: 'Hi! How can I help you today?', \n createdAt: Date.now() \n }];\n return;\n }\n \n // Load full session document\n const session = await state.db.sessions.get(id);\n if (!session) {\n state.messages = [];\n return;\n }\n \n // Extract current branch path (for now, just linear order)\n state.currentChatId = id;\n state.activeSearchId = id;\n \n // Build linear view from tree\n const tree = session.tree || { messages: [], branches: [] };\n state.messages = tree.messages.map(m => ({\n id: m.id,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n createdAt: m.createdAt,\n model: m.model,\n promptLabel: m.promptLabel\n }));\n \n // Apply session settings\n if (session.settings) {\n if (session.settings.selectedModel) state.selectedModel = session.settings.selectedModel;\n if (session.settings.temperature != null) state.temperature = session.settings.temperature;\n // ... etc\n }\n \n // Load system prompt\n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n}\n```\n\n**New function: `saveSession()`**\n```typescript\nexport async function saveSession(state) {\n if (!state.currentChatId || !state.db) return;\n \n const session = await state.db.sessions.get(state.currentChatId);\n if (!session) return;\n \n // Update tree with current messages\n session.tree.messages = state.messages.map((m, idx) => ({\n id: m.id || idx + 1,\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n model: m.model,\n promptLabel: m.promptLabel,\n depth: idx\n }));\n \n session.updatedAt = Date.now();\n \n // Save back to DB\n await state.db.sessions.put(session);\n}\n```\n\n#### 3. Sidebar List (Lightweight Query)\n```typescript\nexport async function loadSessions(state) {\n // Only load metadata for sidebar (not full tree)\n const rows = await state.db.sessions\n .orderBy('createdAt')\n .reverse()\n .toArray();\n \n // Map to lightweight objects for sidebar\n state.chats = rows.map(s => ({\n id: s.id,\n title: s.title,\n slug: s.slug,\n createdAt: s.createdAt,\n folderId: s.folderId\n }));\n}\n```\n\n#### 4. Streaming Integration\n\n**No major changes needed!** Streaming works the same:\n1. Load session into memory: `const session = await db.sessions.get(id)`\n2. Update `state.messages` array as deltas arrive (in-memory)\n3. Debounce writes to disk:\n\n```typescript\n// After each delta or every 500ms\nconst debouncedSave = debounce(async () => {\n await saveSession(state);\n}, 500);\n\n// In applyJobDelta\nif (delta.content) {\n // Update in-memory\n state.messages[idx].content += delta.content;\n \n // Queue save\n debouncedSave();\n}\n```\n\n### Migration Validation\n- Count sessions created = chats migrated\n- Spot-check a few sessions to ensure messages present\n- Export a session and verify it's valid JSON\n- Import it back and verify it works\n\n### Rollback Plan\nIf v11 migration fails:\n1. Old `chats` + `messages` tables still exist\n2. Drop `sessions` table\n3. Revert code to v10\n4. Users' data is safe\n\n---\n\n## UI Changes for Branching - Implementation Guide\n\n### Phase 1: Linear Mode (No Branching Yet)\n**Goal**: Get atomic sessions working with current linear behavior.\n\n**Changes needed:**\n1. Replace `loadChats()` with `loadSessions()` (same interface)\n2. Replace `selectChat()` with `loadSession()` internally\n3. Replace incremental message saves with `saveSession()` (debounced)\n4. Keep `state.messages` as-is (linear array)\n\n**What stays the same:**\n- UI renders `state.messages` as before\n- Streaming updates `state.messages` in-memory\n- No branch UI yet\n\n### Phase 2: Add Branching UI (Future)\n**Goal**: Allow users to fork conversations and switch branches.\n\n**New UI state:**\n```typescript\n// In chatterApp.js state\ncurrentBranchId: number | null; // Which branch is active\nsessionTree: { // Loaded from session.tree\n messages: Message[];\n branches: Branch[];\n branchingEnabled: boolean;\n};\n```\n\n**Path building function:**\n```typescript\n// Build linear view from current branch\nfunction buildMessagePath(session, branchId) {\n const tree = session.tree;\n \n // If no branching, just return messages in order\n if (!tree.branchingEnabled || !tree.branches.length) {\n return tree.messages;\n }\n \n // Find the branch\n const branch = tree.branches.find(b => b.id === branchId);\n if (!branch) return tree.messages;\n \n // Walk from leaf to root\n const path = [];\n let currentId = branch.leafMessageId;\n const visited = new Set();\n \n while (currentId != null && !visited.has(currentId)) {\n visited.add(currentId);\n const msg = tree.messages.find(m => m.id === currentId);\n if (!msg) break;\n \n path.unshift(msg);\n currentId = msg.parentId;\n }\n \n return path;\n}\n```\n\n**Branch UI Components:**\n1. **Branch selector dropdown** (in message header)\n - Shows all branches for current session\n - Switch between branches\n \n2. **\"Fork\" button** (on each message)\n - Create new branch from any point\n - Generates alternative responses\n \n3. **Branch visualization** (optional)\n - Tree view showing all branches\n - Visual indicator of current branch\n\n### Branching Actions\n\n**Enable branching for a session:**\n```typescript\nasync function enableBranching(sessionId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n session.tree.branchingEnabled = true;\n \n // Create default \"main\" branch pointing to last message\n if (session.tree.messages.length > 0) {\n const lastMsg = session.tree.messages[session.tree.messages.length - 1];\n session.tree.branches.push({\n id: 1,\n leafMessageId: lastMsg.id,\n name: 'main',\n baseMessageId: null,\n createdAt: Date.now()\n });\n session.tree.activeBranchId = 1;\n }\n \n await db.sessions.put(session);\n}\n```\n\n**Fork/create alternative at a message:**\n```typescript\nasync function forkAtMessage(sessionId, messageId) {\n const session = await db.sessions.get(sessionId);\n if (!session || !session.tree.branchingEnabled) return;\n \n // Find the message to fork from\n const baseMsg = session.tree.messages.find(m => m.id === messageId);\n if (!baseMsg) return;\n \n // Generate new message as alternative\n const newMsgId = Math.max(...session.tree.messages.map(m => m.id), 0) + 1;\n const newMessage = {\n id: newMsgId,\n parentId: baseMsg.parentId, // Same parent (sibling)\n createdAt: Date.now(),\n role: 'assistant',\n content: '', // Will be filled by streaming\n depth: baseMsg.depth\n };\n \n session.tree.messages.push(newMessage);\n \n // Create new branch pointing to this message\n const newBranchId = Math.max(...session.tree.branches.map(b => b.id), 0) + 1;\n const newBranch = {\n id: newBranchId,\n leafMessageId: newMsgId,\n name: `alternative ${newBranchId}`,\n baseMessageId: baseMsg.parentId,\n createdAt: Date.now()\n };\n \n session.tree.branches.push(newBranch);\n session.tree.activeBranchId = newBranchId;\n \n await db.sessions.put(session);\n return { messageId: newMsgId, branchId: newBranchId };\n}\n```\n\n**Switch branches:**\n```typescript\nasync function switchBranch(sessionId, branchId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n const branch = session.tree.branches.find(b => b.id === branchId);\n if (!branch) return;\n \n // Update active branch\n session.tree.activeBranchId = branchId;\n await db.sessions.put(session);\n \n // Rebuild UI messages array\n state.messages = buildMessagePath(session, branchId);\n}\n```\n\n**Delete/archive a branch:**\n```typescript\nasync function archiveBranch(sessionId, branchId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n // Remove branch from list (messages stay in tree)\n session.tree.branches = session.tree.branches.filter(b => b.id !== branchId);\n \n // If this was active, switch to first available branch\n if (session.tree.activeBranchId === branchId) {\n session.tree.activeBranchId = session.tree.branches[0]?.id || null;\n }\n \n await db.sessions.put(session);\n}\n```\n\n**Note on orphaned messages**: With atomic sessions, orphaned messages aren't a problem—they just live in the tree. You can add a cleanup function to prune unreachable messages if desired, but it's not required.\n\n---\n\n## Backend & Jobs Impact\n\n**Good news**: Backend stays mostly the same! The atomic session approach doesn't change streaming.\n\n### What Changes\n1. **Save frequency**: Instead of saving each message individually, save the whole session (debounced)\n2. **Message payload construction**: Still builds from `state.messages` (linear array)\n3. **Streaming deltas**: Still update `state.messages[idx].content` in-memory\n\n### What Stays the Same\n- Backend streams deltas the same way\n- `applyJobDelta` updates messages in-memory\n- No backend changes needed for branching\n\n### Streaming with Sessions\n\n```typescript\n// Existing streaming code mostly unchanged\nthis.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId];\n if (!ctx) return;\n \n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n \n if (delta.content) {\n // Update in-memory array (same as before)\n if (ctx.chatId === this.currentChatId) {\n const idx = this.messages.findIndex(m => m.id === ctx.assistantMessageId);\n if (idx >= 0) {\n this.messages[idx].content += delta.content;\n }\n }\n \n // NEW: Debounce session save instead of immediate DB write\n this.debouncedSaveSession();\n }\n \n if (delta.reasoning) {\n // Same as before...\n this.messageReasoningMap[ctx.assistantMessageId] += delta.reasoning;\n this.debouncedSaveSession();\n }\n};\n\n// Debounced save helper\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n```\n\n---\n\n## Export / Import - The Killer Feature\n\n### Export (Trivially Simple)\n\n**Single session:**\n```typescript\nasync function exportSession(sessionId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n // That's it. Literally just grab the session.\n const json = JSON.stringify(session, null, 2);\n \n // Download\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${session.slug || session.id}-session.json`;\n a.click();\n URL.revokeObjectURL(url);\n}\n```\n\n**All data:**\n```typescript\nasync function exportAllData(state) {\n const sessions = await state.db.sessions.toArray();\n const folders = await state.db.folders.toArray();\n const systemPrompts = await state.db.systemPrompts.toArray();\n const notes = await state.db.notes.toArray();\n \n return {\n meta: {\n type: 'chatter-export-v11',\n exportedAt: Date.now(),\n version: 11\n },\n data: {\n sessions, // Each session is self-contained!\n folders,\n systemPrompts,\n notes\n }\n };\n}\n```\n\n### Import (Also Trivially Simple)\n\n**Single session:**\n```typescript\nasync function importSession(jsonFile) {\n const text = await jsonFile.text();\n const session = JSON.parse(text);\n \n // Validate basic structure\n if (!session.tree || !Array.isArray(session.tree.messages)) {\n throw new Error('Invalid session format');\n }\n \n // Remove old ID (will get new auto-increment ID)\n delete session.id;\n \n // Insert (that's it!)\n const newId = await db.sessions.add(session);\n return newId;\n}\n```\n\n**All data:**\n```typescript\nasync function importDataAppend(state, input) {\n const parsed = JSON.parse(input);\n const data = parsed.data || parsed;\n \n // Import sessions (no ID remapping needed!)\n for (const session of data.sessions || []) {\n delete session.id; // Get new ID\n await state.db.sessions.add(session);\n }\n \n // Import other tables (same as before)\n for (const folder of data.folders || []) {\n // ... handle folder remapping for folderId references\n }\n}\n```\n\n### Cross-App Compatibility\n\n**Why this is huge:**\n- Share a conversation = send one JSON file\n- Import into another app = just parse the JSON\n- Archive conversations = save JSON files\n- Backup strategy = export all sessions weekly\n- No complex graph rebuilding on import\n- No ID remapping for messages (they're local to session)\n\n---\n\n## Data Integrity & Safety\n\n### Cycle Prevention\n```typescript\nfunction validateNoCycles(session, newMessage) {\n if (newMessage.parentId === null) return true; // Root is always valid\n \n const visited = new Set();\n let currentId = newMessage.parentId;\n \n while (currentId != null) {\n if (visited.has(currentId)) {\n throw new Error('Cycle detected in message tree');\n }\n visited.add(currentId);\n \n const msg = session.tree.messages.find(m => m.id === currentId);\n if (!msg) break;\n currentId = msg.parentId;\n }\n \n return true;\n}\n```\n\n### Multi-Tab Safety\nWith atomic sessions, multi-tab conflicts are naturally handled:\n- Each tab loads session independently\n- Last write wins (standard Dexie behavior)\n- No partial state corruption (whole document is atomic)\n- Consider adding optimistic locking if needed:\n ```typescript\n session.version = (session.version || 0) + 1;\n ```\n\n### Orphaned Messages\n**Not a problem** with atomic sessions! Messages live in the tree even if no branch points to them. You can:\n1. Leave them (harmless, take up space but minimal)\n2. Add a cleanup tool to prune unreachable messages\n3. Show \"orphaned messages\" view for recovery\n\n---\n\n## Performance Considerations\n\n### What's Fast\n- ✅ Loading a session: One read, instant\n- ✅ Saving a session: One write, debounced\n- ✅ Sidebar list: Only loads metadata, not full trees\n- ✅ Linear conversations: No path building needed\n- ✅ Branch path building: O(depth) but depth is small (10-50 messages typical)\n\n### What to Watch\n- ⚠️ Very long conversations (500+ messages): Session size grows, but still manageable\n- ⚠️ Many branches (10+ per session): Path building gets slower, but rare\n- ⚠️ Rapid saves during streaming: Debounce to 500ms prevents DB thrashing\n\n### Optimization Strategies\n1. **Debounce saves**: Only write to disk every 500ms during streaming\n2. **Lazy load trees**: Sidebar only loads metadata, trees loaded on demand\n3. **Path caching**: Cache the current branch path in memory\n4. **Prune old branches**: Archive branches after X days of inactivity\n\n---\n\n## Rollout Plan\n\n### Phase 1: Atomic Sessions (No Branching) — 1-2 weeks\n**Goal**: Replace normalized tables with sessions, keep linear behavior. \n**Risk**: Low (keeps existing behavior, just changes storage)\n\n#### Schema & Migration\n- [x] Add Dexie v11 schema definition in `chatCore.js`\n- [x] Write migration upgrade function (chats+messages → sessions)\n- [ ] Add cycle detection validation\n- [x] Add migration error handling and logging\n- [ ] Test migration with sample data locally\n\n#### Core Functions\n- [x] Replace `loadChats()` → `loadSessions()` (metadata only)\n- [x] Replace `selectChat()` → `loadSession()` (full document)\n- [x] Add `saveSession()` function\n- [x] Add debounce helper for session saves\n- [x] Update `createNewChat()` to create session\n- [x] Update `deleteChat()` to delete session\n- [x] Update `duplicateChat()` to duplicate session\n\n#### Streaming Integration\n- [x] Update `sendMessage()` to use debounced saves\n- [x] Update `applyJobDelta()` to call `debouncedSaveSession()`\n- [x] Update `rerunFromUser()` to use sessions\n- [ ] Update `rerunAssistant()` to use sessions\n- [ ] Test streaming with rapid deltas\n\n#### Message Operations\n- [x] Update `deleteMessage()` to work with sessions\n- [x] Update `deleteMessagesBelow()` to work with sessions\n- [x] Update message editing to work with sessions\n- [x] Ensure reasoning map updates trigger saves\n\n#### Export/Import\n- [x] Simplify `exportAllData()` to include sessions\n- [x] Simplify `importDataReplace()` for sessions (no ID remapping)\n- [x] Simplify `importDataAppend()` for sessions\n- [x] Add single session export function\n- [x] Add single session import function\n- [ ] Test export/import round-trip\n\n#### Testing & Validation\n- [x] Fresh install works (no migration needed)\n- [ ] v10 → v11 migration runs successfully\n- [x] Verify all chats appear in sidebar\n- [x] Verify all messages present in each chat\n- [x] Test creating new chat\n- [x] Test sending messages\n- [x] Test streaming\n- [x] Test regenerate/rerun\n- [x] Test editing messages\n- [x] Test deleting messages\n- [x] Test deleting chats\n- [x] Test duplicate chat\n- [ ] Test export/import\n- [ ] Performance test: load chat with 100+ messages\n- [ ] Performance test: sidebar with 50+ chats\n\n#### Deployment\n- [ ] Code review\n- [ ] Deploy to staging/dev\n- [ ] Monitor browser console for migration errors\n- [ ] Validate in production-like environment\n- [ ] Deploy to production\n- [ ] Monitor for issues\n- [ ] Update documentation\n\n---\n\n### Phase 2: Enable Branching — 2-3 weeks after Phase 1\n**Goal**: Add UI for creating and switching branches. \n**Risk**: Medium (new UI patterns, user education needed)\n\n#### Core Branch Functions\n- [ ] Create `branchManager.js` module\n- [ ] Implement `enableBranching(sessionId)` function\n- [ ] Implement `forkAtMessage(sessionId, messageId)` function\n- [ ] Implement `switchBranch(sessionId, branchId)` function\n- [ ] Implement `archiveBranch(sessionId, branchId)` function\n- [ ] Implement `renameBranch(sessionId, branchId, newName)` function\n- [ ] Implement `buildMessagePath(session, branchId)` function\n- [ ] Add branch name uniqueness validation\n\n#### UI Components\n- [ ] Create branch selector dropdown component\n- [ ] Add \"Enable branching\" button to chat settings\n- [ ] Add \"Fork here\" button to message actions menu\n- [ ] Add branch indicator to chat header\n- [ ] Add branch count badge\n- [ ] Style branch UI elements\n- [ ] Add keyboard shortcuts for branch operations\n\n#### State Management\n- [ ] Add `currentBranchId` to app state\n- [ ] Add `sessionTree` to app state\n- [ ] Update `loadSession()` to handle branches\n- [ ] Update `saveSession()` to preserve branches\n- [ ] Add branch validation on save\n\n#### Streaming with Branches\n- [ ] Update `sendMessage()` to append to current branch\n- [ ] Update `applyJobDelta()` to write to current branch\n- [ ] Add validation: prevent streaming to inactive branch\n- [ ] Test streaming while switching branches\n- [ ] Test concurrent branch generation\n\n#### Fork/Regenerate\n- [ ] Update \"Regenerate\" to create sibling branch\n- [ ] Add UI to select which regeneration to keep\n- [ ] Test multiple alternatives at same point\n- [ ] Test switching between alternatives\n\n#### Export/Import with Branches\n- [ ] Verify session export includes full branch tree\n- [ ] Test import of branched sessions\n- [ ] Add branch count to export metadata\n- [ ] Test cross-app import (external tools)\n\n#### Testing\n- [ ] Enable branching for test session\n- [ ] Fork at various message points\n- [ ] Create 5+ branches in one session\n- [ ] Switch between branches rapidly\n- [ ] Test streaming to different branches\n- [ ] Test regenerate creates sibling\n- [ ] Test delete branch\n- [ ] Test rename branch\n- [ ] Test export/import branched session\n- [ ] Test orphaned message handling\n- [ ] Performance: switch between branches < 100ms\n- [ ] Performance: fork operation < 50ms\n\n#### Documentation & UX\n- [ ] Add tooltip explanations for branch features\n- [ ] Create user guide for branching\n- [ ] Add visual indicators for current branch\n- [ ] Add confirmation for destructive branch operations\n- [ ] Add undo for branch deletion\n\n#### Deployment\n- [ ] Deploy behind feature flag\n- [ ] Enable for beta users\n- [ ] Gather feedback\n- [ ] Fix bugs and iterate\n- [ ] Gradual rollout to all users\n- [ ] Monitor usage and performance\n- [ ] Update help documentation\n\n---\n\n### Phase 3: Advanced Features (Optional) — Future\n**Goal**: Enhance branching with power-user features. \n**Risk**: Low (all optional enhancements)\n\n#### Branch Visualization\n- [ ] Design tree view UI\n- [ ] Implement visual branch tree renderer\n- [ ] Add zoom/pan controls\n- [ ] Add click to switch branches from tree\n- [ ] Show branch names on tree nodes\n- [ ] Highlight current branch path\n\n#### Branch Operations\n- [ ] Implement branch merge/combine\n- [ ] Add diff view between branches\n- [ ] Add branch comparison tool\n- [ ] Add \"cherry-pick\" messages between branches\n- [ ] Add branch templates/favorites\n\n#### Analytics & Insights\n- [ ] Track which branches are used most\n- [ ] Track regeneration patterns\n- [ ] Show \"best path\" recommendations\n- [ ] Add branch quality scoring\n\n#### Collaboration Features\n- [ ] Export single branch as separate conversation\n- [ ] Import branch into existing session\n- [ ] Share specific branch via URL\n- [ ] Add branch annotations/comments\n\n#### Cleanup & Maintenance\n- [ ] Add \"Find orphaned messages\" tool\n- [ ] Add \"Prune unused branches\" function\n- [ ] Add \"Flatten to linear\" option\n- [ ] Auto-archive old branches\n\n#### Performance Optimizations\n- [ ] Implement path caching\n- [ ] Lazy-load branch trees\n- [ ] Virtual scrolling for large trees\n- [ ] Index optimization for branch queries\n\n---\n\n## Testing Checklist\n\n### Migration Testing\n- [ ] Fresh install works (no migration needed)\n- [ ] v10 → v11 migration runs successfully\n- [ ] All chats appear in sidebar after migration\n- [ ] All messages present in migrated chats\n- [ ] Settings/prompts preserved after migration\n- [ ] Export v10 → import v11 works\n- [ ] Export v11 → import v11 works (round-trip)\n\n### Linear Mode Testing\n- [ ] Create new chat works\n- [ ] Send message works\n- [ ] Streaming displays correctly\n- [ ] Regenerate works\n- [ ] Edit message works\n- [ ] Delete message works\n- [ ] Delete chat works\n- [ ] Duplicate chat works\n- [ ] Folder organization works\n- [ ] Search/filter works\n\n### Branching Testing (Phase 2)\n- [ ] Enable branching for session\n- [ ] Fork at any message creates branch\n- [ ] Switch between branches works\n- [ ] Each branch maintains independent content\n- [ ] Streaming to specific branch works\n- [ ] Regenerate creates sibling branch\n- [ ] Delete branch works\n- [ ] Rename branch works\n- [ ] Branch count shows correctly\n- [ ] Cannot create duplicate branch names\n\n### Performance Testing\n- [ ] Load chat with 100 messages: < 100ms\n- [ ] Load chat with 500 messages: < 500ms\n- [ ] Save session during streaming: < 50ms (debounced)\n- [ ] Switch between 5 branches: < 100ms\n- [ ] Sidebar with 100 chats: < 200ms\n- [ ] Export session with 200 messages: < 500ms\n- [ ] Import session: < 1s\n\n### Edge Cases\n- [ ] Empty session (no messages)\n- [ ] Session with only assistant greeting\n- [ ] Very long single message (10K+ chars)\n- [ ] Rapid branch switching\n- [ ] Stream interrupted mid-generation\n- [ ] Browser refresh during stream\n- [ ] Multi-tab editing (last write wins)\n- [ ] Orphaned messages (no branch points to them)\n\n---\n\n## Summary: Why Atomic Sessions Win\n\n### For Your Use Case\n✅ **Short Q&A chats** → Small, fast documents \n✅ **Portability priority** → One file = one conversation \n✅ **Simple export/import** → No complex ID remapping \n✅ **Easy to inspect** → Open JSON, see everything \n✅ **Client-side only** → No concurrency issues \n\n### What Changes\n- Replace `chats` + `messages` tables → `sessions` table\n- Load session: one read instead of JOIN\n- Save session: one write (debounced) instead of incremental\n- Export: grab session, done\n- Import: validate + insert, done\n\n### What Stays the Same\n- UI still uses `state.messages` linear array\n- Streaming still updates in-memory\n- Backend unchanged\n- Folder organization unchanged\n- All existing features work\n\n### Migration Path\n1. **Phase 1** (1-2 weeks): Migrate to sessions, keep linear behavior\n2. **Phase 2** (2-3 weeks): Add branching UI and features\n3. **Phase 3** (ongoing): Advanced branch features as needed\n\n### The Payoff\n- **Export a chat** → one line of code\n- **Import a chat** → one line of code \n- **Share with colleague** → send JSON file\n- **Archive conversations** → save files locally\n- **Cross-app compatibility** → any tool can read the format\n- **Future-proof** → structure is self-documenting and inspectable\n\n**Bottom line**: Atomic sessions trade theoretical scalability (which you don't need) for practical simplicity and portability (which you do need).\n\n---\n\n## Quick Reference: Implementation Checklist\n\n### Essential Steps (Phase 1)\n\n#### Step 1: Add v11 Schema (chatCore.js)\n- [x] Add Dexie v11 schema with `sessions` table\n- [x] Keep old `chats` and `messages` tables for migration\n- [x] Write `.upgrade()` function with migration logic\n- [x] Add migration logging and error handling\n\n```typescript\nstate.db.version(11).stores({\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n chats: '++id, title, slug, createdAt, folderId, ...', // Keep for migration\n messages: '++id, chatId, createdAt, role, content, model', // Keep for migration\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n}).upgrade(async tx => {\n // See \"Migration Plan\" section for full code\n});\n```\n\n#### Step 2: Replace Core Functions (chatCore.js)\n- [x] Add `loadSessions()` - loads metadata only (for sidebar)\n- [x] Add `loadSession(id)` - loads full session document\n- [x] Add `saveSession()` - saves full session\n- [x] Add debounce helper (500ms delay)\n- [x] Update `createNewChat()` to create session\n- [x] Update `deleteChat()` to delete session\n- [x] Update `duplicateChat()` to duplicate session\n- [x] Keep `state.messages` array (UI compatibility!)\n\n#### Step 3: Update Streaming (chatterApp.js)\n- [x] Add `debouncedSaveSession` helper\n- [x] Update `sendMessage()` to call debounced save\n- [x] Update `applyJobDelta()` to call debounced save\n- [x] Update `rerunFromUser()` to use sessions\n- [ ] Test rapid streaming doesn't thrash DB\n\n```typescript\n// Add debounce helper\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n\n// In applyJobDelta:\nif (delta.content) {\n this.messages[idx].content += delta.content;\n this.debouncedSaveSession(); // NEW\n}\n```\n\n#### Step 4: Simplify Export/Import (dataIO.js)\n- [x] Update `exportAllData()` to export sessions\n- [x] Simplify `importDataReplace()` - no ID remapping\n- [x] Simplify `importDataAppend()` - sessions are atomic\n- [x] Add single session export function\n- [x] Add single session import function\n\n```typescript\n// Single session export\nasync function exportSession(id) {\n const session = await db.sessions.get(id);\n return JSON.stringify(session, null, 2);\n}\n\n// Single session import\nasync function importSession(json) {\n const session = JSON.parse(json);\n delete session.id;\n return await db.sessions.add(session);\n}\n```\n\n#### Step 5: Test Migration\n- [ ] Export all v10 data as backup\n- [ ] Test migration on copy of real data\n- [ ] Verify session count = chat count\n- [ ] Spot-check messages in random sessions\n- [ ] Test creating new chat\n- [ ] Test sending messages\n- [ ] Test streaming\n- [ ] Test regenerate\n- [ ] Test delete/edit\n- [ ] Test export/import round-trip\n- [ ] Performance test with large chats\n\n#### Step 6: Deploy\n- [ ] Code review\n- [ ] Deploy to dev/staging\n- [ ] Monitor migration logs\n- [ ] Validate in production-like environment\n- [ ] Deploy to production\n- [ ] Monitor for errors in first 24h\n- [ ] Keep v10 tables for 1-2 weeks (safety)\n- [ ] Update documentation\n\n---\n\n## Files to Modify\n\n### Phase 1: Core Files (Must Change)\n\n#### `frontend/core/chatCore.js`\n**Purpose**: Database schema and core data operations \n**Current**: v10 schema with normalized `chats` + `messages` tables \n**Changes needed**:\n- Add Dexie v11 schema with `sessions` table\n- Write migration `.upgrade()` function\n- Replace `loadChats()` → `loadSessions()` (metadata only)\n- Replace `selectChat()` → `loadSession()` (full document)\n- Add `saveSession()` function\n- Update `createNewChat()` to create session\n- Update `deleteChat()` to delete session\n- Update `duplicateChat()` to duplicate session\n- Keep message CRUD operations for backward compatibility (optional)\n\n**Key functions to modify**:\n```javascript\nexport async function initDb(state) // Add v11 schema\nexport async function loadSessions(state) // NEW - replace loadChats\nexport async function loadSession(state, id) // NEW - replace selectChat\nexport async function saveSession(state) // NEW - debounced save\nexport async function createNewChat(state) // Update to create session\nexport async function deleteChat(state, id) // Update to delete session\nexport async function duplicateChat(state, id) // Update to duplicate session\n```\n\n---\n\n#### `frontend/chatterApp.js`\n**Purpose**: Main application state and streaming logic \n**Current**: Incremental message saves to Dexie \n**Changes needed**:\n- Add `debouncedSaveSession` helper function\n- Update `sendMessage()` to use debounced saves\n- Update `applyJobDelta()` to call `debouncedSaveSession()`\n- Update `rerunFromUser()` to work with sessions\n- Update `rerunAssistant()` to work with sessions\n- Keep `state.messages` array (UI compatibility)\n\n**Key sections to modify**:\n```javascript\n// Add in init()\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n\n// In applyJobDelta (around line 1591)\nif (delta.content) {\n this.messages[idx].content += delta.content;\n this.debouncedSaveSession(); // ADD THIS\n}\n\n// In sendMessage (around line 1545)\n// Replace individual message saves with debouncedSaveSession()\n\n// In rerunFromUser (around line 1383)\n// Replace individual message saves with debouncedSaveSession()\n```\n\n---\n\n#### `frontend/dataIO.js`\n**Purpose**: Export and import functionality \n**Current**: Complex ID remapping for normalized tables \n**Changes needed**:\n- Update `exportAllData()` to export sessions instead of chats+messages\n- Simplify `importDataReplace()` - no ID remapping needed\n- Simplify `importDataAppend()` - sessions are atomic\n- Add `exportSession(id)` for single session export\n- Add `importSession(json)` for single session import\n\n**Key functions to modify**:\n```javascript\nexport async function exportAllData(state)\nexport async function importDataReplace(state, input)\nexport async function importDataAppend(state, input)\n// Add these new functions:\nexport async function exportSession(state, id)\nexport async function importSession(state, json)\n```\n\n---\n\n### Phase 1: Secondary Files (May Need Updates)\n\n#### `frontend/init.js`\n**Purpose**: Alpine.js initialization and presetsPanel \n**Current**: Has its own Dexie schema (up to v7) \n**Changes needed**:\n- Update presetsPanel `initDb()` to include v11 for consistency\n- Keep v10 definitions for backward compatibility\n- No functional changes (presets are separate table)\n\n**Section to update** (around line 31):\n```javascript\ninitDb() {\n // ... existing versions ...\n // Add v11 to match chatCore.js\n this.db.version(11).stores({\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n chats: '++id, title, slug, createdAt, folderId, ...',\n messages: '++id, chatId, createdAt, role, content, model',\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n });\n}\n```\n\n---\n\n#### `frontend/messageEditing.js`\n**Purpose**: Inline message editing \n**Current**: Saves individual messages to Dexie \n**Changes needed**:\n- Replace `db.messages.put()` with `saveSession()`\n- Ensure edits trigger debounced session save\n\n**Functions to update**:\n```javascript\nexport async function commitEditingMessage(state)\n// Replace db.messages.put() with saveSession()\n```\n\n---\n\n### Phase 1: Files That DON'T Need Changes\n\n✅ **`backend/` (entire directory)** - Backend is stateless, no changes needed \n✅ **`frontend/components/*.html`** - UI components use `state.messages` (unchanged) \n✅ **`frontend/apiClient.js`** - API calls unchanged \n✅ **`frontend/chatterLib.js`** - Helper functions unchanged \n✅ **`frontend/contentRenderers.js`** - Rendering unchanged \n✅ **`frontend/dragDrop.js`** - Drag/drop unchanged \n✅ **`frontend/i18n.js`** - Internationalization unchanged \n✅ **`frontend/preferences.js`** - Settings persistence unchanged \n✅ **`frontend/presets.js`** - Presets system unchanged \n✅ **`frontend/timerUtils.js`** - Timer utils unchanged \n✅ **`frontend/traceUI.js`** - Trace UI unchanged \n✅ **`frontend/uiTools.js`** - UI utilities unchanged \n\n---\n\n### Phase 2: New Files to Create (Branching)\n\n#### `frontend/core/branchManager.js` (NEW)\n**Purpose**: Branch operations and management \n**Functions to implement**:\n```javascript\nexport async function enableBranching(state, sessionId)\nexport async function forkAtMessage(state, sessionId, messageId)\nexport async function switchBranch(state, sessionId, branchId)\nexport async function archiveBranch(state, sessionId, branchId)\nexport async function renameBranch(state, sessionId, branchId, newName)\nexport function buildMessagePath(session, branchId)\nexport function validateNoCycles(session, newMessage)\n```\n\n---\n\n#### `frontend/components/branchSelector.html` (NEW)\n**Purpose**: Branch dropdown UI component \n**Features**:\n- Show all branches for current session\n- Highlight active branch\n- Switch between branches\n- Create new branch\n- Rename/delete branches\n\n---\n\n#### `frontend/components/branchVisualizer.html` (NEW - Optional)\n**Purpose**: Visual tree view of branches \n**Features**:\n- SVG/Canvas tree rendering\n- Click nodes to switch branches\n- Zoom/pan controls\n- Show branch names and dates\n\n---\n\n### Reference: Current File Structure\n\n```\n/Users/janzheng/localhost/smallweb/chatter/\n├── backend/\n│ ├── config.js ✅ No changes\n│ ├── index.js ✅ No changes\n│ ├── routes/\n│ │ ├── chatStream.js ✅ No changes\n│ │ ├── chatStreamSSE.js ✅ No changes\n│ │ ├── jobs.js ✅ No changes\n│ │ ├── search.js ✅ No changes\n│ │ ├── static.js ✅ No changes\n│ │ ├── styles.js ✅ No changes\n│ │ └── system.js ✅ No changes\n│ └── utils.js ✅ No changes\n├── frontend/\n│ ├── apiClient.js ✅ No changes\n│ ├── chatterApp.js ✏️ MODIFY - streaming & saves\n│ ├── chatterLib.js ✅ No changes\n│ ├── components/\n│ │ ├── appSettings.html ✅ No changes\n│ │ ├── chatControls.html ✅ No changes\n│ │ ├── chatWindow.html ✅ No changes\n│ │ ├── globalMenu.html ✅ No changes\n│ │ ├── sidebarDesktop.html ✅ No changes\n│ │ └── sidebarMobile.html ✅ No changes\n│ ├── contentRenderers.js ✅ No changes\n│ ├── core/\n│ │ ├── chatCore.js ✏️ MODIFY - schema & core ops\n│ │ ├── jobManager.js ✅ No changes\n│ │ └── branchManager.js 📄 NEW (Phase 2)\n│ ├── dataIO.js ✏️ MODIFY - export/import\n│ ├── dragDrop.js ✅ No changes\n│ ├── experimental/\n│ │ └── streaming.js ✅ No changes\n│ ├── i18n.js ✅ No changes\n│ ├── init.js ✏️ MINOR - schema sync\n│ ├── messageEditing.js ✏️ MODIFY - use sessions\n│ ├── preferences.js ✅ No changes\n│ ├── presets.js ✅ No changes\n│ ├── timerUtils.js ✅ No changes\n│ ├── traceUI.js ✅ No changes\n│ └── uiTools.js ✅ No changes\n├── BRANCH_DATA_MODEL.md 📖 This document\n├── chatCompletion.js ✅ No changes\n├── chatStreaming.js ✅ No changes\n├── index.html ✅ No changes\n├── jsonUtils.js ✅ No changes\n└── main.js ✅ No changes\n```\n\n---\n\n### Summary of Changes\n\n| File | Lines of Code | Complexity | Phase |\n|------|---------------|------------|-------|\n| `frontend/core/chatCore.js` | ~200-300 new/modified | High | 1 |\n| `frontend/chatterApp.js` | ~50-100 modified | Medium | 1 |\n| `frontend/dataIO.js` | ~100-150 modified | Medium | 1 |\n| `frontend/init.js` | ~10 new | Low | 1 |\n| `frontend/messageEditing.js` | ~20 modified | Low | 1 |\n| `frontend/core/branchManager.js` | ~200-300 new | High | 2 |\n| `frontend/components/branchSelector.html` | ~100-150 new | Medium | 2 |\n\n**Total estimated changes**: ~800-1,000 lines of code across 5 files (Phase 1) \n**New code**: ~300-500 lines (Phase 2)\n\n---\n\n## Key Concepts Summary\n\n| Concept | Old (v10) | New (v11) |\n|---------|-----------|-----------|\n| **Storage** | Normalized tables | Atomic documents |\n| **Load chat** | JOIN query | Single read |\n| **Save message** | Individual writes | Debounced full save |\n| **Export** | Serialize + remap IDs | Grab session |\n| **Import** | Parse + remap IDs | Validate + insert |\n| **Branches** | Not supported | Embedded tree |\n| **Portability** | Complex | Trivial |\n\n---\n\n## Need Help?\n\n**Common issues:**\n- Migration stuck? Check browser console for errors\n- Messages missing? Check `session.tree.messages` array\n- Streaming not saving? Check debounce is working\n- Can't import? Validate JSON structure matches schema\n\n**Debug tools:**\n```javascript\n// In browser console:\nconst db = new Dexie('chat_db');\nawait db.open();\n\n// Check sessions\nconst sessions = await db.sessions.toArray();\nconsole.log('Sessions:', sessions);\n\n// Check a specific session\nconst session = await db.sessions.get(1);\nconsole.log('Session tree:', session.tree);\n\n// Check migration status\nconsole.log('DB version:', db.verno);\n```\n\n",[237],"caf0b730-9764-11f0-b6fe-0224a6c84d84",".vtignore","f77226d2-7616-11f0-baaa-0224a6c84d84",207,["D",1758511960565],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nfrontend/vendor/",[244],"f756687a-7616-11f0-99b1-0224a6c84d84",".gitignore","f7566974-7616-11f0-99b1-0224a6c84d84",13,["D",1754850145313],".env\n.DS_Store",[251],"bae9aca2-8526-11f0-9a69-0224a6c84d84","scripts","bae9ad6a-8526-11f0-9a69-0224a6c84d84",108,["D",1756506183953],"directory",[258],"f64a42a8-7616-11f0-baaa-0224a6c84d84","frontend","f64a4398-7616-11f0-baaa-0224a6c84d84",["D",1754850144183],[265],"03cb2a36-7758-11f0-b9e9-0224a6c84d84","backend","03cb2afe-7758-11f0-b9e9-0224a6c84d84",21,["D",1754988035289],[270],"pulls","branches","forks","envVars",{"_282":63,"_284":63},"connections",{"_282":63,"_283":63},"count","unfilledCount","emptyCount",{"_43":269,"_32":270,"_30":271,"_147":-5,"_41":42,"_40":272,"_149":25,"_38":847,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":848,"_27":849},{"_43":842,"_32":809,"_30":803,"_147":271,"_41":42,"_40":843,"_149":25,"_38":844,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":845,"_27":846},{"_43":834,"_32":835,"_30":836,"_147":803,"_41":42,"_40":837,"_149":49,"_38":838,"_13":190,"_34":35,"_36":839,"_24":49,"_152":-5,"_359":840,"_27":841},{"_43":826,"_32":827,"_30":828,"_147":803,"_41":42,"_40":829,"_149":25,"_38":830,"_13":190,"_34":35,"_36":831,"_24":49,"_152":-5,"_359":832,"_27":833},{"_43":818,"_32":819,"_30":820,"_147":803,"_41":42,"_40":821,"_149":25,"_38":822,"_13":148,"_34":35,"_36":823,"_24":49,"_152":-5,"_359":824,"_27":825},{"_43":810,"_32":811,"_30":812,"_147":803,"_41":42,"_40":813,"_149":25,"_38":814,"_13":198,"_34":35,"_36":815,"_24":49,"_152":-5,"_359":816,"_27":817},{"_43":800,"_32":801,"_30":802,"_147":803,"_41":42,"_40":804,"_149":25,"_38":805,"_13":198,"_34":35,"_36":806,"_24":49,"_152":-5,"_359":807,"_27":808},{"_43":792,"_32":793,"_30":794,"_147":271,"_41":42,"_40":795,"_149":25,"_38":796,"_13":63,"_34":35,"_36":797,"_24":49,"_152":-5,"_359":798,"_27":799},{"_43":785,"_32":665,"_30":786,"_147":271,"_41":42,"_40":787,"_149":25,"_38":788,"_13":460,"_34":35,"_36":789,"_24":49,"_152":-5,"_359":790,"_27":791},{"_43":777,"_32":778,"_30":779,"_147":271,"_41":42,"_40":780,"_149":25,"_38":781,"_13":190,"_34":35,"_36":782,"_24":49,"_152":-5,"_359":783,"_27":784},{"_43":264,"_32":265,"_30":266,"_147":-5,"_41":42,"_40":198,"_149":25,"_38":774,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":775,"_27":776},{"_43":769,"_32":727,"_30":721,"_147":266,"_41":42,"_40":770,"_149":25,"_38":771,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":772,"_27":773},{"_43":761,"_32":762,"_30":763,"_147":721,"_41":42,"_40":764,"_149":49,"_38":765,"_13":460,"_34":20,"_36":766,"_24":49,"_152":-5,"_359":767,"_27":768},{"_43":752,"_32":753,"_30":754,"_147":721,"_41":42,"_40":755,"_149":49,"_38":756,"_13":757,"_34":20,"_36":758,"_24":49,"_152":-5,"_359":759,"_27":760},{"_43":744,"_32":745,"_30":746,"_147":721,"_41":42,"_40":747,"_149":49,"_38":748,"_13":701,"_34":20,"_36":749,"_24":49,"_152":-5,"_359":750,"_27":751},{"_43":736,"_32":737,"_30":738,"_147":721,"_41":42,"_40":739,"_149":49,"_38":740,"_13":63,"_34":20,"_36":741,"_24":49,"_152":-5,"_359":742,"_27":743},{"_43":728,"_32":729,"_30":730,"_147":721,"_41":42,"_40":731,"_149":49,"_38":732,"_13":460,"_34":20,"_36":733,"_24":49,"_152":-5,"_359":734,"_27":735},{"_43":718,"_32":719,"_30":720,"_147":721,"_41":42,"_40":722,"_149":49,"_38":723,"_13":190,"_34":20,"_36":724,"_24":49,"_152":-5,"_359":725,"_27":726},{"_43":713,"_32":647,"_30":641,"_147":266,"_41":42,"_40":714,"_149":25,"_38":715,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":716,"_27":717},{"_43":705,"_32":706,"_30":707,"_147":641,"_41":42,"_40":708,"_149":25,"_38":709,"_13":63,"_34":35,"_36":710,"_24":49,"_152":-5,"_359":711,"_27":712},{"_43":696,"_32":697,"_30":698,"_147":641,"_41":42,"_40":699,"_149":49,"_38":700,"_13":701,"_34":35,"_36":702,"_24":49,"_152":-5,"_359":703,"_27":704},{"_43":688,"_32":689,"_30":690,"_147":641,"_41":42,"_40":691,"_149":25,"_38":692,"_13":63,"_34":35,"_36":693,"_24":49,"_152":-5,"_359":694,"_27":695},{"_43":680,"_32":681,"_30":682,"_147":641,"_41":42,"_40":683,"_149":25,"_38":684,"_13":63,"_34":35,"_36":685,"_24":49,"_152":-5,"_359":686,"_27":687},{"_43":672,"_32":673,"_30":674,"_147":641,"_41":42,"_40":675,"_149":25,"_38":676,"_13":63,"_34":35,"_36":677,"_24":49,"_152":-5,"_359":678,"_27":679},{"_43":664,"_32":665,"_30":666,"_147":641,"_41":42,"_40":667,"_149":25,"_38":668,"_13":63,"_34":35,"_36":669,"_24":49,"_152":-5,"_359":670,"_27":671},{"_43":656,"_32":657,"_30":658,"_147":641,"_41":42,"_40":659,"_149":25,"_38":660,"_13":198,"_34":35,"_36":661,"_24":49,"_152":-5,"_359":662,"_27":663},{"_43":648,"_32":649,"_30":650,"_147":641,"_41":42,"_40":651,"_149":25,"_38":652,"_13":63,"_34":35,"_36":653,"_24":49,"_152":-5,"_359":654,"_27":655},{"_43":638,"_32":639,"_30":640,"_147":641,"_41":42,"_40":642,"_149":25,"_38":643,"_13":63,"_34":35,"_36":644,"_24":49,"_152":-5,"_359":645,"_27":646},{"_43":633,"_32":632,"_30":625,"_147":266,"_41":42,"_40":634,"_149":25,"_38":635,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":636,"_27":637},{"_43":622,"_32":623,"_30":624,"_147":625,"_41":42,"_40":626,"_149":25,"_38":627,"_13":628,"_34":35,"_36":629,"_24":49,"_152":-5,"_359":630,"_27":631},{"_43":617,"_32":585,"_30":579,"_147":266,"_41":42,"_40":618,"_149":25,"_38":619,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":620,"_27":621},{"_43":612,"_32":603,"_30":597,"_147":579,"_41":42,"_40":613,"_149":25,"_38":614,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":615,"_27":616},{"_43":604,"_32":605,"_30":606,"_147":597,"_41":42,"_40":607,"_149":49,"_38":608,"_13":198,"_34":20,"_36":609,"_24":49,"_152":-5,"_359":610,"_27":611},{"_43":594,"_32":595,"_30":596,"_147":597,"_41":42,"_40":598,"_149":25,"_38":599,"_13":63,"_34":20,"_36":600,"_24":49,"_152":-5,"_359":601,"_27":602},{"_43":586,"_32":587,"_30":588,"_147":579,"_41":42,"_40":589,"_149":49,"_38":590,"_13":198,"_34":20,"_36":591,"_24":49,"_152":-5,"_359":592,"_27":593},{"_43":576,"_32":577,"_30":578,"_147":579,"_41":42,"_40":580,"_149":49,"_38":581,"_13":198,"_34":20,"_36":582,"_24":49,"_152":-5,"_359":583,"_27":584},{"_43":571,"_32":546,"_30":540,"_147":266,"_41":42,"_40":572,"_149":25,"_38":573,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":574,"_27":575},{"_43":563,"_32":564,"_30":565,"_147":540,"_41":42,"_40":566,"_149":25,"_38":567,"_13":63,"_34":35,"_36":568,"_24":49,"_152":-5,"_359":569,"_27":570},{"_43":555,"_32":556,"_30":557,"_147":540,"_41":42,"_40":558,"_149":25,"_38":559,"_13":63,"_34":35,"_36":560,"_24":49,"_152":-5,"_359":561,"_27":562},{"_43":547,"_32":548,"_30":549,"_147":540,"_41":42,"_40":550,"_149":25,"_38":551,"_13":63,"_34":35,"_36":552,"_24":49,"_152":-5,"_359":553,"_27":554},{"_43":537,"_32":538,"_30":539,"_147":540,"_41":42,"_40":541,"_149":25,"_38":542,"_13":63,"_34":35,"_36":543,"_24":49,"_152":-5,"_359":544,"_27":545},{"_43":529,"_32":530,"_30":531,"_147":266,"_41":42,"_40":532,"_149":49,"_38":533,"_13":190,"_34":35,"_36":534,"_24":49,"_152":-5,"_359":535,"_27":536},{"_43":520,"_32":521,"_30":522,"_147":266,"_41":42,"_40":523,"_149":49,"_38":524,"_13":525,"_34":35,"_36":526,"_24":49,"_152":-5,"_359":527,"_27":528},{"_43":512,"_32":513,"_30":514,"_147":266,"_41":42,"_40":515,"_149":49,"_38":516,"_13":198,"_34":35,"_36":517,"_24":49,"_152":-5,"_359":518,"_27":519},{"_43":504,"_32":505,"_30":506,"_147":266,"_41":42,"_40":507,"_149":25,"_38":508,"_13":63,"_34":35,"_36":509,"_24":49,"_152":-5,"_359":510,"_27":511},{"_43":496,"_32":497,"_30":498,"_147":266,"_41":42,"_40":499,"_149":25,"_38":500,"_13":190,"_34":35,"_36":501,"_24":49,"_152":-5,"_359":502,"_27":503},{"_43":488,"_32":489,"_30":490,"_147":266,"_41":42,"_40":491,"_149":25,"_38":492,"_13":63,"_34":35,"_36":493,"_24":49,"_152":-5,"_359":494,"_27":495},{"_43":480,"_32":481,"_30":482,"_147":266,"_41":42,"_40":483,"_149":25,"_38":484,"_13":148,"_34":35,"_36":485,"_24":49,"_152":-5,"_359":486,"_27":487},{"_43":472,"_32":473,"_30":474,"_147":266,"_41":42,"_40":475,"_149":49,"_38":476,"_13":198,"_34":35,"_36":477,"_24":49,"_152":-5,"_359":478,"_27":479},{"_43":464,"_32":465,"_30":466,"_147":266,"_41":42,"_40":467,"_149":25,"_38":468,"_13":63,"_34":35,"_36":469,"_24":49,"_152":-5,"_359":470,"_27":471},{"_43":455,"_32":456,"_30":457,"_147":266,"_41":42,"_40":458,"_149":25,"_38":459,"_13":460,"_34":35,"_36":461,"_24":49,"_152":-5,"_359":462,"_27":463},{"_43":447,"_32":448,"_30":449,"_147":266,"_41":42,"_40":450,"_149":25,"_38":451,"_13":63,"_34":35,"_36":452,"_24":49,"_152":-5,"_359":453,"_27":454},{"_43":439,"_32":440,"_30":441,"_147":266,"_41":42,"_40":442,"_149":25,"_38":443,"_13":63,"_34":35,"_36":444,"_24":49,"_152":-5,"_359":445,"_27":446},{"_43":431,"_32":432,"_30":433,"_147":266,"_41":42,"_40":434,"_149":25,"_38":435,"_13":63,"_34":35,"_36":436,"_24":49,"_152":-5,"_359":437,"_27":438},{"_43":423,"_32":424,"_30":425,"_147":266,"_41":42,"_40":426,"_149":25,"_38":427,"_13":63,"_34":35,"_36":428,"_24":49,"_152":-5,"_359":429,"_27":430},{"_43":257,"_32":258,"_30":259,"_147":-5,"_41":42,"_40":260,"_149":25,"_38":420,"_13":63,"_34":262,"_36":-5,"_24":49,"_152":-5,"_359":421,"_27":422},{"_43":412,"_32":413,"_30":414,"_147":259,"_41":42,"_40":415,"_149":25,"_38":416,"_13":63,"_34":35,"_36":417,"_24":49,"_152":-5,"_359":418,"_27":419},{"_43":404,"_32":405,"_30":406,"_147":259,"_41":42,"_40":407,"_149":25,"_38":408,"_13":63,"_34":35,"_36":409,"_24":49,"_152":-5,"_359":410,"_27":411},{"_43":250,"_32":251,"_30":252,"_147":-5,"_41":42,"_40":253,"_149":25,"_38":401,"_13":63,"_34":20,"_36":255,"_24":49,"_152":-5,"_359":402,"_27":403},{"_43":243,"_32":244,"_30":245,"_147":-5,"_41":42,"_40":246,"_149":25,"_38":398,"_13":190,"_34":20,"_36":248,"_24":49,"_152":-5,"_359":399,"_27":400},{"_43":236,"_32":237,"_30":238,"_147":-5,"_41":42,"_40":239,"_149":25,"_38":395,"_13":198,"_34":20,"_36":241,"_24":49,"_152":-5,"_359":396,"_27":397},{"_43":229,"_32":230,"_30":231,"_147":-5,"_41":42,"_40":232,"_149":25,"_38":392,"_13":63,"_34":20,"_36":234,"_24":49,"_152":-5,"_359":393,"_27":394},{"_43":222,"_32":223,"_30":224,"_147":-5,"_41":42,"_40":225,"_149":25,"_38":389,"_13":63,"_34":20,"_36":227,"_24":49,"_152":-5,"_359":390,"_27":391},{"_43":215,"_32":216,"_30":217,"_147":-5,"_41":42,"_40":218,"_149":25,"_38":386,"_13":63,"_34":20,"_36":220,"_24":49,"_152":-5,"_359":387,"_27":388},{"_43":208,"_32":209,"_30":210,"_147":-5,"_41":42,"_40":211,"_149":25,"_38":383,"_13":63,"_34":20,"_36":213,"_24":49,"_152":-5,"_359":384,"_27":385},{"_43":201,"_32":202,"_30":203,"_147":-5,"_41":42,"_40":204,"_149":25,"_38":380,"_13":166,"_34":35,"_36":206,"_24":49,"_152":-5,"_359":381,"_27":382},{"_43":193,"_32":194,"_30":195,"_147":-5,"_41":42,"_40":196,"_149":25,"_38":377,"_13":198,"_34":35,"_36":199,"_24":49,"_152":-5,"_359":378,"_27":379},{"_43":185,"_32":186,"_30":187,"_147":-5,"_41":42,"_40":188,"_149":49,"_38":374,"_13":190,"_34":20,"_36":191,"_24":49,"_152":-5,"_359":375,"_27":376},{"_43":178,"_32":179,"_30":180,"_147":-5,"_41":42,"_40":181,"_149":25,"_38":371,"_13":63,"_34":20,"_36":183,"_24":49,"_152":-5,"_359":372,"_27":373},{"_43":170,"_32":171,"_30":172,"_147":-5,"_41":42,"_40":173,"_149":49,"_38":368,"_13":175,"_34":20,"_36":176,"_24":49,"_152":-5,"_359":369,"_27":370},{"_43":162,"_32":163,"_30":58,"_147":-5,"_41":42,"_40":164,"_149":25,"_38":365,"_13":166,"_34":167,"_36":168,"_24":49,"_152":45,"_359":366,"_27":367},{"_43":154,"_32":155,"_30":156,"_147":-5,"_41":42,"_40":157,"_149":25,"_38":362,"_13":159,"_34":20,"_36":160,"_24":49,"_152":-5,"_359":363,"_27":364},{"_43":144,"_32":145,"_30":146,"_147":-5,"_41":42,"_40":148,"_149":25,"_38":358,"_13":63,"_34":20,"_36":151,"_24":49,"_152":-5,"_359":360,"_27":361},["D",1754850144638],"children",[],[145],["D",1758042095514],[],[155],["D",1759919598684],[],[163],["D",1758322307921],[],[171],["D",1754850144711],[],[179],["D",1759919598657],[],[186],["D",1755157226829],[],[194],["D",1759919598387],[],[202],["D",1759919598310],[],[209],["D",1759919598250],[],[216],["D",1759919598164],[],[223],["D",1759919598203],[],[230],["D",1759919598786],[],[237],["D",1758511960565],[],[244],["D",1754850145313],[],[251],"bb41cffe-8526-11f0-b180-0224a6c84d84","fetch_vendor.js","bb41d09e-8526-11f0-b180-0224a6c84d84",116,["D",1756506184522],"// Download and vendor client-side libraries for offline use\n\nconst targets = [\n { url: 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js', path: 'frontend/vendor/dexie.min.js' },\n { url: 'https://unpkg.com/alpinejs@3.14.9/dist/cdn.min.js', path: 'frontend/vendor/alpine.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js', path: 'frontend/vendor/marked.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js', path: 'frontend/vendor/purify.min.js' },\n { url: 'https://code.iconify.design/3/3.1.1/iconify.min.js', path: 'frontend/vendor/iconify.min.js' },\n { url: 'https://cdn.tailwindcss.com', path: 'frontend/vendor/tailwind-cdn.js' },\n];\n\nasync function ensureDirFor(filePath) {\n const parts = filePath.split('/');\n parts.pop();\n const dir = parts.join('/');\n try { await Deno.mkdir(dir, { recursive: true }); } catch (_) {}\n}\n\nfor (const t of targets) {\n try {\n const res = await fetch(t.url);\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n const text = await res.text();\n await ensureDirFor(t.path);\n await Deno.writeTextFile(t.path, text);\n console.log('[vendor] saved', t.path, `(${text.length} bytes)`);\n } catch (err) {\n console.error('[vendor] failed', t.url, '->', t.path, err);\n Deno.exit(1);\n }\n}\n\n\n",[],[258,405],"bba06afa-8526-11f0-9cb9-0224a6c84d84","build_css.js","bba06bcc-8526-11f0-9cb9-0224a6c84d84",128,["D",1756506184509],"// Simple build step: concatenate app.scss + theme files into a single CSS file\n// Our SCSS uses only valid CSS syntax, so concatenation is safe\n\nconst APP = 'frontend/styles/app.scss';\nconst THEME_LIGHT = 'frontend/styles/themes/_light.scss';\nconst THEME_DARK = 'frontend/styles/themes/_dark.scss';\nconst OUTPUT = 'frontend/styles/app.css';\n\nasync function readIfExists(path) {\n try { return await Deno.readTextFile(path); } catch { return ''; }\n}\n\ntry {\n const app = await readIfExists(APP);\n const light = await readIfExists(THEME_LIGHT);\n const dark = await readIfExists(THEME_DARK);\n const out = `${app}\\n\\n/* === light theme === */\\n${light}\\n\\n/* === dark theme === */\\n${dark}\\n`;\n await Deno.writeTextFile(OUTPUT, out);\n console.log(`[build:css] Wrote ${OUTPUT} (${out.length} bytes)`);\n} catch (err) {\n console.error('[build:css] failed', err);\n Deno.exit(1);\n}\n\n\n",[],[258,413],["D",1756506183953],[341,342],[258],"f32c22c4-88fb-11f0-8e3c-0224a6c84d84","uiTools.js","f32c236e-88fb-11f0-8e3c-0224a6c84d84",170,["D",1756927614633],"// UI helper functions extracted from chatterApp.js\n\nexport function applyAppFont(ctx) {\n const root = document.documentElement;\n if (!root || !root.style) return;\n const mono = `'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace`;\n const sans = `'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif`;\n const serif = `'Georgia', 'Times New Roman', Times, serif`;\n if (ctx.appFontChoice === 'sans') {\n root.style.setProperty('--font-body', sans);\n root.style.setProperty('--font-headings', sans);\n } else if (ctx.appFontChoice === 'serif') {\n root.style.setProperty('--font-body', serif);\n root.style.setProperty('--font-headings', serif);\n } else {\n root.style.setProperty('--font-body', mono);\n root.style.setProperty('--font-headings', sans);\n }\n}\n\nexport function applyThemePreference(ctx) {\n const root = document.documentElement;\n if (!root) return;\n const pref = ctx.themePreference || 'auto';\n if (pref === 'light') root.setAttribute('data-theme', 'light');\n else if (pref === 'dark') root.setAttribute('data-theme', 'dark');\n else root.removeAttribute('data-theme');\n try {\n // Use ctx.themeClass getter for logging context\n // eslint-disable-next-line no-console\n console.log('[theme] applied ->', pref, 'data-theme=', root.getAttribute('data-theme'), 'class=', ctx.themeClass);\n } catch (_) { /* ignore */ }\n}\n\nexport function initSystemPromptAutosize(ctx) {\n const sels = [\n 'textarea[x-model=\"systemPrompt\"]',\n 'textarea[x-model=\"chatPromptText\"]'\n ];\n const els = document.querySelectorAll(sels.join(','));\n els.forEach((el) => {\n try {\n el.style.height = 'auto';\n el.style.height = Math.min(el.scrollHeight, 320) + 'px';\n } catch (_) { /* ignore */ }\n });\n}\n\nexport function autoResize(ctx, e) {\n const el = e && e.target;\n if (!el) return;\n try {\n el.style.height = 'auto';\n el.style.height = Math.min(el.scrollHeight, 320) + 'px';\n } catch (_) { /* ignore */ }\n}\n\nexport function queueScrollToBottom(ctx) {\n try {\n const el = ctx.$refs && ctx.$refs.traceContainer;\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof ctx.$nextTick === 'function') ctx.$nextTick(doScroll);\n else requestAnimationFrame(doScroll);\n } catch (_) { /* ignore */ }\n}\n\nexport function queueScrollReasoningById(ctx, messageId) {\n const el = document.querySelector('[data-reasoning-id=\"' + messageId + '\"]');\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof ctx.$nextTick === 'function') ctx.$nextTick(doScroll);\n else requestAnimationFrame(doScroll);\n}\n\nexport function renderMarkdown(text) {\n const raw = String(text || '');\n try {\n const html = (window.marked ? window.marked.parse(raw) : raw);\n return (window.DOMPurify ? window.DOMPurify.sanitize(html) : html);\n } catch (_) { return raw; }\n}\n\n\n",[],[265,424],"34420d4a-a432-11f0-a1d8-0224a6c84d84","types.ts","34420e08-a432-11f0-a1d8-0224a6c84d84",223,["D",1759919598049],"// Central type definitions for Chatter\n// This is the single source of truth for all data structures\n\n// ============================================================================\n// Core Session & Message Types\n// ============================================================================\n\nexport interface Message {\n id: number;\n parentId: number | null;\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n depth?: number;\n}\n\nexport interface Branch {\n id: number;\n leafMessageId: number | null;\n name: string;\n baseMessageId?: number | null;\n createdAt: number;\n updatedAt?: number;\n}\n\nexport interface SessionTree {\n messages: Message[];\n branches: Branch[];\n activeBranchId: number | null;\n branchingEnabled: boolean;\n}\n\nexport interface ChatSettings {\n selectedModel?: string;\n customChatBaseUrl?: string;\n temperature?: number;\n maxTokens?: number;\n reasoningEffort?: 'low' | 'medium' | 'high';\n streamEnabled?: boolean;\n jsonMode?: boolean;\n useBrowserSearch?: boolean;\n useCodeInterpreter?: boolean;\n}\n\nexport interface Session {\n id?: number;\n title: string;\n slug?: string;\n createdAt: number;\n updatedAt: number;\n folderId?: number | null;\n systemPromptId?: number | null;\n activeSettingsSource?: 'preset' | 'custom' | null;\n tree: SessionTree;\n settings?: ChatSettings;\n systemPrompt?: string;\n}\n\n// ============================================================================\n// Legacy Types (for backward compatibility)\n// ============================================================================\n\nexport interface LegacyChat {\n id: number;\n title: string;\n slug?: string;\n createdAt: number;\n folderId?: number | null;\n systemPromptId?: number | null;\n systemPromptText?: string;\n settings?: ChatSettings;\n activeSettingsSource?: 'preset' | 'custom' | null;\n customPromptText?: string;\n}\n\nexport interface LegacyMessage {\n id?: number;\n chatId: number;\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n}\n\n// ============================================================================\n// UI State Types\n// ============================================================================\n\nexport interface UIMessage {\n id?: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n createdAt: number;\n chatId?: number;\n model?: string | null;\n promptLabel?: string | null;\n}\n\n// ============================================================================\n// Folder & Organization Types\n// ============================================================================\n\nexport interface Folder {\n id: number;\n name: string;\n createdAt: number;\n order: number;\n collapsed: boolean;\n}\n\n// ============================================================================\n// Preset Types\n// ============================================================================\n\nexport interface SystemPrompt {\n id: number;\n name: string;\n content: string;\n systemPrompt?: string;\n settings?: ChatSettings;\n shortId?: string;\n createdAt: number;\n updatedAt: number;\n}\n\n// ============================================================================\n// Note Types\n// ============================================================================\n\nexport interface Note {\n id: number;\n title: string;\n content: string;\n createdAt: number;\n updatedAt: number;\n}\n\n// ============================================================================\n// Export/Import Types\n// ============================================================================\n\nexport interface ExportData {\n meta: {\n type: string;\n schemaVersion: number;\n exportedAt: number;\n };\n data: {\n sessions: Session[];\n chats: LegacyChat[];\n messages: LegacyMessage[];\n folders: Folder[];\n systemPrompts: SystemPrompt[];\n notes: Note[];\n };\n}\n\n// ============================================================================\n// Streaming & Job Types\n// ============================================================================\n\nexport interface StreamingDelta {\n content?: string;\n reasoning?: string;\n executed_tools?: Array<{\n name?: string;\n tool?: string;\n function?: { name?: string };\n arguments?: any;\n input?: any;\n params?: any;\n output?: any;\n result?: any;\n content?: any;\n }>;\n tool_calls?: Array<{\n name?: string;\n tool?: string;\n function?: { name?: string };\n arguments?: any;\n input?: any;\n params?: any;\n }>;\n}\n\nexport interface ChatCompletionChoice {\n delta?: StreamingDelta;\n message?: {\n role: string;\n content: string;\n };\n}\n\nexport interface ChatCompletionResponse {\n choices: ChatCompletionChoice[];\n}\n\nexport interface JobPayload {\n messages: Array<{ role: string; content: string }>;\n userApiKey?: string;\n model: string;\n base_url?: string;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n}\n\n// ============================================================================\n// Helper Functions for Type Guards\n// ============================================================================\n\nexport function isSession(obj: any): obj is Session {\n return obj && typeof obj === 'object' && 'tree' in obj && typeof obj.tree === 'object';\n}\n\nexport function isMessage(obj: any): obj is Message {\n return obj && typeof obj === 'object' && 'role' in obj && 'content' in obj;\n}\n\nexport function isBranch(obj: any): obj is Branch {\n return obj && typeof obj === 'object' && 'id' in obj && 'leafMessageId' in obj;\n}\n\n// ============================================================================\n// Helper Functions for Creating Default Objects\n// ============================================================================\n\nexport function createDefaultMessage(partial: Partial = {}): Message {\n return {\n id: partial.id ?? 0,\n parentId: partial.parentId ?? null,\n createdAt: partial.createdAt ?? Date.now(),\n role: partial.role ?? 'user',\n content: partial.content ?? '',\n reasoning: partial.reasoning,\n model: partial.model,\n promptLabel: partial.promptLabel,\n depth: partial.depth ?? 0,\n };\n}\n\nexport function createDefaultBranch(partial: Partial = {}): Branch {\n return {\n id: partial.id ?? 1,\n leafMessageId: partial.leafMessageId ?? null,\n name: partial.name ?? 'main',\n baseMessageId: partial.baseMessageId,\n createdAt: partial.createdAt ?? Date.now(),\n updatedAt: partial.updatedAt,\n };\n}\n\nexport function createDefaultSessionTree(partial: Partial = {}): SessionTree {\n return {\n messages: partial.messages ?? [],\n branches: partial.branches ?? [createDefaultBranch()],\n activeBranchId: partial.activeBranchId ?? 1,\n branchingEnabled: partial.branchingEnabled ?? true,\n };\n}\n\nexport function createDefaultSession(partial: Partial = {}): Session {\n return {\n id: partial.id,\n title: partial.title ?? 'New chat',\n slug: partial.slug,\n createdAt: partial.createdAt ?? Date.now(),\n updatedAt: partial.updatedAt ?? Date.now(),\n folderId: partial.folderId,\n systemPromptId: partial.systemPromptId,\n activeSettingsSource: partial.activeSettingsSource,\n tree: partial.tree ?? createDefaultSessionTree(),\n settings: partial.settings,\n systemPrompt: partial.systemPrompt,\n };\n}\n\n// ============================================================================\n// Helper Functions for Message Operations\n// ============================================================================\n\n/**\n * Safely get or create reasoning content for a message\n */\nexport function getMessageReasoning(message: Message | UIMessage): string {\n return message.reasoning != null ? String(message.reasoning) : '';\n}\n\n/**\n * Set reasoning content on a message (immutable)\n */\nexport function setMessageReasoning(message: Message, reasoning: string): Message {\n return { ...message, reasoning };\n}\n\n/**\n * Check if a message has reasoning content\n */\nexport function hasReasoning(message: Message | UIMessage): boolean {\n return message.reasoning != null && message.reasoning.length > 0;\n}\n\n/**\n * Convert a UIMessage to a Message for storage\n */\nexport function uiMessageToMessage(uiMsg: UIMessage, idx: number, parentId: number | null): Message {\n return {\n id: uiMsg.id ?? idx + 1,\n parentId,\n createdAt: uiMsg.createdAt,\n role: uiMsg.role,\n content: uiMsg.content,\n reasoning: uiMsg.reasoning,\n model: uiMsg.model,\n promptLabel: uiMsg.promptLabel,\n depth: idx,\n };\n}\n\n/**\n * Convert a Message to a UIMessage for display\n */\nexport function messageToUIMessage(msg: Message): UIMessage {\n return {\n id: msg.id,\n role: msg.role,\n content: msg.content,\n reasoning: msg.reasoning,\n createdAt: msg.createdAt,\n model: msg.model,\n promptLabel: msg.promptLabel,\n };\n}\n\n// ============================================================================\n// Helper Functions for Session Operations\n// ============================================================================\n\n/**\n * Get the next available message ID in a session\n */\nexport function getNextMessageId(session: Session): number {\n const messages = session.tree?.messages ?? [];\n const maxId = messages.reduce((max, m) => Math.max(max, m.id), 0);\n return maxId + 1;\n}\n\n/**\n * Get the next available branch ID in a session\n */\nexport function getNextBranchId(session: Session): number {\n const branches = session.tree?.branches ?? [];\n const maxId = branches.reduce((max, b) => Math.max(max, b.id), 0);\n return maxId + 1;\n}\n\n/**\n * Get a message by ID from a session\n */\nexport function getMessageById(session: Session, messageId: number): Message | null {\n const messages = session.tree?.messages ?? [];\n return messages.find(m => m.id === messageId) ?? null;\n}\n\n/**\n * Get a branch by ID from a session\n */\nexport function getBranchById(session: Session, branchId: number): Branch | null {\n const branches = session.tree?.branches ?? [];\n return branches.find(b => b.id === branchId) ?? null;\n}\n\n/**\n * Get the active branch from a session\n */\nexport function getActiveBranch(session: Session): Branch | null {\n const tree = session.tree;\n if (!tree || tree.activeBranchId == null) return null;\n return getBranchById(session, tree.activeBranchId);\n}\n\n",[],[265,432],"c7c8c2aa-88ff-11f0-9c4d-0224a6c84d84","traceUI.js","c7c8c34a-88ff-11f0-9c4d-0224a6c84d84",172,["D",1756929259792],"// Trace and reasoning UI helpers extracted from chatterApp.js\n\nexport function computeTraceMaxHeight(ctx) {\n return ctx.traceExpanded ? '' : 'max-height: 100px';\n}\n\nexport function toggleTool(ctx, idx) {\n ctx.expandedToolMap[idx] = !ctx.expandedToolMap[idx];\n ctx.queueScrollToBottom && ctx.queueScrollToBottom();\n}\n\nexport function toggleReasoning(ctx, messageId) {\n if (messageId == null) return;\n ctx.expandedReasoningMap[messageId] = !ctx.expandedReasoningMap[messageId];\n ctx.queueScrollReasoningById && ctx.queueScrollReasoningById(messageId);\n}\n\nexport function prettify(obj) {\n try { return JSON.stringify(obj, null, 2); } catch (_) { return String(obj); }\n}\n\nexport async function copyEventsJson(ctx) {\n try {\n const json = JSON.stringify(ctx.traceEvents || [], null, 2);\n await navigator.clipboard.writeText(json);\n ctx.copyEventsText = 'copied';\n if (ctx.copyEventsTimeoutId) clearTimeout(ctx.copyEventsTimeoutId);\n ctx.copyEventsTimeoutId = setTimeout(() => {\n ctx.copyEventsText = 'copy json';\n ctx.copyEventsTimeoutId = null;\n }, 3000);\n } catch (_) {\n // no-op\n }\n}\n\n\n",[],[265,440],"f325ee18-88fb-11f0-b80d-0224a6c84d84","timerUtils.js","f325eecc-88fb-11f0-b80d-0224a6c84d84",169,["D",1756927614594],"// Timer utilities extracted from chatterApp.js\n\nexport function getDisplayTimerText(ctx) {\n if (ctx.timerFrozenText) return ctx.timerFrozenText;\n if (!ctx.timerStartMs) return '';\n const elapsed = (ctx.timerElapsedMs || 0) / 1000;\n const seconds = Math.floor(elapsed);\n const hundredths = Math.floor((elapsed - seconds) * 100);\n const s = String(seconds).padStart(2, '0');\n const h = String(hundredths).padStart(2, '0');\n return `${s}.${h}s`;\n}\n\nexport function startTimer(ctx) {\n // Clear any existing interval without invoking ctx.stopTimer to avoid recursion\n if (ctx.timerIntervalId) {\n try { clearInterval(ctx.timerIntervalId); } catch (_) { /* ignore */ }\n ctx.timerIntervalId = null;\n }\n ctx.timerFrozenText = '';\n ctx.timerStartMs = Date.now();\n ctx.timerElapsedMs = 0;\n ctx.timerIntervalId = setInterval(() => {\n ctx.timerElapsedMs = Date.now() - ctx.timerStartMs;\n }, 30);\n}\n\nexport function stopTimer(ctx) {\n if (ctx.timerIntervalId) {\n try { clearInterval(ctx.timerIntervalId); } catch (_) { /* ignore */ }\n ctx.timerIntervalId = null;\n }\n if (ctx.timerStartMs) {\n const elapsed = (ctx.timerElapsedMs || (Date.now() - ctx.timerStartMs)) / 1000;\n const seconds = Math.floor(elapsed);\n const hundredths = Math.floor((elapsed - seconds) * 100);\n const s = String(seconds).padStart(2, '0');\n const h = String(hundredths).padStart(2, '0');\n ctx.timerFrozenText = `${s}.${h}s...done`;\n }\n ctx.timerStartMs = null;\n ctx.timerElapsedMs = 0;\n}\n\n\n",[],[265,448],"3473977a-a432-11f0-ac57-0224a6c84d84","presets.js","cc2097b6-8129-11f0-810c-0224a6c84d84",230,["D",1759919598367],4,"// Presets and per-chat settings helpers for chatterApp\n// Each function receives `ctx` which is the Alpine data object (this)\n\nexport async function isChatLinkedToPreset(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n // sessions do not store preset linkage at chat-level; treat as not linked\n if (ctx.db.sessions) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n // Consider chat linked if it has a preset id and the active source is preset (or legacy: no explicit active source and no custom settings)\n const active = meta?.activeSettingsSource || null;\n if (meta?.systemPromptId != null && (active === 'preset' || (active == null && !meta?.settings))) {\n const preset = await ctx.db.systemPrompts.get(Number(meta.systemPromptId));\n return !!preset;\n }\n return false;\n } catch (_) { return false; }\n}\n\nexport async function chatHasCustomSettings(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n if (ctx.db.sessions) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n return !!(meta?.settings);\n } catch (_) { return false; }\n}\n\nexport async function updatePresetLinkingStatus(ctx) {\n try {\n ctx.chatIsLinkedToPreset = await isChatLinkedToPreset(ctx);\n ctx.chatHasCustomSettingsStored = await chatHasCustomSettings(ctx);\n } catch (_) {\n ctx.chatIsLinkedToPreset = false;\n ctx.chatHasCustomSettingsStored = false;\n }\n}\n\nexport function snapshotCurrentChatSettings(ctx) {\n try {\n return {\n selectedModel: ctx.selectedModel,\n customChatBaseUrl: ctx.customChatBaseUrl,\n temperature: Number(ctx.temperature),\n maxTokens: Number(ctx.maxTokens),\n reasoningEffort: ctx.reasoningEffort,\n streamEnabled: !!ctx.streamEnabled,\n jsonMode: !!ctx.jsonMode,\n useBrowserSearch: !!ctx.useBrowserSearch,\n useCodeInterpreter: !!ctx.useCodeInterpreter,\n };\n } catch (_) {\n return {};\n }\n}\n\nexport function applyPresetSettings(ctx, settings) {\n try {\n if (!settings || typeof settings !== 'object') return;\n if (settings.selectedModel != null) ctx.selectedModel = settings.selectedModel;\n if (settings.customChatBaseUrl != null) ctx.customChatBaseUrl = settings.customChatBaseUrl;\n if (settings.temperature != null) ctx.temperature = Math.max(0, Math.min(2, Number(settings.temperature)));\n if (settings.maxTokens != null) ctx.maxTokens = Math.max(1, Number(settings.maxTokens));\n if (settings.reasoningEffort) ctx.reasoningEffort = settings.reasoningEffort;\n if (settings.streamEnabled != null) ctx.streamEnabled = !!settings.streamEnabled;\n if (settings.jsonMode != null) ctx.jsonMode = !!settings.jsonMode;\n if (settings.useBrowserSearch != null) ctx.useBrowserSearch = !!settings.useBrowserSearch;\n if (settings.useCodeInterpreter != null) ctx.useCodeInterpreter = !!settings.useCodeInterpreter;\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentChatSettings(ctx) {\n // In sessions-only mode, just keep these on UI state; session snapshots persist on saveSession\n console.log('🔧 saveCurrentChatSettings: starting...');\n if (ctx.savingSettings) return false;\n ctx.savingSettings = true;\n try {\n if (!ctx.db) return false;\n const settings = snapshotCurrentChatSettings(ctx);\n // Update UI flags\n ctx.chatPromptId = ctx.chatPromptId; // no-op retain\n ctx.settingsChanged = false;\n // For sessions, queue a session save (settings snapshot is saved in saveSession if wired); leave legacy path intact\n if (ctx.db.sessions) {\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n return true;\n }\n // Legacy chats path kept for compatibility\n const updateData = {\n settings,\n customPromptText: typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '',\n activeSettingsSource: 'custom'\n };\n if (!ctx._chatWriteQueue) ctx._chatWriteQueue = Promise.resolve();\n let chatId = ctx.currentChatId;\n let savedId = chatId;\n const updateDataCopy = JSON.parse(JSON.stringify(updateData));\n const run = async () => {\n if (!chatId) {\n const base = (ctx.chatInput && ctx.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = ctx.slugifyTitle ? ctx.slugifyTitle(title) : '';\n const createdAt = Date.now();\n const row = { title, slug, createdAt, ...updateDataCopy };\n savedId = await ctx.db.chats.put(row);\n } else {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, ...updateDataCopy };\n await ctx.db.chats.put(next);\n });\n }\n };\n ctx._chatWriteQueue = ctx._chatWriteQueue.then(run).catch(() => {}).then(() => undefined);\n await ctx._chatWriteQueue;\n if (!ctx.currentChatId && savedId) {\n ctx.currentChatId = savedId;\n ctx.activeSearchId = savedId;\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(savedId); } catch (_) { /* ignore */ }\n } else {\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n }\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return true;\n } catch (error) {\n return false;\n } finally {\n ctx.savingSettings = false;\n }\n}\n\nexport async function loadPresets(ctx) {\n try {\n if (!ctx.db) { ctx.presets = []; return; }\n const rows = await ctx.db.systemPrompts.orderBy('updatedAt').reverse().toArray();\n ctx.presets = Array.isArray(rows) ? rows : [];\n } catch (_) { ctx.presets = []; }\n}\n\nexport async function generatePresetShortId(ctx) {\n const alphabet = '23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';\n const make = () => Array.from({ length: 6 }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join('');\n try {\n const existing = await (ctx.db ? ctx.db.systemPrompts.toArray() : Promise.resolve([]));\n const set = new Set((existing || []).map(p => String(p.shortId || '')));\n for (let i = 0; i < 20; i++) {\n const id = make();\n if (!set.has(id)) return id;\n }\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n } catch (_) {\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n }\n}\n\nexport async function createPreset(ctx, name, systemPrompt, settings) {\n try {\n if (!ctx.db) return null;\n const now = Date.now();\n const shortId = await generatePresetShortId(ctx);\n const sp = String(systemPrompt || '');\n const row = {\n name: (name || 'Preset'),\n systemPrompt: sp,\n content: sp,\n settings: (settings && typeof settings === 'object') ? settings : undefined,\n shortId,\n createdAt: now,\n updatedAt: now\n };\n const id = await ctx.db.systemPrompts.add(row);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id, action: 'create' } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function updatePreset(ctx, id, fields) {\n try {\n if (!ctx.db || !id) return false;\n const prev = await ctx.db.systemPrompts.get(id);\n if (!prev) return false;\n const patch = { ...fields };\n if (Object.prototype.hasOwnProperty.call(fields || {}, 'systemPrompt')) {\n patch.content = String(fields.systemPrompt || '');\n }\n const next = { ...prev, ...patch, updatedAt: Date.now() };\n await ctx.db.systemPrompts.put(next);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return true;\n } catch (_) { return false; }\n}\n\nexport async function deletePreset(ctx, id) {\n try {\n if (!ctx.db || !id) return false;\n // In sessions mode, there is no chat linkage to update; legacy path retained for fallback\n try {\n if (!ctx.db.sessions) {\n const linkedChats = await ctx.db.chats.where('systemPromptId').equals(id).toArray();\n for (const chat of linkedChats) {\n await ctx.db.chats.update(chat.id, { systemPromptId: null });\n }\n }\n } catch (_) { /* ignore */ }\n await ctx.db.systemPrompts.delete(id);\n await loadPresets(ctx);\n if (ctx.chatPromptId === id) {\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n }\n return true;\n } catch (_) { return false; }\n}\n\nexport function onPresetSelectFocus(ctx) {\n try { ctx.lastChatPromptId = ctx.chatPromptId; } catch (_) { /* ignore */ }\n}\n\nexport async function onPresetChange(ctx) {\n try {\n const raw = ctx.chatPromptId;\n const nextId = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n await doApplyPresetChange(ctx, nextId);\n } catch (_) { /* ignore */ }\n}\n\nexport async function doApplyPresetChange(ctx, id) {\n try {\n // Sessions mode: just update UI state and queue save\n if (ctx.db && ctx.db.sessions) {\n if (id == null || !Number.isFinite(id)) {\n ctx.chatPromptId = null;\n ctx.settingsChanged = false;\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n return;\n }\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptId = String(id);\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n ctx.settingsChanged = false;\n ctx.lastChatPromptId = String(id);\n return;\n }\n // Legacy path\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (id == null || !Number.isFinite(id)) {\n ctx.chatPromptId = null;\n if (chatId && ctx.db) {\n const meta = await ctx.db.chats.get(chatId);\n const customText = meta?.customPromptText || meta?.systemPromptText || '';\n const customSettings = meta?.settings || null;\n if (customSettings) applyPresetSettings(ctx, customSettings);\n ctx.chatPromptText = customText;\n await ctx.db.chats.update(chatId, { activeSettingsSource: 'custom' });\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = null;\n return;\n }\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptId = String(id);\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(chatId); } catch (_) { /* ignore */ }\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = String(id);\n } catch (_) { /* ignore */ }\n}\n\nexport function confirmPresetChange(ctx) {\n try {\n const id = ctx.pendingPresetId;\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n doApplyPresetChange(ctx, id);\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelPresetChange(ctx) {\n try {\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n ctx.chatPromptId = ctx.lastChatPromptId ?? null;\n } catch (_) { /* ignore */ }\n}\n\nexport function onChatPromptTextInput(ctx, e) {\n try { const el = e && e.target; if (el) ctx.autoResize({ target: el }); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport async function resetChatPromptToPreset(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return;\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return; }\n const chatId = await ctx.ensureChatExistsForEdits();\n if (chatId && ctx.db) { try { await ctx.db.chats.update(chatId, { systemPromptText: text, activeSettingsSource: 'preset' }); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentSettingsToChat(ctx) {\n try {\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return true; }\n const chatId = await ctx.ensureChatExistsForEdits();\n if (!chatId || !ctx.db) return false;\n const settings = snapshotCurrentChatSettings(ctx);\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n await ctx.db.chats.update(chatId, { settings, customPromptText: text, activeSettingsSource: 'custom' });\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n return true;\n } catch (_) { return false; }\n}\n\nexport async function updateCurrentPresetFromChat(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return false;\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const ok = await updatePreset(ctx, Number(id), { systemPrompt: text, settings: snapshotCurrentChatSettings(ctx) });\n return ok;\n } catch (_) { return false; }\n}\n\nexport async function saveAsPresetFromChat(ctx, name) {\n try {\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const defaultName = name && String(name).trim() ? String(name).trim() : ('Preset ' + new Date().toLocaleString());\n const id = await createPreset(ctx, defaultName, text, snapshotCurrentChatSettings(ctx));\n if (!id) return null;\n ctx.chatPromptId = String(id);\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return id; }\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n }\n ctx.settingsChanged = false;\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport function startEditingPreset(ctx, preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n ctx.editingPresetId = id;\n ctx.editingPresetName = String(preset.name || 'Preset');\n ctx.editingPresetContent = String(preset.content || '');\n ctx.editingPresetSettings = (preset && preset.settings && typeof preset.settings === 'object') ? JSON.parse(JSON.stringify(preset.settings)) : {};\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingPreset(ctx) {\n ctx.editingPresetId = null;\n ctx.editingPresetName = '';\n ctx.editingPresetContent = '';\n ctx.editingPresetSettings = {};\n}\n\nexport async function commitEditingPreset(ctx) {\n try {\n const id = ctx.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { cancelEditingPreset(ctx); return false; }\n const name = (ctx.editingPresetName || '').trim() || 'Preset';\n const content = String(ctx.editingPresetContent || '');\n const ok = await updatePreset(ctx, Number(id), { name, content, settings: (ctx.editingPresetSettings && typeof ctx.editingPresetSettings === 'object') ? ctx.editingPresetSettings : undefined });\n cancelEditingPreset(ctx);\n return ok;\n } catch (_) {\n cancelEditingPreset(ctx);\n return false;\n }\n}\n\nexport async function clonePreset(ctx, preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await createPreset(ctx, name, String(preset.content || ''), (preset && preset.settings) ? preset.settings : undefined);\n try { await loadPresets(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\n\n",[],[265,456],"b5fd1e3e-8906-11f0-b8db-0224a6c84d84","preferences.js","b5fd1efc-8906-11f0-b8db-0224a6c84d84",176,["D",1756932236447],"// Preferences and settings change handlers extracted from chatterApp.js\n\nexport function onModelChange(ctx) {\n try { localStorage.setItem('groq_model', ctx.selectedModel || 'openai/gpt-oss-120b'); } catch (_) { /* ignore */ }\n const isOss = !!(ctx.selectedModel && ctx.selectedModel.startsWith('openai/gpt-oss'));\n if (!isOss) { ctx.useBrowserSearch = false; ctx.useCodeInterpreter = false; }\n ctx.settingsChanged = true;\n if (ctx.selectedModel === 'custom') {\n try {\n ctx.$nextTick(() => {\n const el = ctx.$refs && ctx.$refs.customBaseUrlInput;\n if (el && typeof el.focus === 'function') el.focus();\n });\n } catch (_) { /* ignore */ }\n }\n}\n\nexport function onUseBrowserSearchChange(ctx) {\n try { localStorage.setItem('use_browser_search', ctx.useBrowserSearch ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onUseCodeInterpreterChange(ctx) {\n try { localStorage.setItem('use_code_interpreter', ctx.useCodeInterpreter ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onAppFontChange(ctx) {\n try { localStorage.setItem('app_font', ctx.appFontChoice); } catch (_) { /* ignore */ }\n ctx.applyAppFont && ctx.applyAppFont();\n}\n\nexport function onThemePreferenceChange(ctx) {\n try { localStorage.setItem('theme', ctx.themePreference || 'auto'); } catch (_) { /* ignore */ }\n try { console.log('[theme] preference ->', ctx.themePreference); } catch (_) { /* ignore */ }\n ctx.applyThemePreference && ctx.applyThemePreference();\n}\n\nexport function onStreamToggle(ctx) {\n try { localStorage.setItem('stream_enabled', ctx.streamEnabled ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onJsonModeToggle(ctx) {\n try { localStorage.setItem('json_mode', ctx.jsonMode ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onCustomChatBaseUrlChange(ctx) {\n try { localStorage.setItem('chat_base_url', ctx.customChatBaseUrl || ''); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onTemperatureChange(ctx) {\n const v = Number(ctx.temperature);\n ctx.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : 1;\n try { localStorage.setItem('temperature', String(ctx.temperature)); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onMaxTokensChange(ctx) {\n const v = Math.max(1, Math.floor(Number(ctx.maxTokens) || 0));\n ctx.maxTokens = v;\n try { localStorage.setItem('max_tokens', String(ctx.maxTokens)); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onReasoningChange(ctx) {\n const v = ctx.reasoningEffort;\n const ok = v === 'low' || v === 'medium' || v === 'high';\n if (!ok) ctx.reasoningEffort = 'medium';\n try { localStorage.setItem('reasoning_effort', ctx.reasoningEffort); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\n\n",[],[265,465],"34841910-a432-11f0-9f93-0224a6c84d84","messageEditing.js","c7dc23d6-88ff-11f0-95ab-0224a6c84d84",233,["D",1759919598476],"// Message editing utilities extracted from chatterApp.js\n\nexport async function startEditingMessage(ctx, idx) {\n try {\n if (!Array.isArray(ctx.messages) || idx < 0 || idx >= ctx.messages.length) return;\n const m = ctx.messages[idx] || {};\n ctx.editingMessageIdx = idx;\n ctx.editingMessageId = m.id || null;\n ctx.editingMessageOriginal = String(m.content || '');\n ctx.editingMessageText = ctx.editingMessageOriginal;\n try {\n const ensured = await ctx.ensureMessagePersisted(idx);\n if (ensured) ctx.editingMessageId = ensured;\n } catch (_) { /* ignore */ }\n setTimeout(() => {\n try {\n const el = document.querySelector('[data-editing-idx=\"' + idx + '\"]');\n if (el) {\n if (el.getAttribute && el.getAttribute('contenteditable') === 'true') {\n el.textContent = ctx.editingMessageText || '';\n el.focus();\n try {\n const sel = window.getSelection && window.getSelection();\n const range = document.createRange && document.createRange();\n if (sel && range) {\n range.selectNodeContents(el);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n } catch (_) { /* ignore */ }\n } else {\n try { el.value = ctx.editingMessageText || ''; } catch (_) { /* ignore */ }\n el.focus();\n ctx.autoResize && ctx.autoResize({ target: el });\n el.select && el.select();\n }\n }\n } catch (_) { /* ignore */ }\n }, 30);\n } catch (_) { /* no-op */ }\n}\n\nexport async function onEditingInput(ctx, e) {\n try {\n const text = typeof ctx.editingMessageText === 'string' ? ctx.editingMessageText : '';\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n if (ctx.editingDebounceId) clearTimeout(ctx.editingDebounceId);\n ctx.editingDebounceId = setTimeout(async () => {\n try {\n if (ctx.db && ctx.db.sessions && typeof ctx.debouncedSaveSession === 'function') {\n ctx.debouncedSaveSession();\n } else {\n const id = await ctx.persistMessageAtIndex(i);\n if (id) ctx.editingMessageId = id;\n }\n } catch (_) { /* ignore */ }\n }, 400);\n } catch (_) { /* ignore */ }\n}\n\nexport async function commitEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const text = (ctx.editingMessageText || '').trim();\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n try {\n if (ctx.db && ctx.db.sessions && typeof ctx.debouncedSaveSession === 'function') {\n ctx.debouncedSaveSession();\n } else {\n await ctx.persistMessageAtIndex(i);\n }\n } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\nexport async function cancelEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const original = String(ctx.editingMessageOriginal || '');\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = original;\n }\n const id = ctx.editingMessageId;\n try {\n if (ctx.db && ctx.db.sessions && typeof ctx.debouncedSaveSession === 'function') {\n ctx.debouncedSaveSession();\n }\n } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\n\n",[],[265,473],"348a2198-a432-11f0-aacc-0224a6c84d84","init.js","f6847112-7616-11f0-9927-0224a6c84d84",234,["D",1759919598518],"import chatterApp from './chatterApp.js';\n\n// Lightweight presets panel Alpine data for App Settings\nfunction presetsPanel() {\n return {\n db: null,\n renderNonce: 0,\n // list\n presets: [],\n // create/new form visibility\n showNewPresetForm: false,\n // create/new\n newPresetName: '',\n newPresetSystemPrompt: '',\n newPresetSettings: null,\n // edit state\n editingPresetId: null,\n editingPresetName: '',\n editingPresetSystemPrompt: '',\n editingPresetSettings: {},\n // export/import presets\n presetsDataStatus: '',\n presetsImportMode: null, // 'replace' | 'append'\n\n init() {\n try { this.initDb(); } catch (_) { /* no-op */ }\n try { this.newPresetSettings = this.defaultSettings(); } catch (_) { this.newPresetSettings = this.defaultSettings(); }\n this.loadPresets();\n this.renderNonce = Date.now();\n },\n initDb() {\n if (!window.Dexie) return;\n this.db = new window.Dexie('chat_db');\n try {\n // Sessions-only schema to match the app\n this.db.version(11).stores({\n sessions: '++id,title,slug,createdAt,folderId,updatedAt',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n try { this.db.on('versionchange', () => { try { this.db.close(); } catch (_) { /* no-op */ } }); } catch (_) { /* no-op */ }\n } catch (_) { /* no-op */ }\n },\n defaultSettings() {\n return {\n selectedModel: 'openai/gpt-oss-120b',\n customChatBaseUrl: '',\n temperature: 1,\n maxTokens: 8192,\n reasoningEffort: 'medium',\n streamEnabled: true,\n jsonMode: false,\n useBrowserSearch: true,\n useCodeInterpreter: false,\n };\n },\n async loadPresets() {\n try {\n console.log('🔄 loadPresets: starting...');\n if (!this.db) { this.presets = []; return; }\n const rows = await this.db.systemPrompts.orderBy('updatedAt').reverse().toArray();\n console.log('🔄 loadPresets: got', rows.length, 'rows from DB');\n // Force fresh object identities for Alpine reactivity\n this.presets = Array.isArray(rows) ? rows.map(r => ({ ...r })) : [];\n this.renderNonce = Date.now();\n console.log('🔄 loadPresets: set presets array length', this.presets.length, 'renderNonce', this.renderNonce);\n } catch (_) { this.presets = []; }\n },\n async generatePresetShortId() {\n const alphabet = '23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';\n const make = () => Array.from({ length: 6 }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join('');\n try {\n const existing = await (this.db ? this.db.systemPrompts.toArray() : Promise.resolve([]));\n const set = new Set((existing || []).map(p => String(p.shortId || '')));\n for (let i = 0; i < 20; i++) {\n const id = make();\n if (!set.has(id)) return id;\n }\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n } catch (_) { return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8); }\n },\n toPlain(value) {\n try { return JSON.parse(JSON.stringify(value)); } catch (_) { return undefined; }\n },\n notifyUpdated(type, id) {\n try { this.$dispatch && this.$dispatch('presets-updated', { type: type || 'update', id: id ?? null }); } catch (_) { /* no-op */ }\n },\n getPresetSystemPrompt(preset) {\n try { return String(((preset && preset.systemPrompt != null) ? preset.systemPrompt : (preset && preset.content)) || ''); } catch (_) { return ''; }\n },\n systemPromptPreview(preset, max = 40) {\n try {\n const s = this.getPresetSystemPrompt(preset).trim();\n if (!s) return '';\n return s.length > max ? (s.slice(0, max) + '…') : s;\n } catch (_) { return ''; }\n },\n paramSummary(preset) {\n try {\n const s = (preset && preset.settings) ? preset.settings : {};\n const parts = [];\n const model = s.selectedModel || '';\n if (model) parts.push(model);\n if (s.temperature != null && Number.isFinite(Number(s.temperature))) parts.push('temp ' + Number(s.temperature).toFixed(1));\n if (s.maxTokens != null && Number.isFinite(Number(s.maxTokens))) parts.push('max ' + Number(s.maxTokens));\n if (s.reasoningEffort) parts.push('reasoning ' + s.reasoningEffort);\n const flags = [];\n if (s.streamEnabled) flags.push('stream');\n if (s.jsonMode) flags.push('json');\n if (s.useBrowserSearch) flags.push('browser');\n if (s.useCodeInterpreter) flags.push('code');\n if (flags.length) parts.push(flags.join(' · '));\n return parts.join(' · ');\n } catch (_) { return ''; }\n },\n async createPreset(name, systemPrompt, settings) {\n try {\n if (!this.db) return null;\n const now = Date.now();\n const shortId = await this.generatePresetShortId();\n const sp = String(systemPrompt || '');\n const row = {\n name: (name || 'Preset'),\n systemPrompt: sp,\n content: sp,\n settings: (settings && typeof settings === 'object') ? this.toPlain(settings) : undefined,\n shortId,\n createdAt: now,\n updatedAt: now,\n };\n const id = await this.db.systemPrompts.add(row);\n await this.loadPresets();\n try { this.presets = [...this.presets]; } catch (_) { /* no-op */ }\n this.renderNonce = Date.now();\n this.notifyUpdated('create', id);\n return id;\n } catch (_) { return null; }\n },\n async updatePreset(id, fields) {\n try {\n console.log('💾 updatePreset: starting with id', id, 'fields', fields);\n if (!this.db) {\n console.log('💾 updatePreset: no db, returning false');\n return false;\n }\n const key = Number(id);\n if (!Number.isFinite(key)) {\n console.log('💾 updatePreset: invalid key', key, 'returning false');\n return false;\n }\n \n // Build patch outside transaction\n const patch = { updatedAt: Date.now() };\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'name')) patch.name = String(fields.name || 'Preset');\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'systemPrompt')) {\n patch.systemPrompt = String(fields.systemPrompt || '');\n patch.content = String(fields.systemPrompt || '');\n }\n if (fields && Object.prototype.hasOwnProperty.call(fields, 'settings')) {\n patch.settings = (fields.settings && typeof fields.settings === 'object') ? this.toPlain(fields.settings) : undefined;\n }\n console.log('💾 updatePreset: patch to apply', patch);\n \n // Check if record exists first, outside transaction\n const existing = await this.db.systemPrompts.get(key);\n if (!existing) {\n console.log('💾 updatePreset: no record found for key', key, 'returning false');\n return false;\n }\n \n // Perform transaction with minimal scope\n const next = this.toPlain({ ...existing, ...patch });\n console.log('💾 updatePreset: updating record', next);\n await this.db.systemPrompts.put(next);\n console.log('💾 updatePreset: put completed successfully');\n \n // Post-update operations - separate from transaction to avoid conflicts\n this.refreshPresetsUI();\n this.notifyUpdated('update', key);\n console.log('💾 updatePreset: returning true');\n return true;\n \n } catch (err) { \n console.error('💾 updatePreset: caught error', err);\n // Still try to refresh UI in case the update succeeded but reactivity failed\n try { this.refreshPresetsUI(); } catch (_) { /* no-op */ }\n return false; \n }\n },\n \n // Export/import presets only\n async exportPresetsJson() {\n try {\n this.presetsDataStatus = 'preparing export...';\n const rows = await (this.db ? this.db.systemPrompts.orderBy('updatedAt').reverse().toArray() : []);\n const payload = { meta: { type: 'chatter-presets', exportedAt: Date.now() }, presets: rows };\n const json = JSON.stringify(payload, null, 2);\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'chatter-presets.json';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n this.presetsDataStatus = 'exported presets JSON';\n } catch (e) { this.presetsDataStatus = 'export failed'; }\n },\n onClickImportPresetsReplace() { this.presetsImportMode = 'replace'; try { this.$refs.presetsImportFile?.click(); } catch (_) {} },\n onClickImportPresetsAppend() { this.presetsImportMode = 'append'; try { this.$refs.presetsImportFile?.click(); } catch (_) {} },\n async onImportPresetsFileChange(e) {\n try {\n const file = e?.target?.files?.[0]; if (!file) return;\n this.presetsDataStatus = this.presetsImportMode === 'replace' ? 'importing (replace)...' : 'importing (append)...';\n const text = await file.text();\n const parsed = JSON.parse(text);\n const presets = Array.isArray(parsed?.presets) ? parsed.presets : [];\n if (!this.db) return;\n await this.db.transaction('rw', this.db.systemPrompts, async () => {\n if (this.presetsImportMode === 'replace') {\n await this.db.systemPrompts.clear();\n }\n for (const p of presets) {\n try {\n // Keep only supported fields\n const row = {\n name: String(p?.name || 'Preset'),\n systemPrompt: String(p?.systemPrompt ?? p?.content ?? ''),\n content: String(p?.systemPrompt ?? p?.content ?? ''),\n settings: (p && p.settings && typeof p.settings === 'object') ? this.toPlain(p.settings) : undefined,\n shortId: p?.shortId || await this.generatePresetShortId(),\n createdAt: Number(p?.createdAt) || Date.now(),\n updatedAt: Number(p?.updatedAt) || Date.now(),\n };\n await this.db.systemPrompts.add(row);\n } catch (_) { /* ignore single */ }\n }\n });\n await this.loadPresets();\n this.presetsDataStatus = `${this.presetsImportMode === 'replace' ? 'replaced' : 'appended'} ${presets.length} presets`;\n } catch (err) { this.presetsDataStatus = 'import failed'; }\n finally { try { if (e?.target) e.target.value = ''; } catch (_) {} this.presetsImportMode = null; }\n },\n \n // Simplified method for refreshing presets UI\n refreshPresetsUI() {\n try {\n console.log('🔄 refreshPresetsUI: starting...');\n // Reload presets from database\n this.loadPresets().then(() => {\n console.log('🔄 refreshPresetsUI: loadPresets completed');\n // Update render nonce to trigger template re-evaluation\n this.renderNonce = Date.now();\n \n // Force Alpine to detect changes by ensuring reference changes\n if (Array.isArray(this.presets)) {\n this.presets = [...this.presets];\n }\n \n console.log('🔄 refreshPresetsUI: renderNonce updated to', this.renderNonce, 'presets length:', this.presets.length);\n }).catch((err) => {\n console.error('🔄 refreshPresetsUI: loadPresets failed', err);\n });\n } catch (err) {\n console.error('🔄 refreshPresetsUI: error', err);\n }\n },\n async deletePreset(id) {\n try {\n if (!this.db || !id) return false;\n await this.db.systemPrompts.delete(id);\n await this.loadPresets();\n try { this.presets = [...this.presets]; } catch (_) { /* no-op */ }\n this.renderNonce = Date.now();\n this.notifyUpdated('delete', id);\n return true;\n } catch (_) { return false; }\n },\n startEditingPreset(preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n this.editingPresetId = id;\n this.editingPresetName = String(preset.name || 'Preset');\n this.editingPresetSystemPrompt = String((preset && (preset.systemPrompt != null ? preset.systemPrompt : preset.content)) || '');\n const base = (preset && preset.settings && typeof preset.settings === 'object') ? preset.settings : this.defaultSettings();\n // Deep clone settings to avoid mutating list item before save\n this.editingPresetSettings = JSON.parse(JSON.stringify(base));\n } catch (_) { /* no-op */ }\n },\n cancelEditingPreset() {\n this.editingPresetId = null;\n this.editingPresetName = '';\n this.editingPresetSystemPrompt = '';\n this.editingPresetSettings = {};\n },\n async commitEditingPreset() {\n try {\n console.log('✅ commitEditingPreset: starting with id', this.editingPresetId);\n const id = this.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { \n this.cancelEditingPreset(); \n return false; \n }\n const name = (this.editingPresetName || '').trim() || 'Preset';\n const systemPrompt = String(this.editingPresetSystemPrompt || '');\n const settings = (this.editingPresetSettings && typeof this.editingPresetSettings === 'object') ? this.editingPresetSettings : undefined;\n console.log('✅ commitEditingPreset: calling updatePreset with', { name, systemPrompt, settings });\n \n const ok = await this.updatePreset(Number(id), { name, systemPrompt, settings });\n console.log('✅ commitEditingPreset: updatePreset returned', ok);\n \n // Always clear editing state, regardless of success/failure\n // This ensures UI transitions back to view mode\n this.cancelEditingPreset();\n \n if (ok) {\n console.log('✅ commitEditingPreset: save successful, UI should update');\n } else {\n console.warn('✅ commitEditingPreset: save failed, but UI cleared editing state');\n }\n \n return ok;\n } catch (err) {\n console.error('✅ commitEditingPreset: error', err);\n // Still clear editing state even on error\n this.cancelEditingPreset();\n return false;\n }\n },\n async clonePreset(preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await this.createPreset(name, String((preset && (preset.systemPrompt != null ? preset.systemPrompt : preset.content)) || ''), (preset && preset.settings) ? this.toPlain(preset.settings) : undefined);\n try { await this.loadPresets(); } catch (_) { /* no-op */ }\n return id;\n } catch (_) { return null; }\n },\n };\n}\n\n// Expose globally so existing x-data=\"chatterApp()\" continues to work\nwindow.chatterApp = chatterApp;\n\n// Register with Alpine when ready\nif (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n} else {\n document.addEventListener('alpine:init', () => {\n try {\n if (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n }\n // Register a lightweight autosize directive for textareas\n if (window.Alpine && typeof window.Alpine.directive === 'function') {\n window.Alpine.directive('autosize', (el, _binding, { cleanup }) => {\n if (!el || el.tagName !== 'TEXTAREA') return;\n const resize = () => {\n try {\n el.style.height = 'auto';\n el.style.overflowY = 'hidden';\n // Use scrollHeight to fit content\n el.style.height = `${el.scrollHeight}px`;\n } catch (_) { /* no-op */ }\n };\n // Store reference for cleanup\n el.__autosize__ = resize;\n // Initial and queued resizes for cases when content is set after init\n const scheduleInitialResizes = () => {\n resize();\n try { requestAnimationFrame(resize); } catch (_) {}\n setTimeout(resize, 0);\n setTimeout(resize, 50);\n if (window.Alpine && typeof window.Alpine.nextTick === 'function') {\n try { window.Alpine.nextTick(resize); } catch (_) {}\n }\n // Keep adjusting for a short burst to catch async model hydration\n let attempts = 0;\n const maxAttempts = 20; // ~1s @ 50ms\n const initialInterval = setInterval(() => {\n attempts += 1;\n resize();\n if (attempts >= maxAttempts) {\n clearInterval(initialInterval);\n }\n }, 50);\n // Store for cleanup\n el.__autosizeInterval__ = initialInterval;\n };\n scheduleInitialResizes();\n // Recalculate on input and when x-show reveals the element\n el.addEventListener('input', resize);\n el.addEventListener('alpine:show', resize);\n // Also on window load to catch late-filled values\n const onWindowLoad = () => resize();\n window.addEventListener('load', onWindowLoad, { once: true });\n // In case Alpine finishes initializing after this directive\n const onAlpineInitialized = () => resize();\n document.addEventListener('alpine:initialized', onAlpineInitialized, { once: true });\n const onWindowResize = () => resize();\n window.addEventListener('resize', onWindowResize, { passive: true });\n cleanup(() => {\n el.removeEventListener('input', resize);\n el.removeEventListener('alpine:show', resize);\n window.removeEventListener('load', onWindowLoad);\n document.removeEventListener('alpine:initialized', onAlpineInitialized);\n window.removeEventListener('resize', onWindowResize);\n delete el.__autosize__;\n try { if (el.__autosizeInterval__) clearInterval(el.__autosizeInterval__); } catch (_) {}\n delete el.__autosizeInterval__;\n });\n });\n\n // Lightweight include directive to fetch & hydrate external HTML fragments\n window.Alpine.directive('include', (el, { expression }, { cleanup, evaluate }) => {\n let loaded = false;\n let controller = null;\n let aborted = false;\n const load = async (url) => {\n if (!url || aborted) return;\n try {\n if (controller) {\n try { controller.abort(); } catch (_) { /* no-op */ }\n }\n controller = new AbortController();\n const res = await fetch(url, { signal: controller.signal, credentials: 'same-origin' });\n const html = await res.text();\n // Replace content without re-initializing the directive on the container\n // Create a template to safely parse and insert children\n const tpl = document.createElement('template');\n tpl.innerHTML = html;\n // Clear existing content and insert new nodes\n el.innerHTML = '';\n el.appendChild(tpl.content.cloneNode(true));\n loaded = true;\n try {\n if (window.Alpine && typeof window.Alpine.initTree === 'function') {\n // Initialize only the newly inserted children to avoid re-running this directive\n const children = Array.from(el.children || []);\n for (const child of children) {\n try { window.Alpine.initTree(child); } catch (_) { /* no-op */ }\n }\n }\n } catch (_) { /* no-op */ }\n } catch (_) { /* no-op */ }\n };\n let url = '';\n try { url = String(evaluate(expression)); } catch (_) { url = ''; }\n if (url) load(url);\n const onShow = () => { if (!loaded) load(url); };\n el.addEventListener('alpine:show', onShow);\n cleanup(() => {\n aborted = true;\n try { if (controller) controller.abort(); } catch (_) { /* no-op */ }\n el.removeEventListener('alpine:show', onShow);\n });\n });\n\n // Reusable clickaway directive for closing popups/modals when clicking outside\n window.Alpine.directive('clickaway', (el, { expression }, { cleanup, evaluate }) => {\n let isListening = false;\n \n const handleClickAway = (e) => {\n // Check if the click was outside this element\n if (!el.contains(e.target)) {\n try {\n evaluate(expression);\n } catch (_) { /* no-op */ }\n }\n };\n\n const startListening = () => {\n if (isListening) return;\n isListening = true;\n // Use a small delay to avoid immediate triggering when the element appears\n setTimeout(() => {\n document.addEventListener('click', handleClickAway, true);\n }, 50);\n };\n\n const stopListening = () => {\n if (!isListening) return;\n isListening = false;\n document.removeEventListener('click', handleClickAway, true);\n };\n\n // Start listening when element becomes visible\n const observer = new MutationObserver((mutations) => {\n // Only check visibility if relevant attributes changed\n const hasRelevantChanges = mutations.some(mutation => \n mutation.type === 'attributes' && \n (mutation.attributeName === 'style' || mutation.attributeName === 'hidden')\n );\n \n if (hasRelevantChanges) {\n const isVisible = el.offsetParent !== null && !el.hidden;\n if (isVisible) {\n startListening();\n } else {\n stopListening();\n }\n }\n });\n\n // Watch for changes in visibility with throttling\n observer.observe(el, { attributes: true, attributeFilter: ['style', 'hidden'] });\n \n // Also listen for Alpine show/hide events\n el.addEventListener('alpine:show', startListening);\n el.addEventListener('alpine:hide', stopListening);\n\n cleanup(() => {\n stopListening();\n observer.disconnect();\n el.removeEventListener('alpine:show', startListening);\n el.removeEventListener('alpine:hide', stopListening);\n });\n });\n }\n } catch (_) { /* no-op */ }\n });\n}\n\n// If Alpine was deferred via window.deferLoadingAlpine, start it now\ntry { if (typeof window._startAlpine === 'function') window._startAlpine(); } catch (_) {}\n\n\n",[],[265,481],"c7c3807e-88ff-11f0-9373-0224a6c84d84","dragDrop.js","c7c3813c-88ff-11f0-9373-0224a6c84d84",171,["D",1756929259791],"// Drag & Drop helpers for chats and folders\n\nexport function onChatDragStart(ctx, e, chatId) {\n try {\n if (e && e.dataTransfer) {\n e.dataTransfer.setData('text/plain', String(chatId));\n e.dataTransfer.effectAllowed = 'move';\n }\n } catch (_) {}\n ctx.draggingChatId = chatId;\n}\n\nexport function onChatDragEnd(ctx) {\n ctx.draggingChatId = null;\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragOver(ctx, e, folderId) {\n e.preventDefault();\n ctx.dragOverFolderId = folderId;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragLeave(ctx, e, folderId) {\n if (ctx.dragOverFolderId === folderId) ctx.dragOverFolderId = null;\n}\n\nexport async function onFolderDrop(ctx, e, folderId) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, folderId);\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onBaseDragOver(ctx, e) {\n e.preventDefault();\n ctx.dragOverBase = true;\n ctx.dragOverFolderId = null;\n}\n\nexport function onBaseDragLeave(ctx) {\n ctx.dragOverBase = false;\n}\n\nexport async function onBaseDrop(ctx, e) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, null);\n ctx.dragOverBase = false;\n ctx.dragOverFolderId = null;\n}\n\n\n",[],[265,489],"347e6a74-a432-11f0-926d-0224a6c84d84","dataIO.js","b60376a8-8906-11f0-be44-0224a6c84d84",232,["D",1759919598426],"// Data export/import & clipboard helpers extracted from chatterApp.js\n\nimport {\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/index.ts';\n\n// Single session export/import helpers (Phase 1 convenience)\nexport async function exportSession(ctx, id) {\n try {\n if (!ctx || !ctx.db || !ctx.db.sessions) return null;\n const session = await ctx.db.sessions.get(id);\n if (!session) return null;\n return JSON.stringify(session, null, 2);\n } catch (_) { return null; }\n}\n\nexport async function importSession(ctx, json) {\n try {\n if (!ctx || !ctx.db || !ctx.db.sessions) return null;\n const session = typeof json === 'string' ? JSON.parse(json) : json;\n const copy = { ...session };\n delete copy.id;\n const newId = await ctx.db.sessions.add(copy);\n return newId;\n } catch (_) { return null; }\n}\n\nexport async function onExportData(ctx) {\n try {\n ctx.dataStatusText = 'preparing export...';\n const payload = await coreExportAllData(ctx);\n const json = JSON.stringify(payload, null, 2);\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const pad = (n) => String(n).padStart(2, '0');\n const d = new Date();\n const name = `chatter-export-${d.getFullYear()}${pad(d.getMonth()+1)}${pad(d.getDate())}-${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}.json`;\n const a = document.createElement('a');\n a.href = url;\n a.download = name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n ctx.dataStatusText = 'exported current data to JSON file';\n } catch (e) {\n console.error('export error', e);\n ctx.dataStatusText = 'export failed';\n }\n}\n\nexport async function copyCurrentChatJson(ctx) {\n try {\n if (!ctx.db) return;\n const payload = await coreExportAllData(ctx);\n const cid = ctx.currentChatId;\n const all = payload && payload.data ? payload.data : { sessions: [], chats: [], messages: [], folders: [] };\n let out = { meta: payload.meta || {}, data: { sessions: [], chats: [], messages: [], folders: [] } };\n if (ctx.db && ctx.db.sessions) {\n if (cid && Number.isFinite(Number(cid))) {\n const sid = Number(cid);\n out.data.sessions = (all.sessions || []).filter(s => Number(s.id) === sid);\n } else {\n out = { meta: { ...payload.meta, note: 'ephemeral chat (not yet saved)' }, data: { sessions: [], chats: [], messages: [], folders: [] } };\n }\n } else {\n if (cid && Number.isFinite(Number(cid))) {\n const chatId = Number(cid);\n out.data.chats = (all.chats || []).filter(c => Number(c.id) === chatId);\n out.data.messages = (all.messages || []).filter(m => Number(m.chatId) === chatId);\n out.data.folders = (all.folders || []).filter(f => {\n try { return out.data.chats.some(c => c.folderId != null && Number(c.folderId) === Number(f.id)); } catch (_) { return false; }\n });\n } else {\n out = { meta: { ...payload.meta, note: 'ephemeral chat (not yet saved)' }, data: { chats: [], messages: (ctx.messages || []).map(m => ({ role: m.role, content: m.content, createdAt: m.createdAt, model: m.model ?? null })), folders: [] } };\n }\n }\n const json = JSON.stringify(out, null, 2);\n await navigator.clipboard.writeText(json);\n ctx.copyChatText = 'copied';\n if (ctx.copyChatTimeoutId) clearTimeout(ctx.copyChatTimeoutId);\n ctx.copyChatTimeoutId = setTimeout(() => {\n ctx.copyChatText = 'copy json';\n ctx.copyChatTimeoutId = null;\n }, 3000);\n } catch (_) { /* no-op */ }\n}\n\nexport function onClickImportReplace(ctx) {\n try {\n ctx.pendingImportMode = 'replace';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport function onClickImportAppend(ctx) {\n try {\n ctx.pendingImportMode = 'append';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport async function onImportFileChange(ctx, e) {\n try {\n const files = e && e.target && e.target.files ? e.target.files : null;\n const file = files && files[0];\n if (!file) return;\n ctx.dataStatusText = (ctx.pendingImportMode === 'replace') ? 'importing (replace)...' : 'importing (append)...';\n const text = await new Promise((resolve, reject) => {\n try {\n const reader = new FileReader();\n reader.onload = () => resolve(String(reader.result || ''));\n reader.onerror = (err) => reject(err);\n reader.readAsText(file);\n } catch (err) { reject(err); }\n });\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n if (ctx.pendingImportMode === 'replace') {\n counts = await coreImportDataReplace(ctx, text);\n } else {\n counts = await coreImportDataAppend(ctx, text);\n }\n await ctx.loadFolders();\n await ctx.loadChats();\n await ctx.loadNotes();\n await ctx.loadPresets();\n if (ctx.pendingImportMode === 'replace') {\n ctx.currentChatId = null;\n ctx.activeSearchId = ctx.ephemeralChatId;\n ctx.messages = [];\n try { ctx.navigateToChatPath(ctx.ephemeralChatId, true); } catch (_) { /* ignore */ }\n }\n ctx.dataStatusText = `${ctx.pendingImportMode === 'replace' ? 'replaced' : 'appended'}: ${counts.foldersAdded} folders, ${counts.chatsAdded} chats, ${counts.messagesAdded} messages`;\n } catch (err) {\n console.error('import error', err);\n ctx.dataStatusText = 'import failed';\n } finally {\n try { if (e && e.target) e.target.value = ''; } catch (_) {}\n ctx.pendingImportMode = null;\n }\n}\n\n\n",[],[265,497],"c7cf742e-88ff-11f0-b038-0224a6c84d84","contentRenderers.js","c7cf7640-88ff-11f0-b038-0224a6c84d84",173,["D",1756929259794],"// Assistant content rendering helpers\n\nexport function formatAssistantContent(text) {\n const rawText = text || '';\n if (!rawText) return '';\n const trimmed = rawText.trim();\n if ((trimmed.startsWith('{') || trimmed.startsWith('['))) {\n try {\n const obj = JSON.parse(trimmed);\n return JSON.stringify(obj, null, 2);\n } catch (_) {\n return rawText;\n }\n }\n return rawText;\n}\n\nexport function renderAssistantContent(ctx) {\n const raw = formatAssistantContent(ctx.assistantContent || '');\n try {\n if (raw && (raw.trim().startsWith('{') || raw.trim().startsWith('['))) {\n const escaped = raw.replace(/&/g, '&').replace(//g, '>');\n return `

${escaped}

`;\n }\n const html = (window.marked ? window.marked.parse(raw) : raw);\n return (window.DOMPurify ? window.DOMPurify.sanitize(html) : html);\n } catch (_) {\n return raw;\n }\n}\n\n\n",[],[265,505],"384de18a-86ae-11f0-8644-0224a6c84d84","chatterLib.js","8ff2c63c-78f1-11f0-82b8-0224a6c84d84",129,["D",1756674327544],"// Research utilities extracted from chatterApp\n\nexport function getDisplaySourceName(selectedSource, customSource) {\n const sourceMap = {\n 'pubmed': 'PubMed',\n 'biorxiv': 'bioRxiv',\n 'arxiv': 'arXiv',\n 'medrxiv': 'medRxiv',\n 'researchgate': 'ResearchGate',\n 'google scholar': 'Google Scholar',\n 'hacker news': 'Hacker News',\n 'reddit': 'Reddit',\n 'news': 'News'\n };\n if (selectedSource === 'custom' && customSource) return customSource;\n return sourceMap[selectedSource] || selectedSource || '';\n}\n\nexport function getActualSearchSource(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return `on ${customSource}`;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n return '';\n}\n\nexport function getActualSearchSourceName(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return customSource;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n if (selectedSource === 'hacker news') return 'Hacker News';\n if (selectedSource === 'reddit') return 'Reddit';\n if (selectedSource === 'news') return 'News';\n return '';\n}\n\n\n",[],[265,513],"cd9243e0-931e-11f0-9474-0224a6c84d84","chatterApp.js","f6940d20-7616-11f0-a338-0224a6c84d84",186,["D",1758042095556],16,"import { getI18n, getDateRangeText as i18nDateRangeText } from './i18n.js';\nimport { getDisplaySourceName, getActualSearchSource, getActualSearchSourceName } from './chatterLib.js';\nimport { checkServerKey as apiCheckServerKey, summarizePaper as apiSummarizePaper, postChatStreamSSE, postChatStream, postGroqChat } from './apiClient.js';\nimport {\n initDb,\n loadChats as coreLoadChats,\n loadFolders as coreLoadFolders,\n createFolder as coreCreateFolder,\n startEditingFolder as coreStartEditingFolder,\n commitEditingFolder as coreCommitEditingFolder,\n cancelEditingFolder as coreCancelEditingFolder,\n toggleFolderCollapsed as coreToggleFolderCollapsed,\n moveChatToFolder as coreMoveChatToFolder,\n baseChats as coreBaseChats,\n chatsInFolder as coreChatsInFolder,\n createNewChat as coreCreateNewChat,\n selectChat as coreSelectChat,\n startEditingChat as coreStartEditingChat,\n commitEditingChat as coreCommitEditingChat,\n cancelEditingChat as coreCancelEditingChat,\n deleteChat as coreDeleteChat,\n duplicateChat as coreDuplicateChat,\n ensureChatExistsForEdits as coreEnsureChatExistsForEdits,\n ensureMessagePersisted as coreEnsureMessagePersisted,\n persistMessageAtIndex as corePersistMessageAtIndex,\n deleteMessage as coreDeleteMessage,\n deleteMessagesBelow as coreDeleteMessagesBelow,\n rerunFromUser as coreRerunFromUser,\n sendMessage as coreSendMessage,\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/chatCore.js';\nimport { isStreamingForCurrent as expIsStreamingForCurrent, streamAssistant as expStreamAssistant } from './experimental/streaming.js';\nimport { JobManager } from './core/jobManager.js';\nimport {\n isChatLinkedToPreset as presetsIsChatLinkedToPreset,\n chatHasCustomSettings as presetsChatHasCustomSettings,\n updatePresetLinkingStatus as presetsUpdatePresetLinkingStatus,\n snapshotCurrentChatSettings as presetsSnapshotCurrentChatSettings,\n applyPresetSettings as presetsApplyPresetSettings,\n saveCurrentChatSettings as presetsSaveCurrentChatSettings,\n loadPresets as presetsLoadPresets,\n generatePresetShortId as presetsGeneratePresetShortId,\n createPreset as presetsCreatePreset,\n updatePreset as presetsUpdatePreset,\n deletePreset as presetsDeletePreset,\n onPresetSelectFocus as presetsOnPresetSelectFocus,\n onPresetChange as presetsOnPresetChange,\n doApplyPresetChange as presetsDoApplyPresetChange,\n confirmPresetChange as presetsConfirmPresetChange,\n cancelPresetChange as presetsCancelPresetChange,\n onChatPromptTextInput as presetsOnChatPromptTextInput,\n resetChatPromptToPreset as presetsResetChatPromptToPreset,\n saveCurrentSettingsToChat as presetsSaveCurrentSettingsToChat,\n updateCurrentPresetFromChat as presetsUpdateCurrentPresetFromChat,\n saveAsPresetFromChat as presetsSaveAsPresetFromChat,\n startEditingPreset as presetsStartEditingPreset,\n cancelEditingPreset as presetsCancelEditingPreset,\n commitEditingPreset as presetsCommitEditingPreset,\n clonePreset as presetsClonePreset\n} from './presets.js';\nimport {\n applyAppFont as uiApplyAppFont,\n applyThemePreference as uiApplyThemePreference,\n initSystemPromptAutosize as uiInitSystemPromptAutosize,\n autoResize as uiAutoResize,\n queueScrollToBottom as uiQueueScrollToBottom,\n queueScrollReasoningById as uiQueueScrollReasoningById,\n renderMarkdown as uiRenderMarkdown\n} from './uiTools.js';\nimport {\n getDisplayTimerText as timerGetDisplayTimerText,\n startTimer as timerStart,\n stopTimer as timerStop\n} from './timerUtils.js';\nimport * as dataIO from './dataIO.js';\nimport * as prefs from './preferences.js';\nimport {\n startEditingMessage as msgEditStart,\n onEditingInput as msgEditOnInput,\n commitEditingMessage as msgEditCommit,\n cancelEditingMessage as msgEditCancel\n} from './messageEditing.js';\nimport * as dnd from './dragDrop.js';\nimport * as trace from './traceUI.js';\nimport {\n formatAssistantContent as contentFormat,\n renderAssistantContent as contentRender\n} from './contentRenderers.js';\n\nexport default function chatterApp() {\n return {\n // Page routing\n activePage: 'chat', // 'chat' | 'appSettings'\n searchQuery: '',\n dateRange: '',\n selectedSource: '',\n customSource: '',\n selectedLanguage: 'english',\n results: [],\n assistantContent: '',\n route: 'links',\n isSearching: false,\n isLoadingMore: false,\n hasSearched: false,\n currentOffset: 0,\n hasMoreResults: true,\n errorMessage: '',\n summaryStates: {},\n hasServerKey: true,\n userApiKey: '',\n apiKeyInput: '',\n // Model selection\n selectedModel: 'openai/gpt-oss-120b',\n // Browser search tool toggle\n useBrowserSearch: true,\n useCodeInterpreter: false,\n // System prompt state\n systemPrompt: '', // global default template editor (App Settings)\n chatPromptId: null, // selected template id for current chat\n chatPromptText: '', // per-chat active text (preset or custom based on activeSettingsSource)\n systemPromptOpen: false,\n systemPromptDebounceId: null,\n // Generation settings\n temperature: 1,\n maxTokens: 8192,\n reasoningEffort: 'medium',\n streamEnabled: true,\n jsonMode: false,\n // Presets\n presets: [],\n editingPresetId: null,\n editingPresetName: '',\n editingPresetContent: '',\n editingPresetSettings: {},\n chatPromptDebounceId: null,\n newPresetName: '',\n newPresetContent: '',\n // Data export/import status\n dataStatusText: '',\n pendingImportMode: null, // 'replace' | 'append' | null\n // Preset linking status\n chatIsLinkedToPreset: false, // computed based on current chat state\n chatHasCustomSettingsStored: false, // computed based on current chat state\n // Preset change confirm modal\n showPresetChangeConfirm: false,\n pendingPresetId: null,\n lastChatPromptId: null,\n // Settings save state\n settingsChanged: false, // tracks if current settings have been modified\n savingSettings: false, // tracks if save is in progress\n // App settings\n appFontChoice: 'mono', // 'mono' | 'sans' | 'serif'\n themePreference: 'auto', // 'auto' | 'light' | 'dark'\n // Custom chat completions endpoint (e.g., http://localhost:11434 or http://localhost:1234)\n customChatBaseUrl: '',\n // Stream test state\n streamPrompt: '',\n isStreaming: false,\n streamError: '',\n streamAggregates: null,\n streamOpen: true,\n eventsOpen: false,\n // Trace log state\n traceEvents: [],\n traceExpanded: false,\n expandedToolMap: {},\n copyEventsText: 'copy json',\n copyChatText: 'copy json',\n copyEventsTimeoutId: null,\n copyChatTimeoutId: null,\n \n // Timer state\n timerStartMs: null,\n timerIntervalId: null,\n timerFrozenText: '',\n timerElapsedMs: 0,\n \n // Chat state\n messages: [],\n chatInput: '',\n // Jobs system\n useJobs: true,\n jobManager: null,\n currentJobId: null,\n _jobCtx: {}, // jobId -> { chatId, assistantMessageId, assistantCreatedAt }\n // Streaming session guards to prevent cross-chat bleed and allow concurrency by chat\n currentStreamToken: null,\n streamChatId: null,\n streamingChats: {}, // chatId -> { token, startedAt }\n // Streaming reasoning state per assistant message\n messageReasoningMap: {},\n expandedReasoningMap: {},\n // UI ephemeral state\n copiedMap: {}, // idx -> boolean\n _copiedTimeouts: {},\n \n // Inline message editing state\n editingMessageIdx: null,\n editingMessageId: null,\n editingMessageText: '',\n editingMessageOriginal: '',\n editingDebounceId: null,\n\n // (removed) confirmation modal state\n \n // Typewriter effect variables\n hasUserInteracted: false,\n typewriterActive: false,\n typewriterTimeouts: [],\n currentLanguageIndex: 0,\n currentCharIndex: 0,\n isTyping: false,\n lastTypewriterText: '',\n \n // Testing override - if set to a string, will replace typewriter effect\n testOverride: '', // Set to null or '' to disable override\n\n // Global Notes plugin state\n notes: [], // { id, title, content, createdAt, updatedAt }\n editingNoteId: null,\n editingNoteTitle: '',\n editingNoteContent: '',\n newNoteTitle: '',\n newNoteContent: '',\n expandedNotes: {}, // noteId -> boolean\n editingNoteIds: {}, // noteId -> { title, content } for per-note editing\n\n // Sidebar + chats (Dexie-backed)\n sidebarOpen: false, // mobile overlay\n sidebarCollapsed: false, // desktop collapse\n sidebarTransitioning: false,\n sidebarAnimMs: 300,\n // Right settings panel (nested inside main)\n settingsOpen: false, // visibility toggle\n settingsOpenedAt: 0,\n settingsWidth: 340,\n minSettingsWidth: 260,\n maxSettingsWidth: 560,\n // Global tools menu (right sidebar)\n globalMenuOpen: false, // visibility toggle\n globalMenuOpenedAt: 0,\n globalMenuWidth: 320,\n minGlobalMenuWidth: 240,\n maxGlobalMenuWidth: 480,\n isResizingSettings: false,\n settingsResizeStartX: 0,\n settingsResizeStartWidth: 340,\n // Resizable sidebar\n sidebarWidth: 256,\n minSidebarWidth: 180,\n maxSidebarWidth: 520,\n isResizingSidebar: false,\n resizeStartX: 0,\n resizeStartWidth: 256,\n activeSearchId: null,\n ephemeralChatId: '__ephemeral__',\n chats: [], // { id, title, createdAt, folderId? }\n currentChatId: null,\n db: null,\n editingChatId: null,\n editingChatTitle: '',\n // Folders state\n folders: [], // { id, name, createdAt, order, collapsed }\n editingFolderId: null,\n editingFolderName: '',\n // Drag & drop state\n draggingChatId: null,\n dragOverFolderId: null,\n dragOverBase: false,\n\n // Generalized key bindings registry (normalize to 'mod+[shift+]')\n keyBindings: {},\n\n async init() {\n console.log('🔧 Chat app initializing...');\n // Initialize JobManager\n try { this.jobManager = new JobManager(); } catch (_) { /* ignore */ }\n \n // Load API key from localStorage\n const storedApiKey = localStorage.getItem('groq_api_key');\n if (storedApiKey) {\n this.userApiKey = storedApiKey;\n }\n // Load preferred model\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n this.selectedModel = storedModel;\n }\n const storedBase = localStorage.getItem('chat_base_url');\n if (storedBase && typeof storedBase === 'string') {\n this.customChatBaseUrl = storedBase;\n }\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') this.useBrowserSearch = false;\n if (storedUse === '1') this.useBrowserSearch = true;\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') this.useCodeInterpreter = true;\n if (storedCI === '0') this.useCodeInterpreter = false;\n const sp = localStorage.getItem('system_prompt');\n if (typeof sp === 'string') this.systemPrompt = sp;\n const spOpen = localStorage.getItem('system_prompt_open');\n if (spOpen === '1') this.systemPromptOpen = true;\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) this.temperature = Math.max(0, Math.min(2, Number(t)));\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) this.maxTokens = Math.max(1, Number(mt));\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') this.reasoningEffort = re;\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') this.streamEnabled = false; if (se === '1') this.streamEnabled = true;\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') this.jsonMode = true; if (jm === '0') this.jsonMode = false;\n const af = localStorage.getItem('app_font');\n if (af === 'mono' || af === 'sans' || af === 'serif') this.appFontChoice = af;\n const tp = localStorage.getItem('theme');\n if (tp === 'light' || tp === 'dark' || tp === 'auto') this.themePreference = tp;\n } catch (_) { /* ignore */ }\n // Apply app-level styles that depend on persisted settings\n try { this.applyAppFont(); } catch (_) { /* ignore */ }\n try { this.applyThemePreference(); } catch (_) { /* ignore */ }\n \n // Check if server has API key\n await this.checkServerKey();\n \n await initDb(this);\n // Load Presets\n try { await this.loadPresets(); } catch (_) { /* ignore */ }\n await this.loadFolders();\n await this.loadChats();\n await this.loadNotes();\n // Start with an ephemeral chat; persist if/when content is edited or a message is sent\n this.currentChatId = null;\n this.activeSearchId = this.ephemeralChatId;\n this.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: this.selectedModel || null }];\n this.sidebarOpen = false;\n // Load persisted sidebar width\n try {\n const sw = Number(localStorage.getItem('sidebar_width'));\n if (Number.isFinite(sw) && sw >= 120 && sw <= 800) this.sidebarWidth = sw;\n const rw = Number(localStorage.getItem('settings_width'));\n if (Number.isFinite(rw) && rw >= 200 && rw <= 800) this.settingsWidth = rw;\n const so = localStorage.getItem('settings_open');\n if (so === '1') this.settingsOpen = true;\n const gmo = localStorage.getItem('global_menu_open');\n if (gmo === '1') this.globalMenuOpen = true;\n } catch (_) { /* ignore */ }\n this.$nextTick(() => this.scrollToBottom());\n console.log('✅ Chat app initialized');\n // If settings panel is restored open, ensure system prompt autosize initializes\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n // Initialize document title\n try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize default key bindings\n try {\n this.keyBindings = {\n 'mod+b': (ctx) => ctx.toggleSidebarShortcut(),\n 'mod+shift+b': (ctx) => ctx.toggleChatSettings(),\n 'mod+shift+g': (ctx) => ctx.toggleGlobalMenu(),\n 'mod+shift+p': (ctx) => ctx.togglePresetList(),\n 'mod+shift+arrowdown': (ctx) => ctx.cyclePresetNext(),\n 'mod+shift+arrowup': (ctx) => ctx.cyclePresetPrev(),\n 'mod+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+r': (ctx) => ctx.onShortcutGenerateOrRerun(),\n };\n } catch (_) { /* ignore */ }\n // If loaded at /new or /:id, ensure page reflects it; also wire popstate\n try {\n if (typeof window !== 'undefined' && window.location) {\n const path = window.location.pathname || '';\n if (path === '/settings') {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n } else if (path === '/new') {\n this.$nextTick(() => this.focusNewChat());\n } else {\n // Support /123 or /some-slug-123\n const mId = path.match(/^\\/(\\d+)$/);\n const mSlug = path.match(/^\\/.+-(\\d+)$/);\n const idStr = (mId && mId[1]) || (mSlug && mSlug[1]) || '';\n const idNum = Number(idStr);\n if (Number.isFinite(idNum)) {\n this.selectChat(idNum, false);\n }\n }\n // Handle back/forward navigation to /new or /:slug-:id\n try {\n this._onPopState = () => {\n try {\n const p = window.location.pathname || '';\n if (p === '/settings') { this.activePage = 'appSettings'; this.settingsOpen = false; return; }\n if (p === '/new') { this.openChatPage(); this.focusNewChat(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } return; }\n const mmId = p.match(/^\\/(\\d+)$/);\n const mmSlug = p.match(/^\\/.+-(\\d+)$/);\n const idStr2 = (mmId && mmId[1]) || (mmSlug && mmSlug[1]) || '';\n const cid = Number(idStr2);\n if (Number.isFinite(cid)) { this.openChatPage(); this.selectChat(cid, false); }\n else { this.openChatPage(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('popstate', this._onPopState);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Listen for presets updates to refresh local list and apply to current chat if selected\n try {\n this._onPresetsUpdated = async (e) => {\n try {\n await this.loadPresets();\n const payload = e && e.detail ? e.detail : {};\n const updatedId = payload && payload.id != null ? Number(payload.id) : null;\n \n if (updatedId && this.db) {\n const preset = await this.db.systemPrompts.get(updatedId);\n if (preset) {\n const sys = (typeof preset.systemPrompt === 'string' ? preset.systemPrompt : preset.content) || '';\n \n // Update ALL chats linked to this preset (not just the current one)\n try {\n const linkedChats = await this.db.chats.where('systemPromptId').equals(updatedId).toArray();\n for (const chat of linkedChats) {\n // Only update chats that don't have custom settings (still linked)\n if (!chat.settings) {\n try {\n await this.db.transaction('rw', this.db.chats, async () => {\n const meta = await this.db.chats.get(chat.id);\n if (!meta) return;\n await this.db.chats.put({ ...meta, systemPromptText: sys });\n });\n } catch (_) { /* ignore */ }\n }\n }\n } catch (_) { /* ignore */ }\n \n // If current chat is linked to this preset, update UI immediately\n if (this.chatPromptId && Number(this.chatPromptId) === updatedId) {\n // Apply preset settings to UI immediately \n if (preset.settings) {\n this.applyPresetSettings(preset.settings);\n }\n // Update system prompt text in UI\n this.chatPromptText = sys;\n \n // Update UI status to reflect any changes\n await this.updatePresetLinkingStatus();\n }\n }\n }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('presets-updated', this._onPresetsUpdated);\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar helpers\n toggleSidebar() { this.sidebarOpen = !this.sidebarOpen; },\n // Settings panel helpers\n toggleSettingsPanel() {\n this.settingsOpen = !this.settingsOpen;\n try { localStorage.setItem('settings_open', this.settingsOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.settingsOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n // Global menu helpers\n toggleGlobalMenu() {\n this.globalMenuOpen = !this.globalMenuOpen;\n this.globalMenuOpenedAt = Date.now();\n try { localStorage.setItem('global_menu_open', this.globalMenuOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n },\n closeGlobalMenu() {\n this.globalMenuOpen = false;\n try { localStorage.setItem('global_menu_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseGlobalMenu() {\n const since = Date.now() - (this.globalMenuOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeGlobalMenu();\n },\n // Toggle/focus the current preset list (settings panel if open, otherwise header control)\n togglePresetList() {\n try {\n // Prefer settings panel select when visible\n if (this.settingsOpen) {\n try {\n const el = document.querySelector('aside select[x-model=\"chatPromptId\"]');\n if (el) {\n el.focus();\n el.click();\n return;\n }\n } catch (_) { /* ignore */ }\n }\n // Fallback to the top control bar select\n try {\n const el2 = document.querySelector('.chat-controls select[x-model=\"chatPromptId\"]');\n if (el2) {\n el2.focus();\n el2.click();\n return;\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n // Cycle presets (Cmd/Ctrl+Shift+ArrowUp/ArrowDown)\n cyclePresetNext() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n // Build a virtual list with 'custom' represented by null at index -1\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx + 1);\n if (idx >= ids.length) idx = -1; // wrap to custom\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n // Apply change\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n cyclePresetPrev() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx - 1);\n if (idx < -1) idx = ids.length - 1; // wrap from custom to last preset\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n openChatSettings() {\n this.openChatPage();\n this.settingsOpen = true;\n this.settingsOpenedAt = Date.now();\n try { localStorage.setItem('settings_open', '1'); } catch (_) { /* ignore */ }\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n closeChatSettings() {\n this.settingsOpen = false;\n try { localStorage.setItem('settings_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseChatSettings() {\n const since = Date.now() - (this.settingsOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeChatSettings();\n },\n toggleChatSettings() {\n if (this.activePage !== 'chat') {\n this.openChatSettings();\n return;\n }\n if (this.settingsOpen) {\n this.closeChatSettings();\n } else {\n this.openChatSettings();\n }\n },\n // App settings page helpers\n openAppSettingsPage() {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n try {\n if (typeof window !== 'undefined' && window.history) {\n const current = window.location.pathname || '';\n if (current !== '/settings') window.history.pushState({}, '', '/settings');\n }\n } catch (_) { /* ignore */ }\n },\n openChatPage() {\n this.activePage = 'chat';\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n // Global key handler for shortcuts\n onGlobalKeyDown(e) {\n try {\n if (!e) return;\n // Handle Escape globally before ignoring editable fields\n const rawKey = String(e.key || '');\n const keyLower = rawKey.toLowerCase();\n const codeLower = String(e.code || '').toLowerCase();\n // Special-case: intercept Cmd/Ctrl+Alt+R anywhere to run generate/rerun (leave Cmd/Ctrl+R for reload)\n const isModNow = !!(e.metaKey || e.ctrlKey);\n if (isModNow && e.altKey && (keyLower === 'r' || codeLower === 'keyr')) {\n e.preventDefault();\n try { e.stopPropagation(); } catch (_) { /* ignore */ }\n this.onShortcutGenerateOrRerun();\n return;\n }\n if (keyLower === 'escape' || keyLower === 'esc') {\n // If on App Settings page, Esc should return to a new chat\n if (this.activePage === 'appSettings') {\n e.preventDefault();\n // focusNewChat() opens chat page, selects ephemeral chat, and updates URL\n this.focusNewChat();\n return;\n }\n // If on Chat page and the chat settings panel is open, close it\n if (this.activePage === 'chat' && this.settingsOpen) {\n e.preventDefault();\n this.closeChatSettings();\n return;\n }\n }\n // Ignore when typing in inputs, textareas, selects, or contenteditable\n const target = e.target;\n const tag = target && target.tagName;\n const isEditable = !!(target && (target.isContentEditable || tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'));\n if (isEditable) return;\n if (e.repeat) return;\n const isMod = !!(e.metaKey || e.ctrlKey);\n if (!isMod) return;\n // Normalize the key for letter combos so Option/Alt doesn't change it (e.g., Option+R -> ®)\n const rawCode = String(e.code || '');\n let key = String(e.key || '').toLowerCase();\n if (rawCode && rawCode.startsWith('Key')) key = rawCode.slice(3).toLowerCase();\n const parts = ['mod'];\n if (e.shiftKey) parts.push('shift');\n if (e.altKey) parts.push('alt');\n parts.push(key);\n const combo = parts.join('+');\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') {\n e.preventDefault();\n handler(this);\n }\n } catch (_) { /* ignore */ }\n },\n\n // Programmatically trigger a registered key binding (e.g., from clicks)\n triggerKeyBinding(combo) {\n try {\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') handler(this);\n else if (combo === 'mod+shift+b') this.toggleChatSettings();\n } catch (_) { /* ignore */ }\n },\n\n // Shortcut: Generate or re-run the latest AI result\n onShortcutGenerateOrRerun() {\n try {\n if (this.isStreamingForCurrent) return;\n this.openChatPage();\n const msgs = Array.isArray(this.messages) ? this.messages : [];\n const len = msgs.length;\n if (len <= 0) return;\n const lastIdx = len - 1;\n const last = msgs[lastIdx];\n if (!last) return;\n if (last.role === 'assistant') {\n // Regenerate the last assistant reply\n this.rerunAssistant(lastIdx);\n return;\n }\n if (last.role === 'user') {\n const text = String(last.content || '').trim();\n if (!text) return;\n // Re-run starting from the last user message\n this.rerunFromUser(lastIdx);\n return;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar toggle aware of desktop vs mobile\n toggleSidebarShortcut() {\n try {\n const isDesktop = !!(window.matchMedia && window.matchMedia('(min-width: 768px)').matches);\n if (isDesktop) {\n if (this.sidebarCollapsed) this.expandSidebar(); else this.collapseSidebar();\n } else {\n this.sidebarOpen = !this.sidebarOpen;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Focus the ephemeral New Chat entry\n async focusNewChat() {\n try {\n this.openChatPage();\n await this.selectChat(this.ephemeralChatId, false);\n this.navigateToChatPath(this.ephemeralChatId, true);\n // Focus composer textarea\n try {\n this.$nextTick(() => {\n try {\n const el = document.querySelector('textarea');\n if (el && typeof el.focus === 'function') {\n el.focus();\n // Put caret at end\n try {\n const len = el.value ? el.value.length : 0;\n el.setSelectionRange && el.setSelectionRange(len, len);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n });\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n onAppFontChange() { return prefs.onAppFontChange(this); },\n onThemePreferenceChange() { return prefs.onThemePreferenceChange(this); },\n applyAppFont() { try { uiApplyAppFont(this); } catch (_) { /* ignore */ } },\n applyThemePreference() { try { uiApplyThemePreference(this); } catch (_) { /* ignore */ } },\n get themeClass() {\n const pref = this.themePreference || 'auto';\n if (pref === 'light') return 'theme-light';\n if (pref === 'dark') return 'theme-dark';\n return '';\n },\n startSettingsResize(e) {\n if (!this.settingsOpen) return;\n this.isResizingSettings = true;\n this.settingsResizeStartX = e.clientX || 0;\n this.settingsResizeStartWidth = this.settingsWidth;\n try { document.body.classList.add('select-none'); } catch (_) {}\n try {\n window.addEventListener('mousemove', this.onSettingsResizeMove);\n window.addEventListener('mouseup', this.stopSettingsResize, { once: true });\n } catch (_) {}\n },\n onSettingsResizeMove(e) {\n if (!this.isResizingSettings) return;\n const dx = (this.settingsResizeStartX || 0) - (e.clientX || 0);\n let next = Math.round((this.settingsResizeStartWidth || 0) + dx);\n next = Math.max(this.minSettingsWidth, Math.min(this.maxSettingsWidth, next));\n this.settingsWidth = next;\n },\n stopSettingsResize() {\n if (!this.isResizingSettings) return;\n this.isResizingSettings = false;\n try { localStorage.setItem('settings_width', String(this.settingsWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try { window.removeEventListener('mousemove', this.onSettingsResizeMove); } catch (_) {}\n },\n collapseSidebar() {\n // Trigger width animation immediately but delay the expand-control reveal\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = true;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n expandSidebar() {\n // Trigger width animation immediately and hide expand-control during transition\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = false;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n // Sidebar resizing handlers (desktop)\n startSidebarResize(e) {\n if (this.sidebarCollapsed) return;\n this.isResizingSidebar = true;\n this.resizeStartX = e.clientX || 0;\n this.resizeStartWidth = this.sidebarWidth;\n // Disable text selection while resizing\n try { document.body.classList.add('select-none'); } catch (_) {}\n // Attach move/up listeners as a fallback in case global Alpine listeners miss events\n try {\n window.addEventListener('mousemove', this.onSidebarResizeMove);\n window.addEventListener('mouseup', this.stopSidebarResize, { once: true });\n } catch (_) {}\n },\n onSidebarResizeMove(e) {\n if (!this.isResizingSidebar) return;\n const dx = (e.clientX || 0) - this.resizeStartX;\n let next = Math.round(this.resizeStartWidth + dx);\n next = Math.max(this.minSidebarWidth, Math.min(this.maxSidebarWidth, next));\n this.sidebarWidth = next;\n },\n stopSidebarResize() {\n if (!this.isResizingSidebar) return;\n this.isResizingSidebar = false;\n try { localStorage.setItem('sidebar_width', String(this.sidebarWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try {\n window.removeEventListener('mousemove', this.onSidebarResizeMove);\n } catch (_) {}\n },\n async loadChats() { await coreLoadChats(this); },\n async loadFolders() { await coreLoadFolders(this); },\n async createFolder() { await coreCreateFolder(this); },\n startEditingFolder(id, currentName) { coreStartEditingFolder(this, id, currentName); },\n async commitEditingFolder() { await coreCommitEditingFolder(this); },\n cancelEditingFolder() { coreCancelEditingFolder(this); },\n async toggleFolderCollapsed(id) { await coreToggleFolderCollapsed(this, id); },\n // Drag & drop helpers\n onChatDragStart(e, chatId) { return dnd.onChatDragStart(this, e, chatId); },\n onChatDragEnd() { return dnd.onChatDragEnd(this); },\n onFolderDragOver(e, folderId) { return dnd.onFolderDragOver(this, e, folderId); },\n onFolderDragLeave(e, folderId) { return dnd.onFolderDragLeave(this, e, folderId); },\n async onFolderDrop(e, folderId) { return dnd.onFolderDrop(this, e, folderId); },\n onBaseDragOver(e) { return dnd.onBaseDragOver(this, e); },\n onBaseDragLeave() { return dnd.onBaseDragLeave(this); },\n async onBaseDrop(e) { return dnd.onBaseDrop(this, e); },\n async moveChatToFolder(chatId, folderId) { await coreMoveChatToFolder(this, chatId, folderId); },\n baseChats() { return coreBaseChats(this); },\n chatsInFolder(folderId) { return coreChatsInFolder(this, folderId); },\n async createNewChat() { await coreCreateNewChat(this); try { this.navigateToChatPath(this.currentChatId ?? this.ephemeralChatId, !this.currentChatId); } catch (_) { /* ignore */ } },\n async selectChat(id) { await coreSelectChat(this, id); try { this.navigateToChatPath(id); } catch (_) { /* ignore */ } },\n startEditingChat(id, currentTitle) { coreStartEditingChat(this, id, currentTitle); },\n async commitEditingChat() { await coreCommitEditingChat(this); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } },\n cancelEditingChat() { coreCancelEditingChat(this); },\n async deleteChat(id) { await coreDeleteChat(this, id); },\n async onDeleteChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.deleteChat(chatId); } catch (_) {} },\n async duplicateChat(id) { await coreDuplicateChat(this, id); },\n async onDuplicateChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.duplicateChat(chatId); } catch (_) {} },\n\n async checkServerKey() {\n try {\n const data = await apiCheckServerKey();\n this.hasServerKey = !!data.hasServerKey;\n } catch (error) {\n console.error('Error checking server key:', error);\n this.hasServerKey = false;\n }\n },\n\n setApiKey() {\n if (this.apiKeyInput.trim()) {\n this.userApiKey = this.apiKeyInput.trim();\n localStorage.setItem('groq_api_key', this.userApiKey);\n this.apiKeyInput = '';\n }\n },\n\n changeApiKey() {\n this.userApiKey = '';\n },\n\n clearApiKey() {\n this.userApiKey = '';\n localStorage.removeItem('groq_api_key');\n },\n\n onModelChange() { return prefs.onModelChange(this); },\n onUseBrowserSearchChange() { return prefs.onUseBrowserSearchChange(this); },\n onUseCodeInterpreterChange() { return prefs.onUseCodeInterpreterChange(this); },\n\n toggleSystemPromptOpen() {\n this.systemPromptOpen = !this.systemPromptOpen;\n try { localStorage.setItem('system_prompt_open', this.systemPromptOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.systemPromptOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n\n // Record current selection before the user changes it, so we can revert on cancel\n onPresetSelectFocus() {\n try { this.lastChatPromptId = this.chatPromptId; } catch (_) { /* ignore */ }\n },\n onSystemPromptInput(e) {\n try {\n const el = e && e.target; if (el) this.autoResize({ target: el });\n } catch (_) { /* ignore */ }\n const text = typeof this.systemPrompt === 'string' ? this.systemPrompt : '';\n if (this.systemPromptDebounceId) clearTimeout(this.systemPromptDebounceId);\n this.systemPromptDebounceId = setTimeout(() => {\n try { localStorage.setItem('system_prompt', text); } catch (_) { /* ignore */ }\n this.systemPromptDebounceId = null;\n }, 300);\n },\n\n // Ensure the system prompt textarea height fits content when shown\n initSystemPromptAutosize() { try { uiInitSystemPromptAutosize(this); } catch (_) { /* ignore */ } },\n\n onTemperatureChange() { return prefs.onTemperatureChange(this); },\n onMaxTokensChange() { return prefs.onMaxTokensChange(this); },\n onReasoningChange() { return prefs.onReasoningChange(this); },\n onStreamToggle() { return prefs.onStreamToggle(this); },\n onJsonModeToggle() { return prefs.onJsonModeToggle(this); },\n onCustomChatBaseUrlChange() { return prefs.onCustomChatBaseUrlChange(this); },\n\n // --- Presets: CRUD + chat selection/override ---\n \n // Check if current chat is linked to a preset (vs having custom settings)\n async isChatLinkedToPreset() { return presetsIsChatLinkedToPreset(this); },\n \n // Check if current chat has custom settings (delinked or standalone)\n async chatHasCustomSettings() { return presetsChatHasCustomSettings(this); },\n \n // Update the UI state variables for preset linking status\n async updatePresetLinkingStatus() { return presetsUpdatePresetLinkingStatus(this); },\n \n snapshotCurrentChatSettings() { return presetsSnapshotCurrentChatSettings(this); },\n applyPresetSettings(settings) { return presetsApplyPresetSettings(this, settings); },\n async saveCurrentChatSettings() { return presetsSaveCurrentChatSettings(this); },\n async loadPresets() { return presetsLoadPresets(this); },\n async generatePresetShortId() { return presetsGeneratePresetShortId(this); },\n async createPreset(name, systemPrompt, settings) { return presetsCreatePreset(this, name, systemPrompt, settings); },\n async updatePreset(id, fields) { return presetsUpdatePreset(this, id, fields); },\n async deletePreset(id) { return presetsDeletePreset(this, id); },\n // Link current chat to selected preset (or clear association)\n async onPresetChange() { return presetsOnPresetChange(this); },\n\n async doApplyPresetChange(id) { return presetsDoApplyPresetChange(this, id); },\n\n confirmPresetChange() { return presetsConfirmPresetChange(this); },\n cancelPresetChange() { return presetsCancelPresetChange(this); },\n // Mark system prompt text changes as needing save\n onChatPromptTextInput(e) { return presetsOnChatPromptTextInput(this, e); },\n async resetChatPromptToPreset() { return presetsResetChatPromptToPreset(this); },\n \n // Save current settings as custom settings (delink from preset)\n async saveCurrentSettingsToChat() { return presetsSaveCurrentSettingsToChat(this); },\n async updateCurrentPresetFromChat() { return presetsUpdateCurrentPresetFromChat(this); },\n async saveAsPresetFromChat(name) { return presetsSaveAsPresetFromChat(this, name); },\n startEditingPreset(preset) { return presetsStartEditingPreset(this, preset); },\n cancelEditingPreset() { return presetsCancelEditingPreset(this); },\n async commitEditingPreset() { return presetsCommitEditingPreset(this); },\n async clonePreset(preset) { return presetsClonePreset(this, preset); },\n\n // --- Notes Plugin ---\n async loadNotes() {\n try {\n if (!this.db) return;\n const rawNotes = await this.db.notes.orderBy('updatedAt').reverse().toArray() || [];\n // Ensure content is always a string\n this.notes = rawNotes.map(note => ({\n ...note,\n content: String(note.content || ''),\n title: String(note.title || '')\n }));\n // Initialize expanded state for all notes (collapsed by default)\n this.notes.forEach(note => {\n if (this.expandedNotes[note.id] === undefined) {\n this.expandedNotes[note.id] = false;\n }\n });\n } catch (error) {\n console.error('Error loading notes:', error);\n this.notes = [];\n }\n },\n\n async saveNote(note) {\n try {\n if (!this.db) return;\n const now = Date.now();\n const noteData = {\n ...note,\n title: (note.title || '').trim(),\n content: (note.content || '').trim(),\n updatedAt: now,\n createdAt: note.createdAt || now\n };\n\n if (note.id) {\n await this.db.notes.put(noteData);\n } else {\n const id = await this.db.notes.add(noteData);\n noteData.id = id;\n }\n\n await this.loadNotes();\n return noteData;\n } catch (error) {\n console.error('Error saving note:', error);\n throw error;\n }\n },\n\n async deleteNote(noteId) {\n try {\n if (!this.db) return;\n await this.db.notes.delete(noteId);\n await this.loadNotes();\n } catch (error) {\n console.error('Error deleting note:', error);\n throw error;\n }\n },\n\n createNewNote() {\n this.newNoteTitle = '';\n this.newNoteContent = '';\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n },\n\n startEditingNote(note) {\n this.editingNoteId = note.id;\n this.editingNoteTitle = note.title || '';\n this.editingNoteContent = note.content || '';\n },\n\n async commitEditingNote() {\n try {\n // Handle creating new notes\n if (!this.editingNoteId) {\n if (!this.newNoteTitle.trim() && !this.newNoteContent.trim()) return;\n\n // Generate title from content if no title provided\n let title = this.newNoteTitle.trim();\n if (!title && this.newNoteContent.trim()) {\n title = this.generateTitleFromContent(this.newNoteContent.trim());\n }\n if (!title) return; // Still require some title\n\n const noteData = {\n id: undefined,\n title: title,\n content: this.newNoteContent.trim(),\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset form\n this.newNoteTitle = '';\n this.newNoteContent = '';\n }\n // Handle editing existing notes in top form\n else {\n if (!this.editingNoteTitle.trim()) return; // Require title for existing notes\n\n const noteData = {\n id: this.editingNoteId,\n title: this.editingNoteTitle.trim(),\n content: this.editingNoteContent.trim(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset editing state\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n }\n } catch (error) {\n console.error('Error committing note edit:', error);\n }\n },\n\n cancelEditingNote() {\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n this.newNoteTitle = '';\n this.newNoteContent = '';\n },\n\n toggleNoteExpanded(noteId) {\n // Ensure the property exists first\n if (this.expandedNotes[noteId] === undefined) {\n this.expandedNotes[noteId] = false;\n }\n this.expandedNotes[noteId] = !this.expandedNotes[noteId];\n },\n\n startEditingNoteInline(note) {\n this.editingNoteIds[note.id] = {\n title: String(note.title || ''),\n content: String(note.content || '')\n };\n },\n\n async commitEditingNoteInline(noteId) {\n try {\n const editData = this.editingNoteIds[noteId];\n if (!editData) return;\n\n // Allow saving if there's either a title or content\n if (!editData.title.trim() && !editData.content.trim()) return;\n\n // Generate title from content if no title provided\n let title = editData.title.trim();\n if (!title && editData.content.trim()) {\n title = this.generateTitleFromContent(editData.content.trim());\n }\n if (!title) return;\n\n const noteData = {\n id: noteId,\n title: title,\n content: editData.content.trim(),\n };\n\n await this.saveNote(noteData);\n delete this.editingNoteIds[noteId];\n } catch (error) {\n console.error('Error committing inline note edit:', error);\n }\n },\n\n cancelEditingNoteInline(noteId) {\n delete this.editingNoteIds[noteId];\n },\n\n isEditingNoteInline(noteId) {\n return !!this.editingNoteIds[noteId];\n },\n\n isNoteExpanded(noteId) {\n return !!this.expandedNotes[noteId];\n },\n\n async copyNoteContent(note) {\n try {\n const content = note.content || '';\n await navigator.clipboard.writeText(content);\n // Could add a temporary success indicator here\n console.log('Note content copied to clipboard');\n } catch (error) {\n console.error('Failed to copy note content:', error);\n }\n },\n\n generateTitleFromContent(content) {\n if (!content) return '';\n // Take first line or first 50 characters, whichever is shorter\n const firstLine = content.split('\\n')[0];\n const title = firstLine.length <= 50 ? firstLine : content.substring(0, 47) + '...';\n return title.trim();\n },\n\n // --- Data export/import ---\n async onExportData() { return dataIO.onExportData(this); },\n async copyCurrentChatJson() { return dataIO.copyCurrentChatJson(this); },\n onClickImportReplace() { return dataIO.onClickImportReplace(this); },\n onClickImportAppend() { return dataIO.onClickImportAppend(this); },\n async onImportFileChange(e) { return dataIO.onImportFileChange(this, e); },\n\n get maskedApiKey() {\n if (!this.userApiKey) return '';\n const key = String(this.userApiKey || '').trim();\n if (key.length <= 8) {\n // Very short keys: show minimal hint\n const start = key.slice(0, 2);\n const end = key.slice(-2);\n return `${start}******${end}`;\n }\n const prefix = key.slice(0, 4);\n const suffix = key.slice(-4);\n // Fixed number of stars to keep the display compact\n return `${prefix}******${suffix}`;\n },\n\n get displaySourceName() {\n return getDisplaySourceName(this.selectedSource, this.customSource);\n },\n\n // Internationalization system\n get i18n() {\n return getI18n(this.selectedLanguage);\n },\n\n // Current template label for UI (preset name or \"custom\")\n get currentTemplateLabel() {\n try {\n const raw = this.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n },\n computeCurrentPromptLabel() {\n try { return this.currentTemplateLabel || 'custom'; } catch (_) { return 'custom'; }\n },\n\n getSummaryTitle() {\n return this.i18n.summary;\n },\n\n getSearchButtonText() {\n return `${this.i18n.search} ${this.displaySourceName}`;\n },\n\n getSearchingButtonText() {\n return `${this.i18n.searching} ${this.displaySourceName}...`;\n },\n\n get loadingMessage() {\n // Use the last typewriter text if available, otherwise fall back to current searchQuery\n const queryText = this.lastTypewriterText || this.searchQuery;\n const dateRangeText = this.dateRange ? this.getDateRangeText() : '';\n \n // Get the actual source being searched (matches backend logic)\n const actualSource = this.getActualSearchSourceName();\n \n // Use language-specific template\n const template = this.isLoadingMore ? this.i18n.loadingMoreTemplate : this.i18n.searchingTemplate;\n return template(actualSource, queryText, dateRangeText);\n },\n\n // Timer computed display\n get displayTimerText() { try { return timerGetDisplayTimerText(this); } catch (_) { return ''; } },\n\n getDateRangeText() {\n return i18nDateRangeText(this.dateRange, this.i18n);\n },\n\n getActualSearchSource() {\n return getActualSearchSource(this.selectedSource, this.customSource);\n },\n\n getActualSearchSourceName() {\n return getActualSearchSourceName(this.selectedSource, this.customSource);\n },\n\n handleSourceChange() {},\n\n startTypewriter() {},\n\n typewriterCycle() {},\n\n typeText() {},\n\n clearAllTimeouts() {\n this.typewriterTimeouts.forEach(timeout => clearTimeout(timeout));\n this.typewriterTimeouts = [];\n },\n\n stopTypewriter() {},\n\n // Timer controls\n startTimer() { try { timerStart(this); } catch (_) { /* ignore */ } },\n stopTimer() { try { timerStop(this); } catch (_) { /* ignore */ } },\n\n handleSearchClick() {},\n \n async searchResearch() {},\n\n async summarizePaper(url, title, index) {\n console.log('📄 Summary triggered for:', title, 'at index:', index);\n // Initialize summary state for this paper\n if (!this.summaryStates[index]) {\n this.summaryStates[index] = {};\n }\n \n this.summaryStates[index].loading = true;\n this.summaryStates[index].summary = '';\n\n try {\n const data = await apiSummarizePaper({ url, title, language: this.selectedLanguage, userApiKey: this.userApiKey });\n \n if (data.error) {\n this.summaryStates[index].summary = 'Error: ' + data.error;\n } else {\n this.summaryStates[index].summary = data.summary;\n }\n } catch (error) {\n this.summaryStates[index].summary = 'Error analyzing paper: ' + error.message;\n } finally {\n this.summaryStates[index].loading = false;\n }\n },\n async runStreamTest() {},\n // Pretty-print assistant content if it's valid JSON, else return as-is\n formatAssistantContent() { try { return contentFormat(this.assistantContent || ''); } catch (_) { return this.assistantContent || ''; } },\n // Render assistant content as HTML using marked + DOMPurify (safe markdown rendering)\n renderAssistantContent() { try { return contentRender(this); } catch (_) { return this.assistantContent || ''; } },\n // Trace helpers\n computeTraceMaxHeight() { return trace.computeTraceMaxHeight(this); },\n toggleTool(idx) { return trace.toggleTool(this, idx); },\n toggleReasoning(messageId) { return trace.toggleReasoning(this, messageId); },\n prettify(obj) { return trace.prettify(obj); },\n async copyEventsJson() { return trace.copyEventsJson(this); },\n // Smoothly ensure the trace scroller is at bottom after DOM updates\n queueScrollToBottom() { try { uiQueueScrollToBottom(this); } catch (_) { /* ignore */ } },\n // Smoothly keep the per-message reasoning panel scrolled to bottom\n queueScrollReasoningById(messageId) { try { uiQueueScrollReasoningById(this, messageId); } catch (_) { /* ignore */ } },\n\n // Chat helpers\n renderMarkdown(text) { try { return uiRenderMarkdown(text); } catch (_) { return String(text || ''); } },\n async copyMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n const text = String(m?.content || '');\n await navigator.clipboard.writeText(text);\n // transient copied state per-index\n this.copiedMap[idx] = true;\n if (this._copiedTimeouts == null) this._copiedTimeouts = {};\n if (this._copiedTimeouts[idx]) clearTimeout(this._copiedTimeouts[idx]);\n this._copiedTimeouts[idx] = setTimeout(() => {\n this.copiedMap[idx] = false;\n delete this._copiedTimeouts[idx];\n }, 2000);\n } catch (_) { /* ignore */ }\n },\n async deleteMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const msg = this.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n // Remove from DB first (if persisted)\n try {\n if (this.db && messageId != null) {\n await this.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n // Clear assistant reasoning state if present\n try {\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n } catch (_) { /* ignore */ }\n // Remove from local array and clean up transient UI state\n try {\n this.messages.splice(idx, 1);\n if (this.copiedMap && this.copiedMap[idx]) delete this.copiedMap[idx];\n } catch (_) { /* ignore */ }\n // Adjust editing state if necessary\n if (this.editingMessageIdx === idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n } else if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = this.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n },\n async deleteMessagesBelow(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const thisChatId = this.currentChatId;\n const toRemove = (this.messages || []).slice(idx + 1);\n // Remove from DB first (if persisted)\n try {\n if (this.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await this.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n }\n }\n } catch (_) { /* ignore */ }\n // Truncate in-memory messages and clean up transient UI state\n try {\n this.messages = (this.messages || []).slice(0, idx + 1);\n if (this.copiedMap) {\n try {\n const keys = Object.keys(this.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete this.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Reset editing state if it pointed to a deleted index\n if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n }\n // If a stream is active for this chat, cancel it\n try {\n if (this.streamingChats && thisChatId && this.streamingChats[thisChatId]) {\n delete this.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n this.scrollToBottom();\n } catch (_) { /* ignore */ }\n },\n async rerunFromUser(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n // Remove messages after this user message (truncate thread)\n if (this.db) {\n try {\n const toRemove = (this.messages || []).slice(idx + 1);\n for (const msg of toRemove) { if (msg && msg.id != null) { try { await this.db.messages.delete(msg.id); } catch (_) {} } }\n } catch (_) {}\n }\n this.messages = (this.messages || []).slice(0, idx + 1);\n // Ensure chat exists\n if (!this.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const createdAt = Date.now();\n const id = await this.db.chats.add({ title, createdAt });\n await this.loadChats();\n this.currentChatId = id;\n this.activeSearchId = id;\n } catch (_) {}\n }\n this.scrollToBottom();\n if (!this.useJobs) { this.streamAssistant(); return; }\n // Jobs path: add assistant placeholder and start a job\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(mm => ({ role: mm.role, content: mm.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n const jobId = await this.jobManager.startChatJob(this, payload);\n this._jobCtx = this._jobCtx || {}; this._jobCtx[jobId] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n this.currentJobId = jobId;\n this.applyJobDelta = async (jid, parsed) => {\n const ctx = (this._jobCtx || {})[jid]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null; const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const ii = (this.messages || []).findIndex(mm => mm && mm.id === ctx.assistantMessageId);\n if (ii >= 0) { const prev = String(this.messages[ii].content || ''); this.messages[ii].content = prev + String(delta.content || ''); }\n }\n try {\n if (ctx.assistantMessageId && this.db) {\n const persisted = await this.db.messages.get(ctx.assistantMessageId);\n const prev = String(persisted?.content || '');\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: prev + String(delta.content || ''), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || ''; const addition = String(delta.reasoning || ''); this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try {\n if (ctx.assistantMessageId && this.db) {\n const row = await this.db.messages.get(ctx.assistantMessageId);\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: String(row?.content || ''), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n };\n this.applyJobResults = async (jid, evt) => { try { this.route = evt?.route || this.route; } catch (_) {} };\n this.handleJobEvent = async (jid, evt) => { const ctx = (this._jobCtx || {})[jid]; if (!ctx) return; if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) { try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {} if (jid === this.currentJobId) this.currentJobId = null; try { delete this._jobCtx[jid]; } catch (_) {} } };\n } catch (_) { /* ignore */ }\n },\n // Find the nearest previous user message index before the given message index\n findPrevUserIndex(idx) {\n try {\n const n = Number(idx);\n if (!Number.isFinite(n)) return -1;\n for (let i = n - 1; i >= 0; i--) {\n const m = this.messages && this.messages[i];\n if (m && m.role === 'user' && String(m.content || '').trim()) return i;\n }\n return -1;\n } catch (_) { return -1; }\n },\n // Rerun starting from the previous user message to regenerate this assistant reply\n async rerunAssistant(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'assistant') return;\n const userIdx = this.findPrevUserIndex(idx);\n if (userIdx < 0) return;\n await this.rerunFromUser(userIdx);\n } catch (_) { /* ignore */ }\n },\n autoResize(e) { try { uiAutoResize(this, e); } catch (_) {} },\n async ensureChatExistsForEdits() { return coreEnsureChatExistsForEdits(this); },\n async ensureChatExistsForEditsForce() { return coreEnsureChatExistsForEdits(this, { force: true }); },\n async ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },\n async persistMessageAtIndex(idx) { return corePersistMessageAtIndex(this, idx); },\n // Inline editing\n async startEditingMessage(idx) { return msgEditStart(this, idx); },\n async onEditingInput(e) { return msgEditOnInput(this, e); },\n async commitEditingMessage() { return msgEditCommit(this); },\n async cancelEditingMessage() { return msgEditCancel(this); },\n maybeSendOnEnter(e) {\n if (e.shiftKey) {\n try {\n const el = e.target;\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const value = el.value;\n el.value = value.slice(0, start) + '\\n' + value.slice(end);\n this.chatInput = el.value;\n el.selectionStart = el.selectionEnd = start + 1;\n this.$nextTick(() => this.autoResize({ target: el }));\n } catch (_) {}\n return;\n }\n this.sendMessage();\n },\n scrollToBottom() {\n try {\n const scrollerEl = (this.$refs && (this.$refs.messagesScroller || this.$refs.mainScroller));\n const msgsEl = this.$refs && this.$refs.messagesContainer;\n const doScroll = () => {\n try {\n if (scrollerEl && typeof scrollerEl.scrollTo === 'function') {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n } else if (scrollerEl) {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n }\n } catch (_) {}\n try {\n if (msgsEl) msgsEl.scrollIntoView && msgsEl.scrollIntoView({ block: 'end' });\n } catch (_) {}\n };\n if (typeof this.$nextTick === 'function') this.$nextTick(doScroll); else requestAnimationFrame(doScroll);\n } catch (_) {}\n },\n async sendMessage() {\n if (!this.useJobs) { await coreSendMessage(this); return; }\n const text = (this.chatInput || '').trim(); if (!text) return;\n this.errorMessage = '';\n if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }\n if (!this.currentChatId) { try { await coreEnsureChatExistsForEdits(this, { force: true }); } catch (_) {} }\n const createdAt = Date.now();\n const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;\n try { if (this.currentChatId && this.db) { const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null }); this.messages[userIndex].id = newId; } } catch (_) {}\n this.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n this.scrollToBottom && this.scrollToBottom();\n // Start assistant message placeholder\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n // Kick off job\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(m => ({ role: m.role, content: m.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n try {\n const id = await this.jobManager.startChatJob(this, payload);\n this.currentJobId = id;\n this._jobCtx = this._jobCtx || {};\n this._jobCtx[id] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n // Provide handlers for streaming\n this.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const idx = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n if (idx >= 0) {\n const prev = String(this.messages[idx].content || '');\n const next = prev + String(delta.content || '');\n this.messages[idx].content = next;\n }\n }\n try {\n if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => {\n if (ctx.chatId === this.currentChatId) {\n const idx2 = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n return idx2 >= 0 ? String(this.messages[idx2].content || '') : undefined;\n }\n // For inactive chats, read previous persisted content and append\n try { const prevRow = await this.db.messages.get(ctx.assistantMessageId); const prev = String(prevRow?.content || ''); return prev + String(delta.content || ''); } catch { return String(delta.content || ''); }\n })(), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null });\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || '';\n const addition = String(delta.reasoning || '');\n this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try { if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => { try { const row = await this.db.messages.get(ctx.assistantMessageId); return String(row?.content || ''); } catch { return ''; } })(), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null }); } catch (_) {}\n }\n };\n this.applyJobResults = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n try { this.route = evt?.route || this.route; } catch (_) {}\n // No-op here; UI can use evt.results from trace pane if desired\n };\n this.handleJobEvent = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) {\n // finalize message\n try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {}\n if (jobId === this.currentJobId) this.currentJobId = null;\n try { delete this._jobCtx[jobId]; } catch (_) {}\n }\n };\n } catch (e) {\n this.errorMessage = e.message || String(e);\n }\n },\n get isStreamingForCurrent() { return expIsStreamingForCurrent(this); },\n\n // URL sync helpers and overrides\n updateDocumentTitle() {\n try {\n if (typeof document === 'undefined') return;\n let titleText = 'Chatter';\n if (this.activePage === 'chat') {\n if (this.currentChatId != null) {\n const match = (this.chats || []).find(c => Number(c.id) === Number(this.currentChatId));\n const t = match && typeof match.title === 'string' ? match.title.trim() : '';\n titleText = t || 'New chat';\n } else {\n titleText = 'New chat';\n }\n }\n document.title = titleText;\n } catch (_) { /* ignore */ }\n },\n navigateToChatPath(id, replace = false) {\n try {\n if (typeof window === 'undefined' || !window.history) return;\n let path = '/';\n if (id === this.ephemeralChatId || id === '__ephemeral__') {\n path = '/new';\n } else if (Number.isFinite(Number(id))) {\n const chatId = Number(id);\n let title = '';\n let persistedSlug = '';\n try {\n const match = (this.chats || []).find(c => Number(c.id) === chatId);\n title = match && typeof match.title === 'string' ? match.title : '';\n persistedSlug = match && typeof match.slug === 'string' ? match.slug : '';\n } catch (_) { /* ignore */ }\n const slug = persistedSlug || this.slugifyTitle(title);\n path = slug ? ('/' + slug + '-' + String(chatId)) : ('/' + String(chatId));\n } else {\n path = '/';\n }\n const fn = replace ? 'replaceState' : 'pushState';\n window.history[fn]({}, '', path);\n // Keep the in sync with the current chat name\n this.updateDocumentTitle();\n } catch (_) { /* ignore */ }\n },\n slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n // Replace non-alphanumeric with hyphens, collapse repeats, trim edges\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n },\n async selectChat(id, updateUrl = true) {\n this.openChatPage();\n await coreSelectChat(this, id);\n // Update preset linking status after chat is loaded\n await this.updatePresetLinkingStatus();\n try { if (updateUrl) this.navigateToChatPath(id); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n async createNewChat() {\n this.openChatPage();\n await coreCreateNewChat(this);\n // Update preset linking status after chat is created/selected\n await this.updatePresetLinkingStatus();\n try { if (this.currentChatId != null) this.navigateToChatPath(this.currentChatId); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n\n async streamAssistant() { await expStreamAssistant(this); }\n };\n}\n\n\n",[],[265,521],"b720bc32-86b1-11f0-a4e8-0224a6c84d84","apiClient.js","8feabba4-78f1-11f0-b1f8-0224a6c84d84",153,["D",1756675828734],"// Centralized API client for frontend calls used by chatterApp\n\nexport async function checkServerKey() {\n const res = await fetch('/api/check-key');\n if (!res.ok) throw new Error('Failed to check server key');\n return res.json();\n}\n\nexport async function summarizePaper({ url, title, language, userApiKey }) {\n const res = await fetch('/api/search', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url, title, language, userApiKey })\n });\n if (!res.ok) throw new Error('Summary failed: ' + res.statusText);\n return res.json();\n}\n\nexport async function postChatStreamSSE(payload) {\n // Returns the raw Response so caller can stream\n return fetch('/api/chatStreamSSE', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n}\n\nexport async function postChatStream(payload) {\n const res = await fetch('/api/chatStream', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n return res;\n}\n\nexport async function postGroqChat({ apiKey, body }) {\n const res = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey },\n body: JSON.stringify(body)\n });\n return res;\n}\n\n// Jobs API\nexport async function createJob({ type, input }) {\n const res = await fetch('/api/jobs', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ type, input })\n });\n if (!res.ok) throw new Error('Failed to create job');\n return res.json();\n}\n\nexport async function getJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)));\n if (!res.ok) throw new Error('Failed to get job');\n return res.json();\n}\n\nexport async function listJobs({ status } = {}) {\n const url = status ? ('/api/jobs?status=' + encodeURIComponent(status)) : '/api/jobs';\n const res = await fetch(url);\n if (!res.ok) throw new Error('Failed to list jobs');\n return res.json();\n}\n\nexport async function cancelJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/cancel', { method: 'POST' });\n if (!res.ok) throw new Error('Failed to cancel job');\n return res.json();\n}\n\nexport function streamJob(id) {\n // returns Response (SSE) similar to postChatStreamSSE\n return fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/stream');\n}\n\n\n",[],[265,530],"13b47e40-9763-11f0-b401-0224a6c84d84","purify.min.js","13b47f08-9763-11f0-b401-0224a6c84d84","1381d45e-9763-11f0-b26a-0224a6c84d84",204,["D",1758511223656],"/*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */\n!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){\"use strict\";const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:c,construct:s}=\"undefined\"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),s||(s=function(e,t){return new e(...t)});const u=b(Array.prototype.forEach),m=b(Array.prototype.pop),p=b(Array.prototype.push),f=b(String.prototype.toLowerCase),d=b(String.prototype.toString),h=b(String.prototype.match),g=b(String.prototype.replace),T=b(String.prototype.indexOf),y=b(String.prototype.trim),E=b(Object.prototype.hasOwnProperty),_=b(RegExp.prototype.test),A=(N=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(N,t)});var N;function b(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return c(e,t,o)}}function S(e,o){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:f;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if(\"string\"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function R(e){for(let t=0;t<e.length;t++){E(e,t)||(e[t]=null)}return e}function w(t){const n=l(null);for(const[o,r]of e(t)){E(t,o)&&(Array.isArray(r)?n[o]=R(r):r&&\"object\"==typeof r&&r.constructor===Object?n[o]=w(r):n[o]=r)}return n}function C(e,t){for(;null!==e;){const n=r(e,t);if(n){if(n.get)return b(n.get);if(\"function\"==typeof n.value)return b(n.value)}e=o(e)}return function(){return null}}const L=i([\"a\",\"abbr\",\"acronym\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"bdi\",\"bdo\",\"big\",\"blink\",\"blockquote\",\"body\",\"br\",\"button\",\"canvas\",\"caption\",\"center\",\"cite\",\"code\",\"col\",\"colgroup\",\"content\",\"data\",\"datalist\",\"dd\",\"decorator\",\"del\",\"details\",\"dfn\",\"dialog\",\"dir\",\"div\",\"dl\",\"dt\",\"element\",\"em\",\"fieldset\",\"figcaption\",\"figure\",\"font\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"head\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"img\",\"input\",\"ins\",\"kbd\",\"label\",\"legend\",\"li\",\"main\",\"map\",\"mark\",\"marquee\",\"menu\",\"menuitem\",\"meter\",\"nav\",\"nobr\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"section\",\"select\",\"shadow\",\"small\",\"source\",\"spacer\",\"span\",\"strike\",\"strong\",\"style\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"template\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"tr\",\"track\",\"tt\",\"u\",\"ul\",\"var\",\"video\",\"wbr\"]),D=i([\"svg\",\"a\",\"altglyph\",\"altglyphdef\",\"altglyphitem\",\"animatecolor\",\"animatemotion\",\"animatetransform\",\"circle\",\"clippath\",\"defs\",\"desc\",\"ellipse\",\"filter\",\"font\",\"g\",\"glyph\",\"glyphref\",\"hkern\",\"image\",\"line\",\"lineargradient\",\"marker\",\"mask\",\"metadata\",\"mpath\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialgradient\",\"rect\",\"stop\",\"style\",\"switch\",\"symbol\",\"text\",\"textpath\",\"title\",\"tref\",\"tspan\",\"view\",\"vkern\"]),v=i([\"feBlend\",\"feColorMatrix\",\"feComponentTransfer\",\"feComposite\",\"feConvolveMatrix\",\"feDiffuseLighting\",\"feDisplacementMap\",\"feDistantLight\",\"feDropShadow\",\"feFlood\",\"feFuncA\",\"feFuncB\",\"feFuncG\",\"feFuncR\",\"feGaussianBlur\",\"feImage\",\"feMerge\",\"feMergeNode\",\"feMorphology\",\"feOffset\",\"fePointLight\",\"feSpecularLighting\",\"feSpotLight\",\"feTile\",\"feTurbulence\"]),O=i([\"animate\",\"color-profile\",\"cursor\",\"discard\",\"font-face\",\"font-face-format\",\"font-face-name\",\"font-face-src\",\"font-face-uri\",\"foreignobject\",\"hatch\",\"hatchpath\",\"mesh\",\"meshgradient\",\"meshpatch\",\"meshrow\",\"missing-glyph\",\"script\",\"set\",\"solidcolor\",\"unknown\",\"use\"]),x=i([\"math\",\"menclose\",\"merror\",\"mfenced\",\"mfrac\",\"mglyph\",\"mi\",\"mlabeledtr\",\"mmultiscripts\",\"mn\",\"mo\",\"mover\",\"mpadded\",\"mphantom\",\"mroot\",\"mrow\",\"ms\",\"mspace\",\"msqrt\",\"mstyle\",\"msub\",\"msup\",\"msubsup\",\"mtable\",\"mtd\",\"mtext\",\"mtr\",\"munder\",\"munderover\",\"mprescripts\"]),k=i([\"maction\",\"maligngroup\",\"malignmark\",\"mlongdiv\",\"mscarries\",\"mscarry\",\"msgroup\",\"mstack\",\"msline\",\"msrow\",\"semantics\",\"annotation\",\"annotation-xml\",\"mprescripts\",\"none\"]),M=i([\"#text\"]),I=i([\"accept\",\"action\",\"align\",\"alt\",\"autocapitalize\",\"autocomplete\",\"autopictureinpicture\",\"autoplay\",\"background\",\"bgcolor\",\"border\",\"capture\",\"cellpadding\",\"cellspacing\",\"checked\",\"cite\",\"class\",\"clear\",\"color\",\"cols\",\"colspan\",\"controls\",\"controlslist\",\"coords\",\"crossorigin\",\"datetime\",\"decoding\",\"default\",\"dir\",\"disabled\",\"disablepictureinpicture\",\"disableremoteplayback\",\"download\",\"draggable\",\"enctype\",\"enterkeyhint\",\"face\",\"for\",\"headers\",\"height\",\"hidden\",\"high\",\"href\",\"hreflang\",\"id\",\"inputmode\",\"integrity\",\"ismap\",\"kind\",\"label\",\"lang\",\"list\",\"loading\",\"loop\",\"low\",\"max\",\"maxlength\",\"media\",\"method\",\"min\",\"minlength\",\"multiple\",\"muted\",\"name\",\"nonce\",\"noshade\",\"novalidate\",\"nowrap\",\"open\",\"optimum\",\"pattern\",\"placeholder\",\"playsinline\",\"popover\",\"popovertarget\",\"popovertargetaction\",\"poster\",\"preload\",\"pubdate\",\"radiogroup\",\"readonly\",\"rel\",\"required\",\"rev\",\"reversed\",\"role\",\"rows\",\"rowspan\",\"spellcheck\",\"scope\",\"selected\",\"shape\",\"size\",\"sizes\",\"span\",\"srclang\",\"start\",\"src\",\"srcset\",\"step\",\"style\",\"summary\",\"tabindex\",\"title\",\"translate\",\"type\",\"usemap\",\"valign\",\"value\",\"width\",\"wrap\",\"xmlns\",\"slot\"]),U=i([\"accent-height\",\"accumulate\",\"additive\",\"alignment-baseline\",\"ascent\",\"attributename\",\"attributetype\",\"azimuth\",\"basefrequency\",\"baseline-shift\",\"begin\",\"bias\",\"by\",\"class\",\"clip\",\"clippathunits\",\"clip-path\",\"clip-rule\",\"color\",\"color-interpolation\",\"color-interpolation-filters\",\"color-profile\",\"color-rendering\",\"cx\",\"cy\",\"d\",\"dx\",\"dy\",\"diffuseconstant\",\"direction\",\"display\",\"divisor\",\"dur\",\"edgemode\",\"elevation\",\"end\",\"fill\",\"fill-opacity\",\"fill-rule\",\"filter\",\"filterunits\",\"flood-color\",\"flood-opacity\",\"font-family\",\"font-size\",\"font-size-adjust\",\"font-stretch\",\"font-style\",\"font-variant\",\"font-weight\",\"fx\",\"fy\",\"g1\",\"g2\",\"glyph-name\",\"glyphref\",\"gradientunits\",\"gradienttransform\",\"height\",\"href\",\"id\",\"image-rendering\",\"in\",\"in2\",\"k\",\"k1\",\"k2\",\"k3\",\"k4\",\"kerning\",\"keypoints\",\"keysplines\",\"keytimes\",\"lang\",\"lengthadjust\",\"letter-spacing\",\"kernelmatrix\",\"kernelunitlength\",\"lighting-color\",\"local\",\"marker-end\",\"marker-mid\",\"marker-start\",\"markerheight\",\"markerunits\",\"markerwidth\",\"maskcontentunits\",\"maskunits\",\"max\",\"mask\",\"media\",\"method\",\"mode\",\"min\",\"name\",\"numoctaves\",\"offset\",\"operator\",\"opacity\",\"order\",\"orient\",\"orientation\",\"origin\",\"overflow\",\"paint-order\",\"path\",\"pathlength\",\"patterncontentunits\",\"patterntransform\",\"patternunits\",\"points\",\"preservealpha\",\"preserveaspectratio\",\"primitiveunits\",\"r\",\"rx\",\"ry\",\"radius\",\"refx\",\"refy\",\"repeatcount\",\"repeatdur\",\"restart\",\"result\",\"rotate\",\"scale\",\"seed\",\"shape-rendering\",\"specularconstant\",\"specularexponent\",\"spreadmethod\",\"startoffset\",\"stddeviation\",\"stitchtiles\",\"stop-color\",\"stop-opacity\",\"stroke-dasharray\",\"stroke-dashoffset\",\"stroke-linecap\",\"stroke-linejoin\",\"stroke-miterlimit\",\"stroke-opacity\",\"stroke\",\"stroke-width\",\"style\",\"surfacescale\",\"systemlanguage\",\"tabindex\",\"targetx\",\"targety\",\"transform\",\"transform-origin\",\"text-anchor\",\"text-decoration\",\"text-rendering\",\"textlength\",\"type\",\"u1\",\"u2\",\"unicode\",\"values\",\"viewbox\",\"visibility\",\"version\",\"vert-adv-y\",\"vert-origin-x\",\"vert-origin-y\",\"width\",\"word-spacing\",\"wrap\",\"writing-mode\",\"xchannelselector\",\"ychannelselector\",\"x\",\"x1\",\"x2\",\"xmlns\",\"y\",\"y1\",\"y2\",\"z\",\"zoomandpan\"]),P=i([\"accent\",\"accentunder\",\"align\",\"bevelled\",\"close\",\"columnsalign\",\"columnlines\",\"columnspan\",\"denomalign\",\"depth\",\"dir\",\"display\",\"displaystyle\",\"encoding\",\"fence\",\"frame\",\"height\",\"href\",\"id\",\"largeop\",\"length\",\"linethickness\",\"lspace\",\"lquote\",\"mathbackground\",\"mathcolor\",\"mathsize\",\"mathvariant\",\"maxsize\",\"minsize\",\"movablelimits\",\"notation\",\"numalign\",\"open\",\"rowalign\",\"rowlines\",\"rowspacing\",\"rowspan\",\"rspace\",\"rquote\",\"scriptlevel\",\"scriptminsize\",\"scriptsizemultiplier\",\"selection\",\"separator\",\"separators\",\"stretchy\",\"subscriptshift\",\"supscriptshift\",\"symmetric\",\"voffset\",\"width\",\"xmlns\"]),F=i([\"xlink:href\",\"xml:id\",\"xlink:title\",\"xml:space\",\"xmlns:xlink\"]),H=a(/\\{\\{[\\w\\W]*|[\\w\\W]*\\}\\}/gm),z=a(/<%[\\w\\W]*|[\\w\\W]*%>/gm),B=a(/\\${[\\w\\W]*}/gm),W=a(/^data-[\\-\\w.\\u00B7-\\uFFFF]/),G=a(/^aria-[\\-\\w]+$/),Y=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\\-]+(?:[^a-z+.\\-:]|$))/i),j=a(/^(?:\\w+script|data):/i),X=a(/[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]/g),q=a(/^html$/i),$=a(/^[a-z][.\\w]*(-[.\\w]+)+$/i);var K=Object.freeze({__proto__:null,MUSTACHE_EXPR:H,ERB_EXPR:z,TMPLIT_EXPR:B,DATA_ATTR:W,ARIA_ATTR:G,IS_ALLOWED_URI:Y,IS_SCRIPT_OR_DATA:j,ATTR_WHITESPACE:X,DOCTYPE_NAME:q,CUSTOM_ELEMENT:$});const V=1,Z=3,J=7,Q=8,ee=9,te=function(){return\"undefined\"==typeof window?null:window};var ne=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:te();const o=e=>t(e);if(o.version=\"3.1.6\",o.removed=[],!n||!n.document||n.document.nodeType!==ee)return o.isSupported=!1,o;let{document:r}=n;const a=r,c=a.currentScript,{DocumentFragment:s,HTMLTemplateElement:N,Node:b,Element:R,NodeFilter:H,NamedNodeMap:z=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:B,DOMParser:W,trustedTypes:G}=n,j=R.prototype,X=C(j,\"cloneNode\"),$=C(j,\"remove\"),ne=C(j,\"nextSibling\"),oe=C(j,\"childNodes\"),re=C(j,\"parentNode\");if(\"function\"==typeof N){const e=r.createElement(\"template\");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let ie,ae=\"\";const{implementation:le,createNodeIterator:ce,createDocumentFragment:se,getElementsByTagName:ue}=r,{importNode:me}=a;let pe={};o.isSupported=\"function\"==typeof e&&\"function\"==typeof re&&le&&void 0!==le.createHTMLDocument;const{MUSTACHE_EXPR:fe,ERB_EXPR:de,TMPLIT_EXPR:he,DATA_ATTR:ge,ARIA_ATTR:Te,IS_SCRIPT_OR_DATA:ye,ATTR_WHITESPACE:Ee,CUSTOM_ELEMENT:_e}=K;let{IS_ALLOWED_URI:Ae}=K,Ne=null;const be=S({},[...L,...D,...v,...x,...M]);let Se=null;const Re=S({},[...I,...U,...P,...F]);let we=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ce=null,Le=null,De=!0,ve=!0,Oe=!1,xe=!0,ke=!1,Me=!0,Ie=!1,Ue=!1,Pe=!1,Fe=!1,He=!1,ze=!1,Be=!0,We=!1,Ge=!0,Ye=!1,je={},Xe=null;const qe=S({},[\"annotation-xml\",\"audio\",\"colgroup\",\"desc\",\"foreignobject\",\"head\",\"iframe\",\"math\",\"mi\",\"mn\",\"mo\",\"ms\",\"mtext\",\"noembed\",\"noframes\",\"noscript\",\"plaintext\",\"script\",\"style\",\"svg\",\"template\",\"thead\",\"title\",\"video\",\"xmp\"]);let $e=null;const Ke=S({},[\"audio\",\"video\",\"img\",\"source\",\"image\",\"track\"]);let Ve=null;const Ze=S({},[\"alt\",\"class\",\"for\",\"id\",\"label\",\"name\",\"pattern\",\"placeholder\",\"role\",\"summary\",\"title\",\"value\",\"style\",\"xmlns\"]),Je=\"http://www.w3.org/1998/Math/MathML\",Qe=\"http://www.w3.org/2000/svg\",et=\"http://www.w3.org/1999/xhtml\";let tt=et,nt=!1,ot=null;const rt=S({},[Je,Qe,et],d);let it=null;const at=[\"application/xhtml+xml\",\"text/html\"];let lt=null,ct=null;const st=r.createElement(\"form\"),ut=function(e){return e instanceof RegExp||e instanceof Function},mt=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ct||ct!==e){if(e&&\"object\"==typeof e||(e={}),e=w(e),it=-1===at.indexOf(e.PARSER_MEDIA_TYPE)?\"text/html\":e.PARSER_MEDIA_TYPE,lt=\"application/xhtml+xml\"===it?d:f,Ne=E(e,\"ALLOWED_TAGS\")?S({},e.ALLOWED_TAGS,lt):be,Se=E(e,\"ALLOWED_ATTR\")?S({},e.ALLOWED_ATTR,lt):Re,ot=E(e,\"ALLOWED_NAMESPACES\")?S({},e.ALLOWED_NAMESPACES,d):rt,Ve=E(e,\"ADD_URI_SAFE_ATTR\")?S(w(Ze),e.ADD_URI_SAFE_ATTR,lt):Ze,$e=E(e,\"ADD_DATA_URI_TAGS\")?S(w(Ke),e.ADD_DATA_URI_TAGS,lt):Ke,Xe=E(e,\"FORBID_CONTENTS\")?S({},e.FORBID_CONTENTS,lt):qe,Ce=E(e,\"FORBID_TAGS\")?S({},e.FORBID_TAGS,lt):{},Le=E(e,\"FORBID_ATTR\")?S({},e.FORBID_ATTR,lt):{},je=!!E(e,\"USE_PROFILES\")&&e.USE_PROFILES,De=!1!==e.ALLOW_ARIA_ATTR,ve=!1!==e.ALLOW_DATA_ATTR,Oe=e.ALLOW_UNKNOWN_PROTOCOLS||!1,xe=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,ke=e.SAFE_FOR_TEMPLATES||!1,Me=!1!==e.SAFE_FOR_XML,Ie=e.WHOLE_DOCUMENT||!1,Fe=e.RETURN_DOM||!1,He=e.RETURN_DOM_FRAGMENT||!1,ze=e.RETURN_TRUSTED_TYPE||!1,Pe=e.FORCE_BODY||!1,Be=!1!==e.SANITIZE_DOM,We=e.SANITIZE_NAMED_PROPS||!1,Ge=!1!==e.KEEP_CONTENT,Ye=e.IN_PLACE||!1,Ae=e.ALLOWED_URI_REGEXP||Y,tt=e.NAMESPACE||et,we=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&ut(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(we.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&ut(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(we.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&\"boolean\"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(we.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ke&&(ve=!1),He&&(Fe=!0),je&&(Ne=S({},M),Se=[],!0===je.html&&(S(Ne,L),S(Se,I)),!0===je.svg&&(S(Ne,D),S(Se,U),S(Se,F)),!0===je.svgFilters&&(S(Ne,v),S(Se,U),S(Se,F)),!0===je.mathMl&&(S(Ne,x),S(Se,P),S(Se,F))),e.ADD_TAGS&&(Ne===be&&(Ne=w(Ne)),S(Ne,e.ADD_TAGS,lt)),e.ADD_ATTR&&(Se===Re&&(Se=w(Se)),S(Se,e.ADD_ATTR,lt)),e.ADD_URI_SAFE_ATTR&&S(Ve,e.ADD_URI_SAFE_ATTR,lt),e.FORBID_CONTENTS&&(Xe===qe&&(Xe=w(Xe)),S(Xe,e.FORBID_CONTENTS,lt)),Ge&&(Ne[\"#text\"]=!0),Ie&&S(Ne,[\"html\",\"head\",\"body\"]),Ne.table&&(S(Ne,[\"tbody\"]),delete Ce.tbody),e.TRUSTED_TYPES_POLICY){if(\"function\"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw A('TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.');if(\"function\"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw A('TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.');ie=e.TRUSTED_TYPES_POLICY,ae=ie.createHTML(\"\")}else void 0===ie&&(ie=function(e,t){if(\"object\"!=typeof e||\"function\"!=typeof e.createPolicy)return null;let n=null;const o=\"data-tt-policy-suffix\";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r=\"dompurify\"+(n?\"#\"+n:\"\");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn(\"TrustedTypes policy \"+r+\" could not be created.\"),null}}(G,c)),null!==ie&&\"string\"==typeof ae&&(ae=ie.createHTML(\"\"));i&&i(e),ct=e}},pt=S({},[\"mi\",\"mo\",\"mn\",\"ms\",\"mtext\"]),ft=S({},[\"foreignobject\",\"annotation-xml\"]),dt=S({},[\"title\",\"style\",\"font\",\"a\",\"script\"]),ht=S({},[...D,...v,...O]),gt=S({},[...x,...k]),Tt=function(e){p(o.removed,{element:e});try{re(e).removeChild(e)}catch(t){$(e)}},yt=function(e,t){try{p(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),\"is\"===e&&!Se[e])if(Fe||He)try{Tt(t)}catch(e){}else try{t.setAttribute(e,\"\")}catch(e){}},Et=function(e){let t=null,n=null;if(Pe)e=\"<remove></remove>\"+e;else{const t=h(e,/^[\\r\\n\\t ]+/);n=t&&t[0]}\"application/xhtml+xml\"===it&&tt===et&&(e='<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>'+e+\"</body></html>\");const o=ie?ie.createHTML(e):e;if(tt===et)try{t=(new W).parseFromString(o,it)}catch(e){}if(!t||!t.documentElement){t=le.createDocument(tt,\"template\",null);try{t.documentElement.innerHTML=nt?ae:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),tt===et?ue.call(t,Ie?\"html\":\"body\")[0]:Ie?t.documentElement:i},_t=function(e){return ce.call(e.ownerDocument||e,e,H.SHOW_ELEMENT|H.SHOW_COMMENT|H.SHOW_TEXT|H.SHOW_PROCESSING_INSTRUCTION|H.SHOW_CDATA_SECTION,null)},At=function(e){return e instanceof B&&(\"string\"!=typeof e.nodeName||\"string\"!=typeof e.textContent||\"function\"!=typeof e.removeChild||!(e.attributes instanceof z)||\"function\"!=typeof e.removeAttribute||\"function\"!=typeof e.setAttribute||\"string\"!=typeof e.namespaceURI||\"function\"!=typeof e.insertBefore||\"function\"!=typeof e.hasChildNodes)},Nt=function(e){return\"function\"==typeof b&&e instanceof b},bt=function(e,t,n){pe[e]&&u(pe[e],(e=>{e.call(o,t,n,ct)}))},St=function(e){let t=null;if(bt(\"beforeSanitizeElements\",e,null),At(e))return Tt(e),!0;const n=lt(e.nodeName);if(bt(\"uponSanitizeElement\",e,{tagName:n,allowedTags:Ne}),e.hasChildNodes()&&!Nt(e.firstElementChild)&&_(/<[/\\w]/g,e.innerHTML)&&_(/<[/\\w]/g,e.textContent))return Tt(e),!0;if(e.nodeType===J)return Tt(e),!0;if(Me&&e.nodeType===Q&&_(/<[/\\w]/g,e.data))return Tt(e),!0;if(!Ne[n]||Ce[n]){if(!Ce[n]&&wt(n)){if(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n))return!1;if(we.tagNameCheck instanceof Function&&we.tagNameCheck(n))return!1}if(Ge&&!Xe[n]){const t=re(e)||e.parentNode,n=oe(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o){const r=X(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,ne(e))}}}return Tt(e),!0}return e instanceof R&&!function(e){let t=re(e);t&&t.tagName||(t={namespaceURI:tt,tagName:\"template\"});const n=f(e.tagName),o=f(t.tagName);return!!ot[e.namespaceURI]&&(e.namespaceURI===Qe?t.namespaceURI===et?\"svg\"===n:t.namespaceURI===Je?\"svg\"===n&&(\"annotation-xml\"===o||pt[o]):Boolean(ht[n]):e.namespaceURI===Je?t.namespaceURI===et?\"math\"===n:t.namespaceURI===Qe?\"math\"===n&&ft[o]:Boolean(gt[n]):e.namespaceURI===et?!(t.namespaceURI===Qe&&!ft[o])&&!(t.namespaceURI===Je&&!pt[o])&&!gt[n]&&(dt[n]||!ht[n]):!(\"application/xhtml+xml\"!==it||!ot[e.namespaceURI]))}(e)?(Tt(e),!0):\"noscript\"!==n&&\"noembed\"!==n&&\"noframes\"!==n||!_(/<\\/no(script|embed|frames)/i,e.innerHTML)?(ke&&e.nodeType===Z&&(t=e.textContent,u([fe,de,he],(e=>{t=g(t,e,\" \")})),e.textContent!==t&&(p(o.removed,{element:e.cloneNode()}),e.textContent=t)),bt(\"afterSanitizeElements\",e,null),!1):(Tt(e),!0)},Rt=function(e,t,n){if(Be&&(\"id\"===t||\"name\"===t)&&(n in r||n in st))return!1;if(ve&&!Le[t]&&_(ge,t));else if(De&&_(Te,t));else if(!Se[t]||Le[t]){if(!(wt(e)&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,e)||we.tagNameCheck instanceof Function&&we.tagNameCheck(e))&&(we.attributeNameCheck instanceof RegExp&&_(we.attributeNameCheck,t)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(t))||\"is\"===t&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n)||we.tagNameCheck instanceof Function&&we.tagNameCheck(n))))return!1}else if(Ve[t]);else if(_(Ae,g(n,Ee,\"\")));else if(\"src\"!==t&&\"xlink:href\"!==t&&\"href\"!==t||\"script\"===e||0!==T(n,\"data:\")||!$e[e]){if(Oe&&!_(ye,g(n,Ee,\"\")));else if(n)return!1}else;return!0},wt=function(e){return\"annotation-xml\"!==e&&h(e,_e)},Ct=function(e){bt(\"beforeSanitizeAttributes\",e,null);const{attributes:t}=e;if(!t)return;const n={attrName:\"\",attrValue:\"\",keepAttr:!0,allowedAttributes:Se};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=lt(a);let p=\"value\"===a?c:y(c);if(n.attrName=s,n.attrValue=p,n.keepAttr=!0,n.forceKeepAttr=void 0,bt(\"uponSanitizeAttribute\",e,n),p=n.attrValue,Me&&_(/((--!?|])>)|<\\/(style|title)/i,p)){yt(a,e);continue}if(n.forceKeepAttr)continue;if(yt(a,e),!n.keepAttr)continue;if(!xe&&_(/\\/>/i,p)){yt(a,e);continue}ke&&u([fe,de,he],(e=>{p=g(p,e,\" \")}));const f=lt(e.nodeName);if(Rt(f,s,p)){if(!We||\"id\"!==s&&\"name\"!==s||(yt(a,e),p=\"user-content-\"+p),ie&&\"object\"==typeof G&&\"function\"==typeof G.getAttributeType)if(l);else switch(G.getAttributeType(f,s)){case\"TrustedHTML\":p=ie.createHTML(p);break;case\"TrustedScriptURL\":p=ie.createScriptURL(p)}try{l?e.setAttributeNS(l,a,p):e.setAttribute(a,p),At(e)?Tt(e):m(o.removed)}catch(e){}}}bt(\"afterSanitizeAttributes\",e,null)},Lt=function e(t){let n=null;const o=_t(t);for(bt(\"beforeSanitizeShadowDOM\",t,null);n=o.nextNode();)bt(\"uponSanitizeShadowNode\",n,null),St(n)||(n.content instanceof s&&e(n.content),Ct(n));bt(\"afterSanitizeShadowDOM\",t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(nt=!e,nt&&(e=\"\\x3c!--\\x3e\"),\"string\"!=typeof e&&!Nt(e)){if(\"function\"!=typeof e.toString)throw A(\"toString is not a function\");if(\"string\"!=typeof(e=e.toString()))throw A(\"dirty is not a string, aborting\")}if(!o.isSupported)return e;if(Ue||mt(t),o.removed=[],\"string\"==typeof e&&(Ye=!1),Ye){if(e.nodeName){const t=lt(e.nodeName);if(!Ne[t]||Ce[t])throw A(\"root node is forbidden and cannot be sanitized in-place\")}}else if(e instanceof b)n=Et(\"\\x3c!----\\x3e\"),r=n.ownerDocument.importNode(e,!0),r.nodeType===V&&\"BODY\"===r.nodeName||\"HTML\"===r.nodeName?n=r:n.appendChild(r);else{if(!Fe&&!ke&&!Ie&&-1===e.indexOf(\"<\"))return ie&&ze?ie.createHTML(e):e;if(n=Et(e),!n)return Fe?null:ze?ae:\"\"}n&&Pe&&Tt(n.firstChild);const c=_t(Ye?e:n);for(;i=c.nextNode();)St(i)||(i.content instanceof s&&Lt(i.content),Ct(i));if(Ye)return e;if(Fe){if(He)for(l=se.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(Se.shadowroot||Se.shadowrootmode)&&(l=me.call(a,l,!0)),l}let m=Ie?n.outerHTML:n.innerHTML;return Ie&&Ne[\"!doctype\"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&_(q,n.ownerDocument.doctype.name)&&(m=\"<!DOCTYPE \"+n.ownerDocument.doctype.name+\">\\n\"+m),ke&&u([fe,de,he],(e=>{m=g(m,e,\" \")})),ie&&ze?ie.createHTML(m):m},o.setConfig=function(){mt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Ue=!0},o.clearConfig=function(){ct=null,Ue=!1},o.isValidAttribute=function(e,t,n){ct||mt({});const o=lt(e),r=lt(t);return Rt(o,r,n)},o.addHook=function(e,t){\"function\"==typeof t&&(pe[e]=pe[e]||[],p(pe[e],t))},o.removeHook=function(e){if(pe[e])return m(pe[e])},o.removeHooks=function(e){pe[e]&&(pe[e]=[])},o.removeAllHooks=function(){pe={}},o}();return ne}));\n//# sourceMappingURL=purify.min.js.map\n",[],[265,546,538],"vendor","13a0f078-9763-11f0-9dc3-0224a6c84d84","marked.min.js","13a0f122-9763-11f0-9dc3-0224a6c84d84",202,["D",1758511223527],"/**\n * marked v12.0.2 - a markdown parser\n * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)\n * https://github.com/markedjs/marked\n */\n!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(exports):\"function\"==typeof define&&define.amd?define([\"exports\"],t):t((e=\"undefined\"!=typeof globalThis?globalThis:e||self).marked={})}(this,(function(e){\"use strict\";function t(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}function n(t){e.defaults=t}e.defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};const s=/[&<>\"']/,r=new RegExp(s.source,\"g\"),i=/[<>\"']|&(?!(#\\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\\w+);)/,l=new RegExp(i.source,\"g\"),o={\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"},a=e=>o[e];function c(e,t){if(t){if(s.test(e))return e.replace(r,a)}else if(i.test(e))return e.replace(l,a);return e}const h=/&(#(?:\\d+)|(?:#x[0-9A-Fa-f]+)|(?:\\w+));?/gi;function p(e){return e.replace(h,((e,t)=>\"colon\"===(t=t.toLowerCase())?\":\":\"#\"===t.charAt(0)?\"x\"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):\"\"))}const u=/(^|[^\\[])\\^/g;function k(e,t){let n=\"string\"==typeof e?e:e.source;t=t||\"\";const s={replace:(e,t)=>{let r=\"string\"==typeof t?t:t.source;return r=r.replace(u,\"$1\"),n=n.replace(e,r),s},getRegex:()=>new RegExp(n,t)};return s}function g(e){try{e=encodeURI(e).replace(/%25/g,\"%\")}catch(e){return null}return e}const f={exec:()=>null};function d(e,t){const n=e.replace(/\\|/g,((e,t,n)=>{let s=!1,r=t;for(;--r>=0&&\"\\\\\"===n[r];)s=!s;return s?\"|\":\" |\"})).split(/ \\|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),t)if(n.length>t)n.splice(t);else for(;n.length<t;)n.push(\"\");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\\\\|/g,\"|\");return n}function x(e,t,n){const s=e.length;if(0===s)return\"\";let r=0;for(;r<s;){const i=e.charAt(s-r-1);if(i!==t||n){if(i===t||!n)break;r++}else r++}return e.slice(0,s-r)}function b(e,t,n,s){const r=t.href,i=t.title?c(t.title):null,l=e[1].replace(/\\\\([\\[\\]])/g,\"$1\");if(\"!\"!==e[0].charAt(0)){s.state.inLink=!0;const e={type:\"link\",raw:n,href:r,title:i,text:l,tokens:s.inlineTokens(l)};return s.state.inLink=!1,e}return{type:\"image\",raw:n,href:r,title:i,text:c(l)}}class w{options;rules;lexer;constructor(t){this.options=t||e.defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:\"space\",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const e=t[0].replace(/^ {1,4}/gm,\"\");return{type:\"code\",raw:t[0],codeBlockStyle:\"indented\",text:this.options.pedantic?e:x(e,\"\\n\")}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const e=t[0],n=function(e,t){const n=e.match(/^(\\s+)(?:```)/);if(null===n)return t;const s=n[1];return t.split(\"\\n\").map((e=>{const t=e.match(/^\\s+/);if(null===t)return e;const[n]=t;return n.length>=s.length?e.slice(s.length):e})).join(\"\\n\")}(e,t[3]||\"\");return{type:\"code\",raw:e,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,\"$1\"):t[2],text:n}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let e=t[2].trim();if(/#$/.test(e)){const t=x(e,\"#\");this.options.pedantic?e=t.trim():t&&!/ $/.test(t)||(e=t.trim())}return{type:\"heading\",raw:t[0],depth:t[1].length,text:e,tokens:this.lexer.inline(e)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:\"hr\",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){let e=t[0].replace(/\\n {0,3}((?:=+|-+) *)(?=\\n|$)/g,\"\\n $1\");e=x(e.replace(/^ *>[ \\t]?/gm,\"\"),\"\\n\");const n=this.lexer.state.top;this.lexer.state.top=!0;const s=this.lexer.blockTokens(e);return this.lexer.state.top=n,{type:\"blockquote\",raw:t[0],tokens:s,text:e}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim();const s=n.length>1,r={type:\"list\",raw:\"\",ordered:s,start:s?+n.slice(0,-1):\"\",loose:!1,items:[]};n=s?`\\\\d{1,9}\\\\${n.slice(-1)}`:`\\\\${n}`,this.options.pedantic&&(n=s?n:\"[*+-]\");const i=new RegExp(`^( {0,3}${n})((?:[\\t ][^\\\\n]*)?(?:\\\\n|$))`);let l=\"\",o=\"\",a=!1;for(;e;){let n=!1;if(!(t=i.exec(e)))break;if(this.rules.block.hr.test(e))break;l=t[0],e=e.substring(l.length);let s=t[2].split(\"\\n\",1)[0].replace(/^\\t+/,(e=>\" \".repeat(3*e.length))),c=e.split(\"\\n\",1)[0],h=0;this.options.pedantic?(h=2,o=s.trimStart()):(h=t[2].search(/[^ ]/),h=h>4?1:h,o=s.slice(h),h+=t[1].length);let p=!1;if(!s&&/^ *$/.test(c)&&(l+=c+\"\\n\",e=e.substring(c.length+1),n=!0),!n){const t=new RegExp(`^ {0,${Math.min(3,h-1)}}(?:[*+-]|\\\\d{1,9}[.)])((?:[ \\t][^\\\\n]*)?(?:\\\\n|$))`),n=new RegExp(`^ {0,${Math.min(3,h-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$)`),r=new RegExp(`^ {0,${Math.min(3,h-1)}}(?:\\`\\`\\`|~~~)`),i=new RegExp(`^ {0,${Math.min(3,h-1)}}#`);for(;e;){const a=e.split(\"\\n\",1)[0];if(c=a,this.options.pedantic&&(c=c.replace(/^ {1,4}(?=( {4})*[^ ])/g,\" \")),r.test(c))break;if(i.test(c))break;if(t.test(c))break;if(n.test(e))break;if(c.search(/[^ ]/)>=h||!c.trim())o+=\"\\n\"+c.slice(h);else{if(p)break;if(s.search(/[^ ]/)>=4)break;if(r.test(s))break;if(i.test(s))break;if(n.test(s))break;o+=\"\\n\"+c}p||c.trim()||(p=!0),l+=a+\"\\n\",e=e.substring(a.length+1),s=c.slice(h)}}r.loose||(a?r.loose=!0:/\\n *\\n *$/.test(l)&&(a=!0));let u,k=null;this.options.gfm&&(k=/^\\[[ xX]\\] /.exec(o),k&&(u=\"[ ] \"!==k[0],o=o.replace(/^\\[[ xX]\\] +/,\"\"))),r.items.push({type:\"list_item\",raw:l,task:!!k,checked:u,loose:!1,text:o,tokens:[]}),r.raw+=l}r.items[r.items.length-1].raw=l.trimEnd(),r.items[r.items.length-1].text=o.trimEnd(),r.raw=r.raw.trimEnd();for(let e=0;e<r.items.length;e++)if(this.lexer.state.top=!1,r.items[e].tokens=this.lexer.blockTokens(r.items[e].text,[]),!r.loose){const t=r.items[e].tokens.filter((e=>\"space\"===e.type)),n=t.length>0&&t.some((e=>/\\n.*\\n/.test(e.raw)));r.loose=n}if(r.loose)for(let e=0;e<r.items.length;e++)r.items[e].loose=!0;return r}}html(e){const t=this.rules.block.html.exec(e);if(t){return{type:\"html\",block:!0,raw:t[0],pre:\"pre\"===t[1]||\"script\"===t[1]||\"style\"===t[1],text:t[0]}}}def(e){const t=this.rules.block.def.exec(e);if(t){const e=t[1].toLowerCase().replace(/\\s+/g,\" \"),n=t[2]?t[2].replace(/^<(.*)>$/,\"$1\").replace(this.rules.inline.anyPunctuation,\"$1\"):\"\",s=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,\"$1\"):t[3];return{type:\"def\",tag:e,raw:t[0],href:n,title:s}}}table(e){const t=this.rules.block.table.exec(e);if(!t)return;if(!/[:|]/.test(t[2]))return;const n=d(t[1]),s=t[2].replace(/^\\||\\| *$/g,\"\").split(\"|\"),r=t[3]&&t[3].trim()?t[3].replace(/\\n[ \\t]*$/,\"\").split(\"\\n\"):[],i={type:\"table\",raw:t[0],header:[],align:[],rows:[]};if(n.length===s.length){for(const e of s)/^ *-+: *$/.test(e)?i.align.push(\"right\"):/^ *:-+: *$/.test(e)?i.align.push(\"center\"):/^ *:-+ *$/.test(e)?i.align.push(\"left\"):i.align.push(null);for(const e of n)i.header.push({text:e,tokens:this.lexer.inline(e)});for(const e of r)i.rows.push(d(e,i.header.length).map((e=>({text:e,tokens:this.lexer.inline(e)}))));return i}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:\"heading\",raw:t[0],depth:\"=\"===t[2].charAt(0)?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const e=\"\\n\"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1];return{type:\"paragraph\",raw:t[0],text:e,tokens:this.lexer.inline(e)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:\"text\",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:\"escape\",raw:t[0],text:c(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:\"html\",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const e=t[2].trim();if(!this.options.pedantic&&/^</.test(e)){if(!/>$/.test(e))return;const t=x(e.slice(0,-1),\"\\\\\");if((e.length-t.length)%2==0)return}else{const e=function(e,t){if(-1===e.indexOf(t[1]))return-1;let n=0;for(let s=0;s<e.length;s++)if(\"\\\\\"===e[s])s++;else if(e[s]===t[0])n++;else if(e[s]===t[1]&&(n--,n<0))return s;return-1}(t[2],\"()\");if(e>-1){const n=(0===t[0].indexOf(\"!\")?5:4)+t[1].length+e;t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,n).trim(),t[3]=\"\"}}let n=t[2],s=\"\";if(this.options.pedantic){const e=/^([^'\"]*[^\\s])\\s+(['\"])(.*)\\2/.exec(n);e&&(n=e[1],s=e[3])}else s=t[3]?t[3].slice(1,-1):\"\";return n=n.trim(),/^</.test(n)&&(n=this.options.pedantic&&!/>$/.test(e)?n.slice(1):n.slice(1,-1)),b(t,{href:n?n.replace(this.rules.inline.anyPunctuation,\"$1\"):n,title:s?s.replace(this.rules.inline.anyPunctuation,\"$1\"):s},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){const e=t[(n[2]||n[1]).replace(/\\s+/g,\" \").toLowerCase()];if(!e){const e=n[0].charAt(0);return{type:\"text\",raw:e,text:e}}return b(n,e,n[0],this.lexer)}}emStrong(e,t,n=\"\"){let s=this.rules.inline.emStrongLDelim.exec(e);if(!s)return;if(s[3]&&n.match(/[\\p{L}\\p{N}]/u))return;if(!(s[1]||s[2]||\"\")||!n||this.rules.inline.punctuation.exec(n)){const n=[...s[0]].length-1;let r,i,l=n,o=0;const a=\"*\"===s[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(a.lastIndex=0,t=t.slice(-1*e.length+n);null!=(s=a.exec(t));){if(r=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!r)continue;if(i=[...r].length,s[3]||s[4]){l+=i;continue}if((s[5]||s[6])&&n%3&&!((n+i)%3)){o+=i;continue}if(l-=i,l>0)continue;i=Math.min(i,i+l+o);const t=[...s[0]][0].length,a=e.slice(0,n+s.index+t+i);if(Math.min(n,i)%2){const e=a.slice(1,-1);return{type:\"em\",raw:a,text:e,tokens:this.lexer.inlineTokens(e)}}const c=a.slice(2,-2);return{type:\"strong\",raw:a,text:c,tokens:this.lexer.inlineTokens(c)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let e=t[2].replace(/\\n/g,\" \");const n=/[^ ]/.test(e),s=/^ /.test(e)&&/ $/.test(e);return n&&s&&(e=e.substring(1,e.length-1)),e=c(e,!0),{type:\"codespan\",raw:t[0],text:e}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:\"br\",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:\"del\",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){const t=this.rules.inline.autolink.exec(e);if(t){let e,n;return\"@\"===t[2]?(e=c(t[1]),n=\"mailto:\"+e):(e=c(t[1]),n=e),{type:\"link\",raw:t[0],text:e,href:n,tokens:[{type:\"text\",raw:e,text:e}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let e,n;if(\"@\"===t[2])e=c(t[0]),n=\"mailto:\"+e;else{let s;do{s=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??\"\"}while(s!==t[0]);e=c(t[0]),n=\"www.\"===t[1]?\"http://\"+t[0]:t[0]}return{type:\"link\",raw:t[0],text:e,href:n,tokens:[{type:\"text\",raw:e,text:e}]}}}inlineText(e){const t=this.rules.inline.text.exec(e);if(t){let e;return e=this.lexer.state.inRawBlock?t[0]:c(t[0]),{type:\"text\",raw:t[0],text:e}}}}const m=/^ {0,3}((?:-[\\t ]*){3,}|(?:_[ \\t]*){3,}|(?:\\*[ \\t]*){3,})(?:\\n+|$)/,y=/(?:[*+-]|\\d{1,9}[.)])/,$=k(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\\n(?!\\s*?\\n|bull |blockCode|fences|blockquote|heading|html))+?)\\n {0,3}(=+|-+) *(?:\\n+|$)/).replace(/bull/g,y).replace(/blockCode/g,/ {4}/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\\n>]+>\\n/).getRegex(),z=/^([^\\n]+(?:\\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\\n)[^\\n]+)*)/,T=/(?!\\s*\\])(?:\\\\.|[^\\[\\]\\\\])+/,R=k(/^ {0,3}\\[(label)\\]: *(?:\\n *)?([^<\\s][^\\s]*|<.*?>)(?:(?: +(?:\\n *)?| *\\n *)(title))? *(?:\\n+|$)/).replace(\"label\",T).replace(\"title\",/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\$[^()]*\$)/).getRegex(),_=k(/^( {0,3}bull)([ \\t][^\\n]+?)?(?:\\n|$)/).replace(/bull/g,y).getRegex(),A=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",S=/|$))/,I=k(\"^ {0,3}(?:<(script|pre|style|textarea)[\\\\s>][\\\\s\\\\S]*?(?:</\\\\1>[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?(?:\\\\?>\\\\n*|$)|<![A-Z][\\\\s\\\\S]*?(?:>\\\\n*|$)|<!\\\\[CDATA\\\\[[\\\\s\\\\S]*?(?:\\\\]\\\\]>\\\\n*|$)|</?(tag)(?: +|\\\\n|/?>)[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$)|<(?!script|pre|style|textarea)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$)|</(?!script|pre|style|textarea)[a-z][\\\\w-]*\\\\s*>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$))\",\"i\").replace(\"comment\",S).replace(\"tag\",A).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),E=k(z).replace(\"hr\",m).replace(\"heading\",\" {0,3}#{1,6}(?:\\\\s|$)\").replace(\"|lheading\",\"\").replace(\"|table\",\"\").replace(\"blockquote\",\" {0,3}>\").replace(\"fences\",\" {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n\").replace(\"list\",\" {0,3}(?:[*+-]|1[.)]) \").replace(\"html\",\"</?(?:tag)(?: +|\\\\n|/?>)|<(?:script|pre|style|textarea|!--)\").replace(\"tag\",A).getRegex(),q={blockquote:k(/^( {0,3}> ?(paragraph|[^\\n]*)(?:\\n|$))+/).replace(\"paragraph\",E).getRegex(),code:/^( {4}[^\\n]+(?:\\n(?: *(?:\\n|$))*)?)+/,def:R,fences:/^ {0,3}(`{3,}(?=[^`\\n]*(?:\\n|$))|~{3,})([^\\n]*)(?:\\n|$)(?:|([\\s\\S]*?)(?:\\n|$))(?: {0,3}\\1[~`]* *(?=\\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\\s|$)(.*)(?:\\n+|$)/,hr:m,html:I,lheading:$,list:_,newline:/^(?: *(?:\\n|$))+/,paragraph:E,table:f,text:/^[^\\n]+/},Z=k(\"^ *([^\\\\n ].*)\\\\n {0,3}((?:\\\\| *)?:?-+:? *(?:\\\\| *:?-+:? *)*(?:\\\\| *)?)(?:\\\\n((?:(?! *\\\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\\\n|$))*)\\\\n*|$)\").replace(\"hr\",m).replace(\"heading\",\" {0,3}#{1,6}(?:\\\\s|$)\").replace(\"blockquote\",\" {0,3}>\").replace(\"code\",\" {4}[^\\\\n]\").replace(\"fences\",\" {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n\").replace(\"list\",\" {0,3}(?:[*+-]|1[.)]) \").replace(\"html\",\"</?(?:tag)(?: +|\\\\n|/?>)|<(?:script|pre|style|textarea|!--)\").replace(\"tag\",A).getRegex(),L={...q,table:Z,paragraph:k(z).replace(\"hr\",m).replace(\"heading\",\" {0,3}#{1,6}(?:\\\\s|$)\").replace(\"|lheading\",\"\").replace(\"table\",Z).replace(\"blockquote\",\" {0,3}>\").replace(\"fences\",\" {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n\").replace(\"list\",\" {0,3}(?:[*+-]|1[.)]) \").replace(\"html\",\"</?(?:tag)(?: +|\\\\n|/?>)|<(?:script|pre|style|textarea|!--)\").replace(\"tag\",A).getRegex()},P={...q,html:k(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+?</\\\\1> *(?:\\\\n{2,}|\\\\s*$)|<tag(?:\\\"[^\\\"]*\\\"|'[^']*'|\\\\s[^'\\\"/>\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",S).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *<?([^\\s>]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/,heading:/^(#{1,6})(.*)(?:\\n+|$)/,fences:f,lheading:/^(.+?)\\n {0,3}(=+|-+) *(?:\\n+|$)/,paragraph:k(z).replace(\"hr\",m).replace(\"heading\",\" *#{1,6} *[^\\n]\").replace(\"lheading\",$).replace(\"|table\",\"\").replace(\"blockquote\",\" {0,3}>\").replace(\"|fences\",\"\").replace(\"|list\",\"\").replace(\"|html\",\"\").replace(\"|tag\",\"\").getRegex()},Q=/^\\\$[!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/,v=/^( {2,}|\\\$\\n(?!\\s*$)/,B=\"\\\\p{P}\\\\p{S}\",C=k(/^((?![*_])[\\spunctuation])/,\"u\").replace(/punctuation/g,B).getRegex(),M=k(/^(?:\\*+(?:((?!\\*)[punct])|[^\\s*]))|^_+(?:((?!_)[punct])|([^\\s_]))/,\"u\").replace(/punct/g,B).getRegex(),O=k(\"^[^_*]*?__[^_*]*?\\\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\\\*)[punct](\\\\*+)(?=[\\\\s]|$)|[^punct\\\\s](\\\\*+)(?!\\\\*)(?=[punct\\\\s]|$)|(?!\\\\*)[punct\\\\s](\\\\*+)(?=[^punct\\\\s])|[\\\\s](\\\\*+)(?!\\\\*)(?=[punct])|(?!\\\\*)[punct](\\\\*+)(?!\\\\*)(?=[punct])|[^punct\\\\s](\\\\*+)(?=[^punct\\\\s])\",\"gu\").replace(/punct/g,B).getRegex(),D=k(\"^[^_*]*?\\\\*\\\\*[^_*]*?_[^_*]*?(?=\\\\*\\\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\\\s]|$)|[^punct\\\\s](_+)(?!_)(?=[punct\\\\s]|$)|(?!_)[punct\\\\s](_+)(?=[^punct\\\\s])|[\\\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])\",\"gu\").replace(/punct/g,B).getRegex(),j=k(/\\\$[punct])/,\"gu\").replace(/punct/g,B).getRegex(),H=k(/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/).replace(\"scheme\",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace(\"email\",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),U=k(S).replace(\"(?:--\\x3e|$)\",\"--\\x3e\").getRegex(),X=k(\"^comment|^</[a-zA-Z][\\\\w:-]*\\\\s*>|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^<![a-zA-Z]+\\\\s[\\\\s\\\\S]*?>|^<!\\\\[CDATA\\\\[[\\\\s\\\\S]*?\\\\]\\\\]>\").replace(\"comment\",U).replace(\"attribute\",/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/).getRegex(),F=/(?:\\[(?:\\\\.|[^\\[\\]\\\\])*\\]|\\\\.|`[^`]*`|[^\\[\\]\\\\`])*?/,N=k(/^!?\\[(label)\\]\\(\\s*(href)(?:\\s+(title))?\\s*\$/).replace(\"label\",F).replace(\"href\",/<(?:\\\\.|[^\\n<>\\\\])+>|[^\\s\\x00-\\x1f]*/).replace(\"title\",/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\$(?:\\\\\$?|[^)\\\\])*\\)/).getRegex(),G=k(/^!?\\[(label)\\]\\[(ref)\\]/).replace(\"label\",F).replace(\"ref\",T).getRegex(),J=k(/^!?\\[(ref)\\](?:\\[\\])?/).replace(\"ref\",T).getRegex(),K={_backpedal:f,anyPunctuation:j,autolink:H,blockSkip:/\\[[^[\\]]*?\\]\$[^\\(\$]*?\\)|`[^`]*?`|<[^<>]*?>/g,br:v,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,del:f,emStrongLDelim:M,emStrongRDelimAst:O,emStrongRDelimUnd:D,escape:Q,link:N,nolink:J,punctuation:C,reflink:G,reflinkSearch:k(\"reflink|nolink(?!\\\$)\",\"g\").replace(\"reflink\",G).replace(\"nolink\",J).getRegex(),tag:X,text:/^(`+|[^`])(?:(?= {2,}\\n)|[\\s\\S]*?(?:(?=[\\\\<!\\[`*_]|\\b_|$)|[^ ](?= {2,}\\n)))/,url:f},V={...K,link:k(/^!?\\[(label)\\]\\((.*?)\$/).replace(\"label\",F).getRegex(),reflink:k(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",F).getRegex()},W={...K,escape:k(Q).replace(\"])\",\"~|])\").getRegex(),url:k(/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,\"i\").replace(\"email\",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'\"~()&]+|\$[^)]*\$|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'\"~)]+(?!$))+/,del:/^(~~?)(?=[^\\s~])([\\s\\S]*?[^\\s~])\\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\\n)|(?=[a-zA-Z0-9.!#$%&'*+\\/=?_`{\\|}~-]+@)|[\\s\\S]*?(?:(?=[\\\\<!\\[`*~_]|\\b_|https?:\\/\\/|ftp:\\/\\/|www\\.|$)|[^ ](?= {2,}\\n)|[^a-zA-Z0-9.!#$%&'*+\\/=?_`{\\|}~-](?=[a-zA-Z0-9.!#$%&'*+\\/=?_`{\\|}~-]+@)))/},Y={...W,br:k(v).replace(\"{2,}\",\"*\").getRegex(),text:k(W.text).replace(\"\\\\b_\",\"\\\\b_| {2,}\\\\n\").replace(/\\{2,\\}/g,\"*\").getRegex()},ee={normal:q,gfm:L,pedantic:P},te={normal:K,gfm:W,breaks:Y,pedantic:V};class ne{tokens;options;state;tokenizer;inlineQueue;constructor(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||e.defaults,this.options.tokenizer=this.options.tokenizer||new w,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const n={block:ee.normal,inline:te.normal};this.options.pedantic?(n.block=ee.pedantic,n.inline=te.pedantic):this.options.gfm&&(n.block=ee.gfm,this.options.breaks?n.inline=te.breaks:n.inline=te.gfm),this.tokenizer.rules=n}static get rules(){return{block:ee,inline:te}}static lex(e,t){return new ne(t).lex(e)}static lexInline(e,t){return new ne(t).inlineTokens(e)}lex(e){e=e.replace(/\\r\\n|\\r/g,\"\\n\"),this.blockTokens(e,this.tokens);for(let e=0;e<this.inlineQueue.length;e++){const t=this.inlineQueue[e];this.inlineTokens(t.src,t.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[]){let n,s,r,i;for(e=this.options.pedantic?e.replace(/\\t/g,\" \").replace(/^ +$/gm,\"\"):e.replace(/^( *)(\\t+)/gm,((e,t,n)=>t+\" \".repeat(n.length)));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((s=>!!(n=s.call({lexer:this},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)))))if(n=this.tokenizer.space(e))e=e.substring(n.raw.length),1===n.raw.length&&t.length>0?t[t.length-1].raw+=\"\\n\":t.push(n);else if(n=this.tokenizer.code(e))e=e.substring(n.raw.length),s=t[t.length-1],!s||\"paragraph\"!==s.type&&\"text\"!==s.type?t.push(n):(s.raw+=\"\\n\"+n.raw,s.text+=\"\\n\"+n.text,this.inlineQueue[this.inlineQueue.length-1].src=s.text);else if(n=this.tokenizer.fences(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.heading(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.hr(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.blockquote(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.list(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.html(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.def(e))e=e.substring(n.raw.length),s=t[t.length-1],!s||\"paragraph\"!==s.type&&\"text\"!==s.type?this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title}):(s.raw+=\"\\n\"+n.raw,s.text+=\"\\n\"+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=s.text);else if(n=this.tokenizer.table(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.lheading(e))e=e.substring(n.raw.length),t.push(n);else{if(r=e,this.options.extensions&&this.options.extensions.startBlock){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startBlock.forEach((e=>{s=e.call({lexer:this},n),\"number\"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(r=e.substring(0,t+1))}if(this.state.top&&(n=this.tokenizer.paragraph(r)))s=t[t.length-1],i&&\"paragraph\"===s.type?(s.raw+=\"\\n\"+n.raw,s.text+=\"\\n\"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n),i=r.length!==e.length,e=e.substring(n.raw.length);else if(n=this.tokenizer.text(e))e=e.substring(n.raw.length),s=t[t.length-1],s&&\"text\"===s.type?(s.raw+=\"\\n\"+n.raw,s.text+=\"\\n\"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);else if(e){const t=\"Infinite loop on byte: \"+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,s,r,i,l,o,a=e;if(this.tokens.links){const e=Object.keys(this.tokens.links);if(e.length>0)for(;null!=(i=this.tokenizer.rules.inline.reflinkSearch.exec(a));)e.includes(i[0].slice(i[0].lastIndexOf(\"[\")+1,-1))&&(a=a.slice(0,i.index)+\"[\"+\"a\".repeat(i[0].length-2)+\"]\"+a.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(i=this.tokenizer.rules.inline.blockSkip.exec(a));)a=a.slice(0,i.index)+\"[\"+\"a\".repeat(i[0].length-2)+\"]\"+a.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(i=this.tokenizer.rules.inline.anyPunctuation.exec(a));)a=a.slice(0,i.index)+\"++\"+a.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;e;)if(l||(o=\"\"),l=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((s=>!!(n=s.call({lexer:this},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)))))if(n=this.tokenizer.escape(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.tag(e))e=e.substring(n.raw.length),s=t[t.length-1],s&&\"text\"===n.type&&\"text\"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.link(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(n.raw.length),s=t[t.length-1],s&&\"text\"===n.type&&\"text\"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.emStrong(e,a,o))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.codespan(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.br(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.del(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.autolink(e))e=e.substring(n.raw.length),t.push(n);else if(this.state.inLink||!(n=this.tokenizer.url(e))){if(r=e,this.options.extensions&&this.options.extensions.startInline){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startInline.forEach((e=>{s=e.call({lexer:this},n),\"number\"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(r=e.substring(0,t+1))}if(n=this.tokenizer.inlineText(r))e=e.substring(n.raw.length),\"_\"!==n.raw.slice(-1)&&(o=n.raw.slice(-1)),l=!0,s=t[t.length-1],s&&\"text\"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(e){const t=\"Infinite loop on byte: \"+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}else e=e.substring(n.raw.length),t.push(n);return t}}class se{options;constructor(t){this.options=t||e.defaults}code(e,t,n){const s=(t||\"\").match(/^\\S*/)?.[0];return e=e.replace(/\\n$/,\"\")+\"\\n\",s?'<pre><code class=\"language-'+c(s)+'\">'+(n?e:c(e,!0))+\"</code></pre>\\n\":\"<pre><code>\"+(n?e:c(e,!0))+\"</code></pre>\\n\"}blockquote(e){return`<blockquote>\\n${e}</blockquote>\\n`}html(e,t){return e}heading(e,t,n){return`<h${t}>${e}</h${t}>\\n`}hr(){return\"<hr>\\n\"}list(e,t,n){const s=t?\"ol\":\"ul\";return\"<\"+s+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"</\"+s+\">\\n\"}listitem(e,t,n){return`<li>${e}</li>\\n`}checkbox(e){return\"<input \"+(e?'checked=\"\" ':\"\")+'disabled=\"\" type=\"checkbox\">'}paragraph(e){return`<p>${e}</p>\\n`}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),\"<table>\\n<thead>\\n\"+e+\"</thead>\\n\"+t+\"</table>\\n\"}tablerow(e){return`<tr>\\n${e}</tr>\\n`}tablecell(e,t){const n=t.header?\"th\":\"td\";return(t.align?`<${n} align=\"${t.align}\">`:`<${n}>`)+e+`</${n}>\\n`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return\"<br>\"}del(e){return`<del>${e}</del>`}link(e,t,n){const s=g(e);if(null===s)return n;let r='<a href=\"'+(e=s)+'\"';return t&&(r+=' title=\"'+t+'\"'),r+=\">\"+n+\"</a>\",r}image(e,t,n){const s=g(e);if(null===s)return n;let r=`<img src=\"${e=s}\" alt=\"${n}\"`;return t&&(r+=` title=\"${t}\"`),r+=\">\",r}text(e){return e}}class re{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return\"\"+n}image(e,t,n){return\"\"+n}br(){return\"\"}}class ie{options;renderer;textRenderer;constructor(t){this.options=t||e.defaults,this.options.renderer=this.options.renderer||new se,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new re}static parse(e,t){return new ie(t).parse(e)}static parseInline(e,t){return new ie(t).parseInline(e)}parse(e,t=!0){let n=\"\";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=r,t=this.options.extensions.renderers[e.type].call({parser:this},e);if(!1!==t||![\"space\",\"hr\",\"heading\",\"code\",\"table\",\"blockquote\",\"list\",\"html\",\"paragraph\",\"text\"].includes(e.type)){n+=t||\"\";continue}}switch(r.type){case\"space\":continue;case\"hr\":n+=this.renderer.hr();continue;case\"heading\":{const e=r;n+=this.renderer.heading(this.parseInline(e.tokens),e.depth,p(this.parseInline(e.tokens,this.textRenderer)));continue}case\"code\":{const e=r;n+=this.renderer.code(e.text,e.lang,!!e.escaped);continue}case\"table\":{const e=r;let t=\"\",s=\"\";for(let t=0;t<e.header.length;t++)s+=this.renderer.tablecell(this.parseInline(e.header[t].tokens),{header:!0,align:e.align[t]});t+=this.renderer.tablerow(s);let i=\"\";for(let t=0;t<e.rows.length;t++){const n=e.rows[t];s=\"\";for(let t=0;t<n.length;t++)s+=this.renderer.tablecell(this.parseInline(n[t].tokens),{header:!1,align:e.align[t]});i+=this.renderer.tablerow(s)}n+=this.renderer.table(t,i);continue}case\"blockquote\":{const e=r,t=this.parse(e.tokens);n+=this.renderer.blockquote(t);continue}case\"list\":{const e=r,t=e.ordered,s=e.start,i=e.loose;let l=\"\";for(let t=0;t<e.items.length;t++){const n=e.items[t],s=n.checked,r=n.task;let o=\"\";if(n.task){const e=this.renderer.checkbox(!!s);i?n.tokens.length>0&&\"paragraph\"===n.tokens[0].type?(n.tokens[0].text=e+\" \"+n.tokens[0].text,n.tokens[0].tokens&&n.tokens[0].tokens.length>0&&\"text\"===n.tokens[0].tokens[0].type&&(n.tokens[0].tokens[0].text=e+\" \"+n.tokens[0].tokens[0].text)):n.tokens.unshift({type:\"text\",text:e+\" \"}):o+=e+\" \"}o+=this.parse(n.tokens,i),l+=this.renderer.listitem(o,r,!!s)}n+=this.renderer.list(l,t,s);continue}case\"html\":{const e=r;n+=this.renderer.html(e.text,e.block);continue}case\"paragraph\":{const e=r;n+=this.renderer.paragraph(this.parseInline(e.tokens));continue}case\"text\":{let i=r,l=i.tokens?this.parseInline(i.tokens):i.text;for(;s+1<e.length&&\"text\"===e[s+1].type;)i=e[++s],l+=\"\\n\"+(i.tokens?this.parseInline(i.tokens):i.text);n+=t?this.renderer.paragraph(l):l;continue}default:{const e='Token with \"'+r.type+'\" type was not found.';if(this.options.silent)return console.error(e),\"\";throw new Error(e)}}}return n}parseInline(e,t){t=t||this.renderer;let n=\"\";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=this.options.extensions.renderers[r.type].call({parser:this},r);if(!1!==e||![\"escape\",\"html\",\"link\",\"image\",\"strong\",\"em\",\"codespan\",\"br\",\"del\",\"text\"].includes(r.type)){n+=e||\"\";continue}}switch(r.type){case\"escape\":{const e=r;n+=t.text(e.text);break}case\"html\":{const e=r;n+=t.html(e.text);break}case\"link\":{const e=r;n+=t.link(e.href,e.title,this.parseInline(e.tokens,t));break}case\"image\":{const e=r;n+=t.image(e.href,e.title,e.text);break}case\"strong\":{const e=r;n+=t.strong(this.parseInline(e.tokens,t));break}case\"em\":{const e=r;n+=t.em(this.parseInline(e.tokens,t));break}case\"codespan\":{const e=r;n+=t.codespan(e.text);break}case\"br\":n+=t.br();break;case\"del\":{const e=r;n+=t.del(this.parseInline(e.tokens,t));break}case\"text\":{const e=r;n+=t.text(e.text);break}default:{const e='Token with \"'+r.type+'\" type was not found.';if(this.options.silent)return console.error(e),\"\";throw new Error(e)}}}return n}}class le{options;constructor(t){this.options=t||e.defaults}static passThroughHooks=new Set([\"preprocess\",\"postprocess\",\"processAllTokens\"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}}class oe{defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};options=this.setOptions;parse=this.#e(ne.lex,ie.parse);parseInline=this.#e(ne.lexInline,ie.parseInline);Parser=ie;Renderer=se;TextRenderer=re;Lexer=ne;Tokenizer=w;Hooks=le;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(const s of e)switch(n=n.concat(t.call(this,s)),s.type){case\"table\":{const e=s;for(const s of e.header)n=n.concat(this.walkTokens(s.tokens,t));for(const s of e.rows)for(const e of s)n=n.concat(this.walkTokens(e.tokens,t));break}case\"list\":{const e=s;n=n.concat(this.walkTokens(e.items,t));break}default:{const e=s;this.defaults.extensions?.childTokens?.[e.type]?this.defaults.extensions.childTokens[e.type].forEach((s=>{const r=e[s].flat(1/0);n=n.concat(this.walkTokens(r,t))})):e.tokens&&(n=n.concat(this.walkTokens(e.tokens,t)))}}return n}use(...e){const t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach((e=>{const n={...e};if(n.async=this.defaults.async||n.async||!1,e.extensions&&(e.extensions.forEach((e=>{if(!e.name)throw new Error(\"extension name required\");if(\"renderer\"in e){const n=t.renderers[e.name];t.renderers[e.name]=n?function(...t){let s=e.renderer.apply(this,t);return!1===s&&(s=n.apply(this,t)),s}:e.renderer}if(\"tokenizer\"in e){if(!e.level||\"block\"!==e.level&&\"inline\"!==e.level)throw new Error(\"extension level must be 'block' or 'inline'\");const n=t[e.level];n?n.unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&(\"block\"===e.level?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:\"inline\"===e.level&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}\"childTokens\"in e&&e.childTokens&&(t.childTokens[e.name]=e.childTokens)})),n.extensions=t),e.renderer){const t=this.defaults.renderer||new se(this.defaults);for(const n in e.renderer){if(!(n in t))throw new Error(`renderer '${n}' does not exist`);if(\"options\"===n)continue;const s=n,r=e.renderer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n||\"\"}}n.renderer=t}if(e.tokenizer){const t=this.defaults.tokenizer||new w(this.defaults);for(const n in e.tokenizer){if(!(n in t))throw new Error(`tokenizer '${n}' does not exist`);if([\"options\",\"rules\",\"lexer\"].includes(n))continue;const s=n,r=e.tokenizer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.tokenizer=t}if(e.hooks){const t=this.defaults.hooks||new le;for(const n in e.hooks){if(!(n in t))throw new Error(`hook '${n}' does not exist`);if(\"options\"===n)continue;const s=n,r=e.hooks[s],i=t[s];le.passThroughHooks.has(n)?t[s]=e=>{if(this.defaults.async)return Promise.resolve(r.call(t,e)).then((e=>i.call(t,e)));const n=r.call(t,e);return i.call(t,n)}:t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.hooks=t}if(e.walkTokens){const t=this.defaults.walkTokens,s=e.walkTokens;n.walkTokens=function(e){let n=[];return n.push(s.call(this,e)),t&&(n=n.concat(t.call(this,e))),n}}this.defaults={...this.defaults,...n}})),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return ne.lex(e,t??this.defaults)}parser(e,t){return ie.parse(e,t??this.defaults)}#e(e,t){return(n,s)=>{const r={...s},i={...this.defaults,...r};!0===this.defaults.async&&!1===r.async&&(i.silent||console.warn(\"marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.\"),i.async=!0);const l=this.#t(!!i.silent,!!i.async);if(null==n)return l(new Error(\"marked(): input parameter is undefined or null\"));if(\"string\"!=typeof n)return l(new Error(\"marked(): input parameter is of type \"+Object.prototype.toString.call(n)+\", string expected\"));if(i.hooks&&(i.hooks.options=i),i.async)return Promise.resolve(i.hooks?i.hooks.preprocess(n):n).then((t=>e(t,i))).then((e=>i.hooks?i.hooks.processAllTokens(e):e)).then((e=>i.walkTokens?Promise.all(this.walkTokens(e,i.walkTokens)).then((()=>e)):e)).then((e=>t(e,i))).then((e=>i.hooks?i.hooks.postprocess(e):e)).catch(l);try{i.hooks&&(n=i.hooks.preprocess(n));let s=e(n,i);i.hooks&&(s=i.hooks.processAllTokens(s)),i.walkTokens&&this.walkTokens(s,i.walkTokens);let r=t(s,i);return i.hooks&&(r=i.hooks.postprocess(r)),r}catch(e){return l(e)}}}#t(e,t){return n=>{if(n.message+=\"\\nPlease report this to https://github.com/markedjs/marked.\",e){const e=\"<p>An error occurred:</p><pre>\"+c(n.message+\"\",!0)+\"</pre>\";return t?Promise.resolve(e):e}if(t)return Promise.reject(n);throw n}}}const ae=new oe;function ce(e,t){return ae.parse(e,t)}ce.options=ce.setOptions=function(e){return ae.setOptions(e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.getDefaults=t,ce.defaults=e.defaults,ce.use=function(...e){return ae.use(...e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.walkTokens=function(e,t){return ae.walkTokens(e,t)},ce.parseInline=ae.parseInline,ce.Parser=ie,ce.parser=ie.parse,ce.Renderer=se,ce.TextRenderer=re,ce.Lexer=ne,ce.lexer=ne.lex,ce.Tokenizer=w,ce.Hooks=le,ce.parse=ce;const he=ce.options,pe=ce.setOptions,ue=ce.use,ke=ce.walkTokens,ge=ce.parseInline,fe=ce,de=ie.parse,xe=ne.lex;e.Hooks=le,e.Lexer=ne,e.Marked=oe,e.Parser=ie,e.Renderer=se,e.TextRenderer=re,e.Tokenizer=w,e.getDefaults=t,e.lexer=xe,e.marked=ce,e.options=he,e.parse=fe,e.parseInline=ge,e.parser=de,e.setOptions=pe,e.use=ue,e.walkTokens=ke}));\n",[],[265,546,548],"13c0427a-9763-11f0-ab67-0224a6c84d84","iconify.min.js","13c04338-9763-11f0-ab67-0224a6c84d84",206,["D",1758511223660],"/**\n* (c) Iconify\n*\n* For the full copyright and license information, please view the license.txt or license.gpl.txt\n* files at https://github.com/iconify/iconify\n*\n* Licensed under MIT.\n*\n* @license MIT\n* @version 3.1.1\n*/\nvar Iconify=function(t){\"use strict\";const e=Object.freeze({left:0,top:0,width:16,height:16}),n=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),o=Object.freeze({...e,...n}),r=Object.freeze({...o,body:\"\",hidden:!1});function i(t,e){const o=function(t,e){const n={};!t.hFlip!=!e.hFlip&&(n.hFlip=!0),!t.vFlip!=!e.vFlip&&(n.vFlip=!0);const o=((t.rotate||0)+(e.rotate||0))%4;return o&&(n.rotate=o),n}(t,e);for(const i in r)i in n?i in t&&!(i in o)&&(o[i]=n[i]):i in e?o[i]=e[i]:i in t&&(o[i]=t[i]);return o}function c(t,e,n){const o=t.icons,r=t.aliases||Object.create(null);let c={};function s(t){c=i(o[t]||r[t],c)}return s(e),n.forEach(s),i(t,c)}function s(t,e){const n=[];if(\"object\"!=typeof t||\"object\"!=typeof t.icons)return n;t.not_found instanceof Array&&t.not_found.forEach((t=>{e(t,null),n.push(t)}));const o=function(t,e){const n=t.icons,o=t.aliases||Object.create(null),r=Object.create(null);return(e||Object.keys(n).concat(Object.keys(o))).forEach((function t(e){if(n[e])return r[e]=[];if(!(e in r)){r[e]=null;const n=o[e]&&o[e].parent,i=n&&t(n);i&&(r[e]=[n].concat(i))}return r[e]})),r}(t);for(const r in o){const i=o[r];i&&(e(r,c(t,r,i)),n.push(r))}return n}const a=/^[a-z0-9]+(-[a-z0-9]+)*$/,u=(t,e,n,o=\"\")=>{const r=t.split(\":\");if(\"@\"===t.slice(0,1)){if(r.length<2||r.length>3)return null;o=r.shift().slice(1)}if(r.length>3||!r.length)return null;if(r.length>1){const t=r.pop(),n=r.pop(),i={provider:r.length>0?r[0]:o,prefix:n,name:t};return e&&!f(i)?null:i}const i=r[0],c=i.split(\"-\");if(c.length>1){const t={provider:o,prefix:c.shift(),name:c.join(\"-\")};return e&&!f(t)?null:t}if(n&&\"\"===o){const t={provider:o,prefix:\"\",name:i};return e&&!f(t,n)?null:t}return null},f=(t,e)=>!!t&&!(\"\"!==t.provider&&!t.provider.match(a)||!(e&&\"\"===t.prefix||t.prefix.match(a))||!t.name.match(a)),l={provider:\"\",aliases:{},not_found:{},...e};function d(t,e){for(const n in e)if(n in t&&typeof t[n]!=typeof e[n])return!1;return!0}function p(t){if(\"object\"!=typeof t||null===t)return null;const e=t;if(\"string\"!=typeof e.prefix||!t.icons||\"object\"!=typeof t.icons)return null;if(!d(t,l))return null;const n=e.icons;for(const t in n){const e=n[t];if(!t.match(a)||\"string\"!=typeof e.body||!d(e,r))return null}const o=e.aliases||Object.create(null);for(const t in o){const e=o[t],i=e.parent;if(!t.match(a)||\"string\"!=typeof i||!n[i]&&!o[i]||!d(e,r))return null}return e}const h=Object.create(null);function g(t,e){const n=h[t]||(h[t]=Object.create(null));return n[e]||(n[e]=function(t,e){return{provider:t,prefix:e,icons:Object.create(null),missing:new Set}}(t,e))}function m(t,e){return p(e)?s(e,((e,n)=>{n?t.icons[e]=n:t.missing.add(e)})):[]}function y(t,e){let n=[];return(\"string\"==typeof t?[t]:Object.keys(h)).forEach((t=>{(\"string\"==typeof t&&\"string\"==typeof e?[e]:Object.keys(h[t]||{})).forEach((e=>{const o=g(t,e);n=n.concat(Object.keys(o.icons).map((n=>(\"\"!==t?\"@\"+t+\":\":\"\")+e+\":\"+n)))}))})),n}let b=!1;function v(t){const e=\"string\"==typeof t?u(t,!0,b):t;if(e){const t=g(e.provider,e.prefix),n=e.name;return t.icons[n]||(t.missing.has(n)?null:void 0)}}function x(t,e){const n=u(t,!0,b);if(!n)return!1;return function(t,e,n){try{if(\"string\"==typeof n.body)return t.icons[e]={...n},!0}catch(t){}return!1}(g(n.provider,n.prefix),n.name,e)}function w(t,e){if(\"object\"!=typeof t)return!1;if(\"string\"!=typeof e&&(e=t.provider||\"\"),b&&!e&&!t.prefix){let e=!1;return p(t)&&(t.prefix=\"\",s(t,((t,n)=>{n&&x(t,n)&&(e=!0)}))),e}const n=t.prefix;if(!f({provider:e,prefix:n,name:\"a\"}))return!1;return!!m(g(e,n),t)}function S(t){return!!v(t)}function j(t){const e=v(t);return e?{...o,...e}:null}const E=Object.freeze({width:null,height:null}),I=Object.freeze({...E,...n}),O=/(-?[0-9.]*[0-9]+[0-9.]*)/g,k=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function C(t,e,n){if(1===e)return t;if(n=n||100,\"number\"==typeof t)return Math.ceil(t*e*n)/n;if(\"string\"!=typeof t)return t;const o=t.split(O);if(null===o||!o.length)return t;const r=[];let i=o.shift(),c=k.test(i);for(;;){if(c){const t=parseFloat(i);isNaN(t)?r.push(i):r.push(Math.ceil(t*e*n)/n)}else r.push(i);if(i=o.shift(),void 0===i)return r.join(\"\");c=!c}}const M=t=>\"unset\"===t||\"undefined\"===t||\"none\"===t;function T(t,e){const n={...o,...t},r={...I,...e},i={left:n.left,top:n.top,width:n.width,height:n.height};let c=n.body;[n,r].forEach((t=>{const e=[],n=t.hFlip,o=t.vFlip;let r,s=t.rotate;switch(n?o?s+=2:(e.push(\"translate(\"+(i.width+i.left).toString()+\" \"+(0-i.top).toString()+\")\"),e.push(\"scale(-1 1)\"),i.top=i.left=0):o&&(e.push(\"translate(\"+(0-i.left).toString()+\" \"+(i.height+i.top).toString()+\")\"),e.push(\"scale(1 -1)\"),i.top=i.left=0),s<0&&(s-=4*Math.floor(s/4)),s%=4,s){case 1:r=i.height/2+i.top,e.unshift(\"rotate(90 \"+r.toString()+\" \"+r.toString()+\")\");break;case 2:e.unshift(\"rotate(180 \"+(i.width/2+i.left).toString()+\" \"+(i.height/2+i.top).toString()+\")\");break;case 3:r=i.width/2+i.left,e.unshift(\"rotate(-90 \"+r.toString()+\" \"+r.toString()+\")\")}s%2==1&&(i.left!==i.top&&(r=i.left,i.left=i.top,i.top=r),i.width!==i.height&&(r=i.width,i.width=i.height,i.height=r)),e.length&&(c='<g transform=\"'+e.join(\" \")+'\">'+c+\"</g>\")}));const s=r.width,a=r.height,u=i.width,f=i.height;let l,d;null===s?(d=null===a?\"1em\":\"auto\"===a?f:a,l=C(d,u/f)):(l=\"auto\"===s?u:s,d=null===a?C(l,f/u):\"auto\"===a?f:a);const p={},h=(t,e)=>{M(e)||(p[t]=e.toString())};return h(\"width\",l),h(\"height\",d),p.viewBox=i.left.toString()+\" \"+i.top.toString()+\" \"+u.toString()+\" \"+f.toString(),{attributes:p,body:c}}const L=/\\sid=\"(\\S+)\"/g,A=\"IconifyId\"+Date.now().toString(16)+(16777216*Math.random()|0).toString(16);let F=0;function P(t,e=A){const n=[];let o;for(;o=L.exec(t);)n.push(o[1]);if(!n.length)return t;const r=\"suffix\"+(16777216*Math.random()|Date.now()).toString(16);return n.forEach((n=>{const o=\"function\"==typeof e?e(n):e+(F++).toString(),i=n.replace(/[.*+?^${}()|[\\]\\\\]/g,\"\\\\$&\");t=t.replace(new RegExp('([#;\"])('+i+')([\")]|\\\\.[a-z])',\"g\"),\"$1\"+o+r+\"$3\")})),t=t.replace(new RegExp(r,\"g\"),\"\")}const N={local:!0,session:!0},z={local:new Set,session:new Set};let _=!1;const D=\"iconify2\",R=\"iconify\",$=R+\"-count\",q=R+\"-version\",H=36e5,U=168;function V(t,e){try{return t.getItem(e)}catch(t){}}function Q(t,e,n){try{return t.setItem(e,n),!0}catch(t){}}function G(t,e){try{t.removeItem(e)}catch(t){}}function J(t,e){return Q(t,$,e.toString())}function B(t){return parseInt(V(t,$))||0}let K=\"undefined\"==typeof window?{}:window;function W(t){const e=t+\"Storage\";try{if(K&&K[e]&&\"number\"==typeof K[e].length)return K[e]}catch(t){}N[t]=!1}function X(t,e){const n=W(t);if(!n)return;const o=V(n,q);if(o!==D){if(o){const t=B(n);for(let e=0;e<t;e++)G(n,R+e.toString())}return Q(n,q,D),void J(n,0)}const r=Math.floor(Date.now()/H)-U,i=t=>{const o=R+t.toString(),i=V(n,o);if(\"string\"==typeof i){try{const n=JSON.parse(i);if(\"object\"==typeof n&&\"number\"==typeof n.cached&&n.cached>r&&\"string\"==typeof n.provider&&\"object\"==typeof n.data&&\"string\"==typeof n.data.prefix&&e(n,t))return!0}catch(t){}G(n,o)}};let c=B(n);for(let e=c-1;e>=0;e--)i(e)||(e===c-1?(c--,J(n,c)):z[t].add(e))}function Y(){if(!_){_=!0;for(const t in N)X(t,(t=>{const e=t.data,n=g(t.provider,e.prefix);if(!m(n,e).length)return!1;const o=e.lastModified||-1;return n.lastModifiedCached=n.lastModifiedCached?Math.min(n.lastModifiedCached,o):o,!0}))}}function Z(t,e){switch(t){case\"local\":case\"session\":N[t]=e;break;case\"all\":for(const t in N)N[t]=e}}const tt=Object.create(null);function et(t,e){tt[t]=e}function nt(t){return tt[t]||tt[\"\"]}function ot(t){let e;if(\"string\"==typeof t.resources)e=[t.resources];else if(e=t.resources,!(e instanceof Array&&e.length))return null;return{resources:e,path:t.path||\"/\",maxURL:t.maxURL||500,rotate:t.rotate||750,timeout:t.timeout||5e3,random:!0===t.random,index:t.index||0,dataAfterTimeout:!1!==t.dataAfterTimeout}}const rt=Object.create(null),it=[\"https://api.simplesvg.com\",\"https://api.unisvg.com\"],ct=[];for(;it.length>0;)1===it.length||Math.random()>.5?ct.push(it.shift()):ct.push(it.pop());function st(t,e){const n=ot(e);return null!==n&&(rt[t]=n,!0)}function at(t){return rt[t]}rt[\"\"]=ot({resources:[\"https://api.iconify.design\"].concat(ct)});let ut=(()=>{let t;try{if(t=fetch,\"function\"==typeof t)return t}catch(t){}})();const ft={prepare:(t,e,n)=>{const o=[],r=function(t,e){const n=at(t);if(!n)return 0;let o;if(n.maxURL){let t=0;n.resources.forEach((e=>{const n=e;t=Math.max(t,n.length)}));const r=e+\".json?icons=\";o=n.maxURL-t-n.path.length-r.length}else o=0;return o}(t,e),i=\"icons\";let c={type:i,provider:t,prefix:e,icons:[]},s=0;return n.forEach(((n,a)=>{s+=n.length+1,s>=r&&a>0&&(o.push(c),c={type:i,provider:t,prefix:e,icons:[]},s=n.length),c.icons.push(n)})),o.push(c),o},send:(t,e,n)=>{if(!ut)return void n(\"abort\",424);let o=function(t){if(\"string\"==typeof t){const e=at(t);if(e)return e.path}return\"/\"}(e.provider);switch(e.type){case\"icons\":{const t=e.prefix,n=e.icons.join(\",\");o+=t+\".json?\"+new URLSearchParams({icons:n}).toString();break}case\"custom\":{const t=e.uri;o+=\"/\"===t.slice(0,1)?t.slice(1):t;break}default:return void n(\"abort\",400)}let r=503;ut(t+o).then((t=>{const e=t.status;if(200===e)return r=501,t.json();setTimeout((()=>{n(function(t){return 404===t}(e)?\"abort\":\"next\",e)}))})).then((t=>{\"object\"==typeof t&&null!==t?setTimeout((()=>{n(\"success\",t)})):setTimeout((()=>{404===t?n(\"abort\",t):n(\"next\",r)}))})).catch((()=>{n(\"next\",r)}))}};function lt(t,e){t.forEach((t=>{const n=t.loaderCallbacks;n&&(t.loaderCallbacks=n.filter((t=>t.id!==e)))}))}let dt=0;var pt={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function ht(t,e,n,o){const r=t.resources.length,i=t.random?Math.floor(Math.random()*r):t.index;let c;if(t.random){let e=t.resources.slice(0);for(c=[];e.length>1;){const t=Math.floor(Math.random()*e.length);c.push(e[t]),e=e.slice(0,t).concat(e.slice(t+1))}c=c.concat(e)}else c=t.resources.slice(i).concat(t.resources.slice(0,i));const s=Date.now();let a,u=\"pending\",f=0,l=null,d=[],p=[];function h(){l&&(clearTimeout(l),l=null)}function g(){\"pending\"===u&&(u=\"aborted\"),h(),d.forEach((t=>{\"pending\"===t.status&&(t.status=\"aborted\")})),d=[]}function m(t,e){e&&(p=[]),\"function\"==typeof t&&p.push(t)}function y(){u=\"failed\",p.forEach((t=>{t(void 0,a)}))}function b(){d.forEach((t=>{\"pending\"===t.status&&(t.status=\"aborted\")})),d=[]}function v(){if(\"pending\"!==u)return;h();const o=c.shift();if(void 0===o)return d.length?void(l=setTimeout((()=>{h(),\"pending\"===u&&(b(),y())}),t.timeout)):void y();const r={status:\"pending\",resource:o,callback:(e,n)=>{!function(e,n,o){const r=\"success\"!==n;switch(d=d.filter((t=>t!==e)),u){case\"pending\":break;case\"failed\":if(r||!t.dataAfterTimeout)return;break;default:return}if(\"abort\"===n)return a=o,void y();if(r)return a=o,void(d.length||(c.length?v():y()));if(h(),b(),!t.random){const n=t.resources.indexOf(e.resource);-1!==n&&n!==t.index&&(t.index=n)}u=\"completed\",p.forEach((t=>{t(o)}))}(r,e,n)}};d.push(r),f++,l=setTimeout(v,t.rotate),n(o,e,r.callback)}return\"function\"==typeof o&&p.push(o),setTimeout(v),function(){return{startTime:s,payload:e,status:u,queriesSent:f,queriesPending:d.length,subscribe:m,abort:g}}}function gt(t){const e={...pt,...t};let n=[];function o(){n=n.filter((t=>\"pending\"===t().status))}const r={query:function(t,r,i){const c=ht(e,t,r,((t,e)=>{o(),i&&i(t,e)}));return n.push(c),c},find:function(t){return n.find((e=>t(e)))||null},setIndex:t=>{e.index=t},getIndex:()=>e.index,cleanup:o};return r}function mt(){}const yt=Object.create(null);function bt(t,e,n){let o,r;if(\"string\"==typeof t){const e=nt(t);if(!e)return n(void 0,424),mt;r=e.send;const i=function(t){if(!yt[t]){const e=at(t);if(!e)return;const n={config:e,redundancy:gt(e)};yt[t]=n}return yt[t]}(t);i&&(o=i.redundancy)}else{const e=ot(t);if(e){o=gt(e);const n=nt(t.resources?t.resources[0]:\"\");n&&(r=n.send)}}return o&&r?o.query(e,r,n)().abort:(n(void 0,424),mt)}function vt(t,e){function n(n){let o;if(!N[n]||!(o=W(n)))return;const r=z[n];let i;if(r.size)r.delete(i=Array.from(r).shift());else if(i=B(o),!J(o,i+1))return;const c={cached:Math.floor(Date.now()/H),provider:t.provider,data:e};return Q(o,R+i.toString(),JSON.stringify(c))}_||Y(),e.lastModified&&!function(t,e){const n=t.lastModifiedCached;if(n&&n>=e)return n===e;if(t.lastModifiedCached=e,n)for(const n in N)X(n,(n=>{const o=n.data;return n.provider!==t.provider||o.prefix!==t.prefix||o.lastModified===e}));return!0}(t,e.lastModified)||Object.keys(e.icons).length&&(e.not_found&&delete(e=Object.assign({},e)).not_found,n(\"local\")||n(\"session\"))}function xt(){}function wt(t){t.iconsLoaderFlag||(t.iconsLoaderFlag=!0,setTimeout((()=>{t.iconsLoaderFlag=!1,function(t){t.pendingCallbacksFlag||(t.pendingCallbacksFlag=!0,setTimeout((()=>{t.pendingCallbacksFlag=!1;const e=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!e.length)return;let n=!1;const o=t.provider,r=t.prefix;e.forEach((e=>{const i=e.icons,c=i.pending.length;i.pending=i.pending.filter((e=>{if(e.prefix!==r)return!0;const c=e.name;if(t.icons[c])i.loaded.push({provider:o,prefix:r,name:c});else{if(!t.missing.has(c))return n=!0,!0;i.missing.push({provider:o,prefix:r,name:c})}return!1})),i.pending.length!==c&&(n||lt([t],e.id),e.callback(i.loaded.slice(0),i.missing.slice(0),i.pending.slice(0),e.abort))}))})))}(t)})))}const St=t=>{const e=g(t.provider,t.prefix).pendingIcons;return!(!e||!e.has(t.name))},jt=(t,e)=>{var n;const o=function(t){const e={loaded:[],missing:[],pending:[]},n=Object.create(null);t.sort(((t,e)=>t.provider!==e.provider?t.provider.localeCompare(e.provider):t.prefix!==e.prefix?t.prefix.localeCompare(e.prefix):t.name.localeCompare(e.name)));let o={provider:\"\",prefix:\"\",name:\"\"};return t.forEach((t=>{if(o.name===t.name&&o.prefix===t.prefix&&o.provider===t.provider)return;o=t;const r=t.provider,i=t.prefix,c=t.name,s=n[r]||(n[r]=Object.create(null)),a=s[i]||(s[i]=g(r,i));let u;u=c in a.icons?e.loaded:\"\"===i||a.missing.has(c)?e.missing:e.pending;const f={provider:r,prefix:i,name:c};u.push(f)})),e}(function(t,e=!0,n=!1){const o=[];return t.forEach((t=>{const r=\"string\"==typeof t?u(t,e,n):t;r&&o.push(r)})),o}(t,!0,(\"boolean\"==typeof n&&(b=n),b)));if(!o.pending.length){let t=!0;return e&&setTimeout((()=>{t&&e(o.loaded,o.missing,o.pending,xt)})),()=>{t=!1}}const r=Object.create(null),i=[];let c,s;return o.pending.forEach((t=>{const{provider:e,prefix:n}=t;if(n===s&&e===c)return;c=e,s=n,i.push(g(e,n));const o=r[e]||(r[e]=Object.create(null));o[n]||(o[n]=[])})),o.pending.forEach((t=>{const{provider:e,prefix:n,name:o}=t,i=g(e,n),c=i.pendingIcons||(i.pendingIcons=new Set);c.has(o)||(c.add(o),r[e][n].push(o))})),i.forEach((t=>{const{provider:e,prefix:n}=t;r[e][n].length&&function(t,e){t.iconsToLoad?t.iconsToLoad=t.iconsToLoad.concat(e).sort():t.iconsToLoad=e,t.iconsQueueFlag||(t.iconsQueueFlag=!0,setTimeout((()=>{t.iconsQueueFlag=!1;const{provider:e,prefix:n}=t,o=t.iconsToLoad;let r;delete t.iconsToLoad,o&&(r=nt(e))&&r.prepare(e,n,o).forEach((n=>{bt(e,n,(e=>{if(\"object\"!=typeof e)n.icons.forEach((e=>{t.missing.add(e)}));else try{const n=m(t,e);if(!n.length)return;const o=t.pendingIcons;o&&n.forEach((t=>{o.delete(t)})),vt(t,e)}catch(t){console.error(t)}wt(t)}))}))})))}(t,r[e][n])})),e?function(t,e,n){const o=dt++,r=lt.bind(null,n,o);if(!e.pending.length)return r;const i={id:o,icons:e,callback:t,abort:r};return n.forEach((t=>{(t.loaderCallbacks||(t.loaderCallbacks=[])).push(i)})),r}(e,o,i):xt},Et=t=>new Promise(((e,n)=>{const r=\"string\"==typeof t?u(t,!0):t;r?jt([r||t],(i=>{if(i.length&&r){const t=v(r);if(t)return void e({...o,...t})}n(t)})):n(t)}));function It(t,e){const n={...t};for(const t in e){const o=e[t],r=typeof o;t in E?(null===o||o&&(\"string\"===r||\"number\"===r))&&(n[t]=o):r===typeof n[t]&&(n[t]=\"rotate\"===t?o%4:o)}return n}const Ot={...I,inline:!1},kt=\"iconify\",Ct=\"iconify-inline\",Mt=\"iconifyData\"+Date.now();let Tt=[];function Lt(t){for(let e=0;e<Tt.length;e++){const n=Tt[e];if((\"function\"==typeof n.node?n.node():n.node)===t)return n}}function At(t,e=!1){let n=Lt(t);return n?(n.temporary&&(n.temporary=e),n):(n={node:t,temporary:e},Tt.push(n),n)}function Ft(){return Tt}let Pt=null;const Nt={childList:!0,subtree:!0,attributes:!0};function zt(t){if(!t.observer)return;const e=t.observer;e.pendingScan||(e.pendingScan=setTimeout((()=>{delete e.pendingScan,Pt&&Pt(t)})))}function _t(t,e){if(!t.observer)return;const n=t.observer;if(!n.pendingScan)for(let o=0;o<e.length;o++){const r=e[o];if(r.addedNodes&&r.addedNodes.length>0||\"attributes\"===r.type&&void 0!==r.target[Mt])return void(n.paused||zt(t))}}function Dt(t,e){t.observer.instance.observe(e,Nt)}function Rt(t){let e=t.observer;if(e&&e.instance)return;const n=\"function\"==typeof t.node?t.node():t.node;n&&window&&(e||(e={paused:0},t.observer=e),e.instance=new window.MutationObserver(_t.bind(null,t)),Dt(t,n),e.paused||zt(t))}function $t(){Ft().forEach(Rt)}function qt(t){if(!t.observer)return;const e=t.observer;e.pendingScan&&(clearTimeout(e.pendingScan),delete e.pendingScan),e.instance&&(e.instance.disconnect(),delete e.instance)}function Ht(t){const e=null!==Pt;Pt!==t&&(Pt=t,e&&Ft().forEach(qt)),e?$t():function(t){const e=document;e.readyState&&\"loading\"!==e.readyState?t():e.addEventListener(\"DOMContentLoaded\",t)}($t)}function Ut(t){(t?[t]:Ft()).forEach((t=>{if(!t.observer)return void(t.observer={paused:1});const e=t.observer;if(e.paused++,e.paused>1||!e.instance)return;e.instance.disconnect()}))}function Vt(t){if(t){const e=Lt(t);e&&Ut(e)}else Ut()}function Qt(t){(t?[t]:Ft()).forEach((t=>{if(!t.observer)return void Rt(t);const e=t.observer;if(e.paused&&(e.paused--,!e.paused)){const n=\"function\"==typeof t.node?t.node():t.node;if(!n)return;e.instance?Dt(t,n):Rt(t)}}))}function Gt(t){if(t){const e=Lt(t);e&&Qt(e)}else Qt()}function Jt(t,e=!1){const n=At(t,e);return Rt(n),n}function Bt(t){const e=Lt(t);e&&(qt(e),function(t){Tt=Tt.filter((e=>t!==e&&t!==(\"function\"==typeof e.node?e.node():e.node)))}(t))}const Kt=/[\\s,]+/;const Wt=[\"width\",\"height\"],Xt=[\"inline\",\"hFlip\",\"vFlip\"];function Yt(t){const e=t.getAttribute(\"data-icon\"),n=\"string\"==typeof e&&u(e,!0);if(!n)return null;const o={...Ot,inline:t.classList&&t.classList.contains(Ct)};Wt.forEach((e=>{const n=t.getAttribute(\"data-\"+e);n&&(o[e]=n)}));const r=t.getAttribute(\"data-rotate\");\"string\"==typeof r&&(o.rotate=function(t,e=0){const n=t.replace(/^-?[0-9.]*/,\"\");function o(t){for(;t<0;)t+=4;return t%4}if(\"\"===n){const e=parseInt(t);return isNaN(e)?0:o(e)}if(n!==t){let e=0;switch(n){case\"%\":e=25;break;case\"deg\":e=90}if(e){let r=parseFloat(t.slice(0,t.length-n.length));return isNaN(r)?0:(r/=e,r%1==0?o(r):0)}}return e}(r));const i=t.getAttribute(\"data-flip\");\"string\"==typeof i&&function(t,e){e.split(Kt).forEach((e=>{switch(e.trim()){case\"horizontal\":t.hFlip=!0;break;case\"vertical\":t.vFlip=!0}}))}(o,i),Xt.forEach((e=>{const n=\"data-\"+e,r=function(t,e){return t===e||\"true\"===t||\"\"!==t&&\"false\"!==t&&null}(t.getAttribute(n),n);\"boolean\"==typeof r&&(o[e]=r)}));const c=t.getAttribute(\"data-mode\");return{name:e,icon:n,customisations:o,mode:c}}const Zt=\"svg.\"+kt+\", i.\"+kt+\", span.\"+kt+\", i.\"+Ct+\", span.\"+Ct;function te(t,e){let n=-1===t.indexOf(\"xlink:\")?\"\":' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';for(const t in e)n+=\" \"+t+'=\"'+e[t]+'\"';return'<svg xmlns=\"http://www.w3.org/2000/svg\"'+n+\">\"+t+\"</svg>\"}let ee;function ne(t){return void 0===ee&&function(){try{ee=window.trustedTypes.createPolicy(\"iconify\",{createHTML:t=>t})}catch(t){ee=null}}(),ee?ee.createHTML(t):t}function oe(t){const e=new Set([\"iconify\"]);return[\"provider\",\"prefix\"].forEach((n=>{t[n]&&e.add(\"iconify--\"+t[n])})),e}function re(t,e,n,o){const r=t.classList;if(o){const t=o.classList;Array.from(t).forEach((t=>{r.add(t)}))}const i=[];return e.forEach((t=>{r.contains(t)?n.has(t)&&i.push(t):(r.add(t),i.push(t))})),n.forEach((t=>{e.has(t)||r.remove(t)})),i}function ie(t,e,n){const o=t.style;(n||[]).forEach((t=>{o.removeProperty(t)}));const r=[];for(const t in e)o.getPropertyValue(t)||(r.push(t),o.setProperty(t,e[t]));return r}function ce(t,e,n){let o;try{o=document.createElement(\"span\")}catch(e){return t}const r=e.customisations,i=T(n,r),c=t[Mt],s=te(P(i.body),{\"aria-hidden\":\"true\",role:\"img\",...i.attributes});o.innerHTML=ne(s);const a=o.childNodes[0],u=t.attributes;for(let t=0;t<u.length;t++){const e=u.item(t),n=e.name;\"class\"===n||a.hasAttribute(n)||a.setAttribute(n,e.value)}const f=re(a,oe(e.icon),new Set(c&&c.addedClasses),t),l=ie(a,r.inline?{\"vertical-align\":\"-0.125em\"}:{},c&&c.addedStyles),d={...e,status:\"loaded\",addedClasses:f,addedStyles:l};return a[Mt]=d,t.parentNode&&t.parentNode.replaceChild(a,t),a}const se={display:\"inline-block\"},ae={\"background-color\":\"currentColor\"},ue={\"background-color\":\"transparent\"},fe={image:\"var(--svg)\",repeat:\"no-repeat\",size:\"100% 100%\"},le={\"-webkit-mask\":ae,mask:ae,background:ue};for(const t in le){const e=le[t];for(const n in fe)e[t+\"-\"+n]=fe[n]}function de(t){return t+(t.match(/^[-0-9.]+$/)?\"px\":\"\")}let pe=!1;function he(){pe||(pe=!0,setTimeout((()=>{pe&&(pe=!1,ge())})))}function ge(t,e=!1){const n=Object.create(null);function r(t,e){const{provider:o,prefix:r,name:i}=t,c=g(o,r),s=c.icons[i];if(s)return{status:\"loaded\",icon:s};if(c.missing.has(i))return{status:\"missing\"};if(e&&!St(t)){const t=n[o]||(n[o]=Object.create(null));(t[r]||(t[r]=new Set)).add(i)}return{status:\"loading\"}}(t?[t]:Ft()).forEach((t=>{const n=\"function\"==typeof t.node?t.node():t.node;if(!n||!n.querySelectorAll)return;let i=!1,c=!1;function s(e,n,r){if(c||(c=!0,Ut(t)),\"SVG\"!==e.tagName.toUpperCase()){const t=n.mode,i=\"mask\"===t||\"bg\"!==t&&(\"style\"===t?-1!==r.body.indexOf(\"currentColor\"):null);if(\"boolean\"==typeof i)return void function(t,e,n,o){const r=e.customisations,i=T(n,r),c=i.attributes,s=t[Mt],a=te(i.body,{...c,width:n.width+\"\",height:n.height+\"\"}),u=re(t,oe(e.icon),new Set(s&&s.addedClasses)),f={\"--svg\":'url(\"'+(l=a,\"data:image/svg+xml,\"+function(t){return t.replace(/\"/g,\"'\").replace(/%/g,\"%25\").replace(/#/g,\"%23\").replace(/</g,\"%3C\").replace(/>/g,\"%3E\").replace(/\\s+/g,\" \")}(l)+'\")'),width:de(c.width),height:de(c.height),...se,...o?ae:ue};var l;r.inline&&(f[\"vertical-align\"]=\"-0.125em\");const d=ie(t,f,s&&s.addedStyles),p={...e,status:\"loaded\",addedClasses:u,addedStyles:d};t[Mt]=p}(e,n,{...o,...r},i)}ce(e,n,r)}(function(t){const e=[];return t.querySelectorAll(Zt).forEach((t=>{const n=t[Mt]||\"svg\"!==t.tagName.toLowerCase()?Yt(t):null;n&&e.push({node:t,props:n})})),e})(n).forEach((({node:t,props:e})=>{const n=t[Mt];if(!n){const{status:n,icon:o}=r(e.icon,!0);return o?void s(t,e,o):(i=i||\"loading\"===n,void(t[Mt]={...e,status:n}))}let o;if(function(t,e){if(t.name!==e.name||t.mode!==e.mode)return!0;const n=t.customisations,o=e.customisations;for(const t in Ot)if(n[t]!==o[t])return!0;return!1}(n,e)){if(o=r(e.icon,n.name!==e.name),!o.icon)return i=i||\"loading\"===o.status,void Object.assign(n,{...e,status:o.status})}else{if(\"loading\"!==n.status)return;if(o=r(e.icon,!1),!o.icon)return void(n.status=o.status)}s(t,e,o.icon)})),t.temporary&&!i?Bt(n):e&&i?Jt(n,!0):c&&t.observer&&Qt(t)}));for(const t in n){const e=n[t];for(const n in e){const o=e[n];jt(Array.from(o).map((e=>({provider:t,prefix:n,name:e}))),he)}}}function me(t,e,n=!1){const o=v(t);if(!o)return null;const r=u(t),i=It(Ot,e||{}),c=ce(document.createElement(\"span\"),{name:t,icon:r,customisations:i},o);return n?c.outerHTML:c}function ye(){return\"3.1.1\"}function be(t,e){return me(t,e,!1)}function ve(t,e){return me(t,e,!0)}function xe(t,e){const n=v(t);if(!n)return null;return T(n,It(Ot,e||{}))}function we(t){t?function(t){const e=Lt(t);e?ge(e):ge({node:t,temporary:!0},!0)}(t):ge()}if(\"undefined\"!=typeof document&&\"undefined\"!=typeof window){!function(){if(document.documentElement)return At(document.documentElement);Tt.push({node:()=>document.documentElement})}();const t=window;if(void 0!==t.IconifyPreload){const e=t.IconifyPreload,n=\"Invalid IconifyPreload syntax.\";\"object\"==typeof e&&null!==e&&(e instanceof Array?e:[e]).forEach((t=>{try{(\"object\"!=typeof t||null===t||t instanceof Array||\"object\"!=typeof t.icons||\"string\"!=typeof t.prefix||!w(t))&&console.error(n)}catch(t){console.error(n)}}))}setTimeout((()=>{Ht(ge),ge()}))}function Se(t,e){Z(t,!1!==e)}function je(t){Z(t,!0)}if(et(\"\",ft),\"undefined\"!=typeof document&&\"undefined\"!=typeof window){Y();const t=window;if(void 0!==t.IconifyProviders){const e=t.IconifyProviders;if(\"object\"==typeof e&&null!==e)for(const t in e){const n=\"IconifyProviders[\"+t+\"] is invalid.\";try{const o=e[t];if(\"object\"!=typeof o||!o||void 0===o.resources)continue;st(t,o)||console.error(n)}catch(t){console.error(n)}}}}const Ee={getAPIConfig:at,setAPIModule:et,sendAPIQuery:bt,setFetch:function(t){ut=t},getFetch:function(){return ut},listAPIProviders:function(){return Object.keys(rt)}},Ie={_api:Ee,addAPIProvider:st,loadIcons:jt,loadIcon:Et,iconExists:S,getIcon:j,listIcons:y,addIcon:x,addCollection:w,replaceIDs:P,calculateSize:C,buildIcon:T,getVersion:ye,renderSVG:be,renderHTML:ve,renderIcon:xe,scan:we,observe:Jt,stopObserving:Bt,pauseObserver:Vt,resumeObserver:Gt,enableCache:Se,disableCache:je};return t._api=Ee,t.addAPIProvider=st,t.addCollection=w,t.addIcon=x,t.buildIcon=T,t.calculateSize=C,t.default=Ie,t.disableCache=je,t.enableCache=Se,t.getIcon=j,t.getVersion=ye,t.iconExists=S,t.listIcons=y,t.loadIcon=Et,t.loadIcons=jt,t.observe=Jt,t.pauseObserver=Vt,t.renderHTML=ve,t.renderIcon=xe,t.renderSVG=be,t.replaceIDs=P,t.resumeObserver=Gt,t.scan=we,t.stopObserving=Bt,Object.defineProperty(t,\"__esModule\",{value:!0}),t}({});if(\"object\"==typeof exports)try{for(var key in exports.__esModule=!0,exports.default=Iconify,Iconify)exports[key]=Iconify[key]}catch(t){}try{void 0===self.Iconify&&(self.Iconify=Iconify)}catch(t){}\n",[],[265,546,556],"13b91892-9763-11f0-9dc3-0224a6c84d84","alpine.min.js","13b91932-9763-11f0-9dc3-0224a6c84d84",205,["D",1758511223686],"(()=>{var nt=!1,it=!1,W=[],ot=-1;function Ut(e){Rn(e)}function Rn(e){W.includes(e)||W.push(e),Mn()}function Wt(e){let t=W.indexOf(e);t!==-1&&t>ot&&W.splice(t,1)}function Mn(){!it&&!nt&&(nt=!0,queueMicrotask(Nn))}function Nn(){nt=!1,it=!0;for(let e=0;e<W.length;e++)W[e](),ot=e;W.length=0,ot=-1,it=!1}var T,N,$,at,st=!0;function Gt(e){st=!1,e(),st=!0}function Jt(e){T=e.reactive,$=e.release,N=t=>e.effect(t,{scheduler:r=>{st?Ut(r):r()}}),at=e.raw}function ct(e){N=e}function Yt(e){let t=()=>{};return[n=>{let i=N(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),$(i))},i},()=>{t()}]}function ve(e,t){let r=!0,n,i=N(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>$(i)}var Xt=[],Zt=[],Qt=[];function er(e){Qt.push(e)}function te(e,t){typeof t==\"function\"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Zt.push(t))}function Ae(e){Xt.push(e)}function Oe(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function lt(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function tr(e){for(e._x_effects?.forEach(Wt);e._x_cleanups?.length;)e._x_cleanups.pop()()}var ut=new MutationObserver(mt),ft=!1;function ue(){ut.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ft=!0}function dt(){kn(),ut.disconnect(),ft=!1}var le=[];function kn(){let e=ut.takeRecords();le.push(()=>e.length>0&&mt(e));let t=le.length;queueMicrotask(()=>{if(le.length===t)for(;le.length>0;)le.shift()()})}function m(e){if(!ft)return e();dt();let t=e();return ue(),t}var pt=!1,Se=[];function rr(){pt=!0}function nr(){pt=!1,mt(Se),Se=[]}function mt(e){if(pt){Se=Se.concat(e);return}let t=[],r=new Set,n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type===\"childList\"&&(e[o].removedNodes.forEach(s=>{s.nodeType===1&&s._x_marker&&r.add(s)}),e[o].addedNodes.forEach(s=>{if(s.nodeType===1){if(r.has(s)){r.delete(s);return}s._x_marker||t.push(s)}})),e[o].type===\"attributes\")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{lt(s,o)}),n.forEach((o,s)=>{Xt.forEach(a=>a(s,o))});for(let o of r)t.some(s=>s.contains(o))||Zt.forEach(s=>s(o));for(let o of t)o.isConnected&&Qt.forEach(s=>s(o));t=null,r=null,n=null,i=null}function Ce(e){return z(B(e))}function k(e,t,r){return e._x_dataStack=[t,...B(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function B(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot==\"function\"&&e instanceof ShadowRoot?B(e.host):e.parentNode?B(e.parentNode):[]}function z(e){return new Proxy({objects:e},Dn)}var Dn={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t==\"toJSON\"?Pn:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Pn(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Te(e){let t=n=>typeof n==\"object\"&&!Array.isArray(n)&&n!==null,r=(n,i=\"\")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0||typeof s==\"object\"&&s!==null&&s.__v_skip)return;let c=i===\"\"?o:`${i}.${o}`;typeof s==\"object\"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Re(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>In(n,i),s=>ht(n,i,s),i,o)}};return t(r),n=>{if(typeof n==\"object\"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function In(e,t){return t.split(\".\").reduce((r,n)=>r[n],e)}function ht(e,t,r){if(typeof t==\"string\"&&(t=t.split(\".\")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),ht(e[t[0]],t.slice(1),r)}}var ir={};function y(e,t){ir[e]=t}function fe(e,t){let r=Ln(t);return Object.entries(ir).forEach(([n,i])=>{Object.defineProperty(e,`$${n}`,{get(){return i(t,r)},enumerable:!1})}),e}function Ln(e){let[t,r]=_t(e),n={interceptor:Re,...t};return te(e,r),n}function or(e,t,r,...n){try{return r(...n)}catch(i){re(i,e,t)}}function re(e,t,r=void 0){e=Object.assign(e??{message:\"No error message given.\"},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}\n\n${r?'Expression: \"'+r+`\"\n\n`:\"\"}`,t),setTimeout(()=>{throw e},0)}var Me=!0;function ke(e){let t=Me;Me=!1;let r=e();return Me=t,r}function R(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return sr(...e)}var sr=xt;function ar(e){sr=e}function xt(e,t){let r={};fe(r,e);let n=[r,...B(e)],i=typeof t==\"function\"?$n(n,t):Fn(n,t,e);return or.bind(null,e,t,i)}function $n(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(z([n,...e]),i);Ne(r,o)}}var gt={};function jn(e,t){if(gt[e])return gt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\\n\\s]*if.*\$.*\$/.test(e.trim())||/^(let|const)\\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let s=new r([\"__self\",\"scope\"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,\"name\",{value:`[Alpine] ${e}`}),s}catch(s){return re(s,t,e),Promise.resolve()}})();return gt[e]=o,o}function Fn(e,t,r){let n=jn(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=z([o,...e]);if(typeof n==\"function\"){let c=n(n,a).catch(l=>re(l,r,t));n.finished?(Ne(i,n.result,a,s,r),n.result=void 0):c.then(l=>{Ne(i,l,a,s,r)}).catch(l=>re(l,r,t)).finally(()=>n.result=void 0)}}}function Ne(e,t,r,n,i){if(Me&&typeof t==\"function\"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ne(e,s,r,n)).catch(s=>re(s,i,t)):e(o)}else typeof t==\"object\"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var wt=\"x-\";function C(e=\"\"){return wt+e}function cr(e){wt=e}var De={};function d(e,t){return De[e]=t,{before(r){if(!De[r]){console.warn(String.raw`Cannot find directive \\`${r}\\`. \\`${e}\\` will use the default order of execution`);return}let n=G.indexOf(r);G.splice(n>=0?n:G.indexOf(\"DEFAULT\"),0,e)}}}function lr(e){return Object.keys(De).includes(e)}function pe(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=Et(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`\"${a.value}\"`}:a),t=t.concat(o)}let n={};return t.map(dr((o,s)=>n[o]=s)).filter(mr).map(zn(n,r)).sort(Kn).map(o=>Bn(e,o))}function Et(e){return Array.from(e).map(dr()).filter(t=>!mr(t))}var yt=!1,de=new Map,ur=Symbol();function fr(e){yt=!0;let t=Symbol();ur=t,de.set(t,[]);let r=()=>{for(;de.get(t).length;)de.get(t).shift()();de.delete(t)},n=()=>{yt=!1,r()};e(r),n()}function _t(e){let t=[],r=a=>t.push(a),[n,i]=Yt(e);return t.push(i),[{Alpine:K,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:R.bind(R,e)},()=>t.forEach(a=>a())]}function Bn(e,t){let r=()=>{},n=De[t.type]||r,[i,o]=_t(e);Oe(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),yt?de.get(ur).push(n):n())};return s.runCleanups=o,s}var Pe=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Ie=e=>e;function dr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=pr.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var pr=[];function ne(e){pr.push(e)}function mr({name:e}){return hr().test(e)}var hr=()=>new RegExp(`^${wt}([^:^.]+)\\\\b`);function zn(e,t){return({name:r,value:n})=>{let i=r.match(hr()),o=r.match(/:([a-zA-Z0-9\\-_:]+)/),s=r.match(/\\.[^.\\]]+(?=[^\\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(\".\",\"\")),expression:n,original:a}}}var bt=\"DEFAULT\",G=[\"ignore\",\"ref\",\"data\",\"id\",\"anchor\",\"bind\",\"init\",\"for\",\"model\",\"modelable\",\"transition\",\"show\",\"if\",bt,\"teleport\"];function Kn(e,t){let r=G.indexOf(e.type)===-1?bt:e.type,n=G.indexOf(t.type)===-1?bt:t.type;return G.indexOf(r)-G.indexOf(n)}function J(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function D(e,t){if(typeof ShadowRoot==\"function\"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>D(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)D(n,t,!1),n=n.nextElementSibling}function E(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var _r=!1;function gr(){_r&&E(\"Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems.\"),_r=!0,document.body||E(\"Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?\"),J(document,\"alpine:init\"),J(document,\"alpine:initializing\"),ue(),er(t=>S(t,D)),te(t=>P(t)),Ae((t,r)=>{pe(t,r).forEach(n=>n())});let e=t=>!Y(t.parentElement,!0);Array.from(document.querySelectorAll(br().join(\",\"))).filter(e).forEach(t=>{S(t)}),J(document,\"alpine:initialized\"),setTimeout(()=>{Vn()})}var vt=[],xr=[];function yr(){return vt.map(e=>e())}function br(){return vt.concat(xr).map(e=>e())}function Le(e){vt.push(e)}function $e(e){xr.push(e)}function Y(e,t=!1){return j(e,r=>{if((t?br():yr()).some(i=>r.matches(i)))return!0})}function j(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return j(e.parentElement,t)}}function wr(e){return yr().some(t=>e.matches(t))}var Er=[];function vr(e){Er.push(e)}var Hn=1;function S(e,t=D,r=()=>{}){j(e,n=>n._x_ignore)||fr(()=>{t(e,(n,i)=>{n._x_marker||(r(n,i),Er.forEach(o=>o(n,i)),pe(n,n.attributes).forEach(o=>o()),n._x_ignore||(n._x_marker=Hn++),n._x_ignore&&i())})})}function P(e,t=D){t(e,r=>{tr(r),lt(r),delete r._x_marker})}function Vn(){[[\"ui\",\"dialog\",[\"[x-dialog], [x-popover]\"]],[\"anchor\",\"anchor\",[\"[x-anchor]\"]],[\"sort\",\"sort\",[\"[x-sort]\"]]].forEach(([t,r,n])=>{lr(r)||n.some(i=>{if(document.querySelector(i))return E(`found \"${i}\", but missing ${t} plugin`),!0})})}var St=[],At=!1;function ie(e=()=>{}){return queueMicrotask(()=>{At||setTimeout(()=>{je()})}),new Promise(t=>{St.push(()=>{e(),t()})})}function je(){for(At=!1;St.length;)St.shift()()}function Sr(){At=!0}function me(e,t){return Array.isArray(t)?Ar(e,t.join(\" \")):typeof t==\"object\"&&t!==null?qn(e,t):typeof t==\"function\"?me(e,t()):Ar(e,t)}function Ar(e,t){let r=o=>o.split(\" \").filter(Boolean),n=o=>o.split(\" \").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t=\"\":t||\"\",i(n(t))}function qn(e,t){let r=a=>a.split(\" \").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function X(e,t){return typeof t==\"object\"&&t!==null?Un(e,t):Wn(e,t)}function Un(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith(\"--\")||(n=Gn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute(\"style\")}),()=>{X(e,r)}}function Wn(e,t){let r=e.getAttribute(\"style\",t);return e.setAttribute(\"style\",t),()=>{e.setAttribute(\"style\",r||\"\")}}function Gn(e){return e.replace(/([a-z])([A-Z])/g,\"$1-$2\").toLowerCase()}function he(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d(\"transition\",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n==\"function\"&&(n=i(n)),n!==!1&&(!n||typeof n==\"boolean\"?Yn(e,r,t):Jn(e,n,t))});function Jn(e,t,r){Or(e,me,\"\"),{enter:i=>{e._x_transition.enter.during=i},\"enter-start\":i=>{e._x_transition.enter.start=i},\"enter-end\":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},\"leave-start\":i=>{e._x_transition.leave.start=i},\"leave-end\":i=>{e._x_transition.leave.end=i}}[r](t)}function Yn(e,t,r){Or(e,X);let n=!t.includes(\"in\")&&!t.includes(\"out\")&&!r,i=n||t.includes(\"in\")||[\"enter\"].includes(r),o=n||t.includes(\"out\")||[\"leave\"].includes(r);t.includes(\"in\")&&!n&&(t=t.filter((g,b)=>b<t.indexOf(\"out\"))),t.includes(\"out\")&&!n&&(t=t.filter((g,b)=>b>t.indexOf(\"out\")));let s=!t.includes(\"opacity\")&&!t.includes(\"scale\"),a=s||t.includes(\"opacity\"),c=s||t.includes(\"scale\"),l=a?0:1,u=c?_e(t,\"scale\",95)/100:1,p=_e(t,\"delay\",0)/1e3,h=_e(t,\"origin\",\"center\"),w=\"opacity, transform\",F=_e(t,\"duration\",150)/1e3,Ee=_e(t,\"duration\",75)/1e3,f=\"cubic-bezier(0.4, 0.0, 0.2, 1)\";i&&(e._x_transition.enter.during={transformOrigin:h,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${F}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:\"scale(1)\"}),o&&(e._x_transition.leave.during={transformOrigin:h,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${Ee}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:\"scale(1)\"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function Or(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Fe(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Fe(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState===\"visible\"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=Cr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u?.());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function Cr(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Cr(t)}function Fe(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;Xn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function Xn(e,t){let r,n,i,o=he(()=>{m(()=>{r=!0,n||t.before(),i||(t.end(),je()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:he(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},m(()=>{t.start(),t.during()}),Sr(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,\"\").replace(\"s\",\"\"))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,\"\").replace(\"s\",\"\"))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace(\"s\",\"\"))*1e3),m(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{t.end()}),je(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function _e(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t===\"scale\"&&isNaN(n))return r;if(t===\"duration\"||t===\"delay\"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t===\"origin\"&&[\"top\",\"right\",\"left\",\"center\",\"bottom\"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(\" \"):n}var I=!1;function A(e,t=()=>{}){return(...r)=>I?t(...r):e(...r)}function Tr(e){return(...t)=>I&&e(...t)}var Rr=[];function H(e){Rr.push(e)}function Mr(e,t){Rr.forEach(r=>r(e,t)),I=!0,kr(()=>{S(t,(r,n)=>{n(r,()=>{})})}),I=!1}var Be=!1;function Nr(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),I=!0,Be=!0,kr(()=>{Zn(t)}),I=!1,Be=!1}function Zn(e){let t=!1;S(e,(n,i)=>{D(n,(o,s)=>{if(t&&wr(o))return s();t=!0,i(o,s)})})}function kr(e){let t=N;ct((r,n)=>{let i=t(r);return $(i),()=>{}}),e(),ct(t)}function ge(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=T({})),e._x_bindings[t]=r,t=n.includes(\"camel\")?si(t):t,t){case\"value\":Qn(e,r);break;case\"style\":ti(e,r);break;case\"class\":ei(e,r);break;case\"selected\":case\"checked\":ri(e,t,r);break;default:Pr(e,t,r);break}}function Qn(e,t){if(Ot(e))e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t==\"boolean\"?e.checked=xe(e.value)===t:e.checked=Dr(e.value,t));else if(ze(e))Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!=\"boolean\"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Dr(r,e.value)):e.checked=!!t;else if(e.tagName===\"SELECT\")oi(e,t);else{if(e.value===t)return;e.value=t===void 0?\"\":t}}function ei(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=me(e,t)}function ti(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=X(e,t)}function ri(e,t,r){Pr(e,t,r),ii(e,t,r)}function Pr(e,t,r){[null,void 0,!1].includes(r)&&ci(t)?e.removeAttribute(t):(Ir(t)&&(r=t),ni(e,t,r))}function ni(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function ii(e,t,r){e[t]!==r&&(e[t]=r)}function oi(e,t){let r=[].concat(t).map(n=>n+\"\");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function si(e){return e.toLowerCase().replace(/-(\\w)/g,(t,r)=>r.toUpperCase())}function Dr(e,t){return e==t}function xe(e){return[1,\"1\",\"true\",\"on\",\"yes\",!0].includes(e)?!0:[0,\"0\",\"false\",\"off\",\"no\",!1].includes(e)?!1:e?Boolean(e):null}var ai=new Set([\"allowfullscreen\",\"async\",\"autofocus\",\"autoplay\",\"checked\",\"controls\",\"default\",\"defer\",\"disabled\",\"formnovalidate\",\"inert\",\"ismap\",\"itemscope\",\"loop\",\"multiple\",\"muted\",\"nomodule\",\"novalidate\",\"open\",\"playsinline\",\"readonly\",\"required\",\"reversed\",\"selected\",\"shadowrootclonable\",\"shadowrootdelegatesfocus\",\"shadowrootserializable\"]);function Ir(e){return ai.has(e)}function ci(e){return![\"aria-pressed\",\"aria-checked\",\"aria-expanded\",\"aria-selected\"].includes(e)}function Lr(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:jr(e,t,r)}function $r(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,ke(()=>R(e,i.expression))}return jr(e,t,r)}function jr(e,t,r){let n=e.getAttribute(t);return n===null?typeof r==\"function\"?r():r:n===\"\"?!0:Ir(t)?!![t,\"true\"].includes(n):n}function ze(e){return e.type===\"checkbox\"||e.localName===\"ui-checkbox\"||e.localName===\"ui-switch\"}function Ot(e){return e.type===\"radio\"||e.localName===\"ui-radio\"}function Ke(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function He(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Ve({get:e,set:t},{get:r,set:n}){let i=!0,o,s,a=N(()=>{let c=e(),l=r();if(i)n(Ct(c)),i=!1;else{let u=JSON.stringify(c),p=JSON.stringify(l);u!==o?n(Ct(c)):u!==p&&t(Ct(l))}o=JSON.stringify(e()),s=JSON.stringify(r())});return()=>{$(a)}}function Ct(e){return typeof e==\"object\"?JSON.parse(JSON.stringify(e)):e}function Fr(e){(Array.isArray(e)?e:[e]).forEach(r=>r(K))}var Z={},Br=!1;function zr(e,t){if(Br||(Z=T(Z),Br=!0),t===void 0)return Z[e];Z[e]=t,Te(Z[e]),typeof t==\"object\"&&t!==null&&t.hasOwnProperty(\"init\")&&typeof t.init==\"function\"&&Z[e].init()}function Kr(){return Z}var Hr={};function Vr(e,t){let r=typeof t!=\"function\"?()=>t:t;return e instanceof Element?Tt(e,r()):(Hr[e]=r,()=>{})}function qr(e){return Object.entries(Hr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function Tt(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=Et(i);return i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`\"${s.value}\"`}:s),pe(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Ur={};function Wr(e,t){Ur[e]=t}function Gr(e,t){return Object.entries(Ur).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var li={get reactive(){return T},get release(){return $},get effect(){return N},get raw(){return at},version:\"3.14.9\",flushAndStopDeferringMutations:nr,dontAutoEvaluateFunctions:ke,disableEffectScheduling:Gt,startObservingMutations:ue,stopObservingMutations:dt,setReactivityEngine:Jt,onAttributeRemoved:Oe,onAttributesAdded:Ae,closestDataStack:B,skipDuringClone:A,onlyDuringClone:Tr,addRootSelector:Le,addInitSelector:$e,interceptClone:H,addScopeToNode:k,deferMutations:rr,mapAttributes:ne,evaluateLater:x,interceptInit:vr,setEvaluator:ar,mergeProxies:z,extractProp:$r,findClosest:j,onElRemoved:te,closestRoot:Y,destroyTree:P,interceptor:Re,transition:Fe,setStyles:X,mutateDom:m,directive:d,entangle:Ve,throttle:He,debounce:Ke,evaluate:R,initTree:S,nextTick:ie,prefixed:C,prefix:cr,plugin:Fr,magic:y,store:zr,start:gr,clone:Nr,cloneNode:Mr,bound:Lr,$data:Ce,watch:ve,walk:D,data:Wr,bind:Vr},K=li;function Rt(e,t){let r=Object.create(null),n=e.split(\",\");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ui=\"itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly\";var Ls=Rt(ui+\",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected\");var Jr=Object.freeze({}),$s=Object.freeze([]);var fi=Object.prototype.hasOwnProperty,ye=(e,t)=>fi.call(e,t),V=Array.isArray,oe=e=>Yr(e)===\"[object Map]\";var di=e=>typeof e==\"string\",qe=e=>typeof e==\"symbol\",be=e=>e!==null&&typeof e==\"object\";var pi=Object.prototype.toString,Yr=e=>pi.call(e),Mt=e=>Yr(e).slice(8,-1);var Ue=e=>di(e)&&e!==\"NaN\"&&e[0]!==\"-\"&&\"\"+parseInt(e,10)===e;var We=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},mi=/-(\\w)/g,js=We(e=>e.replace(mi,(t,r)=>r?r.toUpperCase():\"\")),hi=/\\B([A-Z])/g,Fs=We(e=>e.replace(hi,\"-$1\").toLowerCase()),Nt=We(e=>e.charAt(0).toUpperCase()+e.slice(1)),Bs=We(e=>e?`on${Nt(e)}`:\"\"),kt=(e,t)=>e!==t&&(e===e||t===t);var Dt=new WeakMap,we=[],L,Q=Symbol(\"iterate\"),Pt=Symbol(\"Map key iterate\");function _i(e){return e&&e._isEffect===!0}function rn(e,t=Jr){_i(e)&&(e=e.raw);let r=xi(e,t);return t.lazy||r(),r}function nn(e){e.active&&(on(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var gi=0;function xi(e,t){let r=function(){if(!r.active)return e();if(!we.includes(r)){on(r);try{return bi(),we.push(r),L=r,e()}finally{we.pop(),sn(),L=we[we.length-1]}}};return r.id=gi++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function on(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var se=!0,Lt=[];function yi(){Lt.push(se),se=!1}function bi(){Lt.push(se),se=!0}function sn(){let e=Lt.pop();se=e===void 0?!0:e}function M(e,t,r){if(!se||L===void 0)return;let n=Dt.get(e);n||Dt.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(L)||(i.add(L),L.deps.push(i),L.options.onTrack&&L.options.onTrack({effect:L,target:e,type:t,key:r}))}function U(e,t,r,n,i,o){let s=Dt.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==L||p.allowRecurse)&&a.add(p)})};if(t===\"clear\")s.forEach(c);else if(r===\"length\"&&V(e))s.forEach((u,p)=>{(p===\"length\"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case\"add\":V(e)?Ue(r)&&c(s.get(\"length\")):(c(s.get(Q)),oe(e)&&c(s.get(Pt)));break;case\"delete\":V(e)||(c(s.get(Q)),oe(e)&&c(s.get(Pt)));break;case\"set\":oe(e)&&c(s.get(Q));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var wi=Rt(\"__proto__,__v_isRef,__isVue\"),an=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(qe)),Ei=cn();var vi=cn(!0);var Xr=Si();function Si(){let e={};return[\"includes\",\"indexOf\",\"lastIndexOf\"].forEach(t=>{e[t]=function(...r){let n=_(this);for(let o=0,s=this.length;o<s;o++)M(n,\"get\",o+\"\");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(_)):i}}),[\"push\",\"pop\",\"shift\",\"unshift\",\"splice\"].forEach(t=>{e[t]=function(...r){yi();let n=_(this)[t].apply(this,r);return sn(),n}}),e}function cn(e=!1,t=!1){return function(n,i,o){if(i===\"__v_isReactive\")return!e;if(i===\"__v_isReadonly\")return e;if(i===\"__v_raw\"&&o===(e?t?Bi:dn:t?Fi:fn).get(n))return n;let s=V(n);if(!e&&s&&ye(Xr,i))return Reflect.get(Xr,i,o);let a=Reflect.get(n,i,o);return(qe(i)?an.has(i):wi(i))||(e||M(n,\"get\",i),t)?a:It(a)?!s||!Ue(i)?a.value:a:be(a)?e?pn(a):et(a):a}}var Ai=Oi();function Oi(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=_(i),s=_(s),!V(r)&&It(s)&&!It(i)))return s.value=i,!0;let a=V(r)&&Ue(n)?Number(n)<r.length:ye(r,n),c=Reflect.set(r,n,i,o);return r===_(o)&&(a?kt(i,s)&&U(r,\"set\",n,i,s):U(r,\"add\",n,i)),c}}function Ci(e,t){let r=ye(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&U(e,\"delete\",t,void 0,n),i}function Ti(e,t){let r=Reflect.has(e,t);return(!qe(t)||!an.has(t))&&M(e,\"has\",t),r}function Ri(e){return M(e,\"iterate\",V(e)?\"length\":Q),Reflect.ownKeys(e)}var Mi={get:Ei,set:Ai,deleteProperty:Ci,has:Ti,ownKeys:Ri},Ni={get:vi,set(e,t){return console.warn(`Set operation on key \"${String(t)}\" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key \"${String(t)}\" failed: target is readonly.`,e),!0}};var $t=e=>be(e)?et(e):e,jt=e=>be(e)?pn(e):e,Ft=e=>e,Qe=e=>Reflect.getPrototypeOf(e);function Ge(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),o=_(t);t!==o&&!r&&M(i,\"get\",t),!r&&M(i,\"get\",o);let{has:s}=Qe(i),a=n?Ft:r?jt:$t;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function Je(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&M(n,\"has\",e),!t&&M(n,\"has\",i),e===i?r.has(e):r.has(e)||r.has(i)}function Ye(e,t=!1){return e=e.__v_raw,!t&&M(_(e),\"iterate\",Q),Reflect.get(e,\"size\",e)}function Zr(e){e=_(e);let t=_(this);return Qe(t).has.call(t,e)||(t.add(e),U(t,\"add\",e,e)),this}function Qr(e,t){t=_(t);let r=_(this),{has:n,get:i}=Qe(r),o=n.call(r,e);o?un(r,n,e):(e=_(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?kt(t,s)&&U(r,\"set\",e,t,s):U(r,\"add\",e,t),this}function en(e){let t=_(this),{has:r,get:n}=Qe(t),i=r.call(t,e);i?un(t,r,e):(e=_(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&U(t,\"delete\",e,void 0,o),s}function tn(){let e=_(this),t=e.size!==0,r=oe(e)?new Map(e):new Set(e),n=e.clear();return t&&U(e,\"clear\",void 0,void 0,r),n}function Xe(e,t){return function(n,i){let o=this,s=o.__v_raw,a=_(s),c=t?Ft:e?jt:$t;return!e&&M(a,\"iterate\",Q),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function Ze(e,t,r){return function(...n){let i=this.__v_raw,o=_(i),s=oe(o),a=e===\"entries\"||e===Symbol.iterator&&s,c=e===\"keys\"&&s,l=i[e](...n),u=r?Ft:t?jt:$t;return!t&&M(o,\"iterate\",c?Pt:Q),{next(){let{value:p,done:h}=l.next();return h?{value:p,done:h}:{value:a?[u(p[0]),u(p[1])]:u(p),done:h}},[Symbol.iterator](){return this}}}}function q(e){return function(...t){{let r=t[0]?`on key \"${t[0]}\" `:\"\";console.warn(`${Nt(e)} operation ${r}failed: target is readonly.`,_(this))}return e===\"delete\"?!1:this}}function ki(){let e={get(o){return Ge(this,o)},get size(){return Ye(this)},has:Je,add:Zr,set:Qr,delete:en,clear:tn,forEach:Xe(!1,!1)},t={get(o){return Ge(this,o,!1,!0)},get size(){return Ye(this)},has:Je,add:Zr,set:Qr,delete:en,clear:tn,forEach:Xe(!1,!0)},r={get(o){return Ge(this,o,!0)},get size(){return Ye(this,!0)},has(o){return Je.call(this,o,!0)},add:q(\"add\"),set:q(\"set\"),delete:q(\"delete\"),clear:q(\"clear\"),forEach:Xe(!0,!1)},n={get(o){return Ge(this,o,!0,!0)},get size(){return Ye(this,!0)},has(o){return Je.call(this,o,!0)},add:q(\"add\"),set:q(\"set\"),delete:q(\"delete\"),clear:q(\"clear\"),forEach:Xe(!0,!0)};return[\"keys\",\"values\",\"entries\",Symbol.iterator].forEach(o=>{e[o]=Ze(o,!1,!1),r[o]=Ze(o,!0,!1),t[o]=Ze(o,!1,!0),n[o]=Ze(o,!0,!0)}),[e,r,t,n]}var[Di,Pi,Ii,Li]=ki();function ln(e,t){let r=t?e?Li:Ii:e?Pi:Di;return(n,i,o)=>i===\"__v_isReactive\"?!e:i===\"__v_isReadonly\"?e:i===\"__v_raw\"?n:Reflect.get(ye(r,i)&&i in n?r:n,i,o)}var $i={get:ln(!1,!1)};var ji={get:ln(!0,!1)};function un(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=Mt(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i===\"Map\"?\" as keys\":\"\"}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var fn=new WeakMap,Fi=new WeakMap,dn=new WeakMap,Bi=new WeakMap;function zi(e){switch(e){case\"Object\":case\"Array\":return 1;case\"Map\":case\"Set\":case\"WeakMap\":case\"WeakSet\":return 2;default:return 0}}function Ki(e){return e.__v_skip||!Object.isExtensible(e)?0:zi(Mt(e))}function et(e){return e&&e.__v_isReadonly?e:mn(e,!1,Mi,$i,fn)}function pn(e){return mn(e,!0,Ni,ji,dn)}function mn(e,t,r,n,i){if(!be(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=Ki(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function _(e){return e&&_(e.__v_raw)||e}function It(e){return Boolean(e&&e.__v_isRef===!0)}y(\"nextTick\",()=>ie);y(\"dispatch\",e=>J.bind(J,e));y(\"watch\",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let o=t(n),a=ve(()=>{let c;return o(l=>c=l),c},i);r(a)});y(\"store\",Kr);y(\"data\",e=>Ce(e));y(\"root\",e=>Y(e));y(\"refs\",e=>(e._x_refs_proxy||(e._x_refs_proxy=z(Hi(e))),e._x_refs_proxy));function Hi(e){let t=[];return j(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var Bt={};function zt(e){return Bt[e]||(Bt[e]=0),++Bt[e]}function hn(e,t){return j(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function _n(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=zt(t))}y(\"id\",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:\"\"}`;return Vi(e,i,t,()=>{let o=hn(e,r),s=o?o._x_ids[r]:zt(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});H((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Vi(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}y(\"el\",e=>e);gn(\"Focus\",\"focus\",\"focus\");gn(\"Persist\",\"persist\",\"persist\");function gn(e,t,r){y(t,n=>E(`You can't use [$${t}] without first installing the \"${e}\" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d(\"modelable\",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),s=()=>{let u;return o(p=>u=p),u},a=n(`${t} = __placeholder`),c=u=>a(()=>{},{scope:{__placeholder:u}}),l=s();c(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let u=e._x_model.get,p=e._x_model.set,h=Ve({get(){return u()},set(w){p(w)}},{get(){return s()},set(w){c(w)}});i(h)})});d(\"teleport\",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!==\"template\"&&E(\"x-teleport can only be used on a <template> tag\",e);let i=xn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute(\"data-teleport-template\",!0),o.setAttribute(\"data-teleport-target\",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(a=>{o.addEventListener(a,c=>{c.stopPropagation(),e.dispatchEvent(new c.constructor(c.type,c))})}),k(o,{},e);let s=(a,c,l)=>{l.includes(\"prepend\")?c.parentNode.insertBefore(a,c):l.includes(\"append\")?c.parentNode.insertBefore(a,c.nextSibling):c.appendChild(a)};m(()=>{s(o,i,t),A(()=>{S(o)})()}),e._x_teleportPutBack=()=>{let a=xn(r);m(()=>{s(e._x_teleport,a,t)})},n(()=>m(()=>{o.remove(),P(o)}))});var qi=document.createElement(\"div\");function xn(e){let t=A(()=>document.querySelector(e),()=>qi)();return t||E(`Cannot find x-teleport element for selector: \"${e}\"`),t}var yn=()=>{};yn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes(\"self\")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes(\"self\")?delete e._x_ignoreSelf:delete e._x_ignore})};d(\"ignore\",yn);d(\"effect\",A((e,{expression:t},{effect:r})=>{r(x(e,t))}));function ae(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes(\"dot\")&&(t=Ui(t)),r.includes(\"camel\")&&(t=Wi(t)),r.includes(\"passive\")&&(s.passive=!0),r.includes(\"capture\")&&(s.capture=!0),r.includes(\"window\")&&(i=window),r.includes(\"document\")&&(i=document),r.includes(\"debounce\")){let c=r[r.indexOf(\"debounce\")+1]||\"invalid-wait\",l=tt(c.split(\"ms\")[0])?Number(c.split(\"ms\")[0]):250;o=Ke(o,l)}if(r.includes(\"throttle\")){let c=r[r.indexOf(\"throttle\")+1]||\"invalid-wait\",l=tt(c.split(\"ms\")[0])?Number(c.split(\"ms\")[0]):250;o=He(o,l)}return r.includes(\"prevent\")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes(\"stop\")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes(\"once\")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),(r.includes(\"away\")||r.includes(\"outside\"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes(\"self\")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(Ji(t)||wn(t))&&(o=a(o,(c,l)=>{Yi(l,r)||c(l)})),i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function Ui(e){return e.replace(/-/g,\".\")}function Wi(e){return e.toLowerCase().replace(/-(\\w)/g,(t,r)=>r.toUpperCase())}function tt(e){return!Array.isArray(e)&&!isNaN(e)}function Gi(e){return[\" \",\"_\"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,\"$1-$2\").replace(/[_\\s]/,\"-\").toLowerCase()}function Ji(e){return[\"keydown\",\"keyup\"].includes(e)}function wn(e){return[\"contextmenu\",\"click\",\"mouse\"].some(t=>e.includes(t))}function Yi(e,t){let r=t.filter(o=>![\"window\",\"document\",\"prevent\",\"stop\",\"once\",\"capture\",\"self\",\"away\",\"outside\",\"passive\"].includes(o));if(r.includes(\"debounce\")){let o=r.indexOf(\"debounce\");r.splice(o,tt((r[o+1]||\"invalid-wait\").split(\"ms\")[0])?2:1)}if(r.includes(\"throttle\")){let o=r.indexOf(\"throttle\");r.splice(o,tt((r[o+1]||\"invalid-wait\").split(\"ms\")[0])?2:1)}if(r.length===0||r.length===1&&bn(e.key).includes(r[0]))return!1;let i=[\"ctrl\",\"shift\",\"alt\",\"meta\",\"cmd\",\"super\"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s===\"cmd\"||s===\"super\")&&(s=\"meta\"),e[`${s}Key`])).length===i.length&&(wn(e.type)||bn(e.key).includes(r[0])))}function bn(e){if(!e)return[];e=Gi(e);let t={ctrl:\"control\",slash:\"/\",space:\" \",spacebar:\" \",cmd:\"meta\",esc:\"escape\",up:\"arrow-up\",down:\"arrow-down\",left:\"arrow-left\",right:\"arrow-right\",period:\".\",comma:\",\",equal:\"=\",minus:\"-\",underscore:\"_\"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d(\"model\",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes(\"parent\")&&(o=e.parentNode);let s=x(o,r),a;typeof r==\"string\"?a=x(o,`${r} = __placeholder`):typeof r==\"function\"&&typeof r()==\"string\"?a=x(o,`${r()} = __placeholder`):a=()=>{};let c=()=>{let h;return s(w=>h=w),En(h)?h.get():h},l=h=>{let w;s(F=>w=F),En(w)?w.set(h):a(()=>{},{scope:{__placeholder:h}})};typeof r==\"string\"&&e.type===\"radio\"&&m(()=>{e.hasAttribute(\"name\")||e.setAttribute(\"name\",r)});var u=e.tagName.toLowerCase()===\"select\"||[\"checkbox\",\"radio\"].includes(e.type)||t.includes(\"lazy\")?\"change\":\"input\";let p=I?()=>{}:ae(e,u,t,h=>{l(Kt(e,t,h,c()))});if(t.includes(\"fill\")&&([void 0,null,\"\"].includes(c())||ze(e)&&Array.isArray(c())||e.tagName.toLowerCase()===\"select\"&&e.multiple)&&l(Kt(e,t,{target:e},c())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=p,i(()=>e._x_removeModelListeners.default()),e.form){let h=ae(e.form,\"reset\",[],w=>{ie(()=>e._x_model&&e._x_model.set(Kt(e,t,{target:e},c())))});i(()=>h())}e._x_model={get(){return c()},set(h){l(h)}},e._x_forceModelUpdate=h=>{h===void 0&&typeof r==\"string\"&&r.match(/\\./)&&(h=\"\"),window.fromModel=!0,m(()=>ge(e,\"value\",h)),delete window.fromModel},n(()=>{let h=c();t.includes(\"unintrusive\")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(h)})});function Kt(e,t,r,n){return m(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(ze(e))if(Array.isArray(n)){let i=null;return t.includes(\"number\")?i=Ht(r.target.value):t.includes(\"boolean\")?i=xe(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!Xi(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()===\"select\"&&e.multiple)return t.includes(\"number\")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Ht(o)}):t.includes(\"boolean\")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return xe(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return Ot(e)?r.target.checked?i=r.target.value:i=n:i=r.target.value,t.includes(\"number\")?Ht(i):t.includes(\"boolean\")?xe(i):t.includes(\"trim\")?i.trim():i}}})}function Ht(e){let t=e?parseFloat(e):null;return Zi(t)?t:e}function Xi(e,t){return e==t}function Zi(e){return!Array.isArray(e)&&!isNaN(e)}function En(e){return e!==null&&typeof e==\"object\"&&typeof e.get==\"function\"&&typeof e.set==\"function\"}d(\"cloak\",e=>queueMicrotask(()=>m(()=>e.removeAttribute(C(\"cloak\")))));$e(()=>`[${C(\"init\")}]`);d(\"init\",A((e,{expression:t},{evaluate:r})=>typeof t==\"string\"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d(\"text\",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.textContent=o})})})});d(\"html\",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,S(e),delete e._x_ignoreSelf})})})});ne(Pe(\":\",Ie(C(\"bind:\"))));var vn=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o,cleanup:s})=>{if(!t){let c={};qr(c),x(e,n)(u=>{Tt(e,u,i)},{scope:c});return}if(t===\"key\")return Qi(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let a=x(e,n);o(()=>a(c=>{c===void 0&&typeof n==\"string\"&&n.match(/\\./)&&(c=\"\"),m(()=>ge(e,t,c,r))})),s(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};vn.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};d(\"bind\",vn);function Qi(e,t){e._x_keyExpression=t}Le(()=>`[${C(\"data\")}]`);d(\"data\",(e,{expression:t},{cleanup:r})=>{if(eo(e))return;t=t===\"\"?\"{}\":t;let n={};fe(n,e);let i={};Gr(i,n);let o=R(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),fe(o,e);let s=T(o);Te(s);let a=k(e,s);s.init&&R(e,s.init),r(()=>{s.destroy&&R(e,s.destroy),a()})});H((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute(\"data-has-alpine-state\",!0))});function eo(e){return I?Be?!0:e.hasAttribute(\"data-has-alpine-state\"):!1}d(\"show\",(e,{modifiers:t,expression:r},{effect:n})=>{let i=x(e,r);e._x_doHide||(e._x_doHide=()=>{m(()=>{e.style.setProperty(\"display\",\"none\",t.includes(\"important\")?\"important\":void 0)})}),e._x_doShow||(e._x_doShow=()=>{m(()=>{e.style.length===1&&e.style.display===\"none\"?e.removeAttribute(\"style\"):e.style.removeProperty(\"display\")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=he(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions==\"function\"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes(\"immediate\")&&(p?a():o()),c(p),l=p,u=!1)}))});d(\"for\",(e,{expression:t},{effect:r,cleanup:n})=>{let i=ro(t),o=x(e,i.items),s=x(e,e._x_keyExpression||\"index\");e._x_prevKeys=[],e._x_lookup={},r(()=>to(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>m(()=>{P(a),a.remove()})),delete e._x_prevKeys,delete e._x_lookup})});function to(e,t,r,n){let i=s=>typeof s==\"object\"&&!Array.isArray(s),o=e;r(s=>{no(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,g])=>{let b=Sn(t,g,f,s);n(v=>{u.includes(v)&&E(\"Duplicate key on x-for\",e),u.push(v)},{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let g=Sn(t,s[f],f,s);n(b=>{u.includes(b)&&E(\"Duplicate key on x-for\",e),u.push(b)},{scope:{index:f,...g}}),l.push(g)}let p=[],h=[],w=[],F=[];for(let f=0;f<c.length;f++){let g=c[f];u.indexOf(g)===-1&&w.push(g)}c=c.filter(f=>!w.includes(f));let Ee=\"template\";for(let f=0;f<u.length;f++){let g=u[f],b=c.indexOf(g);if(b===-1)c.splice(f,0,g),p.push([Ee,f]);else if(b!==f){let v=c.splice(f,1)[0],O=c.splice(b-1,1)[0];c.splice(f,0,O),c.splice(b,0,v),h.push([v,O])}else F.push(g);Ee=g}for(let f=0;f<w.length;f++){let g=w[f];g in a&&(m(()=>{P(a[g]),a[g].remove()}),delete a[g])}for(let f=0;f<h.length;f++){let[g,b]=h[f],v=a[g],O=a[b],ee=document.createElement(\"div\");m(()=>{O||E('x-for \":key\" is undefined or invalid',o,b,a),O.after(ee),v.after(O),O._x_currentIfEl&&O.after(O._x_currentIfEl),ee.before(v),v._x_currentIfEl&&v.after(v._x_currentIfEl),ee.remove()}),O._x_refreshXForScope(l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[g,b]=p[f],v=g===\"template\"?o:a[g];v._x_currentIfEl&&(v=v._x_currentIfEl);let O=l[b],ee=u[b],ce=document.importNode(o.content,!0).firstElementChild,qt=T(O);k(ce,qt,o),ce._x_refreshXForScope=On=>{Object.entries(On).forEach(([Cn,Tn])=>{qt[Cn]=Tn})},m(()=>{v.after(ce),A(()=>S(ce))()}),typeof ee==\"object\"&&E(\"x-for key cannot be an object, it must be a string or an integer\",o),a[ee]=ce}for(let f=0;f<F.length;f++)a[F[f]]._x_refreshXForScope(l[u.indexOf(F[f])]);o._x_prevKeys=u})}function ro(e){let t=/,([^,\\}\\]]*)(?:,([^,\\}\\]]*))?$/,r=/^\\s*\$|\$\\s*$/g,n=/([\\s\\S]*?)\\s+(?:in|of)\\s+([\\s\\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,\"\").trim(),a=s.match(t);return a?(o.item=s.replace(t,\"\").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function Sn(e,t,r,n){let i={};return/^\\[.*\\]$/.test(e.item)&&Array.isArray(t)?e.item.replace(\"[\",\"\").replace(\"]\",\"\").split(\",\").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\\{.*\\}$/.test(e.item)&&!Array.isArray(t)&&typeof t==\"object\"?e.item.replace(\"{\",\"\").replace(\"}\",\"\").split(\",\").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function no(e){return!Array.isArray(e)&&!isNaN(e)}function An(){}An.inline=(e,{expression:t},{cleanup:r})=>{let n=Y(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d(\"ref\",An);d(\"if\",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!==\"template\"&&E(\"x-if can only be used on a <template> tag\",e);let i=x(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return k(a,{},e),m(()=>{e.after(a),A(()=>S(a))()}),e._x_currentIfEl=a,e._x_undoIf=()=>{m(()=>{P(a),a.remove()}),delete e._x_currentIfEl},a},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d(\"id\",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>_n(e,i))});H((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});ne(Pe(\"@\",Ie(C(\"on:\"))));d(\"on\",A((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?x(e,n):()=>{};e.tagName.toLowerCase()===\"template\"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=ae(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));rt(\"Collapse\",\"collapse\",\"collapse\");rt(\"Intersect\",\"intersect\",\"intersect\");rt(\"Focus\",\"trap\",\"focus\");rt(\"Mask\",\"mask\",\"mask\");function rt(e,t,r){d(t,n=>E(`You can't use [x-${t}] without first installing the \"${e}\" plugin here: https://alpinejs.dev/plugins/${r}`,n))}K.setEvaluator(xt);K.setReactivityEngine({reactive:et,effect:rn,release:nn,raw:_});var Vt=K;window.Alpine=Vt;queueMicrotask(()=>{Vt.start()});})();\n",[],[265,546,564],"1381d3a0-9763-11f0-b26a-0224a6c84d84",201,["D",1758511223323],[322,323,324,325],[265,546],"3884f67a-86ae-11f0-9f42-0224a6c84d84","app.scss","bb2bd118-8526-11f0-9320-0224a6c84d84","bb01df34-8526-11f0-b189-0224a6c84d84",137,["D",1756674327892]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n",[],[265,585,577],"styles","3880cadc-86ae-11f0-9f42-0224a6c84d84","app.css","bb2eb9c8-8526-11f0-aad3-0224a6c84d84",136,["D",1756674327844]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n\n\n/* === light theme === */\n/* Light theme variables and helpers */\n:root,\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n\n\n\n/* === dark theme === */\n/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }\n",[],[265,585,587],"bb29b982-8526-11f0-bbb8-0224a6c84d84","_light.scss","bb29ba2c-8526-11f0-bbb8-0224a6c84d84","bb16b58a-8526-11f0-87ed-0224a6c84d84",111,["D",1756506184376],"/* Light theme variables and helpers */\n:root,\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n\n",[],[265,585,603,595],"themes","388bf448-86ae-11f0-bb02-0224a6c84d84","_dark.scss","bb31f7aa-8526-11f0-a62c-0224a6c84d84",138,["D",1756674327933],"/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }",[],[265,585,603,605],"bb16b4b8-8526-11f0-87ed-0224a6c84d84",110,["D",1756506184252],[317,318],[265,585,603],"bb01de58-8526-11f0-b189-0224a6c84d84",109,["D",1756506184078],[316,319,320],[265,585],"33f56d6e-a432-11f0-a1d8-0224a6c84d84","streaming.ts","8ff7d352-78f1-11f0-89f1-0224a6c84d84","8fcad140-78f1-11f0-831a-0224a6c84d84",211,["D",1759919597483],8,"// Experimental streaming-related helpers extracted from chatterApp\nimport { getMessageReasoning, setMessageReasoning } from '../types.ts';\nimport { createJob, streamJob, postGroqChat } from '../apiClient.js';\nimport { persistMessageAtIndex as corePersistMessageAtIndex } from '../core/index.ts';\n\nexport function isStreamingForCurrent(state) {\n const cid = state.currentChatId;\n if (!cid) return false;\n return !!(state.streamingChats && state.streamingChats[cid]);\n}\n\nexport function registerStream(state, chatId, token) {\n state.streamingChats[chatId] = { token, startedAt: Date.now() };\n}\n\nexport function unregisterStream(state, chatId, token) {\n const active = state.streamingChats[chatId];\n if (active && active.token === token) {\n delete state.streamingChats[chatId];\n }\n}\n\n/**\n * Main streaming routine - handles SSE stream from backend\n * CRITICAL: This is where reasoning content must be properly saved to state.messages\n */\nexport async function streamAssistant(state) {\n const thisChatId = state.currentChatId;\n if (!thisChatId) return;\n if (state.streamingChats[thisChatId]) return;\n \n if (state.selectedModel === 'custom') {\n const url = (state.customChatBaseUrl || '').trim();\n if (!url) {\n state.errorMessage = 'please set custom endpoint url';\n return;\n }\n }\n \n const token = String(Date.now()) + '-' + Math.random();\n registerStream(state, thisChatId, token);\n \n const assistantCreatedAt = Date.now();\n const promptLabel = (() => {\n try {\n return state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel || 'custom');\n } catch (_) {\n return 'custom';\n }\n })();\n \n const assistantIndex = state.messages.push({\n role: 'assistant',\n content: '',\n createdAt: assistantCreatedAt,\n chatId: thisChatId,\n model: state.selectedModel || null,\n promptLabel\n }) - 1;\n \n try {\n const id = await corePersistMessageAtIndex(state, assistantIndex);\n if (id) state.messages[assistantIndex].id = id;\n } catch (_) {}\n \n const assistantMessageId = state.messages[assistantIndex]?.id || null;\n let fullAssistantContent = '';\n let fullReasoningContent = '';\n \n // Initialize reasoning tracking for this message\n if (assistantMessageId != null) {\n state.messageReasoningMap[assistantMessageId] = state.messageReasoningMap[assistantMessageId] || '';\n state.expandedReasoningMap[assistantMessageId] = state.expandedReasoningMap[assistantMessageId] || false;\n }\n \n try {\n const payload = {\n userApiKey: state.userApiKey,\n model: state.selectedModel,\n messages: (() => {\n const chatMessages = state.messages.map(m => ({ role: m.role, content: m.content }));\n // Priority: per-chat override > selected template in chat > global default\n const perChat = (state.chatPromptText || '').trim();\n const fromTemplate = (() => {\n if (!perChat && state.chatPromptId && state.chatPromptText) {\n return String(state.chatPromptText).trim();\n }\n return '';\n })();\n const globalDefault = (state.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n tools: (() => {\n const list = [];\n const isOss = !!(state.selectedModel && state.selectedModel.startsWith('openai/gpt-oss'));\n if (isOss) {\n if (state.useBrowserSearch) list.push({ type: 'browser_search' });\n if (state.useCodeInterpreter) list.push({ type: 'code_interpreter' });\n }\n return list;\n })(),\n stream: state.streamEnabled,\n temperature: state.temperature,\n ...(state.maxTokens ? { max_tokens: state.maxTokens } : {}),\n reasoning_effort: state.reasoningEffort,\n ...(state.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((state.selectedModel === 'custom' && state.customChatBaseUrl) ? { base_url: state.customChatBaseUrl } : {})\n };\n \n // Create a job and stream from it\n const jobResult = await createJob({ type: 'chat', input: payload });\n const response = await streamJob(jobResult.id);\n if (!response.ok || !response.body) {\n let txt = '';\n try { txt = await response.text(); } catch (_) {}\n throw new Error(txt || response.statusText);\n }\n \n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n \n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n \n const active = state.streamingChats[thisChatId];\n if (!active || (active as StreamingChat).token !== token) break;\n \n buffer += decoder.decode(value, { stream: true });\n const chunks = buffer.split('\\n\\n');\n buffer = chunks.pop() || '';\n \n for (const chunk of chunks) {\n if (!chunk.trim()) continue;\n \n const lines = chunk.split('\\n');\n let currentEvent = 'message';\n \n for (const line of lines) {\n if (line.startsWith('event: ')) {\n currentEvent = line.slice(7).trim();\n continue;\n }\n \n if (!line.startsWith('data: ')) continue;\n \n const data = line.slice(6);\n if (data === '[DONE]') continue;\n \n let parsed = null;\n try {\n parsed = JSON.parse(data);\n } catch (_) {\n parsed = null;\n }\n \n if (!parsed) continue;\n if (currentEvent === 'results') continue;\n \n const stillActive = state.streamingChats[thisChatId];\n if (!stillActive || stillActive?.token !== token) break;\n \n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n \n // Handle content updates\n if (delta.content) {\n fullAssistantContent += delta.content;\n \n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].content = fullAssistantContent;\n }\n }\n \n // Save after content update\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n }\n \n // CRITICAL: Handle reasoning updates and save to state.messages\n if (delta.reasoning) {\n const addition = String(delta.reasoning || '');\n fullReasoningContent += addition;\n \n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n // Update the reasoning map for UI display\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + addition;\n \n // CRITICAL: Also update state.messages[idx].reasoning so it gets saved\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n // Set the full reasoning content on the message\n state.messages[idx].reasoning = fullReasoningContent;\n console.log('💭 Updated message', idx, 'reasoning length:', fullReasoningContent.length);\n \n // Save after updating the message\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n }\n \n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n }\n \n // Handle tool events\n const appendToolEvent = async (prefix, t) => {\n try {\n const name = t?.name || t?.tool || t?.function?.name || 'tool';\n const args = t?.arguments ?? t?.input ?? t?.params ?? null;\n const output = t?.output ?? t?.result ?? t?.content ?? null;\n const argsStr = args ? (typeof args === 'string' ? args : JSON.stringify(args)) : '';\n const outStr = output ? (typeof output === 'string' ? output : JSON.stringify(output)) : '';\n const maxLen = 400;\n const trimmedArgs = argsStr.length > maxLen ? (argsStr.slice(0, maxLen) + '…') : argsStr;\n const trimmedOut = outStr.length > maxLen ? (outStr.slice(0, maxLen) + '…') : outStr;\n const line = `[${prefix}] ${name}` + (trimmedArgs ? ` args: ${trimmedArgs}` : '') + (trimmedOut ? `\\n→ ${trimmedOut}` : '') + '\\n';\n \n fullReasoningContent += line;\n \n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + line;\n \n // Update message reasoning for persistence\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].reasoning = fullReasoningContent;\n }\n \n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n \n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n } catch (_) { /* ignore */ }\n };\n \n if (Array.isArray(delta.executed_tools)) {\n for (const t of delta.executed_tools) {\n await appendToolEvent('executed', t);\n }\n }\n if (Array.isArray(delta.tool_calls)) {\n for (const t of delta.tool_calls) {\n await appendToolEvent('call', t);\n }\n }\n }\n }\n }\n } catch (e) {\n state.errorMessage = e.message || String(e);\n } finally {\n unregisterStream(state, thisChatId, token);\n \n const stillActive = state.streamingChats[thisChatId];\n if (stillActive && stillActive?.token !== token) return;\n \n try {\n const finalContent = String(fullAssistantContent || '').trim();\n const finalReasoning = String(fullReasoningContent || '');\n \n if (!finalContent) {\n state.errorMessage = state.errorMessage || 'no response from model';\n // In sessions mode, just drop from memory\n try {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) state.messages.splice(idx, 1);\n } catch (_) {}\n return;\n }\n \n // Final save with complete content and reasoning\n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].content = finalContent;\n state.messages[idx].reasoning = finalReasoning; // CRITICAL: Save final reasoning\n console.log('💭 Final reasoning save for message', idx, '- length:', finalReasoning.length);\n \n // Update reasoning map as well\n const prev = state.messageReasoningMap[idx] || '';\n if (!prev || finalReasoning.length > prev.length) {\n state.messageReasoningMap[assistantMessageId!] = finalReasoning;\n }\n }\n }\n \n // Trigger final save\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n } catch (_) {}\n \n // Auto-generate chat title if needed\n try {\n const chatMeta = thisChatId ? await (state.db.sessions ? state.db.sessions.get(thisChatId) : state.db.chats.get(thisChatId)) : null;\n const hasDefault = !chatMeta?.title || /^new chat$/i.test(chatMeta.title);\n \n if (hasDefault) {\n const apiKey = state.userApiKey || null;\n const titlePrompt = (state.messages || []).slice(0, 8).map((m) => `${m.role}: ${m.content}`).join('\\n').slice(0, 1000);\n \n if (apiKey && titlePrompt.trim()) {\n let generated = '';\n try {\n const res = await postGroqChat({\n apiKey,\n body: {\n model: 'llama-3.1-8b-instant',\n stream: false,\n messages: [\n { role: 'system', content: 'Return ONLY a chat title of 2-3 words. No punctuation, no quotes, no emojis.' },\n { role: 'user', content: titlePrompt }\n ]\n }\n });\n if (res.ok) {\n const json = await res.json();\n generated = (json?.choices?.[0]?.message?.content || '').trim();\n }\n } catch (_) { /* ignore */ }\n \n if (generated) {\n const cleaned = generated.replace(/^[\"'\\s]+|[\"'\\s]+$/g, '').split(/\\s+/).slice(0, 3).join(' ') || 'New chat';\n const id = thisChatId;\n const prev = id ? await (state.db.sessions ? state.db.sessions.get(id) : state.db.chats.get(id)) : null;\n \n if (id && prev) {\n const defaultNewSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle('New chat') : 'new-chat';\n const prevSlug = prev?.slug ? String(prev.slug) : '';\n const computedSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle(cleaned) : cleaned.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n const slug = (!prevSlug || prevSlug === defaultNewSlug) ? computedSlug : prevSlug;\n const next = { ...prev, id, title: cleaned, slug, updatedAt: Date.now() };\n \n if (state.db.sessions) {\n await state.db.sessions.put(next);\n } else {\n await state.db.chats.put({ ...next, createdAt: prev?.createdAt || Date.now() });\n }\n \n await (state.loadChats ? state.loadChats() : Promise.resolve());\n \n try {\n state.navigateToChatPath && state.navigateToChatPath(id, true);\n } catch (_) { /* ignore */ }\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) { /* ignore */ }\n }\n }\n }\n }\n } catch (_) {}\n \n state.scrollToBottom && state.scrollToBottom();\n }\n}\n\n",[],[265,632,623],"experimental","8fcad05a-78f1-11f0-831a-0224a6c84d84",42,["D",1755163934328],[314],[265,632],"343c95ea-a432-11f0-8444-0224a6c84d84","sessions.ts","343c96a8-a432-11f0-8444-0224a6c84d84","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84",222,["D",1759919598011],"// Session CRUD operations and management\nimport type { Session, UIMessage, SessionTree } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { buildMessagePath, validateNoCycles } from './branchManager.ts';\nimport { messageToUIMessage, createDefaultSessionTree } from '../types.ts';\n\n/**\n * Utility: Convert title to URL-friendly slug\n */\nexport function slugifyTitle(title: string): string {\n try {\n const s = String(title || '').toLowerCase();\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) {\n return '';\n }\n}\n\n/**\n * Load all sessions as a chat list\n */\nexport async function loadSessions(state: AppState): Promise<any[]> {\n try {\n if (state.db && state.db.sessions) {\n const rows = await state.db.sessions.orderBy('createdAt').reverse().toArray();\n state.chats = rows.map((s: Session) => ({\n id: s.id!,\n title: s.title,\n slug: s.slug || null,\n createdAt: s.createdAt,\n folderId: s.folderId ?? null\n }));\n return state.chats;\n }\n return await loadChats(state);\n } catch (_) {\n state.chats = [];\n return [];\n }\n}\n\n/**\n * Legacy: Load chats (for backward compatibility)\n */\nexport async function loadChats(state: AppState): Promise<void> {\n try {\n const rows = await state.db!.sessions.orderBy('createdAt').reverse().toArray();\n const newChats = rows.map((s: Session) => ({\n id: s.id!,\n title: s.title,\n slug: s.slug || null,\n createdAt: s.createdAt,\n folderId: s.folderId ?? null\n }));\n // Force Alpine.js reactivity by creating a new array reference\n state.chats = [...newChats];\n console.log('📋 loadChats: Loaded', state.chats.length, 'chats');\n } catch (err) {\n console.error('📋 loadChats: Error loading chats:', err);\n state.chats = [];\n }\n}\n\n/**\n * Load a single session and populate state\n */\nexport async function loadSession(state: AppState, id: number): Promise<void> {\n try {\n console.log('📖 loadSession: Loading session', id);\n if (!state.db || !state.db.sessions) {\n await selectChat(state, id);\n return;\n }\n \n const session: Session = await state.db.sessions.get(id);\n if (!session) {\n console.warn('📖 loadSession: Session not found', id);\n state.messages = [];\n return;\n }\n \n console.log('📖 loadSession: Session found', session);\n state.currentChatId = id;\n state.activeSearchId = id;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n console.log('📖 loadSession: Tree has', tree.messages?.length || 0, 'messages,', tree.branches?.length || 0, 'branches');\n console.log('📖 loadSession: activeBranchId =', tree.activeBranchId, 'branchingEnabled =', tree.branchingEnabled);\n \n const path = buildMessagePath(session, tree.activeBranchId != null ? tree.activeBranchId : null);\n console.log('📖 loadSession: Built path with', path?.length || 0, 'messages');\n console.log('📖 loadSession: Path message IDs:', path?.map(m => m.id) || []);\n \n state.messages = (path || []).map(messageToUIMessage);\n console.log('📖 loadSession: Set state.messages to', state.messages.length, 'messages');\n \n // Populate messageReasoningMap for UI\n try {\n if (!state.messageReasoningMap) state.messageReasoningMap = {};\n if (!state.expandedReasoningMap) state.expandedReasoningMap = {};\n (path || []).forEach(m => {\n if (m.id != null && m.reasoning) {\n state.messageReasoningMap![m.id] = m.reasoning;\n console.log('📖 loadSession: Loaded reasoning for message', m.id, '- length:', m.reasoning.length);\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n // Expose session tree/branch for UI\n state.sessionTree = tree;\n state.currentBranchId = tree.activeBranchId || null;\n \n // Apply settings snapshot\n if (session.settings) {\n const s = session.settings;\n if (s.selectedModel != null) state.selectedModel = s.selectedModel;\n if (s.customChatBaseUrl != null) state.customChatBaseUrl = s.customChatBaseUrl;\n if (s.temperature != null) state.temperature = Math.max(0, Math.min(2, Number(s.temperature)));\n if (s.maxTokens != null) state.maxTokens = Math.max(1, Math.floor(Number(s.maxTokens)));\n if (s.reasoningEffort) state.reasoningEffort = s.reasoningEffort;\n if (s.streamEnabled != null) state.streamEnabled = !!s.streamEnabled;\n if (s.jsonMode != null) state.jsonMode = !!s.jsonMode;\n if (s.useBrowserSearch != null) state.useBrowserSearch = !!s.useBrowserSearch;\n if (s.useCodeInterpreter != null) state.useCodeInterpreter = !!s.useCodeInterpreter;\n }\n \n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n } catch (_) {\n state.messages = [];\n }\n}\n\n/**\n * Save session with updated messages and tree\n * CRITICAL: This is where reasoning data must be persisted!\n */\nexport async function saveSession(state: AppState): Promise<void> {\n try {\n if (!state || !state.db || !state.db.sessions || !state.currentChatId) return;\n \n const id = state.currentChatId;\n console.log('💾 saveSession called for session', id, '- processing', (state.messages || []).length, 'messages');\n \n let session: Session | null = null;\n try {\n session = await state.db.sessions.get(id);\n } catch (err) {\n console.warn('saveSession: failed to get session', id, err);\n return;\n }\n \n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const existing = Array.isArray(tree.messages) ? tree.messages : [];\n \n // Safety check: prevent saving truncated message arrays (but allow appending new messages)\n // Only skip if messages array is significantly shorter AND not just extending the current path\n if (tree.branchingEnabled && tree.activeBranchId != null && existing.length > 0 && state.messages!.length > 0) {\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n // Check if this looks like a truncation (missing messages from the middle)\n // Allow if: extending (>=), or just started new conversation (only 1-2 messages)\n if (state.messages!.length < currentPath.length - 1 && state.messages!.length > 2) {\n // Additional check: verify the first messages match to ensure it's not just a new conversation\n const firstStateMsg = state.messages![0];\n const firstPathMsg = currentPath[0];\n if (firstStateMsg?.id && firstPathMsg?.id && firstStateMsg.id === firstPathMsg.id) {\n console.warn('💾 saveSession: SKIPPING - state.messages', state.messages!.length, 'is shorter than current branch path', currentPath.length, '- possible stale load');\n return;\n }\n }\n }\n \n const byId = new Map(existing.map(m => [m.id, m]));\n let maxId = existing.reduce((acc, m) => (Number.isFinite(Number(m.id)) ? Math.max(acc, Number(m.id)) : acc), 0);\n \n console.log('💾 saveSession: existing messages:', existing.length, 'maxId:', maxId);\n console.log('💾 saveSession: state.messages reasoning:', state.messages!.map((m, i) => ({\n idx: i,\n id: m.id,\n hasReasoning: !!m.reasoning,\n reasoningLength: m.reasoning?.length || 0\n })));\n \n const ensureId = (m: UIMessage, fallbackIdx: number): number => {\n if (m.id != null && Number.isFinite(Number(m.id))) {\n console.log('💾 ensureId: message', fallbackIdx, 'already has id', m.id);\n return Number(m.id);\n }\n maxId = maxId + 1;\n console.log('💾 ensureId: assigned new id', maxId, 'to message', fallbackIdx, '(role:', m.role, ')');\n return maxId;\n };\n \n const output = existing.slice();\n const indexById = new Map(output.map((m, i) => [m.id, i]));\n \n // Build current path once to avoid multiple calls\n const currentPathIds = new Set<number>();\n if (tree.branchingEnabled && tree.activeBranchId != null) {\n try {\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n currentPath.forEach(msg => currentPathIds.add(msg.id));\n } catch (_) {\n /* ignore */\n }\n }\n \n let prevId: number | null = null;\n const idUpdates: Array<{ idx: number; newId: number }> = [];\n const assignedIds: number[] = [];\n \n (state.messages || []).forEach((m, idx) => {\n const mid = ensureId(m, idx);\n const prevDepth = idx === 0 ? 0 : idx;\n const existingRow = byId.get(mid);\n const newParentId = idx === 0 ? null : (assignedIds[idx - 1] != null ? assignedIds[idx - 1] : (state.messages![idx - 1] && state.messages![idx - 1].id != null ? state.messages![idx - 1].id! : prevId));\n \n // Check if this message is on the current branch's path\n const isOnCurrentPath = currentPathIds.has(mid);\n \n // If message exists but is NOT on current path, it's from another branch - create new message\n const shouldCreateNew = existingRow && tree.branchingEnabled && !isOnCurrentPath;\n if (shouldCreateNew) {\n console.log('💾 Message', mid, 'exists but not on current branch path - creating new message with parent', newParentId);\n maxId = maxId + 1;\n const newMid = maxId;\n assignedIds[idx] = newMid;\n idUpdates.push({ idx, newId: newMid });\n \n const nextRow = {\n id: newMid,\n parentId: newParentId ?? null,\n createdAt: m.createdAt || Date.now(),\n role: m.role || 'assistant',\n content: String(m.content || ''),\n reasoning: m.reasoning != null ? String(m.reasoning) : undefined,\n model: m.model != null ? m.model : undefined,\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? m.promptLabel : undefined) as string | null | undefined,\n depth: prevDepth\n };\n \n try {\n validateNoCycles(session, nextRow);\n } catch (_) {\n /* leave as-is if validation fails */\n }\n \n indexById.set(newMid, output.length);\n output.push(nextRow);\n prevId = newMid;\n return;\n }\n \n // Track the ID for this message (used for next message's parent)\n assignedIds[idx] = mid;\n \n const nextRow = {\n id: mid,\n // Preserve existing parentId if message already exists to avoid breaking other branches\n parentId: existingRow && Object.prototype.hasOwnProperty.call(existingRow, 'parentId') ? existingRow.parentId : (newParentId ?? null),\n createdAt: m.createdAt || existingRow?.createdAt || Date.now(),\n role: m.role || existingRow?.role || 'assistant',\n content: String(m.content || ''),\n reasoning: m.reasoning != null ? String(m.reasoning) : (existingRow?.reasoning || undefined),\n model: m.model != null ? m.model : (existingRow?.model ?? undefined),\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? m.promptLabel : (existingRow?.promptLabel ?? undefined)) as string | null | undefined,\n depth: Number.isFinite(Number(existingRow?.depth)) ? existingRow.depth! : prevDepth\n };\n \n try {\n validateNoCycles(session, nextRow);\n } catch (_) {\n /* leave as-is if validation fails */\n }\n \n if (existingRow) {\n const i = indexById.get(mid);\n if (i != null) {\n output[i] = nextRow;\n }\n } else {\n indexById.set(mid, output.length);\n output.push(nextRow);\n }\n \n prevId = mid;\n });\n \n tree.messages = output;\n console.log('💾 saveSession: Final tree messages with reasoning:', output.map(m => ({\n id: m.id,\n role: m.role,\n hasReasoning: !!m.reasoning,\n reasoningLength: m.reasoning?.length || 0\n })));\n \n // Update the active branch's leafMessageId to the last message in the current path\n if (tree.branchingEnabled && tree.activeBranchId != null && prevId != null) {\n const activeBranch = (tree.branches || []).find(b => b.id === tree.activeBranchId);\n if (activeBranch) {\n console.log('💾 saveSession: Updating branch', tree.activeBranchId, 'leafMessageId from', activeBranch.leafMessageId, 'to', prevId);\n activeBranch.leafMessageId = prevId;\n activeBranch.updatedAt = Date.now();\n }\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n \n try {\n await state.db.sessions.put(session);\n } catch (err) {\n console.warn('saveSession: failed to put session', id, err);\n return;\n }\n \n // Apply ID updates to state.messages AFTER the save to avoid triggering reactivity during save\n if (idUpdates.length > 0) {\n try {\n idUpdates.forEach(({ idx, newId }) => {\n if (state.messages![idx]) {\n state.messages![idx].id = newId;\n }\n });\n } catch (_) {\n /* ignore */\n }\n }\n \n try {\n state.sessionTree = session.tree;\n } catch (_) {\n /* ignore */\n }\n } catch (err) {\n console.warn('saveSession: unexpected error', err);\n }\n}\n\n/**\n * Create a new chat/session\n */\nexport async function createNewChat(state: AppState): Promise<void> {\n const input = (state.chatInput || '').trim();\n console.log('📝 createNewChat: chatInput =', input);\n \n // If no content, just clear the current chat - a real one will be created when they send a message\n if (!input) {\n console.log('📝 createNewChat: No input, clearing to prepare for new chat');\n state.currentChatId = null;\n state.activeSearchId = null;\n state.messages = [];\n return;\n }\n \n const base = input;\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const now = Date.now();\n \n // Prefer sessions (v11+)\n let id: number | null = null;\n try {\n if (state.db && state.db.sessions) {\n console.log('📝 createNewChat: Creating new session with title:', title);\n id = await state.db.sessions.add({\n title,\n slug,\n createdAt: now,\n updatedAt: now,\n folderId: null,\n tree: createDefaultSessionTree(),\n });\n console.log('📝 createNewChat: Created session with ID:', id);\n }\n } catch (err) {\n console.error('📝 createNewChat: Error creating session:', err);\n }\n \n if (!id) {\n console.log('📝 createNewChat: Falling back to chats table');\n id = await state.db!.chats.add({ title, slug, createdAt: now, folderId: null });\n }\n \n await loadChats(state);\n await selectChat(state, id);\n console.log('📝 createNewChat: Finished, currentChatId =', state.currentChatId);\n}\n\n/**\n * Select and load a chat (with legacy support)\n */\nexport async function selectChat(state: AppState, id: number): Promise<void> {\n if (id === state.ephemeralChatId) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n state.messages = [];\n state.chatPromptId = null;\n state.chatPromptText = '';\n \n // Reset to default/global settings for ephemeral chat\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true;\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false;\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1;\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192;\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium';\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true;\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false;\n } catch (_) {\n /* ignore */\n }\n \n // Clear preset linking status for ephemeral chat\n if (state.updatePresetLinkingStatus) {\n try {\n state.chatIsLinkedToPreset = false;\n state.chatHasCustomSettingsStored = false;\n } catch (_) {\n /* ignore */\n }\n }\n \n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n return;\n }\n \n state.currentChatId = id;\n state.activeSearchId = id;\n \n try {\n const session: Session = await state.db!.sessions.get(id);\n if (session) {\n const tree = session.tree || { messages: [] };\n state.messages = (tree.messages || []).map(messageToUIMessage);\n \n // Apply settings and prompt\n try {\n const s = session.settings || null;\n if (s) {\n if (s.selectedModel != null) state.selectedModel = s.selectedModel;\n if (s.customChatBaseUrl != null) state.customChatBaseUrl = s.customChatBaseUrl;\n if (s.temperature != null) state.temperature = Math.max(0, Math.min(2, Number(s.temperature)));\n if (s.maxTokens != null) state.maxTokens = Math.max(1, Math.floor(Number(s.maxTokens)));\n if (s.reasoningEffort) state.reasoningEffort = s.reasoningEffort;\n if (s.streamEnabled != null) state.streamEnabled = !!s.streamEnabled;\n if (s.jsonMode != null) state.jsonMode = !!s.jsonMode;\n if (s.useBrowserSearch != null) state.useBrowserSearch = !!s.useBrowserSearch;\n if (s.useCodeInterpreter != null) state.useCodeInterpreter = !!s.useCodeInterpreter;\n }\n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n } catch (_) {\n /* ignore */\n }\n } else {\n state.messages = [];\n }\n } catch (_) {\n state.messages = [];\n }\n \n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Delete a chat/session\n */\nexport async function deleteChat(state: AppState, id: number): Promise<void> {\n try {\n if (!state.db) return;\n \n const chatId = typeof id === 'string' ? Number(id) : id;\n \n // Prefer deleting a session if exists\n let deleted = false;\n try {\n if (state.db.sessions) {\n await state.db.sessions.delete(chatId);\n deleted = true;\n }\n } catch (_) {\n /* ignore */\n }\n \n if (!deleted) {\n try {\n await state.db.messages.where('chatId').equals(chatId).delete();\n } catch (_) {\n try {\n await state.db.messages.filter((m: any) => m.chatId === chatId).delete();\n } catch (_) {\n /* ignore */\n }\n }\n try {\n await state.db.chats.delete(chatId);\n } catch (_) {\n /* ignore */\n }\n }\n \n await loadChats(state);\n \n if (state.currentChatId === chatId) {\n const next = state.chats![0]?.id;\n if (next) {\n await selectChat(state, next);\n } else {\n await createNewChat(state);\n }\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Duplicate a session\n */\nexport async function duplicateChat(state: AppState, id: number): Promise<void> {\n try {\n if (!state || !state.db) return;\n \n const chatId = typeof id === 'string' ? Number(id) : id;\n if (!Number.isFinite(chatId)) return;\n \n // Prefer sessions\n if (state.db.sessions) {\n const session: Session = await state.db.sessions.get(chatId);\n if (session) {\n const title = String(session.title || 'New chat') + ' (copy)';\n const slug = slugifyTitle(title);\n const now = Date.now();\n \n const copy: Partial<Session> = {\n ...session,\n id: undefined,\n title,\n slug,\n createdAt: now,\n updatedAt: now,\n };\n \n const newId = await state.db.sessions.add(copy);\n await loadChats(state);\n return;\n }\n }\n \n // Fallback to chats/messages copy\n const orig = await state.db.chats.get(chatId);\n if (!orig) return;\n \n const title = String(orig.title || 'New chat') + ' (copy)';\n const createdAt = Date.now();\n const folderId = orig.folderId ?? null;\n const slug = (orig.slug && String(orig.slug)) || slugifyTitle(title);\n \n const newChatId = await state.db.chats.add({ title, slug, createdAt, folderId });\n \n try {\n const msgs = await state.db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n if (Array.isArray(msgs) && msgs.length) {\n const rows = msgs.map((m: any) => ({\n chatId: newChatId,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning || '',\n model: m.model || null,\n promptLabel: m.promptLabel || null\n }));\n \n try {\n await state.db.messages.bulkAdd(rows);\n } catch (_) {\n for (const row of rows) {\n try {\n await state.db.messages.add(row);\n } catch (_) {\n /* ignore single add */\n }\n }\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n await loadChats(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Start editing a chat title\n */\nexport function startEditingChat(state: AppState, id: number, currentTitle: string): void {\n state.editingChatId = id;\n state.editingChatTitle = currentTitle || '';\n try {\n setTimeout(() => {\n const el = document.querySelector('input[data-chat-id=\"' + id + '\"]') as HTMLInputElement;\n if (el) {\n el.focus();\n el.select();\n }\n }, 50);\n } catch (_) {}\n}\n\n/**\n * Commit chat title edit\n */\nexport async function commitEditingChat(state: AppState): Promise<void> {\n const rawId = state.editingChatId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingChat(state);\n \n const title = (state.editingChatTitle || '').trim() || 'New chat';\n try {\n if (state.db) {\n const prev: Session = await state.db.sessions.get(id);\n const slug = prev?.slug || slugifyTitle(title);\n const next = { ...prev, id, title, slug, updatedAt: Date.now() };\n await state.db.sessions.put(next);\n }\n await loadChats(state);\n state.activeSearchId = id;\n } catch (_) {\n /* no-op */\n }\n \n state.editingChatId = null;\n state.editingChatTitle = '';\n \n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Cancel chat title edit\n */\nexport function cancelEditingChat(state: AppState): void {\n state.editingChatId = null;\n state.editingChatTitle = '';\n}\n\n/**\n * Move chat to a folder\n */\nexport async function moveChatToFolder(state: AppState, chatId: number, folderId: number | null): Promise<void> {\n try {\n if (!chatId) return;\n const prev: Session = await state.db!.sessions.get(chatId);\n if (!prev) return;\n const next = { ...prev, id: chatId, folderId: folderId ?? null };\n await state.db!.sessions.put(next);\n await loadChats(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Get chats not in any folder\n */\nexport function baseChats(state: AppState): any[] {\n try {\n // Return only actual persisted chats (no fake ephemeral entry)\n const list = (state.chats || []).filter(c => !c.folderId);\n return list;\n } catch (_) {\n return state.chats || [];\n }\n}\n\n/**\n * Get chats in a specific folder\n */\nexport function chatsInFolder(state: AppState, folderId: number): any[] {\n try {\n return (state.chats || []).filter(c => c.folderId === folderId);\n } catch (_) {\n return [];\n }\n}\n\n",[],[265,647,639],"core","3425ad76-a432-11f0-aaa2-0224a6c84d84","messages.ts","3425ae48-a432-11f0-aaa2-0224a6c84d84",218,["D",1759919597863],"// Message operations\nimport type { UIMessage } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { slugifyTitle, loadChats, loadSessions } from './sessions.ts';\n\n/**\n * Ensure a chat exists for edits (creates if needed)\n */\nexport async function ensureChatExistsForEdits(state: AppState, opts: { force?: boolean } = {}): Promise<number | null> {\n try {\n const force = !!opts.force;\n if (state.currentChatId && state.db) return state.currentChatId;\n if (!state.db) return null;\n \n // Only create a chat if there is some user-origin content or forced by the caller\n const hasUserInput = !!(state.chatInput && state.chatInput.trim());\n const hasUserMessage = Array.isArray(state.messages) && state.messages!.some(m => m && m.role === 'user' && String(m.content || '').trim());\n if (!force && !hasUserInput && !hasUserMessage) return null;\n \n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n let id: number | null = null;\n \n // Prefer sessions\n try {\n if (state.db.sessions) {\n id = await state.db.sessions.add({\n title,\n slug,\n createdAt,\n updatedAt: createdAt,\n tree: {\n messages: [],\n branches: [{ id: 1, leafMessageId: null, name: 'main', createdAt }],\n activeBranchId: 1,\n branchingEnabled: true\n }\n });\n }\n } catch (_) {\n /* ignore */\n }\n \n if (!id) {\n id = await state.db.chats.add({ title, slug, createdAt });\n }\n \n // Load the appropriate list\n if (state.db.sessions) {\n await loadSessions(state);\n // Initialize session tree state\n state.sessionTree = {\n messages: [],\n branches: [{ id: 1, leafMessageId: null, name: 'main', createdAt }],\n activeBranchId: 1,\n branchingEnabled: true\n };\n state.currentBranchId = 1;\n } else {\n await loadChats(state);\n // Initialize per-chat prompt defaults (legacy mode only)\n try {\n await state.db.chats.update(id, { systemPromptId: null, systemPromptText: '' });\n } catch (_) {\n /* ignore */\n }\n }\n \n state.currentChatId = id;\n state.activeSearchId = id;\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n return id;\n } catch (_) {\n return null;\n }\n}\n\n/**\n * Persist a message at an index\n */\nexport async function persistMessageAtIndex(state: AppState, idx: number): Promise<number | null> {\n try {\n const m = state.messages?.[idx];\n if (!m || !state.db) return null;\n \n // If sessions exist, assign a stable local id if missing and return; saves are debounced\n if (state.db.sessions) {\n if (!m.id) {\n const nextId = (() => {\n try {\n const ids = (state.messages || []).map(mm => Number(mm.id || 0)).filter(n => Number.isFinite(n));\n const maxId = ids.length ? Math.max(...ids) : 0;\n return maxId + 1;\n } catch (_) {\n return (idx + 1);\n }\n })();\n state.messages![idx].id = nextId;\n }\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {\n /* ignore */\n }\n return state.messages![idx].id;\n }\n \n let chatId = state.currentChatId;\n if (!chatId) chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId) return null;\n \n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const row = {\n id: m.id,\n chatId,\n createdAt,\n role,\n content,\n reasoning,\n model: (m && m.model != null) ? m.model : null,\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? (m.promptLabel ?? null) : null)\n };\n \n const newId = await state.db.messages.put(row);\n if (!m.id) {\n state.messages![idx].id = newId;\n }\n state.messages![idx].chatId = chatId;\n state.messages![idx].createdAt = createdAt;\n return newId || m.id || null;\n } catch (_) {\n return null;\n }\n}\n\n/**\n * Delete a single message\n */\nexport async function deleteMessage(state: AppState, idx: number): Promise<void> {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const msg = state.messages![idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n \n try {\n if (state.db && !state.db.sessions && messageId != null) {\n await state.db.messages.delete(messageId);\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) {\n delete state.messageReasoningMap[messageId];\n }\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) {\n delete state.expandedReasoningMap[messageId];\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n state.messages!.splice(idx, 1);\n if (state.copiedMap && state.copiedMap[idx]) {\n delete state.copiedMap[idx];\n }\n } catch (_) {\n /* ignore */\n }\n \n if (state.editingMessageIdx === idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n } else if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = state.editingMessageIdx - 1;\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Delete all messages below an index\n */\nexport async function deleteMessagesBelow(state: AppState, idx: number): Promise<void> {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const thisChatId = state.currentChatId;\n const toRemove = (state.messages || []).slice(idx + 1);\n \n try {\n if (state.db && !state.db.sessions) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try {\n await state.db.messages.delete(messageId);\n } catch (_) {\n /* ignore */\n }\n }\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) {\n delete state.messageReasoningMap[messageId];\n }\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) {\n delete state.expandedReasoningMap[messageId];\n }\n }\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n }\n \n try {\n if (state.streamingChats && thisChatId && state.streamingChats[thisChatId]) {\n delete state.streamingChats[thisChatId];\n }\n } catch (_) {\n /* ignore */\n }\n \n state.scrollToBottom && state.scrollToBottom();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Rerun from a user message (in sessions mode, this forks)\n */\nexport async function rerunFromUser(state: AppState, idx: number): Promise<void> {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const m = state.messages![idx];\n if (!m || m.role !== 'user') return;\n \n // In sessions mode with branching enabled, use coreForkAtMessage to create a new branch\n if (state.db && state.db.sessions && state.sessionTree && state.sessionTree.branchingEnabled && state.currentChatId) {\n const { forkAtMessage: coreForkAtMessage } = await import('./branchManager.ts');\n await coreForkAtMessage(state, state.currentChatId, idx);\n return;\n }\n \n // Legacy mode\n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.streamAssistant === 'function') {\n await state.streamAssistant();\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Rerun / regenerate assistant response (in sessions mode, this forks)\n */\nexport async function rerunAssistant(state: AppState, idx: number): Promise<void> {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const m = state.messages![idx];\n if (!m || m.role !== 'assistant') return;\n \n // In sessions mode with branching, use forkAndRegenerate\n if (state.db && state.db.sessions && state.sessionTree && state.sessionTree.branchingEnabled && state.currentChatId) {\n const { forkAndRegenerate: coreForkAndRegenerate } = await import('./branchManager.ts');\n await coreForkAndRegenerate(state, state.currentChatId, idx);\n return;\n }\n \n // Legacy mode: find previous user message\n let prevUserIdx = -1;\n for (let i = idx - 1; i >= 0; i--) {\n if (state.messages![i] && state.messages![i].role === 'user') {\n prevUserIdx = i;\n break;\n }\n }\n \n if (prevUserIdx < 0) return;\n \n try {\n state.messages = (state.messages || []).slice(0, prevUserIdx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > prevUserIdx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.streamAssistant === 'function') {\n await state.streamAssistant();\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n",[],[265,647,649],"340136f8-a432-11f0-ac57-0224a6c84d84","jobManager.ts","b713b53c-86b1-11f0-96d1-0224a6c84d84",213,["D",1759919597605],"// Minimal frontend JobManager to orchestrate chat jobs via SSE\n// Provides per-job isolation, lifecycle, and integration points for chat UI\n\nimport { createJob as apiCreateJob, streamJob as apiStreamJob, cancelJob as apiCancelJob } from '../apiClient.js';\n\ninterface JobData {\n id: string;\n type: string;\n status: string;\n createdAt: number;\n updatedAt: number;\n data: any;\n reader?: ReadableStreamDefaultReader<Uint8Array>;\n token: string;\n}\n\ninterface ChatJobInput {\n messages: Array<{ role: string; content: string }>;\n userApiKey?: string;\n model: string;\n base_url?: string;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n query?: string;\n dateRange?: string;\n source?: string;\n language?: string;\n offset?: number;\n}\n\ninterface JobState {\n handleJobEvent?: (id: string, data: any) => void;\n applyJobDelta?: (id: string, data: any) => void;\n applyJobResults?: (id: string, data: any) => void;\n}\n\nexport class JobManager {\n private jobs: Map<string, JobData>;\n\n constructor() {\n this.jobs = new Map();\n }\n\n async startChatJob(state: JobState, input: ChatJobInput): Promise<string> {\n const { id } = await apiCreateJob({ type: 'chat', input });\n const token = String(Date.now()) + '-' + Math.random();\n \n this.jobs.set(id, {\n id,\n type: 'chat',\n status: 'pending',\n createdAt: Date.now(),\n updatedAt: Date.now(),\n data: {},\n token\n });\n \n const res = await apiStreamJob(id);\n if (!res.ok || !res.body) throw new Error('Failed to stream job');\n \n const reader = res.body.getReader();\n const job = this.jobs.get(id);\n if (job) job.reader = reader;\n \n this._pumpSse(state, id);\n return id;\n }\n\n async cancel(id: string): Promise<void> {\n try {\n await apiCancelJob(id);\n } catch (_) {\n /* ignore */\n }\n \n const item = this.jobs.get(id);\n if (item && item.reader) {\n try {\n item.reader.cancel();\n } catch (_) {}\n }\n \n this.jobs.delete(id);\n }\n\n private async _pumpSse(state: JobState, id: string): Promise<void> {\n const item = this.jobs.get(id);\n if (!item || !item.reader) return;\n \n const reader = item.reader;\n const decoder = new TextDecoder();\n let buffer = '';\n \n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n \n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n \n for (const evt of events) {\n if (!evt.trim()) continue;\n \n let eventName = 'message';\n const lines = evt.split('\\n');\n \n for (const line of lines) {\n if (line.startsWith('event: ')) {\n eventName = line.slice(7).trim();\n continue;\n }\n \n if (!line.startsWith('data: ')) continue;\n \n const data = line.slice(6);\n if (data === '[DONE]') continue;\n \n let parsed: any = null;\n try {\n parsed = JSON.parse(data);\n } catch (_) {\n parsed = null;\n }\n \n if (eventName === 'job' && parsed) {\n const cur = this.jobs.get(id);\n if (!cur) continue;\n \n cur.status = parsed.status || cur.status;\n cur.updatedAt = Date.now();\n \n if (state && state.handleJobEvent) {\n try {\n state.handleJobEvent(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n } else if (eventName === 'data' && parsed) {\n if (state && state.applyJobDelta) {\n try {\n state.applyJobDelta(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n } else if (eventName === 'results' && parsed) {\n if (state && state.applyJobResults) {\n try {\n state.applyJobResults(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n }\n }\n }\n }\n } catch (_) {\n /* end */\n }\n }\n}\n\n",[],[265,647,657],"342f1d98-a432-11f0-9812-0224a6c84d84","index.ts","342f1e60-a432-11f0-9812-0224a6c84d84",220,["D",1759919597925],"// Central export file for all core modules\n// This provides backwards-compatible exports matching the old chatCore.js API\n\n// Database\nexport { initDb } from './db.ts';\n\n// Sessions\nexport {\n slugifyTitle,\n loadSessions,\n loadChats,\n loadSession,\n saveSession,\n createNewChat,\n selectChat,\n deleteChat,\n duplicateChat,\n startEditingChat,\n commitEditingChat,\n cancelEditingChat,\n moveChatToFolder,\n baseChats,\n chatsInFolder\n} from './sessions.ts';\n\n// Folders\nexport {\n loadFolders,\n createFolder,\n startEditingFolder,\n commitEditingFolder,\n cancelEditingFolder,\n toggleFolderCollapsed\n} from './folders.ts';\n\n// Messages\nexport {\n ensureChatExistsForEdits,\n persistMessageAtIndex,\n deleteMessage,\n deleteMessagesBelow,\n rerunFromUser,\n rerunAssistant\n} from './messages.ts';\n\n// Import/Export\nexport {\n exportAllData,\n importDataReplace,\n importDataAppend\n} from './import-export.ts';\n\n",[],[265,647,665],"342937ac-a432-11f0-8444-0224a6c84d84","import-export.ts","3429386a-a432-11f0-8444-0224a6c84d84",219,["D",1759919597884],"// Data import/export operations\nimport type { Session, Folder, SystemPrompt, Note } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { slugifyTitle } from './sessions.ts';\n\ninterface ExportData {\n meta: {\n type: string;\n schemaVersion: number;\n exportedAt: number;\n };\n data: {\n sessions: Session[];\n chats: any[];\n messages: any[];\n folders: Folder[];\n systemPrompts: SystemPrompt[];\n notes: Note[];\n };\n}\n\ninterface ImportCounts {\n foldersAdded: number;\n chatsAdded: number;\n messagesAdded: number;\n}\n\n/**\n * Export all data from the database\n */\nexport async function exportAllData(state: AppState): Promise<ExportData> {\n try {\n if (!state || !state.db) {\n return {\n meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() },\n data: { sessions: [], chats: [], messages: [], folders: [], systemPrompts: [], notes: [] }\n };\n }\n \n const [sessions, chats, messages, folders, systemPrompts, notes] = await Promise.all([\n (state.db.sessions ? state.db.sessions.toArray().catch(() => []) : Promise.resolve([])),\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.toArray().catch(() => []),\n state.db.systemPrompts.toArray().catch(() => []),\n state.db.notes.toArray().catch(() => []),\n ]);\n \n return {\n meta: {\n type: 'chatter-export',\n schemaVersion: Number(state.db.verno || 0),\n exportedAt: Date.now(),\n },\n data: { sessions, chats, messages, folders, systemPrompts, notes },\n };\n } catch (_) {\n return {\n meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() },\n data: { sessions: [], chats: [], messages: [], folders: [], systemPrompts: [], notes: [] }\n };\n }\n}\n\n/**\n * Import data by replacing all existing data\n */\nexport async function importDataReplace(state: AppState, input: string | any): Promise<ImportCounts> {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) {\n return {};\n }\n })();\n \n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const sessions = Array.isArray(data?.sessions) ? data.sessions : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n \n let counts: ImportCounts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n \n try {\n if (!state || !state.db) return counts;\n \n const tables = [state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes];\n if (state.db.sessions) tables.unshift(state.db.sessions);\n \n await state.db.transaction('rw', ...tables, async () => {\n if (state.db!.sessions) {\n await state.db!.sessions.clear();\n }\n await state.db!.messages.clear();\n await state.db!.chats.clear();\n await state.db!.folders.clear();\n await state.db!.systemPrompts.clear();\n await state.db!.notes.clear();\n \n if (sessions.length && state.db!.sessions) {\n try {\n // Ensure no ID conflicts by removing id to allow auto-increment\n const rows = sessions.map(s => {\n const copy = { ...s };\n delete (copy as any).id;\n return copy;\n });\n await state.db!.sessions.bulkAdd(rows);\n } catch (_) {\n for (const s of sessions) {\n try {\n const copy = { ...s };\n delete (copy as any).id;\n await state.db!.sessions.add(copy);\n } catch (_) {}\n }\n }\n }\n \n if (folders.length) {\n try {\n await state.db!.folders.bulkAdd(folders);\n counts.foldersAdded = folders.length;\n } catch (_) {\n for (const f of folders) {\n try {\n await state.db!.folders.add(f);\n counts.foldersAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (chats.length) {\n try {\n await state.db!.chats.bulkAdd(chats);\n counts.chatsAdded = chats.length;\n } catch (_) {\n for (const c of chats) {\n try {\n await state.db!.chats.add(c);\n counts.chatsAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (messages.length) {\n try {\n await state.db!.messages.bulkAdd(messages);\n counts.messagesAdded = messages.length;\n } catch (_) {\n for (const m of messages) {\n try {\n await state.db!.messages.add(m);\n counts.messagesAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (systemPrompts.length) {\n try {\n await state.db!.systemPrompts.bulkAdd(systemPrompts);\n } catch (_) {\n for (const sp of systemPrompts) {\n try {\n await state.db!.systemPrompts.add(sp);\n } catch (_) {}\n }\n }\n }\n \n if (notes.length) {\n try {\n await state.db!.notes.bulkAdd(notes);\n } catch (_) {\n for (const n of notes) {\n try {\n await state.db!.notes.add(n);\n } catch (_) {}\n }\n }\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n return counts;\n}\n\n/**\n * Import data by appending to existing data\n */\nexport async function importDataAppend(state: AppState, input: string | any): Promise<ImportCounts> {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) {\n return {};\n }\n })();\n \n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const sessions = Array.isArray(data?.sessions) ? data.sessions : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n \n let counts: ImportCounts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n const folderIdMap: Record<string, number> = {};\n const chatIdMap: Record<string, number> = {};\n \n try {\n if (!state || !state.db) return counts;\n \n const tables = [state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes];\n if (state.db.sessions) tables.unshift(state.db.sessions);\n \n await state.db.transaction('rw', ...tables, async () => {\n // Append sessions directly\n if (sessions.length && state.db!.sessions) {\n for (const s of sessions) {\n try {\n const copy = { ...s };\n delete (copy as any).id;\n await state.db!.sessions.add(copy);\n } catch (_) {\n /* ignore */\n }\n }\n }\n \n // Append folders, remapping IDs\n for (const f of folders) {\n try {\n const row = {\n name: f?.name || 'folder',\n createdAt: Number(f?.createdAt) || Date.now(),\n order: (typeof f?.order === 'number') ? f.order : undefined,\n collapsed: !!f?.collapsed,\n };\n const newId = await state.db!.folders.add(row);\n if (f && f.id != null) folderIdMap[String(f.id)] = newId;\n counts.foldersAdded += 1;\n } catch (_) {\n /* ignore single add */\n }\n }\n \n // Append chats, remapping folderId\n for (const c of chats) {\n try {\n const title = (c?.title && String(c.title)) || 'New chat';\n const slug = (c?.slug && String(c.slug)) || slugifyTitle(title);\n const oldFolderId = (c && c.folderId != null) ? String(c.folderId) : null;\n const newFolderId = oldFolderId != null ? (folderIdMap[oldFolderId] ?? null) : null;\n const row = {\n title,\n slug,\n createdAt: Number(c?.createdAt) || Date.now(),\n folderId: newFolderId ?? null,\n };\n const newId = await state.db!.chats.add(row);\n if (c && c.id != null) chatIdMap[String(c.id)] = newId;\n counts.chatsAdded += 1;\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append messages, remapping chatId\n for (const m of messages) {\n try {\n const oldChatId = m && m.chatId != null ? String(m.chatId) : null;\n if (oldChatId == null) continue;\n const newChatId = chatIdMap[oldChatId];\n if (!newChatId) continue;\n const row = {\n chatId: newChatId,\n createdAt: Number(m?.createdAt) || Date.now(),\n role: m?.role || 'assistant',\n content: String(m?.content || ''),\n reasoning: String(m?.reasoning || ''),\n model: (m && m.model != null) ? m.model : null,\n };\n await state.db!.messages.add(row);\n counts.messagesAdded += 1;\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append system prompts\n for (const sp of systemPrompts) {\n try {\n const row = {\n name: sp?.name || 'Preset',\n content: String(sp?.content || ''),\n systemPrompt: String(sp?.systemPrompt || sp?.content || ''),\n settings: sp?.settings || null,\n createdAt: Number(sp?.createdAt) || Date.now(),\n updatedAt: Number(sp?.updatedAt) || Date.now(),\n };\n await state.db!.systemPrompts.add(row);\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append notes\n for (const n of notes) {\n try {\n const row = {\n title: String(n?.title || ''),\n content: String(n?.content || ''),\n createdAt: Number(n?.createdAt) || Date.now(),\n updatedAt: Number(n?.updatedAt) || Date.now(),\n };\n await state.db!.notes.add(row);\n } catch (_) {\n /* ignore */\n }\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n return counts;\n}\n\n",[],[265,647,673],"342226ce-a432-11f0-855f-0224a6c84d84","folders.ts","34222778-a432-11f0-855f-0224a6c84d84",217,["D",1759919597839],"// Folder management operations\nimport type { Folder } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { loadChats } from './sessions.ts';\n\n/**\n * Load all folders\n */\nexport async function loadFolders(state: AppState): Promise<void> {\n try {\n const rows = await state.db!.folders.orderBy('order').toArray();\n state.folders = rows.map((r: any) => ({\n id: r.id,\n name: r.name || 'folder',\n createdAt: r.createdAt || Date.now(),\n order: r.order ?? r.id,\n collapsed: !!r.collapsed\n }));\n } catch (_) {\n state.folders = [];\n }\n}\n\n/**\n * Create a new folder\n */\nexport async function createFolder(state: AppState): Promise<void> {\n try {\n const createdAt = Date.now();\n const name = 'folder';\n const order = (state.folders && state.folders[state.folders.length - 1]?.order || 0) + 1;\n const id = await state.db!.folders.add({ name, createdAt, order, collapsed: false });\n await loadFolders(state);\n // Immediately enter rename mode\n startEditingFolder(state, id, name);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Start editing a folder name\n */\nexport function startEditingFolder(state: AppState, id: number, currentName: string): void {\n state.editingFolderId = id;\n state.editingFolderName = currentName || '';\n setTimeout(() => {\n try {\n const el = document.querySelector('input[data-folder-id=\"' + id + '\"]') as HTMLInputElement;\n if (el) {\n el.focus();\n el.select();\n }\n } catch (_) {}\n }, 30);\n}\n\n/**\n * Commit folder name edit\n */\nexport async function commitEditingFolder(state: AppState): Promise<void> {\n const rawId = state.editingFolderId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingFolder(state);\n \n const name = (state.editingFolderName || '').trim() || 'folder';\n try {\n const prev = await state.db!.folders.get(id);\n await state.db!.folders.put({\n id,\n name,\n createdAt: prev?.createdAt || Date.now(),\n order: prev?.order ?? id,\n collapsed: !!prev?.collapsed\n });\n await loadFolders(state);\n } catch (_) {\n /* ignore */\n }\n \n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\n/**\n * Cancel folder name edit\n */\nexport function cancelEditingFolder(state: AppState): void {\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\n/**\n * Toggle folder collapsed state\n */\nexport async function toggleFolderCollapsed(state: AppState, id: number): Promise<void> {\n try {\n const f = await state.db!.folders.get(id);\n if (!f) return;\n await state.db!.folders.put({ ...f, collapsed: !f.collapsed });\n await loadFolders(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n",[],[265,647,681],"3434f862-a432-11f0-aaa2-0224a6c84d84","db.ts","3434f92a-a432-11f0-aaa2-0224a6c84d84",221,["D",1759919597964],"// Database initialization and schema management\nimport type { Session, Message } from '../types.ts';\n\nexport interface DexieDatabase {\n sessions?: any;\n chats?: any;\n messages?: any;\n folders?: any;\n systemPrompts?: any;\n notes?: any;\n version: (v: number) => any;\n transaction: (mode: string, ...tables: any[]) => Promise<void>;\n delete: () => Promise<void>;\n close: () => void;\n on: (event: string, handler: () => void) => void;\n verno?: number;\n}\n\nexport interface AppState {\n db?: DexieDatabase;\n [key: string]: any;\n}\n\nexport async function initDb(state: AppState): Promise<void> {\n try {\n const Dexie = (window as any).Dexie;\n state.db = new Dexie('chat_db');\n \n // Schema versions 1-10 (legacy)\n state.db!.version(1).stores({ chats: '++id,title,createdAt' });\n state.db!.version(2).stores({ \n chats: '++id,title,createdAt', \n messages: '++id,chatId,createdAt,role,content' \n });\n state.db!.version(3).stores({ \n chats: '++id,title,createdAt,folderId', \n messages: '++id,chatId,createdAt,role,content', \n folders: '++id,name,createdAt,order,collapsed' \n });\n state.db!.version(4).stores({ \n chats: '++id,title,slug,createdAt,folderId', \n messages: '++id,chatId,createdAt,role,content', \n folders: '++id,name,createdAt,order,collapsed' \n });\n state.db!.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n state.db!.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n state.db!.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(8).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(9).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(10).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n \n // v11: Atomic sessions with branching support\n state.db!.version(11).stores({\n sessions: '++id,title,slug,createdAt,folderId,updatedAt',\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n }).upgrade(async (tx: any) => {\n try {\n console.log('🔄 Migrating v10 → v11: chats+messages → sessions');\n const chats = await tx.table('chats').toArray();\n \n for (const chat of chats) {\n try {\n const msgs = await tx.table('messages').where('chatId').equals(chat.id).sortBy('createdAt');\n const treeMessages: Message[] = msgs.map((m: any, idx: number) => ({\n id: idx + 1,\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning || undefined,\n model: m.model || undefined,\n promptLabel: m.promptLabel || undefined,\n depth: idx\n }));\n \n const session: Partial<Session> = {\n title: chat.title,\n slug: chat.slug || undefined,\n createdAt: chat.createdAt,\n updatedAt: Date.now(),\n folderId: chat.folderId || null,\n systemPromptId: chat.systemPromptId || null,\n activeSettingsSource: chat.activeSettingsSource || null,\n tree: {\n messages: treeMessages,\n branches: [],\n activeBranchId: null,\n branchingEnabled: false\n },\n settings: chat.settings || undefined,\n systemPrompt: chat.systemPromptText || chat.customPromptText || undefined\n };\n \n await tx.table('sessions').add(session);\n console.log('✅ Migrated chat', chat.id, '→ session');\n } catch (err) {\n console.error('❌ Session migration failed for chat', chat?.id, err);\n }\n }\n console.log('✅ Migration v10 → v11 complete');\n } catch (err) {\n console.error('❌ Migration v10 → v11 failed', err);\n }\n });\n \n // Set up database event handlers\n try {\n state.db!.on('versionchange', () => {\n try {\n state.db!.close();\n } catch (_) {\n /* ignore */\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n // Prototype mode: start fresh with sessions-only schema\n try {\n const resetFlagKey = 'db_reset_sessions_v11';\n const hasReset = (() => {\n try {\n return localStorage.getItem(resetFlagKey) === '1';\n } catch (_) {\n return false;\n }\n })();\n \n if (!hasReset) {\n try {\n await state.db!.delete();\n } catch (_) {\n /* ignore */\n }\n \n // Recreate with sessions-only schema\n state.db = new Dexie('chat_db');\n state.db!.version(11).stores({\n sessions: '++id,title,slug,createdAt,folderId,updatedAt',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n \n try {\n state.db!.on('versionchange', () => {\n try {\n state.db!.close();\n } catch (_) {\n /* ignore */\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n try {\n localStorage.setItem(resetFlagKey, '1');\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n } catch (e) {\n console.error('Dexie init error', e);\n }\n}\n\n",[],[265,647,689],"cd80e12c-931e-11f0-8949-0224a6c84d84","chatCore.js","8feeae30-78f1-11f0-aafe-0224a6c84d84",183,["D",1758042095445],11,"// Core chat + DB helpers extracted from chatterApp\n\nexport async function initDb(state) {\n try {\n state.db = new window.Dexie('chat_db');\n state.db.version(1).stores({ chats: '++id,title,createdAt' });\n state.db.version(2).stores({ chats: '++id,title,createdAt', messages: '++id,chatId,createdAt,role,content' });\n state.db.version(3).stores({ chats: '++id,title,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v4: add stable slug support to chats\n state.db.version(4).stores({ chats: '++id,title,slug,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v5: add per-chat prompt fields and systemPrompts library\n state.db.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v6: add settings field to chats for per-chat overrides\n state.db.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v7: add settings field to systemPrompts for preset configurations\n state.db.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v8: re-affirm model index for messages (safe bump for existing users)\n state.db.version(8).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v9: support dual-mode settings with activeSettingsSource and customPromptText\n state.db.version(9).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v10: add notes table for global notes plugin\n state.db.version(10).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n try { state.db.on('versionchange', () => { try { state.db.close(); } catch (_) { /* ignore */ } }); } catch (_) { /* ignore */ }\n } catch (e) {\n console.error('Dexie init error', e);\n }\n}\n\nexport async function loadChats(state) {\n try {\n const rows = await state.db.chats.orderBy('createdAt').reverse().toArray();\n state.chats = rows.map(r => ({ id: r.id, title: r.title, slug: r.slug || null, createdAt: r.createdAt, folderId: r.folderId || null }));\n } catch (_) { state.chats = []; }\n}\n\nexport async function loadFolders(state) {\n try {\n const rows = await state.db.folders.orderBy('order').toArray();\n state.folders = rows.map(r => ({ id: r.id, name: r.name || 'folder', createdAt: r.createdAt || Date.now(), order: r.order ?? r.id, collapsed: !!r.collapsed }));\n } catch (_) { state.folders = []; }\n}\n\nexport async function createFolder(state) {\n try {\n const createdAt = Date.now();\n const name = 'folder';\n const order = (state.folders[state.folders.length - 1]?.order || 0) + 1;\n const id = await state.db.folders.add({ name, createdAt, order, collapsed: false });\n await loadFolders(state);\n // Immediately enter rename mode\n startEditingFolder(state, id, name);\n } catch (_) { /* ignore */ }\n}\n\nexport function startEditingFolder(state, id, currentName) {\n state.editingFolderId = id;\n state.editingFolderName = currentName || '';\n setTimeout(() => {\n try {\n const el = document.querySelector('input[data-folder-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n } catch (_) {}\n }, 30);\n}\n\nexport async function commitEditingFolder(state) {\n const rawId = state.editingFolderId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingFolder(state);\n const name = (state.editingFolderName || '').trim() || 'folder';\n try {\n const prev = await state.db.folders.get(id);\n await state.db.folders.put({ id, name, createdAt: prev?.createdAt || Date.now(), order: prev?.order ?? id, collapsed: !!prev?.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport function cancelEditingFolder(state) {\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport async function toggleFolderCollapsed(state, id) {\n try {\n const f = await state.db.folders.get(id);\n if (!f) return;\n await state.db.folders.put({ ...f, collapsed: !f.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function moveChatToFolder(state, chatId, folderId) {\n try {\n if (!chatId) return;\n const prev = await state.db.chats.get(chatId);\n if (!prev) return;\n const next = { ...prev, id: chatId, folderId: folderId ?? null };\n await state.db.chats.put(next);\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport function baseChats(state) {\n try {\n const list = (state.chats || []).filter(c => !c.folderId);\n return [{ id: state.ephemeralChatId, title: 'New chat', createdAt: 0, folderId: null, isEphemeral: true }, ...list];\n } catch (_) { return state.chats || []; }\n}\n\nexport function chatsInFolder(state, folderId) {\n try { return (state.chats || []).filter(c => c.folderId === folderId); } catch (_) { return []; }\n}\n\nexport async function createNewChat(state) {\n const input = (state.chatInput || '').trim();\n // If no content, do NOT create a persisted chat. Switch to ephemeral new chat.\n if (!input) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n return;\n }\n const base = input;\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt, folderId: null });\n await loadChats(state);\n await selectChat(state, id);\n}\n\nexport async function selectChat(state, id) {\n if (id === state.ephemeralChatId) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n // Clear per-chat prompt state when ephemeral\n state.chatPromptId = null;\n state.chatPromptText = '';\n \n // Reset to default/global settings for ephemeral chat\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n \n // Clear preset linking status for ephemeral chat\n if (state.updatePresetLinkingStatus) {\n try {\n state.chatIsLinkedToPreset = false;\n state.chatHasCustomSettingsStored = false;\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n return;\n }\n state.currentChatId = id;\n state.activeSearchId = id;\n try {\n const rows = await state.db.messages.where('chatId').equals(id).sortBy('createdAt');\n state.messages = rows.map(r => ({ id: r.id, chatId: r.chatId, role: r.role, content: r.content, reasoning: r.reasoning, createdAt: r.createdAt, model: r.model || null, promptLabel: r.promptLabel || null }));\n // Load per-chat prompt metadata and settings\n try {\n const meta = await state.db.chats.get(id);\n console.log('🔄 selectChat: Loading chat meta for chatId =', id, 'meta =', meta);\n \n // Determine which prompt text to surface and how to reflect selection based on activeSettingsSource\n const activeSource = meta?.activeSettingsSource || null;\n // Drive the dropdown by active source: show 'custom' when using custom, otherwise show linked preset id\n if (activeSource === 'custom') {\n state.chatPromptId = null;\n } else if (meta?.systemPromptId != null) {\n state.chatPromptId = String(meta.systemPromptId);\n } else {\n state.chatPromptId = null;\n }\n state.chatPromptText = (activeSource === 'custom') ? (meta?.customPromptText || '') : (meta?.systemPromptText || '');\n \n // Reset settings change tracking when switching chats\n if (state.settingsChanged !== undefined) {\n state.settingsChanged = false;\n }\n \n console.log('🔄 selectChat: Chat prompt setup - chatPromptId =', state.chatPromptId, 'chatPromptText =', state.chatPromptText?.length + ' chars');\n \n // Apply settings - linked preset vs custom settings\n try {\n let settingsToApply = null;\n const activeSource = meta?.activeSettingsSource || null;\n // Treat legacy chats (no activeSettingsSource and no custom settings) as preset-linked\n const isPresetLinked = !!(state.chatPromptId) && (activeSource === 'preset' || (activeSource == null && !meta?.settings));\n if (isPresetLinked) {\n // Chat is linked to a preset and has no custom settings - load from preset\n console.log('🔗 selectChat: Chat is linked to preset', state.chatPromptId, '- loading settings from preset');\n try {\n const preset = await state.db.systemPrompts.get(Number(state.chatPromptId));\n console.log('🔗 selectChat: Retrieved preset =', preset);\n if (preset && preset.settings) {\n settingsToApply = preset.settings;\n console.log('✅ selectChat: Using preset settings =', settingsToApply);\n // Always set chatPromptText from preset when linked to preset\n const presetText = (typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string')\n ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content)\n : '';\n state.chatPromptText = presetText;\n // Opportunistically upgrade legacy chats to explicit 'preset' source and refresh stored systemPromptText\n try {\n if (activeSource == null) {\n await state.db.chats.update(id, { activeSettingsSource: 'preset', systemPromptText: presetText });\n } else if (meta?.systemPromptText !== presetText) {\n await state.db.chats.update(id, { systemPromptText: presetText });\n }\n } catch (_) { /* ignore */ }\n } else {\n console.log('⚠️ selectChat: Preset exists but has no settings');\n }\n } catch (error) {\n console.error('❌ selectChat: Error loading preset', error);\n }\n } else if (activeSource === 'custom' && meta?.settings) {\n // Chat has custom settings (either standalone or delinked from preset)\n settingsToApply = meta.settings;\n console.log('🎛️ selectChat: Chat has custom settings =', settingsToApply);\n } else {\n console.log('🏠 selectChat: No preset link and no custom settings - will use defaults');\n }\n \n // Apply the settings\n if (settingsToApply) {\n if (settingsToApply.selectedModel != null) state.selectedModel = settingsToApply.selectedModel;\n if (settingsToApply.customChatBaseUrl != null) state.customChatBaseUrl = settingsToApply.customChatBaseUrl;\n if (settingsToApply.temperature != null) {\n const v = Number(settingsToApply.temperature);\n state.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : state.temperature;\n }\n if (settingsToApply.maxTokens != null) {\n const v2 = Number(settingsToApply.maxTokens);\n state.maxTokens = Number.isFinite(v2) ? Math.max(1, Math.floor(v2)) : state.maxTokens;\n }\n if (settingsToApply.reasoningEffort) state.reasoningEffort = settingsToApply.reasoningEffort;\n if (settingsToApply.streamEnabled != null) state.streamEnabled = !!settingsToApply.streamEnabled;\n if (settingsToApply.jsonMode != null) state.jsonMode = !!settingsToApply.jsonMode;\n if (settingsToApply.useBrowserSearch != null) state.useBrowserSearch = !!settingsToApply.useBrowserSearch;\n if (settingsToApply.useCodeInterpreter != null) state.useCodeInterpreter = !!settingsToApply.useCodeInterpreter;\n } else {\n // No settings to apply - reset to defaults (load from localStorage)\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n // Fallback: if no explicit per-chat settings were applied, use the last assistant message's model\n try {\n const lastWithModel = Array.isArray(rows) ? [...rows].reverse().find(r => r && r.role === 'assistant' && r.model) : null;\n if (lastWithModel && typeof lastWithModel.model === 'string' && lastWithModel.model.trim()) {\n state.selectedModel = lastWithModel.model;\n }\n } catch (_) { /* ignore */ }\n for (const row of rows) {\n if (row.id != null && row.reasoning && !state.messageReasoningMap[row.id]) {\n state.messageReasoningMap[row.id] = row.reasoning;\n }\n }\n } catch (_) {\n state.messages = [];\n }\n if (!state.messages.length) {\n const createdAt = Date.now();\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const greeting = { role: 'assistant', content: 'Hi! How can I help you today?', createdAt, model: state.selectedModel || null, promptLabel };\n state.messages = [greeting];\n try {\n const chatId = await ensureChatExistsForEdits(state, { force: false });\n if (chatId && state.db) {\n const newId = await state.db.messages.add({ chatId, createdAt, role: 'assistant', content: greeting.content, reasoning: '', model: state.selectedModel || null, promptLabel });\n state.messages[0].id = newId;\n state.messages[0].chatId = chatId;\n }\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function startEditingChat(state, id, currentTitle) {\n state.editingChatId = id;\n state.editingChatTitle = currentTitle || '';\n try {\n setTimeout(() => {\n const el = document.querySelector('input[data-chat-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n }, 50);\n } catch (_) {}\n}\n\nexport async function commitEditingChat(state) {\n const rawId = state.editingChatId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingChat(state);\n const title = (state.editingChatTitle || '').trim() || 'New chat';\n try {\n if (state.db) {\n const prev = await state.db.chats.get(id);\n const slug = prev?.slug || slugifyTitle(title);\n const next = { ...prev, id, title, slug, createdAt: prev?.createdAt || Date.now() };\n await state.db.chats.put(next);\n }\n await loadChats(state);\n state.activeSearchId = id;\n } catch (_) { /* no-op */ }\n state.editingChatId = null;\n state.editingChatTitle = '';\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingChat(state) {\n state.editingChatId = null;\n state.editingChatTitle = '';\n}\n\nexport async function deleteChat(state, id) {\n try {\n if (!state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n try { await state.db.messages.where('chatId').equals(chatId).delete(); } catch (_) {\n try { await state.db.messages.filter(m => m.chatId === chatId).delete(); } catch (_) { /* ignore */ }\n }\n try { await state.db.chats.delete(chatId); } catch (_) { /* ignore */ }\n await loadChats(state);\n if (state.currentChatId === chatId) {\n const next = state.chats[0]?.id;\n if (next) {\n await selectChat(state, next);\n } else {\n await createNewChat(state);\n }\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function duplicateChat(state, id) {\n try {\n if (!state || !state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n if (!Number.isFinite(chatId)) return;\n const orig = await state.db.chats.get(chatId);\n if (!orig) return;\n const title = String(orig.title || 'New chat') + ' (copy)';\n const createdAt = Date.now();\n const folderId = orig.folderId ?? null;\n const slug = (orig.slug && String(orig.slug)) || slugifyTitle(title);\n const newChatId = await state.db.chats.add({ title, slug, createdAt, folderId });\n try {\n const msgs = await state.db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n if (Array.isArray(msgs) && msgs.length) {\n const rows = msgs.map(m => ({ chatId: newChatId, createdAt: m.createdAt, role: m.role, content: m.content, reasoning: m.reasoning || '', model: m.model || null, promptLabel: m.promptLabel || null }));\n try { await state.db.messages.bulkAdd(rows); } catch (_) {\n for (const row of rows) { try { await state.db.messages.add(row); } catch (_) { /* ignore single add */ } }\n }\n }\n } catch (_) { /* ignore */ }\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function ensureChatExistsForEdits(state, opts = {}) {\n try {\n const force = !!opts.force;\n if (state.currentChatId && state.db) return state.currentChatId;\n if (!state.db) return null;\n // Only create a chat if there is some user-origin content or forced by the caller\n const hasUserInput = !!(state.chatInput && state.chatInput.trim());\n const hasUserMessage = Array.isArray(state.messages) && state.messages.some(m => m && m.role === 'user' && String(m.content || '').trim());\n if (!force && !hasUserInput && !hasUserMessage) return null;\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize per-chat prompt defaults\n try { await state.db.chats.update(id, { systemPromptId: null, systemPromptText: '' }); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function ensureMessagePersisted(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m) return null;\n if (m.id && state.db) return m.id;\n const chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId || !state.db) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const model = (m && m.model != null) ? m.model : null;\n const promptLabel = (m && Object.prototype.hasOwnProperty.call(m, 'promptLabel')) ? (m.promptLabel ?? null) : (() => {\n try {\n if (role !== 'assistant') return null;\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const newId = await state.db.messages.add({ chatId, createdAt, role, content, reasoning, model, promptLabel });\n state.messages[idx].id = newId;\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId;\n } catch (_) { return null; }\n}\n\nexport async function persistMessageAtIndex(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m || !state.db) return null;\n let chatId = state.currentChatId;\n if (!chatId) chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const row = { id: m.id, chatId, createdAt, role, content, reasoning, model: (m && m.model != null) ? m.model : null, promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? (m.promptLabel ?? null) : null) };\n const newId = await state.db.messages.put(row);\n if (!m.id) { state.messages[idx].id = newId; }\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId || m.id || null;\n } catch (_) { return null; }\n}\n\nexport async function deleteMessage(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const msg = state.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n try {\n if (state.db && messageId != null) {\n await state.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n try {\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages.splice(idx, 1);\n if (state.copiedMap && state.copiedMap[idx]) delete state.copiedMap[idx];\n } catch (_) { /* ignore */ }\n if (state.editingMessageIdx === idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n } else if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = state.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function deleteMessagesBelow(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const thisChatId = state.currentChatId;\n const toRemove = (state.messages || []).slice(idx + 1);\n try {\n if (state.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await state.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n }\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n }\n try {\n if (state.streamingChats && thisChatId && state.streamingChats[thisChatId]) {\n delete state.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n state.scrollToBottom && state.scrollToBottom();\n } catch (_) { /* ignore */ }\n}\n\nexport async function rerunFromUser(state, idx) {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const m = state.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n try {\n const toRemove = (state.messages || []).slice(idx + 1);\n if (state.db) {\n for (const msg of toRemove) {\n if (msg && msg.id != null) { try { await state.db.messages.delete(msg.id); } catch (_) { /* ignore */ } }\n }\n }\n } catch (_) { /* ignore */ }\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (!state.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n } catch (_) { /* ignore */ }\n}\n\nexport async function sendMessage(state) {\n const text = (state.chatInput || '').trim();\n if (!text) return;\n state.errorMessage = '';\n if (!state.hasServerKey && !state.userApiKey) {\n state.errorMessage = 'please add api key';\n return;\n }\n if (!state.currentChatId) {\n try {\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n const createdAt = Date.now();\n const userIndex = state.messages.push({ role: 'user', content: text, createdAt, chatId: state.currentChatId, model: null }) - 1;\n try {\n if (state.currentChatId && state.db) {\n const newId = await state.db.messages.add({ chatId: state.currentChatId, createdAt, role: 'user', content: text, model: null });\n state.messages[userIndex].id = newId;\n }\n } catch (_) {}\n state.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n}\n\nfunction slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n}\n\n\n// --- Data export/import helpers ---\n\nexport async function exportAllData(state) {\n try {\n if (!state || !state.db) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n const [chats, messages, folders, systemPrompts, notes] = await Promise.all([\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.toArray().catch(() => []),\n state.db.systemPrompts.toArray().catch(() => []),\n state.db.notes.toArray().catch(() => []),\n ]);\n return {\n meta: {\n type: 'chatter-export',\n schemaVersion: Number(state.db.verno || 0),\n exportedAt: Date.now(),\n },\n data: { chats, messages, folders, systemPrompts, notes },\n };\n } catch (_) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n}\n\nexport async function importDataReplace(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n await state.db.messages.clear();\n await state.db.chats.clear();\n await state.db.folders.clear();\n await state.db.systemPrompts.clear();\n await state.db.notes.clear();\n if (folders.length) {\n try { await state.db.folders.bulkAdd(folders); counts.foldersAdded = folders.length; } catch (_) {\n for (const f of folders) { try { await state.db.folders.add(f); counts.foldersAdded += 1; } catch (_) {} }\n }\n }\n if (chats.length) {\n try { await state.db.chats.bulkAdd(chats); counts.chatsAdded = chats.length; } catch (_) {\n for (const c of chats) { try { await state.db.chats.add(c); counts.chatsAdded += 1; } catch (_) {} }\n }\n }\n if (messages.length) {\n try { await state.db.messages.bulkAdd(messages); counts.messagesAdded = messages.length; } catch (_) {\n for (const m of messages) { try { await state.db.messages.add(m); counts.messagesAdded += 1; } catch (_) {} }\n }\n }\n if (systemPrompts.length) {\n try { await state.db.systemPrompts.bulkAdd(systemPrompts); } catch (_) {\n for (const sp of systemPrompts) { try { await state.db.systemPrompts.add(sp); } catch (_) {} }\n }\n }\n if (notes.length) {\n try { await state.db.notes.bulkAdd(notes); } catch (_) {\n for (const n of notes) { try { await state.db.notes.add(n); } catch (_) {} }\n }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\nexport async function importDataAppend(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n const folderIdMap = {};\n const chatIdMap = {};\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n // Append folders, remapping IDs\n for (const f of folders) {\n try {\n const row = {\n name: f?.name || 'folder',\n createdAt: Number(f?.createdAt) || Date.now(),\n order: (typeof f?.order === 'number') ? f.order : undefined,\n collapsed: !!f?.collapsed,\n };\n const newId = await state.db.folders.add(row);\n if (f && f.id != null) folderIdMap[String(f.id)] = newId;\n counts.foldersAdded += 1;\n } catch (_) { /* ignore single add */ }\n }\n // Append chats, remapping folderId\n for (const c of chats) {\n try {\n const title = (c?.title && String(c.title)) || 'New chat';\n const slug = (c?.slug && String(c.slug)) || slugifyTitle(title);\n const oldFolderId = (c && c.folderId != null) ? String(c.folderId) : null;\n const newFolderId = oldFolderId != null ? (folderIdMap[oldFolderId] ?? null) : null;\n const row = {\n title,\n slug,\n createdAt: Number(c?.createdAt) || Date.now(),\n folderId: newFolderId ?? null,\n };\n const newId = await state.db.chats.add(row);\n if (c && c.id != null) chatIdMap[String(c.id)] = newId;\n counts.chatsAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append messages, remapping chatId\n for (const m of messages) {\n try {\n const oldChatId = m && m.chatId != null ? String(m.chatId) : null;\n if (oldChatId == null) continue;\n const newChatId = chatIdMap[oldChatId];\n if (!newChatId) continue;\n const row = {\n chatId: newChatId,\n createdAt: Number(m?.createdAt) || Date.now(),\n role: m?.role || 'assistant',\n content: String(m?.content || ''),\n reasoning: String(m?.reasoning || ''),\n model: (m && m.model != null) ? m.model : null,\n };\n await state.db.messages.add(row);\n counts.messagesAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append system prompts\n for (const sp of systemPrompts) {\n try {\n const row = {\n name: sp?.name || 'Preset',\n content: String(sp?.content || ''),\n systemPrompt: String(sp?.systemPrompt || sp?.content || ''),\n settings: sp?.settings || null,\n createdAt: Number(sp?.createdAt) || Date.now(),\n updatedAt: Number(sp?.updatedAt) || Date.now(),\n };\n await state.db.systemPrompts.add(row);\n } catch (_) { /* ignore */ }\n }\n // Append notes\n for (const n of notes) {\n try {\n const row = {\n title: String(n?.title || ''),\n content: String(n?.content || ''),\n createdAt: Number(n?.createdAt) || Date.now(),\n updatedAt: Number(n?.updatedAt) || Date.now(),\n };\n await state.db.notes.add(row);\n } catch (_) { /* ignore */ }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\n\n",[],[265,647,697],"34175208-a432-11f0-ac23-0224a6c84d84","branchManager.ts","341752c6-a432-11f0-ac23-0224a6c84d84",216,["D",1759919597757],"// Branch management helpers for atomic sessions (v11)\nimport type { Session, Message, Branch, SessionTree, UIMessage } from '../types.ts';\nimport {\n getBranchById,\n getNextMessageId,\n getNextBranchId,\n getMessageById,\n createDefaultMessage,\n messageToUIMessage,\n} from '../types.ts';\n\n// Type for application state (minimal interface)\ninterface AppState {\n db?: any;\n currentChatId?: number | null;\n currentBranchId?: number | null;\n messages?: UIMessage[];\n sessionTree?: SessionTree;\n selectedModel?: string;\n computeCurrentPromptLabel?: () => string;\n currentTemplateLabel?: string;\n streamAssistant?: () => void | Promise<void>;\n scrollToBottom?: () => void;\n $nextTick?: (fn: () => void) => void;\n loadChats?: () => Promise<void>;\n selectChat?: (id: number) => Promise<void>;\n}\n\n/**\n * Build a linear path of messages from a branch leaf to root.\n * If branching is disabled or branch not found, falls back to all messages in stored order.\n */\nexport function buildMessagePath(session: Session, branchId: number | null = null): Message[] {\n try {\n const tree = session?.tree ?? { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n console.log('🌳 buildMessagePath: branchId =', branchId, 'tree has', messages.length, 'messages', tree.branches?.length || 0, 'branches');\n \n if (!tree.branchingEnabled || !Array.isArray(tree.branches) || tree.branches.length === 0) {\n console.log('🌳 buildMessagePath: Branching disabled or no branches, returning all messages');\n return messages.slice();\n }\n \n const targetBranchId = branchId != null ? branchId : (tree.activeBranchId != null ? tree.activeBranchId : null);\n console.log('🌳 buildMessagePath: targetBranchId =', targetBranchId);\n \n const branch = targetBranchId != null ? getBranchById(session, targetBranchId) : null;\n if (!branch) {\n console.log('🌳 buildMessagePath: Branch not found, returning all messages');\n return messages.slice();\n }\n console.log('🌳 buildMessagePath: Found branch', branch, 'leafMessageId =', branch.leafMessageId);\n \n const byId = new Map(messages.map(m => [m.id, m]));\n const path: Message[] = [];\n const visited = new Set<number>();\n let currentId = branch.leafMessageId;\n console.log('🌳 buildMessagePath: Walking from leaf', currentId);\n \n while (currentId != null && !visited.has(currentId)) {\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) {\n console.warn('🌳 buildMessagePath: Message', currentId, 'not found in tree!');\n break;\n }\n path.unshift(msg);\n console.log('🌳 buildMessagePath: Added message', currentId, 'role:', msg.role, 'parentId:', msg.parentId);\n currentId = msg.parentId;\n }\n console.log('🌳 buildMessagePath: Final path has', path.length, 'messages');\n return path;\n } catch (err) {\n console.error('🌳 buildMessagePath: Error', err);\n return session?.tree?.messages?.slice() ?? [];\n }\n}\n\n/**\n * Basic cycle validation helper. Throws if a cycle is detected via parentId chain.\n */\nexport function validateNoCycles(session: Session, newMessage: Message): boolean {\n if (!newMessage || newMessage.parentId == null) return true;\n \n const tree = session?.tree ?? { messages: [] };\n const byId = new Map<number, Message>(\n (Array.isArray(tree.messages) ? tree.messages : []).map(m => [m.id, m])\n );\n \n const visited = new Set<number>();\n let currentId: number | null = newMessage.parentId;\n \n while (currentId != null) {\n if (visited.has(currentId)) {\n throw new Error('Cycle detected in message tree');\n }\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) break;\n currentId = msg.parentId;\n }\n \n return true;\n}\n\n/**\n * Enable branching for a session and create a default \"main\" branch pointing to the last message.\n */\nexport async function enableBranching(state: AppState, sessionId: number): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) tree.branchingEnabled = true;\n if (!Array.isArray(tree.branches)) tree.branches = [];\n \n if (tree.branches.length === 0) {\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const last = messages.length > 0 ? messages[messages.length - 1] : null;\n if (last) {\n const bid = 1;\n tree.branches.push({\n id: bid,\n leafMessageId: last.id,\n name: 'main',\n baseMessageId: null,\n createdAt: Date.now()\n });\n tree.activeBranchId = bid;\n }\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Fork session at a specific message: creates a NEW SESSION with messages up to that point\n */\nexport async function forkSessionAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ sessionId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n // Get messages up to and including the fork point\n const messagesUpToFork = currentPath.slice(0, messageIdx + 1);\n \n // Create a new session with only these messages\n const now = Date.now();\n const newTitle = session.title + ' (fork)';\n const newSlug = session.slug ? session.slug + '-fork-' + now : undefined;\n \n // Build a clean tree with just the forked messages\n const newMessages: Message[] = messagesUpToFork.map((m, idx) => ({\n id: idx + 1, // Renumber from 1\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n model: m.model,\n promptLabel: m.promptLabel,\n depth: idx\n }));\n \n const newSessionId = await state.db.sessions.add({\n title: newTitle,\n slug: newSlug,\n createdAt: now,\n updatedAt: now,\n folderId: session.folderId,\n systemPromptId: session.systemPromptId,\n activeSettingsSource: session.activeSettingsSource,\n tree: {\n messages: newMessages,\n branches: [{ id: 1, leafMessageId: newMessages.length, name: 'main', baseMessageId: null, createdAt: now }],\n activeBranchId: 1,\n branchingEnabled: true\n },\n settings: session.settings ? { ...session.settings } : undefined,\n systemPrompt: session.systemPrompt || ''\n });\n \n // Reload chats list and switch to the new session\n if (state.loadChats) await state.loadChats();\n if (state.selectChat) await state.selectChat(newSessionId);\n \n return { sessionId: newSessionId };\n}\n\n/**\n * Create a sibling alternative at a given message index (works for user or assistant).\n * For user messages: keeps the user message and triggers regeneration\n * For assistant messages: creates a blank sibling assistant message\n */\nexport async function forkAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ messageId?: number; branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const baseMsg = currentPath[messageIdx];\n if (!baseMsg) return null;\n \n // For user messages: create new branch pointing to the user message, then let streamAssistant create the response\n if (baseMsg.role === 'user') {\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: baseMsg.id,\n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (just up to the user message)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming - it will create the assistant message with a NEW ID\n if (state.streamAssistant) {\n if (state.scrollToBottom) state.scrollToBottom();\n state.streamAssistant();\n }\n }\n \n return { branchId: newBranchId };\n } else {\n // For assistant messages: create blank sibling\n const newMsgId = getNextMessageId(session);\n const newMessage: Message = {\n id: newMsgId,\n parentId: baseMsg.parentId ?? null,\n createdAt: Date.now(),\n role: 'assistant',\n content: '',\n reasoning: '',\n model: state.selectedModel ?? null,\n promptLabel: state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel ?? null),\n depth: typeof baseMsg.depth === 'number' ? baseMsg.depth : 0\n };\n \n validateNoCycles(session, newMessage);\n tree.messages.push(newMessage);\n \n // Create new branch pointing to this new assistant message\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: newMsgId, \n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (with blank assistant)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n }\n \n return { messageId: newMsgId, branchId: newBranchId };\n }\n}\n\n/**\n * Fork and immediately regenerate (for assistant messages): create sibling + trigger streaming\n */\nexport async function forkAndRegenerate(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const targetMsg = currentPath[messageIdx];\n if (!targetMsg || targetMsg.role !== 'assistant') return null;\n \n // Find previous user message to rerun from\n let prevUserMsg: Message | null = null;\n for (let i = messageIdx - 1; i >= 0; i--) {\n if (currentPath[i].role === 'user') {\n prevUserMsg = currentPath[i];\n break;\n }\n }\n if (!prevUserMsg) return null;\n \n // Create a new branch that will contain the regenerated response\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = {\n id: newBranchId,\n leafMessageId: prevUserMsg.id, // Start at the user message\n name: `alternative ${newBranchId}`,\n baseMessageId: prevUserMsg.parentId ?? null,\n createdAt: Date.now()\n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI and truncate to the user message, then trigger regeneration\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming assistant reply\n if (state.streamAssistant && state.$nextTick) {\n state.$nextTick(() => state.streamAssistant!());\n }\n }\n \n return { branchId: newBranchId };\n}\n\n/**\n * Switch to a different branch\n */\nexport async function switchBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n console.log('🔀 switchBranch called:', { sessionId, branchId, currentBranchId: state.currentBranchId });\n console.log('📊 Session tree before switch:', JSON.stringify(session.tree, null, 2));\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) {\n console.warn('⚠️ Branching not enabled for this session');\n return;\n }\n \n const branch = getBranchById(session, branchId);\n if (!branch) {\n console.warn('⚠️ Branch not found:', branchId, 'Available branches:', tree.branches.map(b => b.id));\n return;\n }\n \n console.log('✅ Found branch:', branch);\n \n tree.activeBranchId = branch.id;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, branch.id);\n console.log('📝 Built message path for branch', branch.id, ':', path.length, 'messages');\n \n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = branch.id;\n \n console.log('✅ State updated - messages count:', state.messages?.length, 'currentBranchId:', state.currentBranchId);\n \n // Force scroll to bottom after branch switch\n if (state.$nextTick && state.scrollToBottom) {\n state.$nextTick(() => state.scrollToBottom!());\n }\n }\n}\n\n/**\n * Archive (delete) a branch\n */\nexport async function archiveBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!Array.isArray(tree.branches) || tree.branches.length === 0) return;\n \n tree.branches = tree.branches.filter(b => b.id !== branchId);\n if (tree.activeBranchId === branchId) {\n tree.activeBranchId = tree.branches[0] ? tree.branches[0].id : null;\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Rename a branch\n */\nexport async function renameBranch(\n state: AppState,\n sessionId: number,\n branchId: number,\n newName: string\n): Promise<boolean> {\n if (!state?.db?.sessions || !sessionId) return false;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return false;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const branch = getBranchById(session, branchId);\n if (!branch) return false;\n \n branch.name = newName.trim() || branch.name || 'branch';\n branch.updatedAt = Date.now();\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n }\n \n return true;\n}\n\n/**\n * Delete a message and all branches that contain it\n */\nexport async function deleteMessageAndBranches(\n state: AppState,\n sessionId: number,\n messageId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId || messageId == null) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return;\n \n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const branches = Array.isArray(tree.branches) ? tree.branches : [];\n \n // Find all branches that contain this message\n const branchesToDelete: number[] = [];\n for (const branch of branches) {\n const path = buildMessagePath(session, branch.id);\n if (path.some(m => m.id === messageId)) {\n branchesToDelete.push(branch.id);\n }\n }\n \n // Remove those branches\n tree.branches = branches.filter(b => !branchesToDelete.includes(b.id));\n \n // If the active branch was deleted, switch to the first remaining branch\n if (tree.activeBranchId && branchesToDelete.includes(tree.activeBranchId)) {\n tree.activeBranchId = tree.branches.length > 0 ? tree.branches[0].id : null;\n }\n \n // Remove the message itself and any messages that have it as parent\n const toRemove = new Set<number>([messageId]);\n let changed = true;\n while (changed) {\n changed = false;\n for (const msg of messages) {\n if (!toRemove.has(msg.id) && msg.parentId != null && toRemove.has(msg.parentId)) {\n toRemove.add(msg.id);\n changed = true;\n }\n }\n }\n tree.messages = messages.filter(m => !toRemove.has(m.id));\n \n // Update session\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI if this is the current chat\n if (state.currentChatId === sessionId) {\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = tree.activeBranchId ?? null;\n \n if (tree.activeBranchId && tree.branches.length > 0) {\n const path = buildMessagePath(session, tree.activeBranchId);\n state.messages = path.map(messageToUIMessage);\n } else {\n state.messages = [];\n }\n }\n}\n\n",[],[265,647,706],"8fdb7f04-78f1-11f0-bbe7-0224a6c84d84",43,["D",1755163934439],[304,305,306,307,308,309,310,311,312],[265,647],"38b1f422-86ae-11f0-b7f3-0224a6c84d84","sidebarMobile.html","e16bcc48-804e-11f0-a93f-0224a6c84d84","e1505bd4-804e-11f0-8f43-0224a6c84d84",143,["D",1756674328198],"<div class=\"fixed inset-0 z-40 md:hidden\" x-show=\"sidebarOpen\" x-transition.opacity>\n <div class=\"absolute inset-0 bg-black/30\" @click=\"sidebarOpen=false\"></div>\n <aside\n class=\"absolute left-0 top-0 h-full w-72 surface shadow-xl flex flex-col transform\"\n x-transition:enter=\"transform transition ease-in-out duration-300\"\n x-transition:enter-start=\"-translate-x-full opacity-0\"\n x-transition:enter-end=\"translate-x-0 opacity-100\"\n x-transition:leave=\"transform transition ease-in-out duration-300\"\n x-transition:leave-start=\"translate-x-0 opacity-100\"\n x-transition:leave-end=\"-translate-x-full opacity-0\"\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat(); sidebarOpen=false\" class=\"font-semibold text-gray-600 dark:text-gray-800\">Chatter</a>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createFolder()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New folder\" aria-label=\"New folder\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:folder-plus-outline\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New folder</span>\n </button>\n <button type=\"button\" @click=\"sidebarOpen=false\" class=\"text-gray-500 hover:text-gray-700\" aria-label=\"Close sidebar\" title=\"Close sidebar\">✕</button>\n </div>\n </div>\n <div class=\"flex-1 overflow-y-auto overflow-x-hidden\">\n <nav class=\"py-2\">\n <div class=\"px-3 pb-1 text-xs text-gray-500\">folders</div>\n <template x-for=\"f in folders\" :key=\"f.id\">\n <div class=\"mx-2 mb-1 rounded\"\n :class=\"dragOverFolderId===f.id ? 'bg-blue-50' : ''\"\n @dragover=\"onFolderDragOver($event, f.id)\"\n @dragleave=\"onFolderDragLeave($event, f.id)\"\n @drop=\"onFolderDrop($event, f.id)\">\n <div class=\"flex items-center gap-2 px-2 py-1 cursor-pointer select-none hover:bg-gray-50 rounded\"\n @click=\"toggleFolderCollapsed(f.id)\">\n <span class=\"text-gray-600 w-6\" x-text=\"f.collapsed ? '[x]' : '[-]'\"></span>\n <template x-if=\"editingFolderId === f.id\">\n <input type=\"text\" :data-folder-id=\"f.id\" x-model=\"editingFolderName\" @keydown.enter.stop.prevent=\"commitEditingFolder()\" @keydown.escape.stop.prevent=\"cancelEditingFolder()\" @blur=\"commitEditingFolder()\" class=\"flex-1 px-2 py-1 border rounded text-sm\" />\n </template>\n <template x-if=\"editingFolderId !== f.id\">\n <span class=\"truncate\" @dblclick.stop=\"startEditingFolder(f.id, f.name)\" x-text=\"f.name + ' (' + chatsInFolder(f.id).length + ')' \"></span>\n </template>\n </div>\n <div class=\"pl-6 space-y-1\" x-show=\"!f.collapsed\" x-cloak>\n <template x-for=\"c in chatsInFolder(f.id)\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n draggable=\"true\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"startEditingChat(c.id, c.title)\"></span>\n </button>\n <div class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </div>\n </template>\n\n <div class=\"px-3 pt-2 pb-1 text-xs text-gray-500\">all chats</div>\n <div class=\"mx-2 rounded space-y-1\"\n :class=\"dragOverBase ? 'bg-blue-50' : ''\"\n @dragover=\"onBaseDragOver($event)\"\n @dragleave=\"onBaseDragLeave()\"\n @drop=\"onBaseDrop($event)\">\n <template x-for=\"c in baseChats()\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n :draggable=\"!c.isEphemeral\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"!c.isEphemeral && startEditingChat(c.id, c.title)\"></span>\n </button>\n <div x-show=\"!c.isEphemeral\" class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </nav>\n </div>\n <div class=\"p-4 border-t space-y-2\">\n <button type=\"button\" @click=\"createNewChat()\" class=\"w-full text-sm px-3 py-2 rounded bg-blue-600 text-white hover:bg-blue-700\">New chat</button>\n <button type=\"button\" @click=\"openAppSettingsPage(); sidebarOpen=false\" class=\"w-full inline-flex items-center justify-center gap-2 text-sm px-3 py-2 rounded border border-gray-300 text-gray-500 hover:bg-gray-50\" title=\"App settings\" aria-label=\"App settings\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>App settings</span>\n </button>\n </div>\n </aside>\n</div>\n\n\n",[],[265,727,719],"components","3899d112-86ae-11f0-bc44-0224a6c84d84","sidebarDesktop.html","e1c45174-804e-11f0-a248-0224a6c84d84",140,["D",1756674328045],"<aside class=\"hidden md:flex md:flex-col h-full surface overflow-hidden transition-all ease-in-out relative flex-shrink-0 z-50\"\n :class=\"sidebarCollapsed ? 'w-12' : ''\"\n :style=\"sidebarCollapsed ? '' : ('width: ' + sidebarWidth + 'px; min-width: ' + minSidebarWidth + 'px')\"\n style=\"will-change: width;\">\n <div class=\"p-4 border-b\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <div class=\"flex items-center justify-between\">\n <a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat()\" class=\"font-semibold text-gray-600 dark:text-gray-800\">Chatter</a>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createFolder()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New folder\" aria-label=\"New folder\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:folder-plus-outline\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New folder</span>\n </button>\n <button type=\"button\" @click=\"createNewChat()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New chat\" aria-label=\"New chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:plus\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New chat</span>\n </button>\n <button type=\"button\" @click=\"collapseSidebar()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"Hide sidebar\" aria-label=\"Hide sidebar\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Hide sidebar</span>\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"border-b flex items-center justify-center\" x-show=\"sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.150ms>\n <button type=\"button\" @click=\"expandSidebar()\" class=\"w-8 h-8 inline-flex items-center justify-center rounded border border-gray-300 text-gray-500 hover:bg-gray-50 absolute top-2 bg-white shadow-sm\" title=\"Expand sidebar\">›</button>\n </div>\n\n <div class=\"flex-1 overflow-y-auto overflow-x-hidden\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <nav class=\"py-2 px-2 text-sm\">\n <div class=\"px-1 pb-1 text-[10px] uppercase tracking-wider text-gray-400\">folders</div>\n <template x-for=\"f in folders\" :key=\"f.id\">\n <div class=\"mb-1 rounded\"\n :class=\"dragOverFolderId===f.id ? 'bg-blue-50' : ''\"\n @dragover=\"onFolderDragOver($event, f.id)\"\n @dragleave=\"onFolderDragLeave($event, f.id)\"\n @drop=\"onFolderDrop($event, f.id)\">\n <div class=\"flex items-center gap-2 px-2 py-1 cursor-pointer select-none hover:bg-gray-50 rounded\"\n @click=\"toggleFolderCollapsed(f.id)\">\n <span class=\"text-gray-600 w-6\" x-text=\"f.collapsed ? '[+]' : '[-]'\"></span>\n <template x-if=\"editingFolderId === f.id\">\n <input type=\"text\" :data-folder-id=\"f.id\" x-model=\"editingFolderName\" @keydown.enter.stop.prevent=\"commitEditingFolder()\" @keydown.escape.stop.prevent=\"cancelEditingFolder()\" @blur=\"commitEditingFolder()\" class=\"flex-1 px-2 py-1 border rounded text-sm\" />\n </template>\n <template x-if=\"editingFolderId !== f.id\">\n <span class=\"truncate\" @dblclick.stop=\"startEditingFolder(f.id, f.name)\" x-text=\"f.name + ' (' + chatsInFolder(f.id).length + ')' \"></span>\n </template>\n </div>\n <div class=\"pl-6 space-y-1\" x-show=\"!f.collapsed\" x-cloak>\n <template x-for=\"c in chatsInFolder(f.id)\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n draggable=\"true\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"startEditingChat(c.id, c.title)\"></span>\n </button>\n <div class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </div>\n </template>\n\n <div class=\"px-1 pt-2 pb-1 text-[10px] uppercase tracking-wider text-gray-400\">all chats</div>\n <div class=\"rounded space-y-1\"\n :class=\"dragOverBase ? 'bg-blue-50' : ''\"\n @dragover=\"onBaseDragOver($event)\"\n @dragleave=\"onBaseDragLeave()\"\n @drop=\"onBaseDrop($event)\">\n <template x-for=\"c in baseChats()\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n :draggable=\"!c.isEphemeral\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"!c.isEphemeral && startEditingChat(c.id, c.title)\"></span>\n </button>\n <div x-show=\"!c.isEphemeral\" class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </nav>\n </div>\n\n <div class=\"p-4 border-t text-xs text-gray-600\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <div class=\"flex items-center\">\n <button type=\"button\" @click=\"openAppSettingsPage()\" class=\"w-full inline-flex items-center gap-2 px-2 py-1 rounded border border-gray-300 text-gray-500 hover:bg-gray-50\" title=\"App settings\" aria-label=\"App settings\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>app settings</span>\n </button>\n </div>\n </div>\n\n <div class=\"hidden md:block absolute top-0 right-0 h-full w-1 cursor-col-resize z-30\"\n :class=\"isResizingSidebar ? 'bg-blue-300' : 'bg-transparent hover:bg-blue-200'\"\n @mousedown.prevent=\"startSidebarResize($event)\"></div>\n</aside>\n\n\n",[],[265,727,729],"cd73756e-931e-11f0-9474-0224a6c84d84","globalMenu.html","cd737636-931e-11f0-9474-0224a6c84d84",182,["D",1758042095358],"\n<div class=\"fixed inset-0 z-[10000] md:hidden\" x-cloak x-show=\"globalMenuOpen\" x-transition.opacity>\n <div class=\"absolute inset-0 bg-black/30\" @click=\"closeGlobalMenu()\"></div>\n <aside\n class=\"absolute right-0 top-0 h-full w-full max-w-sm bg-white shadow-xl flex flex-col transform\"\n @click.stop\n x-transition:enter=\"transform transition ease-in-out duration-300\"\n x-transition:enter-start=\"translate-x-full opacity-0\"\n x-transition:enter-end=\"translate-x-0 opacity-100\"\n x-transition:leave=\"transform transition ease-in-out duration-300\"\n x-transition:leave-start=\"translate-x-0 opacity-100\"\n x-transition:leave-end=\"translate-x-full opacity-0\"\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-800\">Tools</span>\n <button type=\"button\" @click=\"closeGlobalMenu()\" class=\"text-gray-500 hover:text-gray-700\" title=\"Close tools menu\" aria-label=\"Close tools menu\">✕</button>\n </div>\n <div class=\"flex-1 overflow-y-auto\">\n \n <div class=\"p-4 border-b\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"font-medium text-gray-700\">Notes</h3>\n </div>\n\n \n <div x-show=\"!editingNoteId\" class=\"mb-4 p-3 bg-gray-50 rounded\">\n <input type=\"text\" x-model=\"newNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"newNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" :disabled=\"!newNoteTitle.trim() && !newNoteContent.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Save</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div x-show=\"editingNoteId\" class=\"mb-4 p-3 bg-blue-50 rounded\">\n <input type=\"text\" x-model=\"editingNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"editingNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div class=\"space-y-2\">\n <template x-for=\"note in notes\" :key=\"note.id\">\n <div class=\"border border-gray-200 rounded p-3\">\n <template x-if=\"!isEditingNoteInline(note.id)\">\n <div>\n <div class=\"flex items-center justify-between mb-2\">\n <h4 class=\"font-medium text-sm text-gray-800\" x-text=\"note.title || '(untitled)'\"></h4>\n <div class=\"flex gap-1\">\n <button type=\"button\" @click=\"copyNoteContent(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"startEditingNoteInline(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:pencil\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"confirm('Delete this note?') && deleteNote(note.id)\" class=\"text-gray-400 hover:text-red-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:delete\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n <div class=\"text-xs text-gray-600 truncate max-h-12 overflow-hidden\">\n <span x-text=\"note.content || '(empty)'\"></span>\n </div>\n <div class=\"text-xs text-gray-400 mt-1\" x-text=\"'Updated: ' + new Date(note.updatedAt).toLocaleDateString()\"></div>\n </div>\n </template>\n\n <template x-if=\"isEditingNoteInline(note.id)\">\n <div class=\"space-y-2\">\n <input type=\"text\" :value=\"editingNoteIds[note.id].title\" @input=\"editingNoteIds[note.id].title = $event.target.value\" placeholder=\"Note title...\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea :value=\"editingNoteIds[note.id].content\" @input=\"editingNoteIds[note.id].content = $event.target.value\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"commitEditingNoteInline(note.id)\" :disabled=\"!editingNoteIds[note.id].title.trim() && !editingNoteIds[note.id].content.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNoteInline(note.id)\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"notes.length === 0\" class=\"text-center text-gray-500 text-sm py-4\">\n No notes yet. Create your first note above!\n </div>\n </div>\n </div>\n\n </div>\n </aside>\n</div>\n\n\n<div class=\"hidden md:block\">\n <aside\n class=\"fixed right-0 top-0 h-full bg-white shadow-xl border-l border-gray-200 transform transition-transform duration-300 z-[10000]\"\n :class=\"{ 'translate-x-full': !globalMenuOpen, 'translate-x-0': globalMenuOpen }\"\n :style=\"'width: ' + globalMenuWidth + 'px'\"\n x-cloak\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-800\">Tools</span>\n <button type=\"button\" @click=\"closeGlobalMenu()\" class=\"text-gray-500 hover:text-gray-700\" title=\"Close tools menu\" aria-label=\"Close tools menu\">✕</button>\n </div>\n <div class=\"flex-1 overflow-y-auto\">\n \n <div class=\"p-4 border-b\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"font-medium text-gray-700\">Notes</h3>\n </div>\n\n \n <div x-show=\"!editingNoteId\" class=\"mb-4 p-3 bg-gray-50 rounded\">\n <input type=\"text\" x-model=\"newNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"newNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" :disabled=\"!newNoteTitle.trim() && !newNoteContent.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Save</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div x-show=\"editingNoteId\" class=\"mb-4 p-3 bg-blue-50 rounded\">\n <input type=\"text\" x-model=\"editingNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"editingNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div class=\"space-y-2\">\n <template x-for=\"note in notes\" :key=\"note.id\">\n <div class=\"border border-gray-200 rounded p-3\">\n <template x-if=\"!isEditingNoteInline(note.id)\">\n <div>\n <div class=\"flex items-center justify-between mb-2\">\n <h4 class=\"font-medium text-sm text-gray-800\" x-text=\"note.title || '(untitled)'\"></h4>\n <div class=\"flex gap-1\">\n <button type=\"button\" @click=\"copyNoteContent(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"startEditingNoteInline(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:pencil\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"confirm('Delete this note?') && deleteNote(note.id)\" class=\"text-gray-400 hover:text-red-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:delete\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n <div class=\"text-xs text-gray-600 truncate max-h-12 overflow-hidden\">\n <span x-text=\"note.content || '(empty)'\"></span>\n </div>\n <div class=\"text-xs text-gray-400 mt-1\" x-text=\"'Updated: ' + new Date(note.updatedAt).toLocaleDateString()\"></div>\n </div>\n </template>\n\n <template x-if=\"isEditingNoteInline(note.id)\">\n <div class=\"space-y-2\">\n <input type=\"text\" :value=\"editingNoteIds[note.id].title\" @input=\"editingNoteIds[note.id].title = $event.target.value\" placeholder=\"Note title...\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea :value=\"editingNoteIds[note.id].content\" @input=\"editingNoteIds[note.id].content = $event.target.value\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"commitEditingNoteInline(note.id)\" :disabled=\"!editingNoteIds[note.id].title.trim() && !editingNoteIds[note.id].content.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNoteInline(note.id)\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"notes.length === 0\" class=\"text-center text-gray-500 text-sm py-4\">\n No notes yet. Create your first note above!\n </div>\n </div>\n </div>\n </div>\n </aside>\n</div>\n",[],[265,727,737],"349278ca-a432-11f0-ac57-0224a6c84d84","chatWindow.html","e2268db2-804e-11f0-990e-0224a6c84d84",235,["D",1759919598568],"<div class=\"flex flex-col h-full\">\n \n <div class=\"shrink-0 sticky top-0 z-20 bg-white/90 backdrop-blur supports-backdrop-blur:bg-white/60 dark:bg-gray-800/90 dark:supports-backdrop-blur:bg-gray-800/60\">\n \n <div x-cloak x-include=\"'/frontend/components/chatControls.html'\"></div>\n \n <div class=\"md:hidden flex items-center justify-between p-4\">\n <button type=\"button\" @click=\"toggleSidebar()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"><path d=\"M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75Zm0 10.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Zm0-5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z\"/></svg>\n <span>Menu</span>\n </button>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createNewChat()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded bg-blue-600 text-white\">\n <span>New</span>\n </button>\n <button type=\"button\" @click=\"openChatSettings()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\"><span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>Settings</span>\n </button>\n </div>\n </div>\n </div>\n\n \n <div class=\"flex-1 min-h-0 overflow-y-auto p-4\" x-ref=\"messagesScroller\">\n <div class=\"min-w-0\">\n <div class=\"text-center mb-4\">\n <h1 class=\"text-2xl font-bold chat-title\"><a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat()\" class=\"hover:underline\">Chatter</a></h1>\n <p class=\"text-sm text-gray-600\">General-purpose AI assistant</p>\n </div>\n <div x-show=\"errorMessage\" class=\"mb-3\">\n <div class=\"flex items-center gap-2 px-4\">\n <p class=\"text-sm text-red-500\" x-text=\"errorMessage\"></p>\n </div>\n </div>\n <div class=\"space-y-4 pb-2 pl-4 pr-6 max-w-3xl mx-auto w-full\" x-ref=\"messagesContainer\">\n <template x-for=\"(m, idx) in (messages || [])\" :key=\"m.id || ('msg-' + idx)\">\n <div class=\"group flex flex-col gap-2\" :class=\"m.role === 'user' ? 'items-end' : 'items-start'\">\n <template x-if=\"m.role === 'assistant' && (messageReasoningMap[m.id] || m.reasoning)\">\n <div class=\"reasoning-container w-full pb-4\">\n <button type=\"button\" class=\"text-xs text-gray-400 hover:text-gray-600 underline\" @click=\"toggleReasoning(m.id)\">\n <span x-text=\"expandedReasoningMap[m.id] ? '- reasoning' : '+ reasoning'\"></span>\n </button>\n <div class=\"mt-1 text-xs text-gray-500 bg-gray-50 border border-gray-200 rounded p-2\" :class=\"expandedReasoningMap[m.id] ? 'max-h-none overflow-visible' : 'max-h-14 overflow-auto'\" :data-reasoning-id=\"m.id\">\n <pre class=\"whitespace-pre-wrap leading-snug\" x-text=\"messageReasoningMap[m.id] || m.reasoning || ''\"></pre>\n </div>\n </div>\n </template>\n <div :class=\"m.role === 'user' ? 'max-w-[80%] px-3 py-2 rounded-xl user-bubble' : 'w-full'\">\n <div x-show=\"m.role === 'assistant'\" class=\"text-[11px] text-gray-400 mb-1 flex items-center gap-2\">\n <span x-text=\"(m.model ? ('' + m.model) : '') + (m.model ? (' — ' + (m.promptLabel ?? 'custom')) : '')\"></span>\n </div>\n <div x-show=\"db && db.sessions && sessionTree && sessionTree.branchingEnabled && m.role === 'user'\" class=\"text-[11px] text-gray-400 mb-1 flex items-center gap-2\">\n <span>user message</span>\n </div>\n <div x-show=\"editingMessageIdx === idx\" x-cloak>\n <div :data-editing-idx=\"idx\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\" x-init=\"$el.textContent = editingMessageText\" @input=\"editingMessageText = $event.target.textContent; onEditingInput($event)\" @keydown.enter=\"if(!$event.shiftKey){ $event.preventDefault(); $event.stopPropagation(); commitEditingMessage(); }\" @keydown.escape.stop.prevent=\"cancelEditingMessage()\" @blur=\"commitEditingMessage()\" class=\"w-full whitespace-pre-wrap outline-none bg-transparent\"></div>\n </div>\n <div x-show=\"editingMessageIdx !== idx\">\n <div x-show=\"m.role === 'assistant'\" class=\"prose prose-sm max-w-none cursor-text prose-tight-last\" x-html=\"renderMarkdown(m.content)\"></div>\n <div x-show=\"m.role !== 'assistant'\" class=\"whitespace-pre-wrap cursor-text\" x-text=\"m.content\"></div>\n </div>\n </div>\n <div :class=\"m.role === 'user' ? 'max-w-[80%] w-full flex justify-end' : 'w-full flex justify-start'\">\n <div class=\"h-6 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition msg-actions\">\n \n <div x-show=\"db && db.sessions && sessionTree && sessionTree.branchingEnabled\" class=\"inline-flex items-center gap-1 mr-2 border-r border-gray-200 pr-2 dark:border-gray-600\">\n <button type=\"button\" class=\"px-1.5 py-0.5 rounded text-[11px] border border-gray-200 bg-white/80 text-gray-600 hover:bg-blue-600 hover:text-white dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 transition\" @click.stop.prevent=\"switchBranch((() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return null; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); const prev = (i <= 0 ? ids[ids.length-1] : ids[i-1]); return prev; })())\" title=\"Previous branch\" aria-label=\"Previous branch\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n </button>\n <span class=\"text-[10px] text-gray-500 px-1 font-medium dark:text-gray-400\" x-text=\"(() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return ''; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); return (i + 1) + '/' + list.length; })()\"></span>\n <button type=\"button\" class=\"px-1.5 py-0.5 rounded text-[11px] border border-gray-200 bg-white/80 text-gray-600 hover:bg-blue-600 hover:text-white dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 transition\" @click.stop.prevent=\"switchBranch((() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return null; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); const next = (i >= ids.length-1 ? ids[0] : ids[i+1]); return next; })())\" title=\"Next branch\" aria-label=\"Next branch\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:chevron-right\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"h-3 w-px bg-gray-300 dark:bg-gray-600\"></div>\n <button type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-green-200 bg-green-50/80 text-green-700 hover:bg-green-600 hover:text-white hover:border-green-600 dark:bg-gray-800 dark:text-green-400 dark:border-green-800 transition\" @click.stop.prevent=\"forkAtMessage(idx)\" title=\"Create alternative path here\" aria-label=\"Create branch\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:source-branch\" aria-hidden=\"true\"></span>\n <span>fork</span>\n </span>\n </button>\n <button x-show=\"m.role === 'assistant'\" type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-purple-200 bg-purple-50/80 text-purple-700 hover:bg-purple-600 hover:text-white hover:border-purple-600 dark:bg-gray-800 dark:text-purple-400 dark:border-purple-800 transition\" @click.stop.prevent=\"forkAndRegenerate(idx)\" title=\"Regenerate as new alternative\" aria-label=\"Regenerate as branch\" :disabled=\"isStreamingForCurrent || findPrevUserIndex(idx) < 0\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:refresh\" aria-hidden=\"true\"></span>\n <span>regen</span>\n </span>\n </button>\n <button x-show=\"m.role === 'user'\" type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-blue-200 bg-blue-50/80 text-blue-700 hover:bg-blue-600 hover:text-white hover:border-blue-600 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800 transition\" @click.stop.prevent=\"rerunFromUser(idx)\" title=\"Rerun from this user message\" aria-label=\"Rerun from here\" :disabled=\"isStreamingForCurrent\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:play\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n </div>\n \n <button type=\"button\" @click.stop.prevent=\"copyMessage(idx)\" :title=\"copiedMap[idx] ? 'Copied' : 'Copy message'\" aria-label=\"Copy message\" :class=\"'px-2 py-1 rounded text-xs shadow-sm btn ' + (copiedMap[idx] ? 'bg-green-50 text-green-600' : 'bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100')\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" x-show=\"!copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span class=\"iconify text-[16px] text-green-600\" x-show=\"copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span x-text=\"copiedMap[idx] ? 'copied' : 'copy'\"></span>\n </span>\n </button>\n <button x-show=\"m.role === 'user' && (!db || !db.sessions || !sessionTree || !sessionTree.branchingEnabled)\" type=\"button\" @click.stop.prevent=\"rerunFromUser(idx)\" :disabled=\"isStreamingForCurrent\" :title=\"isStreamingForCurrent ? 'Streaming in progress' : 'Rerun from here'\" aria-label=\"Rerun from here\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:refresh\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n <button x-show=\"m.role === 'assistant' && (!db || !db.sessions || !sessionTree || !sessionTree.branchingEnabled)\" type=\"button\" @click.stop.prevent=\"rerunAssistant(idx)\" :disabled=\"isStreamingForCurrent || findPrevUserIndex(idx) < 0\" :title=\"isStreamingForCurrent ? 'Streaming in progress' : (findPrevUserIndex(idx) < 0 ? 'No previous user message' : 'Regenerate this reply')\" aria-label=\"Regenerate this reply\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:refresh\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"startEditingMessage(idx)\" title=\"Edit message\" aria-label=\"Edit message\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:pencil-outline\" aria-hidden=\"true\"></span>\n <span>edit</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"confirm('Delete all below?') && deleteMessagesBelow(idx)\" title=\"Delete all below\" aria-label=\"Delete all below\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-red-700 hover:bg-red-50\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n <span>delete below</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"confirm('Delete this message?') && deleteMessage(idx)\" title=\"Delete message\" aria-label=\"Delete message\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-red-700 hover:bg-red-50\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n <span>delete</span>\n </span>\n </button>\n </div>\n </div>\n </div>\n </template>\n </div>\n </div>\n </div>\n\n \n <div class=\"composer surface shrink-0 sticky bottom-0 z-10 p-4\">\n <div class=\"flex items-end gap-2\">\n <textarea x-model=\"chatInput\" @keydown.enter.prevent=\"maybeSendOnEnter($event)\" @input=\"autoResize($event)\" rows=\"1\" placeholder=\"Type a message...\" class=\"flex-1 px-3 py-2 rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none max-h-40 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\"></textarea>\n <button type=\"button\" @click=\"sendMessage()\" :disabled=\"isStreamingForCurrent || !chatInput.trim()\" class=\"px-4 py-2 rounded-md bg-blue-600 text-white send-btn border border-gray-200 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\">Send</button>\n </div>\n </div>\n</div>\n\n\n",[],[265,727,745],"349724d8-a432-11f0-ac23-0224a6c84d84","chatControls.html","e16237b4-804e-11f0-a930-0224a6c84d84",236,["D",1759919598604],12,"<div class=\"surface hidden md:flex w-full items-center justify-end gap-2 py-2 pl-4 pr-6 chat-controls\">\n <div class=\"mr-auto flex items-center gap-2\">\n <button type=\"button\" @click.stop.prevent=\"copyCurrentChatJson()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span x-text=\"copyChatText\"></span>\n </button>\n </div>\n <div class=\"text-xs text-gray-400 dark:text-gray-500 text-right truncate max-w-[260px]\" :title=\"selectedModel + ' — ' + (currentTemplateLabel || 'custom')\">\n <span x-text=\"selectedModel + ' — ' + (currentTemplateLabel || 'custom')\"></span>\n </div>\n \n <div class=\"relative\">\n <select x-model=\"chatPromptId\" @mousedown=\"onPresetSelectFocus()\" @focus=\"onPresetSelectFocus()\" @change=\"onPresetChange()\" class=\"h-8 px-2 pr-8 border rounded shadow-sm focus:ring-2 focus:ring-blue-500 appearance-none text-xs align-middle ctrl-select\">\n <option value=\"\">custom</option>\n <template x-for=\"p in presets\" :key=\"p.id\">\n <option :value=\"String(p.id)\" x-text=\"p.name\"></option>\n </template>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <div class=\"relative\">\n <button type=\"button\" @click.stop.prevent=\"toggleChatSettings()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>settings</span>\n </button>\n <div x-cloak x-show=\"settingsOpen\" x-transition.opacity x-clickaway=\"closeChatSettings()\"\n class=\"absolute right-0 z-40 mt-2\">\n <aside class=\"relative surface rounded-md shadow-xl overflow-hidden\" @click.stop\n :style=\"'width: ' + settingsWidth + 'px; min-width: ' + minSettingsWidth + 'px'\">\n <div class=\"absolute left-0 top-0 h-full w-1 cursor-col-resize z-30\"\n :class=\"isResizingSettings ? 'bg-blue-300' : 'bg-transparent hover:bg-blue-200'\"\n @mousedown.prevent=\"startSettingsResize($event)\"></div>\n <div class=\"p-4 border-b border-gray-300 dark:border-gray-600 flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-300\">Settings</span>\n <div class=\"flex items-center gap-2\">\n <button\n x-show=\"settingsChanged\"\n @click=\"saveCurrentChatSettings()\"\n :disabled=\"savingSettings\"\n :class=\"'px-3 py-1 rounded text-xs border ' + (savingSettings ? 'border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 text-gray-500 dark:text-gray-400' : 'border-blue-500 bg-blue-500 text-white hover:bg-blue-600')\"\n title=\"Save changes as custom settings\">\n <span x-show=\"!savingSettings\">Save Changes</span>\n <span x-show=\"savingSettings\">⏳ Saving...</span>\n </button>\n <button type=\"button\" @click=\"closeChatSettings()\" class=\"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300\" title=\"Hide settings\" aria-label=\"Hide settings\">✕</button>\n </div>\n </div>\n <div class=\"p-4 text-sm text-gray-500 dark:text-gray-400 max-h-[70vh] overflow-y-auto\">\n \n <div class=\"mb-3\">\n <div class=\"flex flex-col gap-2\">\n <div class=\"flex items-center gap-2\">\n <div class=\"relative flex-1\">\n <select x-model=\"chatPromptId\" @mousedown=\"onPresetSelectFocus()\" @focus=\"onPresetSelectFocus()\" @change=\"onPresetChange()\" class=\"px-2 py-1 pr-8 border-0 bg-gray-100 dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full dark:text-gray-200\">\n <option value=\"\">custom</option>\n <template x-for=\"p in presets\" :key=\"p.id\">\n <option :value=\"String(p.id)\" x-text=\"p.name\"></option>\n </template>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <template x-if=\"!chatIsLinkedToPreset && !chatHasCustomSettingsStored\">\n <button type=\"button\" class=\"text-[11px] px-2 py-1 rounded border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300\" @click=\"saveAsPresetFromChat()\">save as preset</button>\n </template>\n </div>\n </div>\n </div>\n <p class=\"text-xs text-gray-500 dark:text-gray-400 mb-3\"></p>\n <div class=\"mb-4\">\n <div x-show=\"!userApiKey\" class=\"space-y-2\">\n <label class=\"block text-xs text-gray-600 dark:text-gray-300\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300\">(get key)</a></label>\n <div class=\"flex gap-2 items-center\">\n <input type=\"password\" x-model=\"apiKeyInput\" placeholder=\"Enter your Groq API key...\" class=\"flex-1 px-3 py-2 text-xs rounded-md focus:ring-2 focus:ring-blue-400 focus:border-transparent border-0 bg-white dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\">\n <button type=\"button\" @click=\"setApiKey()\" :disabled=\"!apiKeyInput.trim()\" class=\"px-3 py-2 bg-blue-600 text-white text-xs rounded-md hover:bg-blue-700 disabled:opacity-50\">Set</button>\n </div>\n </div>\n <div x-show=\"userApiKey\" class=\"space-y-2\">\n <label class=\"block text-xs text-gray-600 dark:text-gray-300\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300\">(get key)</a></label>\n <div class=\"flex items-center justify-between gap-2\">\n <code class=\"text-[11px] px-2 py-1 bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded truncate max-w-[70%] text-gray-800 dark:text-gray-200\" x-text=\"maskedApiKey\"></code>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"changeApiKey()\" class=\"text-[11px] hover:text-gray-700 dark:hover:text-gray-300 underline text-gray-600 dark:text-gray-400\">Change</button>\n <button type=\"button\" @click=\"clearApiKey()\" class=\"text-[11px] hover:text-gray-700 dark:hover:text-gray-300 underline text-gray-600 dark:text-gray-400\">Clear</button>\n </div>\n </div>\n </div>\n </div>\n \n <div class=\"mb-4 space-y-3\">\n \n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">model</label>\n <div class=\"relative\">\n <select x-model=\"selectedModel\" @change=\"onModelChange()\" class=\"px-2 py-1 pr-8 border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full dark:text-gray-200\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <div x-show=\"selectedModel === 'custom'\" x-cloak class=\"mt-1\">\n <input type=\"text\" x-ref=\"customBaseUrlInput\" x-model=\"customChatBaseUrl\" @input=\"onCustomChatBaseUrlChange()\" placeholder=\"Custom endpoint (e.g., http://localhost:11434)\" class=\"px-2 py-1 text-xs rounded-md bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 focus:ring-2 focus:ring-blue-500 w-full dark:text-gray-200 dark:placeholder-gray-400\" />\n </div>\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">temperature</label>\n <span class=\"text-xs text-gray-500 dark:text-gray-400\" x-text=\"Number(temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"temperature\" @input=\"onTemperatureChange()\" class=\"w-full\">\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">max tokens</label>\n <span class=\"text-xs text-gray-500 dark:text-gray-400\" x-text=\"maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"maxTokens\" @input=\"onMaxTokensChange()\" class=\"w-full\">\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">reasoning effort</label>\n <select x-model=\"reasoningEffort\" @change=\"onReasoningChange()\" class=\"w-full px-2 py-1 border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs dark:text-gray-200\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n\n \n <div class=\"space-y-2\">\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"streamEnabled\" @change=\"onStreamToggle()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>stream responses</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"useJobs\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>jobs mode</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"jsonMode\" @change=\"onJsonModeToggle()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>JSON mode</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useBrowserSearch\" @change=\"onUseBrowserSearchChange()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useCodeInterpreter\" @change=\"onUseCodeInterpreterChange()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>code interpreter</span>\n </label>\n </div>\n </div>\n\n \n <div class=\"mb-3\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">system prompt (this chat)</label>\n <textarea x-model=\"chatPromptText\" x-autosize @input=\"onChatPromptTextInput($event)\" rows=\"2\" placeholder=\"Enter a system prompt for this chat...\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[50px] dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\"></textarea>\n </div>\n </div>\n </div>\n </aside>\n </div>\n </div>\n <div class=\"relative\">\n <button type=\"button\" @click.stop.prevent=\"toggleGlobalMenu()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:tools\" aria-hidden=\"true\"></span>\n <span>tools</span>\n </button>\n </div>\n</div>\n\n\n",[],[265,727,753],"38a950a6-86ae-11f0-bc44-0224a6c84d84","appSettings.html","e1660b6e-804e-11f0-bb71-0224a6c84d84",142,["D",1756674328115],"<div class=\"flex-1 flex flex-col min-h-0 min-w-0\">\n <div class=\"flex items-center justify-between mb-4 min-w-0 settings-header\">\n <div class=\"inline-flex items-center gap-2 min-w-0\">\n <span class=\"iconify text-[18px] settings-icon\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <h2 class=\"text-lg font-semibold settings-title\">App Settings</h2>\n </div>\n <div class=\"flex items-center gap-2 min-w-0\">\n <button type=\"button\"\n class=\"inline-flex items-center gap-1 px-3 py-1.5 rounded border token-button\"\n aria-label=\"Back to chat\"\n @click=\"currentChatId != null ? (openChatPage(), navigateToChatPath(currentChatId)) : focusNewChat()\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n <span class=\"text-sm\">Back</span>\n </button>\n </div>\n </div>\n <div class=\"space-y-6 min-w-0\">\n <section class=\"surface rounded-md p-4\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800 mb-3\">Appearance</h3>\n <div class=\"space-y-3\">\n <div class=\"text-xs text-gray-500\">Theme</div>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='auto' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"auto\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Auto</span>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='light' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"light\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Light</span>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='dark' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"dark\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Dark</span>\n </label>\n </div>\n <div class=\"text-xs text-gray-500\">Font</div>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='mono' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"mono\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Monospace</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='sans' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"sans\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Sans-serif</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='serif' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"serif\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Serif</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Georgia', 'Times New Roman', Times, serif\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n </div>\n </div>\n </section>\n <section class=\"surface rounded-md p-4\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800 mb-3\">Data</h3>\n <div class=\"space-y-3 text-sm\">\n <div class=\"flex flex-wrap gap-2\">\n <button type=\"button\" @click=\"onExportData()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Export JSON</button>\n <button type=\"button\" @click=\"onClickImportReplace()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Import (replace)</button>\n <button type=\"button\" @click=\"onClickImportAppend()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Import (append)</button>\n <input x-ref=\"importFileInput\" type=\"file\" accept=\"application/json\" class=\"hidden\" @change=\"onImportFileChange($event)\">\n </div>\n <p class=\"text-xs text-gray-500\" x-text=\"dataStatusText\"></p>\n </div>\n </section>\n <section class=\"surface rounded-md p-4\">\n <div x-data=\"presetsPanel()\" class=\"space-y-4\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800\">Presets</h3>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"exportPresetsJson()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Export Presets</button>\n <button type=\"button\" @click=\"onClickImportPresetsReplace()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Import Presets (replace)</button>\n <button type=\"button\" @click=\"onClickImportPresetsAppend()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Import Presets (append)</button>\n <input x-ref=\"presetsImportFile\" type=\"file\" accept=\"application/json\" class=\"hidden\" @change=\"onImportPresetsFileChange($event)\">\n <button type=\"button\" @click=\"showNewPresetForm = !showNewPresetForm\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700 flex items-center gap-1\">\n <span class=\"iconify bg-dark text-[14px]\" data-icon=\"mdi:plus\" aria-hidden=\"true\"></span>\n <span x-text=\"showNewPresetForm ? 'Cancel' : 'New Preset'\"></span>\n </button>\n </div>\n </div>\n <p class=\"text-xs text-gray-500\" x-text=\"presetsDataStatus\"></p>\n <div x-show=\"showNewPresetForm\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 transform scale-95\" x-transition:enter-end=\"opacity-100 transform scale-100\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 transform scale-100\" x-transition:leave-end=\"opacity-0 transform scale-95\" class=\"border rounded-md p-3 bg-gray-50\">\n <div class=\"grid grid-cols-1 gap-2\">\n <div class=\"flex items-center gap-2\">\n <label class=\"text-xs text-gray-600 w-24\">name</label>\n <input type=\"text\" x-model=\"newPresetName\" placeholder=\"Preset name\" class=\"flex-1 px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500\" />\n <button type=\"button\" @click=\"createPreset(newPresetName, newPresetSystemPrompt, newPresetSettings); newPresetName=''; newPresetSystemPrompt=''; newPresetSettings=defaultSettings(); showNewPresetForm=false;\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700\">Create</button>\n </div>\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\">system prompt</label>\n <textarea x-model=\"newPresetSystemPrompt\" x-autosize rows=\"3\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[60px]\" placeholder=\"System prompt text...\"></textarea>\n </div>\n <div class=\"grid grid-cols-1 gap-3 text-[11px] text-gray-700\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\" for=\"preset-model-new\">model</label>\n <div class=\"relative\">\n <select id=\"preset-model-new\" x-model=\"newPresetSettings.selectedModel\" class=\"px-2 py-1 pr-8 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-down\" aria-hidden=\"true\"></span>\n </div>\n </div>\n <div class=\"mt-1\" x-show=\"newPresetSettings.selectedModel === 'custom'\" x-cloak>\n <input type=\"text\" placeholder=\"custom endpoint (e.g., http://localhost:11434)\" x-model=\"newPresetSettings.customChatBaseUrl\" class=\"px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500 w-full\" />\n </div>\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>temperature</span>\n <span class=\"w-8 text-right\" x-text=\"Number(newPresetSettings.temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"newPresetSettings.temperature\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>max tokens</span>\n <span class=\"w-12 text-right\" x-text=\"newPresetSettings.maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"newPresetSettings.maxTokens\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <span>reasoning</span>\n <select x-model=\"newPresetSettings.reasoningEffort\" class=\"w-full px-2 py-1 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.useBrowserSearch\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.useCodeInterpreter\">\n <span>code interpreter</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.streamEnabled\">\n <span>stream</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.jsonMode\">\n <span>json mode</span>\n </label>\n </div>\n \n </div>\n </div>\n <div class=\"space-y-2\">\n <template x-for=\"p in presets\" :key=\"p.id + '-' + (p.updatedAt ?? '') + '-' + renderNonce\">\n <div class=\"border rounded-md p-3\" :key=\"p.id + '-' + (p.updatedAt ?? '') + '-' + renderNonce\">\n <template x-if=\"editingPresetId === p.id\">\n <div class=\"space-y-2\">\n <div class=\"flex items-center gap-2\">\n <label class=\"text-xs text-gray-600 w-24\">name</label>\n <input type=\"text\" x-model=\"editingPresetName\" class=\"flex-1 px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500\" />\n </div>\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\">system prompt</label>\n <textarea x-model=\"editingPresetSystemPrompt\" x-autosize rows=\"4\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[80px]\"></textarea>\n </div>\n <div class=\"grid grid-cols-1 gap-3 text-[11px] text-gray-700\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\" for=\"preset-model-select\">model</label>\n <div class=\"relative\">\n <select id=\"preset-model-select\" x-model=\"editingPresetSettings.selectedModel\" class=\"px-2 py-1 pr-8 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-down\" aria-hidden=\"true\"></span>\n </div>\n </div>\n <div class=\"mt-1\" x-show=\"editingPresetSettings.selectedModel === 'custom'\" x-cloak>\n <input type=\"text\" placeholder=\"custom endpoint (e.g., http://localhost:11434)\" x-model=\"editingPresetSettings.customChatBaseUrl\" class=\"px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500 w-full\" />\n </div>\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>temperature</span>\n <span class=\"w-8 text-right\" x-text=\"Number(editingPresetSettings.temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"editingPresetSettings.temperature\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>max tokens</span>\n <span class=\"w-12 text-right\" x-text=\"editingPresetSettings.maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"editingPresetSettings.maxTokens\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <span>reasoning</span>\n <select x-model=\"editingPresetSettings.reasoningEffort\" class=\"w-full px-2 py-1 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.useBrowserSearch\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.useCodeInterpreter\">\n <span>code interpreter</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.streamEnabled\">\n <span>stream</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.jsonMode\">\n <span>json mode</span>\n </label>\n </div>\n <div class=\"flex items-center gap-2 pt-1\">\n <button type=\"button\" @click=\"commitEditingPreset()\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700\">Save</button>\n <button type=\"button\" @click=\"cancelEditingPreset()\" class=\"px-3 py-1.5 rounded border border-gray-200 text-xs bg-white hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n <template x-if=\"editingPresetId !== p.id\">\n <div class=\"flex items-start justify-between gap-3\">\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2\">\n <span class=\"font-medium text-gray-600 dark:text-gray-800 text-sm truncate\" x-text=\"p.name\"></span>\n <span class=\"text-[10px] text-gray-400\" x-text=\"new Date(p.updatedAt).toLocaleString()\"></span>\n </div>\n <div class=\"mt-1 text-[11px] text-gray-600\">\n <div class=\"truncate\" :title=\"getPresetSystemPrompt(p)\">\n <span class=\"text-gray-500\">system:</span>\n <span x-text=\"systemPromptPreview(p, 80)\"></span>\n </div>\n <div class=\"text-gray-500\" x-text=\"paramSummary(p)\"></div>\n </div>\n </div>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"startEditingPreset(p)\" class=\"px-2 py-1 rounded border border-gray-200 bg-white text-[11px] hover:bg-gray-50\">Edit</button>\n <button type=\"button\" @click=\"clonePreset(p)\" class=\"px-2 py-1 rounded border border-gray-200 bg-white text-[11px] hover:bg-gray-50\">Clone</button>\n <button type=\"button\" @click=\"confirm('Delete this preset?') && deletePreset(p.id)\" class=\"px-2 py-1 rounded border border-red-200 bg-white text-[11px] text-red-600 hover:bg-red-50\">Delete</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"!presets || presets.length === 0\" class=\"text-xs text-gray-500\">No presets yet.</div>\n </div>\n </div>\n </section>\n </div>\n</div>\n\n\n",[],[265,727,762],"e1505ac6-804e-11f0-8f43-0224a6c84d84",65,["D",1755973672435],[297,298,299,300,301,302],[265,727],["D",1754850144183],[296,303,313,315,321,326,327,328,329,330,331,332,333,334,335,336,337,338,339],[265],"33e89e90-a432-11f0-8b98-0224a6c84d84","utils.ts","03ff8fc4-7758-11f0-82e2-0224a6c84d84",209,["D",1759919597449],"// Environment-aware file utilities for serving project assets\nimport { readFile as vtReadFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport async function readFileContent(filePath: string, importMetaUrl: string): Promise<string> {\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n try {\n return await vtReadFile(filePath, importMetaUrl);\n } catch (error) {\n // If file not found on Val Town, throw a specific error\n throw new Error(`File not found on Val Town: ${filePath}`);\n }\n }\n return await Deno.readTextFile(filePath);\n}\n\nexport function textResponse(text: string, contentType = \"text/plain; charset=utf-8\"): Response {\n return new Response(text, { headers: { \"Content-Type\": contentType } });\n}\n\n",[],[270,778],"33ed16aa-a432-11f0-bcd9-0224a6c84d84","03f9902e-7758-11f0-98a6-0224a6c84d84",210,["D",1759919597478],"import { Hono } from 'https://deno.land/x/hono@v3.11.12/mod.ts';\nimport type { Context } from 'https://deno.land/x/hono@v3.11.12/mod.ts';\nimport \"jsr:@std/dotenv/load\";\n\nimport { registerStaticRoutes } from './routes/static.ts';\nimport { registerSystemRoutes } from './routes/system.ts';\nimport { registerJobsRoutes } from './routes/jobs.ts';\nimport { registerStylesRoutes } from './routes/styles.ts';\nimport { readFileContent } from './utils.ts';\n\nexport function createApp(importMetaUrl: string): Hono {\n const app = new Hono();\n\n // Unwrap Hono errors to see original error details\n app.onError((err: Error) => { throw err; });\n\n // Register route modules\n registerSystemRoutes(app);\n registerStylesRoutes(app, importMetaUrl);\n registerStaticRoutes(app, importMetaUrl);\n registerJobsRoutes(app);\n\n // Settings page route\n app.get('/settings', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Deep-link route for chats: supports \"/123\" and \"/some-slug-123\"\n app.get('/:slugOrId', async (c: Context) => {\n const segment = c.req.param('slugOrId') || '';\n const isNumeric = /^[0-9]+$/.test(segment);\n const isSlugWithId = /-([0-9]+)$/.test(segment);\n if (!isNumeric && !isSlugWithId) {\n return c.text('Not found', 404);\n }\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n return app;\n}\n\n",[],[270,665],"3451ddec-a432-11f0-bd53-0224a6c84d84","config.ts","3451de8c-a432-11f0-bd53-0224a6c84d84",225,["D",1759919598154],"// Backend configuration\nimport \"jsr:@std/dotenv/load\";\n\ninterface Settings {\n model: string;\n stream: boolean;\n reasoningEffort: string;\n}\n\n// Server API key (optional - users can provide their own)\nexport const serverApiKey: string | null = Deno.env.get('GROQ_API_KEY') || null;\n\n// Default model settings\nexport const settings: Settings = {\n model: 'openai/gpt-oss-120b',\n stream: true,\n reasoningEffort: 'medium'\n};\n\n",[],[270,793],"341293a8-a432-11f0-855f-0224a6c84d84","system.ts","040d7c74-7758-11f0-81b1-0224a6c84d84","03e5ad66-7758-11f0-a4e6-0224a6c84d84",215,["D",1759919597696],"// System/health endpoints\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { serverApiKey } from \"../config.ts\";\n\nexport function registerSystemRoutes(app: { get: (path: string, handler: (c: Context) => unknown) => void }): void {\n app.get('/api/check-key', (c: Context) => {\n return c.json({ hasServerKey: !!serverApiKey });\n });\n}\n\n",[],[270,809,801],"routes","34064b20-a432-11f0-b6d9-0224a6c84d84","styles.ts","bb3914cc-8526-11f0-a28d-0224a6c84d84",214,["D",1759919597637],"// On-demand SCSS compilation and theming\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { readFileContent, textResponse } from \"../utils.ts\";\n\n/**\n * Register SCSS -> CSS compilation route.\n *\n * GET /styles/:name.css?theme=auto|light|dark\n * - Compiles /frontend/styles/:name.scss and prepends theme token variables.\n * - Themes are implemented as CSS custom properties for easy extension.\n */\nexport function registerStylesRoutes(app: { get: (path: string, handler: (c: Context) => Promise<Response>) => void }, importMetaUrl: string): void {\n function stripScssLineComments(source: string): string {\n try {\n return source\n .split('\\n')\n .map((line) => line.replace(/\\s*\\/\\/.*$/, ''))\n .join('\\n');\n } catch (_) {\n return source;\n }\n }\n\n async function handleCompile(c: Context, nameParam: string): Promise<Response> {\n try {\n const rawName = nameParam || 'app';\n const themeParam = (c.req.query('theme') || 'auto').toLowerCase();\n const name = String(rawName).replace(/[^a-zA-Z0-9_-]/g, '');\n\n // Read main SCSS entry\n const entryPath = `frontend/styles/${name}.scss`;\n const entryScss = await readFileContent(entryPath, importMetaUrl);\n\n // Load theme tokens (SCSS that defines CSS variables)\n // We assemble the final source by concatenating theme + entry.\n const lightVarsPath = 'frontend/styles/themes/_light.scss';\n const darkVarsPath = 'frontend/styles/themes/_dark.scss';\n\n let themeScss = '';\n if (themeParam === 'light') {\n themeScss = await readFileContent(lightVarsPath, importMetaUrl);\n } else if (themeParam === 'dark') {\n themeScss = await readFileContent(darkVarsPath, importMetaUrl);\n } else {\n // auto: include both so users can toggle via [data-theme]\n const light = await readFileContent(lightVarsPath, importMetaUrl);\n const dark = await readFileContent(darkVarsPath, importMetaUrl);\n themeScss = `${light}\\n\\n${dark}`;\n }\n\n const finalSource = `${themeScss}\\n\\n${entryScss}`;\n\n // Try dynamic import of Sass for Deno. If unavailable, fall back to passthrough CSS\n let cssOut = '';\n try {\n const sass = await import(\"https://esm.sh/sass@1.77.8\");\n if (sass && typeof sass.compileString === 'function') {\n const result = sass.compileString(finalSource, { style: 'expanded' });\n cssOut = String(result.css || '');\n }\n } catch (_) {\n // Passthrough: strip SCSS '//' comments so it is valid CSS\n cssOut = stripScssLineComments(finalSource);\n }\n\n return textResponse(cssOut, 'text/css; charset=utf-8');\n } catch (err) {\n console.error('SCSS compile error:', err);\n // Gracefully return a small CSS with the error message commented for debugging\n const message = (err && (err as Error).message) ? String((err as Error).message) : 'Unknown error';\n const css = `/* SCSS compile failed: ${message.replace(/\\n/g, ' ')} */`;\n return textResponse(css, 'text/css; charset=utf-8');\n }\n }\n\n // Primary route: /styles/app.css\n app.get('/styles/:name.css', async (c: Context) => {\n const param = c.req.param('name') || 'app';\n return handleCompile(c, param);\n });\n\n // Fallback route: /styles/app.css (captured as a single :filename)\n app.get('/styles/:filename', async (c: Context) => {\n const filename = c.req.param('filename') || '';\n if (!filename.endsWith('.css')) {\n return new Response('Not found', { status: 404 });\n }\n const base = filename.slice(0, -4); // strip .css\n return handleCompile(c, base);\n });\n}\n\n",[],[270,809,811],"344b6278-a432-11f0-9be2-0224a6c84d84","static.ts","04247c80-7758-11f0-a6db-0224a6c84d84",224,["D",1759919597463],"// Static file routes (no static middleware)\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { readFileContent, textResponse } from \"../utils.ts\";\n\ntype CDNUrls = {\n [key: string]: string;\n};\n\nexport function registerStaticRoutes(app: { get: (path: string, handler: (c: Context) => Promise<Response>) => void }, importMetaUrl: string): void {\n // Root HTML\n app.get('/', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Vendor assets for offline\n app.get('/frontend/vendor/*', async (c: Context) => {\n const path = c.req.path; // /frontend/vendor/...\n const rel = path.slice(1);\n \n try {\n // Ignore source maps quietly\n if (rel.endsWith('.map')) {\n return c.text('Not found', 404);\n }\n const body = await readFileContent(rel, importMetaUrl);\n let contentType = 'application/javascript; charset=utf-8';\n if (rel.endsWith('.css')) contentType = 'text/css; charset=utf-8';\n if (rel.endsWith('.js')) contentType = 'application/javascript; charset=utf-8';\n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading vendor asset:', err);\n \n // On Val Town, redirect to CDN versions when vendor files are missing\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n const filename = path.split('/').pop();\n const cdnUrls: CDNUrls = {\n 'dexie.min.js': 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js',\n 'alpine.min.js': 'https://unpkg.com/alpinejs@3.13.3/dist/cdn.min.js',\n 'marked.min.js': 'https://unpkg.com/marked@9.1.6/marked.min.js',\n 'purify.min.js': 'https://unpkg.com/dompurify@3.0.6/dist/purify.min.js',\n 'iconify.min.js': 'https://code.iconify.design/3/3.1.1/iconify.min.js',\n 'tailwind-cdn.js': 'https://cdn.tailwindcss.com'\n };\n \n if (filename && cdnUrls[filename]) {\n return new Response(null, {\n status: 302,\n headers: { Location: cdnUrls[filename] }\n });\n }\n }\n \n return c.text('Not found', 404);\n }\n });\n\n // Route alias: /new should load the app and land on a new chat\n app.get('/new', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Frontend modules\n app.get('/frontend/chatterApp.js', async (c: Context) => {\n try {\n const js = await readFileContent('frontend/chatterApp.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading chatterApp.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n app.get('/frontend/init.js', async (c: Context) => {\n try {\n const js = await readFileContent('frontend/init.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading init.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n // Generic frontend file handler to serve other frontend assets\n app.get('/frontend/*', async (c: Context) => {\n try {\n const path = c.req.path;\n if (!path.startsWith('/frontend/')) return c.text('Not found', 404);\n const rel = path.slice(1); // strip leading '/'\n let body = await readFileContent(rel, importMetaUrl);\n let contentType = 'text/plain; charset=utf-8';\n \n // Transpile TypeScript files to JavaScript\n if (rel.endsWith('.ts')) {\n try {\n const { transpile } = await import('https://deno.land/x/emit@0.31.0/mod.ts');\n const result = await transpile(new URL(`file://${Deno.cwd()}/${rel}`));\n body = result.get(new URL(`file://${Deno.cwd()}/${rel}`).href) || body;\n contentType = 'application/javascript; charset=utf-8';\n } catch (transpileErr) {\n console.error('TypeScript transpile error:', transpileErr);\n // Fall back to serving raw if transpile fails\n contentType = 'application/javascript; charset=utf-8';\n }\n } else if (rel.endsWith('.js')) {\n contentType = 'application/javascript; charset=utf-8';\n } else if (rel.endsWith('.css')) {\n contentType = 'text/css; charset=utf-8';\n } else if (rel.endsWith('.svg')) {\n contentType = 'image/svg+xml; charset=utf-8';\n } else if (rel.endsWith('.html')) {\n contentType = 'text/html; charset=utf-8';\n }\n \n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading frontend asset:', err);\n return c.text('Not found', 404);\n }\n });\n}\n\n",[],[270,809,819],"33fa7994-a432-11f0-a697-0224a6c84d84","jobs.ts","b72cc6b2-86b1-11f0-9627-0224a6c84d84",212,["D",1759919597521],"// Generic Jobs API with SSE updates\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { serverApiKey } from \"../config.ts\";\n\n// Job types\ntype JobStatus = 'pending' | 'running' | 'completed' | 'error' | 'cancelled';\ntype JobType = 'chat' | string; // Extensible for future job types\n\ninterface ChatJobInput {\n userApiKey?: string;\n messages?: Array<{ role: string; content: string }>;\n query?: string;\n dateRange?: string;\n source?: string;\n language?: string;\n offset?: number;\n model?: string;\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n base_url?: string;\n}\n\ninterface Job {\n id: string;\n type: JobType;\n status: JobStatus;\n createdAt: number;\n updatedAt: number;\n input: ChatJobInput | Record<string, unknown>;\n result: unknown;\n error: string | null;\n progress: number | null;\n data: Record<string, unknown>;\n subscribers: Set<ReadableStreamDefaultController>;\n abortController?: AbortController;\n}\n\n// In-memory job store. Suitable for single-process dev/local usage.\nconst jobs = new Map<string, Job>();\nlet jobCounter = 0;\n\nfunction now(): number {\n return Date.now();\n}\n\nfunction newJobId(): string {\n jobCounter += 1;\n return `${now()}-${jobCounter}`;\n}\n\nfunction createJob(type: JobType, input: ChatJobInput | Record<string, unknown>): Job {\n const id = newJobId();\n const job: Job = {\n id,\n type,\n status: \"pending\",\n createdAt: now(),\n updatedAt: now(),\n input: input || {},\n result: null,\n error: null,\n progress: null,\n data: {},\n subscribers: new Set(),\n abortController: undefined,\n };\n jobs.set(id, job);\n return job;\n}\n\nfunction getJob(id: string): Job | undefined {\n return jobs.get(String(id));\n}\n\nfunction publish(job: Job, eventName: string, payload?: unknown): void {\n const encoder = new TextEncoder();\n const data = (payload === undefined) ? \"\" : JSON.stringify(payload);\n const chunk = (eventName ? (`event: ${eventName}\\n`) : \"\") + `data: ${data}\\n\\n`;\n for (const sub of job.subscribers) {\n try {\n sub.enqueue(encoder.encode(chunk));\n } catch (_) {\n /* ignore */\n }\n }\n}\n\nfunction completeJob(job: Job, result: unknown): void {\n job.status = \"completed\";\n job.updatedAt = now();\n job.result = result || null;\n publish(job, \"job\", { id: job.id, status: job.status, result: job.result });\n // Best-effort close subscribers\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nfunction failJob(job: Job, message: string): void {\n job.status = \"error\";\n job.updatedAt = now();\n job.error = String(message || \"error\");\n publish(job, \"job\", { id: job.id, status: job.status, error: job.error });\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nfunction cancelJob(job: Job): void {\n try {\n job.abortController?.abort();\n } catch (_) {\n /* ignore */\n }\n job.status = \"cancelled\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nasync function runChatJob(job: Job): Promise<void> {\n const input = job.input as ChatJobInput;\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = \"openai/gpt-oss-120b\",\n reasoning_effort = \"medium\",\n tools = [],\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n base_url,\n } = input;\n\n const apiKey = serverApiKey || userApiKey || Deno.env.get(\"GROQ_API_KEY\") || null;\n if (!apiKey && !base_url) {\n failJob(job, \"No API key (or base_url) provided\");\n return;\n }\n\n const isGptOss = typeof model === \"string\" && model.startsWith(\"openai/gpt-oss\");\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : null;\n\n // Legacy search routing disabled; use plain chat mode\n const selectedRoute = \"text\";\n if (typeof query === \"string\" && query.trim()) {\n finalMessages = [\n { role: \"system\", content: \"If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.\" },\n { role: \"user\", content: query }\n ];\n } else if (!finalMessages) {\n finalMessages = [{ role: \"user\", content: \"go to https://news.ycombinator.com/ and give me the first 5 stories\" }];\n }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages) && Array.isArray(tools) && tools.length > 0) {\n const toolPreamble = {\n role: \"system\",\n content: \"You have access to a web browsing tool named \\\"browser_search\\\". Use it for real-time information, for finding additional sources when the user says things like \\\"continue\\\" or \\\"find more\\\", and for verification. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.\"\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n\n const payload: Record<string, unknown> = {\n model,\n messages: finalMessages,\n stream: true,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: \"auto\" } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const baseUrl = (typeof base_url === \"string\" && base_url.trim()) ? base_url.trim().replace(/\\/$/, \"\") : \"\";\n let endpoint = \"https://api.groq.com/openai/v1/chat/completions\";\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + \"/chat/completions\";\n } else {\n endpoint = baseUrl + \"/v1/chat/completions\";\n }\n }\n\n const headers: Record<string, string> = {\n \"Content-Type\": \"application/json\",\n ...(apiKey ? { \"Authorization\": \"Bearer \" + apiKey } : {}),\n };\n\n const decoder = new TextDecoder();\n const encoder = new TextEncoder();\n job.status = \"running\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n\n let collapsedContent = \"\";\n let collapsedReasoning = \"\";\n const collectedTools: unknown[] = [];\n\n const abortController = new AbortController();\n job.abortController = abortController;\n\n try {\n const upstream = await fetch(endpoint, {\n method: \"POST\",\n headers,\n body: JSON.stringify(payload),\n signal: abortController.signal,\n });\n\n if (!upstream.ok || !upstream.body) {\n let txt = \"\";\n try {\n txt = await upstream.text();\n } catch (_) {\n /* ignore */\n }\n failJob(job, `Upstream error ${upstream.status}: ${txt}`);\n return;\n }\n\n const ct = upstream.headers.get(\"content-type\") || \"\";\n const isSse = /text\\/event-stream/i.test(ct);\n\n if (!isSse) {\n try {\n const nonStream = await upstream.json();\n const choice0 = Array.isArray(nonStream.choices) ? nonStream.choices[0] : null;\n const finalContent = (choice0?.message?.content || choice0?.delta?.content || '') || '';\n if (finalContent) {\n collapsedContent += finalContent;\n publish(job, \"data\", { choices: [{ delta: { content: finalContent } }] });\n }\n // results disabled for plain chat\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (e) {\n failJob(job, (e as Error)?.message || String(e));\n }\n return;\n }\n\n const reader = upstream.body.getReader();\n let buffer = '';\n // route event disabled\n\n const keepAlive = setInterval(() => {\n try {\n publish(job, \"ping\", {});\n } catch (_) {\n /* ignore */\n }\n }, 15000);\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n for (const evt of events) {\n if (!evt.trim()) continue;\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n publish(job, \"data\", tryParseJson(data));\n try {\n const parsed = JSON.parse(data);\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n if (delta.reasoning) collapsedReasoning += delta.reasoning;\n if (delta.content) collapsedContent += delta.content;\n if (Array.isArray(delta.executed_tools)) collectedTools.push(...delta.executed_tools);\n if (Array.isArray(delta.tool_calls)) collectedTools.push(...delta.tool_calls);\n } catch (_) {\n /* ignore */\n }\n }\n }\n }\n // results disabled for plain chat\n try {\n /* no-op */\n } catch (_) {\n /* ignore */\n }\n } finally {\n try {\n clearInterval(keepAlive);\n } catch (_) {\n /* ignore */\n }\n }\n\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (err) {\n if (job.status === 'cancelled') return;\n failJob(job, (err as Error)?.message || String(err));\n }\n}\n\nfunction tryParseJson(s: string): unknown {\n try {\n return JSON.parse(s);\n } catch (_) {\n return { raw: s };\n }\n}\n\nfunction collectToolTextFromArray(toolArray: unknown[]): string {\n if (!Array.isArray(toolArray)) return '';\n const parts: string[] = [];\n for (const t of toolArray) {\n try {\n const tool = t as Record<string, unknown>;\n const name = tool?.name || tool?.tool || (tool?.function as Record<string, unknown>)?.name || tool?.id || '';\n const args = tool?.arguments || tool?.input || tool?.params || null;\n const output = tool?.output || tool?.result || tool?.content || null;\n const searchResults = tool?.search_results || tool?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) {\n /* ignore */\n }\n }\n return parts.join('\\n');\n}\n\nexport function registerJobsRoutes(app: { get: (path: string, handler: (c: Context) => unknown) => void; post: (path: string, handler: (c: Context) => unknown) => void }): void {\n // Create job\n app.post('/api/jobs', async (c: Context) => {\n try {\n let body: Record<string, unknown> = {};\n try {\n body = await c.req.json();\n } catch (_) {\n body = {};\n }\n const { type, input } = body;\n if (!type || typeof type !== 'string') return c.json({ error: 'Missing job type' }, 400);\n const job = createJob(type, input as ChatJobInput | Record<string, unknown>);\n // Fire and forget runner based on type\n queueMicrotask(() => {\n if (type === 'chat') runChatJob(job);\n else {\n failJob(job, `Unknown job type: ${type}`);\n }\n });\n return c.json({ id: job.id, status: job.status, createdAt: job.createdAt });\n } catch (err) {\n return c.json({ error: (err as Error)?.message || String(err) }, 500);\n }\n });\n\n // Get job\n app.get('/api/jobs/:id', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n return c.json({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt, result: job.result, error: job.error, progress: job.progress });\n });\n\n // List jobs (optionally filter by status)\n app.get('/api/jobs', (c: Context) => {\n const status = c.req.query('status');\n const out: Array<Record<string, unknown>> = [];\n for (const job of jobs.values()) {\n if (status && job.status !== status) continue;\n out.push({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n }\n return c.json({ jobs: out });\n });\n\n // Cancel job\n app.post('/api/jobs/:id/cancel', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n if (job.status === 'completed' || job.status === 'error' || job.status === 'cancelled') return c.json({ id: job.id, status: job.status });\n cancelJob(job);\n return c.json({ id: job.id, status: job.status });\n });\n\n // Stream job updates via SSE\n app.get('/api/jobs/:id/stream', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n const stream = new ReadableStream({\n start: (controller: ReadableStreamDefaultController) => {\n // track controller for cancellation\n try {\n (stream as unknown as { _controller: ReadableStreamDefaultController })._controller = controller;\n } catch (_) {\n /* ignore */\n }\n job.subscribers.add(controller);\n // Send initial state\n try {\n publish(job, 'job', { id: job.id, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n } catch (_) {\n /* ignore */\n }\n },\n cancel: () => {\n try {\n const ctrl = (stream as unknown as { _controller?: ReadableStreamDefaultController })._controller;\n if (ctrl) job.subscribers.delete(ctrl);\n } catch (_) {\n /* ignore */\n }\n }\n });\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-transform',\n 'Connection': 'keep-alive',\n },\n });\n });\n}\n\n",[],[270,809,827],"5a3afb42-93ed-11f0-b791-0224a6c84d84","chatStream.js","0404255c-7758-11f0-ab1c-0224a6c84d84",192,["D",1758130807852],"// Aggregated chat stream endpoint (returns collapsed + extracted results)\nimport { streamChatAndAggregate } from \"../../chatStreaming.js\";\n// import { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\"; // routing disabled\n// import { extractOrRepairJsonResults, extractResultsFromToolOutputs, sanitizeResults, synthesizeResultsFromContext } from \"../../jsonUtils.js\"; // links/results disabled\nimport { serverApiKey } from \"../config.js\";\n\nfunction collectToolTextFromArray(toolArray) {\n if (!Array.isArray(toolArray)) return '';\n const parts = [];\n for (const t of toolArray) {\n try {\n const name = t?.name || t?.tool || t?.function?.name || t?.id || '';\n const args = t?.arguments || t?.input || t?.params || null;\n const output = t?.output || t?.result || t?.content || null;\n const searchResults = t?.search_results || t?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) { /* ignore */ }\n }\n return parts.join('\\n');\n}\n\nexport function registerChatStreamRoute(app) {\n app.post('/api/chatStream', async (c) => {\n try {\n let body = {};\n try { body = await c.req.json(); } catch (_) { body = {}; }\n\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = 'openai/gpt-oss-120b',\n reasoning_effort = 'medium',\n tools,\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n stream: clientStream,\n base_url,\n } = body || {};\n\n const apiKey = serverApiKey || userApiKey || (typeof Deno !== 'undefined' ? Deno.env.get('GROQ_API_KEY') : null);\n if (!apiKey && !base_url) {\n return c.json({ error: 'No Groq API key available. Please provide your own key.' }, 400);\n }\n\n const isGptOss = typeof model === 'string' && model.startsWith('openai/gpt-oss');\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : (typeof query === 'string' && query.trim().length > 0\n ? [\n { role: 'system', content: 'Return ONLY JSON matching the schema; no markdown or commentary. For every result, url MUST be a direct deep link to the specific item/resource (not a homepage, category page, or search results page). Prefer canonical targets: external article for HN listings, PubMed PMID page or publisher DOI for papers, arXiv abs page, DOI resolver, exact thread permalinks for discussions, and precise GitHub paths. Never output root domains as url. ALWAYS conduct searches in English; if the query is not in English, translate to English for search and present outputs in the requested language.' },\n { role: 'user', content: buildSearchPrompt(query, source, dateRange, language, offset) }\n ]\n : null);\n\n try {\n if (typeof query === 'string' && query.trim()) {\n // routing disabled; plain chat only\n finalMessages = [\n { role: 'system', content: 'If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.' },\n { role: 'user', content: query }\n ];\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n // no-op\n }\n } catch (_) { /* ignore */ }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages)) {\n const toolPreamble = {\n role: 'system',\n content: 'You have access to a web browsing tool named \"browser_search\". Use it for fresh information, finding more sources, verification, and when the user says things like \"continue\", \"find more\", or asks for links. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.'\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n if (!finalMessages) {\n finalMessages = [{ role: 'user', content: 'go to https://news.ycombinator.com/ and give me the first 5 stories' }];\n }\n\n const payload = {\n model,\n messages: finalMessages,\n stream: (clientStream === false) ? false : true,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: 'auto' } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const baseUrl = (typeof base_url === 'string' && base_url.trim()) ? base_url.trim().replace(/\\/$/, '') : '';\n let endpoint = undefined;\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + '/chat/completions';\n } else {\n endpoint = baseUrl + '/v1/chat/completions';\n }\n }\n const aggregates = await streamChatAndAggregate(apiKey, payload, { logSse: false, endpoint });\n // links/results extraction disabled — return only collapsed chat aggregates\n console.log('>> [chatStream] textContent:', aggregates?.collapsed?.content || '');\n return c.json({ model, ...aggregates });\n } catch (error) {\n console.error('chatStream error:', error);\n return c.json({ error: 'chatStream error: ' + error.message }, 500);\n }\n });\n}\n\n\n",[],[270,809,835],"03e5ac9e-7758-11f0-a4e6-0224a6c84d84",22,["D",1754988035458],[287,288,289,290,291],[270,809],["D",1754988035289],[286,292,293,294],[270],["D",1754850041617],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":887,"_888":889,"_890":891,"_892":49,"_893":49,"_894":49,"_895":25,"_896":-5,"_897":-7,"_898":-7,"_899":63,"_900":49,"_901":49,"_902":-5,"_903":49,"_904":49,"_905":49,"_906":-5},"ENV",{"_858":859,"_860":861,"_862":87,"_863":864,"_865":866,"_867":868,"_869":870,"_871":872,"_873":874,"_875":876,"_877":878,"_879":880,"_881":882,"_883":884,"_885":886},"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"] </article></body></html>

Diff · v244