Chatter

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",[166],"39290074-95ab-11f0-bb8c-0224a6c84d84","index.html","f67361ba-7616-11f0-baaa-0224a6c84d84",195,["D",1758322307921],19,"\n\n\n \n \n Chatter\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n\n \n\n \n\n \n\n\n

\n \n

\n Chatter\n

\n \n \n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n Settings\n \n

\n Get your free key here\n

\n API Key\n

\n \n \n

\n API Key\n

\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n model\n

\n \n

\n\n \n

\n temperature\n \n

\n \n

\n\n \n

\n max tokens\n \n

\n \n

\n\n \n

\n reasoning effort\n \n

\n\n \n

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

\n\n \n

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

\n \n

\n\n \n

\n\n

\n \n

\n\n \n

\n\n\n",[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],"bb76841a-8526-11f0-b94a-0224a6c84d84","deno.json","f74d226a-7616-11f0-8a59-0224a6c84d84",124,["D",1756506184803],1,"{\n \"tasks\": {\n \"serve\": \"deno serve --allow-read --allow-import --allow-env --allow-write --allow-net --reload=https://esm.town ./main.js\",\n \"build:css\": \"deno run --allow-read --allow-write ./scripts/build_css.js\",\n \"vendor:fetch\": \"deno run --allow-net --allow-write --allow-read ./scripts/fetch_vendor.js\",\n \"dev\": \"deno task build:css && deno task vendor:fetch && deno task serve\"\n },\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": 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],"// 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",[197],"5a47ec76-93ed-11f0-9117-0224a6c84d84","chatCompletion.js","f6661672-7616-11f0-b3f9-0224a6c84d84",193,["D",1758130807795],"// 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 // Routing disabled: force plain chat mode\n return 'text';\n /*\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 (_) { \n // fall back to heuristic\n }\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}\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",[204],"39022490-95ab-11f0-acde-0224a6c84d84","BRANCH_DATA_MODEL.md","3902253a-95ab-11f0-acde-0224a6c84d84",194,["D",1758322307679],"## Branching Data Model Plan\n\n### Goals\n- Support multiple branching responses per conversation while remaining backward compatible with the current linear model.\n- Minimize disruption to UI logic, Dexie storage, and backend streaming/jobs.\n- Avoid data duplication and keep branch operations efficient and safe (low risk of corruption).\n- Keep export/import simple and resilient.\n\n### Non‑Goals\n- No server-side persistence changes right now (branches live in Dexie, as today).\n- No immediate large refactors of streaming/job code; aim for additive changes that do not break current flows.\n\n---\n\n## Current State (v10)\n- Dexie tables:\n - `chats`: root entities for conversations.\n - `messages`: linear log of `{ id, chatId, createdAt, role, content, reasoning?, model?, promptLabel? }`.\n - `folders`: sidebar organization.\n - `systemPrompts`: preset library (may link to chats; per‑chat settings override possible).\n - `notes`: global notes plugin.\n- UI maintains a single linear `messages` array per chat. Reruns/regenerations mutate the tail of the list (truncate then stream new assistant message).\n- Backend is stateless: `/api/jobs` streams assistant deltas; the client persists to Dexie.\n\nLimitations: no notion of branching. Regenerations overwrite the tail; alternatives cannot coexist.\n\n---\n\n## Requirements for Branching\n- Allow multiple alternative assistant replies to a prior point in the conversation (fork at any message).\n- Allow users to name/select branches and continue a branch independently.\n- Present a linear view of the currently selected path so most UI remains unchanged.\n- Backward compatible: existing chats remain usable without any branching changes.\n- Keep performance acceptable for long conversations.\n- Preserve streaming behavior, message editing, deletion, export/import.\n\n---\n\n## Design Options Considered\n\n### Option A: Add `branchId` on messages + `branches` table\n- Messages carry a `branchId`. Forking creates a new branch ID and subsequent messages adopt it.\n- Pros: simple grouping/querying; easy to filter by branch.\n- Cons: shared pre‑branch messages either need duplication (bad) or special handling across branches; renames/moves can get tricky; handling of edits to shared ancestors is complex.\n\n### Option B: Parent‑pointer tree (recommended) + named branch views\n- Each message gets a `parentId` to form a tree per chat. A branch is a named pointer to a leaf message (`leafMessageId`). The current path is built by walking `parentId` from leaf to root and reversing.\n- Pros: no duplication of pre‑branch content; natural for forking/regenerating; easy to compute linear view per selected leaf; migrations are straightforward (set parent to previous message for legacy linear threads).\n- Cons: requires path building for display and for request payloads; ancestor edits impact all descendants unless we adopt copy‑on‑write rules.\n\n### Option C: Collapse everything into a single `sessions` document (embedded tree)\n- Store the whole chat tree as one JSON blob.\n- Pros: conceptually unified; single read/write.\n- Cons: high risk of corruption, hard to do partial updates/streams, large document rewrites, difficult conflict handling, and complicated migrations. Not recommended.\n\nRecommendation: Option B (parent‑pointer tree with named branch views).\n\n---\n\n## Proposed Schema (Dexie v11) - Fixed Version\n\n### messages (updated)\n- Store signature with improved indexing:\n - `++id, [chatId+parentId], [chatId+deleted], createdAt, role, content, reasoning, model`\n- New fields:\n - `parentId: number | null` — points to the immediate previous message on the selected path; `null` for root.\n - `pathCache?: string` — JSON array of message IDs from root to this message (performance optimization).\n - `depth?: number` — 0‑based depth from root for sorting/UX and cycle detection.\n - `turnId?: string` — grouping id for user/assistant turn when generating multiple alternatives.\n - `deleted?: boolean` — soft‑delete to avoid cascading hard deletes.\n - `isShared?: boolean` — cache flag: true if this message has multiple child branches (blocks editing).\n- Backward compat: if `parentId` is null/undefined for all messages in a chat, assume the legacy linear order by `createdAt` and treat each message's parent as the previous message when building views.\n- **Integrity constraints**: \n - `parentId` cannot equal `id` (prevent self-reference)\n - `parentId` must exist in same `chatId` if not null\n - `depth` must be `parent.depth + 1` (cycle prevention)\n\n### branches (new)\n- Purpose: named pointers to leaves in the message tree (for selection/switching UI).\n- Store signature:\n - `++id, [chatId+name], leafMessageId, createdAt`\n- Fields:\n - `chatId: number`\n - `leafMessageId: number` — the tip of a branch/path.\n - `name: string` — e.g., \"main\", \"alt‑1\", or user‑provided name.\n - `baseMessageId?: number` — where this branch diverged (informational; helps UI).\n - `createdAt: number`\n - `updatedAt?: number`\n - `archived?: boolean`\n- **Integrity constraints**:\n - `name` must be unique per `chatId`\n - `leafMessageId` must exist and belong to same `chatId`\n\n### chats (add safety fields)\n- Add `activeLeafMessageId?: number` — last selected branch tip for this chat.\n- Add `migrationStatus?: 'pending' | 'complete' | 'failed'` — prevents concurrent migrations.\n- Add `migrationVersion?: number` — tracks which migration was applied.\n- Add `branchingEnabled?: boolean` — feature flag per chat for gradual rollout.\n- No other breaking changes to existing fields.\n\nType sketch (for reference only; not code):\n```ts\ntype Message = {\n id: number;\n chatId: number;\n parentId: number | null;\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n rootId?: number;\n depth?: number;\n turnId?: string;\n deleted?: boolean;\n};\n\ntype Branch = {\n id: number;\n chatId: number;\n leafMessageId: number;\n name: string;\n baseMessageId?: number;\n parentBranchId?: number | null;\n createdAt: number;\n updatedAt?: number;\n archived?: boolean;\n};\n```\n\nIndexing guidance:\n- `messages`: `chatId`, `parentId`, `createdAt` indices support path building and children lookups.\n- `branches`: `chatId` index for listing branches per chat.\n\n---\n\n## Migration Plan (to v11) - Safe Version\n\n### Pre-Migration Safety Checks\n1. **Lock Migration**: Check for `migrationStatus = 'pending'` in any chat. If found, wait or abort to prevent concurrent migrations.\n2. **Backup Validation**: Ensure export functionality works before starting migration.\n\n### Migration Steps\n1. **Schema Update**: Add Dexie version 11 with new fields. Use Dexie transactions for all operations.\n2. **Chat-by-Chat Migration** (atomic per chat):\n ```ts\n await db.transaction('rw', db.chats, db.messages, async () => {\n // Mark migration start\n await db.chats.update(chatId, { migrationStatus: 'pending', migrationVersion: 11 });\n \n // Load messages in createdAt order\n const messages = await db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n \n // Set parentId chain\n for (let i = 0; i < messages.length; i++) {\n const parentId = i === 0 ? null : messages[i-1].id;\n const depth = i;\n const pathCache = JSON.stringify(messages.slice(0, i+1).map(m => m.id));\n \n await db.messages.update(messages[i].id, { \n parentId, \n depth, \n pathCache,\n isShared: false // will be computed later\n });\n }\n \n // Mark migration complete\n await db.chats.update(chatId, { migrationStatus: 'complete' });\n });\n ```\n\n3. **Compute Shared Flags**: After all chats migrated, compute `isShared` flags by counting children.\n\n4. **Validation**: Verify each chat's message chain is valid (no cycles, proper depths).\n\n5. **Rollback on Failure**: If any step fails, mark `migrationStatus: 'failed'` and provide recovery tools.\n\n### Migration Recovery\n- **Failed Migration Detection**: On app start, check for `migrationStatus: 'failed'` chats.\n- **Automatic Retry**: Attempt re-migration with exponential backoff.\n- **Manual Recovery**: Provide UI to export failed chat data and reimport after manual fix.\n\n---\n\n## UI Changes (incremental) - Safe Version\n\n### New UI state\n- `currentLeafMessageId: number | null` — determines which path is shown.\n- `branchList: Branch[]` — list of named branch tips for the current chat.\n- `streamingMessageId: number | null` — ID of message currently being streamed to (prevents conflicts).\n- `cachedMessagePath: Message[]` — cached linear view to avoid recomputation.\n- `branchingEnabled: boolean` — per-chat feature flag.\n\n### Safe Path Building\n```ts\n// Use pathCache when available, fall back to traversal\nfunction buildMessagePath(leafMessageId: number): Message[] {\n const leaf = messages.find(m => m.id === leafMessageId);\n if (!leaf) return [];\n \n // Try cached path first\n if (leaf.pathCache) {\n try {\n const ids = JSON.parse(leaf.pathCache);\n const path = ids.map(id => messages.find(m => m.id === id)).filter(Boolean);\n if (path.length === ids.length) return path; // cache hit\n } catch {}\n }\n \n // Fallback: traverse parents (with cycle detection)\n const path = [];\n let current = leaf;\n const visited = new Set();\n \n while (current && !visited.has(current.id)) {\n visited.add(current.id);\n path.unshift(current);\n current = current.parentId ? messages.find(m => m.id === current.parentId) : null;\n }\n \n return path;\n}\n```\n\n### Branching Actions (Safe)\n- **Fork at message**: \n 1. Check if `branchingEnabled` for chat\n 2. Validate that base message exists and user has permission\n 3. Generate unique branch name (check for conflicts)\n 4. Use transaction to create branch + update `activeLeafMessageId`\n \n- **Regenerate alternative**:\n 1. Check if parent message is not currently being streamed to\n 2. Create new assistant message with proper `parentId`\n 3. Update parent's `isShared` flag if needed\n 4. Set `streamingMessageId` to prevent conflicts\n \n- **Switch branches**:\n 1. Cancel any active streaming to old branch\n 2. Update `currentLeafMessageId` and rebuild cached path\n 3. Update chat's `activeLeafMessageId` in DB\n\n### Safe Branch Deletion\n```ts\nasync function deleteBranch(branchId: number) {\n const branch = await db.branches.get(branchId);\n if (!branch) return;\n \n // Check for orphaned messages\n const wouldOrphan = await checkForOrphans(branch.leafMessageId);\n if (wouldOrphan.length > 0) {\n // Option 1: Block deletion\n throw new Error(`Cannot delete branch: ${wouldOrphan.length} messages would become orphaned`);\n \n // Option 2: Auto-create recovery branch\n // await createRecoveryBranch(wouldOrphan);\n }\n \n await db.branches.update(branchId, { archived: true });\n}\n```\n\n### Editing & Deleting Safety\n- **Block editing shared ancestors**: If `message.isShared === true`, show \"Cannot edit shared message\" error.\n- **Soft delete only**: Never hard-delete messages, only set `deleted: true`.\n- **Validate permissions**: Check if user can edit (not shared, not currently streaming).\n- **Preserve integrity**: After any edit, recompute `isShared` flags for affected messages.\n\n### Streaming Conflict Prevention\n```ts\n// Before starting stream\nif (this.streamingMessageId && this.streamingMessageId !== assistantMessageId) {\n throw new Error('Another message is currently being generated');\n}\nthis.streamingMessageId = assistantMessageId;\n\n// In applyJobDelta\nif (ctx.assistantMessageId !== this.streamingMessageId) {\n console.warn('Stream target mismatch, ignoring delta');\n return; // Ignore stale deltas\n}\n\n// After stream completion\nthis.streamingMessageId = null;\n```\n\n---\n\n## Backend & Jobs Impact - Safe Version\n\n### Validation at Job Start\n```ts\n// In jobs.js - before creating assistant placeholder\nconst payload = {\n // ... existing fields\n expectedLeafMessageId: this.currentLeafMessageId, // Add validation context\n branchingEnabled: this.branchingEnabled\n};\n\n// Client validates before starting job\nif (this.streamingMessageId) {\n throw new Error('Another message is being generated');\n}\n```\n\n### Safe Message Payload Construction\n```ts\n// Build messages from current branch path only\nconst messages = buildMessagePath(this.currentLeafMessageId);\nconst chatMessages = messages.map(m => ({ role: m.role, content: m.content }));\n\n// Add system prompt at the beginning (not part of tree structure)\nconst systemPrompt = getCurrentSystemPrompt();\nconst finalMessages = systemPrompt \n ? [{ role: 'system', content: systemPrompt }, ...chatMessages]\n : chatMessages;\n```\n\n### Delta Application with Conflict Detection\n```ts\n// In applyJobDelta - add safety checks\nthis.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId];\n if (!ctx) return;\n \n // Validate we're still on the expected branch\n if (this.currentLeafMessageId !== ctx.expectedLeafMessageId) {\n console.warn('Branch switched during streaming, cancelling job');\n this.jobManager.cancelJob(jobId);\n return;\n }\n \n // Validate the target message still exists and is streamable\n const targetMessage = await this.db.messages.get(ctx.assistantMessageId);\n if (!targetMessage || targetMessage.deleted) {\n console.warn('Target message deleted during stream');\n return;\n }\n \n // Apply delta as before...\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n \n if (delta.content && ctx.chatId === this.currentChatId) {\n // ... existing content application logic\n }\n};\n```\n\n### Job Context Enhancement\n```ts\n// Enhanced job context for safety\nthis._jobCtx[jobId] = { \n chatId: this.currentChatId, \n assistantMessageId, \n assistantCreatedAt,\n expectedLeafMessageId: this.currentLeafMessageId, // Track expected branch\n branchPath: this.cachedMessagePath.map(m => m.id), // Snapshot for validation\n startTime: Date.now()\n};\n```\n\n---\n\n## Export / Import\n- Extend export to include: `messages.parentId`, `rootId`, `depth`, `turnId`, `deleted`, and the `branches` table.\n- On import, if `parentId` is missing, reconstruct the linear chain; branches can be omitted or reconstructed later.\n\n---\n\n## Data Integrity Rules & Warnings\n- Prevent cycles: enforce at write time that `parentId` cannot create a loop.\n- Copy‑on‑write for ancestor edits to avoid cross‑branch mutations.\n- Deletion policy: prefer soft‑delete; if hard delete is requested on a node with children, either block or cascade with explicit user confirmation.\n- Multi‑tab concurrency: use Dexie transactions for branch creation and for streaming writes to avoid races (especially when concurrently generating alternatives).\n- Depth/cache fields (`rootId`, `depth`) are hints. If missing or stale, recompute via parent traversal; never rely solely on them.\n\n---\n\n## Performance Considerations\n- Path building is O(depth). Typical chats are shallow; acceptable. Cache the computed path in memory and update incrementally as streaming appends new nodes.\n- Index by `parentId` for quick children lookups (e.g., to list alternatives under the same parent/user turn).\n- Avoid duplicating shared ancestors; the parent‑pointer design keeps storage small and writes minimal.\n\n---\n\n## Rollout Plan\n1. Ship Dexie v11 schema (no UI behavior change yet). Migrate `parentId` linearly.\n2. Add hidden path builder and ensure existing flows still work when linear.\n3. Introduce branch creation/switching UI behind a feature flag.\n4. Update `sendMessage`/`rerun*` to use `parentId` when the flag is enabled.\n5. Add branch management UI (rename, delete/archive) and export/import extensions.\n6. Remove feature flag after validation.\n\n---\n\n## Testing Checklist\n- Migration:\n - Old data loads; linear view identical to pre‑migration.\n - Export/import round‑trip with and without `parentId`.\n- Branching:\n - Fork at any message; both branches are navigable.\n - Regenerate alternative responses; multiple assistant siblings appear under a user message.\n - Streaming writes go to the correct placeholder.\n - Deleting/Editing ancestors behaves per policy (copy‑on‑write or blocked).\n- Performance:\n - Large chats path compute remains responsive.\n - No race conditions under concurrent streams in separate branches.\n\n---\n\n## On Collapsing Into a Single \"Session\" Item\n- Not recommended. While it simplifies the conceptual model, it complicates partial updates, streaming, and recovery. It also increases the blast radius of corruption and makes concurrency and diffing difficult. The parent‑pointer design offers a good balance of simplicity, safety, and flexibility while keeping backward compatibility.\n\n---\n\n## Critical Issues & Fixes Identified\n\n### 🚨 Major Issues\n\n#### 1. **Orphaned Messages After Branch Deletion**\n**Problem**: If a user deletes a branch that was the only path to certain messages, those messages become orphaned and unreachable.\n**Fix**: Before deleting a branch, check if any messages would become orphaned. Either:\n- Block deletion if orphans would be created\n- Auto-create a new branch pointing to orphaned subtrees\n- Add a \"Find Orphaned Messages\" recovery tool\n\n#### 2. **Migration Race Conditions**\n**Problem**: If multiple tabs are open during v10→v11 migration, they could interfere with each other.\n**Fix**: Use Dexie transaction locks and add a migration status flag to prevent concurrent migrations.\n\n#### 3. **Streaming to Wrong Assistant Placeholder**\n**Problem**: If user switches branches while assistant is streaming, deltas could write to the wrong message.\n**Fix**: Include `expectedLeafMessageId` in job context and validate on each delta. Cancel stream if mismatch detected.\n\n#### 4. **Copy-on-Write Complexity**\n**Problem**: Editing shared ancestors with copy-on-write creates complex reattachment logic that could break parent chains.\n**Fix**: Initially, block editing of shared ancestors entirely. Add copy-on-write later as a separate feature with extensive testing.\n\n### ⚠️ Medium Issues\n\n#### 5. **Performance with Deep Conversations**\n**Problem**: Path building becomes O(depth) which could be slow for very long conversations.\n**Fix**: Add `pathCache` field to store pre-computed paths, invalidated on parent changes.\n\n#### 6. **Branch Name Conflicts**\n**Problem**: User could create multiple branches with the same name.\n**Fix**: Enforce unique branch names per chat in Dexie schema constraints.\n\n#### 7. **Inconsistent State After Partial Failures**\n**Problem**: If creating a branch partially fails (branch created but message creation fails), state becomes inconsistent.\n**Fix**: Use Dexie transactions for all branch operations to ensure atomicity.\n\n### 🔧 Minor Issues\n\n#### 8. **Missing Indexes for Performance**\n**Problem**: Current index plan may not cover all query patterns efficiently.\n**Fix**: Add compound index `[chatId, parentId]` and `[chatId, deleted]` for faster queries.\n\n#### 9. **No Cycle Detection Implementation Details**\n**Problem**: Plan mentions preventing cycles but doesn't specify how.\n**Fix**: Implement depth-limited parent traversal during writes to detect cycles.\n\n#### 10. **System Messages Placement**\n**Problem**: System messages (like preset instructions) need special handling in branched conversations.\n**Fix**: Always place system messages at the absolute root with no parent, before any user messages.\n\n---\n\n## Revised Schema Fixes\n\n### Updated messages store signature:\n```\n++id, [chatId+parentId], [chatId+deleted], createdAt, role, content, reasoning, model\n```\n\n### Add integrity constraints:\n- `parentId` cannot equal `id` (self-reference)\n- `parentId` must exist in same `chatId` if not null\n- Branch names must be unique per `chatId`\n\n### Add migration safety:\n```ts\n// Add to chats table\nmigrationStatus?: 'pending' | 'complete' | 'failed'\nmigrationVersion?: number\n```\n\n---\n\n## Summary\n- Adopt a parent‑pointer message tree per chat and represent branches as named pointers to leaf messages.\n- Migrate legacy linear chats by assigning `parentId` to previous message.\n- Keep backend/jobs unchanged; client builds the path for requests and display.\n- Provide strong integrity and UX policies for editing/deleting ancestors and for managing branches.\n- **Address critical streaming, orphaning, and migration safety issues before implementation.**\n\n",[211],"f7722614-7616-11f0-baaa-0224a6c84d84",".vtignore","f77226d2-7616-11f0-baaa-0224a6c84d84",["D",1754850144831],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[218],"f756687a-7616-11f0-99b1-0224a6c84d84",".gitignore","f7566974-7616-11f0-99b1-0224a6c84d84",13,["D",1754850145313],".env\n.DS_Store",[224],"bae9aca2-8526-11f0-9a69-0224a6c84d84","scripts","bae9ad6a-8526-11f0-9a69-0224a6c84d84",108,["D",1756506183953],[231],"f64a42a8-7616-11f0-baaa-0224a6c84d84","frontend","f64a4398-7616-11f0-baaa-0224a6c84d84",["D",1754850144183],[237],"03cb2a36-7758-11f0-b9e9-0224a6c84d84","backend","03cb2afe-7758-11f0-b9e9-0224a6c84d84",21,["D",1754988035289],[242],"pulls","branches","forks","envVars",{"_254":61,"_256":61},"connections",{"_254":61,"_255":61},"count","unfilledCount","emptyCount",{"_41":241,"_31":242,"_29":243,"_142":-5,"_39":40,"_38":244,"_144":57,"_36":725,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":726,"_26":727},{"_41":720,"_31":670,"_29":664,"_142":243,"_39":40,"_38":721,"_144":57,"_36":722,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":723,"_26":724},{"_41":712,"_31":713,"_29":714,"_142":664,"_39":40,"_38":715,"_144":24,"_36":716,"_13":161,"_33":170,"_35":717,"_23":24,"_147":-5,"_319":718,"_26":719},{"_41":704,"_31":705,"_29":706,"_142":664,"_39":40,"_38":707,"_144":24,"_36":708,"_13":161,"_33":170,"_35":709,"_23":24,"_147":-5,"_319":710,"_26":711},{"_41":696,"_31":697,"_29":698,"_142":664,"_39":40,"_38":699,"_144":24,"_36":700,"_13":193,"_33":170,"_35":701,"_23":24,"_147":-5,"_319":702,"_26":703},{"_41":688,"_31":689,"_29":690,"_142":664,"_39":40,"_38":691,"_144":24,"_36":692,"_13":61,"_33":170,"_35":693,"_23":24,"_147":-5,"_319":694,"_26":695},{"_41":679,"_31":680,"_29":681,"_142":664,"_39":40,"_38":682,"_144":24,"_36":683,"_13":684,"_33":170,"_35":685,"_23":24,"_147":-5,"_319":686,"_26":687},{"_41":671,"_31":672,"_29":673,"_142":664,"_39":40,"_38":674,"_144":24,"_36":675,"_13":61,"_33":170,"_35":676,"_23":24,"_147":-5,"_319":677,"_26":678},{"_41":661,"_31":662,"_29":663,"_142":664,"_39":40,"_38":665,"_144":24,"_36":666,"_13":61,"_33":170,"_35":667,"_23":24,"_147":-5,"_319":668,"_26":669},{"_41":653,"_31":654,"_29":655,"_142":243,"_39":40,"_38":656,"_144":24,"_36":657,"_13":61,"_33":170,"_35":658,"_23":24,"_147":-5,"_319":659,"_26":660},{"_41":645,"_31":646,"_29":647,"_142":243,"_39":40,"_38":648,"_144":24,"_36":649,"_13":403,"_33":170,"_35":650,"_23":24,"_147":-5,"_319":651,"_26":652},{"_41":637,"_31":638,"_29":639,"_142":243,"_39":40,"_38":640,"_144":24,"_36":641,"_13":193,"_33":170,"_35":642,"_23":24,"_147":-5,"_319":643,"_26":644},{"_41":236,"_31":237,"_29":238,"_142":-5,"_39":40,"_38":193,"_144":57,"_36":634,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":635,"_26":636},{"_41":629,"_31":587,"_29":581,"_142":238,"_39":40,"_38":630,"_144":57,"_36":631,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":632,"_26":633},{"_41":621,"_31":622,"_29":623,"_142":581,"_39":40,"_38":624,"_144":24,"_36":625,"_13":593,"_33":20,"_35":626,"_23":24,"_147":-5,"_319":627,"_26":628},{"_41":613,"_31":614,"_29":615,"_142":581,"_39":40,"_38":616,"_144":24,"_36":617,"_13":569,"_33":20,"_35":618,"_23":24,"_147":-5,"_319":619,"_26":620},{"_41":605,"_31":606,"_29":607,"_142":581,"_39":40,"_38":608,"_144":24,"_36":609,"_13":184,"_33":20,"_35":610,"_23":24,"_147":-5,"_319":611,"_26":612},{"_41":597,"_31":598,"_29":599,"_142":581,"_39":40,"_38":600,"_144":24,"_36":601,"_13":61,"_33":20,"_35":602,"_23":24,"_147":-5,"_319":603,"_26":604},{"_41":588,"_31":589,"_29":590,"_142":581,"_39":40,"_38":591,"_144":24,"_36":592,"_13":593,"_33":20,"_35":594,"_23":24,"_147":-5,"_319":595,"_26":596},{"_41":578,"_31":579,"_29":580,"_142":581,"_39":40,"_38":582,"_144":24,"_36":583,"_13":161,"_33":20,"_35":584,"_23":24,"_147":-5,"_319":585,"_26":586},{"_41":573,"_31":563,"_29":557,"_142":238,"_39":40,"_38":574,"_144":57,"_36":575,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":576,"_26":577},{"_41":564,"_31":565,"_29":566,"_142":557,"_39":40,"_38":567,"_144":24,"_36":568,"_13":569,"_33":170,"_35":570,"_23":24,"_147":-5,"_319":571,"_26":572},{"_41":554,"_31":555,"_29":556,"_142":557,"_39":40,"_38":558,"_144":24,"_36":559,"_13":61,"_33":170,"_35":560,"_23":24,"_147":-5,"_319":561,"_26":562},{"_41":549,"_31":548,"_29":542,"_142":238,"_39":40,"_38":550,"_144":57,"_36":551,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":552,"_26":553},{"_41":539,"_31":540,"_29":541,"_142":542,"_39":40,"_38":543,"_144":24,"_36":544,"_13":143,"_33":170,"_35":545,"_23":24,"_147":-5,"_319":546,"_26":547},{"_41":534,"_31":502,"_29":496,"_142":238,"_39":40,"_38":535,"_144":57,"_36":536,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":537,"_26":538},{"_41":529,"_31":520,"_29":514,"_142":496,"_39":40,"_38":530,"_144":57,"_36":531,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":532,"_26":533},{"_41":521,"_31":522,"_29":523,"_142":514,"_39":40,"_38":524,"_144":24,"_36":525,"_13":193,"_33":20,"_35":526,"_23":24,"_147":-5,"_319":527,"_26":528},{"_41":511,"_31":512,"_29":513,"_142":514,"_39":40,"_38":515,"_144":57,"_36":516,"_13":61,"_33":20,"_35":517,"_23":24,"_147":-5,"_319":518,"_26":519},{"_41":503,"_31":504,"_29":505,"_142":496,"_39":40,"_38":506,"_144":24,"_36":507,"_13":193,"_33":20,"_35":508,"_23":24,"_147":-5,"_319":509,"_26":510},{"_41":493,"_31":494,"_29":495,"_142":496,"_39":40,"_38":497,"_144":24,"_36":498,"_13":193,"_33":20,"_35":499,"_23":24,"_147":-5,"_319":500,"_26":501},{"_41":489,"_31":32,"_29":30,"_142":238,"_39":40,"_38":14,"_144":57,"_36":490,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":491,"_26":492},{"_41":481,"_31":482,"_29":483,"_142":238,"_39":40,"_38":484,"_144":24,"_36":485,"_13":161,"_33":170,"_35":486,"_23":24,"_147":-5,"_319":487,"_26":488},{"_41":472,"_31":473,"_29":474,"_142":238,"_39":40,"_38":475,"_144":24,"_36":476,"_13":477,"_33":170,"_35":478,"_23":24,"_147":-5,"_319":479,"_26":480},{"_41":464,"_31":465,"_29":466,"_142":238,"_39":40,"_38":467,"_144":24,"_36":468,"_13":193,"_33":170,"_35":469,"_23":24,"_147":-5,"_319":470,"_26":471},{"_41":456,"_31":457,"_29":458,"_142":238,"_39":40,"_38":459,"_144":57,"_36":460,"_13":61,"_33":170,"_35":461,"_23":24,"_147":-5,"_319":462,"_26":463},{"_41":448,"_31":449,"_29":450,"_142":238,"_39":40,"_38":451,"_144":24,"_36":452,"_13":193,"_33":170,"_35":453,"_23":24,"_147":-5,"_319":454,"_26":455},{"_41":440,"_31":441,"_29":442,"_142":238,"_39":40,"_38":443,"_144":57,"_36":444,"_13":61,"_33":170,"_35":445,"_23":24,"_147":-5,"_319":446,"_26":447},{"_41":432,"_31":433,"_29":434,"_142":238,"_39":40,"_38":435,"_144":24,"_36":436,"_13":193,"_33":170,"_35":437,"_23":24,"_147":-5,"_319":438,"_26":439},{"_41":423,"_31":424,"_29":425,"_142":238,"_39":40,"_38":426,"_144":24,"_36":427,"_13":428,"_33":170,"_35":429,"_23":24,"_147":-5,"_319":430,"_26":431},{"_41":415,"_31":416,"_29":417,"_142":238,"_39":40,"_38":418,"_144":24,"_36":419,"_13":61,"_33":170,"_35":420,"_23":24,"_147":-5,"_319":421,"_26":422},{"_41":407,"_31":408,"_29":409,"_142":238,"_39":40,"_38":410,"_144":57,"_36":411,"_13":61,"_33":170,"_35":412,"_23":24,"_147":-5,"_319":413,"_26":414},{"_41":398,"_31":399,"_29":400,"_142":238,"_39":40,"_38":401,"_144":24,"_36":402,"_13":403,"_33":170,"_35":404,"_23":24,"_147":-5,"_319":405,"_26":406},{"_41":390,"_31":391,"_29":392,"_142":238,"_39":40,"_38":393,"_144":57,"_36":394,"_13":61,"_33":170,"_35":395,"_23":24,"_147":-5,"_319":396,"_26":397},{"_41":382,"_31":383,"_29":384,"_142":238,"_39":40,"_38":385,"_144":57,"_36":386,"_13":61,"_33":170,"_35":387,"_23":24,"_147":-5,"_319":388,"_26":389},{"_41":374,"_31":375,"_29":376,"_142":238,"_39":40,"_38":377,"_144":57,"_36":378,"_13":61,"_33":170,"_35":379,"_23":24,"_147":-5,"_319":380,"_26":381},{"_41":230,"_31":231,"_29":232,"_142":-5,"_39":40,"_38":233,"_144":57,"_36":371,"_13":61,"_33":34,"_35":-5,"_23":24,"_147":-5,"_319":372,"_26":373},{"_41":363,"_31":364,"_29":365,"_142":232,"_39":40,"_38":366,"_144":57,"_36":367,"_13":61,"_33":170,"_35":368,"_23":24,"_147":-5,"_319":369,"_26":370},{"_41":355,"_31":356,"_29":357,"_142":232,"_39":40,"_38":358,"_144":57,"_36":359,"_13":61,"_33":170,"_35":360,"_23":24,"_147":-5,"_319":361,"_26":362},{"_41":223,"_31":224,"_29":225,"_142":-5,"_39":40,"_38":226,"_144":57,"_36":352,"_13":61,"_33":20,"_35":228,"_23":24,"_147":-5,"_319":353,"_26":354},{"_41":217,"_31":218,"_29":219,"_142":-5,"_39":40,"_38":154,"_144":24,"_36":349,"_13":61,"_33":20,"_35":221,"_23":24,"_147":-5,"_319":350,"_26":351},{"_41":210,"_31":211,"_29":212,"_142":-5,"_39":40,"_38":213,"_144":24,"_36":346,"_13":61,"_33":20,"_35":215,"_23":24,"_147":-5,"_319":347,"_26":348},{"_41":203,"_31":204,"_29":205,"_142":-5,"_39":40,"_38":206,"_144":24,"_36":343,"_13":161,"_33":170,"_35":208,"_23":24,"_147":-5,"_319":344,"_26":345},{"_41":196,"_31":197,"_29":198,"_142":-5,"_39":40,"_38":199,"_144":57,"_36":340,"_13":193,"_33":170,"_35":201,"_23":24,"_147":-5,"_319":341,"_26":342},{"_41":188,"_31":189,"_29":190,"_142":-5,"_39":40,"_38":191,"_144":24,"_36":337,"_13":193,"_33":20,"_35":194,"_23":24,"_147":-5,"_319":338,"_26":339},{"_41":181,"_31":182,"_29":183,"_142":-5,"_39":40,"_38":184,"_144":57,"_36":334,"_13":61,"_33":20,"_35":186,"_23":24,"_147":-5,"_319":335,"_26":336},{"_41":173,"_31":174,"_29":175,"_142":-5,"_39":40,"_38":176,"_144":24,"_36":331,"_13":178,"_33":20,"_35":179,"_23":24,"_147":-5,"_319":332,"_26":333},{"_41":165,"_31":166,"_29":167,"_142":-5,"_39":40,"_38":168,"_144":24,"_36":328,"_13":61,"_33":170,"_35":171,"_23":24,"_147":-5,"_319":329,"_26":330},{"_41":157,"_31":158,"_29":55,"_142":-5,"_39":40,"_38":159,"_144":24,"_36":325,"_13":161,"_33":162,"_35":163,"_23":24,"_147":43,"_319":326,"_26":327},{"_41":149,"_31":150,"_29":151,"_142":-5,"_39":40,"_38":152,"_144":57,"_36":322,"_13":154,"_33":20,"_35":155,"_23":24,"_147":-5,"_319":323,"_26":324},{"_41":139,"_31":140,"_29":141,"_142":-5,"_39":40,"_38":143,"_144":57,"_36":318,"_13":61,"_33":20,"_35":146,"_23":24,"_147":-5,"_319":320,"_26":321},["D",1754850144638],"children",[],[140],["D",1758042095514],[],[150],["D",1754988036009],[],[158],["D",1754850144846],[],[166],["D",1758322307921],[],[174],["D",1754850144711],[],[182],["D",1756506184803],[],[189],["D",1755157226829],[],[197],["D",1758130807795],[],[204],["D",1758322307679],[],[211],["D",1754850144831],[],[218],["D",1754850145313],[],[224],"bb41cffe-8526-11f0-b180-0224a6c84d84","fetch_vendor.js","bb41d09e-8526-11f0-b180-0224a6c84d84",116,["D",1756506184522],"// Download and vendor client-side libraries for offline use\n\nconst targets = [\n { url: 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js', path: 'frontend/vendor/dexie.min.js' },\n { url: 'https://unpkg.com/alpinejs@3.14.9/dist/cdn.min.js', path: 'frontend/vendor/alpine.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js', path: 'frontend/vendor/marked.min.js' },\n { url: 'https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js', path: 'frontend/vendor/purify.min.js' },\n { url: 'https://code.iconify.design/3/3.1.1/iconify.min.js', path: 'frontend/vendor/iconify.min.js' },\n { url: 'https://cdn.tailwindcss.com', path: 'frontend/vendor/tailwind-cdn.js' },\n];\n\nasync function ensureDirFor(filePath) {\n const parts = filePath.split('/');\n parts.pop();\n const dir = parts.join('/');\n try { await Deno.mkdir(dir, { recursive: true }); } catch (_) {}\n}\n\nfor (const t of targets) {\n try {\n const res = await fetch(t.url);\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n const text = await res.text();\n await ensureDirFor(t.path);\n await Deno.writeTextFile(t.path, text);\n console.log('[vendor] saved', t.path, `(${text.length} bytes)`);\n } catch (err) {\n console.error('[vendor] failed', t.url, '->', t.path, err);\n Deno.exit(1);\n }\n}\n\n\n",[],[231,356],"bba06afa-8526-11f0-9cb9-0224a6c84d84","build_css.js","bba06bcc-8526-11f0-9cb9-0224a6c84d84",128,["D",1756506184509],"// Simple build step: concatenate app.scss + theme files into a single CSS file\n// Our SCSS uses only valid CSS syntax, so concatenation is safe\n\nconst APP = 'frontend/styles/app.scss';\nconst THEME_LIGHT = 'frontend/styles/themes/_light.scss';\nconst THEME_DARK = 'frontend/styles/themes/_dark.scss';\nconst OUTPUT = 'frontend/styles/app.css';\n\nasync function readIfExists(path) {\n try { return await Deno.readTextFile(path); } catch { return ''; }\n}\n\ntry {\n const app = await readIfExists(APP);\n const light = await readIfExists(THEME_LIGHT);\n const dark = await readIfExists(THEME_DARK);\n const out = `${app}\\n\\n/* === light theme === */\\n${light}\\n\\n/* === dark theme === */\\n${dark}\\n`;\n await Deno.writeTextFile(OUTPUT, out);\n console.log(`[build:css] Wrote ${OUTPUT} (${out.length} bytes)`);\n} catch (err) {\n console.error('[build:css] failed', err);\n Deno.exit(1);\n}\n\n\n",[],[231,364],["D",1756506183953],[304,305],[231],"f32c22c4-88fb-11f0-8e3c-0224a6c84d84","uiTools.js","f32c236e-88fb-11f0-8e3c-0224a6c84d84",170,["D",1756927614633],"// UI helper functions extracted from chatterApp.js\n\nexport function applyAppFont(ctx) {\n const root = document.documentElement;\n if (!root || !root.style) return;\n const mono = `'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace`;\n const sans = `'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif`;\n const serif = `'Georgia', 'Times New Roman', Times, serif`;\n if (ctx.appFontChoice === 'sans') {\n root.style.setProperty('--font-body', sans);\n root.style.setProperty('--font-headings', sans);\n } else if (ctx.appFontChoice === 'serif') {\n root.style.setProperty('--font-body', serif);\n root.style.setProperty('--font-headings', serif);\n } else {\n root.style.setProperty('--font-body', mono);\n root.style.setProperty('--font-headings', sans);\n }\n}\n\nexport function applyThemePreference(ctx) {\n const root = document.documentElement;\n if (!root) return;\n const pref = ctx.themePreference || 'auto';\n if (pref === 'light') root.setAttribute('data-theme', 'light');\n else if (pref === 'dark') root.setAttribute('data-theme', 'dark');\n else root.removeAttribute('data-theme');\n try {\n // Use ctx.themeClass getter for logging context\n // eslint-disable-next-line no-console\n console.log('[theme] applied ->', pref, 'data-theme=', root.getAttribute('data-theme'), 'class=', ctx.themeClass);\n } catch (_) { /* ignore */ }\n}\n\nexport function initSystemPromptAutosize(ctx) {\n const sels = [\n 'textarea[x-model=\"systemPrompt\"]',\n 'textarea[x-model=\"chatPromptText\"]'\n ];\n const els = document.querySelectorAll(sels.join(','));\n els.forEach((el) => {\n try {\n el.style.height = 'auto';\n el.style.height = Math.min(el.scrollHeight, 320) + 'px';\n } catch (_) { /* ignore */ }\n });\n}\n\nexport function autoResize(ctx, e) {\n const el = e && e.target;\n if (!el) return;\n try {\n el.style.height = 'auto';\n el.style.height = Math.min(el.scrollHeight, 320) + 'px';\n } catch (_) { /* ignore */ }\n}\n\nexport function queueScrollToBottom(ctx) {\n try {\n const el = ctx.$refs && ctx.$refs.traceContainer;\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof ctx.$nextTick === 'function') ctx.$nextTick(doScroll);\n else requestAnimationFrame(doScroll);\n } catch (_) { /* ignore */ }\n}\n\nexport function queueScrollReasoningById(ctx, messageId) {\n const el = document.querySelector('[data-reasoning-id=\"' + messageId + '\"]');\n if (!el) return;\n const doScroll = () => { el.scrollTop = el.scrollHeight; };\n if (typeof ctx.$nextTick === 'function') ctx.$nextTick(doScroll);\n else requestAnimationFrame(doScroll);\n}\n\nexport function renderMarkdown(text) {\n const raw = String(text || '');\n try {\n const html = (window.marked ? window.marked.parse(raw) : raw);\n return (window.DOMPurify ? window.DOMPurify.sanitize(html) : html);\n } catch (_) { return raw; }\n}\n\n\n",[],[237,375],"c7c8c2aa-88ff-11f0-9c4d-0224a6c84d84","traceUI.js","c7c8c34a-88ff-11f0-9c4d-0224a6c84d84",172,["D",1756929259792],"// Trace and reasoning UI helpers extracted from chatterApp.js\n\nexport function computeTraceMaxHeight(ctx) {\n return ctx.traceExpanded ? '' : 'max-height: 100px';\n}\n\nexport function toggleTool(ctx, idx) {\n ctx.expandedToolMap[idx] = !ctx.expandedToolMap[idx];\n ctx.queueScrollToBottom && ctx.queueScrollToBottom();\n}\n\nexport function toggleReasoning(ctx, messageId) {\n if (messageId == null) return;\n ctx.expandedReasoningMap[messageId] = !ctx.expandedReasoningMap[messageId];\n ctx.queueScrollReasoningById && ctx.queueScrollReasoningById(messageId);\n}\n\nexport function prettify(obj) {\n try { return JSON.stringify(obj, null, 2); } catch (_) { return String(obj); }\n}\n\nexport async function copyEventsJson(ctx) {\n try {\n const json = JSON.stringify(ctx.traceEvents || [], null, 2);\n await navigator.clipboard.writeText(json);\n ctx.copyEventsText = 'copied';\n if (ctx.copyEventsTimeoutId) clearTimeout(ctx.copyEventsTimeoutId);\n ctx.copyEventsTimeoutId = setTimeout(() => {\n ctx.copyEventsText = 'copy json';\n ctx.copyEventsTimeoutId = null;\n }, 3000);\n } catch (_) {\n // no-op\n }\n}\n\n\n",[],[237,383],"f325ee18-88fb-11f0-b80d-0224a6c84d84","timerUtils.js","f325eecc-88fb-11f0-b80d-0224a6c84d84",169,["D",1756927614594],"// Timer utilities extracted from chatterApp.js\n\nexport function getDisplayTimerText(ctx) {\n if (ctx.timerFrozenText) return ctx.timerFrozenText;\n if (!ctx.timerStartMs) return '';\n const elapsed = (ctx.timerElapsedMs || 0) / 1000;\n const seconds = Math.floor(elapsed);\n const hundredths = Math.floor((elapsed - seconds) * 100);\n const s = String(seconds).padStart(2, '0');\n const h = String(hundredths).padStart(2, '0');\n return `${s}.${h}s`;\n}\n\nexport function startTimer(ctx) {\n // Clear any existing interval without invoking ctx.stopTimer to avoid recursion\n if (ctx.timerIntervalId) {\n try { clearInterval(ctx.timerIntervalId); } catch (_) { /* ignore */ }\n ctx.timerIntervalId = null;\n }\n ctx.timerFrozenText = '';\n ctx.timerStartMs = Date.now();\n ctx.timerElapsedMs = 0;\n ctx.timerIntervalId = setInterval(() => {\n ctx.timerElapsedMs = Date.now() - ctx.timerStartMs;\n }, 30);\n}\n\nexport function stopTimer(ctx) {\n if (ctx.timerIntervalId) {\n try { clearInterval(ctx.timerIntervalId); } catch (_) { /* ignore */ }\n ctx.timerIntervalId = null;\n }\n if (ctx.timerStartMs) {\n const elapsed = (ctx.timerElapsedMs || (Date.now() - ctx.timerStartMs)) / 1000;\n const seconds = Math.floor(elapsed);\n const hundredths = Math.floor((elapsed - seconds) * 100);\n const s = String(seconds).padStart(2, '0');\n const h = String(hundredths).padStart(2, '0');\n ctx.timerFrozenText = `${s}.${h}s...done`;\n }\n ctx.timerStartMs = null;\n ctx.timerElapsedMs = 0;\n}\n\n\n",[],[237,391],"b6a8211a-86c9-11f0-8832-0224a6c84d84","presets.js","cc2097b6-8129-11f0-810c-0224a6c84d84",161,["D",1756686135935],3,"// Presets and per-chat settings helpers for chatterApp\n// Each function receives `ctx` which is the Alpine data object (this)\n\nexport async function isChatLinkedToPreset(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n 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 try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(savedId); } catch (_) { /* ignore */ }\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 // Guard: when presets haven't populated yet, the browser may default the select to the first option (\"custom\")\n // and fire change. If the chat is actually linked to a preset, ignore this spurious switch.\n try {\n if (nextId == null && ctx.currentChatId && ctx.db) {\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n const active = meta?.activeSettingsSource || null;\n const linkedToPreset = (meta?.systemPromptId != null) && (active === 'preset' || (active == null && !meta?.settings));\n if (linkedToPreset) {\n ctx.chatPromptId = String(meta.systemPromptId);\n return;\n }\n }\n } catch (_) { /* ignore */ }\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n // New model: switching between custom and preset is non-destructive for saved data.\n // We no longer block with a confirmation; unsaved UI edits may be overridden\n // visually, but saved custom settings/text are preserved for toggling back.\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.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n // Preserve any saved custom settings/text; only switch active source and preset linkage\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(chatId); } catch (_) { /* ignore */ }\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = String(id);\n } catch (_) { /* ignore */ }\n}\n\nexport function confirmPresetChange(ctx) {\n try {\n const id = ctx.pendingPresetId;\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n doApplyPresetChange(ctx, id);\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelPresetChange(ctx) {\n try {\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n ctx.chatPromptId = ctx.lastChatPromptId ?? null;\n } catch (_) { /* ignore */ }\n}\n\nexport function onChatPromptTextInput(ctx, e) {\n try { const el = e && e.target; if (el) ctx.autoResize({ target: el }); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport async function resetChatPromptToPreset(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return;\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n 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 // Preserve custom settings; simply link to the new preset and switch active source\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n }\n ctx.settingsChanged = false;\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport function startEditingPreset(ctx, preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n ctx.editingPresetId = id;\n ctx.editingPresetName = String(preset.name || 'Preset');\n ctx.editingPresetContent = String(preset.content || '');\n ctx.editingPresetSettings = (preset && preset.settings && typeof preset.settings === 'object') ? JSON.parse(JSON.stringify(preset.settings)) : {};\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingPreset(ctx) {\n ctx.editingPresetId = null;\n ctx.editingPresetName = '';\n ctx.editingPresetContent = '';\n ctx.editingPresetSettings = {};\n}\n\nexport async function commitEditingPreset(ctx) {\n try {\n const id = ctx.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { cancelEditingPreset(ctx); return false; }\n const name = (ctx.editingPresetName || '').trim() || 'Preset';\n const content = String(ctx.editingPresetContent || '');\n const ok = await updatePreset(ctx, Number(id), { name, content, settings: (ctx.editingPresetSettings && typeof ctx.editingPresetSettings === 'object') ? ctx.editingPresetSettings : undefined });\n cancelEditingPreset(ctx);\n return ok;\n } catch (_) {\n cancelEditingPreset(ctx);\n return false;\n }\n}\n\nexport async function clonePreset(ctx, preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await createPreset(ctx, name, String(preset.content || ''), (preset && preset.settings) ? preset.settings : undefined);\n try { await loadPresets(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\n\n",[],[237,399],"b5fd1e3e-8906-11f0-b8db-0224a6c84d84","preferences.js","b5fd1efc-8906-11f0-b8db-0224a6c84d84",176,["D",1756932236447],"// Preferences and settings change handlers extracted from chatterApp.js\n\nexport function onModelChange(ctx) {\n try { localStorage.setItem('groq_model', ctx.selectedModel || 'openai/gpt-oss-120b'); } catch (_) { /* ignore */ }\n const isOss = !!(ctx.selectedModel && ctx.selectedModel.startsWith('openai/gpt-oss'));\n if (!isOss) { ctx.useBrowserSearch = false; ctx.useCodeInterpreter = false; }\n ctx.settingsChanged = true;\n if (ctx.selectedModel === 'custom') {\n try {\n ctx.$nextTick(() => {\n const el = ctx.$refs && ctx.$refs.customBaseUrlInput;\n if (el && typeof el.focus === 'function') el.focus();\n });\n } catch (_) { /* ignore */ }\n }\n}\n\nexport function onUseBrowserSearchChange(ctx) {\n try { localStorage.setItem('use_browser_search', ctx.useBrowserSearch ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onUseCodeInterpreterChange(ctx) {\n try { localStorage.setItem('use_code_interpreter', ctx.useCodeInterpreter ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onAppFontChange(ctx) {\n try { localStorage.setItem('app_font', ctx.appFontChoice); } catch (_) { /* ignore */ }\n ctx.applyAppFont && ctx.applyAppFont();\n}\n\nexport function onThemePreferenceChange(ctx) {\n try { localStorage.setItem('theme', ctx.themePreference || 'auto'); } catch (_) { /* ignore */ }\n try { console.log('[theme] preference ->', ctx.themePreference); } catch (_) { /* ignore */ }\n ctx.applyThemePreference && ctx.applyThemePreference();\n}\n\nexport function onStreamToggle(ctx) {\n try { localStorage.setItem('stream_enabled', ctx.streamEnabled ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onJsonModeToggle(ctx) {\n try { localStorage.setItem('json_mode', ctx.jsonMode ? '1' : '0'); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onCustomChatBaseUrlChange(ctx) {\n try { localStorage.setItem('chat_base_url', ctx.customChatBaseUrl || ''); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onTemperatureChange(ctx) {\n const v = Number(ctx.temperature);\n ctx.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : 1;\n try { localStorage.setItem('temperature', String(ctx.temperature)); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onMaxTokensChange(ctx) {\n const v = Math.max(1, Math.floor(Number(ctx.maxTokens) || 0));\n ctx.maxTokens = v;\n try { localStorage.setItem('max_tokens', String(ctx.maxTokens)); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport function onReasoningChange(ctx) {\n const v = ctx.reasoningEffort;\n const ok = v === 'low' || v === 'medium' || v === 'high';\n if (!ok) ctx.reasoningEffort = 'medium';\n try { localStorage.setItem('reasoning_effort', ctx.reasoningEffort); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\n\n",[],[237,408],"c7dc2318-88ff-11f0-95ab-0224a6c84d84","messageEditing.js","c7dc23d6-88ff-11f0-95ab-0224a6c84d84",175,["D",1756929259796],"// Message editing utilities extracted from chatterApp.js\n\nexport async function startEditingMessage(ctx, idx) {\n try {\n if (!Array.isArray(ctx.messages) || idx < 0 || idx >= ctx.messages.length) return;\n const m = ctx.messages[idx] || {};\n ctx.editingMessageIdx = idx;\n ctx.editingMessageId = m.id || null;\n ctx.editingMessageOriginal = String(m.content || '');\n ctx.editingMessageText = ctx.editingMessageOriginal;\n try {\n const ensured = await ctx.ensureMessagePersisted(idx);\n if (ensured) ctx.editingMessageId = ensured;\n } catch (_) { /* ignore */ }\n setTimeout(() => {\n try {\n const el = document.querySelector('[data-editing-idx=\"' + idx + '\"]');\n if (el) {\n if (el.getAttribute && el.getAttribute('contenteditable') === 'true') {\n el.textContent = ctx.editingMessageText || '';\n el.focus();\n try {\n const sel = window.getSelection && window.getSelection();\n const range = document.createRange && document.createRange();\n if (sel && range) {\n range.selectNodeContents(el);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n } catch (_) { /* ignore */ }\n } else {\n try { el.value = ctx.editingMessageText || ''; } catch (_) { /* ignore */ }\n el.focus();\n ctx.autoResize && ctx.autoResize({ target: el });\n el.select && el.select();\n }\n }\n } catch (_) { /* ignore */ }\n }, 30);\n } catch (_) { /* no-op */ }\n}\n\nexport async function onEditingInput(ctx, e) {\n try {\n const text = typeof ctx.editingMessageText === 'string' ? ctx.editingMessageText : '';\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n if (ctx.editingDebounceId) clearTimeout(ctx.editingDebounceId);\n ctx.editingDebounceId = setTimeout(async () => {\n try {\n const id = await ctx.persistMessageAtIndex(i);\n if (id) ctx.editingMessageId = id;\n } catch (_) { /* ignore */ }\n }, 400);\n } catch (_) { /* ignore */ }\n}\n\nexport async function commitEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const text = (ctx.editingMessageText || '').trim();\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = text;\n }\n try { await ctx.persistMessageAtIndex(i); } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\nexport async function cancelEditingMessage(ctx) {\n try {\n if (ctx.editingDebounceId) { clearTimeout(ctx.editingDebounceId); ctx.editingDebounceId = null; }\n const original = String(ctx.editingMessageOriginal || '');\n const i = ctx.editingMessageIdx;\n if (i != null && i >= 0 && i < ctx.messages.length) {\n ctx.messages[i].content = original;\n }\n const id = ctx.editingMessageId;\n try {\n if (id && ctx.db) {\n await ctx.db.messages.update(id, { content: original });\n }\n } catch (_) { /* ignore */ }\n } finally {\n ctx.editingMessageIdx = null;\n ctx.editingMessageId = null;\n ctx.editingMessageText = '';\n ctx.editingMessageOriginal = '';\n }\n}\n\n\n",[],[237,416],"3940f6de-95ab-11f0-9a51-0224a6c84d84","init.js","f6847112-7616-11f0-9927-0224a6c84d84",198,["D",1758322307933],6,"import chatterApp from './chatterApp.js';\n\n// Lightweight presets panel Alpine data for App Settings\nfunction presetsPanel() {\n return {\n db: null,\n renderNonce: 0,\n // list\n presets: [],\n // create/new form visibility\n showNewPresetForm: false,\n // create/new\n newPresetName: '',\n newPresetSystemPrompt: '',\n newPresetSettings: null,\n // edit state\n editingPresetId: null,\n editingPresetName: '',\n editingPresetSystemPrompt: '',\n editingPresetSettings: {},\n // export/import presets\n presetsDataStatus: '',\n presetsImportMode: null, // 'replace' | 'append'\n\n init() {\n try { this.initDb(); } catch (_) { /* no-op */ }\n try { this.newPresetSettings = this.defaultSettings(); } catch (_) { this.newPresetSettings = this.defaultSettings(); }\n this.loadPresets();\n this.renderNonce = Date.now();\n },\n initDb() {\n if (!window.Dexie) return;\n this.db = new window.Dexie('chat_db');\n try {\n 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=\"chatterApp()\" continues to work\nwindow.chatterApp = chatterApp;\n\n// Register with Alpine when ready\nif (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n} else {\n document.addEventListener('alpine:init', () => {\n try {\n if (window.Alpine && typeof window.Alpine.data === 'function') {\n window.Alpine.data('chatterApp', chatterApp);\n try { window.Alpine.data('presetsPanel', presetsPanel); } catch (_) { /* no-op */ }\n }\n // Register a lightweight autosize directive for textareas\n if (window.Alpine && typeof window.Alpine.directive === 'function') {\n window.Alpine.directive('autosize', (el, _binding, { cleanup }) => {\n if (!el || el.tagName !== 'TEXTAREA') return;\n const resize = () => {\n try {\n el.style.height = 'auto';\n el.style.overflowY = 'hidden';\n // Use scrollHeight to fit content\n el.style.height = `${el.scrollHeight}px`;\n } catch (_) { /* no-op */ }\n };\n // Store reference for cleanup\n el.__autosize__ = resize;\n // Initial and queued resizes for cases when content is set after init\n const scheduleInitialResizes = () => {\n resize();\n try { requestAnimationFrame(resize); } catch (_) {}\n setTimeout(resize, 0);\n setTimeout(resize, 50);\n if (window.Alpine && typeof window.Alpine.nextTick === 'function') {\n try { window.Alpine.nextTick(resize); } catch (_) {}\n }\n // Keep adjusting for a short burst to catch async model hydration\n let attempts = 0;\n const maxAttempts = 20; // ~1s @ 50ms\n const initialInterval = setInterval(() => {\n attempts += 1;\n resize();\n if (attempts >= maxAttempts) {\n clearInterval(initialInterval);\n }\n }, 50);\n // Store for cleanup\n el.__autosizeInterval__ = initialInterval;\n };\n scheduleInitialResizes();\n // Recalculate on input and when x-show reveals the element\n el.addEventListener('input', resize);\n el.addEventListener('alpine:show', resize);\n // Also on window load to catch late-filled values\n const onWindowLoad = () => resize();\n window.addEventListener('load', onWindowLoad, { once: true });\n // In case Alpine finishes initializing after this directive\n const onAlpineInitialized = () => resize();\n document.addEventListener('alpine:initialized', onAlpineInitialized, { once: true });\n const onWindowResize = () => resize();\n window.addEventListener('resize', onWindowResize, { passive: true });\n cleanup(() => {\n el.removeEventListener('input', resize);\n el.removeEventListener('alpine:show', resize);\n window.removeEventListener('load', onWindowLoad);\n document.removeEventListener('alpine:initialized', onAlpineInitialized);\n window.removeEventListener('resize', onWindowResize);\n delete el.__autosize__;\n try { if (el.__autosizeInterval__) clearInterval(el.__autosizeInterval__); } catch (_) {}\n delete el.__autosizeInterval__;\n });\n });\n\n // Lightweight include directive to fetch & hydrate external HTML fragments\n window.Alpine.directive('include', (el, { expression }, { cleanup, evaluate }) => {\n let loaded = false;\n let controller = null;\n let aborted = false;\n const load = async (url) => {\n if (!url || aborted) return;\n try {\n if (controller) {\n try { controller.abort(); } catch (_) { /* no-op */ }\n }\n controller = new AbortController();\n const res = await fetch(url, { signal: controller.signal, credentials: 'same-origin' });\n const html = await res.text();\n // Replace content without re-initializing the directive on the container\n // Create a template to safely parse and insert children\n const tpl = document.createElement('template');\n tpl.innerHTML = html;\n // Clear existing content and insert new nodes\n el.innerHTML = '';\n el.appendChild(tpl.content.cloneNode(true));\n loaded = true;\n try {\n if (window.Alpine && typeof window.Alpine.initTree === 'function') {\n // Initialize only the newly inserted children to avoid re-running this directive\n const children = Array.from(el.children || []);\n for (const child of children) {\n try { window.Alpine.initTree(child); } catch (_) { /* no-op */ }\n }\n }\n } catch (_) { /* no-op */ }\n } catch (_) { /* no-op */ }\n };\n let url = '';\n try { url = String(evaluate(expression)); } catch (_) { url = ''; }\n if (url) load(url);\n const onShow = () => { if (!loaded) load(url); };\n el.addEventListener('alpine:show', onShow);\n cleanup(() => {\n aborted = true;\n try { if (controller) controller.abort(); } catch (_) { /* no-op */ }\n el.removeEventListener('alpine:show', onShow);\n });\n });\n\n // Reusable clickaway directive for closing popups/modals when clicking outside\n window.Alpine.directive('clickaway', (el, { expression }, { cleanup, evaluate }) => {\n let isListening = false;\n \n const handleClickAway = (e) => {\n // Check if the click was outside this element\n if (!el.contains(e.target)) {\n try {\n evaluate(expression);\n } catch (_) { /* no-op */ }\n }\n };\n\n const startListening = () => {\n if (isListening) return;\n isListening = true;\n // Use a small delay to avoid immediate triggering when the element appears\n setTimeout(() => {\n document.addEventListener('click', handleClickAway, true);\n }, 50);\n };\n\n const stopListening = () => {\n if (!isListening) return;\n isListening = false;\n document.removeEventListener('click', handleClickAway, true);\n };\n\n // Start listening when element becomes visible\n const observer = new MutationObserver((mutations) => {\n // Only check visibility if relevant attributes changed\n const hasRelevantChanges = mutations.some(mutation => \n mutation.type === 'attributes' && \n (mutation.attributeName === 'style' || mutation.attributeName === 'hidden')\n );\n \n if (hasRelevantChanges) {\n const isVisible = el.offsetParent !== null && !el.hidden;\n if (isVisible) {\n startListening();\n } else {\n stopListening();\n }\n }\n });\n\n // Watch for changes in visibility with throttling\n observer.observe(el, { attributes: true, attributeFilter: ['style', 'hidden'] });\n \n // Also listen for Alpine show/hide events\n el.addEventListener('alpine:show', startListening);\n el.addEventListener('alpine:hide', stopListening);\n\n cleanup(() => {\n stopListening();\n observer.disconnect();\n el.removeEventListener('alpine:show', startListening);\n el.removeEventListener('alpine:hide', stopListening);\n });\n });\n }\n } catch (_) { /* no-op */ }\n });\n}\n\n// If Alpine was deferred via window.deferLoadingAlpine, start it now\ntry { if (typeof window._startAlpine === 'function') window._startAlpine(); } catch (_) {}\n\n\n",[],[237,424],"38bae44c-86ae-11f0-b401-0224a6c84d84","i18n.js","900be31a-78f1-11f0-a5a1-0224a6c84d84",144,["D",1756674328258],"// Internationalization utilities extracted from chatterApp\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",[],[237,433],"c7c3807e-88ff-11f0-9373-0224a6c84d84","dragDrop.js","c7c3813c-88ff-11f0-9373-0224a6c84d84",171,["D",1756929259791],"// Drag & Drop helpers for chats and folders\n\nexport function onChatDragStart(ctx, e, chatId) {\n try {\n if (e && e.dataTransfer) {\n e.dataTransfer.setData('text/plain', String(chatId));\n e.dataTransfer.effectAllowed = 'move';\n }\n } catch (_) {}\n ctx.draggingChatId = chatId;\n}\n\nexport function onChatDragEnd(ctx) {\n ctx.draggingChatId = null;\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragOver(ctx, e, folderId) {\n e.preventDefault();\n ctx.dragOverFolderId = folderId;\n ctx.dragOverBase = false;\n}\n\nexport function onFolderDragLeave(ctx, e, folderId) {\n if (ctx.dragOverFolderId === folderId) ctx.dragOverFolderId = null;\n}\n\nexport async function onFolderDrop(ctx, e, folderId) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, folderId);\n ctx.dragOverFolderId = null;\n ctx.dragOverBase = false;\n}\n\nexport function onBaseDragOver(ctx, e) {\n e.preventDefault();\n ctx.dragOverBase = true;\n ctx.dragOverFolderId = null;\n}\n\nexport function onBaseDragLeave(ctx) {\n ctx.dragOverBase = false;\n}\n\nexport async function onBaseDrop(ctx, e) {\n e.preventDefault();\n const raw = (() => { try { return e.dataTransfer?.getData('text/plain'); } catch { return null; } })();\n const id = Number(raw || ctx.draggingChatId);\n await ctx.moveChatToFolder(id, null);\n ctx.dragOverBase = false;\n ctx.dragOverFolderId = null;\n}\n\n\n",[],[237,441],"cd99dd76-931e-11f0-9841-0224a6c84d84","dataIO.js","b60376a8-8906-11f0-be44-0224a6c84d84",187,["D",1758042095450],"// Data export/import & clipboard helpers extracted from chatterApp.js\n\nimport {\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/chatCore.js';\n\nexport async function onExportData(ctx) {\n try {\n ctx.dataStatusText = 'preparing export...';\n const payload = await coreExportAllData(ctx);\n const json = JSON.stringify(payload, null, 2);\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const pad = (n) => String(n).padStart(2, '0');\n const d = new Date();\n const name = `chatter-export-${d.getFullYear()}${pad(d.getMonth()+1)}${pad(d.getDate())}-${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}.json`;\n const a = document.createElement('a');\n a.href = url;\n a.download = name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n ctx.dataStatusText = 'exported current data to JSON file';\n } catch (e) {\n console.error('export error', e);\n ctx.dataStatusText = 'export failed';\n }\n}\n\nexport async function copyCurrentChatJson(ctx) {\n try {\n if (!ctx.db) return;\n const payload = await coreExportAllData(ctx);\n const cid = ctx.currentChatId;\n const all = payload && payload.data ? payload.data : { chats: [], messages: [], folders: [] };\n let out = { meta: payload.meta || {}, data: { chats: [], messages: [], folders: [] } };\n if (cid && Number.isFinite(Number(cid))) {\n const chatId = Number(cid);\n out.data.chats = (all.chats || []).filter(c => Number(c.id) === chatId);\n out.data.messages = (all.messages || []).filter(m => Number(m.chatId) === chatId);\n out.data.folders = (all.folders || []).filter(f => {\n try { return out.data.chats.some(c => c.folderId != null && Number(c.folderId) === Number(f.id)); } catch (_) { return false; }\n });\n } else {\n out = { meta: { ...payload.meta, note: 'ephemeral chat (not yet saved)' }, data: { chats: [], messages: (ctx.messages || []).map(m => ({ role: m.role, content: m.content, createdAt: m.createdAt, model: m.model ?? null })), folders: [] } };\n }\n const json = JSON.stringify(out, null, 2);\n await navigator.clipboard.writeText(json);\n ctx.copyChatText = 'copied';\n if (ctx.copyChatTimeoutId) clearTimeout(ctx.copyChatTimeoutId);\n ctx.copyChatTimeoutId = setTimeout(() => {\n ctx.copyChatText = 'copy json';\n ctx.copyChatTimeoutId = null;\n }, 3000);\n } catch (_) { /* no-op */ }\n}\n\nexport function onClickImportReplace(ctx) {\n try {\n ctx.pendingImportMode = 'replace';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport function onClickImportAppend(ctx) {\n try {\n ctx.pendingImportMode = 'append';\n const el = ctx.$refs && ctx.$refs.importFileInput;\n if (el) el.click();\n } catch (_) { /* ignore */ }\n}\n\nexport async function onImportFileChange(ctx, e) {\n try {\n const files = e && e.target && e.target.files ? e.target.files : null;\n const file = files && files[0];\n if (!file) return;\n ctx.dataStatusText = (ctx.pendingImportMode === 'replace') ? 'importing (replace)...' : 'importing (append)...';\n const text = await new Promise((resolve, reject) => {\n try {\n const reader = new FileReader();\n reader.onload = () => resolve(String(reader.result || ''));\n reader.onerror = (err) => reject(err);\n reader.readAsText(file);\n } catch (err) { reject(err); }\n });\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n if (ctx.pendingImportMode === 'replace') {\n counts = await coreImportDataReplace(ctx, text);\n } else {\n counts = await coreImportDataAppend(ctx, text);\n }\n await ctx.loadFolders();\n await ctx.loadChats();\n await ctx.loadNotes();\n await ctx.loadPresets();\n if (ctx.pendingImportMode === 'replace') {\n ctx.currentChatId = null;\n ctx.activeSearchId = ctx.ephemeralChatId;\n ctx.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: ctx.selectedModel || null }];\n try { ctx.navigateToChatPath(ctx.ephemeralChatId, true); } catch (_) { /* ignore */ }\n }\n ctx.dataStatusText = `${ctx.pendingImportMode === 'replace' ? 'replaced' : 'appended'}: ${counts.foldersAdded} folders, ${counts.chatsAdded} chats, ${counts.messagesAdded} messages`;\n } catch (err) {\n console.error('import error', err);\n ctx.dataStatusText = 'import failed';\n } finally {\n try { if (e && e.target) e.target.value = ''; } catch (_) {}\n ctx.pendingImportMode = null;\n }\n}\n\n\n",[],[237,449],"c7cf742e-88ff-11f0-b038-0224a6c84d84","contentRenderers.js","c7cf7640-88ff-11f0-b038-0224a6c84d84",173,["D",1756929259794],"// Assistant content rendering helpers\n\nexport function formatAssistantContent(text) {\n const rawText = text || '';\n if (!rawText) return '';\n const trimmed = rawText.trim();\n if ((trimmed.startsWith('{') || trimmed.startsWith('['))) {\n try {\n const obj = JSON.parse(trimmed);\n return JSON.stringify(obj, null, 2);\n } catch (_) {\n return rawText;\n }\n }\n return rawText;\n}\n\nexport function renderAssistantContent(ctx) {\n const raw = formatAssistantContent(ctx.assistantContent || '');\n try {\n if (raw && (raw.trim().startsWith('{') || raw.trim().startsWith('['))) {\n const escaped = raw.replace(/&/g, '&').replace(//g, '>');\n return `

${escaped}

`;\n }\n const html = (window.marked ? window.marked.parse(raw) : raw);\n return (window.DOMPurify ? window.DOMPurify.sanitize(html) : html);\n } catch (_) {\n return raw;\n }\n}\n\n\n",[],[237,457],"384de18a-86ae-11f0-8644-0224a6c84d84","chatterLib.js","8ff2c63c-78f1-11f0-82b8-0224a6c84d84",129,["D",1756674327544],"// Research utilities extracted from chatterApp\n\nexport function getDisplaySourceName(selectedSource, customSource) {\n const sourceMap = {\n 'pubmed': 'PubMed',\n 'biorxiv': 'bioRxiv',\n 'arxiv': 'arXiv',\n 'medrxiv': 'medRxiv',\n 'researchgate': 'ResearchGate',\n 'google scholar': 'Google Scholar',\n 'hacker news': 'Hacker News',\n 'reddit': 'Reddit',\n 'news': 'News'\n };\n if (selectedSource === 'custom' && customSource) return customSource;\n return sourceMap[selectedSource] || selectedSource || '';\n}\n\nexport function getActualSearchSource(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return `on ${customSource}`;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n return '';\n}\n\nexport function getActualSearchSourceName(selectedSource, customSource) {\n if (selectedSource === 'custom' && customSource) return customSource;\n if (selectedSource === 'pubmed') return 'PubMed';\n if (selectedSource === 'biorxiv') return 'bioRxiv';\n if (selectedSource === 'arxiv') return 'arXiv';\n if (selectedSource === 'medrxiv') return 'medRxiv';\n if (selectedSource === 'researchgate') return 'ResearchGate';\n if (selectedSource === 'google scholar') return 'Google Scholar';\n if (selectedSource === 'hacker news') return 'Hacker News';\n if (selectedSource === 'reddit') return 'Reddit';\n if (selectedSource === 'news') return 'News';\n return '';\n}\n\n\n",[],[237,465],"cd9243e0-931e-11f0-9474-0224a6c84d84","chatterApp.js","f6940d20-7616-11f0-a338-0224a6c84d84",186,["D",1758042095556],16,"import { getI18n, getDateRangeText as i18nDateRangeText } from './i18n.js';\nimport { getDisplaySourceName, getActualSearchSource, getActualSearchSourceName } from './chatterLib.js';\nimport { checkServerKey as apiCheckServerKey, summarizePaper as apiSummarizePaper, postChatStreamSSE, postChatStream, postGroqChat } from './apiClient.js';\nimport {\n initDb,\n loadChats as coreLoadChats,\n loadFolders as coreLoadFolders,\n createFolder as coreCreateFolder,\n startEditingFolder as coreStartEditingFolder,\n commitEditingFolder as coreCommitEditingFolder,\n cancelEditingFolder as coreCancelEditingFolder,\n toggleFolderCollapsed as coreToggleFolderCollapsed,\n moveChatToFolder as coreMoveChatToFolder,\n baseChats as coreBaseChats,\n chatsInFolder as coreChatsInFolder,\n createNewChat as coreCreateNewChat,\n selectChat as coreSelectChat,\n startEditingChat as coreStartEditingChat,\n commitEditingChat as coreCommitEditingChat,\n cancelEditingChat as coreCancelEditingChat,\n deleteChat as coreDeleteChat,\n duplicateChat as coreDuplicateChat,\n ensureChatExistsForEdits as coreEnsureChatExistsForEdits,\n ensureMessagePersisted as coreEnsureMessagePersisted,\n persistMessageAtIndex as corePersistMessageAtIndex,\n deleteMessage as coreDeleteMessage,\n deleteMessagesBelow as coreDeleteMessagesBelow,\n rerunFromUser as coreRerunFromUser,\n sendMessage as coreSendMessage,\n exportAllData as coreExportAllData,\n importDataAppend as coreImportDataAppend,\n importDataReplace as coreImportDataReplace\n} from './core/chatCore.js';\nimport { isStreamingForCurrent as expIsStreamingForCurrent, streamAssistant as expStreamAssistant } from './experimental/streaming.js';\nimport { JobManager } from './core/jobManager.js';\nimport {\n isChatLinkedToPreset as presetsIsChatLinkedToPreset,\n chatHasCustomSettings as presetsChatHasCustomSettings,\n updatePresetLinkingStatus as presetsUpdatePresetLinkingStatus,\n snapshotCurrentChatSettings as presetsSnapshotCurrentChatSettings,\n applyPresetSettings as presetsApplyPresetSettings,\n saveCurrentChatSettings as presetsSaveCurrentChatSettings,\n loadPresets as presetsLoadPresets,\n generatePresetShortId as presetsGeneratePresetShortId,\n createPreset as presetsCreatePreset,\n updatePreset as presetsUpdatePreset,\n deletePreset as presetsDeletePreset,\n onPresetSelectFocus as presetsOnPresetSelectFocus,\n onPresetChange as presetsOnPresetChange,\n doApplyPresetChange as presetsDoApplyPresetChange,\n confirmPresetChange as presetsConfirmPresetChange,\n cancelPresetChange as presetsCancelPresetChange,\n onChatPromptTextInput as presetsOnChatPromptTextInput,\n resetChatPromptToPreset as presetsResetChatPromptToPreset,\n saveCurrentSettingsToChat as presetsSaveCurrentSettingsToChat,\n updateCurrentPresetFromChat as presetsUpdateCurrentPresetFromChat,\n saveAsPresetFromChat as presetsSaveAsPresetFromChat,\n startEditingPreset as presetsStartEditingPreset,\n cancelEditingPreset as presetsCancelEditingPreset,\n commitEditingPreset as presetsCommitEditingPreset,\n clonePreset as presetsClonePreset\n} from './presets.js';\nimport {\n applyAppFont as uiApplyAppFont,\n applyThemePreference as uiApplyThemePreference,\n initSystemPromptAutosize as uiInitSystemPromptAutosize,\n autoResize as uiAutoResize,\n queueScrollToBottom as uiQueueScrollToBottom,\n queueScrollReasoningById as uiQueueScrollReasoningById,\n renderMarkdown as uiRenderMarkdown\n} from './uiTools.js';\nimport {\n getDisplayTimerText as timerGetDisplayTimerText,\n startTimer as timerStart,\n stopTimer as timerStop\n} from './timerUtils.js';\nimport * as dataIO from './dataIO.js';\nimport * as prefs from './preferences.js';\nimport {\n startEditingMessage as msgEditStart,\n onEditingInput as msgEditOnInput,\n commitEditingMessage as msgEditCommit,\n cancelEditingMessage as msgEditCancel\n} from './messageEditing.js';\nimport * as dnd from './dragDrop.js';\nimport * as trace from './traceUI.js';\nimport {\n formatAssistantContent as contentFormat,\n renderAssistantContent as contentRender\n} from './contentRenderers.js';\n\nexport default function chatterApp() {\n return {\n // Page routing\n activePage: 'chat', // 'chat' | 'appSettings'\n searchQuery: '',\n dateRange: '',\n selectedSource: '',\n customSource: '',\n selectedLanguage: 'english',\n results: [],\n assistantContent: '',\n route: 'links',\n isSearching: false,\n isLoadingMore: false,\n hasSearched: false,\n currentOffset: 0,\n hasMoreResults: true,\n errorMessage: '',\n summaryStates: {},\n hasServerKey: true,\n userApiKey: '',\n apiKeyInput: '',\n // Model selection\n selectedModel: 'openai/gpt-oss-120b',\n // Browser search tool toggle\n useBrowserSearch: true,\n useCodeInterpreter: false,\n // System prompt state\n systemPrompt: '', // global default template editor (App Settings)\n chatPromptId: null, // selected template id for current chat\n chatPromptText: '', // per-chat active text (preset or custom based on activeSettingsSource)\n systemPromptOpen: false,\n systemPromptDebounceId: null,\n // Generation settings\n temperature: 1,\n maxTokens: 8192,\n reasoningEffort: 'medium',\n streamEnabled: true,\n jsonMode: false,\n // Presets\n presets: [],\n editingPresetId: null,\n editingPresetName: '',\n editingPresetContent: '',\n editingPresetSettings: {},\n chatPromptDebounceId: null,\n newPresetName: '',\n newPresetContent: '',\n // Data export/import status\n dataStatusText: '',\n pendingImportMode: null, // 'replace' | 'append' | null\n // Preset linking status\n chatIsLinkedToPreset: false, // computed based on current chat state\n chatHasCustomSettingsStored: false, // computed based on current chat state\n // Preset change confirm modal\n showPresetChangeConfirm: false,\n pendingPresetId: null,\n lastChatPromptId: null,\n // Settings save state\n settingsChanged: false, // tracks if current settings have been modified\n savingSettings: false, // tracks if save is in progress\n // App settings\n appFontChoice: 'mono', // 'mono' | 'sans' | 'serif'\n themePreference: 'auto', // 'auto' | 'light' | 'dark'\n // Custom chat completions endpoint (e.g., http://localhost:11434 or http://localhost:1234)\n customChatBaseUrl: '',\n // Stream test state\n streamPrompt: '',\n isStreaming: false,\n streamError: '',\n streamAggregates: null,\n streamOpen: true,\n eventsOpen: false,\n // Trace log state\n traceEvents: [],\n traceExpanded: false,\n expandedToolMap: {},\n copyEventsText: 'copy json',\n copyChatText: 'copy json',\n copyEventsTimeoutId: null,\n copyChatTimeoutId: null,\n \n // Timer state\n timerStartMs: null,\n timerIntervalId: null,\n timerFrozenText: '',\n timerElapsedMs: 0,\n \n // Chat state\n messages: [],\n chatInput: '',\n // Jobs system\n useJobs: true,\n jobManager: null,\n currentJobId: null,\n _jobCtx: {}, // jobId -> { chatId, assistantMessageId, assistantCreatedAt }\n // Streaming session guards to prevent cross-chat bleed and allow concurrency by chat\n currentStreamToken: null,\n streamChatId: null,\n streamingChats: {}, // chatId -> { token, startedAt }\n // Streaming reasoning state per assistant message\n messageReasoningMap: {},\n expandedReasoningMap: {},\n // UI ephemeral state\n copiedMap: {}, // idx -> boolean\n _copiedTimeouts: {},\n \n // Inline message editing state\n editingMessageIdx: null,\n editingMessageId: null,\n editingMessageText: '',\n editingMessageOriginal: '',\n editingDebounceId: null,\n\n // (removed) confirmation modal state\n \n // Typewriter effect variables\n hasUserInteracted: false,\n typewriterActive: false,\n typewriterTimeouts: [],\n currentLanguageIndex: 0,\n currentCharIndex: 0,\n isTyping: false,\n lastTypewriterText: '',\n \n // Testing override - if set to a string, will replace typewriter effect\n testOverride: '', // Set to null or '' to disable override\n\n // Global Notes plugin state\n notes: [], // { id, title, content, createdAt, updatedAt }\n editingNoteId: null,\n editingNoteTitle: '',\n editingNoteContent: '',\n newNoteTitle: '',\n newNoteContent: '',\n expandedNotes: {}, // noteId -> boolean\n editingNoteIds: {}, // noteId -> { title, content } for per-note editing\n\n // Sidebar + chats (Dexie-backed)\n sidebarOpen: false, // mobile overlay\n sidebarCollapsed: false, // desktop collapse\n sidebarTransitioning: false,\n sidebarAnimMs: 300,\n // Right settings panel (nested inside main)\n settingsOpen: false, // visibility toggle\n settingsOpenedAt: 0,\n settingsWidth: 340,\n minSettingsWidth: 260,\n maxSettingsWidth: 560,\n // Global tools menu (right sidebar)\n globalMenuOpen: false, // visibility toggle\n globalMenuOpenedAt: 0,\n globalMenuWidth: 320,\n minGlobalMenuWidth: 240,\n maxGlobalMenuWidth: 480,\n isResizingSettings: false,\n settingsResizeStartX: 0,\n settingsResizeStartWidth: 340,\n // Resizable sidebar\n sidebarWidth: 256,\n minSidebarWidth: 180,\n maxSidebarWidth: 520,\n isResizingSidebar: false,\n resizeStartX: 0,\n resizeStartWidth: 256,\n activeSearchId: null,\n ephemeralChatId: '__ephemeral__',\n chats: [], // { id, title, createdAt, folderId? }\n currentChatId: null,\n db: null,\n editingChatId: null,\n editingChatTitle: '',\n // Folders state\n folders: [], // { id, name, createdAt, order, collapsed }\n editingFolderId: null,\n editingFolderName: '',\n // Drag & drop state\n draggingChatId: null,\n dragOverFolderId: null,\n dragOverBase: false,\n\n // Generalized key bindings registry (normalize to 'mod+[shift+]')\n keyBindings: {},\n\n async init() {\n console.log('🔧 Chat app initializing...');\n // Initialize JobManager\n try { this.jobManager = new JobManager(); } catch (_) { /* ignore */ }\n \n // Load API key from localStorage\n const storedApiKey = localStorage.getItem('groq_api_key');\n if (storedApiKey) {\n this.userApiKey = storedApiKey;\n }\n // Load preferred model\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n this.selectedModel = storedModel;\n }\n const storedBase = localStorage.getItem('chat_base_url');\n if (storedBase && typeof storedBase === 'string') {\n this.customChatBaseUrl = storedBase;\n }\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') this.useBrowserSearch = false;\n if (storedUse === '1') this.useBrowserSearch = true;\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') this.useCodeInterpreter = true;\n if (storedCI === '0') this.useCodeInterpreter = false;\n const sp = localStorage.getItem('system_prompt');\n if (typeof sp === 'string') this.systemPrompt = sp;\n const spOpen = localStorage.getItem('system_prompt_open');\n if (spOpen === '1') this.systemPromptOpen = true;\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) this.temperature = Math.max(0, Math.min(2, Number(t)));\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) this.maxTokens = Math.max(1, Number(mt));\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') this.reasoningEffort = re;\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') this.streamEnabled = false; if (se === '1') this.streamEnabled = true;\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') this.jsonMode = true; if (jm === '0') this.jsonMode = false;\n const af = localStorage.getItem('app_font');\n if (af === 'mono' || af === 'sans' || af === 'serif') this.appFontChoice = af;\n const tp = localStorage.getItem('theme');\n if (tp === 'light' || tp === 'dark' || tp === 'auto') this.themePreference = tp;\n } catch (_) { /* ignore */ }\n // Apply app-level styles that depend on persisted settings\n try { this.applyAppFont(); } catch (_) { /* ignore */ }\n try { this.applyThemePreference(); } catch (_) { /* ignore */ }\n \n // Check if server has API key\n await this.checkServerKey();\n \n await initDb(this);\n // Load Presets\n try { await this.loadPresets(); } catch (_) { /* ignore */ }\n await this.loadFolders();\n await this.loadChats();\n await this.loadNotes();\n // Start with an ephemeral chat; persist if/when content is edited or a message is sent\n this.currentChatId = null;\n this.activeSearchId = this.ephemeralChatId;\n this.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: this.selectedModel || null }];\n this.sidebarOpen = false;\n // Load persisted sidebar width\n try {\n const sw = Number(localStorage.getItem('sidebar_width'));\n if (Number.isFinite(sw) && sw >= 120 && sw <= 800) this.sidebarWidth = sw;\n const rw = Number(localStorage.getItem('settings_width'));\n if (Number.isFinite(rw) && rw >= 200 && rw <= 800) this.settingsWidth = rw;\n const so = localStorage.getItem('settings_open');\n if (so === '1') this.settingsOpen = true;\n const gmo = localStorage.getItem('global_menu_open');\n if (gmo === '1') this.globalMenuOpen = true;\n } catch (_) { /* ignore */ }\n this.$nextTick(() => this.scrollToBottom());\n console.log('✅ Chat app initialized');\n // If settings panel is restored open, ensure system prompt autosize initializes\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n // Initialize document title\n try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize default key bindings\n try {\n this.keyBindings = {\n 'mod+b': (ctx) => ctx.toggleSidebarShortcut(),\n 'mod+shift+b': (ctx) => ctx.toggleChatSettings(),\n 'mod+shift+g': (ctx) => ctx.toggleGlobalMenu(),\n 'mod+shift+p': (ctx) => ctx.togglePresetList(),\n 'mod+shift+arrowdown': (ctx) => ctx.cyclePresetNext(),\n 'mod+shift+arrowup': (ctx) => ctx.cyclePresetPrev(),\n 'mod+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+n': (ctx) => ctx.focusNewChat(),\n 'mod+alt+r': (ctx) => ctx.onShortcutGenerateOrRerun(),\n };\n } catch (_) { /* ignore */ }\n // If loaded at /new or /:id, ensure page reflects it; also wire popstate\n try {\n if (typeof window !== 'undefined' && window.location) {\n const path = window.location.pathname || '';\n if (path === '/settings') {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n } else if (path === '/new') {\n this.$nextTick(() => this.focusNewChat());\n } else {\n // Support /123 or /some-slug-123\n const mId = path.match(/^\\/(\\d+)$/);\n const mSlug = path.match(/^\\/.+-(\\d+)$/);\n const idStr = (mId && mId[1]) || (mSlug && mSlug[1]) || '';\n const idNum = Number(idStr);\n if (Number.isFinite(idNum)) {\n this.selectChat(idNum, false);\n }\n }\n // Handle back/forward navigation to /new or /:slug-:id\n try {\n this._onPopState = () => {\n try {\n const p = window.location.pathname || '';\n if (p === '/settings') { this.activePage = 'appSettings'; this.settingsOpen = false; return; }\n if (p === '/new') { this.openChatPage(); this.focusNewChat(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } return; }\n const mmId = p.match(/^\\/(\\d+)$/);\n const mmSlug = p.match(/^\\/.+-(\\d+)$/);\n const idStr2 = (mmId && mmId[1]) || (mmSlug && mmSlug[1]) || '';\n const cid = Number(idStr2);\n if (Number.isFinite(cid)) { this.openChatPage(); this.selectChat(cid, false); }\n else { this.openChatPage(); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('popstate', this._onPopState);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Listen for presets updates to refresh local list and apply to current chat if selected\n try {\n this._onPresetsUpdated = async (e) => {\n try {\n await this.loadPresets();\n const payload = e && e.detail ? e.detail : {};\n const updatedId = payload && payload.id != null ? Number(payload.id) : null;\n \n if (updatedId && this.db) {\n const preset = await this.db.systemPrompts.get(updatedId);\n if (preset) {\n const sys = (typeof preset.systemPrompt === 'string' ? preset.systemPrompt : preset.content) || '';\n \n // Update ALL chats linked to this preset (not just the current one)\n try {\n const linkedChats = await this.db.chats.where('systemPromptId').equals(updatedId).toArray();\n for (const chat of linkedChats) {\n // Only update chats that don't have custom settings (still linked)\n if (!chat.settings) {\n try {\n await this.db.transaction('rw', this.db.chats, async () => {\n const meta = await this.db.chats.get(chat.id);\n if (!meta) return;\n await this.db.chats.put({ ...meta, systemPromptText: sys });\n });\n } catch (_) { /* ignore */ }\n }\n }\n } catch (_) { /* ignore */ }\n \n // If current chat is linked to this preset, update UI immediately\n if (this.chatPromptId && Number(this.chatPromptId) === updatedId) {\n // Apply preset settings to UI immediately \n if (preset.settings) {\n this.applyPresetSettings(preset.settings);\n }\n // Update system prompt text in UI\n this.chatPromptText = sys;\n \n // Update UI status to reflect any changes\n await this.updatePresetLinkingStatus();\n }\n }\n }\n } catch (_) { /* ignore */ }\n };\n window.addEventListener('presets-updated', this._onPresetsUpdated);\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar helpers\n toggleSidebar() { this.sidebarOpen = !this.sidebarOpen; },\n // Settings panel helpers\n toggleSettingsPanel() {\n this.settingsOpen = !this.settingsOpen;\n try { localStorage.setItem('settings_open', this.settingsOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.settingsOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n // Global menu helpers\n toggleGlobalMenu() {\n this.globalMenuOpen = !this.globalMenuOpen;\n this.globalMenuOpenedAt = Date.now();\n try { localStorage.setItem('global_menu_open', this.globalMenuOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n },\n closeGlobalMenu() {\n this.globalMenuOpen = false;\n try { localStorage.setItem('global_menu_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseGlobalMenu() {\n const since = Date.now() - (this.globalMenuOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeGlobalMenu();\n },\n // Toggle/focus the current preset list (settings panel if open, otherwise header control)\n togglePresetList() {\n try {\n // Prefer settings panel select when visible\n if (this.settingsOpen) {\n try {\n const el = document.querySelector('aside select[x-model=\"chatPromptId\"]');\n if (el) {\n el.focus();\n el.click();\n return;\n }\n } catch (_) { /* ignore */ }\n }\n // Fallback to the top control bar select\n try {\n const el2 = document.querySelector('.chat-controls select[x-model=\"chatPromptId\"]');\n if (el2) {\n el2.focus();\n el2.click();\n return;\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n // Cycle presets (Cmd/Ctrl+Shift+ArrowUp/ArrowDown)\n cyclePresetNext() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n // Build a virtual list with 'custom' represented by null at index -1\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx + 1);\n if (idx >= ids.length) idx = -1; // wrap to custom\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n // Apply change\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n cyclePresetPrev() {\n try {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const ids = list.map(p => String(p.id));\n const current = (this.chatPromptId != null && this.chatPromptId !== '' && this.chatPromptId !== 'null') ? String(this.chatPromptId) : null;\n if (ids.length === 0) return;\n let idx = current == null ? -1 : ids.indexOf(String(current));\n idx = (idx - 1);\n if (idx < -1) idx = ids.length - 1; // wrap from custom to last preset\n this.chatPromptId = (idx === -1) ? null : String(ids[idx]);\n this.onPresetChange();\n } catch (_) { /* ignore */ }\n },\n openChatSettings() {\n this.openChatPage();\n this.settingsOpen = true;\n this.settingsOpenedAt = Date.now();\n try { localStorage.setItem('settings_open', '1'); } catch (_) { /* ignore */ }\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n closeChatSettings() {\n this.settingsOpen = false;\n try { localStorage.setItem('settings_open', '0'); } catch (_) { /* ignore */ }\n },\n maybeCloseChatSettings() {\n const since = Date.now() - (this.settingsOpenedAt || 0);\n if (since < 120) return; // guard against same-event open->outside\n this.closeChatSettings();\n },\n toggleChatSettings() {\n if (this.activePage !== 'chat') {\n this.openChatSettings();\n return;\n }\n if (this.settingsOpen) {\n this.closeChatSettings();\n } else {\n this.openChatSettings();\n }\n },\n // App settings page helpers\n openAppSettingsPage() {\n this.activePage = 'appSettings';\n this.settingsOpen = false;\n try {\n if (typeof window !== 'undefined' && window.history) {\n const current = window.location.pathname || '';\n if (current !== '/settings') window.history.pushState({}, '', '/settings');\n }\n } catch (_) { /* ignore */ }\n },\n openChatPage() {\n this.activePage = 'chat';\n try { if (this.settingsOpen) this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n },\n // Global key handler for shortcuts\n onGlobalKeyDown(e) {\n try {\n if (!e) return;\n // Handle Escape globally before ignoring editable fields\n const rawKey = String(e.key || '');\n const keyLower = rawKey.toLowerCase();\n const codeLower = String(e.code || '').toLowerCase();\n // Special-case: intercept Cmd/Ctrl+Alt+R anywhere to run generate/rerun (leave Cmd/Ctrl+R for reload)\n const isModNow = !!(e.metaKey || e.ctrlKey);\n if (isModNow && e.altKey && (keyLower === 'r' || codeLower === 'keyr')) {\n e.preventDefault();\n try { e.stopPropagation(); } catch (_) { /* ignore */ }\n this.onShortcutGenerateOrRerun();\n return;\n }\n if (keyLower === 'escape' || keyLower === 'esc') {\n // If on App Settings page, Esc should return to a new chat\n if (this.activePage === 'appSettings') {\n e.preventDefault();\n // focusNewChat() opens chat page, selects ephemeral chat, and updates URL\n this.focusNewChat();\n return;\n }\n // If on Chat page and the chat settings panel is open, close it\n if (this.activePage === 'chat' && this.settingsOpen) {\n e.preventDefault();\n this.closeChatSettings();\n return;\n }\n }\n // Ignore when typing in inputs, textareas, selects, or contenteditable\n const target = e.target;\n const tag = target && target.tagName;\n const isEditable = !!(target && (target.isContentEditable || tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'));\n if (isEditable) return;\n if (e.repeat) return;\n const isMod = !!(e.metaKey || e.ctrlKey);\n if (!isMod) return;\n // Normalize the key for letter combos so Option/Alt doesn't change it (e.g., Option+R -> ®)\n const rawCode = String(e.code || '');\n let key = String(e.key || '').toLowerCase();\n if (rawCode && rawCode.startsWith('Key')) key = rawCode.slice(3).toLowerCase();\n const parts = ['mod'];\n if (e.shiftKey) parts.push('shift');\n if (e.altKey) parts.push('alt');\n parts.push(key);\n const combo = parts.join('+');\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') {\n e.preventDefault();\n handler(this);\n }\n } catch (_) { /* ignore */ }\n },\n\n // Programmatically trigger a registered key binding (e.g., from clicks)\n triggerKeyBinding(combo) {\n try {\n const handler = this.keyBindings && this.keyBindings[combo];\n if (typeof handler === 'function') handler(this);\n else if (combo === 'mod+shift+b') this.toggleChatSettings();\n } catch (_) { /* ignore */ }\n },\n\n // Shortcut: Generate or re-run the latest AI result\n onShortcutGenerateOrRerun() {\n try {\n if (this.isStreamingForCurrent) return;\n this.openChatPage();\n const msgs = Array.isArray(this.messages) ? this.messages : [];\n const len = msgs.length;\n if (len <= 0) return;\n const lastIdx = len - 1;\n const last = msgs[lastIdx];\n if (!last) return;\n if (last.role === 'assistant') {\n // Regenerate the last assistant reply\n this.rerunAssistant(lastIdx);\n return;\n }\n if (last.role === 'user') {\n const text = String(last.content || '').trim();\n if (!text) return;\n // Re-run starting from the last user message\n this.rerunFromUser(lastIdx);\n return;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Sidebar toggle aware of desktop vs mobile\n toggleSidebarShortcut() {\n try {\n const isDesktop = !!(window.matchMedia && window.matchMedia('(min-width: 768px)').matches);\n if (isDesktop) {\n if (this.sidebarCollapsed) this.expandSidebar(); else this.collapseSidebar();\n } else {\n this.sidebarOpen = !this.sidebarOpen;\n }\n } catch (_) { /* ignore */ }\n },\n\n // Focus the ephemeral New Chat entry\n async focusNewChat() {\n try {\n this.openChatPage();\n await this.selectChat(this.ephemeralChatId, false);\n this.navigateToChatPath(this.ephemeralChatId, true);\n // Focus composer textarea\n try {\n this.$nextTick(() => {\n try {\n const el = document.querySelector('textarea');\n if (el && typeof el.focus === 'function') {\n el.focus();\n // Put caret at end\n try {\n const len = el.value ? el.value.length : 0;\n el.setSelectionRange && el.setSelectionRange(len, len);\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n });\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n },\n onAppFontChange() { return prefs.onAppFontChange(this); },\n onThemePreferenceChange() { return prefs.onThemePreferenceChange(this); },\n applyAppFont() { try { uiApplyAppFont(this); } catch (_) { /* ignore */ } },\n applyThemePreference() { try { uiApplyThemePreference(this); } catch (_) { /* ignore */ } },\n get themeClass() {\n const pref = this.themePreference || 'auto';\n if (pref === 'light') return 'theme-light';\n if (pref === 'dark') return 'theme-dark';\n return '';\n },\n startSettingsResize(e) {\n if (!this.settingsOpen) return;\n this.isResizingSettings = true;\n this.settingsResizeStartX = e.clientX || 0;\n this.settingsResizeStartWidth = this.settingsWidth;\n try { document.body.classList.add('select-none'); } catch (_) {}\n try {\n window.addEventListener('mousemove', this.onSettingsResizeMove);\n window.addEventListener('mouseup', this.stopSettingsResize, { once: true });\n } catch (_) {}\n },\n onSettingsResizeMove(e) {\n if (!this.isResizingSettings) return;\n const dx = (this.settingsResizeStartX || 0) - (e.clientX || 0);\n let next = Math.round((this.settingsResizeStartWidth || 0) + dx);\n next = Math.max(this.minSettingsWidth, Math.min(this.maxSettingsWidth, next));\n this.settingsWidth = next;\n },\n stopSettingsResize() {\n if (!this.isResizingSettings) return;\n this.isResizingSettings = false;\n try { localStorage.setItem('settings_width', String(this.settingsWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try { window.removeEventListener('mousemove', this.onSettingsResizeMove); } catch (_) {}\n },\n collapseSidebar() {\n // Trigger width animation immediately but delay the expand-control reveal\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = true;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n expandSidebar() {\n // Trigger width animation immediately and hide expand-control during transition\n this.sidebarTransitioning = true;\n this.sidebarCollapsed = false;\n setTimeout(() => { this.sidebarTransitioning = false; }, this.sidebarAnimMs);\n },\n // Sidebar resizing handlers (desktop)\n startSidebarResize(e) {\n if (this.sidebarCollapsed) return;\n this.isResizingSidebar = true;\n this.resizeStartX = e.clientX || 0;\n this.resizeStartWidth = this.sidebarWidth;\n // Disable text selection while resizing\n try { document.body.classList.add('select-none'); } catch (_) {}\n // Attach move/up listeners as a fallback in case global Alpine listeners miss events\n try {\n window.addEventListener('mousemove', this.onSidebarResizeMove);\n window.addEventListener('mouseup', this.stopSidebarResize, { once: true });\n } catch (_) {}\n },\n onSidebarResizeMove(e) {\n if (!this.isResizingSidebar) return;\n const dx = (e.clientX || 0) - this.resizeStartX;\n let next = Math.round(this.resizeStartWidth + dx);\n next = Math.max(this.minSidebarWidth, Math.min(this.maxSidebarWidth, next));\n this.sidebarWidth = next;\n },\n stopSidebarResize() {\n if (!this.isResizingSidebar) return;\n this.isResizingSidebar = false;\n try { localStorage.setItem('sidebar_width', String(this.sidebarWidth)); } catch (_) {}\n try { document.body.classList.remove('select-none'); } catch (_) {}\n try {\n window.removeEventListener('mousemove', this.onSidebarResizeMove);\n } catch (_) {}\n },\n async loadChats() { await coreLoadChats(this); },\n async loadFolders() { await coreLoadFolders(this); },\n async createFolder() { await coreCreateFolder(this); },\n startEditingFolder(id, currentName) { coreStartEditingFolder(this, id, currentName); },\n async commitEditingFolder() { await coreCommitEditingFolder(this); },\n cancelEditingFolder() { coreCancelEditingFolder(this); },\n async toggleFolderCollapsed(id) { await coreToggleFolderCollapsed(this, id); },\n // Drag & drop helpers\n onChatDragStart(e, chatId) { return dnd.onChatDragStart(this, e, chatId); },\n onChatDragEnd() { return dnd.onChatDragEnd(this); },\n onFolderDragOver(e, folderId) { return dnd.onFolderDragOver(this, e, folderId); },\n onFolderDragLeave(e, folderId) { return dnd.onFolderDragLeave(this, e, folderId); },\n async onFolderDrop(e, folderId) { return dnd.onFolderDrop(this, e, folderId); },\n onBaseDragOver(e) { return dnd.onBaseDragOver(this, e); },\n onBaseDragLeave() { return dnd.onBaseDragLeave(this); },\n async onBaseDrop(e) { return dnd.onBaseDrop(this, e); },\n async moveChatToFolder(chatId, folderId) { await coreMoveChatToFolder(this, chatId, folderId); },\n baseChats() { return coreBaseChats(this); },\n chatsInFolder(folderId) { return coreChatsInFolder(this, folderId); },\n async createNewChat() { await coreCreateNewChat(this); try { this.navigateToChatPath(this.currentChatId ?? this.ephemeralChatId, !this.currentChatId); } catch (_) { /* ignore */ } },\n async selectChat(id) { await coreSelectChat(this, id); try { this.navigateToChatPath(id); } catch (_) { /* ignore */ } },\n startEditingChat(id, currentTitle) { coreStartEditingChat(this, id, currentTitle); },\n async commitEditingChat() { await coreCommitEditingChat(this); try { this.updateDocumentTitle && this.updateDocumentTitle(); } catch (_) { /* ignore */ } },\n cancelEditingChat() { coreCancelEditingChat(this); },\n async deleteChat(id) { await coreDeleteChat(this, id); },\n async onDeleteChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.deleteChat(chatId); } catch (_) {} },\n async duplicateChat(id) { await coreDuplicateChat(this, id); },\n async onDuplicateChat(id) { try { const chatId = typeof id === 'string' ? Number(id) : id; await this.duplicateChat(chatId); } catch (_) {} },\n\n async checkServerKey() {\n try {\n const data = await apiCheckServerKey();\n this.hasServerKey = !!data.hasServerKey;\n } catch (error) {\n console.error('Error checking server key:', error);\n this.hasServerKey = false;\n }\n },\n\n setApiKey() {\n if (this.apiKeyInput.trim()) {\n this.userApiKey = this.apiKeyInput.trim();\n localStorage.setItem('groq_api_key', this.userApiKey);\n this.apiKeyInput = '';\n }\n },\n\n changeApiKey() {\n this.userApiKey = '';\n },\n\n clearApiKey() {\n this.userApiKey = '';\n localStorage.removeItem('groq_api_key');\n },\n\n onModelChange() { return prefs.onModelChange(this); },\n onUseBrowserSearchChange() { return prefs.onUseBrowserSearchChange(this); },\n onUseCodeInterpreterChange() { return prefs.onUseCodeInterpreterChange(this); },\n\n toggleSystemPromptOpen() {\n this.systemPromptOpen = !this.systemPromptOpen;\n try { localStorage.setItem('system_prompt_open', this.systemPromptOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (this.systemPromptOpen) {\n try { this.$nextTick(() => this.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n },\n\n // Record current selection before the user changes it, so we can revert on cancel\n onPresetSelectFocus() {\n try { this.lastChatPromptId = this.chatPromptId; } catch (_) { /* ignore */ }\n },\n onSystemPromptInput(e) {\n try {\n const el = e && e.target; if (el) this.autoResize({ target: el });\n } catch (_) { /* ignore */ }\n const text = typeof this.systemPrompt === 'string' ? this.systemPrompt : '';\n if (this.systemPromptDebounceId) clearTimeout(this.systemPromptDebounceId);\n this.systemPromptDebounceId = setTimeout(() => {\n try { localStorage.setItem('system_prompt', text); } catch (_) { /* ignore */ }\n this.systemPromptDebounceId = null;\n }, 300);\n },\n\n // Ensure the system prompt textarea height fits content when shown\n initSystemPromptAutosize() { try { uiInitSystemPromptAutosize(this); } catch (_) { /* ignore */ } },\n\n onTemperatureChange() { return prefs.onTemperatureChange(this); },\n onMaxTokensChange() { return prefs.onMaxTokensChange(this); },\n onReasoningChange() { return prefs.onReasoningChange(this); },\n onStreamToggle() { return prefs.onStreamToggle(this); },\n onJsonModeToggle() { return prefs.onJsonModeToggle(this); },\n onCustomChatBaseUrlChange() { return prefs.onCustomChatBaseUrlChange(this); },\n\n // --- Presets: CRUD + chat selection/override ---\n \n // Check if current chat is linked to a preset (vs having custom settings)\n async isChatLinkedToPreset() { return presetsIsChatLinkedToPreset(this); },\n \n // Check if current chat has custom settings (delinked or standalone)\n async chatHasCustomSettings() { return presetsChatHasCustomSettings(this); },\n \n // Update the UI state variables for preset linking status\n async updatePresetLinkingStatus() { return presetsUpdatePresetLinkingStatus(this); },\n \n snapshotCurrentChatSettings() { return presetsSnapshotCurrentChatSettings(this); },\n applyPresetSettings(settings) { return presetsApplyPresetSettings(this, settings); },\n async saveCurrentChatSettings() { return presetsSaveCurrentChatSettings(this); },\n async loadPresets() { return presetsLoadPresets(this); },\n async generatePresetShortId() { return presetsGeneratePresetShortId(this); },\n async createPreset(name, systemPrompt, settings) { return presetsCreatePreset(this, name, systemPrompt, settings); },\n async updatePreset(id, fields) { return presetsUpdatePreset(this, id, fields); },\n async deletePreset(id) { return presetsDeletePreset(this, id); },\n // Link current chat to selected preset (or clear association)\n async onPresetChange() { return presetsOnPresetChange(this); },\n\n async doApplyPresetChange(id) { return presetsDoApplyPresetChange(this, id); },\n\n confirmPresetChange() { return presetsConfirmPresetChange(this); },\n cancelPresetChange() { return presetsCancelPresetChange(this); },\n // Mark system prompt text changes as needing save\n onChatPromptTextInput(e) { return presetsOnChatPromptTextInput(this, e); },\n async resetChatPromptToPreset() { return presetsResetChatPromptToPreset(this); },\n \n // Save current settings as custom settings (delink from preset)\n async saveCurrentSettingsToChat() { return presetsSaveCurrentSettingsToChat(this); },\n async updateCurrentPresetFromChat() { return presetsUpdateCurrentPresetFromChat(this); },\n async saveAsPresetFromChat(name) { return presetsSaveAsPresetFromChat(this, name); },\n startEditingPreset(preset) { return presetsStartEditingPreset(this, preset); },\n cancelEditingPreset() { return presetsCancelEditingPreset(this); },\n async commitEditingPreset() { return presetsCommitEditingPreset(this); },\n async clonePreset(preset) { return presetsClonePreset(this, preset); },\n\n // --- Notes Plugin ---\n async loadNotes() {\n try {\n if (!this.db) return;\n const rawNotes = await this.db.notes.orderBy('updatedAt').reverse().toArray() || [];\n // Ensure content is always a string\n this.notes = rawNotes.map(note => ({\n ...note,\n content: String(note.content || ''),\n title: String(note.title || '')\n }));\n // Initialize expanded state for all notes (collapsed by default)\n this.notes.forEach(note => {\n if (this.expandedNotes[note.id] === undefined) {\n this.expandedNotes[note.id] = false;\n }\n });\n } catch (error) {\n console.error('Error loading notes:', error);\n this.notes = [];\n }\n },\n\n async saveNote(note) {\n try {\n if (!this.db) return;\n const now = Date.now();\n const noteData = {\n ...note,\n title: (note.title || '').trim(),\n content: (note.content || '').trim(),\n updatedAt: now,\n createdAt: note.createdAt || now\n };\n\n if (note.id) {\n await this.db.notes.put(noteData);\n } else {\n const id = await this.db.notes.add(noteData);\n noteData.id = id;\n }\n\n await this.loadNotes();\n return noteData;\n } catch (error) {\n console.error('Error saving note:', error);\n throw error;\n }\n },\n\n async deleteNote(noteId) {\n try {\n if (!this.db) return;\n await this.db.notes.delete(noteId);\n await this.loadNotes();\n } catch (error) {\n console.error('Error deleting note:', error);\n throw error;\n }\n },\n\n createNewNote() {\n this.newNoteTitle = '';\n this.newNoteContent = '';\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n },\n\n startEditingNote(note) {\n this.editingNoteId = note.id;\n this.editingNoteTitle = note.title || '';\n this.editingNoteContent = note.content || '';\n },\n\n async commitEditingNote() {\n try {\n // Handle creating new notes\n if (!this.editingNoteId) {\n if (!this.newNoteTitle.trim() && !this.newNoteContent.trim()) return;\n\n // Generate title from content if no title provided\n let title = this.newNoteTitle.trim();\n if (!title && this.newNoteContent.trim()) {\n title = this.generateTitleFromContent(this.newNoteContent.trim());\n }\n if (!title) return; // Still require some title\n\n const noteData = {\n id: undefined,\n title: title,\n content: this.newNoteContent.trim(),\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset form\n this.newNoteTitle = '';\n this.newNoteContent = '';\n }\n // Handle editing existing notes in top form\n else {\n if (!this.editingNoteTitle.trim()) return; // Require title for existing notes\n\n const noteData = {\n id: this.editingNoteId,\n title: this.editingNoteTitle.trim(),\n content: this.editingNoteContent.trim(),\n updatedAt: Date.now()\n };\n\n await this.saveNote(noteData);\n\n // Reset editing state\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n }\n } catch (error) {\n console.error('Error committing note edit:', error);\n }\n },\n\n cancelEditingNote() {\n this.editingNoteId = null;\n this.editingNoteTitle = '';\n this.editingNoteContent = '';\n this.newNoteTitle = '';\n this.newNoteContent = '';\n },\n\n toggleNoteExpanded(noteId) {\n // Ensure the property exists first\n if (this.expandedNotes[noteId] === undefined) {\n this.expandedNotes[noteId] = false;\n }\n this.expandedNotes[noteId] = !this.expandedNotes[noteId];\n },\n\n startEditingNoteInline(note) {\n this.editingNoteIds[note.id] = {\n title: String(note.title || ''),\n content: String(note.content || '')\n };\n },\n\n async commitEditingNoteInline(noteId) {\n try {\n const editData = this.editingNoteIds[noteId];\n if (!editData) return;\n\n // Allow saving if there's either a title or content\n if (!editData.title.trim() && !editData.content.trim()) return;\n\n // Generate title from content if no title provided\n let title = editData.title.trim();\n if (!title && editData.content.trim()) {\n title = this.generateTitleFromContent(editData.content.trim());\n }\n if (!title) return;\n\n const noteData = {\n id: noteId,\n title: title,\n content: editData.content.trim(),\n };\n\n await this.saveNote(noteData);\n delete this.editingNoteIds[noteId];\n } catch (error) {\n console.error('Error committing inline note edit:', error);\n }\n },\n\n cancelEditingNoteInline(noteId) {\n delete this.editingNoteIds[noteId];\n },\n\n isEditingNoteInline(noteId) {\n return !!this.editingNoteIds[noteId];\n },\n\n isNoteExpanded(noteId) {\n return !!this.expandedNotes[noteId];\n },\n\n async copyNoteContent(note) {\n try {\n const content = note.content || '';\n await navigator.clipboard.writeText(content);\n // Could add a temporary success indicator here\n console.log('Note content copied to clipboard');\n } catch (error) {\n console.error('Failed to copy note content:', error);\n }\n },\n\n generateTitleFromContent(content) {\n if (!content) return '';\n // Take first line or first 50 characters, whichever is shorter\n const firstLine = content.split('\\n')[0];\n const title = firstLine.length <= 50 ? firstLine : content.substring(0, 47) + '...';\n return title.trim();\n },\n\n // --- Data export/import ---\n async onExportData() { return dataIO.onExportData(this); },\n async copyCurrentChatJson() { return dataIO.copyCurrentChatJson(this); },\n onClickImportReplace() { return dataIO.onClickImportReplace(this); },\n onClickImportAppend() { return dataIO.onClickImportAppend(this); },\n async onImportFileChange(e) { return dataIO.onImportFileChange(this, e); },\n\n get maskedApiKey() {\n if (!this.userApiKey) return '';\n const key = String(this.userApiKey || '').trim();\n if (key.length <= 8) {\n // Very short keys: show minimal hint\n const start = key.slice(0, 2);\n const end = key.slice(-2);\n return `${start}******${end}`;\n }\n const prefix = key.slice(0, 4);\n const suffix = key.slice(-4);\n // Fixed number of stars to keep the display compact\n return `${prefix}******${suffix}`;\n },\n\n get displaySourceName() {\n return getDisplaySourceName(this.selectedSource, this.customSource);\n },\n\n // Internationalization system\n get i18n() {\n return getI18n(this.selectedLanguage);\n },\n\n // Current template label for UI (preset name or \"custom\")\n get currentTemplateLabel() {\n try {\n const raw = this.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(this.presets) ? this.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n },\n computeCurrentPromptLabel() {\n try { return this.currentTemplateLabel || 'custom'; } catch (_) { return 'custom'; }\n },\n\n getSummaryTitle() {\n return this.i18n.summary;\n },\n\n getSearchButtonText() {\n return `${this.i18n.search} ${this.displaySourceName}`;\n },\n\n getSearchingButtonText() {\n return `${this.i18n.searching} ${this.displaySourceName}...`;\n },\n\n get loadingMessage() {\n // Use the last typewriter text if available, otherwise fall back to current searchQuery\n const queryText = this.lastTypewriterText || this.searchQuery;\n const dateRangeText = this.dateRange ? this.getDateRangeText() : '';\n \n // Get the actual source being searched (matches backend logic)\n const actualSource = this.getActualSearchSourceName();\n \n // Use language-specific template\n const template = this.isLoadingMore ? this.i18n.loadingMoreTemplate : this.i18n.searchingTemplate;\n return template(actualSource, queryText, dateRangeText);\n },\n\n // Timer computed display\n get displayTimerText() { try { return timerGetDisplayTimerText(this); } catch (_) { return ''; } },\n\n getDateRangeText() {\n return i18nDateRangeText(this.dateRange, this.i18n);\n },\n\n getActualSearchSource() {\n return getActualSearchSource(this.selectedSource, this.customSource);\n },\n\n getActualSearchSourceName() {\n return getActualSearchSourceName(this.selectedSource, this.customSource);\n },\n\n handleSourceChange() {},\n\n startTypewriter() {},\n\n typewriterCycle() {},\n\n typeText() {},\n\n clearAllTimeouts() {\n this.typewriterTimeouts.forEach(timeout => clearTimeout(timeout));\n this.typewriterTimeouts = [];\n },\n\n stopTypewriter() {},\n\n // Timer controls\n startTimer() { try { timerStart(this); } catch (_) { /* ignore */ } },\n stopTimer() { try { timerStop(this); } catch (_) { /* ignore */ } },\n\n handleSearchClick() {},\n \n async searchResearch() {},\n\n async summarizePaper(url, title, index) {\n console.log('📄 Summary triggered for:', title, 'at index:', index);\n // Initialize summary state for this paper\n if (!this.summaryStates[index]) {\n this.summaryStates[index] = {};\n }\n \n this.summaryStates[index].loading = true;\n this.summaryStates[index].summary = '';\n\n try {\n const data = await apiSummarizePaper({ url, title, language: this.selectedLanguage, userApiKey: this.userApiKey });\n \n if (data.error) {\n this.summaryStates[index].summary = 'Error: ' + data.error;\n } else {\n this.summaryStates[index].summary = data.summary;\n }\n } catch (error) {\n this.summaryStates[index].summary = 'Error analyzing paper: ' + error.message;\n } finally {\n this.summaryStates[index].loading = false;\n }\n },\n async runStreamTest() {},\n // Pretty-print assistant content if it's valid JSON, else return as-is\n formatAssistantContent() { try { return contentFormat(this.assistantContent || ''); } catch (_) { return this.assistantContent || ''; } },\n // Render assistant content as HTML using marked + DOMPurify (safe markdown rendering)\n renderAssistantContent() { try { return contentRender(this); } catch (_) { return this.assistantContent || ''; } },\n // Trace helpers\n computeTraceMaxHeight() { return trace.computeTraceMaxHeight(this); },\n toggleTool(idx) { return trace.toggleTool(this, idx); },\n toggleReasoning(messageId) { return trace.toggleReasoning(this, messageId); },\n prettify(obj) { return trace.prettify(obj); },\n async copyEventsJson() { return trace.copyEventsJson(this); },\n // Smoothly ensure the trace scroller is at bottom after DOM updates\n queueScrollToBottom() { try { uiQueueScrollToBottom(this); } catch (_) { /* ignore */ } },\n // Smoothly keep the per-message reasoning panel scrolled to bottom\n queueScrollReasoningById(messageId) { try { uiQueueScrollReasoningById(this, messageId); } catch (_) { /* ignore */ } },\n\n // Chat helpers\n renderMarkdown(text) { try { return uiRenderMarkdown(text); } catch (_) { return String(text || ''); } },\n async copyMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n const text = String(m?.content || '');\n await navigator.clipboard.writeText(text);\n // transient copied state per-index\n this.copiedMap[idx] = true;\n if (this._copiedTimeouts == null) this._copiedTimeouts = {};\n if (this._copiedTimeouts[idx]) clearTimeout(this._copiedTimeouts[idx]);\n this._copiedTimeouts[idx] = setTimeout(() => {\n this.copiedMap[idx] = false;\n delete this._copiedTimeouts[idx];\n }, 2000);\n } catch (_) { /* ignore */ }\n },\n async deleteMessage(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const msg = this.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n // Remove from DB first (if persisted)\n try {\n if (this.db && messageId != null) {\n await this.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n // Clear assistant reasoning state if present\n try {\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n } catch (_) { /* ignore */ }\n // Remove from local array and clean up transient UI state\n try {\n this.messages.splice(idx, 1);\n if (this.copiedMap && this.copiedMap[idx]) delete this.copiedMap[idx];\n } catch (_) { /* ignore */ }\n // Adjust editing state if necessary\n if (this.editingMessageIdx === idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n } else if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = this.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n },\n async deleteMessagesBelow(idx) {\n try {\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const thisChatId = this.currentChatId;\n const toRemove = (this.messages || []).slice(idx + 1);\n // Remove from DB first (if persisted)\n try {\n if (this.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await this.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (this.messageReasoningMap && this.messageReasoningMap[messageId] != null) {\n delete this.messageReasoningMap[messageId];\n }\n if (this.expandedReasoningMap && this.expandedReasoningMap[messageId] != null) {\n delete this.expandedReasoningMap[messageId];\n }\n }\n }\n }\n } catch (_) { /* ignore */ }\n // Truncate in-memory messages and clean up transient UI state\n try {\n this.messages = (this.messages || []).slice(0, idx + 1);\n if (this.copiedMap) {\n try {\n const keys = Object.keys(this.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete this.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n // Reset editing state if it pointed to a deleted index\n if (typeof this.editingMessageIdx === 'number' && this.editingMessageIdx > idx) {\n this.editingMessageIdx = null;\n this.editingMessageId = null;\n this.editingMessageText = '';\n this.editingMessageOriginal = '';\n }\n // If a stream is active for this chat, cancel it\n try {\n if (this.streamingChats && thisChatId && this.streamingChats[thisChatId]) {\n delete this.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n this.scrollToBottom();\n } catch (_) { /* ignore */ }\n },\n async rerunFromUser(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n // Remove messages after this user message (truncate thread)\n if (this.db) {\n try {\n const toRemove = (this.messages || []).slice(idx + 1);\n for (const msg of toRemove) { if (msg && msg.id != null) { try { await this.db.messages.delete(msg.id); } catch (_) {} } }\n } catch (_) {}\n }\n this.messages = (this.messages || []).slice(0, idx + 1);\n // Ensure chat exists\n if (!this.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const createdAt = Date.now();\n const id = await this.db.chats.add({ title, createdAt });\n await this.loadChats();\n this.currentChatId = id;\n this.activeSearchId = id;\n } catch (_) {}\n }\n this.scrollToBottom();\n if (!this.useJobs) { this.streamAssistant(); return; }\n // Jobs path: add assistant placeholder and start a job\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(mm => ({ role: mm.role, content: mm.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n const jobId = await this.jobManager.startChatJob(this, payload);\n this._jobCtx = this._jobCtx || {}; this._jobCtx[jobId] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n this.currentJobId = jobId;\n this.applyJobDelta = async (jid, parsed) => {\n const ctx = (this._jobCtx || {})[jid]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null; const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const ii = (this.messages || []).findIndex(mm => mm && mm.id === ctx.assistantMessageId);\n if (ii >= 0) { const prev = String(this.messages[ii].content || ''); this.messages[ii].content = prev + String(delta.content || ''); }\n }\n try {\n if (ctx.assistantMessageId && this.db) {\n const persisted = await this.db.messages.get(ctx.assistantMessageId);\n const prev = String(persisted?.content || '');\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: prev + String(delta.content || ''), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || ''; const addition = String(delta.reasoning || ''); this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try {\n if (ctx.assistantMessageId && this.db) {\n const row = await this.db.messages.get(ctx.assistantMessageId);\n const pl = (() => { try { const msg = this.messages.find(mm => mm && mm.id === ctx.assistantMessageId); return msg && msg.promptLabel ? String(msg.promptLabel) : (this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || null)); } catch (_) { return this.currentTemplateLabel || null; } })();\n await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: String(row?.content || ''), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null, promptLabel: pl });\n }\n } catch (_) {}\n }\n };\n this.applyJobResults = async (jid, evt) => { try { this.route = evt?.route || this.route; } catch (_) {} };\n this.handleJobEvent = async (jid, evt) => { const ctx = (this._jobCtx || {})[jid]; if (!ctx) return; if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) { try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {} if (jid === this.currentJobId) this.currentJobId = null; try { delete this._jobCtx[jid]; } catch (_) {} } };\n } catch (_) { /* ignore */ }\n },\n // Find the nearest previous user message index before the given message index\n findPrevUserIndex(idx) {\n try {\n const n = Number(idx);\n if (!Number.isFinite(n)) return -1;\n for (let i = n - 1; i >= 0; i--) {\n const m = this.messages && this.messages[i];\n if (m && m.role === 'user' && String(m.content || '').trim()) return i;\n }\n return -1;\n } catch (_) { return -1; }\n },\n // Rerun starting from the previous user message to regenerate this assistant reply\n async rerunAssistant(idx) {\n try {\n if (!this.useJobs && this.isStreamingForCurrent) return;\n if (!Array.isArray(this.messages) || idx == null || idx < 0 || idx >= this.messages.length) return;\n const m = this.messages[idx];\n if (!m || m.role !== 'assistant') return;\n const userIdx = this.findPrevUserIndex(idx);\n if (userIdx < 0) return;\n await this.rerunFromUser(userIdx);\n } catch (_) { /* ignore */ }\n },\n autoResize(e) { try { uiAutoResize(this, e); } catch (_) {} },\n async ensureChatExistsForEdits() { return coreEnsureChatExistsForEdits(this); },\n async ensureChatExistsForEditsForce() { return coreEnsureChatExistsForEdits(this, { force: true }); },\n async ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },\n async persistMessageAtIndex(idx) { return corePersistMessageAtIndex(this, idx); },\n // Inline editing\n async startEditingMessage(idx) { return msgEditStart(this, idx); },\n async onEditingInput(e) { return msgEditOnInput(this, e); },\n async commitEditingMessage() { return msgEditCommit(this); },\n async cancelEditingMessage() { return msgEditCancel(this); },\n maybeSendOnEnter(e) {\n if (e.shiftKey) {\n try {\n const el = e.target;\n const start = el.selectionStart;\n const end = el.selectionEnd;\n const value = el.value;\n el.value = value.slice(0, start) + '\\n' + value.slice(end);\n this.chatInput = el.value;\n el.selectionStart = el.selectionEnd = start + 1;\n this.$nextTick(() => this.autoResize({ target: el }));\n } catch (_) {}\n return;\n }\n this.sendMessage();\n },\n scrollToBottom() {\n try {\n const scrollerEl = (this.$refs && (this.$refs.messagesScroller || this.$refs.mainScroller));\n const msgsEl = this.$refs && this.$refs.messagesContainer;\n const doScroll = () => {\n try {\n if (scrollerEl && typeof scrollerEl.scrollTo === 'function') {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n } else if (scrollerEl) {\n scrollerEl.scrollTop = scrollerEl.scrollHeight;\n }\n } catch (_) {}\n try {\n if (msgsEl) msgsEl.scrollIntoView && msgsEl.scrollIntoView({ block: 'end' });\n } catch (_) {}\n };\n if (typeof this.$nextTick === 'function') this.$nextTick(doScroll); else requestAnimationFrame(doScroll);\n } catch (_) {}\n },\n async sendMessage() {\n if (!this.useJobs) { await coreSendMessage(this); return; }\n const text = (this.chatInput || '').trim(); if (!text) return;\n this.errorMessage = '';\n if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }\n if (!this.currentChatId) { try { await coreEnsureChatExistsForEdits(this, { force: true }); } catch (_) {} }\n const createdAt = Date.now();\n const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;\n try { if (this.currentChatId && this.db) { const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null }); this.messages[userIndex].id = newId; } } catch (_) {}\n this.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n this.scrollToBottom && this.scrollToBottom();\n // Start assistant message placeholder\n const assistantCreatedAt = Date.now();\n const assistantIndex = this.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: this.currentChatId, model: this.selectedModel || null, promptLabel: this.computeCurrentPromptLabel ? this.computeCurrentPromptLabel() : (this.currentTemplateLabel || 'custom') }) - 1;\n try { const id = await this.persistMessageAtIndex(assistantIndex); if (id) this.messages[assistantIndex].id = id; } catch (_) {}\n const assistantMessageId = this.messages?.[assistantIndex]?.id || null;\n if (assistantMessageId != null) {\n this.messageReasoningMap[assistantMessageId] = this.messageReasoningMap[assistantMessageId] || '';\n this.expandedReasoningMap[assistantMessageId] = this.expandedReasoningMap[assistantMessageId] || false;\n }\n // Kick off job\n const payload = {\n messages: (() => {\n const chatMessages = this.messages.map(m => ({ role: m.role, content: m.content }));\n const perChat = (this.chatPromptText || '').trim();\n const fromTemplate = (!perChat && this.chatPromptId && this.chatPromptText) ? String(this.chatPromptText).trim() : '';\n const globalDefault = (this.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n userApiKey: this.userApiKey,\n model: this.selectedModel,\n reasoning_effort: this.reasoningEffort,\n tools: (() => { const list = []; const isOss = !!(this.selectedModel && this.selectedModel.startsWith('openai/gpt-oss')); if (isOss) { if (this.useBrowserSearch) list.push({ type: 'browser_search' }); if (this.useCodeInterpreter) list.push({ type: 'code_interpreter' }); } return list; })(),\n temperature: this.temperature,\n ...(this.maxTokens ? { max_tokens: this.maxTokens } : {}),\n ...(this.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((this.selectedModel === 'custom' && this.customChatBaseUrl) ? { base_url: this.customChatBaseUrl } : {})\n };\n try {\n const id = await this.jobManager.startChatJob(this, payload);\n this.currentJobId = id;\n this._jobCtx = this._jobCtx || {};\n this._jobCtx[id] = { chatId: this.currentChatId, assistantMessageId, assistantCreatedAt };\n // Provide handlers for streaming\n this.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n if (delta.content) {\n if (ctx.chatId === this.currentChatId) {\n const idx = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n if (idx >= 0) {\n const prev = String(this.messages[idx].content || '');\n const next = prev + String(delta.content || '');\n this.messages[idx].content = next;\n }\n }\n try {\n if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => {\n if (ctx.chatId === this.currentChatId) {\n const idx2 = (this.messages || []).findIndex(m => m && m.id === ctx.assistantMessageId);\n return idx2 >= 0 ? String(this.messages[idx2].content || '') : undefined;\n }\n // For inactive chats, read previous persisted content and append\n try { const prevRow = await this.db.messages.get(ctx.assistantMessageId); const prev = String(prevRow?.content || ''); return prev + String(delta.content || ''); } catch { return String(delta.content || ''); }\n })(), reasoning: String(this.messageReasoningMap[ctx.assistantMessageId] || ''), model: this.selectedModel || null });\n } catch (_) {}\n }\n if (delta.reasoning && ctx.assistantMessageId != null) {\n const prevR = this.messageReasoningMap[ctx.assistantMessageId] || '';\n const addition = String(delta.reasoning || '');\n this.messageReasoningMap[ctx.assistantMessageId] = prevR + addition;\n if (ctx.chatId === this.currentChatId) this.queueScrollReasoningById && this.queueScrollReasoningById(ctx.assistantMessageId);\n try { if (ctx.assistantMessageId && this.db) await this.db.messages.put({ id: ctx.assistantMessageId, chatId: ctx.chatId, createdAt: ctx.assistantCreatedAt, role: 'assistant', content: await (async () => { try { const row = await this.db.messages.get(ctx.assistantMessageId); return String(row?.content || ''); } catch { return ''; } })(), reasoning: this.messageReasoningMap[ctx.assistantMessageId], model: this.selectedModel || null }); } catch (_) {}\n }\n };\n this.applyJobResults = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n try { this.route = evt?.route || this.route; } catch (_) {}\n // No-op here; UI can use evt.results from trace pane if desired\n };\n this.handleJobEvent = async (jobId, evt) => {\n const ctx = (this._jobCtx || {})[jobId]; if (!ctx) return;\n if (evt && (evt.status === 'completed' || evt.status === 'error' || evt.status === 'cancelled')) {\n // finalize message\n try { if (ctx.chatId === this.currentChatId) this.scrollToBottom && this.scrollToBottom(); } catch (_) {}\n if (jobId === this.currentJobId) this.currentJobId = null;\n try { delete this._jobCtx[jobId]; } catch (_) {}\n }\n };\n } catch (e) {\n this.errorMessage = e.message || String(e);\n }\n },\n get isStreamingForCurrent() { return expIsStreamingForCurrent(this); },\n\n // URL sync helpers and overrides\n updateDocumentTitle() {\n try {\n if (typeof document === 'undefined') return;\n let titleText = 'Chatter';\n if (this.activePage === 'chat') {\n if (this.currentChatId != null) {\n const match = (this.chats || []).find(c => Number(c.id) === Number(this.currentChatId));\n const t = match && typeof match.title === 'string' ? match.title.trim() : '';\n titleText = t || 'New chat';\n } else {\n titleText = 'New chat';\n }\n }\n document.title = titleText;\n } catch (_) { /* ignore */ }\n },\n navigateToChatPath(id, replace = false) {\n try {\n if (typeof window === 'undefined' || !window.history) return;\n let path = '/';\n if (id === this.ephemeralChatId || id === '__ephemeral__') {\n path = '/new';\n } else if (Number.isFinite(Number(id))) {\n const chatId = Number(id);\n let title = '';\n let persistedSlug = '';\n try {\n const match = (this.chats || []).find(c => Number(c.id) === chatId);\n title = match && typeof match.title === 'string' ? match.title : '';\n persistedSlug = match && typeof match.slug === 'string' ? match.slug : '';\n } catch (_) { /* ignore */ }\n const slug = persistedSlug || this.slugifyTitle(title);\n path = slug ? ('/' + slug + '-' + String(chatId)) : ('/' + String(chatId));\n } else {\n path = '/';\n }\n const fn = replace ? 'replaceState' : 'pushState';\n window.history[fn]({}, '', path);\n // Keep the in sync with the current chat name\n this.updateDocumentTitle();\n } catch (_) { /* ignore */ }\n },\n slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n // Replace non-alphanumeric with hyphens, collapse repeats, trim edges\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n },\n async selectChat(id, updateUrl = true) {\n this.openChatPage();\n await coreSelectChat(this, id);\n // Update preset linking status after chat is loaded\n await this.updatePresetLinkingStatus();\n try { if (updateUrl) this.navigateToChatPath(id); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n async createNewChat() {\n this.openChatPage();\n await coreCreateNewChat(this);\n // Update preset linking status after chat is created/selected\n await this.updatePresetLinkingStatus();\n try { if (this.currentChatId != null) this.navigateToChatPath(this.currentChatId); } catch (_) { /* ignore */ }\n try { this.updateDocumentTitle(); } catch (_) { /* ignore */ }\n },\n\n async streamAssistant() { await expStreamAssistant(this); }\n };\n}\n\n\n",[],[237,473],"b720bc32-86b1-11f0-a4e8-0224a6c84d84","apiClient.js","8feabba4-78f1-11f0-b1f8-0224a6c84d84",153,["D",1756675828734],"// Centralized API client for frontend calls used by chatterApp\n\nexport async function checkServerKey() {\n const res = await fetch('/api/check-key');\n if (!res.ok) throw new Error('Failed to check server key');\n return res.json();\n}\n\nexport async function summarizePaper({ url, title, language, userApiKey }) {\n const res = await fetch('/api/search', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url, title, language, userApiKey })\n });\n if (!res.ok) throw new Error('Summary failed: ' + res.statusText);\n return res.json();\n}\n\nexport async function postChatStreamSSE(payload) {\n // Returns the raw Response so caller can stream\n return fetch('/api/chatStreamSSE', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n}\n\nexport async function postChatStream(payload) {\n const res = await fetch('/api/chatStream', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n return res;\n}\n\nexport async function postGroqChat({ apiKey, body }) {\n const res = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey },\n body: JSON.stringify(body)\n });\n return res;\n}\n\n// Jobs API\nexport async function createJob({ type, input }) {\n const res = await fetch('/api/jobs', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ type, input })\n });\n if (!res.ok) throw new Error('Failed to create job');\n return res.json();\n}\n\nexport async function getJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)));\n if (!res.ok) throw new Error('Failed to get job');\n return res.json();\n}\n\nexport async function listJobs({ status } = {}) {\n const url = status ? ('/api/jobs?status=' + encodeURIComponent(status)) : '/api/jobs';\n const res = await fetch(url);\n if (!res.ok) throw new Error('Failed to list jobs');\n return res.json();\n}\n\nexport async function cancelJob(id) {\n const res = await fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/cancel', { method: 'POST' });\n if (!res.ok) throw new Error('Failed to cancel job');\n return res.json();\n}\n\nexport function streamJob(id) {\n // returns Response (SSE) similar to postChatStreamSSE\n return fetch('/api/jobs/' + encodeURIComponent(String(id)) + '/stream');\n}\n\n\n",[],[237,482],"1381d3a0-9763-11f0-b26a-0224a6c84d84",["D",1758511223323],[],[237,32],"3884f67a-86ae-11f0-9f42-0224a6c84d84","app.scss","bb2bd118-8526-11f0-9320-0224a6c84d84","bb01df34-8526-11f0-b189-0224a6c84d84",137,["D",1756674327892]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n",[],[237,502,494],"styles","3880cadc-86ae-11f0-9f42-0224a6c84d84","app.css","bb2eb9c8-8526-11f0-aad3-0224a6c84d84",136,["D",1756674327844]," \n/* Tailwind CDN is used for utilities; this file just provides tokens and light theming hooks */\n/* the app.css file is GENERATED; edit the app/scss file!! */\n\n/* Base tokens */\n:root {\n --font-body: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n --font-headings: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n \n\n/* Light theme helper (explicit) */\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb;\n --color-bg-elev: #ffffff;\n --color-text: #111827;\n --color-muted: #6b7280;\n --color-border: #e5e7eb;\n}\n\n/* Apply tokens to base */\nhtml, body { background-color: var(--color-bg); color: var(--color-text); }\n\n/* Optional helpers (opt-in in markup) */\n.surface { background-color: var(--color-bg-elev); border: 1px solid var(--color-border); }\n.muted { color: var(--color-muted); }\n.dark-surface { background-color: var(--color-bg-elev); }\n.page-surface { background-color: var(--color-bg); }\n.card-washed-shadow {\n box-shadow:\n 0 2px 28px 0 rgba(60, 60, 60, 0.06),\n 0 8px 28px 0 rgba(60, 60, 60, 0.08),\n 0 16px 62px 0 rgba(60, 60, 60, 0.09);\n border: 1px solid var(--color-border);\n}\n\n/* Prose niceties */\n.prose a { color: #2563eb; }\n.prose a:hover { color: #1d4ed8; }\n.prose-tight-last p:last-child { margin-bottom: 0; }\n\n/* Chat header title subtle theming */\n.chat-title { color: var(--color-text); opacity: 0.92; }\n\n/* Contrast helpers for surfaces (light theme defaults live here; dark in _dark.scss) */\n/* Action buttons under messages */\n.msg-actions button { display: inline-flex; align-items: center; }\n\n\n/* Chat controls theming without forcing a bar surface */\n.chat-controls .ctrl-select {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n.chat-controls .ctrl-button {\n background-color: #ffffff;\n color: #374151;\n border-color: #e5e7eb;\n}\n\n/* Composer and system prompt textareas */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: #ffffff;\n color: #111827;\n border-color: #e5e7eb;\n}\n\n/* Composer send button outline to match input border */\n.composer .send-btn { border-color: #e5e7eb; }\n\n/* Settings header theming */\n.settings-header .settings-title { color: var(--color-text); }\n.settings-header .settings-icon { color: var(--color-text); opacity: 0.9; }\n.token-button { background-color: #ffffff; color: #374151; border-color: #e5e7eb; }\n.token-button:hover { background-color: #f9fafb; }\n \n\n\n\n\n/* === light theme === */\n/* Light theme variables and helpers */\n:root,\n[data-theme=\"light\"],\n.theme-light {\n --color-bg: #f9fafb; /* gray-50 */\n --color-bg-elev: #ffffff;\n --color-text: #111827; /* gray-900 */\n --color-muted: #6b7280; /* gray-500 */\n --color-border: #e5e7eb; /* gray-200 */\n}\n\n\n\n\n/* === dark theme === */\n/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }\n",[],[237,502,504],"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",[],[237,502,520,512],"themes","388bf448-86ae-11f0-bb02-0224a6c84d84","_dark.scss","bb31f7aa-8526-11f0-a62c-0224a6c84d84",138,["D",1756674327933],"/* Dark theme variables and helpers */\n[data-theme=\"dark\"],\n.theme-dark {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb; /* gray-200 */\n --color-muted: #94a3b8; /* slate-400 */\n --color-border: #1f2937; /* gray-800 */\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --color-bg: #0b0f19;\n --color-bg-elev: #0f172a;\n --color-text: #e5e7eb;\n --color-muted: #94a3b8;\n --color-border: #1f2937;\n }\n}\n\n/* (removed erroneous debug style) */\n\n/* Sidebar hover/tool popovers and text/icon contrast inside surfaces */\n.surface .group-hover\\:bg-white\\/80 { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-50:hover { background-color: rgba(255,255,255,0.06) !important; }\n.surface .hover\\:bg-gray-100:hover { background-color: rgba(255,255,255,0.08) !important; }\n.surface .text-gray-600 dark:text-gray-800 { color: #e5e7eb !important; }\n.surface .text-gray-700 { color: #cbd5e1 !important; }\n.surface .text-gray-600 { color: var(--color-muted) !important; }\n.surface .text-gray-500 { color: var(--color-muted) !important; }\n.surface .text-gray-400 { color: #9aa5b1 !important; }\n.surface .iconify { color: var(--color-muted) !important; }\n.surface .iconify.bg-dark { color: #e5e7eb !important; }\n.surface .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }\n// .surface .bg-gray-100 { background-color: rgba(255, 255, 255, 0.08) !important; }\n.surface .border-gray-300 { border-color: var(--color-border) !important; }\n.surface .border { border-color: var(--color-border) !important; }\n\n/* Sidebar item hover & active pills */\n.surface .hover\\:bg-gray-50:hover > span,\n.surface .hover\\:bg-gray-100:hover > span { color: var(--color-text) !important; }\n.surface .bg-gray-100.font-medium { background-color: rgba(255,255,255,0.10) !important; color: var(--color-text) !important; }\n\n/* User bubble styling to match elevated controls */\n.user-bubble {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border: 1px solid var(--color-border);\n}\n\n/* Chat header title subtle lift */\n.chat-title { opacity: 0.96; }\n\n/* Message action buttons */\n.msg-actions .btn {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Controls in the top chat bar */\n.chat-controls .ctrl-select,\n.chat-controls .ctrl-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n/* Sidebar header (Chatter) and header buttons */\n.surface .font-semibold, .surface .font-semibold a { color: var(--color-text) !important; }\n.surface .inline-flex button { border-color: var(--color-border) !important; }\n.surface .inline-flex button:hover { background-color: rgba(255,255,255,0.06) !important; }\n\n/* Composer/system prompt inputs */\n.composer textarea,\ntextarea[x-model=\"chatPromptText\"],\ntextarea[x-model=\"systemPrompt\"],\ntextarea[placeholder=\"Enter system prompt for this chat...\"],\ntextarea[placeholder=\"Enter a system prompt...\"],\ntextarea[placeholder=\"Type a message...\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.composer .send-btn { border-color: var(--color-border); }\n\n/* Settings header button */\n.token-button {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n.token-button:hover { filter: brightness(1.08); }\n\n/* Sidebar edit inputs (folder/chat rename) */\n.surface input[type=\"text\"] {\n background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n caret-color: var(--color-text);\n}\n\n.surface input[type=\"text\"]::placeholder {\n color: var(--color-muted);\n opacity: 0.7;\n}\n\n.surface input[type=\"text\"]:focus {\n outline: none;\n border-color: #60a5fa; /* blue-400 focus to match the app */\n box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);\n}\n\n/* Chat reasoning toggle + block */\n.reasoning-container > button {\n color: var(--color-muted);\n}\n.reasoning-container > button:hover { color: #cbd5e1; }\n.reasoning-container > div {\n background-color: var(--color-bg-elev) !important;\n color: var(--color-text) !important;\n border-color: var(--color-border) !important;\n}\n.reasoning-container pre { color: var(--color-text); }",[],[237,502,520,522],"bb16b4b8-8526-11f0-87ed-0224a6c84d84",110,["D",1756506184252],[284,285],[237,502,520],"bb01de58-8526-11f0-b189-0224a6c84d84",109,["D",1756506184078],[283,286,287],[237,502],"1cc6320a-86b3-11f0-acc6-0224a6c84d84","streaming.js","8ff7d352-78f1-11f0-89f1-0224a6c84d84","8fcad140-78f1-11f0-831a-0224a6c84d84",156,["D",1756676428837],"// Experimental streaming-related helpers extracted from chatterApp\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 chatterApp\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 promptLabel = (() => { try { return state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel || 'custom'); } catch (_) { return 'custom'; } })();\n const assistantIndex = state.messages.push({ role: 'assistant', content: '', createdAt: assistantCreatedAt, chatId: thisChatId, model: state.selectedModel || null, promptLabel }) - 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, promptLabel });\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, promptLabel });\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, promptLabel });\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, promptLabel });\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",[],[237,548,540],"experimental","8fcad05a-78f1-11f0-831a-0224a6c84d84",42,["D",1755163934328],[281],[237,548],"b713b42e-86b1-11f0-96d1-0224a6c84d84","jobManager.js","b713b53c-86b1-11f0-96d1-0224a6c84d84","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84",150,["D",1756675828723],"// Minimal frontend JobManager to orchestrate chat jobs via SSE\n// Provides per-job isolation, lifecycle, and integration points for chat UI\n\nimport { createJob as apiCreateJob, streamJob as apiStreamJob, cancelJob as apiCancelJob } from '../apiClient.js';\n\nexport class JobManager {\n constructor() {\n this.jobs = new Map(); // jobId -> { id, type, status, createdAt, updatedAt, data, reader, token }\n }\n\n async startChatJob(state, { messages, userApiKey, model, base_url, temperature, top_p, stop, max_tokens, response_format, reasoning_effort, tools, query, dateRange, source, language, offset }) {\n const input = { messages, userApiKey, model, base_url, temperature, top_p, stop, max_tokens, response_format, reasoning_effort, tools, query, dateRange, source, language, offset };\n const { id } = await apiCreateJob({ type: 'chat', input });\n const token = String(Date.now()) + '-' + Math.random();\n this.jobs.set(id, { id, type: 'chat', status: 'pending', createdAt: Date.now(), updatedAt: Date.now(), data: {}, token });\n const res = await apiStreamJob(id);\n if (!res.ok || !res.body) throw new Error('Failed to stream job');\n const reader = res.body.getReader();\n this.jobs.get(id).reader = reader;\n this._pumpSse(state, id);\n return id;\n }\n\n async cancel(id) {\n try { await apiCancelJob(id); } catch (_) { /* ignore */ }\n const item = this.jobs.get(id);\n if (item && item.reader) { try { item.reader.cancel(); } catch (_) {} }\n this.jobs.delete(id);\n }\n\n async _pumpSse(state, id) {\n const item = this.jobs.get(id);\n if (!item || !item.reader) return;\n const reader = item.reader;\n const decoder = new TextDecoder();\n let buffer = '';\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 let eventName = 'message';\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (line.startsWith('event: ')) { eventName = 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 (eventName === 'job' && parsed) {\n const cur = this.jobs.get(id); if (!cur) continue;\n cur.status = parsed.status || cur.status;\n cur.updatedAt = Date.now();\n if (state && state.handleJobEvent) {\n try { state.handleJobEvent(id, parsed); } catch (_) { /* ignore */ }\n }\n } else if (eventName === 'data' && parsed) {\n if (state && state.applyJobDelta) {\n try { state.applyJobDelta(id, parsed); } catch (_) { /* ignore */ }\n }\n } else if (eventName === 'results' && parsed) {\n if (state && state.applyJobResults) {\n try { state.applyJobResults(id, parsed); } catch (_) { /* ignore */ }\n }\n }\n }\n }\n }\n } catch (_) { /* end */ }\n }\n}\n\n\n",[],[237,563,555],"core","cd80e12c-931e-11f0-8949-0224a6c84d84","chatCore.js","8feeae30-78f1-11f0-aafe-0224a6c84d84",183,["D",1758042095445],11,"// Core chat + DB helpers extracted from chatterApp\n\nexport async function initDb(state) {\n try {\n state.db = new window.Dexie('chat_db');\n state.db.version(1).stores({ chats: '++id,title,createdAt' });\n state.db.version(2).stores({ chats: '++id,title,createdAt', messages: '++id,chatId,createdAt,role,content' });\n state.db.version(3).stores({ chats: '++id,title,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v4: add stable slug support to chats\n state.db.version(4).stores({ chats: '++id,title,slug,createdAt,folderId', messages: '++id,chatId,createdAt,role,content', folders: '++id,name,createdAt,order,collapsed' });\n // v5: add per-chat prompt fields and systemPrompts library\n state.db.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v6: add settings field to chats for per-chat overrides\n state.db.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n // v7: add settings field to systemPrompts for preset configurations\n state.db.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v8: re-affirm model index for messages (safe bump for existing users)\n state.db.version(8).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v9: support dual-mode settings with activeSettingsSource and customPromptText\n state.db.version(9).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n // v10: add notes table for global notes plugin\n state.db.version(10).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n try { state.db.on('versionchange', () => { try { state.db.close(); } catch (_) { /* ignore */ } }); } catch (_) { /* ignore */ }\n } catch (e) {\n console.error('Dexie init error', e);\n }\n}\n\nexport async function loadChats(state) {\n try {\n const rows = await state.db.chats.orderBy('createdAt').reverse().toArray();\n state.chats = rows.map(r => ({ id: r.id, title: r.title, slug: r.slug || null, createdAt: r.createdAt, folderId: r.folderId || null }));\n } catch (_) { state.chats = []; }\n}\n\nexport async function loadFolders(state) {\n try {\n const rows = await state.db.folders.orderBy('order').toArray();\n state.folders = rows.map(r => ({ id: r.id, name: r.name || 'folder', createdAt: r.createdAt || Date.now(), order: r.order ?? r.id, collapsed: !!r.collapsed }));\n } catch (_) { state.folders = []; }\n}\n\nexport async function createFolder(state) {\n try {\n const createdAt = Date.now();\n const name = 'folder';\n const order = (state.folders[state.folders.length - 1]?.order || 0) + 1;\n const id = await state.db.folders.add({ name, createdAt, order, collapsed: false });\n await loadFolders(state);\n // Immediately enter rename mode\n startEditingFolder(state, id, name);\n } catch (_) { /* ignore */ }\n}\n\nexport function startEditingFolder(state, id, currentName) {\n state.editingFolderId = id;\n state.editingFolderName = currentName || '';\n setTimeout(() => {\n try {\n const el = document.querySelector('input[data-folder-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n } catch (_) {}\n }, 30);\n}\n\nexport async function commitEditingFolder(state) {\n const rawId = state.editingFolderId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingFolder(state);\n const name = (state.editingFolderName || '').trim() || 'folder';\n try {\n const prev = await state.db.folders.get(id);\n await state.db.folders.put({ id, name, createdAt: prev?.createdAt || Date.now(), order: prev?.order ?? id, collapsed: !!prev?.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport function cancelEditingFolder(state) {\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\nexport async function toggleFolderCollapsed(state, id) {\n try {\n const f = await state.db.folders.get(id);\n if (!f) return;\n await state.db.folders.put({ ...f, collapsed: !f.collapsed });\n await loadFolders(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function moveChatToFolder(state, chatId, folderId) {\n try {\n if (!chatId) return;\n const prev = await state.db.chats.get(chatId);\n if (!prev) return;\n const next = { ...prev, id: chatId, folderId: folderId ?? null };\n await state.db.chats.put(next);\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport function baseChats(state) {\n try {\n const list = (state.chats || []).filter(c => !c.folderId);\n return [{ id: state.ephemeralChatId, title: 'New chat', createdAt: 0, folderId: null, isEphemeral: true }, ...list];\n } catch (_) { return state.chats || []; }\n}\n\nexport function chatsInFolder(state, folderId) {\n try { return (state.chats || []).filter(c => c.folderId === folderId); } catch (_) { return []; }\n}\n\nexport async function createNewChat(state) {\n const input = (state.chatInput || '').trim();\n // If no content, do NOT create a persisted chat. Switch to ephemeral new chat.\n if (!input) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n return;\n }\n const base = input;\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt, folderId: null });\n await loadChats(state);\n await selectChat(state, id);\n}\n\nexport async function selectChat(state, id) {\n if (id === state.ephemeralChatId) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n state.messages = [{ role: 'assistant', content: 'Hi! How can I help you today?', createdAt: Date.now(), model: state.selectedModel || null, promptLabel }];\n // Clear per-chat prompt state when ephemeral\n state.chatPromptId = null;\n state.chatPromptText = '';\n \n // Reset to default/global settings for ephemeral chat\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n \n // Clear preset linking status for ephemeral chat\n if (state.updatePresetLinkingStatus) {\n try {\n state.chatIsLinkedToPreset = false;\n state.chatHasCustomSettingsStored = false;\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n return;\n }\n state.currentChatId = id;\n state.activeSearchId = id;\n try {\n const rows = await state.db.messages.where('chatId').equals(id).sortBy('createdAt');\n state.messages = rows.map(r => ({ id: r.id, chatId: r.chatId, role: r.role, content: r.content, reasoning: r.reasoning, createdAt: r.createdAt, model: r.model || null, promptLabel: r.promptLabel || null }));\n // Load per-chat prompt metadata and settings\n try {\n const meta = await state.db.chats.get(id);\n console.log('🔄 selectChat: Loading chat meta for chatId =', id, 'meta =', meta);\n \n // Determine which prompt text to surface and how to reflect selection based on activeSettingsSource\n const activeSource = meta?.activeSettingsSource || null;\n // Drive the dropdown by active source: show 'custom' when using custom, otherwise show linked preset id\n if (activeSource === 'custom') {\n state.chatPromptId = null;\n } else if (meta?.systemPromptId != null) {\n state.chatPromptId = String(meta.systemPromptId);\n } else {\n state.chatPromptId = null;\n }\n state.chatPromptText = (activeSource === 'custom') ? (meta?.customPromptText || '') : (meta?.systemPromptText || '');\n \n // Reset settings change tracking when switching chats\n if (state.settingsChanged !== undefined) {\n state.settingsChanged = false;\n }\n \n console.log('🔄 selectChat: Chat prompt setup - chatPromptId =', state.chatPromptId, 'chatPromptText =', state.chatPromptText?.length + ' chars');\n \n // Apply settings - linked preset vs custom settings\n try {\n let settingsToApply = null;\n const activeSource = meta?.activeSettingsSource || null;\n // Treat legacy chats (no activeSettingsSource and no custom settings) as preset-linked\n const isPresetLinked = !!(state.chatPromptId) && (activeSource === 'preset' || (activeSource == null && !meta?.settings));\n if (isPresetLinked) {\n // Chat is linked to a preset and has no custom settings - load from preset\n console.log('🔗 selectChat: Chat is linked to preset', state.chatPromptId, '- loading settings from preset');\n try {\n const preset = await state.db.systemPrompts.get(Number(state.chatPromptId));\n console.log('🔗 selectChat: Retrieved preset =', preset);\n if (preset && preset.settings) {\n settingsToApply = preset.settings;\n console.log('✅ selectChat: Using preset settings =', settingsToApply);\n // Always set chatPromptText from preset when linked to preset\n const presetText = (typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string')\n ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content)\n : '';\n state.chatPromptText = presetText;\n // Opportunistically upgrade legacy chats to explicit 'preset' source and refresh stored systemPromptText\n try {\n if (activeSource == null) {\n await state.db.chats.update(id, { activeSettingsSource: 'preset', systemPromptText: presetText });\n } else if (meta?.systemPromptText !== presetText) {\n await state.db.chats.update(id, { systemPromptText: presetText });\n }\n } catch (_) { /* ignore */ }\n } else {\n console.log('⚠️ selectChat: Preset exists but has no settings');\n }\n } catch (error) {\n console.error('❌ selectChat: Error loading preset', error);\n }\n } else if (activeSource === 'custom' && meta?.settings) {\n // Chat has custom settings (either standalone or delinked from preset)\n settingsToApply = meta.settings;\n console.log('🎛️ selectChat: Chat has custom settings =', settingsToApply);\n } else {\n console.log('🏠 selectChat: No preset link and no custom settings - will use defaults');\n }\n \n // Apply the settings\n if (settingsToApply) {\n if (settingsToApply.selectedModel != null) state.selectedModel = settingsToApply.selectedModel;\n if (settingsToApply.customChatBaseUrl != null) state.customChatBaseUrl = settingsToApply.customChatBaseUrl;\n if (settingsToApply.temperature != null) {\n const v = Number(settingsToApply.temperature);\n state.temperature = Number.isFinite(v) ? Math.max(0, Math.min(2, v)) : state.temperature;\n }\n if (settingsToApply.maxTokens != null) {\n const v2 = Number(settingsToApply.maxTokens);\n state.maxTokens = Number.isFinite(v2) ? Math.max(1, Math.floor(v2)) : state.maxTokens;\n }\n if (settingsToApply.reasoningEffort) state.reasoningEffort = settingsToApply.reasoningEffort;\n if (settingsToApply.streamEnabled != null) state.streamEnabled = !!settingsToApply.streamEnabled;\n if (settingsToApply.jsonMode != null) state.jsonMode = !!settingsToApply.jsonMode;\n if (settingsToApply.useBrowserSearch != null) state.useBrowserSearch = !!settingsToApply.useBrowserSearch;\n if (settingsToApply.useCodeInterpreter != null) state.useCodeInterpreter = !!settingsToApply.useCodeInterpreter;\n } else {\n // No settings to apply - reset to defaults (load from localStorage)\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true; // default\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false; // default\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1; // default\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192; // default\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium'; // default\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true; // default\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false; // default\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n } catch (_) { /* ignore */ }\n // Fallback: if no explicit per-chat settings were applied, use the last assistant message's model\n try {\n const lastWithModel = Array.isArray(rows) ? [...rows].reverse().find(r => r && r.role === 'assistant' && r.model) : null;\n if (lastWithModel && typeof lastWithModel.model === 'string' && lastWithModel.model.trim()) {\n state.selectedModel = lastWithModel.model;\n }\n } catch (_) { /* ignore */ }\n for (const row of rows) {\n if (row.id != null && row.reasoning && !state.messageReasoningMap[row.id]) {\n state.messageReasoningMap[row.id] = row.reasoning;\n }\n }\n } catch (_) {\n state.messages = [];\n }\n if (!state.messages.length) {\n const createdAt = Date.now();\n const promptLabel = (() => {\n try {\n const raw = state.chatPromptId;\n const id = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (id != null && Number.isFinite(id)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === id);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const greeting = { role: 'assistant', content: 'Hi! How can I help you today?', createdAt, model: state.selectedModel || null, promptLabel };\n state.messages = [greeting];\n try {\n const chatId = await ensureChatExistsForEdits(state, { force: false });\n if (chatId && state.db) {\n const newId = await state.db.messages.add({ chatId, createdAt, role: 'assistant', content: greeting.content, reasoning: '', model: state.selectedModel || null, promptLabel });\n state.messages[0].id = newId;\n state.messages[0].chatId = chatId;\n }\n } catch (_) { /* ignore */ }\n }\n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function startEditingChat(state, id, currentTitle) {\n state.editingChatId = id;\n state.editingChatTitle = currentTitle || '';\n try {\n setTimeout(() => {\n const el = document.querySelector('input[data-chat-id=\"' + id + '\"]');\n if (el) { el.focus(); el.select(); }\n }, 50);\n } catch (_) {}\n}\n\nexport async function commitEditingChat(state) {\n const rawId = state.editingChatId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingChat(state);\n const title = (state.editingChatTitle || '').trim() || 'New chat';\n try {\n if (state.db) {\n const prev = await state.db.chats.get(id);\n const slug = prev?.slug || slugifyTitle(title);\n const next = { ...prev, id, title, slug, createdAt: prev?.createdAt || Date.now() };\n await state.db.chats.put(next);\n }\n await loadChats(state);\n state.activeSearchId = id;\n } catch (_) { /* no-op */ }\n state.editingChatId = null;\n state.editingChatTitle = '';\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingChat(state) {\n state.editingChatId = null;\n state.editingChatTitle = '';\n}\n\nexport async function deleteChat(state, id) {\n try {\n if (!state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n try { await state.db.messages.where('chatId').equals(chatId).delete(); } catch (_) {\n try { await state.db.messages.filter(m => m.chatId === chatId).delete(); } catch (_) { /* ignore */ }\n }\n try { await state.db.chats.delete(chatId); } catch (_) { /* ignore */ }\n await loadChats(state);\n if (state.currentChatId === chatId) {\n const next = state.chats[0]?.id;\n if (next) {\n await selectChat(state, next);\n } else {\n await createNewChat(state);\n }\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function duplicateChat(state, id) {\n try {\n if (!state || !state.db) return;\n const chatId = typeof id === 'string' ? Number(id) : id;\n if (!Number.isFinite(chatId)) return;\n const orig = await state.db.chats.get(chatId);\n if (!orig) return;\n const title = String(orig.title || 'New chat') + ' (copy)';\n const createdAt = Date.now();\n const folderId = orig.folderId ?? null;\n const slug = (orig.slug && String(orig.slug)) || slugifyTitle(title);\n const newChatId = await state.db.chats.add({ title, slug, createdAt, folderId });\n try {\n const msgs = await state.db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n if (Array.isArray(msgs) && msgs.length) {\n const rows = msgs.map(m => ({ chatId: newChatId, createdAt: m.createdAt, role: m.role, content: m.content, reasoning: m.reasoning || '', model: m.model || null, promptLabel: m.promptLabel || null }));\n try { await state.db.messages.bulkAdd(rows); } catch (_) {\n for (const row of rows) { try { await state.db.messages.add(row); } catch (_) { /* ignore single add */ } }\n }\n }\n } catch (_) { /* ignore */ }\n await loadChats(state);\n } catch (_) { /* ignore */ }\n}\n\nexport async function ensureChatExistsForEdits(state, opts = {}) {\n try {\n const force = !!opts.force;\n if (state.currentChatId && state.db) return state.currentChatId;\n if (!state.db) return null;\n // Only create a chat if there is some user-origin content or forced by the caller\n const hasUserInput = !!(state.chatInput && state.chatInput.trim());\n const hasUserMessage = Array.isArray(state.messages) && state.messages.some(m => m && m.role === 'user' && String(m.content || '').trim());\n if (!force && !hasUserInput && !hasUserMessage) return null;\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n try { typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n // Initialize per-chat prompt defaults\n try { await state.db.chats.update(id, { systemPromptId: null, systemPromptText: '' }); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function ensureMessagePersisted(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m) return null;\n if (m.id && state.db) return m.id;\n const chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId || !state.db) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const model = (m && m.model != null) ? m.model : null;\n const promptLabel = (m && Object.prototype.hasOwnProperty.call(m, 'promptLabel')) ? (m.promptLabel ?? null) : (() => {\n try {\n if (role !== 'assistant') return null;\n const raw = state.chatPromptId;\n const pid = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n if (pid != null && Number.isFinite(pid)) {\n const list = Array.isArray(state.presets) ? state.presets : [];\n const match = list.find(p => Number(p.id) === pid);\n return (match && match.name) ? String(match.name) : 'preset';\n }\n return 'custom';\n } catch (_) { return 'custom'; }\n })();\n const newId = await state.db.messages.add({ chatId, createdAt, role, content, reasoning, model, promptLabel });\n state.messages[idx].id = newId;\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId;\n } catch (_) { return null; }\n}\n\nexport async function persistMessageAtIndex(state, idx) {\n try {\n const m = state.messages?.[idx];\n if (!m || !state.db) return null;\n let chatId = state.currentChatId;\n if (!chatId) chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId) return null;\n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const row = { id: m.id, chatId, createdAt, role, content, reasoning, model: (m && m.model != null) ? m.model : null, promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? (m.promptLabel ?? null) : null) };\n const newId = await state.db.messages.put(row);\n if (!m.id) { state.messages[idx].id = newId; }\n state.messages[idx].chatId = chatId;\n state.messages[idx].createdAt = createdAt;\n return newId || m.id || null;\n } catch (_) { return null; }\n}\n\nexport async function deleteMessage(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const msg = state.messages[idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n try {\n if (state.db && messageId != null) {\n await state.db.messages.delete(messageId);\n }\n } catch (_) { /* ignore */ }\n try {\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages.splice(idx, 1);\n if (state.copiedMap && state.copiedMap[idx]) delete state.copiedMap[idx];\n } catch (_) { /* ignore */ }\n if (state.editingMessageIdx === idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n } else if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = state.editingMessageIdx - 1;\n }\n } catch (_) { /* ignore */ }\n}\n\nexport async function deleteMessagesBelow(state, idx) {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const thisChatId = state.currentChatId;\n const toRemove = (state.messages || []).slice(idx + 1);\n try {\n if (state.db) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try { await state.db.messages.delete(messageId); } catch (_) { /* ignore */ }\n }\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) delete state.messageReasoningMap[messageId];\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) delete state.expandedReasoningMap[messageId];\n }\n }\n }\n } catch (_) { /* ignore */ }\n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) { /* ignore */ }\n }\n } catch (_) { /* ignore */ }\n if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n }\n try {\n if (state.streamingChats && thisChatId && state.streamingChats[thisChatId]) {\n delete state.streamingChats[thisChatId];\n }\n } catch (_) { /* ignore */ }\n state.scrollToBottom && state.scrollToBottom();\n } catch (_) { /* ignore */ }\n}\n\nexport async function rerunFromUser(state, idx) {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages.length) return;\n const m = state.messages[idx];\n if (!m || m.role !== 'user') return;\n const text = String(m.content || '').trim();\n if (!text) return;\n try {\n const toRemove = (state.messages || []).slice(idx + 1);\n if (state.db) {\n for (const msg of toRemove) {\n if (msg && msg.id != null) { try { await state.db.messages.delete(msg.id); } catch (_) { /* ignore */ } }\n }\n }\n } catch (_) { /* ignore */ }\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (!state.currentChatId) {\n try {\n const base = text || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n } catch (_) { /* ignore */ }\n}\n\nexport async function sendMessage(state) {\n const text = (state.chatInput || '').trim();\n if (!text) return;\n state.errorMessage = '';\n if (!state.hasServerKey && !state.userApiKey) {\n state.errorMessage = 'please add api key';\n return;\n }\n if (!state.currentChatId) {\n try {\n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n const id = await state.db.chats.add({ title, slug, createdAt });\n await loadChats(state);\n state.currentChatId = id;\n state.activeSearchId = id;\n } catch (_) { /* ignore */ }\n }\n const createdAt = Date.now();\n const userIndex = state.messages.push({ role: 'user', content: text, createdAt, chatId: state.currentChatId, model: null }) - 1;\n try {\n if (state.currentChatId && state.db) {\n const newId = await state.db.messages.add({ chatId: state.currentChatId, createdAt, role: 'user', content: text, model: null });\n state.messages[userIndex].id = newId;\n }\n } catch (_) {}\n state.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n state.scrollToBottom && state.scrollToBottom();\n state.streamAssistant && state.streamAssistant();\n}\n\nfunction slugifyTitle(title) {\n try {\n const s = String(title || '').toLowerCase();\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) { return ''; }\n}\n\n\n// --- Data export/import helpers ---\n\nexport async function exportAllData(state) {\n try {\n if (!state || !state.db) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n const [chats, messages, folders, systemPrompts, notes] = await Promise.all([\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.toArray().catch(() => []),\n state.db.systemPrompts.toArray().catch(() => []),\n state.db.notes.toArray().catch(() => []),\n ]);\n return {\n meta: {\n type: 'chatter-export',\n schemaVersion: Number(state.db.verno || 0),\n exportedAt: Date.now(),\n },\n data: { chats, messages, folders, systemPrompts, notes },\n };\n } catch (_) {\n return { meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() }, data: { chats: [], messages: [], folders: [] } };\n }\n}\n\nexport async function importDataReplace(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n await state.db.messages.clear();\n await state.db.chats.clear();\n await state.db.folders.clear();\n await state.db.systemPrompts.clear();\n await state.db.notes.clear();\n if (folders.length) {\n try { await state.db.folders.bulkAdd(folders); counts.foldersAdded = folders.length; } catch (_) {\n for (const f of folders) { try { await state.db.folders.add(f); counts.foldersAdded += 1; } catch (_) {} }\n }\n }\n if (chats.length) {\n try { await state.db.chats.bulkAdd(chats); counts.chatsAdded = chats.length; } catch (_) {\n for (const c of chats) { try { await state.db.chats.add(c); counts.chatsAdded += 1; } catch (_) {} }\n }\n }\n if (messages.length) {\n try { await state.db.messages.bulkAdd(messages); counts.messagesAdded = messages.length; } catch (_) {\n for (const m of messages) { try { await state.db.messages.add(m); counts.messagesAdded += 1; } catch (_) {} }\n }\n }\n if (systemPrompts.length) {\n try { await state.db.systemPrompts.bulkAdd(systemPrompts); } catch (_) {\n for (const sp of systemPrompts) { try { await state.db.systemPrompts.add(sp); } catch (_) {} }\n }\n }\n if (notes.length) {\n try { await state.db.notes.bulkAdd(notes); } catch (_) {\n for (const n of notes) { try { await state.db.notes.add(n); } catch (_) {} }\n }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\nexport async function importDataAppend(state, input) {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) { return {}; }\n })();\n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n let counts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n const folderIdMap = {};\n const chatIdMap = {};\n try {\n if (!state || !state.db) return counts;\n await state.db.transaction('rw', state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes, async () => {\n // Append folders, remapping IDs\n for (const f of folders) {\n try {\n const row = {\n name: f?.name || 'folder',\n createdAt: Number(f?.createdAt) || Date.now(),\n order: (typeof f?.order === 'number') ? f.order : undefined,\n collapsed: !!f?.collapsed,\n };\n const newId = await state.db.folders.add(row);\n if (f && f.id != null) folderIdMap[String(f.id)] = newId;\n counts.foldersAdded += 1;\n } catch (_) { /* ignore single add */ }\n }\n // Append chats, remapping folderId\n for (const c of chats) {\n try {\n const title = (c?.title && String(c.title)) || 'New chat';\n const slug = (c?.slug && String(c.slug)) || slugifyTitle(title);\n const oldFolderId = (c && c.folderId != null) ? String(c.folderId) : null;\n const newFolderId = oldFolderId != null ? (folderIdMap[oldFolderId] ?? null) : null;\n const row = {\n title,\n slug,\n createdAt: Number(c?.createdAt) || Date.now(),\n folderId: newFolderId ?? null,\n };\n const newId = await state.db.chats.add(row);\n if (c && c.id != null) chatIdMap[String(c.id)] = newId;\n counts.chatsAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append messages, remapping chatId\n for (const m of messages) {\n try {\n const oldChatId = m && m.chatId != null ? String(m.chatId) : null;\n if (oldChatId == null) continue;\n const newChatId = chatIdMap[oldChatId];\n if (!newChatId) continue;\n const row = {\n chatId: newChatId,\n createdAt: Number(m?.createdAt) || Date.now(),\n role: m?.role || 'assistant',\n content: String(m?.content || ''),\n reasoning: String(m?.reasoning || ''),\n model: (m && m.model != null) ? m.model : null,\n };\n await state.db.messages.add(row);\n counts.messagesAdded += 1;\n } catch (_) { /* ignore */ }\n }\n // Append system prompts\n for (const sp of systemPrompts) {\n try {\n const row = {\n name: sp?.name || 'Preset',\n content: String(sp?.content || ''),\n systemPrompt: String(sp?.systemPrompt || sp?.content || ''),\n settings: sp?.settings || null,\n createdAt: Number(sp?.createdAt) || Date.now(),\n updatedAt: Number(sp?.updatedAt) || Date.now(),\n };\n await state.db.systemPrompts.add(row);\n } catch (_) { /* ignore */ }\n }\n // Append notes\n for (const n of notes) {\n try {\n const row = {\n title: String(n?.title || ''),\n content: String(n?.content || ''),\n createdAt: Number(n?.createdAt) || Date.now(),\n updatedAt: Number(n?.updatedAt) || Date.now(),\n };\n await state.db.notes.add(row);\n } catch (_) { /* ignore */ }\n }\n });\n } catch (_) { /* ignore */ }\n return counts;\n}\n\n\n",[],[237,563,565],"8fdb7f04-78f1-11f0-bbe7-0224a6c84d84",43,["D",1755163934439],[278,279],[237,563],"38b1f422-86ae-11f0-b7f3-0224a6c84d84","sidebarMobile.html","e16bcc48-804e-11f0-a93f-0224a6c84d84","e1505bd4-804e-11f0-8f43-0224a6c84d84",143,["D",1756674328198],"<div class=\"fixed inset-0 z-40 md:hidden\" x-show=\"sidebarOpen\" x-transition.opacity>\n <div class=\"absolute inset-0 bg-black/30\" @click=\"sidebarOpen=false\"></div>\n <aside\n class=\"absolute left-0 top-0 h-full w-72 surface shadow-xl flex flex-col transform\"\n x-transition:enter=\"transform transition ease-in-out duration-300\"\n x-transition:enter-start=\"-translate-x-full opacity-0\"\n x-transition:enter-end=\"translate-x-0 opacity-100\"\n x-transition:leave=\"transform transition ease-in-out duration-300\"\n x-transition:leave-start=\"translate-x-0 opacity-100\"\n x-transition:leave-end=\"-translate-x-full opacity-0\"\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat(); sidebarOpen=false\" class=\"font-semibold text-gray-600 dark:text-gray-800\">Chatter</a>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createFolder()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New folder\" aria-label=\"New folder\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:folder-plus-outline\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New folder</span>\n </button>\n <button type=\"button\" @click=\"sidebarOpen=false\" class=\"text-gray-500 hover:text-gray-700\" aria-label=\"Close sidebar\" title=\"Close sidebar\">✕</button>\n </div>\n </div>\n <div class=\"flex-1 overflow-y-auto overflow-x-hidden\">\n <nav class=\"py-2\">\n <div class=\"px-3 pb-1 text-xs text-gray-500\">folders</div>\n <template x-for=\"f in folders\" :key=\"f.id\">\n <div class=\"mx-2 mb-1 rounded\"\n :class=\"dragOverFolderId===f.id ? 'bg-blue-50' : ''\"\n @dragover=\"onFolderDragOver($event, f.id)\"\n @dragleave=\"onFolderDragLeave($event, f.id)\"\n @drop=\"onFolderDrop($event, f.id)\">\n <div class=\"flex items-center gap-2 px-2 py-1 cursor-pointer select-none hover:bg-gray-50 rounded\"\n @click=\"toggleFolderCollapsed(f.id)\">\n <span class=\"text-gray-600 w-6\" x-text=\"f.collapsed ? '[x]' : '[-]'\"></span>\n <template x-if=\"editingFolderId === f.id\">\n <input type=\"text\" :data-folder-id=\"f.id\" x-model=\"editingFolderName\" @keydown.enter.stop.prevent=\"commitEditingFolder()\" @keydown.escape.stop.prevent=\"cancelEditingFolder()\" @blur=\"commitEditingFolder()\" class=\"flex-1 px-2 py-1 border rounded text-sm\" />\n </template>\n <template x-if=\"editingFolderId !== f.id\">\n <span class=\"truncate\" @dblclick.stop=\"startEditingFolder(f.id, f.name)\" x-text=\"f.name + ' (' + chatsInFolder(f.id).length + ')' \"></span>\n </template>\n </div>\n <div class=\"pl-6 space-y-1\" x-show=\"!f.collapsed\" x-cloak>\n <template x-for=\"c in chatsInFolder(f.id)\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n draggable=\"true\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"startEditingChat(c.id, c.title)\"></span>\n </button>\n <div class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </div>\n </template>\n\n <div class=\"px-3 pt-2 pb-1 text-xs text-gray-500\">all chats</div>\n <div class=\"mx-2 rounded space-y-1\"\n :class=\"dragOverBase ? 'bg-blue-50' : ''\"\n @dragover=\"onBaseDragOver($event)\"\n @dragleave=\"onBaseDragLeave()\"\n @drop=\"onBaseDrop($event)\">\n <template x-for=\"c in baseChats()\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n :draggable=\"!c.isEphemeral\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"!c.isEphemeral && startEditingChat(c.id, c.title)\"></span>\n </button>\n <div x-show=\"!c.isEphemeral\" class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </nav>\n </div>\n <div class=\"p-4 border-t space-y-2\">\n <button type=\"button\" @click=\"createNewChat()\" class=\"w-full text-sm px-3 py-2 rounded bg-blue-600 text-white hover:bg-blue-700\">New chat</button>\n <button type=\"button\" @click=\"openAppSettingsPage(); sidebarOpen=false\" class=\"w-full inline-flex items-center justify-center gap-2 text-sm px-3 py-2 rounded border border-gray-300 text-gray-500 hover:bg-gray-50\" title=\"App settings\" aria-label=\"App settings\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>App settings</span>\n </button>\n </div>\n </aside>\n</div>\n\n\n",[],[237,587,579],"components","3899d112-86ae-11f0-bc44-0224a6c84d84","sidebarDesktop.html","e1c45174-804e-11f0-a248-0224a6c84d84",140,["D",1756674328045],4,"<aside class=\"hidden md:flex md:flex-col h-full surface overflow-hidden transition-all ease-in-out relative flex-shrink-0 z-50\"\n :class=\"sidebarCollapsed ? 'w-12' : ''\"\n :style=\"sidebarCollapsed ? '' : ('width: ' + sidebarWidth + 'px; min-width: ' + minSidebarWidth + 'px')\"\n style=\"will-change: width;\">\n <div class=\"p-4 border-b\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <div class=\"flex items-center justify-between\">\n <a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat()\" class=\"font-semibold text-gray-600 dark:text-gray-800\">Chatter</a>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createFolder()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New folder\" aria-label=\"New folder\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:folder-plus-outline\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New folder</span>\n </button>\n <button type=\"button\" @click=\"createNewChat()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"New chat\" aria-label=\"New chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:plus\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">New chat</span>\n </button>\n <button type=\"button\" @click=\"collapseSidebar()\" class=\"inline-flex items-center justify-center text-xs px-2 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" title=\"Hide sidebar\" aria-label=\"Hide sidebar\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Hide sidebar</span>\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"border-b flex items-center justify-center\" x-show=\"sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.150ms>\n <button type=\"button\" @click=\"expandSidebar()\" class=\"w-8 h-8 inline-flex items-center justify-center rounded border border-gray-300 text-gray-500 hover:bg-gray-50 absolute top-2 bg-white shadow-sm\" title=\"Expand sidebar\">›</button>\n </div>\n\n <div class=\"flex-1 overflow-y-auto overflow-x-hidden\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <nav class=\"py-2 px-2 text-sm\">\n <div class=\"px-1 pb-1 text-[10px] uppercase tracking-wider text-gray-400\">folders</div>\n <template x-for=\"f in folders\" :key=\"f.id\">\n <div class=\"mb-1 rounded\"\n :class=\"dragOverFolderId===f.id ? 'bg-blue-50' : ''\"\n @dragover=\"onFolderDragOver($event, f.id)\"\n @dragleave=\"onFolderDragLeave($event, f.id)\"\n @drop=\"onFolderDrop($event, f.id)\">\n <div class=\"flex items-center gap-2 px-2 py-1 cursor-pointer select-none hover:bg-gray-50 rounded\"\n @click=\"toggleFolderCollapsed(f.id)\">\n <span class=\"text-gray-600 w-6\" x-text=\"f.collapsed ? '[+]' : '[-]'\"></span>\n <template x-if=\"editingFolderId === f.id\">\n <input type=\"text\" :data-folder-id=\"f.id\" x-model=\"editingFolderName\" @keydown.enter.stop.prevent=\"commitEditingFolder()\" @keydown.escape.stop.prevent=\"cancelEditingFolder()\" @blur=\"commitEditingFolder()\" class=\"flex-1 px-2 py-1 border rounded text-sm\" />\n </template>\n <template x-if=\"editingFolderId !== f.id\">\n <span class=\"truncate\" @dblclick.stop=\"startEditingFolder(f.id, f.name)\" x-text=\"f.name + ' (' + chatsInFolder(f.id).length + ')' \"></span>\n </template>\n </div>\n <div class=\"pl-6 space-y-1\" x-show=\"!f.collapsed\" x-cloak>\n <template x-for=\"c in chatsInFolder(f.id)\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n draggable=\"true\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"startEditingChat(c.id, c.title)\"></span>\n </button>\n <div class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </div>\n </template>\n\n <div class=\"px-1 pt-2 pb-1 text-[10px] uppercase tracking-wider text-gray-400\">all chats</div>\n <div class=\"rounded space-y-1\"\n :class=\"dragOverBase ? 'bg-blue-50' : ''\"\n @dragover=\"onBaseDragOver($event)\"\n @dragleave=\"onBaseDragLeave()\"\n @drop=\"onBaseDrop($event)\">\n <template x-for=\"c in baseChats()\" :key=\"c.id\">\n <div class=\"group flex items-center w-full relative\"\n :draggable=\"!c.isEphemeral\"\n @dragstart=\"onChatDragStart($event, c.id)\"\n @dragend=\"onChatDragEnd()\">\n <template x-if=\"editingChatId === c.id\">\n <div class=\"flex items-center w-full\">\n <input type=\"text\" :data-chat-id=\"c.id\" x-model=\"editingChatTitle\" @keydown.enter.stop.prevent=\"commitEditingChat()\" @keydown.escape.stop.prevent=\"cancelEditingChat()\" @blur=\"commitEditingChat()\" class=\"flex-1 mx-2 my-1 px-2 py-1 border rounded\" />\n <button type=\"button\" class=\"mx-2 text-gray-400 hover:text-red-600\" @click.stop=\"confirm('Delete this chat?') && deleteChat(c.id)\" title=\"Delete\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </template>\n <template x-if=\"editingChatId !== c.id\">\n <div class=\"flex items-center w-full\">\n <button type=\"button\" @click=\"selectChat(c.id)\" :class=\"'rounded-md flex-1 text-left pl-3 pr-3 py-2 flex items-center gap-2 hover:bg-gray-100 ' + (activeSearchId===c.id ? 'bg-gray-100 font-medium' : '')\">\n <span class=\"truncate\" x-text=\"c.title\" @dblclick.stop=\"!c.isEphemeral && startEditingChat(c.id, c.title)\"></span>\n </button>\n <div x-show=\"!c.isEphemeral\" class=\"absolute right-2 top-1/2 -translate-y-1/2 z-20 flex gap-1 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto group-hover:bg-white/80 group-hover:rounded group-hover:px-1 group-hover:py-0.5\">\n <button type=\"button\" class=\"text-gray-400 hover:text-gray-700 px-1 py-1 rounded hover:bg-gray-100 cursor-pointer\" @click.stop.prevent=\"onDuplicateChat(c.id)\" aria-label=\"Duplicate chat\" title=\"Duplicate chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" class=\"text-gray-400 hover:text-red-600 px-1 py-1 rounded hover:bg-red-50 cursor-pointer\" @click.stop.prevent=\"confirm('Delete this chat?') && onDeleteChat(c.id)\" aria-label=\"Delete chat\" title=\"Delete chat\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </template>\n </div>\n </template>\n </div>\n </nav>\n </div>\n\n <div class=\"p-4 border-t text-xs text-gray-600\" x-cloak x-show=\"!sidebarCollapsed && !sidebarTransitioning\" x-transition.opacity.duration.200ms>\n <div class=\"flex items-center\">\n <button type=\"button\" @click=\"openAppSettingsPage()\" class=\"w-full inline-flex items-center gap-2 px-2 py-1 rounded border border-gray-300 text-gray-500 hover:bg-gray-50\" title=\"App settings\" aria-label=\"App settings\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>app settings</span>\n </button>\n </div>\n </div>\n\n <div class=\"hidden md:block absolute top-0 right-0 h-full w-1 cursor-col-resize z-30\"\n :class=\"isResizingSidebar ? 'bg-blue-300' : 'bg-transparent hover:bg-blue-200'\"\n @mousedown.prevent=\"startSidebarResize($event)\"></div>\n</aside>\n\n\n",[],[237,587,589],"cd73756e-931e-11f0-9474-0224a6c84d84","globalMenu.html","cd737636-931e-11f0-9474-0224a6c84d84",182,["D",1758042095358],"\n<div class=\"fixed inset-0 z-[10000] md:hidden\" x-cloak x-show=\"globalMenuOpen\" x-transition.opacity>\n <div class=\"absolute inset-0 bg-black/30\" @click=\"closeGlobalMenu()\"></div>\n <aside\n class=\"absolute right-0 top-0 h-full w-full max-w-sm bg-white shadow-xl flex flex-col transform\"\n @click.stop\n x-transition:enter=\"transform transition ease-in-out duration-300\"\n x-transition:enter-start=\"translate-x-full opacity-0\"\n x-transition:enter-end=\"translate-x-0 opacity-100\"\n x-transition:leave=\"transform transition ease-in-out duration-300\"\n x-transition:leave-start=\"translate-x-0 opacity-100\"\n x-transition:leave-end=\"translate-x-full opacity-0\"\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-800\">Tools</span>\n <button type=\"button\" @click=\"closeGlobalMenu()\" class=\"text-gray-500 hover:text-gray-700\" title=\"Close tools menu\" aria-label=\"Close tools menu\">✕</button>\n </div>\n <div class=\"flex-1 overflow-y-auto\">\n \n <div class=\"p-4 border-b\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"font-medium text-gray-700\">Notes</h3>\n </div>\n\n \n <div x-show=\"!editingNoteId\" class=\"mb-4 p-3 bg-gray-50 rounded\">\n <input type=\"text\" x-model=\"newNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"newNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" :disabled=\"!newNoteTitle.trim() && !newNoteContent.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Save</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div x-show=\"editingNoteId\" class=\"mb-4 p-3 bg-blue-50 rounded\">\n <input type=\"text\" x-model=\"editingNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"editingNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div class=\"space-y-2\">\n <template x-for=\"note in notes\" :key=\"note.id\">\n <div class=\"border border-gray-200 rounded p-3\">\n <template x-if=\"!isEditingNoteInline(note.id)\">\n <div>\n <div class=\"flex items-center justify-between mb-2\">\n <h4 class=\"font-medium text-sm text-gray-800\" x-text=\"note.title || '(untitled)'\"></h4>\n <div class=\"flex gap-1\">\n <button type=\"button\" @click=\"copyNoteContent(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"startEditingNoteInline(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:pencil\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"confirm('Delete this note?') && deleteNote(note.id)\" class=\"text-gray-400 hover:text-red-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:delete\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n <div class=\"text-xs text-gray-600 truncate max-h-12 overflow-hidden\">\n <span x-text=\"note.content || '(empty)'\"></span>\n </div>\n <div class=\"text-xs text-gray-400 mt-1\" x-text=\"'Updated: ' + new Date(note.updatedAt).toLocaleDateString()\"></div>\n </div>\n </template>\n\n <template x-if=\"isEditingNoteInline(note.id)\">\n <div class=\"space-y-2\">\n <input type=\"text\" :value=\"editingNoteIds[note.id].title\" @input=\"editingNoteIds[note.id].title = $event.target.value\" placeholder=\"Note title...\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea :value=\"editingNoteIds[note.id].content\" @input=\"editingNoteIds[note.id].content = $event.target.value\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"commitEditingNoteInline(note.id)\" :disabled=\"!editingNoteIds[note.id].title.trim() && !editingNoteIds[note.id].content.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNoteInline(note.id)\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"notes.length === 0\" class=\"text-center text-gray-500 text-sm py-4\">\n No notes yet. Create your first note above!\n </div>\n </div>\n </div>\n\n </div>\n </aside>\n</div>\n\n\n<div class=\"hidden md:block\">\n <aside\n class=\"fixed right-0 top-0 h-full bg-white shadow-xl border-l border-gray-200 transform transition-transform duration-300 z-[10000]\"\n :class=\"{ 'translate-x-full': !globalMenuOpen, 'translate-x-0': globalMenuOpen }\"\n :style=\"'width: ' + globalMenuWidth + 'px'\"\n x-cloak\n >\n <div class=\"p-4 border-b flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-800\">Tools</span>\n <button type=\"button\" @click=\"closeGlobalMenu()\" class=\"text-gray-500 hover:text-gray-700\" title=\"Close tools menu\" aria-label=\"Close tools menu\">✕</button>\n </div>\n <div class=\"flex-1 overflow-y-auto\">\n \n <div class=\"p-4 border-b\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"font-medium text-gray-700\">Notes</h3>\n </div>\n\n \n <div x-show=\"!editingNoteId\" class=\"mb-4 p-3 bg-gray-50 rounded\">\n <input type=\"text\" x-model=\"newNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"newNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" :disabled=\"!newNoteTitle.trim() && !newNoteContent.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Save</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div x-show=\"editingNoteId\" class=\"mb-4 p-3 bg-blue-50 rounded\">\n <input type=\"text\" x-model=\"editingNoteTitle\" placeholder=\"Note title...\" class=\"w-full mb-2 px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea x-model=\"editingNoteContent\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2 mt-2\">\n <button type=\"button\" @click=\"commitEditingNote()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNote()\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n\n \n <div class=\"space-y-2\">\n <template x-for=\"note in notes\" :key=\"note.id\">\n <div class=\"border border-gray-200 rounded p-3\">\n <template x-if=\"!isEditingNoteInline(note.id)\">\n <div>\n <div class=\"flex items-center justify-between mb-2\">\n <h4 class=\"font-medium text-sm text-gray-800\" x-text=\"note.title || '(untitled)'\"></h4>\n <div class=\"flex gap-1\">\n <button type=\"button\" @click=\"copyNoteContent(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"startEditingNoteInline(note)\" class=\"text-gray-400 hover:text-gray-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:pencil\" aria-hidden=\"true\"></span>\n </button>\n <button type=\"button\" @click=\"confirm('Delete this note?') && deleteNote(note.id)\" class=\"text-gray-400 hover:text-red-600 text-xs\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:delete\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n <div class=\"text-xs text-gray-600 truncate max-h-12 overflow-hidden\">\n <span x-text=\"note.content || '(empty)'\"></span>\n </div>\n <div class=\"text-xs text-gray-400 mt-1\" x-text=\"'Updated: ' + new Date(note.updatedAt).toLocaleDateString()\"></div>\n </div>\n </template>\n\n <template x-if=\"isEditingNoteInline(note.id)\">\n <div class=\"space-y-2\">\n <input type=\"text\" :value=\"editingNoteIds[note.id].title\" @input=\"editingNoteIds[note.id].title = $event.target.value\" placeholder=\"Note title...\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500\" />\n <textarea :value=\"editingNoteIds[note.id].content\" @input=\"editingNoteIds[note.id].content = $event.target.value\" placeholder=\"Note content...\" rows=\"3\" class=\"w-full px-2 py-1 text-sm border rounded focus:ring-2 focus:ring-blue-500 resize-none\"></textarea>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"commitEditingNoteInline(note.id)\" :disabled=\"!editingNoteIds[note.id].title.trim() && !editingNoteIds[note.id].content.trim()\" class=\"px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed\">Update</button>\n <button type=\"button\" @click=\"cancelEditingNoteInline(note.id)\" class=\"px-3 py-1 border border-gray-300 text-gray-600 text-xs rounded hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"notes.length === 0\" class=\"text-center text-gray-500 text-sm py-4\">\n No notes yet. Create your first note above!\n </div>\n </div>\n </div>\n </div>\n </aside>\n</div>\n",[],[237,587,598],"392ce482-95ab-11f0-a336-0224a6c84d84","chatWindow.html","e2268db2-804e-11f0-990e-0224a6c84d84",196,["D",1758322307927],"<div class=\"flex flex-col h-full\">\n \n <div class=\"shrink-0 sticky top-0 z-20 bg-white/90 backdrop-blur supports-backdrop-blur:bg-white/60 dark:bg-gray-800/90 dark:supports-backdrop-blur:bg-gray-800/60\">\n \n <div x-cloak x-include=\"'/frontend/components/chatControls.html'\"></div>\n \n <div class=\"md:hidden flex items-center justify-between p-4\">\n <button type=\"button\" @click=\"toggleSidebar()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"><path d=\"M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75Zm0 10.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Zm0-5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z\"/></svg>\n <span>Menu</span>\n </button>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createNewChat()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded bg-blue-600 text-white\">\n <span>New</span>\n </button>\n <button type=\"button\" @click=\"openChatSettings()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\"><span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>Settings</span>\n </button>\n </div>\n </div>\n </div>\n\n \n <div class=\"flex-1 min-h-0 overflow-y-auto p-4\" x-ref=\"messagesScroller\">\n <div class=\"min-w-0\">\n <div class=\"text-center mb-4\">\n <h1 class=\"text-2xl font-bold chat-title\"><a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat()\" class=\"hover:underline\">Chatter</a></h1>\n <p class=\"text-sm text-gray-600\">General-purpose AI assistant</p>\n </div>\n <div x-show=\"errorMessage\" class=\"mb-3\">\n <div class=\"flex items-center gap-2 px-4\">\n <p class=\"text-sm text-red-500\" x-text=\"errorMessage\"></p>\n </div>\n </div>\n <div class=\"space-y-4 pb-2 pl-4 pr-6 max-w-3xl mx-auto w-full\" x-ref=\"messagesContainer\">\n <template x-for=\"(m, idx) in (messages || [])\" :key=\"m.id || (m.createdAt + '-' + m.role + '-' + idx)\">\n <div class=\"group flex flex-col gap-2\" :class=\"m.role === 'user' ? 'items-end' : 'items-start'\">\n <template x-if=\"m.role === 'assistant' && (messageReasoningMap[m.id] || m.reasoning)\">\n <div class=\"reasoning-container w-full pb-4\">\n <button type=\"button\" class=\"text-xs text-gray-400 hover:text-gray-600 underline\" @click=\"toggleReasoning(m.id)\">\n <span x-text=\"expandedReasoningMap[m.id] ? '- reasoning' : '+ reasoning'\"></span>\n </button>\n <div class=\"mt-1 text-xs text-gray-500 bg-gray-50 border border-gray-200 rounded p-2\" :class=\"expandedReasoningMap[m.id] ? 'max-h-none overflow-visible' : 'max-h-14 overflow-auto'\" :data-reasoning-id=\"m.id\">\n <pre class=\"whitespace-pre-wrap leading-snug\" x-text=\"messageReasoningMap[m.id] || m.reasoning || ''\"></pre>\n </div>\n </div>\n </template>\n <div :class=\"m.role === 'user' ? 'max-w-[80%] px-3 py-2 rounded-xl user-bubble' : 'w-full'\">\n <template x-if=\"m.role === 'assistant'\">\n <div class=\"text-[11px] text-gray-400 mb-1\">\n <span x-text=\"(m.model ? ('' + m.model) : '') + (m.model ? (' — ' + (m.promptLabel ?? 'custom')) : '')\"></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 msg-actions\">\n <button type=\"button\" @click.stop.prevent=\"copyMessage(idx)\" :title=\"copiedMap[idx] ? 'Copied' : 'Copy message'\" aria-label=\"Copy message\" :class=\"'px-2 py-1 rounded text-xs shadow-sm btn ' + (copiedMap[idx] ? 'bg-green-50 text-green-600' : 'bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100')\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" x-show=\"!copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span class=\"iconify text-[16px] text-green-600\" x-show=\"copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span x-text=\"copiedMap[idx] ? 'copied' : 'copy'\"></span>\n </span>\n </button>\n <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 btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:refresh\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n </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 btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:refresh\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n </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 btn bg-white/80 text-gray-600 hover:text-gray-600 dark:text-gray-800 hover:bg-gray-100\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:pencil-outline\" aria-hidden=\"true\"></span>\n <span>edit</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"confirm('Delete all below?') && deleteMessagesBelow(idx)\" title=\"Delete all below\" aria-label=\"Delete all below\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-red-700 hover:bg-red-50\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n <span>delete below</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"confirm('Delete this message?') && deleteMessage(idx)\" title=\"Delete message\" aria-label=\"Delete message\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-red-700 hover:bg-red-50\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:delete-outline\" aria-hidden=\"true\"></span>\n <span>delete</span>\n </span>\n </button>\n </div>\n </div>\n </div>\n </template>\n </div>\n </div>\n </div>\n\n \n <div class=\"composer surface shrink-0 sticky bottom-0 z-10 p-4\">\n <div class=\"flex items-end gap-2\">\n <textarea x-model=\"chatInput\" @keydown.enter.prevent=\"maybeSendOnEnter($event)\" @input=\"autoResize($event)\" rows=\"1\" placeholder=\"Type a message...\" class=\"flex-1 px-3 py-2 rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none max-h-40 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\"></textarea>\n <button type=\"button\" @click=\"sendMessage()\" :disabled=\"isStreamingForCurrent || !chatInput.trim()\" class=\"px-4 py-2 rounded-md bg-blue-600 text-white send-btn border border-gray-200 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\">Send</button>\n </div>\n </div>\n</div>\n\n\n",[],[237,587,606],"3933cf40-95ab-11f0-a5f0-0224a6c84d84","chatControls.html","e16237b4-804e-11f0-a930-0224a6c84d84",197,["D",1758322307927],"<div class=\"surface hidden md:flex w-full items-center justify-end gap-2 py-2 pl-4 pr-6 chat-controls\">\n <div class=\"mr-auto\">\n <button type=\"button\" @click.stop.prevent=\"copyCurrentChatJson()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span x-text=\"copyChatText\"></span>\n </button>\n </div>\n <div class=\"text-xs text-gray-400 dark:text-gray-500 text-right truncate max-w-[260px]\" :title=\"selectedModel + ' — ' + (currentTemplateLabel || 'custom')\">\n <span x-text=\"selectedModel + ' — ' + (currentTemplateLabel || 'custom')\"></span>\n </div>\n \n <div class=\"relative\">\n <select x-model=\"chatPromptId\" @mousedown=\"onPresetSelectFocus()\" @focus=\"onPresetSelectFocus()\" @change=\"onPresetChange()\" class=\"h-8 px-2 pr-8 border rounded shadow-sm focus:ring-2 focus:ring-blue-500 appearance-none text-xs align-middle ctrl-select\">\n <option value=\"\">custom</option>\n <template x-for=\"p in presets\" :key=\"p.id\">\n <option :value=\"String(p.id)\" x-text=\"p.name\"></option>\n </template>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <div class=\"relative\">\n <button type=\"button\" @click.stop.prevent=\"toggleChatSettings()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>settings</span>\n </button>\n <div x-cloak x-show=\"settingsOpen\" x-transition.opacity x-clickaway=\"closeChatSettings()\"\n class=\"absolute right-0 z-40 mt-2\">\n <aside class=\"relative surface rounded-md shadow-xl overflow-hidden\" @click.stop\n :style=\"'width: ' + settingsWidth + 'px; min-width: ' + minSettingsWidth + 'px'\">\n <div class=\"absolute left-0 top-0 h-full w-1 cursor-col-resize z-30\"\n :class=\"isResizingSettings ? 'bg-blue-300' : 'bg-transparent hover:bg-blue-200'\"\n @mousedown.prevent=\"startSettingsResize($event)\"></div>\n <div class=\"p-4 border-b border-gray-300 dark:border-gray-600 flex items-center justify-between\">\n <span class=\"font-semibold text-gray-600 dark:text-gray-300\">Settings</span>\n <div class=\"flex items-center gap-2\">\n <button\n x-show=\"settingsChanged\"\n @click=\"saveCurrentChatSettings()\"\n :disabled=\"savingSettings\"\n :class=\"'px-3 py-1 rounded text-xs border ' + (savingSettings ? 'border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 text-gray-500 dark:text-gray-400' : 'border-blue-500 bg-blue-500 text-white hover:bg-blue-600')\"\n title=\"Save changes as custom settings\">\n <span x-show=\"!savingSettings\">Save Changes</span>\n <span x-show=\"savingSettings\">⏳ Saving...</span>\n </button>\n <button type=\"button\" @click=\"closeChatSettings()\" class=\"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300\" title=\"Hide settings\" aria-label=\"Hide settings\">✕</button>\n </div>\n </div>\n <div class=\"p-4 text-sm text-gray-500 dark:text-gray-400 max-h-[70vh] overflow-y-auto\">\n \n <div class=\"mb-3\">\n <div class=\"flex flex-col gap-2\">\n <div class=\"flex items-center gap-2\">\n <div class=\"relative flex-1\">\n <select x-model=\"chatPromptId\" @mousedown=\"onPresetSelectFocus()\" @focus=\"onPresetSelectFocus()\" @change=\"onPresetChange()\" class=\"px-2 py-1 pr-8 border-0 bg-gray-100 dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full dark:text-gray-200\">\n <option value=\"\">custom</option>\n <template x-for=\"p in presets\" :key=\"p.id\">\n <option :value=\"String(p.id)\" x-text=\"p.name\"></option>\n </template>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <template x-if=\"!chatIsLinkedToPreset && !chatHasCustomSettingsStored\">\n <button type=\"button\" class=\"text-[11px] px-2 py-1 rounded border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300\" @click=\"saveAsPresetFromChat()\">save as preset</button>\n </template>\n </div>\n </div>\n </div>\n <p class=\"text-xs text-gray-500 dark:text-gray-400 mb-3\"></p>\n <div class=\"mb-4\">\n <div x-show=\"!userApiKey\" class=\"space-y-2\">\n <label class=\"block text-xs text-gray-600 dark:text-gray-300\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300\">(get key)</a></label>\n <div class=\"flex gap-2 items-center\">\n <input type=\"password\" x-model=\"apiKeyInput\" placeholder=\"Enter your Groq API key...\" class=\"flex-1 px-3 py-2 text-xs rounded-md focus:ring-2 focus:ring-blue-400 focus:border-transparent border-0 bg-white dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\">\n <button type=\"button\" @click=\"setApiKey()\" :disabled=\"!apiKeyInput.trim()\" class=\"px-3 py-2 bg-blue-600 text-white text-xs rounded-md hover:bg-blue-700 disabled:opacity-50\">Set</button>\n </div>\n </div>\n <div x-show=\"userApiKey\" class=\"space-y-2\">\n <label class=\"block text-xs text-gray-600 dark:text-gray-300\">API Key <a href=\"https://console.groq.com/keys\" target=\"_blank\" class=\"underline hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300\">(get key)</a></label>\n <div class=\"flex items-center justify-between gap-2\">\n <code class=\"text-[11px] px-2 py-1 bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded truncate max-w-[70%] text-gray-800 dark:text-gray-200\" x-text=\"maskedApiKey\"></code>\n <div class=\"flex gap-2\">\n <button type=\"button\" @click=\"changeApiKey()\" class=\"text-[11px] hover:text-gray-700 dark:hover:text-gray-300 underline text-gray-600 dark:text-gray-400\">Change</button>\n <button type=\"button\" @click=\"clearApiKey()\" class=\"text-[11px] hover:text-gray-700 dark:hover:text-gray-300 underline text-gray-600 dark:text-gray-400\">Clear</button>\n </div>\n </div>\n </div>\n </div>\n \n <div class=\"mb-4 space-y-3\">\n \n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">model</label>\n <div class=\"relative\">\n <select x-model=\"selectedModel\" @change=\"onModelChange()\" class=\"px-2 py-1 pr-8 border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full dark:text-gray-200\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 dark:text-gray-300\">\n <svg class=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/></svg>\n </div>\n </div>\n <div x-show=\"selectedModel === 'custom'\" x-cloak class=\"mt-1\">\n <input type=\"text\" x-ref=\"customBaseUrlInput\" x-model=\"customChatBaseUrl\" @input=\"onCustomChatBaseUrlChange()\" placeholder=\"Custom endpoint (e.g., http://localhost:11434)\" class=\"px-2 py-1 text-xs rounded-md bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 focus:ring-2 focus:ring-blue-500 w-full dark:text-gray-200 dark:placeholder-gray-400\" />\n </div>\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">temperature</label>\n <span class=\"text-xs text-gray-500 dark:text-gray-400\" x-text=\"Number(temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"temperature\" @input=\"onTemperatureChange()\" class=\"w-full\">\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">max tokens</label>\n <span class=\"text-xs text-gray-500 dark:text-gray-400\" x-text=\"maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"maxTokens\" @input=\"onMaxTokensChange()\" class=\"w-full\">\n </div>\n\n \n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">reasoning effort</label>\n <select x-model=\"reasoningEffort\" @change=\"onReasoningChange()\" class=\"w-full px-2 py-1 border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs dark:text-gray-200\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n\n \n <div class=\"space-y-2\">\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"streamEnabled\" @change=\"onStreamToggle()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>stream responses</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"useJobs\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>jobs mode</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\">\n <input type=\"checkbox\" x-model=\"jsonMode\" @change=\"onJsonModeToggle()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>JSON mode</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useBrowserSearch\" @change=\"onUseBrowserSearchChange()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300\" x-show=\"selectedModel && selectedModel.startsWith('openai/gpt-oss')\">\n <input type=\"checkbox\" x-model=\"useCodeInterpreter\" @change=\"onUseCodeInterpreterChange()\" class=\"rounded border-gray-300 dark:border-gray-600\">\n <span>code interpreter</span>\n </label>\n </div>\n </div>\n\n \n <div class=\"mb-3\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600 dark:text-gray-300\">system prompt (this chat)</label>\n <textarea x-model=\"chatPromptText\" x-autosize @input=\"onChatPromptTextInput($event)\" rows=\"2\" placeholder=\"Enter a system prompt for this chat...\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[50px] dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400\"></textarea>\n </div>\n </div>\n </div>\n </aside>\n </div>\n </div>\n <div class=\"relative\">\n <button type=\"button\" @click.stop.prevent=\"toggleGlobalMenu()\" class=\"h-8 inline-flex items-center gap-2 px-3 rounded border shadow-sm ctrl-button\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:tools\" aria-hidden=\"true\"></span>\n <span>tools</span>\n </button>\n </div>\n</div>\n\n\n",[],[237,587,614],"38a950a6-86ae-11f0-bc44-0224a6c84d84","appSettings.html","e1660b6e-804e-11f0-bb71-0224a6c84d84",142,["D",1756674328115],"<div class=\"flex-1 flex flex-col min-h-0 min-w-0\">\n <div class=\"flex items-center justify-between mb-4 min-w-0 settings-header\">\n <div class=\"inline-flex items-center gap-2 min-w-0\">\n <span class=\"iconify text-[18px] settings-icon\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <h2 class=\"text-lg font-semibold settings-title\">App Settings</h2>\n </div>\n <div class=\"flex items-center gap-2 min-w-0\">\n <button type=\"button\"\n class=\"inline-flex items-center gap-1 px-3 py-1.5 rounded border token-button\"\n aria-label=\"Back to chat\"\n @click=\"currentChatId != null ? (openChatPage(), navigateToChatPath(currentChatId)) : focusNewChat()\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n <span class=\"text-sm\">Back</span>\n </button>\n </div>\n </div>\n <div class=\"space-y-6 min-w-0\">\n <section class=\"surface rounded-md p-4\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800 mb-3\">Appearance</h3>\n <div class=\"space-y-3\">\n <div class=\"text-xs text-gray-500\">Theme</div>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='auto' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"auto\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Auto</span>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='light' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"light\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Light</span>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex items-center gap-2 hover:bg-gray-50\" :class=\"themePreference==='dark' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <input type=\"radio\" name=\"app-theme\" value=\"dark\" x-model=\"themePreference\" @change=\"onThemePreferenceChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Dark</span>\n </label>\n </div>\n <div class=\"text-xs text-gray-500\">Font</div>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='mono' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"mono\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Monospace</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='sans' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"sans\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Sans-serif</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n <label class=\"cursor-pointer border rounded-md p-3 flex flex-col gap-2 hover:bg-gray-50\" :class=\"appFontChoice==='serif' ? 'ring-2 ring-blue-500 border-blue-500' : ''\">\n <div class=\"flex items-center gap-2\">\n <input type=\"radio\" name=\"app-font\" value=\"serif\" x-model=\"appFontChoice\" @change=\"onAppFontChange()\" class=\"accent-blue-600\">\n <span class=\"text-sm text-gray-600 dark:text-gray-800\">Serif</span>\n </div>\n <div class=\"text-xs text-gray-600\" style=\"font-family: 'Georgia', 'Times New Roman', Times, serif\">The quick brown fox jumps over the lazy dog.</div>\n </label>\n </div>\n </div>\n </section>\n <section class=\"surface rounded-md p-4\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800 mb-3\">Data</h3>\n <div class=\"space-y-3 text-sm\">\n <div class=\"flex flex-wrap gap-2\">\n <button type=\"button\" @click=\"onExportData()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Export JSON</button>\n <button type=\"button\" @click=\"onClickImportReplace()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Import (replace)</button>\n <button type=\"button\" @click=\"onClickImportAppend()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white hover:bg-gray-50 shadow-sm\">Import (append)</button>\n <input x-ref=\"importFileInput\" type=\"file\" accept=\"application/json\" class=\"hidden\" @change=\"onImportFileChange($event)\">\n </div>\n <p class=\"text-xs text-gray-500\" x-text=\"dataStatusText\"></p>\n </div>\n </section>\n <section class=\"surface rounded-md p-4\">\n <div x-data=\"presetsPanel()\" class=\"space-y-4\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-sm font-medium text-gray-600 dark:text-gray-800\">Presets</h3>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"exportPresetsJson()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Export Presets</button>\n <button type=\"button\" @click=\"onClickImportPresetsReplace()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Import Presets (replace)</button>\n <button type=\"button\" @click=\"onClickImportPresetsAppend()\" class=\"px-3 py-1.5 rounded border border-gray-200 bg-white text-xs hover:bg-gray-50\">Import Presets (append)</button>\n <input x-ref=\"presetsImportFile\" type=\"file\" accept=\"application/json\" class=\"hidden\" @change=\"onImportPresetsFileChange($event)\">\n <button type=\"button\" @click=\"showNewPresetForm = !showNewPresetForm\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700 flex items-center gap-1\">\n <span class=\"iconify bg-dark text-[14px]\" data-icon=\"mdi:plus\" aria-hidden=\"true\"></span>\n <span x-text=\"showNewPresetForm ? 'Cancel' : 'New Preset'\"></span>\n </button>\n </div>\n </div>\n <p class=\"text-xs text-gray-500\" x-text=\"presetsDataStatus\"></p>\n <div x-show=\"showNewPresetForm\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 transform scale-95\" x-transition:enter-end=\"opacity-100 transform scale-100\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 transform scale-100\" x-transition:leave-end=\"opacity-0 transform scale-95\" class=\"border rounded-md p-3 bg-gray-50\">\n <div class=\"grid grid-cols-1 gap-2\">\n <div class=\"flex items-center gap-2\">\n <label class=\"text-xs text-gray-600 w-24\">name</label>\n <input type=\"text\" x-model=\"newPresetName\" placeholder=\"Preset name\" class=\"flex-1 px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500\" />\n <button type=\"button\" @click=\"createPreset(newPresetName, newPresetSystemPrompt, newPresetSettings); newPresetName=''; newPresetSystemPrompt=''; newPresetSettings=defaultSettings(); showNewPresetForm=false;\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700\">Create</button>\n </div>\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\">system prompt</label>\n <textarea x-model=\"newPresetSystemPrompt\" x-autosize rows=\"3\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[60px]\" placeholder=\"System prompt text...\"></textarea>\n </div>\n <div class=\"grid grid-cols-1 gap-3 text-[11px] text-gray-700\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\" for=\"preset-model-new\">model</label>\n <div class=\"relative\">\n <select id=\"preset-model-new\" x-model=\"newPresetSettings.selectedModel\" class=\"px-2 py-1 pr-8 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-down\" aria-hidden=\"true\"></span>\n </div>\n </div>\n <div class=\"mt-1\" x-show=\"newPresetSettings.selectedModel === 'custom'\" x-cloak>\n <input type=\"text\" placeholder=\"custom endpoint (e.g., http://localhost:11434)\" x-model=\"newPresetSettings.customChatBaseUrl\" class=\"px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500 w-full\" />\n </div>\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>temperature</span>\n <span class=\"w-8 text-right\" x-text=\"Number(newPresetSettings.temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"newPresetSettings.temperature\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>max tokens</span>\n <span class=\"w-12 text-right\" x-text=\"newPresetSettings.maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"newPresetSettings.maxTokens\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <span>reasoning</span>\n <select x-model=\"newPresetSettings.reasoningEffort\" class=\"w-full px-2 py-1 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.useBrowserSearch\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.useCodeInterpreter\">\n <span>code interpreter</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.streamEnabled\">\n <span>stream</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"newPresetSettings.jsonMode\">\n <span>json mode</span>\n </label>\n </div>\n \n </div>\n </div>\n <div class=\"space-y-2\">\n <template x-for=\"p in presets\" :key=\"p.id + '-' + (p.updatedAt ?? '') + '-' + renderNonce\">\n <div class=\"border rounded-md p-3\" :key=\"p.id + '-' + (p.updatedAt ?? '') + '-' + renderNonce\">\n <template x-if=\"editingPresetId === p.id\">\n <div class=\"space-y-2\">\n <div class=\"flex items-center gap-2\">\n <label class=\"text-xs text-gray-600 w-24\">name</label>\n <input type=\"text\" x-model=\"editingPresetName\" class=\"flex-1 px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500\" />\n </div>\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\">system prompt</label>\n <textarea x-model=\"editingPresetSystemPrompt\" x-autosize rows=\"4\" class=\"w-full px-3 py-2 text-xs rounded-md border border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none min-h-[80px]\"></textarea>\n </div>\n <div class=\"grid grid-cols-1 gap-3 text-[11px] text-gray-700\">\n <div class=\"flex flex-col gap-1\">\n <label class=\"text-xs text-gray-600\" for=\"preset-model-select\">model</label>\n <div class=\"relative\">\n <select id=\"preset-model-select\" x-model=\"editingPresetSettings.selectedModel\" class=\"px-2 py-1 pr-8 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none text-xs w-full\">\n <option value=\"openai/gpt-oss-120b\">openai/gpt-oss-120b</option>\n <option value=\"openai/gpt-oss-20b\">openai/gpt-oss-20b</option>\n <option value=\"llama-3.1-8b-instant\">llama-3.1-8b-instant</option>\n <option value=\"llama-3.3-70b-versatile\">llama-3.3-70b-versatile</option>\n <option value=\"moonshotai/kimi-k2-instruct\">moonshotai/kimi-k2-instruct</option>\n <option value=\"qwen/qwen3-32b\">qwen/qwen3-32b</option>\n <option value=\"custom\">custom model</option>\n </select>\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n <span class=\"iconify text-[16px]\" data-icon=\"mdi:chevron-down\" aria-hidden=\"true\"></span>\n </div>\n </div>\n <div class=\"mt-1\" x-show=\"editingPresetSettings.selectedModel === 'custom'\" x-cloak>\n <input type=\"text\" placeholder=\"custom endpoint (e.g., http://localhost:11434)\" x-model=\"editingPresetSettings.customChatBaseUrl\" class=\"px-2 py-1 text-xs rounded-md bg-white border border-gray-200 focus:ring-2 focus:ring-blue-500 w-full\" />\n </div>\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>temperature</span>\n <span class=\"w-8 text-right\" x-text=\"Number(editingPresetSettings.temperature ?? 1).toFixed(1)\"></span>\n </div>\n <input type=\"range\" min=\"0\" max=\"2\" step=\"0.1\" x-model.number=\"editingPresetSettings.temperature\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center justify-between\">\n <span>max tokens</span>\n <span class=\"w-12 text-right\" x-text=\"editingPresetSettings.maxTokens ?? 8192\"></span>\n </div>\n <input type=\"range\" min=\"256\" max=\"8192\" step=\"64\" x-model.number=\"editingPresetSettings.maxTokens\" class=\"w-full\">\n </div>\n <div class=\"flex flex-col gap-1\">\n <span>reasoning</span>\n <select x-model=\"editingPresetSettings.reasoningEffort\" class=\"w-full px-2 py-1 border border-gray-200 bg-white rounded-md focus:ring-2 focus:ring-blue-500 appearance-none\">\n <option value=\"low\">low</option>\n <option value=\"medium\">medium</option>\n <option value=\"high\">high</option>\n </select>\n </div>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.useBrowserSearch\">\n <span>browser search</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.useCodeInterpreter\">\n <span>code interpreter</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.streamEnabled\">\n <span>stream</span>\n </label>\n <label class=\"inline-flex items-center gap-2\">\n <input type=\"checkbox\" class=\"rounded border-gray-300\" x-model=\"editingPresetSettings.jsonMode\">\n <span>json mode</span>\n </label>\n </div>\n <div class=\"flex items-center gap-2 pt-1\">\n <button type=\"button\" @click=\"commitEditingPreset()\" class=\"px-3 py-1.5 rounded bg-blue-600 text-white text-xs hover:bg-blue-700\">Save</button>\n <button type=\"button\" @click=\"cancelEditingPreset()\" class=\"px-3 py-1.5 rounded border border-gray-200 text-xs bg-white hover:bg-gray-50\">Cancel</button>\n </div>\n </div>\n </template>\n <template x-if=\"editingPresetId !== p.id\">\n <div class=\"flex items-start justify-between gap-3\">\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2\">\n <span class=\"font-medium text-gray-600 dark:text-gray-800 text-sm truncate\" x-text=\"p.name\"></span>\n <span class=\"text-[10px] text-gray-400\" x-text=\"new Date(p.updatedAt).toLocaleString()\"></span>\n </div>\n <div class=\"mt-1 text-[11px] text-gray-600\">\n <div class=\"truncate\" :title=\"getPresetSystemPrompt(p)\">\n <span class=\"text-gray-500\">system:</span>\n <span x-text=\"systemPromptPreview(p, 80)\"></span>\n </div>\n <div class=\"text-gray-500\" x-text=\"paramSummary(p)\"></div>\n </div>\n </div>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"startEditingPreset(p)\" class=\"px-2 py-1 rounded border border-gray-200 bg-white text-[11px] hover:bg-gray-50\">Edit</button>\n <button type=\"button\" @click=\"clonePreset(p)\" class=\"px-2 py-1 rounded border border-gray-200 bg-white text-[11px] hover:bg-gray-50\">Clone</button>\n <button type=\"button\" @click=\"confirm('Delete this preset?') && deletePreset(p.id)\" class=\"px-2 py-1 rounded border border-red-200 bg-white text-[11px] text-red-600 hover:bg-red-50\">Delete</button>\n </div>\n </div>\n </template>\n </div>\n </template>\n <div x-show=\"!presets || presets.length === 0\" class=\"text-xs text-gray-500\">No presets yet.</div>\n </div>\n </div>\n </section>\n </div>\n</div>\n\n\n",[],[237,587,622],"e1505ac6-804e-11f0-8f43-0224a6c84d84",65,["D",1755973672435],[271,272,273,274,275,276],[237,587],["D",1754850144183],[270,277,280,282,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302],[237],"e4acbcfc-9762-11f0-835a-0224a6c84d84","utils.js","03ff8fc4-7758-11f0-82e2-0224a6c84d84",200,["D",1758511144675],"// 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 try {\n return await vtReadFile(filePath, importMetaUrl);\n } catch (error) {\n // If file not found on Val Town, throw a specific error\n throw new Error(`File not found on Val Town: ${filePath}`);\n }\n }\n return await Deno.readTextFile(filePath);\n}\n\nexport function textResponse(text, contentType = \"text/plain; charset=utf-8\") {\n return new Response(text, { headers: { \"Content-Type\": contentType } });\n}\n\n\n",[],[242,638],"b71d6b40-86b1-11f0-a105-0224a6c84d84","index.js","03f9902e-7758-11f0-98a6-0224a6c84d84",152,["D",1756675828789],"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 { registerJobsRoutes } from './routes/jobs.js';\nimport { registerStylesRoutes } from './routes/styles.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 registerStylesRoutes(app, importMetaUrl);\n registerStaticRoutes(app, importMetaUrl);\n registerSearchRoutes(app);\n registerChatStreamRoute(app);\n registerChatStreamSSERoute(app);\n registerJobsRoutes(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",[],[242,646],"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",[],[242,654],"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",[],[242,670,662],"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",[],[242,670,672],"e4a06c7c-9762-11f0-b61c-0224a6c84d84","static.js","04247c80-7758-11f0-a6db-0224a6c84d84",199,["D",1758511144668],5,"// 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 // Vendor assets for offline\n app.get('/frontend/vendor/*', async (c) => {\n try {\n const path = c.req.path; // /frontend/vendor/...\n const rel = path.slice(1);\n // Ignore source maps quietly\n if (rel.endsWith('.map')) {\n return c.text('Not found', 404);\n }\n const body = await readFileContent(rel, importMetaUrl);\n let contentType = 'application/javascript; charset=utf-8';\n if (rel.endsWith('.css')) contentType = 'text/css; charset=utf-8';\n if (rel.endsWith('.js')) contentType = 'application/javascript; charset=utf-8';\n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading vendor asset:', err);\n \n // On Val Town, redirect to CDN versions when vendor files are missing\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n const filename = path.split('/').pop();\n const cdnUrls = {\n 'dexie.min.js': 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js',\n 'alpine.min.js': 'https://unpkg.com/alpinejs@3.13.3/dist/cdn.min.js',\n 'marked.min.js': 'https://unpkg.com/marked@9.1.6/marked.min.js',\n 'purify.min.js': 'https://unpkg.com/dompurify@3.0.6/dist/purify.min.js',\n 'iconify.min.js': 'https://code.iconify.design/3/3.1.1/iconify.min.js',\n 'tailwind-cdn.js': 'https://cdn.tailwindcss.com'\n };\n \n if (cdnUrls[filename]) {\n return new Response(null, {\n status: 302,\n headers: { Location: cdnUrls[filename] }\n });\n }\n }\n \n return c.text('Not found', 404);\n }\n });\n\n // Route alias: /new should load the app and land on a new chat\n app.get('/new', async (c) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Frontend modules\n app.get('/frontend/chatterApp.js', async (c) => {\n try {\n const js = await readFileContent('frontend/chatterApp.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading chatterApp.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n app.get('/frontend/init.js', async (c) => {\n try {\n const js = await readFileContent('frontend/init.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading init.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n // Generic frontend file handler to serve other frontend assets\n app.get('/frontend/*', async (c) => {\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 body = await readFileContent(rel, importMetaUrl);\n let contentType = 'text/plain; charset=utf-8';\n if (rel.endsWith('.js')) contentType = 'application/javascript; charset=utf-8';\n else if (rel.endsWith('.css')) contentType = 'text/css; charset=utf-8';\n else if (rel.endsWith('.svg')) contentType = 'image/svg+xml; charset=utf-8';\n else if (rel.endsWith('.html')) contentType = 'text/html; charset=utf-8';\n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading frontend asset:', err);\n return c.text('Not found', 404);\n }\n });\n}\n\n\n",[],[242,670,680],"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: <unstringifiable object>');\n }\n try { console.log('>> [performSearch] assistantContent:', typeof assistantContent === 'string' ? assistantContent : JSON.stringify(assistantContent)); } catch (_) {\n console.log('>> [performSearch] assistantContent: <unavailable>');\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",[],[242,670,689],"5a3582f2-93ed-11f0-a009-0224a6c84d84","jobs.js","b72cc6b2-86b1-11f0-9627-0224a6c84d84",191,["D",1758130807814],"// Generic Jobs API with SSE updates\n// import { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\"; // routing disabled\n// import { extractOrRepairJsonResults, extractResultsFromToolOutputs, sanitizeResults, synthesizeResultsFromContext } from \"../../jsonUtils.js\"; // links/results disabled\nimport { serverApiKey } from \"../config.js\";\n\n/**\n * In-memory job store. Suitable for single-process dev/local usage.\n * Job schema:\n * {\n * id: string,\n * type: string,\n * status: 'pending'|'running'|'completed'|'error'|'cancelled',\n * createdAt: number,\n * updatedAt: number,\n * input: any,\n * result?: any,\n * error?: string,\n * progress?: number,\n * data?: any, // type-specific live aggregates\n * subscribers: Set<ReadableStreamDefaultController>,\n * abortController?: AbortController,\n * }\n */\nconst jobs = new Map();\nlet jobCounter = 0;\n\nfunction now() { return Date.now(); }\n\nfunction newJobId() {\n jobCounter += 1;\n return String(now()) + \"-\" + String(jobCounter);\n}\n\nfunction createJob(type, input) {\n const id = newJobId();\n const job = {\n id,\n type,\n status: \"pending\",\n createdAt: now(),\n updatedAt: now(),\n input: input || {},\n result: null,\n error: null,\n progress: null,\n data: {},\n subscribers: new Set(),\n abortController: undefined,\n };\n jobs.set(id, job);\n return job;\n}\n\nfunction getJob(id) { return jobs.get(String(id)); }\n\nfunction publish(job, eventName, payload) {\n const encoder = new TextEncoder();\n const data = (payload === undefined) ? \"\" : JSON.stringify(payload);\n const chunk = (eventName ? (\"event: \" + eventName + \"\\n\") : \"\") + (\"data: \" + data + \"\\n\\n\");\n for (const sub of job.subscribers) {\n try { sub.enqueue(encoder.encode(chunk)); } catch (_) { /* ignore */ }\n }\n}\n\nfunction completeJob(job, result) {\n job.status = \"completed\";\n job.updatedAt = now();\n job.result = result || null;\n publish(job, \"job\", { id: job.id, status: job.status, result: job.result });\n // Best-effort close subscribers\n for (const sub of job.subscribers) { try { sub.close(); } catch (_) {} }\n job.subscribers.clear();\n}\n\nfunction failJob(job, message) {\n job.status = \"error\";\n job.updatedAt = now();\n job.error = String(message || \"error\");\n publish(job, \"job\", { id: job.id, status: job.status, error: job.error });\n for (const sub of job.subscribers) { try { sub.close(); } catch (_) {} }\n job.subscribers.clear();\n}\n\nfunction cancelJob(job) {\n try { job.abortController && job.abortController.abort(); } catch (_) { /* ignore */ }\n job.status = \"cancelled\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n for (const sub of job.subscribers) { try { sub.close(); } catch (_) {} }\n job.subscribers.clear();\n}\n\nasync function runChatJob(job) {\n const input = job.input || {};\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = \"openai/gpt-oss-120b\",\n reasoning_effort = \"medium\",\n tools = [],\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n base_url,\n } = input;\n\n const apiKey = serverApiKey || userApiKey || (typeof Deno !== \"undefined\" ? Deno.env.get(\"GROQ_API_KEY\") : null);\n if (!apiKey && !base_url) {\n failJob(job, \"No API key (or base_url) provided\");\n return;\n }\n\n const isGptOss = typeof model === \"string\" && model.startsWith(\"openai/gpt-oss\");\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : (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 = \"text\";\n try {\n if (typeof query === \"string\" && query.trim()) {\n // routing disabled; plain chat\n finalMessages = [\n { role: \"system\", content: \"If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.\" },\n { role: \"user\", content: query }\n ];\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n let lastUser = \"\";\n for (let i = finalMessages.length - 1; i >= 0; i--) {\n const m = finalMessages[i];\n if (m && m.role === \"user\" && m.content && String(m.content).trim()) { lastUser = String(m.content); break; }\n }\n // routing disabled: no-op\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: true,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: \"auto\" } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const baseUrl = (typeof base_url === \"string\" && base_url.trim()) ? base_url.trim().replace(/\\/$/, \"\") : \"\";\n let endpoint = \"https://api.groq.com/openai/v1/chat/completions\";\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + \"/chat/completions\";\n } else {\n endpoint = baseUrl + \"/v1/chat/completions\";\n }\n }\n\n const headers = {\n \"Content-Type\": \"application/json\",\n ...(apiKey ? { \"Authorization\": \"Bearer \" + apiKey } : {}),\n };\n\n const decoder = new TextDecoder();\n const encoder = new TextEncoder();\n job.status = \"running\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n\n let collapsedContent = \"\";\n let collapsedReasoning = \"\";\n let collectedTools = [];\n\n const abortController = new AbortController();\n job.abortController = abortController;\n\n try {\n const upstream = await fetch(endpoint, {\n method: \"POST\",\n headers,\n body: JSON.stringify(payload),\n signal: abortController.signal,\n });\n\n if (!upstream.ok || !upstream.body) {\n let txt = \"\";\n try { txt = await upstream.text(); } catch (_) {}\n failJob(job, `Upstream error ${upstream.status}: ${txt}`);\n return;\n }\n\n const ct = upstream.headers.get(\"content-type\") || \"\";\n const isSse = /text\\/event-stream/i.test(ct);\n\n if (!isSse) {\n try {\n const nonStream = await upstream.json();\n const choice0 = Array.isArray(nonStream.choices) ? nonStream.choices[0] : null;\n const finalContent = (choice0?.message?.content || choice0?.delta?.content || '') || '';\n if (finalContent) {\n collapsedContent += finalContent;\n publish(job, \"data\", { choices: [{ delta: { content: finalContent } }] });\n }\n // results disabled for plain chat\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (e) {\n failJob(job, e?.message || String(e));\n }\n return;\n }\n\n const reader = upstream.body.getReader();\n let buffer = '';\n // route event disabled\n\n const keepAlive = setInterval(() => {\n try { publish(job, \"ping\", {}); } 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 publish(job, \"data\", tryParseJson(data));\n try {\n const parsed = JSON.parse(data);\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n if (delta.reasoning) collapsedReasoning += delta.reasoning;\n if (delta.content) collapsedContent += delta.content;\n if (Array.isArray(delta.executed_tools)) collectedTools.push(...delta.executed_tools);\n if (Array.isArray(delta.tool_calls)) collectedTools.push(...delta.tool_calls);\n } catch (_) { /* ignore */ }\n }\n }\n }\n // results disabled for plain chat\n try { /* no-op */ } catch (_) {}\n } finally {\n try { clearInterval(keepAlive); } catch (_) {}\n }\n\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (err) {\n if (job.status === 'cancelled') return;\n failJob(job, err?.message || String(err));\n }\n}\n\nfunction tryParseJson(s) {\n try { return JSON.parse(s); } catch (_) { return { raw: s }; }\n}\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 registerJobsRoutes(app) {\n // Create job\n app.post('/api/jobs', async (c) => {\n try {\n let body = {};\n try { body = await c.req.json(); } catch (_) { body = {}; }\n const { type, input } = body || {};\n if (!type || typeof type !== 'string') return c.json({ error: 'Missing job type' }, 400);\n const job = createJob(type, input);\n // Fire and forget runner based on type\n queueMicrotask(() => {\n if (type === 'chat') runChatJob(job);\n else {\n failJob(job, `Unknown job type: ${type}`);\n }\n });\n return c.json({ id: job.id, status: job.status, createdAt: job.createdAt });\n } catch (err) {\n return c.json({ error: err?.message || String(err) }, 500);\n }\n });\n\n // Get job\n app.get('/api/jobs/:id', (c) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n return c.json({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt, result: job.result, error: job.error, progress: job.progress });\n });\n\n // List jobs (optionally filter by status)\n app.get('/api/jobs', (c) => {\n const status = c.req.query('status');\n const out = [];\n for (const job of jobs.values()) {\n if (status && job.status !== status) continue;\n out.push({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n }\n return c.json({ jobs: out });\n });\n\n // Cancel job\n app.post('/api/jobs/:id/cancel', (c) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n if (job.status === 'completed' || job.status === 'error' || job.status === 'cancelled') return c.json({ id: job.id, status: job.status });\n cancelJob(job);\n return c.json({ id: job.id, status: job.status });\n });\n\n // Stream job updates via SSE\n app.get('/api/jobs/:id/stream', (c) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n const stream = new ReadableStream({\n start: (controller) => {\n // track controller for cancellation\n try { stream._controller = controller; } catch (_) {}\n job.subscribers.add(controller);\n // Send initial state\n try {\n publish(job, 'job', { id: job.id, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n } catch (_) { /* ignore */ }\n },\n cancel: () => {\n try { if (stream._controller) job.subscribers.delete(stream._controller); } catch (_) { /* ignore */ }\n }\n });\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-transform',\n 'Connection': 'keep-alive',\n },\n });\n });\n}\n\n\n",[],[242,670,697],"5a2d597e-93ed-11f0-babe-0224a6c84d84","chatStreamSSE.js","04111032-7758-11f0-98a6-0224a6c84d84",190,["D",1758130807783],"// True SSE passthrough for chat completions (browser consumes incrementally)\n// import { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\"; // routing disabled\n// import { extractOrRepairJsonResults, sanitizeResults, synthesizeResultsFromContext, extractResultsFromToolOutputs } from \"../../jsonUtils.js\"; // links/results disabled\nimport { serverApiKey } from \"../config.js\";\n\nfunction collectToolTextFromArray(toolArray) {\n if (!Array.isArray(toolArray)) return '';\n const parts = [];\n for (const t of toolArray) {\n try {\n const name = t?.name || t?.tool || t?.function?.name || t?.id || '';\n const args = t?.arguments || t?.input || t?.params || null;\n const output = t?.output || t?.result || t?.content || null;\n const searchResults = t?.search_results || t?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) { /* ignore */ }\n }\n return parts.join('\\n');\n}\n\nexport function registerChatStreamSSERoute(app) {\n app.post('/api/chatStreamSSE', async (c) => {\n try {\n let body = {};\n try { body = await c.req.json(); } catch (_) { body = {}; }\n\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = 'openai/gpt-oss-120b',\n reasoning_effort = 'medium',\n tools = [],\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n stream: clientStream,\n base_url,\n } = body || {};\n\n const apiKey = serverApiKey || userApiKey || (typeof Deno !== 'undefined' ? Deno.env.get('GROQ_API_KEY') : null);\n if (!apiKey && !base_url) {\n return c.json({ error: 'No Groq API key available. Please provide your own key.' }, 400);\n }\n\n const isGptOss = typeof model === 'string' && model.startsWith('openai/gpt-oss');\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n const wantsStreaming = (clientStream === false) ? false : true;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : (typeof query === 'string' && query.trim().length > 0\n ? [\n { role: 'system', content: 'Return ONLY JSON matching the schema; no markdown or commentary. For every result, url MUST be a direct deep link to the specific item/resource (not a homepage, category page, or search results page). Prefer canonical targets: external article for HN listings, PubMed PMID page or publisher DOI for papers, arXiv abs page, DOI resolver, exact thread permalinks for discussions, and precise GitHub paths. Never output root domains as url. ALWAYS conduct searches in English; if the query is not in English, translate to English for search and present outputs in the requested language.' },\n { role: 'user', content: query }\n ]\n : [{ role: 'user', content: 'go to https://news.ycombinator.com/ and give me the first 5 stories' }]);\n\n let selectedRoute = 'text';\n try {\n if (typeof query === 'string' && query.trim()) {\n // routing disabled; plain chat only\n finalMessages = [\n { role: 'system', content: 'If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.' },\n { role: 'user', content: query }\n ];\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n let lastUser = '';\n for (let i = finalMessages.length - 1; i >= 0; i--) {\n const m = finalMessages[i];\n if (m && m.role === 'user' && m.content && String(m.content).trim()) { lastUser = String(m.content); break; }\n }\n // routing disabled: no-op for lastUser\n }\n } catch (_) { /* ignore */ }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages) && Array.isArray(tools) && tools.length > 0) {\n const toolPreamble = {\n role: 'system',\n content: 'You have access to a web browsing tool named \"browser_search\". Use it for real-time information, for finding additional sources when the user says things like \"continue\" or \"find more\", and for verification. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.'\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n\n const payload = {\n model,\n messages: finalMessages,\n stream: wantsStreaming,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: 'auto' } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const encoder = new TextEncoder();\n const baseUrl = (typeof base_url === 'string' && base_url.trim()) ? base_url.trim().replace(/\\/$/, '') : '';\n let endpoint = 'https://api.groq.com/openai/v1/chat/completions';\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + '/chat/completions';\n } else {\n endpoint = baseUrl + '/v1/chat/completions';\n }\n }\n const stream = new ReadableStream({\n start: async (controller) => {\n try {\n const headers = {\n 'Content-Type': 'application/json',\n ...(apiKey ? { 'Authorization': 'Bearer ' + apiKey } : {}),\n };\n const upstream = await fetch(endpoint, {\n method: 'POST',\n headers,\n body: JSON.stringify(payload),\n });\n\n if (!upstream.ok || !upstream.body) {\n let txt = '';\n try { txt = await upstream.text(); } catch (_) {}\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ status: upstream.status, message: txt }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n controller.close();\n return;\n }\n\n const ct = upstream.headers.get('content-type') || '';\n const isSse = /text\\/event-stream/i.test(ct);\n\n if (!isSse) {\n try {\n const nonStream = await upstream.json();\n const choice0 = Array.isArray(nonStream.choices) ? nonStream.choices[0] : null;\n const finalContent = (choice0?.message?.content || choice0?.delta?.content || '') || '';\n if (finalContent) {\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ choices: [{ delta: { content: finalContent } }] }) + '\\n\\n'));\n }\n // results emission disabled\n // try {\n // let results = [];\n // if (selectedRoute !== 'text') {\n // if (finalContent && finalContent.trim()) {\n // results = await extractOrRepairJsonResults(finalContent, apiKey, language);\n // }\n // if ((!results || results.length === 0)) {\n // const synthesized = await synthesizeResultsFromContext({\n // query,\n // language,\n // toolText: '',\n // assistantText: String(finalContent || ''),\n // reasoningText: '',\n // existingResults: []\n // }, apiKey);\n // if (Array.isArray(synthesized) && synthesized.length > 0) {\n // results = synthesized;\n // }\n // }\n // }\n // controller.enqueue(encoder.encode('event: results\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute, results: sanitizeResults(results) }) + '\\n\\n'));\n // } catch (_) { /* ignore extraction errors */ }\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (e) {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: e?.message || String(e) }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } finally {\n try { controller.close(); } catch (_) {}\n }\n return;\n }\n\n const reader = upstream.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n let collapsedContent = '';\n let collapsedReasoning = '';\n let collectedTools = [];\n\n try { controller.enqueue(encoder.encode(': connected\\n\\n')); } catch (_) {}\n // route event disabled\n // try {\n // controller.enqueue(encoder.encode('event: route\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute }) + '\\n\\n'));\n // } catch (_) {}\n\n const keepAliveId = setInterval(() => {\n try { controller.enqueue(encoder.encode(': keep-alive\\n\\n')); } catch (_) {}\n }, 15000);\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n for (const evt of events) {\n if (!evt.trim()) continue;\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n controller.enqueue(encoder.encode('data: ' + data + '\\n\\n'));\n try {\n const parsed = JSON.parse(data);\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n if (delta.reasoning) collapsedReasoning += delta.reasoning;\n if (delta.content) collapsedContent += delta.content;\n if (Array.isArray(delta.executed_tools)) collectedTools.push(...delta.executed_tools);\n if (Array.isArray(delta.tool_calls)) collectedTools.push(...delta.tool_calls);\n } catch (_) { /* ignore non-JSON payloads */ }\n }\n }\n }\n // results emission disabled\n // try {\n // let results = [];\n // if (selectedRoute !== 'text') {\n // try {\n // const toolText = collectToolTextFromArray(collectedTools);\n // const textForExtraction = (collapsedContent && collapsedContent.trim()) ? collapsedContent : ((collapsedReasoning && collapsedReasoning.trim()) ? collapsedReasoning : '');\n // if (toolText && toolText.trim()) {\n // results = await extractResultsFromToolOutputs(toolText, apiKey, language);\n // }\n // if ((!results || results.length === 0) && textForExtraction) {\n // results = await extractOrRepairJsonResults(textForExtraction, apiKey, language);\n // }\n // if ((!results || results.length === 0)) {\n // const synthesized = await synthesizeResultsFromContext({\n // query,\n // language,\n // toolText,\n // assistantText: String(collapsedContent || ''),\n // reasoningText: String(collapsedReasoning || ''),\n // existingResults: []\n // }, apiKey);\n // if (Array.isArray(synthesized) && synthesized.length > 0) {\n // results = synthesized;\n // }\n // }\n // } catch (_) {}\n // }\n // controller.enqueue(encoder.encode('event: results\\n'));\n // controller.enqueue(encoder.encode('data: ' + JSON.stringify({ route: selectedRoute, results: sanitizeResults(results) }) + '\\n\\n'));\n // } catch (_) {}\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (err) {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: err?.message || String(err) }) + '\\n\\n'));\n } finally {\n try { clearInterval(keepAliveId); } catch (_) {}\n try { controller.close(); } catch (_) {}\n }\n } catch (outerErr) {\n try {\n controller.enqueue(encoder.encode('event: error\\n'));\n controller.enqueue(encoder.encode('data: ' + JSON.stringify({ message: outerErr?.message || String(outerErr) }) + '\\n\\n'));\n controller.enqueue(encoder.encode('data: [DONE]\\n\\n'));\n } catch (_) {}\n try { controller.close(); } catch (_) {}\n }\n }\n });\n\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-transform',\n 'Connection': 'keep-alive',\n },\n });\n } catch (error) {\n console.error('chatStreamSSE error:', error);\n return c.json({ error: 'chatStreamSSE error: ' + error.message }, 500);\n }\n });\n}\n\n\n",[],[242,670,705],"5a3afb42-93ed-11f0-b791-0224a6c84d84","chatStream.js","0404255c-7758-11f0-ab1c-0224a6c84d84",192,["D",1758130807852],"// Aggregated chat stream endpoint (returns collapsed + extracted results)\nimport { streamChatAndAggregate } from \"../../chatStreaming.js\";\n// import { buildSearchPrompt, routeQueryMode } from \"../../chatCompletion.js\"; // routing disabled\n// import { extractOrRepairJsonResults, extractResultsFromToolOutputs, sanitizeResults, synthesizeResultsFromContext } from \"../../jsonUtils.js\"; // links/results disabled\nimport { serverApiKey } from \"../config.js\";\n\nfunction collectToolTextFromArray(toolArray) {\n if (!Array.isArray(toolArray)) return '';\n const parts = [];\n for (const t of toolArray) {\n try {\n const name = t?.name || t?.tool || t?.function?.name || t?.id || '';\n const args = t?.arguments || t?.input || t?.params || null;\n const output = t?.output || t?.result || t?.content || null;\n const searchResults = t?.search_results || t?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) { /* ignore */ }\n }\n return parts.join('\\n');\n}\n\nexport function registerChatStreamRoute(app) {\n app.post('/api/chatStream', async (c) => {\n try {\n let body = {};\n try { body = await c.req.json(); } catch (_) { body = {}; }\n\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = 'openai/gpt-oss-120b',\n reasoning_effort = 'medium',\n tools,\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n stream: clientStream,\n base_url,\n } = body || {};\n\n const apiKey = serverApiKey || userApiKey || (typeof Deno !== 'undefined' ? Deno.env.get('GROQ_API_KEY') : null);\n if (!apiKey && !base_url) {\n return c.json({ error: 'No Groq API key available. Please provide your own key.' }, 400);\n }\n\n const isGptOss = typeof model === 'string' && model.startsWith('openai/gpt-oss');\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : (typeof query === 'string' && query.trim().length > 0\n ? [\n { role: 'system', content: 'Return ONLY JSON matching the schema; no markdown or commentary. For every result, url MUST be a direct deep link to the specific item/resource (not a homepage, category page, or search results page). Prefer canonical targets: external article for HN listings, PubMed PMID page or publisher DOI for papers, arXiv abs page, DOI resolver, exact thread permalinks for discussions, and precise GitHub paths. Never output root domains as url. ALWAYS conduct searches in English; if the query is not in English, translate to English for search and present outputs in the requested language.' },\n { role: 'user', content: buildSearchPrompt(query, source, dateRange, language, offset) }\n ]\n : null);\n\n try {\n if (typeof query === 'string' && query.trim()) {\n // routing disabled; plain chat only\n finalMessages = [\n { role: 'system', content: 'If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.' },\n { role: 'user', content: query }\n ];\n } else if (Array.isArray(finalMessages) && finalMessages.length > 0) {\n // no-op\n }\n } catch (_) { /* ignore */ }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages)) {\n const toolPreamble = {\n role: 'system',\n content: 'You have access to a web browsing tool named \"browser_search\". Use it for fresh information, finding more sources, verification, and when the user says things like \"continue\", \"find more\", or asks for links. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.'\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n if (!finalMessages) {\n finalMessages = [{ role: 'user', content: 'go to https://news.ycombinator.com/ and give me the first 5 stories' }];\n }\n\n const payload = {\n model,\n messages: finalMessages,\n stream: (clientStream === false) ? false : true,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: 'auto' } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const baseUrl = (typeof base_url === 'string' && base_url.trim()) ? base_url.trim().replace(/\\/$/, '') : '';\n let endpoint = undefined;\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + '/chat/completions';\n } else {\n endpoint = baseUrl + '/v1/chat/completions';\n }\n }\n const aggregates = await streamChatAndAggregate(apiKey, payload, { logSse: false, endpoint });\n // links/results extraction disabled — return only collapsed chat aggregates\n console.log('>> [chatStream] textContent:', aggregates?.collapsed?.content || '');\n return c.json({ model, ...aggregates });\n } catch (error) {\n console.error('chatStream error:', error);\n return c.json({ error: 'chatStream error: ' + error.message }, 500);\n }\n });\n}\n\n\n",[],[242,670,713],"03e5ac9e-7758-11f0-a4e6-0224a6c84d84",22,["D",1754988035458],[259,260,261,262,263,264,265],[242,670],["D",1754988035289],[258,266,267,268],[242],["D",1754850041617],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_121":765,"_766":767,"_768":769,"_770":24,"_771":24,"_772":24,"_773":57,"_774":-5,"_775":-7,"_776":-7,"_777":61,"_778":24,"_779":24,"_780":-5,"_781":24,"_782":24,"_783":24,"_784":-5},"ENV",{"_736":737,"_738":739,"_740":85,"_741":742,"_743":744,"_745":746,"_747":748,"_749":750,"_751":752,"_753":754,"_755":756,"_757":758,"_759":760,"_761":762,"_763":764},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"] </article></body></html>

Diff · v201