Chatter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_619":620,"_621":622},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_104":86,"_26":52,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",116,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","scripts/fetch_vendor.js","latestPath","fileId","bb41d09e-8526-11f0-b180-0224a6c84d84","name","fetch_vendor.js","fileType","script","content","// 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","createdAt",["D",1756506184522],"branchVersion","branchId","b927b48c-7616-11f0-8fe4-0224a6c84d84","id","b9276202-7616-11f0-8fe4-0224a6c84d84","chatter",["D",1754850041617],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","f69a1b0c-7616-11f0-8f0c-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"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",{"_42":43,"_31":44,"_37":615,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":616,"_80":617,"_82":618,"_84":24},"tree",[256,267,269,292,294,295,296,297,298,299,300,301,302,303,304],"files",[256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304],"counts",{"_246":62,"_247":199,"_248":62,"_249":250,"_251":252},"contents",[125,126,127,128,129,130,131,132,133,134,135,136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":240,"_31":241,"_29":242,"_143":-5,"_40":41,"_39":243,"_145":58,"_37":244,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_26":245},{"_42":235,"_31":236,"_29":237,"_143":-5,"_40":41,"_39":162,"_145":24,"_37":238,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_26":239},{"_42":230,"_31":231,"_29":232,"_143":-5,"_40":41,"_39":199,"_145":58,"_37":233,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_26":234},{"_42":223,"_31":224,"_29":225,"_143":-5,"_40":41,"_39":226,"_145":58,"_37":227,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_26":229},{"_42":216,"_31":217,"_29":218,"_143":-5,"_40":41,"_39":219,"_145":58,"_37":220,"_13":62,"_33":20,"_35":221,"_23":24,"_148":-5,"_26":222},{"_42":209,"_31":210,"_29":211,"_143":-5,"_40":41,"_39":212,"_145":24,"_37":213,"_13":62,"_33":20,"_35":214,"_23":24,"_148":-5,"_26":215},{"_42":202,"_31":203,"_29":204,"_143":-5,"_40":41,"_39":205,"_145":24,"_37":206,"_13":199,"_33":34,"_35":207,"_23":24,"_148":-5,"_26":208},{"_42":194,"_31":195,"_29":196,"_143":-5,"_40":41,"_39":197,"_145":58,"_37":198,"_13":199,"_33":34,"_35":200,"_23":24,"_148":-5,"_26":201},{"_42":188,"_31":189,"_29":190,"_143":-5,"_40":41,"_39":178,"_145":24,"_37":191,"_13":62,"_33":20,"_35":192,"_23":24,"_148":-5,"_26":193},{"_42":181,"_31":182,"_29":183,"_143":-5,"_40":41,"_39":184,"_145":58,"_37":185,"_13":62,"_33":20,"_35":186,"_23":24,"_148":-5,"_26":187},{"_42":173,"_31":174,"_29":175,"_143":-5,"_40":41,"_39":176,"_145":24,"_37":177,"_13":178,"_33":20,"_35":179,"_23":24,"_148":-5,"_26":180},{"_42":166,"_31":167,"_29":168,"_143":-5,"_40":41,"_39":169,"_145":24,"_37":170,"_13":62,"_33":34,"_35":171,"_23":24,"_148":-5,"_26":172},{"_42":158,"_31":159,"_29":56,"_143":-5,"_40":41,"_39":160,"_145":24,"_37":161,"_13":162,"_33":163,"_35":164,"_23":24,"_148":44,"_26":165},{"_42":150,"_31":151,"_29":152,"_143":-5,"_40":41,"_39":153,"_145":24,"_37":154,"_13":155,"_33":20,"_35":156,"_23":24,"_148":-5,"_26":157},{"_42":140,"_31":141,"_29":142,"_143":-5,"_40":41,"_39":144,"_145":58,"_37":146,"_13":62,"_33":20,"_35":147,"_23":24,"_148":-5,"_26":149},"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",[141],"debc1496-84f2-11f0-a909-0224a6c84d84","notes.md","041e99e6-7758-11f0-81b1-0224a6c84d84",106,["D",1756483910204],9,"\n\nrandom features\n- dark mode + multiple mode support (scoped scss?)\n- switch out settings button with a Dropdown preset switcher and a settings button side by side for faster switching\n- show the preset by the model name for each chat (or custom if custom)\n- background running + tabs / multiple running instances\n- did custom endpoints get borked?\n- multiple response toggling\n- branching tree chats / multiple chat trees?\n- 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- notes area is nice in side bar\n- show model name by response?\n- system message should NOT be auto generatlized across all; should be specific to chat \n - special system message template interface?\n- copy entire page / thread / export entire thread data\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- 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- multiple text +/- text area section??\n - multiple system prompts?\n - notes section? (for copy/paste for example)\n- creates mutliple chat grids\n- chat tabs across the top, like chrome or rest fox?!?!?!?!\n\n\nmedium features\n- switch out llm url, including localhost\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\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\ndone\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",[151],"0439f510-7758-11f0-93f7-0224a6c84d84","main.js",33,["D",1754988036009],2,"http","import \"jsr:@std/dotenv/load\";\nimport { createApp } from './backend/index.js';\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",[159],"f77b21ce-7616-11f0-8f0c-0224a6c84d84","jsonUtils.js","f77b22e6-7616-11f0-8f0c-0224a6c84d84",15,["D",1754850144846],"// General JSON extraction/repair helper using Groq Chat Completions\n// Converts arbitrary text into a strict JSON object and returns the `results` array\nexport async function extractOrRepairJsonResults(rawText, apiKey, language = 'english') {\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({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You convert arbitrary text into a strict JSON object with a top-level `results` array. Return ONLY JSON, no markdown or comments. Output must already be sanitized: descriptions must be clean plain text with no citations (e.g., [1], (2)), no line numbers (e.g., L0:), no dagger symbols (†), no HTML, no code blocks, and no section headers. Descriptions must add new information beyond the title — never repeat or mirror the title. If a description would equal or start with the title, remove the title portion and ensure the remaining text adds value; if nothing remains, set description to null. Keep prose concise and readable.'\n },\n {\n role: 'user',\n content:\n 'Convert the following into ONLY valid JSON that matches the schema. If fields are missing, use null. Do not include markdown fences. In description, output plain text only (no citations, numbers-in-brackets, line numbers, or HTML). Present titles and descriptions in language: ' + String(language || 'english') + '\\n---\\n' + rawText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n let results = Array.isArray(parsed?.results) ? parsed.results : [];\n return results;\n } catch (_) {\n return [];\n }\n}\n\n// Extract results strictly from tool outputs (ground truth URLs only)\n// The tool logs may include lines like \"URL: ...\", markdown lists, tables, or raw text.\n// This helper instructs the model to ONLY use URLs that appear in the provided text and never invent new ones.\nexport async function extractResultsFromToolOutputs(toolText, apiKey, language = 'english') {\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({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You will receive raw logs from browser tool executions that include titles and URLs. Critically: ONLY use URLs that literally appear in the logs. Do not fabricate or guess any URL. Produce a strict JSON object with a top-level `results` array. Each result should map a meaningful title to one of the URLs present in the logs. Prefer canonical deep links by rule: Hacker News → exact item permalink or the external article if explicitly listed; PubMed → PMID page; arXiv → /abs/; DOI → https://doi.org/...; Reddit/forums → exact thread permalink; GitHub → exact path to repo/issue/file/release. If a suitable title is not obvious, derive a concise one from nearby text. If description can be inferred, include a short clean sentence with no citations or artifacts; otherwise set description to null. Never include any URL not present in the logs.'\n },\n {\n role: 'user',\n content:\n 'From the following tool logs, extract results using ONLY URLs that occur in the text. Return ONLY valid JSON matching the schema. If fields are missing, use null. No markdown fences. Present titles and descriptions in language: ' + String(language || 'english') + '\\n---\\n' + toolText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results_from_tools',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n const results = Array.isArray(parsed?.results) ? parsed.results : [];\n return results;\n } catch (_) {\n return [];\n }\n}\n\n// Remove null/undefined optional fields so UI never shows pmid: null or doi: null\nexport function sanitizeResults(results) {\n if (!Array.isArray(results)) return [];\n return results.map((r) => {\n const cleaned = { ...r };\n for (const key of ['pmid', 'doi', 'description', 'source', 'published_at', 'comments']) {\n if (cleaned[key] === null || cleaned[key] === undefined) {\n delete cleaned[key];\n }\n }\n return cleaned;\n });\n}\n\n\n\n// Structured summary extraction to eliminate citation artifacts and enforce clean fields\nexport async function extractStructuredSummary(rawText, apiKey) {\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({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content:\n 'You convert arbitrary summary-like text into a strict JSON object describing the content. Return ONLY JSON, no markdown. Remove all citation artifacts (e.g., [1], (2), †), line numbers (e.g., L0:), and scraped UI fragments. Keep clean prose. Choose one type: research or general. For research, populate research_question, methods_and_findings, significance. For general, populate what_it_is, key_points (short bullet strings), and details. If any field would repeat or mirror the title or adds no value, set it to null. Keep text concise.'\n },\n {\n role: 'user',\n content:\n 'Normalize the following text into ONLY valid JSON matching the schema. No markdown fences, no HTML. Remove citations, numbers-in-brackets, line numbers, and artifacts.\\n---\\n' + rawText\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'structured_summary',\n schema: {\n type: 'object',\n properties: {\n type: { type: 'string', enum: ['general', 'research'] },\n general: {\n type: 'object',\n properties: {\n what_it_is: { type: 'string' },\n key_points: { type: 'array', items: { type: 'string' } },\n details: { type: 'string' }\n },\n additionalProperties: false\n },\n research: {\n type: 'object',\n properties: {\n research_question: { type: 'string' },\n methods_and_findings: { type: 'string' },\n significance: { type: 'string' }\n },\n additionalProperties: false\n }\n },\n required: ['type'],\n additionalProperties: false\n }\n }\n },\n stream: false\n }),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n return parsed && typeof parsed === 'object' ? parsed : null;\n } catch (_) {\n return null;\n }\n}\n\nfunction escapeHtml(str) {\n if (!str) return '';\n return String(str)\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n\n// Deterministic HTML renderer for structured summary\nexport function renderStructuredSummaryToHtml(structured) {\n if (!structured || typeof structured !== 'object') return '';\n const type = structured.type;\n if (type === 'research' && structured.research) {\n const rq = escapeHtml(structured.research.research_question || '');\n const mf = escapeHtml(structured.research.methods_and_findings || '');\n const sg = escapeHtml(structured.research.significance || '');\n let html = '';\n if (rq) html += '

Research Question: ' + rq + '

';\n if (mf) html += '

Methods & Findings: ' + mf + '

';\n if (sg) html += '

Significance: ' + sg + '

';\n return html;\n }\n // default to general\n const general = structured.general || {};\n const what = escapeHtml(general.what_it_is || '');\n const details = escapeHtml(general.details || '');\n const points = Array.isArray(general.key_points) ? general.key_points : [];\n let html = '';\n if (what) html += '

What it is: ' + what + '

';\n if (points.length > 0) {\n html += '

Key points:

' + escapeHtml(p) + '

';\n }\n if (details) html += '

Details: ' + details + '

';\n return html;\n}\n\n\n// Synthesis fallback: produce results[] from mixed context (tool logs, assistant text, reasoning, existing results)\n// Only used when earlier parsing/repair yielded nothing or timed out\nexport async function synthesizeResultsFromContext(context, apiKey) {\n try {\n const {\n query = '',\n language = 'english',\n toolText = '',\n assistantText = '',\n reasoningText = '',\n existingResults = []\n } = context || {};\n\n const parts = [];\n if (query) parts.push('User query: ' + String(query));\n parts.push('Present titles and descriptions in language: ' + String(language || 'english'));\n if (Array.isArray(existingResults) && existingResults.length > 0) {\n parts.push('Existing results JSON (may be empty or partial): ' + JSON.stringify({ results: existingResults }));\n }\n if (toolText && String(toolText).trim()) parts.push('Tool logs:\\n' + String(toolText));\n if (assistantText && String(assistantText).trim()) parts.push('Assistant text:\\n' + String(assistantText));\n if (reasoningText && String(reasoningText).trim()) parts.push('Reasoning text:\\n' + String(reasoningText));\n\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({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content: 'Synthesize a strict JSON search results list from provided context. CRITICAL: Prefer URLs that literally occur in tool logs or assistant text; avoid fabricating. Apply canonical link rules (HN item or external, PubMed PMID, arXiv /abs, DOI resolver, exact thread permalinks, precise GitHub paths). Descriptions must be clean plain text without citations (no [1], (2), L0:, †), HTML, or code fences, and must add info beyond the title. Present titles and descriptions in the requested language.'\n },\n {\n role: 'user',\n content: parts.join('\\n\\n')\n }\n ],\n response_format: {\n type: 'json_schema',\n json_schema: {\n name: 'search_results_synthesis',\n schema: {\n type: 'object',\n properties: {\n results: {\n type: 'array',\n items: {\n type: 'object',\n properties: {\n title: { type: 'string' },\n url: { type: 'string' },\n description: { type: ['string', 'null'] },\n source: { type: ['string', 'null'] },\n published_at: { type: ['string', 'null'] },\n comments: { type: ['number', 'null'] },\n pmid: { type: ['string', 'null'] },\n doi: { type: ['string', 'null'] }\n },\n required: ['title', 'url'],\n additionalProperties: false\n }\n }\n },\n required: ['results'],\n additionalProperties: false\n }\n }\n },\n stream: false\n })\n });\n if (!response.ok) {\n try { console.error('synthesizeResultsFromContext error:', await response.text()); } catch (_) {}\n return [];\n }\n const data = await response.json();\n const jsonText = data.choices?.[0]?.message?.content || '{}';\n try {\n const parsed = JSON.parse(jsonText);\n return Array.isArray(parsed?.results) ? parsed.results : [];\n } catch (_) {\n return [];\n }\n } catch (_err) {\n return [];\n }\n}\n\n// Synthesis fallback: produce concise plain-text answer from context (used when router selects text or lists fail)\nexport async function synthesizeTextFromContext(context, apiKey) {\n try {\n const {\n query = '',\n language = 'english',\n toolText = '',\n assistantText = '',\n reasoningText = ''\n } = context || {};\n\n const parts = [];\n if (query) parts.push('User query: ' + String(query));\n parts.push('Respond in language: ' + String(language || 'english'));\n if (toolText && String(toolText).trim()) parts.push('Tool logs:\\n' + String(toolText));\n if (assistantText && String(assistantText).trim()) parts.push('Assistant text:\\n' + String(assistantText));\n if (reasoningText && String(reasoningText).trim()) parts.push('Reasoning text:\\n' + String(reasoningText));\n\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({\n model: 'openai/gpt-oss-120b',\n messages: [\n {\n role: 'system',\n content: 'Answer the user clearly and concisely using only the provided context. Return plain text only (no markdown fences). Remove any citations, numbers-in-brackets, line numbers, and artifacts. If unsure, say so briefly.'\n },\n { role: 'user', content: parts.join('\\n\\n') }\n ],\n stream: false\n })\n });\n if (!response.ok) {\n try { console.error('synthesizeTextFromContext error:', await response.text()); } catch (_) {}\n return '';\n }\n const data = await response.json();\n const text = data.choices?.[0]?.message?.content || '';\n return String(text || '').trim();\n } catch (_err) {\n return '';\n }\n}\n",[167],"de970354-84f2-11f0-84c0-0224a6c84d84","index.html","f67361ba-7616-11f0-baaa-0224a6c84d84",101,["D",1756483909972],12,"\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 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",[174],"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",[182],"f74d217a-7616-11f0-8a59-0224a6c84d84","deno.json","f74d226a-7616-11f0-8a59-0224a6c84d84",["D",1754850144578],"{\n \"tasks\": {\n \"serve\": \"deno serve --allow-read --allow-import --allow-env --allow-write --allow-net --reload=https://esm.town ./main.js\"\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\": 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}",[189],"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",[195],"042a27e8-7758-11f0-a8bc-0224a6c84d84","chatCompletion.js","f6661672-7616-11f0-b3f9-0224a6c84d84",31,["D",1754988035907],"// Minimal Groq Chat Completions client using fetch\nimport { extractOrRepairJsonResults, extractStructuredSummary, renderStructuredSummaryToHtml } from \"./jsonUtils.js\";\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// Use LLM to normalize any freeform output into strict JSON that matches our schema.\n// extractOrRepairJsonResults moved to ./jsonUtils.js\n\nexport function buildSearchPrompt(query, source, dateRange, language, offset) {\n // Always search in English; present in the selected language\n const presentationLanguage = (typeof language === 'string' && language.trim()) ? language : 'english';\n const languageInstruction = `IMPORTANT: Always conduct searches in English. Workflow: 1) If the user query is not in English, translate \"${query}\" into English search terms and use ONLY the English translation for searching. 2) After finding results, present all titles and descriptions in ${presentationLanguage}. Always search in English but present results in ${presentationLanguage}.`;\n\n const base = source && source.trim()\n ? `Search ${source} for: \"${query}\"`\n : `\"${query}\"`;\n\n let dateRangeText = '';\n if (dateRange) {\n dateRangeText = ({\n '1month': 'in the last month',\n '3months': 'in the last 3 months',\n '6months': 'in the last 6 months',\n '1year': 'in the last year',\n })[dateRange] || '';\n }\n\n const startResult = offset + 1;\n const endResult = offset + 5;\n const offsetInstruction = offset > 0 ? ` Skip the first ${offset} results and` : '';\n\n const searchPrompt = `${base}${dateRangeText ? ' ' + dateRangeText : ''}.${offsetInstruction} Return results ${startResult}-${endResult} (max 5 new results). Return ONLY JSON with a top-level \\\\\"results\\\\\" array. Each result must include: title and url. Optionally include: description (one concise sentence only if confidently grounded by the target page). Do NOT add or guess fields like source, published_at, comments, pmid, or doi — omit anything unknown.\\n\\nURL RULES (critical):\\n- Always provide a direct deep link to the specific item/resource — never a homepage, category page, or search results page.\\n- If the listing points to another resource, set url to the canonical content page, not the aggregator:\\n - Hacker News: prefer the external article URL if present; otherwise use the exact item permalink (https://news.ycombinator.com/item?id=...). Do not invent dates or comment counts.\\n - PubMed: use the PMID page (https://pubmed.ncbi.nlm.nih.gov/PMID/) or the publisher DOI landing page if available. Do not link to the PubMed homepage.\\n - arXiv: use https://arxiv.org/abs/ (or the PDF if explicitly asked for PDFs).\\n - DOI: use the https://doi.org/... resolver link.\\n - Reddit/Forums: use the exact thread permalink if the discussion is the result.\\n - GitHub: link to the exact repository, release, issue, or file path, not github.com root.\\n- Never return root domains (e.g., https://pubmed.ncbi.nlm.nih.gov/, https://news.ycombinator.com/). Ensure url resolves to the specific item. ${languageInstruction}`;\n return searchPrompt;\n}\n\n// Lightweight router: decide between 'links' (JSON list) and 'text' (short answer)\nexport async function routeQueryMode(apiKey, query) {\n try {\n const res = await groqChatCompletion(apiKey, {\n model: 'openai/gpt-oss-120b',\n messages: [\n { role: 'system', content: 'Classify the user request as either links or text. Respond with a single token: links or text. Use links if the user appears to want a search results list of sources; use text if the user is asking for an explanation/summary/definition.' },\n { role: 'user', content: String(query || '') }\n ],\n stream: false,\n });\n const out = (res?.choices?.[0]?.message?.content || '').trim().toLowerCase();\n if (out.includes('links')) return 'links';\n if (out.includes('text')) return 'text';\n } catch (_) { /* fall back to heuristic */ }\n // Heuristic fallback\n const q = String(query || '').trim().toLowerCase();\n const chatStarts = ['explain', 'what is', 'what are', 'how does', 'how do', 'summarize', 'overview', 'define', 'in simple terms', 'briefly', 'why is', 'compare', 'contrast'];\n if (chatStarts.some((s) => q.startsWith(s))) return 'text';\n if (q.endsWith('?') && q.length <= 200) return 'text';\n return 'links';\n}\n\nexport async function performSearch({ apiKey, query, dateRange, source, language, offset = 0, model, stream, reasoningEffort, forceLinksRoute = false }) {\n const prompt = buildSearchPrompt(query, source, dateRange, language, offset);\n const start = Date.now();\n const route = forceLinksRoute ? 'links' : await routeQueryMode(apiKey, query);\n const response = await groqChatCompletion(apiKey, {\n model,\n messages: route === 'text'\n ? [\n {\n role: 'system',\n 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 ${language || 'english'} (no JSON). If the request appears to be a search for sources, return ONLY JSON with a top-level results array as previously specified. ALWAYS conduct searches in English when needed.`\n },\n { role: 'user', content: query }\n ]\n : [\n {\n role: 'system',\n 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. Additionally, ALWAYS conduct searches in English. If the user query is not in English, translate it to English first and use ONLY the English translation for searching. Present titles and descriptions in ${language || 'english'}.`\n },\n { role: 'user', content: prompt },\n ],\n stream: false,\n reasoning_effort: reasoningEffort,\n tools: [ { type: 'browser_search' } ],\n });\n const end = Date.now();\n const searchTime = (end - start) / 1000;\n const contentText = response.choices?.[0]?.message?.content || '';\n\n console.log('>> contentText', contentText);\n let results = [];\n if (route === 'links') {\n try {\n // Try direct parse first (in case the model already returned valid JSON)\n const stripped = String(contentText).replace(/^```json\\s*/i, '').replace(/```\\s*$/i, '');\n const parsed = JSON.parse(stripped);\n if (Array.isArray(parsed?.results)) results = parsed.results;\n } catch (_) {\n // as a fallback, attempt repair pass\n results = await extractOrRepairJsonResults(contentText, apiKey, language);\n }\n } else {\n // text mode → do not attempt to coerce content into results\n results = [];\n }\n // Also return assistant content and full response for upstream logging / fallback display\n return { results, searchTime, content: contentText, full: response, route };\n}\n\nimport { marked } from \"npm:marked\";\n\nfunction buildSummaryPrompt(url, title, language) {\n const languageInstruction = language && language !== 'english'\n ? `Please provide the summary in ${language}. `\n : '';\n\n return `Visit this URL: ${url}\n \nTitle: \"${title}\"\n\nCRITICAL INSTRUCTIONS:\n- Read the page content and produce a clean, professional summary.\n- Ignore navigation, comments, ads, headers/footers, and numerical artifacts.\n- If this is a research paper, use the RESEARCH format below.\n- If this is a news/blog/listing/discussion page (e.g., HN, Reddit, news site), use the GENERAL format below.\n- DO NOT include any citations, reference numbers, or raw scraping artifacts.\n- Write in clear prose without formatting artifacts.\n- The opening line of the summary must not simply repeat the title; avoid mirroring the title.\n\nReturn only one of the two structures below in markdown (choose based on page type). ${languageInstruction}\n\nRESEARCH FORMAT:\n

\n**Research Question:** [brief description of what the study investigates]\n\n**Methods & Findings:** [1-2 paragraphs covering methodology and key results - NO CITATIONS]\n\n**Significance:** [why this research matters and potential applications - NO CITATIONS]\n

\n\nGENERAL FORMAT:\n

\n**What it is:** [brief description of the page]\n\n**Key points:** [bullet list or short paragraphs with the main takeaways]\n\n**Details:** [1–2 short paragraphs with notable specifics]\n

`;\n}\n\nexport async function summarizeUrl({ apiKey, url, title, language, model, stream, reasoningEffort }) {\n const summaryPrompt = buildSummaryPrompt(url, title, language);\n const start = Date.now();\n const response = await groqChatCompletion(apiKey, {\n model,\n messages: [\n {\n role: 'system',\n content: 'You are a concise web content summarization expert. CRITICAL REQUIREMENTS: 1) Return ONLY the summary content within

tags - no other text, explanations, or metadata. 2) Use clean, professional markdown formatting. 3) NEVER include citations, reference numbers, line numbers, or any numerical markers like [1†, L0:, L1:, etc. 4) Write in clear prose without any formatting artifacts from source documents. 5) Adapt structure to page type and, if it is a research paper, strictly use the sections: Research Question, Methods & Findings, Significance; otherwise use the GENERAL structure.'\n },\n {\n role: 'user',\n content: summaryPrompt\n }\n ],\n stream,\n reasoning_effort: reasoningEffort,\n tools: [ { type: 'browser_search' } ],\n });\n const end = Date.now();\n const summaryTime = (end - start) / 1000;\n const responseText = response.choices[0]?.message?.content || '';\n\n // Prefer structured, JSON-cleaned summary to avoid leaking citation junk\n let cleanedHtml = '';\n try {\n const inner = (responseText.match(/

([\\s\\S]*?)<\\/summary>/) || [null, responseText])[1];\n const structured = await extractStructuredSummary(inner, apiKey);\n if (structured) {\n cleanedHtml = renderStructuredSummaryToHtml(structured);\n }\n } catch (_) {\n // ignore and fallback\n }\n if (!cleanedHtml) {\n // Final fallback: render markdown, but still try to strip outer

tags\n const match = responseText.match(/

([\\s\\S]*?)<\\/summary>/);\n const raw = match ? match[1].trim() : responseText;\n cleanedHtml = marked(raw);\n }\n\n return { summary: cleanedHtml, summaryTime };\n}\n\n\n",[203],"f7722614-7616-11f0-baaa-0224a6c84d84",".vtignore","f77226d2-7616-11f0-baaa-0224a6c84d84",14,["D",1754850144831],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[210],"f756687a-7616-11f0-99b1-0224a6c84d84",".gitignore","f7566974-7616-11f0-99b1-0224a6c84d84",13,["D",1754850145313],".env\n.DS_Store",[217],"bae9aca2-8526-11f0-9a69-0224a6c84d84","scripts","bae9ad6a-8526-11f0-9a69-0224a6c84d84",108,["D",1756506183953],"directory",[224],"f64a42a8-7616-11f0-baaa-0224a6c84d84","frontend","f64a4398-7616-11f0-baaa-0224a6c84d84",["D",1754850144183],[231],"f6587ed6-7616-11f0-b3f9-0224a6c84d84","backup","f6587f80-7616-11f0-b3f9-0224a6c84d84",["D",1754850144279],[236],"03cb2a36-7758-11f0-b9e9-0224a6c84d84","backend","03cb2afe-7758-11f0-b9e9-0224a6c84d84",21,["D",1754988035289],[241],"pulls","branches","forks","envVars",{"_253":62,"_255":62},"connections",{"_253":62,"_254":62},"count","unfilledCount","emptyCount",{"_42":240,"_31":241,"_29":242,"_143":-5,"_40":41,"_39":243,"_145":58,"_37":612,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":613,"_26":614},{"_42":607,"_31":566,"_29":560,"_143":242,"_40":41,"_39":608,"_145":58,"_37":609,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":610,"_26":611},{"_42":599,"_31":600,"_29":601,"_143":560,"_40":41,"_39":602,"_145":24,"_37":603,"_13":199,"_33":34,"_35":604,"_23":24,"_148":-5,"_306":605,"_26":606},{"_42":591,"_31":592,"_29":593,"_143":560,"_40":41,"_39":594,"_145":24,"_37":595,"_13":199,"_33":34,"_35":596,"_23":24,"_148":-5,"_306":597,"_26":598},{"_42":583,"_31":584,"_29":585,"_143":560,"_40":41,"_39":586,"_145":24,"_37":587,"_13":62,"_33":34,"_35":588,"_23":24,"_148":-5,"_306":589,"_26":590},{"_42":575,"_31":576,"_29":577,"_143":560,"_40":41,"_39":578,"_145":24,"_37":579,"_13":162,"_33":34,"_35":580,"_23":24,"_148":-5,"_306":581,"_26":582},{"_42":567,"_31":568,"_29":569,"_143":560,"_40":41,"_39":570,"_145":24,"_37":571,"_13":62,"_33":34,"_35":572,"_23":24,"_148":-5,"_306":573,"_26":574},{"_42":557,"_31":558,"_29":559,"_143":560,"_40":41,"_39":561,"_145":24,"_37":562,"_13":62,"_33":34,"_35":563,"_23":24,"_148":-5,"_306":564,"_26":565},{"_42":549,"_31":550,"_29":551,"_143":242,"_40":41,"_39":552,"_145":24,"_37":553,"_13":62,"_33":34,"_35":554,"_23":24,"_148":-5,"_306":555,"_26":556},{"_42":541,"_31":542,"_29":543,"_143":242,"_40":41,"_39":544,"_145":24,"_37":545,"_13":199,"_33":34,"_35":546,"_23":24,"_148":-5,"_306":547,"_26":548},{"_42":533,"_31":534,"_29":535,"_143":242,"_40":41,"_39":536,"_145":24,"_37":537,"_13":62,"_33":34,"_35":538,"_23":24,"_148":-5,"_306":539,"_26":540},{"_42":235,"_31":236,"_29":237,"_143":-5,"_40":41,"_39":162,"_145":24,"_37":530,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":531,"_26":532},{"_42":524,"_31":174,"_29":525,"_143":237,"_40":41,"_39":359,"_145":24,"_37":526,"_13":62,"_33":20,"_35":527,"_23":24,"_148":-5,"_306":528,"_26":529},{"_42":230,"_31":231,"_29":232,"_143":-5,"_40":41,"_39":199,"_145":58,"_37":521,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":522,"_26":523},{"_42":516,"_31":482,"_29":476,"_143":232,"_40":41,"_39":517,"_145":58,"_37":518,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":519,"_26":520},{"_42":508,"_31":509,"_29":510,"_143":476,"_40":41,"_39":511,"_145":24,"_37":512,"_13":162,"_33":20,"_35":513,"_23":24,"_148":-5,"_306":514,"_26":515},{"_42":499,"_31":500,"_29":501,"_143":476,"_40":41,"_39":502,"_145":24,"_37":503,"_13":504,"_33":20,"_35":505,"_23":24,"_148":-5,"_306":506,"_26":507},{"_42":491,"_31":492,"_29":493,"_143":476,"_40":41,"_39":494,"_145":24,"_37":495,"_13":162,"_33":20,"_35":496,"_23":24,"_148":-5,"_306":497,"_26":498},{"_42":483,"_31":484,"_29":485,"_143":476,"_40":41,"_39":486,"_145":24,"_37":487,"_13":162,"_33":20,"_35":488,"_23":24,"_148":-5,"_306":489,"_26":490},{"_42":473,"_31":474,"_29":475,"_143":476,"_40":41,"_39":477,"_145":24,"_37":478,"_13":62,"_33":20,"_35":479,"_23":24,"_148":-5,"_306":480,"_26":481},{"_42":468,"_31":467,"_29":461,"_143":232,"_40":41,"_39":469,"_145":58,"_37":470,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":471,"_26":472},{"_42":458,"_31":459,"_29":460,"_143":461,"_40":41,"_39":462,"_145":24,"_37":463,"_13":144,"_33":34,"_35":464,"_23":24,"_148":-5,"_306":465,"_26":466},{"_42":453,"_31":452,"_29":445,"_143":232,"_40":41,"_39":454,"_145":58,"_37":455,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":456,"_26":457},{"_42":442,"_31":443,"_29":444,"_143":445,"_40":41,"_39":446,"_145":24,"_37":447,"_13":448,"_33":34,"_35":449,"_23":24,"_148":-5,"_306":450,"_26":451},{"_42":437,"_31":405,"_29":399,"_143":232,"_40":41,"_39":438,"_145":58,"_37":439,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":440,"_26":441},{"_42":432,"_31":423,"_29":417,"_143":399,"_40":41,"_39":433,"_145":58,"_37":434,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":435,"_26":436},{"_42":424,"_31":425,"_29":426,"_143":417,"_40":41,"_39":427,"_145":24,"_37":428,"_13":62,"_33":20,"_35":429,"_23":24,"_148":-5,"_306":430,"_26":431},{"_42":414,"_31":415,"_29":416,"_143":417,"_40":41,"_39":418,"_145":58,"_37":419,"_13":62,"_33":20,"_35":420,"_23":24,"_148":-5,"_306":421,"_26":422},{"_42":406,"_31":407,"_29":408,"_143":399,"_40":41,"_39":409,"_145":24,"_37":410,"_13":62,"_33":20,"_35":411,"_23":24,"_148":-5,"_306":412,"_26":413},{"_42":396,"_31":397,"_29":398,"_143":399,"_40":41,"_39":400,"_145":24,"_37":401,"_13":62,"_33":20,"_35":402,"_23":24,"_148":-5,"_306":403,"_26":404},{"_42":388,"_31":389,"_29":390,"_143":232,"_40":41,"_39":391,"_145":24,"_37":392,"_13":62,"_33":34,"_35":393,"_23":24,"_148":-5,"_306":394,"_26":395},{"_42":380,"_31":381,"_29":382,"_143":232,"_40":41,"_39":383,"_145":24,"_37":384,"_13":62,"_33":34,"_35":385,"_23":24,"_148":-5,"_306":386,"_26":387},{"_42":371,"_31":372,"_29":373,"_143":232,"_40":41,"_39":374,"_145":24,"_37":375,"_13":376,"_33":34,"_35":377,"_23":24,"_148":-5,"_306":378,"_26":379},{"_42":363,"_31":364,"_29":365,"_143":232,"_40":41,"_39":366,"_145":24,"_37":367,"_13":199,"_33":34,"_35":368,"_23":24,"_148":-5,"_306":369,"_26":370},{"_42":354,"_31":355,"_29":356,"_143":232,"_40":41,"_39":357,"_145":24,"_37":358,"_13":359,"_33":34,"_35":360,"_23":24,"_148":-5,"_306":361,"_26":362},{"_42":346,"_31":347,"_29":348,"_143":232,"_40":41,"_39":349,"_145":24,"_37":350,"_13":62,"_33":34,"_35":351,"_23":24,"_148":-5,"_306":352,"_26":353},{"_42":223,"_31":224,"_29":225,"_143":-5,"_40":41,"_39":226,"_145":58,"_37":343,"_13":62,"_33":228,"_35":-5,"_23":24,"_148":-5,"_306":344,"_26":345},{"_42":339,"_31":32,"_29":30,"_143":225,"_40":41,"_39":14,"_145":58,"_37":340,"_13":62,"_33":34,"_35":36,"_23":24,"_148":-5,"_306":341,"_26":342},{"_42":216,"_31":217,"_29":218,"_143":-5,"_40":41,"_39":219,"_145":58,"_37":336,"_13":62,"_33":20,"_35":221,"_23":24,"_148":-5,"_306":337,"_26":338},{"_42":209,"_31":210,"_29":211,"_143":-5,"_40":41,"_39":212,"_145":24,"_37":333,"_13":62,"_33":20,"_35":214,"_23":24,"_148":-5,"_306":334,"_26":335},{"_42":202,"_31":203,"_29":204,"_143":-5,"_40":41,"_39":205,"_145":24,"_37":330,"_13":199,"_33":34,"_35":207,"_23":24,"_148":-5,"_306":331,"_26":332},{"_42":194,"_31":195,"_29":196,"_143":-5,"_40":41,"_39":197,"_145":58,"_37":327,"_13":199,"_33":34,"_35":200,"_23":24,"_148":-5,"_306":328,"_26":329},{"_42":188,"_31":189,"_29":190,"_143":-5,"_40":41,"_39":178,"_145":24,"_37":324,"_13":62,"_33":20,"_35":192,"_23":24,"_148":-5,"_306":325,"_26":326},{"_42":181,"_31":182,"_29":183,"_143":-5,"_40":41,"_39":184,"_145":58,"_37":321,"_13":62,"_33":20,"_35":186,"_23":24,"_148":-5,"_306":322,"_26":323},{"_42":173,"_31":174,"_29":175,"_143":-5,"_40":41,"_39":176,"_145":24,"_37":318,"_13":178,"_33":20,"_35":179,"_23":24,"_148":-5,"_306":319,"_26":320},{"_42":166,"_31":167,"_29":168,"_143":-5,"_40":41,"_39":169,"_145":24,"_37":315,"_13":62,"_33":34,"_35":171,"_23":24,"_148":-5,"_306":316,"_26":317},{"_42":158,"_31":159,"_29":56,"_143":-5,"_40":41,"_39":160,"_145":24,"_37":312,"_13":162,"_33":163,"_35":164,"_23":24,"_148":44,"_306":313,"_26":314},{"_42":150,"_31":151,"_29":152,"_143":-5,"_40":41,"_39":153,"_145":24,"_37":309,"_13":155,"_33":20,"_35":156,"_23":24,"_148":-5,"_306":310,"_26":311},{"_42":140,"_31":141,"_29":142,"_143":-5,"_40":41,"_39":144,"_145":58,"_37":305,"_13":62,"_33":20,"_35":147,"_23":24,"_148":-5,"_306":307,"_26":308},["D",1754850144638],"children",[],[141],["D",1756483910204],[],[151],["D",1754988036009],[],[159],["D",1754850144846],[],[167],["D",1756483909972],[],[174],["D",1754850144711],[],[182],["D",1754850144578],[],[189],["D",1755157226829],[],[195],["D",1754988035907],[],[203],["D",1754850144831],[],[210],["D",1754850145313],[],[217],"bb41cffe-8526-11f0-b180-0224a6c84d84",["D",1756506184522],[],[224,32],["D",1756506183953],[293],[224],"8ff2c57e-78f1-11f0-82b8-0224a6c84d84","researchLib.js","8ff2c63c-78f1-11f0-82b8-0224a6c84d84",46,["D",1755163934593],"// Research utilities extracted from researchApp\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",[],[231,347],"dec27fa2-84f2-11f0-af5c-0224a6c84d84","researchApp.js","f6940d20-7616-11f0-a338-0224a6c84d84",107,["D",1756483910091],11,"import { getI18n, getDateRangeText as i18nDateRangeText } from './i18n.js';\nimport { getDisplaySourceName, getActualSearchSource, getActualSearchSourceName } from './researchLib.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 {\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';\n\nexport default function researchApp() {\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 // 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 copyEventsTimeoutId: 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 // 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 // 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 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 \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 } catch (_) { /* ignore */ }\n // Apply app-level styles that depend on persisted settings\n try { this.applyAppFont(); } 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 // 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 } 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+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 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() {\n try { localStorage.setItem('app_font', this.appFontChoice); } catch (_) { /* ignore */ }\n this.applyAppFont();\n },\n applyAppFont() {\n try {\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 (this.appFontChoice === 'sans') {\n root.style.setProperty('--font-body', sans);\n root.style.setProperty('--font-headings', sans);\n } else if (this.appFontChoice === 'serif') {\n root.style.setProperty('--font-body', serif);\n root.style.setProperty('--font-headings', serif);\n } else {\n // default mono\n root.style.setProperty('--font-body', mono);\n // Keep headings in Inter/sans to provide hierarchy by default when in mono\n root.style.setProperty('--font-headings', sans);\n }\n } catch (_) { /* ignore */ }\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) {\n try {\n if (e && e.dataTransfer) {\n e.dataTransfer.setData('text/plain', String(chatId));\n e.dataTransfer.effectAllowed = 'move';\n }\n } catch (_) {}\n this.draggingChatId = chatId;\n },\n onChatDragEnd() {\n this.draggingChatId = null;\n this.dragOverFolderId = null;\n this.dragOverBase = false;\n },\n onFolderDragOver(e, folderId) {\n e.preventDefault();\n this.dragOverFolderId = folderId;\n this.dragOverBase = false;\n },\n onFolderDragLeave(e, folderId) {\n if (this.dragOverFolderId === folderId) this.dragOverFolderId = null;\n },\n async onFolderDrop(e, folderId) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain') } catch { return null } })();\n const id = Number(raw || this.draggingChatId);\n await this.moveChatToFolder(id, folderId);\n this.dragOverFolderId = null;\n this.dragOverBase = false;\n },\n onBaseDragOver(e) {\n e.preventDefault();\n this.dragOverBase = true;\n this.dragOverFolderId = null;\n },\n onBaseDragLeave() {\n this.dragOverBase = false;\n },\n async onBaseDrop(e) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain') } catch { return null } })();\n const id = Number(raw || this.draggingChatId);\n await this.moveChatToFolder(id, null);\n this.dragOverBase = false;\n this.dragOverFolderId = null;\n },\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() {\n try { localStorage.setItem('groq_model', this.selectedModel || 'openai/gpt-oss-120b'); } catch (_) { /* ignore */ }\n const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss'));\n if (!isOss) { this.useBrowserSearch = false; this.useCodeInterpreter = false; }\n // Mark settings as changed for save button\n this.settingsChanged = true;\n // If custom is selected, focus the custom endpoint input\n if (this.selectedModel === 'custom') {\n try {\n this.$nextTick(() => {\n const el = this.$refs && this.$refs.customBaseUrlInput;\n if (el && typeof el.focus === 'function') el.focus();\n });\n } catch (_) { /* ignore */ }\n }\n },\n onUseBrowserSearchChange() {\n try { localStorage.setItem('use_browser_search', this.useBrowserSearch ? '1' : '0'); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onUseCodeInterpreterChange() {\n try { localStorage.setItem('use_code_interpreter', this.useCodeInterpreter ? '1' : '0'); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\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() {\n try {\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 } catch (_) { /* ignore */ }\n },\n\n onTemperatureChange() {\n const v = Number(this.temperature);\n this.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : 1;\n try { localStorage.setItem('temperature', String(this.temperature)); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onMaxTokensChange() {\n const v = Math.max(1, Math.floor(Number(this.maxTokens) || 0));\n this.maxTokens = v;\n try { localStorage.setItem('max_tokens', String(this.maxTokens)); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onReasoningChange() {\n const v = this.reasoningEffort;\n const ok = v === 'low' || v === 'medium' || v === 'high';\n if (!ok) this.reasoningEffort = 'medium';\n try { localStorage.setItem('reasoning_effort', this.reasoningEffort); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onStreamToggle() {\n try { localStorage.setItem('stream_enabled', this.streamEnabled ? '1' : '0'); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onJsonModeToggle() {\n try { localStorage.setItem('json_mode', this.jsonMode ? '1' : '0'); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\n onCustomChatBaseUrlChange() {\n try { localStorage.setItem('chat_base_url', this.customChatBaseUrl || ''); } catch (_) { /* ignore */ }\n this.settingsChanged = true;\n },\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 // --- Data export/import ---\n async onExportData() {\n try {\n this.dataStatusText = 'preparing export...';\n const payload = await coreExportAllData(this);\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 this.dataStatusText = 'exported current data to JSON file';\n } catch (e) {\n console.error('export error', e);\n this.dataStatusText = 'export failed';\n }\n },\n onClickImportReplace() {\n try {\n this.pendingImportMode = 'replace';\n const el = this.$refs && this.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n },\n onClickImportAppend() {\n try {\n this.pendingImportMode = 'append';\n const el = this.$refs && this.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n },\n async onImportFileChange(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 this.dataStatusText = (this.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 (this.pendingImportMode === 'replace') {\n counts = await coreImportDataReplace(this, text);\n } else {\n counts = await coreImportDataAppend(this, text);\n }\n // Refresh UI\n await this.loadFolders();\n await this.loadChats();\n // Reset current chat selection depending on mode\n if (this.pendingImportMode === 'replace') {\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 try { this.navigateToChatPath(this.ephemeralChatId, true); } catch (_) { /* ignore */ }\n }\n this.dataStatusText = `${this.pendingImportMode === 'replace' ? 'replaced' : 'appended'}: ${counts.foldersAdded} folders, ${counts.chatsAdded} chats, ${counts.messagesAdded} messages`;\n } catch (err) {\n console.error('import error', err);\n this.dataStatusText = 'import failed';\n } finally {\n try { if (e && e.target) e.target.value = ''; } catch (_) {}\n this.pendingImportMode = null;\n }\n },\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 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() {\n if (this.timerFrozenText) return this.timerFrozenText;\n if (!this.timerStartMs) return '';\n const elapsed = this.timerElapsedMs / 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\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() {\n this.stopTimer();\n this.timerFrozenText = '';\n this.timerStartMs = Date.now();\n this.timerElapsedMs = 0;\n // Update every 30ms for smooth hundredths\n this.timerIntervalId = setInterval(() => {\n this.timerElapsedMs = Date.now() - this.timerStartMs;\n }, 30);\n },\n stopTimer() {\n if (this.timerIntervalId) {\n clearInterval(this.timerIntervalId);\n this.timerIntervalId = null;\n }\n if (this.timerStartMs) {\n const elapsed = (this.timerElapsedMs || (Date.now() - this.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 this.timerFrozenText = `${s}.${h}s...done`;\n }\n this.timerStartMs = null;\n this.timerElapsedMs = 0;\n },\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() {\n const text = this.assistantContent || '';\n if (!text) return '';\n const trimmed = text.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 text;\n }\n }\n return text;\n },\n // Render assistant content as HTML using marked + DOMPurify (safe markdown rendering)\n renderAssistantContent() {\n const raw = this.formatAssistantContent();\n try {\n // If it is JSON (from formatAssistantContent), keep as a code block\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 // Trace helpers\n computeTraceMaxHeight() {\n return this.traceExpanded ? '' : 'max-height: 100px';\n },\n toggleTool(idx) {\n this.expandedToolMap[idx] = !this.expandedToolMap[idx];\n this.queueScrollToBottom();\n },\n toggleReasoning(messageId) {\n if (messageId == null) return;\n this.expandedReasoningMap[messageId] = !this.expandedReasoningMap[messageId];\n this.queueScrollReasoningById(messageId);\n },\n prettify(obj) {\n try { return JSON.stringify(obj, null, 2); } catch (_) { return String(obj); }\n },\n async copyEventsJson() {\n try {\n const json = JSON.stringify(this.traceEvents || [], null, 2);\n await navigator.clipboard.writeText(json);\n this.copyEventsText = 'copied';\n if (this.copyEventsTimeoutId) clearTimeout(this.copyEventsTimeoutId);\n this.copyEventsTimeoutId = setTimeout(() => {\n this.copyEventsText = 'copy json';\n this.copyEventsTimeoutId = null;\n }, 3000);\n } catch (_) {\n // no-op\n }\n },\n // Smoothly ensure the trace scroller is at bottom after DOM updates\n queueScrollToBottom() {\n try {\n const el = this.$refs && this.$refs.traceContainer;\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof this.$nextTick === 'function') {\n this.$nextTick(doScroll);\n } else {\n requestAnimationFrame(doScroll);\n }\n } catch (_) {\n // no-op\n }\n },\n // Smoothly keep the per-message reasoning panel scrolled to bottom\n queueScrollReasoningById(messageId) {\n try {\n const el = document.querySelector('[data-reasoning-id=\"' + messageId + '\"]');\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof this.$nextTick === 'function') {\n this.$nextTick(doScroll);\n } else {\n requestAnimationFrame(doScroll);\n }\n } catch (_) { /* ignore */ }\n },\n\n // Chat helpers\n 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 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.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 all messages after this user message both in-memory and in DB\n try {\n const toRemove = (this.messages || []).slice(idx + 1);\n if (this.db) {\n for (const msg of toRemove) {\n if (msg && msg.id != null) {\n try { await this.db.messages.delete(msg.id); } catch (_) { /* ignore */ }\n }\n }\n }\n } catch (_) { /* ignore */ }\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 (_) { /* ignore */ }\n }\n this.scrollToBottom();\n // Trigger streaming new assistant response\n this.streamAssistant();\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.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) {\n try {\n const el = e && e.target; if (!el) return;\n el.style.height = 'auto';\n el.style.height = Math.min(el.scrollHeight, 320) + 'px';\n } catch (_) {}\n },\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: start editing a message at index\n async startEditingMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx] || {};\n this.editingMessageIdx = idx;\n this.editingMessageId = m.id || null;\n this.editingMessageOriginal = String(m.content || '');\n this.editingMessageText = this.editingMessageOriginal;\n // If message isn't persisted yet (e.g., initial assistant greeting), create it now\n try {\n const ensured = await this.ensureMessagePersisted(idx);\n if (ensured) this.editingMessageId = ensured;\n } catch (_) { /* ignore */ }\n // focus editor on next tick and prefill content\n setTimeout(() => {\n try {\n const el = document.querySelector('[data-editing-idx=\"' + idx + '\"]');\n if (el) {\n // Prefill for contenteditable or textarea inputs\n if (el.getAttribute && el.getAttribute('contenteditable') === 'true') {\n el.textContent = this.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 = this.editingMessageText || ''; } catch (_) { /* ignore */ }\n el.focus();\n this.autoResize({ target: el });\n el.select && el.select();\n }\n }\n } catch (_) {}\n }, 30);\n } catch (_) { /* no-op */ }\n },\n // Debounced input handler for editing\n async onEditingInput(e) {\n try {\n const text = typeof this.editingMessageText === 'string' ? this.editingMessageText : '';\n const i = this.editingMessageIdx;\n if (i != null && i >= 0 && i < this.messages.length) {\n this.messages[i].content = text;\n }\n if (this.editingDebounceId) clearTimeout(this.editingDebounceId);\n this.editingDebounceId = setTimeout(async () => {\n try {\n const id = await this.persistMessageAtIndex(i);\n if (id) this.editingMessageId = id;\n } catch (_) { /* ignore */ }\n }, 400);\n } catch (_) { /* ignore */ }\n },\n // Commit the edit and exit editing mode\n async commitEditingMessage() {\n try {\n if (this.editingDebounceId) { clearTimeout(this.editingDebounceId); this.editingDebounceId = null; }\n const text = (this.editingMessageText || '').trim();\n const i = this.editingMessageIdx;\n if (i != null && i >= 0 && i < this.messages.length) {\n this.messages[i].content = text;\n }\n try { await this.persistMessageAtIndex(i); } catch (_) { /* ignore */ }\n } finally {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n }\n },\n // Cancel the edit, revert content locally and in DB\n async cancelEditingMessage() {\n try {\n if (this.editingDebounceId) { clearTimeout(this.editingDebounceId); this.editingDebounceId = null; }\n const original = String(this.editingMessageOriginal || '');\n const i = this.editingMessageIdx;\n if (i != null && i >= 0 && i < this.messages.length) {\n this.messages[i].content = original;\n }\n const id = this.editingMessageId;\n try {\n if (id && this.db) {\n await this.db.messages.update(id, { content: original });\n }\n } catch (_) { /* ignore */ }\n } finally {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n }\n },\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 mainEl = this.$refs && this.$refs.mainScroller;\n const msgsEl = this.$refs && this.$refs.messagesContainer;\n const doScroll = () => {\n try {\n if (mainEl && typeof mainEl.scrollTo === 'function') {\n mainEl.scrollTop = mainEl.scrollHeight;\n } else if (mainEl) {\n mainEl.scrollTop = mainEl.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() { await coreSendMessage(this); },\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",[],[231,355],"de9e4614-84f2-11f0-96e6-0224a6c84d84","presets.js","cc2097b6-8129-11f0-810c-0224a6c84d84",102,["D",1756483910026],"// Presets and per-chat settings helpers for researchApp\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 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 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 // Explicit save using single put/add to avoid transaction scope issues\n console.log('🔧 saveCurrentChatSettings: Starting save process...');\n if (ctx.savingSettings) return false;\n ctx.savingSettings = true;\n try {\n if (!ctx.db) {\n console.error('❌ saveCurrentChatSettings: No database connection');\n return false;\n }\n\n const settings = snapshotCurrentChatSettings(ctx);\n console.log('🔧 saveCurrentChatSettings: settings snapshot =', settings);\n\n const updateData = {\n // Persist custom settings without delinking preset\n settings,\n customPromptText: typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '',\n activeSettingsSource: 'custom'\n };\n console.log('🔧 saveCurrentChatSettings: preparing to save =', updateData);\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\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 console.log('🔧 saveCurrentChatSettings(queue): Created new chat =', savedId);\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 console.log('🔧 saveCurrentChatSettings(queue): Updated existing chat via put =', chatId);\n }\n };\n ctx._chatWriteQueue = ctx._chatWriteQueue.then(run).catch(() => {}).then(() => undefined);\n await ctx._chatWriteQueue;\n\n console.log('✅ saveCurrentChatSettings: Successfully saved to DB');\n\n // Switch UI to custom mode\n ctx.chatPromptId = null;\n ctx.settingsChanged = false;\n\n if (!ctx.currentChatId && savedId) {\n ctx.currentChatId = savedId;\n ctx.activeSearchId = savedId;\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n } else {\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n }\n\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n console.log('✅ saveCurrentChatSettings: Save complete!');\n return true;\n } catch (error) {\n console.error('❌ saveCurrentChatSettings: Error saving settings', error);\n console.error('❌ Error details:', error.name, error.message, error.stack);\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 try {\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 } 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 // If switching to a preset and there are unsaved changes, confirm first\n if (nextId != null && Number.isFinite(nextId) && (ctx.settingsChanged || ctx.chatHasCustomSettingsStored)) {\n const ok = typeof window !== 'undefined' && typeof window.confirm === 'function'\n ? window.confirm('Switch to preset? Unsaved custom changes will not be saved unless you click \"Save Changes\" first.')\n : true;\n if (!ok) {\n ctx.chatPromptId = (ctx.lastChatPromptId != null) ? String(ctx.lastChatPromptId) : null;\n return;\n }\n }\n await doApplyPresetChange(ctx, nextId);\n } catch (_) { /* ignore */ }\n}\n\nexport async function doApplyPresetChange(ctx, id) {\n try {\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (id == null || !Number.isFinite(id)) {\n // Switch to custom mode, do not delete preset link or custom settings\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.chats.update(chatId, { systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' });\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 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 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 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, settings: null };\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",[],[231,364],"eaf2402a-8126-11f0-8d84-0224a6c84d84","init.js","f6847112-7616-11f0-9927-0224a6c84d84",94,["D",1756066459885],4,"import researchApp from './researchApp.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 this.db.version(1).stores({ chats: '++id,title,createdAt' });\n this.db.version(2).stores({ chats: '++id,title,createdAt', messages: '++id,chatId,createdAt,role,content' });\n this.db.version(3).stores({ chats: '++id,title,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n this.db.version(4).stores({ chats: '++id,title,slug,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n this.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 this.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 // Match chatCore.js v7 schema to avoid cross-connection version conflicts\n this.db.version(7).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,systemPrompt,settings,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=\"researchApp()\" continues to work\nwindow.researchApp = researchApp;\n\n// Register with Alpine when ready\nif (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('researchApp', researchApp);\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('researchApp', researchApp);\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(() => {\n const isVisible = el.offsetParent !== null && !el.hidden;\n if (isVisible) {\n startListening();\n } else {\n stopListening();\n }\n });\n\n // Watch for changes in visibility\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",[],[231,372],"900be234-78f1-11f0-a5a1-0224a6c84d84","i18n.js","900be31a-78f1-11f0-a5a1-0224a6c84d84",51,["D",1755163934594],"// Internationalization utilities extracted from researchApp\n// Exports a single function getI18n(selectedLanguage) returning the language pack\n\nexport function getI18n(selectedLanguage) {\n const translations = {\n 'english': {\n title: '(re)Search',\n subtitle: 'Search the web and academic sources with multilingual summaries',\n apiKey: 'API Key:',\n change: 'Change',\n clear: 'Clear',\n getKeyHere: 'Get your free key here',\n language: 'language',\n researchQuery: 'search query',\n dateRange: 'Choose a date range (optional)',\n source: 'Choose a source (optional)',\n enterTopic: 'Enter your research topic...',\n customSource: 'e.g., Nature, Science, Cell, Hacker News...',\n customSourceOption: 'Custom source...',\n chooseDateRange: 'Choose a date range (optional)',\n chooseSource: 'Choose a source (optional)',\n lastMonth: 'Last month',\n last3Months: 'Last 3 months',\n last6Months: 'Last 6 months',\n lastYear: 'Last year',\n allTime: 'All time',\n search: 'Search',\n searching: 'Searching',\n streaming: 'Streaming...',\n searchMore: '(Re)(Re)Search',\n summarize: 'Summarize',\n analyzing: 'Analyzing...',\n openPaper: 'Open',\n foundResults: 'Found',\n results: 'results',\n loading: 'Searching',\n loadingMore: 'Loading more results',\n aiAnalyzing: 'AI is analyzing the paper...',\n analysisTime: 'This may take 10-30 seconds depending on paper length',\n noResultsOrError: 'No results found or a server error occurred.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Searching ${source}`;\n if (query) msg += ` for \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Loading more results from ${source}`;\n if (query) msg += ` for \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'please add api key',\n pleaseEnterQuery: 'please enter a search query',\n summary: 'Summary:'\n },\n 'french': {\n title: '(re)Recherche',\n subtitle: 'Rechercher dans plusieurs bases de données académiques avec des résumés multilingues',\n apiKey: 'Clé API :',\n change: 'Modifier',\n clear: 'Effacer',\n getKeyHere: 'Obtenez votre clé gratuite ici',\n language: 'langue',\n researchQuery: 'requête de recherche',\n dateRange: 'Choisir une plage de dates (facultative)',\n source: 'Choisir une source (facultative)',\n enterTopic: 'Entrez votre sujet de recherche...',\n customSource: 'ex. Nature, Science, Cell...',\n customSourceOption: 'Source personnalisée...',\n chooseDateRange: 'Choisir une plage de dates (facultative)',\n chooseSource: 'Choisir une source (facultative)',\n lastMonth: 'Le mois dernier',\n last3Months: 'Les 3 derniers mois',\n last6Months: 'Les 6 derniers mois',\n lastYear: 'La dernière année',\n allTime: 'Tout le temps',\n search: '(re)Rechercher',\n searching: '(re)Recherche',\n streaming: 'Diffusion...',\n searchMore: '(Re)(Re)Recherche',\n summarize: 'Résumer',\n analyzing: 'Analyse...',\n openPaper: 'Ouvrir',\n foundResults: 'Trouvé',\n results: 'résultats',\n loading: 'Recherche',\n loadingMore: 'Chargement de plus de résultats',\n aiAnalyzing: 'L\\'IA analyse l\\'article...',\n analysisTime: 'Cela peut prendre 10 à 30 secondes selon la longueur de l\\'article',\n noResultsOrError: 'Aucun résultat trouvé ou une erreur du serveur s\\'est produite.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Recherche sur ${source}`;\n if (query) msg += ` pour \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Chargement de plus de résultats de ${source}`;\n if (query) msg += ` pour \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'veuillez ajouter la clé api',\n pleaseEnterQuery: 'veuillez entrer une requête de recherche',\n summary: 'Résumé :'\n },\n 'spanish': {\n title: '(re)Buscar',\n subtitle: 'Buscar en múltiples bases de datos académicas con resúmenes multilingües',\n apiKey: 'Clave API:',\n change: 'Cambiar',\n clear: 'Limpiar',\n getKeyHere: 'Obtén tu clave gratuita aquí',\n language: 'idioma',\n researchQuery: 'consulta de investigación',\n dateRange: 'Elegir un rango de fechas (opcional)',\n source: 'Elegir una fuente (opcional)',\n enterTopic: 'Ingresa tu tema de investigación...',\n customSource: 'ej. Nature, Science, Cell...',\n customSourceOption: 'Fuente personalizada...',\n chooseDateRange: 'Elegir un rango de fechas (opcional)',\n chooseSource: 'Elegir una fuente (opcional)',\n lastMonth: 'Último mes',\n last3Months: 'Últimos 3 meses',\n last6Months: 'Últimos 6 meses',\n lastYear: 'Último año',\n allTime: 'Todo el tiempo',\n search: '(re)Buscar',\n searching: '(re)Buscando',\n streaming: 'Transmitiendo...',\n searchMore: '(Re)(Re)Buscar',\n summarize: 'Resumir',\n analyzing: 'Analizando...',\n openPaper: 'Abrir',\n foundResults: 'Encontrado',\n results: 'resultados',\n loading: 'Buscando',\n loadingMore: 'Cargando más resultados',\n aiAnalyzing: 'La IA está analizando el artículo...',\n analysisTime: 'Esto puede tomar 10-30 segundos dependiendo de la longitud del artículo',\n noResultsOrError: 'No se encontraron resultados o ocurrió un error del servidor.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Buscando en ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Cargando más resultados de ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'por favor agrega clave api',\n pleaseEnterQuery: 'por favor ingresa una consulta de búsqueda',\n summary: 'Resumen:'\n },\n 'german': {\n title: '(re)Suchen',\n subtitle: 'Durchsuchen Sie mehrere akademische Datenbanken mit mehrsprachigen Zusammenfassungen',\n apiKey: 'API-Schlüssel:',\n change: 'Ändern',\n clear: 'Löschen',\n getKeyHere: 'Holen Sie sich Ihren kostenlosen Schlüssel hier',\n language: 'sprache',\n researchQuery: 'suchanfrage',\n dateRange: 'Datumsbereich wählen (optional)',\n source: 'Quelle wählen (optional)',\n enterTopic: 'Geben Sie Ihr Forschungsthema ein...',\n customSource: 'z.B. Nature, Science, Cell...',\n customSourceOption: 'Benutzerdefinierte Quelle...',\n chooseDateRange: 'Datumsbereich wählen (optional)',\n chooseSource: 'Quelle wählen (optional)',\n lastMonth: 'Letzter Monat',\n last3Months: 'Letzte 3 Monate',\n last6Months: 'Letzte 6 Monate',\n lastYear: 'Letztes Jahr',\n allTime: 'Alle Zeit',\n search: '(re)Suchen',\n searching: '(re)Suchen',\n streaming: 'Streaming...',\n searchMore: '(Re)(Re)Suchen',\n summarize: 'Zusammenfassen',\n analyzing: 'Analysiere...',\n openPaper: 'Öffnen',\n foundResults: 'Gefunden',\n results: 'ergebnisse',\n loading: 'Suchen',\n loadingMore: 'Lade weitere Ergebnisse',\n aiAnalyzing: 'KI analysiert den Artikel...',\n analysisTime: 'Dies kann 10-30 Sekunden dauern, abhängig von der Artikellänge',\n noResultsOrError: 'Keine Ergebnisse gefunden oder ein Serverfehler ist aufgetreten.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Suche in ${source}`;\n if (query) msg += ` nach \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Lade weitere Ergebnisse von ${source}`;\n if (query) msg += ` nach \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'bitte api-schlüssel hinzufügen',\n pleaseEnterQuery: 'bitte suchanfrage eingeben',\n summary: 'Zusammenfassung:'\n },\n 'japanese': {\n title: '(re)検索',\n subtitle: '多言語要約付きの複数の学術データベースを検索',\n apiKey: 'APIキー:',\n change: '変更',\n clear: 'クリア',\n getKeyHere: '無料キーを取得する',\n language: '言語',\n researchQuery: '研究クエリ',\n dateRange: '日付範囲を選択 (任意)',\n source: 'ソースを選択 (任意)',\n enterTopic: '研究トピックを入力...',\n customSource: '例：Nature、Science、Cell...',\n customSourceOption: 'カスタムソース...',\n chooseDateRange: '日付範囲を選択 (任意)',\n chooseSource: 'ソースを選択 (任意)',\n lastMonth: '先月',\n last3Months: '過去3ヶ月',\n last6Months: '過去6ヶ月',\n lastYear: '昨年',\n allTime: '全期間',\n search: '(re)検索',\n searching: '(re)検索中',\n streaming: 'ストリーミング中...',\n searchMore: '(再)(再)検索',\n summarize: '要約',\n analyzing: '分析中...',\n openPaper: '開く',\n foundResults: '見つかった',\n results: '件の結果',\n loading: '検索中',\n loadingMore: 'より多くの結果を読み込み中',\n aiAnalyzing: 'AIが論文を分析中...',\n analysisTime: '論文の長さによって10〜30秒かかることがあります',\n noResultsOrError: '結果が見つからないか、サーバーエラーが発生しました。',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `${source}で検索中`;\n if (query) msg += `「${query}」`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `${source}からさらに結果を読み込み中`;\n if (query) msg += `「${query}」`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'apiキーを追加してください',\n pleaseEnterQuery: '検索クエリを入力してください',\n summary: '要約:'\n },\n 'korean': {\n title: '(re)검색',\n subtitle: '다국어 요약과 함께 여러 학술 데이터베이스 검색',\n apiKey: 'API 키:',\n change: '변경',\n clear: '지우기',\n getKeyHere: '여기서 무료 키 받기',\n language: '언어',\n researchQuery: '연구 쿼리',\n dateRange: '날짜 범위 선택 (선택 사항)',\n source: '소스 선택 (선택 사항)',\n enterTopic: '연구 주제를 입력하세요...',\n customSource: '예: Nature, Science, Cell...',\n customSourceOption: '사용자 정의 소스...',\n chooseDateRange: '날짜 범위 선택 (선택 사항)',\n chooseSource: '소스 선택 (선택 사항)',\n lastMonth: '지난 달',\n last3Months: '지난 3개월',\n last6Months: '지난 6개월',\n lastYear: '작년',\n allTime: '전체 기간',\n search: '(re)검색',\n searching: '(re)검색 중',\n streaming: '스트리밍 중...',\n searchMore: '(재)(재)검색',\n summarize: '요약',\n analyzing: '분석 중...',\n openPaper: '열기',\n foundResults: '발견된',\n results: '개 결과',\n loading: '검색 중',\n loadingMore: '더 많은 결과 로딩 중',\n aiAnalyzing: 'AI가 논문을 분석 중...',\n analysisTime: '논문 길이에 따라 10-30초가 걸릴 수 있습니다',\n noResultsOrError: '결과가 없거나 서버 오류가 발생했습니다.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `${source}에서 검색 중`;\n if (query) msg += ` \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `${source}에서 더 많은 결과 로딩 중`;\n if (query) msg += ` \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'api 키를 추가해 주세요',\n pleaseEnterQuery: '검색 쿼리를 입력해 주세요',\n summary: '요약:'\n },\n 'chinese': {\n title: '(re)搜索',\n subtitle: '搜索多个学术数据库并提供多语言摘要',\n apiKey: 'API密钥:',\n change: '更改',\n clear: '清除',\n getKeyHere: '在此获取免费密钥',\n language: '语言',\n researchQuery: '研究查询',\n dateRange: '选择日期范围 (可选)',\n source: '选择来源 (可选)',\n enterTopic: '输入您的研究主题...',\n customSource: '例如：Nature、Science、Cell...',\n customSourceOption: '自定义来源...',\n chooseDateRange: '选择日期范围 (可选)',\n chooseSource: '选择来源 (可选)',\n lastMonth: '上个月',\n last3Months: '最近3个月',\n last6Months: '最近6个月',\n lastYear: '去年',\n allTime: '全部时间',\n search: '(re)搜索',\n searching: '(re)搜索中',\n streaming: '流式传输中...',\n searchMore: '(再)(再)搜索',\n summarize: '总结',\n analyzing: '分析中...',\n openPaper: '打开',\n foundResults: '找到',\n results: '个结果',\n loading: '搜索中',\n loadingMore: '加载更多结果',\n aiAnalyzing: 'AI正在分析论文...',\n analysisTime: '根据论文长度，这可能需要10-30秒',\n noResultsOrError: '未找到结果或发生服务器错误。',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `正在${source}中搜索`;\n if (query) msg += `“${query}”`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `正在从${source}加载更多结果`;\n if (query) msg += `“${query}”`;\n if (dateRange) msg += `(${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: '请添加api密钥',\n pleaseEnterQuery: '请输入搜索查询',\n summary: '摘要:'\n },\n 'portuguese': {\n title: '(re)Pesquisar',\n subtitle: 'Pesquise em múltiplas bases de dados acadêmicas com resumos multilíngues',\n apiKey: 'Chave API:',\n change: 'Alterar',\n clear: 'Limpar',\n getKeyHere: 'Obtenha sua chave gratuita aqui',\n language: 'idioma',\n researchQuery: 'consulta de pesquisa',\n dateRange: 'Escolher intervalo de datas (opcional)',\n source: 'Escolher fonte (opcional)',\n enterTopic: 'Digite seu tópico de pesquisa...',\n customSource: 'ex. Nature, Science, Cell...',\n customSourceOption: 'Fonte personalizada...',\n chooseDateRange: 'Escolher intervalo de datas (opcional)',\n chooseSource: 'Escolher fonte (opcional)',\n lastMonth: 'Último mês',\n last3Months: 'Últimos 3 meses',\n last6Months: 'Últimos 6 meses',\n lastYear: 'Último ano',\n allTime: 'Todo o tempo',\n search: '(re)Pesquisar',\n searching: '(re)Pesquisando',\n streaming: 'Transmitindo...',\n searchMore: '(Re)(Re)Pesquisar',\n summarize: 'Resumir',\n analyzing: 'Analisando...',\n openPaper: 'Abrir',\n foundResults: 'Encontrado',\n results: 'resultados',\n loading: 'Pesquisando',\n loadingMore: 'Carregando mais resultados',\n aiAnalyzing: 'IA está analisando o artigo...',\n analysisTime: 'Isso pode levar 10-30 segundos dependendo do comprimento do artigo',\n noResultsOrError: 'Nenhum resultado encontrado ou ocorreu um erro no servidor.',\n searchingTemplate: (source, query, dateRange) => {\n let msg = `Pesquisando no ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n loadingMoreTemplate: (source, query, dateRange) => {\n let msg = `Carregando mais resultados do ${source}`;\n if (query) msg += ` por \"${query}\"`;\n if (dateRange) msg += ` (${dateRange})`;\n return msg + '...';\n },\n pleaseAddApiKey: 'por favor adicione chave api',\n pleaseEnterQuery: 'por favor digite uma consulta de pesquisa',\n summary: 'Resumo:'\n }\n };\n\n return translations[selectedLanguage] || translations['english'];\n}\n\nexport function getDateRangeText(dateRange, i18n) {\n const map = {\n '1month': (i18n.lastMonth || '').toLowerCase(),\n '3months': (i18n.last3Months || '').toLowerCase(),\n '6months': (i18n.last6Months || '').toLowerCase(),\n '1year': (i18n.lastYear || '').toLowerCase()\n };\n return map[dateRange] || '';\n}\n\n\n",[],[231,381],"8feabae6-78f1-11f0-b1f8-0224a6c84d84","apiClient.js","8feabba4-78f1-11f0-b1f8-0224a6c84d84",44,["D",1755163934540],"// Centralized API client for frontend calls used by researchApp\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\n",[],[231,389],"bb2bd05a-8526-11f0-9320-0224a6c84d84","app.scss","bb2bd118-8526-11f0-9320-0224a6c84d84","bb01df34-8526-11f0-b189-0224a6c84d84",112,["D",1756506184378]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\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",[],[231,405,397],"styles","bb2eb932-8526-11f0-aad3-0224a6c84d84","app.css","bb2eb9c8-8526-11f0-aad3-0224a6c84d84",113,["D",1756506184376]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\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-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: #cbd5e1 !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",[],[231,405,407],"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",[],[231,405,423,415],"themes","bb31f714-8526-11f0-a62c-0224a6c84d84","_dark.scss","bb31f7aa-8526-11f0-a62c-0224a6c84d84",114,["D",1756506184386],"/* 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-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: #cbd5e1 !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); }",[],[231,405,423,425],"bb16b4b8-8526-11f0-87ed-0224a6c84d84",110,["D",1756506184252],[282,283],[231,405,423],"bb01de58-8526-11f0-b189-0224a6c84d84",109,["D",1756506184078],[281,284,285],[231,405],"eaec1f74-8126-11f0-92ba-0224a6c84d84","streaming.js","8ff7d352-78f1-11f0-89f1-0224a6c84d84","8fcad140-78f1-11f0-831a-0224a6c84d84",93,["D",1756066459813],5,"// Experimental streaming-related helpers extracted from researchApp\n\nexport function isStreamingForCurrent(state) {\n const cid = state.currentChatId; if (!cid) return false;\n return !!(state.streamingChats && state.streamingChats[cid]);\n}\n\nexport function registerStream(state, chatId, token) {\n state.currentStreamToken = token;\n state.streamChatId = chatId;\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) delete state.streamingChats[chatId];\n}\n\nimport { postChatStreamSSE, postChatStream, postGroqChat } from '../apiClient.js';\nimport { persistMessageAtIndex as corePersistMessageAtIndex } from '../core/chatCore.js';\n\n// Main streaming routine extracted from researchApp\nexport async function streamAssistant(state) {\n const thisChatId = state.currentChatId; if (!thisChatId) return;\n if (state.streamingChats[thisChatId]) return;\n if (state.selectedModel === 'custom') {\n const url = (state.customChatBaseUrl || '').trim();\n if (!url) { state.errorMessage = 'please set custom endpoint url'; return; }\n }\n const token = String(Date.now()) + '-' + Math.random();\n registerStream(state, thisChatId, token);\n const assistantCreatedAt = Date.now();\n const assistantIndex = state.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: thisChatId, model: state.selectedModel || null }) - 1;\n try {\n const id = await corePersistMessageAtIndex(state, assistantIndex);\n if (id) state.messages[assistantIndex].id = id;\n } catch (_) {}\n const assistantMessageId = state.messages?.[assistantIndex]?.id || null;\n let fullAssistantContent = '';\n let fullReasoningContent = '';\n if (assistantMessageId != null) {\n state.messageReasoningMap[assistantMessageId] = state.messageReasoningMap[assistantMessageId] || '';\n state.expandedReasoningMap[assistantMessageId] = state.expandedReasoningMap[assistantMessageId] || false;\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 a template was selected and no perChat override, use the stored text\n if (!perChat && state.chatPromptId && state.chatPromptText) return String(state.chatPromptText).trim();\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 const response = await postChatStreamSSE(payload);\n if (!response.ok || !response.body) {\n let txt = ''; try { txt = await response.text(); } catch (_) {}\n throw new Error(txt || response.statusText);\n }\n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n while (true) {\n const { done, value } = await reader.read(); if (done) break;\n const active = state.streamingChats[thisChatId];\n if (!active || active.token !== token) { break; }\n buffer += decoder.decode(value, { stream: true });\n const chunks = buffer.split('\\n\\n'); buffer = chunks.pop() || '';\n for (const chunk of chunks) {\n if (!chunk.trim()) continue;\n const lines = chunk.split('\\n'); let currentEvent = 'message';\n for (const line of lines) {\n if (line.startsWith('event: ')) { currentEvent = line.slice(7).trim(); continue; }\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n if (data === '[DONE]') continue;\n let parsed = null; try { parsed = JSON.parse(data); } catch (_) { parsed = null; }\n if (!parsed) continue;\n if (currentEvent === 'results') continue;\n const stillActive = state.streamingChats[thisChatId];\n if (!stillActive || stillActive.token !== token) { break; }\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n fullAssistantContent += delta.content;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) state.messages[idx].content = fullAssistantContent;\n }\n }\n if (delta.reasoning) {\n const addition = String(delta.reasoning || '');\n fullReasoningContent += addition;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + addition;\n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n }\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 fullReasoningContent += line;\n if (assistantMessageId && state.db) {\n try {\n await state.db.messages.put({ id: assistantMessageId, chatId: thisChatId, createdAt: assistantCreatedAt, role: 'assistant', content: fullAssistantContent, reasoning: fullReasoningContent, model: state.selectedModel || null });\n } catch (_) {}\n }\n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + line;\n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n } catch (_) { /* ignore */ }\n };\n if (Array.isArray(delta.executed_tools)) { for (const t of delta.executed_tools) appendToolEvent('executed', t); }\n if (Array.isArray(delta.tool_calls)) { for (const t of delta.tool_calls) appendToolEvent('call', t); }\n }\n }\n }\n } catch (e) {\n state.errorMessage = e.message || String(e);\n } finally {\n unregisterStream(state, thisChatId, token);\n const stillActive = state.streamingChats[thisChatId];\n if (stillActive && stillActive.token !== token) return;\n try {\n const finalContent = String(fullAssistantContent || '').trim();\n const finalReasoning = String(fullReasoningContent || '');\n if (!finalContent) {\n state.errorMessage = state.errorMessage || 'no response from model';\n if (assistantMessageId && state.db) { try { await state.db.messages.delete(assistantMessageId); } catch (_) {} }\n try { const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId); if (idx >= 0) state.messages.splice(idx, 1); } catch (_) {}\n return;\n }\n if (state.db && assistantMessageId) {\n await state.db.messages.update(assistantMessageId, { content: finalContent, reasoning: finalReasoning });\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 = finalContent;\n const prev = state.messageReasoningMap[idx] || '';\n if (!prev || finalReasoning.length > prev.length) state.messageReasoningMap[assistantMessageId] = finalReasoning;\n }\n }\n } catch (_) {}\n try {\n const chatMeta = thisChatId ? await state.db.chats.get(thisChatId) : null;\n const hasDefault = !chatMeta?.title || /^new chat$/i.test(chatMeta.title);\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 if (apiKey && titlePrompt.trim()) {\n let generated = '';\n try {\n const res = await postChatStream({\n userApiKey: apiKey,\n model: 'llama-3.1-8b-instant',\n stream: false,\n ...((state.selectedModel === 'custom' && state.customChatBaseUrl) ? { base_url: state.customChatBaseUrl } : {}),\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 if (res.ok) {\n const data = await res.json();\n generated = (data?.collapsed?.content || '').trim();\n }\n } catch (_) { /* fall back to direct */ }\n if (!generated) {\n try {\n const res2 = 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 (res2.ok) {\n const json2 = await res2.json();\n generated = (json2?.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.chats.get(id) : null;\n if (id) {\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, createdAt: prev?.createdAt || Date.now() };\n await state.db.chats.put(next);\n await (state.loadChats ? state.loadChats() : Promise.resolve());\n state.activeSearchId = id;\n try { state.navigateToChatPath && state.navigateToChatPath(id, true); } catch (_) { /* ignore */ }\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n }\n }\n }\n }\n } catch (_) {}\n state.scrollToBottom && state.scrollToBottom();\n }\n}\n\n\n",[],[231,452,443],"experimental","8fcad05a-78f1-11f0-831a-0224a6c84d84",42,["D",1755163934328],[279],[231,452],"deaa9888-84f2-11f0-aaad-0224a6c84d84","chatCore.js","8feeae30-78f1-11f0-aafe-0224a6c84d84","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84",104,["D",1756483910071],"// Core chat + DB helpers extracted from researchApp\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 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 state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null }];\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 state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null }];\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 }));\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 state.chatPromptId = (meta?.systemPromptId != null) ? String(meta.systemPromptId) : null;\n // Determine which prompt text to surface based on activeSettingsSource\n const activeSource = meta?.activeSettingsSource || null;\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 if (activeSource === 'preset' && state.chatPromptId) {\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 // Also ensure chatPromptText matches preset if not overridden\n if (!meta?.systemPromptText && preset.systemPrompt && activeSource !== 'custom') {\n state.chatPromptText = preset.systemPrompt;\n console.log('📝 selectChat: Updated chatPromptText from preset');\n }\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 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 greeting = { role: 'assistant', content: 'Hi! How can I help you today?', createdAt, model: state.selectedModel || null };\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 });\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 }));\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 newId = await state.db.messages.add({ chatId, createdAt, role, content, reasoning, model });\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 };\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] = await Promise.all([\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.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 },\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 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, async () => {\n await state.db.messages.clear();\n await state.db.chats.clear();\n await state.db.folders.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 });\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 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, 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 });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\n\n",[],[231,467,459],"core","8fdb7f04-78f1-11f0-bbe7-0224a6c84d84",43,["D",1755163934439],[277],[231,467],"e16bcb94-804e-11f0-a93f-0224a6c84d84","sidebarMobile.html","e16bcc48-804e-11f0-a93f-0224a6c84d84","e1505bd4-804e-11f0-8f43-0224a6c84d84",68,["D",1755973672603],"<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 bg-white 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-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-700 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-700 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",[],[231,482,474],"components","dea58a78-84f2-11f0-93f0-0224a6c84d84","sidebarDesktop.html","e1c45174-804e-11f0-a248-0224a6c84d84",103,["D",1756483910071],"<aside class=\"hidden md:flex md:flex-col h-full bg-white rounded-md border 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-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-700 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 bg-blue-600 text-white hover:bg-blue-700\" 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-700 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-700 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-700 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",[],[231,482,484],"803c6700-8118-11f0-8e5e-0224a6c84d84","chatWindow.html","e2268db2-804e-11f0-990e-0224a6c84d84",86,["D",1756060267890],"<div class=\"pt-4 md:pt-6 flex flex-col flex-1 min-h-0\">\n <div x-show=\"activePage === 'chat'\" class=\"contents\">\n <div class=\"md:hidden flex items-center justify-between mb-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\">\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=\"toggleChatSettings()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700\"><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\n <div class=\"text-center mb-4\">\n <h1 class=\"text-2xl font-bold text-gray-800\"><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\n <div class=\"main-content flex gap-4 min-w-0\">\n <div class=\"flex-1 flex flex-col min-w-0\">\n <div x-show=\"errorMessage\" class=\"mb-3\">\n <p class=\"text-sm text-red-500\" x-text=\"errorMessage\"></p>\n </div>\n <div class=\"mb-2 min-w-0\">\n <div class=\"min-w-0\">\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 || idx) + '-' + (m.chatId || currentChatId || 'x')\">\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 bg-gray-200 text-gray-800' : 'w-full'\">\n <template x-if=\"m.role === 'assistant'\">\n <div class=\"text-[11px] text-gray-400 mb-1\">\n <span x-text=\"m.model ? ('' + m.model) : ''\"></span>\n </div>\n </template>\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\">\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 ' + (copiedMap[idx] ? 'bg-green-50 text-green-600' : 'bg-white/80 text-gray-600 hover: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 <template x-if=\"m.role === 'user'\">\n <button 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 bg-white/80 text-gray-600 hover: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 </template>\n <template x-if=\"m.role === 'assistant'\">\n <button 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 bg-white/80 text-gray-600 hover: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 </template>\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 bg-white/80 text-gray-600 hover: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 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 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 </div>\n </div>\n\n <div class=\"composer mt-auto\">\n <div class=\"flex items-end gap-2 px-4\">\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\"></textarea>\n <button type=\"button\" @click=\"sendMessage()\" :disabled=\"isStreamingForCurrent || !chatInput.trim()\" class=\"px-4 py-2 rounded-md bg-blue-600 text-white disabled:opacity-50 disabled:cursor-not-allowed\">Send</button>\n </div>\n </div>\n </div>\n</div>\n\n\n",[],[231,482,492],"deb86896-84f2-11f0-a6e4-0224a6c84d84","chatControls.html","e16237b4-804e-11f0-a930-0224a6c84d84",105,["D",1756483910122],3,"<div class=\"hidden md:flex w-full absolute top-2 left-0 right-0 z-50 items-center justify-end gap-2 bg-white/50 py-2 pl-4 pr-6\">\n <div class=\"text-xs text-gray-400 text-right truncate max-w-[240px]\" :title=\"selectedModel\">\n <span x-text=\"selectedModel\"></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 border-gray-200 bg-white rounded shadow-sm focus:ring-2 focus:ring-blue-500 appearance-none text-xs align-middle\">\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\">\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 border-gray-200 bg-white text-gray-700 hover:bg-gray-50 shadow-sm\">\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 bg-white rounded-md border 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 flex items-center justify-between\">\n <span class=\"font-semibold text-gray-800\">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 bg-gray-100 text-gray-500' : '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 hover:text-gray-700\" title=\"Hide settings\" aria-label=\"Hide settings\">✕</button>\n </div>\n </div>\n <div class=\"p-4 text-sm text-gray-700 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 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full\">\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\">\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 bg-white hover:bg-gray-50\" @click=\"saveAsPresetFromChat()\">save as preset</button>\n </template>\n </div>\n </div>\n </div>\n <p class=\"text-xs text-gray-500 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\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-800\">(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-gray-50\">\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\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-800\">(get key)</a></label>\n <div class=\"flex items-center justify-between gap-2\">\n <code class=\"text-[11px] px-2 py-1 bg-gray-50 border border-gray-200 rounded truncate max-w-[70%]\" x-text=\"maskedApiKey\"></code>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"changeApiKey()\" class=\"text-[11px] hover:text-gray-700 underline\">Change</button>\n <button type=\"button\" @click=\"clearApiKey()\" class=\"text-[11px] hover:text-gray-700 underline\">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\">model</label>\n <div class=\"relative\">\n <select x-model=\"selectedModel\" @change=\"onModelChange()\" 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 <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 border border-gray-200 focus:ring-2 focus:ring-blue-500 w-full\" />\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\">temperature</label>\n <span class=\"text-xs text-gray-500\" 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\">max tokens</label>\n <span class=\"text-xs text-gray-500\" 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\">reasoning effort</label>\n <select x-model=\"reasoningEffort\" @change=\"onReasoningChange()\" class=\"w-full px-2 py-1 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs\">\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\">\n <input type=\"checkbox\" x-model=\"streamEnabled\" @change=\"onStreamToggle()\" class=\"rounded border-gray-300\">\n <span>stream responses</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs\">\n <input type=\"checkbox\" x-model=\"jsonMode\" @change=\"onJsonModeToggle()\" class=\"rounded border-gray-300\">\n <span>JSON mode</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useBrowserSearch\" @change=\"onUseBrowserSearchChange()\" class=\"rounded border-gray-300\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useCodeInterpreter\" @change=\"onUseCodeInterpreterChange()\" class=\"rounded border-gray-300\">\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\">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 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[50px]\"></textarea>\n </div>\n </div>\n </div>\n </aside>\n </div>\n </div>\n</div>\n\n\n",[],[231,482,500],"eb191092-8126-11f0-8f9f-0224a6c84d84","appSettings.html","e1660b6e-804e-11f0-bb71-0224a6c84d84",98,["D",1756066459969],"<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\">\n <div class=\"inline-flex items-center gap-2 min-w-0\">\n <span class=\"iconify text-[18px] text-gray-700\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <h2 class=\"text-lg font-semibold text-gray-800\">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 border-gray-200 bg-white text-gray-700 hover:bg-gray-50\"\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=\"bg-white border rounded-md p-4\">\n <h3 class=\"text-sm font-medium text-gray-800 mb-3\">Appearance</h3>\n <div class=\"space-y-3\">\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-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-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-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=\"bg-white border rounded-md p-4\">\n <h3 class=\"text-sm font-medium 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=\"bg-white border 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-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 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-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",[],[231,482,509],"e1505ac6-804e-11f0-8f43-0224a6c84d84",65,["D",1755973672435],[271,272,273,274,275],[231,482],["D",1754850144183],[270,276,278,280,286,287,288,289,290,291],[231],"f6c114b4-7616-11f0-a8a8-0224a6c84d84","f6c11568-7616-11f0-a8a8-0224a6c84d84",["D",1754850144822],"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>(re)Search tool\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 (re)Search\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 \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

0 || isStreaming\">\n

\n \n

\n\n \n

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

\n \n \n

0 && !isSearching && route !== 'text'\">\n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n \n \n github\n

\n \n\n",[],[236,174],["D",1754850144279],[268],[236],"03ff8ede-7758-11f0-82e2-0224a6c84d84","utils.js","03ff8fc4-7758-11f0-82e2-0224a6c84d84",24,["D",1754988035595],"// 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, importMetaUrl) {\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n return await vtReadFile(filePath, importMetaUrl);\n }\n return await Deno.readTextFile(filePath);\n}\n\nexport function textResponse(text, contentType = \"text/plain; charset=utf-8\") {\n return new Response(text, { headers: { \"Content-Type\": contentType } });\n}\n\n\n",[],[241,534],"7e67ef44-7f9c-11f0-94b5-0224a6c84d84","index.js","03f9902e-7758-11f0-98a6-0224a6c84d84",61,["D",1755897056034],"import { Hono } from 'https://deno.land/x/hono@v3.11.12/mod.ts';\nimport \"jsr:@std/dotenv/load\";\n\nimport { registerStaticRoutes } from './routes/static.js';\nimport { registerSystemRoutes } from './routes/system.js';\nimport { registerSearchRoutes } from './routes/search.js';\nimport { registerChatStreamRoute } from './routes/chatStream.js';\nimport { registerChatStreamSSERoute } from './routes/chatStreamSSE.js';\nimport { readFileContent } from './utils.js';\n\nexport function createApp(importMetaUrl) {\n const app = new Hono();\n\n // Unwrap Hono errors to see original error details\n app.onError((err) => { throw err; });\n\n // Register route modules\n registerSystemRoutes(app);\n registerStaticRoutes(app, importMetaUrl);\n registerSearchRoutes(app);\n registerChatStreamRoute(app);\n registerChatStreamSSERoute(app);\n\n // Settings page route\n app.get('/settings', async (c) => {\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) => {\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\n",[],[241,542],"045dcbe8-7758-11f0-8c27-0224a6c84d84","config.js","045dccce-7758-11f0-8c27-0224a6c84d84",35,["D",1754988035604],"// Centralized app configuration\nimport \"jsr:@std/dotenv/load\";\n\nexport const settings = {\n model: \"openai/gpt-oss-120b\",\n stream: false,\n reasoningEffort: \"low\",\n};\n\n// Prefer server-side key via env if present\nexport const serverApiKey = (typeof Deno !== \"undefined\" && Deno.env?.get)\n ? (Deno.env.get(\"GROQ_API_KEY\") || null)\n : null;\n\n\n",[],[241,550],"040d7a6c-7758-11f0-81b1-0224a6c84d84","system.js","040d7c74-7758-11f0-81b1-0224a6c84d84","03e5ad66-7758-11f0-a4e6-0224a6c84d84",26,["D",1754988035724],"// System/health endpoints\nimport { serverApiKey } from \"../config.js\";\n\nexport function registerSystemRoutes(app) {\n app.get('/api/check-key', (c) => {\n return c.json({ hasServerKey: !!serverApiKey });\n });\n}\n\n\n",[],[241,566,558],"routes","bb39142c-8526-11f0-a28d-0224a6c84d84","styles.js","bb3914cc-8526-11f0-a28d-0224a6c84d84",115,["D",1756506184441],"// On-demand SCSS compilation and theming\nimport { readFileContent, textResponse } from \"../utils.js\";\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, importMetaUrl) {\n function stripScssLineComments(source) {\n try {\n return source\n .split('\\n')\n .map((line) => line.replace(/\\s*\\/\\/.*$/, ''))\n .join('\\n');\n } catch (_) { return source; }\n }\n\n async function handleCompile(c, nameParam) {\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.message) ? String(err.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) => {\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) => {\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\n",[],[241,566,568],"7e70150c-7f9c-11f0-bd8b-0224a6c84d84","static.js","04247c80-7758-11f0-a6db-0224a6c84d84",62,["D",1755897056125],"// Static file routes (no static middleware)\nimport { readFileContent, textResponse } from \"../utils.js\";\n\nexport function registerStaticRoutes(app, importMetaUrl) {\n // Root HTML\n app.get('/', async (c) => {\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 // Route alias: /new should load the app and land on a new chat\n app.get('/new', async (c) => {\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/researchApp.js', async (c) => {\n try {\n const js = await readFileContent('frontend/researchApp.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading researchApp.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n app.get('/frontend/init.js', async (c) => {\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 ESM modules\n app.get('/frontend/*', async (c) => {\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 const text = await readFileContent(rel, importMetaUrl);\n const contentType = rel.endsWith('.js') ? 'application/javascript; charset=utf-8' : 'text/plain; charset=utf-8';\n return textResponse(text, contentType);\n } catch (err) {\n console.error('Error reading frontend asset:', err);\n return c.text('Not found', 404);\n }\n });\n}\n\n\n",[],[241,566,576],"04178a98-7758-11f0-85fd-0224a6c84d84","search.js","04178b4c-7758-11f0-85fd-0224a6c84d84",28,["D",1754988035790],"// Search and URL summarization endpoint\nimport { performSearch, summarizeUrl } from \"../../chatCompletion.js\";\nimport { sanitizeResults, synthesizeResultsFromContext, synthesizeTextFromContext } from \"../../jsonUtils.js\";\nimport { serverApiKey, settings } from \"../config.js\";\n\nexport function registerSearchRoutes(app) {\n app.post('/api/search', async (c) => {\n try {\n const body = await c.req.json();\n const { query, dateRange, source, language, userApiKey, offset = 0, url, title } = body || {};\n\n const apiKey = serverApiKey || userApiKey;\n if (!apiKey) {\n return c.json({ error: 'No Groq API key available. Please provide your own key.' }, 400);\n }\n\n // If URL present, run summary; otherwise require query and run search\n if (url && typeof url === 'string' && url.trim()) {\n const { summary, summaryTime } = await summarizeUrl({\n apiKey,\n url,\n title,\n language,\n model: settings.model,\n stream: settings.stream,\n reasoningEffort: settings.reasoningEffort,\n });\n return c.json({ summary, summaryTime, url, title, language });\n }\n\n if (!query || !query.trim()) {\n return c.json({ error: 'No search query provided' }, 400);\n }\n\n const { results, searchTime, content: assistantContent, full: fullResponse, route } = await performSearch({\n apiKey,\n query,\n dateRange,\n source,\n language,\n offset,\n model: settings.model,\n stream: settings.stream,\n reasoningEffort: settings.reasoningEffort,\n forceLinksRoute: !!source,\n });\n\n try { console.log('>> [performSearch] fullResponse:', JSON.stringify(fullResponse)); } catch (_) {\n console.log('>> [performSearch] fullResponse: ');\n }\n try { console.log('>> [performSearch] assistantContent:', typeof assistantContent === 'string' ? assistantContent : JSON.stringify(assistantContent)); } catch (_) {\n console.log('>> [performSearch] assistantContent: ');\n }\n let outResults = sanitizeResults(results);\n let outAssistant = assistantContent;\n // Fallback synthesis: if route is links and results empty, synthesize from available context\n if ((route !== 'text') && (!outResults || outResults.length === 0)) {\n try {\n const synthesized = await synthesizeResultsFromContext({\n query,\n language,\n toolText: '',\n assistantText: String(assistantContent || ''),\n reasoningText: '',\n existingResults: outResults || []\n }, apiKey);\n if (Array.isArray(synthesized) && synthesized.length > 0) {\n outResults = sanitizeResults(synthesized);\n }\n } catch (_) { /* ignore */ }\n }\n // If router chose text but model returned nothing, synthesize concise text\n if (route === 'text' && (!outAssistant || !String(outAssistant).trim())) {\n try {\n const synthesizedText = await synthesizeTextFromContext({\n query,\n language,\n toolText: '',\n assistantText: '',\n reasoningText: ''\n }, apiKey);\n if (synthesizedText) outAssistant = synthesizedText;\n } catch (_) { /* ignore */ }\n }\n console.log('>> [performSearch] results (sanitized):', outResults);\n return c.json({\n results: outResults,\n searchTime,\n assistantContent: outAssistant,\n route,\n query,\n dateRange,\n source,\n language,\n offset,\n });\n } catch (error) {\n console.error('Server error:', error);\n return c.json({ error: 'Server error: ' + error.message }, 500);\n }\n });\n}\n\n\n",[],[241,566,584],"f1dc65b6-78e1-11f0-954a-0224a6c84d84","chatStreamSSE.js","04111032-7758-11f0-98a6-0224a6c84d84",39,["D",1755157226897],"// True SSE passthrough for chat completions (browser consumes incrementally)\nimport { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\";\nimport { extractOrRepairJsonResults, sanitizeResults, synthesizeResultsFromContext, extractResultsFromToolOutputs } from \"../../jsonUtils.js\";\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: buildSearchPrompt(query, source, dateRange, language, offset) }\n ]\n : [{ role: 'user', content: 'go to https://news.ycombinator.com/ and give me the first 5 stories' }]);\n\n let selectedRoute = 'links';\n try {\n if (typeof query === 'string' && query.trim()) {\n const route = await routeQueryMode(apiKey, query);\n selectedRoute = source ? 'links' : (route || 'links');\n if (source) {\n finalMessages = [\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 } else if (selectedRoute === 'text') {\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 }\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 if (lastUser) {\n const route = await routeQueryMode(apiKey, lastUser);\n selectedRoute = source ? 'links' : (route || 'links');\n }\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 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 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 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",[],[241,566,592],"f1d82a46-78e1-11f0-a761-0224a6c84d84","chatStream.js","0404255c-7758-11f0-ab1c-0224a6c84d84",38,["D",1755157226883],"// Aggregated chat stream endpoint (returns collapsed + extracted results)\nimport { streamChatAndAggregate } from \"../../chatStreaming.js\";\nimport { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\";\nimport { extractOrRepairJsonResults, extractResultsFromToolOutputs, sanitizeResults, synthesizeResultsFromContext } from \"../../jsonUtils.js\";\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 const route = await routeQueryMode(apiKey, query);\n if (source) {\n finalMessages = [\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 } else if (route === 'text') {\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 }\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n // optional: try to infer route from last user message for logging\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 if (lastUser) {\n try { await routeQueryMode(apiKey, lastUser); } catch (_) {}\n }\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 let results = [];\n let textContent = '';\n let reasoningText = '';\n let toolText = '';\n try {\n textContent = aggregates?.collapsed?.content || '';\n reasoningText = aggregates?.collapsed?.reasoning || '';\n toolText = collectToolTextFromArray(aggregates?.collapsed?.tools || []);\n if (toolText && toolText.trim()) {\n results = await extractResultsFromToolOutputs(toolText, apiKey, language);\n }\n if ((!results || results.length === 0) && textContent && textContent.trim()) {\n results = await extractOrRepairJsonResults(textContent, apiKey, language);\n }\n if ((!results || results.length === 0) && reasoningText && reasoningText.trim()) {\n results = await extractOrRepairJsonResults(reasoningText, apiKey, language);\n }\n if ((!results || results.length === 0)) {\n const synthesized = await synthesizeResultsFromContext({\n query,\n language,\n toolText,\n assistantText: String(textContent || ''),\n reasoningText: String(reasoningText || ''),\n existingResults: []\n }, apiKey);\n if (Array.isArray(synthesized) && synthesized.length > 0) {\n results = synthesized;\n }\n }\n } catch (_e) { /* best-effort parsing */ }\n console.log('>> [chatStream] textContent:', textContent);\n return c.json({ model, ...aggregates, results: sanitizeResults(results) });\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",[],[241,566,600],"03e5ac9e-7758-11f0-a4e6-0224a6c84d84",22,["D",1754988035458],[258,259,260,261,262,263],[241,566],["D",1754988035289],[257,264,265,266],[241],["D",1754850041617],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":652,"_653":654,"_655":656,"_657":24,"_658":24,"_659":24,"_660":58,"_661":-5,"_662":-7,"_663":-7,"_664":62,"_665":24,"_666":24,"_667":-5,"_668":24,"_669":24,"_670":24,"_671":-5},"ENV",{"_623":624,"_625":626,"_627":86,"_628":629,"_630":631,"_632":633,"_634":635,"_636":637,"_638":639,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v116