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 // Prefer session-aware selection if sessions exist\n if (this.db && this.db.sessions) {\n await coreLoadSession(this, id);\n } else {\n await coreSelectChat(this, id);\n }\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 // Auto-focus the chat input\n this.focusChatInput();\n },\n async createNewChat() {\n console.log('🆕 createNewChat (mobile): Before - currentChatId =', this.currentChatId);\n this.openChatPage();\n await coreCreateNewChat(this);\n console.log('🆕 createNewChat (mobile): After - currentChatId =', this.currentChatId);\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 // Auto-focus the chat input\n this.focusChatInput();\n },\n\n async streamAssistant() { await expStreamAssistant(this); }\n };\n}\n\n\n",[],[185,571],"6a417916-a933-11f0-951a-0224a6c84d84","chatActions.js","86a184a6-a434-11f0-be35-0224a6c84d84",266,["D",1760469873935],"/**\n * Chat Actions\n * Handles chat-level operations (fork, delete, duplicate, branching, etc.)\n */\n\nimport {\n deleteChat as coreDeleteChat,\n duplicateChat as coreDuplicateChat,\n startEditingChat as coreStartEditingChat,\n commitEditingChat as coreCommitEditingChat,\n cancelEditingChat as coreCancelEditingChat\n} from './core/index.ts';\nimport {\n enableBranching as coreEnableBranching,\n forkSessionAtMessage as coreForkSessionAtMessage,\n forkAndRegenerate as coreForkAndRegenerate,\n switchBranch as coreSwitchBranch,\n archiveBranch as coreArchiveBranch,\n renameBranch as coreRenameBranch\n} from './core/branchManager.ts';\n\n/**\n * Start editing a chat title\n * @param {Object} state - The Alpine.js state object\n * @param {number} id - The chat ID\n * @param {string} currentTitle - The current chat title\n */\nexport function startEditingChat(state, id, currentTitle) {\n coreStartEditingChat(state, id, currentTitle);\n}\n\n/**\n * Commit chat title editing\n * @param {Object} state - The Alpine.js state object\n */\nexport async function commitEditingChat(state) {\n await coreCommitEditingChat(state);\n try { state.updateDocumentTitle && state.updateDocumentTitle(); } catch (_) { /* ignore */ }\n}\n\n/**\n * Cancel chat title editing\n * @param {Object} state - The Alpine.js state object\n */\nexport function cancelEditingChat(state) {\n coreCancelEditingChat(state);\n}\n\n/**\n * Delete a chat\n * @param {Object} state - The Alpine.js state object\n * @param {number} id - The chat ID\n */\nexport async function deleteChat(state, id) {\n await coreDeleteChat(state, id);\n}\n\n/**\n * Delete a chat (UI wrapper with string conversion)\n * @param {Object} state - The Alpine.js state object\n * @param {number|string} id - The chat ID\n */\nexport async function onDeleteChat(state, id) {\n try {\n const chatId = typeof id === 'string' ? Number(id) : id;\n await deleteChat(state, chatId);\n } catch (_) {}\n}\n\n/**\n * Duplicate a chat\n * @param {Object} state - The Alpine.js state object\n * @param {number} id - The chat ID\n */\nexport async function duplicateChat(state, id) {\n await coreDuplicateChat(state, id);\n}\n\n/**\n * Duplicate a chat (UI wrapper with string conversion)\n * @param {Object} state - The Alpine.js state object\n * @param {number|string} id - The chat ID\n */\nexport async function onDuplicateChat(state, id) {\n try {\n const chatId = typeof id === 'string' ? Number(id) : id;\n await duplicateChat(state, chatId);\n } catch (_) {}\n}\n\n/**\n * Enable branching for the current chat\n * @param {Object} state - The Alpine.js state object\n */\nexport async function enableBranching(state) {\n try {\n if (state.currentChatId && state.db && state.db.sessions) {\n await coreEnableBranching(state, state.currentChatId);\n }\n } catch (_) { /* ignore */ }\n}\n\n/**\n * Fork at a message (create a new chat from this point)\n * @param {Object} state - The Alpine.js state object\n * @param {number} idx - The message index\n */\nexport async function forkAtMessage(state, idx) {\n try {\n if (!state.db || !state.db.sessions) return;\n if (!Array.isArray(state.messages) || idx < 0 || idx >= state.messages.length) return;\n if (!state.currentChatId) return;\n // Fork the entire session at this message, creating a new chat\n await coreForkSessionAtMessage(state, state.currentChatId, idx);\n state.scrollToBottom && state.scrollToBottom();\n // Auto-focus the chat input after forking\n state.focusChatInput && state.focusChatInput();\n } catch (_) { /* ignore */ }\n}\n\n/**\n * Fork and regenerate at a message\n * @param {Object} state - The Alpine.js state object\n * @param {number} idx - The assistant message index\n */\nexport async function forkAndRegenerate(state, idx) {\n try {\n if (!state.db || !state.db.sessions) return;\n if (!Array.isArray(state.messages) || idx < 0 || idx >= state.messages.length) return;\n const m = state.messages[idx];\n if (!m || m.role !== 'assistant') return;\n if (!state.currentChatId) return;\n await coreForkAndRegenerate(state, state.currentChatId, idx);\n state.scrollToBottom && state.scrollToBottom();\n // Auto-focus the chat input after forking and regenerating\n state.focusChatInput && state.focusChatInput();\n } catch (_) { /* ignore */ }\n}\n\n/**\n * Switch to a different branch\n * @param {Object} state - The Alpine.js state object\n * @param {string} branchId - The branch ID to switch to\n */\nexport async function switchBranch(state, branchId) {\n try {\n if (state.currentChatId && state.db && state.db.sessions) {\n await coreSwitchBranch(state, state.currentChatId, branchId);\n // Auto-focus the chat input after switching branches\n state.focusChatInput && state.focusChatInput();\n }\n } catch (_) { /* ignore */ }\n}\n\n/**\n * Archive a branch\n * @param {Object} state - The Alpine.js state object\n * @param {string} branchId - The branch ID to archive\n */\nexport async function archiveBranch(state, branchId) {\n try {\n if (state.currentChatId && state.db && state.db.sessions) {\n await coreArchiveBranch(state, state.currentChatId, branchId);\n }\n } catch (_) { /* ignore */ }\n}\n\n/**\n * Rename a branch\n * @param {Object} state - The Alpine.js state object\n * @param {string} branchId - The branch ID to rename\n * @param {string} name - The new branch name\n */\nexport async function renameBranch(state, branchId, name) {\n try {\n if (state.currentChatId && state.db && state.db.sessions) {\n await coreRenameBranch(state, state.currentChatId, branchId, name);\n }\n } catch (_) { /* ignore */ }\n}\n\n",[],[185,580],"3536cfb0-a432-11f0-bd53-0224a6c84d84","apiClient.js","8feabba4-78f1-11f0-b1f8-0224a6c84d84",248,["D",1759919598371],"// 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 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",[],[185,588],["D",1758511223656],[],[185,103,83],["D",1758511223527],[],[185,103,67],["D",1758511223660],[],[185,103,101],["D",1758511223686],[],[185,103,92],["D",1758511223323],[252,253,254,255],[185,103],"6a260fb4-a933-11f0-9f58-0224a6c84d84","app.scss","bb2bd118-8526-11f0-9320-0224a6c84d84","bb01df34-8526-11f0-b189-0224a6c84d84",263,["D",1760469873444]," \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.surface { background-color: var(--color-bg-elev); }\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: transparent;\n color: #6b7280;\n border: none;\n transition: color 0.2s ease;\n}\n\n.chat-controls .ctrl-button:hover {\n color: #374151;\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",[],[185,619,611],"styles","69f88a44-a933-11f0-a653-0224a6c84d84","app.css","bb2eb9c8-8526-11f0-aad3-0224a6c84d84",257,["D",1760469873459]," \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.surface { background-color: var(--color-bg-elev); }\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: transparent;\n color: #6b7280;\n border: none;\n transition: color 0.2s ease;\n}\n\n.chat-controls .ctrl-button:hover {\n color: #374151;\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 background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n.chat-controls .ctrl-button {\n background-color: transparent;\n color: #94a3b8;\n border: none;\n transition: color 0.2s ease;\n}\n\n.chat-controls .ctrl-button:hover {\n color: var(--color-text);\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",[],[185,619,621],"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",[],[185,619,637,629],"themes","69fd9e26-a933-11f0-b9b3-0224a6c84d84","_dark.scss","bb31f7aa-8526-11f0-a62c-0224a6c84d84",258,["D",1760469873497],"/* 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 background-color: var(--color-bg-elev);\n color: var(--color-text);\n border-color: var(--color-border);\n}\n\n.chat-controls .ctrl-button {\n background-color: transparent;\n color: #94a3b8;\n border: none;\n transition: color 0.2s ease;\n}\n\n.chat-controls .ctrl-button:hover {\n color: var(--color-text);\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); }",[],[185,619,637,639],"bb16b4b8-8526-11f0-87ed-0224a6c84d84",110,["D",1756506184252],[247,248],[185,619,637],"bb01de58-8526-11f0-b189-0224a6c84d84",109,["D",1756506184078],[246,249,250],[185,619],"33f56d6e-a432-11f0-a1d8-0224a6c84d84","streaming.ts","8ff7d352-78f1-11f0-89f1-0224a6c84d84","8fcad140-78f1-11f0-831a-0224a6c84d84",211,["D",1759919597483],8,"// Experimental streaming-related helpers extracted from chatterApp\nimport { getMessageReasoning, setMessageReasoning } from '../types.ts';\nimport { createJob, streamJob, postGroqChat } from '../apiClient.js';\nimport { persistMessageAtIndex as corePersistMessageAtIndex } from '../core/index.ts';\n\nexport function isStreamingForCurrent(state) {\n const cid = state.currentChatId;\n if (!cid) return false;\n return !!(state.streamingChats && state.streamingChats[cid]);\n}\n\nexport function registerStream(state, chatId, token) {\n state.streamingChats[chatId] = { token, startedAt: Date.now() };\n}\n\nexport function unregisterStream(state, chatId, token) {\n const active = state.streamingChats[chatId];\n if (active && active.token === token) {\n delete state.streamingChats[chatId];\n }\n}\n\n/**\n * Main streaming routine - handles SSE stream from backend\n * CRITICAL: This is where reasoning content must be properly saved to state.messages\n */\nexport async function streamAssistant(state) {\n const thisChatId = state.currentChatId;\n if (!thisChatId) return;\n if (state.streamingChats[thisChatId]) return;\n \n if (state.selectedModel === 'custom') {\n const url = (state.customChatBaseUrl || '').trim();\n if (!url) {\n state.errorMessage = 'please set custom endpoint url';\n return;\n }\n }\n \n const token = String(Date.now()) + '-' + Math.random();\n registerStream(state, thisChatId, token);\n \n const assistantCreatedAt = Date.now();\n const promptLabel = (() => {\n try {\n return state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel || 'custom');\n } catch (_) {\n return 'custom';\n }\n })();\n \n const assistantIndex = state.messages.push({\n role: 'assistant',\n content: '',\n createdAt: assistantCreatedAt,\n chatId: thisChatId,\n model: state.selectedModel || null,\n promptLabel\n }) - 1;\n \n try {\n const id = await corePersistMessageAtIndex(state, assistantIndex);\n if (id) state.messages[assistantIndex].id = id;\n } catch (_) {}\n \n const assistantMessageId = state.messages[assistantIndex]?.id || null;\n let fullAssistantContent = '';\n let fullReasoningContent = '';\n \n // Initialize reasoning tracking for this message\n if (assistantMessageId != null) {\n state.messageReasoningMap[assistantMessageId] = state.messageReasoningMap[assistantMessageId] || '';\n state.expandedReasoningMap[assistantMessageId] = state.expandedReasoningMap[assistantMessageId] || false;\n }\n \n try {\n const payload = {\n userApiKey: state.userApiKey,\n model: state.selectedModel,\n messages: (() => {\n const chatMessages = state.messages.map(m => ({ role: m.role, content: m.content }));\n // Priority: per-chat override > selected template in chat > global default\n const perChat = (state.chatPromptText || '').trim();\n const fromTemplate = (() => {\n if (!perChat && state.chatPromptId && state.chatPromptText) {\n return String(state.chatPromptText).trim();\n }\n return '';\n })();\n const globalDefault = (state.systemPrompt || '').trim();\n const sp = perChat || fromTemplate || globalDefault;\n return sp ? [{ role: 'system', content: sp }, ...chatMessages] : chatMessages;\n })(),\n tools: (() => {\n const list = [];\n const isOss = !!(state.selectedModel && state.selectedModel.startsWith('openai/gpt-oss'));\n if (isOss) {\n if (state.useBrowserSearch) list.push({ type: 'browser_search' });\n if (state.useCodeInterpreter) list.push({ type: 'code_interpreter' });\n }\n return list;\n })(),\n stream: state.streamEnabled,\n temperature: state.temperature,\n ...(state.maxTokens ? { max_tokens: state.maxTokens } : {}),\n reasoning_effort: state.reasoningEffort,\n ...(state.jsonMode ? { response_format: { type: 'json_object' } } : {}),\n ...((state.selectedModel === 'custom' && state.customChatBaseUrl) ? { base_url: state.customChatBaseUrl } : {})\n };\n \n // Create a job and stream from it\n const jobResult = await createJob({ type: 'chat', input: payload });\n const response = await streamJob(jobResult.id);\n if (!response.ok || !response.body) {\n let txt = '';\n try { txt = await response.text(); } catch (_) {}\n throw new Error(txt || response.statusText);\n }\n \n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n \n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n \n const active = state.streamingChats[thisChatId];\n if (!active || (active as StreamingChat).token !== token) break;\n \n buffer += decoder.decode(value, { stream: true });\n const chunks = buffer.split('\\n\\n');\n buffer = chunks.pop() || '';\n \n for (const chunk of chunks) {\n if (!chunk.trim()) continue;\n \n const lines = chunk.split('\\n');\n let currentEvent = 'message';\n \n for (const line of lines) {\n if (line.startsWith('event: ')) {\n currentEvent = line.slice(7).trim();\n continue;\n }\n \n if (!line.startsWith('data: ')) continue;\n \n const data = line.slice(6);\n if (data === '[DONE]') continue;\n \n let parsed = null;\n try {\n parsed = JSON.parse(data);\n } catch (_) {\n parsed = null;\n }\n \n if (!parsed) continue;\n if (currentEvent === 'results') continue;\n \n const stillActive = state.streamingChats[thisChatId];\n if (!stillActive || stillActive?.token !== token) break;\n \n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice && choice.delta ? choice.delta : {};\n \n // Handle content updates\n if (delta.content) {\n fullAssistantContent += delta.content;\n \n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].content = fullAssistantContent;\n }\n }\n \n // Save after content update\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n }\n \n // CRITICAL: Handle reasoning updates and save to state.messages\n if (delta.reasoning) {\n const addition = String(delta.reasoning || '');\n fullReasoningContent += addition;\n \n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n // Update the reasoning map for UI display\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + addition;\n \n // CRITICAL: Also update state.messages[idx].reasoning so it gets saved\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n // Set the full reasoning content on the message\n state.messages[idx].reasoning = fullReasoningContent;\n console.log('💭 Updated message', idx, 'reasoning length:', fullReasoningContent.length);\n \n // Save after updating the message\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n }\n \n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n }\n \n // Handle tool events\n const appendToolEvent = async (prefix, t) => {\n try {\n const name = t?.name || t?.tool || t?.function?.name || 'tool';\n const args = t?.arguments ?? t?.input ?? t?.params ?? null;\n const output = t?.output ?? t?.result ?? t?.content ?? null;\n const argsStr = args ? (typeof args === 'string' ? args : JSON.stringify(args)) : '';\n const outStr = output ? (typeof output === 'string' ? output : JSON.stringify(output)) : '';\n const maxLen = 400;\n const trimmedArgs = argsStr.length > maxLen ? (argsStr.slice(0, maxLen) + '…') : argsStr;\n const trimmedOut = outStr.length > maxLen ? (outStr.slice(0, maxLen) + '…') : outStr;\n const line = `[${prefix}] ${name}` + (trimmedArgs ? ` args: ${trimmedArgs}` : '') + (trimmedOut ? `\\n→ ${trimmedOut}` : '') + '\\n';\n \n fullReasoningContent += line;\n \n if (state.currentChatId === thisChatId && assistantMessageId != null) {\n const prev = state.messageReasoningMap[assistantMessageId] || '';\n state.messageReasoningMap[assistantMessageId] = prev + line;\n \n // Update message reasoning for persistence\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].reasoning = fullReasoningContent;\n }\n \n state.queueScrollReasoningById && state.queueScrollReasoningById(assistantMessageId);\n }\n \n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n } catch (_) { /* ignore */ }\n };\n \n if (Array.isArray(delta.executed_tools)) {\n for (const t of delta.executed_tools) {\n await appendToolEvent('executed', t);\n }\n }\n if (Array.isArray(delta.tool_calls)) {\n for (const t of delta.tool_calls) {\n await appendToolEvent('call', t);\n }\n }\n }\n }\n }\n } catch (e) {\n state.errorMessage = e.message || String(e);\n } finally {\n unregisterStream(state, thisChatId, token);\n \n const stillActive = state.streamingChats[thisChatId];\n if (stillActive && stillActive?.token !== token) return;\n \n try {\n const finalContent = String(fullAssistantContent || '').trim();\n const finalReasoning = String(fullReasoningContent || '');\n \n if (!finalContent) {\n state.errorMessage = state.errorMessage || 'no response from model';\n // In sessions mode, just drop from memory\n try {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) state.messages.splice(idx, 1);\n } catch (_) {}\n return;\n }\n \n // Final save with complete content and reasoning\n if (state.currentChatId === thisChatId) {\n const idx = (state.messages || []).findIndex(m => m && m.id === assistantMessageId);\n if (idx >= 0) {\n state.messages[idx].content = finalContent;\n state.messages[idx].reasoning = finalReasoning; // CRITICAL: Save final reasoning\n console.log('💭 Final reasoning save for message', idx, '- length:', finalReasoning.length);\n \n // Update reasoning map as well\n const prev = state.messageReasoningMap[idx] || '';\n if (!prev || finalReasoning.length > prev.length) {\n state.messageReasoningMap[assistantMessageId!] = finalReasoning;\n }\n }\n }\n \n // Trigger final save\n if (state.db && state.db.sessions) {\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {}\n }\n } catch (_) {}\n \n // Auto-generate chat title if needed\n try {\n const chatMeta = thisChatId ? await (state.db.sessions ? state.db.sessions.get(thisChatId) : state.db.chats.get(thisChatId)) : null;\n const hasDefault = !chatMeta?.title || /^new chat$/i.test(chatMeta.title);\n \n if (hasDefault) {\n const apiKey = state.userApiKey || null;\n const titlePrompt = (state.messages || []).slice(0, 8).map((m) => `${m.role}: ${m.content}`).join('\\n').slice(0, 1000);\n \n if (apiKey && titlePrompt.trim()) {\n let generated = '';\n try {\n const res = await postGroqChat({\n apiKey,\n body: {\n model: 'llama-3.1-8b-instant',\n stream: false,\n messages: [\n { role: 'system', content: 'Return ONLY a chat title of 2-3 words. No punctuation, no quotes, no emojis.' },\n { role: 'user', content: titlePrompt }\n ]\n }\n });\n if (res.ok) {\n const json = await res.json();\n generated = (json?.choices?.[0]?.message?.content || '').trim();\n }\n } catch (_) { /* ignore */ }\n \n if (generated) {\n const cleaned = generated.replace(/^[\"'\\s]+|[\"'\\s]+$/g, '').split(/\\s+/).slice(0, 3).join(' ') || 'New chat';\n const id = thisChatId;\n const prev = id ? await (state.db.sessions ? state.db.sessions.get(id) : state.db.chats.get(id)) : null;\n \n if (id && prev) {\n const defaultNewSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle('New chat') : 'new-chat';\n const prevSlug = prev?.slug ? String(prev.slug) : '';\n const computedSlug = (typeof state.slugifyTitle === 'function') ? state.slugifyTitle(cleaned) : cleaned.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n const slug = (!prevSlug || prevSlug === defaultNewSlug) ? computedSlug : prevSlug;\n const next = { ...prev, id, title: cleaned, slug, updatedAt: Date.now() };\n \n if (state.db.sessions) {\n await state.db.sessions.put(next);\n } else {\n await state.db.chats.put({ ...next, createdAt: prev?.createdAt || Date.now() });\n }\n \n await (state.loadChats ? state.loadChats() : Promise.resolve());\n \n try {\n state.navigateToChatPath && state.navigateToChatPath(id, true);\n } catch (_) { /* ignore */ }\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) { /* ignore */ }\n }\n }\n }\n }\n } catch (_) {}\n \n state.scrollToBottom && state.scrollToBottom();\n }\n}\n\n",[],[185,666,657],"experimental","8fcad05a-78f1-11f0-831a-0224a6c84d84",42,["D",1755163934328],[244],[185,666],"343c95ea-a432-11f0-8444-0224a6c84d84","sessions.ts","343c96a8-a432-11f0-8444-0224a6c84d84","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84",222,["D",1759919598011],"// Session CRUD operations and management\nimport type { Session, UIMessage, SessionTree } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { buildMessagePath, validateNoCycles } from './branchManager.ts';\nimport { messageToUIMessage, createDefaultSessionTree } from '../types.ts';\n\n/**\n * Utility: Convert title to URL-friendly slug\n */\nexport function slugifyTitle(title: string): string {\n try {\n const s = String(title || '').toLowerCase();\n let out = s.replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/-{2,}/g, '-');\n if (out.length > 60) out = out.slice(0, 60).replace(/-+$/g, '');\n return out;\n } catch (_) {\n return '';\n }\n}\n\n/**\n * Load all sessions as a chat list\n */\nexport async function loadSessions(state: AppState): Promise<any[]> {\n try {\n if (state.db && state.db.sessions) {\n const rows = await state.db.sessions.orderBy('createdAt').reverse().toArray();\n state.chats = rows.map((s: Session) => ({\n id: s.id!,\n title: s.title,\n slug: s.slug || null,\n createdAt: s.createdAt,\n folderId: s.folderId ?? null\n }));\n return state.chats;\n }\n return await loadChats(state);\n } catch (_) {\n state.chats = [];\n return [];\n }\n}\n\n/**\n * Legacy: Load chats (for backward compatibility)\n */\nexport async function loadChats(state: AppState): Promise<void> {\n try {\n const rows = await state.db!.sessions.orderBy('createdAt').reverse().toArray();\n const newChats = rows.map((s: Session) => ({\n id: s.id!,\n title: s.title,\n slug: s.slug || null,\n createdAt: s.createdAt,\n folderId: s.folderId ?? null\n }));\n // Force Alpine.js reactivity by creating a new array reference\n state.chats = [...newChats];\n console.log('📋 loadChats: Loaded', state.chats.length, 'chats');\n } catch (err) {\n console.error('📋 loadChats: Error loading chats:', err);\n state.chats = [];\n }\n}\n\n/**\n * Load a single session and populate state\n */\nexport async function loadSession(state: AppState, id: number): Promise<void> {\n try {\n console.log('📖 loadSession: Loading session', id);\n if (!state.db || !state.db.sessions) {\n await selectChat(state, id);\n return;\n }\n \n const session: Session = await state.db.sessions.get(id);\n if (!session) {\n console.warn('📖 loadSession: Session not found', id);\n state.messages = [];\n return;\n }\n \n console.log('📖 loadSession: Session found', session);\n state.currentChatId = id;\n state.activeSearchId = id;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n console.log('📖 loadSession: Tree has', tree.messages?.length || 0, 'messages,', tree.branches?.length || 0, 'branches');\n console.log('📖 loadSession: activeBranchId =', tree.activeBranchId, 'branchingEnabled =', tree.branchingEnabled);\n \n const path = buildMessagePath(session, tree.activeBranchId != null ? tree.activeBranchId : null);\n console.log('📖 loadSession: Built path with', path?.length || 0, 'messages');\n console.log('📖 loadSession: Path message IDs:', path?.map(m => m.id) || []);\n \n state.messages = (path || []).map(messageToUIMessage);\n console.log('📖 loadSession: Set state.messages to', state.messages.length, 'messages');\n \n // Populate messageReasoningMap for UI\n try {\n if (!state.messageReasoningMap) state.messageReasoningMap = {};\n if (!state.expandedReasoningMap) state.expandedReasoningMap = {};\n (path || []).forEach(m => {\n if (m.id != null && m.reasoning) {\n state.messageReasoningMap![m.id] = m.reasoning;\n console.log('📖 loadSession: Loaded reasoning for message', m.id, '- length:', m.reasoning.length);\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n // Expose session tree/branch for UI\n state.sessionTree = tree;\n state.currentBranchId = tree.activeBranchId || null;\n \n // Apply settings snapshot\n if (session.settings) {\n const s = session.settings;\n if (s.selectedModel != null) state.selectedModel = s.selectedModel;\n if (s.customChatBaseUrl != null) state.customChatBaseUrl = s.customChatBaseUrl;\n if (s.temperature != null) state.temperature = Math.max(0, Math.min(2, Number(s.temperature)));\n if (s.maxTokens != null) state.maxTokens = Math.max(1, Math.floor(Number(s.maxTokens)));\n if (s.reasoningEffort) state.reasoningEffort = s.reasoningEffort;\n if (s.streamEnabled != null) state.streamEnabled = !!s.streamEnabled;\n if (s.jsonMode != null) state.jsonMode = !!s.jsonMode;\n if (s.useBrowserSearch != null) state.useBrowserSearch = !!s.useBrowserSearch;\n if (s.useCodeInterpreter != null) state.useCodeInterpreter = !!s.useCodeInterpreter;\n }\n \n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n } catch (_) {\n state.messages = [];\n }\n}\n\n/**\n * Save session with updated messages and tree\n * CRITICAL: This is where reasoning data must be persisted!\n */\nexport async function saveSession(state: AppState): Promise<void> {\n try {\n if (!state || !state.db || !state.db.sessions || !state.currentChatId) return;\n \n const id = state.currentChatId;\n console.log('💾 saveSession called for session', id, '- processing', (state.messages || []).length, 'messages');\n \n let session: Session | null = null;\n try {\n session = await state.db.sessions.get(id);\n } catch (err) {\n console.warn('saveSession: failed to get session', id, err);\n return;\n }\n \n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const existing = Array.isArray(tree.messages) ? tree.messages : [];\n \n // Safety check: prevent saving truncated message arrays (but allow appending new messages)\n // Only skip if messages array is significantly shorter AND not just extending the current path\n if (tree.branchingEnabled && tree.activeBranchId != null && existing.length > 0 && state.messages!.length > 0) {\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n // Check if this looks like a truncation (missing messages from the middle)\n // Allow if: extending (>=), or just started new conversation (only 1-2 messages)\n if (state.messages!.length < currentPath.length - 1 && state.messages!.length > 2) {\n // Additional check: verify the first messages match to ensure it's not just a new conversation\n const firstStateMsg = state.messages![0];\n const firstPathMsg = currentPath[0];\n if (firstStateMsg?.id && firstPathMsg?.id && firstStateMsg.id === firstPathMsg.id) {\n console.warn('💾 saveSession: SKIPPING - state.messages', state.messages!.length, 'is shorter than current branch path', currentPath.length, '- possible stale load');\n return;\n }\n }\n }\n \n const byId = new Map(existing.map(m => [m.id, m]));\n let maxId = existing.reduce((acc, m) => (Number.isFinite(Number(m.id)) ? Math.max(acc, Number(m.id)) : acc), 0);\n \n console.log('💾 saveSession: existing messages:', existing.length, 'maxId:', maxId);\n console.log('💾 saveSession: state.messages reasoning:', state.messages!.map((m, i) => ({\n idx: i,\n id: m.id,\n hasReasoning: !!m.reasoning,\n reasoningLength: m.reasoning?.length || 0\n })));\n \n const ensureId = (m: UIMessage, fallbackIdx: number): number => {\n if (m.id != null && Number.isFinite(Number(m.id))) {\n console.log('💾 ensureId: message', fallbackIdx, 'already has id', m.id);\n return Number(m.id);\n }\n maxId = maxId + 1;\n console.log('💾 ensureId: assigned new id', maxId, 'to message', fallbackIdx, '(role:', m.role, ')');\n return maxId;\n };\n \n const output = existing.slice();\n const indexById = new Map(output.map((m, i) => [m.id, i]));\n \n // Build current path once to avoid multiple calls\n const currentPathIds = new Set<number>();\n if (tree.branchingEnabled && tree.activeBranchId != null) {\n try {\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n currentPath.forEach(msg => currentPathIds.add(msg.id));\n } catch (_) {\n /* ignore */\n }\n }\n \n let prevId: number | null = null;\n const idUpdates: Array<{ idx: number; newId: number }> = [];\n const assignedIds: number[] = [];\n \n (state.messages || []).forEach((m, idx) => {\n const mid = ensureId(m, idx);\n const prevDepth = idx === 0 ? 0 : idx;\n const existingRow = byId.get(mid);\n const newParentId = idx === 0 ? null : (assignedIds[idx - 1] != null ? assignedIds[idx - 1] : (state.messages![idx - 1] && state.messages![idx - 1].id != null ? state.messages![idx - 1].id! : prevId));\n \n // Check if this message is on the current branch's path\n const isOnCurrentPath = currentPathIds.has(mid);\n \n // If message exists but is NOT on current path, it's from another branch - create new message\n const shouldCreateNew = existingRow && tree.branchingEnabled && !isOnCurrentPath;\n if (shouldCreateNew) {\n console.log('💾 Message', mid, 'exists but not on current branch path - creating new message with parent', newParentId);\n maxId = maxId + 1;\n const newMid = maxId;\n assignedIds[idx] = newMid;\n idUpdates.push({ idx, newId: newMid });\n \n const nextRow = {\n id: newMid,\n parentId: newParentId ?? null,\n createdAt: m.createdAt || Date.now(),\n role: m.role || 'assistant',\n content: String(m.content || ''),\n reasoning: m.reasoning != null ? String(m.reasoning) : undefined,\n model: m.model != null ? m.model : undefined,\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? m.promptLabel : undefined) as string | null | undefined,\n depth: prevDepth\n };\n \n try {\n validateNoCycles(session, nextRow);\n } catch (_) {\n /* leave as-is if validation fails */\n }\n \n indexById.set(newMid, output.length);\n output.push(nextRow);\n prevId = newMid;\n return;\n }\n \n // Track the ID for this message (used for next message's parent)\n assignedIds[idx] = mid;\n \n const nextRow = {\n id: mid,\n // Preserve existing parentId if message already exists to avoid breaking other branches\n parentId: existingRow && Object.prototype.hasOwnProperty.call(existingRow, 'parentId') ? existingRow.parentId : (newParentId ?? null),\n createdAt: m.createdAt || existingRow?.createdAt || Date.now(),\n role: m.role || existingRow?.role || 'assistant',\n content: String(m.content || ''),\n reasoning: m.reasoning != null ? String(m.reasoning) : (existingRow?.reasoning || undefined),\n model: m.model != null ? m.model : (existingRow?.model ?? undefined),\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? m.promptLabel : (existingRow?.promptLabel ?? undefined)) as string | null | undefined,\n depth: Number.isFinite(Number(existingRow?.depth)) ? existingRow.depth! : prevDepth\n };\n \n try {\n validateNoCycles(session, nextRow);\n } catch (_) {\n /* leave as-is if validation fails */\n }\n \n if (existingRow) {\n const i = indexById.get(mid);\n if (i != null) {\n output[i] = nextRow;\n }\n } else {\n indexById.set(mid, output.length);\n output.push(nextRow);\n }\n \n prevId = mid;\n });\n \n tree.messages = output;\n console.log('💾 saveSession: Final tree messages with reasoning:', output.map(m => ({\n id: m.id,\n role: m.role,\n hasReasoning: !!m.reasoning,\n reasoningLength: m.reasoning?.length || 0\n })));\n \n // Update the active branch's leafMessageId to the last message in the current path\n if (tree.branchingEnabled && tree.activeBranchId != null && prevId != null) {\n const activeBranch = (tree.branches || []).find(b => b.id === tree.activeBranchId);\n if (activeBranch) {\n console.log('💾 saveSession: Updating branch', tree.activeBranchId, 'leafMessageId from', activeBranch.leafMessageId, 'to', prevId);\n activeBranch.leafMessageId = prevId;\n activeBranch.updatedAt = Date.now();\n }\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n \n try {\n await state.db.sessions.put(session);\n } catch (err) {\n console.warn('saveSession: failed to put session', id, err);\n return;\n }\n \n // Apply ID updates to state.messages AFTER the save to avoid triggering reactivity during save\n if (idUpdates.length > 0) {\n try {\n idUpdates.forEach(({ idx, newId }) => {\n if (state.messages![idx]) {\n state.messages![idx].id = newId;\n }\n });\n } catch (_) {\n /* ignore */\n }\n }\n \n try {\n state.sessionTree = session.tree;\n } catch (_) {\n /* ignore */\n }\n } catch (err) {\n console.warn('saveSession: unexpected error', err);\n }\n}\n\n/**\n * Create a new chat/session\n */\nexport async function createNewChat(state: AppState): Promise<void> {\n const input = (state.chatInput || '').trim();\n console.log('📝 createNewChat: chatInput =', input);\n \n // If no content, just clear the current chat - a real one will be created when they send a message\n if (!input) {\n console.log('📝 createNewChat: No input, clearing to prepare for new chat');\n state.currentChatId = null;\n state.activeSearchId = null;\n state.messages = [];\n return;\n }\n \n const base = input;\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const now = Date.now();\n \n // Prefer sessions (v11+)\n let id: number | null = null;\n try {\n if (state.db && state.db.sessions) {\n console.log('📝 createNewChat: Creating new session with title:', title);\n id = await state.db.sessions.add({\n title,\n slug,\n createdAt: now,\n updatedAt: now,\n folderId: null,\n tree: createDefaultSessionTree(),\n });\n console.log('📝 createNewChat: Created session with ID:', id);\n }\n } catch (err) {\n console.error('📝 createNewChat: Error creating session:', err);\n }\n \n if (!id) {\n console.log('📝 createNewChat: Falling back to chats table');\n id = await state.db!.chats.add({ title, slug, createdAt: now, folderId: null });\n }\n \n await loadChats(state);\n await selectChat(state, id);\n console.log('📝 createNewChat: Finished, currentChatId =', state.currentChatId);\n}\n\n/**\n * Select and load a chat (with legacy support)\n */\nexport async function selectChat(state: AppState, id: number): Promise<void> {\n if (id === state.ephemeralChatId) {\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n state.messages = [];\n state.chatPromptId = null;\n state.chatPromptText = '';\n \n // Reset to default/global settings for ephemeral chat\n try {\n const storedModel = localStorage.getItem('groq_model');\n if (storedModel && typeof storedModel === 'string') {\n state.selectedModel = storedModel;\n } else {\n state.selectedModel = 'openai/gpt-oss-120b';\n }\n const storedBase = localStorage.getItem('chat_base_url');\n state.customChatBaseUrl = (storedBase && typeof storedBase === 'string') ? storedBase : '';\n const storedUse = localStorage.getItem('use_browser_search');\n if (storedUse === '0') state.useBrowserSearch = false;\n else if (storedUse === '1') state.useBrowserSearch = true;\n else state.useBrowserSearch = true;\n const storedCI = localStorage.getItem('use_code_interpreter');\n if (storedCI === '1') state.useCodeInterpreter = true;\n else if (storedCI === '0') state.useCodeInterpreter = false;\n else state.useCodeInterpreter = false;\n const t = localStorage.getItem('temperature');\n if (t != null && t !== '' && !Number.isNaN(Number(t))) state.temperature = Math.max(0, Math.min(2, Number(t)));\n else state.temperature = 1;\n const mt = localStorage.getItem('max_tokens');\n if (mt != null && mt !== '' && !Number.isNaN(Number(mt))) state.maxTokens = Math.max(1, Number(mt));\n else state.maxTokens = 8192;\n const re = localStorage.getItem('reasoning_effort');\n if (re === 'low' || re === 'medium' || re === 'high') state.reasoningEffort = re;\n else state.reasoningEffort = 'medium';\n const se = localStorage.getItem('stream_enabled');\n if (se === '0') state.streamEnabled = false;\n else if (se === '1') state.streamEnabled = true;\n else state.streamEnabled = true;\n const jm = localStorage.getItem('json_mode');\n if (jm === '1') state.jsonMode = true;\n else if (jm === '0') state.jsonMode = false;\n else state.jsonMode = false;\n } catch (_) {\n /* ignore */\n }\n \n // Clear preset linking status for ephemeral chat\n if (state.updatePresetLinkingStatus) {\n try {\n state.chatIsLinkedToPreset = false;\n state.chatHasCustomSettingsStored = false;\n } catch (_) {\n /* ignore */\n }\n }\n \n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n return;\n }\n \n state.currentChatId = id;\n state.activeSearchId = id;\n \n try {\n const session: Session = await state.db!.sessions.get(id);\n if (session) {\n const tree = session.tree || { messages: [] };\n state.messages = (tree.messages || []).map(messageToUIMessage);\n \n // Apply settings and prompt\n try {\n const s = session.settings || null;\n if (s) {\n if (s.selectedModel != null) state.selectedModel = s.selectedModel;\n if (s.customChatBaseUrl != null) state.customChatBaseUrl = s.customChatBaseUrl;\n if (s.temperature != null) state.temperature = Math.max(0, Math.min(2, Number(s.temperature)));\n if (s.maxTokens != null) state.maxTokens = Math.max(1, Math.floor(Number(s.maxTokens)));\n if (s.reasoningEffort) state.reasoningEffort = s.reasoningEffort;\n if (s.streamEnabled != null) state.streamEnabled = !!s.streamEnabled;\n if (s.jsonMode != null) state.jsonMode = !!s.jsonMode;\n if (s.useBrowserSearch != null) state.useBrowserSearch = !!s.useBrowserSearch;\n if (s.useCodeInterpreter != null) state.useCodeInterpreter = !!s.useCodeInterpreter;\n }\n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n } catch (_) {\n /* ignore */\n }\n } else {\n state.messages = [];\n }\n } catch (_) {\n state.messages = [];\n }\n \n state.sidebarOpen = false;\n state.$nextTick && state.$nextTick(() => state.scrollToBottom && state.scrollToBottom());\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Delete a chat/session\n */\nexport async function deleteChat(state: AppState, id: number): Promise<void> {\n try {\n if (!state.db) return;\n \n const chatId = typeof id === 'string' ? Number(id) : id;\n \n // Prefer deleting a session if exists\n let deleted = false;\n try {\n if (state.db.sessions) {\n await state.db.sessions.delete(chatId);\n deleted = true;\n }\n } catch (_) {\n /* ignore */\n }\n \n if (!deleted) {\n try {\n await state.db.messages.where('chatId').equals(chatId).delete();\n } catch (_) {\n try {\n await state.db.messages.filter((m: any) => m.chatId === chatId).delete();\n } catch (_) {\n /* ignore */\n }\n }\n try {\n await state.db.chats.delete(chatId);\n } catch (_) {\n /* ignore */\n }\n }\n \n await loadChats(state);\n \n if (state.currentChatId === chatId) {\n const next = state.chats![0]?.id;\n if (next) {\n await selectChat(state, next);\n } else {\n await createNewChat(state);\n }\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Duplicate a session\n */\nexport async function duplicateChat(state: AppState, id: number): Promise<void> {\n try {\n if (!state || !state.db) return;\n \n const chatId = typeof id === 'string' ? Number(id) : id;\n if (!Number.isFinite(chatId)) return;\n \n // Prefer sessions\n if (state.db.sessions) {\n const session: Session = await state.db.sessions.get(chatId);\n if (session) {\n const title = String(session.title || 'New chat') + ' (copy)';\n const slug = slugifyTitle(title);\n const now = Date.now();\n \n const copy: Partial<Session> = {\n ...session,\n id: undefined,\n title,\n slug,\n createdAt: now,\n updatedAt: now,\n };\n \n const newId = await state.db.sessions.add(copy);\n await loadChats(state);\n return;\n }\n }\n \n // Fallback to chats/messages copy\n const orig = await state.db.chats.get(chatId);\n if (!orig) return;\n \n const title = String(orig.title || 'New chat') + ' (copy)';\n const createdAt = Date.now();\n const folderId = orig.folderId ?? null;\n const slug = (orig.slug && String(orig.slug)) || slugifyTitle(title);\n \n const newChatId = await state.db.chats.add({ title, slug, createdAt, folderId });\n \n try {\n const msgs = await state.db.messages.where('chatId').equals(chatId).sortBy('createdAt');\n if (Array.isArray(msgs) && msgs.length) {\n const rows = msgs.map((m: any) => ({\n chatId: newChatId,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning || '',\n model: m.model || null,\n promptLabel: m.promptLabel || null\n }));\n \n try {\n await state.db.messages.bulkAdd(rows);\n } catch (_) {\n for (const row of rows) {\n try {\n await state.db.messages.add(row);\n } catch (_) {\n /* ignore single add */\n }\n }\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n await loadChats(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Start editing a chat title\n */\nexport function startEditingChat(state: AppState, id: number, currentTitle: string): void {\n state.editingChatId = id;\n state.editingChatTitle = currentTitle || '';\n try {\n setTimeout(() => {\n const el = document.querySelector('input[data-chat-id=\"' + id + '\"]') as HTMLInputElement;\n if (el) {\n el.focus();\n el.select();\n }\n }, 50);\n } catch (_) {}\n}\n\n/**\n * Commit chat title edit\n */\nexport async function commitEditingChat(state: AppState): Promise<void> {\n const rawId = state.editingChatId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingChat(state);\n \n const title = (state.editingChatTitle || '').trim() || 'New chat';\n try {\n if (state.db) {\n const prev: Session = await state.db.sessions.get(id);\n const slug = prev?.slug || slugifyTitle(title);\n const next = { ...prev, id, title, slug, updatedAt: Date.now() };\n await state.db.sessions.put(next);\n }\n await loadChats(state);\n state.activeSearchId = id;\n } catch (_) {\n /* no-op */\n }\n \n state.editingChatId = null;\n state.editingChatTitle = '';\n \n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Cancel chat title edit\n */\nexport function cancelEditingChat(state: AppState): void {\n state.editingChatId = null;\n state.editingChatTitle = '';\n}\n\n/**\n * Move chat to a folder\n */\nexport async function moveChatToFolder(state: AppState, chatId: number, folderId: number | null): Promise<void> {\n try {\n if (!chatId) return;\n const prev: Session = await state.db!.sessions.get(chatId);\n if (!prev) return;\n const next = { ...prev, id: chatId, folderId: folderId ?? null };\n await state.db!.sessions.put(next);\n await loadChats(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Get chats not in any folder\n */\nexport function baseChats(state: AppState): any[] {\n try {\n // Return only actual persisted chats (no fake ephemeral entry)\n const list = (state.chats || []).filter(c => !c.folderId);\n return list;\n } catch (_) {\n return state.chats || [];\n }\n}\n\n/**\n * Get chats in a specific folder\n */\nexport function chatsInFolder(state: AppState, folderId: number): any[] {\n try {\n return (state.chats || []).filter(c => c.folderId === folderId);\n } catch (_) {\n return [];\n }\n}\n\n",[],[185,681,673],"core","3425ad76-a432-11f0-aaa2-0224a6c84d84","messages.ts","3425ae48-a432-11f0-aaa2-0224a6c84d84",218,["D",1759919597863],"// Message operations\nimport type { UIMessage } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { slugifyTitle, loadChats, loadSessions } from './sessions.ts';\n\n/**\n * Ensure a chat exists for edits (creates if needed)\n */\nexport async function ensureChatExistsForEdits(state: AppState, opts: { force?: boolean } = {}): Promise<number | null> {\n try {\n const force = !!opts.force;\n if (state.currentChatId && state.db) return state.currentChatId;\n if (!state.db) return null;\n \n // Only create a chat if there is some user-origin content or forced by the caller\n const hasUserInput = !!(state.chatInput && state.chatInput.trim());\n const hasUserMessage = Array.isArray(state.messages) && state.messages!.some(m => m && m.role === 'user' && String(m.content || '').trim());\n if (!force && !hasUserInput && !hasUserMessage) return null;\n \n const base = (state.chatInput && state.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = slugifyTitle(title);\n const createdAt = Date.now();\n let id: number | null = null;\n \n // Prefer sessions\n try {\n if (state.db.sessions) {\n id = await state.db.sessions.add({\n title,\n slug,\n createdAt,\n updatedAt: createdAt,\n tree: {\n messages: [],\n branches: [{ id: 1, leafMessageId: null, name: 'main', createdAt }],\n activeBranchId: 1,\n branchingEnabled: true\n }\n });\n }\n } catch (_) {\n /* ignore */\n }\n \n if (!id) {\n id = await state.db.chats.add({ title, slug, createdAt });\n }\n \n // Load the appropriate list\n if (state.db.sessions) {\n await loadSessions(state);\n // Initialize session tree state\n state.sessionTree = {\n messages: [],\n branches: [{ id: 1, leafMessageId: null, name: 'main', createdAt }],\n activeBranchId: 1,\n branchingEnabled: true\n };\n state.currentBranchId = 1;\n } else {\n await loadChats(state);\n // Initialize per-chat prompt defaults (legacy mode only)\n try {\n await state.db.chats.update(id, { systemPromptId: null, systemPromptText: '' });\n } catch (_) {\n /* ignore */\n }\n }\n \n state.currentChatId = id;\n state.activeSearchId = id;\n try {\n typeof state.updateDocumentTitle === 'function' && state.updateDocumentTitle();\n } catch (_) {\n /* ignore */\n }\n return id;\n } catch (_) {\n return null;\n }\n}\n\n/**\n * Persist a message at an index\n */\nexport async function persistMessageAtIndex(state: AppState, idx: number): Promise<number | null> {\n try {\n const m = state.messages?.[idx];\n if (!m || !state.db) return null;\n \n // If sessions exist, assign a stable local id if missing and return; saves are debounced\n if (state.db.sessions) {\n if (!m.id) {\n const nextId = (() => {\n try {\n const ids = (state.messages || []).map(mm => Number(mm.id || 0)).filter(n => Number.isFinite(n));\n const maxId = ids.length ? Math.max(...ids) : 0;\n return maxId + 1;\n } catch (_) {\n return (idx + 1);\n }\n })();\n state.messages![idx].id = nextId;\n }\n try {\n state.debouncedSaveSession && state.debouncedSaveSession();\n } catch (_) {\n /* ignore */\n }\n return state.messages![idx].id;\n }\n \n let chatId = state.currentChatId;\n if (!chatId) chatId = await ensureChatExistsForEdits(state, { force: true });\n if (!chatId) return null;\n \n const createdAt = m.createdAt || Date.now();\n const role = m.role || 'assistant';\n const content = String(m.content || '');\n const reasoning = String(m.reasoning || '');\n const row = {\n id: m.id,\n chatId,\n createdAt,\n role,\n content,\n reasoning,\n model: (m && m.model != null) ? m.model : null,\n promptLabel: (Object.prototype.hasOwnProperty.call(m, 'promptLabel') ? (m.promptLabel ?? null) : null)\n };\n \n const newId = await state.db.messages.put(row);\n if (!m.id) {\n state.messages![idx].id = newId;\n }\n state.messages![idx].chatId = chatId;\n state.messages![idx].createdAt = createdAt;\n return newId || m.id || null;\n } catch (_) {\n return null;\n }\n}\n\n/**\n * Delete a single message\n */\nexport async function deleteMessage(state: AppState, idx: number): Promise<void> {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const msg = state.messages![idx];\n const messageId = msg && msg.id != null ? msg.id : null;\n \n try {\n if (state.db && !state.db.sessions && messageId != null) {\n await state.db.messages.delete(messageId);\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) {\n delete state.messageReasoningMap[messageId];\n }\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) {\n delete state.expandedReasoningMap[messageId];\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n state.messages!.splice(idx, 1);\n if (state.copiedMap && state.copiedMap[idx]) {\n delete state.copiedMap[idx];\n }\n } catch (_) {\n /* ignore */\n }\n \n if (state.editingMessageIdx === idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n } else if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = state.editingMessageIdx - 1;\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Delete all messages below an index\n */\nexport async function deleteMessagesBelow(state: AppState, idx: number): Promise<void> {\n try {\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const thisChatId = state.currentChatId;\n const toRemove = (state.messages || []).slice(idx + 1);\n \n try {\n if (state.db && !state.db.sessions) {\n for (const msg of toRemove) {\n const messageId = msg && msg.id != null ? msg.id : null;\n if (messageId != null) {\n try {\n await state.db.messages.delete(messageId);\n } catch (_) {\n /* ignore */\n }\n }\n if (messageId != null) {\n if (state.messageReasoningMap && state.messageReasoningMap[messageId] != null) {\n delete state.messageReasoningMap[messageId];\n }\n if (state.expandedReasoningMap && state.expandedReasoningMap[messageId] != null) {\n delete state.expandedReasoningMap[messageId];\n }\n }\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.editingMessageIdx === 'number' && state.editingMessageIdx > idx) {\n state.editingMessageIdx = null;\n state.editingMessageId = null;\n state.editingMessageText = '';\n state.editingMessageOriginal = '';\n }\n \n try {\n if (state.streamingChats && thisChatId && state.streamingChats[thisChatId]) {\n delete state.streamingChats[thisChatId];\n }\n } catch (_) {\n /* ignore */\n }\n \n state.scrollToBottom && state.scrollToBottom();\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Rerun from a user message (in sessions mode, this forks)\n */\nexport async function rerunFromUser(state: AppState, idx: number): Promise<void> {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const m = state.messages![idx];\n if (!m || m.role !== 'user') return;\n \n // In sessions mode with branching enabled, use coreForkAtMessage to create a new branch\n if (state.db && state.db.sessions && state.sessionTree && state.sessionTree.branchingEnabled && state.currentChatId) {\n const { forkAtMessage: coreForkAtMessage } = await import('./branchManager.ts');\n await coreForkAtMessage(state, state.currentChatId, idx);\n return;\n }\n \n // Legacy mode\n try {\n state.messages = (state.messages || []).slice(0, idx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > idx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.streamAssistant === 'function') {\n await state.streamAssistant();\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Rerun / regenerate assistant response (in sessions mode, this forks)\n */\nexport async function rerunAssistant(state: AppState, idx: number): Promise<void> {\n try {\n if (state.isStreamingForCurrent) return;\n if (!Array.isArray(state.messages) || idx == null || idx < 0 || idx >= state.messages!.length) return;\n \n const m = state.messages![idx];\n if (!m || m.role !== 'assistant') return;\n \n // In sessions mode with branching, use forkAndRegenerate\n if (state.db && state.db.sessions && state.sessionTree && state.sessionTree.branchingEnabled && state.currentChatId) {\n const { forkAndRegenerate: coreForkAndRegenerate } = await import('./branchManager.ts');\n await coreForkAndRegenerate(state, state.currentChatId, idx);\n return;\n }\n \n // Legacy mode: find previous user message\n let prevUserIdx = -1;\n for (let i = idx - 1; i >= 0; i--) {\n if (state.messages![i] && state.messages![i].role === 'user') {\n prevUserIdx = i;\n break;\n }\n }\n \n if (prevUserIdx < 0) return;\n \n try {\n state.messages = (state.messages || []).slice(0, prevUserIdx + 1);\n if (state.copiedMap) {\n try {\n const keys = Object.keys(state.copiedMap);\n for (const k of keys) {\n const i = Number(k);\n if (Number.isFinite(i) && i > prevUserIdx) delete state.copiedMap[i];\n }\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n \n if (typeof state.streamAssistant === 'function') {\n await state.streamAssistant();\n }\n } catch (_) {\n /* ignore */\n }\n}\n\n",[],[185,681,683],"340136f8-a432-11f0-ac57-0224a6c84d84","jobManager.ts","b713b53c-86b1-11f0-96d1-0224a6c84d84",213,["D",1759919597605],"// Minimal frontend JobManager to orchestrate chat jobs via SSE\n// Provides per-job isolation, lifecycle, and integration points for chat UI\n\nimport { createJob as apiCreateJob, streamJob as apiStreamJob, cancelJob as apiCancelJob } from '../apiClient.js';\n\ninterface JobData {\n id: string;\n type: string;\n status: string;\n createdAt: number;\n updatedAt: number;\n data: any;\n reader?: ReadableStreamDefaultReader<Uint8Array>;\n token: string;\n}\n\ninterface ChatJobInput {\n messages: Array<{ role: string; content: string }>;\n userApiKey?: string;\n model: string;\n base_url?: string;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n query?: string;\n dateRange?: string;\n source?: string;\n language?: string;\n offset?: number;\n}\n\ninterface JobState {\n handleJobEvent?: (id: string, data: any) => void;\n applyJobDelta?: (id: string, data: any) => void;\n applyJobResults?: (id: string, data: any) => void;\n}\n\nexport class JobManager {\n private jobs: Map<string, JobData>;\n\n constructor() {\n this.jobs = new Map();\n }\n\n async startChatJob(state: JobState, input: ChatJobInput): Promise<string> {\n const { id } = await apiCreateJob({ type: 'chat', input });\n const token = String(Date.now()) + '-' + Math.random();\n \n this.jobs.set(id, {\n id,\n type: 'chat',\n status: 'pending',\n createdAt: Date.now(),\n updatedAt: Date.now(),\n data: {},\n token\n });\n \n const res = await apiStreamJob(id);\n if (!res.ok || !res.body) throw new Error('Failed to stream job');\n \n const reader = res.body.getReader();\n const job = this.jobs.get(id);\n if (job) job.reader = reader;\n \n this._pumpSse(state, id);\n return id;\n }\n\n async cancel(id: string): Promise<void> {\n try {\n await apiCancelJob(id);\n } catch (_) {\n /* ignore */\n }\n \n const item = this.jobs.get(id);\n if (item && item.reader) {\n try {\n item.reader.cancel();\n } catch (_) {}\n }\n \n this.jobs.delete(id);\n }\n\n private async _pumpSse(state: JobState, id: string): Promise<void> {\n const item = this.jobs.get(id);\n if (!item || !item.reader) return;\n \n const reader = item.reader;\n const decoder = new TextDecoder();\n let buffer = '';\n \n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n \n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n \n for (const evt of events) {\n if (!evt.trim()) continue;\n \n let eventName = 'message';\n const lines = evt.split('\\n');\n \n for (const line of lines) {\n if (line.startsWith('event: ')) {\n eventName = line.slice(7).trim();\n continue;\n }\n \n if (!line.startsWith('data: ')) continue;\n \n const data = line.slice(6);\n if (data === '[DONE]') continue;\n \n let parsed: any = null;\n try {\n parsed = JSON.parse(data);\n } catch (_) {\n parsed = null;\n }\n \n if (eventName === 'job' && parsed) {\n const cur = this.jobs.get(id);\n if (!cur) continue;\n \n cur.status = parsed.status || cur.status;\n cur.updatedAt = Date.now();\n \n if (state && state.handleJobEvent) {\n try {\n state.handleJobEvent(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n } else if (eventName === 'data' && parsed) {\n if (state && state.applyJobDelta) {\n try {\n state.applyJobDelta(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n } else if (eventName === 'results' && parsed) {\n if (state && state.applyJobResults) {\n try {\n state.applyJobResults(id, parsed);\n } catch (_) {\n /* ignore */\n }\n }\n }\n }\n }\n }\n } catch (_) {\n /* end */\n }\n }\n}\n\n",[],[185,681,691],"342f1d98-a432-11f0-9812-0224a6c84d84","index.ts","342f1e60-a432-11f0-9812-0224a6c84d84",220,["D",1759919597925],"// Central export file for all core modules\n// This provides backwards-compatible exports matching the old chatCore.js API\n\n// Database\nexport { initDb } from './db.ts';\n\n// Sessions\nexport {\n slugifyTitle,\n loadSessions,\n loadChats,\n loadSession,\n saveSession,\n createNewChat,\n selectChat,\n deleteChat,\n duplicateChat,\n startEditingChat,\n commitEditingChat,\n cancelEditingChat,\n moveChatToFolder,\n baseChats,\n chatsInFolder\n} from './sessions.ts';\n\n// Folders\nexport {\n loadFolders,\n createFolder,\n startEditingFolder,\n commitEditingFolder,\n cancelEditingFolder,\n toggleFolderCollapsed\n} from './folders.ts';\n\n// Messages\nexport {\n ensureChatExistsForEdits,\n persistMessageAtIndex,\n deleteMessage,\n deleteMessagesBelow,\n rerunFromUser,\n rerunAssistant\n} from './messages.ts';\n\n// Import/Export\nexport {\n exportAllData,\n importDataReplace,\n importDataAppend\n} from './import-export.ts';\n\n",[],[185,681,699],"342937ac-a432-11f0-8444-0224a6c84d84","import-export.ts","3429386a-a432-11f0-8444-0224a6c84d84",219,["D",1759919597884],"// Data import/export operations\nimport type { Session, Folder, SystemPrompt, Note } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { slugifyTitle } from './sessions.ts';\n\ninterface ExportData {\n meta: {\n type: string;\n schemaVersion: number;\n exportedAt: number;\n };\n data: {\n sessions: Session[];\n chats: any[];\n messages: any[];\n folders: Folder[];\n systemPrompts: SystemPrompt[];\n notes: Note[];\n };\n}\n\ninterface ImportCounts {\n foldersAdded: number;\n chatsAdded: number;\n messagesAdded: number;\n}\n\n/**\n * Export all data from the database\n */\nexport async function exportAllData(state: AppState): Promise<ExportData> {\n try {\n if (!state || !state.db) {\n return {\n meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() },\n data: { sessions: [], chats: [], messages: [], folders: [], systemPrompts: [], notes: [] }\n };\n }\n \n const [sessions, chats, messages, folders, systemPrompts, notes] = await Promise.all([\n (state.db.sessions ? state.db.sessions.toArray().catch(() => []) : Promise.resolve([])),\n state.db.chats.toArray().catch(() => []),\n state.db.messages.toArray().catch(() => []),\n state.db.folders.toArray().catch(() => []),\n state.db.systemPrompts.toArray().catch(() => []),\n state.db.notes.toArray().catch(() => []),\n ]);\n \n return {\n meta: {\n type: 'chatter-export',\n schemaVersion: Number(state.db.verno || 0),\n exportedAt: Date.now(),\n },\n data: { sessions, chats, messages, folders, systemPrompts, notes },\n };\n } catch (_) {\n return {\n meta: { type: 'chatter-export', schemaVersion: 0, exportedAt: Date.now() },\n data: { sessions: [], chats: [], messages: [], folders: [], systemPrompts: [], notes: [] }\n };\n }\n}\n\n/**\n * Import data by replacing all existing data\n */\nexport async function importDataReplace(state: AppState, input: string | any): Promise<ImportCounts> {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) {\n return {};\n }\n })();\n \n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const sessions = Array.isArray(data?.sessions) ? data.sessions : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n \n let counts: ImportCounts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n \n try {\n if (!state || !state.db) return counts;\n \n const tables = [state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes];\n if (state.db.sessions) tables.unshift(state.db.sessions);\n \n await state.db.transaction('rw', ...tables, async () => {\n if (state.db!.sessions) {\n await state.db!.sessions.clear();\n }\n await state.db!.messages.clear();\n await state.db!.chats.clear();\n await state.db!.folders.clear();\n await state.db!.systemPrompts.clear();\n await state.db!.notes.clear();\n \n if (sessions.length && state.db!.sessions) {\n try {\n // Ensure no ID conflicts by removing id to allow auto-increment\n const rows = sessions.map(s => {\n const copy = { ...s };\n delete (copy as any).id;\n return copy;\n });\n await state.db!.sessions.bulkAdd(rows);\n } catch (_) {\n for (const s of sessions) {\n try {\n const copy = { ...s };\n delete (copy as any).id;\n await state.db!.sessions.add(copy);\n } catch (_) {}\n }\n }\n }\n \n if (folders.length) {\n try {\n await state.db!.folders.bulkAdd(folders);\n counts.foldersAdded = folders.length;\n } catch (_) {\n for (const f of folders) {\n try {\n await state.db!.folders.add(f);\n counts.foldersAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (chats.length) {\n try {\n await state.db!.chats.bulkAdd(chats);\n counts.chatsAdded = chats.length;\n } catch (_) {\n for (const c of chats) {\n try {\n await state.db!.chats.add(c);\n counts.chatsAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (messages.length) {\n try {\n await state.db!.messages.bulkAdd(messages);\n counts.messagesAdded = messages.length;\n } catch (_) {\n for (const m of messages) {\n try {\n await state.db!.messages.add(m);\n counts.messagesAdded += 1;\n } catch (_) {}\n }\n }\n }\n \n if (systemPrompts.length) {\n try {\n await state.db!.systemPrompts.bulkAdd(systemPrompts);\n } catch (_) {\n for (const sp of systemPrompts) {\n try {\n await state.db!.systemPrompts.add(sp);\n } catch (_) {}\n }\n }\n }\n \n if (notes.length) {\n try {\n await state.db!.notes.bulkAdd(notes);\n } catch (_) {\n for (const n of notes) {\n try {\n await state.db!.notes.add(n);\n } catch (_) {}\n }\n }\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n return counts;\n}\n\n/**\n * Import data by appending to existing data\n */\nexport async function importDataAppend(state: AppState, input: string | any): Promise<ImportCounts> {\n const parsed = (() => {\n try {\n if (!input) return {};\n if (typeof input === 'string') return JSON.parse(input);\n return input;\n } catch (_) {\n return {};\n }\n })();\n \n const data = parsed && parsed.data ? parsed.data : parsed;\n const folders = Array.isArray(data?.folders) ? data.folders : [];\n const sessions = Array.isArray(data?.sessions) ? data.sessions : [];\n const chats = Array.isArray(data?.chats) ? data.chats : [];\n const messages = Array.isArray(data?.messages) ? data.messages : [];\n const systemPrompts = Array.isArray(data?.systemPrompts) ? data.systemPrompts : [];\n const notes = Array.isArray(data?.notes) ? data.notes : [];\n \n let counts: ImportCounts = { foldersAdded: 0, chatsAdded: 0, messagesAdded: 0 };\n const folderIdMap: Record<string, number> = {};\n const chatIdMap: Record<string, number> = {};\n \n try {\n if (!state || !state.db) return counts;\n \n const tables = [state.db.folders, state.db.chats, state.db.messages, state.db.systemPrompts, state.db.notes];\n if (state.db.sessions) tables.unshift(state.db.sessions);\n \n await state.db.transaction('rw', ...tables, async () => {\n // Append sessions directly\n if (sessions.length && state.db!.sessions) {\n for (const s of sessions) {\n try {\n const copy = { ...s };\n delete (copy as any).id;\n await state.db!.sessions.add(copy);\n } catch (_) {\n /* ignore */\n }\n }\n }\n \n // Append folders, remapping IDs\n for (const f of folders) {\n try {\n const row = {\n name: f?.name || 'folder',\n createdAt: Number(f?.createdAt) || Date.now(),\n order: (typeof f?.order === 'number') ? f.order : undefined,\n collapsed: !!f?.collapsed,\n };\n const newId = await state.db!.folders.add(row);\n if (f && f.id != null) folderIdMap[String(f.id)] = newId;\n counts.foldersAdded += 1;\n } catch (_) {\n /* ignore single add */\n }\n }\n \n // Append chats, remapping folderId\n for (const c of chats) {\n try {\n const title = (c?.title && String(c.title)) || 'New chat';\n const slug = (c?.slug && String(c.slug)) || slugifyTitle(title);\n const oldFolderId = (c && c.folderId != null) ? String(c.folderId) : null;\n const newFolderId = oldFolderId != null ? (folderIdMap[oldFolderId] ?? null) : null;\n const row = {\n title,\n slug,\n createdAt: Number(c?.createdAt) || Date.now(),\n folderId: newFolderId ?? null,\n };\n const newId = await state.db!.chats.add(row);\n if (c && c.id != null) chatIdMap[String(c.id)] = newId;\n counts.chatsAdded += 1;\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append messages, remapping chatId\n for (const m of messages) {\n try {\n const oldChatId = m && m.chatId != null ? String(m.chatId) : null;\n if (oldChatId == null) continue;\n const newChatId = chatIdMap[oldChatId];\n if (!newChatId) continue;\n const row = {\n chatId: newChatId,\n createdAt: Number(m?.createdAt) || Date.now(),\n role: m?.role || 'assistant',\n content: String(m?.content || ''),\n reasoning: String(m?.reasoning || ''),\n model: (m && m.model != null) ? m.model : null,\n };\n await state.db!.messages.add(row);\n counts.messagesAdded += 1;\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append system prompts\n for (const sp of systemPrompts) {\n try {\n const row = {\n name: sp?.name || 'Preset',\n content: String(sp?.content || ''),\n systemPrompt: String(sp?.systemPrompt || sp?.content || ''),\n settings: sp?.settings || null,\n createdAt: Number(sp?.createdAt) || Date.now(),\n updatedAt: Number(sp?.updatedAt) || Date.now(),\n };\n await state.db!.systemPrompts.add(row);\n } catch (_) {\n /* ignore */\n }\n }\n \n // Append notes\n for (const n of notes) {\n try {\n const row = {\n title: String(n?.title || ''),\n content: String(n?.content || ''),\n createdAt: Number(n?.createdAt) || Date.now(),\n updatedAt: Number(n?.updatedAt) || Date.now(),\n };\n await state.db!.notes.add(row);\n } catch (_) {\n /* ignore */\n }\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n return counts;\n}\n\n",[],[185,681,707],"342226ce-a432-11f0-855f-0224a6c84d84","folders.ts","34222778-a432-11f0-855f-0224a6c84d84",217,["D",1759919597839],"// Folder management operations\nimport type { Folder } from '../types.ts';\nimport type { AppState } from './db.ts';\nimport { loadChats } from './sessions.ts';\n\n/**\n * Load all folders\n */\nexport async function loadFolders(state: AppState): Promise<void> {\n try {\n const rows = await state.db!.folders.orderBy('order').toArray();\n state.folders = rows.map((r: any) => ({\n id: r.id,\n name: r.name || 'folder',\n createdAt: r.createdAt || Date.now(),\n order: r.order ?? r.id,\n collapsed: !!r.collapsed\n }));\n } catch (_) {\n state.folders = [];\n }\n}\n\n/**\n * Create a new folder\n */\nexport async function createFolder(state: AppState): Promise<void> {\n try {\n const createdAt = Date.now();\n const name = 'folder';\n const order = (state.folders && state.folders[state.folders.length - 1]?.order || 0) + 1;\n const id = await state.db!.folders.add({ name, createdAt, order, collapsed: false });\n await loadFolders(state);\n // Immediately enter rename mode\n startEditingFolder(state, id, name);\n } catch (_) {\n /* ignore */\n }\n}\n\n/**\n * Start editing a folder name\n */\nexport function startEditingFolder(state: AppState, id: number, currentName: string): void {\n state.editingFolderId = id;\n state.editingFolderName = currentName || '';\n setTimeout(() => {\n try {\n const el = document.querySelector('input[data-folder-id=\"' + id + '\"]') as HTMLInputElement;\n if (el) {\n el.focus();\n el.select();\n }\n } catch (_) {}\n }, 30);\n}\n\n/**\n * Commit folder name edit\n */\nexport async function commitEditingFolder(state: AppState): Promise<void> {\n const rawId = state.editingFolderId;\n const id = typeof rawId === 'string' ? Number(rawId) : rawId;\n if (!id) return cancelEditingFolder(state);\n \n const name = (state.editingFolderName || '').trim() || 'folder';\n try {\n const prev = await state.db!.folders.get(id);\n await state.db!.folders.put({\n id,\n name,\n createdAt: prev?.createdAt || Date.now(),\n order: prev?.order ?? id,\n collapsed: !!prev?.collapsed\n });\n await loadFolders(state);\n } catch (_) {\n /* ignore */\n }\n \n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\n/**\n * Cancel folder name edit\n */\nexport function cancelEditingFolder(state: AppState): void {\n state.editingFolderId = null;\n state.editingFolderName = '';\n}\n\n/**\n * Toggle folder collapsed state\n */\nexport async function toggleFolderCollapsed(state: AppState, id: number): Promise<void> {\n try {\n const f = await state.db!.folders.get(id);\n if (!f) return;\n await state.db!.folders.put({ ...f, collapsed: !f.collapsed });\n await loadFolders(state);\n } catch (_) {\n /* ignore */\n }\n}\n\n",[],[185,681,715],"3434f862-a432-11f0-aaa2-0224a6c84d84","db.ts","3434f92a-a432-11f0-aaa2-0224a6c84d84",221,["D",1759919597964],"// Database initialization and schema management\nimport type { Session, Message } from '../types.ts';\n\nexport interface DexieDatabase {\n sessions?: any;\n chats?: any;\n messages?: any;\n folders?: any;\n systemPrompts?: any;\n notes?: any;\n version: (v: number) => any;\n transaction: (mode: string, ...tables: any[]) => Promise<void>;\n delete: () => Promise<void>;\n close: () => void;\n on: (event: string, handler: () => void) => void;\n verno?: number;\n}\n\nexport interface AppState {\n db?: DexieDatabase;\n [key: string]: any;\n}\n\nexport async function initDb(state: AppState): Promise<void> {\n try {\n const Dexie = (window as any).Dexie;\n state.db = new Dexie('chat_db');\n \n // Schema versions 1-10 (legacy)\n state.db!.version(1).stores({ chats: '++id,title,createdAt' });\n state.db!.version(2).stores({ \n chats: '++id,title,createdAt', \n messages: '++id,chatId,createdAt,role,content' \n });\n state.db!.version(3).stores({ \n chats: '++id,title,createdAt,folderId', \n messages: '++id,chatId,createdAt,role,content', \n folders: '++id,name,createdAt,order,collapsed' \n });\n state.db!.version(4).stores({ \n chats: '++id,title,slug,createdAt,folderId', \n messages: '++id,chatId,createdAt,role,content', \n folders: '++id,name,createdAt,order,collapsed' \n });\n state.db!.version(5).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n state.db!.version(6).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,createdAt,updatedAt'\n });\n state.db!.version(7).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(8).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(9).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt'\n });\n state.db!.version(10).stores({\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n \n // v11: Atomic sessions with branching support\n state.db!.version(11).stores({\n sessions: '++id,title,slug,createdAt,folderId,updatedAt',\n chats: '++id,title,slug,createdAt,folderId,systemPromptId,systemPromptText,settings,activeSettingsSource,customPromptText',\n messages: '++id,chatId,createdAt,role,content,model',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n }).upgrade(async (tx: any) => {\n try {\n console.log('🔄 Migrating v10 → v11: chats+messages → sessions');\n const chats = await tx.table('chats').toArray();\n \n for (const chat of chats) {\n try {\n const msgs = await tx.table('messages').where('chatId').equals(chat.id).sortBy('createdAt');\n const treeMessages: Message[] = msgs.map((m: any, idx: number) => ({\n id: idx + 1,\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning || undefined,\n model: m.model || undefined,\n promptLabel: m.promptLabel || undefined,\n depth: idx\n }));\n \n const session: Partial<Session> = {\n title: chat.title,\n slug: chat.slug || undefined,\n createdAt: chat.createdAt,\n updatedAt: Date.now(),\n folderId: chat.folderId || null,\n systemPromptId: chat.systemPromptId || null,\n activeSettingsSource: chat.activeSettingsSource || null,\n tree: {\n messages: treeMessages,\n branches: [],\n activeBranchId: null,\n branchingEnabled: false\n },\n settings: chat.settings || undefined,\n systemPrompt: chat.systemPromptText || chat.customPromptText || undefined\n };\n \n await tx.table('sessions').add(session);\n console.log('✅ Migrated chat', chat.id, '→ session');\n } catch (err) {\n console.error('❌ Session migration failed for chat', chat?.id, err);\n }\n }\n console.log('✅ Migration v10 → v11 complete');\n } catch (err) {\n console.error('❌ Migration v10 → v11 failed', err);\n }\n });\n \n // Set up database event handlers\n try {\n state.db!.on('versionchange', () => {\n try {\n state.db!.close();\n } catch (_) {\n /* ignore */\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n // Prototype mode: start fresh with sessions-only schema\n try {\n const resetFlagKey = 'db_reset_sessions_v11';\n const hasReset = (() => {\n try {\n return localStorage.getItem(resetFlagKey) === '1';\n } catch (_) {\n return false;\n }\n })();\n \n if (!hasReset) {\n try {\n await state.db!.delete();\n } catch (_) {\n /* ignore */\n }\n \n // Recreate with sessions-only schema\n state.db = new Dexie('chat_db');\n state.db!.version(11).stores({\n sessions: '++id,title,slug,createdAt,folderId,updatedAt',\n folders: '++id,name,createdAt,order,collapsed',\n systemPrompts: '++id,name,content,systemPrompt,settings,createdAt,updatedAt',\n notes: '++id,title,content,createdAt,updatedAt'\n });\n \n try {\n state.db!.on('versionchange', () => {\n try {\n state.db!.close();\n } catch (_) {\n /* ignore */\n }\n });\n } catch (_) {\n /* ignore */\n }\n \n try {\n localStorage.setItem(resetFlagKey, '1');\n } catch (_) {\n /* ignore */\n }\n }\n } catch (_) {\n /* ignore */\n }\n } catch (e) {\n console.error('Dexie init error', e);\n }\n}\n\n",[],[185,681,723],"34175208-a432-11f0-ac23-0224a6c84d84","branchManager.ts","341752c6-a432-11f0-ac23-0224a6c84d84",216,["D",1759919597757],"// Branch management helpers for atomic sessions (v11)\nimport type { Session, Message, Branch, SessionTree, UIMessage } from '../types.ts';\nimport {\n getBranchById,\n getNextMessageId,\n getNextBranchId,\n getMessageById,\n createDefaultMessage,\n messageToUIMessage,\n} from '../types.ts';\n\n// Type for application state (minimal interface)\ninterface AppState {\n db?: any;\n currentChatId?: number | null;\n currentBranchId?: number | null;\n messages?: UIMessage[];\n sessionTree?: SessionTree;\n selectedModel?: string;\n computeCurrentPromptLabel?: () => string;\n currentTemplateLabel?: string;\n streamAssistant?: () => void | Promise<void>;\n scrollToBottom?: () => void;\n $nextTick?: (fn: () => void) => void;\n loadChats?: () => Promise<void>;\n selectChat?: (id: number) => Promise<void>;\n}\n\n/**\n * Build a linear path of messages from a branch leaf to root.\n * If branching is disabled or branch not found, falls back to all messages in stored order.\n */\nexport function buildMessagePath(session: Session, branchId: number | null = null): Message[] {\n try {\n const tree = session?.tree ?? { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n console.log('🌳 buildMessagePath: branchId =', branchId, 'tree has', messages.length, 'messages', tree.branches?.length || 0, 'branches');\n \n if (!tree.branchingEnabled || !Array.isArray(tree.branches) || tree.branches.length === 0) {\n console.log('🌳 buildMessagePath: Branching disabled or no branches, returning all messages');\n return messages.slice();\n }\n \n const targetBranchId = branchId != null ? branchId : (tree.activeBranchId != null ? tree.activeBranchId : null);\n console.log('🌳 buildMessagePath: targetBranchId =', targetBranchId);\n \n const branch = targetBranchId != null ? getBranchById(session, targetBranchId) : null;\n if (!branch) {\n console.log('🌳 buildMessagePath: Branch not found, returning all messages');\n return messages.slice();\n }\n console.log('🌳 buildMessagePath: Found branch', branch, 'leafMessageId =', branch.leafMessageId);\n \n const byId = new Map(messages.map(m => [m.id, m]));\n const path: Message[] = [];\n const visited = new Set<number>();\n let currentId = branch.leafMessageId;\n console.log('🌳 buildMessagePath: Walking from leaf', currentId);\n \n while (currentId != null && !visited.has(currentId)) {\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) {\n console.warn('🌳 buildMessagePath: Message', currentId, 'not found in tree!');\n break;\n }\n path.unshift(msg);\n console.log('🌳 buildMessagePath: Added message', currentId, 'role:', msg.role, 'parentId:', msg.parentId);\n currentId = msg.parentId;\n }\n console.log('🌳 buildMessagePath: Final path has', path.length, 'messages');\n return path;\n } catch (err) {\n console.error('🌳 buildMessagePath: Error', err);\n return session?.tree?.messages?.slice() ?? [];\n }\n}\n\n/**\n * Basic cycle validation helper. Throws if a cycle is detected via parentId chain.\n */\nexport function validateNoCycles(session: Session, newMessage: Message): boolean {\n if (!newMessage || newMessage.parentId == null) return true;\n \n const tree = session?.tree ?? { messages: [] };\n const byId = new Map<number, Message>(\n (Array.isArray(tree.messages) ? tree.messages : []).map(m => [m.id, m])\n );\n \n const visited = new Set<number>();\n let currentId: number | null = newMessage.parentId;\n \n while (currentId != null) {\n if (visited.has(currentId)) {\n throw new Error('Cycle detected in message tree');\n }\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) break;\n currentId = msg.parentId;\n }\n \n return true;\n}\n\n/**\n * Enable branching for a session and create a default \"main\" branch pointing to the last message.\n */\nexport async function enableBranching(state: AppState, sessionId: number): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) tree.branchingEnabled = true;\n if (!Array.isArray(tree.branches)) tree.branches = [];\n \n if (tree.branches.length === 0) {\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const last = messages.length > 0 ? messages[messages.length - 1] : null;\n if (last) {\n const bid = 1;\n tree.branches.push({\n id: bid,\n leafMessageId: last.id,\n name: 'main',\n baseMessageId: null,\n createdAt: Date.now()\n });\n tree.activeBranchId = bid;\n }\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Fork session at a specific message: creates a NEW SESSION with messages up to that point\n */\nexport async function forkSessionAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ sessionId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n // Get messages up to and including the fork point\n const messagesUpToFork = currentPath.slice(0, messageIdx + 1);\n \n // Create a new session with only these messages\n const now = Date.now();\n const newTitle = session.title + ' (fork)';\n const newSlug = session.slug ? session.slug + '-fork-' + now : undefined;\n \n // Build a clean tree with just the forked messages\n const newMessages: Message[] = messagesUpToFork.map((m, idx) => ({\n id: idx + 1, // Renumber from 1\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n model: m.model,\n promptLabel: m.promptLabel,\n depth: idx\n }));\n \n const newSessionId = await state.db.sessions.add({\n title: newTitle,\n slug: newSlug,\n createdAt: now,\n updatedAt: now,\n folderId: session.folderId,\n systemPromptId: session.systemPromptId,\n activeSettingsSource: session.activeSettingsSource,\n tree: {\n messages: newMessages,\n branches: [{ id: 1, leafMessageId: newMessages.length, name: 'main', baseMessageId: null, createdAt: now }],\n activeBranchId: 1,\n branchingEnabled: true\n },\n settings: session.settings ? { ...session.settings } : undefined,\n systemPrompt: session.systemPrompt || ''\n });\n \n // Reload chats list and switch to the new session\n if (state.loadChats) await state.loadChats();\n if (state.selectChat) await state.selectChat(newSessionId);\n \n return { sessionId: newSessionId };\n}\n\n/**\n * Create a sibling alternative at a given message index (works for user or assistant).\n * For user messages: keeps the user message and triggers regeneration\n * For assistant messages: creates a blank sibling assistant message\n */\nexport async function forkAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ messageId?: number; branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const baseMsg = currentPath[messageIdx];\n if (!baseMsg) return null;\n \n // For user messages: create new branch pointing to the user message, then let streamAssistant create the response\n if (baseMsg.role === 'user') {\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: baseMsg.id,\n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (just up to the user message)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming - it will create the assistant message with a NEW ID\n if (state.streamAssistant) {\n if (state.scrollToBottom) state.scrollToBottom();\n state.streamAssistant();\n }\n }\n \n return { branchId: newBranchId };\n } else {\n // For assistant messages: create blank sibling\n const newMsgId = getNextMessageId(session);\n const newMessage: Message = {\n id: newMsgId,\n parentId: baseMsg.parentId ?? null,\n createdAt: Date.now(),\n role: 'assistant',\n content: '',\n reasoning: '',\n model: state.selectedModel ?? null,\n promptLabel: state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel ?? null),\n depth: typeof baseMsg.depth === 'number' ? baseMsg.depth : 0\n };\n \n validateNoCycles(session, newMessage);\n tree.messages.push(newMessage);\n \n // Create new branch pointing to this new assistant message\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: newMsgId, \n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (with blank assistant)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n }\n \n return { messageId: newMsgId, branchId: newBranchId };\n }\n}\n\n/**\n * Fork and immediately regenerate (for assistant messages): create sibling + trigger streaming\n */\nexport async function forkAndRegenerate(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const targetMsg = currentPath[messageIdx];\n if (!targetMsg || targetMsg.role !== 'assistant') return null;\n \n // Find previous user message to rerun from\n let prevUserMsg: Message | null = null;\n for (let i = messageIdx - 1; i >= 0; i--) {\n if (currentPath[i].role === 'user') {\n prevUserMsg = currentPath[i];\n break;\n }\n }\n if (!prevUserMsg) return null;\n \n // Create a new branch that will contain the regenerated response\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = {\n id: newBranchId,\n leafMessageId: prevUserMsg.id, // Start at the user message\n name: `alternative ${newBranchId}`,\n baseMessageId: prevUserMsg.parentId ?? null,\n createdAt: Date.now()\n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI and truncate to the user message, then trigger regeneration\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming assistant reply\n if (state.streamAssistant && state.$nextTick) {\n state.$nextTick(() => state.streamAssistant!());\n }\n }\n \n return { branchId: newBranchId };\n}\n\n/**\n * Switch to a different branch\n */\nexport async function switchBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n console.log('🔀 switchBranch called:', { sessionId, branchId, currentBranchId: state.currentBranchId });\n console.log('📊 Session tree before switch:', JSON.stringify(session.tree, null, 2));\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) {\n console.warn('⚠️ Branching not enabled for this session');\n return;\n }\n \n const branch = getBranchById(session, branchId);\n if (!branch) {\n console.warn('⚠️ Branch not found:', branchId, 'Available branches:', tree.branches.map(b => b.id));\n return;\n }\n \n console.log('✅ Found branch:', branch);\n \n tree.activeBranchId = branch.id;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, branch.id);\n console.log('📝 Built message path for branch', branch.id, ':', path.length, 'messages');\n \n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = branch.id;\n \n console.log('✅ State updated - messages count:', state.messages?.length, 'currentBranchId:', state.currentBranchId);\n \n // Force scroll to bottom after branch switch\n if (state.$nextTick && state.scrollToBottom) {\n state.$nextTick(() => state.scrollToBottom!());\n }\n }\n}\n\n/**\n * Archive (delete) a branch\n */\nexport async function archiveBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!Array.isArray(tree.branches) || tree.branches.length === 0) return;\n \n tree.branches = tree.branches.filter(b => b.id !== branchId);\n if (tree.activeBranchId === branchId) {\n tree.activeBranchId = tree.branches[0] ? tree.branches[0].id : null;\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Rename a branch\n */\nexport async function renameBranch(\n state: AppState,\n sessionId: number,\n branchId: number,\n newName: string\n): Promise<boolean> {\n if (!state?.db?.sessions || !sessionId) return false;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return false;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const branch = getBranchById(session, branchId);\n if (!branch) return false;\n \n branch.name = newName.trim() || branch.name || 'branch';\n branch.updatedAt = Date.now();\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n }\n \n return true;\n}\n\n/**\n * Delete a message and all branches that contain it\n */\nexport async function deleteMessageAndBranches(\n state: AppState,\n sessionId: number,\n messageId: number\n): Promise<void> {\n if (!state?.db?.sessions || !sessionId || messageId == null) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return;\n \n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const branches = Array.isArray(tree.branches) ? tree.branches : [];\n \n // Find all branches that contain this message\n const branchesToDelete: number[] = [];\n for (const branch of branches) {\n const path = buildMessagePath(session, branch.id);\n if (path.some(m => m.id === messageId)) {\n branchesToDelete.push(branch.id);\n }\n }\n \n // Remove those branches\n tree.branches = branches.filter(b => !branchesToDelete.includes(b.id));\n \n // If the active branch was deleted, switch to the first remaining branch\n if (tree.activeBranchId && branchesToDelete.includes(tree.activeBranchId)) {\n tree.activeBranchId = tree.branches.length > 0 ? tree.branches[0].id : null;\n }\n \n // Remove the message itself and any messages that have it as parent\n const toRemove = new Set<number>([messageId]);\n let changed = true;\n while (changed) {\n changed = false;\n for (const msg of messages) {\n if (!toRemove.has(msg.id) && msg.parentId != null && toRemove.has(msg.parentId)) {\n toRemove.add(msg.id);\n changed = true;\n }\n }\n }\n tree.messages = messages.filter(m => !toRemove.has(m.id));\n \n // Update session\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI if this is the current chat\n if (state.currentChatId === sessionId) {\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = tree.activeBranchId ?? null;\n \n if (tree.activeBranchId && tree.branches.length > 0) {\n const path = buildMessagePath(session, tree.activeBranchId);\n state.messages = path.map(messageToUIMessage);\n } else {\n state.messages = [];\n }\n }\n}\n\n",[],[185,681,731],"8fdb7f04-78f1-11f0-bbe7-0224a6c84d84",43,["D",1755163934439],[235,236,237,238,239,240,241,242],[185,681],"6a3ab1b2-a933-11f0-9cab-0224a6c84d84","sidebarMobile.html","e16bcc48-804e-11f0-a93f-0224a6c84d84","e1505bd4-804e-11f0-8f43-0224a6c84d84",265,["D",1760469873875],"<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 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",[],[185,752,744],"components","6a183312-a933-11f0-9a2b-0224a6c84d84","sidebarDesktop.html","e1c45174-804e-11f0-a248-0224a6c84d84",261,["D",1760469873642],5,"<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\" 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 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",[],[185,752,754],"6a1ffb42-a933-11f0-94ed-0224a6c84d84","globalMenu.html","cd737636-931e-11f0-9474-0224a6c84d84",262,["D",1760469873682],"\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 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\">\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 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\">\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",[],[185,752,763],"6a10a4da-a933-11f0-b9b3-0224a6c84d84","chatWindow.html","e2268db2-804e-11f0-990e-0224a6c84d84",260,["D",1760469873626],12,"<div class=\"flex flex-col h-full\">\n \n <div class=\"shrink-0 sticky top-0 z-20 bg-white/90 backdrop-blur supports-backdrop-blur:bg-white/60 dark:bg-gray-800/90 dark:supports-backdrop-blur:bg-gray-800/60\">\n \n <div x-cloak x-include=\"'/frontend/components/chatControls.html'\"></div>\n \n <div class=\"md:hidden flex items-center justify-between p-4\">\n <button type=\"button\" @click=\"toggleSidebar()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"><path d=\"M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75Zm0 10.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Zm0-5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z\"/></svg>\n <span>Menu</span>\n </button>\n <div class=\"flex items-center gap-2\">\n <button type=\"button\" @click=\"createNewChat()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded bg-blue-600 text-white\">\n <span>New</span>\n </button>\n <button type=\"button\" @click=\"openChatSettings()\" class=\"inline-flex items-center gap-2 px-3 py-2 rounded border border-gray-200 bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600\"><span class=\"iconify text-[16px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></span>\n <span>Settings</span>\n </button>\n </div>\n </div>\n </div>\n\n \n <div class=\"flex-1 min-h-0 overflow-y-auto p-4\" x-ref=\"messagesScroller\">\n <div class=\"min-w-0\">\n <div class=\"text-center mb-4\">\n <h1 class=\"text-2xl font-bold chat-title\"><a href=\"/new\" @click.prevent=\"openChatPage(); focusNewChat()\" class=\"hover:underline\">Chatter</a></h1>\n <p class=\"text-sm text-gray-600\">General-purpose AI assistant</p>\n </div>\n <div x-show=\"errorMessage\" class=\"mb-3\">\n <div class=\"flex items-center gap-2 px-4\">\n <p class=\"text-sm text-red-500\" x-text=\"errorMessage\"></p>\n </div>\n </div>\n <div class=\"space-y-4 pb-2 pl-4 pr-6 max-w-3xl mx-auto w-full\" x-ref=\"messagesContainer\">\n <template x-for=\"(m, idx) in (messages || [])\" :key=\"m.id || ('msg-' + idx)\">\n <div class=\"group flex flex-col gap-2\" :class=\"m.role === 'user' ? 'items-end' : 'items-start'\">\n \n <div :class=\"m.role === 'user' ? 'max-w-[80%] w-full flex justify-end' : 'w-full flex justify-start'\">\n <div class=\"h-6 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition msg-actions\">\n \n <div x-show=\"db && db.sessions && sessionTree && sessionTree.branchingEnabled\" class=\"inline-flex items-center gap-1 mr-2 border-r border-gray-200 pr-2 dark:border-gray-600\">\n <button type=\"button\" class=\"px-1.5 py-0.5 rounded text-[11px] border border-gray-200 bg-white/80 text-gray-600 hover:bg-blue-600 hover:text-white dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 transition\" @click.stop.prevent=\"switchBranch((() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return null; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); const prev = (i <= 0 ? ids[ids.length-1] : ids[i-1]); return prev; })())\" title=\"Previous branch\" aria-label=\"Previous branch\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:chevron-left\" aria-hidden=\"true\"></span>\n </button>\n <span class=\"text-[10px] text-gray-500 px-1 font-medium dark:text-gray-400\" x-text=\"(() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return ''; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); return (i + 1) + '/' + list.length; })()\"></span>\n <button type=\"button\" class=\"px-1.5 py-0.5 rounded text-[11px] border border-gray-200 bg-white/80 text-gray-600 hover:bg-blue-600 hover:text-white dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 transition\" @click.stop.prevent=\"switchBranch((() => { if (!sessionTree || !sessionTree.branches || !sessionTree.branches.length) return null; const list = sessionTree.branches; const ids = list.map(b => b.id); const i = ids.indexOf(currentBranchId || list[0].id); const next = (i >= ids.length-1 ? ids[0] : ids[i+1]); return next; })())\" title=\"Next branch\" aria-label=\"Next branch\">\n <span class=\"iconify text-[14px]\" data-icon=\"mdi:chevron-right\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"h-3 w-px bg-gray-300 dark:bg-gray-600\"></div>\n <button type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-green-200 bg-green-50/80 text-green-700 hover:bg-green-600 hover:text-white hover:border-green-600 dark:bg-gray-800 dark:text-green-400 dark:border-green-800 transition\" @click.stop.prevent=\"forkAtMessage(idx)\" title=\"Create alternative path here\" aria-label=\"Create branch\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:source-branch\" aria-hidden=\"true\"></span>\n <span>fork</span>\n </span>\n </button>\n <button x-show=\"m.role === 'assistant'\" type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-blue-200 bg-blue-50/80 text-blue-700 hover:bg-blue-600 hover:text-white hover:border-blue-600 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800 transition\" @click.stop.prevent=\"forkAndRegenerate(idx)\" title=\"Regenerate as new alternative\" aria-label=\"Regenerate as branch\" :disabled=\"isStreamingForCurrent || findPrevUserIndex(idx) < 0\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:reload\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n <button x-show=\"m.role === 'user'\" type=\"button\" class=\"px-2 py-0.5 rounded text-[11px] border border-blue-200 bg-blue-50/80 text-blue-700 hover:bg-blue-600 hover:text-white hover:border-blue-600 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800 transition\" @click.stop.prevent=\"rerunFromUser(idx)\" title=\"Rerun from this user message\" aria-label=\"Rerun from here\" :disabled=\"isStreamingForCurrent\">\n <span class=\"inline-flex items-center gap-0.5\">\n <span class=\"iconify text-[12px]\" data-icon=\"mdi:reload\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n </div>\n \n <button type=\"button\" @click.stop.prevent=\"copyMessage(idx)\" :title=\"copiedMap[idx] ? 'Copied' : 'Copy message'\" aria-label=\"Copy message\" :class=\"'px-2 py-1 rounded text-xs shadow-sm btn ' + (copiedMap[idx] ? 'bg-green-50 text-green-600 dark:bg-green-900/30 dark:text-green-400' : 'bg-white/80 text-gray-600 hover:text-gray-900 hover:bg-gray-100 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white')\">\n <span class=\"inline-flex items-center gap-1\">\n <span class=\"iconify text-[16px]\" x-show=\"!copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span class=\"iconify text-[16px] text-green-600\" x-show=\"copiedMap[idx]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></span>\n <span x-text=\"copiedMap[idx] ? 'copied' : 'copy'\"></span>\n </span>\n </button>\n <button x-show=\"m.role === 'user' && (!db || !db.sessions || !sessionTree || !sessionTree.branchingEnabled)\" type=\"button\" @click.stop.prevent=\"rerunFromUser(idx)\" :disabled=\"isStreamingForCurrent\" :title=\"isStreamingForCurrent ? 'Streaming in progress' : 'Rerun from here'\" aria-label=\"Rerun from here\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-blue-50/80 text-blue-700 hover:text-white hover:bg-blue-600 dark:bg-gray-700 dark:text-blue-400 dark:hover:bg-blue-600 dark:hover:text-white 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:reload\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n <button x-show=\"m.role === 'assistant' && (!db || !db.sessions || !sessionTree || !sessionTree.branchingEnabled)\" type=\"button\" @click.stop.prevent=\"rerunAssistant(idx)\" :disabled=\"isStreamingForCurrent || findPrevUserIndex(idx) < 0\" :title=\"isStreamingForCurrent ? 'Streaming in progress' : (findPrevUserIndex(idx) < 0 ? 'No previous user message' : 'Regenerate this reply')\" aria-label=\"Regenerate this reply\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-blue-50/80 text-blue-700 hover:text-white hover:bg-blue-600 dark:bg-gray-700 dark:text-blue-400 dark:hover:bg-blue-600 dark:hover:text-white 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:reload\" aria-hidden=\"true\"></span>\n <span>rerun</span>\n </span>\n </button>\n <button type=\"button\" @click.stop.prevent=\"startEditingMessage(idx)\" title=\"Edit message\" aria-label=\"Edit message\" class=\"px-2 py-1 rounded text-xs shadow-sm btn bg-white/80 text-gray-600 hover:text-gray-900 hover:bg-gray-100 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600 dark:hover:text-white\">\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 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-red-900/40 dark:hover:text-red-400\">\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 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-red-900/40 dark:hover:text-red-400\">\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 \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\" @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 \n <div :class=\"m.role === 'user' ? 'max-w-[80%] px-3 py-2 rounded-xl user-bubble' : 'w-full'\">\n <div x-show=\"m.role === 'assistant'\" class=\"text-[11px] text-gray-400 mb-1 flex items-center gap-2\">\n <span x-text=\"(m.model ? ('' + m.model) : '') + (m.model ? (' — ' + (m.promptLabel ?? 'custom')) : '')\"></span>\n </div>\n <div x-show=\"db && db.sessions && sessionTree && sessionTree.branchingEnabled && m.role === 'user'\" class=\"text-[11px] text-gray-400 mb-1 flex items-center gap-2\">\n <span>user message</span>\n </div>\n <div x-show=\"editingMessageIdx === idx\" x-cloak>\n <div :data-editing-idx=\"idx\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\" x-init=\"$el.textContent = editingMessageText\" @input=\"editingMessageText = $event.target.textContent; onEditingInput($event)\" @keydown.enter=\"if(!$event.shiftKey){ $event.preventDefault(); $event.stopPropagation(); commitEditingMessage(); }\" @keydown.escape.stop.prevent=\"cancelEditingMessage()\" @blur=\"commitEditingMessage()\" class=\"w-full whitespace-pre-wrap outline-none bg-transparent\"></div>\n </div>\n <div x-show=\"editingMessageIdx !== idx\">\n <div x-show=\"m.role === 'assistant'\" class=\"prose prose-sm max-w-none cursor-text prose-tight-last\" x-html=\"renderMarkdown(m.content)\"></div>\n <div x-show=\"m.role !== 'assistant'\" class=\"whitespace-pre-wrap cursor-text\" x-text=\"m.content\"></div>\n </div>\n </div>\n </div>\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",[],[185,752,771],"6a2c4b4a-a933-11f0-bb13-0224a6c84d84","chatControls.html","e16237b4-804e-11f0-a930-0224a6c84d84",264,["D",1760469873806],"<div class=\"surface hidden md:flex w-full items-center justify-end gap-2 py-2 pl-4 pr-6 chat-controls\">\n <div class=\"mr-auto flex items-center gap-2\">\n <button type=\"button\" @click.stop.prevent=\"copyCurrentChatJson()\" class=\"h-8 inline-flex items-center gap-2 px-2 rounded ctrl-button\" title=\"Copy chat JSON\">\n <span class=\"iconify text-[18px]\" data-icon=\"mdi:content-copy\" aria-hidden=\"true\"></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-2 rounded ctrl-button\" title=\"Settings\">\n <span class=\"iconify text-[18px]\" data-icon=\"mdi:settings-outline\" aria-hidden=\"true\"></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-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-2 rounded ctrl-button\" title=\"Tools\">\n <span class=\"iconify text-[18px]\" data-icon=\"mdi:tools\" aria-hidden=\"true\"></span>\n </button>\n </div>\n</div>\n\n\n",[],[185,752,780],"6a5a8e7e-a933-11f0-bb13-0224a6c84d84","appSettings.html","e1660b6e-804e-11f0-bb71-0224a6c84d84",["D",1760469873949],"<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 \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",[],[185,752,788],"e1505ac6-804e-11f0-8f43-0224a6c84d84",65,["D",1755973672435],[228,229,230,231,232,233],[185,752],"f64a42a8-7616-11f0-baaa-0224a6c84d84",["D",1754850144183],[227,234,243,245,251,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274],[185],"33e89e90-a432-11f0-8b98-0224a6c84d84","utils.ts","03ff8fc4-7758-11f0-82e2-0224a6c84d84","03cb2afe-7758-11f0-b9e9-0224a6c84d84",209,["D",1759919597449],"// Environment-aware file utilities for serving project assets\nimport { readFile as vtReadFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport async function readFileContent(filePath: string, importMetaUrl: string): Promise<string> {\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n try {\n return await vtReadFile(filePath, importMetaUrl);\n } catch (error) {\n // If file not found on Val Town, throw a specific error\n throw new Error(`File not found on Val Town: ${filePath}`);\n }\n }\n return await Deno.readTextFile(filePath);\n}\n\nexport function textResponse(text: string, contentType = \"text/plain; charset=utf-8\"): Response {\n return new Response(text, { headers: { \"Content-Type\": contentType } });\n}\n\n",[],[812,804],"backend","33ed16aa-a432-11f0-bcd9-0224a6c84d84","03f9902e-7758-11f0-98a6-0224a6c84d84",210,["D",1759919597478],"import { Hono } from 'https://deno.land/x/hono@v3.11.12/mod.ts';\nimport type { Context } from 'https://deno.land/x/hono@v3.11.12/mod.ts';\nimport \"jsr:@std/dotenv/load\";\n\nimport { registerStaticRoutes } from './routes/static.ts';\nimport { registerSystemRoutes } from './routes/system.ts';\nimport { registerJobsRoutes } from './routes/jobs.ts';\nimport { registerStylesRoutes } from './routes/styles.ts';\nimport { readFileContent } from './utils.ts';\n\nexport function createApp(importMetaUrl: string): Hono {\n const app = new Hono();\n\n // Unwrap Hono errors to see original error details\n app.onError((err: Error) => { throw err; });\n\n // Register route modules\n registerSystemRoutes(app);\n registerStylesRoutes(app, importMetaUrl);\n registerStaticRoutes(app, importMetaUrl);\n registerJobsRoutes(app);\n\n // Settings page route\n app.get('/settings', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Deep-link route for chats: supports \"/123\" and \"/some-slug-123\"\n app.get('/:slugOrId', async (c: Context) => {\n const segment = c.req.param('slugOrId') || '';\n const isNumeric = /^[0-9]+$/.test(segment);\n const isSlugWithId = /-([0-9]+)$/.test(segment);\n if (!isNumeric && !isSlugWithId) {\n return c.text('Not found', 404);\n }\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n return app;\n}\n\n",[],[812,699],"3451ddec-a432-11f0-bd53-0224a6c84d84","config.ts","3451de8c-a432-11f0-bd53-0224a6c84d84",225,["D",1759919598154],"// Backend configuration\nimport \"jsr:@std/dotenv/load\";\n\ninterface Settings {\n model: string;\n stream: boolean;\n reasoningEffort: string;\n}\n\n// Server API key (optional - users can provide their own)\nexport const serverApiKey: string | null = Deno.env.get('GROQ_API_KEY') || null;\n\n// Default model settings\nexport const settings: Settings = {\n model: 'openai/gpt-oss-120b',\n stream: true,\n reasoningEffort: 'medium'\n};\n\n",[],[812,821],"341293a8-a432-11f0-855f-0224a6c84d84","system.ts","040d7c74-7758-11f0-81b1-0224a6c84d84","03e5ad66-7758-11f0-a4e6-0224a6c84d84",215,["D",1759919597696],"// System/health endpoints\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { serverApiKey } from \"../config.ts\";\n\nexport function registerSystemRoutes(app: { get: (path: string, handler: (c: Context) => unknown) => void }): void {\n app.get('/api/check-key', (c: Context) => {\n return c.json({ hasServerKey: !!serverApiKey });\n });\n}\n\n",[],[812,837,829],"routes","34064b20-a432-11f0-b6d9-0224a6c84d84","styles.ts","bb3914cc-8526-11f0-a28d-0224a6c84d84",214,["D",1759919597637],"// On-demand SCSS compilation and theming\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { readFileContent, textResponse } from \"../utils.ts\";\n\n/**\n * Register SCSS -> CSS compilation route.\n *\n * GET /styles/:name.css?theme=auto|light|dark\n * - Compiles /frontend/styles/:name.scss and prepends theme token variables.\n * - Themes are implemented as CSS custom properties for easy extension.\n */\nexport function registerStylesRoutes(app: { get: (path: string, handler: (c: Context) => Promise<Response>) => void }, importMetaUrl: string): void {\n function stripScssLineComments(source: string): string {\n try {\n return source\n .split('\\n')\n .map((line) => line.replace(/\\s*\\/\\/.*$/, ''))\n .join('\\n');\n } catch (_) {\n return source;\n }\n }\n\n async function handleCompile(c: Context, nameParam: string): Promise<Response> {\n try {\n const rawName = nameParam || 'app';\n const themeParam = (c.req.query('theme') || 'auto').toLowerCase();\n const name = String(rawName).replace(/[^a-zA-Z0-9_-]/g, '');\n\n // Read main SCSS entry\n const entryPath = `frontend/styles/${name}.scss`;\n const entryScss = await readFileContent(entryPath, importMetaUrl);\n\n // Load theme tokens (SCSS that defines CSS variables)\n // We assemble the final source by concatenating theme + entry.\n const lightVarsPath = 'frontend/styles/themes/_light.scss';\n const darkVarsPath = 'frontend/styles/themes/_dark.scss';\n\n let themeScss = '';\n if (themeParam === 'light') {\n themeScss = await readFileContent(lightVarsPath, importMetaUrl);\n } else if (themeParam === 'dark') {\n themeScss = await readFileContent(darkVarsPath, importMetaUrl);\n } else {\n // auto: include both so users can toggle via [data-theme]\n const light = await readFileContent(lightVarsPath, importMetaUrl);\n const dark = await readFileContent(darkVarsPath, importMetaUrl);\n themeScss = `${light}\\n\\n${dark}`;\n }\n\n const finalSource = `${themeScss}\\n\\n${entryScss}`;\n\n // Try dynamic import of Sass for Deno. If unavailable, fall back to passthrough CSS\n let cssOut = '';\n try {\n const sass = await import(\"https://esm.sh/sass@1.77.8\");\n if (sass && typeof sass.compileString === 'function') {\n const result = sass.compileString(finalSource, { style: 'expanded' });\n cssOut = String(result.css || '');\n }\n } catch (_) {\n // Passthrough: strip SCSS '//' comments so it is valid CSS\n cssOut = stripScssLineComments(finalSource);\n }\n\n return textResponse(cssOut, 'text/css; charset=utf-8');\n } catch (err) {\n console.error('SCSS compile error:', err);\n // Gracefully return a small CSS with the error message commented for debugging\n const message = (err && (err as Error).message) ? String((err as Error).message) : 'Unknown error';\n const css = `/* SCSS compile failed: ${message.replace(/\\n/g, ' ')} */`;\n return textResponse(css, 'text/css; charset=utf-8');\n }\n }\n\n // Primary route: /styles/app.css\n app.get('/styles/:name.css', async (c: Context) => {\n const param = c.req.param('name') || 'app';\n return handleCompile(c, param);\n });\n\n // Fallback route: /styles/app.css (captured as a single :filename)\n app.get('/styles/:filename', async (c: Context) => {\n const filename = c.req.param('filename') || '';\n if (!filename.endsWith('.css')) {\n return new Response('Not found', { status: 404 });\n }\n const base = filename.slice(0, -4); // strip .css\n return handleCompile(c, base);\n });\n}\n\n",[],[812,837,839],"344b6278-a432-11f0-9be2-0224a6c84d84","static.ts","04247c80-7758-11f0-a6db-0224a6c84d84",224,["D",1759919597463],"// Static file routes (no static middleware)\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { readFileContent, textResponse } from \"../utils.ts\";\n\ntype CDNUrls = {\n [key: string]: string;\n};\n\nexport function registerStaticRoutes(app: { get: (path: string, handler: (c: Context) => Promise<Response>) => void }, importMetaUrl: string): void {\n // Root HTML\n app.get('/', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Vendor assets for offline\n app.get('/frontend/vendor/*', async (c: Context) => {\n const path = c.req.path; // /frontend/vendor/...\n const rel = path.slice(1);\n \n try {\n // Ignore source maps quietly\n if (rel.endsWith('.map')) {\n return c.text('Not found', 404);\n }\n const body = await readFileContent(rel, importMetaUrl);\n let contentType = 'application/javascript; charset=utf-8';\n if (rel.endsWith('.css')) contentType = 'text/css; charset=utf-8';\n if (rel.endsWith('.js')) contentType = 'application/javascript; charset=utf-8';\n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading vendor asset:', err);\n \n // On Val Town, redirect to CDN versions when vendor files are missing\n if (typeof Deno !== \"undefined\" && Deno.env?.get && Deno.env.get(\"valtown\")) {\n const filename = path.split('/').pop();\n const cdnUrls: CDNUrls = {\n 'dexie.min.js': 'https://unpkg.com/dexie@4.2.0/dist/dexie.min.js',\n 'alpine.min.js': 'https://unpkg.com/alpinejs@3.13.3/dist/cdn.min.js',\n 'marked.min.js': 'https://unpkg.com/marked@9.1.6/marked.min.js',\n 'purify.min.js': 'https://unpkg.com/dompurify@3.0.6/dist/purify.min.js',\n 'iconify.min.js': 'https://code.iconify.design/3/3.1.1/iconify.min.js',\n 'tailwind-cdn.js': 'https://cdn.tailwindcss.com'\n };\n \n if (filename && cdnUrls[filename]) {\n return new Response(null, {\n status: 302,\n headers: { Location: cdnUrls[filename] }\n });\n }\n }\n \n return c.text('Not found', 404);\n }\n });\n\n // Route alias: /new should load the app and land on a new chat\n app.get('/new', async (c: Context) => {\n try {\n const html = await readFileContent('index.html', importMetaUrl);\n return c.html(html);\n } catch (err) {\n console.error('Error reading index.html:', err);\n return c.text('Error loading page', 500);\n }\n });\n\n // Frontend modules\n app.get('/frontend/chatterApp.js', async (c: Context) => {\n try {\n const js = await readFileContent('frontend/chatterApp.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading chatterApp.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n app.get('/frontend/init.js', async (c: Context) => {\n try {\n const js = await readFileContent('frontend/init.js', importMetaUrl);\n return textResponse(js, 'application/javascript; charset=utf-8');\n } catch (err) {\n console.error('Error reading init.js:', err);\n return c.text('Not found', 404);\n }\n });\n\n // Generic frontend file handler to serve other frontend assets\n app.get('/frontend/*', async (c: Context) => {\n try {\n const path = c.req.path;\n if (!path.startsWith('/frontend/')) return c.text('Not found', 404);\n const rel = path.slice(1); // strip leading '/'\n let body = await readFileContent(rel, importMetaUrl);\n let contentType = 'text/plain; charset=utf-8';\n \n // Transpile TypeScript files to JavaScript\n if (rel.endsWith('.ts')) {\n try {\n const { transpile } = await import('https://deno.land/x/emit@0.31.0/mod.ts');\n const result = await transpile(new URL(`file://${Deno.cwd()}/${rel}`));\n body = result.get(new URL(`file://${Deno.cwd()}/${rel}`).href) || body;\n contentType = 'application/javascript; charset=utf-8';\n } catch (transpileErr) {\n console.error('TypeScript transpile error:', transpileErr);\n // Fall back to serving raw if transpile fails\n contentType = 'application/javascript; charset=utf-8';\n }\n } else if (rel.endsWith('.js')) {\n contentType = 'application/javascript; charset=utf-8';\n } else if (rel.endsWith('.css')) {\n contentType = 'text/css; charset=utf-8';\n } else if (rel.endsWith('.svg')) {\n contentType = 'image/svg+xml; charset=utf-8';\n } else if (rel.endsWith('.html')) {\n contentType = 'text/html; charset=utf-8';\n }\n \n return textResponse(body, contentType);\n } catch (err) {\n console.error('Error reading frontend asset:', err);\n return c.text('Not found', 404);\n }\n });\n}\n\n",[],[812,837,847],"33fa7994-a432-11f0-a697-0224a6c84d84","jobs.ts","b72cc6b2-86b1-11f0-9627-0224a6c84d84",212,["D",1759919597521],"// Generic Jobs API with SSE updates\nimport type { Context } from \"https://deno.land/x/hono@v3.11.12/mod.ts\";\nimport { serverApiKey } from \"../config.ts\";\n\n// Job types\ntype JobStatus = 'pending' | 'running' | 'completed' | 'error' | 'cancelled';\ntype JobType = 'chat' | string; // Extensible for future job types\n\ninterface ChatJobInput {\n userApiKey?: string;\n messages?: Array<{ role: string; content: string }>;\n query?: string;\n dateRange?: string;\n source?: string;\n language?: string;\n offset?: number;\n model?: string;\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n base_url?: string;\n}\n\ninterface Job {\n id: string;\n type: JobType;\n status: JobStatus;\n createdAt: number;\n updatedAt: number;\n input: ChatJobInput | Record<string, unknown>;\n result: unknown;\n error: string | null;\n progress: number | null;\n data: Record<string, unknown>;\n subscribers: Set<ReadableStreamDefaultController>;\n abortController?: AbortController;\n}\n\n// In-memory job store. Suitable for single-process dev/local usage.\nconst jobs = new Map<string, Job>();\nlet jobCounter = 0;\n\nfunction now(): number {\n return Date.now();\n}\n\nfunction newJobId(): string {\n jobCounter += 1;\n return `${now()}-${jobCounter}`;\n}\n\nfunction createJob(type: JobType, input: ChatJobInput | Record<string, unknown>): Job {\n const id = newJobId();\n const job: Job = {\n id,\n type,\n status: \"pending\",\n createdAt: now(),\n updatedAt: now(),\n input: input || {},\n result: null,\n error: null,\n progress: null,\n data: {},\n subscribers: new Set(),\n abortController: undefined,\n };\n jobs.set(id, job);\n return job;\n}\n\nfunction getJob(id: string): Job | undefined {\n return jobs.get(String(id));\n}\n\nfunction publish(job: Job, eventName: string, payload?: unknown): void {\n const encoder = new TextEncoder();\n const data = (payload === undefined) ? \"\" : JSON.stringify(payload);\n const chunk = (eventName ? (`event: ${eventName}\\n`) : \"\") + `data: ${data}\\n\\n`;\n for (const sub of job.subscribers) {\n try {\n sub.enqueue(encoder.encode(chunk));\n } catch (_) {\n /* ignore */\n }\n }\n}\n\nfunction completeJob(job: Job, result: unknown): void {\n job.status = \"completed\";\n job.updatedAt = now();\n job.result = result || null;\n publish(job, \"job\", { id: job.id, status: job.status, result: job.result });\n // Best-effort close subscribers\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nfunction failJob(job: Job, message: string): void {\n job.status = \"error\";\n job.updatedAt = now();\n job.error = String(message || \"error\");\n publish(job, \"job\", { id: job.id, status: job.status, error: job.error });\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nfunction cancelJob(job: Job): void {\n try {\n job.abortController?.abort();\n } catch (_) {\n /* ignore */\n }\n job.status = \"cancelled\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n for (const sub of job.subscribers) {\n try {\n sub.close();\n } catch (_) {\n /* ignore */\n }\n }\n job.subscribers.clear();\n}\n\nasync function runChatJob(job: Job): Promise<void> {\n const input = job.input as ChatJobInput;\n const {\n userApiKey,\n messages,\n query,\n dateRange,\n source,\n language,\n offset = 0,\n model = \"openai/gpt-oss-120b\",\n reasoning_effort = \"medium\",\n tools = [],\n temperature,\n top_p,\n stop,\n max_tokens,\n response_format,\n base_url,\n } = input;\n\n const apiKey = serverApiKey || userApiKey || Deno.env.get(\"GROQ_API_KEY\") || null;\n if (!apiKey && !base_url) {\n failJob(job, \"No API key (or base_url) provided\");\n return;\n }\n\n const isGptOss = typeof model === \"string\" && model.startsWith(\"openai/gpt-oss\");\n const supportsReasoning = isGptOss;\n const supportsTools = isGptOss;\n\n let finalMessages = Array.isArray(messages) && messages.length > 0\n ? messages\n : null;\n\n // Legacy search routing disabled; use plain chat mode\n const selectedRoute = \"text\";\n if (typeof query === \"string\" && query.trim()) {\n finalMessages = [\n { role: \"system\", content: \"If the user is asking for an explanation or summary rather than a list of links, respond with a concise plain-text answer in the requested language (no JSON). Do not use markdown fences.\" },\n { role: \"user\", content: query }\n ];\n } else if (!finalMessages) {\n finalMessages = [{ role: \"user\", content: \"go to https://news.ycombinator.com/ and give me the first 5 stories\" }];\n }\n\n if (supportsTools && Array.isArray(messages) && messages.length > 0 && Array.isArray(finalMessages) && Array.isArray(tools) && tools.length > 0) {\n const toolPreamble = {\n role: \"system\",\n content: \"You have access to a web browsing tool named \\\"browser_search\\\". Use it for real-time information, for finding additional sources when the user says things like \\\"continue\\\" or \\\"find more\\\", and for verification. Prefer calling the tool rather than guessing. Answer concisely and include relevant markdown links.\"\n };\n finalMessages = [toolPreamble, ...finalMessages];\n }\n\n const payload: Record<string, unknown> = {\n model,\n messages: finalMessages,\n stream: true,\n ...(supportsReasoning ? { reasoning_effort } : {}),\n ...(supportsTools && Array.isArray(tools) && tools.length > 0 ? { tools, tool_choice: \"auto\" } : {}),\n ...(temperature !== undefined ? { temperature } : {}),\n ...(top_p !== undefined ? { top_p } : {}),\n ...(stop !== undefined ? { stop } : {}),\n ...(max_tokens !== undefined ? { max_tokens } : {}),\n ...(response_format ? { response_format } : {}),\n };\n\n const baseUrl = (typeof base_url === \"string\" && base_url.trim()) ? base_url.trim().replace(/\\/$/, \"\") : \"\";\n let endpoint = \"https://api.groq.com/openai/v1/chat/completions\";\n if (baseUrl) {\n if (/(\\/v\\d+)?\\/(chat\\/)?completions$/i.test(baseUrl)) {\n endpoint = baseUrl;\n } else if (/\\/v\\d+$/i.test(baseUrl)) {\n endpoint = baseUrl + \"/chat/completions\";\n } else {\n endpoint = baseUrl + \"/v1/chat/completions\";\n }\n }\n\n const headers: Record<string, string> = {\n \"Content-Type\": \"application/json\",\n ...(apiKey ? { \"Authorization\": \"Bearer \" + apiKey } : {}),\n };\n\n const decoder = new TextDecoder();\n const encoder = new TextEncoder();\n job.status = \"running\";\n job.updatedAt = now();\n publish(job, \"job\", { id: job.id, status: job.status });\n\n let collapsedContent = \"\";\n let collapsedReasoning = \"\";\n const collectedTools: unknown[] = [];\n\n const abortController = new AbortController();\n job.abortController = abortController;\n\n try {\n const upstream = await fetch(endpoint, {\n method: \"POST\",\n headers,\n body: JSON.stringify(payload),\n signal: abortController.signal,\n });\n\n if (!upstream.ok || !upstream.body) {\n let txt = \"\";\n try {\n txt = await upstream.text();\n } catch (_) {\n /* ignore */\n }\n failJob(job, `Upstream error ${upstream.status}: ${txt}`);\n return;\n }\n\n const ct = upstream.headers.get(\"content-type\") || \"\";\n const isSse = /text\\/event-stream/i.test(ct);\n\n if (!isSse) {\n try {\n const nonStream = await upstream.json();\n const choice0 = Array.isArray(nonStream.choices) ? nonStream.choices[0] : null;\n const finalContent = (choice0?.message?.content || choice0?.delta?.content || '') || '';\n if (finalContent) {\n collapsedContent += finalContent;\n publish(job, \"data\", { choices: [{ delta: { content: finalContent } }] });\n }\n // results disabled for plain chat\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (e) {\n failJob(job, (e as Error)?.message || String(e));\n }\n return;\n }\n\n const reader = upstream.body.getReader();\n let buffer = '';\n // route event disabled\n\n const keepAlive = setInterval(() => {\n try {\n publish(job, \"ping\", {});\n } catch (_) {\n /* ignore */\n }\n }, 15000);\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split('\\n\\n');\n buffer = events.pop() || '';\n for (const evt of events) {\n if (!evt.trim()) continue;\n const lines = evt.split('\\n');\n for (const line of lines) {\n if (!line.startsWith('data: ')) continue;\n const data = line.slice(6);\n publish(job, \"data\", tryParseJson(data));\n try {\n const parsed = JSON.parse(data);\n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n if (delta.reasoning) collapsedReasoning += delta.reasoning;\n if (delta.content) collapsedContent += delta.content;\n if (Array.isArray(delta.executed_tools)) collectedTools.push(...delta.executed_tools);\n if (Array.isArray(delta.tool_calls)) collectedTools.push(...delta.tool_calls);\n } catch (_) {\n /* ignore */\n }\n }\n }\n }\n // results disabled for plain chat\n try {\n /* no-op */\n } catch (_) {\n /* ignore */\n }\n } finally {\n try {\n clearInterval(keepAlive);\n } catch (_) {\n /* ignore */\n }\n }\n\n completeJob(job, { content: collapsedContent, reasoning: collapsedReasoning, tools: collectedTools });\n } catch (err) {\n if (job.status === 'cancelled') return;\n failJob(job, (err as Error)?.message || String(err));\n }\n}\n\nfunction tryParseJson(s: string): unknown {\n try {\n return JSON.parse(s);\n } catch (_) {\n return { raw: s };\n }\n}\n\nfunction collectToolTextFromArray(toolArray: unknown[]): string {\n if (!Array.isArray(toolArray)) return '';\n const parts: string[] = [];\n for (const t of toolArray) {\n try {\n const tool = t as Record<string, unknown>;\n const name = tool?.name || tool?.tool || (tool?.function as Record<string, unknown>)?.name || tool?.id || '';\n const args = tool?.arguments || tool?.input || tool?.params || null;\n const output = tool?.output || tool?.result || tool?.content || null;\n const searchResults = tool?.search_results || tool?.results || null;\n if (name) parts.push('name: ' + String(name));\n if (args) parts.push('arguments: ' + (typeof args === 'string' ? args : JSON.stringify(args)));\n if (output) parts.push('output: ' + (typeof output === 'string' ? output : JSON.stringify(output)));\n if (searchResults) parts.push('search_results: ' + (typeof searchResults === 'string' ? searchResults : JSON.stringify(searchResults)));\n } catch (_) {\n /* ignore */\n }\n }\n return parts.join('\\n');\n}\n\nexport function registerJobsRoutes(app: { get: (path: string, handler: (c: Context) => unknown) => void; post: (path: string, handler: (c: Context) => unknown) => void }): void {\n // Create job\n app.post('/api/jobs', async (c: Context) => {\n try {\n let body: Record<string, unknown> = {};\n try {\n body = await c.req.json();\n } catch (_) {\n body = {};\n }\n const { type, input } = body;\n if (!type || typeof type !== 'string') return c.json({ error: 'Missing job type' }, 400);\n const job = createJob(type, input as ChatJobInput | Record<string, unknown>);\n // Fire and forget runner based on type\n queueMicrotask(() => {\n if (type === 'chat') runChatJob(job);\n else {\n failJob(job, `Unknown job type: ${type}`);\n }\n });\n return c.json({ id: job.id, status: job.status, createdAt: job.createdAt });\n } catch (err) {\n return c.json({ error: (err as Error)?.message || String(err) }, 500);\n }\n });\n\n // Get job\n app.get('/api/jobs/:id', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n return c.json({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt, result: job.result, error: job.error, progress: job.progress });\n });\n\n // List jobs (optionally filter by status)\n app.get('/api/jobs', (c: Context) => {\n const status = c.req.query('status');\n const out: Array<Record<string, unknown>> = [];\n for (const job of jobs.values()) {\n if (status && job.status !== status) continue;\n out.push({ id: job.id, type: job.type, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n }\n return c.json({ jobs: out });\n });\n\n // Cancel job\n app.post('/api/jobs/:id/cancel', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n if (job.status === 'completed' || job.status === 'error' || job.status === 'cancelled') return c.json({ id: job.id, status: job.status });\n cancelJob(job);\n return c.json({ id: job.id, status: job.status });\n });\n\n // Stream job updates via SSE\n app.get('/api/jobs/:id/stream', (c: Context) => {\n const id = c.req.param('id');\n const job = getJob(id);\n if (!job) return c.json({ error: 'Not found' }, 404);\n const stream = new ReadableStream({\n start: (controller: ReadableStreamDefaultController) => {\n // track controller for cancellation\n try {\n (stream as unknown as { _controller: ReadableStreamDefaultController })._controller = controller;\n } catch (_) {\n /* ignore */\n }\n job.subscribers.add(controller);\n // Send initial state\n try {\n publish(job, 'job', { id: job.id, status: job.status, createdAt: job.createdAt, updatedAt: job.updatedAt });\n } catch (_) {\n /* ignore */\n }\n },\n cancel: () => {\n try {\n const ctrl = (stream as unknown as { _controller?: ReadableStreamDefaultController })._controller;\n if (ctrl) job.subscribers.delete(ctrl);\n } catch (_) {\n /* ignore */\n }\n }\n });\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-transform',\n 'Connection': 'keep-alive',\n },\n });\n });\n}\n\n",[],[812,837,855],"03e5ac9e-7758-11f0-a4e6-0224a6c84d84",22,["D",1754988035458],[219,220,221,222],[812,837],"03cb2a36-7758-11f0-b9e9-0224a6c84d84",21,["D",1754988035289],[218,223,224,225],[812],["D",1754850041617],{"_11":12,"_154":73},{"_11":12,"_150":-5,"_72":73,"_31":71,"_151":152,"_153":30},{"_42":141,"_13":16,"_36":39,"_142":106,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":14,"_149":12},"ctx",{"_55":-5,"_173":909,"_910":911,"_912":913,"_914":30,"_915":30,"_916":30,"_917":24,"_918":-5,"_919":-7,"_920":-7,"_921":26,"_922":30,"_923":30,"_924":-5,"_925":30,"_926":30,"_927":30,"_928":-5},"ENV",{"_880":881,"_882":883,"_884":16,"_885":886,"_887":888,"_889":890,"_891":892,"_893":894,"_895":896,"_897":898,"_899":900,"_901":902,"_903":904,"_905":906,"_907":908},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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>

'+(n?e:c(e,!0))+\"

\\n\":\"

\"+(n?e:c(e,!0))+\"

\\n\"}blockquote(e){return`

\\n${e}

\\n`}html(e,t){return e}heading(e,t,n){return`${e}\\n`}hr(){return\"

\\n\"}list(e,t,n){const s=t?\"ol\":\"ul\";return\"<\"+s+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"\\n\"}listitem(e,t,n){return`

${e}

\\n`}checkbox(e){return\"'}paragraph(e){return`

${e}

\\n`}table(e,t){return t&&(t=`${t}`),\"\\n\\n\"+e+\"\\n\"+t+\"

\\n\"}tablerow(e){return`\\n${e}\\n`}tablecell(e,t){const n=t.header?\"th\":\"td\";return(t.align?`<${n} align=\"${t.align}\">`:`<${n}>`)+e+`\\n`}strong(e){return`${e}`}em(e){return`${e}`}codespan(e){return`${e}`}br(){return\"
\"}del(e){return`~~${e}~~`}link(e,t,n){const s=g(e);if(null===s)return n;let r='\"+n+\"\",r}image(e,t,n){const s=g(e);if(null===s)return n;let r=` $\"${n}\"`;return$ \",r}text(e){return e}}class re{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return\"\"+n}image(e,t,n){return\"\"+n}br(){return\"\"}}class ie{options;renderer;textRenderer;constructor(t){this.options=t||e.defaults,this.options.renderer=this.options.renderer||new se,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new re}static parse(e,t){return new ie(t).parse(e)}static parseInline(e,t){return new ie(t).parseInline(e)}parse(e,t=!0){let n=\"\";for(let s=0;s0&&\"paragraph\"===n.tokens[0].type?(n.tokens[0].text=e+\" \"+n.tokens[0].text,n.tokens[0].tokens&&n.tokens[0].tokens.length>0&&\"text\"===n.tokens[0].tokens[0].type&&(n.tokens[0].tokens[0].text=e+\" \"+n.tokens[0].tokens[0].text)):n.tokens.unshift({type:\"text\",text:e+\" \"}):o+=e+\" \"}o+=this.parse(n.tokens,i),l+=this.renderer.listitem(o,r,!!s)}n+=this.renderer.list(l,t,s);continue}case\"html\":{const e=r;n+=this.renderer.html(e.text,e.block);continue}case\"paragraph\":{const e=r;n+=this.renderer.paragraph(this.parseInline(e.tokens));continue}case\"text\":{let i=r,l=i.tokens?this.parseInline(i.tokens):i.text;for(;s+1{const r=e[s].flat(1/0);n=n.concat(this.walkTokens(r,t))})):e.tokens&&(n=n.concat(this.walkTokens(e.tokens,t)))}}return n}use(...e){const t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach((e=>{const n={...e};if(n.async=this.defaults.async||n.async||!1,e.extensions&&(e.extensions.forEach((e=>{if(!e.name)throw new Error(\"extension name required\");if(\"renderer\"in e){const n=t.renderers[e.name];t.renderers[e.name]=n?function(...t){let s=e.renderer.apply(this,t);return!1===s&&(s=n.apply(this,t)),s}:e.renderer}if(\"tokenizer\"in e){if(!e.level||\"block\"!==e.level&&\"inline\"!==e.level)throw new Error(\"extension level must be 'block' or 'inline'\");const n=t[e.level];n?n.unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&(\"block\"===e.level?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:\"inline\"===e.level&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}\"childTokens\"in e&&e.childTokens&&(t.childTokens[e.name]=e.childTokens)})),n.extensions=t),e.renderer){const t=this.defaults.renderer||new se(this.defaults);for(const n in e.renderer){if(!(n in t))throw new Error(`renderer '${n}' does not exist`);if(\"options\"===n)continue;const s=n,r=e.renderer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n||\"\"}}n.renderer=t}if(e.tokenizer){const t=this.defaults.tokenizer||new w(this.defaults);for(const n in e.tokenizer){if(!(n in t))throw new Error(`tokenizer '${n}' does not exist`);if([\"options\",\"rules\",\"lexer\"].includes(n))continue;const s=n,r=e.tokenizer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.tokenizer=t}if(e.hooks){const t=this.defaults.hooks||new le;for(const n in e.hooks){if(!(n in t))throw new Error(`hook '${n}' does not exist`);if(\"options\"===n)continue;const s=n,r=e.hooks[s],i=t[s];le.passThroughHooks.has(n)?t[s]=e=>{if(this.defaults.async)return Promise.resolve(r.call(t,e)).then((e=>i.call(t,e)));const n=r.call(t,e);return i.call(t,n)}:t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.hooks=t}if(e.walkTokens){const t=this.defaults.walkTokens,s=e.walkTokens;n.walkTokens=function(e){let n=[];return n.push(s.call(this,e)),t&&(n=n.concat(t.call(this,e))),n}}this.defaults={...this.defaults,...n}})),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return ne.lex(e,t??this.defaults)}parser(e,t){return ie.parse(e,t??this.defaults)}#e(e,t){return(n,s)=>{const r={...s},i={...this.defaults,...r};!0===this.defaults.async&&!1===r.async&&(i.silent||console.warn(\"marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.\"),i.async=!0);const l=this.#t(!!i.silent,!!i.async);if(null==n)return l(new Error(\"marked(): input parameter is undefined or null\"));if(\"string\"!=typeof n)return l(new Error(\"marked(): input parameter is of type \"+Object.prototype.toString.call(n)+\", string expected\"));if(i.hooks&&(i.hooks.options=i),i.async)return Promise.resolve(i.hooks?i.hooks.preprocess(n):n).then((t=>e(t,i))).then((e=>i.hooks?i.hooks.processAllTokens(e):e)).then((e=>i.walkTokens?Promise.all(this.walkTokens(e,i.walkTokens)).then((()=>e)):e)).then((e=>t(e,i))).then((e=>i.hooks?i.hooks.postprocess(e):e)).catch(l);try{i.hooks&&(n=i.hooks.preprocess(n));let s=e(n,i);i.hooks&&(s=i.hooks.processAllTokens(s)),i.walkTokens&&this.walkTokens(s,i.walkTokens);let r=t(s,i);return i.hooks&&(r=i.hooks.postprocess(r)),r}catch(e){return l(e)}}}#t(e,t){return n=>{if(n.message+=\"\\nPlease report this to https://github.com/markedjs/marked.\",e){const e=\"

An error occurred:

\"+c(n.message+\"\",!0)+\"

\";return t?Promise.resolve(e):e}if(t)return Promise.reject(n);throw n}}}const ae=new oe;function ce(e,t){return ae.parse(e,t)}ce.options=ce.setOptions=function(e){return ae.setOptions(e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.getDefaults=t,ce.defaults=e.defaults,ce.use=function(...e){return ae.use(...e),ce.defaults=ae.defaults,n(ce.defaults),ce},ce.walkTokens=function(e,t){return ae.walkTokens(e,t)},ce.parseInline=ae.parseInline,ce.Parser=ie,ce.parser=ie.parse,ce.Renderer=se,ce.TextRenderer=re,ce.Lexer=ne,ce.lexer=ne.lex,ce.Tokenizer=w,ce.Hooks=le,ce.parse=ce;const he=ce.options,pe=ce.setOptions,ue=ce.use,ke=ce.walkTokens,ge=ce.parseInline,fe=ce,de=ie.parse,xe=ne.lex;e.Hooks=le,e.Lexer=ne,e.Marked=oe,e.Parser=ie,e.Renderer=se,e.TextRenderer=re,e.Tokenizer=w,e.getDefaults=t,e.lexer=xe,e.marked=ce,e.options=he,e.parse=fe,e.parseInline=ge,e.parser=de,e.setOptions=pe,e.use=ue,e.walkTokens=ke}));\n",[185,103,67],"13c0427a-9763-11f0-ab67-0224a6c84d84",["D",1758511223660],"/**\n* (c) Iconify\n*\n* For the full copyright and license information, please view the license.txt or license.gpl.txt\n* files at https://github.com/iconify/iconify\n*\n* Licensed under MIT.\n*\n* @license MIT\n* @version 3.1.1\n*/\nvar Iconify=function(t){\"use strict\";const e=Object.freeze({left:0,top:0,width:16,height:16}),n=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),o=Object.freeze({...e,...n}),r=Object.freeze({...o,body:\"\",hidden:!1});function i(t,e){const o=function(t,e){const n={};!t.hFlip!=!e.hFlip&&(n.hFlip=!0),!t.vFlip!=!e.vFlip&&(n.vFlip=!0);const o=((t.rotate||0)+(e.rotate||0))%4;return o&&(n.rotate=o),n}(t,e);for(const i in r)i in n?i in t&&!(i in o)&&(o[i]=n[i]):i in e?o[i]=e[i]:i in t&&(o[i]=t[i]);return o}function c(t,e,n){const o=t.icons,r=t.aliases||Object.create(null);let c={};function s(t){c=i(o[t]||r[t],c)}return s(e),n.forEach(s),i(t,c)}function s(t,e){const n=[];if(\"object\"!=typeof t||\"object\"!=typeof t.icons)return n;t.not_found instanceof Array&&t.not_found.forEach((t=>{e(t,null),n.push(t)}));const o=function(t,e){const n=t.icons,o=t.aliases||Object.create(null),r=Object.create(null);return(e||Object.keys(n).concat(Object.keys(o))).forEach((function t(e){if(n[e])return r[e]=[];if(!(e in r)){r[e]=null;const n=o[e]&&o[e].parent,i=n&&t(n);i&&(r[e]=[n].concat(i))}return r[e]})),r}(t);for(const r in o){const i=o[r];i&&(e(r,c(t,r,i)),n.push(r))}return n}const a=/^[a-z0-9]+(-[a-z0-9]+)*$/,u=(t,e,n,o=\"\")=>{const r=t.split(\":\");if(\"@\"===t.slice(0,1)){if(r.length<2||r.length>3)return null;o=r.shift().slice(1)}if(r.length>3||!r.length)return null;if(r.length>1){const t=r.pop(),n=r.pop(),i={provider:r.length>0?r[0]:o,prefix:n,name:t};return e&&!f(i)?null:i}const i=r[0],c=i.split(\"-\");if(c.length>1){const t={provider:o,prefix:c.shift(),name:c.join(\"-\")};return e&&!f(t)?null:t}if(n&&\"\"===o){const t={provider:o,prefix:\"\",name:i};return e&&!f(t,n)?null:t}return null},f=(t,e)=>!!t&&!(\"\"!==t.provider&&!t.provider.match(a)||!(e&&\"\"===t.prefix||t.prefix.match(a))||!t.name.match(a)),l={provider:\"\",aliases:{},not_found:{},...e};function d(t,e){for(const n in e)if(n in t&&typeof t[n]!=typeof e[n])return!1;return!0}function p(t){if(\"object\"!=typeof t||null===t)return null;const e=t;if(\"string\"!=typeof e.prefix||!t.icons||\"object\"!=typeof t.icons)return null;if(!d(t,l))return null;const n=e.icons;for(const t in n){const e=n[t];if(!t.match(a)||\"string\"!=typeof e.body||!d(e,r))return null}const o=e.aliases||Object.create(null);for(const t in o){const e=o[t],i=e.parent;if(!t.match(a)||\"string\"!=typeof i||!n[i]&&!o[i]||!d(e,r))return null}return e}const h=Object.create(null);function g(t,e){const n=h[t]||(h[t]=Object.create(null));return n[e]||(n[e]=function(t,e){return{provider:t,prefix:e,icons:Object.create(null),missing:new Set}}(t,e))}function m(t,e){return p(e)?s(e,((e,n)=>{n?t.icons[e]=n:t.missing.add(e)})):[]}function y(t,e){let n=[];return(\"string\"==typeof t?[t]:Object.keys(h)).forEach((t=>{(\"string\"==typeof t&&\"string\"==typeof e?[e]:Object.keys(h[t]||{})).forEach((e=>{const o=g(t,e);n=n.concat(Object.keys(o.icons).map((n=>(\"\"!==t?\"@\"+t+\":\":\"\")+e+\":\"+n)))}))})),n}let b=!1;function v(t){const e=\"string\"==typeof t?u(t,!0,b):t;if(e){const t=g(e.provider,e.prefix),n=e.name;return t.icons[n]||(t.missing.has(n)?null:void 0)}}function x(t,e){const n=u(t,!0,b);if(!n)return!1;return function(t,e,n){try{if(\"string\"==typeof n.body)return t.icons[e]={...n},!0}catch(t){}return!1}(g(n.provider,n.prefix),n.name,e)}function w(t,e){if(\"object\"!=typeof t)return!1;if(\"string\"!=typeof e&&(e=t.provider||\"\"),b&&!e&&!t.prefix){let e=!1;return p(t)&&(t.prefix=\"\",s(t,((t,n)=>{n&&x(t,n)&&(e=!0)}))),e}const n=t.prefix;if(!f({provider:e,prefix:n,name:\"a\"}))return!1;return!!m(g(e,n),t)}function S(t){return!!v(t)}function j(t){const e=v(t);return e?{...o,...e}:null}const E=Object.freeze({width:null,height:null}),I=Object.freeze({...E,...n}),O=/(-?[0-9.]*[0-9]+[0-9.]*)/g,k=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function C(t,e,n){if(1===e)return t;if(n=n||100,\"number\"==typeof t)return Math.ceil(t*e*n)/n;if(\"string\"!=typeof t)return t;const o=t.split(O);if(null===o||!o.length)return t;const r=[];let i=o.shift(),c=k.test(i);for(;;){if(c){const t=parseFloat(i);isNaN(t)?r.push(i):r.push(Math.ceil(t*e*n)/n)}else r.push(i);if(i=o.shift(),void 0===i)return r.join(\"\");c=!c}}const M=t=>\"unset\"===t||\"undefined\"===t||\"none\"===t;function T(t,e){const n={...o,...t},r={...I,...e},i={left:n.left,top:n.top,width:n.width,height:n.height};let c=n.body;[n,r].forEach((t=>{const e=[],n=t.hFlip,o=t.vFlip;let r,s=t.rotate;switch(n?o?s+=2:(e.push(\"translate(\"+(i.width+i.left).toString()+\" \"+(0-i.top).toString()+\")\"),e.push(\"scale(-1 1)\"),i.top=i.left=0):o&&(e.push(\"translate(\"+(0-i.left).toString()+\" \"+(i.height+i.top).toString()+\")\"),e.push(\"scale(1 -1)\"),i.top=i.left=0),s<0&&(s-=4*Math.floor(s/4)),s%=4,s){case 1:r=i.height/2+i.top,e.unshift(\"rotate(90 \"+r.toString()+\" \"+r.toString()+\")\");break;case 2:e.unshift(\"rotate(180 \"+(i.width/2+i.left).toString()+\" \"+(i.height/2+i.top).toString()+\")\");break;case 3:r=i.width/2+i.left,e.unshift(\"rotate(-90 \"+r.toString()+\" \"+r.toString()+\")\")}s%2==1&&(i.left!==i.top&&(r=i.left,i.left=i.top,i.top=r),i.width!==i.height&&(r=i.width,i.width=i.height,i.height=r)),e.length&&(c=''+c+\"\")}));const s=r.width,a=r.height,u=i.width,f=i.height;let l,d;null===s?(d=null===a?\"1em\":\"auto\"===a?f:a,l=C(d,u/f)):(l=\"auto\"===s?u:s,d=null===a?C(l,f/u):\"auto\"===a?f:a);const p={},h=(t,e)=>{M(e)||(p[t]=e.toString())};return h(\"width\",l),h(\"height\",d),p.viewBox=i.left.toString()+\" \"+i.top.toString()+\" \"+u.toString()+\" \"+f.toString(),{attributes:p,body:c}}const L=/\\sid=\"(\\S+)\"/g,A=\"IconifyId\"+Date.now().toString(16)+(16777216*Math.random()|0).toString(16);let F=0;function P(t,e=A){const n=[];let o;for(;o=L.exec(t);)n.push(o[1]);if(!n.length)return t;const r=\"suffix\"+(16777216*Math.random()|Date.now()).toString(16);return n.forEach((n=>{const o=\"function\"==typeof e?e(n):e+(F++).toString(),i=n.replace(/[.*+?^${}()|[\\]\\\\]/g,\"\\\\$&\");t=t.replace(new RegExp('([#;\"])('+i+')([\")]|\\\\.[a-z])',\"g\"),\"$1\"+o+r+\"$3\")})),t=t.replace(new RegExp(r,\"g\"),\"\")}const N={local:!0,session:!0},z={local:new Set,session:new Set};let _=!1;const D=\"iconify2\",R=\"iconify\",$=R+\"-count\",q=R+\"-version\",H=36e5,U=168;function V(t,e){try{return t.getItem(e)}catch(t){}}function Q(t,e,n){try{return t.setItem(e,n),!0}catch(t){}}function G(t,e){try{t.removeItem(e)}catch(t){}}function J(t,e){return Q(t,$,e.toString())}function B(t){return parseInt(V(t,$))||0}let K=\"undefined\"==typeof window?{}:window;function W(t){const e=t+\"Storage\";try{if(K&&K[e]&&\"number\"==typeof K[e].length)return K[e]}catch(t){}N[t]=!1}function X(t,e){const n=W(t);if(!n)return;const o=V(n,q);if(o!==D){if(o){const t=B(n);for(let e=0;e{const o=R+t.toString(),i=V(n,o);if(\"string\"==typeof i){try{const n=JSON.parse(i);if(\"object\"==typeof n&&\"number\"==typeof n.cached&&n.cached>r&&\"string\"==typeof n.provider&&\"object\"==typeof n.data&&\"string\"==typeof n.data.prefix&&e(n,t))return!0}catch(t){}G(n,o)}};let c=B(n);for(let e=c-1;e>=0;e--)i(e)||(e===c-1?(c--,J(n,c)):z[t].add(e))}function Y(){if(!_){_=!0;for(const t in N)X(t,(t=>{const e=t.data,n=g(t.provider,e.prefix);if(!m(n,e).length)return!1;const o=e.lastModified||-1;return n.lastModifiedCached=n.lastModifiedCached?Math.min(n.lastModifiedCached,o):o,!0}))}}function Z(t,e){switch(t){case\"local\":case\"session\":N[t]=e;break;case\"all\":for(const t in N)N[t]=e}}const tt=Object.create(null);function et(t,e){tt[t]=e}function nt(t){return tt[t]||tt[\"\"]}function ot(t){let e;if(\"string\"==typeof t.resources)e=[t.resources];else if(e=t.resources,!(e instanceof Array&&e.length))return null;return{resources:e,path:t.path||\"/\",maxURL:t.maxURL||500,rotate:t.rotate||750,timeout:t.timeout||5e3,random:!0===t.random,index:t.index||0,dataAfterTimeout:!1!==t.dataAfterTimeout}}const rt=Object.create(null),it=[\"https://api.simplesvg.com\",\"https://api.unisvg.com\"],ct=[];for(;it.length>0;)1===it.length||Math.random()>.5?ct.push(it.shift()):ct.push(it.pop());function st(t,e){const n=ot(e);return null!==n&&(rt[t]=n,!0)}function at(t){return rt[t]}rt[\"\"]=ot({resources:[\"https://api.iconify.design\"].concat(ct)});let ut=(()=>{let t;try{if(t=fetch,\"function\"==typeof t)return t}catch(t){}})();const ft={prepare:(t,e,n)=>{const o=[],r=function(t,e){const n=at(t);if(!n)return 0;let o;if(n.maxURL){let t=0;n.resources.forEach((e=>{const n=e;t=Math.max(t,n.length)}));const r=e+\".json?icons=\";o=n.maxURL-t-n.path.length-r.length}else o=0;return o}(t,e),i=\"icons\";let c={type:i,provider:t,prefix:e,icons:[]},s=0;return n.forEach(((n,a)=>{s+=n.length+1,s>=r&&a>0&&(o.push(c),c={type:i,provider:t,prefix:e,icons:[]},s=n.length),c.icons.push(n)})),o.push(c),o},send:(t,e,n)=>{if(!ut)return void n(\"abort\",424);let o=function(t){if(\"string\"==typeof t){const e=at(t);if(e)return e.path}return\"/\"}(e.provider);switch(e.type){case\"icons\":{const t=e.prefix,n=e.icons.join(\",\");o+=t+\".json?\"+new URLSearchParams({icons:n}).toString();break}case\"custom\":{const t=e.uri;o+=\"/\"===t.slice(0,1)?t.slice(1):t;break}default:return void n(\"abort\",400)}let r=503;ut(t+o).then((t=>{const e=t.status;if(200===e)return r=501,t.json();setTimeout((()=>{n(function(t){return 404===t}(e)?\"abort\":\"next\",e)}))})).then((t=>{\"object\"==typeof t&&null!==t?setTimeout((()=>{n(\"success\",t)})):setTimeout((()=>{404===t?n(\"abort\",t):n(\"next\",r)}))})).catch((()=>{n(\"next\",r)}))}};function lt(t,e){t.forEach((t=>{const n=t.loaderCallbacks;n&&(t.loaderCallbacks=n.filter((t=>t.id!==e)))}))}let dt=0;var pt={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function ht(t,e,n,o){const r=t.resources.length,i=t.random?Math.floor(Math.random()*r):t.index;let c;if(t.random){let e=t.resources.slice(0);for(c=[];e.length>1;){const t=Math.floor(Math.random()*e.length);c.push(e[t]),e=e.slice(0,t).concat(e.slice(t+1))}c=c.concat(e)}else c=t.resources.slice(i).concat(t.resources.slice(0,i));const s=Date.now();let a,u=\"pending\",f=0,l=null,d=[],p=[];function h(){l&&(clearTimeout(l),l=null)}function g(){\"pending\"===u&&(u=\"aborted\"),h(),d.forEach((t=>{\"pending\"===t.status&&(t.status=\"aborted\")})),d=[]}function m(t,e){e&&(p=[]),\"function\"==typeof t&&p.push(t)}function y(){u=\"failed\",p.forEach((t=>{t(void 0,a)}))}function b(){d.forEach((t=>{\"pending\"===t.status&&(t.status=\"aborted\")})),d=[]}function v(){if(\"pending\"!==u)return;h();const o=c.shift();if(void 0===o)return d.length?void(l=setTimeout((()=>{h(),\"pending\"===u&&(b(),y())}),t.timeout)):void y();const r={status:\"pending\",resource:o,callback:(e,n)=>{!function(e,n,o){const r=\"success\"!==n;switch(d=d.filter((t=>t!==e)),u){case\"pending\":break;case\"failed\":if(r||!t.dataAfterTimeout)return;break;default:return}if(\"abort\"===n)return a=o,void y();if(r)return a=o,void(d.length||(c.length?v():y()));if(h(),b(),!t.random){const n=t.resources.indexOf(e.resource);-1!==n&&n!==t.index&&(t.index=n)}u=\"completed\",p.forEach((t=>{t(o)}))}(r,e,n)}};d.push(r),f++,l=setTimeout(v,t.rotate),n(o,e,r.callback)}return\"function\"==typeof o&&p.push(o),setTimeout(v),function(){return{startTime:s,payload:e,status:u,queriesSent:f,queriesPending:d.length,subscribe:m,abort:g}}}function gt(t){const e={...pt,...t};let n=[];function o(){n=n.filter((t=>\"pending\"===t().status))}const r={query:function(t,r,i){const c=ht(e,t,r,((t,e)=>{o(),i&&i(t,e)}));return n.push(c),c},find:function(t){return n.find((e=>t(e)))||null},setIndex:t=>{e.index=t},getIndex:()=>e.index,cleanup:o};return r}function mt(){}const yt=Object.create(null);function bt(t,e,n){let o,r;if(\"string\"==typeof t){const e=nt(t);if(!e)return n(void 0,424),mt;r=e.send;const i=function(t){if(!yt[t]){const e=at(t);if(!e)return;const n={config:e,redundancy:gt(e)};yt[t]=n}return yt[t]}(t);i&&(o=i.redundancy)}else{const e=ot(t);if(e){o=gt(e);const n=nt(t.resources?t.resources[0]:\"\");n&&(r=n.send)}}return o&&r?o.query(e,r,n)().abort:(n(void 0,424),mt)}function vt(t,e){function n(n){let o;if(!N[n]||!(o=W(n)))return;const r=z[n];let i;if(r.size)r.delete(i=Array.from(r).shift());else if(i=B(o),!J(o,i+1))return;const c={cached:Math.floor(Date.now()/H),provider:t.provider,data:e};return Q(o,R+i.toString(),JSON.stringify(c))}_||Y(),e.lastModified&&!function(t,e){const n=t.lastModifiedCached;if(n&&n>=e)return n===e;if(t.lastModifiedCached=e,n)for(const n in N)X(n,(n=>{const o=n.data;return n.provider!==t.provider||o.prefix!==t.prefix||o.lastModified===e}));return!0}(t,e.lastModified)||Object.keys(e.icons).length&&(e.not_found&&delete(e=Object.assign({},e)).not_found,n(\"local\")||n(\"session\"))}function xt(){}function wt(t){t.iconsLoaderFlag||(t.iconsLoaderFlag=!0,setTimeout((()=>{t.iconsLoaderFlag=!1,function(t){t.pendingCallbacksFlag||(t.pendingCallbacksFlag=!0,setTimeout((()=>{t.pendingCallbacksFlag=!1;const e=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!e.length)return;let n=!1;const o=t.provider,r=t.prefix;e.forEach((e=>{const i=e.icons,c=i.pending.length;i.pending=i.pending.filter((e=>{if(e.prefix!==r)return!0;const c=e.name;if(t.icons[c])i.loaded.push({provider:o,prefix:r,name:c});else{if(!t.missing.has(c))return n=!0,!0;i.missing.push({provider:o,prefix:r,name:c})}return!1})),i.pending.length!==c&&(n||lt([t],e.id),e.callback(i.loaded.slice(0),i.missing.slice(0),i.pending.slice(0),e.abort))}))})))}(t)})))}const St=t=>{const e=g(t.provider,t.prefix).pendingIcons;return!(!e||!e.has(t.name))},jt=(t,e)=>{var n;const o=function(t){const e={loaded:[],missing:[],pending:[]},n=Object.create(null);t.sort(((t,e)=>t.provider!==e.provider?t.provider.localeCompare(e.provider):t.prefix!==e.prefix?t.prefix.localeCompare(e.prefix):t.name.localeCompare(e.name)));let o={provider:\"\",prefix:\"\",name:\"\"};return t.forEach((t=>{if(o.name===t.name&&o.prefix===t.prefix&&o.provider===t.provider)return;o=t;const r=t.provider,i=t.prefix,c=t.name,s=n[r]||(n[r]=Object.create(null)),a=s[i]||(s[i]=g(r,i));let u;u=c in a.icons?e.loaded:\"\"===i||a.missing.has(c)?e.missing:e.pending;const f={provider:r,prefix:i,name:c};u.push(f)})),e}(function(t,e=!0,n=!1){const o=[];return t.forEach((t=>{const r=\"string\"==typeof t?u(t,e,n):t;r&&o.push(r)})),o}(t,!0,(\"boolean\"==typeof n&&(b=n),b)));if(!o.pending.length){let t=!0;return e&&setTimeout((()=>{t&&e(o.loaded,o.missing,o.pending,xt)})),()=>{t=!1}}const r=Object.create(null),i=[];let c,s;return o.pending.forEach((t=>{const{provider:e,prefix:n}=t;if(n===s&&e===c)return;c=e,s=n,i.push(g(e,n));const o=r[e]||(r[e]=Object.create(null));o[n]||(o[n]=[])})),o.pending.forEach((t=>{const{provider:e,prefix:n,name:o}=t,i=g(e,n),c=i.pendingIcons||(i.pendingIcons=new Set);c.has(o)||(c.add(o),r[e][n].push(o))})),i.forEach((t=>{const{provider:e,prefix:n}=t;r[e][n].length&&function(t,e){t.iconsToLoad?t.iconsToLoad=t.iconsToLoad.concat(e).sort():t.iconsToLoad=e,t.iconsQueueFlag||(t.iconsQueueFlag=!0,setTimeout((()=>{t.iconsQueueFlag=!1;const{provider:e,prefix:n}=t,o=t.iconsToLoad;let r;delete t.iconsToLoad,o&&(r=nt(e))&&r.prepare(e,n,o).forEach((n=>{bt(e,n,(e=>{if(\"object\"!=typeof e)n.icons.forEach((e=>{t.missing.add(e)}));else try{const n=m(t,e);if(!n.length)return;const o=t.pendingIcons;o&&n.forEach((t=>{o.delete(t)})),vt(t,e)}catch(t){console.error(t)}wt(t)}))}))})))}(t,r[e][n])})),e?function(t,e,n){const o=dt++,r=lt.bind(null,n,o);if(!e.pending.length)return r;const i={id:o,icons:e,callback:t,abort:r};return n.forEach((t=>{(t.loaderCallbacks||(t.loaderCallbacks=[])).push(i)})),r}(e,o,i):xt},Et=t=>new Promise(((e,n)=>{const r=\"string\"==typeof t?u(t,!0):t;r?jt([r||t],(i=>{if(i.length&&r){const t=v(r);if(t)return void e({...o,...t})}n(t)})):n(t)}));function It(t,e){const n={...t};for(const t in e){const o=e[t],r=typeof o;t in E?(null===o||o&&(\"string\"===r||\"number\"===r))&&(n[t]=o):r===typeof n[t]&&(n[t]=\"rotate\"===t?o%4:o)}return n}const Ot={...I,inline:!1},kt=\"iconify\",Ct=\"iconify-inline\",Mt=\"iconifyData\"+Date.now();let Tt=[];function Lt(t){for(let e=0;e{delete e.pendingScan,Pt&&Pt(t)})))}function _t(t,e){if(!t.observer)return;const n=t.observer;if(!n.pendingScan)for(let o=0;o0||\"attributes\"===r.type&&void 0!==r.target[Mt])return void(n.paused||zt(t))}}function Dt(t,e){t.observer.instance.observe(e,Nt)}function Rt(t){let e=t.observer;if(e&&e.instance)return;const n=\"function\"==typeof t.node?t.node():t.node;n&&window&&(e||(e={paused:0},t.observer=e),e.instance=new window.MutationObserver(_t.bind(null,t)),Dt(t,n),e.paused||zt(t))}function $t(){Ft().forEach(Rt)}function qt(t){if(!t.observer)return;const e=t.observer;e.pendingScan&&(clearTimeout(e.pendingScan),delete e.pendingScan),e.instance&&(e.instance.disconnect(),delete e.instance)}function Ht(t){const e=null!==Pt;Pt!==t&&(Pt=t,e&&Ft().forEach(qt)),e?$t():function(t){const e=document;e.readyState&&\"loading\"!==e.readyState?t():e.addEventListener(\"DOMContentLoaded\",t)}($t)}function Ut(t){(t?[t]:Ft()).forEach((t=>{if(!t.observer)return void(t.observer={paused:1});const e=t.observer;if(e.paused++,e.paused>1||!e.instance)return;e.instance.disconnect()}))}function Vt(t){if(t){const e=Lt(t);e&&Ut(e)}else Ut()}function Qt(t){(t?[t]:Ft()).forEach((t=>{if(!t.observer)return void Rt(t);const e=t.observer;if(e.paused&&(e.paused--,!e.paused)){const n=\"function\"==typeof t.node?t.node():t.node;if(!n)return;e.instance?Dt(t,n):Rt(t)}}))}function Gt(t){if(t){const e=Lt(t);e&&Qt(e)}else Qt()}function Jt(t,e=!1){const n=At(t,e);return Rt(n),n}function Bt(t){const e=Lt(t);e&&(qt(e),function(t){Tt=Tt.filter((e=>t!==e&&t!==(\"function\"==typeof e.node?e.node():e.node)))}(t))}const Kt=/[\\s,]+/;const Wt=[\"width\",\"height\"],Xt=[\"inline\",\"hFlip\",\"vFlip\"];function Yt(t){const e=t.getAttribute(\"data-icon\"),n=\"string\"==typeof e&&u(e,!0);if(!n)return null;const o={...Ot,inline:t.classList&&t.classList.contains(Ct)};Wt.forEach((e=>{const n=t.getAttribute(\"data-\"+e);n&&(o[e]=n)}));const r=t.getAttribute(\"data-rotate\");\"string\"==typeof r&&(o.rotate=function(t,e=0){const n=t.replace(/^-?[0-9.]*/,\"\");function o(t){for(;t<0;)t+=4;return t%4}if(\"\"===n){const e=parseInt(t);return isNaN(e)?0:o(e)}if(n!==t){let e=0;switch(n){case\"%\":e=25;break;case\"deg\":e=90}if(e){let r=parseFloat(t.slice(0,t.length-n.length));return isNaN(r)?0:(r/=e,r%1==0?o(r):0)}}return e}(r));const i=t.getAttribute(\"data-flip\");\"string\"==typeof i&&function(t,e){e.split(Kt).forEach((e=>{switch(e.trim()){case\"horizontal\":t.hFlip=!0;break;case\"vertical\":t.vFlip=!0}}))}(o,i),Xt.forEach((e=>{const n=\"data-\"+e,r=function(t,e){return t===e||\"true\"===t||\"\"!==t&&\"false\"!==t&&null}(t.getAttribute(n),n);\"boolean\"==typeof r&&(o[e]=r)}));const c=t.getAttribute(\"data-mode\");return{name:e,icon:n,customisations:o,mode:c}}const Zt=\"svg.\"+kt+\", i.\"+kt+\", span.\"+kt+\", i.\"+Ct+\", span.\"+Ct;function te(t,e){let n=-1===t.indexOf(\"xlink:\")?\"\":' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';for(const t in e)n+=\" \"+t+'=\"'+e[t]+'\"';return'\"}let ee;function ne(t){return void 0===ee&&function(){try{ee=window.trustedTypes.createPolicy(\"iconify\",{createHTML:t=>t})}catch(t){ee=null}}(),ee?ee.createHTML(t):t}function oe(t){const e=new Set([\"iconify\"]);return[\"provider\",\"prefix\"].forEach((n=>{t[n]&&e.add(\"iconify--\"+t[n])})),e}function re(t,e,n,o){const r=t.classList;if(o){const t=o.classList;Array.from(t).forEach((t=>{r.add(t)}))}const i=[];return e.forEach((t=>{r.contains(t)?n.has(t)&&i.push(t):(r.add(t),i.push(t))})),n.forEach((t=>{e.has(t)||r.remove(t)})),i}function ie(t,e,n){const o=t.style;(n||[]).forEach((t=>{o.removeProperty(t)}));const r=[];for(const t in e)o.getPropertyValue(t)||(r.push(t),o.setProperty(t,e[t]));return r}function ce(t,e,n){let o;try{o=document.createElement(\"span\")}catch(e){return t}const r=e.customisations,i=T(n,r),c=t[Mt],s=te(P(i.body),{\"aria-hidden\":\"true\",role:\"img\",...i.attributes});o.innerHTML=ne(s);const a=o.childNodes[0],u=t.attributes;for(let t=0;t{pe&&(pe=!1,ge())})))}function ge(t,e=!1){const n=Object.create(null);function r(t,e){const{provider:o,prefix:r,name:i}=t,c=g(o,r),s=c.icons[i];if(s)return{status:\"loaded\",icon:s};if(c.missing.has(i))return{status:\"missing\"};if(e&&!St(t)){const t=n[o]||(n[o]=Object.create(null));(t[r]||(t[r]=new Set)).add(i)}return{status:\"loading\"}}(t?[t]:Ft()).forEach((t=>{const n=\"function\"==typeof t.node?t.node():t.node;if(!n||!n.querySelectorAll)return;let i=!1,c=!1;function s(e,n,r){if(c||(c=!0,Ut(t)),\"SVG\"!==e.tagName.toUpperCase()){const t=n.mode,i=\"mask\"===t||\"bg\"!==t&&(\"style\"===t?-1!==r.body.indexOf(\"currentColor\"):null);if(\"boolean\"==typeof i)return void function(t,e,n,o){const r=e.customisations,i=T(n,r),c=i.attributes,s=t[Mt],a=te(i.body,{...c,width:n.width+\"\",height:n.height+\"\"}),u=re(t,oe(e.icon),new Set(s&&s.addedClasses)),f={\"--svg\":'url(\"'+(l=a,\"data:image/svg+xml,\"+function(t){return t.replace(/\"/g,\"'\").replace(/%/g,\"%25\").replace(/#/g,\"%23\").replace(//g,\"%3E\").replace(/\\s+/g,\" \")}(l)+'\")'),width:de(c.width),height:de(c.height),...se,...o?ae:ue};var l;r.inline&&(f[\"vertical-align\"]=\"-0.125em\");const d=ie(t,f,s&&s.addedStyles),p={...e,status:\"loaded\",addedClasses:u,addedStyles:d};t[Mt]=p}(e,n,{...o,...r},i)}ce(e,n,r)}(function(t){const e=[];return t.querySelectorAll(Zt).forEach((t=>{const n=t[Mt]||\"svg\"!==t.tagName.toLowerCase()?Yt(t):null;n&&e.push({node:t,props:n})})),e})(n).forEach((({node:t,props:e})=>{const n=t[Mt];if(!n){const{status:n,icon:o}=r(e.icon,!0);return o?void s(t,e,o):(i=i||\"loading\"===n,void(t[Mt]={...e,status:n}))}let o;if(function(t,e){if(t.name!==e.name||t.mode!==e.mode)return!0;const n=t.customisations,o=e.customisations;for(const t in Ot)if(n[t]!==o[t])return!0;return!1}(n,e)){if(o=r(e.icon,n.name!==e.name),!o.icon)return i=i||\"loading\"===o.status,void Object.assign(n,{...e,status:o.status})}else{if(\"loading\"!==n.status)return;if(o=r(e.icon,!1),!o.icon)return void(n.status=o.status)}s(t,e,o.icon)})),t.temporary&&!i?Bt(n):e&&i?Jt(n,!0):c&&t.observer&&Qt(t)}));for(const t in n){const e=n[t];for(const n in e){const o=e[n];jt(Array.from(o).map((e=>({provider:t,prefix:n,name:e}))),he)}}}function me(t,e,n=!1){const o=v(t);if(!o)return null;const r=u(t),i=It(Ot,e||{}),c=ce(document.createElement(\"span\"),{name:t,icon:r,customisations:i},o);return n?c.outerHTML:c}function ye(){return\"3.1.1\"}function be(t,e){return me(t,e,!1)}function ve(t,e){return me(t,e,!0)}function xe(t,e){const n=v(t);if(!n)return null;return T(n,It(Ot,e||{}))}function we(t){t?function(t){const e=Lt(t);e?ge(e):ge({node:t,temporary:!0},!0)}(t):ge()}if(\"undefined\"!=typeof document&&\"undefined\"!=typeof window){!function(){if(document.documentElement)return At(document.documentElement);Tt.push({node:()=>document.documentElement})}();const t=window;if(void 0!==t.IconifyPreload){const e=t.IconifyPreload,n=\"Invalid IconifyPreload syntax.\";\"object\"==typeof e&&null!==e&&(e instanceof Array?e:[e]).forEach((t=>{try{(\"object\"!=typeof t||null===t||t instanceof Array||\"object\"!=typeof t.icons||\"string\"!=typeof t.prefix||!w(t))&&console.error(n)}catch(t){console.error(n)}}))}setTimeout((()=>{Ht(ge),ge()}))}function Se(t,e){Z(t,!1!==e)}function je(t){Z(t,!0)}if(et(\"\",ft),\"undefined\"!=typeof document&&\"undefined\"!=typeof window){Y();const t=window;if(void 0!==t.IconifyProviders){const e=t.IconifyProviders;if(\"object\"==typeof e&&null!==e)for(const t in e){const n=\"IconifyProviders[\"+t+\"] is invalid.\";try{const o=e[t];if(\"object\"!=typeof o||!o||void 0===o.resources)continue;st(t,o)||console.error(n)}catch(t){console.error(n)}}}}const Ee={getAPIConfig:at,setAPIModule:et,sendAPIQuery:bt,setFetch:function(t){ut=t},getFetch:function(){return ut},listAPIProviders:function(){return Object.keys(rt)}},Ie={_api:Ee,addAPIProvider:st,loadIcons:jt,loadIcon:Et,iconExists:S,getIcon:j,listIcons:y,addIcon:x,addCollection:w,replaceIDs:P,calculateSize:C,buildIcon:T,getVersion:ye,renderSVG:be,renderHTML:ve,renderIcon:xe,scan:we,observe:Jt,stopObserving:Bt,pauseObserver:Vt,resumeObserver:Gt,enableCache:Se,disableCache:je};return t._api=Ee,t.addAPIProvider=st,t.addCollection=w,t.addIcon=x,t.buildIcon=T,t.calculateSize=C,t.default=Ie,t.disableCache=je,t.enableCache=Se,t.getIcon=j,t.getVersion=ye,t.iconExists=S,t.listIcons=y,t.loadIcon=Et,t.loadIcons=jt,t.observe=Jt,t.pauseObserver=Vt,t.renderHTML=ve,t.renderIcon=xe,t.renderSVG=be,t.replaceIDs=P,t.resumeObserver=Gt,t.scan=we,t.stopObserving=Bt,Object.defineProperty(t,\"__esModule\",{value:!0}),t}({});if(\"object\"==typeof exports)try{for(var key in exports.__esModule=!0,exports.default=Iconify,Iconify)exports[key]=Iconify[key]}catch(t){}try{void 0===self.Iconify&&(self.Iconify=Iconify)}catch(t){}\n",[185,103,101],"13b91892-9763-11f0-9dc3-0224a6c84d84",["D",1758511223686],"(()=>{var nt=!1,it=!1,W=[],ot=-1;function Ut(e){Rn(e)}function Rn(e){W.includes(e)||W.push(e),Mn()}function Wt(e){let t=W.indexOf(e);t!==-1&&t>ot&&W.splice(t,1)}function Mn(){!it&&!nt&&(nt=!0,queueMicrotask(Nn))}function Nn(){nt=!1,it=!0;for(let e=0;ee.effect(t,{scheduler:r=>{st?Ut(r):r()}}),at=e.raw}function ct(e){N=e}function Yt(e){let t=()=>{};return[n=>{let i=N(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),$(i))},i},()=>{t()}]}function ve(e,t){let r=!0,n,i=N(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>$(i)}var Xt=[],Zt=[],Qt=[];function er(e){Qt.push(e)}function te(e,t){typeof t==\"function\"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Zt.push(t))}function Ae(e){Xt.push(e)}function Oe(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function lt(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function tr(e){for(e._x_effects?.forEach(Wt);e._x_cleanups?.length;)e._x_cleanups.pop()()}var ut=new MutationObserver(mt),ft=!1;function ue(){ut.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ft=!0}function dt(){kn(),ut.disconnect(),ft=!1}var le=[];function kn(){let e=ut.takeRecords();le.push(()=>e.length>0&&mt(e));let t=le.length;queueMicrotask(()=>{if(le.length===t)for(;le.length>0;)le.shift()()})}function m(e){if(!ft)return e();dt();let t=e();return ue(),t}var pt=!1,Se=[];function rr(){pt=!0}function nr(){pt=!1,mt(Se),Se=[]}function mt(e){if(pt){Se=Se.concat(e);return}let t=[],r=new Set,n=new Map,i=new Map;for(let o=0;o{s.nodeType===1&&s._x_marker&&r.add(s)}),e[o].addedNodes.forEach(s=>{if(s.nodeType===1){if(r.has(s)){r.delete(s);return}s._x_marker||t.push(s)}})),e[o].type===\"attributes\")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{lt(s,o)}),n.forEach((o,s)=>{Xt.forEach(a=>a(s,o))});for(let o of r)t.some(s=>s.contains(o))||Zt.forEach(s=>s(o));for(let o of t)o.isConnected&&Qt.forEach(s=>s(o));t=null,r=null,n=null,i=null}function Ce(e){return z(B(e))}function k(e,t,r){return e._x_dataStack=[t,...B(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function B(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot==\"function\"&&e instanceof ShadowRoot?B(e.host):e.parentNode?B(e.parentNode):[]}function z(e){return new Proxy({objects:e},Dn)}var Dn={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t==\"toJSON\"?Pn:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Pn(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Te(e){let t=n=>typeof n==\"object\"&&!Array.isArray(n)&&n!==null,r=(n,i=\"\")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0||typeof s==\"object\"&&s!==null&&s.__v_skip)return;let c=i===\"\"?o:`${i}.${o}`;typeof s==\"object\"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Re(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>In(n,i),s=>ht(n,i,s),i,o)}};return t(r),n=>{if(typeof n==\"object\"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function In(e,t){return t.split(\".\").reduce((r,n)=>r[n],e)}function ht(e,t,r){if(typeof t==\"string\"&&(t=t.split(\".\")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),ht(e[t[0]],t.slice(1),r)}}var ir={};function y(e,t){ir[e]=t}function fe(e,t){let r=Ln(t);return Object.entries(ir).forEach(([n,i])=>{Object.defineProperty(e,`$${n}`,{get(){return i(t,r)},enumerable:!1})}),e}function Ln(e){let[t,r]=_t(e),n={interceptor:Re,...t};return te(e,r),n}function or(e,t,r,...n){try{return r(...n)}catch(i){re(i,e,t)}}function re(e,t,r=void 0){e=Object.assign(e??{message:\"No error message given.\"},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}\n\n${r?'Expression: \"'+r+`\"\n\n`:\"\"}`,t),setTimeout(()=>{throw e},0)}var Me=!0;function ke(e){let t=Me;Me=!1;let r=e();return Me=t,r}function R(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return sr(...e)}var sr=xt;function ar(e){sr=e}function xt(e,t){let r={};fe(r,e);let n=[r,...B(e)],i=typeof t==\"function\"?$n(n,t):Fn(n,t,e);return or.bind(null,e,t,i)}function $n(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(z([n,...e]),i);Ne(r,o)}}var gt={};function jn(e,t){if(gt[e])return gt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\\n\\s]*if.*\$.*\$/.test(e.trim())||/^(let|const)\\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let s=new r([\"__self\",\"scope\"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,\"name\",{value:`[Alpine] ${e}`}),s}catch(s){return re(s,t,e),Promise.resolve()}})();return gt[e]=o,o}function Fn(e,t,r){let n=jn(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=z([o,...e]);if(typeof n==\"function\"){let c=n(n,a).catch(l=>re(l,r,t));n.finished?(Ne(i,n.result,a,s,r),n.result=void 0):c.then(l=>{Ne(i,l,a,s,r)}).catch(l=>re(l,r,t)).finally(()=>n.result=void 0)}}}function Ne(e,t,r,n,i){if(Me&&typeof t==\"function\"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ne(e,s,r,n)).catch(s=>re(s,i,t)):e(o)}else typeof t==\"object\"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var wt=\"x-\";function C(e=\"\"){return wt+e}function cr(e){wt=e}var De={};function d(e,t){return De[e]=t,{before(r){if(!De[r]){console.warn(String.raw`Cannot find directive \\`${r}\\`. \\`${e}\\` will use the default order of execution`);return}let n=G.indexOf(r);G.splice(n>=0?n:G.indexOf(\"DEFAULT\"),0,e)}}}function lr(e){return Object.keys(De).includes(e)}function pe(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=Et(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`\"${a.value}\"`}:a),t=t.concat(o)}let n={};return t.map(dr((o,s)=>n[o]=s)).filter(mr).map(zn(n,r)).sort(Kn).map(o=>Bn(e,o))}function Et(e){return Array.from(e).map(dr()).filter(t=>!mr(t))}var yt=!1,de=new Map,ur=Symbol();function fr(e){yt=!0;let t=Symbol();ur=t,de.set(t,[]);let r=()=>{for(;de.get(t).length;)de.get(t).shift()();de.delete(t)},n=()=>{yt=!1,r()};e(r),n()}function _t(e){let t=[],r=a=>t.push(a),[n,i]=Yt(e);return t.push(i),[{Alpine:K,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:R.bind(R,e)},()=>t.forEach(a=>a())]}function Bn(e,t){let r=()=>{},n=De[t.type]||r,[i,o]=_t(e);Oe(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),yt?de.get(ur).push(n):n())};return s.runCleanups=o,s}var Pe=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Ie=e=>e;function dr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=pr.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var pr=[];function ne(e){pr.push(e)}function mr({name:e}){return hr().test(e)}var hr=()=>new RegExp(`^${wt}([^:^.]+)\\\\b`);function zn(e,t){return({name:r,value:n})=>{let i=r.match(hr()),o=r.match(/:([a-zA-Z0-9\\-_:]+)/),s=r.match(/\\.[^.\\]]+(?=[^\\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(\".\",\"\")),expression:n,original:a}}}var bt=\"DEFAULT\",G=[\"ignore\",\"ref\",\"data\",\"id\",\"anchor\",\"bind\",\"init\",\"for\",\"model\",\"modelable\",\"transition\",\"show\",\"if\",bt,\"teleport\"];function Kn(e,t){let r=G.indexOf(e.type)===-1?bt:e.type,n=G.indexOf(t.type)===-1?bt:t.type;return G.indexOf(r)-G.indexOf(n)}function J(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function D(e,t){if(typeof ShadowRoot==\"function\"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>D(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)D(n,t,!1),n=n.nextElementSibling}function E(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var _r=!1;function gr(){_r&&E(\"Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems.\"),_r=!0,document.body||E(\"Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's `\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",[],[321],"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",[],[330],"6a4b4996-a933-11f0-9cab-0224a6c84d84","deno.json","f74d226a-7616-11f0-8a59-0224a6c84d84",268,["D",1760469873998],"{\n \"tasks\": {\n \"serve\": \"deno task build:css && deno serve --allow-read --allow-import --allow-env --allow-write --allow-net --reload=https://esm.town ./main.js\",\n \"build:css\": \"deno run --allow-read --allow-write ./scripts/build_css.js\",\n \"vendor:fetch\": \"deno run --allow-net --allow-write --allow-read ./scripts/fetch_vendor.js\",\n \"dev\": \"deno task build:css && deno task vendor:fetch && deno task serve\"\n },\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"strictNullChecks\": true,\n \"strictPropertyInitialization\": false,\n \"noUnusedLocals\": false,\n \"noUnusedParameters\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n },\n \"imports\": {\n \"@/types\": \"./frontend/types.ts\"\n }\n}",[],[338],"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",[],[346],"34785c74-a432-11f0-9be2-0224a6c84d84","chatCompletion.js","f6661672-7616-11f0-b3f9-0224a6c84d84",231,["D",1759919598387],"// Minimal Groq Chat Completions client using fetch\nexport async function groqChatCompletion(apiKey, payload) {\n console.log('>>> [groqChatCompletion] Payload:', payload);\n const response = await fetch('https://api.groq.com/openai/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${apiKey}`,\n },\n body: JSON.stringify(payload),\n });\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Groq API error: ${response.status} ${text}`);\n }\n // console.log('>>> [groqChatCompletion] Response:', response);\n return await response.json();\n}\n\n\n",[],[354],"346a1966-a432-11f0-ac57-0224a6c84d84","TYPESCRIPT_MIGRATION.md","346a1a60-a432-11f0-ac57-0224a6c84d84",229,["D",1759919598310],"# TypeScript Migration Complete\n\n## Summary\n\nThe core data-handling logic has been successfully migrated to TypeScript and refactored into modular files. This directly addresses the reasoning persistence bug and improves overall code quality.\n\n## Completed Migrations\n\n### Phase 1: Critical Core Modules ✅\n\n1. **`frontend/types.ts`** (392 lines)\n - Centralized all type definitions\n - Added helper functions: `messageToUIMessage`, `createDefaultSessionTree`\n - Defines: `Session`, `Message`, `Branch`, `SessionTree`, `UIMessage`, `AppState`, etc.\n\n2. **`frontend/core/db.ts`** (NEW - 175 lines)\n - Database initialization and schema\n - Dexie setup with migrations v1-v11\n - Handles prototype reset logic\n\n3. **`frontend/core/sessions.ts`** (NEW - 470 lines)\n - Session CRUD operations\n - `loadSessions`, `loadSession`, `saveSession` (critical for reasoning persistence)\n - `createNewChat`, `selectChat`, `deleteChat`, `duplicateChat`\n - Session tree and branch management\n\n4. **`frontend/core/folders.ts`** (NEW - 93 lines)\n - Folder management\n - CRUD operations for folders\n\n5. **`frontend/core/messages.ts`** (NEW - 284 lines)\n - Message operations\n - `ensureChatExistsForEdits`, `persistMessageAtIndex`\n - `deleteMessage`, `deleteMessagesBelow`\n - `rerunFromUser`, `rerunAssistant` with branching support\n\n6. **`frontend/core/import-export.ts`** (NEW - 337 lines)\n - Data import/export functionality\n - `exportAllData`, `importDataReplace`, `importDataAppend`\n\n7. **`frontend/core/index.ts`** (NEW - 54 lines)\n - Central export file for all core modules\n - Provides backwards-compatible API\n\n8. **`frontend/core/jobManager.ts`** (172 lines)\n - Converted from `.js`\n - SSE streaming for chat jobs\n - Proper TypeScript types for job data\n\n9. **`frontend/core/branchManager.ts`** (559 lines)\n - Already converted (previous work)\n - Core branching operations\n\n10. **`frontend/experimental/streaming.ts`** (432 lines)\n - Already converted (previous work)\n - Streaming logic with reasoning persistence fix\n\n### Phase 2: Configuration and Setup ✅\n\n1. **`deno.json`**\n - Added TypeScript compiler options\n - Added import alias: `\"@/types\": \"./frontend/types.ts\"`\n - Enabled strict type checking\n\n2. **Updated Imports**\n - `frontend/chatterApp.js` - Uses `'./core/index.ts'`\n - `frontend/dataIO.js` - Uses `'./core/index.ts'`\n\n## Removed Files\n\n- ❌ `frontend/core/chatCore.js` (1310 lines) → Replaced by modular TypeScript files\n- ❌ `frontend/core/jobManager.js` → Converted to `jobManager.ts`\n\n## Key Benefits\n\n### 1. **Fixed Reasoning Persistence Bug** 🐛→✅\nThe bug was caused by inconsistent data handling across multiple files. Now:\n- All data types are centralized in `types.ts`\n- `saveSession` explicitly handles `reasoning` field with proper null checks\n- `streaming.ts` updates `state.messages[idx].reasoning` during streaming\n- `loadSession` populates `state.messageReasoningMap` from session tree\n\n### 2. **Type Safety** 🛡️\n- Compile-time error detection\n- Better IDE autocomplete\n- Catch null/undefined issues before runtime\n\n### 3. **Modularity** 📦\n- Each file has a single responsibility\n- Easier to find and update code\n- Smaller, more manageable files\n\n### 4. **Maintainability** 🔧\n- Clear separation of concerns\n- Easier to test individual modules\n- Better code organization\n\n## File Structure\n\n```\nfrontend/\n├── types.ts (392 lines) - Central type definitions\n├── core/\n│ ├── index.ts (54 lines) - Central export\n│ ├── db.ts (175 lines) - Database init\n│ ├── sessions.ts (470 lines) - Session operations\n│ ├── folders.ts (93 lines) - Folder management\n│ ├── messages.ts (284 lines) - Message operations\n│ ├── import-export.ts (337 lines) - Data I/O\n│ ├── jobManager.ts (172 lines) - Job streaming\n│ └── branchManager.ts (559 lines) - Branching logic\n├── experimental/\n│ └── streaming.ts (432 lines) - Streaming logic\n└── ...\n```\n\n## Testing Checklist\n\n### Core Functionality\n- [ ] Database initialization works\n- [ ] Create new chat\n- [ ] Send message\n- [ ] Message appears in UI\n\n### Reasoning Persistence (CRITICAL)\n- [ ] Send message with reasoning enabled\n- [ ] Verify reasoning appears in UI\n- [ ] Refresh page\n- [ ] Verify reasoning still appears\n- [ ] Switch branches\n- [ ] Verify reasoning persists across branches\n\n### Branching\n- [ ] Fork at user message\n- [ ] Fork at assistant message (regen)\n- [ ] Switch between branches\n- [ ] Delete message with branches\n\n### Data Operations\n- [ ] Edit message\n- [ ] Delete message\n- [ ] Delete messages below\n- [ ] Rerun from user\n- [ ] Regenerate assistant\n\n### Folders\n- [ ] Create folder\n- [ ] Move chat to folder\n- [ ] Toggle folder collapsed\n\n### Import/Export\n- [ ] Export all data\n- [ ] Import data (replace)\n- [ ] Import data (append)\n\n## Next Steps (Optional)\n\n1. **Convert `chatterApp.js` to TypeScript** (1890 lines - large task)\n - Would provide even more type safety\n - Not critical since core logic is already typed\n\n2. **Convert other utility files**\n - `apiClient.js`, `chatterLib.js`, `i18n.js`, etc.\n - Lower priority\n\n3. **Add unit tests**\n - Test core functions in isolation\n - Ensure reasoning persistence works correctly\n\n## Notes\n\n- The migration was done **without JSDoc comments** to keep files clean and rely on TypeScript's type system\n- All imports are backwards-compatible through `frontend/core/index.ts`\n- No breaking changes to the API\n- The modular structure makes future refactoring easier\n",[],[362],"3461218a-a432-11f0-ac57-0224a6c84d84","TYPESCRIPT_FIXES.md","3461222a-a432-11f0-ac57-0224a6c84d84",228,["D",1759919598250],"# TypeScript Migration Fixes\n\n## Issues Encountered and Fixed\n\n### 1. Import Typo\n**Error**: `timerStopf` instead of `timerStop`\n**File**: `frontend/chatterApp.js` line 86\n**Fix**: Changed `stopTimer as timerStopf` to `stopTimer as timerStop`\n\n### 2. Missing Function References\n**Error**: `coreEnsureMessagePersisted` and `coreSendMessage` not exported\n**Fix**: \n- Replaced `coreEnsureMessagePersisted` with `corePersistMessageAtIndex`\n- Inlined the legacy `coreSendMessage` implementation directly in `sendMessage()`\n\n### 3. TypeScript Type Exports in Browser\n**Error**: Browser can't parse `export type { ... }`\n**File**: `frontend/core/index.ts`\n**Fix**: Removed `export type { AppState, DexieDatabase }` line\n\n### 4. TypeScript MIME Type Issue\n**Error**: Server serving `.ts` files as `text/plain` instead of `application/javascript`\n**File**: `backend/routes/static.js`\n**Fix**: Added TypeScript transpilation using Deno's `emit` module\n```javascript\nif (rel.endsWith('.ts')) {\n const { transpile } = await import('https://deno.land/x/emit@0.31.0/mod.ts');\n const result = await transpile(new URL(`file://${Deno.cwd()}/${rel}`));\n body = result.get(new URL(`file://${Deno.cwd()}/${rel}`).href) || body;\n contentType = 'application/javascript; charset=utf-8';\n}\n```\n\n### 5. Duplicate Function Declarations\n**Error**: Functions declared twice in `types.ts`\n**Fix**: Removed duplicate declarations:\n- `messageToUIMessage` (was on lines 333 and 395)\n- `createDefaultSessionTree` (was on lines 263 and 395)\n\n## Why TypeScript Doesn't Work in Browsers\n\nBrowsers only understand **JavaScript**, not TypeScript. TypeScript features like:\n- `import type { ... }` - Type-only imports\n- `interface` declarations\n- `type` aliases\n- Type annotations (`: string`, `: number`, etc.)\n- `export type`\n\nAll of these cause **syntax errors** in browsers.\n\n## Solution: Server-Side Transpilation\n\nThe server now transpiles TypeScript to JavaScript on-the-fly:\n1. Browser requests `.ts` file\n2. Server reads the TypeScript source\n3. Server uses Deno's `emit` module to transpile it\n4. Server serves the transpiled JavaScript (with all TypeScript syntax removed)\n5. Browser runs pure JavaScript\n\n## Files Modified\n\n1. `backend/routes/static.js` - Added TypeScript transpilation\n2. `frontend/chatterApp.js` - Fixed import typos and missing functions\n3. `frontend/core/index.ts` - Removed `export type`\n4. `frontend/types.ts` - Removed duplicate function declarations\n\n## Testing Checklist\n\n- [ ] App loads without errors\n- [ ] Create new chat works\n- [ ] Send message works\n- [ ] Reasoning displays\n- [ ] Branch switching works\n- [ ] Fork functionality works\n- [ ] Refresh preserves data\n\n## Performance Note\n\nTypeScript transpilation happens on every request. For production, consider:\n1. Pre-compiling TypeScript to JavaScript\n2. Caching transpiled results\n3. Using a build step to generate `.js` files\n\nFor development, the current on-the-fly transpilation works fine.\n\n",[],[370],"3455c024-a432-11f0-aacc-0224a6c84d84","REFACTORING_SUMMARY.md","3455c0d8-a432-11f0-aacc-0224a6c84d84",226,["D",1759919598164],"# Core Refactoring Summary\n\n## Overview\nThe monolithic `frontend/core/chatCore.js` (1310 lines) has been successfully refactored into modular TypeScript files. This improves maintainability, type safety, and reduces the chance of bugs (like the reasoning persistence issue).\n\n## New Module Structure\n\n### `frontend/core/db.ts`\n- Database initialization and schema management\n- Handles Dexie setup and migrations (v1-v11)\n- Includes reset logic for prototype mode\n- **Exports**: `initDb`, `AppState`, `DexieDatabase`\n\n### `frontend/core/sessions.ts`\n- Session CRUD operations\n- Handles loading, saving, creating, and managing chat sessions\n- Includes `slugifyTitle` utility\n- **Key Functions**:\n - `loadSessions` / `loadChats` - Load session list\n - `loadSession` - Load a single session with tree/branch support\n - `saveSession` - **CRITICAL** - Saves session with reasoning persistence\n - `createNewChat`, `selectChat`, `deleteChat`, `duplicateChat`\n - `moveChatToFolder`, `baseChats`, `chatsInFolder`\n\n### `frontend/core/folders.ts`\n- Folder management operations\n- **Key Functions**:\n - `loadFolders`, `createFolder`, `toggleFolderCollapsed`\n - `startEditingFolder`, `commitEditingFolder`, `cancelEditingFolder`\n\n### `frontend/core/messages.ts`\n- Message operations and persistence\n- **Key Functions**:\n - `ensureChatExistsForEdits` - Creates session when needed\n - `persistMessageAtIndex` - Persists individual message\n - `deleteMessage`, `deleteMessagesBelow`\n - `rerunFromUser`, `rerunAssistant` - Handles branching in sessions mode\n\n### `frontend/core/import-export.ts`\n- Data import/export functionality\n- **Key Functions**:\n - `exportAllData` - Exports entire database\n - `importDataReplace` - Replace all data with import\n - `importDataAppend` - Append imported data\n\n### `frontend/core/index.ts`\n- Central export file for backwards compatibility\n- Provides the same API as the old `chatCore.js`\n- Makes it easy to import from a single location\n\n### `frontend/core/jobManager.ts`\n- Converted from JS to TypeScript\n- Handles SSE streaming for chat jobs\n- **Key Class**: `JobManager`\n\n### `frontend/core/branchManager.ts`\n- Already converted to TypeScript in previous work\n- Handles branching operations\n\n### `frontend/experimental/streaming.ts`\n- Already converted to TypeScript in previous work\n- Handles streaming logic\n\n### `frontend/types.ts`\n- Central type definitions for the entire application\n- **Key Types**: `Session`, `Message`, `Branch`, `SessionTree`, `UIMessage`, `AppState`\n- **Helper Functions**: `messageToUIMessage`, `createDefaultSessionTree`, `getNextMessageId`, etc.\n\n## Migration Details\n\n### Removed Files\n- `frontend/core/chatCore.js` (replaced by modular TypeScript files)\n- `frontend/core/jobManager.js` (converted to `.ts`)\n- `frontend/core/branchManager.js` (converted to `.ts`)\n- `frontend/experimental/streaming.js` (converted to `.ts`)\n\n### Updated Files\n- `frontend/chatterApp.js` - Updated imports to use `'./core/index.ts'`\n- `frontend/dataIO.js` - Updated imports to use `'./core/index.ts'`\n- `frontend/types.ts` - Added helper functions\n- `deno.json` - Updated for TypeScript support\n\n## Benefits\n\n1. **Type Safety**: All core logic now has TypeScript types, catching errors at compile time\n2. **Modularity**: Each file has a single responsibility\n3. **Maintainability**: Easier to find and update specific functionality\n4. **Bug Prevention**: The reasoning persistence bug was directly caused by scattered data handling\n5. **Better IDE Support**: Better autocomplete and refactoring tools\n6. **Easier Testing**: Smaller modules are easier to test in isolation\n\n## Critical Fix: Reasoning Persistence\n\nThe refactoring directly addresses the reasoning persistence bug by:\n1. Centralizing data type definitions in `types.ts`\n2. Making `saveSession` in `sessions.ts` explicitly handle `m.reasoning != null ? String(m.reasoning) : undefined`\n3. Ensuring `streaming.ts` updates `state.messages[idx].reasoning` during streaming\n4. Having `loadSession` populate `state.messageReasoningMap` from session tree\n\n## Testing Checklist\n\n- [x] Module imports work correctly\n- [x] No linter errors\n- [ ] Create a new chat\n- [ ] Send a message with reasoning\n- [ ] Refresh the page\n- [ ] Verify reasoning persists\n- [ ] Test branching (fork, regen, switch)\n- [ ] Test message editing\n- [ ] Test import/export\n- [ ] Test folder operations\n\n## Next Steps\n\n1. Test the application to ensure all functionality works\n2. Optionally convert `chatterApp.js` to TypeScript (1890 lines - large task)\n3. Consider converting other utility files to TypeScript as needed\n\n",[],[378],"3459bb70-a432-11f0-9be2-0224a6c84d84","HOTFIX.md","3459bbfc-a432-11f0-9be2-0224a6c84d84",227,["D",1759919598203],"# Hotfix: Missing Function References\n\n## Issue\nAfter the TypeScript migration, the Alpine.js app failed to initialize with errors like \"chatterApp is not defined\". This was caused by missing function imports in `chatterApp.js`.\n\n## Root Cause\nTwo functions were referenced in `chatterApp.js` but not exported from the new modular structure:\n1. `coreEnsureMessagePersisted` - Legacy function that was replaced by `persistMessageAtIndex`\n2. `coreSendMessage` - Legacy non-jobs message sending function\n\n## Fix Applied\n\n### 1. Fixed `ensureMessagePersisted` reference\n**Before:**\n```javascript\nasync ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },\n```\n\n**After:**\n```javascript\nasync ensureMessagePersisted(idx) { return corePersistMessageAtIndex(this, idx); },\n```\n\n### 2. Inlined `sendMessage` legacy path\n**Before:**\n```javascript\nif (!this.useJobs) { await coreSendMessage(this); return; }\n```\n\n**After:**\n```javascript\nif (!this.useJobs) { \n // Legacy non-jobs send (inline implementation)\n const text = (this.chatInput || '').trim();\n if (!text) return;\n this.errorMessage = '';\n if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }\n if (!this.currentChatId) {\n try { await this.createNewChat(); } catch (_) { /* ignore */ }\n }\n const createdAt = Date.now();\n const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;\n try {\n if (this.currentChatId && this.db && !this.db.sessions) {\n const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null });\n this.messages[userIndex].id = newId;\n }\n } catch (_) {}\n this.chatInput = '';\n try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}\n this.scrollToBottom && this.scrollToBottom();\n this.streamAssistant && this.streamAssistant();\n return;\n}\n```\n\n## Status\n✅ **Fixed** - The app should now load correctly and Alpine.js should initialize properly.\n\n## Testing\n1. Refresh the browser\n2. Check that Alpine errors are gone\n3. Verify the chat app loads and initializes\n4. Test basic functionality (create chat, send message)\n\n",[],[386],"34b5011a-a432-11f0-9f93-0224a6c84d84","BRANCH_DATA_MODEL.md","3902253a-95ab-11f0-acde-0224a6c84d84",240,["D",1759919598786],"## Branching Data Model Plan — Atomic Session Approach\n\n\n***\nuser notes / don't delete!\n- figure out how the data model can be API first, e.g. don't rely too much on Dexie, we want this to possibly be an API for other chat clients in the future!\n\n\n***\n> **TL;DR**: Replace normalized `chats` + `messages` tables with atomic `sessions` documents. Each session is a self-contained JSON object with embedded message tree and branches. Benefits: trivial export/import, perfect portability, simple implementation. Trade-off: whole-document writes (mitigated by debouncing). Perfect for short Q&A chats.\n\n---\n\n## Table of Contents\n1. [Goals & Current State](#current-state-v10)\n2. [Design Options Reconsidered](#design-options-reconsidered) ← Why atomic sessions win\n3. [Proposed Schema](#proposed-schema-dexie-v11---atomic-session-approach) ← New data structure\n4. [Migration Plan](#migration-plan-v10--v11---atomic-session-migration) ← How to upgrade\n5. [UI Changes](#ui-changes-for-branching---implementation-guide) ← Phase 1 & 2 rollout\n6. [Branching Actions](#branching-actions) ← How to fork/switch branches\n7. [Backend & Streaming](#backend--jobs-impact) ← Minimal changes needed\n8. [Export/Import](#export--import---the-killer-feature) ← The killer feature\n9. [Performance](#performance-considerations) ← What's fast, what to watch\n10. [Rollout Plan](#rollout-plan) ← Phased deployment\n11. [Testing](#testing-checklist) ← Comprehensive test list\n12. [Quick Reference](#quick-reference-implementation-checklist) ← Implementation steps\n\n---\n\n### Goals\n- Support multiple branching responses per conversation while remaining backward compatible with the current linear model.\n- **Maximize portability**: Each chat session should be a self-contained, inspectable JSON document.\n- Minimize disruption to UI logic, Dexie storage, and backend streaming/jobs.\n- Keep export/import **trivially simple**: one session = one JSON file.\n- Optimize for the actual use case: short Q&A chats, not 10,000-message conversations.\n\n### Non‑Goals\n- No server-side persistence changes right now (branches live in Dexie, as today).\n- No immediate large refactors of streaming/job code; aim for additive changes that do not break current flows.\n- Not optimizing for extreme scale (1000+ message conversations with deep branching).\n\n---\n\n## Current State (v10)\n\n### Current Architecture Problem\n```\nDexie tables (normalized relational model):\n- chats: [{ id: 1, title: \"Chat 1\", ... }, { id: 2, title: \"Chat 2\", ... }]\n- messages: [{ id: 1, chatId: 1, content: \"...\" }, { id: 2, chatId: 1, ... }, { id: 3, chatId: 2, ... }]\n- folders: [{ id: 1, name: \"Work\", ... }]\n- systemPrompts: [{ id: 1, name: \"Preset 1\", ... }]\n- notes: [{ id: 1, title: \"Note 1\", ... }]\n```\n\n**Issues with current approach:**\n- Messages for ALL chats mixed together in one table\n- Requires JOINs (via `where('chatId').equals(id)`) to load a conversation\n- Export requires serializing relationships and IDs\n- Import requires remapping IDs and maintaining referential integrity\n- Hard to inspect: can't just look at one record to see the full conversation\n- Adding branches would require complex parent-pointer traversal across the messages table\n\n### Current Behavior\n- UI maintains a single linear `messages` array per chat\n- Reruns/regenerations mutate the tail of the list (truncate then stream new assistant message)\n- Backend is stateless: `/api/jobs` streams assistant deltas; the client persists to Dexie\n- **Limitation**: No notion of branching. Regenerations overwrite the tail; alternatives cannot coexist.\n\n---\n\n## Requirements for Branching\n- Allow multiple alternative assistant replies to a prior point in the conversation (fork at any message).\n- Allow users to name/select branches and continue a branch independently.\n- Present a linear view of the currently selected path so most UI remains unchanged.\n- Backward compatible: existing chats remain usable without any branching changes.\n- Keep performance acceptable for short Q&A conversations (typical use case).\n- Preserve streaming behavior, message editing, deletion, export/import.\n- **Make export/import trivial**: one session = one self-contained JSON file.\n\n---\n\n## Design Options Reconsidered\n\n### Option A: Add `branchId` on messages + `branches` table\n- Messages carry a `branchId`. Forking creates a new branch ID and subsequent messages adopt it.\n- ❌ **Cons**: Shared pre‑branch messages need duplication OR complex cross-branch handling; non-portable; same JOIN problems as current architecture.\n\n### Option B: Parent‑pointer tree + named branch views (Original Recommendation)\n- Each message gets a `parentId` to form a tree. A branch is a named pointer to a leaf message.\n- ✅ **Pros**: No duplication; natural for forking; easy migrations.\n- ❌ **Cons for this use case**: \n - Still requires complex parent traversal\n - Non-portable (can't just save/load a JSON file)\n - Export requires serializing the graph structure\n - Import requires rebuilding parent chains\n - Hard to inspect (need to traverse pointers to understand conversation)\n\n### Option C: Atomic Session Documents (New Recommendation)\n- **Each chat is one self-contained document** with embedded message tree and branches.\n- Each session document contains: metadata + full message tree + branch pointers + active state.\n\n**Why Option C is better for this use case:**\n\n✅ **Portability**: \n- Export = `JSON.stringify(session)` ← literally one line\n- Import = validate + insert ← no ID remapping, no relationship rebuilding\n- Share a conversation = send one JSON file\n- Inspect = open JSON in any editor, see everything\n\n✅ **Simplicity**:\n- One read to load a chat: `db.sessions.get(id)`\n- One write to save: `db.sessions.put(session)`\n- No JOINs, no complex queries\n- Delete chat = delete one record (atomically removes everything)\n\n✅ **Perfect for your use case**:\n- Short Q&A chats (50-200 messages typical)\n- Not building Slack (10K messages per channel)\n- Modern browsers handle 500KB-1MB JSON easily\n- Streaming works great (update in-memory, debounce writes)\n\n✅ **Better branching**:\n- Branch tree lives inside the session document\n- Easy to see all branches at once\n- Export includes full branch structure automatically\n- No orphaned messages possible (atomic document)\n\n❌ **Theoretical cons that don't apply here**:\n- \"Large rewrites\" → Not an issue for short chats\n- \"Hard to stream\" → Update in-memory, debounce to disk works fine\n- \"Corruption risk\" → Use transactions, same risk as any write\n- \"Multi-user conflicts\" → This is single-user, client-side only\n\n**Recommendation: Option C (Atomic Session Documents)**\n\n---\n\n## Proposed Schema (Dexie v11) - Atomic Session Approach\n\n### New Table Structure\n\n```\nDexie v11 tables:\n- sessions: [{ id: 1, meta: {...}, tree: { messages: [...], branches: [...] } }, ...]\n- folders: [{ id: 1, name: \"Work\", ... }] (unchanged)\n- systemPrompts: [{ id: 1, name: \"Preset\", ... }] (unchanged)\n- notes: [{ id: 1, title: \"Note\", ... }] (unchanged)\n```\n\n### `sessions` table (NEW - replaces `chats` + `messages`)\n\n**Store signature:**\n```\n++id, title, slug, createdAt, folderId, updatedAt\n```\n\n**Full document structure:**\n```typescript\ntype Session = {\n // Dexie auto-increment ID\n id: number;\n \n // Metadata (indexed for sidebar/list view)\n title: string;\n slug?: string;\n createdAt: number;\n updatedAt: number;\n folderId?: number | null;\n \n // Preset/settings metadata (for sidebar preview/filtering)\n systemPromptId?: number | null;\n activeSettingsSource?: 'preset' | 'custom' | null;\n \n // The atomic session data (embedded JSON)\n tree: {\n // All messages with parent-pointer structure\n messages: Message[];\n \n // Named branch pointers (if branching enabled)\n branches: Branch[];\n \n // UI state\n activeBranchId?: number | null;\n branchingEnabled?: boolean;\n };\n \n // Settings snapshot (for this session)\n settings?: {\n selectedModel?: string;\n customChatBaseUrl?: string;\n temperature?: number;\n maxTokens?: number;\n reasoningEffort?: 'low' | 'medium' | 'high';\n streamEnabled?: boolean;\n jsonMode?: boolean;\n useBrowserSearch?: boolean;\n useCodeInterpreter?: boolean;\n };\n \n // System prompt snapshot (embedded, not referenced)\n systemPrompt?: string;\n};\n\ntype Message = {\n id: number; // Local ID within this session\n parentId: number | null; // Points to parent message (null = root)\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n depth?: number; // Distance from root (for UI/validation)\n};\n\ntype Branch = {\n id: number; // Local ID within this session\n leafMessageId: number; // Points to tip of branch\n name: string; // e.g. \"main\", \"alternative 1\"\n baseMessageId?: number; // Where branch diverged (optional metadata)\n createdAt: number;\n updatedAt?: number;\n};\n```\n\n**Key design decisions:**\n\n1. **Everything embedded**: Messages and branches live inside the `tree` object\n2. **Simple IDs**: Message/branch IDs are simple increments within each session (no global uniqueness needed)\n3. **Self-contained**: Export = grab the session record. Import = validate + insert.\n4. **Indexed metadata**: Only top-level fields (`title`, `createdAt`, `folderId`) are indexed for sidebar queries\n5. **Snapshot settings**: Settings are embedded, not referenced (preserves exact state at time of conversation)\n\n---\n\n## Migration Plan (v10 → v11) - Atomic Session Migration\n\n### Overview\n**Goal**: Transform normalized `chats` + `messages` tables into atomic `sessions` documents.\n\n**Strategy**: \n1. Create new `sessions` table\n2. Migrate each chat + its messages into one session document\n3. Keep old tables temporarily for rollback\n4. After validation, drop old tables in v12\n\n### Migration Steps\n\n#### 1. Add Dexie v11 Schema\n```typescript\n// In chatCore.js initDb()\nstate.db.version(11).stores({\n // NEW: Atomic sessions (replaces chats + messages)\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n \n // Keep old tables for migration (will remove in v12)\n chats: '++id, title, slug, createdAt, folderId, systemPromptId, systemPromptText, settings, activeSettingsSource, customPromptText',\n messages: '++id, chatId, createdAt, role, content, model',\n \n // Unchanged tables\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n}).upgrade(async tx => {\n // Migration logic runs once per user\n console.log('🔄 Migrating v10 → v11: chats+messages → sessions');\n \n const chats = await tx.table('chats').toArray();\n console.log(`Found ${chats.length} chats to migrate`);\n \n for (const chat of chats) {\n try {\n // Load all messages for this chat\n const messages = await tx.table('messages')\n .where('chatId')\n .equals(chat.id)\n .sortBy('createdAt');\n \n // Build linear parent chain (no branching yet)\n const treeMessages = messages.map((msg, idx) => ({\n id: idx + 1, // Local IDs start at 1\n parentId: idx === 0 ? null : idx, // Point to previous message\n createdAt: msg.createdAt,\n role: msg.role,\n content: msg.content,\n reasoning: msg.reasoning || undefined,\n model: msg.model || undefined,\n promptLabel: msg.promptLabel || undefined,\n depth: idx\n }));\n \n // Create session document\n const session = {\n // Metadata (copy from chat)\n title: chat.title,\n slug: chat.slug || undefined,\n createdAt: chat.createdAt,\n updatedAt: Date.now(),\n folderId: chat.folderId || undefined,\n systemPromptId: chat.systemPromptId || undefined,\n activeSettingsSource: chat.activeSettingsSource || undefined,\n \n // Embedded tree\n tree: {\n messages: treeMessages,\n branches: [], // No branches yet (linear)\n activeBranchId: null,\n branchingEnabled: false\n },\n \n // Snapshot settings/prompt\n settings: chat.settings || undefined,\n systemPrompt: chat.systemPromptText || chat.customPromptText || undefined\n };\n \n // Insert session\n await tx.table('sessions').add(session);\n console.log(`✅ Migrated chat ${chat.id}: \"${chat.title}\" (${messages.length} messages)`);\n \n } catch (err) {\n console.error(`❌ Failed to migrate chat ${chat.id}:`, err);\n // Continue with other chats - don't fail entire migration\n }\n }\n \n console.log('✅ Migration v10 → v11 complete');\n });\n ```\n\n#### 2. Update Load/Save Functions\n\n**New function: `loadSession()`**\n```typescript\nexport async function loadSession(state, id) {\n if (id === state.ephemeralChatId) {\n // Handle ephemeral new chat\n state.currentChatId = null;\n state.activeSearchId = state.ephemeralChatId;\n state.messages = [{ \n role: 'assistant', \n content: 'Hi! How can I help you today?', \n createdAt: Date.now() \n }];\n return;\n }\n \n // Load full session document\n const session = await state.db.sessions.get(id);\n if (!session) {\n state.messages = [];\n return;\n }\n \n // Extract current branch path (for now, just linear order)\n state.currentChatId = id;\n state.activeSearchId = id;\n \n // Build linear view from tree\n const tree = session.tree || { messages: [], branches: [] };\n state.messages = tree.messages.map(m => ({\n id: m.id,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n createdAt: m.createdAt,\n model: m.model,\n promptLabel: m.promptLabel\n }));\n \n // Apply session settings\n if (session.settings) {\n if (session.settings.selectedModel) state.selectedModel = session.settings.selectedModel;\n if (session.settings.temperature != null) state.temperature = session.settings.temperature;\n // ... etc\n }\n \n // Load system prompt\n state.chatPromptText = session.systemPrompt || '';\n state.chatPromptId = session.systemPromptId ? String(session.systemPromptId) : null;\n}\n```\n\n**New function: `saveSession()`**\n```typescript\nexport async function saveSession(state) {\n if (!state.currentChatId || !state.db) return;\n \n const session = await state.db.sessions.get(state.currentChatId);\n if (!session) return;\n \n // Update tree with current messages\n session.tree.messages = state.messages.map((m, idx) => ({\n id: m.id || idx + 1,\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n model: m.model,\n promptLabel: m.promptLabel,\n depth: idx\n }));\n \n session.updatedAt = Date.now();\n \n // Save back to DB\n await state.db.sessions.put(session);\n}\n```\n\n#### 3. Sidebar List (Lightweight Query)\n```typescript\nexport async function loadSessions(state) {\n // Only load metadata for sidebar (not full tree)\n const rows = await state.db.sessions\n .orderBy('createdAt')\n .reverse()\n .toArray();\n \n // Map to lightweight objects for sidebar\n state.chats = rows.map(s => ({\n id: s.id,\n title: s.title,\n slug: s.slug,\n createdAt: s.createdAt,\n folderId: s.folderId\n }));\n}\n```\n\n#### 4. Streaming Integration\n\n**No major changes needed!** Streaming works the same:\n1. Load session into memory: `const session = await db.sessions.get(id)`\n2. Update `state.messages` array as deltas arrive (in-memory)\n3. Debounce writes to disk:\n\n```typescript\n// After each delta or every 500ms\nconst debouncedSave = debounce(async () => {\n await saveSession(state);\n}, 500);\n\n// In applyJobDelta\nif (delta.content) {\n // Update in-memory\n state.messages[idx].content += delta.content;\n \n // Queue save\n debouncedSave();\n}\n```\n\n### Migration Validation\n- Count sessions created = chats migrated\n- Spot-check a few sessions to ensure messages present\n- Export a session and verify it's valid JSON\n- Import it back and verify it works\n\n### Rollback Plan\nIf v11 migration fails:\n1. Old `chats` + `messages` tables still exist\n2. Drop `sessions` table\n3. Revert code to v10\n4. Users' data is safe\n\n---\n\n## UI Changes for Branching - Implementation Guide\n\n### Phase 1: Linear Mode (No Branching Yet)\n**Goal**: Get atomic sessions working with current linear behavior.\n\n**Changes needed:**\n1. Replace `loadChats()` with `loadSessions()` (same interface)\n2. Replace `selectChat()` with `loadSession()` internally\n3. Replace incremental message saves with `saveSession()` (debounced)\n4. Keep `state.messages` as-is (linear array)\n\n**What stays the same:**\n- UI renders `state.messages` as before\n- Streaming updates `state.messages` in-memory\n- No branch UI yet\n\n### Phase 2: Add Branching UI (Future)\n**Goal**: Allow users to fork conversations and switch branches.\n\n**New UI state:**\n```typescript\n// In chatterApp.js state\ncurrentBranchId: number | null; // Which branch is active\nsessionTree: { // Loaded from session.tree\n messages: Message[];\n branches: Branch[];\n branchingEnabled: boolean;\n};\n```\n\n**Path building function:**\n```typescript\n// Build linear view from current branch\nfunction buildMessagePath(session, branchId) {\n const tree = session.tree;\n \n // If no branching, just return messages in order\n if (!tree.branchingEnabled || !tree.branches.length) {\n return tree.messages;\n }\n \n // Find the branch\n const branch = tree.branches.find(b => b.id === branchId);\n if (!branch) return tree.messages;\n \n // Walk from leaf to root\n const path = [];\n let currentId = branch.leafMessageId;\n const visited = new Set();\n \n while (currentId != null && !visited.has(currentId)) {\n visited.add(currentId);\n const msg = tree.messages.find(m => m.id === currentId);\n if (!msg) break;\n \n path.unshift(msg);\n currentId = msg.parentId;\n }\n \n return path;\n}\n```\n\n**Branch UI Components:**\n1. **Branch selector dropdown** (in message header)\n - Shows all branches for current session\n - Switch between branches\n \n2. **\"Fork\" button** (on each message)\n - Create new branch from any point\n - Generates alternative responses\n \n3. **Branch visualization** (optional)\n - Tree view showing all branches\n - Visual indicator of current branch\n\n### Branching Actions\n\n**Enable branching for a session:**\n```typescript\nasync function enableBranching(sessionId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n session.tree.branchingEnabled = true;\n \n // Create default \"main\" branch pointing to last message\n if (session.tree.messages.length > 0) {\n const lastMsg = session.tree.messages[session.tree.messages.length - 1];\n session.tree.branches.push({\n id: 1,\n leafMessageId: lastMsg.id,\n name: 'main',\n baseMessageId: null,\n createdAt: Date.now()\n });\n session.tree.activeBranchId = 1;\n }\n \n await db.sessions.put(session);\n}\n```\n\n**Fork/create alternative at a message:**\n```typescript\nasync function forkAtMessage(sessionId, messageId) {\n const session = await db.sessions.get(sessionId);\n if (!session || !session.tree.branchingEnabled) return;\n \n // Find the message to fork from\n const baseMsg = session.tree.messages.find(m => m.id === messageId);\n if (!baseMsg) return;\n \n // Generate new message as alternative\n const newMsgId = Math.max(...session.tree.messages.map(m => m.id), 0) + 1;\n const newMessage = {\n id: newMsgId,\n parentId: baseMsg.parentId, // Same parent (sibling)\n createdAt: Date.now(),\n role: 'assistant',\n content: '', // Will be filled by streaming\n depth: baseMsg.depth\n };\n \n session.tree.messages.push(newMessage);\n \n // Create new branch pointing to this message\n const newBranchId = Math.max(...session.tree.branches.map(b => b.id), 0) + 1;\n const newBranch = {\n id: newBranchId,\n leafMessageId: newMsgId,\n name: `alternative ${newBranchId}`,\n baseMessageId: baseMsg.parentId,\n createdAt: Date.now()\n };\n \n session.tree.branches.push(newBranch);\n session.tree.activeBranchId = newBranchId;\n \n await db.sessions.put(session);\n return { messageId: newMsgId, branchId: newBranchId };\n}\n```\n\n**Switch branches:**\n```typescript\nasync function switchBranch(sessionId, branchId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n const branch = session.tree.branches.find(b => b.id === branchId);\n if (!branch) return;\n \n // Update active branch\n session.tree.activeBranchId = branchId;\n await db.sessions.put(session);\n \n // Rebuild UI messages array\n state.messages = buildMessagePath(session, branchId);\n}\n```\n\n**Delete/archive a branch:**\n```typescript\nasync function archiveBranch(sessionId, branchId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n // Remove branch from list (messages stay in tree)\n session.tree.branches = session.tree.branches.filter(b => b.id !== branchId);\n \n // If this was active, switch to first available branch\n if (session.tree.activeBranchId === branchId) {\n session.tree.activeBranchId = session.tree.branches[0]?.id || null;\n }\n \n await db.sessions.put(session);\n}\n```\n\n**Note on orphaned messages**: With atomic sessions, orphaned messages aren't a problem—they just live in the tree. You can add a cleanup function to prune unreachable messages if desired, but it's not required.\n\n---\n\n## Backend & Jobs Impact\n\n**Good news**: Backend stays mostly the same! The atomic session approach doesn't change streaming.\n\n### What Changes\n1. **Save frequency**: Instead of saving each message individually, save the whole session (debounced)\n2. **Message payload construction**: Still builds from `state.messages` (linear array)\n3. **Streaming deltas**: Still update `state.messages[idx].content` in-memory\n\n### What Stays the Same\n- Backend streams deltas the same way\n- `applyJobDelta` updates messages in-memory\n- No backend changes needed for branching\n\n### Streaming with Sessions\n\n```typescript\n// Existing streaming code mostly unchanged\nthis.applyJobDelta = async (jobId, parsed) => {\n const ctx = (this._jobCtx || {})[jobId];\n if (!ctx) return;\n \n const choice = Array.isArray(parsed.choices) ? parsed.choices[0] : null;\n const delta = choice?.delta || {};\n \n if (delta.content) {\n // Update in-memory array (same as before)\n if (ctx.chatId === this.currentChatId) {\n const idx = this.messages.findIndex(m => m.id === ctx.assistantMessageId);\n if (idx >= 0) {\n this.messages[idx].content += delta.content;\n }\n }\n \n // NEW: Debounce session save instead of immediate DB write\n this.debouncedSaveSession();\n }\n \n if (delta.reasoning) {\n // Same as before...\n this.messageReasoningMap[ctx.assistantMessageId] += delta.reasoning;\n this.debouncedSaveSession();\n }\n};\n\n// Debounced save helper\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n```\n\n---\n\n## Export / Import - The Killer Feature\n\n### Export (Trivially Simple)\n\n**Single session:**\n```typescript\nasync function exportSession(sessionId) {\n const session = await db.sessions.get(sessionId);\n if (!session) return;\n \n // That's it. Literally just grab the session.\n const json = JSON.stringify(session, null, 2);\n \n // Download\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${session.slug || session.id}-session.json`;\n a.click();\n URL.revokeObjectURL(url);\n}\n```\n\n**All data:**\n```typescript\nasync function exportAllData(state) {\n const sessions = await state.db.sessions.toArray();\n const folders = await state.db.folders.toArray();\n const systemPrompts = await state.db.systemPrompts.toArray();\n const notes = await state.db.notes.toArray();\n \n return {\n meta: {\n type: 'chatter-export-v11',\n exportedAt: Date.now(),\n version: 11\n },\n data: {\n sessions, // Each session is self-contained!\n folders,\n systemPrompts,\n notes\n }\n };\n}\n```\n\n### Import (Also Trivially Simple)\n\n**Single session:**\n```typescript\nasync function importSession(jsonFile) {\n const text = await jsonFile.text();\n const session = JSON.parse(text);\n \n // Validate basic structure\n if (!session.tree || !Array.isArray(session.tree.messages)) {\n throw new Error('Invalid session format');\n }\n \n // Remove old ID (will get new auto-increment ID)\n delete session.id;\n \n // Insert (that's it!)\n const newId = await db.sessions.add(session);\n return newId;\n}\n```\n\n**All data:**\n```typescript\nasync function importDataAppend(state, input) {\n const parsed = JSON.parse(input);\n const data = parsed.data || parsed;\n \n // Import sessions (no ID remapping needed!)\n for (const session of data.sessions || []) {\n delete session.id; // Get new ID\n await state.db.sessions.add(session);\n }\n \n // Import other tables (same as before)\n for (const folder of data.folders || []) {\n // ... handle folder remapping for folderId references\n }\n}\n```\n\n### Cross-App Compatibility\n\n**Why this is huge:**\n- Share a conversation = send one JSON file\n- Import into another app = just parse the JSON\n- Archive conversations = save JSON files\n- Backup strategy = export all sessions weekly\n- No complex graph rebuilding on import\n- No ID remapping for messages (they're local to session)\n\n---\n\n## Data Integrity & Safety\n\n### Cycle Prevention\n```typescript\nfunction validateNoCycles(session, newMessage) {\n if (newMessage.parentId === null) return true; // Root is always valid\n \n const visited = new Set();\n let currentId = newMessage.parentId;\n \n while (currentId != null) {\n if (visited.has(currentId)) {\n throw new Error('Cycle detected in message tree');\n }\n visited.add(currentId);\n \n const msg = session.tree.messages.find(m => m.id === currentId);\n if (!msg) break;\n currentId = msg.parentId;\n }\n \n return true;\n}\n```\n\n### Multi-Tab Safety\nWith atomic sessions, multi-tab conflicts are naturally handled:\n- Each tab loads session independently\n- Last write wins (standard Dexie behavior)\n- No partial state corruption (whole document is atomic)\n- Consider adding optimistic locking if needed:\n ```typescript\n session.version = (session.version || 0) + 1;\n ```\n\n### Orphaned Messages\n**Not a problem** with atomic sessions! Messages live in the tree even if no branch points to them. You can:\n1. Leave them (harmless, take up space but minimal)\n2. Add a cleanup tool to prune unreachable messages\n3. Show \"orphaned messages\" view for recovery\n\n---\n\n## Performance Considerations\n\n### What's Fast\n- ✅ Loading a session: One read, instant\n- ✅ Saving a session: One write, debounced\n- ✅ Sidebar list: Only loads metadata, not full trees\n- ✅ Linear conversations: No path building needed\n- ✅ Branch path building: O(depth) but depth is small (10-50 messages typical)\n\n### What to Watch\n- ⚠️ Very long conversations (500+ messages): Session size grows, but still manageable\n- ⚠️ Many branches (10+ per session): Path building gets slower, but rare\n- ⚠️ Rapid saves during streaming: Debounce to 500ms prevents DB thrashing\n\n### Optimization Strategies\n1. **Debounce saves**: Only write to disk every 500ms during streaming\n2. **Lazy load trees**: Sidebar only loads metadata, trees loaded on demand\n3. **Path caching**: Cache the current branch path in memory\n4. **Prune old branches**: Archive branches after X days of inactivity\n\n---\n\n## Rollout Plan\n\n### Phase 1: Atomic Sessions (No Branching) — 1-2 weeks\n**Goal**: Replace normalized tables with sessions, keep linear behavior. \n**Risk**: Low (keeps existing behavior, just changes storage)\n\n#### Schema & Migration\n- [x] Add Dexie v11 schema definition in `chatCore.js`\n- [x] Write migration upgrade function (chats+messages → sessions)\n- [ ] Add cycle detection validation\n- [x] Add migration error handling and logging\n- [ ] Test migration with sample data locally\n\n#### Core Functions\n- [x] Replace `loadChats()` → `loadSessions()` (metadata only)\n- [x] Replace `selectChat()` → `loadSession()` (full document)\n- [x] Add `saveSession()` function\n- [x] Add debounce helper for session saves\n- [x] Update `createNewChat()` to create session\n- [x] Update `deleteChat()` to delete session\n- [x] Update `duplicateChat()` to duplicate session\n\n#### Streaming Integration\n- [x] Update `sendMessage()` to use debounced saves\n- [x] Update `applyJobDelta()` to call `debouncedSaveSession()`\n- [x] Update `rerunFromUser()` to use sessions\n- [ ] Update `rerunAssistant()` to use sessions\n- [ ] Test streaming with rapid deltas\n\n#### Message Operations\n- [x] Update `deleteMessage()` to work with sessions\n- [x] Update `deleteMessagesBelow()` to work with sessions\n- [x] Update message editing to work with sessions\n- [x] Ensure reasoning map updates trigger saves\n\n#### Export/Import\n- [x] Simplify `exportAllData()` to include sessions\n- [x] Simplify `importDataReplace()` for sessions (no ID remapping)\n- [x] Simplify `importDataAppend()` for sessions\n- [x] Add single session export function\n- [x] Add single session import function\n- [ ] Test export/import round-trip\n\n#### Testing & Validation\n- [x] Fresh install works (no migration needed)\n- [ ] v10 → v11 migration runs successfully\n- [x] Verify all chats appear in sidebar\n- [x] Verify all messages present in each chat\n- [x] Test creating new chat\n- [x] Test sending messages\n- [x] Test streaming\n- [x] Test regenerate/rerun\n- [x] Test editing messages\n- [x] Test deleting messages\n- [x] Test deleting chats\n- [x] Test duplicate chat\n- [ ] Test export/import\n- [ ] Performance test: load chat with 100+ messages\n- [ ] Performance test: sidebar with 50+ chats\n\n#### Deployment\n- [ ] Code review\n- [ ] Deploy to staging/dev\n- [ ] Monitor browser console for migration errors\n- [ ] Validate in production-like environment\n- [ ] Deploy to production\n- [ ] Monitor for issues\n- [ ] Update documentation\n\n---\n\n### Phase 2: Enable Branching — 2-3 weeks after Phase 1\n**Goal**: Add UI for creating and switching branches. \n**Risk**: Medium (new UI patterns, user education needed)\n\n#### Core Branch Functions\n- [ ] Create `branchManager.js` module\n- [ ] Implement `enableBranching(sessionId)` function\n- [ ] Implement `forkAtMessage(sessionId, messageId)` function\n- [ ] Implement `switchBranch(sessionId, branchId)` function\n- [ ] Implement `archiveBranch(sessionId, branchId)` function\n- [ ] Implement `renameBranch(sessionId, branchId, newName)` function\n- [ ] Implement `buildMessagePath(session, branchId)` function\n- [ ] Add branch name uniqueness validation\n\n#### UI Components\n- [ ] Create branch selector dropdown component\n- [ ] Add \"Enable branching\" button to chat settings\n- [ ] Add \"Fork here\" button to message actions menu\n- [ ] Add branch indicator to chat header\n- [ ] Add branch count badge\n- [ ] Style branch UI elements\n- [ ] Add keyboard shortcuts for branch operations\n\n#### State Management\n- [ ] Add `currentBranchId` to app state\n- [ ] Add `sessionTree` to app state\n- [ ] Update `loadSession()` to handle branches\n- [ ] Update `saveSession()` to preserve branches\n- [ ] Add branch validation on save\n\n#### Streaming with Branches\n- [ ] Update `sendMessage()` to append to current branch\n- [ ] Update `applyJobDelta()` to write to current branch\n- [ ] Add validation: prevent streaming to inactive branch\n- [ ] Test streaming while switching branches\n- [ ] Test concurrent branch generation\n\n#### Fork/Regenerate\n- [ ] Update \"Regenerate\" to create sibling branch\n- [ ] Add UI to select which regeneration to keep\n- [ ] Test multiple alternatives at same point\n- [ ] Test switching between alternatives\n\n#### Export/Import with Branches\n- [ ] Verify session export includes full branch tree\n- [ ] Test import of branched sessions\n- [ ] Add branch count to export metadata\n- [ ] Test cross-app import (external tools)\n\n#### Testing\n- [ ] Enable branching for test session\n- [ ] Fork at various message points\n- [ ] Create 5+ branches in one session\n- [ ] Switch between branches rapidly\n- [ ] Test streaming to different branches\n- [ ] Test regenerate creates sibling\n- [ ] Test delete branch\n- [ ] Test rename branch\n- [ ] Test export/import branched session\n- [ ] Test orphaned message handling\n- [ ] Performance: switch between branches < 100ms\n- [ ] Performance: fork operation < 50ms\n\n#### Documentation & UX\n- [ ] Add tooltip explanations for branch features\n- [ ] Create user guide for branching\n- [ ] Add visual indicators for current branch\n- [ ] Add confirmation for destructive branch operations\n- [ ] Add undo for branch deletion\n\n#### Deployment\n- [ ] Deploy behind feature flag\n- [ ] Enable for beta users\n- [ ] Gather feedback\n- [ ] Fix bugs and iterate\n- [ ] Gradual rollout to all users\n- [ ] Monitor usage and performance\n- [ ] Update help documentation\n\n---\n\n### Phase 3: Advanced Features (Optional) — Future\n**Goal**: Enhance branching with power-user features. \n**Risk**: Low (all optional enhancements)\n\n#### Branch Visualization\n- [ ] Design tree view UI\n- [ ] Implement visual branch tree renderer\n- [ ] Add zoom/pan controls\n- [ ] Add click to switch branches from tree\n- [ ] Show branch names on tree nodes\n- [ ] Highlight current branch path\n\n#### Branch Operations\n- [ ] Implement branch merge/combine\n- [ ] Add diff view between branches\n- [ ] Add branch comparison tool\n- [ ] Add \"cherry-pick\" messages between branches\n- [ ] Add branch templates/favorites\n\n#### Analytics & Insights\n- [ ] Track which branches are used most\n- [ ] Track regeneration patterns\n- [ ] Show \"best path\" recommendations\n- [ ] Add branch quality scoring\n\n#### Collaboration Features\n- [ ] Export single branch as separate conversation\n- [ ] Import branch into existing session\n- [ ] Share specific branch via URL\n- [ ] Add branch annotations/comments\n\n#### Cleanup & Maintenance\n- [ ] Add \"Find orphaned messages\" tool\n- [ ] Add \"Prune unused branches\" function\n- [ ] Add \"Flatten to linear\" option\n- [ ] Auto-archive old branches\n\n#### Performance Optimizations\n- [ ] Implement path caching\n- [ ] Lazy-load branch trees\n- [ ] Virtual scrolling for large trees\n- [ ] Index optimization for branch queries\n\n---\n\n## Testing Checklist\n\n### Migration Testing\n- [ ] Fresh install works (no migration needed)\n- [ ] v10 → v11 migration runs successfully\n- [ ] All chats appear in sidebar after migration\n- [ ] All messages present in migrated chats\n- [ ] Settings/prompts preserved after migration\n- [ ] Export v10 → import v11 works\n- [ ] Export v11 → import v11 works (round-trip)\n\n### Linear Mode Testing\n- [ ] Create new chat works\n- [ ] Send message works\n- [ ] Streaming displays correctly\n- [ ] Regenerate works\n- [ ] Edit message works\n- [ ] Delete message works\n- [ ] Delete chat works\n- [ ] Duplicate chat works\n- [ ] Folder organization works\n- [ ] Search/filter works\n\n### Branching Testing (Phase 2)\n- [ ] Enable branching for session\n- [ ] Fork at any message creates branch\n- [ ] Switch between branches works\n- [ ] Each branch maintains independent content\n- [ ] Streaming to specific branch works\n- [ ] Regenerate creates sibling branch\n- [ ] Delete branch works\n- [ ] Rename branch works\n- [ ] Branch count shows correctly\n- [ ] Cannot create duplicate branch names\n\n### Performance Testing\n- [ ] Load chat with 100 messages: < 100ms\n- [ ] Load chat with 500 messages: < 500ms\n- [ ] Save session during streaming: < 50ms (debounced)\n- [ ] Switch between 5 branches: < 100ms\n- [ ] Sidebar with 100 chats: < 200ms\n- [ ] Export session with 200 messages: < 500ms\n- [ ] Import session: < 1s\n\n### Edge Cases\n- [ ] Empty session (no messages)\n- [ ] Session with only assistant greeting\n- [ ] Very long single message (10K+ chars)\n- [ ] Rapid branch switching\n- [ ] Stream interrupted mid-generation\n- [ ] Browser refresh during stream\n- [ ] Multi-tab editing (last write wins)\n- [ ] Orphaned messages (no branch points to them)\n\n---\n\n## Summary: Why Atomic Sessions Win\n\n### For Your Use Case\n✅ **Short Q&A chats** → Small, fast documents \n✅ **Portability priority** → One file = one conversation \n✅ **Simple export/import** → No complex ID remapping \n✅ **Easy to inspect** → Open JSON, see everything \n✅ **Client-side only** → No concurrency issues \n\n### What Changes\n- Replace `chats` + `messages` tables → `sessions` table\n- Load session: one read instead of JOIN\n- Save session: one write (debounced) instead of incremental\n- Export: grab session, done\n- Import: validate + insert, done\n\n### What Stays the Same\n- UI still uses `state.messages` linear array\n- Streaming still updates in-memory\n- Backend unchanged\n- Folder organization unchanged\n- All existing features work\n\n### Migration Path\n1. **Phase 1** (1-2 weeks): Migrate to sessions, keep linear behavior\n2. **Phase 2** (2-3 weeks): Add branching UI and features\n3. **Phase 3** (ongoing): Advanced branch features as needed\n\n### The Payoff\n- **Export a chat** → one line of code\n- **Import a chat** → one line of code \n- **Share with colleague** → send JSON file\n- **Archive conversations** → save files locally\n- **Cross-app compatibility** → any tool can read the format\n- **Future-proof** → structure is self-documenting and inspectable\n\n**Bottom line**: Atomic sessions trade theoretical scalability (which you don't need) for practical simplicity and portability (which you do need).\n\n---\n\n## Quick Reference: Implementation Checklist\n\n### Essential Steps (Phase 1)\n\n#### Step 1: Add v11 Schema (chatCore.js)\n- [x] Add Dexie v11 schema with `sessions` table\n- [x] Keep old `chats` and `messages` tables for migration\n- [x] Write `.upgrade()` function with migration logic\n- [x] Add migration logging and error handling\n\n```typescript\nstate.db.version(11).stores({\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n chats: '++id, title, slug, createdAt, folderId, ...', // Keep for migration\n messages: '++id, chatId, createdAt, role, content, model', // Keep for migration\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n}).upgrade(async tx => {\n // See \"Migration Plan\" section for full code\n});\n```\n\n#### Step 2: Replace Core Functions (chatCore.js)\n- [x] Add `loadSessions()` - loads metadata only (for sidebar)\n- [x] Add `loadSession(id)` - loads full session document\n- [x] Add `saveSession()` - saves full session\n- [x] Add debounce helper (500ms delay)\n- [x] Update `createNewChat()` to create session\n- [x] Update `deleteChat()` to delete session\n- [x] Update `duplicateChat()` to duplicate session\n- [x] Keep `state.messages` array (UI compatibility!)\n\n#### Step 3: Update Streaming (chatterApp.js)\n- [x] Add `debouncedSaveSession` helper\n- [x] Update `sendMessage()` to call debounced save\n- [x] Update `applyJobDelta()` to call debounced save\n- [x] Update `rerunFromUser()` to use sessions\n- [ ] Test rapid streaming doesn't thrash DB\n\n```typescript\n// Add debounce helper\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n\n// In applyJobDelta:\nif (delta.content) {\n this.messages[idx].content += delta.content;\n this.debouncedSaveSession(); // NEW\n}\n```\n\n#### Step 4: Simplify Export/Import (dataIO.js)\n- [x] Update `exportAllData()` to export sessions\n- [x] Simplify `importDataReplace()` - no ID remapping\n- [x] Simplify `importDataAppend()` - sessions are atomic\n- [x] Add single session export function\n- [x] Add single session import function\n\n```typescript\n// Single session export\nasync function exportSession(id) {\n const session = await db.sessions.get(id);\n return JSON.stringify(session, null, 2);\n}\n\n// Single session import\nasync function importSession(json) {\n const session = JSON.parse(json);\n delete session.id;\n return await db.sessions.add(session);\n}\n```\n\n#### Step 5: Test Migration\n- [ ] Export all v10 data as backup\n- [ ] Test migration on copy of real data\n- [ ] Verify session count = chat count\n- [ ] Spot-check messages in random sessions\n- [ ] Test creating new chat\n- [ ] Test sending messages\n- [ ] Test streaming\n- [ ] Test regenerate\n- [ ] Test delete/edit\n- [ ] Test export/import round-trip\n- [ ] Performance test with large chats\n\n#### Step 6: Deploy\n- [ ] Code review\n- [ ] Deploy to dev/staging\n- [ ] Monitor migration logs\n- [ ] Validate in production-like environment\n- [ ] Deploy to production\n- [ ] Monitor for errors in first 24h\n- [ ] Keep v10 tables for 1-2 weeks (safety)\n- [ ] Update documentation\n\n---\n\n## Files to Modify\n\n### Phase 1: Core Files (Must Change)\n\n#### `frontend/core/chatCore.js`\n**Purpose**: Database schema and core data operations \n**Current**: v10 schema with normalized `chats` + `messages` tables \n**Changes needed**:\n- Add Dexie v11 schema with `sessions` table\n- Write migration `.upgrade()` function\n- Replace `loadChats()` → `loadSessions()` (metadata only)\n- Replace `selectChat()` → `loadSession()` (full document)\n- Add `saveSession()` function\n- Update `createNewChat()` to create session\n- Update `deleteChat()` to delete session\n- Update `duplicateChat()` to duplicate session\n- Keep message CRUD operations for backward compatibility (optional)\n\n**Key functions to modify**:\n```javascript\nexport async function initDb(state) // Add v11 schema\nexport async function loadSessions(state) // NEW - replace loadChats\nexport async function loadSession(state, id) // NEW - replace selectChat\nexport async function saveSession(state) // NEW - debounced save\nexport async function createNewChat(state) // Update to create session\nexport async function deleteChat(state, id) // Update to delete session\nexport async function duplicateChat(state, id) // Update to duplicate session\n```\n\n---\n\n#### `frontend/chatterApp.js`\n**Purpose**: Main application state and streaming logic \n**Current**: Incremental message saves to Dexie \n**Changes needed**:\n- Add `debouncedSaveSession` helper function\n- Update `sendMessage()` to use debounced saves\n- Update `applyJobDelta()` to call `debouncedSaveSession()`\n- Update `rerunFromUser()` to work with sessions\n- Update `rerunAssistant()` to work with sessions\n- Keep `state.messages` array (UI compatibility)\n\n**Key sections to modify**:\n```javascript\n// Add in init()\nthis.debouncedSaveSession = debounce(async () => {\n await saveSession(this);\n}, 500);\n\n// In applyJobDelta (around line 1591)\nif (delta.content) {\n this.messages[idx].content += delta.content;\n this.debouncedSaveSession(); // ADD THIS\n}\n\n// In sendMessage (around line 1545)\n// Replace individual message saves with debouncedSaveSession()\n\n// In rerunFromUser (around line 1383)\n// Replace individual message saves with debouncedSaveSession()\n```\n\n---\n\n#### `frontend/dataIO.js`\n**Purpose**: Export and import functionality \n**Current**: Complex ID remapping for normalized tables \n**Changes needed**:\n- Update `exportAllData()` to export sessions instead of chats+messages\n- Simplify `importDataReplace()` - no ID remapping needed\n- Simplify `importDataAppend()` - sessions are atomic\n- Add `exportSession(id)` for single session export\n- Add `importSession(json)` for single session import\n\n**Key functions to modify**:\n```javascript\nexport async function exportAllData(state)\nexport async function importDataReplace(state, input)\nexport async function importDataAppend(state, input)\n// Add these new functions:\nexport async function exportSession(state, id)\nexport async function importSession(state, json)\n```\n\n---\n\n### Phase 1: Secondary Files (May Need Updates)\n\n#### `frontend/init.js`\n**Purpose**: Alpine.js initialization and presetsPanel \n**Current**: Has its own Dexie schema (up to v7) \n**Changes needed**:\n- Update presetsPanel `initDb()` to include v11 for consistency\n- Keep v10 definitions for backward compatibility\n- No functional changes (presets are separate table)\n\n**Section to update** (around line 31):\n```javascript\ninitDb() {\n // ... existing versions ...\n // Add v11 to match chatCore.js\n this.db.version(11).stores({\n sessions: '++id, title, slug, createdAt, folderId, updatedAt',\n chats: '++id, title, slug, createdAt, folderId, ...',\n messages: '++id, chatId, createdAt, role, content, model',\n folders: '++id, name, createdAt, order, collapsed',\n systemPrompts: '++id, name, content, systemPrompt, settings, createdAt, updatedAt',\n notes: '++id, title, content, createdAt, updatedAt'\n });\n}\n```\n\n---\n\n#### `frontend/messageEditing.js`\n**Purpose**: Inline message editing \n**Current**: Saves individual messages to Dexie \n**Changes needed**:\n- Replace `db.messages.put()` with `saveSession()`\n- Ensure edits trigger debounced session save\n\n**Functions to update**:\n```javascript\nexport async function commitEditingMessage(state)\n// Replace db.messages.put() with saveSession()\n```\n\n---\n\n### Phase 1: Files That DON'T Need Changes\n\n✅ **`backend/` (entire directory)** - Backend is stateless, no changes needed \n✅ **`frontend/components/*.html`** - UI components use `state.messages` (unchanged) \n✅ **`frontend/apiClient.js`** - API calls unchanged \n✅ **`frontend/chatterLib.js`** - Helper functions unchanged \n✅ **`frontend/contentRenderers.js`** - Rendering unchanged \n✅ **`frontend/dragDrop.js`** - Drag/drop unchanged \n✅ **`frontend/i18n.js`** - Internationalization unchanged \n✅ **`frontend/preferences.js`** - Settings persistence unchanged \n✅ **`frontend/presets.js`** - Presets system unchanged \n✅ **`frontend/timerUtils.js`** - Timer utils unchanged \n✅ **`frontend/traceUI.js`** - Trace UI unchanged \n✅ **`frontend/uiTools.js`** - UI utilities unchanged \n\n---\n\n### Phase 2: New Files to Create (Branching)\n\n#### `frontend/core/branchManager.js` (NEW)\n**Purpose**: Branch operations and management \n**Functions to implement**:\n```javascript\nexport async function enableBranching(state, sessionId)\nexport async function forkAtMessage(state, sessionId, messageId)\nexport async function switchBranch(state, sessionId, branchId)\nexport async function archiveBranch(state, sessionId, branchId)\nexport async function renameBranch(state, sessionId, branchId, newName)\nexport function buildMessagePath(session, branchId)\nexport function validateNoCycles(session, newMessage)\n```\n\n---\n\n#### `frontend/components/branchSelector.html` (NEW)\n**Purpose**: Branch dropdown UI component \n**Features**:\n- Show all branches for current session\n- Highlight active branch\n- Switch between branches\n- Create new branch\n- Rename/delete branches\n\n---\n\n#### `frontend/components/branchVisualizer.html` (NEW - Optional)\n**Purpose**: Visual tree view of branches \n**Features**:\n- SVG/Canvas tree rendering\n- Click nodes to switch branches\n- Zoom/pan controls\n- Show branch names and dates\n\n---\n\n### Reference: Current File Structure\n\n```\n/Users/janzheng/localhost/smallweb/chatter/\n├── backend/\n│ ├── config.js ✅ No changes\n│ ├── index.js ✅ No changes\n│ ├── routes/\n│ │ ├── chatStream.js ✅ No changes\n│ │ ├── chatStreamSSE.js ✅ No changes\n│ │ ├── jobs.js ✅ No changes\n│ │ ├── search.js ✅ No changes\n│ │ ├── static.js ✅ No changes\n│ │ ├── styles.js ✅ No changes\n│ │ └── system.js ✅ No changes\n│ └── utils.js ✅ No changes\n├── frontend/\n│ ├── apiClient.js ✅ No changes\n│ ├── chatterApp.js ✏️ MODIFY - streaming & saves\n│ ├── chatterLib.js ✅ No changes\n│ ├── components/\n│ │ ├── appSettings.html ✅ No changes\n│ │ ├── chatControls.html ✅ No changes\n│ │ ├── chatWindow.html ✅ No changes\n│ │ ├── globalMenu.html ✅ No changes\n│ │ ├── sidebarDesktop.html ✅ No changes\n│ │ └── sidebarMobile.html ✅ No changes\n│ ├── contentRenderers.js ✅ No changes\n│ ├── core/\n│ │ ├── chatCore.js ✏️ MODIFY - schema & core ops\n│ │ ├── jobManager.js ✅ No changes\n│ │ └── branchManager.js 📄 NEW (Phase 2)\n│ ├── dataIO.js ✏️ MODIFY - export/import\n│ ├── dragDrop.js ✅ No changes\n│ ├── experimental/\n│ │ └── streaming.js ✅ No changes\n│ ├── i18n.js ✅ No changes\n│ ├── init.js ✏️ MINOR - schema sync\n│ ├── messageEditing.js ✏️ MODIFY - use sessions\n│ ├── preferences.js ✅ No changes\n│ ├── presets.js ✅ No changes\n│ ├── timerUtils.js ✅ No changes\n│ ├── traceUI.js ✅ No changes\n│ └── uiTools.js ✅ No changes\n├── BRANCH_DATA_MODEL.md 📖 This document\n├── chatCompletion.js ✅ No changes\n├── chatStreaming.js ✅ No changes\n├── index.html ✅ No changes\n├── jsonUtils.js ✅ No changes\n└── main.js ✅ No changes\n```\n\n---\n\n### Summary of Changes\n\n| File | Lines of Code | Complexity | Phase |\n|------|---------------|------------|-------|\n| `frontend/core/chatCore.js` | ~200-300 new/modified | High | 1 |\n| `frontend/chatterApp.js` | ~50-100 modified | Medium | 1 |\n| `frontend/dataIO.js` | ~100-150 modified | Medium | 1 |\n| `frontend/init.js` | ~10 new | Low | 1 |\n| `frontend/messageEditing.js` | ~20 modified | Low | 1 |\n| `frontend/core/branchManager.js` | ~200-300 new | High | 2 |\n| `frontend/components/branchSelector.html` | ~100-150 new | Medium | 2 |\n\n**Total estimated changes**: ~800-1,000 lines of code across 5 files (Phase 1) \n**New code**: ~300-500 lines (Phase 2)\n\n---\n\n## Key Concepts Summary\n\n| Concept | Old (v10) | New (v11) |\n|---------|-----------|-----------|\n| **Storage** | Normalized tables | Atomic documents |\n| **Load chat** | JOIN query | Single read |\n| **Save message** | Individual writes | Debounced full save |\n| **Export** | Serialize + remap IDs | Grab session |\n| **Import** | Parse + remap IDs | Validate + insert |\n| **Branches** | Not supported | Embedded tree |\n| **Portability** | Complex | Trivial |\n\n---\n\n## Need Help?\n\n**Common issues:**\n- Migration stuck? Check browser console for errors\n- Messages missing? Check `session.tree.messages` array\n- Streaming not saving? Check debounce is working\n- Can't import? Validate JSON structure matches schema\n\n**Debug tools:**\n```javascript\n// In browser console:\nconst db = new Dexie('chat_db');\nawait db.open();\n\n// Check sessions\nconst sessions = await db.sessions.toArray();\nconsole.log('Sessions:', sessions);\n\n// Check a specific session\nconst session = await db.sessions.get(1);\nconsole.log('Session tree:', session.tree);\n\n// Check migration status\nconsole.log('DB version:', db.verno);\n```\n\n",[],[394],"caf0b730-9764-11f0-b6fe-0224a6c84d84",".vtignore","f77226d2-7616-11f0-baaa-0224a6c84d84",207,["D",1758511960565],2,".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nfrontend/vendor/",[],[402],"f756687a-7616-11f0-99b1-0224a6c84d84",".gitignore","f7566974-7616-11f0-99b1-0224a6c84d84",13,["D",1754850145313],".env\n.DS_Store",[],[411],"bb41cffe-8526-11f0-b180-0224a6c84d84","fetch_vendor.js","bb41d09e-8526-11f0-b180-0224a6c84d84","bae9ad6a-8526-11f0-9a69-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",[],[427,419],"scripts","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",[],[427,429],"bae9aca2-8526-11f0-9a69-0224a6c84d84",108,["D",1756506183953],[276,277],[427],"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",[],[185,442],"34420d4a-a432-11f0-a1d8-0224a6c84d84","types.ts","34420e08-a432-11f0-a1d8-0224a6c84d84",223,["D",1759919598049],"// Central type definitions for Chatter\n// This is the single source of truth for all data structures\n\n// ============================================================================\n// Core Session & Message Types\n// ============================================================================\n\nexport interface Message {\n id: number;\n parentId: number | null;\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n depth?: number;\n}\n\nexport interface Branch {\n id: number;\n leafMessageId: number | null;\n name: string;\n baseMessageId?: number | null;\n createdAt: number;\n updatedAt?: number;\n}\n\nexport interface SessionTree {\n messages: Message[];\n branches: Branch[];\n activeBranchId: number | null;\n branchingEnabled: boolean;\n}\n\nexport interface ChatSettings {\n selectedModel?: string;\n customChatBaseUrl?: string;\n temperature?: number;\n maxTokens?: number;\n reasoningEffort?: 'low' | 'medium' | 'high';\n streamEnabled?: boolean;\n jsonMode?: boolean;\n useBrowserSearch?: boolean;\n useCodeInterpreter?: boolean;\n}\n\nexport interface Session {\n id?: number;\n title: string;\n slug?: string;\n createdAt: number;\n updatedAt: number;\n folderId?: number | null;\n systemPromptId?: number | null;\n activeSettingsSource?: 'preset' | 'custom' | null;\n tree: SessionTree;\n settings?: ChatSettings;\n systemPrompt?: string;\n}\n\n// ============================================================================\n// Legacy Types (for backward compatibility)\n// ============================================================================\n\nexport interface LegacyChat {\n id: number;\n title: string;\n slug?: string;\n createdAt: number;\n folderId?: number | null;\n systemPromptId?: number | null;\n systemPromptText?: string;\n settings?: ChatSettings;\n activeSettingsSource?: 'preset' | 'custom' | null;\n customPromptText?: string;\n}\n\nexport interface LegacyMessage {\n id?: number;\n chatId: number;\n createdAt: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n model?: string | null;\n promptLabel?: string | null;\n}\n\n// ============================================================================\n// UI State Types\n// ============================================================================\n\nexport interface UIMessage {\n id?: number;\n role: 'user' | 'assistant' | 'system';\n content: string;\n reasoning?: string;\n createdAt: number;\n chatId?: number;\n model?: string | null;\n promptLabel?: string | null;\n}\n\n// ============================================================================\n// Folder & Organization Types\n// ============================================================================\n\nexport interface Folder {\n id: number;\n name: string;\n createdAt: number;\n order: number;\n collapsed: boolean;\n}\n\n// ============================================================================\n// Preset Types\n// ============================================================================\n\nexport interface SystemPrompt {\n id: number;\n name: string;\n content: string;\n systemPrompt?: string;\n settings?: ChatSettings;\n shortId?: string;\n createdAt: number;\n updatedAt: number;\n}\n\n// ============================================================================\n// Note Types\n// ============================================================================\n\nexport interface Note {\n id: number;\n title: string;\n content: string;\n createdAt: number;\n updatedAt: number;\n}\n\n// ============================================================================\n// Export/Import Types\n// ============================================================================\n\nexport interface ExportData {\n meta: {\n type: string;\n schemaVersion: number;\n exportedAt: number;\n };\n data: {\n sessions: Session[];\n chats: LegacyChat[];\n messages: LegacyMessage[];\n folders: Folder[];\n systemPrompts: SystemPrompt[];\n notes: Note[];\n };\n}\n\n// ============================================================================\n// Streaming & Job Types\n// ============================================================================\n\nexport interface StreamingDelta {\n content?: string;\n reasoning?: string;\n executed_tools?: Array<{\n name?: string;\n tool?: string;\n function?: { name?: string };\n arguments?: any;\n input?: any;\n params?: any;\n output?: any;\n result?: any;\n content?: any;\n }>;\n tool_calls?: Array<{\n name?: string;\n tool?: string;\n function?: { name?: string };\n arguments?: any;\n input?: any;\n params?: any;\n }>;\n}\n\nexport interface ChatCompletionChoice {\n delta?: StreamingDelta;\n message?: {\n role: string;\n content: string;\n };\n}\n\nexport interface ChatCompletionResponse {\n choices: ChatCompletionChoice[];\n}\n\nexport interface JobPayload {\n messages: Array<{ role: string; content: string }>;\n userApiKey?: string;\n model: string;\n base_url?: string;\n temperature?: number;\n top_p?: number;\n stop?: string | string[];\n max_tokens?: number;\n response_format?: { type: string };\n reasoning_effort?: string;\n tools?: Array<{ type: string }>;\n}\n\n// ============================================================================\n// Helper Functions for Type Guards\n// ============================================================================\n\nexport function isSession(obj: any): obj is Session {\n return obj && typeof obj === 'object' && 'tree' in obj && typeof obj.tree === 'object';\n}\n\nexport function isMessage(obj: any): obj is Message {\n return obj && typeof obj === 'object' && 'role' in obj && 'content' in obj;\n}\n\nexport function isBranch(obj: any): obj is Branch {\n return obj && typeof obj === 'object' && 'id' in obj && 'leafMessageId' in obj;\n}\n\n// ============================================================================\n// Helper Functions for Creating Default Objects\n// ============================================================================\n\nexport function createDefaultMessage(partial: Partial = {}): Message {\n return {\n id: partial.id ?? 0,\n parentId: partial.parentId ?? null,\n createdAt: partial.createdAt ?? Date.now(),\n role: partial.role ?? 'user',\n content: partial.content ?? '',\n reasoning: partial.reasoning,\n model: partial.model,\n promptLabel: partial.promptLabel,\n depth: partial.depth ?? 0,\n };\n}\n\nexport function createDefaultBranch(partial: Partial = {}): Branch {\n return {\n id: partial.id ?? 1,\n leafMessageId: partial.leafMessageId ?? null,\n name: partial.name ?? 'main',\n baseMessageId: partial.baseMessageId,\n createdAt: partial.createdAt ?? Date.now(),\n updatedAt: partial.updatedAt,\n };\n}\n\nexport function createDefaultSessionTree(partial: Partial = {}): SessionTree {\n return {\n messages: partial.messages ?? [],\n branches: partial.branches ?? [createDefaultBranch()],\n activeBranchId: partial.activeBranchId ?? 1,\n branchingEnabled: partial.branchingEnabled ?? true,\n };\n}\n\nexport function createDefaultSession(partial: Partial = {}): Session {\n return {\n id: partial.id,\n title: partial.title ?? 'New chat',\n slug: partial.slug,\n createdAt: partial.createdAt ?? Date.now(),\n updatedAt: partial.updatedAt ?? Date.now(),\n folderId: partial.folderId,\n systemPromptId: partial.systemPromptId,\n activeSettingsSource: partial.activeSettingsSource,\n tree: partial.tree ?? createDefaultSessionTree(),\n settings: partial.settings,\n systemPrompt: partial.systemPrompt,\n };\n}\n\n// ============================================================================\n// Helper Functions for Message Operations\n// ============================================================================\n\n/**\n * Safely get or create reasoning content for a message\n */\nexport function getMessageReasoning(message: Message | UIMessage): string {\n return message.reasoning != null ? String(message.reasoning) : '';\n}\n\n/**\n * Set reasoning content on a message (immutable)\n */\nexport function setMessageReasoning(message: Message, reasoning: string): Message {\n return { ...message, reasoning };\n}\n\n/**\n * Check if a message has reasoning content\n */\nexport function hasReasoning(message: Message | UIMessage): boolean {\n return message.reasoning != null && message.reasoning.length > 0;\n}\n\n/**\n * Convert a UIMessage to a Message for storage\n */\nexport function uiMessageToMessage(uiMsg: UIMessage, idx: number, parentId: number | null): Message {\n return {\n id: uiMsg.id ?? idx + 1,\n parentId,\n createdAt: uiMsg.createdAt,\n role: uiMsg.role,\n content: uiMsg.content,\n reasoning: uiMsg.reasoning,\n model: uiMsg.model,\n promptLabel: uiMsg.promptLabel,\n depth: idx,\n };\n}\n\n/**\n * Convert a Message to a UIMessage for display\n */\nexport function messageToUIMessage(msg: Message): UIMessage {\n return {\n id: msg.id,\n role: msg.role,\n content: msg.content,\n reasoning: msg.reasoning,\n createdAt: msg.createdAt,\n model: msg.model,\n promptLabel: msg.promptLabel,\n };\n}\n\n// ============================================================================\n// Helper Functions for Session Operations\n// ============================================================================\n\n/**\n * Get the next available message ID in a session\n */\nexport function getNextMessageId(session: Session): number {\n const messages = session.tree?.messages ?? [];\n const maxId = messages.reduce((max, m) => Math.max(max, m.id), 0);\n return maxId + 1;\n}\n\n/**\n * Get the next available branch ID in a session\n */\nexport function getNextBranchId(session: Session): number {\n const branches = session.tree?.branches ?? [];\n const maxId = branches.reduce((max, b) => Math.max(max, b.id), 0);\n return maxId + 1;\n}\n\n/**\n * Get a message by ID from a session\n */\nexport function getMessageById(session: Session, messageId: number): Message | null {\n const messages = session.tree?.messages ?? [];\n return messages.find(m => m.id === messageId) ?? null;\n}\n\n/**\n * Get a branch by ID from a session\n */\nexport function getBranchById(session: Session, branchId: number): Branch | null {\n const branches = session.tree?.branches ?? [];\n return branches.find(b => b.id === branchId) ?? null;\n}\n\n/**\n * Get the active branch from a session\n */\nexport function getActiveBranch(session: Session): Branch | null {\n const tree = session.tree;\n if (!tree || tree.activeBranchId == null) return null;\n return getBranchById(session, tree.activeBranchId);\n}\n\n",[],[185,450],"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",[],[185,458],"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",[],[185,466],"868dc074-a434-11f0-ab9d-0224a6c84d84","settingsActions.js","868dc11e-a434-11f0-ab9d-0224a6c84d84",250,["D",1759920595099],"/**\n * Settings Actions\n * Handles API key, system prompt, and general settings operations\n */\n\nimport { checkServerKey as apiCheckServerKey } from './apiClient.js';\n\n/**\n * Check if the server has a key configured\n * @param {Object} state - The Alpine.js state object\n */\nexport async function checkServerKey(state) {\n try {\n const data = await apiCheckServerKey();\n state.hasServerKey = !!data.hasServerKey;\n } catch (error) {\n console.error('Error checking server key:', error);\n state.hasServerKey = false;\n }\n}\n\n/**\n * Set/save API key from input\n * @param {Object} state - The Alpine.js state object\n */\nexport function setApiKey(state) {\n if (state.apiKeyInput.trim()) {\n state.userApiKey = state.apiKeyInput.trim();\n localStorage.setItem('groq_api_key', state.userApiKey);\n state.apiKeyInput = '';\n }\n}\n\n/**\n * Clear the API key input (prepare to change)\n * @param {Object} state - The Alpine.js state object\n */\nexport function changeApiKey(state) {\n state.userApiKey = '';\n}\n\n/**\n * Clear/remove the API key completely\n * @param {Object} state - The Alpine.js state object\n */\nexport function clearApiKey(state) {\n state.userApiKey = '';\n localStorage.removeItem('groq_api_key');\n}\n\n/**\n * Toggle system prompt panel\n * @param {Object} state - The Alpine.js state object\n */\nexport function toggleSystemPromptOpen(state) {\n state.systemPromptOpen = !state.systemPromptOpen;\n try { localStorage.setItem('system_prompt_open', state.systemPromptOpen ? '1' : '0'); } catch (_) { /* ignore */ }\n if (state.systemPromptOpen) {\n try { state.$nextTick(() => state.initSystemPromptAutosize()); } catch (_) { /* ignore */ }\n }\n}\n\n/**\n * Handle system prompt input (with debounced save)\n * @param {Object} state - The Alpine.js state object\n * @param {Event} e - The input event\n */\nexport function onSystemPromptInput(state, e) {\n try {\n const el = e && e.target; if (el) state.autoResize({ target: el });\n } catch (_) { /* ignore */ }\n const text = typeof state.systemPrompt === 'string' ? state.systemPrompt : '';\n if (state.systemPromptDebounceId) clearTimeout(state.systemPromptDebounceId);\n state.systemPromptDebounceId = setTimeout(() => {\n try { localStorage.setItem('system_prompt', text); } catch (_) { /* ignore */ }\n state.systemPromptDebounceId = null;\n }, 300);\n}\n\n/**\n * Record current preset selection before user changes it (for cancel/revert)\n * @param {Object} state - The Alpine.js state object\n */\nexport function onPresetSelectFocus(state) {\n try { state.lastChatPromptId = state.chatPromptId; } catch (_) { /* ignore */ }\n}\n\n",[],[185,474],"3473977a-a432-11f0-ac57-0224a6c84d84","presets.js","cc2097b6-8129-11f0-810c-0224a6c84d84",230,["D",1759919598367],4,"// Presets and per-chat settings helpers for chatterApp\n// Each function receives `ctx` which is the Alpine data object (this)\n\nexport async function isChatLinkedToPreset(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n // sessions do not store preset linkage at chat-level; treat as not linked\n if (ctx.db.sessions) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n // Consider chat linked if it has a preset id and the active source is preset (or legacy: no explicit active source and no custom settings)\n const active = meta?.activeSettingsSource || null;\n if (meta?.systemPromptId != null && (active === 'preset' || (active == null && !meta?.settings))) {\n const preset = await ctx.db.systemPrompts.get(Number(meta.systemPromptId));\n return !!preset;\n }\n return false;\n } catch (_) { return false; }\n}\n\nexport async function chatHasCustomSettings(ctx) {\n try {\n if (!ctx.currentChatId || !ctx.db) return false;\n if (ctx.db.sessions) return false;\n const meta = await ctx.db.chats.get(ctx.currentChatId);\n return !!(meta?.settings);\n } catch (_) { return false; }\n}\n\nexport async function updatePresetLinkingStatus(ctx) {\n try {\n ctx.chatIsLinkedToPreset = await isChatLinkedToPreset(ctx);\n ctx.chatHasCustomSettingsStored = await chatHasCustomSettings(ctx);\n } catch (_) {\n ctx.chatIsLinkedToPreset = false;\n ctx.chatHasCustomSettingsStored = false;\n }\n}\n\nexport function snapshotCurrentChatSettings(ctx) {\n try {\n return {\n selectedModel: ctx.selectedModel,\n customChatBaseUrl: ctx.customChatBaseUrl,\n temperature: Number(ctx.temperature),\n maxTokens: Number(ctx.maxTokens),\n reasoningEffort: ctx.reasoningEffort,\n streamEnabled: !!ctx.streamEnabled,\n jsonMode: !!ctx.jsonMode,\n useBrowserSearch: !!ctx.useBrowserSearch,\n useCodeInterpreter: !!ctx.useCodeInterpreter,\n };\n } catch (_) {\n return {};\n }\n}\n\nexport function applyPresetSettings(ctx, settings) {\n try {\n if (!settings || typeof settings !== 'object') return;\n if (settings.selectedModel != null) ctx.selectedModel = settings.selectedModel;\n if (settings.customChatBaseUrl != null) ctx.customChatBaseUrl = settings.customChatBaseUrl;\n if (settings.temperature != null) ctx.temperature = Math.max(0, Math.min(2, Number(settings.temperature)));\n if (settings.maxTokens != null) ctx.maxTokens = Math.max(1, Number(settings.maxTokens));\n if (settings.reasoningEffort) ctx.reasoningEffort = settings.reasoningEffort;\n if (settings.streamEnabled != null) ctx.streamEnabled = !!settings.streamEnabled;\n if (settings.jsonMode != null) ctx.jsonMode = !!settings.jsonMode;\n if (settings.useBrowserSearch != null) ctx.useBrowserSearch = !!settings.useBrowserSearch;\n if (settings.useCodeInterpreter != null) ctx.useCodeInterpreter = !!settings.useCodeInterpreter;\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentChatSettings(ctx) {\n // In sessions-only mode, just keep these on UI state; session snapshots persist on saveSession\n console.log('🔧 saveCurrentChatSettings: starting...');\n if (ctx.savingSettings) return false;\n ctx.savingSettings = true;\n try {\n if (!ctx.db) return false;\n const settings = snapshotCurrentChatSettings(ctx);\n // Update UI flags\n ctx.chatPromptId = ctx.chatPromptId; // no-op retain\n ctx.settingsChanged = false;\n // For sessions, queue a session save (settings snapshot is saved in saveSession if wired); leave legacy path intact\n if (ctx.db.sessions) {\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n return true;\n }\n // Legacy chats path kept for compatibility\n const updateData = {\n settings,\n customPromptText: typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '',\n activeSettingsSource: 'custom'\n };\n if (!ctx._chatWriteQueue) ctx._chatWriteQueue = Promise.resolve();\n let chatId = ctx.currentChatId;\n let savedId = chatId;\n const updateDataCopy = JSON.parse(JSON.stringify(updateData));\n const run = async () => {\n if (!chatId) {\n const base = (ctx.chatInput && ctx.chatInput.trim()) || 'New chat';\n const title = base.substring(0, 60);\n const slug = ctx.slugifyTitle ? ctx.slugifyTitle(title) : '';\n const createdAt = Date.now();\n const row = { title, slug, createdAt, ...updateDataCopy };\n savedId = await ctx.db.chats.put(row);\n } else {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, ...updateDataCopy };\n await ctx.db.chats.put(next);\n });\n }\n };\n ctx._chatWriteQueue = ctx._chatWriteQueue.then(run).catch(() => {}).then(() => undefined);\n await ctx._chatWriteQueue;\n if (!ctx.currentChatId && savedId) {\n ctx.currentChatId = savedId;\n ctx.activeSearchId = savedId;\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(savedId); } catch (_) { /* ignore */ }\n } else {\n setTimeout(() => { try { ctx.loadChats(); } catch (_) {} }, 0);\n }\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return true;\n } catch (error) {\n return false;\n } finally {\n ctx.savingSettings = false;\n }\n}\n\nexport async function loadPresets(ctx) {\n try {\n if (!ctx.db) { ctx.presets = []; return; }\n const rows = await ctx.db.systemPrompts.orderBy('updatedAt').reverse().toArray();\n ctx.presets = Array.isArray(rows) ? rows : [];\n } catch (_) { ctx.presets = []; }\n}\n\nexport async function generatePresetShortId(ctx) {\n const alphabet = '23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';\n const make = () => Array.from({ length: 6 }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join('');\n try {\n const existing = await (ctx.db ? ctx.db.systemPrompts.toArray() : Promise.resolve([]));\n const set = new Set((existing || []).map(p => String(p.shortId || '')));\n for (let i = 0; i < 20; i++) {\n const id = make();\n if (!set.has(id)) return id;\n }\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n } catch (_) {\n return (Date.now().toString(36) + Math.random().toString(36).slice(2, 6)).slice(0, 8);\n }\n}\n\nexport async function createPreset(ctx, name, systemPrompt, settings) {\n try {\n if (!ctx.db) return null;\n const now = Date.now();\n const shortId = await generatePresetShortId(ctx);\n const sp = String(systemPrompt || '');\n const row = {\n name: (name || 'Preset'),\n systemPrompt: sp,\n content: sp,\n settings: (settings && typeof settings === 'object') ? settings : undefined,\n shortId,\n createdAt: now,\n updatedAt: now\n };\n const id = await ctx.db.systemPrompts.add(row);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id, action: 'create' } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport async function updatePreset(ctx, id, fields) {\n try {\n if (!ctx.db || !id) return false;\n const prev = await ctx.db.systemPrompts.get(id);\n if (!prev) return false;\n const patch = { ...fields };\n if (Object.prototype.hasOwnProperty.call(fields || {}, 'systemPrompt')) {\n patch.content = String(fields.systemPrompt || '');\n }\n const next = { ...prev, ...patch, updatedAt: Date.now() };\n await ctx.db.systemPrompts.put(next);\n await loadPresets(ctx);\n try {\n if (typeof window !== 'undefined' && window.dispatchEvent) {\n const event = new CustomEvent('presets-updated', { detail: { id } });\n window.dispatchEvent(event);\n }\n } catch (_) { /* ignore */ }\n return true;\n } catch (_) { return false; }\n}\n\nexport async function deletePreset(ctx, id) {\n try {\n if (!ctx.db || !id) return false;\n // In sessions mode, there is no chat linkage to update; legacy path retained for fallback\n try {\n if (!ctx.db.sessions) {\n const linkedChats = await ctx.db.chats.where('systemPromptId').equals(id).toArray();\n for (const chat of linkedChats) {\n await ctx.db.chats.update(chat.id, { systemPromptId: null });\n }\n }\n } catch (_) { /* ignore */ }\n await ctx.db.systemPrompts.delete(id);\n await loadPresets(ctx);\n if (ctx.chatPromptId === id) {\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n }\n return true;\n } catch (_) { return false; }\n}\n\nexport function onPresetSelectFocus(ctx) {\n try { ctx.lastChatPromptId = ctx.chatPromptId; } catch (_) { /* ignore */ }\n}\n\nexport async function onPresetChange(ctx) {\n try {\n const raw = ctx.chatPromptId;\n const nextId = (raw == null || raw === '' || raw === 'null') ? null : Number(raw);\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n await doApplyPresetChange(ctx, nextId);\n } catch (_) { /* ignore */ }\n}\n\nexport async function doApplyPresetChange(ctx, id) {\n try {\n // Sessions mode: just update UI state and queue save\n if (ctx.db && ctx.db.sessions) {\n if (id == null || !Number.isFinite(id)) {\n ctx.chatPromptId = null;\n ctx.settingsChanged = false;\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n return;\n }\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptId = String(id);\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {}\n ctx.settingsChanged = false;\n ctx.lastChatPromptId = String(id);\n return;\n }\n // Legacy path\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (id == null || !Number.isFinite(id)) {\n ctx.chatPromptId = null;\n if (chatId && ctx.db) {\n const meta = await ctx.db.chats.get(chatId);\n const customText = meta?.customPromptText || meta?.systemPromptText || '';\n const customSettings = meta?.settings || null;\n if (customSettings) applyPresetSettings(ctx, customSettings);\n ctx.chatPromptText = customText;\n await ctx.db.chats.update(chatId, { activeSettingsSource: 'custom' });\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = null;\n return;\n }\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptId = String(id);\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n try { if (typeof ctx.navigateToChatPath === 'function') ctx.navigateToChatPath(chatId); } catch (_) { /* ignore */ }\n }\n ctx.settingsChanged = false;\n await updatePresetLinkingStatus(ctx);\n ctx.lastChatPromptId = String(id);\n } catch (_) { /* ignore */ }\n}\n\nexport function confirmPresetChange(ctx) {\n try {\n const id = ctx.pendingPresetId;\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n doApplyPresetChange(ctx, id);\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelPresetChange(ctx) {\n try {\n ctx.showPresetChangeConfirm = false;\n ctx.pendingPresetId = null;\n ctx.chatPromptId = ctx.lastChatPromptId ?? null;\n } catch (_) { /* ignore */ }\n}\n\nexport function onChatPromptTextInput(ctx, e) {\n try { const el = e && e.target; if (el) ctx.autoResize({ target: el }); } catch (_) { /* ignore */ }\n ctx.settingsChanged = true;\n}\n\nexport async function resetChatPromptToPreset(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return;\n const preset = await (ctx.db ? ctx.db.systemPrompts.get(Number(id)) : null);\n const text = (preset && typeof (preset.systemPrompt != null ? preset.systemPrompt : preset.content) === 'string') ? (preset.systemPrompt != null ? preset.systemPrompt : preset.content) : '';\n ctx.chatPromptText = text;\n if (preset && preset.settings) applyPresetSettings(ctx, preset.settings);\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return; }\n const chatId = await ctx.ensureChatExistsForEdits();\n if (chatId && ctx.db) { try { await ctx.db.chats.update(chatId, { systemPromptText: text, activeSettingsSource: 'preset' }); } catch (_) { /* ignore */ } }\n } catch (_) { /* ignore */ }\n}\n\nexport async function saveCurrentSettingsToChat(ctx) {\n try {\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return true; }\n const chatId = await ctx.ensureChatExistsForEdits();\n if (!chatId || !ctx.db) return false;\n const settings = snapshotCurrentChatSettings(ctx);\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n await ctx.db.chats.update(chatId, { settings, customPromptText: text, activeSettingsSource: 'custom' });\n ctx.chatPromptId = null;\n await updatePresetLinkingStatus(ctx);\n return true;\n } catch (_) { return false; }\n}\n\nexport async function updateCurrentPresetFromChat(ctx) {\n try {\n const id = ctx.chatPromptId;\n if (!id || !Number.isFinite(Number(id))) return false;\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const ok = await updatePreset(ctx, Number(id), { systemPrompt: text, settings: snapshotCurrentChatSettings(ctx) });\n return ok;\n } catch (_) { return false; }\n}\n\nexport async function saveAsPresetFromChat(ctx, name) {\n try {\n const text = typeof ctx.chatPromptText === 'string' ? ctx.chatPromptText : '';\n const defaultName = name && String(name).trim() ? String(name).trim() : ('Preset ' + new Date().toLocaleString());\n const id = await createPreset(ctx, defaultName, text, snapshotCurrentChatSettings(ctx));\n if (!id) return null;\n ctx.chatPromptId = String(id);\n if (ctx.db && ctx.db.sessions) { try { ctx.debouncedSaveSession && ctx.debouncedSaveSession(); } catch (_) {} return id; }\n const chatId = await ctx.ensureChatExistsForEditsForce();\n if (chatId && ctx.db) {\n await ctx.db.transaction('rw', ctx.db.chats, async () => {\n const meta = await ctx.db.chats.get(chatId);\n if (!meta) return;\n const next = { ...meta, systemPromptId: id, systemPromptText: text, activeSettingsSource: 'preset' };\n await ctx.db.chats.put(next);\n });\n }\n ctx.settingsChanged = false;\n try { await updatePresetLinkingStatus(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\nexport function startEditingPreset(ctx, preset) {\n try {\n const id = preset && preset.id != null ? preset.id : null;\n if (id == null) return;\n ctx.editingPresetId = id;\n ctx.editingPresetName = String(preset.name || 'Preset');\n ctx.editingPresetContent = String(preset.content || '');\n ctx.editingPresetSettings = (preset && preset.settings && typeof preset.settings === 'object') ? JSON.parse(JSON.stringify(preset.settings)) : {};\n } catch (_) { /* ignore */ }\n}\n\nexport function cancelEditingPreset(ctx) {\n ctx.editingPresetId = null;\n ctx.editingPresetName = '';\n ctx.editingPresetContent = '';\n ctx.editingPresetSettings = {};\n}\n\nexport async function commitEditingPreset(ctx) {\n try {\n const id = ctx.editingPresetId;\n if (!id || !Number.isFinite(Number(id))) { cancelEditingPreset(ctx); return false; }\n const name = (ctx.editingPresetName || '').trim() || 'Preset';\n const content = String(ctx.editingPresetContent || '');\n const ok = await updatePreset(ctx, Number(id), { name, content, settings: (ctx.editingPresetSettings && typeof ctx.editingPresetSettings === 'object') ? ctx.editingPresetSettings : undefined });\n cancelEditingPreset(ctx);\n return ok;\n } catch (_) {\n cancelEditingPreset(ctx);\n return false;\n }\n}\n\nexport async function clonePreset(ctx, preset) {\n try {\n if (!preset) return null;\n const name = String(preset.name || 'Preset') + ' (copy)';\n const id = await createPreset(ctx, name, String(preset.content || ''), (preset && preset.settings) ? preset.settings : undefined);\n try { await loadPresets(ctx); } catch (_) { /* ignore */ }\n return id;\n } catch (_) { return null; }\n}\n\n\n",[],[185,482],"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",[],[185,491],"86984ba2-a434-11f0-9073-0224a6c84d84","notesPlugin.js","86984c4c-a434-11f0-9073-0224a6c84d84",251,["D",1759920595103],"/**\n * Notes Plugin\n * Manages global notes functionality for the Chatter app\n */\n\n/**\n * Load all notes from the database\n * @param {Object} state - The Alpine.js state object\n */\nexport async function loadNotes(state) {\n try {\n if (!state.db) return;\n const rawNotes = await state.db.notes.orderBy('updatedAt').reverse().toArray() || [];\n // Ensure content is always a string\n state.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 state.notes.forEach(note => {\n if (state.expandedNotes[note.id] === undefined) {\n state.expandedNotes[note.id] = false;\n }\n });\n } catch (error) {\n console.error('Error loading notes:', error);\n state.notes = [];\n }\n}\n\n/**\n * Save a note to the database\n * @param {Object} state - The Alpine.js state object\n * @param {Object} note - The note to save\n * @returns {Promise

History · vendor